/*
Theme Name: magicalsmilesmd
Version 04/08/2014
Theme URI: http://optimized360.com
Author: Sean Fahimi
Author URI: http://optimized360.com/about-us
License: Copyright Optimized360 LLC - All Rights Reserved  Â© 2013-2014
*/

/*RESET*/
body,div,table,h1,h2,h3,h4,h5,h6,li,p,a{padding:0;border:0;margin:0;}
.hide-on-mobile{display:inline-block}
.hide-on-pc{display:none;}

/* DESIGN  */

/* ELEMENTS -------------------------------------------------------------------- */
body { font-size: 15px; font-family: 'Lato', sans-serif; color: #e0abaf; }
h1 { color: #fbe094; padding-bottom: 20px; font-size: 35px; font-family: 'Lato', sans-serif;  }
h2 { color: #fbe094; padding-bottom: 18px; font-size: 32px; font-family: 'Lato', sans-serif;  }
h3 { color: #fbe094; padding-bottom: 20px; font-size: 28px; font-family: 'Lato', sans-serif;  }
h4 { color: #fbe094; padding-bottom: 20px; font-size: 24px; font-family: 'Lato', sans-serif;  }
h5 {font-size:22px; color:#8a512d; text-transform:uppercase; font-weight:300; margin-bottom:12px; }
h6 { font-size: 18px; color:#fbe094; text-transform:uppercase; font-weight:300; margin-bottom:10px; }
p { line-height: 25px;  margin-bottom: 15px; }
a { color: #515151; text-decoration: none; transition: all 0.5s ease; }
a:hover { color: #666; }
ul { list-style-type: disc; margin-left: 17px; padding-bottom: 15px; }
li { line-height: 22px;  }
img a { transition: all 0.3s ease }
section { text-align: center }
div { text-align: left }
b, strong {font-weight: bold}
i, em { font-style: italic }
a{ text-decoration: none;}





/* CLASSES */
.active-width { width: 1100px; margin: 0 auto }


.featured img {width:100%; }
.featured { margin-top: 0;  padding-top: 120px; }

/* TOP  -------------------------------------------------------------------- */
.home #top-100 { position:relative; z-index:9999; position:absolute; top:0; left:0; }
#top-100 { background:url(images/header-bg.png) no-repeat left top; background-size:cover; position:static; z-index:9;  width:100%; transition: all 0.6s ease 0s;}
#top:before{background:url(images/top-100-shadow.png) no-repeat; position:absolute; content:""; bottom:-31px; left:0; width:100%; height:31px; background-size:100% 100%;}

.home #top-100.scroll { margin-top: -108px;  }
#top-100.scroll { margin-top: -108px; position: fixed !important; }

.et-db #et-boc .et_pb_slide_content {
    font-size: 25px !important;
    background: #ffffff8c!important;
    padding: 16px!important;
    font-family: 'Lato', sans-serif!important;
}


.close {

    color: #fff !important;
}


#myModal {
	z-index: 99999 !important;
}

.modal-content {
	    box-shadow: 2px 3px 5px #000 !important;
    background: #34232b;
    background: -moz-linear-gradient(left, #34232b 0%, #3b262d 18%, #522f36 42%, #522f35 45%, #5b323a 55%, #5c3339 60%, #63363d 68%, #64353b 71%, #64373e 72%, #6c3940 86%, #6b3a3e 87%, #6d3a41 89%, #6d3a3f 100%);
    background: -webkit-linear-gradient(left, #34232b 0%,#3b262d 18%,#522f36 42%,#522f35 45%,#5b323a 55%,#5c3339 60%,#63363d 68%,#64353b 71%,#64373e 72%,#6c3940 86%,#6b3a3e 87%,#6d3a41 89%,#6d3a3f 100%);
    background: linear-gradient(to right, #34232b 0%,#3b262d 18%,#522f36 42%,#522f35 45%,#5b323a 55%,#5c3339 60%,#63363d 68%,#64353b 71%,#64373e 72%,#6c3940 86%,#6b3a3e 87%,#6d3a41 89%,#6d3a3f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#34232b', endColorstr='#6d3a3f',GradientType=1 );
    color: #fff!important;
}

#top { padding: 13px 0 7px; position:relative}

.slider{ position:relative;}

.call{ float:left; margin-left: 31px; /*margin-top: 36px;*/}

.call p{ float:left; clear:both; color:#fff; font-size:25px; width: 180px; margin-right: 10px; line-height: 42px; margin-bottom:0;  }

.tel1, .tel2{ font-size:25px; color:#fff; font-weight:600; text-shadow: 2px 3px 2px rgba(0, 0, 0, 0.5); line-height:40px; background:url(images/call-icon.png) no-repeat left 6px; padding-left:32px; margin-right:43px; float:left; clear:both; }
.tel2{ margin-right:0; float:left;}



.right-align{}
.add{ background:url(images/location-icon.png) no-repeat left 5px; padding-left:33px; font-size:14px; color:#fff; font-weight:300; padding-top:5px; float:right; }
.add p{ margin-bottom:0;}

.button{ float:right; }
.button a{  font-size:14px; color:#fff; padding:9px 18px; border-radius:6px;  text-transform:uppercase; display:block; box-shadow: 2px 3px 5px #000;
background: #34232b; /* Old browsers */
background: -moz-linear-gradient(left,  #34232b 0%, #3b262d 18%, #522f36 42%, #522f35 45%, #5b323a 55%, #5c3339 60%, #63363d 68%, #64353b 71%, #64373e 72%, #6c3940 86%, #6b3a3e 87%, #6d3a41 89%, #6d3a3f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #34232b 0%,#3b262d 18%,#522f36 42%,#522f35 45%,#5b323a 55%,#5c3339 60%,#63363d 68%,#64353b 71%,#64373e 72%,#6c3940 86%,#6b3a3e 87%,#6d3a41 89%,#6d3a3f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #34232b 0%,#3b262d 18%,#522f36 42%,#522f35 45%,#5b323a 55%,#5c3339 60%,#63363d 68%,#64353b 71%,#64373e 72%,#6c3940 86%,#6b3a3e 87%,#6d3a41 89%,#6d3a3f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#34232b', endColorstr='#6d3a3f',GradientType=1 ); /* IE6-9 */

overflow: hidden; position: relative; 

 }
 

 .button a:hover:after {
  left: -30%;
  opacity: 1;
  top: -320%;
  transition-duration: 0.7s, 0.7s, 0.15s;
  transition-property: left, top, opacity;
  transition-timing-function: ease;
}

.button a:after {
  background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.13) 77%, rgba(255, 255, 255, 0.5) 92%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0;
  content: "";
  height: 200%;
  left: -210%;
  opacity: 0;
  position: absolute;
  top: -110%;
  transform: rotate(30deg);
  width: 200%;
}
 
 
 
.home.et_divi_builder #et_builder_outer_content .et_pb_slide { padding: 0 !important;}
.home.et_divi_builder #et_builder_outer_content .et_pb_slider .et_pb_container { max-width: 1140px; width: 100%;}
.home.et_divi_builder #et_builder_outer_content .et_pb_fullwidth_slider_0 .et_pb_slide_description{ padding:267px 0 200px;}
.home .et_pb_slide_content { max-width: 300px;}
.home.et_divi_builder #et_builder_outer_content .et_pb_module p { margin: 0; text-align: left;}
.home.et_divi_builder #et_builder_outer_content .et_pb_module p { font-size:52px; color:#fbdfaa !important; font-weight:300; line-height:54px; text-shadow:0 2px 0 rgba(254, 230, 184, 0.5); }
.home.et_divi_builder #et_builder_outer_content .et_pb_module p span { color:#fee6b8; font-size:45px; display:block; font-weight:900; text-shadow:0 2px 0 rgba(254, 230, 184, 0.5); line-height:47px; }

.slider .metaslider .caption-wrap {background: none; bottom: auto; opacity:1; top:263px; }
.slider .metaslider .caption {padding:0; max-width:1170px; margin:0 auto; }
.slider .metaslider .caption .caption-inner{ max-width:400px;}
.slider .metaslider .caption p { font-size:65px; color:#fee6b8; font-weight:300; line-height:55px; text-shadow:0 2px 0 rgba(254, 230, 184, 0.5); }
.slider .metaslider .caption p span { color:#fee6b8; font-size:65px; display:block; font-weight:900; text-shadow:0 2px 0 rgba(254, 230, 184, 0.5); line-height:63px; }

.service-wrap.list1 > a { display: block; z-index: 9999;}
.services ul li img {border-radius:4px; max-width:100%; }
.services ul {margin:0; padding:0; display:block; }
.services ul li {list-style:none; float:left; margin:0px; padding:0 6px; width:25%; position:relative; }
.service-wrap {position:relative; z-index:9; }
.services ul li span {position:absolute; bottom:0; width:100%; left:0; text-align:left; background:rgba(28,27,55,0.9); font-weight:300; font-size:16px; text-transform:uppercase; color:#fff; padding:8px 8px 8px 25px; display:block; border-radius:0 0 4px 4px; }
.list1:after {position:absolute; content:""; background:url(images/service-1-before.png) no-repeat ; bottom:-87px; left:0px; width:100%; height:108px; background-size:100% 100%; }
.list2:after {position:absolute; content:""; background:url(images/service-2-before.png) no-repeat ; bottom:-87px; left:0px; width:100%; height:108px; background-size:100% 100%; }
.list3:after {position:absolute; content:""; background:url(images/service-3-before.png) no-repeat ; bottom:-87px; left:0px; width:100%; height:108px; background-size:100% 100%; }
.list4:after {position:absolute; content:""; background:url(images/service-4-before.png) no-repeat ; bottom:-87px; left:0px; width:100%; height:108px; background-size:100% 100%; }
.services {padding-bottom:100px; }
.services ul:after, .dr-outer:after, .dr-wrap:after, .general:after, .cosmetic:after, .dr-bottom:after, .dr-bottom ul:after {clear:both; display:block; content:""; }
.services ul {margin-top:-70px; }
span.sub-head {font-size:20px; color:#fffefe; display:block; text-align:center; font-weight:300;  padding-bottom:35px; }
.home #content, .home #content h1 {text-align:center; display:block; padding-bottom:10px;  }
#content p { color:#e0abaf; font-size:17px;}
.main-wrap {background:url(images/content-bg.jpg) no-repeat center top; background-size:cover; padding-bottom:86px; position:relative; }
.main-wrap:before{ background:url(images/top-100-shadow.png) no-repeat; position:absolute; content:""; bottom:-31px; left:0; width:100%; height:31px; background-size:100% 100%;}
.service-wrap:before {position:absolute; content:""; bottom:11px; right:25px; background:url(images/service-arrow.png) no-repeat; width:19px; height:13px; z-index:99;  }

.content-100 {position:relative; }
.dr-outer {background: url("images/dr-bg.jpg") no-repeat scroll center top / cover ;}
.dr-wrap { max-width:1920px; margin:0 auto}
.dr_L {width:40%; float:left;  }
.dr-R {width:60%; float:left; padding-left:33px; max-width: 880px; }
.dr_L img {max-width:100%; width:100%; }
.dr-R > p {font-size:19px; color:#38182a; text-transform:uppercase; margin-bottom:36px; z-index:9999; position:relative;  }
.dr-R {padding-top:105px; }
.dr-R > p span{display:block; font-size:40px; color:#8a512d; text-transform:capitalize; margin-bottom:10px; position:relative; z-index:999; font-weight:900;}



.dr-wrap ul {margin:0; padding:0; float:left; }
.dr-wrap .general ul li, .dr-wrap .cosmetic ul li {margin:0; padding:0 0 0 0px; list-style:none; background:url(images/list-arrow.png) no-repeat left 6px; }
.dr-wrap ul li a {font-size:18px; color:#333333; font-style:italic; background:url(images/cat-arrow.png) no-repeat left center; padding-left:16px; }
.general {float:left; margin-right:28px; max-width: 393px;  }
.general li{float:left; width:50%}

.dr-wrap ul.first-gen {margin-right:40px; }


.dr-bottom {margin-top:20px; }
.dr-bottom ul li a { background-image: none; padding-left:0;}
.dr-wrap .dr-bottom ul {float:none; }
.dr-wrap .dr-bottom ul li {list-style:none; margin-bottom:20px; padding:0; float:left; }

.dr-wrap .dr-bottom ul li a.button {position:relative; text-shadow:0 1px 2px #000; 
 font-size:16px; color:#f9f2e6; padding:14px 41px 13px 20px; border-radius:6px;  text-transform:uppercase; display:block; box-shadow: 3px 3px 5px -1px rgba(0,0,0,0.6);
font-style:normal; font-weight:600; 
background: #996148; /* Old browsers */
background: -moz-linear-gradient(left,  #996148 0%, #986248 15%, #9c644b 20%, #ab7159 32%, #ad7459 35%, #b87c62 42%, #ba8166 47%, #c08269 54%, #c08269 59%, #bc8066 64%, #b67a60 69%, #b0765e 71%, #ad735b 74%, #a46c53 78%, #996349 86%, #996148 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #996148 0%,#986248 15%,#9c644b 20%,#ab7159 32%,#ad7459 35%,#b87c62 42%,#ba8166 47%,#c08269 54%,#c08269 59%,#bc8066 64%,#b67a60 69%,#b0765e 71%,#ad735b 74%,#a46c53 78%,#996349 86%,#996148 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #996148 0%,#986248 15%,#9c644b 20%,#ab7159 32%,#ad7459 35%,#b87c62 42%,#ba8166 47%,#c08269 54%,#c08269 59%,#bc8066 64%,#b67a60 69%,#b0765e 71%,#ad735b 74%,#a46c53 78%,#996349 86%,#996148 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#996148', endColorstr='#996148',GradientType=1 ); /* IE6-9 */
margin:26px 12px 0 0;
overflow: hidden;

 }
 
  .dr-wrap .dr-bottom ul li a.button:hover:after {
  left: -30%;
  opacity: 1;
  top: -320%;
  transition-duration: 0.7s, 0.7s, 0.15s;
  transition-property: left, top, opacity;
  transition-timing-function: ease;
}

.dr-wrap .dr-bottom ul li a.button:after {
  background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.13) 77%, rgba(255, 255, 255, 0.5) 92%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0;
  content: "";
  height: 200%;
  left: -210%;
  opacity: 0;
  position: absolute;
  top: -110%;
  transform: rotate(30deg);
  width: 200%;
}

.dr-wrap .dr-bottom ul li a.button:before {position:absolute; content:""; background:url(images/triangel-arrow.png) no-repeat; width:11px; height:13px; right:22px; top:19px; }

.dr-bottom ul li a{overflow: hidden; position: relative; display:block; }
  .dr-bottom ul li a:hover:after {
  left: -30%;
  opacity: 1;
  top: -320%;
  transition-duration: 0.7s, 0.7s, 0.15s;
  transition-property: left, top, opacity;
  transition-timing-function: ease;
}

.dr-bottom ul li a:after {
  background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.13) 77%, rgba(255, 255, 255, 0.5) 92%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0;
  content: "";
  height: 200%;
  left: -210%;
  opacity: 0;
  position: absolute;
  top: -110%;
  transform: rotate(30deg);
  width: 200%;
}

.dr-bottom li:nth-of-type(3), .dr-bottom li:nth-of-type(4), .dr-bottom li:nth-of-type(5), .dr-bottom li:nth-of-type(6), .dr-bottom li:nth-of-type(7) {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); border-radius:11px;
}



.dr-bottom li:nth-of-type(2) { margin-right: 12px !important;}
.dr-bottom li:nth-of-type(4) { clear: both;}
.dr-wrap .dr-bottom li:nth-child(4), .dr-wrap .dr-bottom li:nth-child(5), .dr-wrap .dr-bottom li:nth-child(6), .dr-wrap .dr-bottom li:nth-child(7) {margin-right:15px; }



.testimonial {background:url(images/testi-bg.jpg) no-repeat center top; background-size:cover; padding:45px 0 40px; text-align:center; position:relative; }
.testimonial:before {position:absolute; content:""; bottom:-31px; left:0px; background:url(images/testi-shadow.png) no-repeat; width:100%; height:31px; z-index:99; background-size:100% 100%;  }

.testimonial span {font-size:110px; color:#795e68; text-align:center; display:block;  font-family:'BeautifulES-Regular'; line-height:52px; margin-bottom:9px; }
.testimonial p {color: #fff;  font-size: 25px;  line-height: 36px;  padding: 0 120px; text-align: center; font-weight:300; font-style:italic; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.9);  }
.testimonial p samp {display:block; text-align:center; font-size:19px; margin-top:18px; font-family: 'Domine', serif; font-style:italic; }

.footer-last {max-width:695px; margin:0 auto; }
.social a {color:#fff; background:#d1d1d1; border-radius:50%; width:31px; height:31px; text-align:center; font-size:19px; display:block; float:left; margin-left:5px;  }

/* MENU  -------------------------------------------------------------------- */

#menu { clear: both; float:left; margin-top:24px;}


/* CONTENT  -------------------------------------------------------------*/




/* SIDEBAR  -------------------------------------------------------------------- */
#sidebar {  }


/* FOOTER  -------------------------------------------------------------------- */
#footer-100  { background:url(images/footer-bg.jpg) repeat-x center top #fff; padding:44px 0 50px; }
#footer ul {margin:0; padding:0; display:block; text-align:center; }
#footer ul li {list-style:none; display:inline-block; padding:0; margin:0; }
.footer-menu1 ul li a {color:#7e7a7a; font-size:17px; font-weight:900;  }
#footer .footer-menu1 ul li {margin:0 20px; }
.footer-menu2 ul li a {font-size:12px; color:#5a5a5a; font-weight:bold; font-style:italic; }
.footer-menu1 {margin-bottom:16px; }
.footer-menu2 { float: left; margin-right:28px; margin-top:3px; }
#footer ul li a:hover {color:#653B53; }
.social:after { clear: both; content: ""; display: block;}

.social > a:hover { background: #fbe094;}


/* == Menu == */
#menu ul {list-style:none; margin:0; padding:0; display:block; text-align:left;}
#menu ul li{padding:0;margin:0; display:inline-block; margin-right:13px;}
#menu ul li:last-child{ margin-right:0;}
#menu ul li a{color:#fff; font-size:18px; text-decoration:none; padding:5px 0; text-transform:uppercase; text-shadow:0px 2px 2px rgba(0, 0, 0, 0.5); }
#menu ul li a:hover{color:#522b34;}

/* ===== sub-menus ===== */ 
#menu ul ul { width: 200px; background:#522b34; text-align:left; }
#menu ul ul li a { color:#fff; width: 100%; font-size:14px; letter-spacing: 1px; text-align:left; padding:10px 11px;margin:0px; display:block; }
#menu ul ul li>a:hover { background:#2E2E50; color: #fff }
#menu ul ul li {margin:0; }
/* ===== current item ===== */
#menu .current-menu-item a { color: #522b34; }
#menu .current-menu-item .sub-menu a { color: #fff; }
#menu .current-menu-item .sub-menu a:hover { color: #fff; background-color: #2E2E50; }

/* ===== dropdown ===== */
#menu ul li { position:relative; display: inline-block; }
#menu ul li a { display:block; }
#menu ul li li {display:block; }
#menu ul li a:hover { position:relative; }
#menu ul li:hover ul { display:block; position:absolute; left:13px; top:27px; height:auto; margin:0; padding:0; z-index: 1000; }
#menu ul ul li:hover ul, #menu ul li:hover ul li:hover ul {display:block; top:0px; left: 100%;  }
#menu ul ul, #menu ul li:hover ul ul { position:absolute; display:none; }    


#menu ul ul li a:hover {color: #fff; background-color: #2E2E50; }

#content table tr td ul li a { color: #e0abaf;}
#content table tr td ul li {color: #e0abaf;}
#content p a { color: #e0abaf;}
#content > ul li{ color: #e0abaf;}


#content-100 { background: #6b3e55; padding:45px 0; min-height:450px; }
.mobile-menu{ display: none;}
.desktop-menu {display:block; } 



@media screen and (max-width:1400px) {

.dr-wrap .dr-bottom li:nth-child(3) {  margin-right:15px; }
.dr-bottom li:nth-of-type(4) { clear: none;}
}



@media screen and (max-width:1450px) {
.dr-R { min-height: 589px;}
.dr_L{min-height: 589px;}
.dr_L > img { min-height: 589px;}
.dr-R > p { margin-bottom:15px;}
.cosmetic { float: left;}
.dr-bottom { clear: both;}
.dr-R { padding-top: 35px;}
.general {  margin-right: 18px;}
.home.et_divi_builder #et_builder_outer_content .et_pb_module p { line-height: 63px;}

}


@media screen and (max-width:1199px) {

.tel1, .tel2{ margin-right:0;}	
.call { float: right; margin-top: 0;}

.button { margin-right: 15px; margin-top:10px;}	
.add {margin-left:0px; margin-top:10px; }
#menu{ margin-top:14px;}
#menu ul li a { font-size: 15px;}
#menu ul li { margin: 0 12px 0 0;}

.home.et_divi_builder #et_builder_outer_content .et_pb_slider .et_pb_container { max-width: 950px;}
.home .et_pb_slide_content { max-width: 220px;}
.home.et_divi_builder #et_builder_outer_content .et_pb_module p span{ line-height: 34px; margin-bottom:10px; font-size:32px; }
.home.et_divi_builder #et_builder_outer_content .et_pb_module p{ line-height:37px; font-size:40px;}
.dr-wrap .dr-bottom ul li a.button{ font-size: 14px;}
.dr-wrap ul.first-gen {margin-right:10px; }
.general { margin-right: 10px;}
.dr_L { display: none;}
.dr-R { min-height: 0; width: 100%;}
.dr-R > p { margin-bottom: 35px;}
.general { margin-right: 58px;}
.dr-wrap ul.first-gen { margin-right: 40px;}
.dr-R { padding-top: 55px; padding-bottom: 20px;}
.testimonial p{ padding:0;}
#footer .footer-menu1 ul li { margin: 0 20px 0 0;}

.services ul li span {padding:8px 8px 8px 15px; }
.service-wrap:before {right:10px; }
.general {margin-right:18px; }
.dr-wrap ul li a {font-size:15px; }
.dr-wrap h5 {font-size:20px; }
.dr-wrap .dr-bottom ul li a.button {padding:14px 48px 13px 14px; }

.dr-wrap .dr-bottom li:nth-child(3) {clear: both;}
	
}

@media screen and (max-width:991px) {

.tel1, .tel2{font-size: 30px; background-position: left 3px;}	
.button { clear: both;}
.general { float: left; margin-bottom: 20px; margin-right: 50px;}
.dr-bottom li:nth-of-type(1) { margin-bottom: 5px !important;} 
.dr-bottom li:nth-of-type(2) { margin-bottom: 35px !important;}
.home #top-100{ position:static;}

.home.et_divi_builder #et_builder_outer_content .et_pb_slider .et_pb_container { max-width: 720px;}
.home.et_divi_builder #et_builder_outer_content .et_pb_fullwidth_slider_0 .et_pb_slide_description { padding: 105px 0 120px;}
.home.et_divi_builder #et_builder_outer_content .et_pb_module p span { font-size: 24px; line-height: 26px; margin-bottom:0px;}
.home.et_divi_builder #et_builder_outer_content .et_pb_module p { font-size: 30px; line-height: 31px;}
.home .et_pb_slide_content { max-width: 158px;}
	
.featured {padding-top:190px; }
#menu {padding-top:0px; }
.desktop-menu {display:none; } 
.mobile-menu {display:block; } 
.mobile-menu, .dropdown-toggle {display:block;}
.dropdown-toggle {color:#fff; border-radius:7px; margin:0px; font-size:18px; font-weight:600; text-decoration:none; float:left; line-height:22px; 
padding:10px 20px; }
.dropdown-toggle:hover, .dropdown-toggle:focus { color:#fff;  background:none; text-decoration:none; }
#menu ul li {display:block; width:100%; margin:0}
.dropdown-menu { float: right; left: auto; position: absolute; right: 0px; top: 100%; width: 100%; z-index: 999999; border-radius:0 ; margin-top:0;}
#menu ul li.home.current-menu-ite a, #menu ul li.home:hover a #menu ul li a:hover, #menu .current-menu-item a, #menu ul li a:hover, #menu .current-menu-item a  {color:#fff; text-shadow:none; text-decoration:none; }

/*==== Sub menu ======*/
#menu ul ul, #menu ul li:hover ul ul {display:block; }
#menu ul li a {padding:10px 16px; text-align:left; color:#fff; border-radius:0px; font-size:14px; width:100%; }
#menu ul li a:hover { background:#92ac9f; }
#menu ul ul li a {width:100%; padding:10px 12px 10px 50px;   }
#menu ul ul, #menu ul li:hover ul {width:100%; position:static;  }
#menu ul ul, #menu ul li:hover ul ul {position:static; }
.btn-group.mobile-menu.open{ position: static;}
#menu ul ul li a {font-size:12px; }
#menu ul ul {background:none; }
#menu ul ul li a:hover {background:#fff; color:#333}
#menu ul li a:before  {display:none; }

#menu-100 .container { position: relative;}
.btn-group.open .dropdown-toggle { box-shadow: none;}
.dropdown-toggle, .dropdown-toggle:hover, .dropdown-toggle:focus{ background:#fff !important; max-width:100%; color:#151515 !important}
.dropdown-menu {background:#6A3E57; }
#menu ul li.current-menu-item > a, #menu ul li a:hover { background: #fff; color: #333; }
.btn-group.mobile-menu.open::after { clear: both; content: ""; display: block;}
.btn-group.mobile-menu.open { position: relative;}


.right-align, .right-align .button {float:right; text-align:right}
.services ul li span {font-size:13px; }
.service-wrap::before {display:none; }
.main-wrap {padding-bottom:30px; }
.testimonial p {padding:0; }



}


@media screen and (max-width:767px) {
.call:after {clear: both; content: ""; display: block;}
.call { float: none; margin: 0 auto; text-align: center; max-width:440px;}
.tel1, .tel2{ margin-right:0;}
#top{ padding-bottom:14px;}

.home.et_divi_builder #et_builder_outer_content .et_pb_fullwidth_slider_0 .et_pb_slide_description { padding: 220px 0 50px;}
.home.et_divi_builder #et_builder_outer_content .et_pb_slider .et_pb_container { max-width: 100%; padding: 0 15px;}
.home.et_divi_builder #et_builder_outer_content .et_pb_module p{ font-size:45px; line-height: 42px;}
.home.et_divi_builder #et_builder_outer_content .et_pb_module p span{ font-size:35px; line-height: 37px;}
.home .et_pb_slide_content { max-width: 240px;}



.footer-menu1 ul li a{ font-size:15px;}	
#menu { margin-top: 25px;}
	

.tel, .right-align, .right-align .button, .logo {text-align:center; float:none; margin:0 auto; }	
.right-align .button, .add {max-width:320px; margin:10px auto 0; float:none;	 }
.mobile-menu, .dropdown-toggle {float:none; width:100%; }
#menu {float:none; }


.services ul {margin:0px; }	
.services ul li {width:50%; }
.services ul li img {width:100%; height:100%; }
.services ul li {margin:0 0 120px; }
.services {padding:40px 0 0; }
.service-wrap::before {display:block; right:38px; }
.services ul li span { padding: 8px 8px 8px 35px; }
.testimonial {padding:35px 0 15px; }
.footer-last {max-width:100%; }
.footer-menu2 { float: none; margin-right: 0;  margin-top: 7px;  margin-bottom: 10px; }
.social { float: none;  margin: 0 auto;   max-width: 200px; }
.testimonial p samp {margin-top:25px; }
.featured {padding-top:309px; }



}

@media screen and (max-width:640px) {


.dr-R > p span:after {display:none; }
.dr-R > p span {font-size:30px; }
.services ul li span {padding:8px; }
.service-wrap:before {right:15px; }
.slider .metaslider .caption-wrap{ top:50px;}

.tel1 { display: inline-block; margin: 10px 0;}


}

@media screen and (max-width:480px) {
	
.add p{ text-align:center;}
.call{ max-width:305px; }
.call p{ font-size:20px; clear:none; width:auto; margin-right:5px; }
.tel1 font, .tel2 font {float: left;}
.tel1, .tel2{ font-size:20px;}
.right-align .button, .add { margin:5px auto 0; 	 }

.home.et_divi_builder #et_builder_outer_content .et_pb_module p span { font-size: 20px; line-height: 25px;}
.home.et_divi_builder #et_builder_outer_content .et_pb_module p { font-size: 25px; line-height: 24px; }	
.dr-wrap .dr-bottom ul li a.button { font-size: 12px;}

.services ul li { margin: 0 0 90px; }
.services ul li, .dr_L {width:100%; }
.services ul li span { padding: 8px 35px; 	}
.service-wrap::before {right:45px; }
.dr-R { padding-top: 45px; width: 100%; }

span.sub-head {line-height:42px;  }

span.sub-head {padding-bottom:0px; }
#footer ul li {display:block; }

}



/* == Core == */
.alignnone{margin:5px 20px 20px 0;}.aligncenter, div.aligncenter{display:block;margin:5px auto 5px auto;}.alignright{float:right;margin:5px 0 20px 20px;}.alignleft{float:left;margin:5px 20px 20px 0;}.aligncenter{display:block;margin:5px auto 5px auto;}a img.alignright{float:right;margin:10px 0 35px 30px;}a img.alignnone{margin:5px 20px 20px 0;}a img.alignleft{float:left;margin:15px 75px 30px 0;}a img.aligncenter{display:block;margin-left:auto;margin-right:auto}.wp-caption{max-width:96%;padding:5px 3px 10px;text-align:center;}.wp-caption.alignnone{margin:5px 20px 20px 0;}.wp-caption.alignleft{margin:15px 35px 30px 0;}.wp-caption.alignright{margin:5px 0 20px 20px;}.wp-caption img{border:0 none;height:auto;margin:0;max-width:98.5%;padding:0;width:auto;}.wp-caption p.wp-caption-text{font-size:13px;color:#888;margin-left:15px;margin-top:-5px;margin-bottom:15px}#post_name{display:none}#wpadminbar{}
    


/* == Column == */
.col-5{width:5%}.col-10{width:10%}.col-15{width:15%}.col-20{width:20%}.col-25{width:25%; float: left; text-align: center}.col-30{width:30%}.col-35{width:35%}.col-40{width:40%}.col-45{width:45%}.col-50{width:50%; float: left}.col-55{width:55%}.col-60{width:60%}.col-65{width:65%}.col-70{width:70%}.col-75{width:75%}.col-80{width:80%}.col-85{width:85%}.col-90{width:90%}.col-95{width:95%}.col-100{width:100%}
.col-5,.col-10,.col-15,.col-20,.col-25,.col-30,.col-35,.col-40,.col-45,.col-50,.col-55,.col-60,.col-65,.col-70,.col-75,.col-80,.col-85,.col-90,.col-95,.col-100{float:left;}
    

    
/* == Media iPad ================================================== */
@media (max-width:441px){
.hide-on-mobile{display:none}
.hide-on-pc{display:inline-block;}
    
.col-5,.col-10,.col-15{width:0}
.col-20,.col-25,.col-30,.col-35{width:50%}.col-40,.col-45,.col-50,.col-55,.col-60,.col-65,.col-70,.col-75,.col-80,.col-85,.col-90,.col-95{width:100%; float: none}
img {max-width:100%;height:auto}
img.alignleft, img.alignright,a img.alignleft, a img.alignright{margin:5px 20px 20px 0;float:none} 

}