/* red: #5aafe5 


*/

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

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

#wrapper-menu{min-width:100%;background-color:#eae7e4;height:auto;text-align:right;border-top:0px solid #fff;border:0px solid #333;z-index:998;position:fixed;top:0px;padding:20px 0 0 0;}
.wrapper-header{margin:0 auto;max-width:80%;padding:0px 100px 0px 100px;border:0px solid #F0F;color:#000;height:auto;}
.wrapper-body{background-color:#FFF;margin:0 auto;width:100%;max-width:80%;padding:0 0px 160px 100px;border:0px solid #F0F;color:#000;overflow:hidden;min-height:100%;clear:both;margin-top:20px;/* because of fixed header */}
#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:#fff;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-menu-left{width:30%;float:left;border:0px solid #CCC;}
.wrapper-menu-right{width:50%;float:right;border:0px solid #000;position:relative;height:auto;}
.phone-number{padding-right:16px;position:relative;text-align:right;}
.wrapper-home-bg{
  background-color:#0033cc;background-image:none;width:100%;height:100%;text-align:center;
  /*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 */
}

.show-me-until-mobile{display:block;visibility:visible;}
.hide-me-until-mobile{display:none;visibility:hidden;}
/*JSSOR */

.jssor-purple{background: radial-gradient(#a7d8f7, #80b4d5);}
.jssor-yellow{background: radial-gradient(#ff9c9c, #fc4f4f);}

/*EFFECTS */

.mikes-corner{position:fixed;bottom:0;right:0;max-width:160px;max-height:160px;z-index:999;!important}
.line {margin-top:40px;margin-bottom:40px;height:1px;background-color:#e0e0e0;width:100%;clear:both;}
.hide-me {display:none;visibility:hidden;}
.phone-number{height:48px;float:right;}
.hide-me-when-mobile{}
.photo-staff{max-width:360px;float:left;margin-right:60px;}
.photo-insurance-provider{max-width:120px;margin-right:20px;margin-bottom:20px;float:left;}
.photo-form{max-width:40px;margin-right:20px;float:left;}
.anchor {display:block;visibility:hidden;position:relative;top:-140px;}
.ul-hours li.day{width:20%;float:left;display:inline-block;font-family: 'Quicksand', sans-serif;text-align:left;font-size:18px;line-height:21px;color:#5aafe5;}
.ul-hours li.hour{width:80%;float:left;display:inline-block;font-family: 'Quicksand', sans-serif;text-align:left;font-size:18px;line-height:21px;color:#000;}

.ul-photo{list-style-type:none;display:block;width:100%;margin:0;padding:0;}
.ul-photo li.photo{width:25%;height:90px;padding:10px;border-left:1px solid #CCC;float:left;display:inline-block;font-family: 'Quicksand', sans-serif;text-align:left;font-size:16px;line-height:21px;color:#000;margin:0;}

.img-gallery {width:240px;height:240px;margin-right:0px;padding:8px;}
.box {
    opacity: 1;
    transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -webkit-transition: opacity 1s ease-in-out;
	cursor:pointer;
	display:block;
	float:none;
	border:4px solid #FFF;
	overflow:hidden;
}

.box:hover {
    opacity: 0.5;
    transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -webkit-transition: opacity 1s ease-in-out;
	cursor:pointer;
}

.logo {
	margin: 0px 0 0px 0;
	max-width:220px;
	width:auto;
	height:auto;
	background-color:transparent;
	float:left;
}

.logo:link{text-decoration:none;}
.logo:visited{} 
.logo:active{}
.logo:hover{cursor:pointer;}

#sebly-logo{background-color:#5aafe5;width:64px;height:21px;padding:6px 6px 6px 6px;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;	
border-radius:  3px 3px 0px 0px;	
}
#sebly-logo:hover{background-color:#999;width:64px;height:21px;padding:6px 6px 6px 6px;text-align:center;}

/*TEXT STYLES*/

.blue-text{color:#5aafe5;}
.text-black {color:#000;}
.orange-text{color:#5aafe5;}
.red-text{color:#5aafe5;}


h1, h1 a:link, h1 a:visited{font-family: 'Anton', sans-serif;color:#ec106a;line-height:96px;font-size:96px;font-weight:400;border:none;}
h1 a:hover {color:#5aafe5;}

h2, h2 a:link, h2 a:visited{font-size:54px;font-weight:400;font-family: 'Anton', sans-serif;color:#3a2313;line-height:64px;margin-bottom:6px;text-decoration:none;}
h2 b{font-size:54px;font-weight:400;font-family: 'Anton', sans-serif;}
h2 a:hover, h2 a:hover b{color:#5aafe5;text-decoration:none;}

h3, h3 a:link, h3 a:visited{font-size:24px;font-weight:400;font-family: 'Quicksand', sans-serif;color:#fff;line-height:20px;margin-bottom:6px;text-decoration:none;}
h3 b{font-size:24px;font-weight:600;font-family: 'Quicksand', sans-serif;}
h3 a:hover, h3 a:hover b{color:#5aafe5;text-decoration:none;}

h4, h4 a:link, h4 a:visited{font-size:16px;font-weight:400;font-family: 'Quicksand', sans-serif;color:#000;line-height:16px;margin-bottom:0px;text-decoration:none;margin-top:0;top:0;}
h4 a:hover{color:#5aafe5;text-decoration:none;}

h5{font-family: 'Quicksand', sans-serif;color:#363636;line-height:24px;font-size:20px;font-weight:400;}
h5 a:link, h5 a:visited {color:#5aafe5;font-weight:400;font-family: 'Quicksand', sans-serif;line-height:24px;font-size:20px;text-decoration:none;}
h5 a:hover {color:#5aafe5;font-weight:400;font-family: 'Quicksand', sans-serif;line-height:24px;font-size:20px;text-decoration:underline;}

h6 {font-size:24px;font-weight:400;font-family: 'Quicksand', sans-serif;color:#FFF;line-height:24px;margin-bottom:0px;text-decoration:none;margin-top:0;top:0;}
h6 a:link, h6 a:visited{color:#3FF;text-decoration:none;}
h6 a:hover{color:#CF0;text-decoration:none;}

p{font-family: 'Open Sans', sans-serif;color:#000;line-height:24x;font-size:24px;font-weight:400;line-height: 32px;}
p a:link, p a:visited {color:#ec106a;font-weight:600;text-decoration:none;}
p a:hover {color:#ec106a;font-weight:600;text-decoration:underline;}

p b, p b a:link, p b a:visited {font-weight:600;color:#000;}
p b a:hover {font-weight:600;color:#a5a68b;text-decoration:underline;}

.p-small {font-family: 'Quicksand', sans-serif;color:#000;line-height:24px;font-size:16px;font-weight:400;}

.col-33 p {font-family: 'Quicksand', sans-serif;color:#000;line-height:24px;font-size:16px;font-weight:400;}

.p-footer {font-family: 'Quicksand', sans-serif;color:#303030;font-weight:400;font-size:16px;line-height:16px;text-decoration:none;}
.p-footer  a:link, .p-footer  a:visited {color:#303030;text-decoration:none;font-weight:400;}
.p-footer  a:hover {color:#5aafe5;text-decoration:underline;}

.appointments {font-family: 'Quicksand', sans-serif;color:#000;line-height:18px;font-size:18px;font-weight:400;width:50%;float:right;border:0px solid #333;padding-right:16px;}
.appointments b, .appointments a:link, .appointments a:visited{font-family: 'Quicksand', sans-serif;color:#F00;line-height:18px;font-size:18px;font-weight:600;text-decoration:none;}
.appointments a:hover{text-decoration:underline;}
/*COLUMNS */
.col-100 {width:100%;height:auto;border:0px solid #000;margin-bottom:0px;margin-top:0px;overflow:hidden;padding:0 0px 0 0px;text-align:center;}
.col-100-stage {width:100%;height:auto;border:0px solid #000;margin-bottom:0px;margin-top:0px;overflow:hidden;background-color:#61a6cf;max-height:480px;height:480px;text-align:center;
  background: radial-gradient(#d6dffc, #8f86c9); /* Standard syntax */
}
.col-50 {width:50%;height:auto;border:1px solid #000;margin-bottom:0px;float:left;margin-top:0px;position:relative;}

.col-35 {width:24%;height:auto;border:0px solid #CCC;margin-bottom:0px;float:left;margin-top:0px;}
.col-33 {width:33%;height:auto;border:0px solid #CCC;margin-bottom:0px;float:left;margin-top:0px;}
.col-25 {width:auto;height:auto;border:1px solid #CCC;padding:0px;float:left;margin:4px 4px 0px 0px;text-align:center;}
.col-pad-right {padding-right: 100px;}

/* 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 0 0 0;padding:0;border:0px solid #099;}
.form_list li {width:100%;list-style-type:none;margin:0 0 0 0;padding:0;border:0px solid #099;font-family: 'Quicksand', sans-serif;line-height:21px;font-size:18px;font-weight:400;margin-top:10px;}


.contact_box_style {font-family: 'Quicksand', sans-serif;padding:3px 3px 3px 10px;height:40px;line-height:18px;border:1px solid #CCC;font-size:18px;color:#666;width:100%;margin-top:4px;margin-bottom:4px;}
.comment_box_style {font-family: 'Quicksand', sans-serif;padding:6px 6px 6px 3px;line-height:24px;border:1px solid #CCC;font-size:18px;color:#666;height:220px;margin-top:10px;margin-bottom:16px;width:100%;}

.formErr 
{font-family: 'Quicksand', sans-serif;color:#5aafe5;line-height:21px;font-size:14px;font-weight:400;}
.formErrbox
{font-family: 'Quicksand', sans-serif;color:#5aafe5;line-height:21px;font-size:18px;font-weight:600;}
.captcha {font-family: 'Quicksand', sans-serif;color:#777;line-height:21px;font-size:14px;font-weight:400;letter-spacing:0px}
.captcha b {font-family: 'Quicksand', sans-serif;color:#5aafe5;line-height:21px;font-size:15px;font-weight:600;letter-spacing:1px;}

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

.search_button_style.blue, .search_button_style.blue:active, .search_button_style.blue:visited{background-color:#80b4d5;}
.search_button_style.blue:hover {background-color:#9dc9e5;}
.search_button_style.red,  .search_button_style.red:active, .search_button_style.red:visited{{background-color:#fc4f4f;}
.search_button_style.red:hover {background-color:#ff4d54;}

.form-text-label{font-family: 'Quicksand', sans-serif;color:#000;line-height:18px;font-size:14px;font-weight:600;}

.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:1280px){

.wrapper-header{padding:0px 40px 40px 40px;max-width:100%;}
.wrapper-body{padding:0px 40px 160px 40px;}
.col-25{width:32%;}
.photo-staff{margin-bottom:10px;}

}

@media all and (max-width:980px){
	
.wrapper-header{padding:0px 40px 0px 40px;max-width:100%;}
#wrapper-menu{padding: 20px 0 0 0;}
.wrapper-body{padding:0px 20px 160px 20px;}
.wrapper-menu-right{width:30%;text-align:center;border:0px solid #333;height:42px;}
.wrapper-menu-left{width:30%;text-align:center;}
.logo{margin-top:0px;}
.red-text{padding:0;line-height:18px;margin:0;}
.hide-me {display:block;visibility:visible;}
.col-pad-right{padding-right:30px;}
}

@media all and (max-width:800px){
.wrapper-header{padding:0px 0px 0px 0px;max-width:100%;}
.wrapper-body{padding:0px 80px 160px 80px;max-width:100%;margin-top:20px;}
#wrapper-html{padding-top:0;width:100%;padding:20px 20px 20px 20px;}
#wrapper-menu{position:relative;background-color:#eae7e4;border:0px solid red;overflow:hidden;height:auto;}	
.wrapper-menu-right{width:50%;float:left;border:0px solid #CCC;}
.wrapper-menu-left{width:50%;float:right;text-align:center;padding-left:16px;border:0px solid #CCC;}
.wrapper-menu-toggle-button{width:50%;float:right;text-align:right;border:0px solid #CCC;padding-right:16px;height:auto;}
.col-33{width:100%;min-height:auto;border-bottom: 0px solid #CCC;padding:0px;}
.col-50{width:100%;max-width:100%;text-align:center;}
.col-100{text-align:center;}
.col-25 {width:49%;height:auto;border:1px solid #CCC;padding:8px;float:left;margin:4px 4px 0px 0px;text-align:center;}
.appointments{width:100%;text-align:center;display:none;visibility:hidden;}
.col-pad-right{padding-right:0px;}
.hide-me-when-mobile{display:none;visibility:hidden;}
.img-gallery {width:240px;height:240px;margin:0 auto;text-align:center;}
.box{float:none;}
.photo-staff{max-width:320px;float:none;margin-right:0px;text-align:center;margin-bottom:30px;}
.photo-insurance-provider{max-width:240px;margin-right:0px;margin-bottom:10px;float:none;text-align:center;margin:0 auto;}

.logo {max-width:240px;margin-top:4px;margin-left:10px;}
h1{font-size:72px;line-height:72px;text-align:center;}
h4, h4 a:link, h4 a:visited{font-size:16px;line-height:16px;}
.form_list li.li-submit {text-align:center;margin-top:20px;}

}

@media all and (max-width:580px){
.hide-me-until-mobile{display:block;visibility:visible;}
.show-me-until-mobile{display:none;visibility:hidden;}

.ul-hours li.day{width:50%;float:left;display:inline-block;font-family: 'Quicksand', sans-serif;text-align:center;font-size:18px;line-height:21px;color:#5aafe5;}
.ul-hours li.hour{width:50%;float:left;display:inline-block;font-family: 'Quicksand', sans-serif;text-align:center;font-size:18px;line-height:21px;color:#000;}
h1{font-size:60px;line-height:60px;text-align:center;}
h4, h4 a:link, h4 a:visited{font-size:18px;line-height:18px;}

.wrapper-body{padding:0px 30px 160px 30px;max-width:100%;}
.col-25 {width:100%;height:auto;border:1px solid #CCC;padding:8px;float:left;margin:4px 0px 4px 0px;text-align:center;}

}
