/* Reset */
*{margin:0;padding:0;}
/* reset */


/* Structure */
@media (min-width: 1025px) {
#lf_container {height: auto;width:100%;margin:0 auto;padding:0px;}
#container {width: 100%; margin:0 auto;position:relative;height:auto;}
#header{width:100%;position:relative;z-index:999; }
#new_container{width:1200px; margin:0 auto;position:relative;height:auto;}
#new_lf_content_box { width: 1200px; margin: 0 auto;border:0px red solid;}	

#contentwrapper{position:relative; margin:0 auto;height:auto;width:1200px;}
#wrapper{width:1200px; margin:0 auto;height:auto;}		

div#content {text-align:left;padding-bottom:40px;min-height:300px;height:expression(this.scrollHeight < 300? "300px" : "auto" );margin-top:60px !important;;width:1100px;margin-left:50px;}

}

#navigation{display:none}
#extra{display:none;}


/* Color */

/* Font */

/* Content */


@media (min-width: 1025px) {
#content{width: 100%;}
.content ul {
  margin-left:29px;
  margin-top: 20px;
  width: 940px;
}

.content li{margin: 0px 5px 0px 5px; padding:5px 0px 10px 0px;float:left;}

.heading_1{width:98%;padding:15px 0px 15px 2px;margin-left:10px; }
.heading_2{width:500px;padding:2px;margin-top:20px;}
.heading_3{width:98%;padding:15px 0px 15px 2px;  margin-top: -70px;margin-left:8px;}

.text{width:500px; height:402px; font-size:12px;line-height:20px;}
.intro_content{margin:13px 0px 0px 0px;padding:0px;float:left;width:472px;height:327px;}
.intro_content p{padding-top:8px;line-height:1.4em;}

}

div#content .lf_pages {display:none;}
div#content .lf_breadcrumbs {display:none;}
div#header a {border:none;}
div#footer a {border:none;}




/* Header */


@media (min-width: 1025px) {

div#header {height:220px;overflow:visible;}
#head_container {clear:left;width:1200px;margin:0 auto;float:left;}

  div#header .header-menu {float:left;clear:left;margin:0px;}

Div#header #responsive_wrapper {float:left;clear:left;}
div#header  #responsive_wrapper #banner-1 {display:none;float:left;clear:left;}
div#header  #responsive_wrapper #banner-2 {display:none;float:left;clear:left;}
div#header  #responsive_wrapper #banner-3 {display:none;float:left;clear:left;}
div#header  #responsive_wrapper #banner-4 {display:none;float:left;clear:left;}
  
 
Div#header #responsive_wrapper img {width:100%;}

  div#header .head_container #logo {margin:0px;top:100px;}


}

div#header  #responsive_wrapper #main-banner {display:none;}
div#header #responsive_wrapper #banner-1 {display:none;}

div#header #header-logo-home {display:none;}


/* Footer */

/* Navigation */

/* Extra */

/* Search */

/* Forms */

@media (min-width: 1025px) {

/* Forms */
.lf_form {margin-top:10px;color:#000;}
.lf_form fieldset {clear:both;float:left;width:550px;margin:0;padding:5px;border:0px solid #fff;background:#33a864;border:2px  #fff;color:#fff;font-weight:bold;margin:5px 0px;border-radius:10px 10px 10px 10px;-o-border-radius:10px 10px 10px 10px;-webkit-border-radius:10px 10px 10px 10px;}
.lf_form  fieldset div.lf_form_text{clear:both;color:#000;}
.lf_form  fieldset div.lf_form_select{clear:both;color:#000;}
.lf_form  fieldset div.lf_form_checkbox{clear:both;color:#000;}
div.lf_help{display:block;clear:both;margin:5px 0px;font-weight:bold;color:#000;font-weight:bold;}
.lf_form fieldset legend {margin:0px 0px 0px 0px ;color:#000;display:block;padding:5px;padding-bottom:30px;}


.lf_form_title_left {float:left;font-weight:bold;color:#000;display:none;}
.lf_form_title_right {float:left;font-weight:bold;color:#000;width:560px;text-align:right;}
/* text */
.lf_form div.lf_form_text label {clear:left;float: left;width: 150px;text-align: right;padding-right:10px;padding:4px;color:#fff;font-weight:bold;font-size:16px;margin-bottom:10px;}
.lf_form div.lf_form_text input {float: left;width: 200px;text-align: left;color:#000;padding:4px;border:1px solid #bbb;width:250px;font-size:16px;} 
/* textarea */
.lf_form div.lf_form_textarea {width:390px;float:left;}
.lf_form div.lf_form_textarea label {float: left;width: 150px;text-align: right;padding-right:10px;padding:4px;color:#fff;font-weight:bold;margin-bottom:10px;}
.lf_form div.lf_form_textarea textarea {float: left;width: 540px;text-align: left;margin-left:5px;} 

/* select */
.lf_form div.lf_form_select label {float: left;width: 150px;text-align: right;padding-right:10px;padding:4px;color:#fff;font-weight:bold;font-size:16px;margin-bottom:10px;}
.lf_form div.lf_form_select select {float: left;text-align: left;font-size:16px;padding:4px;border:1px solid #bbb;} 

.lf_form .lf_fieldset_4 div.lf_form_select label {float: left;width: 180px;text-align: right;padding-right:10px;padding:4px;color:#000;;}
.lf_form .lf_fieldset_4 div.lf_form_select select {float: left;width: auto;text-align: left;float: left;width:260px;text-align: left;font-size:12px;font-family:arial;}
.lf_form .lf_fieldset_4 div.lf_form_request_cabin_num label{float: left;width: 180px;text-align: right;padding-right:10px;padding:4px;color:#000;}
.lf_form .lf_fieldset_4 div.lf_form_request_city label{float: left;width: 180px;text-align: right;padding-right:10px;padding:4px;color:#000;}
.lf_form .lf_fieldset_7 .lf_form_request_special label{float: left;width: 180px;text-align: right;padding-right:10px;padding:4px;color:#000;}

/* checkbox */
.lf_form div label.lf_form_checkbox {float: left;width:auto;text-align: left;padding-right:10px;color:#000;font-weight:bold;}
.lf_form div input.lf_form_checkbox {float: left;width:auto;text-align: left;} 
/* radio */
.lf_form div label.lf_form_radio {float: left;width:auto;text-align: left;color:#000;font-weight:bold;}
.lf_form div input.lf_form_radio {float: left;width:auto;text-align: left;} 
.lf_form fieldset div.lf_form_required input {background:#fff;color:#000;}

.lf_form fieldset div.lf_form_checkbox_multi {float:left;width:160px;border-left:2px solid #bde2ff;border-bottom:1px solid #bde2ff;margin:5px;}
.lf_form fieldset div.lf_form_checkbox_multi input{margin:2px 3px;}

.lf_form fieldset.lf_fieldset_button {position:relative;width:400px;margin:10px 0px;padding:10px 0;border:0;background:transparent}
.lf_form fieldset.lf_fieldset_button label.lf_button_left {float:left;margin-left:20px;}
.lf_form fieldset.lf_fieldset_button label.lf_button_right {position:relative;float:left;margin-left:20px;}
/*Contact form */



}

/* Custom */

/* Mobile only 320px */
@media (max-width:1024px) {
  
div#header {background:#fff !important;}
div#bodycontainer {background:#fff !important;}

  div#footer .footer-nav ul {padding-top:20px;}
  div#footer .footer-nav li a {font-size:1.2em;}

  div#footer .footer-contact ul {padding-top:20px;}
  
.tidePoweredBy{margin:0px 0px;padding:0px;width:100%;float:left;clear:both;position:relative;text-align:right;}
.tidePoweredBy a{color:#fff;font-size:0.7em;text-transform:uppercase;padding-right:35px;text-decoration:none;position:relative;}

div#header {height:auto;}

}





/* Common CSS */
body{margin:0;padding:0;font-size:100%;font-family: 'Roboto Slab'; background:#fff url('images/footer-bg.jpg') repeat-x bottom left;overflow-x:hidden;}
#bodycontainer {width: 100%;background:url(images/header-bg.png) repeat-x  top left ;}

#content {margin:0;padding:0;text-align:left;float:left;margin-top:20px !important;margin-left:2%;width:96%;margin-bottom:40px;}

div#content p {font-size:1.2em;font-weight:normal;margin-top:20px;margin-bottom:30px;color:#000;clear:left;font-family:"Montserrat"}
div#content h2 {font-size:1.6em;margin-bottom:10px;color:#002868;}
div#content h2 a {color:#002868;text-decoration:none}
div#content h2 a:hover {color:#000;text-decoration:underline}

div#content h3 {clear:both;font-size:2.0em;margin-top:20px;margin-bottom:20px;color:#00923f;font-weight:normal;}

div#content h3 a {color:#00923f;text-decoration:none}
div#content h3 a:hover {color:#000;text-decoration:underline}


div#content p a {color:#00923f;font-weight:bold;text-decoration:none;}
div#content p a:hover {color:#000;}

div#content h4 {font-size:1.1em;font-weight:normal;margin-bottom:10px;color:#002868;}


#bodycontainer{width: 100%;border:0px red solid;overflow-x:hidden;}


div#content h1.tideTitle {
clear: both;
color: #28834f;
text-align:left;
font-size: 2.4em !important;
line-height: 1.1em;
margin: 0px 0px 20px 0px;
padding:0px;
width: 96%;
font-weight:normal;
}
div#content h2.tideSubtitle {
    clear: left;
    color: #28834f;
    font-size: 2.0em;
    line-height: 1.1em;
    margin: 10px 0 10px 0px;
   font-weight:normal;
  text-align:left;
	padding-bottom:30px;
}


#header{width:100%;position:relative;}

div#content .tideBody ul li {font-family:"Montserrat";margin-left:40px;}
div#content .tideBody ul li a {color: #28834f;}

div#content .tideBody ol li {font-family:"Montserrat";margin-left:40px;}
div#content .tideBody ol li a {color: #28834f;}

/* Footer section formatting */
#footer {
	/*background-color: #313131;*/width: 100%;
background:url('images/footer-bg.jpg') repeat;
        overflow-x:hidden;
        float:left;
        clear:both;
	position:relative;
        margin-top:30px;
       }

  
div#footer .footer-contact {width:48%;float:left;text-align:right;margin-top:30px;margin-bottom:20px;margin-right:2%;font-family:'Montserrat'}
div#footer .footer-contact h2 {font-size:2em;color:#fff;font-weight:normal;margin-bottom:10px;}
div#footer .footer-contact h3 {font-size:1.1em;color:#fff;font-weight:normal;margin-bottom:10px;}
div#footer .footer-contact h3 a {color:#fff;text-decoration:none}
div#footer .footer-contact h3 a:hover {color:#ffcc00}
  div#footer .footer-contact .social-media {width:100%;}
  div#footer .footer-contact .social-media li {display:inline-block;padding:10px;}
  
  
  
div#footer .footer-nav {width:48%;float:left;margin:0px;padding:0px;margin-left:2%;margin-top:30px;margin-bottom:20px;font-family:'Montserrat'}
  div#footer .footer-nav ul {width:100%;text-align:left;}
  div#footer .footer-nav li {list-style:none;width:100%;font-size:1.0em;text-align:left;margin-bottom:10px}
div#footer .footer-nav li a {color:#fff;text-decoration:none;}
div#footer .footer-nav li a:hover {color:#000;text-decoration:none;}

div#footer .tideFooterBody {clear:left;text-align:center;margin-bottom:10px;}
div#footer .tideFooterBody p {color:#fff;}


.tidePoweredBy{margin-top:10px 0px;padding:0px;width:100%;float:left;clear:both;position:relative;text-align:center;}
.tidePoweredBy a{color:#fff;font-size:0.7em;text-transform:uppercase;text-decoration:none;
  position:relative;}



div#content h4.but-quote {clear:left;margin-top:20px;}
div#content h4.but-quote a {margin:0px auto;text-align:center;width:150px;clear:left;
background: #014378; /*the colour of the button*/
padding: 8px 24px 10px; /*apply some padding inside the button*/
border:0px solid #3e9cbf; /*required or the default border for the browser will appear*/
cursor:pointer; /*forces the cursor to change to a hand when the button is hovered*/
/*style the text*/
font-family:"Gudea", sans-serif; 
color: #fff;
/*give the corners a small curve*/
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
font-size:20px;
text-decoration:none;
}

div#content h4.but-quote a:hover {background: #6c2f03;text-decoration:none;}

div#content ul li {margin-left:20px;line-height:26px;font-size:1.2em;margin-bottom:10px;}
div#content ol li {margin-left:20px;line-height:26px;font-size:1.2em;margin-bottom:10px;}
div#content ul li a {color:#6c2f03;font-weight:bold;text-decoration:none;}
div#content ol li a {color:#6c2f03;font-weight:bold;text-decoration:none;}




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

body {font-size:80%;}
#content {margin:0;padding:0;text-align:left;float:left;margin-top:30px !important;margin-left:2%;width:96%;margin-bottom:80px;}

/* Inner pages formatting */

  div#content .tideBody ul {margin-top:20px;}
  div#content .tideBody ol {margin-top:20px;}
  
div#content .tideBody ul li {font-family:"Montserrat";margin-left:40px;}
div#content .tideBody ul li a {color: #28834f;}

div#content .tideBody ol li {font-family:"Montserrat";margin-left:40px;}
div#content .tideBody ol li a {color: #28834f;}
  
div#content .lf_service {clear:left;padding:0px;margin:10px 0px 0px 5px;}
div#content .lf_service li a {color: #005599; text-decoration:none;border:0px;}
div#content .lf_service li {List-Style-Type:none; display: inline; margin-right:10px;font-size:.8em;font-weight:bold;}
div#content .lf_image img {resize: both;width:96%;height:auto;margin-left:2%;margin-top:15px;}


div#content .tideBody p{font-size:1.2em;padding:10px 10px 0px 10px;margin-bottom:0px;}
div#content .tideBody {clear:left;font-size:1.0em;padding:10px 10px 0px 10px;}
div#content .tideBody b {padding-top:10px;}
div#content .tideBody ul {margin-bottom:10px;}
div#content .tideBody li {font-size:1.2em;line-height:1.1em;margin-left:5%;width:90%;margin-bottom:10px;}



div#content .lf_pages {clear:left;padding:0px;margin:10px 0px 0px 5px;}
div#content .lf_pages li a {color: #005599; text-decoration:none;border:0px;}
div#content .lf_pages li {List-Style-Type:none;float:left;margin-left:5%;font-size:.8em;font-weight:bold;width:45%;}

div#content .lf_pages h1 {float:left;clear:left;font-size:1.4em;color:#ff6600;font-family:"Gudea";margin:10px 5px 10px 5px;line-height:1.1em;border-radius:6px 6px 6px 6px;-o-border-radius:6px 6px 6px 6px;-weblit-border-radius:6px 6px 6px 6px;background:#005599;text-align:center;width:96%}
div#content .lf_pages h1 a {text-decoration:none;color:#fff;}


/* Info request Form */



.lf_form {margin:0px 0px 0px 0px;padding:0px;float:none;width:100%;margin-top:5px;}


.lf_form fieldset {margin:0px;margin-left:1%;padding:0px;float:left;border:0px solid;width:94%;margin-top:10px;background:#33a864;color:#fff;font-weight:bold;padding:10px;}

.lf_form fieldset label {color:#fff;font-size:0.9em}

.lf_form fieldset legend {margin:0px 0px 0px 0px ;color:#000;display:block;padding:5px;padding-bottom:60px;}
.lf_form_title_left {float:left;font-weight:bold;color:#000;display:none;}
.lf_form_title_right {float:left;font-weight:bold;color:#000;width:560px;text-align:right;}

.lf_form .lf_fieldset_1 label {clear:left;float:left;width:35%;margin-bottom:3px;}
.lf_form .lf_fieldset_1 input {float:left;width:55%;height:20px;margin-bottom:4px;}
.lf_form .lf_fieldset_1 select {float:left;width:55%;height:20px;margin-bottom:4px;}
.lf_form .lf_fieldset_1 img {float:left;margin-top:6px;}

.lf_form .lf_fieldset_3 label {clear:left;float:left;width:35%;margin-bottom:3px;}
.lf_form .lf_fieldset_3 input {float:left;width:60%;height:20px;margin-bottom:4px;}
.lf_form .lf_fieldset_3 select {float:left;width:60%;height:20px;margin-bottom:4px;}

.lf_form .lf_fieldset_3 .lf_form_request_newsletter  label {clear:none !important;float:left;width:75%;}


.lf_form .lf_fieldset_3 .lf_form_request_newsletter  input {clear:none !important;float:left;width:20%;}



.lf_form .lf_fieldset_4 label {clear:left;float:left;width:35%;margin-bottom:3px;}
.lf_form .lf_fieldset_4 input {float:left;width:60%;height:20px;margin-bottom:4px;}
.lf_form .lf_fieldset_4 select {float:left;width:60%;height:20px;margin-bottom:4px;}

.lf_form .lf_fieldset_5 label {clear:left;float:left;width:35%;margin-bottom:3px;}
.lf_form .lf_fieldset_5 input {float:left;width:60%;height:20px;margin-bottom:4px;}
.lf_form .lf_fieldset_5 select {float:left;width:60%;height:20px;margin-bottom:4px;}
.lf_form .lf_fieldset_5 textarea {float:left;width:60%;}

.lf_form .lf_fieldset_6 label {clear:left;float:left;width:35%;margin-bottom:3px;}
.lf_form .lf_fieldset_6 input {float:left;width:60%;height:20px;margin-bottom:4px;}
.lf_form .lf_fieldset_6 select {float:left;width:60%;height:20px;margin-bottom:4px;}
.lf_form .lf_fieldset_6 #m_guest_birthdate,  #d_guest_birthdate, #y_guest_birthdate {float:left;width:20%;}
.lf_form .lf_fieldset_6 textarea {float:left;width:60%;}


.lf_form .lf_fieldset_7 label {clear:left;float:left;width:35%;margin-bottom:3px;}
.lf_form .lf_fieldset_7 input {float:left;width:60%;height:20px;margin-bottom:4px;}
.lf_form .lf_fieldset_7 textarea {float:left;width:60%;}


.lf_form_checkbox, .lf_form_radio {margin-right:10px;}
.lf_form .lf_form_request_air {clear:left;}
.lf_form .lf_form_request_air input {float:left;width:10%}
.lf_form .lf_form_request_air label {clear:none;float:left;width:90%;}


.lf_form .lf_form_request_insurance {clear:left;}
.lf_form .lf_form_request_insurance input {float:left;width:10%;}
.lf_form .lf_form_request_insurance label {clear:none;float:left;width:90%;}

.lf_form .lf_form_request_itinerary select {clear:left;width:96%;height:20px;margin-bottom:4px;}

.lf_form .lf_fieldset_4 #m_request_travel_date,  #d_request_travel_date, #y_request_travel_date {float:left;width:20%;}

.lf_form .lf_help {clear:left;font-size:0.8em;font-style:italic;margin-bottom:10px;}


/* Forms */




.tidePoweredBy{margin:0px 0px;padding:0px;width:100%;float:left;clear:both;position:relative;text-align:right;}
.tidePoweredBy a{color:#fff;font-size:0.7em;text-transform:uppercase;padding-right:35px;text-decoration:none;
  position:relative;}

}






/* Page Header images */

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

div#header  #responsive_wrapper {width:100%;text-align:center;}
div#header  #responsive_wrapper #banner-1 {width:100%;text-align:center;}
div#header  #responsive_wrapper #banner-1 img {width:100%;height:auto !important;}

div#header  #responsive_wrapper #banner-2 {width:100%;text-align:center;}
div#header  #responsive_wrapper #banner-2 img {width:100%;height:auto !important;}


}



/* 321 - 480 */

@media (max-width:800px) {

div#content {margin-top:20px !important;}

.lf_form {margin:20px 0px 20px 0px;padding:0px;border:0px solid #888888;width:99% !important;;background:#ccc !important;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}

.tidePoweredBy{margin:0px 0px;padding:0px;width:100%;float:left;clear:both;position:relative;text-align:center;}
.tidePoweredBy a{color:#fff;font-size:0.7em;text-transform:uppercase;padding-right:35px;text-decoration:none;
  position:relative;}

}



/* topnav */



nav{margin:0 auto;clear:left;float:left;z-index:9999;}
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#cssmenu #head-mobile{display:none}
#cssmenu{/*background:#333;*/}
#cssmenu > ul > li{float:left}
#cssmenu > ul > li > a{padding: 17px 5px 20px 6px;font-size:1em;letter-spacing:1px;text-decoration:none;color:#fff;font-weight:700;}
#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{color:#fff}
.active{background:#000;}
#cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{background:#28834f !important;-webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;}
#cssmenu ul ul{position:absolute;left:-9999px; }
#cssmenu ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;background:#28834f;transition:all .25s ease;z-index:3000;}
#cssmenu li:hover > ul{left:auto}
#cssmenu li:hover > ul > li{height:30px; width:250px;}

#cssmenu ul ul ul{margin-left:100%;top:0}
#cssmenu ul ul li a{border-bottom:1px solid rgba(150,150,150,0.15);padding:11px 15px;width:190px;font-size:16px;text-decoration:none;color:#fff;font-weight:400;}
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#ffcc00}
#cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}
#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#28834f;}
#cssmenu ul ul ul li.active a{border-left:1px solid #333}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333}


@media (min-width:1025px){

#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{color:#fff;background:#00923f;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
#cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{background:transparent !important;-webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;}

#cssmenu {
margin-top:10px;
margin-bottom:20px;
}

#cssmenu > ul > li {
margin-right:1.5em;
font-size:100%;
}

#cssmenu > ul > li a {color:#fff;padding-left:25px;padding-right:25px;font-size:1.1em;font-weight:normal;}
#cssmenu > ul > li a:hover {color:#fff;background:#00d55c;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}

#cssmenu ul ul {margin-top:0px}
#cssmenu ul ul li{
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin-top:0px;
  border-bottom:1px solid #fff;
padding-bottom:10px !important;
height:40px !important;display:block
}

  #cssmenu ul ul li:hover {background:#bc5206}
  #cssmenu ul ul li a {width:100%;}
  
#cssmenu > ul > li > ul> li a:hover {background:none;}

}




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

nav{width:100%;background:#33a865 !important;height:50px;}
#cssmenu {width: 100%;float: left;padding-bottom:0px;}
#cssmenu ul{width:100%;display:none;margin-top:0px}
#cssmenu ul li{width:100%;border-bottom:1px solid #fff;background:#33a865;}
#cssmenu ul li:hover{background:#3dc979;}
#cssmenu ul li a {color:#fff;padding-top:10px;}
#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto}
#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0}
#cssmenu > ul > li{float:none}
#cssmenu ul ul li a{padding-left:25px;font-size:1em !important;color:#fff;}
#cssmenu ul ul li{background:#3dc979 !important;}

#cssmenu li:hover > ul > li{width:100%;}
#cssmenu > ul > li > a img {display:none}


#cssmenu ul ul li img{ width:100%; margin:0px 0px 0px -5px!important; -webkit-border-radius: 10px;
-moz-border-radius: 10px; border-radius: 10px;}

#cssmenu li:hover ul li img{height:40px; width:100%; margin:0px 0px 0px -5px!important; -webkit-border-radius: 10px;
-moz-border-radius: 10px; border-radius: 10px;}

#cssmenu ul ul ul li a{padding-left:35px;}
#cssmenu ul ul li a{color:#fff;background:none}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#fff}
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}
#cssmenu #head-mobile{display:block;padding:23px;color:#3dc979;font-size:12px;font-weight:700}
  
.button{width:70%;height:40px;position:absolute;right:0;top:0px;cursor:pointer;z-index: 12399994;margin:0px;float:left;}

.button:after{position:absolute;top:22px;right:20px;display:block;height:4px;width:20px;border-top:2px solid #ffcc00;border-bottom:2px solid #ffcc00;content:''}
.button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;height:2px;width:20px;background:#ffcc00;content:''}
.button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#ffcc00;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.button.menu-opened:before{top:23px;background:#ffcc00;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #444;height:46px;width:46px;cursor:pointer}
#cssmenu .submenu-button.submenu-opened{background:#3dc979}
#cssmenu ul ul .submenu-button{height:34px;width:34px}
#cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#fff;content:''}
#cssmenu ul ul .submenu-button:after{top:15px;right:13px}
#cssmenu .submenu-button.submenu-opened:after{background:#ffcc00}
#cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#fff;content:''}
#cssmenu ul ul .submenu-button:before{top:12px;right:16px}
#cssmenu .submenu-button.submenu-opened:before{display:none}
#cssmenu ul ul ul li.active a{border-left:none}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}
#cssmenu #menu-button {background:#3dc979;height:40px;font-size:1.2em;paddding-top:15px !important;padding-left:10px;color:#fff;padding-top:15px;}
}





/* 481 - 768 */

/* 769 -1024 */

@media (min-width:768px) and (max-width:1024px) {
#content{font-size:1.0em;line-height:22px;color:#000;}
#content p{font-size:1.0em;line-height:22px;padding-bottom:10px;clear:left;}
}