@charset "UTF-8";
/* Theme Name: Saghezchi, Sahar (cupertinofacialesthetics.com)
 * Author: NKP Development Team
 * Description: NKP Medical responsive theme
 * Template: nkpv2 */
/*---- Do Not Remove ---- */
@import url(https://static.nkpmedical.com/unsemantic/css/nkp.min.css);
@import url(https://static.nkpmedical.com/stellarnav/stellarnav.min.css);
/*---- Do Not Remove ---- */
body{font-family:"proxima-nova", sans-serif;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
h1,h2,h3,h4,h5{font-family:"trajan-pro-3", serif;margin:0 0 18px;font-weight:300}
h1{font-size:40px;line-height:40px}
h2{font-size:30px;line-height:30px}
h3{font-size:26px;line-height:26px}
h4{font-size:24px;line-height:24px}
h5{font-size:22px;line-height:22px}
h6{font-size:20px;line-height:20px}
p{padding:10px 0;line-height:28px}
a{color:#67768b;text-decoration:none;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out}
a:visited,a:link{color:#67768b;text-decoration:none;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out}
a:hover,a:focus{color:#3c4450;text-decoration:underline}
ul,ol{clear:both}
.relative{position:relative}
.fl{float:left}
.fr{float:right}
.fn{float:none;display:inline-block}
.tal{text-align:left}
.tar{text-align:right}
.tac{text-align:center}
.clr-l{clear:left}
.clr-r{clear:right}
.clr,.clear{clear:both}
.nodisp{display:none}
/* FORM */
input,select,textarea{-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out}
.search-form input{color:#222;background:#eee;font-family:"proxima-nova", sans-serif;font-size:18px;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;margin:0 0 10px;padding:15px;border:1px solid transparent}
.search-form input:hover,.search-form input:focus{border-color:rgba(103,118,139,0.5)}
.sb-form input[type="text"],.sb-form input[type="email"],.sb-form input[type="tel"],.sb-form input[type="url"],.newsletter input[type="text"],.newsletter input[type="email"],.newsletter input[type="tel"],.newsletter input[type="url"]{color:#222;background:#eee;font-family:"proxima-nova", sans-serif;font-size:18px;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;margin:0 0 10px;padding:15px;border:1px solid transparent}
.sb-form input[type="text"]:hover,.sb-form input[type="text"]:focus,.sb-form input[type="email"]:hover,.sb-form input[type="email"]:focus,.sb-form input[type="tel"]:hover,.sb-form input[type="tel"]:focus,.sb-form input[type="url"]:hover,.sb-form input[type="url"]:focus,.newsletter input[type="text"]:hover,.newsletter input[type="text"]:focus,.newsletter input[type="email"]:hover,.newsletter input[type="email"]:focus,.newsletter input[type="tel"]:hover,.newsletter input[type="tel"]:focus,.newsletter input[type="url"]:hover,.newsletter input[type="url"]:focus{border-color:rgba(103,118,139,0.5)}
.sb-form input[type="submit"],.newsletter input[type="submit"]{background:#0B41B7;color:#fff !important;padding:1em 1.5em;margin:15px auto;height:auto;text-align:center;font-size:12px;font-family:helvetica,arial,sans-serif;font-weight:bold;font-style:normal;letter-spacing:1px;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;clear:both;border:0;border-radius:8px;text-transform:uppercase}
.sb-form input[type="submit"]:hover,.sb-form input[type="submit"]:focus,.newsletter input[type="submit"]:hover,.newsletter input[type="submit"]:focus{background:#07276f;text-decoration:none}
.sb-form textarea,.newsletter textarea{color:#222;background:#eee;font-family:"proxima-nova", sans-serif;font-size:18px;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;margin:0 0 10px;padding:15px;border:1px solid transparent;margin-bottom:5px;height:130px;resize:vertical}
.sb-form textarea:hover,.sb-form textarea:focus,.newsletter textarea:hover,.newsletter textarea:focus{border-color:rgba(103,118,139,0.5)}
.contact-form input[type="text"],.contact-form input[type="email"],.contact-form input[type="tel"],.contact-form input[type="url"]{color:#222;background:#eee;font-family:"proxima-nova", sans-serif;font-size:18px;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;margin:0 0 10px;padding:15px;border:1px solid transparent}
.contact-form input[type="text"]:hover,.contact-form input[type="text"]:focus,.contact-form input[type="email"]:hover,.contact-form input[type="email"]:focus,.contact-form input[type="tel"]:hover,.contact-form input[type="tel"]:focus,.contact-form input[type="url"]:hover,.contact-form input[type="url"]:focus{border-color:rgba(103,118,139,0.5)}
.contact-form input[type="submit"]{background:#0B41B7;color:#fff !important;padding:1em 1.5em;margin:15px auto;height:auto;text-align:center;font-size:12px;font-family:helvetica,arial,sans-serif;font-weight:bold;font-style:normal;letter-spacing:1px;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;clear:both;border:0;border-radius:8px;text-transform:uppercase}
.contact-form input[type="submit"]:hover,.contact-form input[type="submit"]:focus{background:#07276f;text-decoration:none}
.contact-form textarea{color:#222;background:#eee;font-family:"proxima-nova", sans-serif;font-size:18px;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;margin:0 0 10px;padding:15px;border:1px solid transparent;height:130px;resize:vertical}
.contact-form textarea:hover,.contact-form textarea:focus{border-color:rgba(103,118,139,0.5)}
.contact-form select{color:#222;background:#eee;font-family:"proxima-nova", sans-serif;font-size:18px;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;margin:0 0 10px;padding:15px;border:1px solid transparent;height:40px;margin-bottom:10px}
.contact-form select:hover,.contact-form select:focus{border-color:rgba(103,118,139,0.5)}
input.placeholder,textarea.placeholder{color:#757575}
input:-moz-placeholder,textarea:-moz-placeholder{color:#757575}
input::-moz-placeholder,textarea::-moz-placeholder{color:#757575}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#757575}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#757575}
.sb-form input[type="submit"][disabled],.contact-form input[type="submit"][disabled]{opacity:0.7;cursor:not-allowed}
.sb-form input[type="submit"][disabled]:hover,.contact-form input[type="submit"][disabled]:hover{background:#0B41B7;opacity:0.7;cursor:not-allowed}
.sb-form input.wpcf7-captchar,.contact-form input.wpcf7-captchar{width:100%}
.wpcf7-form-control-wrap{display:block !important}
.wpcf7-form-control-wrap.agree{display:inline-block !important;width:20px}
.agreement{font-weight:400;margin:15px 0}
.wpcf7-not-valid-tip{font-size:10px !important;margin:-7px 0 10px 5px}
.wpcf7-validation-errors{border:0 !important;text-align:center;font-size:11px;color:#f00}
.ajax-loader{position:absolute;margin-top:-40px}
span.wpcf7-list-item{margin:0 !important}
/* END FORM */
.stellarnav{font-weight:700;font-size:16px;position:relative;margin-top:20px}
.stellarnav a{color:#222 !important}
.stellarnav .dd-toggle{padding:15px !important;border-bottom:0 !important;height:50px}
.stellarnav .dd-toggle .fa-plus::before{content:""}
.stellarnav li.open>a.dd-toggle i{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
.stellarnav.desktop>ul>li{margin-right:6px}
.stellarnav.desktop ul li{-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out}
.stellarnav.desktop ul ul{padding-top:20px}
.stellarnav.desktop ul ul>li:first-child{border-radius:7px 7px 0 0}
.stellarnav.desktop ul ul>li:only-child:after,.stellarnav.desktop ul ul>li:first-child:after{border:10px solid transparent;border-bottom-color:#222;content:"";display:block;left:50%;margin-left:-10px;position:absolute;top:-20px;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out}
.stellarnav.desktop ul ul>li:only-child:hover::after,.stellarnav.desktop ul ul>li:first-child:hover::after{border-bottom-color:#67768b}
.stellarnav.desktop ul ul>li:last-child{border-radius:0 0 7px 7px}
.stellarnav.desktop ul ul>li:only-child{border-radius:7px}
.stellarnav.desktop>ul>li:hover>a{background:#67768b;color:#fff !important}
.stellarnav.desktop .current-menu-item > a, .stellarnav.desktop li.current-menu-parent > a{border-radius:3px;background:#67768b;color:#fff !important}
.stellarnav.desktop ul ul>li.current-menu-item::after{border-bottom-color:#67768b}
.stellarnav.desktop>ul>li>a{border-radius:3px;letter-spacing:0.5px}
.stellarnav.desktop>ul ul{font-size:14px;background:transparent}
.stellarnav.desktop>ul ul li{background:#222}
.stellarnav.desktop>ul ul li:hover{background:#67768b}
.stellarnav.desktop>ul ul li a{color:#fff !important;padding-top:12px;padding-bottom:12px}
.stellarnav.mobile ul{background:#222}
.stellarnav.mobile ul li:hover,.stellarnav.mobile ul li.open{background:#67768b}
.stellarnav.mobile ul li a{color:#fff !important}
.stellarnav.mobile ul ul{background:#67768b;font-size:16px}
.stellarnav.mobile ul ul .dd-toggle{height:42px}
.stellarnav.mobile ul ul li:hover,.stellarnav.mobile ul ul li.open{background:#515d6e}
.stellarnav.mobile ul ul li a{padding:12px 0 12px 35px !important}
.stellarnav.mobile ul ul ul{background:#515d6e}
.stellarnav.mobile ul ul ul li:hover,.stellarnav.mobile ul ul ul li.open{background:#46515f}
.stellarnav.mobile ul ul ul li a{padding:12px 0 12px 55px !important}
.stellarnav.mobile .call-btn-mobile,.stellarnav.mobile .location-btn-mobile,.stellarnav.mobile .menu-toggle{padding-top:20px;padding-bottom:20px}
.stellarnav.mobile .call-btn-mobile:hover,.stellarnav.mobile .location-btn-mobile:hover,.stellarnav.mobile .menu-toggle:hover{color:#67768b !important}
.stellarnav.mobile .close-menu{width:100%}
.stellarnav>ul>li>a{padding-top:10px;padding-bottom:10px;padding-left:8px;padding-right:8px}
@media (min-width:768px){.stellarnav>ul>li>a{padding-left:calc(0.88889px + 0.92593vw);padding-right:calc(0.88889px + 0.92593vw)}
}
@media (min-width:1200px){.stellarnav>ul>li>a{padding-left:12px;padding-right:12px}
}
/* NKP GLOBAL STYLES */
img{border:0px}
.img-resp,.img-responsive{max-width:100%;height:auto}
img.left,img.alignleft{float:left;margin:10px 15px 0px 0px}
.img-l{float:left;margin:10px 15px 0px 0px}
img.right,img.alignright{float:right;margin:10px 0px 0px 15px}
.img-r{float:right;margin:10px 0px 0px 15px}
iframe{width:100%}
.embed{position:relative;display:block;height:0px;padding:0px;overflow:hidden}
.embed-responsive.embed-responsive-4x3{padding-bottom:75%}
.embed-responsive.embed-responsive-16x9{padding-bottom:56.25%}
.embed-responsive .embed-item,.embed-responsive iframe,.embed-responsive embed,.embed-responsive object{top:0px;bottom:0px;left:0px;border:0px none}
/* desktop view bxa gallery */
.patient-single{width:50%}
.patient-single img{width:96%;height:auto}
.flex{display:-webkit-box;display:-ms-flexbox;display:flex}
.flex-center{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%}
.align-items{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.btn{background:#0B41B7;color:#fff !important;padding:1em 1.5em;margin:15px auto;height:auto;text-align:center;font-size:12px;font-family:helvetica,arial,sans-serif;font-weight:bold;font-style:normal;letter-spacing:1px;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;clear:both;border:0;border-radius:8px;text-transform:uppercase}
.btn:hover,.btn:focus{background:#07276f;text-decoration:none}
.btn--gray{background:#81898d}
.btn--gray:hover,.btn--gray:focus{background:#505558}
.appointment-btn{position:fixed;top:68px;right:9%;z-index:5; text-align: right;}
header{background:#fff;border-top:5px solid #222;padding:0 0 20px;position:relative}
.contact-info-area{border-bottom:1px solid #9d8366;padding:27px 0;text-align:center;position:relative;z-index:1}
.contact-info-area>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.contact-info-area a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#414957;margin:0 10px}
.contact-info-area a:first-of-type{margin-left:0}
.contact-info-area a:last-of-type{margin-right:0}
.contact-info-area a:hover,.contact-info-area a:focus{text-decoration:none;color:#67768b}
.contact-info-area a:hover span,.contact-info-area a:focus span{text-decoration:underline}
.contact-info-area .fa{margin-right:10px;font-size:12px}
#logo{position:relative;z-index:1;margin:30px auto 0;padding-left:15px;padding-right:15px;image-rendering:-webkit-optimize-contrast;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:crisp-edges}
#logo a{color:#222;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around}
#logo a:hover,#logo a:focus{color:#414957;text-decoration:none}
#logo img{width:200px}
.site-branding-text{font-size:1.3rem;text-align:center}
.site-branding-text .site-title{font-size:3.9rem;line-height:3.5rem;font-family:"Cinzel",serif}
.site-branding-text .site-description{font-style:italic}
.social-media{font-size:21px;width:92%;margin:auto;text-align:right;position:absolute;left:0;right:0;top:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
.social-media ul{position:relative;z-index:2}
.social-media a{color:#494949}
.social-media a:hover,.social-media a:focus{color:#67768b}
#slider{position:relative}
#slider li img {width:100%;}
#slider .flex-nav-prev{left:15px}
#slider .flex-nav-next{right:15px}
#slider .flex-nav-prev,#slider .flex-nav-next{position:absolute;z-index:10;top:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
#slider .flex-nav-prev a,#slider .flex-nav-next a{color:#fff;font-size:25px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
#slider .flex-nav-prev a:hover,#slider .flex-nav-prev a:focus,#slider .flex-nav-next a:hover,#slider .flex-nav-next a:focus{color:#67768b;text-decoration:none}
#slider .slide-content{font-weight:400;position:absolute;margin-left: 20px; text-align:center;color:#81898d;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%}
#slider .content-cta{position:absolute;top:60%;left:20%;right:0;display:block;margin:0 auto;width:220px}
#slider .slide-content p{font-size:40px;line-height:47px}
/*/specials bar/*/
.specials-bar{background:#DAA520;text-align:center;padding:6px 15px;color:#000 !important;font-size:30px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.specials-bar span{color:#fff;font-weight:500;font-size:45px;text-transform:uppercase;margin-left:15px}
.specials-bar .fa{margin-right:15px}
.specials-bar:hover,.specials-bar:focus{color:#fff;background:#000} 
.specials-bar:hover span,.specials-bar:focus span{color:#DAA520}
/*/specials bar end/*/
.internal-banner img{width:100%}
.homepage-content{padding:80px 0 80px}
.homepage-content h2{text-align:center;font-weight:700;font-size:40px}
.homepage-content h4{text-align:center;}
.homepage-content img{float:left;margin-right:25px}
.homepage-content p{font-size:19px;line-height:32px}
#main{padding:0 0 40px 0}
#main #content{position:relative;font-size:18px}
#main #content h1:first-of-type{padding:72px 0;text-align:center;margin-bottom:0}
#main #content p{line-height:34px}
#main #content hr{background:#ccc;height:1px;margin:30px 0}
#main #content .feat-img{float:left;margin:15px;max-width:100%;height:auto}
#main #content .single{float:left}
#main #content .pagination{margin-bottom:20px;font-size:16px}
#main #content .pagination .current{background:#67768b;color:#fff;padding:5px;margin:4px;width:20px;height:20px;display:inline-block;text-align:center;border:1px solid #67768b;border-radius:50%}
#main #content .pagination a{background:transparent;color:#67768b;padding:5px;margin:4px;width:20px;height:20px;display:inline-block;text-align:center;border:1px solid #67768b;border-radius:50%}
#main #content .pagination a:hover{background:#67768b;color:#fff}
#main #content li{padding:5px}
#main #content ul{margin:15px 0 15px 20px;list-style:disc;clear:none}
#main #content ol{margin:0 0 20px 20px;list-style:decimal;clear:none}
#main .list{margin:0 !important;list-style:none !important}
#main .list ul{margin:0 !important}
#main .list ul li{font-size:0.9375em;margin:0;padding:0 !important;list-style:none}
#main .list ul li a{border-bottom:1px solid #eee;padding:10px 15px;display:block;-webkit-transition:all 0.25s ease-out;transition:all 0.25s ease-out}
#main .list ul li a:hover{color:#fff;background:#67768b}
.about-page h2{font-size:20px;line-height:20px}
footer{background:#afafaf;font-size:18px}
footer h2{font-size:16px;text-transform:uppercase}
footer .footer--content{border-top:1px solid rgba(0,0,0,0.15);padding:40px 0}
footer .footer--content ul li{margin:10px 0}
footer a{color:#414957}
footer a:hover,footer a:focus{color:#5d6a7e}
footer .copyright{border-top:1px solid rgba(0,0,0,0.15);padding:20px 0;font-size:12px}
#patient-listing-sidebar ul{margin:0 !important}
#patient-listing-sidebar ul li ul{margin:0 !important}
/*--- GALLERY RESPONSIVE DESKTOP */
.patient-content,.patient-listing{width:48% !important;float:left}
.patient-list-image{width:90%}
.patient-listing>div{width:50%;float:left}
a.cc-btn.cc-dismiss { background:#f1d600; color:#000; padding:5px 10px; border-radius:5px; -webkit-transition:background 200ms ease-in-out,color 200ms ease-in-out,-webkit-box-shadow 200ms ease-in-out; transition:background 200ms ease-in-out,color 200ms ease-in-out,-webkit-box-shadow 200ms ease-in-out; transition:background 200ms ease-in-out,color 200ms ease-in-out,box-shadow 200ms ease-in-out; transition:background 200ms ease-in-out,color 200ms ease-in-out,box-shadow 200ms ease-in-out,-webkit-box-shadow 200ms ease-in-out; -webkit-transition:background 200ms ease-in-out,color 200ms ease-in-out,box-shadow 200ms ease-in-out; cursor:pointer;display: block; max-width: 195px; margin: 10px auto 0; }
.cc-window { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 9px !important;background-color: rgba(0, 0, 0, 0.80) !important;  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc45484d',endColorstr='#cc000000',GradientType=0 ); color:#fff;  -webkit-animation-name: example; -webkit-animation-duration: 4s; animation-name: example; animation-duration: 4s;}
.cc-window{ text-align: center !important; width: 100%; z-index: 9999 !important;opacity:1;-webkit-transition:opacity 1s ease;transition:opacity 1s ease; left: 0; right: 0; bottom: 0; position: fixed;}
.cc-window.cc-invisible{opacity:0}
.cc-animate.cc-revoke{-webkit-transition:-webkit-transform 1s ease;transition:-webkit-transform 1s ease;transition:transform 1s ease;transition:transform 1s ease, -webkit-transform 1s ease}
.cc-animate.cc-revoke.cc-top{-webkit-transform:translateY(-2em);transform:translateY(-2em)}
.cc-animate.cc-revoke.cc-bottom{-webkit-transform:translateY(2em);transform:translateY(2em)}
.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{-webkit-transform:translateY(0);transform:translateY(0)}
.cc-grower{max-height:0;overflow:hidden;-webkit-transition:max-height 1s;transition:max-height 1s}
.cc-message { text-align: center !important;color: #ffffff; }
.cc-compliance { padding: 7px !important; display: block !important; margin: 0 auto !important; }
.cc-link {font-weight: 700 !important;}
.cc-btn, .cc-close, .cc-link, .cc-revoke {cursor: pointer;}
@-webkit-keyframes example {
    from {background-color: red;}
    to {background-color: rgba(0, 0, 0, 0.80);}
}
@keyframes example {
    from {background-color: red;}
    to {background-color: rgba(0, 0, 0, 0.80);}
}
.resp-wrapper {position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0;}
.resp-wrapper iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.video-container {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.video-container iframe, .video-container object, .video-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
#main #content h2, #main #content h3, #main #content h4, #main #content h5 { margin: 18px 0 5px; }
.contact-content {  padding: 40px 0; }
.contact-content h3 {  text-align: center; line-height: 40px;font-size: 32px;}
.stellarnav.fixed {margin-top: 0px; background: #fff; }
.procedure-landing{margin: 15px 0}
.procedure-landing .box{-webkit-box-shadow: 0 0 2px rgba(0,0,0,.25);box-shadow: 0 0 2px rgba(0,0,0,.25); text-align: center}
.procedure-landing .box .content{padding: 20px; /* min-height: 345px; */}
.maleProcs .procedure-landing .box .content { min-height: 285px; }
.procedure-landing .box .content p{padding: 5px 0}
.procedure-landing h2{color: #008e9b;margin-top: 10px;letter-spacing: -0.05em;font-size: 19px;}
.procedure-landing p{padding: 0}
.procedure-landing .btn { margin: 0; max-width: 100%; display: block; border-radius: 0; }
.sfsi_widget {clear: both;}
/*specailties section*/ 
.service-container {    
  position: relative;
  display: block;
  width: 100%;
}

.services {padding:30px 0 80px;}
.service-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #cdc0b0;
}

.service-container:hover .service-overlay {
  opacity: .6;
}

.text {
  color: white;
  font-size: 35px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}


/*---- START MEDIA QUERIES ---- */

@media only screen and (max-width:480px){
.content-pic {float: none; margin: 0 auto 15px; max-width: 100%;display: block;}
}
@media only screen and (max-width:751px){
  .homepage-content img { width: 200px;}
  .quick-access a {
      border: 1px solid #000;
      padding: 20px;
      display: block;
      border-radius: 10px;
  }
}
@media only screen and (max-width:767px){
  /* GALLERY RESPONSIVE NON-DESKTOP */
  #patient-listing .patient-content{width:100% !important}
  #patient-listing .patient-listing{width:100% !important}
  #patient-listing .patient-listing>div{width:50%}
  .patient-entry .patient-single{width:100%}
  iframe{width:100%}
  .patient-single{width:100% !important}
  header{padding:0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column}
  header>div{-webkit-box-ordinal-group: 3;-ms-flex-order: 2;order: 2}
  header .stellarnav{-webkit-box-ordinal-group: 2;-ms-flex-order: 1;order: 1;margin-top: 0;border-bottom: 1px solid #9d8366}
  .contact-info-area{border-top: 1px solid #9d8366;display: none}
  .contact-info-area a{margin:0 15px;display:-webkit-box;display:-ms-flexbox;display:flex}
  .contact-info-area a .fa{font-size:25px;margin:0}
  #logo a{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
  .site-branding-text{font-size:1rem}
  .site-branding-text .site-title{font-size:2.3rem;line-height:2.5rem}
  .site-branding-text .site-description{margin-bottom: 30px}
  .social-media{top: auto;bottom: 150px}
  #slider .flex-nav-prev a,#slider .flex-nav-next a{font-size:20px}
  #slider .slide-content .btn{margin: 0}
  #slider .slide-content p {font-size: 25px;line-height: 30px}
  #main #content h1:first-of-type{padding:36px 0}
  footer h2{margin-top:20px}
  footer .footer--content{padding:20px 0 30px}
  .specials-bar{font-size:24px;}
  .specials-bar span{font-size:36px;}
}
/*MOBILE */
@media only screen and (max-width:960px) and (min-width:768px){
  header{padding:0 0 30px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column}
  header>div{-webkit-box-ordinal-group: 3;-ms-flex-order: 2;order: 2}
  header .stellarnav{-webkit-box-ordinal-group: 2;-ms-flex-order: 1;order: 1;margin-top: 0;border-bottom: 1px solid #9d8366}
  .social-media{top: auto;bottom: 70px}
  .contact-info-area{display: none}
  .site-branding-text .site-title{font-size:3rem;line-height:2.8rem}
  .social-media{width:96%}
  .appointment-btn{display: none}
}
/*TABLET */
@media only screen and (max-width:1024px) and (min-width:960px){
  #logo a{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
  .site-branding-text{font-size:1.2rem}
  .site-branding-text .site-title{font-size:3rem;line-height:2.8rem}
  .social-media{width:96%}
}
/*960 DESKTOP */
@media only screen and (max-width:1300px) and (min-width:1024px){
  #logo a{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
  .site-branding-text{font-size:1.2rem}
  .site-branding-text .site-title{font-size:3.4rem}
  .social-media{width:96%}
}
/*---- END MEDIA QUERIES ---- */
