* { 
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
     box-sizing: border-box; 
}


html, body {background-color:none;margin: 0;padding: 0;border: 0;font-size: 100%;vertical-align: baseline;height:100%;min-width:100%;}
#wrapper-html{border:0px solid #9C0;margin:0 auto;padding:0px 0px 0px 0px;min-height:100%;height:100%;top:0;}
body > #wrapper-html {height:auto; min-height:100%;color:#333;}
body{background-color:#FFF;}

/* NEW IN USE ++++++++++++++ */
.wrapper-logo {width:50%;float:left;overflow:hidden;position:relative;border:0px dotted #CCC;padding-left:0px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.wrapper-contact-number{width:100%;overflow:hidden;position:relative;border:0px dotted #CCC;padding:16px 6px 16px 6px;text-align:right;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;background-color:#E9EDF4;text-align:center;margin-bottom:20px;}
.col-25 {width:25%;float:left;overflow:hidden;position:relative;border:0px solid #CCC;padding: 40px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.col-50 {width:50%;float:left;overflow:hidden;position:relative;border:0px dotted #CCC;padding: 20px 20px 20px 20px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.col-100 {width:100%;overflow:hidden;position:relative;border:0px dotted #CCC;padding: 20px 160px 20px 160px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.heading-box{width:100%;background-color:#12c8bd;font-family: "Manrope", sans-serif;line-height:30px;color:#FFF;font-size:16px;font-weight:600;text-align:center;padding: 8px 0px 8px 0px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;border-bottom:0px solid #ff9933;}
.blue{background-color:#012a60;border-bottom:0px solid #3CF;}
.facebook-div{text-align:right;}

/* TEXT */

p{font-family: "Manrope", sans-serif;color:#000;line-height:30px;font-size:20px;font-weight:300;margin:0;padding:0;}
p a:link, p a:visited {color:#39F;font-weight:400;text-decoration:none;}
p a:hover {color:#12c8bd;font-weight:400;text-decoration:none;}
p b {color:#000;font-weight:500;}

.p-less {font-size:16px; line-height:24px;}
.star-gold{color:#12c8bd;}
.blue-text{color:#012a60;}
.orange-text{color:#12c8bd;}

.form-text-label{font-family: "Manrope", sans-serif;color:#000;line-height:24px;font-size:18px;font-weight:500;margin:0;padding:0;}


.p-side {font-family: "Manrope", sans-serif;color:#777;font-weight:400;font-size:13px;line-height:16px;text-decoration:none;}
.p-side a:link, .p-side a:visited {color:#777;text-decoration:none;font-weight:400;}
.p-side a:hover {color:#012a60;text-decoration:underline;}

.p-footer {font-family: "Manrope", sans-serif;color:#777;font-weight:400;font-size:13px;line-height:16px;text-decoration:none;}
.p-footer  a:link, .p-footer  a:visited {color:#777;text-decoration:none;font-weight:400;}
.p-footer  a:hover {color:#012a60;text-decoration:underline;}

h1, h1 a:link, h1 a:visited{font-family: "Manrope", sans-serif;color:#000;line-height:42px;font-size:32px;font-weight:300;border:none;}
h1 a:hover {color:#0033cc;}

h2, h2 a:link, h2 a:visited{font-size:52px;font-weight:400;font-family: "Manrope", sans-serif;color:#000;line-height:60px;margin-bottom:6px;text-decoration:none;}
h2 b{color:#012a60;}
h2 a:hover, h2 a:hover b{color:#012a60;text-decoration:none;}

.phone-number {font-family: "Manrope", sans-serif;font-size:21px;line-height:21px;color:#000;}
.phone-number b{font-family: "Manrope", sans-serif;font-size:21px;line-height:21px;font-weight:600;color:#000;}
.phone-number a:link, .phone-number a:hover, .phone-number a:visited {font-family: "Manrope", sans-serif;font-size:21px;line-height:21px;color:#000;text-decoration:none;}

/* IMAGES */

.img-service-thumbnails{margin-bottom:12px;border:1px solid #CCC;width:100%;height:auto;}
.image-response{width:100%;height:auto;}


   
/* MENU */
.wrapper-menu-fixed-extended{margin-bottom:52px;width:100%;} /* used with the fixed menu showing up on windows sizes over 960. see script in menu.php */
#wrapper-menu{min-width:auto;background-color:none;height:auto;text-align:right;float:right;border:1px solid #CCC;z-index:998;position:relative;top:0px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;margin-right:0px;}
.wrapper-menu-toggle{}
#mymenu {font-family: "Manrope", sans-serif;text-align:right;margin:0 auto;width:100%;max-width:1280px;height:auto;z-index:998 !important;padding:0;margin:0;}
#mymenu ul {padding:0;margin:0 auto;list-style-type:none;border:0px solid #000;width:100%;height:42px;background-color:none;}
#mymenu ul li {display:inline;width:auto;border:0px solid #000;height:42px;}
#mymenu ul li a {font-family: "Manrope", sans-serif;color:#000;font-weight:300;font-size:14px;line-height:32px;text-decoration:none;border:0px solid #000;display:inline-block;padding:5px 16px 6px 16px;width:auto;text-align:center;height:auto;max-height:42px;}

#mymenu ul li.highlight > a{background-color:#12c8bd;color:#FFF;height:auto;}

#mymenu ul li:hover > a {background-color:#012a60;color:#FFF;height:auto;
-o-transition:color .2s ease-out, background .2s ease-in;
  -ms-transition:color .2s ease-out, background .2s ease-in;
  -moz-transition:color .2s ease-out, background .2s ease-in;
  -webkit-transition:color .2s ease-out, background .2s ease-in;
  /* ...and now override with proper CSS property */
  transition:color .2s ease-out, background .2s ease-in;
} 
/*this above > keeps the parent menu item hovered while also displaying and hovering the dropdown menu */
/*http://stackoverflow.com/questions/16802823/keep-parent-menu-item-highlighted-after-hovering-over-submenu-html-css-jquery */
.menu-divider {background-color:#fca25a;padding-left:1px;padding-right:1px;padding-top:2px;padding-bottom:2px;border:0px solid #5a471c;height:0px;}

#mymenu ul li.border-right a{border-right:0px solid #CCC;}
#mymenu ul li.border-left a{border-left:1px solid #CCC;}
#mymenu ul li ul li.no-border a{border-left:0px solid #818181;background-color:none;}
#mymenu ul li ul li.no-border a:hover{background-color:transparent;}

.menu-yellow-icon{color:#FC3;}
.menu-yellow-icon a:hover{color:#033;}
#slide-menu{}

#mymenu ul li ul {display:none;visibility: hidden;}
#mymenu ul li:hover ul {display:block;visibility: visible;list-style-type:none;width:200px;height:auto;float:left;margin-top:0px;position:absolute;left:0px;background-color:#e1914f;text-align:left;z-index:999 !important;overflow:hidden;
-o-transition:color .2s ease-out, background .2s ease-in;
  -ms-transition:color .2s ease-out, background .2s ease-in;
  -moz-transition:color .2s ease-out, background .2s ease-in;
  -webkit-transition:color .2s ease-out, background .2s ease-in;
  /* ...and now override with proper CSS property */
  transition:color .2s ease-out, background .2s ease-in;
  border:0px solid #012a60;
    -moz-border-radius: 0px 0px 6px 6px;
-webkit-border-radius: 0px 0px 6px 6px;
border-radius: 0px 0px 6px 6px; /* future proofing */
-khtml-border-radius: 0px 0px 6px 6px; /* for old Konqueror browsers */

  
  }
#mymenu ul li:hover ul li {display:block;background-color:none;width:100%;border-bottom:1px solid #e18233;height:auto;max-height:42px;
-o-transition:color .2s ease-out, background .2s ease-in;
  -ms-transition:color .2s ease-out, background .2s ease-in;
  -moz-transition:color .2s ease-out, background .2s ease-in;
  -webkit-transition:color .2s ease-out, background .2s ease-in;
  /* ...and now override with proper CSS property */
  transition:color .2s ease-out, background .2s ease-in;}
#mymenu li {position:relative;}

#mymenu ul li ul.inner-menu{
	background-color:#0F0;
-o-transition:color .5s ease-out, background .5s ease-in;
  -ms-transition:color .5s ease-out, background .5s ease-in;
  -moz-transition:color .5s ease-out, background .5s ease-in;
  -webkit-transition:color .5s ease-out, background .5s ease-in;
  /* ...and now override with proper CSS property */
  transition:color .5s ease-out, background .5s ease-in;
  
}

#mymenu ul.inner-menu {background-color:#012a60;overflow:hidden;/*background-image:url(../img/shadow-above-drop-menu.png);background-position:top;background-repeat:repeat-x;*/
-o-transition:color .1s ease-out, background .2s ease-in;
  -ms-transition:color .1s ease-out, background .2s ease-in;
  -moz-transition:color .1s ease-out, background .2s ease-in;
  -webkit-transition:color .1s ease-out, background .2s ease-in;
  /* ...and now override with proper CSS property */
  transition:color .1s ease-out, background .2s ease-in;
  
  }
#mymenu ul.inner-menu li a{background-color:none;  border-bottom:0px solid #bf5d0a;}
#mymenu ul.inner-menu li a:link{text-align:left;width:100%;
-o-transition:color .2s ease-out, background .2s ease-in;
  -ms-transition:color .2s ease-out, background .2s ease-in;
  -moz-transition:color .2s ease-out, background .2s ease-in;
  -webkit-transition:color .2s ease-out, background .2s ease-in;
  /* ...and now override with proper CSS property */
  transition:color .2s ease-out, background .2s ease-in;
  } /* the drop menu link */
  
#mymenu ul.inner-menu li.shadow-for-inner-menu-first a:hover {/*background-image:url(../img/shadow-above-drop-menu-hover.png);background-position:top;background-repeat:repeat-x;*/}

#mymenu ul.inner-menu li a:hover{background-color:#3399ff;width:100%;text-align:left;
-o-transition:color .2s ease-out, background .2s ease-in;
  -ms-transition:color .2s ease-out, background .2s ease-in;
  -moz-transition:color .2s ease-out, background .2s ease-in;
  -webkit-transition:color .2s ease-out, background .2s ease-in;
  /* ...and now override with proper CSS property */
  transition:color .2s ease-out, background .2s ease-in;
  border-bottom:1px solid #bf5d0a;
  } /* the drop menu hover */
#mymenu ul.inner-menu li:hover{background-color:none;width:auto;text-align:left;}



/* JSSOR*/
            .jssorb03 {
                position: absolute;
				top:380px;

            }
            .jssorb03 div{
                position: absolute;
                /* size of bullet elment */
                width: 30px;
                height: 30px;
                text-align: center;
                line-height: 16px;
				font-family: "Manrope", sans-serif;
                color: #FFF;
                font-size: 13px;
				border:0px solid #F0F;
                background-color:#333;
				/*background: url(/img/b03.png) no-repeat;*/
                overflow: hidden;
                cursor: pointer;
				vertical-align:middle;
				line-height:30px;
				border-radius: 25%;
    			behavior: url(PIE.htc); /* FOR IE 8 */
            }
			.jssorb03 div:hover, .jssorb03 .av {
			position: absolute;
                /* size of bullet elment */
                width: 30px;
                height: 30px;
                text-align: center;
                line-height: 16px;
				font-family: "Manrope", sans-serif;
                color: #FFF;
                font-size: 13px;
				border:0px solid #F0F;
                background-color:#12c8bd;
				/*background: url(/img/b03.png) no-repeat;*/
                overflow: hidden;
                cursor: pointer;	
				line-height:30px;
				border-radius: 25%;
    			behavior: url(PIE.htc); /* FOR IE 8 */		
				}
            .jssorb03 div { background-position: -5px -4px; }
            .jssorb03 div:hover, .jssorb03 .av:hover { background-position: -35px -4px; }
            .jssorb03 .av { background-position: -65px -4px;background-color:#6C3;color:#FFF;
}
            .jssorb03 .dn, .jssorb03 .dn:hover { background-position: -95px -4px; }

.jssora03l, .jssora03r {
                display: block;
                position: absolute;
                /* size of arrow element */
                width: 55px;
                height: 55px;
				border:0px solid #F00;
                cursor: pointer;
                background: url(../img/a03-jssor-arrow.png) no-repeat;
                overflow: hidden;
				margin-top:200px;
            }
            .jssora03l { background-position: -3px -33px;left:0; }
            .jssora03r { background-position: -63px -33px;right:20px;}
            .jssora03l:hover { background-position: -123px -33px; }
            .jssora03r:hover { background-position: -183px -33px; }
            .jssora03l.jssora03ldn { background-position: -243px -33px; }
            .jssora03r.jssora03rdn { background-position: -303px -33px; }
			
			
			


/* END NEW IN USE */


#wrapper-banner-home-2{background-color:#0033cc;background-image:none;border:0px solid #333;max-height:360px;width:100%;height:100%;
background: -webkit-radial-gradient(#3399ff, #0033cc); /* Safari 5.1 to 6.0 */
  background: -o-radial-gradient(#3399ff, #0033cc); /* For Opera 11.6 to 12.0 */
  background: -moz-radial-gradient(#3399ff, #0033cc); /* For Firefox 3.6 to 15 */
  background: radial-gradient(#3399ff, #0033cc); /* Standard syntax */
}

#wrapper-banner-home-shop{background-color:#4f4c4b;background-image:none;border:0px solid #333;max-height:360px;width:100%;height:100%;
background: -webkit-radial-gradient(#653a81, #4d1073); /* Safari 5.1 to 6.0 */
  background: -o-radial-gradient(#653a81, #4d1073); /* For Opera 11.6 to 12.0 */
  background: -moz-radial-gradient(#653a81, #4d1073); /* For Firefox 3.6 to 15 */
  background: radial-gradient(#653a81, #4d1073); /* Standard syntax */
}


#wrapper-body{background-color:#FFF;margin:0 auto;width:100%;max-width:1280px;padding-bottom:40px;border:0px solid #F0F;color:#000;overflow:hidden;min-height:100%;clear:both;}
#wrapper-footer{background-color:#fff;width:100%;height:auto;position:relative;bottom:0;margin-top:0px;z-index:10;padding-top:30px;padding-bottom:0px;border:0px solid #099;margin:0 auto;min-width:100%;}
#wrapper-copyright{background-color:none;width:auto;max-width:960px;min-width:100%;margin:0 auto;padding:0px 0px 0px 0px;border:0px solid #039;position:relative;text-align:center;overflow:hidden;height:40px;min-height:100%;}
#wrapper_full_banner_home_to_hide{background-color:#0033cc;background-image:url(../images/bg_0033cc.jpg);background-repeat:repeat;margin:0 auto;width:100%;position:relative;border:0px solid #9F3;min-height:100%;height:auto;}
#wrapper_banner_image_only{width:960px;margin:0 auto;border:0px solid #099;background-color:none;height:auto;min-height:100%;}
#wrapper_full_banner_home{background-color:#0033cc;background-image:url(../images/bg_0033cc.jpg);background-repeat:repeat;margin:0 auto;width:100%;position:relative;border:0px solid #099;}
#wrapper_line_under_menu{background-color:#FFF;/*#ffcc33;*/height:4px;width:100%;}
#wrapper-banner-home{background-color:#e8e9eb;background-image:none;border:0px solid #333;max-height:360px;width:100%;height:100%;}

.iframe-video{display:block;margin:0 auto;margin-top:0px;margin-bottom:0px;width:640px;height:360px;}
.iframe-wrapper{border:0px solid #9F3;width:940px;margin:0 auto;margin-top:10px;margin-bottom:0px;}

.icon-social{width:32px;height:32px;background-color:#0033cc;border:0px solid #000;position:relative;float:right;margin-top:6px;overflow:hidden;margin-left:4px;}
.icon-social:link{background-color:#0033cc;text-decoration:none;}
.icon-social:visited, .icon-social:active{background-color:#0033cc;}
.icon-social:hover{background-color:#3399ff;}
.icon-social a:hover{background-color:#3399ff;}

.google-plus-color{background-color:#dd4b39;}
.yelp-color{background-color:#b4282e;}

/*.logo-wrap{width:84px;height:24px;background-color:#0033cc;border:0px solid #000;position:relative;float:left;margin-top:0px;overflow:hidden;padding:7px 6px 7px 6px;}
.logo-wrap:link{background-color:#0033cc;text-decoration:none;}
.logo-wrap:visited, .logo-wrap:active{background-color:#0033cc;}
.logo-wrap:hover{background-color:#3399ff;}
*/

.seblylogo {
	margin: 0 0 0px 0;
	max-width:100px;
	width:auto;
	height:auto;
	max-height:30px;;
	border:0px solid #096;
	padding:7px 6px 5px 6px;
	background-color:#0033cc;
	-webkit-border-radius: 3px 3px 3px 3px ;
	-moz-border-radius: 3px 3px 3px 3px ;
	border-radius: 3px 3px 3px 3px ;
	-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;	
}

.seblylogo:link{background-color:#0033cc;text-decoration:none;}
.seblylogo:visited{background-color:#0033cc;} 
.seblylogo:active{background-color:#0033cc;}
.seblylogo:hover{background-color:#6C3;}

#sebly-logo{background-color:#012a60;width:64px;height:21px;padding:4px 4px 2px 4px;text-align:center;margin:0 auto;bottom:0;border:0px solid #000;position:relative;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;	
}
#sebly-logo:hover{background-color:#6C3;width:64px;height:21px;padding:4px 4px 2px 4px;text-align:center;}

.text-creative-results, .text-creative-results a:link, .text-creative-results a:visited, .text-creative-results a:hover {font-family:'Roboto', sans-serif;font-size:18px;color:#333;font-weight:300;line-height:18px;float:right;position:relative;margin-top:10px;overflow:hidden;width:auto;height:auto;min-height:24px;text-align:right;border:0px solid #333;}

.text-creative-results b, .text-creative-results b a:link, .text-creative-results b a:visited, .text-creative-results b a:hover {font-family:'Roboto', sans-serif;font-size:18px;color:#333;font-weight:700;line-height:18px;float:right;position:relative;margin-top:0px;overflow:hidden;width:auto;height:auto;text-align:right;border:0px solid #333;margin-left:6px;}


.phone-box{float:right;position:relative;border:0px solid #333;height:auto;width:auto;text-align:right;margin-top:0px;padding:0;}
.hide-only-mobile{}
.show-only-mobile{visibility:hidden;display:none;}
/* TEXT STYLES */



.col-33 p{line-height:24px;}



/* EDITOR LISTS */
.forms-edit {width:100%;border:0px dotted #666;margin-bottom:4px;padding-bottom:4px;margin-right:10px;float:left;background-color:#FFF;}
.forms-edit:hover{
background-color:#FFF;cursor:pointer;opacity:.8;
-o-transition:color .2s ease-out, background .2s ease-in;
  -ms-transition:color .2s ease-out, background .2s ease-in;
  -moz-transition:color .2s ease-out, background .2s ease-in;
  -webkit-transition:color .2s ease-out, background .2s ease-in;
  /* ...and now override with proper CSS property */
  transition:color .2s ease-out, background .2s ease-in;
	}
	
	.nohover:hover{
background-color:none;cursor:default;opacity:1;
-o-transition:color 0s ease-out, background 0s ease-in;
  -ms-transition:color 0s ease-out, background 0s ease-in;
  -moz-transition:color 0s ease-out, background 0s ease-in;
  -webkit-transition:color 0s ease-out, background 0s ease-in;
  /* ...and now override with proper CSS property */
  transition:color 0s ease-out, background 0s ease-in;
	}


/* PRODUCT TABLE */
.table-product{width:100%;border-collapse: collapse;border-spacing: 0.5rem;}
.table-product tr{border:1px solid #B9B9B9;}
.table-product td{border:1px solid #B9B9B9;}

/* IMAGES */

.img-service-thumbnails{margin-bottom:12px;border:1px solid #CCC;width:100%;height:auto;}
.image-response{width:100%;height:auto;}

/* FORMS */

.form_list {width:100%;list-style-type:none;margin:0;padding:0;border:0px solid #099;text-align:left;}
.form_list ul {width:100%;list-style-type:none;margin:0;padding:0;border:0px solid #F00;}
.form_list li {width:50%;list-style-type:none;margin:0;padding-right:0px;border:4px solid #fff;float:left;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.formErr{font-family: "Manrope", sans-serif;color:#12c8bd;line-height:21px;font-size:18px;font-weight:500;}

.radio_box_style {text-align:left;width:auto;}
.contact_box_style {text-align:left;font-family: "Manrope", sans-serif;padding:3px 3px 3px 10px;height:40px;line-height:18px;border:1px solid #39F;font-size:18px;color:#666;width:100%;margin-top:10px;margin-bottom:16px;
-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;
	-moz-border-radius:6px 6px 6px 6px;
	-webkit-border-radius:6px 6px 6px 6px;
	border-radius:6px 6px 6px 6px;
}
.comment_box_style {font-family: "Manrope", sans-serif;padding:6px 6px 6px 3px;line-height:24px;border:1px solid #39F;font-size:18px;color:#666;height:220px;margin-top:10px;margin-bottom:16px;
-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;
	-moz-border-radius:6px 6px 6px 6px;
	-webkit-border-radius:6px 6px 6px 6px;
	border-radius:6px 6px 6px 6px;
	width:100%;
}

.formErrbox{font-family: "Manrope", sans-serif;color:#012a60;line-height:21px;font-size:18px;font-weight:500;}
.captcha {font-family: "Manrope", sans-serif;color:#777;line-height:21px;font-size:14px;font-weight:400;letter-spacing:0px}
.captcha b {font-family: "Manrope", sans-serif;color:#012a60;line-height:21px;font-size:15px;font-weight:700;letter-spacing:1px;}

.search_button_style {background-color:#012a60;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;border:0px solid #666;display:inline-block;color:#FFF;font-family:arial;font-size:15px;font-weight:bold;padding:5px 10px;text-decoration:none;position:relative;top:-1px;cursor:pointer;	/*text-shadow:1px 1px #666;*/vertical-align:top;line-height:21px;-webkit-appearance: none;}
.search_button_style:hover {background-color:#6C0;position:relative;cursor:pointer;}
.search_button_style:active {background-color:#0033cc;position:relative;cursor:pointer;}
.search_button_style:visited{color:#FFF;font-family:arial;font-size:15px;font-weight:bold;background-color:#012a60;}

/* SPACERS */

.line_horizontal{margin-bottom:22px;margin-top:22px;width:100%;height:1px;border-bottom:1px solid #CCC;overflow:hidden;clear:both;}
.line{margin-bottom:22px;margin-top:22px;width:100%;height:1px;background-color:#CCC;overflow:hidden;clear:both;}
.hr-line{margin-bottom:8px;margin-top:8px;width:100%;height:1px;border-bottom:1px solid #CCC;overflow:hidden;}
.hide-me-mobile{}
.show-me-mobile{display:none;visibility:hidden;}
.no-border{background-color:#e1914f;border:0px solid #CCC;}
.no-border:hover{background-color:#012a60;border:0px solid #CCC;}
li.blog {margin-bottom:20px;}



.show-menu-button{display:none;}
.hide-menu-button{display:none;}

.show-hide-arrows {color:#FFF;background-color:none;text-align:left;padding-left:20px;}
.show-hide-arrows a:link{color:#FFF;text-decoration:none;background-color:none;}
.show-hide-arrows a:visited{color:#FFF;text-decoration:none;background-color:none;}
.show-hide-arrows a:hover{color:#ffe8d4;text-decoration:none;background-color:none;}
.show-hide-arrows b{font-size:14px;font-weight:bold;color:#FFF;font-family: "Manrope", sans-serif;}


/* MENU */

/* top level
--------------------------------------------*/
.menuTemplate3{margin: 0 auto; width: auto;float:left;position:relative;z-index:998;height: 30px;background: none;border:0px solid #111;font-size: .9em;font-weight: normal;font-family: "Manrope", sans-serif;display: inline-block;    list-style: none;padding: 0;width:100%;color: #FFF;}
.menuTemplate3 li{padding: 0;float: left;height: 31px;position: relative;/*delete it if you want submenu to be positioned relative to the whole menu instead of this li element*/color: #FFF;z-index:998;}
.menuTemplate3 li:hover, .menuTemplate3 li.onhover{border-top:0;}
.menuTemplate3 a{padding: 0 30px;line-height: 31px; /*Note: keep this value the same as the height of .menuTemplate3 li */font-size: .9em;font-weight: normal;font-family: "Manrope", sans-serif;display: inline-block;outline: 0;text-decoration: none;color: #FFF;position: relative;z-index:998;-moz-border-radius: 6px 6px 0 0;-webkit-border-radius:  6px 6px 0 0;border-radius:  6px 6px 0 0; /* future proofing */-khtml-border-radius:  6px 6px 0 0; /* for old Konqueror browsers */}
.menuTemplate3 li:hover a, .menuTemplate3 li.onhover a /* size of drop down font */{background-color: none;color: #FFF;font-size: .9em;font-weight: normal;font-family: "Manrope", sans-serif;z-index: 9;line-height:31px;}
.menuTemplate3 a.arrow{}
     
/*Used to align a top-level item to the right*/        
.menuTemplate3 li.menuRight{float: right;margin-right: 0px;}    
/*for the top-level separators*/
.menuTemplate3 li.separator{font-size:0;overflow:hidden;border-left:3px solid #FFF;height:20px;margin-top:8px;z-index:4;}
.menuTemplate3 .even a:hover{background-color:#333;font-size: .9em;}
.menuTemplate3 .odd a:hover{background-color:#333;font-size: .9em;}
.menuTemplate3 .odd a{background-color:#0033cc;font-size: .9em;}
.menuTemplate3 .even a{background-color:#ff501a;font-size: .9em;}               
/* sub level
--------------------------------------------*/    
.menuTemplate3 .drop{position: absolute;z-index:5;left: -9999px;border: 0px solid #000;background: #0033cc;text-align: left;padding: 20px;  top:30px;-moz-border-radius: 0 0 6px 6px;-webkit-border-radius: 0 0 6px 6px;border-radius: 0 0 6px 6px; /* future proofing */-khtml-border-radius: 0 0 6px 6px; /* for old Konqueror browsers */}

.menuTemplate3 .drop a{padding-left: 0px;padding-right: 0px;display: inline;text-align: left;position: static;z-index: 0;}
.menuTemplate3 li:hover .drop, .menuTemplate3 li.onhover .drop{left: 0px;/*Use this property to change offset of the dropdown*/border-top:4px solid #FFF;}
.menuTemplate3 li:hover .dropToLeft, .menuTemplate3 li.onhover .dropToLeft{left: auto;right: -1px;}
.menuTemplate3 li:hover .dropToLeft2, .menuTemplate3 li.onhover .dropToLeft2{left: auto;right: -60px;}

/* Elements within the drop down sub-menu
--------------------------------------------*/

.menuTemplate3 .drop div div{padding: 6px 20px;}
.menuTemplate1 li:hover .drop a, .menuTemplate1 li.onhover .drop a{background: none;background-image:none;padding:0 0;}
.menuTemplate3 .drop div a{line-height: 2em;  color:#FFF;background:none;font-size: 1em;font-weight:400;font-family: "Manrope", sans-serif;text-transform:uppercase;}
.menuTemplate3 .drop div a:hover /*drop menu text hover */{text-decoration:none;cursor:pointer;color:#3399ff;background:none;font-size: 1em;font-weight:400;font-family: "Manrope", sans-serif;line-height:2em;text-transform:uppercase;}
.menuTemplate3 .left {float:left;}

 
/* CSS3 effects
--------------------------------------------*/
/*for top-level*/       
.decor3_1 {-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;-moz-box-shadow: 1px 2px 4px 2px #FF0;-webkit-box-shadow: 1px 2px 4px 2px #FF0;box-shadow: 1px 2px 4px 2px #FF0;}
/*for submenu.*/   
.decor3_2 {-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;-moz-box-shadow: 0px 8px 14px #FF0;-webkit-box-shadow: 0px 8px 14px #FF0;box-shadow: 0px 8px 14px #FF0;  }
.divider-for-menu-drop-text{height:1px;border-top:1px solid #1f7eb6;margin-top:4px;width:98%;	}
.color-me-orange{color:#012a60;font-family: "Manrope", sans-serif;font-size:1.25em;}
.color-me-blue{color:#3399ff;font-family: "Manrope", sans-serif;font-size:1.25em;}
.color-me-gray{color:#1f7eb6;font-family: "Manrope", sans-serif;font-size:1.25em;}



/*TEXT STYLES*/

.side-menu, .side-menu a:link, .side-menu a:visited{font-size:18px;font-weight:300;font-family: "Manrope", sans-serif;color:#000;text-decoration:none;list-style-type:none;}
.side-menu a:hover{font-size:18px;font-weight:300;font-family: "Manrope", sans-serif;color:#012a60;text-decoration:none;list-style-type:none;}
.side-menu b{font-size:18px;font-weight:200;font-family: "Manrope", sans-serif;color:#012a60;text-decoration:none;list-style-type:none;}
.side-menu li{border:0px solid #0C6;margin:0;padding:6px 0 6px 0;list-style-type: none;}
#print-list{font-family: "Manrope", sans-serif;color:#000;line-height:1.7em;font-size:1em;font-weight:300;height: auto;-webkit-column-count: 3;-moz-column-count: 3;column-count: 3;width:600px;border:0px solid #099;margin:0;padding: 0;list-style-type: none;}
#print-list li{width:270px;display:inline-block;padding: 0;list-style-type: none;border:0px solid #099;}
.light-gray-icon{font-size:1em;font-weight:300;color:#CCC;line-height:1.7em;font-family: "Manrope", sans-serif;}

.cat select{background: transparent;background-color:#3399ff;width: auto;padding: 5px;font-size: 16px;border: 1px solid #ccc;height: 34px;color:#FFF;}
.cat-div-select{width:100%;height:auto;overflow:hidden;position:relative;border:0px solid #666;text-align:left;}


@media all and (max-width:1281px){
	
/* NEW IN USE */

.col-inner-30{width:100%;padding:0px 10px 0px 0px;margin:0;border:0px solid #FFF;}
.wrapper-logo {width:30%;}
.col-25 {width:25%;padding:10px;}
.heading-box{font-size:14px;}





#wrapper-header{background-color:#FFF;margin:0 auto;margin-top:10px;margin-bottom:10px;max-width:96%;width:100%;height:auto;padding:10px 0 10px 0;border:0px solid #F0F;overflow:hidden;}

#wrapper-body {width:96%;}
#wrapper_banner_image_only{width:100%;height:auto;}
#wrapper_full_banner_home{background-size:100%;height:auto;}
#wrapper-banner-home{background-color:#e8e9eb;background-image:url(../img/bg-chameleon.gif);background-repeat:repeat-x;border:0px solid #333;max-height:370px;width:100%;height:auto;}
#wrapper_menu_fixed{width:98%;padding-left:10px;}
.image-response{max-width:100%;height:auto;border:0px solid #F00;}
.wrapper-chameleon{top:-20px;}
#column-left{border-right:0px solid #CCC;padding-right:20px;padding-left:20px;width:20%;overflow:hidden;}

/* Nivo Slider */

.slider-wrapper { max-width:100%; height:auto;margin: 0px auto;border:0px solid #093;}
#wrapper_footer{display:none;}
#logo_header{margin-left:0;float:left;left:-0px;}
.iframe-video{display:block;margin:0 auto;margin-top:0px;margin-bottom:0px;width:512px;height:288px;}
.iframe-wrapper{border:0px solid #9F3;width:90%;margin:0 auto;margin-top:0px;margin-bottom:0px;}
.hide-me-mobile{display:none;visibility:hidden;}
#print-list {width:520px;height:240px;}
#print-list li {width:200px;}

}

@media all and (max-width:1080px){
	
/* NEW IN USE */

.wrapper-logo {width:100%;padding-bottom:20px;padding-top:20px;padding-left:0;text-align:center;}
.wrapper-contact-number{text-align:center;}
#wrapper-menu{min-width:100%;background-color:none;height:auto;text-align:center;float:left;z-index:998;position:relative;top:0px;}
#mymenu{text-align:center;}
#wrapper-html{padding:0px}
.col-25 {width:50%;padding:10px;}
.facebook-div{text-align:center;border-top:10px solid #FFF;border-bottom:10px solid #FFF;}
.line{background-color:#FFF;}
	
#wrapper-banner-home{background-color:#FFF;}
.phone-box{float:none;clear:both;position:relative;border:0px solid #333;height:auto;width:100%;text-align:left;margin-top:20px;padding-top:20px;overflow:hidden;}
#column-left{border-right:0px solid #CCC;padding-right:20px;padding-left:20px;width:30%;overflow:hidden;}

.wrapper-menu-fixed-extended{margin-bottom:0px;width:100%;display:none;visibility:hidden;}
.text-creative-results{float:left;text-align:;left;}
.col-100 {width:100%;overflow:hidden;position:relative;border:0px dotted #CCC;padding:0px 80px 0px 80px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}

}

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

/* NEW IN USE */
.wrapper-for-logo{background-color:none;width:100%;text-align:center;float:left;padding-left:0px;padding-top:20px;}
.button-wrapper{text-align:center;}
#mymenu ul li.border-left a {border:0px;}
.col-left {width:100%;float:left;overflow:hidden;position:relative;border:0px solid #FFF;padding: 40px 20px 40px 20px;}
.col-right {width:100%;float:right;overflow:hidden;position:relative;border:0px solid #FFF;padding: 40px 20px 40px 20px;}
#li-button-submit{text-align:center;padding-right:0px;}
.contact_box_style {width:100%;}
.comment_box_style {width:100%;}
.event-photos{margin-right:0px;float:none;margin-bottom:30px;;}
.wrapper-full{width:100%;padding:0 20px 0 20px;}
#wrapper-html{padding:20px;}
.form_list li {width:100%;padding-right:0px;text-align:center;}

/* COLUMNS */
.col-25 {width:50%;}
.col-50 {width:100%;}

.hide-me-mobile{display:none;visibility:hidden;}
#wrapper-copyright{padding:0px 40px 80px 40px;background-color:#FFF;}
#sebly-logo{display:none;visibility:hidden;}
h1 {font-family:'Roboto',sans-serif;color:#000;line-height:32px;font-size:28px;font-weight:300;border:none;}

/* NEW IN USE */
h2, h2 a:link, h2 a:visited{font-size:40px;font-weight:400;font-family: "Manrope", sans-serif;color:#000;line-height:40x;margin-bottom:6px;text-decoration:none;}
h3, h3 a:link, h3 a:visited{font-size:40px;line-height:40px;}
.col-left {width:100%;float:left;overflow:hidden;position:relative;border:0px solid #FFF;padding: 40px 10px 40px 10px;}
.col-right {width:100%;float:right;overflow:hidden;position:relative;border:0px solid #FFF;padding: 40px 10px 40px 10px;}

.col-25 {width:100%;padding:10px;}
.col-50{text-align:center;}
.col-100 {width:100%;padding: 10px 40px 10px 40px;text-align:center;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.wrapper-full{width:100%;padding:0 0px 0 0px;}
#wrapper-html{padding:0px;}

/* Menu */



.wrapper-menu-toggle{background-color:none/*#635e55*/;}
.wrapper-menu-toggle-open{background-color:none;}


#mymenu{min-width:100%;height:auto;width:100%;overflow:hidden;text-align:center;padding-right:0;}
#mymenu ul li.border-right a{border-top:1px solid #012a60;width:100%;}
#mymenu ul li.border-left a{border-top:1px solid #012a60;width:100%;}
#mymenu{min-width:100%;height:auto;width:100%;}
#mymenu ul{min-width:100%;height:auto;width:100%;}
#mymenu ul li.highlight > a{background-color:none;height:auto;}
 /*main menu headings*/
#mymenu ul li a {font-family:'Roboto',sans-serif;color:#FFF;font-weight:500;text-decoration:none;border:0px solid #5a471c;display:inline-block;padding:7px 0px 4px 0px;width:auto;text-align:center;height:auto;max-height:42px;background-color:#81d2f8;;margin:0;}

#mymenu ul li:hover > a {background-color:none;color:#FFF;height:auto;
-o-transition:color .2s ease-out, background .2s ease-in;
  -ms-transition:color .2s ease-out, background .2s ease-in;
  -moz-transition:color .2s ease-out, background .2s ease-in;
  -webkit-transition:color .2s ease-out, background .2s ease-in;
  /* ...and now override with proper CSS property */
  transition:color .2s ease-out, background .2s ease-in;
} 

#mymenu ul li:hover ul {display:block;visibility:visible;list-style-type:none;width:100%;height:auto;float:left;margin-top:0px;position:relative;background-color:#012a60;text-align:center;overflow:hidden;z-index:999 !important;
    -moz-border-radius: 0px 0px 0px 0px;
-webkit-border-radius: 0px 0px 0px 0px;
border-radius: 0px 0px 0px 0px; /* future proofing */
-khtml-border-radius: 0px 0px 0px 0px; /* for old Konqueror browsers */

}
#mymenu ul li ul{display:none;visibility:hidden;}
#mymenu ul li:hover ul{display:none;visibility:hidden;}
#mymenu ul li:hover ul li {border-bottom:0px solid #e18233;}
#mymenu ul li:hover ul.toggle-service-off{display:none;visibility:hidden;}
#mymenu ul li:hover ul.toggle-service-on{display:block;visibility:visible;}
#mymenu ul li ul.toggle-service-on{display:block;visibility:visible;}
#mymenu ul.inner-menu li {font-size:14px;height:auto;line-height:28px;border-bottom:1px solid #463c30;}
#mymenu ul.inner-menu li a{font-size:14px;color:#FFF;background-color:#012a60;width:100%;padding-left:20px;text-align:left;border:0px solid #093;border-bottom:0px solid #012a60;height:auto;max-height:42px;line-height:28px;}
#mymenu ul.inner-menu li a:link, #mymenu ul.inner-menu li a:visited{font-size:14px;color:#FFF;background-color:#000;width:100%;padding-left:20px;text-align:left;border-bottom:1px solid #463c30;line-height:28px;height:auto;max-height:42px;}

#mymenu ul.inner-menu li a:hover{font-size:14px;color:#FFF;background-color:none;width:100%;padding-left:20px;text-align:left;border:0px solid #093;border-bottom:1px solid #463c30;height:auto;max-height:42px;line-height:28px;}
#mymenu ul li ul li.no-border a:hover{background-color:#6e6d6b;height:auto;max-height:42px;line-height:28px;border-bottom:1px solid #463c30;}/*the hover problem*/
.no-border:hover{background-color:#6e6d6b;border:0px solid #CCC;}/*xxx*/

.show-hide-arrows {color:#FFF;background-color:transparent;}
.show-hide-arrows a:link{color:#FFF;text-decoration:none;background-color:transparent;}
.show-hide-arrows a:visited{color:#FFF;text-decoration:none;background-color:transparent;}
.show-hide-arrows a:hover{color:#ffe8d4;text-decoration:none;background-color:transparent;}
.show-menu-button{font-size:2em;padding:0px;background-color:#012a60;color:#FFF;border:none;display:inline-block;}
.hide-menu-button{font-size:21px;padding:0px;background-color:#012a60;color:#FFF;border:none;display:inline-block;text-align:center;}





/*SPACERS*/
.hide-me-mobile{display:none;visibility:hidden;}
.show-me-mobile{display:block;visibility:visible;}
.img-service-thumbnails{margin-bottom:12px;border:1px solid #CCC;width:96%;height:auto;}


.hide-only-mobile{display:none;visibility:hidden;}
.show-only-mobile{display:block;visibility:visible;}

@media all and (max-width:320px){

.show-menu-button{font-size:2em;padding:4px;background-color:#012a60;color:#FFF;border:none;display:inline-block}
.hide-menu-button{font-size:18px;padding:4px;background-color:#012a60;color:#FFF;border:none;display:inline-block;text-align:left;}

.hide-only-mobile{display:none;visibility:hidden;}
.show-only-mobile{display:block;visibility:visible;}

}


@media print {
#wrapper-footer{display:none;}
html, body {background-image:none;}

}