/* 01. BASE STYLES



---------------------------------- */







body, html { height: 100% !important; }



body { overflow-x: hidden; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 15px; line-height: 24px; color: #000000; color: rgba(0,0,0,0.8); position: relative; background: #fff; }



::selection { background: #000; color: #fff; }



::-moz-selection {



 background: #000;



 color: #fff;



}



* { margin: 0; padding: 0; outline: 0; }



:focus { outline: 0 }



a, a:hover, a:focus { color: #bd9c50; outline: 0; text-decoration: none; }



a:hover, a:focus { text-decoration: underline; }



.text-light a { color: #fff; }



.text-dark a { color: #000; }



img { max-width: 100%; height: auto; display: inline-block; border: none; }



p { margin-bottom: 15px; }







::-webkit-input-placeholder {



color: inherit



}



:-moz-placeholder {



color: inherit



}



::-moz-placeholder {



color: inherit



}



:-ms-input-placeholder {



color: inherit



}



/* typography



---------------------------*/



h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans', sans-serif; font-weight: 400; margin-bottom: 15px; }



h1 { font-size: 30px; line-height: 36px; }



h2 { font-size: 26px; line-height: 32px; }



h3 { font-size: 27px; line-height: 30px; }



h4 { font-size: 18px; line-height: 24px; }



h5 { font-size: 18px; line-height: 20px; }



h6 { font-size: 14px; line-height: 18px; }















/* Responsive typography



---------------------------*/







@media (max-width: 768px) {



body { font-size: 14px; line-height: 20px }



h1 { font-size: 30px; line-height: 35px }



h2 { font-size: 22px; line-height: 24px }



h3 { font-size: 18px; line-height: 24px; }



h4 { font-size: 16px; line-height: 20px; }



h5 { font-size: 14px; line-height: 18px; }



h6 { font-size: 13px; line-height: 15px }



}







/* background text */



[data-bgtext] {



 position: relative;



 z-index: 1;



}



[data-bgtext]:before { content: attr(data-bgtext); color: #EDEDED; font-size: 400%; line-height: .6; position: absolute; top: 50%; left: 0; -webkit-transform: translate(-10%, -50%); -ms-transform: translate(-10%, -50%); transform: translate(-10%, -50%); z-index: -1; white-space: nowrap; }



.has-sidebar [data-bgtext]:before { font-size: 350%; -webkit-transform: translate(-3%, -50%); -ms-transform: translate(-3%, -50%); transform: translate(-3%, -50%); }



.dark-bgtext[data-bgtext]:before { color: rgba(0, 0, 0, 0.1); }



.section-grey [data-bgtext]:before { color: rgba(0, 0, 0, 0.15); }



.text-light [data-bgtext]:before, [data-bgtext].text-light:before { color: rgba(255, 255, 255, 0.2); }



.text-center[data-bgtext]:before, .text-center [data-bgtext]:before { left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }



@media( max-width: 1200px ) {



[data-bgtext]:before { font-size: 330% !important; }



}



@media( max-width: 870px ) {



[data-bgtext]:before { display: none; }



}



.bottom-line { position: relative; margin-bottom: 30px; }



.bottom-line:after { content: ""; display: block; position: absolute; width: 100%; height: 1px; background: #ddd; bottom: -13px; }



.text-light .bottom-line:after { background: #fff; }



.text-light p { color: #000; }



.text-dark p { color: #000; }



.serif { font-family: 'Georgia', serif; letter-spacing: 2px; }

.sticky  .title { margin-bottom: 20px; font-size: 25px; line-height: 34px; }



.title { margin-bottom: 20px; font-size: 35px; line-height: 34px; }



.sub-title { font-size: 22px; line-height: 26px; margin-top: 40px; color:#006690; }



.sub-title:first-child { margin-top: 0; }



h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { margin-top: 0 }



.bigtext { font-size: 160px; line-height: 1 }



@media (max-width: 992px) {



.bigtext { font-size: 130px; }



}



@media (max-width: 768px) {



.bigtext { font-size: 70px; }



.title { font-size: 24px; line-height: 30px; }



.sub-title { font-size: 16px; line-height: 22px; margin-top: 20px; }



}



b, strong { font-weight: 600; }



.text-light { color: #fff }



.text-dark { color: #000 }

.text-dark1 { color: #000 }

.text-dark1:hover { color: #006690 }

.text-blue { color: #006690  }

.text-blue:hover { color: #000  }

.text-center { text-align: center }



.text-left { text-align: left }



.text-right { text-align: right }



.uppercase { text-transform: uppercase }



.capitalize { text-transform: capitalize }



.bold { font-weight: 600; }



.bolder { font-weight: bolder }



.italic { font-style: italic }



.img-left { float: left; margin-bottom: 15px; margin-right: 20px; }



.img-right { float: right; margin-bottom: 15px; margin-left: 20px; }



.underline { text-decoration: underline }



.fullwidth { width: 100% }



.fullheight { height: 100% }



.fullscreen-height { height: 100vh }



.page-section, .section-small, .section-hero-inner { display: block; position: relative; padding: 60px 0; -webkit-background-size: cover; background-size: cover; background-position: center; }



.section-small { padding: 50px 0; }



.section-hero-inner { padding:115px 0; }



.page-section-nopadd { padding: 0; }



.section-hero-inner h1 { font-size: 26px; line-height: 32px; }



@media( max-width: 768px ) {



.page-section { padding: 40px 0 }



.page-section-nopadd { padding: 0; }



.section-hero-inner { padding: 60px 0; }



.section-hero-inner h1 { font-size: 22px; line-height: 24px }



}



.section-grey { background-color: #F7F7F7; border-top: 1px solid rgba(0, 0, 0, .1); border-bottom: 1px solid rgba(0, 0, 0, .1); }



.section-dark { background-color: rgba(0, 0, 0, 0.9) }



.bg-grey { background-color: #F7F7F7; }



.bg-dark { background-color: rgba(0, 0, 0, 0.9); }



.bg-lightpink { background-color: #fbf2e3; }



.bg-grey-patten { background: #F7F7F7 url(../img/bkg_patten.gif) 0 0 repeat; }



.bg-gold { background-color: #fbf2e3; }



.vCenter { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }



.centered { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }



.highlight { background-color: #000; color: #fff; }



.overflow { overflow: hidden; }



.relative { position: relative !important; }



.absolute { position: absolute !important; }



.video-container iframe { border: 0; }



/* Paddings & Margins */



.p0 { padding: 0px !important }



.p10 { padding: 10px !important }



.p20 { padding: 20px !important }



.p30 { padding: 30px !important }



.p40 { padding: 40px !important }



.p50 { padding: 50px !important }



.p60 { padding: 60px !important }



.p70 { padding: 70px !important }



.p80 { padding: 80px !important }



.p90 { padding: 90px !important }



.p100 { padding: 100px !important }



.p110 { padding: 110px !important }



.p120 { padding: 120px !important }



.p130 { padding: 130px !important }



.p140 { padding: 140px !important }



.m0 { margin: 0px !important }



.m10 { margin: 10px !important }



.m20 { margin: 20px !important }



.m30 { margin: 30px !important }



.m40 { margin: 40px !important }



.m50 { margin: 50px !important }



.m60 { margin: 60px !important }



.m70 { margin: 70px !important }



.m80 { margin: 80px !important }



.m90 { margin: 90px !important }



.m100 { margin: 100px !important }



.m110 { margin: 110px !important }



.m120 { margin: 120px !important }



.m130 { margin: 130px !important }



.m140 { margin: 140px !important }



.pt0 { padding-top: 0px !important }



.pt10 { padding-top: 10px !important }



.pt20 { padding-top: 20px !important }



.pt30 { padding-top: 30px !important }



.pt40 { padding-top: 40px !important }



.pt50 { padding-top: 50px !important }



.pt60 { padding-top: 60px !important }



.pt70 { padding-top: 70px !important }



.pt80 { padding-top: 80px !important }



.pt90 { padding-top: 90px !important }



.pt100 { padding-top: 100px !important }



.pt110 { padding-top: 110px !important }



.pt120 { padding-top: 120px !important }



.pt130 { padding-top: 130px !important }



.pt140 { padding-top: 140px !important }



.pb0 { padding-bottom: 0px !important }



.pb10 { padding-bottom: 10px !important }



.pb20 { padding-bottom: 20px !important }



.pb30 { padding-bottom: 30px !important }



.pb40 { padding-bottom: 40px !important }



.pb50 { padding-bottom: 50px !important }



.pb60 { padding-bottom: 60px !important }



.pb70 { padding-bottom: 70px !important }



.pb80 { padding-bottom: 80px !important }



.pb90 { padding-bottom: 90px !important }



.pb100 { padding-bottom: 100px !important }



.pb110 { padding-bottom: 110px !important }



.pb120 { padding-bottom: 120px !important }



.pb130 { padding-bottom: 130px !important }



.pb140 { padding-bottom: 140px !important }



.mt0 { margin-top: 0px !important }



.mt10 { margin-top: 10px !important }



.mt20 { margin-top: 20px !important }



.mt30 { margin-top: 30px !important }



.mt40 { margin-top: 40px !important }



.mt50 { margin-top: 50px !important }



.mt60 { margin-top: 60px !important }



.mt70 { margin-top: 70px !important }



.mt80 { margin-top: 80px !important }



.mt90 { margin-top: 90px !important }



.mt100 { margin-top: 100px !important }



.mt110 { margin-top: 110px !important }



.mt120 { margin-top: 120px !important }



.mt130 { margin-top: 130px !important }



.mt140 { margin-top: 140px !important }



.mb0 { margin-bottom: 0px !important }



.mb10 { margin-bottom: 10px !important }



.mb20 { margin-bottom: 20px !important }



.mb30 { margin-bottom: 30px !important }



.mb40 { margin-bottom: 40px !important }



.mb50 { margin-bottom: 50px !important }



.mb60 { margin-bottom: 60px !important }



.mb70 { margin-bottom: 70px !important }



.mb80 { margin-bottom: 80px !important }



.mb90 { margin-bottom: 90px !important }



.mb100 { margin-bottom: 100px !important }



.mb110 { margin-bottom: 110px !important }



.mb120 { margin-bottom: 120px !important }



.mb130 { margin-bottom: 130px !important }



.mb140 { margin-bottom: 140px !important }



 @media (max-width: 768px) {



.mt140 { margin-top: 100px !important }



.mb140 { margin-bottom: 100px !important }



.pt140 { padding-top: 100px !important }



.pb140 { padding-bottom: 100px !important }



.mt130 { margin-top: 95px !important }



.mb130 { margin-bottom: 95px !important }



.pt130 { padding-top: 95px !important }



.pb130 { padding-bottom: 95px !important }



.mt120 { margin-top: 90px !important }



.mb120 { margin-bottom: 90px !important }



.pt120 { padding-top: 90px !important }



.pb120 { padding-bottom: 90px !important }



.pb-sm-0 { padding-bottom: 0 !important }



}



/* Separators



---------------------------*/



.separator, .separator-left, .separator-right { width: 100%; display: inline-block; position: relative; }



.separator:after, .separator-left:after, .separator-right:after { content: ''; width: 40px; height: 1px; background-color: #000; position: absolute; top: 50%; margin-top: -1px; }



.separator:after { left: 50%; margin-left: -20px; }



.separator-left:after { left: 0; margin-left: 0; }



.separator-right:after { right: 0; margin-left: 0; left: auto; }



.text-light [class*="separator"]:after { background-color: #fff }



.darkbg [class*="separator"]:after { background-color: #fff }



/* Bulit List



---------------------------*/



ul.text-list { margin-bottom: 15px; padding: 0; }



ul.text-list li { list-style: none; position: relative; padding-left: 30px; margin-bottom: 10px; }



ul.text-list li:before { content: "\00bb"; font-size: 18px; font-weight: 600; color: #ae9047; position: absolute; left: 2px; top: 0px; margin-top: -1px; }



ul.list-unstyled li { margin-bottom: 10px; }



ol.text-order-list { margin: 0 0 15px 20px; }



ol.text-order-list li { padding-left: 12px; margin-bottom: 10px; }



/* buttons



---------------------------*/



.button { font-family: 'Open Sans', sans-serif; font-size: 15px; padding:10px 26px; display: inline-block; background: #000; color: #fff; font-weight: bold; text-decoration: none; -webkit-transition: background .2s, color .2s, border-color .2s; transition: background .2s, color .2s, border-color .2s; }



.button:hover { text-decoration: none; background: #333; color: #fff; }



.button.light { background: #fff; color: #000; }



.button.light:hover { background: #DCDCDC; }



.button.outline { background: none; color: #000; border: 2px solid; padding: 5px 24px; }



.button.outline.light { color: #fff; }



.button.outline:hover { background: #000; border-color: #000; color: #fff; }



.button.outline.light:hover { background: #fff !important; border-color: #fff; color: #000; }



.button.green { background: #517e4e; color: #FFF; color: rgba(255,255,255,0.8) }



.button.green:hover { background: #d2ae58; color: #000; }



.button.red { background: #e92710; color: #FFF !important; color: rgba(255,255,255,0.8); text-decoration: none; }



.button.red:hover, .button.red:focus { background: #000; color: #fff !important; text-decoration: none; }



/* overlays



---------------------------*/



.overlay { position: absolute; top: 0; left: 0; bottom: 0; right: 0; }







/* dark & light overlays */



[class*="overlay-light"], [class*="overlay-dark"] {



 position: relative;



}



[class*="overlay-light"]:before, [class*="overlay-dark"]:before { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; }



[class*="overlay-light"] > *, [class*="overlay-dark"] > * {



 position: relative;



}



.overlay-light:before { background-color: rgba(255, 255, 255, 0.25) }



.overlay-light-2x:before { background-color: rgba(255, 255, 255, 0.1) }



.overlay-light-3x:before { background-color: rgba(255, 255, 255, 0.75) }



.overlay-light-4x:before { background-color: rgba(255, 255, 255, 0.9) }



.overlay-dark:before { background-color: rgba(0, 0, 0, 0.25) }



.overlay-dark-2x:before { background-color: rgba(0, 0, 0, 0.5) }



.overlay-dark-3x:before { background-color: rgba(0, 0, 0, 0.75) }



.overlay-dark-4x:before { background-color: rgba(0, 0, 0, 0.9) }



.bordered-frame { background-color: rgba(255, 255, 255, .15); padding: 38px 0; border: 7px double; }











/*backgrounds*/



[data-background] {



 -webkit-background-size: cover;



 background-size: cover;



 background-position: center center;



}



/*mouse parallax*/



.mouse-parallax-wrapper { height: calc(100vh - 220px); min-height: 550px; display: table; width: 100%; }



.mouse-parallax-inner { display: table-cell; vertical-align: middle; }



.mouse-parallax { position: relative; -webkit-transition: all .6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all .6s cubic-bezier(0.165, 0.84, 0.44, 1); }



@media( max-width: 992px ) {



.mouse-parallax { top: 0 !important; left: 0 !important; -webkit-transform: translate3d(0, 0, 0) !important; -ms-transform: translate3d(0, 0, 0) !important; transform: translate3d(0, 0, 0) !important; }



}







/* parallax images



---------------------------*/



[data-stellar-background-ratio] {



 -webkit-background-size: cover;



 background-size: cover;



 background-position: center 0;



 background-attachment: fixed !important;



 background-repeat: no-repeat;



 position: relative;



}



.bg-cover { -webkit-background-size: cover; background-size: cover; background-position: center; }



.bg-fixed { background-attachment: fixed !important; }



@media (max-width: 1024px) {



 [data-stellar-background-ratio] {



 background-attachment: scroll;



 background-position-y: center !important;



}



.bg-fixed { background-attachment: scroll; }



}



/* bootstrap columns



---------------------------*/



.container, .section, section { position: relative; font-family: "Open Sans", sans-serif; }



.container.fullwidth { padding: 0; }



.container.no-padding [class*="col-"] { padding: 0; }



.col-center { float: none; margin: 0 auto; }



.col-right { float: right; }



 @media (max-width: 991px) {



 [class*="col-md"] {



 margin-bottom: 20px;



}



}



@media (max-width: 767px) {



 [class*="col-sm"] {



 margin-bottom: 20px;



}



}



.equal-height-cols [class*="col-"] { margin-bottom: 0; }



.p0 { margin-bottom: 0; }



.main-wrapper { overflow: hidden; }



.main-wrapper.borders { border: 10px solid #111; min-height: 100%; }



/* 02. PRELOADER



------------------------------*/



.animsition-loading { background: none !important; text-indent: -9999px !important; }



.animsition-loading:after { content: ""; display: block; position: fixed; width: 40px; height: 40px; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px; border-radius: 50%; border: 2px solid rgba(0, 0, 0, 0.2); border-left: 2px solid #000; -webkit-animation: load 1.1s infinite linear; animation: load 1.1s infinite linear; }



 @-webkit-keyframes load { 0% {



 -webkit-transform: rotate(0deg);



 -ms-transform: rotate(0deg);



 transform: rotate(0deg);



}



 100% {



 -webkit-transform: rotate(360deg);



 -ms-transform: rotate(360deg);



 transform: rotate(360deg);



}



}



@keyframes load { 0% {



 -webkit-transform: rotate(0deg);



 -ms-transform: rotate(0deg);



 transform: rotate(0deg);



}



 100% {



 -webkit-transform: rotate(360deg);



 -ms-transform: rotate(360deg);



 transform: rotate(360deg);



}



}



/* 03. HEADER 



-------------------------*/



/*#header { position: fixed; top: 0; width: 100%; height: 87px; z-index: 1001; background-color: rgba(17, 17, 17, 1); -webkit-transition: all .3s ease; transition: all .3s ease; }



#header.transparent { background-color: transparent !important; border-bottom: 1px solid rgba(255, 255, 255, 0.25); }



#header.headroom--unpinned { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); }



#header.headroom--pinned { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }*/



/* menu button */



.menu-btn { float: right; position: relative; width: 22px; height: 14px; z-index: 2; -webkit-transition: all .3s ease; transition: all .3s ease; }



.menu-btn span { width: 100%; height: 2px; background-color: #000; position: absolute; left: 0; -webkit-transition: all .3s ease; transition: all .3s ease; }



.menu-btn.dark span { background-color: #000; }



.menu-btn.active span { background-color: #000 !important; }



.menu-btn span:nth-child(1) { top: 0 }



.menu-btn span:nth-child(2) { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }



.menu-btn span:nth-child(3) { bottom: 0 }



.menu-btn.active span { background-color: #fff }



.menu-btn.active span:nth-child(2) { opacity: 0 }



.menu-btn.active span:nth-child(1) { top: 50%; -webkit-transform: rotate(45deg) translateY(-50%); -ms-transform: rotate(45deg) translateY(-50%); transform: rotate(45deg) translateY(-50%); }



.menu-btn.active span:nth-child(3) { bottom: 50%; -webkit-transform: rotate(-45deg) translateY(50%); -ms-transform: rotate(-45deg) translateY(50%); transform: rotate(-45deg) translateY(50%); }



/* HEADER TOP STRIP



--------------------------*/



.header-strip { background: #e5f1f1; padding: 6px 0; margin: 0; }



.header-social-icons { float: right; color: #FFF; font-size: 18px; line-height: 1; }



.header-social-icons a { color: #000; text-decoration: none; display: inline-block; margin-left: 12px; }



.header-social-icons a:hover, .header-social-icons a:focus { color: #006690; }



.header-nav-top { float: none; display: none; color: #FFF; font-size: 14px; line-height: 18px; }



.header-nav-top a { color: #000 !important; text-decoration: none; display: block; position: relative; }



.header-nav-top a:hover, .header-nav-top a:focus, .header-nav-top a.active { color: #006690 !important; }



.header-strip .menu-btn { float: left; padding: 0 !important; margin: 2px 0 0 !important; }



@media( min-width: 768px ) {



.header-nav-top { float: right; display: block !important; }



.header-nav-top a { display: inline-block; }



.header-nav-top a + a:before { content: "|"; display: inline-block; padding-left: 8px; padding-right: 8px; color: #000 !important; }



.header-strip .menu-btn { display: none; }



.header-social-icons { margin-left: 10px; }



}



@media( max-width: 767px ) {



.header-strip { position: relative; }



.header-nav-top { position: absolute; left: 0; top: 24px; background-color: #006690 ; border-top: 1px solid #FFF; width: 100%; z-index: 9999; }



.header-nav-top a { padding: 10px 15px; border-bottom: 1px dotted #FFF; color:#fff !important; }



.header-nav-top a:hover, .header-nav-top a.active, .header-nav-top a:focus { background-color: #000; color: #FFF !important; }



}



/* SITE HEADER */



.site-header { background-color: #fff; padding: 15px 0; }



.site-header .sideLogo { padding: 0; margin: 0; text-align: center; position: relative; }



.site-header .sideLogo img { max-width: 100%; height: auto; display: inline-block; }



.site-header .site-header-right { position: relative; font-size: 12px;  text-align: center; }



.site-header .site-header-right > p { display: inline-block; text-align: left; margin: 0; color: #006690; margin-right: 235px; float: right; line-height:20px; }

.site-header .site-header-right > h4{ color:#000; font-size:15px; margin-right: 235px; float: right; margin-bottom:1px; margin-top:-1px;}

.site-header .sideLogo:after {   -webkit-filter: blur(50px); filter: blur(50px); -webkit-border-radius: 50px; border-radius: 50px; width: 350px; height: 62px; left: 30px; top: 0; position: absolute; z-index: 1; }



.site-header .button { border-radius: 5px; }



 @media( min-width: 768px ) {



.site-header .button { margin-left: 10px; position: absolute; top:21px; right: 0; }



}



 @media( min-width: 992px ) {



.site-header { padding-top: 15px; padding-bottom: 17px; }



.site-header .sideLogo { width: 36.2820%; float: left; padding-top:5px; }



.site-header .site-header-right { width: 53.3760%; float: right; }



}



@media( min-width: 1200px ) {



.site-header .site-header-right { font-size: 15px; padding-top:9px; }



}



@media( max-width: 767px ) {



.site-header .site-header-right > p {  }



}



/* SITE NAVIGATION



------------------------*/



nav.navbar.bootsnav { background: #006690 ; -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.2); box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.2); z-index: 99999; position: relative; min-height: 46px; }



nav.navbar.bootsnav.no-full .navbar-collapse { max-height: 450px; }



nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a { border-bottom:1px solid #eee; padding-top:10px; padding-bottom:10px;}



nav.navbar.bootsnav ul.dropdown-menu.megamenu-content [class*="col-md"] { margin-bottom:0;}



@media( min-width: 993px ) {



nav.navbar.bootsnav ul.nav > li > a { padding-top: 13px; padding-bottom: 13px; font-size: 15px; color: #fff; font-weight: 400; }



nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li:last-child a {border-bottom: none}



}



@media( min-width: 1200px ) {



nav.navbar.bootsnav ul.nav > li > a { padding-left:16px; padding-right:16px; font-size: 16px; }



}



/*



Color



=========================== */



nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a:hover, .side .widget ul.link li a:hover, .side .widget ul.link li a:focus, .check-list li:before, ul.cart-list > li > h6 > a, .attr-nav > ul > li > a:hover, .attr-nav > ul > li > a:focus, nav.navbar-sidebar ul.nav li.dropdown.on > a, nav.navbar-sidebar .dropdown .megamenu-content .col-menu.on .title, nav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu li a:hover, nav.navbar ul.nav li.dropdown.on > a, nav.navbar.navbar-inverse ul.nav li.dropdown.on > a, nav.navbar-sidebar ul.nav li.dropdown.on ul.dropdown-menu li.dropdown.on > a, nav.navbar .dropdown .megamenu-content .col-menu.on .title, nav.navbar ul.nav > li > a:hover, nav.navbar ul.nav > li.active > a:hover, nav.navbar ul.nav li.active > a, nav.navbar li.dropdown ul.dropdown-menu > li a:hover { color: #c8ab66; }



nav.navbar.navbar-transparent ul.nav > li > a:hover, nav.navbar.no-background ul.nav > li > a:hover, nav.navbar ul.nav li.scroll.active > a, nav.navbar.navbar-dark ul.nav li.dropdown ul.dropdown-menu > li > a:hover, nav.navbar ul.nav li.dropdown.on > a, nav.navbar-dark ul.nav li.dropdown.on > a { color: #c8ab66 ; }



nav.navbar.bootsnav li.dropdown ul.dropdown-menu { width: 250px }



@media(max-width:920px) {



nav.navbar .dropdown .megamenu-content .col-menu ul > li > a:hover, nav.navbar.navbar-dark .dropdown .megamenu-content .col-menu .title:hover { color: #ae9047 !important; }



}



/* 06. HERO



------------------------*/



.hero-wapper { position: relative; }



.hero { position: relative; width: 100%; }



.hero-fullscreen { height: 100vh; }



.hero-home { height: 600px; }



.hero-big { height: 75vh; }



 @media (max-width: 1600px) {



.hero-home { height: 500px; }

}

 @media (max-width: 1500px) {



.hero-home { height: 425px; }

}

 @media (max-width: 1400px) {



.hero-home { height: 400px; }

}



@media (max-width: 768px) {



.hero-home { height: 200px; }



}



@media (max-width: 640px) {



.hero-home { height: 175px; }.caption-wrapper .caption p{ line-height:0;}.caption-wrapper .caption{ display:none !important;}



} @media (max-width: 480px) {



.hero-home { height: 150px; }



}@media (max-width: 480px) {



.hero-home { height: 130px; }



}



/* 07. HERO SLIDER



--------------------------*/



.swiper-container-horizontal { overflow: hidden; position: relative; }



.swiper-container { width: 100%; height: 100%; }



.bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }



.swiper-slide { overflow: hidden; }



.swiper-slide, .bg { -webkit-background-size: cover; background-size: cover; background-position: center; }



.caption-wrapper { display: table; height: 100%; }



.caption-wrapper .caption { display: table-cell; vertical-align: middle; }



.caption-wrapper .caption h2 { font-size: 26px; line-height: 32px; color: #422e01; font-weight: 600; }



.caption-wrapper .caption p { font-size: 26px; line-height: 32px; color: #422e01; font-weight: 300; }



/*slider navigation*/



.swiper-next, .swiper-prev { position: absolute; top: 50%; width: 30px; height: 70px; margin-top: -35px; background-color: rgba(0, 0, 0, .25); color: rgba(255, 255, 255, 0.8); z-index: 10; -webkit-transition: all .3s ease; transition: all .3s ease; }



.swiper-next:hover, .swiper-prev:hover { background-color: rgba(0, 0, 0, .5); color: rgba(255, 255, 255, 1); }



.swiper-prev { left: 0; border-left: none; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); }



.swiper-next { right: 0; border-right: none; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); }



[class*="swiper-container"]:hover .swiper-prev, [class*="swiper-container"]:hover .swiper-next { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }



.swiper-prev:after, .swiper-next:after { font-size: 40px; font-family: "Pe-icon-7-stroke"; position: absolute; top: 20px; }



.swiper-prev:after { content: "\e686"; left: -6px; }



.swiper-next:after { content: "\e684"; right: -6px; }



/*slider pagination*/



.swiper-container-horizontal > .swiper-pagination { bottom: 20px; }



.swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet { width: 12px; height: 12px; background: #fff; opacity: .8; }



.swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet-active { background: #000000; opacity: 1; }



@media (min-width: 992px) {



.caption-wrapper .caption { text-align: left; }



.caption-wrapper .caption h2 { margin-right: 332px; font-size: 40px; line-height: 48px; }



.caption-wrapper .caption p { margin-right: 332px; font-size: 40px; }



}



/* 07. SLIDER FORM



--------------------------*/



.overlay-forms { position: static; padding: 15px; background-color: #466d43; display: none; }



.overlay-forms .form-group { margin-bottom: 10px; }



.overlay-forms .form-control { -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; border-color: #FFF; }



.overlay-forms textarea.form-control { height: 75px; }



.overlay-forms .form-control:focus { border-color: #000 !important; }



.overlay-forms h2 { font-size: 20px; line-height: 26px; font-weight: 600; color: #FFF; padding: 0; margin: 0 0 15px; }



.overlay-forms .btn { background: #ae9047; color: #000; border-color: #d8bb79; -webkit-border-radius: 0; border-radius: 0; font-size: 20px; font-weight: 600; }



.overlay-forms .btn:hover { color: #FFF; background: #222; }



@media (min-width: 992px) {



.overlay-forms { position: absolute; top: 50%; right: 0; width: 285px; height: 345px; margin: -172px 0 0; background-color: #466d43; border-radius: 5px; z-index: 999; }



.overlay-forms .btn { width: 100%; }



}



@media (max-width: 991px) {



.overlay-forms { text-align: center; display: block !important; }



.overlay-forms .form-group { width: 50%; float: left; padding-left: 15px; padding-right: 15px; }



}



@media (max-width: 639px) {



.overlay-forms .form-group { width: 100%; float: none; padding-left: 0; padding-right: 0; }



}



/* 08. BOX PANNEL



-----------------------------*/



.box-panel:before, .box-panel:after, .box-panel-heading:before, .box-panel-heading:after, .box-panel-body:before, .box-panel-body:after { content: " "; display: table; }



.box-panel:after, .box-panel-heading:after, .box-panel-body:after { clear: both; }



.box-panel, .box-panel-heading, .box-panel-body { *zoom: 1;



}

.hm-inauguration img{-webkit-box-shadow: 1px 0px 5px 0px rgba(0,0,0,0.20);

-moz-box-shadow: 1px 0px 5px 0px rgba(0,0,0,0.20);

box-shadow: 1px 0px 5px 0px rgba(0,0,0,0.20); border:10px #fafafa solid; max-width:97%;}

.box-panel-heading { margin-bottom: 25px; }



.box-panel-heading .box-head { padding: 0; margin: 0; font-size:31px; }











/* 08. PORTFOLIO



-----------------------------*/







@media (max-width: 991px) {



.grid-item { width: 100% !important; }



}



.item-link { position: absolute; left: 0; right: 0; bottom: 0; top: 0; }



.item-img { -webkit-background-size: cover; background-size: cover; background-position: center center; position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: 0; }



.item-overlay { position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px; background: rgba(255, 255, 255, .8); opacity: 0; -webkit-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9); -webkit-transition: all .3s ease; transition: all .3s ease; }



.item-link:hover .item-overlay { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }



.item-overlay > h5 { position: absolute; top: 40px; left: 40px; right: 40px; text-align: left; font-size: 16px; font-family: 'montserrat'; text-transform: uppercase; letter-spacing: 0.1em; color: #333; }



.item-overlay > h5:after { content: ""; position: absolute; display: block; width: 50px; height: 1px; background-color: #333; bottom: -16px; }



/* item appear animation */



.portfolio.item-animation .item-link { -webkit-transform: translateY(150px) scale(.8); -ms-transform: translateY(150px) scale(.8); transform: translateY(150px) scale(.8); opacity: 0; -webkit-transition: all .7s ease .8s; transition: all .7s ease .8s; }



.portfolio.item-animation .grid-item.visible .item-link { -webkit-transform: translateY(0) scale(1); -ms-transform: translateY(0) scale(1); transform: translateY(0) scale(1); opacity: 1; }



/* 09. PORTFOLIO FILTER



-------------------------*/



.filter { text-align: center; }



.filter ul li { position: relative; font-weight: bold; text-transform: uppercase; font-size: 11px; display: inline-block; margin: 8px; cursor: pointer; opacity: .7; letter-spacing: 1px; }



.filter ul li.active { opacity: 1; }



.filter ul li:after { content: ""; display: block; position: absolute; width: 100%; height: 1px; background-color: #000; opacity: 0; bottom: -4px; -webkit-transition: all .3s ease; transition: all .3s ease; }



.filter ul li.active:after { opacity: 1; bottom: 2px; }



/* 10. FOLIO SLIDER



----------------------------*/



.folio-item { }



.folio-item a { text-decoration: none; }



.folio-item-media { position: relative; }



.folio-item-media:before { content: ""; display: block; padding-top: 70%; }



.folio-item-img { position: absolute; left: 0; right: 0; bottom: 0; top: 0; }



.folio-item-overlay { position: absolute; left: 0; right: 0; bottom: 0; top: 0; background-color: rgba(0, 0, 0, .7); opacity: 0; -webkit-transition: all .3s ease; transition: all .3s ease; }



.folio-item:hover .folio-item-overlay { opacity: 1; }



.folio-item-details { background-color: #fff; border: 1px solid rgba(0, 0, 0, .1); }



.folio-item-details h6 { margin-top: 15px; margin-bottom: 5px; }



.folio-item-details p { margin-top: 0px; margin-bottom: 15px; }



/* 11. GALLERY



---------------------------*/



.gallery-item { width: 100%; height: 100%; position: relative; overflow: hidden; }



.owl-slider .gallery-item { height: 100vh; }



.gallery-item-img, .gallery-item-overlay { position: absolute; left: 0; right: 0; top: 0; bottom: 0; }



.gallery-item-img { -webkit-transition: all 3s ease; transition: all 3s ease; }



.gallery-item-overlay { background-color: rgba(0, 0, 0, .3); color: #fff !important; text-decoration: none; -webkit-transition: all .5s ease; transition: all .5s ease; }



.gallery-item:hover .gallery-item-img { -webkit-transform: scale(1.15); -ms-transform: scale(1.15); transform: scale(1.15); }



.gallery-item:hover .gallery-item-overlay { opacity: 0; color: #fff; }



/* 12. CONTENT SLIDERS



----------------------------*/



.owl-slider .owl-stage { position: relative; -webkit-transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1) !important; transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1) !important; }



.owl-carousel { cursor: move; cursor: -webkit-grab; cursor: -moz-grab; cursor: -ms-grab; cursor: -o-grab; cursor: grab; }



.owl-carousel .owl-grab { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -ms-grabbing; cursor: -o-grabbing; cursor: grabbing; }



.owl-carousel .owl-item { overflow: hidden; }



/*rendering fix*/



.owl-slider, .owl-slider .owl-stage, .owl-slider .owl-stage-outer, .owl-item { position: relative; z-index: 1; }



/*arrow navigation*/



.owl-nav { }



.owl-prev, .owl-next { position: absolute; top: 50%; width: 30px; height: 30px; margin-top: -35px; text-indent: -9999px; z-index: 2; border: 2px solid #000 !important; color: #000 !important; -webkit-transition: all .3s ease; transition: all .3s ease; }

.tabstyle{ }

.owl-prev:hover, .owl-next:hover { background-color: rgba(0, 0, 0, .2); }

.tabstyle h6{ font-size:16px; font-weight:600;}

/*light navigation*/



.nav-light .owl-prev, .nav-light .owl-next { border: 2px solid rgba(255, 255, 255, 1); color: #fff; }



.nav-light .owl-prev:hover, .nav-light .owl-next:hover { background-color: rgba(255, 255, 255, .2); }



.owl-prev { left: 0; margin-left: -2px; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); opacity: 0; }



.container .owl-prev { margin-left: 10px !important; }



.owl-next { right: 0; margin-right: -2px; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); opacity: 0; }



.container .owl-next { margin-right: 10px !important; }



.owl-slider:hover .owl-prev, .owl-slider:hover .owl-next { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 1; }



.owl-prev:after, .owl-next:after { font-size: 40px; text-indent: 0; font-family: "Pe-icon-7-stroke"; position: absolute; top: 1px; }



.owl-prev:after { content: "\e686"; left: -6px; }



.owl-next:after { content: "\e684"; right: -6px; }



/*dots navigation*/



.owl-dots { text-align: center; position: absolute; width: 100%; bottom: -35px; z-index: 1; }



.img-slider .owl-dots { bottom: 10px; }



.owl-dot { width: 10px; height: 10px; border: 2px solid #000; -webkit-border-radius: 50%; border-radius: 50%; background-color: transparent; display: inline-block; margin: 0 4px; -webkit-transition: all .3s ease; transition: all .3s ease; }



.owl-dot.active { background-color: #000; }



/*light pagination*/



.nav-light .owl-dot { background-color: #006690 ; border: 2px solid #006690 ; }

.stitle{ text-align:center; color:#000 !important;}



.hm-testimonials .owl-dot { width: 12px; height: 12px; }



.hm-testimonials .owl-dot.active { background-color: #000 !important; border-color: #000 !important; }



.hm-testimonials h6.title { font-size: 16px; font-weight: 600; }



/* 13. BLOCKQUOTE



------------------*/



blockquote { border: none; border-left: 4px solid #555; font-size: 15px; padding: 10px 0; padding-left: 20px; letter-spacing: .1em; text-align: left; font-family: georgia; }



blockquote footer { font-size: 85%; }



/* 14. SKILLS



------------------------*/



.skill { margin-bottom: 20px; border-bottom: 1px solid #000 }



.skill .skill-bar { position: relative; width: 0; height: 6px; background-color: #000; -webkit-transition: all 1.5s ease; transition: all 1.5s ease; }



.skill-bar span { display: none; position: absolute; right: 0; top: -30px; font-family: 'montserrat'; }



.section-dark .skill, .text-light .skill { border-bottom: 1px solid #fff; }



.section-dark .skill .skill-bar, .text-light .skill .skill-bar { background-color: #fff; }



/* 15. COUNTERS



------------------------*/



.counter-num { display: inline-block; font-family: 'montserrat'; font-weight: bold; letter-spacing: .1em; font-size: 48px; line-height: 54px; margin-bottom: 10px; }



.counter h5 { text-transform: capitalize; }



/* 16. TEAM



------------------------*/



.team-member .avatar { position: relative; overflow: hidden; }



.team-member .avatar .overlay { background-color: rgba(255, 255, 255, .9); color: #333; padding: 15px; text-align: center; border: 2px solid #000; opacity: 0; -webkit-transition: all .3s ease; transition: all .3s ease; }



.team-member:hover .avatar .overlay { opacity: 1; }



.team-member .avatar .overlay .separator { margin-top: 15px; margin-bottom: 5px; }



.team-member .social-links a { margin: 7px; font-size: 14px; }



.team-member .info { padding-top: 20px; padding-left: 20px; position: relative; top: -50px; left: 27px; background-color: #fff; border-right: 2px solid; }



.team-member .info:after { content: ""; display: block; position: absolute; width: 30px; height: 2px; bottom: -10px; background-color: #000; -webkit-transition: all .3s ease; transition: all .3s ease; }



.team-member:hover .info:after { width: 60px; }



/* 17. TABS



------------------------*/



.tabs { padding: 10px 0; }



.tab-nav { list-style: none; margin-bottom: 0; position: relative; overflow: hidden; }



.tab-nav li { position: relative; display: inline-block; font-size: 18px; color: #FFF; border: 1px solid #7c7562; border-bottom: 0; cursor: pointer; margin-right: 5px; padding: 5px 20px; float: left; background: #7c7562; }



.tab-nav li.active { background-color: #FFF; color: #000; }



.tab-nav li:first-child { margin-left: 5px; }



.tab-nav:after { content: ''; height: 1px; width: 100%; background-color: #7c7562; position: absolute; left: 0; bottom: 0; z-index: -1; }



.tab-panels { margin-top: 5px; padding: 10px 0; padding-left: 0px; clear: both; }



.tab-panels > div { display: none; }



.tab-panels > .active { display: block; }



 @media( max-width: 767px ) {



.tab-nav li { padding-left: 15px; padding-right: 15px; font-size: 16px; }



}



/* 18. TOGGLES



------------------------*/



.toggle { padding: 10px 20px; padding-bottom: 0; }



.toggle-title { position: relative; display: inline-block; font-family: 'montserrat'; letter-spacing: .1em; text-transform: uppercase; cursor: pointer; font-size: 15px; padding: 5px 0; }



.toggle-title:after { content: ""; display: block; position: absolute; width: 0; height: 2px; background-color: #000; bottom: -3px; -webkit-transition: all .5s ease; transition: all .5s ease; }



.toggle.active .toggle-title:after { width: 100%; }



.toggle-content { padding-top: 10px; display: none; }



.toggle.active .toggle-content { display: block; }



/* 19. ICON BOXES



------------------------*/







/*icon left*/



.icon-box { margin-bottom: 70px; }



.icon-box.icon-left i { font-size: 70px; color: #454545; opacity: .2; position: absolute; top: -12px; left: 24px; }



.text-light .icon-box.icon-left i { color: #fff; }



.icon-box.icon-left .icon-box-details { margin-left: 55px; padding-top: 2px; text-align: left; }



.icon-box.icon-left .icon-box-details p { line-height: 1.4; color: #666; }



.text-light .icon-box.icon-left .icon-box-details p { color: rgba(255, 255, 255, .8); }



.icon-box.icon-left h5 { position: relative; margin-bottom: 15px; }



.icon-box.icon-left h5:after { content: ""; display: block; position: absolute; width: 30px; height: 2px; background-color: #000; bottom: -8px; left: 0; -webkit-transition: all .3s ease; transition: all .3s ease; }



.icon-box.icon-left:hover h5:after { width: 60px; }



.icon-box.icon-left i { -webkit-transition: all .3s ease; transition: all .3s ease; }



.icon-box.icon-left:hover i { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }



/*icon top*/



.icon-box.icon-top { text-align: center; }



.icon-box.icon-top i { font-size: 74px; margin-bottom: 15px; }



.icon-box-details .title { font-size: 15px; }



/*icon hover boxes*/



.icon-hover-box { padding: 20px; height: 230px; text-align: center; position: relative; overflow: hidden; }



.icon-hover-box i { font-size: 70px; }



.icon-hover-box .separator { margin-top: 15px; margin-bottom: 5px; }



.icon-hover-box .details { position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: #000; color: #fff; padding: 30px; top: calc(100% - 15px); -webkit-transition: all .3s ease; transition: all .3s ease; }



.icon-hover-box .details .centered { width: 100%; padding: 15px; }



.icon-hover-box .details h6 { opacity: 0; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); -webkit-transition: all .8s ease .1s; transition: all .8s ease .1s; }



.icon-hover-box .details .separator { margin-top: 8px; margin-bottom: 12px; }



.icon-hover-box .details p { color: #fff; font-size: 13px; line-height: 1.3; opacity: 0; -webkit-transform: translateY(70px); -ms-transform: translateY(70px); transform: translateY(70px); -webkit-transition: all .8s ease .2s; transition: all .8s ease .2s; }



.icon-hover-box:hover .details { top: 0; }



.icon-hover-box:hover .details h6 { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }



.icon-hover-box:hover .details p { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }



/* 20. BLOG



------------------------*/



.post { margin-bottom: 30px; padding-bottom: 20px; padding-top: 0 !important; border-bottom: 1px dotted #a1a1a1; }



@media( max-width: 767px ) {



.post { width: 100%; }



}



.post:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }



.post a { text-decoration: none; color: #000; text-decoration:none; }



.post .post-img { position: relative; overflow: hidden; }



.post .post-img img { -webkit-transition: all 1s ease; transition: all 1s ease; width: 100%; }



.post:hover .post-img img { -webkit-transform: scale(1.15); -ms-transform: scale(1.15); transform: scale(1.15); }



.post iframe { border: none; display: block; }



.post .post-content { background-color: #fff; position: relative;}



.post .post-content h5 { position: relative; margin: 15px 0 10px; font-size: 20px; line-height: 26px; color: #000; }



.post:hover .post-content h5 { color:#bd9c50;}



.post .post-content .btn-read { text-decoration: underline; color: #bd9c50; }



.post .post-content .btn-read:hover, .post .post-content .btn-read:focus { color: #000; }



.post:before, .post:after, .post > a:before, .post > a:after { content: ""; display: table; }



.post:after, .post > a:after { clear: both; }



.post, .post > a { zoom: 1; }



@media( min-width: 530px ) {



	.post .post-img { width: 240px; float: left; }



	.post .post-content {margin-left: 260px; }



	.post .post-content h5 { margin-top:0;}



	}



/*blog sidebar*/



.widget { margin-bottom: 30px; }



.blog-sidebar ul { list-style: none; }



.blog-sidebar ul li { position:relative; padding:8px 0 8px 20px; border-bottom:1px dotted #2a2a2a; }



.blog-sidebar ul li:first-child { padding-top:0;}



.blog-sidebar ul li:last-child { border-bottom:0; padding-bottom:0;}



.blog-sidebar ul li a { text-decoration: none;}



.blog-sidebar ul li a:hover { color:#000;}



.blog-sidebar ul li a:hover { opacity: .7; }



.blog-sidebar ul li:before { content: "\00bb"; color: #e6c57c; position: absolute; top: 0; left: 0; margin-top: 6px; font-size: 16px; }



.blog-sidebar ul li:hover:before, ul.side-nav li.active:before { color: #000; }



.blog-sidebar ul li:first-child:before { margin-top: -2px; }







.tags .button { font-size: 10px; padding: 0px 5px; margin-bottom: 3px; }



/* 21. CLIENTS



-----------------*/



.clients { list-style: none; display: inline-block; text-align: center; }



.clients li { display: inline-block; float: left; border: 1px dashed; width: 33.333%; padding: 40px 0px; margin: -1px 0 0 -1px; position: relative; z-index: 1; -webkit-transition: all .3s ease; transition: all .3s ease; }



@media( max-width: 730px ) {



.clients li { width: 50% }



}



@media( max-width: 500px ) {



.clients li { width: 100% }



}



.clients li:hover { border: 1px solid #333; z-index: 2; }



.clients img { width: 50%; height: auto; display: inline-block; opacity: .7; -webkit-transition: all .3s ease; transition: all .3s ease; }



.clients li:hover img { opacity: 1; }



/*clients slider*/



.clients-slider img { max-width: 50%; margin: auto; }



/* 22. SCROLL TO TOP



------------------------*/



.to-top { opacity: 0; visibility: hidden; position: fixed; right: 40px; bottom: 70px; background-color: #333; color: #fff; -webkit-transition: all .4s ease; transition: all .4s ease; z-index: 999; text-decoration: none; cursor: pointer; text-align: center; width: 42px; height: 42px; line-height: 42px; border-radius: 3px; font-size: 40px; overflow: hidden; }



.to-top.visible { opacity: 1; visibility: visible; }



.to-top:hover, .to-top:focus { color: #fff; background-color: #555; }



/* 23. GOOGLE MAP



----------------------*/



.map-section { width: 100%; height: 400px; padding: 0; position: relative; }



.gmap-section { position: relative; padding-bottom: 75%; height: 0; overflow: hidden; }



.gmap-section iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; max-height: 400px !important; }



#google-map img { max-width: none; }



.scrolloff { pointer-events: none; }



@media( max-width: 500px ) {



.map-section { height: 250px; }



.gmap-section iframe { max-height: 250px !important; }



}



/* 24. CONTACT FORM



----------------------*/



#contactForm { }



#contactForm input, #contactForm textarea { font-family: 'Open Sans'; background: none; width: 100%; border: 1px solid #ccc; padding: 5px 10px; margin-bottom: 20px; -webkit-transition: all .3s ease; transition: all .3s ease; }



#contactForm textarea { min-height: 60px; }



#contactForm input:focus { border: 1px solid #000; }



#contact #submit { margin-top: 20px; margin-bottom: 0px; background-color: #ae9047; font-size: 18px; text-transform: uppercase; padding: 10px 8px;font-family: 'Open Sans'; font-weight:600;  }



#contact #submit:hover { background-color: #000; color:#fff; }



.contact-message { display: none; text-transform: capitalize; text-align: center; margin: 50px 0; }



#form-popup h3 { font-size: 18px; font-weight: 600; margin-bottom: 15px; }



#form-popup .button { background-color: #ae9047; color: #000; padding-top: 10px; padding-bottom: 10px; font-size: 18px; text-transform: uppercase; }



#form-popup .button:hover { color: #FFF; background-color: #000; }



/* 25. PAGINATION



------------------------*/



.pagination { width: 100%; text-align: center; margin: 0; margin-top: 20px; padding: 20px 0; }



.pagination i { vertical-align: middle; margin-top: -3px; font-size: 33px; }



.pagination a { display: inline-block; text-decoration: none; font-family: 'montserrat'; margin: 0 10px; opacity: .7; }



.pagination a:hover { opacity: 1; }



.pagination span { text-transform: uppercase; font-size: 15px; }



/* 25. Home Treatment Catalog



------------------------*/

.section-welcome  { background:#f7fdfb; margin-top:20px; margin-bottom:10px;  -webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.10); -moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.10); box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.10); padding:20px 20px }

.welcome-area h2{ text-align:center; padding-bottom:15px; margin-top:60px; font-size:41px; line-height:41px;}



.section-cta > .container { background: #7c7561; -webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.4); -moz-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.4); box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.4); padding:20px 20px }

.section-cta > .container h2{ text-align:center; padding-bottom:15px;}

.section-cta1 { background: #d8cbb9; -webkit-box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.2); box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.2); padding:20px 20px }

.section-cta1 h2{ text-align:center; padding-bottom:15px;}



.cta-title { margin-bottom:10px; margin-top: 0px !important; font-size:27px; }



.cta-content { overflow: hidden; }



.cta-content p { color: rgba(0,0,0,.8) !important; margin-bottom:7px; }

.wtxt{ color:#fff;}

.wtxt1{ color:#fff;}

.wtxt1:hover{ color:#ddd;}

.cta-content img { max-width: 100%; margin-bottom: 10px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; opacity: 1; }



.cta-content:hover img { opacity: 0.75; }



.cta-links { overflow: hidden; margin-bottom: 15px; font-size: 14px; }



.cta-links a { color: #006690 ; }

.cta-links a:hover { color: #000 ; text-decoration:none; }

.cta-links ul { padding: 0; margin: 0; list-style-type: none; }



.cta-links ul li { padding: 0 0 8px 15px; margin: 8px 0 8px 0; position: relative; border-bottom: dotted 1px #ccc; line-height:20px;  }



.cta-links ul li:before { content: "\00bb"; color: #006690 ; position: absolute; top: 0; left: 0; margin-top: -2px; font-size: 18px; }



.cta-links ul li.no-bulit { padding-left: 0; }



.cta-links ul li.no-bulit:before { display: none; }



.cta-links ul li.no-bulit a { text-transform: uppercase; text-decoration: underline; font-weight: 400; }



.cta-links ul li.no-bulit a:hover { text-decoration: none; }



@media (min-width: 480px) {



.cta-content img { float: left;}



}



@media (min-width: 640px) {



.cta-links ul { }



.section-cta [class*="col-md"] { padding-left: 20px; padding-right: 20px; }



}



@media (min-width: 1200px) {



.cta-links ul li { font-weight: 300; font-size: 14px; }



}



/* 25. HOME DOCTOR PROFILE



------------------------*/



.hm-doctor-profile {  }



.hm-doctor-profile img { max-width: 100%; margin-bottom: 10px; border:10px solid #fff; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; opacity: 1; -webkit-box-shadow: 1px 0px 5px 0px rgba(0,0,0,0.20);

-moz-box-shadow: 1px 0px 5px 0px rgba(0,0,0,0.20);

box-shadow: 1px 0px 5px 0px rgba(0,0,0,0.20); }



.hm-doctor-profile .profile-details { text-align: justify; }



.hm-doctor-profile .profile-details a { text-decoration: underline; }



.hm-doctor-profile .profile-details a:hover { text-decoration: none; }



.hm-doctor-profile .profile-details h3 { margin-top: 0; margin-bottom: 10px; line-height: 1; text-align: left; }



.hm-doctor-profile .profile-details h4 { font-size: 14px; line-height: 22px; margin-bottom: 10px; font-weight: 600; margin-top: 0; text-align: left; }



@media (min-width: 481px) {



.hm-doctor-profile img { float: left; }



.hm-doctor-profile .profile-details { margin-left:315px; }



}



/* 25. About Clinic



------------------------*/



.hm-about-clinic { overflow: hidden; }



.hm-about-clinic a { text-decoration: underline; }



.hm-about-clinic img { max-width: 100%; height: auto; display: block;  }



.hm-about-clinic .details {  }



.callout-action-button .btn { width: 100%; font-size: 19px; font-weight: 600; color: #FFF; line-height: 1.33333; padding: 15px; position: relative; text-align: left; border-color: #FFF; background: rgb(85,126,82); background: -moz-linear-gradient(top, rgba(85,126,82,1) 0%, rgba(70,109,67,1) 100%); background: -webkit-linear-gradient(top, rgba(85,126,82,1) 0%, rgba(70,109,67,1) 100%); background: linear-gradient(to bottom, rgba(85,126,82,1) 0%, rgba(70,109,67,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#557e52', endColorstr='#466d43', GradientType=0 );



border-radius: 6px; }



.callout-action-button .btn:hover { background: #ae9047; }



.callout-action-button .btn + .btn { margin-top: 20px; }



.callout-action-button .btn:after { content: ''; position: absolute; right: 15px; top: 50%; width: 0; height: 0; margin-top: -3px; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #FFF; }



@media (min-width: 768px) {



}



@media (min-width: 992px) {



.hm-about-clinic img { float: left; }



.hm-about-clinic .details { margin-left: 400px; }

.hm-about-clinic .details p{ font-size:18px; line-height:29px;}



}



.hm-inauguration > .box-panel-body { }



ul.case-month-list { padding: 0; margin: 0; list-style-type: none; }



ul.case-month-list li { float: none; }



ul.case-month-list .image-case { width: 100%; overflow: hidden; }



ul.case-month-list .image-case img { width: 100%; height: auto; display: block; -webkit-transition: 0.4s ease; transition: 0.4s ease; width: 100%; }



ul.case-month-list li:hover .image-case img { -webkit-transform: scale(1.08); transform: scale(1.08); }



ul.case-month-list h6 { color: #000; font-size: 15px; text-align: center; margin: 10px 0 20px; }



@media (min-width: 480px) {



ul.case-month-list li { float: left; width: 50%; }



ul.case-month-list .image-case { border-left: 1px solid #FFF; border-right: 1px solid #FFF; }



ul.case-month-list li:first-child .image-case { border-left-color: transparent; }



ul.case-month-list li:last-child .image-case { border-right-color: transparent; }



ul.case-month-list h6 { margin-top: 10px; margin-bottom: 20px; }



}



@media (min-width: 992px) {



ul.case-month-list h6 { margin-bottom: 0; }



}



/* 26. Home Latest Blog



------------------------*/



.latest-blog { overflow: hidden; }



.latest-blog img.post-thumb { max-width: 100%; height: auto; display: block; }



.latest-blog .post-content { clear: both; margin-top: 15px; }



.latest-blog .post-content h4 { color: #000; margin-bottom: 10px; margin-top: 0; font-size:21px; }



.latest-blog .post-content .post-dt { font-size: 14px; color: #bd9c50; font-weight: 600; margin-bottom: 5px; }



.latest-blog .post-content a.post-link { color: #000; text-decoration: underline; font-weight: 600; }



.latest-blog .post-content a:hover.post-link { text-decoration: none; }



.latest-blog .post-content a.post-link > span { font-size: 18px; font-weight: 400; }



@media (min-width: 550px) {



.latest-blog img.post-thumb { float: left; width: 100%; max-width: 290px; }



.latest-blog .post-content { margin-left: 305px; clear: none; margin-top: 0; }



}



/* 26. Client Testimonial



------------------------*/



.clients-thumb-image { width: 60px !important; height: 60px !important; display: inline-block !important; margin-right: 10px; -webkit-border-radius: 50%; border-radius: 50% }



/*---------------------------------------



   17 BREADCRUMBS           



-----------------------------------------*/



.breadcrumbs { background: #f5f2ec; border-bottom: 1px solid #e2ded5; line-height: 1.46; }



.breadcrumb { color: #000; margin: 0; background: none; font-size: 13px; padding: 2px 15px 4px; }



.breadcrumb li { position: relative; padding-left: 20px; }



.breadcrumb li a { color: #000; }



.breadcrumb li a:hover { color: #000; text-decoration: underline; }



.breadcrumb li.breadcrumb-home { padding-left: 0; padding-right: 3px; }



.breadcrumb li.breadcrumb-home:before { display: none; }



.breadcrumb li.breadcrumb-home a { color: #000; font-size: 20px; }



.breadcrumb li.breadcrumb-home a i { position: relative; top: 1px; }



.breadcrumb li.breadcrumb-home a:hover { color: #000; text-decoration: underline; }



.breadcrumb li:before { content: '' !important; background: url('../img/bread-separ.png') no-repeat; position: absolute; width: 12px; height: 32px; top: -8px; left: 0; }



.breadcrumb > .active { color: #ae9047; }



/* 07. Inner PG Form



--------------------------*/



.query-forms { padding: 15px; background-color: #466d43; }



.query-forms .form-group { margin-bottom: 10px; }



.query-forms .form-control { -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; border-color: #FFF; }



.query-forms textarea.form-control { height: 75px; }



.query-forms .form-control:focus { border-color: #000 !important; }



.query-forms h2 { font-size: 20px; line-height: 26px; font-weight: 600; color: #FFF; padding: 0; margin: 0 0 15px; }



.query-forms .btn { background: #ae9047; color: #000; border-color: #d8bb79; -webkit-border-radius: 0; border-radius: 0; font-size: 20px; font-weight: 600; width: 100%; }



.query-forms .btn:hover { color: #FFF; background: #222; }



/* Review Container */



.review-container { position: relative; }



.review-item { position: relative; background: #fff; margin: 0 0 10px; padding: 15px; border: 2px solid #ae9047; border-radius: 3px; }



.review-item-text { font-style: italic; font-size: 15px; margin-bottom: 20px; padding-left: 0px; line-height: 24px; }



.review-item-name { font-size: 15px; font-weight: 600; }



.review-item-position { font-size: 12px; }



.review-item-quote { position: absolute; right: 25px; bottom: 30px; }



.review-item:hover { border: 2px solid #000000; }



.owl-review2 .review-item { margin: 0 0 15px 0; }



.owl-review2 .owl-controls { position: absolute; top: -45px; right: 0; }



.owl-review2 .owl-dots { position: static; bottom: auto; text-align: left; width: auto; }



.owl-review2 .owl-controls .owl-page span { width: 8px; height: 8px; background: #acb8bc; opacity: 1; }



.owl-review2 .owl-controls .owl-page.active span { width: 12px; height: 12px; background: #fff; border: 2px solid #acb8bc; position: relative; top: 2px; }



/* Side Nav */



ul.side-nav { padding: 0; margin: 0; list-style-type: none; }



ul.side-nav li { padding-left: 15px; position: relative; }



ul.side-nav li a { color: #bd9c50; text-decoration: none; }



ul.side-nav li a:hover, ul.side-nav li.active a { color: #000; text-decoration: none; }



ul.side-nav li + li { padding-top: 6px; margin-top: 6px; border-top: 1px dotted #a1a1a1; }



ul.side-nav li:before { content: "\00bb"; color: #e6c57c; position: absolute; top: 0; left: 0; margin-top: 5px; font-size: 16px; }



ul.side-nav li:hover:before, ul.side-nav li.active:before { color: #000; }



ul.side-nav li:first-child:before { margin-top: -2px; }



/* wedgit doctor profile */



.widget-doctor-profile { padding: 15px; background-color: #466d43; margin-top: 35px; }



.widget-doctor-profile .profile-img { overflow: hidden; border: 1px solid #fff; clear: both; display: inline-block }



.widget-doctor-profile .profile-img img { max-width: 100%; height: auto; display: block; }



.widget-doctor-profile a { text-decoration: underline; color: #f1d085; font-weight: 600; }



.widget-doctor-profile a:hover { text-decoration: none; }



.widget-doctor-profile H4 { margin-bottom: 10px; }



.widget-doctor-profile.bg-brown { background-color: #7c7562; }



@media (min-width: 768px) {



.widget-doctor-profile .profile-img { height: 170px; display: block; }



.widget-doctor-profile .profile-img img { width: 100%; }



}



/* badge-box */



.rawfold:before, .rawfold:after, .rawfold dd:before, .rawfold dd:after { content: " "; display: table; }



.rawfold:after, .rawfold dd:after { clear: both; }



.rawfold, .rawfold dd { *zoom: 1;



}



.jumbobox { margin: 0; }



.jumbobox dt { font-weight: 600; font-size: 16px; line-height: 22px; margin-bottom: 10px; }



.jumbobox dd { line-height: 1.8; }



.jumbobox .fa { display: inline-block; width: 30px; }



.jumbobox + .jumbobox { padding-top: 20px; margin-top: 20px; }



.faq-list dt { padding: 20px 0 0; font-size: 18px; font-weight: 600; }



.faq-list dd { padding: 15px 0 20px; border-bottom: 1px dotted #a1a1a1 }



.pub-list dt { padding: 20px 0 0; font-size: 15px; font-weight: 600; }



.pub-list dd { padding: 15px 0 20px; border-bottom: 1px dotted #a1a1a1 }



/*.pub-list dt, .pub-list dd { background: #faf9f7; border: 1px solid transparent; }



.pub-list dt { padding: 15px 15px 0; font-size: 16px; }



.pub-list dd { padding: 15px; margin-bottom: 20px; }



.pub-list dt:nth-of-type(even), .pub-list dd:nth-of-type(even) { background-color: #FFF; }



.pub-list dt:nth-of-type(even) { border-color: #f4f4f4 #f4f4f4 transparent; }



.pub-list dd:nth-of-type(even) { border-color: transparent #f4f4f4 #f4f4f4; }*/







/* Video Container */



.video-frame { background: #FFF; border: 1px solid #ddd; -webkit-border-radius: 4px; border-radius: 4px; padding: 4px; margin-bottom: 20px; line-height: 1.42857; display: block; }



.video-frame .video-caption { background: #faf9f7; margin: 0; padding: 6px 10px; text-align: center; font-size: 17px; font-weight: 600; text-transform: uppercase; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; border-bottom: 4px solid #FFF; }



.video-frame .video-caption.tbottom { border-bottom: 0; border-top: 4px solid #FFF; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; }



.popup-gallery-treatment .popup-item-link { display: block; padding: 0; margin: 0; position: relative; }



.popup-gallery-treatment .popup-item-overlay { position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px; background: rgba(255, 255, 255, .8); opacity: 0; -webkit-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9); -webkit-transition: all .3s ease; transition: all .3s ease; }



.popup-gallery-treatment .popup-item-link:hover .popup-item-overlay { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }



.popup-gallery-treatment .popup-item-link:hover .popup-item-overlay:after { content: '\f00e'; font-family: 'FontAwesome'; position: absolute; width: 40px; height: 45px; font-size: 40px; color: #333; margin: auto; padding: 0; top: 0; left: 0; bottom: 0; right: 0; line-height: 1; }



.table-training > tbody > tr > td, .table-training > tbody > tr > th { padding-top: 15px; padding-bottom: 15px; }



.contact-address > i { float: left; font-size: 26px; color: #ae9047; margin-top: 2px; }



.contact-emails > i { font-size: 18px; margin-top: 4px; }



.contact-address > span { display: block; margin-left: 40px; }



/* Photo Gallery */



.photo-gallery-panel { }



.photo-grid-item { float: left; width: 33%; border: 10px solid #fff; position: relative; background: #000; height: 170px; }



.photo-item-img { height: 150px; }



.photo-item-link { position: absolute; left: 0; right: 0; bottom: 0; top: 0; }



.photo-item-img { -webkit-background-size: cover; background-size: cover; background-position: center center; position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: 0; }



.photo-item-overlay { position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; background: rgba(255, 255, 255, .8); opacity: 0; -webkit-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9); -webkit-transition: all .3s ease; transition: all .3s ease; min-height: 140px; }



.photo-item-link:hover .photo-item-overlay { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }



.photo-item-overlay > h5 { position: absolute; top: 40px; left: 40px; right: 40px; text-align: left; font-size: 14px; line-height: 1.2; color: #333; }



.photo-item-overlay > h5:after { content: ""; position: absolute; display: block; width: 50px; height: 1px; background-color: #333; bottom: -10px; }



.photo-item-overlay-zoom:after { content: '\f00e'; font-family: 'FontAwesome'; position: absolute; width: 40px; height: 45px; font-size: 40px; color: #333; margin: auto; padding: 0; top: 0; left: 0; bottom: 0; right: 0; line-height: 1; }



.photo-grid-panel:before, .photo-grid-panel:after { content: " "; display: table; }



.photo-grid-panel:after { clear: both; }



.photo-grid-panel { *zoom: 1;



}



/* Patient Say



------------------------*/



ul#patientList { padding:0; margin:0; list-style-type:none;}



ul#patientList > li { display:none; margin:0;}



.patient-say { position: relative; overflow: hidden; padding: 20px 15px }



.patient-say + .patient-say { border-top: 1px dotted #a1a1a1; }



.patient-say:nth-of-type(even) { background: #fafafa; }



.patient-say .avatar { text-align: center; margin-bottom: 15px; }



.patient-say .avatar img { max-width: 150px; }



.patient-say .info h4 { font-weight: 600; }



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



.patient-say .avatar { max-width: 200px; float: left; text-align: left; margin-bottom: 0; }



.patient-say .avatar img { max-width: 100%; }



.patient-say .info { margin-left: 230px; }



.patient-say .info.no-avatar { margin-left:0;}



}



.white-popup { position: relative; background: #FFF; padding: 20px; width: auto; max-width: 500px; margin: 20px auto; }



/* 26. FOOTER



------------------------*/



#footer { width: 100%; padding: 20px 0; background: url(../img/bkg_footer.gif) top center no-repeat; border-top: 5px solid #fff; font-size: 14px; }



#footer .copyright { line-height: 34px; }



#footer .creditby > a > span { font-weight: 600; color: #364553; font-size: 15px; }



#footer .creditby > a > span + span { color: #d44900; }

.divfix{ position:fixed; top:80px;}

.divfix1{ position:fixed; top:80px;}

#footer .creditby > a:hover { text-decoration: none; }

.nav-tabs > li{ width:35%;}

.nav-tabs > li > a{ background:#006690; color:#fff; font-size:24px;}

.ttabt{ margin-top:20px;}

.fixdiv1{ position:fixed;}

#fixdiv{ position:relative;}



.ttabt .nav-tabs > li{ display:inline-block; float:none; text-align:center;}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover{ background:#d8cbb9    !important; color:#000;}

.nav-tabs > li > a:hover{background:#006690    !important; color:#fff;}

.dropdown-menu  li a:hover{ color:#006690!important;}

.divfix ul{ width:92%;}

.marginlr{ margin-left:0 !important; margin-right:0 !important}

.testimonials-title{ font-size:35px;}

.font35{ font-size:35px;}

.servicesh{ color:#006690; font-size:35px; padding-bottom:21px; padding-top:20px;}

.mgallery .photo-grid-item{ border-left:0 !important}

.bdline{ height:1px; background:#ddd; margin:20px 0px 30px 0;}

.casebox{ text-align:left;}

.cdate{ color:#006690; font-style:italic; padding-bottom:5px;}

.shadowbox{-webkit-box-shadow: 1px 0px 5px 0px rgba(0,0,0,0.20);

-moz-box-shadow: 1px 0px 5px 0px rgba(0,0,0,0.20);

box-shadow: 1px 0px 5px 0px rgba(0,0,0,0.20); border:10px #fff solid;}

 @media( max-width: 1024px ) {nav.navbar.bootsnav ul.nav > li > a{ padding:10px 11px !important;}.hm-doctor-profile img{ max-width:230px;}.hm-doctor-profile .profile-details{ margin-left:248px;}.hm-doctor-profile .profile-details h3{ font-size:24px;}.hero-home{ height:325px;}}

  @media( max-width:980px ) {nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a:hover{ color:#c8ab66 !important;}.caption-wrapper .caption{ text-align:left;}.hm-about-clinic .details{ padding-top:20px;}.hm-about-clinic img{ margin:0 auto;}.hm-doctor-profile{ clear:both; margin-bottom:45px;}.cta-content img{ padding-right:3%; }.nav-tabs > li > a{ font-size:18px;}.site-header .site-header-right{ max-width:490px; margin:0 auto; width:100%;}nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a{ color:#fff !important}ul.menu-col li a{ color:#fff !important;}}

    @media( max-width:800px ) {.hero-home{ height:250px;}}

@media( max-width: 767px ) {.mod-help-widget .grp-nav{ display:none;}.site-header .site-header-right > h4{ margin-right:0; clear:both; width:100%;}.site-header .site-header-right > p{ margin-right:0; clear:both; text-align:center; margin-bottom:15px; width:100%;}.welcome-area h2{ font-size:31px; margin-top:30px;}.nav-tabs > li{ width:44%;}}

@media( max-width: 640px ) {.hero-home{ height:185px;}}

@media( max-width: 480px ) {.nav-tabs > li{ width:49%;}.swiper-next{ display:none;}.swiper-prev{ display:none;}.hm-doctor-profile .profile-details{ margin-left:0; text-align:center;}.hm-doctor-profile img{ display:block; margin:0 auto;}.hm-doctor-profile .profile-details h3{ padding-top:15px; text-align:center;}.hm-doctor-profile .profile-details h4{ text-align:center;}.hm-about-clinic .details{ text-align:center;}.servicesh{ font-size:27px;}.cta-content img{ float:none; margin:0 auto;}.nav-tabs > li > a{ font-size:15px;}.testimonials-title{ font-size:28px;}.cta-content{ text-align:center;}.latest-blog{ text-align:center;}.latest-blog img.post-thumb{ margin:0 auto;}.casebox{ text-align:center;}.hero-home{ height:145px;}.img-left{ float:none; margin-bottom:20px !important;} .img-right{ float:none; margin-bottom:20px !important; margin-left:0;}}

@media( max-width: 360px ) {.servicesh{ line-height:30px;}.nav-tabs > li{ width:100%; margin-bottom:1px;}.font35{ font-size:31px;}.hero-home{ height:95px;}}