/* Theme Name: StrapPress Child Theme URI: http://example.com/ Description: Child theme for the Twenty Thirteen theme Author: Your name here Author URI: http://example.com/about/ Template: strappress Version: 0.1.0 */ @import url("../strappress/style.css"); @import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700|Open+Sans:400,300,600,700,800|Merriweather:400,900,300,700); @import url("https://use.typekit.net/uzs0wyj.css"); @font-face { font-family: Avenir; src: url(/fonts/AvenirNextLTPro-Bold.otf); font-weight: 600; } @font-face { font-family: Avenir; src: url(/fonts/AvenirNextLTPro-Regular.otf); font-weight: normal; } @font-face { font-family: Avenir; src: url(/fonts/AvenirNextLTPro-It.otf); font-weight: normal; font-style: italics; } @font-face { font-family: Avenir; src: url(/fonts/AvenirNextLTPro-Demi.otf); font-weight: 700 } @font-face { font-family: Avenir; src: url(/fonts/AvenirNextLTPro-Heavy.otf); font-weight:800; } /* =Bootstrap -------------------------------------------------------------- */ html, body{overflow-x:hidden;} body{font-family:Avenir;font-weight: normal;font-size: 14px;line-height:24px;overflow-x:hidden;font-kerning: none;-webkit-font-smoothing: antialiased;} a:hover, a:focus{outline:0 !important;text-decoration:none;} .clearfix{clear:both;} button:focus {outline:0;} .nopad{padding-left:0;padding-right:0;} #wrapper{margin-bottom:0 !important;padding:0 !important;} img.wp-post-image, img.attachment-thumbnail, img.attachment-medium, img.attachment-large, img.attachment-full{margin: 0 auto 20px;} hr{background: #fff;color: #fff;height: 1px;} .py-9{padding-top:8.333337vw;padding-bottom:8.333337vw;} .p-15{padding:15px!important;} /* =Colors -------------------------------------------------------------- */ .purple{color:#78A9D1;} .blue{color:#78A9D1;} .purplebg{background-color:#78A9D1;} .bluebg{background-color:#646464;} .graybg{background-color:#f3f1f1;} /* =Buttons -------------------------------------------------------------- */ .btn, .read-more{display:inline-block;font-size:1.125em;padding: 10px 35px;border-radius:0;border:0;text-decoration:none !important;background:transparent;font-family:'Roboto Condensed', sans-serif;} .btn-white{color:#ffffff;border:1px solid #ffffff;transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out;} .btn-white span{color:#78A9D1;font-weight:600;} .btn-white .white {color:#fff; font-weight:400;} .btn-white:hover{color:#78A9D1;border:1px solid #78A9D1;} .btn-black, .read-more{color:#000;border:1px solid #000;transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out;} .btn-black:hover, .read-more:hover{color:#78A9D1;border:1px solid #78A9D1;} .btn-blue{color:#78A9D1;border:1px solid #78A9D1;transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out;} .btn-blue:hover{color:#fff;border:1px solid #fff;} .btn-full{width:100%;margin-top:20px;} /* =Headings -------------------------------------------------------------- */ h1, h2, h3, h4, h5, h6{margin:0;font-family:big-caslon-fb, serif;text-transform:uppercase;} h1{font-size:3.3em;margin-bottom:20px;font-weight:300;}/*98px*/ body.blog h3.page-title, h1.post-title, h1.page-title, .archive h3{font-size:1.875em;font-weight:600;} body.blog h3.page-title a{color:black; text-decoration: none;} h1.post-title a, h1.page-title a, .archive h1 a, .archive h3 a{color:#000;text-decoration:none !important;} h2{font-size:3.938em;font-weight:300;}/*63px*/ h3{font-size:3.438em;font-weight:300;}/*55px*/ h4{font-size:2.250em;font-weight:300;}/*36px*/ #gallery h1.fancy, h4.fancy{color:#fff;margin:20px 0;display: flex;flex-direction: row;justify-content: left;text-align: left;} #gallery h1.fancy:after, h4.fancy:after{background-color: #78A9D1 !important;content: '\a0';flex-grow: 1;height: 1px;position: relative;top: 0.5em;} #gallery h1.fancy:after, h4.fancy:after{margin-left:20px;} h5{font-size:1.500em;font-weight:600;}/*24px*/ h6{font-size:1.875em;font-weight:600;}/*30px*/ /* =Header -------------------------------------------------------------- */ #header{position:absolute;top:0;left:0;width:100%;z-index:2;} #header .header-left{position:relative;left:8.33333333%;} #header .header-right{position: absolute;right: 0;text-align: right;background: rgba(0,0,0,0.3);width: auto;display: inline-block;padding: 15px 175px 15px 15px;} #header .header-right::before{content: '';position: absolute;top: 0;left: -10%;height: 100%;width: 10%;background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%);background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%);background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#4d000000',GradientType=1 );} #header .header-right .btn{margin: 0;font-size: 1.125em;padding: 10px 15px;float: right;} #header .header-right .btn i {display:none;} #header .header-right .social-icons{margin: 5px 0 0 0;display: block;float: left;} #header .header-right .social-icons .fa{height: 35px;width: auto;line-height: 35px;margin: 0 15px 0 0;color: #fff;border-radius: 50%;border: none;background-color: transparent;text-align: center;font-size: 16px;} .liveChatFloatingButton{background-color: transparent !important;color: rgba(86,201,233,1) !important;font-size: 1.125em !important;font-weight: 300 !important;font-family: 'Roboto Condensed', sans-serif !important;border-radius: 0 !important;-moz-border-radius: 0 !important;-webkit-border-radius: 0 !important;-ms-border-radius: 0 !important;-webkit-box-shadow: none !important;-ms-box-shadow: none !important;box-shadow: none !important;height: 44px !important;line-height: 44px !important;position:absolute !important;width: 150px !important;top:15px !important;left:auto !important;right:15px !important;bottom: auto !important;-webkit-transform: rotate(0) !important;-moz-transform: rotate(0) !important;-ms-transform: rotate(0) !important;-o-transform: rotate(0) !important;z-index: 999999 !important;transition: 0.4s top cubic-bezier(0.3, 0.73, 0.3, 0.74);} body.open .liveChatFloatingButton{position:fixed !important;top: 8px !important;right: 15px !important;} /* Sticky Header */ #stickyHeader{position: fixed;top: -60px;left: 0;opacity:0;width: 100%;z-index: 99999;background:rgba(0,0,0,0.9);height:60px;padding:0;-webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);transition: 0.4s top cubic-bezier(0.3, 0.73, 0.3, 0.74);display: -webkit-box!important;display: -webkit-flex!important;display: -ms-flexbox!important;display: flex!important;-webkit-box-pack: start!important;-webkit-justify-content: flex-start!important;-ms-flex-pack: start!important;justify-content: flex-start!important;} #stickyHeader #stickyCTC{margin-left: auto!important;padding: 8px 175px 0 0;} #stickyHeader #stickyCTC > a{border-radius: 50%;border: 1px solid #fff;height: 44px;width: 44px;display: block;text-align: center;line-height: 44px;font-size: 20px;color: #fff;} #stickyHeader #stickyLogo{padding:5px 15px 0;} #stickyHeader #stickyLogo img{height:50px;} #stickyHeader #stickyNav{padding:0 15px;} #stickyHeader #stickyNav .ubermenu-main{border:none !important;background:transparent;} #stickyHeader #stickyNav .ubermenu-main .ubermenu-item-level-0 > .ubermenu-target{padding: 17px 20px !important;background:transparent !important;} #stickyHeader.slideDown{top: 0;opacity:1; } #main-menu{position:absolute;left:0;z-index:10;background:#000;padding:10px 0;width:100%;height:85px;} #main-menu .logo{float:left;padding-top:15px;} #main-menu .menu{float: right;width: calc(100% - 230px);} body.home #main-menu{top:calc(100vh - 85px);} body:not(.home){top:600px;} #main-menu .menu-logo{height:auto;} #header .subheader, #subheader .subheader{padding:30px 0;} #header .subheader h4, #subheader .subheader h4{text-align:center;font-weight:700;margin-bottom:20px;color:#78A9D1;overflow:hidden;} #header .subheader h3, #subheader .subheader h3{text-align:center;font-weight:300;font-size:3em;color:#fff;margin-bottom:70px;} #header .subheader h4:before, #header .subheader h4:after, #subheader .subheader h4:before, #subheader .subheader h4:after{border-top: 1px solid #fff;content: "";display: inline-block;height: 1px;position: relative;vertical-align: middle;width: 7%;margin-bottom: .15em;} #header .subheader h4:before, #subheader .subheader h4:before{right: 0.5em;margin-left: -50%;} #header .subheader h4:after, #subheader .subheader h4:after{left: 0.5em;margin-right: -50%;} #header .subheader .hl, #subheader .subheader .hl{padding-right:10px;} #header .subheader .hr, #subheader .subheader .hr{padding-left:10px;} .ubermenu{padding:0 !important;} .ubermenu-nav{display: -webkit-box!important;display: -webkit-flex!important;display: -ms-flexbox!important;display: flex!important;-webkit-box-pack: justify!important;-webkit-justify-content: space-between!important;-ms-flex-pack: justify!important;justify-content: space-between!important;} .ubermenu-main{background:transparent !important;border:none !important;} .ubermenu-main .ubermenu-item-level-0 > .ubermenu-target{font-size:21px !important;padding:18px 20px !important;} .ubermenu-main.ubermenu-sub-indicators .ubermenu-item-level-0.ubermenu-has-submenu-drop > .ubermenu-target:after{display:none;} .ubermenu .ubermenu-item-level-1 .ubermenu-target-text {color: #666;font-size: 19px;} .ubermenu .ubermenu-item-level-1 ul li .ubermenu-target-text {color: #fff;font-size: 18px;} .ubermenu-main .ubermenu-submenu .ubermenu-item-header > .ubermenu-target:hover span, .ubermenu .ubermenu-item-level-1 ul li .ubermenu-target-text:hover{color: #78A9D1 !important;} .ubermenu .ubermenu-item-level-1 .ubermenu-target-text{color:#fff !important;} .taptap-by-bonfire .menu ul{background:rgba(86,201,233,.3) !important;padding:10px 0px;} .taptap-by-bonfire .menu ul ul{padding-left:15px;} .taptap-by-bonfire .menu li span{border:none;} .taptap-by-bonfire .sub-menu a{font-size:14px;} .taptap-by-bonfire .menu li span{line-height:35px;margin: 0 0 0 0px;} .taptap-menu-button-wrapper {top: 50px;left: 90px;} /* =Homepage -------------------------------------------------------------- */ .home-hero{position:relative;height:100vh;width:100%;} .home-hero .overlay{width: auto;position: absolute;bottom: 3%;left: 8%;transform: translate(0%,-50%);z-index: 10;background: rgba(0,0,0,0.3);padding: 15px;} .home-hero .overlay::before{content: '';position: absolute;top: 0;left: -10%;height: 100%;width: 10%;background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%);background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%);background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#4d000000',GradientType=1 );} .home-hero .overlay::after{content: '';position: absolute;top: 0;right: -10%;height: 100%;width: 10%;background: -moz-linear-gradient(left, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%);background: -webkit-linear-gradient(left, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%);background: linear-gradient(to right, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d000000', endColorstr='#00000000',GradientType=1 );} .home-hero .overlay h1{color:#fff;font-size:90px;line-height:.9em;font-weight: 300;font-style: normal;font-family: 'Open Sans Condensed';margin:0;-webkit-animation:tracking-in-contract .8s cubic-bezier(.215,.61,.355,1.000) 2s both;animation:tracking-in-contract .8s cubic-bezier(.215,.61,.355,1.000) 2s both} .home-hero .overlay h3{color:#78A9D1;font-size: 30px;line-height: 30px;letter-spacing:13px;font-weight: 300;font-style: normal;font-family: Open Sans Condensed;margin-bottom:20px;-webkit-animation:flip-in-hor-top .5s cubic-bezier(.25,.46,.45,.94) 2.8s both;animation:flip-in-hor-top .5s cubic-bezier(.25,.46,.45,.94) 2.8s both} .home-hero .overlay .btn{display: inline-block;font-size: 1.125em;padding: 10px;-webkit-animation: scale-in-hor-center .5s cubic-bezier(.25,.46,.45,.94) 3.1s both;animation: scale-in-hor-center .5s cubic-bezier(.25,.46,.45,.94) 3.1s both;margin: 0 10px 0 0;width: 290px;} .home-hero .realself{z-index:999;bottom:130px;right:20px;margin:0;position:absolute;max-width:160px;-webkit-animation:puff-in-tl .7s cubic-bezier(.47,0.000,.745,.715) 3.2s both;animation:puff-in-tl .7s cubic-bezier(.47,0.000,.745,.715) 3.2s both;} body:not(.home) #wrapper{margin-top:85px;} .sub-hero{height: 450px;display: table;width: 100%;} .sub-hero .inner{display:table-cell;vertical-align:middle;text-align:center;background:rgba(0,0,0,0.2);} .sub-hero .inner .header-subtitle{line-height: 1.1; margin: 0;font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; font-weight: 300;font-size: 3.5em;color: #fff;margin-bottom: 50px;} .sub-hero .inner .header-title{line-height: 1.1; font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; font-weight: 700;font-size:2.250em;margin-bottom: 10px;margin-top:20px;color: #78A9D1;overflow: hidden;} .sub-hero .inner .header-title:before {right: 0.5em;margin-left: -50%;} .sub-hero .inner .header-title:after{left: 0.5em;margin-right: -50%;} .sub-hero .inner .header-title:before, .sub-hero .inner .header-title:after{border-top: 1px solid #fff;content: "";display: inline-block;height: 1px;position: relative;vertical-align: middle;width: 7%;margin-bottom: .15em;} .vid-row .fw-l{padding-right:8vw !important;} .full-width{padding:105px 0;} .full-width h3{margin-bottom:15px;} .full-width h5, .full-width p{margin-bottom:20px;} .our-procedures{background-color:#000;} .procedures .procedure{overflow:hidden;background:#000;} .procedures .procedure img{position:relative;z-index:2;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;} .procedures .procedure h5{position:absolute;bottom:10px;left:15px;z-index:3;font-weight:300;font-style:italic;color:#646464;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;} .procedures .procedure:hover h5{color:#fff;} .procedures .procedure:hover img{transform:scale(1.1);} .home-gallery{background:#000 url('/wp-content/uploads/2016/07/bna-bg2.jpg') center/cover no-repeat;} .webp .home-gallery{background:#000 url('/wp-content/themes/strappress-child/images/bna-bg2.webp') center/cover no-repeat;} .home-gallery h3{color:#fff;} .home-gallery p{color: #fff;} .home-gallery .g-l > p:last-of-type{color: #fff;} .home-gallery .gallery-overlay .g-l{padding-right:15px;} .home-gallery .gallery-overlay .g-r{padding-left:15px;} .home-gallery .gallery-overlay .g-l, .home-gallery .gallery-overlay .g-r{position:relative;z-index:5;} .home-gallery .gallery-overlay .btn-blue{width:50%;min-width:320px;margin:10px 0 0 0;} .home-gallery .gallery-videooverlay{position:Absolute;top:0;left:0;z-index:2;width:100%;height:935px;} .home-gallery .gallery-videobg{position:Absolute;top:0;left:0;width:100%;z-index:1;} /*ROTATORS ---------------------------------------------------------------*/ .owl-carousel .owl-nav{position:absolute;height:1px;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;} .owl-theme .owl-nav [class*=owl-]{position:absolute;color:#fff;background:transparent;padding:0;margin:0;font-size:40px;top:50%;transform:translateY(-50%);} .owl-theme .owl-nav [class*=owl-]:hover{background: transparent;} .owl-theme .owl-dots{display:none;} body:not(.single-imgallery) .owl-carousel .owl-nav .owl-next{right:-55px;transition:all 300ms linear;-webkit-transition:all 300ms linear;} body:not(.single-imgallery) .owl-carousel .owl-nav .owl-prev{left:-55px;transition:all 300ms linear;-webkit-transition:all 300ms linear;} body:not(.single-imgallery) .owl-carousel:hover .owl-nav .owl-next{right:20px;} body:not(.single-imgallery) .owl-carousel:hover .owl-nav .owl-prev{left:20px;} .procedures-rotator .item img{-webkit-filter: grayscale(100%);filter: grayscale(100%);} .procedures-rotator .item h3{font-size: 24px !important;padding: 0 40px !important;} .img-rotator .item{position:relative;height:267px;overflow:hidden;} .img-rotator .item *{position:absolute;} .img-rotator .item::before{content:'';display:block;position:absolute;top:50%;left:0;transform:translate(-100%,-50%);height:105%;width:105%;background:rgba(0,0,0,0.65);z-index:2;transition:all 375ms linear;-webkit-transition:all 375ms linear;} .img-rotator .item::after{content:'';display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:105%;width:105%;background:rgba(0,0,0,.15);z-index:1;transition:all 375ms linear;-webkit-transition:all 375ms linear;} .img-rotator .item h3{top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;color:#fff;font-size:18px;width: 100%;text-align: center;transition:all 300ms linear;-webkit-transition:all 300ms linear;} .img-rotator .item img{top:50%;left:50%;transform:translate(-50%,-50%) scale(1);z-index:1;height:auto;width:100%;max-width:none;margin:0;transition:all 1000ms linear;-webkit-transition:all 1000ms linear;} .img-rotator .item .btn{color:#fff;top:85%;left:50%;transform:translate(-50%,-50%);z-index:3;opacity:0;transition:all 200ms linear;-webkit-transition:all 200ms linear;-webkit-transition-delay: 420ms;transition-delay: 420ms;} .img-rotator .item:hover:before{left:50%;transform:translate(-50%,-50%);} .img-rotator .item:hover h3, .our-procedures .procedures-rotator .item:hover .btn:hover{color:#78A9D1;} .img-rotator .item:hover .btn{top:75%;opacity:1;} .img-rotator .item:hover img{transform:translate(-50%,-50%) scale(1.2);} .related-articles{background:#000;} .related-articles .posts-rotator .item h3{top:50%;left:50%;height:50px;transform:translate(-50%,-50%);z-index:3;color:#fff;font-size:18px;width: 100%;text-align: center;padding:0 15px;transition:all 350ms linear;-webkit-transition:all 350ms linear;} .related-articles .posts-rotator .item .excerpt{height:100px;top:50%;left:50%;text-align:center;transform:translate(-50%,-50%);display:block;z-index: 4;width: 100%;padding:0 15px;color:#fff;opacity:0;transition:all 200ms linear;-webkit-transition:all 200ms linear;-webkit-transition-delay: 420ms;transition-delay: 420ms;} .related-articles .posts-rotator .item .excerpt .read-more{display:none;} .related-articles .posts-rotator .item .btn{top:100% !important;left:50%;transform:translate(-50%,0);opacity:0;transition:all 200ms linear;-webkit-transition:all 200ms linear;-webkit-transition-delay: 420ms;transition-delay: 420ms;} /*.related-articles .posts-rotator .item:hover h3{top:50px;color:#78A9D1;} .related-articles .posts-rotator .item:hover .excerpt{opacity:1;}*/ .related-articles .posts-rotator .item:hover .btn{top:70% !important;opacity:1;} #sl{display: -webkit-box!important;display: -webkit-flex!important;display: -ms-flexbox!important;display: flex!important;-webkit-box-pack: justify!important;-webkit-justify-content: space-between!important;-ms-flex-pack: justify!important;justify-content: space-between!important;margin-top:15px;margin-bottom:15px;} #sl .btn{margin-top:15px;} @-webkit-keyframes fade-in-fwd{0%{-webkit-transform:translateZ(-80px);transform:translateZ(-80px);opacity:0}100%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}} @keyframes fade-in-fwd{0%{-webkit-transform:translateZ(-80px);transform:translateZ(-80px);opacity:0}100%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}} /* =Gallery -------------------------------------------------------------- */ #gallery, #gallery-intro{margin: 0;padding:10px 0 40px;list-style-type: none;background: #000;background:#000;color:#fff;} #gallery .breadcrumb {padding: 0;margin-bottom: 20px;list-style: none;background-color: transparent;border-radius: 0;font-family: 'Roboto Condensed', sans-serif;text-transform:uppercase;} #gallery .breadcrumb a{color:#78A9D1} #gallery .inner, #gallery-intro .inner{border: 1px solid #666;width: 83.33333333%;padding: 15px 30px;margin-left: 8.33333333%;} body:not(.single-imgallery) body:not(.single-imgallery) #gallery .inner .item{width:20%;float:left;padding:5px;position:relative;overflow:hidden;} body:not(.single-imgallery) #gallery .inner .item h3, body:not(.single-imgallery) #gallery-intro .item h3{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);width:100%;text-align:center;font-size:24px;z-index:3;transition:all 300ms linear;-webkit-transition:all 300ms linear;-webkit-transition-delay: 200ms;transition-delay: 200ms;} body:not(.single-imgallery) #gallery .inner .item::before{content:'';display:block;position:absolute;top:50%;left:-50%;transform:translate(-100%,-50%);height:110%;width:110%;background:rgba(0,0,0,0.85);z-index:2;transition:all 375ms linear;-webkit-transition:all 375ms linear;} body:not(.single-imgallery) #gallery .inner .item:hover::before{left:50%;transform:translate(-50%,-50%);} body:not(.single-imgallery) #gallery .inner .item:hover h3{bottom:50%;} a.gallery-title {color:#fff;} div.gallery-disclaimer {padding-top: 30px; font-size: 18px; float:none; text-align: center; font-weight: bold;} .intro-container{width:100%;height:66vh;min-height:570px;overflow:hidden;} .gallery-intro-rotator .owl-stage-outer, .gallery-intro-rotator .owl-stage, .gallery-intro-rotator .owl-item{height:100%;} #gallery-intro .item{position:relative;height:100%;background:#000;width:100% !important;float:left;overflow:hidden;padding:0 5px;} #gallery-intro .item::after{content:'';height:110%;width:110%;position:absolute;left:0;top:0;background:rgba(0,0,0,0.3);z-index:1;transition:all 300ms linear;-webkit-transition:all 300ms linear;} #gallery-intro .item img{min-width:100%;min-height:100%;height:auto;width:auto;z-index:-1;transform:scale(1);-webkit-filter: grayscale(100%);filter: grayscale(100%);transition:all 300ms linear;-webkit-transition:all 300ms linear;} #gallery-intro .item h3{position:absolute;top:30%;left:50%;font-weight:normal;transform:translate(-50%,-50%);width:100%;text-align:center;font-size:18px;z-index:3;transition:all 300ms linear;-webkit-transition:all 300ms linear;-webkit-transition-delay: 200ms;transition-delay: 200ms;} #gallery-intro .item .child-pages{position:absolute;top:55%;left:50%;transform:translate(-50%,-50%);width:100%;text-align:center;font-size:16px;z-index:3;transition:all 300ms linear;-webkit-transition:all 300ms linear;-webkit-transition-delay: 200ms;transition-delay: 200ms;} #gallery-intro .item .child-pages a{display: block;color: #fff;font-family: 'Roboto Condensed', sans-serif;font-weight: 300;text-transform: uppercase;font-size: 18px;margin-bottom: 10px;position:relative;} #gallery-intro .item .child-pages a:hover{color:#78A9D1;} #gallery-intro .item .child-pages a::after{content:'';position:absolute;left:50%;top:100%;} #gallery-intro .item:hover::after{background:rgba(0,0,0,0.6);} #gallery-intro .item:hover h3{color:#78A9D1;} #gallery-intro .item:hover img{-webkit-filter: grayscale(0);filter: grayscale(0);transform:scale(1.05);} #gallery h1.fancy, #gallery h4.fancy{margin:0;} .patient-rotator{margin-top:70px;} .patient-rotator .item{width: 100%;position: relative;padding: 0;} .patient-rotator .item > .imgal{width:50%;float:left;position:relative;} .patient-rotator .item > .imgal::after{content:'Click a thumbnail above to view detailed image';display:block;position:absolute;left:0;top:100%;text-align:center;width:100%;} .patient-rotator .item > .desc{width:50%;float:left;padding:0 50px;} .patient-rotator .item > .desc > hr:first-of-type{margin-bottom:8px;} .patient-rotator .owl-nav{top:-40px;} .patient-rotator .owl-nav [class*=owl-]{font-size:1em;} .patient-rotator .owl-dots {display: block;margin-top: 10px;height: 15px;} .patient-rotator .owl-dots .owl-dot.active span, .patient-rotator .owl-dots .owl-dot:hover span{background:#78A9D1 !important;} body.single-imgallery .owl-carousel .owl-nav .owl-next{right:0px;} body.single-imgallery .owl-carousel .owl-nav .owl-prev{left:0px;} .patient-rotator h4{margin-top:20px;} .procedure-links{margin-top:20px;} .procedure-links a{color:#78A9D1;font-family: 'Roboto Condensed', sans-serif;font-size:16px;text-transform: uppercase;} /* =SIDEBAR -------------------------------------------------------------- */ .procedure-sidebar{background: rgba(0,0,0,0.04);padding-top:15px;padding-bottom:15px;} .procedure-sidebar .procedure-menu{list-style-type: none;padding: 0;margin: 0;background: transparent;} .procedure-sidebar #widgets ul{margin-bottom:25px;} .procedure-sidebar .procedure-menu .page_item, .procedure-sidebar #widgets ul li{padding: 5px 10px;background: transparent;border-bottom: 1px dashed #eaeaea;} .procedure-sidebar .procedure-menu .page_item a, .procedure-sidebar #widgets ul li a{font-family: 'Roboto Condensed', sans-serif;text-transform: uppercase;font-size: 1.125em;color: #000;font-weight: 500;} .procedure-sidebar .procedure-menu .page_item:hover, .procedure-sidebar #widgets ul li:hover{background:#646464;} .procedure-sidebar .procedure-menu .page_item:hover a, .procedure-sidebar #widgets ul li a:hover{color:#fff;} .procedure-sidebar .procedure-menu .current_page_item{background:rgba(0,0,0,0.05);} .procedure-sidebar .procedure-menu .current_page_item a{color:#78A9D1;} .procedure-sidebar h4, .procedure-sidebar .widget-title{border-bottom: 1px solid #eaeaea;text-align: left;padding: 8px 0;color: #000;margin: 0;font-family: 'Roboto Condensed', sans-serif;text-transform: uppercase;font-size: 2.250em;font-weight: 300;} #mystory{list-style-type: none;padding:0;margin:0 0 25px 0;} #mystory h6{font-size: 1.3em;font-weight: normal;margin: 0 !important;} #mystory h3{text-align:center; background:#000; color:#fff; padding:25px 0 0; margin-bottom:0px;font-size:2.250em;} #mystory h4{text-align:center; font-size: 1.3em; background:#000; color:#fff; padding:10px 20px 10px; margin-bottom:0px;} #mystory h5{text-align:center; font-size: 1.2em; font-weight:100; background:#78A9D1;padding:10px 10px; margin-bottom:0px;} #mystory h5 a{color:#fff !important;} #mystory h6{text-align:center; margin-top:10px;} #mystory img{width:100%; margin:0px;} #widgets ul{margin:0;padding:0;} #widgets ul li{padding:10px 20px;margin-left:0px;} #widgets ul li a{text-transform:uppercase;font-size:1.125em;color:#000;font-weight:500;} #widgets ul li:hover{background:#646464;} #widgets ul li:hover a{color:#fff;} /* =PROCEDURES -------------------------------------------------------------- */ .procedure-divider hr{margin:75px auto;;width:100%;} .procedure-content{padding-right:60px;} .procedure-content h1{padding-bottom:20px;} .content h4, .procedure-content h4, .content h3, .procedure-content h3 {font-size: 1.429em; margin-bottom:10px;} .procedure-content h5{margin:0;font-size:1.250em;} .content h6, .procedure-content h6, .content h2, .procedure-content h2{color:#000;margin-bottom:15px; font-size: 1.650em; font-weight: 600;} .procedure-content hr{margin:40px 0;background:#747373;height:1px;} .procedure-content p:first-of-type strong, .font-roboto{font-family: 'Roboto Condensed', sans-serif;} .gallery-overlay h1{color:#fff;font-weight:300;margin-bottom:30px;} .cl{padding-right:30px;} .cr{padding-left:30px;} .posts-container{padding:5vw 0;} .posts-container > h3{margin-bottom:30px;} .posts-container .posts-rotator{} .posts-container .posts-rotator .item{padding:0;} .posts-container .posts-rotator .item h6{font-size: 1.500em;padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid #d2d0d0;min-height: 90px;position: relative;} .posts-container .posts-rotator .item h6 a{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block;width:100%;} .posts-container .posts-rotator .item p{color: #797979;min-height: 205px;} .posts-container .posts-rotator .item p:last-of-type{display:none;} .posts-container .posts-rotator .item .post-content{padding-left:0;} .posts-container .posts-rotator .item img{margin:0;} .content ul{list-style-type:square;} .content ul li{color:#000;font-weight:500;margin-bottom:25px;} .content ul li a{color:#78A9D1;font-weight:700;} .wpcf7-text, .wpcf7-select{width: 100% !important;} /* =FOOTER -------------------------------------------------------------- */ .myvisit{background: #78A9D1;color: #fff;padding: 20px 0;} .myvisit .alignleft{margin: 10px 0 0 0;font-size: 26px;font-weight: 400;} .myvisit .btn{margin: 0;font-weight:bold;font-size:18px;} .myvisit .btn:hover{color:#000;border-color:#000;} #gmap_canvas{height:400px;width:100%;} #gmap_canvas strong{font-size:30px;font-weight:300;color:#646464;} #gmap_canvas .gm-style-iw{font-size:1.125em;} #footer{background:#000;padding:80px 0 30px;color:#fff;position:relative;font-family:'Roboto Condensed', sans-serif;} #footer:before{content:'';display:block;position:absolute;left:0;width:100%;height:100%;z-index:2;top:0;background: -moz-linear-gradient(top, rgba(17,17,17,1) 0%, rgba(17,17,17,0) 25%, rgba(17,17,17,0) 75%, rgba(17,17,17,1) 100%);background: -webkit-linear-gradient(top, rgba(17,17,17,1) 0%,rgba(17,17,17,0) 25%,rgba(17,17,17,0) 75%,rgba(17,17,17,1) 100%);background: linear-gradient(to bottom, rgba(17,17,17,1) 0%,rgba(17,17,17,0) 25%,rgba(17,17,17,0) 75%,rgba(17,17,17,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#111111', endColorstr='#111111',GradientType=0 );} #footer #map{height:100%;width:100%;position:absolute;top:0;left:0;z-index:1;} #footer h3{margin-bottom:10px;font-size:2.7264em} #footer h5{margin-bottom:15px;text-align:center;} #footer .fa-map-marker{font-size:23px;color:#78A9D1;opacity:1;transition:opacity .3s linear;-webkit-transition:opacity .3s linear;} #footer #marker-link a{color:white; text-transform: uppercase; font-weight:600;} #footer.active .fa-map-marker{opacity:1;} #footer .contact{position:relative;z-index:4;margin-bottom:80px;opacity:1;transition:opacity .3s linear;-webkit-transition:opacity .3s linear;} .contact-left, .contact-right{background: rgba(0,0,0,0.5);} #footer.active .contact{opacity:0;} #footer #showContact{position: absolute;top: 0;left: 50%;transform: translateX(-50%);z-index: 10;opacity: 0;transition:all .3s linear;-webkit-transition:all .3s linear;} #footer.active #showContact{top:20px;opacity:1;} #footer .phone a{color:#fff;font-size:18px;} #footer .contact .pad-sm{padding:20px;} #footer .contact strong{display: block;font-size: 20px;font-family: 'Roboto Condensed', sans-serif;margin-bottom: 5px;margin-top: 20px;} #footer .contact .contact-left > div{margin-bottom:10px;} #footer .contact .address{position:relative;width:100%;} #footer a address{color:white;} #footer .contact .address address{margin-bottom:10px;} #footer .contact .address #viewMap{height: 35px;line-height: 35px;font-weight: bold;text-transform: uppercase;border-radius: 18px;} #footer .contact .address #viewMap:hover{cursor:pointer;} #footer .contact .address #viewMap .fa-map-marker{font-size: 23px;opacity:1;} #footer .contact .social-icons{line-height: 22px;margin: 0;padding: 0;text-align: left;} #footer .contact .social-icons .fa{height:35px;width:35px;font-size:18px;line-height:33px;color:#fff;border-radius:50%;border:2px solid #fff;text-align:Center;} #footer .wpcf7{padding: 0;} #footer .wpcf7-form > p:last-of-type{margin-bottom:0 !important;} #footer .wpcf7-textarea{height:150px;} #footer .wpcf7-text, #footer .wpcf7-select, #footer .wpcf7-textarea{width: 100% !important;background: rgba(255,255,255,.1) !important;/*color: #fff !important;*/border: 1px solid rgba(255,255,255,.3) !important;} #footer .copyright{position: absolute;bottom: 0;width: 100%;z-index: 5;height:60px;} #footer .copyright .copy{margin: 0;padding: 0;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);text-transform: uppercase;font-size: 11px;} #footer #patientVisitLink{border-radius: 18px;background-color: #7ac142;border: 2px solid #fff;color: #fff;height: 35px;display: inline-block;font-size: 16px;line-height: 31px;color: #fff !important;padding: 0 20px;position: relative;top: 2px;left: 10px;} #footer #patientVisitLink i{vertical-align: middle;border:none;height:auto;width:auto;} #footer .copyright .social-icons{margin: 0;padding: 0;position: absolute;right: 20px;top: 50%;transform:translateY(-50%);} /* Accordion -----------------------------------------------------------*/ .faqs h2{margin:0 auto 30px;} .py-6{padding-top:4.5rem;padding-bottom:4.5rem;} .accordion{list-style-type:none;padding:0;margin:30px 0 0 0;} .accordion li{display:block;padding:15px 0;border-top:1px solid rgba(255,255,255,0.2);} .accordion li .acc-content{display:none;padding-top:15px;} .accordion li h6{font-weight:300;font-size:1.5em;} .accordion li.active h6{color:#78A9D1;} /* Old Stuff ----------------------------------------------------------*/ .gallery-overlay h1{font-weight: 300;margin-bottom: 30px;font-size: 6.125em;} .fullwidth{width:100%;} .pad-top{padding-top:25px;} .about{padding:0;color:#fff;} .about h2{margin-bottom:20px;} .about-left{background:url('/wp-content/uploads/2016/06/about-drlee-bg.jpg') top center no-repeat;background-size:cover;padding:0 8.3333vw;text-align:center;} .webp .about-left{background:url('/wp-content/themes/strappress-child/images/about-drlee-bg.webp') top center no-repeat;background-size:cover;padding:0 8.3333vw;text-align:center;} .about-left .pad{padding:8.3333vw 0;display:block;} .blue-border {border: #78A9D1 solid 2px;padding: 55px 55px 35px 35px !important;} .about-left h2{font-size: 3.4em;text-align:center;} .about-center{background:#000 url('/wp-content/uploads/2017/08/MeetDrLee.jpg') top center no-repeat;background-size:cover;} .webp .about-center{background:#000 url('/wp-content/themes/strappress-child/images/MeetDrLee.webp') top center no-repeat;background-size:cover;} .about-right{height:755px;background:url(/wp-content/uploads/2016/02/bg-rightside.jpg) top center no-repeat;background-size:cover;} #cert-box img {display: inline-block;width: auto;max-width: 15%;height: auto;max-height: 100px;margin-right: 15px;cursor: pointer;} .content a{color:#78A9D1;text-decoration:underline;} .pro-title{text-align:center;padding:1px !important;border-radius:2px;color:#fff;text-transform:uppercase;font-size:1em;font-weight:500;} .purple-half{background:#78A9D1 url(/wp-content/uploads/2016/02/logo-transparent.png) center center no-repeat;padding:0 155px;color:#fff;height:740px;font-size:1.125em;} .purple-half .btn{margin-top:60px;} .midalign-outer{height:740px;display: table;width: 100%;} .midalign-inner{display:table-cell;vertical-align: middle;width: 100%;} .mobile-slider{display:none;} .consult{background: #e4e4e4;padding: 108px 120px 40px;} .pad-bot{padding-bottom: 25px;} #live-chat a.btn {width: 100%;} #wpcf7-f1774-p234-o1 p {margin-bottom: 15px;} #wpcf7-f1774-p234-o1 .wpcf7-text, #wpcf7-f1774-p234-o1 .wpcf7-select {width: 100%;} input.wpcf7-form-control.wpcf7-file.btn.btn-border-blue {width: 100%;border: 4px solid #646464;margin-top: 30px;} .wpcf7-form p{margin-bottom:11px !important;} .padding-top {padding-top: 35px;} .almost-half{width:70%;} .sa img {float: left;padding: 0;height: 75px;margin: 0 1% 1% 0%;cursor: pointer;} .about-left h5{display:inline-block;} .about-left i{vertical-align: inherit;} .clear-left{clear:left;} .page-template-template-contact #map{height:750px;} .contact-container{padding:0 !important;} .contact-container .cl{padding-top:108px;} .pad-40 {padding: 60px 0;} .list {padding: 20px;} #wpcf7-f2266-p233-o1 .wpcf7-text, #wpcf7-f2266-p233-o1 .wpcf7-select {width: 100%;padding: 12px 30px;color: #000;border: 0;} .postid-2349 .width50 {padding-top: 40px;} .postid-2349 .image-descriptions, .postid-2350 .image-descriptions {padding-top: 20px;} .sm-top-pad {padding-top: 35px;} .page-id-222 h2 {font-size: 2em;font-weight: 100;} /*.page-id-222 .content img {max-height: 165px;}*/ .page-id-190 .content ul li a.gray {color: #646464;} .postid-2349 .demo li, .postid-2350 .demo li {width: 100%;} .blog-row{margin-bottom:30px;} .blog-row .post-thumb img{margin:0;} .blog-row .post-content{padding-left:20px;} .post-header img{margin-top:0;} .img-gray {filter: grayscale(100%);} .img-gray:hover{filter:none;} .pad-sm-r{padding-right:7px;} .pad-sm-l{padding-left:7px;} .smalltext{font-size:14px;line-height:20px;color:#78A9D1;margin-top:30px;} .wpcf7-text, .wpcf7-select{width:97%;padding:12px 20px;color:#78A9D1;border:0; border-radius: 0px;} .wpcf7-form-control-wrap select::placeholder, .wpcf7-form-control-wrap input::placeholder, .wpcf7-form-control-wrap textarea::placeholder{color:#78A9D1;} .wpcf7-select{background:#fff url(/wp-content/uploads/2017/06/select-bg-updated.png) top right no-repeat;background-size:auto 100%;} .wpcf7-textarea{height:224px;padding:15px 20px;color:#0030b4;border:0; border-radius: 0px;} .wpcf7-submit{margin-top:0px;} select{-webkit-appearance: none;-moz-appearance: none;} .contact-container .btn-purpleborder{padding:15px 0;width:100%;} .cf{background: #333333;padding: 108px 30px;color: #fff;} .cf h3 {display: none;} .cf h5.purple {font-size: 3.0em;} p.caption-area {font-size: 13px;text-align: center;font-weight: bold;margin-bottom: 0;} .page-id-1677 .full-width article {border-bottom: 1px dashed #bbb;padding-bottom: 20px;margin-bottom: 20px;display: block;float: left;width: 100%;} .page-id-1677 h1.post-title {margin-top:0;margin-bottom:10px;} .page-id-126 li {list-style: none;} .page-id-126 .blue-border {padding: 10px !important;margin-bottom: 8px;display: inline-block;width: auto;} .sidebar-text {padding: 25px 0;} .sidebar-text h3 {font-size: 2em;} .sidebar-text h6 {font-size: 1.2em;font-weight: 400;margin-bottom: 6px;} .quote{font-weight: bold;font-style:italic;display:inline;} .name{display:inline-block;} .grecaptcha-badge{display:none;} /* =TRAVELING PATIENTS PAGE -------------------------------------------------------------- */ body.page-id-222{background:#101010;color:#efefef;} body.page-id-222 #main-menu .menu{float: left;width: auto;} body.page-id-222 .sub-hero{display:none;} body.page-id-222 #wrapper{margin-top:0;} body.page-id-222 #main-menu{background:transparent;width:70%;} body.page-id-222 #main-menu > .row {width:100%;} body.page-id-222 #main-menu > .row > div{margin-left:15px !important;} body.page-id-222 > .container-fluid:nth-of-type(2n){padding-top:85px;} body.page-id-222 .hotels-intro{min-height:100vh;width:100%;position:relative;} body.page-id-222 .hotels-intro .btn{width:230px;} body.page-id-222 .hero-bg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:100%;width:100%;opacity: .2;-webkit-filter: grayscale(30%);filter: grayscale(30%);overflow:hidden;} body.page-id-222 .hotels-intro .line{height: 30vh;width: 1px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,100%);background: #efefef;} body.page-id-222 .hero-bg img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;-webkit-transition:opacity 600ms ease;transition:opacity 600ms ease;} body.page-id-222 .hero-bg img.active{opacity:1;} body.page-id-222 #main-menu .logo{margin-right:15px;} body.page-id-222 .content{position:absolute;top:85px;left:50%;transform:translateX(-50%);text-align:center;z-index:5;} body.page-id-222 h1{color: #efefef;font-size: 100px;font-weight: 300;margin:0;line-height:.74;text-align:center;} body.page-id-222 h2{text-align:center;font-size: 40px;font-weight: 300;} body.page-id-222 .shadow{position:absolute;bottom:-10px;left:0;width:100%;height:100%;background: -moz-linear-gradient(top, rgba(16,16,16,0) 0%, rgba(16,16,16,1) 100%);background: -webkit-linear-gradient(top, rgba(16,16,16,0) 0%,rgba(16,16,16,1) 100%);background: linear-gradient(to bottom, rgba(16,16,16,0) 0%,rgba(16,16,16,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00101010', endColorstr='#101010',GradientType=0 );} body.page-id-222 .buttons{width:470px;margin:6vh auto;} body.page-id-222 .hotel-info .btn, body.page-id-222 .hotels-intro .btn{border: 1px solid #efefef;padding: 0;color: #efefef;height: 44px;width: 44px;min-width: 230px;} body.page-id-222 .container .col-md-6{padding-top: 15vh;padding-bottom: 10vh;text-align: justify;} .big-text{position: absolute;left: 0;top: 50%;transform: translateY(-50%);z-index: 2;color:#688f92;display:none;} .big-text span{transform: rotate(90deg);display: block;font-size: 200px;width: 160px;} body.page-id-222 .hotels-intro .text-left{position: absolute;bottom: 0%;left: 15%;width: 30%;z-index: 2;color: #efefef;text-align: right;} body.page-id-222 .hotels-intro .text-right{position: absolute;bottom: -3%;left: 55%;width: 30%;z-index: 2;color: #efefef;text-align: left;} body.page-id-222 .hotel-info{height:auto;position:relative;} body.page-id-222 .hotel-info .text-left{z-index: 2;padding:30px;margin-top:50px;color:#efefef;max-width:50vw;text-align: justify;} body.page-id-222 .hotel-info .sumthin{margin-top:50px;color: #efefef;text-align:left;padding:15px 15px 0 15px;background:#78A9D1;position: relative;left: -30px;} body.page-id-222 .hotel-info .sumthin::after{content:'';display:block;clear:both;} body.page-id-222 .hotel-info .sumthin img{width:200px;float:left;margin-bottom:15px;padding-right:15px;} body.page-id-222 .hotel-info .sumthin h2{text-align: left;font-size: 29px;font-weight: 300;} body.page-id-222 .hotel-info .sumthin p{font-size: 18px;font-weight: 600;text-transform: uppercase;margin-top: 5px;margin-bottom:0;} body.page-id-222 .hotel-info .text-left .buttons{margin-top:80px;} body.page-id-222 .hotel-info .btn{width:230px;line-height:44px;} body.page-id-222 .hotel-info .bg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:100%;width:100%;opacity: .2;-webkit-filter: grayscale(30%);filter: grayscale(30%);overflow:hidden;} body.page-id-222 .hotel-info .bg img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;-webkit-transition:opacity 600ms ease;transition:opacity 600ms ease;} body.page-id-222 .hotel-info .bg img.active{opacity:1;} .slider-container{position:absolute;right:0;top:50%;transform:translateY(-50%);height:50vh;width:50vw;overflow:hidden;} .slider-container .item{height:300px;} .slider-container .item .img-cover{height: 20%;width: 100%;overflow: hidden;position: absolute;bottom: 0;left: 50%;opacity:0;-webkit-transform: translateX(-50%);transform: translateX(-50%);-webkit-transition:all 500ms ease-in;transition:all 500ms ease-in;} .slider-container .owl-item.active .item .img-cover /*.slider-container .item:hover .img-cover*/{height:300px;opacity:1;} .slider-container .item .img-cover img{width: auto !important;max-width:none;height: 40vh;position: absolute;top:50%; bottom: 0;left: 50%;transform: translate(-50%, -50%);} .d-flex{display: -webkit-box!important;display: -ms-flexbox!important;display: flex!important;} .align-items-center{-webkit-box-align: center!important;-ms-flex-align: center!important;align-items: center!important;} .justify-content-start{-webkit-box-pack: start!important;-ms-flex-pack: start!important;justify-content: flex-start!important;} body.page-id-222 .owl-item {visibility: hidden;} body.page-id-222 .owl-item.active {visibility: visible;} body.page-id-222 #footer.active #showContact {line-height: 40px;} /* =KEYFRAMES -------------------------------------------------------------- */ .flip-in-hor-bottom{-webkit-animation:flip-in-hor-bottom .5s cubic-bezier(.25,.46,.45,.94) 2s both;animation:flip-in-hor-bottom .5s cubic-bezier(.25,.46,.45,.94) 2s both} @-webkit-keyframes flip-in-hor-bottom{0%{-webkit-transform:rotateX(80deg);transform:rotateX(80deg);opacity:0}100%{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}}@keyframes flip-in-hor-bottom{0%{-webkit-transform:rotateX(80deg);transform:rotateX(80deg);opacity:0}100%{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}} @-webkit-keyframes tracking-in-contract{0%{letter-spacing:1em;opacity:0}40%{opacity:.6}100%{letter-spacing:normal;opacity:1}}@keyframes tracking-in-contract{0%{letter-spacing:1em;opacity:0}40%{opacity:.6}100%{letter-spacing:normal;opacity:1}} @-webkit-keyframes flip-in-hor-top{0%{-webkit-transform:rotateX(-80deg);transform:rotateX(-80deg);opacity:0}100%{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}}@keyframes flip-in-hor-top{0%{-webkit-transform:rotateX(-80deg);transform:rotateX(-80deg);opacity:0}100%{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}} @-webkit-keyframes scale-in-hor-center{0%{-webkit-transform:scaleX(0);transform:scaleX(0);opacity:1}100%{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}}@keyframes scale-in-hor-center{0%{-webkit-transform:scaleX(0);transform:scaleX(0);opacity:1}100%{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}} @-webkit-keyframes puff-in-tl{0%{-webkit-transform:scale(2);transform:scale(2);-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-filter:blur(2px);filter:blur(2px);opacity:0}100%{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-filter:blur(0);filter:blur(0);opacity:1}}@keyframes puff-in-tl{0%{-webkit-transform:scale(2);transform:scale(2);-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-filter:blur(2px);filter:blur(2px);opacity:0}100%{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-filter:blur(0);filter:blur(0);opacity:1}} /* =BREAKPOINTS -------------------------------------------------------------- */ @media only screen and (max-width: 1850px) {.slider-container .item .img-cover {left:0;}} @media only screen and (max-width: 1700px){ body.page-id-222 #main-menu {width:65%;} body.page-id-222 #main-menu > .row > div {display:flex;} body.page-id-222 #main-menu .logo, body.page-id-222 #main-menu .menu {float:none;} body.page-id-222 #main-menu .menu {width:unset; flex:auto;} body.page-id-222 #main-menu .ubermenu-main .ubermenu-item-level-0 > .ubermenu-target {font-size:18px !important; padding:18px 10px !important;} body.page-id-222 #header .header-right, #stickyHeader #stickyCTC {padding-right: 180px;} body.page-id-222 .liveChatFloatingButton {width: 100px !important;} } /* Large Devices, Wide Screens */ @media only screen and (max-width : 1440px){ h1{font-size: 2.4em;} h2{font-size: 2.5em;} .ubermenu-main .ubermenu-item-level-0 > .ubermenu-target{padding: 18px 10px !important;} #stickyHeader #stickyNav .ubermenu-main .ubermenu-item-level-0 > .ubermenu-target{padding: 17px 10px !important;} .vid-row .fw-l{padding-right: 6vw !important;} #wrapper{margin-top: 84px;} .full-width{padding: 5vw 0;} .intro-container{height: 66vh;min-height: 480px;} .myvisit .alignleft{font-size:24px;} body:not(.single-imgallery) #gallery .inner .item h3, body:not(.single-imgallery) #gallery-intro .item h3{font-size:20px;} body.page-id-222 #main-menu {width:75%;} body.page-id-222 #header .header-right, #stickyHeader #stickyCTC {padding-right: 180px;} body.page-id-222 #header .header-right .btn {min-width:44px;} body.page-id-222 .liveChatFloatingButton {width:85px !important; right:15px !important;} body.page-id-222 #header .header-right .btn {border-radius: 50%;} body.page-id-222 #header .header-right .btn span {display:none;} body.page-id-222 #header .header-right .btn i {display:initial;} } @media only screen and (max-width : 1400px){ #gallery .inner, #gallery-intro .inner{width: 90%;margin-left: 5%;} } @media only screen and (max-width : 1280px){ h3{font-size: 2.97em;} .myvisit .alignleft{font-size: 22px;} #gallery .inner, #gallery-intro .inner{width: 95%;margin-left: 2.5%;} body.page-id-222 #main-menu > .row > div {align-items:center;} body.page-id-222 #main-menu .logo {width:20%;} } @media only screen and (max-width : 1200px){ #header .header-left{position: relative;left: 20px;} #main-menu .logo{margin-left:15px;} #main-menu .menu{margin-right:15px;} #main-menu .menu{width: calc(100% - 60px);} .liveChatFloatingButton{right:20px !important;} #stickyHeader #stickyNav{padding:0;} #stickyHeader #stickyLogo{padding: 10px 10px 0 10px;} #stickyHeader #stickyLogo img{height:40px;} #stickyHeader #stickyNav .ubermenu-main .ubermenu-item-level-0 > .ubermenu-target{font-size: 18px !important;padding: 17px 7px !important;} .about-center{background: #000 url(/wp-content/uploads/2017/08/MeetDrLee.jpg) center top/cover no-repeat;} .about-left{padding:0 20px;} .myvisit{padding: 10px 0;} #gallery-intro .item{padding:0;} #gallery h4.fancy, #gallery-intro h4.fancy{margin:0 0 20px 0;} .intro-container{height: 40vh;min-height: 440px;} .full-width{padding:5vw;} .home-hero .realself{bottom:130px} .home-hero .overlay h1{font-size:60px;} .home-hero .overlay h3{font-size: 21px;letter-spacing: 8px;} .home-hero .overlay .btn{width:190px;} .ubermenu-main .ubermenu-item-level-0 > .ubermenu-target{padding: 18px 5px !important;} #main-menu .logo{margin: 5px 0 5px 15px;width: 200px;} body.page-id-222 .hotels-intro {height:950px;} body.page-id-222 .content {top:50%; transform:translate(-50%, -50%);} .slider-container {position:unset; transform: none; width:100%;height:auto;} .slider-container .item .img-cover {height:100%; transition:none;} body.page-id-222 .hotel-info .text-left {max-width:100%;} body.page-id-222 #main-menu .logo {margin:0;} body.page-id-222 #main-menu .ubermenu-main .ubermenu-item-level-0 > .ubermenu-target {font-size:15px !important; padding:18px 8px !important;} body.page-id-222 .hotel-info .text-left .buttons {text-align:center;} } /* Medium Devices, Desktops */ @media only screen and (max-width : 992px){ h4{font-size: 20px;margin: 0 0 10px 0;} #header #logo{padding:0;} #header #logo img{height:55px;} #header .header-right .social-icons{top: 40px;right: -120px;} #header .header-right{padding: 10px 130px 15px 15px;} .home-hero .overlay{bottom: 0;transform: translate(0%,-15%);} .liveChatFloatingButton{width:100px !important;top:10px !important;} .taptap-menu-button-wrapper{top: 5px;left: 0;position: fixed;} body.home #main-menu, #main-menu{display:none;} #rev_slider_1_1_wrapper{height:100vh !important;} .home-hero .realself{bottom:20px;} .vid-row{padding-top:0;} .vid-row .fw-l{padding: 5vw !important;} #stickyHeader #stickyCTC{padding: 8px 125px 0 0;} .full-width{padding: 5vw;} .about-left .pad{padding:5vw;} .myvisit .alignleft{width: 100%;float:none;text-align: center;} .myvisit .btn{margin: 8px auto 0;position: relative;left: 50%;transform: translateX(-50%);float: none;} .pad-sm-r, .pad-sm-l{padding:0 15px;} #footer .wpcf7-textarea{height: 100px;} #footer h5{font-size:18px;}Fs #footer h3{font-size: 30px;} #stickyHeader #stickyNav{display:none;} #stickyHeader #stickyLogo{padding: 10px 10px 0 60px;} .taptap-background-color{z-index:99999 !important;background-color: rgba(0,0,0,0.95) !important;} body:not(.home) #wrapper{margin-top: 0;} #gallery, #gallery-intro{padding:5vw 0 20px;} .patient-rotator .item > .desc{padding: 0 0 0 30px;} .procedure-sidebar h4, .procedure-sidebar .widget-title, .sidebar-text h3{font-size:20px !important;} .sub-hero{height:350px;} .sub-hero .inner h2{font-size:18px;margin-top:60px;} .sub-hero .inner h1{font-size: 40px;margin-bottom: 20px;} .post-entry img{width:100%;float:none;margin:0 0 10px 0;} .accordion li h6{font-size: 1.2em;} } /* Small Devices, Tablets */ @media only screen and (max-width : 768px){ h3{font-size: 39px;} h4.fancy {margin: 15px 0;font-size: 30px;} .sub-hero{background-position:left center !important;} #header .header-right .social-icons{top: 65px;right: 0;position: absolute;} .home-hero .overlay{bottom: 0;left:0;transform: translate(0,0);width: 100%;} .home-hero .overlay::before, .home-hero .overlay::after{display:none} .sub-hero .inner{display:none;} .patient-rotator .item > .imgal{width: 100%;float: none;} .patient-rotator .item > .desc{width: 100%;float: none;padding:35px 20px 0;} #gallery .inner, #gallery-intro .inner{width: calc(100% - 30px);margin-left: 15px;padding:15px;} .cl{padding-right: 15px;} .home-hero .overlay h1{font-size:50px;} .home-hero .overlay h3{font-size: 16px;font-weight: 600;} .liveChatFloatingButton{right: 15px !important;} .home-hero .overlay .btn{margin:0 0 10px 0;} .vid-row .fw-l {padding: 5vw 0 !important;} .full-width{padding: 8vw 15px;} .about-center{height:100vh;} .myvisit .alignleft{margin-top:0;} /*#footer{padding:8vw 0 0;}*/ #footer .contact .social-icons{text-align:center;} #footer .copyright .copy{width:100%;} .procedure-content{padding-right: 15px;} .related-articles .posts-rotator .item .excerpt{padding:0 60px;} body:not(.single-imgallery) #gallery .inner .item h3, body:not(.single-imgallery) #gallery-intro .item h3{font-size: 32px;} .home-hero .realself{bottom: 160px;right: 0px;width: 120px;} body:not(.single-imgallery) .owl-carousel .owl-nav .owl-prev {left:20px;} body:not(.single-imgallery) .owl-carousel .owl-nav .owl-next {right: 20px;} body.page-id-222 #header .header-right .social-icons {position:unset;} body.page-id-222 .hotels-intro {padding-top:30px;} } @media only screen and (max-width: 575px) { body.page-id-222 .hero-bg {z-index:-1;} body.page-id-222 .content {position:unset;} body.page-id-222 h1 {color:#fff; font-size:60px; line-height: .9;} body.page-id-222 h2 {color:#fff; font-size:40px;} body.page-id-222 .buttons {width:100%;} body.page-id-222 .btn {margin-bottom:15px;} body.page-id-222 .content, .slider-container .item .img-cover {-webkit-transform: none !important; transform: none !important;} body.page-id-222 .hotels-intro {height:auto;} body.page-id-222 .hotel-info .sumthin {width:100vw; flex-direction:column;} body.page-id-222 .hotel-info .sumthin, body.page-id-222 .hotel-info .sumthin h2 {text-align: center;} body.page-id-222 .hotel-info .sumthin img {padding:0;} body.page-id-222 .hotel-info .sumthin > div {margin-bottom:15px;} body.page-id-222 .hotel-info .text-left {margin-top:30px; padding:0;} body.page-id-222 .accordion li h6 {font-size:1.2em;} body.page-id-222 blockquote {font-size: 14px; padding: 10px;} } /* Extra Small Devices, Phones */ @media only screen and (max-width : 480px){ .home-hero {margin-top: 60px;} .slotholder {top:30px !important;} .slotholder .tp-bgimg.defaultimg {background-size: auto 100% !important;} .home-hero .overlay{width: 100%;bottom: 15%;left: 0;} #header #logo{padding: 4px 0 0 55px;text-align: left;} #header #logo img{height: 35px;} #header .header-right{display:none;} #stickyHeader #stickyCTC{display:block;} #stickyHeader #stickyCTC{position: absolute;right: 8px;padding: 0px 15px;top: 8px;} .sub-hero{background-position: 14% 0 !important;} #stickyHeader #stickyLogo img{height: 35px;margin-top: 3px;width:205px;} .taptap-image img{max-width: 200px;height: auto;margin-top: 20px;} .home-hero .overlay h1{font-size: 44px;} .liveChatFloatingButton{position: fixed !important;top: 8px !important;right: 15px !important;} #stickyHeader{top:0;} .home-hero .overlay h3{font-size: 12px;letter-spacing: 5px;} .home-hero .realself{bottom: 265px;right: 0;max-width: 100px;} .about-left h2{font-size: 39px;} .full-width{padding: 8vw 0;} .about-left{padding: 0;} .vid-row{padding-top:0 !important;} .vid-row .fw-l{padding: 5vw 15px !important;} .home-hero .overlay .btn{width:100%;} #sl{padding:0;} .sa img{margin:0 2px;height:45px;} .btn{width:100%;white-space:normal;padding: 10px 17px;} .about-center{height: 400px;} #footer .contact{padding:0;} #footer .contact .pad-sm{padding:15px 0 0 0;} .procedure-content h1{padding-bottom: 0;margin-bottom:5px;} .procedure-content{padding: 0 15px !important;} /*.img-rotator .item, .img-rotator .item img{height:350px;}*/ .img-rotator .item .btn{width:50%;} .related-articles .posts-rotator .item .excerpt{top:37%;} .related-articles .posts-rotator .item:hover .btn{top: 70% !important;opacity: 1;margin: 0 15px;width: calc(100% - 30px);left: 0;transform: none;} body:not(.single-imgallery) .owl-carousel .owl-nav .owl-prev{left: 5px;} body:not(.single-imgallery) .owl-carousel .owl-nav .owl-next{right: 5px;} .patient-rotator .item > .desc{width: 100%;float: none;padding: 61px 0px 0;} .slider-container .item {width:275px !important;} } .related__procedure--article h4 { margin-bottom:10px; } .related__procedure--article h5 { margin-bottom:0; text-align: center; font-size: 1.2em; font-weight: 100; background: #78A9D1; padding: 10px 10px; margin-bottom: 0px; color:#fff; } .related__procedure--article img { margin-bottom:0; } .related__procedure--excerpt a, .related__procedure--excerpt a .read-more { text-align:center; display:block; } .related__procedure--article h5 a { color:#fff; } p.related__procedure--postdate { margin-bottom:5px; } /*.related__procedure--excerpt { display:none; }*/