/*

Theme Name: Jetty Village Pharmacy by Giant Media

Description: Custom responsive theme for Jetty Village Pharmacy

Version: 1.0

Author: GiantMedia.com.au

*/

/*  RESET ALL  ============================================================================= */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }



@font-face {

  font-family: 'Brown';

  src: url('fonts/Brown-Regular.eot');

  src: url('fonts/Brown-Regular.woff2') format('woff2'),

       url('fonts/Brown-Regular.woff') format('woff'),

       url('fonts/Brown-Regular.ttf') format('truetype'),

       url('fonts/Brown-Regular.svg#Brown-Regular') format('svg'),

       url('fonts/Brown-Regular.eot?#iefix') format('embedded-opentype');

  font-weight: 400;

  font-style: normal;

}

@font-face {

  font-family: 'Brown';

  src: url('fonts/Brown-Bold.eot');

  src: url('fonts/Brown-Bold.woff2') format('woff2'),

       url('fonts/Brown-Bold.woff') format('woff'),

       url('fonts/Brown-Bold.ttf') format('truetype'),

       url('fonts/Brown-Bold.svg#Brown-Bold') format('svg'),

       url('fonts/Brown-Bold.eot?#iefix') format('embedded-opentype');

  font-weight: 700;

  font-style: normal;

}



@charset "UTF-8";

/** Generated by FG **/

/** Generated by FG **/



/*  Standard styling site wide  ============================================================================= */

body, textarea{ font-family: 'Brown', sans-serif; line-height:1.8; font-size:18px; color:#444444; }

p { font-family: 'Brown', sans-serif; margin-bottom:13px; color:#444444; line-height:1.8; font-size:18px; font-weight:400; }

ol { font-family: 'Brown', sans-serif; margin:10px 0px; color:#444444; margin-left:30px; font-weight:400; }

ul { font-family: 'Brown', sans-serif; margin:10px 0px; color:#444444; margin-left:30px; font-weight:400; }

li { line-height:1.6; font-weight:400; font-family: 'Brown', sans-serif; text-align: left;color: #444444;}

a { color:#5f5f5f; text-decoration:none; font-weight:500; }

a:hover { color:#ccc; }

a img { -webkit-transition: all 500ms; transition: all 500ms;  }

/*  stops iphone changing color of phone numbers

============================================================================= */

hr { margin:40px 0px; padding:0px;  border: 0; height: 1px; background: #4f4f51; }



a[href^=tel] {text-decoration:inherit; color:inherit;}

/* Does the same thing as <meta name="viewport" content="width=device-width">,

 * but in the future W3C standard way. -ms- prefix is required for IE10+ to

 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor

 * the meta tag. See http://core.trac.wordpress.org/ticket/25888.

 */

@-ms-viewport {	width: device-width; }

@viewport {	width: device-width; }

/* headings  ================================================== */

h1,h1 a { font-family: 'Playfair Display',serif; margin:13px 0px 13px 0px; color:#4f4f51; font-size:45px; text-decoration:none; font-weight:400; padding-bottom:8px; text-transform:none;  line-height:1.3;  /*! letter-spacing: 1px; */ }

h2, h2 a { font-family: 'Playfair Display',serif; margin:10px 0px; color:#4f4f51; font-size:40px; text-decoration:none; -webkit-transition: all 500ms; transition: all 500ms; font-weight:400; padding-bottom:13px; text-transform:none; line-height:1.3; /*! letter-spacing: 1px; */ }

h3, h3 a { font-family: 'Playfair Display',serif; margin:5px 0px; color:#29b297; font-size:26px; text-decoration:none; -webkit-transition: all 500ms; transition: all 500ms; font-weight:400; padding-bottom:13px; text-transform:none; line-height:1.3;  text-transform:none; }

h4, h4 a, h5, h5 a { font-family: 'Playfair Display',serif; margin:6px 0px; color:#29b297; font-size:18px; text-transform:uppercase; text-decoration:none; font-weight:400; }

/* responsive block elements. Make sure images etc squash down */

iframe { max-width:100%!important; display:block; margin:0px auto; }

img  { max-width:100% !important; height:auto; display:block; }

textarea {

   font-family: inherit;

   font-size: inherit;

}

small { font-size:12px; }



/*  HEAD  ============================================================================= */

.slidr h2 { text-shadow:1px 1px 3px rgba(0,0,0,0.3); }

.header { 

z-index:4500; 

height:auto; 

display:block; 

padding: 25px 0px !important;

position:relative; 

top:0px;

left:0px;

background-size: contain;

}



#logo { display:inline-block; float:none; position: relative; margin:0px auto; padding:0px 0px 0px 0px; z-index:1200; overflow:visible; text-align:center;  }

#logo img { max-width: 100% !important; width:100%; height:auto; overflow:visible; -webkit-transition: all 500ms; transition: all 500ms; padding: 0px 0px; margin:0px!important; }

.mobicall { position:fixed; bottom:0px; left:0px; display:none; color:#fff!important; background:#a70d25; border-radius: 0px 9px 0px 0px;    }

.mobicontact { position:fixed; bottom:0px; right:0px; display:none; color:#fff!important; background:#a70d25;border-radius: 9px 0px 0px 0px;   }

.mobicall p, .mobicontact p { margin:0px; }

.mobicall a, .mobicontact a { padding: 4px 6px; display: inline-block; color:#fff; }

.footer-logo { padding:13px 0px!important; }



.h-log {  float: left; width: 20%;}

.h-right { width:70%; width:calc(100% - 20%); float: right; }



/*.logged-in .header { padding-top:28px!important; }*/





::-webkit-input-placeholder { color:#cbcbcb; font-weight:400; }

::-moz-placeholder { color:#cbcbcb; font-weight:400; } /* firefox 19+ */

:-ms-input-placeholder { color:#cbcbcb; font-weight:400; } /* ie */

input:-moz-placeholder { color:#cbcbcb; font-weight:400; }



#footer_wrap #logo img { max-width: 250px !important; }



/*  HOME  ============================================================================= */

.logos { display:block; position:relative; width:100%; float:right;}

.logo {  display:inline-block; margin-left:2em; float: right;max-height: 60px !important;height: auto;width: auto;}

.box { min-height:500px; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; padding:50px; position: relative;}

.help { background:url(/wp-content/uploads/2017/09/help.jpg) 50% 50% no-repeat; background-size:cover; }

.help h2 { color:#fff; margin-top:0; }

.contact { background:url(/wp-content/uploads/2017/09/contact.jpg) 50% 50% no-repeat; background-size:cover; color:#fff; }

.contact h2 { color:#fff; margin-top:0; }

.contact p { color:#fff; }

.contact a { color:#fff; margin-bottom:20px; display:block; }

.hours:before { display:inline-block; content:''; height:27px; width:30px; margin-right:10px; background:url(images/hours.png) no-repeat 50% 50%; background-size:contain; vertical-align: middle; }

.location:before { display:inline-block; content:''; height:32px; width:30px; margin-right:10px; background:url(images/location.png) no-repeat 50% 50%; background-size:contain; vertical-align: middle; }

.hentry { padding:50px; -webkit-box-sizing: border-box; box-sizing: border-box; }





.block { display: table; }

.block .image { display: table-cell; vertical-align: middle; width:30%; }

.block .image img { border-radius:50%; overflow:hidden; }

.block .text { display: table-cell; vertical-align: middle; width:65%;  }

.circle img { border-radius:50%; overflow:hidden; }



.bottomlogos { background:white; padding:30px; box-sizing:border-box; display:inline-block; border-radius:5px; } 

.bottomlogos .bottomlogo img { display:inline-block; max-height:70px; width:auto; max-width:100%; margin-right:20px; }

.bottomlogos .bottomlogo:last-of-type img { margin-right:0; }



.service { position: relative; display: block; }

.service .title { position: absolute; bottom:0; left:0; padding:80px 40px 30px; background:url('images/fade.png') repeat-x; background-size: contain; width: 100%; box-sizing: border-box; }

.service .title h3 { color:#fff; margin: 0; padding:0; font-size:130%; font-weight: 400; }

.service .title p { color:#fff; margin: 0; padding:0; }



div.pdfemb-viewer { border:1px solid #ddd !important; box-shadow: 0px 0px 30px #ddd; }

div.pdfemb-toolbar div { color:#fff !important; font-size: 15px !important;font-family: inherit !important;line-height: 20px !important;}

div.pdfemb-toolbar { background:#29b297 !important; padding:10px 15px !important; box-shadow:0px 0px 20px rgba(0,0,0,0.5); position: absolute !important; display: block !important; height: auto !important; box-sizing: border-box;top: 0 !important;}

div.pdfemb-poweredby { display: none !important; }



div.pdfemb-toolbar button.pdfemb-next::before { content:'' !important; background:url(images/next.png) no-repeat 50% 50% !important; background-size:15px !important; height:15px; width:20px; display: inline-block !important;  vertical-align: middle;}

div.pdfemb-toolbar button.pdfemb-next:hover::after { content:'Next' !important; color:#757575; background:#fff; padding:10px 20px; width: 60px !important; display: block !important; position: absolute; bottom:-40px; left:0;  font-family: 'Brown', sans-serif;border-radius: 3px;box-shadow: 0px 5px 10px rgba(0,0,0,0.2);}



div.pdfemb-toolbar button.pdfemb-prev::before { content:'' !important; background:url(images/prev.png) no-repeat 50% 50% !important; background-size:15px !important; height:15px; width:20px; display: inline-block !important;  vertical-align: middle;}

div.pdfemb-toolbar button.pdfemb-prev:hover::after { content:'Previous' !important; color:#757575; background:#fff; padding:10px 20px; width: 60px !important; display: block !important; position: absolute; bottom:-40px; left:0;  font-family: 'Brown', sans-serif;border-radius: 3px;box-shadow: 0px 5px 10px rgba(0,0,0,0.2);}



div.pdfemb-toolbar button.pdfemb-zoomout::before { content:'' !important; background:url(images/minus.png) no-repeat 50% 50% !important; background-size:15px !important; height:15px; width:20px; display: inline-block !important;  vertical-align: middle;}

div.pdfemb-toolbar button.pdfemb-zoomout:hover::after { content:'Zoom Out' !important; color:#757575; background:#fff; padding:10px 20px; width: 60px !important; display: block !important; position: absolute; bottom:-40px; left:0;  font-family: 'Brown', sans-serif;border-radius: 3px;box-shadow: 0px 5px 10px rgba(0,0,0,0.2);}



div.pdfemb-toolbar button.pdfemb-zoomin::before { content:'' !important; background:url(images/plus.png) no-repeat 50% 50% !important; background-size:15px !important; height:15px; width:20px; display: inline-block !important;  vertical-align: middle;}

div.pdfemb-toolbar button.pdfemb-zoomin:hover::after { content:'Zoom In' !important; color:#757575; background:#fff; padding:10px 20px; width: 60px !important; display: block !important; position: absolute; bottom:-40px; left:0;  font-family: 'Brown', sans-serif;border-radius: 3px;box-shadow: 0px 5px 10px rgba(0,0,0,0.2);}



.pdfemb-next, .pdfemb-prev, div.pdfemb-toolbar button { position:relative; cursor:pointer !important; background:#555 !important; border: none !important;box-shadow: none !important;margin: 0 !important;padding: 10px !important;margin-right: 10px !important;}

.pdfemb-btndisabled { opacity:0.4 !important; }



.lili  {

		font-family:'Conv_LillyBelle_0',Sans-Serif;

		font-weight:700;

}



.flex-viewport { overflow:visible!important; }

.flexslider { overflow: visible!important; }

.flexslider .slides {

overflow: visible!important; 

}



.flexslider .slides img {

    padding: 0px 2% !important;

    max-width: 96% !important;

}



.halfy h5 { font-size:12px; }

.halfy h4 { 

font-size:18px; 

color:#1eaca9; 

border-bottom:dotted 2px #1eaca9; 

margin-bottom:33px; 

} 

.halfy { width:48%; float: left; margin-right:2%; }

.halfy .testibox { margin-bottom:23px; }



.h-feat .flex-direction-nav {

display:none;

}





.h-blocks { 

background:#f7f5f0;

z-index: 33;

position: relative; 

}





.f-blocks { 

background:#f7f5f0;

z-index: 33;

position: relative; 

}









.h-blocks #one, .h-blocks #two {

background:#fff;

}



#three {

background:#fff;

}



#pic3 { 

background-size:cover!important;

}



.h-blocks .padder {

    padding: 83px !important;

    ;

    box-sizing: border-box;

}



#pic1 { 

margin-top:38px;

background-size:cover!important;

}



#pic2 { 

margin-bottom:38px;

background-size:cover!important;



}



.fallback { 

display:none;

}

.h-blocks .div_row { 

/*! margin-top: -170px!important; */ 

margin-bottom: -200px !important; 

}

.f-blocks .div_row { 

margin-top: 0px!important; 

margin-bottom: -100px!important; 

}





.h-wel { 

/*! background:#24b195; */

position:relative;

/*! top:-170px; */

/*! padding-top:223px!important; */

}

.h-wel .su-row { margin-bottom:0; }



.h-wel ul { 

    list-style: none;



color:#fff;

}

.h-wel ul li{

/*! color:#fff; */

}



.h-wel ul li { font-size: 18px; /*! color:#fff; */ line-height: 1.7; margin-bottom:10px; box-sizing: border-box; position:relative; }

.h-wel ul li:before { content:''; position:absolute; left:-25px; top:10px; display: inline-block; vertical-align: middle; margin-right:25px; height:7px; width:7px; background:#29b297; border-radius: 10px;}





.h-mission {

background:url(images/h-wel.jpg) 50% 50% no-repeat;

background-size:cover!important;

padding: 85px 0px !important;

min-height:400px !important;

position: relative;

top: -170px;

margin-bottom: -170px;

}



.siglebox { 

background:#fff;

padding:55px!important;

/*! margin-top:-100px !important; */

width: calc(60% - 110px);

float:left;

max-width: calc(60% - 110px);

}

.siglebox2 { 

background:#fff;

padding:55px!important;

/*! margin-top:-100px !important; */

max-width: calc(100% - 110px);

float:left;

width: 100%;

}



.sigleboximg {

/*! margin-top:-100px !important; */

max-width:40%;

float:right;

margin-left: 3em;

box-sizing: border-box;

border-radius: 50%;

overflow: hidden;

}



.mobicon{

display:none;

position:fixed;

bottom:0px;

right:0px;

z-index:4222;

}

.mobiph{

display:none;

position:fixed;

bottom:0px;

left:0px;

z-index:4222;

}



.mobicon a{

color:#fff!important;

font-size:18px;

background:#29b297;

padding:13px;

border-radius:9px 0px 0px 0px;

border-top:1px solid #fff;

border-left:1px solid #fff;

}



.mobiph a{

border-top:1px solid #fff;

border-right:1px solid #fff;

color:#fff!important;

font-size:18px;

background:#29b297;

padding:13px;

border-radius:0px 9px 0px 0px;

}

.mobicon p, .mobiph p{

margin:0px;

padding:0px;

}



.offercopy {

	    padding-bottom: 50px!important;

    padding-top: 50px!important;

}





.offercopy strong {

	color: #29b297;

}

/*  EVENTS ============================================================================= */





/*  BODY/PAGE/CONTENT  ============================================================================= */



.ispage { 

background:none;

}

.mb3 { 

margin-bottom:-100px!important;

}



.newsbox { 

background:#fff;

padding:30px 40px;

}



.fbicon {

	margin-top: 10px;

	float: right;

}



/*  buttons  ============================================================================= */



.button {

background:#29b297;   

color:#fff;

border-radius:4px;

border:none;

padding: 20px 40px !important;

display:inline-block;

font-size:18px;

font-weight:400;

vertical-align: middle;

-webkit-transition: all 300ms; transition: all 300ms;

text-align: center;

font-family: 'Playfair Display',serif;

margin-top: 13px;

}

.button:hover, .button:focus, .button:active {

	cursor:pointer;  

        color:#fff!important;

 background:#10997e;

}

.buttonw {

background:#fff;   

color:#4f4f51;

border-radius:4px;

border:none;

padding: 20px 40px !important;

margin:13px 0px;

display:inline-block;

font-size:17px;

font-weight:400;

vertical-align: middle;

-webkit-transition: all 300ms; transition: all 300ms;

text-align: center;

font-family: 'Playfair Display',serif;

}

.buttonw:hover, .buttonw:focus, .buttonw:active {

	cursor:pointer;  

        color:#29b297!important;

 background:#ccc;

}

.navigation { }



.previous a{ 

float:left;

padding:13px 18px;

 }

.next a { 

float:right; 

padding:13px 18px;

}



.banner {

padding: 0px !important;

position: relative;

}

.banner h1 {

text-align:left;

padding: 100px 0px;

color:#fff!important;

}





.slidr { 

position:relative;

}





/* Required */



.hidden{

	opacity: 0!important;

}



.visible{

	opacity: 1!important;

}



.weoffbutton {

	float: left;

	clear: both;

	margin-top: 35px;

}









/*  WOO ============================================================================= */











/* ============================================================================= */

/* rusable elements below */

.page-numbers { font-size:20px; padding:23px 5px; color:#666; text-decoration:none; display:inline-block; }

 .page-numbers:hover { color:#ccc; text-decoration:none; }

 .current:before { content: "["; } 

 .current:after { content: "]"; } 

#breadcrumbs { margin:0px; color:#dddddd; text-shadow:1px 1px 1px rgba(0,0,0,0.5); }

#breadcrumbs a { text-decoration:none; font-weight:300; color:#f1f1f1; text-shadow:1px 1px 1px rgba(0,0,0,0.5); }

.sitemap li a { text-decoration:none; font-size:22px; }

.sitemap li a:hover { color:#666; }

.page_link { font-size: 24px;

text-align: center;

display: block;

color: #333;

border-bottom: 1px solid;

margin-bottom: 13px;

padding-bottom: 13px;

float: left;

width: 98%;

margin: 13px 1%; }

.page_link:hover { color:#666; border-bottom:1px solid; }

.copy { line-height:1.4; font-weight:300; }

.img-date { position:absolute; top:0px; left:0px; padding:13px; border-radius:0px 0px 8px 0px; color:#fff; background:#67a8bd; }

.odd { background:#fbf9f9; }

.Ilink { margin-top: -60px;        /* Size of fixed header */

  padding-bottom: 60px; 





  display: inline-block; overflow:hidden; }

form { }

form p { width:100%; margin:3px auto; }

input[type="email"], select, input[type="password"], input[type="text"], .form-phone , textarea, input[type="tel"]{

    background:#eeee;

    color: #333;

    padding: 10px;

    width: 100%;

    box-sizing: border-box;

    margin:5px auto;

    border:1px solid #e1e1e1;

    display: inline-block;

    font-size:16px;

    border-radius:0px;

    font-family:inherit;

}

textarea { height:120px; }



/* button */

input[type="submit"] {

background:#29b297;   

color:#fff;

border-radius:23px;

padding:18px 0px!important;

margin:13px 0px;

display:inline-block;

font-size:18px;

font-weight:400;

vertical-align: middle;

text-transform:uppercase;

-webkit-transition: all 300ms; transition: all 300ms;

text-align: center;

border:0px;

width:100%;

}



input[type="submit"]:hover {

	cursor:pointer;

background:#188d76;  

}







/*  SLIDE & FLEX ============================================================================= */



#sliderBlk { position:relative; background:url(images/sliderbkg.jpg); padding:0px 0px 0px 0px; }

.slider-title { padding:18px 23px!important; background:#00349a; color:#fff; font-size:32px; font-weight:700px; display:block;}

#sliderBlk h1 { text-shadow:0px 0px 9px #333; font-size:46px!important; text-align:center; }







/*  FOOT  ============================================================================= */



#footer_wrap { background:none; background-size:cover;  padding:20px 0px 0px !important; position:relative; }

#footer_wrap h2 { margin-top:0px; font-size:46px; }

#footer_wrap h3 { color:#fff; }

#footer_wrap td { min-width:130px; }

#footer_wrap p {  color:#fff; }

#footer_wrap ul { text-align: left;

float: right;

width: auto;

margin: 0;

display: inline-block; 

margin-bottom: 2em;

}

#footer_wrap li { display:block; margin:0px 40px 0px 0px; width: auto; text-align:left; padding:0px; float:left;  }

#footer_wrap ul li a {  

display: block;

text-decoration: none;

color: #4f4f51;

text-transform: capitalize;

font-size: 17px;

padding: 0px 13px 0px 0px;

margin: 0px;

font-weight: 400;

-webkit-transition: all 500ms;

transition: all 500ms;

text-align: left;

font-family: 'Playfair Display',serif;

}

#footer_wrap ul li:last-child { margin-right: 0;}

#footer_wrap ul li:last-child a { padding-right: 0;}

#footer_wrap ul li ul li:last-child {  }

#footer_wrap li a:hover{ color:#ccc!important; text-decoration: none;  }

#footer_wrap ul li ul { display:none; position:relative; top:0px; left:0px; float:none; min-width:100px; margin:33px 0px 0px;  }

#footer_wrap ul li ul li { display:block; width:100%; padding:0px; float:none; min-height:30px; }

#footer_wrap ul li ul li a{ font-size:13px !important; text-transform:capitalize; display:block; width:100%; padding:5px 0px; color:#fff; background:none; font-family: 'Brown', sans-serif;}

#footer_wrap .current_page_item a {   }

#footer_wrap .current_page_item ul li a { text-decoration:none!important; }

#copy-foot { text-align:center; padding: 20px 0px 33px 0px;  }

#copy-foot a {  text-decoration:none; font-size:12px; color:#666; }

#copy-foot p { font-size:12px; color:#666;}

#copy-foot a:hover { color:#999; }

.social img { display:block; float:left; padding:2px 5px; -webkit-transition: all 2s;transition: all 2s; width: 40px;}

.social img:hover { transform: rotateY(360deg); }

#footer_wrap .button-green { clear:both; margin:23px 0px!important; float:left; }

#footer_wrap .button-green:hover { clear:both; margin:23px 0px!important; float:left; background:#fff; color:#3f7bab; }

.major { width:100%; color:#fff; font-size:22px; margin:13px 0px 23px; display:block;  }

.minor { width:100%; color:#fff; font-size:18px; margin:4px 0px; display:block; }

.footer-form h2 { color:#00aeef!important; margin:0px 23px; }



#footer_wrap .button { float:right; margin:8px 0px 0px 23px; }





#footer_wrap .wpcf7-form-control-wrap {

    position: relative;

    width: 65% !important;

    display: inline-block;

}

#footer_wrap .wpcf7-form-control-wrap  input {

height: 45px;

}



#footer_wrap input[type="submit"] {

background: #efebe5;

color: #000;

border-radius: 0px;

padding: 12px 23px !important;

margin: 0px 0px;

display: inline-block;

height: 45px;

position: relative;

top: -2px;

}





/*  SECTIONS  ============================================================================= */

.wrapper { width:100%; padding:60px 0px; clear: both;}

.div_row { margin:0px auto!important; max-width:1500px !important; position:relative; }

.fullwidth { width:100%!important; max-width:100%!important; overflow: hidden; }

.section {

	clear: both;

	padding: 0px;

	margin: 0px;

}

/*  GROUPING  ============================================================================= */

.group:before,

.group:after {

    content:"";

    display:table;

}

.group:after {

    clear:both;

}

.group {

    zoom:1; /* For IE 6/7 (trigger hasLayout) */

}

/*  GRID COLUMN SETUP   ==================================================================== */

.col {

	display: block;

	float:left;

	margin: 1% 0 1% 1.6%;

}

.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */

/*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */

@media only screen and (max-width: 480px) {

	.col { margin: 1% 0 1% 0%;}

}

/*  GRID OF TWELVE   ============================================================================= */

.span_12_of_12 { width: 100%; }

.span_11_of_12 { width: 91.53%; }

.span_10_of_12 { width: 83.06%; }

.span_9_of_12 {	width: 74.6%; }

.span_8_of_12 {	width: 66.13%; }

.span_7_of_12 {	width: 57.66%; }

.span_6_of_12 {	width: 49.2%; }

.span_5_of_12 {	width: 40.73%; }

.span_4_of_12 {	width: 32.26%; }

.span_3_of_12 {	width: 23.8%; }

.span_2_of_12 {	width: 15.33%; }

.span_1_of_12 {	width: 6.86%; }



.span_1_of_5 {

    width: 18.72%;

}



.fourty{ width:40%; float:left; }

.sixty{ width:60%; float:left; }



.quater { width:25%; float:left;  }

.half{ width:50%; float:left;  }

.third { width:30%; float:left; }

.two-thirds { width:70%; float:left; }



#pic1 { 

display:block;

width:100%;

height:auto;

}

#pic2 {

display:block;

width:100%;

height:auto;

}

#pic3 { 

display:block;

width:100%;

height:auto;

}

/*  Animations  ============================================================================= */

.pulse {

	animation-name: pulse;

	-webkit-animation-name: pulse;

	animation-duration: 1.5s;	

	-webkit-animation-duration: 1.5s;

	animation-iteration-count: infinite;

	-webkit-animation-iteration-count: infinite;

}



@keyframes pulse {

	0% {

		opacity: 0.2;

	}

	50% {

		opacity: 1;	

	}	

	100% {

		opacity: 0.2;

	}			

}



@-webkit-keyframes pulse {

	0% {

		-webkit-opacity: 0.2;	

	}

	50% {

		-webkit-opacity: 1;	

	}	

	100% {

		-webkit-opacity: 0.2;

	}			

}



/*  SUNDRIES  ============================================================================= */

.absolute { position:absolute; top:0px; left:0px; }

.fr { float:right; }

.fl { float:left; }

.tl { text-align:left; }

.tr { text-align:right; }

.padd1 { padding:23px 0px!important; }

.big { font-size:26px!important; padding-bottom:13px; }

.clBottom { margin-bottom:0px!important; padding-bottom:0px!important; }

.white { color:#fff!important; text-decoration:none; border-color:#fff!important; }

.black { color:#333!important; text-decoration:none; border-color:#333!important; }

.grey { color:#655e4e!important; }

.pink{ color:#ff3692!important; }

.light-orange { color:#f58220!important; }

.green { color:#2e7a32!important; }



.center { text-align:center!important; }

.box .center { position: absolute; top:50%; left:50%; -webkit-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); }

.upper { text-transform:uppercase; }

.no_style { text-decoration:none; }

.fb { position:relative; top:-14px; }

.clear { clear:both; }

.bgwhite { background:#fff; }

.nopadd { padding:0px!important; }

.rounded { border-radius:9px; }

.inline { display:inline-block; }

.ML0 { margin-left:0px!important; }

.ML2 { margin-left:3em!important; }

.ML3 { margin-left:3em!important; }

.MR0 { margin-right:0px!important; }

.MR2 { margin-right:3em!important; }

.MR3 { margin-right:3em!important; }

.M0 { margin:0px!important; }

.M1 { margin:13px!important; }

.MR0 { margin-right:0px!important; }

.MT0 { margin-top:0px!important; }

.MT65 { margin-top:65px!important; }

 .MB0 { margin-bottom:0!important;}

 .MBhalf { margin-bottom:0.5em!important;}

 .MB1 { margin-bottom:8px!important;}

 .MB2-5 { margin-bottom:2.5em!important;}

 .MB3 { margin-bottom:3.0em!important;}

 .MB5 { margin-bottom:5.0em!important;}

 .MR0 { margin-right:0!important;}

  .MR1 { margin-right:1em!important;}

 .ML1 { margin-left:1.0em!important;}

 .PB0 { padding-bottom:0!important;}

 .PB0-5, .minPad { padding-top:0.5em!important;}

 .PB1 { padding-bottom:1.0em!important;}

 .PB2 { padding-bottom:2.0em!important;}

 .PB4 { padding-bottom:4.0em!important;}

 .PT0 { padding-top:0!important;}

  .PT1 { padding-top:1em!important;}

  .PT2 { padding-top:2em!important;}

 .PT2-5 { padding-top:2.5em!important;}

 .aCenter {text-align:center;}

 .aLeft { text-align:left;}

 .aRight { text-align:right!important;}

.bb1 { border-bottom:1px solid #666; margin-bottom:13px!important; padding-bottom:13px; }

.bt1 { border-top:1px solid #ede8dc; }

.br1 { border-right:1px solid #c5c5c5; margin:0px; }

.bl1 { border-left:1px solid #c5c5c5; margin:0px; }

.m-only { display:none; }

.alignright { float:right; margin: 0px 0px 13px 13px;}

.alignleft { float:left; margin: 0px 13px 13px 0px;}

.aligncenter {margin: auto; }

.no_padd { padding:0px!important; }

.bgnone { background:none!important; }

.cap { text-transform:capitalize; }

.Borange { background:#f8951d!important; }

.Bblue { background:#0aa6c7!important; }

.padd2 { padding:23px 0px; }

.padd3 { padding:55px 0px; }

.dark { color:#303b42!important; }

.rel { position:relative; }

.minh300 { min-height:300px; }

.minh250 { min-height:250px; }

.bkgw { background:#fff!important; }

.h-mission .padder { box-shadow: 0px 20px 60px rgba(0,0,0,0.2); }

.h-mission { text-align: center; }

.padder {

padding: 50px;

display: block; 

box-sizing: border-box;

}

.padder p:last-of-type { margin-bottom:0 !important; }

.padder h3 { margin:0px !important; }

.small { font-weight:300; font-size:16px; }

.plain {  }

.max-250 { max-width:450px; }

.more  { color:#fff; border:1px solid #fff; background:#b7c793; padding:13px 23px 13px 23px; display:inline-block; margin:20px 0px !important; -webkit-transition: all 500ms; transition: all 500ms; border-radius:9px; font-weight:400; text-align:center; }

.more:hover {  background:#fff; color:#b7c793; border:1px solid #b7c793; }

.more:after {

    clear:both;

}

.more-blue { color:#25aae1; border:1px solid #25aae1; background:none; padding:13px 23px 13px 23px; display:inline-block; margin:20px 0px !important; -webkit-transition: all 500ms; transition: all 500ms; border-radius:0px; font-weight:400; text-align:center; }

.more-blue:hover { background:#25aae1; color:#fff; }







/*  MENU  reverse size check,  this is the mobile menu ================== */

/* ===================================================================== */

.main-nav { display:none; }

#trigger-overlay { display:block; } 

.menu-toggle {

	cursor: pointer;

	font-size: 0;

	height: auto;

	overflow: hidden;

	text-align: left;

	max-width: 60px!important; 

	display:block;

	margin: 0px 0px 0px !important;

	padding: 0px;

	background:none;

	float: right;

        margin-top: 28px !important;

}

.menu-toggle img { 

margin-top:0px; 

max-width: 80px!important; position: relative;

}

.primary-navigation.toggled-on {

}

.primary-navigation .ddsmoothmenu {

	

}

.primary-navigation.toggled-on  .ddsmoothmenu {

	display: inline-block;

width: 100%;

}

   .ddsmoothmenu { position:relative; }

   .ddsmoothmenu ul { list-style-type:none;  position:relative; right:0px; top:0px; width:100%; z-index:1000; border-radius:0; margin: 0px; }

   .ddsmoothmenu ul li{ position:relative; display:block; width:auto; width:100%;  padding:0px; margin:0px; }

   .ddsmoothmenu ul li:after {

   content: "";

} 

      .ddsmoothmenu ul li:first-child {  }

    .ddsmoothmenu ul li.last { margin-right:0; }

   .ddsmoothmenu ul li a {   display: block; text-decoration: none;  color:#2f2c2c; text-transform:capitalize; padding:0px; margin:8px; height:auto; font-size:16px; font-weight:400;  text-align:center; 

-webkit-transition: all 0.5s;transition: all 0.5s; }

   .ddsmoothmenu ul li a:hover, .ddsmoothmenu ul li a.selected {   }



   .ddsmoothmenu ul li ul{ margin: 0px 0px 0px; position: relative; display: block; width:100%; padding:0; z-index:200; top:0px; background:none; border:none; overflow:hidden; -webkit-transition: all 0.5s;transition: all 0.5s; }

   .ddsmoothmenu ul li:hover ul li { height:25px;  overflow:hidden; }



   .ddsmoothmenu ul li ul li{  overflow:hidden; display: list-item; float: none; margin:0!important; width:100%; height:0px;  padding:0!important; font-size:13px!important; line-height:15px!important; border:0; -webkit-transition: all 0.5s;transition: all 0.5s }

   .ddsmoothmenu ul li ul li a{ width: 100%; padding:8px 0%; margin:0; height:auto; text-transform:none; font-size:14px!important;  color:#303b42; text-align:center; }

   .ddsmoothmenu ul li ul li a:hover { text-decoration:underline; }

   .ddsmoothmenu ul li ul:last-child li a {   }

   

   

@media screen and (min-width:780px) {

/* reverse screen size menu check - this is the main menu style */

#trigger-overlay { display:none; } 


.main-nav { display:block; } 

.main-menu { display: block; margin-top: 0px; width: auto; padding:0px; }

.top-menu {  }

.header-main { padding-right: 0; }

#primary-navigation { padding-top: 0px;

width: auto;

display: inline-block;

float: right; }

.primary-navigation .menu-toggle { display: none; padding: 0; }

  .ddsmoothmenu { display:block!important; text-align:right; float:none; }

   .ddsmoothmenu ul { background: transparent; list-style-type: none; position: relative; margin:0px; padding:0px; border-radius:0; border:none; top:0px; width:auto;  }

   .ddsmoothmenu ul li{ position:relative; display:inline-block; width:auto; margin:0px; padding:0px; text-align:left; }

   .ddsmoothmenu ul li a { 

display: block;

text-decoration: none;

color: #444444;

text-transform: capitalize;

font-size: 20px;

padding: 25px 0px 8px 0px;

font-weight: 400;

border-radius: 0px; 

text-align:center;

margin:0px 0px 0px 18px;

font-family: 'Playfair Display',serif;

}

   .ddsmoothmenu ul li:last-child a { color: #29b297;}

   .ddsmoothmenu ul li ul li:last-child a { }

 .ddsmoothmenu ul li a:hover {  

color:#29b297;   

 }

.current_page_item a { 

color:#29b297 !important;   

}

.current_page_item ul li a{ text-decoration:none;  border:none!important;  }

.current_page_item .sub-menu li a { background:none;  text-decoration:none; font-weight:400; border:none!important;  }

ul ul .current_page_item a { background:none;  text-decoration:none; font-weight:400; border:none!important;  }



.ddsmoothmenu ul li a.selected { text-decoration:none; color:#ea843f; font-weight:400;  }

   .ddsmoothmenu ul li ul{ position: absolute; left:11px!important; top:100%; margin:0px; display: none; padding:0px 0px; height:auto; z-index:200; background:none; width:auto; min-width:300px;     background: #1fa499; }   

   .ddsmoothmenu ul li:hover ul { display:block;  }

   .ddsmoothmenu ul li ul li{ display: block; float: none; margin:0!important; height:auto!important; padding:0!important; font-size:14px!important; border:0; }

   .ddsmoothmenu ul li ul li:last-child a {   }

   .ddsmoothmenu ul li ul li a{ 

width: auto;

padding: 18px 20px;

height: auto;

text-transform: none;

color: #fff !important;

text-align: left;

font-style: normal;

font-weight: 400;

display: block;

border-radius: 0px;

background: #29b297;

border: none;

text-shadow: 0px 0px 0px;

margin: 0px; 

font-family: 'Brown', sans-serif !important;

line-height: 1;

}

   .ddsmoothmenu ul li ul li a:hover { 

background:none!important; background:#444444 !important; color:#fff!important;  text-decoration:none; border-radius:0px; border:none; }

   }









@media only screen and (max-width: 1680px) {

.div_row{ width: 90%!important; margin:0px 5%!important; }

.fullwidth { 

width: 100% !important;

margin: 0px !important;

}

}

@media only screen and (max-width: 1140px) {

.h-blocks .padder {

    padding: 30px !important;

    margin: 0;

}

}





/* RESPONSIVE ipad */ 

@media (max-width: 1080px) { 

.div_row{ width: 90%!important; margin:0px 5%!important; }

.row { text-align:right; margin:13px 0px; display: inline; width:auto; clear:none; }

.fullwidth { 

width: 100% !important;

margin: 0px !important;

}

.ls-wrapper .ls-in-out p {

	width: 68px;

}



.ls-wrapper .ls-in-out a {

    width: 152px!important;

    height: 55px!important;

}



.logos {

    display: block;

    position: relative;

    width: 64%;

    float: left;

}



#footer_wrap ul {

    text-align: left;

    float: left;

    width: 100%;

    margin: 0;

    display: inline-block;

    margin-bottom: 2em;

}



#footer_wrap #logo img {

    max-width: 150px!important;

    margin-left: 48%!important;

    position: relative;

}



.logofoot {



}



}



/* RESPONSIVE ipad */ 

@media (max-width: 980px) { 

#footer_wrap .span_3_of_12 { width:100%; margin:23px 0px 0px!important; }

#footer_wrap .span_9_of_12 { width:100%; margin:23px 0px 0px!important; }

}





/* RESPONSIVE ipad */ 

@media (max-width: 860px) { 

}





/*  GO FULL WIDTH AT LESS THAN 780 PIXELS */

@media only screen and (max-width: 780px) {

   .div_row{ width: 90%!important; margin:0px 5%!important; }

   .span_12_of_12, .span_11_of_12, .span_10_of_12, .span_9_of_12, .span_8_of_12, .span_7_of_12, .span_6_of_12, .span_5_of_12, .span_3_of_12, .span_4_of_12, .span_2_of_12, .span_1_of_12, .span_1_of_5, .homeU { width: 100%!important; margin:8px 0px!important; }

.fullwidth { 

width: 100% !important;

margin: 0px !important;

}

.slidr .buttonw {
    background: #fff;
    color: #4f4f51;
    border-radius: 4px;
    border: none;
    padding: 20px 25px !important;
	}

.fallback { 

display:block;

}

.siglebox {

    max-width: 100%;

margin-top: 0px !important;

padding: 35px !important;

}

.sigleboximg {

    max-width: 100%;

width: 100%;

margin-top: -170px !important;

}

.siglebox2 {

padding: 35px !important;

}

.h-mission {

    top: 0px;

}



.h-wel ul li {

    color: #444444;

    text-align: left;



}

.banner h1 {

    text-align: left;

    padding: 180px 0px 140px 35px;

}



.sigleboximg img {

width: 100%;

}



.h-mission {

    margin-bottom: 0px;

}



.h-right{

    display: block;

    float: right;

    width: 80px;

max-width:100%;

    text-align: right;

}

.h-log {

    float: left;

    width: 150px;

    display: block;

    text-align: left;

}

.blurb {

    padding: 0px;

}

#footer_wrap ul li a {

    text-align: center;

}

.ls-wrapper .ls-in-out p {

}




.span_3_of_12 { 

width:48%!important; margin:1%!important; 

}



.mobi { display:block!important; }

.nomobi { display:none!important; }



.flexslider .span_6_of_12{

margin:1%!important;

width: 48% !important;

}

.half {

    width: 96%;

    float: left;

    margin-right: 2%;

}

#pic1 { 

display:none;

}

.page-id-12 #pic1 { 

display:block;

}



.h-blocks .div_row { 

margin-top: -60px !important; 

margin-bottom: 0px!important; 

}

.h-wel { 

top:-0px;

padding-top:45px!important;

}



.halfy {

    width: 96%;

    float: left;

    margin-right: 2%;

}

.banner {

padding: 0px 0px !important;

position: relative;

}



.menu-toggle {



    margin-top: 13px !important;

}

menu-toggle img {

    max-width: 40px !important;

}



h1, h1 a {  font-size: 36px; }

h2, h2 a {  font-size: 30px; }

h3, h3 a {  font-size: 25px; }

h4, h4 a, h5, h5 a { font-size: 18px; line-height:1.2; }



#footer_wrap li {

    margin: 0px 0px;

    width: 100%;

padding:6px 0px;

font-size: 22px;

}

#footer_wrap ul li ul {

    display: none;

}

#footer_wrap li a {

font-size: 22px!important;

}



.mobicon{

display:block;

}

.mobiph{

display:block;

}



}





@media only screen and (max-width: 480px) {

  .span_12_of_12, .span_11_of_12, .span_10_of_12, .span_9_of_12, .span_8_of_12, .span_7_of_12, .span_6_of_12, .span_5_of_12, .span_4_of_12, .span_3_of_12, .span_2_of_12, .span_1_of_12, .homeU { width: 100%!important; margin:13px 0px; padding:0px; }

.vid-pic-box {

    margin-top: -70px;

}
	
	.slidr .buttonw {
    background: #fff;
    color: #4f4f51;
    border-radius: 4px;
    border: none;
    padding: 10px 10px !important;
	}

.ls-wrapper .ls-in-out p {



}

.ls-wrapper .ls-in-out {
    left: px!important;
}

.ls-wrapper .ls-in-out a {

    width: 75px!important;

    height: 55px!important;

}

.buttonw {
    background: #fff;
    color: #4f4f51;
    border-radius: 4px;
    border: none;
    padding: 20px 20px !important;
    margin: 13px 0px;
    display: inline-block;
    font-size: 14px;
}

.MR3 .su-column {
margin-bottom: 0px!important;
}

.MR3 ul li {
font-size: 15px;
}

.MR3 .button {
    background: #29b297;
    color: #fff;
    border-radius: 4px;
    border: none;
    padding: 20px 17px !important;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    vertical-align: middle;
    -webkit-transition: all 300ms;
    transition: all 300ms;
    text-align: center;
    font-family: 'Playfair Display',serif;
    margin-top: 13px;

}

.quater { width:100%; float:left; }

.fullwidth { 

width: 100% !important;

margin: 0px !important;

}








.half {

    width: 100%!important;

}



.nomobi { display:none!important; }

.onlymobi { display:block!important; }



.banner h1 {

    text-align: left;

    padding: 180px 0px 140px 0px;

}



h1, h1 a {  font-size: 34px; }

h2, h2 a {  font-size: 28px; }

h3, h3 a {  font-size: 23px; }

h4, h4 a, h5, h5 a { font-size: 16px; line-height:1.2; }



.menu-toggle img {

    margin-top: 13px;

    max-width: 40px !important;

    position: relative;

margin-left:4px;

}



.halfy {

    width: 96%;

    float: left;

    margin-right: 2%;

}

.fallback { display:block; }

.fallback2 { display:none; }

.sliderbkg { display:none; }

#logo img {

    padding: 0px 0px;

}



.overlay ul li a {

    padding: 3px 0px!important;

}

.menu-toggle {

    margin-top: 0px !important;

}

#footer_wrap li {

    display: block;

}

}









/* Overlay closing cross */

.overlay .overlay-close {

width: 45px;

height: 45px;

position: relative;

right: -25px;

top: 13px;

overflow: hidden;

border: none;

background: url(./images/cross.png) no-repeat center center;

color: transparent;

outline: none;

z-index: 100000;

display: block;

clear: both;

margin-bottom: 43px;

background-size: contain;

padding: 0px;

}

/* Overlay style */

.overlay {

	position: fixed;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	background: rgba(41,178,151,0.9);

z-index: 555555;

overflow-y:scroll;

}



/* Overlay closing cross */

.overlay .overlay-close {

	width: 80px;

	height: 80px;

	position: absolute;

	right: 0px;

	top: 20px;

	overflow: hidden;

	border: none;

	background: url(images/cross.png) no-repeat center center;

	text-indent: 200%;

	color: transparent;

	outline: none;

	z-index: 1000000;

}



/* Menu style */

.overlay nav {

	text-align: center;

	position: relative;

	top: 50%;

	height: 60%;

	-webkit-transform: translateY(-50%);

	transform: translateY(-50%);

}



.overlay ul {

	list-style: none;

	padding: 0;

	margin: 0 auto;

	display: inline-block;

	height: 100%;

	position: relative;

}



.overlay ul li {

	display: block;

	height: auto;

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden;

}



.overlay ul li a {

	font-size: 32px;

	font-weight: 700;

	display: block;

	color: #fff;

        font-family: 'Playfair Display',serif;

	-webkit-transition: color 0.2s;

	transition: color 0.2s;

	padding: 6px 0px;

	margin:0px;

}



.overlay ul li a:hover,

.overlay ul li a:focus {

	color: #ccc;

}



.overlay ul li ul { 

display:none;

}





/* Effects */

.overlay-slidedown {

	visibility: hidden;

	-webkit-transform: translateY(-100%);

	transform: translateY(-100%);

	-webkit-transition: -webkit-transform 0.4s ease-in-out, visibility 0s 0.4s;

	transition: transform 0.4s ease-in-out, visibility 0s 0.4s;

}



.overlay-slidedown.open {

	visibility: visible;

	-webkit-transform: translateY(0%);

	transform: translateY(0%);

	-webkit-transition: -webkit-transform 0.4s ease-in-out;

	transition: transform 0.4s ease-in-out;

}



@media screen and (max-height: 30.5em) {

	.overlay nav {

		height: 70%;

		font-size: 34px;

	}

	.overlay ul li {

		min-height: 34px;

	}

}