/* Theme Name: Navian Theme URI: http://www.themelogi.com/themes/navian Version: 1.1.8 Description: Navian - Responsive Multi-Purpose WordPress Theme Author: THEMELOGI Author URI: http://www.themelogi.com License: GNU General Public License version 3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html Tags: translation-ready, custom-menu Text Domain: navian */ /* CSS CONTENT - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 1. Base style 1.1. Base Layouts 1.2. Base Classes 2. WordPress Default style 3. Theme style 3.1. Theme Classes 3.2. Theme Typography 3.3. Theme Elements 4. Page Builder style 5. Plugins style 5.1. Contact Form 7 5.2. WooCommerce 5.3. Page Builder 6. Spacing 7. Header 8. Images 9. Elements 9.1 Timelines 9.2 Step Content 9.3 Social List - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* 1. BASE STYLE - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* 1.1. BASE LAYOUTS - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ body { overflow-x: hidden; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body.boxed-layout{ background: #eee; } body.boxed-layout, .boxed-layout .nav-container, .boxed-layout .main-container, .boxed-layout nav{ max-width: 1366px; margin: 0 auto; left: 0; right: 0; } body.boxed-layout .vc_row .container { padding-left: 0; padding-right: 0; } body.boxed-layout .vc_row .vc_column_container.vc_col-sm-12 >.vc_column-inner { padding-left: 0; padding-right: 0; } body.boxed-layout .vc_row, body.boxed-layout .vc_row .row { margin-left: 0; margin-right: 0; } body.boxed-layout nav .col-lg-1 { width: 10%; } body.boxed-layout nav .col-lg-10 { width: 80%; } @media all and ( max-width: 1600px ) { nav .col-lg-1 { width: 10%; } nav .col-lg-10 { width: 80%; } } @media all and ( max-width: 1280px ) { nav .col-lg-1 { width: 15%!important; } nav .col-lg-10 { width: 69%!important; } } .main-container{ clear: both; } @media all and (min-width: 1480px) { .wide-container .container { width: 1400px; }} @media all and (min-width: 1900px) { .extra-container .container { width: 1800px; }} @media (min-width: 1350px) {body.boxed-layout .wide-container .container { width: 1320px; }} /* 1.2. BASE CLASSES - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ @media (min-width: 1280px) { .section-label {height: 0; margin-bottom: 0; position: relative;} .container-content {width: 53%!important;} } .display-inline {display: inline!important;} .display-table { border: none; border-radius: 0; padding: 0; display: table; width: 100%; } .display-cell { display: table-cell; vertical-align: middle; } @media all and ( max-width: 768px ) { .display-table { display: block; } .display-cell { display: block; width: 100%!important; } .display-none-sm { display: none; } .text-center-sm { text-align: center!important; } .text-left-sm {text-align: left!important; } } @media all and (max-width: 767px){ .text-center-xs{ text-align: center !important; } } .small-icon { width: 30px!important; display: inline-block; } .auto-width { width: auto!important; } .vertical-top { vertical-align: top; } .spacing-text-s { letter-spacing: 1px; } .spacing-text { letter-spacing: 2px; } .overflow-hidden{ overflow: hidden; } .overflow-hidden-force{ overflow: hidden!important; } .overflow-visible{ overflow: visible; } .hide { display: none!important; } .float-left { float: left; } .float-right { float: right; } @media all and (max-width: 1100px){ .col-md-push-1{ left: 0; } } @media all and (max-width: 768px){ .pull-left-sm{ float: left !important; } .overflow-hidden-xs{ overflow: hidden; } } @media all and (max-width: 768px){ .pull-left{ float: none !important; clear: both; overflow: hidden; } .pull-right{ margin-top: 12px; float: none !important; display: block; } .post-wrap .pull-left, .single-portfolio .pull-left { float: left !important; overflow: visible; } .post-wrap .pull-right, .single-portfolio .pull-right { float: right !important; margin-top: 0; } } @media all and (max-width: 600px){ .post-wrap .pull-right [rel='tag'] { margin-top: 10px; } .single-portfolio .pull-left { float: none!important; display: block; overflow: visible; } .single-portfolio .pull-right { float: none!important; display: block; clear: left; padding-top: 20px; } } @media all and (max-width: 990px){ .hidden-sx { display: none!important; } } @media all and (max-width: 768px){ .hidden-sm-xs { display: none!important; } } @media all and (min-width: 1024px){ .show-sm { display: none!important; } } @media all and (max-width: 1023px){ .hide-sm { display: none!important; } .show-sm { display: block!important; } } @media all and (min-width: 768px){ .show-xs { display: none!important; } } @media all and (max-width: 767px){ .hide-xs { display: none!important; } .show-xs { display: block!important; } .no-float-xs {float: none!important;} } .inherit { color: inherit!important; } .block{ display: block; } .inline-block{ display: inline-block; } @media (max-width: 991px) { .inline-block.visible-sm, .inline-block.visible-xs{ display: inline-block!important; } } .display-block{ display: block; } @media all and (max-width: 768px){ .display-block-sm{ display: block!important; } } .right{ right: 0; } .relative{ position: relative; z-index: 2; } .border-none { border: none!important; } .clearboth{ clear: both; } .clearfloat{ float: none; } .container{ position: relative; } .container .container{ padding-left: 0; padding-right: 0; } .container .container.container-content{ padding-right: 15px; } @media only screen and (max-width: 1400px) and (min-width: 1200px) { .left-menu + .main-container .container, .right-menu + .main-container .container{ width: 900px; } } .pull-left {text-align: left;} @media (min-width: 768px) { .md-absolute { position: absolute; } .md-valign { top: 50%; transform: translateY(-50%); } } @media screen and (max-width: 1199px) {.container{width: 992px;}} @media screen and (max-width: 990px) {.container{width: 100%;}} .normal-font { font-weight: normal; } .text-left{ text-align: left; } @media all and (max-width: 768px){ .text-left-xs{ text-align: left; } .text-left-xs-force{ text-align: left!important; } } .text-right{ text-align: right; } @media all and (max-width: 768px){ .text-right-xs{ text-align: right; } } .text-center{ text-align: center;} .text-center-force{ text-align: center!important;} @media all and (max-width: 768px){ .text-center-xs{ text-align: center; } } .opacity-50 { opacity: .5!important; } .opacity-show { opacity: 1!important; } .exbold{ font-weight: 700 !important; } .bold{ font-weight: 600 !important; } .regular{ font-weight: 400 !important; } .thin{ font-weight: 100 !important; } @media all and (max-width: 767px){ .thin{ font-weight: 300 !important; } } .text-left{ text-align: left !important; } @media all and (max-width: 767px){ .text-left-xs{ text-align: left !important; } } .vertical.text-center { text-align: left; } @media all and (max-width: 766px){ .mobile-hide { display: none; } } p:empty { display: none; } br:empty { margin-bottom: 0 !important; } li.overflow-hidden:last-child, li.overflow-hidden:last-child h6 { margin-bottom: 0; } .hide-icon i { display: none!important; } .move-cursor { cursor: move; cursor: grab; cursor: -moz-grab; cursor: -webkit-grab; } .default-cursor { cursor:default; } .pointer { cursor:pointer } .col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; } .col-xs-5ths { width: 20%; float: left; } @media (min-width: 768px) { .col-sm-5ths { width: 20%; float: left; } } @media (min-width: 992px) { .col-md-5ths { width: 20%; float: left; } } @media (min-width: 1200px) { .col-lg-5ths { width: 20%; float: left; } } .width50{width: 50%;} .width60{width: 60%;} .width70{width: 70%;} .shadow-caption{position:relative;min-height:40px;border-radius:4px;overflow:hidden;perspective:1000px;-webkit-perspective:1000px;box-shadow:0 1px 3px rgba(0,0,0,0.08)} .shadow-caption img{backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:all .7s cubic-bezier(.2,1,.22,1);-webkit-transition:all .7s cubic-bezier(.2,1,.22,1)} .shadow-caption:hover img{transform:scale(1.07);-webkit-transform:scale(1.07);-ms-transform:scale(1.07);-moz-transform:scale(1.07)} .shadow-caption img+.shadow-caption-overlay{position:absolute;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,0.43)} .shadow-caption img+.shadow-caption-overlay .shadow-caption-inner{color:#fff!important;display:block;margin:2px 0;width:100%;position:absolute;left:0;top:50%;margin-top:-100px;padding:0 8px 0 8px;z-index:2} .shadow-caption img+.shadow-caption-overlay .shadow-caption-inner a{color:#fff!important} .shadow-caption img+.shadow-caption-overlay .shadow-caption-inner blockquote.blockquote-quote{padding:0!important} .shadow-caption img+.shadow-caption-overlay .shadow-caption-inner blockquote.blockquote.blockquote-link{margin-bottom:0!important;font-size:22px;line-height:40px} .shadow-caption img+.shadow-caption-overlay .shadow-caption-inner blockquote.blockquote.blockquote-link:before{color:#fff} .border-bottom{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #e8e8e8;} .border-top{margin-top:15px;padding-top:15px;border-top:1px solid #e8e8e8;} .border-top-light{border-top:1px solid #e8e8e8} .border-bottom-light{border-bottom:1px solid #e8e8e8} .columns{overflow:hidden} .columns .column_left{float:left;margin-right:30px} .columns .column_right{float:left;max-width:80%} .border-all{border:1px solid #e8e8e8!important} .border-none{border:none!important} .radius-all{border-radius:4px!important} .radius-large{border-radius:25px!important} .project.radius-all{border-radius:0px!important} .radius-all-small{border-radius:2px!important} .radius-all-img,.radius-all-img img,.radius-all-img .meta-caption{border-radius:6px!important;overflow:hidden;} .radius-top{border-radius:4px 6px 0 0!important} .radius-bottom{border-radius:0 0 6px 6px!important} .border-line-bottom{border-bottom:1px solid #e8e8e8;padding-bottom:15px} .border-line-top{border-top:1px solid #e8e8e8;padding-top:15px} .box-shadow{box-shadow:0 2px 5px 0 rgba(0,0,0,0.26);-moz-box-shadow:0 2px 5px 0 rgba(0,0,0,0.26);-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,0.26)} .behind{font-size:300px;text-transform:uppercase;width:100%;line-height:1;margin-bottom:0;color:#efefef;z-index:-1} @media(max-width:768px){.behind{font-size:100px}} .behind-left{font-size:17.64706rem!important;color:#e8e8e8;opacity:.4!important;position:absolute;left:50px;top:0;z-index:0;line-height:50px!important;-webkit-transform:translateX(-90%)!important;-moz-transform:translateX(-90%)!important;-ms-transform:translateX(-90%)!important;transform:translateX(-90%)!important} .bg-dark .behind-left,.bg-graydark .behind-left,.image-bg:not(.bg-light) .behind-left,.bg-primary .behind-left{color:rgba(255,255,255,0.25)!important} @media(min-width:1280px){ .behind-left{left:100px} .padding-left{left:65px;padding-right:85px} } .large-spacing{letter-spacing:2.5px} .graycontent-color{color:#a3a3a3!important} .white-color {color:#fff;} .color-white .graycontent-color,.bg-dark .graycontent-color,.bg-graydark:not(.bg-light) .graycontent-color,.image-bg:not(.bg-light) .graycontent-color{color:#fff!important} .bg-primary .graycontent-color{color:#fff!important} .gray-text{color:#fafafa!important} .gray-text-hover{color:rgba(0,0,0,0.5)!important} .color-white .gray-text-hover,.bg-dark .gray-text-hover,.bg-graydark:not(.bg-light) .gray-text-hover,.image-bg:not(.bg-light) .gray-text-hover{color:#9d9d9d!important} .gray-color{color:#888!important} .color-white .gray-color,.bg-dark .gray-color,.bg-graydark:not(.bg-light) .gray-color,.image-bg:not(.bg-light) .gray-color{color:#e8e8e8!important} .graytext-color{color:#767676!important} .color-white .graytext-color,.bg-dark .graytext-color,.bg-graydark:not(.bg-light) .graytext-color,.image-bg:not(.bg-light) .graytext-color{color:#fff!important} .bg-primary .graytext-color{color:#fff!important} .color-dark .graytext-color{color:#0c0c0c!important} .fade-color{color:#aaa!important} .color-white .fade-color,.bg-dark .fade-color,.bg-graydark .fade-color{color:#fff!important;opacity:.7} .bg-primary .fade-color{color:#fff!important;opacity:.7} .image-bg .fade-color{opacity:1} .image-large{max-width:200px;max-height:200px;} .image-md{max-height:150px;width: auto!important;} .image-small{max-height:100px;width: auto!important;} .image-m{max-height:80px;width: auto!important;} .image-s{max-height:60px;width: auto!important;} .image-xs{max-height:50px;width: auto!important;} .image-xxs{max-height:40px;width: auto!important;} .fade-50{opacity:.5} .fade-75{opacity:.75} .fade-35{opacity:.35} .fade-25{opacity:.25} .fade-hover{transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;opacity:.8;-webkit-backface-visibility:hidden;backface-visibility:hidden} .fade-hover:hover{opacity:1} .fade-image{transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;opacity:1} .fade-image:hover{opacity:.7} .line-height-1{line-height:1.1} ::-webkit-input-placeholder{letter-spacing:0;color:#999} :-moz-placeholder{letter-spacing:0;color:#999;opacity:1!important} ::-moz-placeholder{letter-spacing:0;color:#999;opacity:1!important} :-ms-input-placeholder{letter-spacing:0;color:#999} input.transparent::-webkit-input-placeholder{color:#fff} input.transparent::-moz-placeholder{color:#fff;opacity:1!important} input.transparent:-moz-placeholder{color:#fff;opacity:1!important} input.transparent:-ms-input-placeholder{color:#fff} .bg-primary::-webkit-input-placeholder{color:#fff} .bg-primary::-moz-placeholder{color:#fff;opacity:1!important} .bg-primary:-moz-placeholder{color:#fff;opacity:1!important} .bg-primary:-ms-input-placeholder{color:#fff} .bg-dark::-webkit-input-placeholder{color:#fff} .bg-dark::-moz-input-placeholder{color:#fff} .bg-dark:-moz-input-placeholder{color:#fff;opacity:1!important} .bg-dark:-ms-input-placeholder{color:#fff;opacity:1!important} .bg-dark .wpcf7-form-control-wrap .wpcf7-form-control::-webkit-input-placeholder,.bg-primary .wpcf7-form-control-wrap .wpcf7-form-control::-webkit-input-placeholder,.image-bg:not(.bg-light) .wpcf7-form-control-wrap .wpcf7-form-control::-webkit-input-placeholder{color:#fff} .bg-dark .wpcf7-form-control-wrap .wpcf7-form-control::-moz-placeholder,.bg-primary .wpcf7-form-control-wrap .wpcf7-form-control::-moz-placeholder,.image-bg:not(.bg-light) .wpcf7-form-control-wrap .wpcf7-form-control::-moz-placeholder{color:#fff;opacity:1!important} .bg-dark .wpcf7-form-control-wrap .wpcf7-form-control:-moz-placeholder,.bg-primary .wpcf7-form-control-wrap .wpcf7-form-control:-moz-placeholder,.image-bg:not(.bg-light) .wpcf7-form-control-wrap .wpcf7-form-control:-moz-placeholder{color:#fff;opacity:1!important} .bg-dark .wpcf7-form-control-wrap .wpcf7-form-control:-ms-input-placeholder,.bg-primary .wpcf7-form-control-wrap .wpcf7-form-control:-ms-input-placeholder,.image-bg:not(.bg-light) .wpcf7-form-control-wrap .wpcf7-form-control:-ms-input-placeholder{color:#fff} .image-bg:not(.bg-light) .wpcf7-form::-webkit-input-placeholder{color:#fff} .image-bg:not(.bg-light) .wpcf7-form::-moz-placeholder{color:#fff;opacity:1!important} .image-bg:not(.bg-light) .wpcf7-form:-moz-placeholder{color:#fff;opacity:1!important} .image-bg:not(.bg-light) .wpcf7-form:-ms-input-placeholder{color:#fff} .input-lh{line-height:50px} .fullscreen{height:100vh} .container-l{width:100%;max-width:1370px} .large-container{padding:0 100px} @media all and (max-width:800px){.large-container{padding:0 30px}} @media(min-width:1350px){ .container{width:1320px} .small-container .container{width:1170px;} .container .xs-container{width:1024px; margin: 0 auto; padding-left: 0!important; padding-right: 0!important;} } .center-absolute{z-index:1;left:0;width:100%;position:relative;line-height:1;margin-bottom:-4px} .center-absolute .center-absolute-inner{position:relative;left:0} .above{z-index:3;position:relative} .bg-dark,.bg-graydark{color:#fefefe} .bg-dark h1,.bg-dark h2,.bg-dark h3,.bg-dark h4,.bg-dark h5,.bg-dark h6,.bg-graydark h1,.bg-graydark h2,.bg-graydark h3,.bg-graydark h4,.bg-graydark h5,.bg-graydark h6{color:#fff} .bg-primary{color:#fff} .bg-primary h1,.bg-primary h2,.bg-primary h3,.bg-primary h4,.bg-primary h5,.bg-primary h6{color:#fff} .image-bg h1,.image-bg h2,.image-bg h3,.image-bg h4,.image-bg h5,.image-bg h6{color:#fff} .image-bg p,.image-bg span:not(.btn-text),.image-bg li{color:#fff} .image-bg.bg-light h1,.image-bg.bg-light h2,.image-bg.bg-light h3,.image-bg.bg-light h4,.image-bg.bg-light h5,.image-bg.bg-light h6{color:#252525} .image-bg.bg-light p,.image-bg.bg-light span:not(.btn-text),.image-bg.bg-light li{color:#595959} .image-bg .container,.image-bg div[class*='col-']{position:relative} .image-bg.z-index .container,.image-bg.z-index div[class*='col-']{z-index:4} .video-bg.z-index .row,.container.image-bg .row{position:relative;z-index:4} .error404 h1{font-size:300px;line-height:1;color:#e5e5e5;font-weight:700;text-transform:uppercase} @media(max-width:768px){.error404 h1{font-size:100px}} .error404 .notfound-title{font-size:20px;font-weight:700;line-height:1.4;margin-bottom:10px} .error404 .notfound-subtitle{font-size:16px;color:#555;line-height:1.875;text-align:center} .error404 .fullscreen{padding-top:10%} .error404 .search-form{max-width:800px;margin:0 auto} .error404 .large{font-size:25px;font-weight:400;margin:-240px 0 0;padding-bottom:60px} @media(max-width:768px){.error404 .large{margin-top:-70px;font-size:25px;padding-bottom:40px}} .error404 .large strong{letter-spacing:1px;display:block;font-size:100px;line-height:1.3} .error404 .fullscreen {height: auto!important;padding: 5% 0;} @media(max-width:768px){.error404 .large strong{font-size:40px}} @media(min-width:768px){ .grid-sizer{width:50%} .grid-sizer.col-sm-6{width:50%} .grid-sizer.col-sm-4{width:33.33333333%} .grid-sizer.col-sm-3{width:25%} } @media(max-width:767px){.grid-sizer{width:100%!important}} .half-column{float:left;width:48%} .half-column.half-column-right{width:50%} .half-column.half-column-left{margin-right:2%} @media(max-width:1280px){.half-column{width:100%!important;float:none;margin-bottom:0}} div.wpcf7 .half-column textarea{height:176px} .third-column{float:left;width:32%;margin-right:2%} .third-column:last-child{margin-right:0} @media(max-width:480px){.third-column{width:100%!important;float:none;margin-bottom:0}} @media(min-width:1280px){ .fixed-left{position:fixed;top:0;left:100px;transform:translateY(170px);background:#fff!important;z-index:3;left:60px;border:1px solid #e8e8e8;border-radius:4px;padding:5px 0 0 0} .fixed-left .share-heading {display: none!important;} .fixed-left .social-list a {border:none!important;width: 38px!important; height: 38px!important; line-height: 36px!important;margin: 0!important;} .fixed-left div{margin:0!important;padding:0!important;width:auto!important} .fixed-left .tlg-likes i{margin:0!important;border:none!important;height:30px!important;width:50px!important;line-height:30px!important} .fixed-left .like-share-name{display:block} .fixed-left .ssc-share-wrap{width:50px!important;float:none!important;border-top:1px solid #e8e8e8} .fixed-left .ssc-share-wrap .ssc-share-group{padding:0;list-style:none;list-style-image:none;display:block;text-align:center} .fixed-left .ssc-share-wrap .ssc-share-group li{padding:0;display:block;margin:5px 0 0 0;width: 100%;} } .gm-style {color: #333!important;} .gm-style .gm-style-iw-c {border-radius: 0!important; padding: 15px!important;} .row_skew{-webkit-transform:skewY(-6deg);-moz-transform:skewY(-6deg);-ms-transform:skewY(-6deg);-o-transform:skewY(-6deg);transform:skewY(-6deg);background-color:#f5f7f9;bottom:-10%;height:25%;left:0;position:absolute;width:100%;z-index:-1} .wpb_text_column b,.wpb_text_column strong,.icon_title_list b,.icon_title_list strong{color:#252525;font-weight:600} .bg-light.image-bg .wpb_text_column b,.bg-light.image-bg .wpb_text_column strong,.bg-light.image-bg .icon_title_list b,.bg-light.image-bg .icon_title_list strong{color:#252525} .bg-dark .wpb_text_column b,.bg-primary .wpb_text_column b,.image-bg .wpb_text_column b,.bg-graydark .wpb_text_column b,.bg-dark .wpb_text_column strong,.bg-primary .wpb_text_column strong,.image-bg .wpb_text_column strong,.bg-graydark .wpb_text_column strong,.bg-dark .icon_title_list b,.bg-primary .icon_title_list b,.image-bg .icon_title_list b,.bg-graydark .icon_title_list b,.bg-dark .icon_title_list strong,.bg-primary .icon_title_list strong,.image-bg .icon_title_list strong,.bg-graydark .icon_title_list strong{color:#fff} .icon_title_list a{color:inherit;opacity:.7} .icon_title_list a:hover{opacity:1} .vc_pie_chart .vc_pie_chart_value{font-size:35px} .vc_pie_chart .wpb_pie_chart_heading{margin-top:15px;font-size:20px} @media(max-width:768px){ .vc_pie_chart .wpb_pie_chart_heading{margin-bottom:40px!important} } .masonry-flip{list-style:none!important;margin:0 auto!important;padding:0!important} .masonry-flip figcaption{display:none} .masonry-flip li{display:block;float:left;padding:1px;width:33%;opacity:0;cursor:pointer} .masonry-flip li.flip-column-2{width:50%} .masonry-flip li.flip-column-4{width:25%} @media screen and (max-width:990px){.masonry-flip li{width:50%!important} } @media screen and (max-width:400px){.masonry-flip li{width:100%!important} } .masonry-flip li.shown,.no-js .masonry-flip li,.no-cssanimations .masonry-flip li{opacity:1} .masonry-flip li a,.masonry-flip li img{outline:0;border:0;display:block;max-width:100%} .masonry-flip.effect-flip{-webkit-perspective:1300px;perspective:1300px} .masonry-flip.effect-flip li.animate{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:rotateX(-80deg);transform:rotateX(-80deg);-webkit-animation:flip .8s ease-in-out forwards;animation:flip .8s ease-in-out forwards} @-webkit-keyframes flip{ 100%{-webkit-transform:rotateX(0deg);opacity:1} } @keyframes flip{100%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);opacity:1} } .masonry-flip.effect-rotate{-webkit-perspective:1300px;perspective:1300px} .masonry-flip.effect-rotate li.animate{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg);-webkit-animation:helix .8s ease-in-out forwards;animation:helix .8s ease-in-out forwards} @-webkit-keyframes helix{100%{-webkit-transform:rotateY(0deg);opacity:1} } @keyframes helix{100%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg);opacity:1}} .masonry-flip.effect-move li.animate{-webkit-transform:translateY(200px);transform:translateY(200px);-webkit-animation:moveUp .65s ease forwards;animation:moveUp .65s ease forwards} @-webkit-keyframes moveUp{100%{-webkit-transform:translateY(0);opacity:1}} @keyframes moveUp{100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}} .masonry-flip.effect-scale li.animate{-webkit-transform:scale(0.6);transform:scale(0.6);-webkit-animation:scaleUp .65s ease-in-out forwards;animation:scaleUp .65s ease-in-out forwards} @-webkit-keyframes scaleUp{100%{-webkit-transform:scale(1);opacity:1} } @keyframes scaleUp{100%{-webkit-transform:scale(1);transform:scale(1);opacity:1} } .dot-divider {border: 2px solid transparent; content: ""; height: 0; width: 0; pointer-events: none; display: inline-block; border-color: #767676; margin: 0 8px 2px 8px; padding: 0; border-radius: 50%;} .overlay .dot-divider {border-color: #fff;} /* 2. WORDPRESS DEFAULT STYLE - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -- - */ .wpb_column .wpb_wrapper { position: relative; } @media ( max-width: 768px ) { .wpb_column { padding-bottom: 20px; } .wpb_column:last-child { margin-bottom: 0; padding-bottom: 0; } .wpb_column[class*='vc_custom'] { padding-left: 20px!important; padding-right: 20px!important; } } .bypostauthor {font-size: inherit;} .post-content ul,.post-content ol,.wpb_text_column ul,.wpb_text_column ol, .intro-content-content ul{margin:0 0 20px;padding:0} .post-content ul ul,.post-content ol ol,.wpb_text_column ul ul,.wpb_text_column ol ol, .intro-content-content ul ul{margin:0 0 0 40px} .screen-reader-text{display:none!important} .alignleft,.aligncenter,.alignright,.alignnone{margin-bottom:25px} .alignnone{display:block} .alignleft{float:left;margin:0 30px 30px 0 !important} .alignright{float:right;margin:0 0 30px 30px !important} .text-center .alignleft { float: none; margin-left: auto!important; margin-right: auto!important; } .text-center .alignright { float: none; margin-left: auto!important; margin-right: auto!important; } .aligncenter{display:block;margin-right:auto;margin-left:auto;text-align:center} .small-width{width:30%;margin-bottom:0!important} .med-width{width:40%;margin-bottom:0!important} @media all and (max-width: 768px) { .small-width, .med-width{width:100%; text-align: center;} } figure.aligncenter a{display:inline-block;overflow:hidden;position:relative} .wp-caption{max-width:100%;text-align:center} .wp-caption img{margin-bottom:10px} .gallery { margin-bottom: 20px!important; } .gallery .gallery-item{margin-top:0!important;margin-bottom:0!important;position:relative} .gallery .gallery-item dt{margin: 0;} .gallery .gallery-item .wp-caption-text { text-shadow: 0 0 2px #000; color: #fff; position: absolute; bottom: 10px; left: 0; right: 0; opacity: 0; transition: opacity 200ms linear; -webkit-transition: opacity 200ms linear; -moz-transition: opacity 200ms linear; } .gallery .gallery-item:hover .wp-caption-text { opacity: 1; } .gallery .gallery-item img{border:2px solid transparent!important} .gallery-caption{margin:20px 0;max-width:100%;text-align:center;z-index:999} .wp-caption-text,.gallery-caption-text{margin:6px 0;font-style:italic;font-size:95%;line-height:120%} .wp-block-quote:not(.is-large):not(.is-style-large), .wp-block-quote.is-large, .wp-block-quote.is-style-large {border-left: 2px solid #bbb; padding: 20px;} .wp-block-button__link {padding: 0 31px; height: 40px; min-width: 150px; line-height: 40px; font-size: 12px; font-weight: 400; text-transform: uppercase; letter-spacing: 1px;} .wp-block-pullquote {border-top: none; border-bottom: none; padding: 0;} .wp-block-pullquote p {font-size: 14px;} .wp-block-pullquote.is-style-solid-color blockquote {background: transparent!important;box-shadow: none!important;} .wp-block-quote.is-large p, .wp-block-quote.is-style-large p {font-size: 25px!important; font-style: normal;} .wp-block-gallery {clear: both; overflow: hidden;} .post-content ul.wp-block-gallery {margin-left: 0px;} .wp-block-gallery .blocks-gallery-item {float: left;} .wp-block-separator {border-bottom: 1px solid #ccc; margin: 30px 0;} .wp-block-gallery.alignwide:not(.alignfull) {margin-left: -20%!important; margin-right: -20%!important;} .wp-block-gallery .blocks-gallery-item {float: left;} @media (min-width: 1280px) { .alignwide {margin-left: -20%!important; margin-right: -20%!important; width: auto; max-width: 140%; } .alignfull {width: 100vw; position: relative; margin-left: -50vw!important; left: 50%; max-width: inherit;} } /* 3. THEME STYLE - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* 3.1 THEME CLASSES - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .post-content hr, .comment-content hr, .wpb_text_column hr, .image-carousel-item hr{clear:both} .post-content span.pull-right,.post-content span.pull-left,.wpb_text_column span.pull-right,.wpb_text_column span.pull-left{float:right;display:block;width:300px;margin:0 0 20px 20px;font-size:22px;line-height:30px} .post-content span.pull-right,.wpb_text_column span.pull-right{float:right;margin:0 0 20px 20px;text-align:right} .post-content span.pull-left,.wpb_text_column span.pull-left{float:left;margin:0 20px 20px 0} .post-content table tr,.post-content table td,.comment-content table tr, .comment-content table td, .wpb_text_column tr,.wpb_text_column td{padding:10px 15px;border:1px solid #ccc} .post-content table,.comment-content table, .wpb_text_column table{text-align:left;width:100%;margin-bottom:25px} .post-content table td,.post-content table th,.comment-content table td, .comment-content table th, .wpb_text_column table td,.wpb_text_column table th{padding:15px} .post-content table tr:nth-child(even),.post-content table thead tr,.comment-content table tr:nth-child(even), .comment-content table thead tr, .wpb_text_column table thead tr,.wpb_text_column table tr:nth-child(even){background:#f5f5f5} .post-content li ol,.post-content li ul,.comment-content li ol, .comment-content li ul, .wpb_text_column li ol,.wpb_text_column li ul{margin-bottom:0!important} .wpb_text_column li{margin-bottom:0!important} .post-content ul,.comment-content ul, .wpb_text_column ul, .intro-content-content ul{list-style:square;list-style-position:inside;margin-left:20px; padding-left: 0;} .post-content ol,.comment-content ol, .wpb_text_column ol{list-style-position:inside;margin-left:20px; padding-left: 0;} .comments .no-comments { display: none; } @media(max-width: 768px) { .headings-title .widgettitle, .vc_row .widgettitle{ font-size: 18px!important; line-height: 24px!important; margin-bottom: 5px;z-index: 2; position: relative; } .headings-title .widgetsubtitle, .vc_row .widgetsubtitle{ font-size: 16px!important; line-height: 22px!important; } .headings-title .widgetsubtitle.behind-left, .vc_row .widgetsubtitle.behind-left { font-size: 70px!important; line-height: 70px!important; margin-top: 0; margin-left: 0; position: relative; transform: none!important; text-align: left; left: 0;} } .hide-avatar img { display: none!important; } .admin-bar.page-template-default section.page { min-height: 429px; } .page-template-default section.page { min-height: 461px; } abbr[data-original-title], abbr[title] {border-bottom: none; } /* 3.2. THEME TYPOGRAPHY - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ h1{font-size:54px; line-height:62px; margin-bottom:7px} h2{font-size:34px; line-height:44px; margin-bottom:7px} h3{font-size:22px; line-height:34px; margin-bottom:7px} h4{font-size:18px; line-height:32px; margin-bottom:7px} h5{font-size:16px; line-height:26px; margin-bottom:7px} h6{font-size:14px; line-height:24px; margin-bottom:7px} .u-textBigger { font-size: 1.2em; } .u-textSmaller { font-size: 0.83333em; } .lg-text { font-size: 72px!important; line-height: 1.2; } .l-text { font-size: 55px!important; line-height: 1.2!important; } .icon-text { font-size: 50px; } .m-text { font-size: 36px!important; line-height: 1.2; } .ms-text { font-size: 24px!important; line-height: 1.2; } .md-text { font-size: 18px!important; line-height: 1.7; } .xs-text { font-size: 16px!important; line-height: 1.7; } .sms-text { font-size: 14px!important; line-height: 22px; } .ssm-text { font-size: 13px!important; line-height: 1.2; } .s-text { font-size: 14px!important; line-height: 1.2; } .ss-text { font-size: 9px!important; } .container .col-sm-3 .ms-text { font-size: 20px!important; } @media (max-width: 640px) { .lg-text { font-size: 2.0736em!important; } .l-text { font-size: 1.728em!important; } } p{ margin: 0 0 15px; padding: 0; } p.lead{ font-size: 16px; font-weight: 400; line-height: 28px; } a,a:visited,a:focus,a:active,a:hover{ text-decoration: none; outline: none; } ul{ list-style: none; } ul.bullets{ list-style: inside; } ul[data-bullet] li{ line-height: 32px; } ul[data-bullet] li i:first-child{ margin-right: 16px; display: inline-block; } ul[data-bullet] { list-style: none !important; } ul.lead li{ font-size: 16px; line-height: 40px; } dd { margin-bottom: 25px; } dt { margin-bottom: 10px; font-size: 18px; } select { max-width: 100%; } .widget select { margin-bottom: 0; } textarea { height: 140px; resize: vertical; } .label a, .label a:hover { color: #fff; } .list-inline{ margin-left: 0; display: inline-block; } .list-inline>li{ padding: 0 8px; } .list-inline>li:last-child{ padding-right: 0; } .list-inline>li:first-child{ padding-left: 0; } img { max-width: 100%; height: auto; } th, td{ line-height: 24px !important; } video{ max-width: 100%; } .box-zoom .box-mask.mask-overlay, .bg-overlay .bg-mask.mask-overlay { width: -moz-calc(100% - 16px); width: -webkit-calc(100% - 16px); width: calc(100% - 16px); height: -moz-calc(100% - 16px); height: -webkit-calc(100% - 16px); height: calc(100% - 16px); margin: 8px; text-align: center; } /* 3.2. THEME ELEMENTS - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* Tooltips */ .tooltip{ font-weight: 600; font-size: 13px; } .tooltip-inner{ border-radius: 3px; padding: 9px 24px 12px 24px; } /* Gallery */ .tlg-slider .item{width:100%;display:block;background-position:center center;background-size:cover;background-repeat:no-repeat} .image-slider .slides li>img,.image-slider .slides,#content .wpb_text_column .image-slider .slides:last-child{margin:0!important;list-style:none!important} .slides,.flex-control-nav,.flex-direction-nav,.lightbox-gallery,.lightbox-gallery ul,.lightbox-gallery li{list-style:none!important;margin:0!important} /* Hero Slider */ .image-bg li h6 { margin-bottom: 5px; } .row .image-slider.fullscreen { margin-bottom: 0; } /* Footer */ footer.footer-widget .widget_nav_menu ul li { clear: left; } footer.footer-widget .widget_nav_menu, footer.footer-widget .widget_nav_menu > div { clear: both; } footer.footer-widget .widget_nav_menu > div:after { display: table; content: " "; clear: both; } /* Single Portfolio */ .single-portfolio .wp-caption { width: 100% !important; margin: 80px 0; } .single-portfolio .wp-caption p { text-align: right; padding-top: 10px; } .single-portfolio .wp-caption img { width: 100%; height: auto; } /* Other Stuff */ i.none, h5:empty { display: none !important; } i.icon { width: auto!important; height: auto!important; line-height: initial!important; vertical-align: initial!important; margin-left: 0px!important; } .row:empty { display: none; } .feature.bordered i.none + h5 { font-size: 72px; line-height: 80px; } .overlay::before { display: block; } .border-radius-0, .border-radius-0 img { border-radius: 0!important; } .border-radius-m, .border-radius-m img { border-radius: 6px; } .border-radius-l, .border-radius-l img { border-radius: 30px; } .border-radious-top { border-radius: 6px 6px 0 0!important; } .border-radious-bottom { border-radius: 0 0 6px 6px!important; } .image-round img { border-radius: 3px; } .image-round-med img { border-radius: 6px; } .image-round-100 img { border-radius: 50%; } .image-circle-min img { border-radius: 50%; max-width: 200px; } .width-full { width: 100%; } .height-full { height: 100%; } .admin-bar nav.fixed, .admin-bar nav.absolute, .admin-bar .pswp { top: 32px; } .admin-bar .vertical-bottom { bottom: 32px; } @media screen and (max-width: 782px) { .admin-bar nav.fixed, .admin-bar nav.absolute, .admin-bar .pswp { top: 46px; } .admin-bar .vertical-bottom { bottom: 46px; } } @media screen and (min-width: 990px) { body.wide-layout { width: 97%; margin: 0 auto; background-color: #fff; } body.wide-layout .nav-container nav { box-shadow: none!important; } body.wide-layout .nav-container nav.fixed, body.wide-layout .nav-container nav.transparent { width: 97%; margin: 0 auto; } body.wide-layout .nav-container nav .nav-bar > .module.left, body.wide-layout .nav-container nav .nav-utility > .module.left { padding-left: 15px; } body.wide-layout .nav-container nav .nav-bar > .module-group.right .module:last-child, body.wide-layout .nav-container nav .nav-utility > .module.right { padding-right: 15px; } body.frame-layout { padding: 38px; background: none!important; } body.frame-layout .back-to-top { margin-bottom: 38px; margin-right: 38px; } body.frame-layout .tparrows { display: none!important; } .tlg_frame { background-color: #fff; position: fixed; width: 100%; height: 38px; left: 0; z-index: 1000; } .tlg_frame.frame--top { top: 0; } .tlg_frame.frame--bottom { bottom: 0; } .tlg_frame.frame--right { width: 38px; height: 100%; top: 0; right: 0; left: auto; } .tlg_frame.frame--left { width: 38px; height: 100%; top: 0; left: 0; right: auto; } .admin-bar .tlg_frame.frame--top { top: 32px; } .admin-bar.frame-layout .vertical-bottom { bottom: 70px; } .admin-bar.frame-layout nav.fixed, .admin-bar.frame-layout nav.absolute { top: 70px; } .frame-layout nav.fixed, .frame-layout nav.absolute { top: 38px; } .frame-layout nav.fixed:not(.side-menu), .frame-layout nav.absolute:not(.side-menu) { padding: 0 32px; } .frame-layout.has-offcanvas-nav nav.fixed, .frame-layout.has-offcanvas-nav nav.absolute { padding: 0 32px; } .frame-layout.has-offcanvas-nav nav.fixed.offcanvas-show, .frame-layout.has-offcanvas-nav nav.absolute.offcanvas-show { padding: 0; } .frame-layout .offcanvas-container .close-nav { right: 54px; } .frame-layout .nav-container nav.nav-show .nav-bar { -webkit-box-shadow:none!important; box-shadow: none!important; } } .menu a .label { margin-left: 10px; } .modal-strip a { margin-left: 10px; } .bg-primary .color-primary { color: #fff !important; } .tlg_dropcap { display: block;float: left;font-size: 40px;width: 68px;height: 68px;line-height: 68px;text-align: center;margin-right: 10px;border-radius: 3px; margin-bottom: 0; font-weight: 600;margin-right: 20px; } /* 4. PAGE BUILDER STYLE - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .vc_row .row { position: relative; } @media only screen and (max-width: 1280px) { div.vc_row .vertical-flex .vc_column_container:not(.vc_col-sm-12) .vc_column-inner[class*="vc_custom_"] { padding-left: 95px!important; padding-right: 95px!important; } } @media only screen and (max-width: 1024px) { div.vc_row .vertical-flex .vc_column_container:not(.vc_col-sm-12) .vc_column-inner[class*="vc_custom_"] { padding-left: 55px!important; padding-right: 55px!important; } } @media only screen and (max-width: 768px) { .vc_row .row .row { margin: 0; } div.equal-height .vc_column-inner .vc_column-inner, section.vc_row .vc_column_container > .vc_column-inner { margin-top: 0!important; margin-bottom: 0!important; padding-left: 0!important; padding-right: 0!important; } div.equal-height .vc_column-inner { padding-left: 95px!important; padding-right: 95px!important; } div.vc_row .vertical-flex .vc_column_container:not(.vc_col-sm-12) .vc_column-inner[class*="vc_custom_"] { padding-left: 100px!important; padding-right: 100px!important; } .vc_row[class*="vc_custom_"] { margin-left: 0!important; margin-right: 0!important; } } @media only screen and (max-width: 600px) { .projects .container { padding: 0; } div.equal-height .vc_column-inner .vc_column-inner, section.vc_row .vc_column_container > .vc_column-inner { padding-top: 0; padding-bottom: 0; } div.vc_row .vertical-flex .vc_column_container:not(.vc_col-sm-12) .vc_column-inner[class*="vc_custom_"] { padding-left: 50px!important; padding-right: 50px!important; } } @media only screen and (max-width: 479px) { div.equal-height .vc_column-inner, div.vc_row .vertical-flex .vc_column_container:not(.vc_col-sm-12) .vc_column-inner[class*="vc_custom_"] { padding-left: 28px!important; padding-right: 28px!important; } div.equal-height .vc_column-inner .vc_column-inner { padding-left: 0!important; padding-right: 0!important; } } @media screen and (max-width: 990px) { .vc_row, .vc_row .row, .vc_row .vc_row { margin: 0; } } @media screen and (max-width: 480px) { .icon-link { margin-bottom: 15px; } } .vc_empty-placeholder { margin: 0; } div.vc_row .wpb_column, div.vc_row div.vc_row .wpb_column { padding: 0; } div.vc_row.image-bg div.vc_row .wpb_column {padding-left: 15px; padding-right: 15px;} div.wpb_column .wpb_column { padding-bottom: 20px; } @media only screen and (max-width: 768px) and (min-width: 768px) { .tlg-page-wrapper .col-sm-1,.tlg-page-wrapper .col-sm-2:not(.org-col),.tlg-page-wrapper .col-sm-3:not(.org-col),.tlg-page-wrapper .col-sm-4:not(.org-col), .tlg-page-wrapper .col-sm-5:not(.org-col),.tlg-page-wrapper .col-sm-6:not(.org-col),.tlg-page-wrapper .col-sm-8,.tlg-page-wrapper .col-sm-10, .vc_col-xs-1, .vc_col-sm-1, .vc_col-md-1, .vc_col-lg-1, .vc_col-xs-2, .vc_col-sm-2, .vc_col-md-2, .vc_col-lg-2, .vc_col-xs-3, .vc_col-sm-3, .vc_col-md-3, .vc_col-lg-3, .vc_col-xs-4, .vc_col-sm-4, .vc_col-md-4, .vc_col-lg-4, .vc_col-xs-5, .vc_col-sm-5, .vc_col-md-5, .vc_col-lg-5, .vc_col-xs-6, .vc_col-sm-6, .vc_col-md-6, .vc_col-lg-6, .vc_col-xs-7, .vc_col-sm-7, .vc_col-md-7, .vc_col-lg-7, .vc_col-xs-8, .vc_col-sm-8, .vc_col-md-8, .vc_col-lg-8, .vc_col-xs-9, .vc_col-sm-9, .vc_col-md-9, .vc_col-lg-9, .vc_col-xs-10, .vc_col-sm-10, .vc_col-md-10, .vc_col-lg-10, .vc_col-xs-11, .vc_col-sm-11, .vc_col-md-11, .vc_col-lg-11, .vc_col-xs-12, .vc_col-sm-12, .vc_col-md-12, .vc_col-lg-12 { width: 100%; } .col-sm-offset-1 { margin-left: 0; } .col-sm-10 { width: 100%; } } @media (min-width: 992px) {.standard-slide.col-md-offset-1 {margin-left: 0;margin-right: 0;}} .pb0 .wpb_content_element, .wpb_layerslider_element.wpb_content_element, .wpb_revslider_element.wpb_content_element{ margin-bottom: 0!important; } section section { padding: 0; background: none; } section section .container { width: 100%; } section.vc_row .pr-32.pl-32 {padding-left: 0; padding-right: 0;} .tlg-page-wrapper { overflow: hidden; clear: both; } .tlg-page-wrapper > .wpb_row { margin: 0; position: relative; } @media( max-width: 768px ) { .tlg-page-wrapper > .wpb_row .wpb_row { margin: 0 !important; position: relative; } } .tlg-page-wrapper > .wpb_row.image-bg, .tlg-page-wrapper > .wpb_row.video-bg { overflow: hidden; } .wpb_column .wpb_wrapper>*:last-child {margin-bottom: 0;} .tlg-page-wrapper > p { display: none; } .mega-menu h4 { display: none; } .variation dt { font-weight: bold; display: inline-block; font-size: 12px; } .variation dd { display: inline-block; } .tooltip.top { margin-left: 0; } .boxed-layout .modal-strip { max-width: 1330px; } .single-product form, .single-product form + hr { clear: both; } .steps-content.steps-style-2 .steps-item:after { width: calc(100% + 60px); } @media only screen and (min-width: 991px) and (max-width: 1600px) { .full-menu .text-center .mega-menu { margin: 0 0 0 -70px!important; } } .wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li {margin-bottom: 24px;} /* 4.X. TLG-VC: IMAGE CAPTION - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -- - - - - - - - - - - - */ .tlg-banner figure{position:relative;z-index:1;display:block;overflow:hidden;margin:0;background:#000;} .tlg-banner figure img{opacity:1;position:relative;display:block;min-height:initial;max-width:100%;-webkit-transition:opacity 0.35s,-webkit-transform .35s;transition:opacity 0.35s,transform .35s;-webkit-transform:scale(1);transform:scale(1)} .tlg-banner figure:hover img { opacity:.5;-webkit-transform:scale(1.2);transform:scale(1.2); } .tlg-banner figure figcaption{padding:2em;color:#fff;font-size:1.25em;-webkit-backface-visibility:hidden;backface-visibility:hidden;} .tlg-banner figure figcaption::before,.tlg-banner figure figcaption::after{pointer-events:none;} .tlg-banner figure figcaption,.tlg-banner figure figcaption > a{position:absolute;top:0;left:0;width:100%;height:100%;} .tlg-banner figure figcaption > a{z-index:1000;text-indent:200%;white-space:nowrap;font-size:0;opacity:0;} .tlg-banner figure h2 span{font-weight:800;} .tlg-banner figure h2,.tlg-banner figure p{opacity:0;letter-spacing:normal;padding:0;margin:0;} .tlg-banner figure:hover h2, .tlg-banner figure.visible-caption h2, .tlg-banner figure:hover p, .tlg-banner figure.visible-caption p{opacity: 1;} .tlg-banner figure p, .image-caption .widgetsubtitle{letter-spacing:1px;font-size:16px;line-height:1.6em;} @media ( max-width: 480px ) { .tlg-banner figure h2 { font-size: 20px!important; line-height: 1.5; } .tlg-banner figure p { display: none; } } figure.hover-caption-1{background-color:#000;} figure.hover-caption-1 figcaption{text-align:left;} figure.hover-caption-1 figcaption > div{position:absolute;bottom:0;left:0;padding:2em;height:50%;} @media ( max-width: 768px ) { figure.hover-caption-1 figcaption > div{ height: 80%; } } figure.hover-caption-1 h2,figure.hover-caption-1 p{-webkit-transform:translate3d(0,40px,0);transform:translate3d(0,40px,0);} figure.hover-caption-1 h2{-webkit-transition:-webkit-transform .35s;transition:transform .35s;} figure.hover-caption-1 p{color:rgba(255,255,255,0.8);opacity:0;-webkit-transition:opacity 0.2s,-webkit-transform .35s;transition:opacity 0.2s,transform .35s} figure.hover-caption-1:hover img,figure.hover-caption-1:hover h2,figure.hover-caption-1:hover p, figure.hover-caption-1.visible-caption img,figure.hover-caption-1.visible-caption h2,figure.hover-caption-1.visible-caption p{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} figure.hover-caption-1:hover img{-webkit-transform:scale(1.2);transform:scale(1.2);} figure.hover-caption-1:hover p, figure.hover-caption-1.visible-caption p{opacity: 1; -webkit-transition-delay:.05s;transition-delay:.05s;-webkit-transition-duration:.35s;transition-duration:.35s} figure.hover-caption-4 figcaption::before{position:absolute;top:30px;right:30px;bottom:30px;left:30px;border:2px solid #fff;content:'';opacity:0;-webkit-transition:opacity 0.35s,-webkit-transform .35s;transition:opacity 0.35s,transform .35s;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)} figure.hover-caption-4 figcaption{padding:3em;text-align:left;} figure.hover-caption-4 p{opacity:0;-webkit-transition:opacity 0.35s,-webkit-transform .35s;transition:opacity 0.35s,transform .35s;-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)} @media ( max-width: 768px ) { figure.hover-caption-4 h2 { padding-top: 10%; } } @media ( max-width: 480px ) { figure.hover-caption-4 figcaption::before { border: none; } } figure.hover-caption-4:hover figcaption::before,figure.hover-caption-4:hover p, figure.hover-caption-4.visible-caption figcaption::before,figure.hover-caption-4.visible-caption p{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} figure.hover-caption-5 figcaption::before,figure.hover-caption-5 figcaption::after{position:absolute;top:30px;right:30px;bottom:30px;left:30px;content:'';opacity:0;-webkit-transition:opacity 0.35s,-webkit-transform .35s;transition:opacity 0.35s,transform .35s} figure.hover-caption-5 figcaption::before{border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:scale(0,1);transform:scale(0,1)} figure.hover-caption-5 figcaption::after{border-right:1px solid #fff;border-left:1px solid #fff;-webkit-transform:scale(1,0);transform:scale(1,0)} figure.hover-caption-5 h2{padding-top:30%;-webkit-transition:-webkit-transform .35s;transition:transform .35s;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)} @media ( max-width: 480px ) { figure.hover-caption-5 h2{ padding-top: 23%; } } figure.hover-caption-5 p{opacity:0;-webkit-transition:opacity 0.35s,-webkit-transform .35s;transition:opacity 0.35s,transform .35s;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)} figure.hover-caption-5:hover figcaption::before,figure.hover-caption-5:hover figcaption::after, figure.hover-caption-5.visible-caption figcaption::before,figure.hover-caption-5.visible-caption figcaption::after{opacity:1;-webkit-transform:scale(1);transform:scale(1)} figure.hover-caption-5:hover h2,figure.hover-caption-5:hover p, figure.hover-caption-5.visible-caption h2,figure.hover-caption-5.visible-caption p{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} figure.hover-caption-2 h2,figure.hover-caption-2 p{color:#fff;position:absolute;right:30px;left:30px;padding:10px 0} figure.hover-caption-2 p{bottom:30px;line-height:1.5;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)} figure.hover-caption-2 h2{top:30px;-webkit-transition:-webkit-transform .35s;transition:transform .35s;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)} figure.hover-caption-2:hover h2, figure.hover-caption-2.visible-caption h2{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} figure.hover-caption-2 h2::after{position:absolute;top:100%;left:0;width:100%;height:1px;background:#fff;content:'';-webkit-transform:translate3d(0,40px,0);transform:translate3d(0,40px,0)} figure.hover-caption-2 h2::after,figure.hover-caption-2 p{opacity:0;-webkit-transition:opacity 0.35s,-webkit-transform .35s;transition:opacity 0.35s,transform .35s} figure.hover-caption-2:hover h2::after,figure.hover-caption-2:hover p, figure.hover-caption-2.visible-caption h2::after,figure.hover-caption-2.visible-caption p{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} figure.hover-caption-3 h2{margin-top:20%;-webkit-transition:-webkit-transform .35s;transition:transform .35s;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)} figure.hover-caption-3 p{opacity:0;-webkit-transition:opacity 0.35s,-webkit-transform .35s;transition:opacity 0.35s,transform .35s;-webkit-transform:translate3d(0,20px,0) scale(1);transform:translate3d(0,20px,0) scale(1)} @media ( max-width: 768px ) { figure.hover-caption-3 h2 {margin-top: 5%;} figure.hover-caption-3 p { padding: 10px; } } @media ( max-width: 480px ) { figure.hover-caption-3 p {border: none;} } figure.hover-caption-3:hover h2, figure.hover-caption-3.visible-caption h2{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);} figure.hover-caption-3:hover p, figure.hover-caption-3.visible-caption p{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);} /* 4.X. TLG-VC: CAROUSEL - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -- - - - - - - - - - - - */ .post-carousel h3 { font-size: 24px; letter-spacing: 5px; } @media (max-width: 991px) { .tlg-page-wrapper > .container.inner { padding-left: 20px; padding-right: 20px; } .footer-basic * { text-align: center; } .module-group.right .module.left:first-child { padding-right: 16px; } } .owl-carousel .owl-stage-outer, .owl-carousel .owl-item { z-index: 1; } /* 5. PLUGINS STYLE - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* 5.1. CONTACT FORM 7 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ div.wpcf7 textarea { height: 120px; } @media (max-width: 600px) { div.wpcf7 textarea { height: 50px; } } div.wpcf7 input[type="submit"], div.wpcf7 p { margin-bottom: 0; } div.wpcf7 p.sub { font-size: 13px; margin-bottom: 10px; margin-top: 30px; } @media (max-width: 600px) {div.wpcf7 p.sub {margin-top: 0;}} div.wpcf7 img.ajax-loader { width: auto; } .wpcf7-checkbox .checkbox-option { margin-right: 20px; padding-bottom: 24px; position: relative; } .wpcf7-checkbox .checkbox-option span { position: absolute; top: 100%; left: 0; width: 999px; } .wpcf7 .select-option { margin-bottom: 0; } div.wpcf7-response-output { clear: both; } div.wpcf7 .form-container input { max-width: 245px; margin: 0 15px; display: inline-block; vertical-align: top; } @media only screen and (max-width: 1200px) and (min-width: 990px) { div.wpcf7 .form-container input { max-width: 200px; } } div.wpcf7 .form-container input[type="submit"] { border: none; } .dark-input input.wpcf7-text { border-color: rgba(255,255,255,0.1)!important; background: rgba(0,0,0,0.1)!important; color: #0f0f0f!important; } .dark-input .sub { color: #000; opacity: .7; } @media (min-width: 990px) { section:not(.image-bg) div.wpcf7 .form-container .wpcf7-form-control-wrap + .wpcf7-form-control-wrap { margin-left: -1px; } } @media (max-width: 768px) { div.wpcf7 .form-container input { max-width: 100%; margin: 15px auto; display: block; } div.wpcf7 .form-container img.ajax-loader { display: block; margin: 0 auto; } } @media (max-width: 600px) { div.wpcf7 .form-container input { height: 35px; line-height: 35px; } } .wpcf7-form input[type="submit"] { margin-top: 8px; } input[type=date]::-webkit-inner-spin-button { -webkit-appearance: none; display: none; } .image-bg div.wpcf7 .ajax-loader {display: none;} div.wpcf7 .ajax-loader {background-image: url('assets/img/loader.gif')!important;} /* 5.2. WOOCOMMERCE - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .tabbed-content .ratings i{display:block} .ratings > li{width:100%} .btn,.woocommerce #respond input#submit,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit.alt,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt{width:auto} .cart .three-columns input{float:none} .cart .number{display:none} table.variations{width:100%} .cart_form:hover *{color:#fff} .cart_form{width:auto;display:inline-block} .variations .label { background: transparent; text-align: left; padding: 0!important; } .variations .label label { line-height: 50px!important; } .woocommerce div.product form.cart .reset_variations { font-size: .95em; } .woocommerce-variation-price { margin-bottom: 10px; } .product_meta > span { display: block; } .product-categories .count{color:#aaa;display: inline-block;} .related.products, .upsells.products {clear: both;} /* 5.3. PAGE BUILDER - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .vc_editor.compose-mode .vc_controls>.vc_controls-cc {background-color: #4b5869;} .vc_editor.compose-mode .vc_child-element-move .vc_btn-content:hover, .vc_editor.compose-mode .vc_element-move .vc_btn-content:hover, .vc_editor.compose-mode .vc_control-btn .vc_btn-content:hover {background-color: #363f4c;} .vc_editor.compose-mode .vc_controls-column>div .vc_btn-content, .vc_editor.compose-mode .vc_controls-container>div .vc_btn-content, .vc_editor.compose-mode .vc_controls-row>div .vc_btn-content {background-color: #4fa99e;border-color: #4fa99e;} .vc_editor.compose-mode .vc_controls-column>div .vc_control-btn .vc_btn-content:hover, .vc_editor.compose-mode .vc_controls-container>div .vc_control-btn .vc_btn-content:hover, .vc_editor.compose-mode .vc_controls-row>div .vc_control-btn .vc_btn-content:hover {background-color: #49c5b6;border-color: #49c5b6;} .vc_editor.compose-mode .vc_control-btn-append:before {display: none;} .vc_editor.compose-mode .vc_controls-column>div>.vc_parent .vc_btn-content, .vc_editor.compose-mode .vc_controls-column>div>.vc_parent .vc_control-btn .vc_btn-content{background-color: #fa4e40; border-color: #fa4e40;} .vc_editor.compose-mode .vc_controls-column>div>.vc_parent .vc_control-btn .vc_btn-content:hover {background-color: #e44c40; border-color: #e44c40;} .wpb_start_animation.wpb_top-to-bottom { -webkit-animation: wpb_ttb .3s cubic-bezier(.215,.61,.355,1); -o-animation: wpb_ttb .3s cubic-bezier(.215,.61,.355,1); animation: wpb_ttb .3s cubic-bezier(.215,.61,.355,1); } .wpb_start_animation.wpb_bottom-to-top { -webkit-animation: wpb_btt .3s cubic-bezier(.215,.61,.355,1); -o-animation: wpb_btt .3s cubic-bezier(.215,.61,.355,1); animation: wpb_btt .3s cubic-bezier(.215,.61,.355,1); } .wpb_start_animation.wpb_left-to-right { -webkit-animation: wpb_ltr .3s cubic-bezier(.215,.61,.355,1); -o-animation: wpb_ltr .3s cubic-bezier(.215,.61,.355,1); animation: wpb_ltr .3s cubic-bezier(.215,.61,.355,1); } .wpb_start_animation.wpb_right-to-left { -webkit-animation: wpb_rtl .3s cubic-bezier(.215,.61,.355,1); -o-animation: wpb_rtl .3s cubic-bezier(.215,.61,.355,1); animation: wpb_rtl .3s cubic-bezier(.215,.61,.355,1); } .wpb_start_animation.wpb_appear { -webkit-animation: wpb_appear .3s cubic-bezier(.215,.61,.355,1); -o-animation: wpb_appear .3s cubic-bezier(.215,.61,.355,1); animation: wpb_appear .3s cubic-bezier(.215,.61,.355,1); } @-webkit-keyframes wpb_ttb { 0% { -webkit-transform:translate(0,-60px); opacity: 0; } 100% { -webkit-transform:translate(0,0); opacity: 1; } } @-moz-keyframes wpb_ttb { 0% { -moz-transform:translate(0,-60px); opacity: 0; } 100% { -moz-transform:translate(0,0); opacity: 1; } } @-o-keyframes wpb_ttb { 0% { -o-transform:translate(0,-60px); opacity: 0; } 100% { -o-transform:translate(0,0); opacity: 1; } } @keyframes wpb_ttb { 0% { transform:translate(0,-60px); opacity: 0; } 100% { transform:translate(0,0); opacity: 1; } } @-webkit-keyframes wpb_btt { 0% { -webkit-transform:translate(0,60px); opacity: 0; } 100% { -webkit-transform:translate(0,0); opacity: 1; } } @-moz-keyframes wpb_btt { 0% { -moz-transform:translate(0,60px); opacity: 0; } 100% { -moz-transform:translate(0,0); opacity: 1; } } @-o-keyframes wpb_btt { 0% { -o-transform:translate(0,60px); opacity: 0; } 100% { -o-transform:translate(0,0); opacity: 1; } } @keyframes wpb_btt { 0% { transform:translate(0,60px); opacity: 0; } 100% { transform:translate(0,0); opacity: 1; } } .vc_col-has-fill>.vc_column-inner, .vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner, .vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner, .vc_row-has-fill+.vc_vc_row>.vc_row>.vc_vc_column>.vc_column_container>.vc_column-inner, .vc_row-has-fill+.vc_vc_row_inner>.vc_row>.vc_vc_column_inner>.vc_column_container>.vc_column-inner, .vc_row-has-fill>.vc_column_container>.vc_column-inner, .vc_row-has-fill>.vc_row>.vc_vc_column>.vc_column_container>.vc_column-inner, .vc_row-has-fill>.vc_vc_column_inner>.vc_column_container>.vc_column-inner, .vc_section.vc_section-has-fill, .vc_section.vc_section-has-fill+.vc_row-full-width+.vc_section, .vc_section.vc_section-has-fill+.vc_section { padding-top: 0; } @media(max-width: 990px){div.vc_row .vc_col-sm-12 .vc_column-inner {padding-left: 0!important;padding-right: 0!important;}} /* 6. SPACING - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -- */ .mb--6{margin-bottom: -6px;}.mt10{margin-top:10px;}.mr10{margin-right:10px;}.p0{padding:0!important}.p32{padding:0 32px}.pt0{padding-top:0}.pt8{padding-top:8px}.pt10{padding-top:10px}.pt16{padding-top:16px}.pt24{padding-top:24px}.pt32{padding-top:32px}.pt40{padding-top:40px}.pt48{padding-top:48px}.pt64{padding-top:64px}.pt80{padding-top:80px}.pt96{padding-top:96px}.pt120{padding-top:120px}.pt160{padding-top:160px}.pt180{padding-top:180px}.pt240{padding-top:240px}.pb0{padding-bottom:0}.pb8{padding-bottom:8px}.pb16{padding-bottom:16px}.pb24{padding-bottom:24px}.pb32{padding-bottom:32px}.pb40{padding-bottom:40px}.pb48{padding-bottom:48px}.pb64{padding-bottom:64px}.pb80{padding-bottom:80px}.pb96{padding-bottom:96px}.pb120{padding-bottom:120px}.pb160{padding-bottom:160px}.pb180{padding-bottom:180px}.pb240{padding-bottom:240px}.pl-32{padding-left:32px}.pl-16{padding-left:16px}.pr-16{padding-right:16px!important;}.pl-6{padding-left:6px}.pr-6{padding-right:6px}.pr-32{padding-right:32px}.m0{margin:0!important}.mb0{margin-bottom:0!important}.mb3{margin-bottom:3px}.mb8{margin-bottom:8px}.mb10{margin-bottom:10px}.mb16{margin-bottom:16px}.mb20{margin-bottom:20px}.mb24{margin-bottom:24px}.mb30{margin-bottom:30px}.mb32{margin-bottom:32px}.mb40{margin-bottom:40px}.mb70{margin-bottom:70px}.mb48{margin-bottom:48px}.mb64{margin-bottom:64px}.mb80{margin-bottom:80px}.mb72{margin-bottom:72px}.mb96{margin-bottom:96px}.mb120{margin-bottom:120px}.mb160{margin-bottom:160px}.mr-25{margin-right:25px}.mr-30{margin-right:30px}.mr-15{margin-right:15px}.mr-24{margin-right:24px}.mr-5{margin-right:5px}.mr-0{margin-right:0!important}.ml-25{margin-left:25px!important}.ml-30{margin-left:30px!important}.ml-15{margin-left:15px}.ml-24{margin-left:24px}.ml-5{margin-left:5px}.ml-0{margin-left:0!important}.mr--32{margin-right:-32px}.ml--32{margin-left:-32px}.mt0{margin-top:0!important}.mt8s{margin-top:8px!important;}.mt8{margin-top:8px}.mt16{margin-top:16px}.mt24{margin-top:24px}.mt30{margin-top:30px}.mt32{margin-top:32px}.mt40{margin-top:40px}.mt48{margin-top:48px}.mt50{margin-top:50px}.mt64{margin-top:64px}.mt80{margin-top:80px}.mt72{margin-top:72px}.mt96{margin-top:96px}.mt120{margin-top:120px}.mt160{margin-top:160px}.vc_row .mt0-vc{margin-top:0!important}@media all and (min-width: 1024px){.pl-l-80{padding-left:80px}.pr-l-80{padding-right:80px}}@media all and (max-width: 768px){.pr-xs-15{padding-right: 15px;}.pl-xs-15{padding-left: 15px;}.p0-xs{padding:0}.pt-xs-0{padding-top:0}.pt-xs-8{padding-top:8px}.pt-xs-16{padding-top:16px}.pt-xs-24{padding-top:24px}.pt-xs-32{padding-top:32px}.pt-xs-40{padding-top:40px}.pt-xs-48{padding-top:48px}.pt-xs-64{padding-top:64px}.pt-xs-80{padding-top:80px}.pt-xs-96{padding-top:96px}.pt-xs-120{padding-top:120px}.pt-xs-160{padding-top:160px}.pt-xs-180{padding-top:180px}.pt-xs-240{padding-top:240px}.pb-xs-0{padding-bottom:0}.pb-xs-8{padding-bottom:8px}.pb-xs-16{padding-bottom:16px}.pb-xs-24{padding-bottom:24px}.pb-xs-32{padding-bottom:32px}.pb-xs-40{padding-bottom:40px}.pb-xs-48{padding-bottom:48px}.pb-xs-64{padding-bottom:64px}.pb-xs-80{padding-bottom:80px}.pb-xs-96{padding-bottom:96px}.pb-xs-120{padding-bottom:120px}.pb-xs-180{padding-bottom:180px}.pb-xs-240{padding-bottom:240px}.m0-xs{margin:0}.mb-xs-0{margin-bottom:0}.mb-xs-8{margin-bottom:8px}.mb-xs-16{margin-bottom:16px}.mb-xs-24{margin-bottom:24px}.mb-xs-32{margin-bottom:32px}.mb-xs-40{margin-bottom:40px}.mb-xs-48{margin-bottom:48px}.mb-xs-64{margin-bottom:64px}.mb-xs-80{margin-bottom:80px}.mb-xs-96{margin-bottom:96px}.mb-xs-120{margin-bottom:120px}.mt-xs-0{margin-top:0}.mt-xs-8{margin-top:8px}.mt-xs-16{margin-top:16px}.mt-xs-24{margin-top:24px}.mt-xs-32{margin-top:32px}.mt-xs-40{margin-top:40px}.mt-xs-48{margin-top:48px}.mt-xs-64{margin-top:64px}.mt-xs-80{margin-top:80px}.mt-xs-96{margin-top:96px}.mt-xs-120{margin-top:120px}}@media ( max-width: 480px ){.mb-phone-0{margin-bottom: 0!important;}.mb-xs-40{margin-bottom:32px}.mb-xs-24{margin-bottom:24px}.mt-xx-24{margin-top: 24px;}.mb-xx-24{margin-bottom: 24px;}}@media ( max-width: 768px ){.ml-sm-0{margin-left: 0!important;}.mr-sm-0{margin-right: 0!important;}.p0-sm-min{padding:0}}.mt--30{margin-top: -30px;} /* 7. HEADER - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .vertical-flex{display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;align-items:center;-webkit-align-items:center;justify-content:center;-webkit-justify-content:center;flex-direction:row;-webkit-flex-direction:row} @media(max-width:768px){.vertical-flex.row{display:block}} .vertical-flex-column{margin:0;z-index:2;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;align-items:center;-webkit-align-items:center;justify-content:center;-webkit-justify-content:center;flex-direction:column;-webkit-flex-direction:column} @media(min-width:768px){ .vertical-flex-column>.row{width:100%} .header-single .vertical-flex-column .row>[class*="col-"].text-right,.header-slider .vertical-flex-column .row>[class*="col-"].text-right,.header-single .vertical-flex-column .row>[class*="col-"].text-left,.header-slider .vertical-flex-column .row>[class*="col-"].text-left{width:100%} .header-single .vertical-flex-column .row>[class*="col-"].text-left,.header-slider .vertical-flex-column .row>[class*="col-"].text-left{margin-left:0} .header-single .vertical-flex-column .row>[class*="col-"].text-center,.header-slider .vertical-flex-column .row>[class*="col-"].text-center{margin-left:0;width:100%} .header-single .vertical-flex-column .row>[class*="col-"],.header-slider .vertical-flex-column .row>[class*="col-"]{min-width:500px} .header-single .vertical-flex-column .row>.col-sm-6,.header-slider .vertical-flex-column .row>.col-sm-6{padding-left:0} } .overlay-lighter{background-color:rgba(31,34,37,0.38)!important} .overlay-smaller{padding:25px 35px!important} .no-link{text-transform:none;opacity:.8!important;font-size:15px!important;letter-spacing:0!important} .no-link:after{display:none!important} @media(min-width:991px){.transparent:not(.nav-show) .no-link{color:#fff}} @media(max-width:640px){.no-link{font-size:12px!important}} .menu-image{transform:translate3d(0,0px,0)!important;-webkit-transform:translate3d(0,0px,0)!important;-moz-transform:translate3d(0,0px,0)!important} @media(max-width:990px){.menu-image{display:none}} .menu-image>a{padding:0!important;margin:0!important;position:initial!important;opacity:1!important} .menu-image>.subnav{display:none!important} .vertical-menu .menu-image{display:none!important} .menu--line:nth-child(1),.menu--line:nth-child(4),.menu--line:nth-child(6){top:0;left:0;width:100%;-webkit-transform-origin:left center;transform-origin:left center} .menu--line:nth-child(2){top:8px;left:6px;width:19px;-webkit-transform-origin:left center;transform-origin:left center} .menu--line:nth-child(3),.menu--line:nth-child(5),.menu--line:nth-child(7){top:16px;left:0;width:100%;-webkit-transform-origin:left center;transform-origin:left center} .menu--line:nth-child(4){top:-1px;left:4px;-webkit-transform:rotate(45deg) translateX(0) scaleX(0);transform:rotate(45deg) translateX(0) scaleX(0)} .menu--line:nth-child(5){top:-1px;left:22px;-webkit-transform:rotate(135deg) translateX(0) scaleX(0);transform:rotate(135deg) translateX(0) scaleX(0)} .menu-line.is-inactive:hover .menu--line:nth-child(1){-webkit-animation:menuLine .33s ease-out .32s;animation:menuLine .33s ease-out .32s} .menu-line.is-inactive:hover .menu--line:nth-child(2){-webkit-animation:menuLine .33s ease-out .21s;animation:menuLine .33s ease-out .21s;left:0;width:100%;-webkit-transition-duration:.1s;transition-duration:.1s;-webkit-transition-timing-function:ease;transition-timing-function:ease} .menu-line.is-inactive:hover .menu--line:nth-child(3){-webkit-animation:menuLine .33s ease-out .1s;animation:menuLine .33s ease-out .1s} .menu-line.is-active .menu--line:nth-child(1),.menu-line.is-active .menu--line:nth-child(2),.menu-line.is-active .menu--line:nth-child(3),.menu-line.is-inactive:hover .menu--line:nth-child(6),.menu-line.is-inactive:hover .menu--line:nth-child(7){display:none} .menu-line.is-active:hover .menu--line:nth-child(4){-webkit-transform:rotate(45deg) translateX(0) scaleX(1);transform:rotate(45deg) translateX(0) scaleX(1);-webkit-transition-duration:.42s;transition-duration:.42s;-webkit-transition-timing-function:cubic-bezier(.52,.01,.16,1);transition-timing-function:cubic-bezier(.52,.01,.16,1);-webkit-transition-delay:.3s;transition-delay:.3s} .menu-line.is-active:hover .menu--line:nth-child(5){-webkit-transform:rotate(135deg) translateX(0) scaleX(1);transform:rotate(135deg) translateX(0) scaleX(1);-webkit-transition-duration:.42s;transition-duration:.42s;-webkit-transition-timing-function:cubic-bezier(.52,.01,.16,1);transition-timing-function:cubic-bezier(.52,.01,.16,1);-webkit-transition-delay:.4s;transition-delay:.4s} .menu-line.is-active:hover .menu--line:nth-child(6){-webkit-transform:rotate(225deg) translateX(0) scaleX(0);transform:rotate(225deg) translateX(0) scaleX(0);-webkit-transition-duration:.42s;transition-duration:.42s;-webkit-transition-timing-function:cubic-bezier(.52,.01,.16,1);transition-timing-function:cubic-bezier(.52,.01,.16,1);-webkit-transition-delay:.1s;transition-delay:.1s} .menu-line.is-active:hover .menu--line:nth-child(7){-webkit-transform:rotate(-45deg) translateX(0) scaleX(0);transform:rotate(-45deg) translateX(0) scaleX(0);-webkit-transition-duration:.42s;transition-duration:.42s;-webkit-transition-timing-function:cubic-bezier(.52,.01,.16,1);transition-timing-function:cubic-bezier(.52,.01,.16,1);-webkit-transition-delay:.2s;transition-delay:.2s} .menu-line.is-active .menu--line:nth-child(6){-webkit-transform:rotate(225deg) translateX(0) scaleX(1);transform:rotate(225deg) translateX(0) scaleX(1);top:17px;left:22px} .menu-line.is-active .menu--line:nth-child(7){-webkit-transform:rotate(-45deg) translateX(0) scaleX(1);transform:rotate(-45deg) translateX(0) scaleX(1);top:17px;left:4px} @-webkit-keyframes menuLine{ 0%{-webkit-transform:translateX(0);transform:translateX(0)} 50%{-webkit-transform:translateX(110%);transform:translateX(110%)} 50.001%{-webkit-transform:translateX(0) translateY(11px);transform:translateX(0) translateY(11px)} 100%{-webkit-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0)} } @keyframes menuLine{ 0%{-webkit-transform:translateX(0);transform:translateX(0)} 50%{-webkit-transform:translateX(110%);transform:translateX(110%)} 50.001%{-webkit-transform:translateX(0) translateY(11px);transform:translateX(0) translateY(11px)} 100%{-webkit-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0)} } .header-single .btn+.btn,.main-slider .btn+.btn{margin-left:12px!important} @media(max-width:767px){ .header-single .btn+.btn,.main-slider .btn+.btn{margin:0!important;margin-top:15px!important} } @media(max-width:640px){ .header-single .btn,.main-slider .btn{min-width:65%} }.header-single .text-center .btn,.main-slider .text-center .btn{margin-left:6px!important;margin-right:6px!important} @media(max-width:767px){ .header-single .text-center .btn,.main-slider .text-center .btn{margin:0!important;margin-top:15px!important} } @media all and (max-width:768px){ .header-single .mb-xs-80,.main-slider .mb-xs-80{margin-bottom:0} .header-single .mt48,.main-slider .mt48{margin-top:12px} .header-single.pb-xs-80,.main-slider.pb-xs-80{padding-bottom:125px} .header-single.pt-xs-80,.main-slider.pt-xs-80{padding-top:125px} } @media(max-width:1024px){ .header-single .lead,.main-slider .lead{font-size:28px!important;line-height:36px!important;margin-bottom:20px!important} } @media(max-width:768px){ .header-single .lead,.main-slider .lead{font-size:16px!important;line-height:20px!important;margin-bottom:15px!important} } @media(max-width:460px){ .header-contact .header-single .lead,.header-contact .main-slider .lead {display: none;} .header-contact .heading-title-standard, .header-contact .heading-title-thin, .header-contact .heading-title-bold {font-size: 16px!important; line-height: 20px!important;} } .header-single .lead i,.header-single .heading-title-standard i,.header-single .heading-title-thin i,.header-single .heading-title-bold i,.header-single .heading-content i,.main-slider .lead i,.main-slider .heading-title-standard i,.main-slider .heading-title-thin i,.main-slider .heading-title-bold i,.main-slider .heading-content i{font-family:'Droid Serif',serif;font-style:normal;font-weight:400} .header-single .heading-content cite,.main-slider .heading-content cite{font-style:normal} @media(min-width:1028px){ .header-single .row>.col-sm-6:first-child,.main-slider .row>.col-sm-6:first-child{padding-top:50px} } .header-single .row>.col-sm-6:last-child .wpcf7 .wpcf7-form-control::-webkit-input-placeholder { color: #252525!important; } .header-single .row>.col-sm-6:last-child .wpcf7 .wpcf7-form-control:-moz-placeholder { color: #252525!important; } .header-single .row>.col-sm-6:last-child .wpcf7 .wpcf7-form-control::-moz-placeholder { color: #252525!important; } .header-single .row>.col-sm-6:last-child .wpcf7 .wpcf7-form-control:-ms-input-placeholder { color: #252525!important; } .header-single .row .display-cell .wpcf7 .wpcf7-form-control::-webkit-input-placeholder { color: #252525!important; } .header-single .row .display-cell .wpcf7 .wpcf7-form-control:-moz-placeholder { color: #252525!important; } .header-single .row .display-cell .wpcf7 .wpcf7-form-control::-moz-placeholder { color: #252525!important; } .header-single .row .display-cell .wpcf7 .wpcf7-form-control:-ms-input-placeholder { color: #252525!important; } .main-slider .row>.col-sm-6:last-child .wpcf7 .wpcf7-form-control::-webkit-input-placeholder { color: #252525!important; } .main-slider .row>.col-sm-6:last-child .wpcf7 .wpcf7-form-control:-moz-placeholder { color: #252525!important; } .main-slider .row>.col-sm-6:last-child .wpcf7 .wpcf7-form-control::-moz-placeholder { color: #252525!important; } .main-slider .row>.col-sm-6:last-child .wpcf7 .wpcf7-form-control:-ms-input-placeholder { color: #252525!important; } .main-slider .row .display-cell .wpcf7 .wpcf7-form-control::-webkit-input-placeholder { color: #252525!important; } .main-slider .row .display-cell .wpcf7 .wpcf7-form-control:-moz-placeholder { color: #252525!important; } .main-slider .row .display-cell .wpcf7 .wpcf7-form-control::-moz-placeholder { color: #252525!important; } .main-slider .row .display-cell .wpcf7 .wpcf7-form-control:-ms-input-placeholder { color: #252525!important; } .header-single .row>.col-sm-6:last-child .wpcf7,.main-slider .row>.col-sm-6:last-child .wpcf7, .header-single .row .display-cell .wpcf7,.main-slider .row .display-cell .wpcf7{margin-bottom:0;padding:24px;border-radius:4px;background-color:rgba(255,255,255,.95);overflow:hidden} .header-single .row .display-cell .wpcf7,.main-slider .row .display-cell .wpcf7{display: inline-block;} @media(min-width:1028px){ .header-single .row>.col-sm-6:last-child .wpcf7,.main-slider .row>.col-sm-6:last-child .wpcf7{margin-left:150px} .header-single .row>.col-sm-6:last-child .wpcf7 div.wpcf7-validation-errors,.header-single .row>.col-sm-6:last-child .wpcf7 div.wpcf7-mail-sent-ok,.main-slider .row>.col-sm-6:last-child .wpcf7 div.wpcf7-validation-errors,.main-slider .row>.col-sm-6:last-child .wpcf7 div.wpcf7-mail-sent-ok{margin-bottom:24px} } @media(max-width:640px){ .header-single .row>.col-sm-6:last-child .wpcf7,.main-slider .row>.col-sm-6:last-child .wpcf7{padding:4px 10px; margin-top: 20px;} } .header-single .row>.col-sm-6:last-child .wpcf7 label,.main-slider .row>.col-sm-6:last-child .wpcf7 label{color:#252525!important} .header-single .row>.col-sm-6:last-child .wpcf7 input[type="text"],.header-single .row>.col-sm-6:last-child .wpcf7 input[type="password"],.header-single .row>.col-sm-6:last-child .wpcf7 input[type="date"],.header-single .row>.col-sm-6:last-child .wpcf7 input[type="datetime"],.header-single .row>.col-sm-6:last-child .wpcf7 input[type="email"],.header-single .row>.col-sm-6:last-child .wpcf7 input[type="number"],.header-single .row>.col-sm-6:last-child .wpcf7 input[type="search"],.header-single .row>.col-sm-6:last-child .wpcf7 input[type="tel"],.header-single .row>.col-sm-6:last-child .wpcf7 input[type="time"],.header-single .row>.col-sm-6:last-child .wpcf7 input[type="url"],.header-single .row>.col-sm-6:last-child .wpcf7 textarea,.main-slider .row>.col-sm-6:last-child .wpcf7 input[type="text"],.main-slider .row>.col-sm-6:last-child .wpcf7 input[type="password"],.main-slider .row>.col-sm-6:last-child .wpcf7 input[type="date"],.main-slider .row>.col-sm-6:last-child .wpcf7 input[type="datetime"],.main-slider .row>.col-sm-6:last-child .wpcf7 input[type="email"],.main-slider .row>.col-sm-6:last-child .wpcf7 input[type="number"],.main-slider .row>.col-sm-6:last-child .wpcf7 input[type="search"],.main-slider .row>.col-sm-6:last-child .wpcf7 input[type="tel"],.main-slider .row>.col-sm-6:last-child .wpcf7 input[type="time"],.main-slider .row>.col-sm-6:last-child .wpcf7 input[type="url"],.main-slider .row>.col-sm-6:last-child .wpcf7 textarea{color:#595959!important;font-weight:400} @media(max-width:640px){ .header-single .row>.col-sm-6:last-child .wpcf7 input[type="text"],.header-single .row>.col-sm-6:last-child .wpcf7 input[type="password"],.header-single .row>.col-sm-6:last-child .wpcf7 input[type="date"],.header-single .row>.col-sm-6:last-child .wpcf7 input[type="datetime"],.header-single .row>.col-sm-6:last-child .wpcf7 input[type="email"],.header-single .row>.col-sm-6:last-child .wpcf7 input[type="number"],.header-single .row>.col-sm-6:last-child .wpcf7 input[type="search"],.header-single .row>.col-sm-6:last-child .wpcf7 input[type="tel"],.header-single .row>.col-sm-6:last-child .wpcf7 input[type="time"],.header-single .row>.col-sm-6:last-child .wpcf7 input[type="url"],.header-single .row>.col-sm-6:last-child .wpcf7 textarea,.main-slider .row>.col-sm-6:last-child .wpcf7 input[type="text"],.main-slider .row>.col-sm-6:last-child .wpcf7 input[type="password"],.main-slider .row>.col-sm-6:last-child .wpcf7 input[type="date"],.main-slider .row>.col-sm-6:last-child .wpcf7 input[type="datetime"],.main-slider .row>.col-sm-6:last-child .wpcf7 input[type="email"],.main-slider .row>.col-sm-6:last-child .wpcf7 input[type="number"],.main-slider .row>.col-sm-6:last-child .wpcf7 input[type="search"],.main-slider .row>.col-sm-6:last-child .wpcf7 input[type="tel"],.main-slider .row>.col-sm-6:last-child .wpcf7 input[type="time"],.main-slider .row>.col-sm-6:last-child .wpcf7 input[type="url"],.main-slider .row>.col-sm-6:last-child .wpcf7 textarea{margin-bottom:5px} } .header-single .row>.col-sm-6:last-child .wpcf7 .wpcf7-not-valid,.main-slider .row>.col-sm-6:last-child .wpcf7 .wpcf7-not-valid{border-color:#eb4c49!important} .header-single .row>.col-sm-6:last-child .wpcf7 input[type="submit"],.main-slider .row>.col-sm-6:last-child .wpcf7 input[type="submit"]{width:100%} @media(max-width:640px){ .header-single .row>.col-sm-6:last-child .wpcf7 input[type="submit"],.main-slider .row>.col-sm-6:last-child .wpcf7 input[type="submit"]{width:auto} } .header-single .row>.col-sm-6:last-child .wpcf7 input.wpcf7-text::-webkit-input-placeholder,.main-slider .row>.col-sm-6:last-child .wpcf7 input.wpcf7-text::-webkit-input-placeholder{color:#aaa} .header-single .row>.col-sm-6:last-child .wpcf7 input.wpcf7-text:-moz-placeholder,.main-slider .row>.col-sm-6:last-child .wpcf7 input.wpcf7-text:-moz-placeholder{color:#aaa} .header-single .row>.col-sm-6:last-child .wpcf7 input.wpcf7-text:-ms-input-placeholder,.main-slider .row>.col-sm-6:last-child .wpcf7 input.wpcf7-text:-ms-input-placeholder{color:#aaa} .header-single .row>.col-sm-6:last-child .wpcf7 input.wpcf7-text::-moz-placeholder,.main-slider .row>.col-sm-6:last-child .wpcf7 input.wpcf7-text::-moz-placeholder{color:#aaa} .header-single .row>.col-sm-6:last-child .wpcf7 textarea::-webkit-input-placeholder,.main-slider .row>.col-sm-6:last-child .wpcf7 textarea::-webkit-input-placeholder{color:#aaa} .header-single .row>.col-sm-6:last-child .wpcf7 textarea:-moz-placeholder,.main-slider .row>.col-sm-6:last-child .wpcf7 textarea:-moz-placeholder{color:#aaa} .header-single .row>.col-sm-6:last-child .wpcf7 textarea:-ms-input-placeholder,.main-slider .row>.col-sm-6:last-child .wpcf7 textarea:-ms-input-placeholder{color:#aaa} .header-single .row>.col-sm-6:last-child .wpcf7 textarea::-moz-placeholder,.main-slider .row>.col-sm-6:last-child .wpcf7 textarea::-moz-placeholder{color:#aaa} .header-single .lead,.header-slider .lead{ font-size: 18px; line-height: 25px; letter-spacing: 0px;} @media(min-width:1200px){ .header-single .heading-content:not(.display-cell),.header-slider .heading-content:not(.display-cell){padding:0 10%} } .header-single .heading-content .countdown,.header-slider .heading-content .countdown{margin-bottom:40px} .header-single .col-sm-6 .heading-content,.header-slider .col-sm-6 .heading-content{padding:0!important} .header-single h1+.heading-content,.header-single .text-left .heading-content,.header-single .text-right .heading-content,.header-single .small-container .heading-content,.header-slider h1+.heading-content,.header-slider .text-left .heading-content,.header-slider .text-right .heading-content,.header-slider .small-container .heading-content{padding:0!important} .header-single p.sub,.header-slider p.sub{font-size:13px;margin-bottom:10px;margin-top:30px} @media(max-width:600px){ .header-single p,.header-slider p{font-size:12px!important} .header-single .wpcf7 p,.header-slider .wpcf7 p{display:block!important} } @media(max-width:768px){ .header-single .vertical-alignment,.header-slider .vertical-alignment{text-align:center} .header-single .heading-content img,.header-slider .heading-content img{max-height:400px;width:auto;padding-top:40px} } @media(min-width:991px){ .header-single .heading-content+div .wpcf7,.header-slider .heading-content+div .wpcf7{margin-top:24px} } .header-single>.container,.header-single>.align-bottom,.header-slider>.container,.header-slider>.align-bottom{opacity:0;-webkit-transition:opacity .5s;-moz-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s;-webkit-transition-delay:.2s;-moz-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s} .header-single>.container.visible,.header-single>.align-bottom.visible,.header-slider>.container.visible,.header-slider>.align-bottom.visible{opacity:1} .header-single>.align-bottom,.header-slider>.align-bottom{opacity:1} .header-single .form-container,.header-slider .form-container{line-height:1} .header-single .text-center .wpcf7-form .button-group,.header-slider .text-center .wpcf7-form .button-group{margin:0 auto} .header-single .wpcf7-form .button-group,.header-slider .wpcf7-form .button-group{max-width:750px} .header-single .wpcf7-form .button-group input.wpcf7-text::-webkit-input-placeholder,.header-slider .wpcf7-form .button-group input.wpcf7-text::-webkit-input-placeholder{color:#fff} .header-single .wpcf7-form .button-group input.wpcf7-text:-moz-placeholder,.header-slider .wpcf7-form .button-group input.wpcf7-text:-moz-placeholder{color:#fff} .header-single .wpcf7-form .button-group input.wpcf7-text:-ms-input-placeholder,.header-slider .wpcf7-form .button-group input.wpcf7-text:-ms-input-placeholder{color:#fff} .header-single .wpcf7-form .button-group input.wpcf7-text::-moz-placeholder,.header-slider .wpcf7-form .button-group input.wpcf7-text::-moz-placeholder{color:#fff} .header-single .item-content:not(.dark-input) input.wpcf7-text::-webkit-input-placeholder,.header-slider .item-content:not(.dark-input) input.wpcf7-text::-webkit-input-placeholder{color:#fff} .header-single .item-content:not(.dark-input) input.wpcf7-text:-moz-placeholder,.header-slider .item-content:not(.dark-input) input.wpcf7-text:-moz-placeholder{color:#fff} .header-single .item-content:not(.dark-input) input.wpcf7-text:-ms-input-placeholder,.header-slider .item-content:not(.dark-input) input.wpcf7-text:-ms-input-placeholder{color:#fff} .header-single .item-content:not(.dark-input) input.wpcf7-text::-moz-placeholder,.header-slider .item-content:not(.dark-input) input.wpcf7-text::-moz-placeholder{color:#fff} .background-overlay{background-color:#0a0a0a;opacity:.3;position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s} .background-overlay.darker{background-color:#000;opacity:.5;} .player+.background-overlay,.video-background-content+.background-overlay{z-index:1} .main-slider{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .main-slider .item{opacity:0;width:100%;display:block;background-position:center center;background-size:cover;background-repeat:no-repeat} .main-slider .active .item,.main-slider.vertical-slider .item{opacity:1} .main-slider .item-content{z-index:2} .main-slider:hover .owl-nav .owl-prev,.main-slider:hover .owl-nav .owl-next{opacity:1} .main-slider .owl-nav .owl-prev:before,.main-slider .owl-nav .owl-next:before{padding:20px 10px;background:transparent;border:0 solid transparent;font-size:20px!important;display:inline-block;text-align:center;vertical-align:middle;transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out} .main-slider .owl-nav .owl-prev:hover:before,.main-slider .owl-nav .owl-next:hover:before{opacity:.75} .main-slider .owl-nav .owl-next{right:15px} .main-slider .owl-nav .owl-next:before{font-size:40px!important} @media(max-width:990px){ .main-slider .owl-nav .owl-next{right:0} .main-slider .owl-nav .owl-next:before{font-size:16px!important} } .main-slider .owl-nav .owl-prev{left:15px} .main-slider .owl-nav .owl-prev:before{font-size:40px!important} @media(max-width:990px){ .main-slider .owl-nav .owl-prev{left:0} .main-slider .owl-nav .owl-prev:before{font-size:16px!important} } .post-slider .owl-nav .owl-prev:before,.post-slider .owl-nav .owl-next:before{padding:20px 10px;background:rgba(10,10,10,0.5);border:0 solid transparent;font-size:20px!important;display:inline-block;text-align:center;vertical-align:middle;transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out} .post-slider .owl-nav .owl-prev:hover:before,.post-slider .owl-nav .owl-next:hover:before{border-top-width:40px;border-bottom-width:40px} .post-slider .owl-nav .owl-next{right:0} .post-slider .owl-nav .owl-prev{left:0} .post-slider .owl-dots{display:none!important} @media all and (min-width:769px){ .main-slider h1{-webkit-transition:all .6s ease-in-out 400ms;-moz-transition:all .6s ease-in-out 400ms;-o-transition:all .6s ease-in-out 400ms;-ms-transition:all .6s ease-in-out 400ms;transition:all .6s ease-in-out 400ms} .main-slider .lead,.main-slider hr{-webkit-transition:all .6s ease-in-out 800ms;-moz-transition:all .6s ease-in-out 800ms;-o-transition:all .6s ease-in-out 800ms;-ms-transition:all .6s ease-in-out 800ms;transition:all .6s ease-in-out 800ms} .main-slider .lead+div,.main-slider .lead+div+div,.main-slider .heading-content+div,.main-slider .heading-content+div+div,.main-slider p,.main-slider .embed-form{-webkit-transition:all .6s ease-in-out 1100ms;-moz-transition:all .6s ease-in-out 1100ms;-o-transition:all .6s ease-in-out 1100ms;-ms-transition:all .6s ease-in-out 1100ms;transition:all .6s ease-in-out 1100ms} .main-slider .item-content.slide-up h1{opacity:0;transform:translate3d(0,-80px,0);-webkit-transform:translate3d(0,-80px,0);-moz-transform:translate3d(0,-80px,0)} .main-slider .item-content.slide-up p,.main-slider .item-content.slide-up hr,.main-slider .item-content.slide-up .lead,.main-slider .item-content.slide-up .lead+div,.main-slider .item-content.slide-up .lead+div+div,.main-slider .item-content.slide-up .heading-content+div,.main-slider .item-content.slide-up .heading-content+div+div,.main-slider .item-content.slide-up .embed-form{opacity:0;transform:translate3d(0,80px,0);-webkit-transform:translate3d(0,80px,0);-moz-transform:translate3d(0,80px,0)} .main-slider .item-content.zoom-out h1,.main-slider .item-content.zoom-out p,.main-slider .item-content.zoom-out hr,.main-slider .item-content.zoom-out .lead,.main-slider .item-content.zoom-out .lead+div,.main-slider .item-content.zoom-out .lead+div+div,.main-slider .item-content.zoom-out .heading-content+div,.main-slider .item-content.zoom-out .heading-content+div+div,.main-slider .item-content.zoom-out .embed-form{opacity:0;-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5)} .main-slider .item-content.zoom-in h1,.main-slider .item-content.zoom-in p,.main-slider .item-content.zoom-in hr,.main-slider .item-content.zoom-in .lead,.main-slider .item-content.zoom-in .lead+div,.main-slider .item-content.zoom-in .lead+div+div,.main-slider .item-content.zoom-in .heading-content+div,.main-slider .item-content.zoom-in .heading-content+div+div,.main-slider .item-content.zoom-in .embed-form{opacity:0;-webkit-transform:scale3d(1.15,1.15,1.15);transform:scale3d(1.15,1.15,1.15)} .main-slider .active .item-content.slide-up h1,.main-slider .active .item-content.slide-up p,.main-slider .active .item-content.slide-up hr,.main-slider .active .item-content.slide-up .lead,.main-slider .active .item-content.slide-up .lead+div,.main-slider .active .item-content.slide-up .lead+div+div,.main-slider .active .item-content.slide-up .heading-content+div,.main-slider .active .item-content.slide-up .heading-content+div+div,.main-slider .active .item-content.slide-up .embed-form{opacity:1;transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0)} .main-slider .active .item-content.zoom-out h1,.main-slider .active .item-content.zoom-out p,.main-slider .active .item-content.zoom-out hr,.main-slider .active .item-content.zoom-out .lead,.main-slider .active .item-content.zoom-out .lead+div,.main-slider .active .item-content.zoom-out .lead+div+div,.main-slider .active .item-content.zoom-out .heading-content+div,.main-slider .active .item-content.zoom-out .heading-content+div+div,.main-slider .active .item-content.zoom-out .embed-form,.main-slider .active .item-content.zoom-in h1,.main-slider .active .item-content.zoom-in p,.main-slider .active .item-content.zoom-in hr,.main-slider .active .item-content.zoom-in .lead,.main-slider .active .item-content.zoom-in .lead+div,.main-slider .active .item-content.zoom-in .lead+div+div,.main-slider .active .item-content.zoom-in .heading-content+div,.main-slider .active .item-content.zoom-in .heading-content+div+div,.main-slider .active .item-content.zoom-in .embed-form{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)} .header-single .item-content.slide-up h1{opacity:0;transform:translate3d(0,-80px,0);-webkit-transform:translate3d(0,-80px,0);-moz-transform:translate3d(0,-80px,0)} .header-single .item-content.slide-up p,.header-single .item-content.slide-up hr,.header-single .item-content.slide-up .lead,.header-single .item-content.slide-up .lead+div,.header-single .item-content.slide-up .lead+div+div .heading-content+div,.header-single .item-content.slide-up .heading-content+div+div{opacity:0;transform:translate3d(0,80px,0);-webkit-transform:translate3d(0,80px,0);-moz-transform:translate3d(0,80px,0)} .header-single .item-content.zoom-out h1,.header-single .item-content.zoom-out p,.header-single .item-content.zoom-out hr,.header-single .item-content.zoom-out .lead,.header-single .item-content.zoom-out .lead+div,.header-single .item-content.zoom-out .lead+div+div .heading-content+div,.header-single .item-content.zoom-out .heading-content+div+div{opacity:0;-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5)} .header-single .item-content.zoom-in h1,.header-single .item-content.zoom-in p,.header-single .item-content.zoom-in hr,.header-single .item-content.zoom-in .lead,.header-single .item-content.zoom-in .lead+div,.header-single .item-content.zoom-in .lead+div+div .heading-content+div,.header-single .item-content.zoom-in .heading-content+div+div{opacity:0;-webkit-transform:scale3d(1.15,1.15,1.15);transform:scale3d(1.15,1.15,1.15)} .header-single .item-content.slide-up h1,.header-single .item-content.zoom-out h1,.header-single .item-content.zoom-in h1{-webkit-transition:all .6s ease-in-out 400ms;-moz-transition:all .6s ease-in-out 400ms;-o-transition:all .6s ease-in-out 400ms;-ms-transition:all .6s ease-in-out 400ms;transition:all .6s ease-in-out 400ms} .header-single .item-content.slide-up .lead,.header-single .item-content.slide-up hr,.header-single .item-content.zoom-out .lead,.header-single .item-content.zoom-out hr,.header-single .item-content.zoom-in .lead,.header-single .item-content.zoom-in hr{-webkit-transition:all .6s ease-in-out 800ms;-moz-transition:all .6s ease-in-out 800ms;-o-transition:all .6s ease-in-out 800ms;-ms-transition:all .6s ease-in-out 800ms;transition:all .6s ease-in-out 800ms} .header-single .item-content.slide-up .lead+div,.header-single .item-content.slide-up .lead+div+div,.header-single .item-content.slide-up .heading-content+div,.header-single .item-content.slide-up .heading-content+div+div,.header-single .item-content.slide-up p,.header-single .item-content.zoom-out .lead+div,.header-single .item-content.zoom-out .lead+div+div,.header-single .item-content.zoom-out .heading-content+div,.header-single .item-content.zoom-out .heading-content+div+div,.header-single .item-content.zoom-out p,.header-single .item-content.zoom-in .lead+div,.header-single .item-content.zoom-in .lead+div+div,.header-single .item-content.zoom-in .heading-content+div,.header-single .item-content.zoom-in .heading-content+div+div,.header-single .item-content.zoom-in p{-webkit-transition:all .6s ease-in-out 1100ms;-moz-transition:all .6s ease-in-out 1100ms;-o-transition:all .6s ease-in-out 1100ms;-ms-transition:all .6s ease-in-out 1100ms;transition:all .6s ease-in-out 1100ms} .header-single .item-content.slide-up.container:not(.visible),.header-single .item-content.zoom-out.container:not(.visible),.header-single .item-content.zoom-in.container:not(.visible){-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none;-webkit-transition-delay:0s;-moz-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s} .header-single .item-content.slide-up.visible.slide-up h1,.header-single .item-content.slide-up.visible.slide-up p,.header-single .item-content.slide-up.visible.slide-up hr,.header-single .item-content.slide-up.visible.slide-up .lead,.header-single .item-content.slide-up.visible.slide-up .lead+div,.header-single .item-content.slide-up.visible.slide-up .lead+div+div .heading-content+div,.header-single .item-content.slide-up.visible.slide-up .heading-content+div+div,.header-single .item-content.zoom-out.visible.slide-up h1,.header-single .item-content.zoom-out.visible.slide-up p,.header-single .item-content.zoom-out.visible.slide-up hr,.header-single .item-content.zoom-out.visible.slide-up .lead,.header-single .item-content.zoom-out.visible.slide-up .lead+div,.header-single .item-content.zoom-out.visible.slide-up .lead+div+div .heading-content+div,.header-single .item-content.zoom-out.visible.slide-up .heading-content+div+div,.header-single .item-content.zoom-in.visible.slide-up h1,.header-single .item-content.zoom-in.visible.slide-up p,.header-single .item-content.zoom-in.visible.slide-up hr,.header-single .item-content.zoom-in.visible.slide-up .lead,.header-single .item-content.zoom-in.visible.slide-up .lead+div,.header-single .item-content.zoom-in.visible.slide-up .lead+div+div .heading-content+div,.header-single .item-content.zoom-in.visible.slide-up .heading-content+div+div{opacity:1;transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0)} .header-single .item-content.slide-up.visible.zoom-out h1,.header-single .item-content.slide-up.visible.zoom-out p,.header-single .item-content.slide-up.visible.zoom-out hr,.header-single .item-content.slide-up.visible.zoom-out .lead,.header-single .item-content.slide-up.visible.zoom-out .lead+div,.header-single .item-content.slide-up.visible.zoom-out .lead+div+div .heading-content+div,.header-single .item-content.slide-up.visible.zoom-out .heading-content+div+div,.header-single .item-content.slide-up.visible.zoom-in h1,.header-single .item-content.slide-up.visible.zoom-in p,.header-single .item-content.slide-up.visible.zoom-in hr,.header-single .item-content.slide-up.visible.zoom-in .lead,.header-single .item-content.slide-up.visible.zoom-in .lead+div,.header-single .item-content.slide-up.visible.zoom-in .lead+div+div .heading-content+div,.header-single .item-content.slide-up.visible.zoom-in .heading-content+div+div,.header-single .item-content.zoom-out.visible.zoom-out h1,.header-single .item-content.zoom-out.visible.zoom-out p,.header-single .item-content.zoom-out.visible.zoom-out hr,.header-single .item-content.zoom-out.visible.zoom-out .lead,.header-single .item-content.zoom-out.visible.zoom-out .lead+div,.header-single .item-content.zoom-out.visible.zoom-out .lead+div+div .heading-content+div,.header-single .item-content.zoom-out.visible.zoom-out .heading-content+div+div,.header-single .item-content.zoom-out.visible.zoom-in h1,.header-single .item-content.zoom-out.visible.zoom-in p,.header-single .item-content.zoom-out.visible.zoom-in hr,.header-single .item-content.zoom-out.visible.zoom-in .lead,.header-single .item-content.zoom-out.visible.zoom-in .lead+div,.header-single .item-content.zoom-out.visible.zoom-in .lead+div+div .heading-content+div,.header-single .item-content.zoom-out.visible.zoom-in .heading-content+div+div,.header-single .item-content.zoom-in.visible.zoom-out h1,.header-single .item-content.zoom-in.visible.zoom-out p,.header-single .item-content.zoom-in.visible.zoom-out hr,.header-single .item-content.zoom-in.visible.zoom-out .lead,.header-single .item-content.zoom-in.visible.zoom-out .lead+div,.header-single .item-content.zoom-in.visible.zoom-out .lead+div+div .heading-content+div,.header-single .item-content.zoom-in.visible.zoom-out .heading-content+div+div,.header-single .item-content.zoom-in.visible.zoom-in h1,.header-single .item-content.zoom-in.visible.zoom-in p,.header-single .item-content.zoom-in.visible.zoom-in hr,.header-single .item-content.zoom-in.visible.zoom-in .lead,.header-single .item-content.zoom-in.visible.zoom-in .lead+div,.header-single .item-content.zoom-in.visible.zoom-in .lead+div+div .heading-content+div,.header-single .item-content.zoom-in.visible.zoom-in .heading-content+div+div{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)} } /* 8. IMAGES - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .image-block,.image-block .image-bg{padding:0;height:50vw;max-height:700px} .image-block .container{height:100%} .image-block-right .image-bg{position:absolute;top:0} @media all and (max-width:768px){ .image-block{height:auto;max-height:1000000px} .image-block .image-bg{height:350px} .image-block .vertical-alignment{top:0;transform:none;-webkit-transform:none} .image-block-right .image-bg{position:relative} } .image-half .container{position:relative} @media(max-width:1200px){.image-half .container{padding:60px}} @media(max-width:768px){.image-half .container{padding:20px 0;}} .image-half .container div[class*='col-']{position:absolute} @media all and (max-width:1200px){ .image-half .container div[class*='col-']{position:relative;top:0;padding-bottom:20px;transform:none;-webkit-transform:none} } .image-square{height:50vw;max-height:640px;overflow:hidden;padding:0} .image-square .image,.image-square>.content{position:absolute} .image-square .image{height:100%} .image-square>.content{padding:0 10%;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);} .image-square.left .image{left:0} .image-square.left .content{right:0} .image-square.right .image{right:0} .image-square.right>.content{left:0} .intro-left .image-square .image{left:0} .intro-left .image-square>.content{right:0} .intro-right .image-square .image{right:0} .intro-right .image-square>.content{left:0} @media all and (max-width:990px){ .image-square{height:auto;max-height:100000px;padding-bottom:48px} .image-square .image,.image-square>.content{position:relative} .image-square .image{height:100vw;margin-bottom:48px;max-height:500px} .image-square>.content{top:0;transform:none;-webkit-transform:none;padding:0 20%} } @media all and (max-width:768px){ .image-square>.content{padding:0 15px} } .image-zoom img{transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out} .image-zoom:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1)} .image-caption{position:relative;overflow:hidden} .image-caption .caption{position:absolute;width:100%;bottom:0;padding:16px;color:#fff} .image-caption .caption .widgettitle{color:#fff; font-weight: 600;} .image-caption .caption .widgetsubtitle{color:#fff; font-weight: 400;} .image-caption .caption p{position:relative;z-index:4;margin:0} .image-caption .caption:before{content:'';position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:0;opacity:1;background:rgba(34,34,34,0.7);background-color:#49c5b6} .image-caption.hover-caption .caption{opacity:0;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transform:translate3d(0,100px,0);-webkit-transform:translate3d(0,100px,0);-moz-transform:translate3d(0,100px,0)} .image-caption.hover-caption:hover .caption{opacity:1;transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0)} .image-caption.visible-caption:hover .caption .btn--icon{color:#fff;-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0);padding-right:38px} .image-caption.visible-caption:hover .caption .btn--icon i{right:0} .image-caption.visible-caption:hover .caption .btn--icon:before{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);-o-transform:scaleX(1);transform:scaleX(1)} .image-caption.visible-caption:hover .caption .btn--icon:after{-webkit-transform:translate(20px);-ms-transform:translate(20px);-o-transform:translate(20px);transform:translate(20px)} .image-caption.visible-caption:hover img{transform:scale(1.13);-webkit-transform:scale(1.13);-ms-transform:scale(1.13);-moz-transform:scale(1.13)} .image-caption.visible-caption img{position:relative;display:block;min-height:initial;max-width:100%;-webkit-transition:all .3s cubic-bezier(0,.5,.5,1);transition:all .3s cubic-bezier(0,.5,.5,1);transform:scale(1);-webkit-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1)} .image-caption.visible-caption .caption{z-index: 2; background-color:#333;position:absolute;bottom:20px;right:0;width:236px;padding:30px 20px;padding-bottom:60px} @media(max-width:768px){ .image-caption.visible-caption .caption{right:15px;padding: 10px 20px;} } @media(min-width:1200px){ .image-caption.visible-caption .caption{right:30px;bottom:40px;width:300px} } .image-caption.visible-caption .caption .widgetsubtitle,.image-caption.visible-caption .caption p{font-size:14px;margin-bottom:0} @media(min-width:1200px){ .image-caption.visible-caption .caption .widgetsubtitle,.image-caption.visible-caption .caption p{font-size:18px} } @media(min-width:992px){ .image-caption.visible-caption .caption .widgetsubtitle,.image-caption.visible-caption .caption p{font-size:16px} } .image-caption.visible-caption .caption .btn--icon{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;border:1px solid transparent;white-space:nowrap;line-height:1.428571429;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#fff;font-size:14px;letter-spacing:.05em;padding:.85em 1.71em .57em;-webkit-transition:all .15s cubic-bezier(0,.5,.5,1);-o-transition:all .15s cubic-bezier(0,.5,.5,1);transition:all .15s cubic-bezier(0,.5,.5,1);border:0;border-radius:0;position:absolute;bottom:0;right:0;background:transparent;color:transparent;-webkit-transition:width .25s ease-out,color .125s linear,padding-right .25s ease-out,-webkit-transform .25s ease-out;-o-transition:width .25s ease-out,color .125s linear,padding-right .25s ease-out,-o-transform .25s ease-out;transition:width .25s ease-out,color .125s linear,padding-right .25s ease-out,transform .25s ease-out;-webkit-transform:translateZ(0);transform:translateZ(0)} @media (max-width: 990px) {.image-caption.visible-caption .caption .btn--icon{display: none;}} .image-caption.visible-caption .caption .btn--icon i{position:absolute;z-index:1;color:#fff;display:inline-block;top:18px;right:20px;font-size:9px} .image-caption.visible-caption .caption .btn--icon:before{content:'';position:absolute;top:0;left:0;width:100%;z-index:-1;background:#000;-webkit-transform-origin:right;-ms-transform-origin:right;-o-transform-origin:right;transform-origin:right;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);-o-transform:scaleX(0);transform:scaleX(0);-webkit-transition:.25s ease-out;-o-transition:.25s ease-out;transition:.25s ease-out;height:40px} .image-caption.visible-caption .caption .btn--icon:after{content:'';display:inline-block;-webkit-transition:inherit;-o-transition:inherit;transition:inherit;position:absolute;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:all .15s cubic-bezier(0,.5,.5,1);-o-transition:all .15s cubic-bezier(0,.5,.5,1);transition:all .15s cubic-bezier(0,.5,.5,1);right:0;top:0;height:40px;background-repeat:no-repeat;width:50px;background-position:50%;background-color:#000;-webkit-transition:-webkit-transform .25s ease-out;-o-transition:-o-transform .25s ease-out;transition:transform .25s ease-out} .image-caption.visible-caption .caption:before{display:none} section.parallax:not(.page-title):before,section.not-parallax:not(.page-title):before,div.parallax:not(.page-title):before,div.not-parallax:not(.page-title):before{display:none!important} .overlay:before{position:absolute;content:'';width:100%;height:100%;top:0;left:0;background:#0a0a0a;opacity:.3;z-index:2} @media (max-width: 600px) {.overlay:before{opacity: 0;}} .not-parallax:before{position:absolute;content:'';width:100%;height:100%;top:0;left:0;background:transparent;opacity:0;z-index:2} .overlay-heavy:before{opacity:.6} .tabs-content{transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;opacity:0} .tabs-content.visible{opacity:1} .background-content{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;opacity:0} .background-content img{display:none} .background-content.visible{opacity:1} .parallax>.background-content,.parallax .slides li>.background-content{height:100vh;top:-50vh;transition:all 0s ease-in-out!important;transition:opacity .3s ease-in-out!important;-webkit-transform-style:preserve-3d} @media(max-width:768px){ .parallax>.background-content,.parallax .slides li>.background-content{height:100%} } .parallax:first-child .slides li>.background-content,.parallax:first-child .background-content{top:0} .fullscreen.parallax+.fullscreen.parallax>.background-content{top:-50%} .main-container>a:first-child+.parallax .background-content{top:0} @media all and (max-width:1024px){ .parallax>.background-content,.parallax .slides li>.background-content{transition:all 0s ease-in-out!important;-webkit-transition:all 0s ease-in-out!important;-moz-transition:all 0s ease-in-out!important;top:0!important;transform:none!important;-webkit-transform:none!important} .project-parallax.parallax>.background-content,.parallax .slides li>.background-content{background-position:50% -150px!important} } @media all and (max-width:768px){ .project-parallax.parallax>.background-content,.parallax .slides li>.background-content{background-position:50% 0!important} } .inner-title.hover-reveal .social-icons a,.inner-title.hover-reveal .social-icons a i,.outer-title.hover-icons .social-icons a,.outer-title.hover-icons .social-icons a i{color:#fff;opacity:1} .inner-title.hover-reveal .social-icons a:hover,.inner-title.hover-reveal .social-icons a:hover i,.outer-title.hover-icons .social-icons a:hover,.outer-title.hover-icons .social-icons a:hover i{color:#fff;opacity:.7} .widgettitle.large-widgettitle{font-size:37px!important;line-height:45px!important} .projects-bottom-nav .widgettitle.big-widgettitle,.vc_row .widgettitle.big-widgettitle{text-transform:none;font-size:32px;line-height:32px;font-weight:700;margin-bottom:13px;letter-spacing:-0.5px} .projects-bottom-nav .widgetsubtitle.small-widgetsubtitle,.vc_row .widgetsubtitle.small-widgetsubtitle{font-size:13px;line-height:16px;letter-spacing:-0.5px;font-weight:300} .image-box-center hr.divider{border-top:1px solid #1e1f1f;width:28px;margin:20px auto} .image-box-center .box-center-caption{transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;position:relative;z-index:700;width:calc(80%);margin:4px auto 0 auto;padding:40px;background-color:#fff;text-align:center;box-shadow:0 0 12px 0 rgba(0,0,0,0.1),0 10px 30px 0 rgba(0,0,0,0.2);-webkit-box-shadow:0 0 12px 0 rgba(0,0,0,0.1),0 10px 30px 0 rgba(0,0,0,0.2)} @media(min-width:768px){ .image-box-center .box-center-caption{padding:0;width:460px;height:480px;background-color:rgba(255,255,255,.9);} } @media(max-width:600px){ .image-box-center .box-center-caption{padding:40px 20px;width:95%} } .image-box-center .box-center-caption .box-center-caption-border{position:absolute;z-index:0;top:10px;left:10px;bottom:10px;right:10px} @media(min-width:768px){ .image-box-center .box-center-caption .box-center-caption-border{top:20px;left:20px;bottom:20px;right:20px} } .image-box-center .box-center-caption .box-center-caption-inner{max-width:350px;margin:auto} .image-box{overflow:hidden;position:relative;margin-bottom:8px} .image-box img{width:100%;display:inline-block} .image-box .label{position:absolute;top:16px;right:16px;z-index:5} .inner-title{transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;opacity:1} .inner-title .title{padding-left:10%;padding-right:10%;position:absolute;width:100%;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:5} @media (max-width: 600px) {.inner-title .title{padding-left: 5%; padding-right: 5%;}} .inner-title .title h1,.inner-title .title h2,.inner-title .title h3,.inner-title .title h4,.inner-title .title h5,.inner-title .title h6{color:#fff} .inner-title .title p,.inner-title .title span:not(.btn-text),.inner-title .title li{color:#fff} .inner-title .title hr{margin:15px auto} .inner-title .content{color:#fff} @media(max-width:768px){.inner-title .content{display:none}} .inner-title:before{content:'';z-index:1;position:absolute;left:0;bottom:0;width:100%;height:100%;background:#0a0a0a;pointer-events:none;-webkit-transition:opacity .2s ease-in-out,-webkit-transform .2s ease-in-out;-moz-transition:opacity .2s ease-in-out,-moz-transform .2s ease-in-out;-o-transition:opacity .2s ease-in-out,-o-transform .2s ease-in-out;transition:opacity .2s ease-in-out,-webkit-transform .2s ease-in-out,-moz-transform .2s ease-in-out,-o-transform .2s ease-in-out,transform .2s ease-in-out} .inner-title:hover:before{transform:scale(1.3);-webkit-transform:scale(1.3);-ms-transform:scale(1.3);-moz-transform:scale(1.3)} .inner-title.hover-reveal:before{opacity:0} .inner-title.hover-reveal:hover:before{opacity:.5} .icon-link .inner-title.hover-reveal:hover:before{opacity:1!important} .inner-title.hover-reveal .title{-webkit-transform:scale(0.5) translateY(-50%);transform:scale(0.5) translateY(-50%);opacity:0;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s} .inner-title.hover-reveal:hover .title{opacity:1;-webkit-transform:scale(1) translateY(-50%);transform:scale(1) translateY(-50%)} .inner-title.hover-reveal.hover-bottom .title{padding-top:100px;-webkit-transform:scale(1) translateY(-50%);transform:scale(1) translateY(-50%)} .inner-title.hover-reveal.hover-bottom:hover .title{padding-top:0} .inner-title .icon-image{margin:0;border-radius:0} .inner-title .icon-image .image-overlay{border:0;border-radius:0} .icon-link:hover .inner-title .icon-image .image-overlay{background-color:#0c0c0c!important} .inner-title .icon-image .image-overlay i{display:none} .outer-title img{display:inline-block;} .outer-title .title-icons{padding-left:10%;padding-right:10%;position:absolute;width:100%;bottom:30px;z-index:5} .outer-title .title-icons h1,.outer-title .title-icons h2,.outer-title .title-icons h3,.outer-title .title-icons h4,.outer-title .title-icons h5,.outer-title .title-icons h6{color:#fff} .outer-title .title-icons p,.outer-title .title-icons span:not(.btn-text),.outer-title .title-icons li{color:#fff} .outer-title.hover-icons img{margin-bottom:0} .outer-title.hover-icons:before{opacity:0;content:'';position:absolute;left:0;bottom:0;width:100%;height:100%;background:#444;pointer-events:none;-webkit-transition:opacity .2s ease-in-out,-webkit-transform .2s ease-in-out;-moz-transition:opacity .2s ease-in-out,-moz-transform .2s ease-in-out;-o-transition:opacity .2s ease-in-out,-o-transform .2s ease-in-out;transition:opacity .2s ease-in-out,-webkit-transform .2s ease-in-out,-moz-transform .2s ease-in-out,-o-transform .2s ease-in-out,transform .2s ease-in-out} .outer-title.hover-icons:hover:before{opacity:.3} .outer-title.hover-icons .title-icons{opacity:0;transform:translate3d(0,100px,0);-webkit-transform:translate3d(0,100px,0);-moz-transform:translate3d(0,100px,0);-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease} .outer-title.hover-icons:hover .title-icons{opacity:1;top:50%;transform:translate3d(0,0px,0);-webkit-transform:translate3d(0,0px,0);-moz-transform:translate3d(0,0px,0)} /* 9. ELEMENTS - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* 9.1. TIMELINES - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .timeline{position:relative} .timeline .timeline-item{position:relative;overflow:hidden;padding:0 0 1em;margin:0 0 1em;width:100%} .timeline .timeline-item .timeline-date{float:left;margin-right:88px;margin-top:30px;overflow:hidden;text-align:right} @media(max-width:600px){ .timeline .timeline-item .timeline-date{float:none;margin-right:0;margin-bottom:20px;text-align:left} } .timeline .timeline-item .timeline-date .linetime{width:120px;height:auto;display:block} @media(max-width:600px){ .timeline .timeline-item .timeline-date .linetime{width:auto} } .timeline .timeline-item .timeline-date .linetime .day{font-size:60px;display:block;line-height:1;letter-spacing:-1px;font-weight:700} .timeline .timeline-item .timeline-date .linetime .month{display:block;font-size:14px; font-weight: 600;} .timeline .timeline-item .timeline-date .linetime .month-text{display:block;font-size:20px} .timeline .timeline-item .timeline-date .linetime .day,.timeline .timeline-item .timeline-date .linetime .month{color:#0c0c0c} .bg-dark .timeline .timeline-item .timeline-date .linetime .day,.bg-graydark .timeline .timeline-item .timeline-date .linetime .day,.bg-primary .timeline .timeline-item .timeline-date .linetime .day,.image-bg .timeline .timeline-item .timeline-date .linetime .day,.bg-dark .timeline .timeline-item .timeline-date .linetime .month,.bg-graydark .timeline .timeline-item .timeline-date .linetime .month,.bg-primary .timeline .timeline-item .timeline-date .linetime .month,.image-bg .timeline .timeline-item .timeline-date .linetime .month{color:#fff} .timeline .timeline-item .timeline-body{overflow:hidden} .timeline .timeline-item .timeline-body .timeline-text h5, .timeline .timeline-item .timeline-body .timeline-text h3 {font-size: 20px; font-weight: 600;} .timeline .timeline-item .timeline-body .timeline-text{padding:30px;border:1px solid #e5e5e5;border-radius:4px;background:#fff} @media(max-width:600px){ .timeline .timeline-item .timeline-body .timeline-text{padding:10px} } .bg-dark .timeline .timeline-item .timeline-body .timeline-text{background-color:rgba(0,0,0,0.7);border-color:rgba(0,0,0,0.7)} .bg-dark:not(.image-bg) .timeline .timeline-item .timeline-body .timeline-text{background-color:rgba(0,0,0,0.05);border-color:rgba(0,0,0,0.05)} .timeline .timeline-item .timeline-body .timeline-text p:last-child{margin-bottom:0} .timeline:before,.timeline-item:before,.timeline-item .timeline-text:before{content:"";position:absolute;top:0;left:42px} .timeline:before{width:1px;left:160px;bottom:0;background:#e5e5e5;} .bg-dark .timeline:before{background-color:rgba(255,255,255,0.15)} @media(max-width:600px){ .timeline:before{display:none} } .timeline-item .timeline-dot{transition:all .15s ease-in-out;-webkit-transition:all .15s ease-in-out;-moz-transition:all .15s ease-in-out;position:absolute;left:43px;top:0;text-align:center;width:60px;height:60px;border:0;border-radius:50%;margin:30px 0 0 89px;box-shadow:0 1px 1px rgba(0,0,0,0.2),inset 0 1px 1px rgba(0,0,0,0.1);background:#ccc} .bg-dark:not(.image-bg) .timeline-item .timeline-dot{box-shadow:none} @media(max-width:600px){ .timeline-item .timeline-dot{display:none} } .timeline-item .timeline-dot i{color:#fff;font-size:20px;top:18px;position:relative;font-weight:bold} .timeline-item:hover .timeline-dot{background:#49c5b6} .timeline-item .timeline-text:before{transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);top:55px;left:203px;width:9px;height:9px;border-width:0 0 1px 1px;border-style:solid;border-color:#e5e5e5;background:#fff} .bg-dark .timeline-item .timeline-text:before{background-color:rgba(0,0,0,0.7);border-color:rgba(0,0,0,0.7)} .bg-dark:not(.image-bg) .timeline-item .timeline-text:before{background-color:rgba(0,0,0,0.05);border-color:rgba(0,0,0,0.05)} @media(max-width:600px){ .timeline-item .timeline-text:before{display:none} } .tlg-spacer.line{width:100%;border-bottom:1px solid #d9d9d9} .bg-dark .tlg-spacer.line{border-color: rgba(255,255,255,0.1);} .tlg-spacer.line.spacer-large{margin-top:6.49618vw!important;margin-bottom:6.49618vw!important} .text-center .tlg-spacer.line{margin-left:auto;margin-right:auto} @media(max-width:768px){ .text-center .tlg-spacer.line{width:50%!important} } /* 9.1. STEP CONTENT - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .steps-content{padding:0;list-style:none} .step-title {font-size: 18px; font-weight: 600;} .steps-content.steps-style-1.steps-large .steps-item{margin-right:50px} .steps-content.steps-style-1.steps-large .steps-item .steps-item-inner{padding:32px} .steps-content.steps-style-1.steps-large .steps-item .steps-item-inner i{font-size:38px} @media(max-width:1024px){ .steps-content.steps-style-1 .steps-item{margin-right:10px!important} } @media(max-width:640px){ .steps-content.steps-style-1 .steps-item{margin-right:0;width:100%} } .steps-content.steps-style-1 .steps-item .steps-item-inner{background-color:#e7e7e7;padding:20px;border-radius:4px;z-index:1;position:relative;overflow:hidden;-webkit-transition:all 200ms cubic-bezier(0.785,0.135,0.15,0.86);-moz-transition:all 200ms cubic-bezier(0.785,0.135,0.15,0.86);-o-transition:all 200ms cubic-bezier(0.785,0.135,0.15,0.86);transition:all 200ms cubic-bezier(0.785,0.135,0.15,0.86)} .steps-content.steps-style-1 .steps-item .steps-item-inner .steps-icon{float:left;margin-right:24px;margin-top:8px} .steps-content.steps-style-1 .steps-item .steps-item-inner .steps-icon i{background-color:transparent!important} .steps-content.steps-style-1 .steps-item .steps-item-inner .steps-main{float:left;text-align:left} .steps-content.steps-style-2 .steps-item{text-align:center;margin-right:60px} .steps-content.steps-style-2 .steps-item:after{left:50%;top:40px} .steps-content.steps-style-2 .steps-item .steps-item-inner{background-color:transparent!important;z-index:1;position:relative;overflow:hidden} .steps-content.steps-style-2 .steps-item .steps-item-inner .steps-icon {margin-bottom: 32px;} .steps-content.steps-style-2 .steps-item .steps-item-inner .steps-icon i{width:80px;height:80px;line-height:80px;text-align:center;background-color:#fff;border-radius:100%;z-index:1;position:relative;overflow:hidden;-webkit-transition:all 200ms cubic-bezier(0.785,0.135,0.15,0.86);-moz-transition:all 200ms cubic-bezier(0.785,0.135,0.15,0.86);-o-transition:all 200ms cubic-bezier(0.785,0.135,0.15,0.86);transition:all 200ms cubic-bezier(0.785,0.135,0.15,0.86);box-shadow:0 10px 25px #e6e6e6;-webkit-box-shadow:0 10px 25px #e6e6e6} .steps-content .steps-item{display:inline-block;position:relative;float:none;margin:5px 40px 5px 0} .steps-content .steps-item:after{position:absolute;content:'';height:2px;background:#e7e7e7;margin:0;width:88%;top:50%;left:100%;-webkit-transform:translateY(-50%) translateX(-1px);-moz-transform:translateY(-50%) translateX(-1px);-ms-transform:translateY(-50%) translateX(-1px);-o-transform:translateY(-50%) translateX(-1px);transform:translateY(-50%) translateX(-1px)} @media(max-width:1024px){ .steps-content .steps-item:after{display:none} } .steps-content .steps-item:last-child{margin-right:0!important} .steps-content .steps-item:last-child:after{display:none} .steps-content .steps-item .steps-item-inner i{font-size:30px;font-weight:bold;display:inline-block} .steps-content .steps-item .steps-item-inner .step-content{line-height:1.1} .steps-content .steps-item .steps-item-inner .step-content p{margin-bottom:0;line-height:1.2} @media(max-width:990px){ .steps-content.steps-style-2 .steps-item, .steps-content.steps-style-2 .steps-item:last-child{margin:15px!important;} } /* 9.3. MODAL - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .md-modal{position:fixed;top:15%;left:50%;right:50%;width:50%;margin-left:-25%;height:auto;z-index:2000;visibility:hidden} @media(max-width:990px){.md-modal{top:5%;left:5%;right:5%;width:90%;margin-left:0}} .md-close{-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;text-align:right;display:block;color:#fff!important;font-size:20px;border-radius:50%;margin:10px auto 0!important} .md-close:hover{opacity:.5!important} .md-show{visibility:visible} .md-overlay{position:fixed;top:0;left:0;z-index:1000;width:0;height:0;opacity:0;background:rgba(0,0,0,0.5);transition:width 0s .5s,height,0s .5s,opacity .5s 0s} .md-show ~ .md-overlay{width:100%;height:100%;opacity:1;transition:width 0s 0s,height,0s 0s,opacity .5s 0s;-webkit-transition:width 0s 0s,height,0s 0s,opacity .5s 0s;-moz-transition:width 0s 0s,height,0s 0s,opacity .5s 0s} .md-content{max-width:100%;width:100%;background:#fff;color:#595959;position:relative;border-radius:3px;margin:0 auto;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,0.5)} .md-content h1,.md-content h2,.md-content h3,.md-content h4,.md-content h5,.md-content h6,.md-content p,.md-content .lead,.md-content .top-subtitle{color:#595959!important} .image-bg .md-modal .md-content h1,.image-bg .md-modal .md-content h2,.image-bg .md-modal .md-content h3,.image-bg .md-modal .md-content h4,.image-bg .md-modal .md-content h5,.image-bg .md-modal .md-content h6,.image-bg .md-modal .md-content p,.image-bg .md-modal .md-content .lead,.image-bg .md-modal .md-content .top-subtitle{color:#595959!important} .image-bg.md-modal .md-content h1,.image-bg.md-modal .md-content h2,.image-bg.md-modal .md-content h3,.image-bg.md-modal .md-content h4,.image-bg.md-modal .md-content h5,.image-bg.md-modal .md-content h6,.image-bg.md-modal .md-content p,.image-bg.md-modal .md-content .lead,.image-bg.md-modal .md-content .top-subtitle{color:#fff!important} .md-content h1,.md-content h2,.md-content h3,.md-content h4{font-size:65px;line-height:75px;margin-bottom:12px;font-weight:100} .md-content h1 u,.md-content h2 u,.md-content h3 u,.md-content h4 u{text-decoration:none;background:linear-gradient(to bottom,rgba(0,0,0,0) 80%,#49c5b6 80%)} .md-content h1 span,.md-content h1 cite,.md-content h2 span,.md-content h2 cite,.md-content h3 span,.md-content h3 cite,.md-content h4 span,.md-content h4 cite{color:#49c5b6;font-style:normal} .md-content h1 cite i,.md-content h2 cite i,.md-content h3 cite i,.md-content h4 cite i{font-family:'Droid Serif',serif} .md-content h1.small,.md-content h2.small,.md-content h3.small,.md-content h4.small{font-size:30px;margin-bottom:12px} @media all and (max-width:1024px){ .md-content h1,.md-content h2,.md-content h3,.md-content h4{font-size:35px!important;margin-bottom:20px!important;line-height:40px!important;letter-spacing:1px!important} } @media all and (max-width:767px){ .md-content h1,.md-content h2,.md-content h3,.md-content h4{font-size:28px!important;margin-bottom:10px!important;line-height:32px!important;padding:0!important} } @media all and (max-width:640px){ .md-content h1,.md-content h2,.md-content h3,.md-content h4{font-size:24px!important;margin-bottom:10px!important;line-height:28px!important;padding:0!important} } .md-content+.text-center{text-align:right} .md-content-inner{z-index:4;position:relative} .md-content .wpb_content_element{margin-bottom:0!important} .md-content .md-content-inner{padding:60px 45px;margin:0} @media(max-width:767px){ .md-content .md-content-inner{padding:30px 25px} } .md-modal-1 .md-content{-webkit-transform:scale(0.7);-moz-transform:scale(0.7);-ms-transform:scale(0.7);transform:scale(0.7);opacity:0;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s} .md-show.md-modal-1 .md-content{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1} .md-modal-2 .md-content{-webkit-transform:translateX(20%);-moz-transform:translateX(20%);-ms-transform:translateX(20%);transform:translateX(20%);opacity:0;-webkit-transition:all .3s cubic-bezier(0.25,0.5,0.5,0.9);-moz-transition:all .3s cubic-bezier(0.25,0.5,0.5,0.9);transition:all .3s cubic-bezier(0.25,0.5,0.5,0.9)} .md-show.md-modal-2 .md-content{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1} .md-modal-3 .md-content{-webkit-transform:translateY(20%);-moz-transform:translateY(20%);-ms-transform:translateY(20%);transform:translateY(20%);opacity:0;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s} .md-show.md-modal-3 .md-content{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1} .md-modal-4 .md-content{-webkit-transform:scale(0) rotate(720deg);-moz-transform:scale(0) rotate(720deg);-ms-transform:scale(0) rotate(720deg);transform:scale(0) rotate(720deg);opacity:0} .md-show.md-modal-4 ~ .md-overlay,.md-modal-4 .md-content{-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s} .md-show.md-modal-4 .md-content{-webkit-transform:scale(1) rotate(0deg);-moz-transform:scale(1) rotate(0deg);-ms-transform:scale(1) rotate(0deg);transform:scale(1) rotate(0deg);opacity:1} .md-modal-5{top:0} .md-modal-5 .md-content{-webkit-transform:translateY(-200%);-moz-transform:translateY(-200%);-ms-transform:translateY(-200%);transform:translateY(-200%);-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;opacity:0} .md-show.md-modal-5 .md-content{-webkit-transform:translateY(0%);-moz-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%);border-radius:0 0 3px 3px;opacity:1} .md-modal-6 .md-content{-webkit-transform:scale(2);-moz-transform:scale(2);-ms-transform:scale(2);transform:scale(2);opacity:0;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s} .md-show.md-modal-6 .md-content{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1} .md-modal-7{top:15%} @media(max-width:768px){.md-modal-7{top:32%}} @media(max-width:480px){.md-modal-7{top:35%}} .md-modal-7 .md-close{-webkit-backface-visibility:hidden;backface-visibility:hidden;border:0;font-size:20px;position:absolute;margin-top:0;top:-40px;right:-5px;transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out} .md-modal-7 .md-content-inner{padding:0} .md-modal-7 .md-content{-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-ms-transform:scale(0.8);transform:scale(0.8);opacity:0;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s} .md-modal-7 .md-content{border-radius:0;background:transparent} .md-show.md-modal-7 .md-content{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1} /* 9.4. SOCIAL LIST - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .social-list a[class*="facebook"]:hover{box-shadow:0 0 11px 0 #4e64b5} .social-list a[class*="facebook"]:hover i{color:#4e64b5!important} .social-list a[class*="linkedin"]:hover{box-shadow:0 0 11px 0 #0288d1} .social-list a[class*="linkedin"]:hover i{color:#0288d1!important} .social-list a[class*="twitter"]:hover{box-shadow:0 0 11px 0 #00aced} .social-list a[class*="twitter"]:hover i{color:#00aced!important} .social-list a[class*="instagram"]:hover{box-shadow:0 0 11px 0 #9a8f62} .social-list a[class*="instagram"]:hover i{color:#9a8f62!important} .social-list a[class*="pinterest"]:hover{box-shadow:0 0 11px 0 #ff5757} .social-list a[class*="pinterest"]:hover i{color:#ff5757!important} .social-list a[class*="google"]:hover{box-shadow:0 0 11px 0 #f44336} .social-list a[class*="google"]:hover i{color:#f44336!important} .social-list a[class*="youtube"]:hover{box-shadow:0 0 11px 0 #c82929} .social-list a[class*="youtube"]:hover i{color:#c82929!important} .social-list a[class*="behance"]:hover{box-shadow:0 0 11px 0 #131418} .social-list a[class*="behance"]:hover i{color:#131418!important} .social-list a[class*="vimeo"]:hover{box-shadow:0 0 11px 0 #1ab7ea} .social-list a[class*="vimeo"]:hover i{color:#1ab7ea!important} .social-list a[class*="dribbble"]:hover{box-shadow:0 0 11px 0 #ea4c89} .social-list a[class*="dribbble"]:hover i{color:#ea4c89!important} .social-list a[class*="flickr"]:hover{box-shadow:0 0 11px 0 #ff0084} .social-list a[class*="flickr"]:hover i{color:#ff0084!important} .social-list a[class*="tumblr"]:hover{box-shadow:0 0 11px 0 #b92b27} .social-list a[class*="tumblr"]:hover i{color:#b92b27!important} .social-list a[class*="dropbox"]:hover{box-shadow:0 0 11px 0 #007ee5} .social-list a[class*="dropbox"]:hover i{color:#007ee5!important} .social-list a[class*="soundcloud"]:hover{box-shadow:0 0 11px 0 #f30} .social-list a[class*="soundcloud"]:hover i{color:#f30!important} .social-list a[class*="skype"]:hover{box-shadow:0 0 11px 0 #00aff0} .social-list a[class*="skype"]:hover i{color:#00aff0!important} .social-list a[class*="comment"]:hover{box-shadow:0 0 11px 0 #02b875} .social-list a[class*="comment"]:hover i{color:#02b875!important} .social-list.color-social a[class*="facebook"]:hover{color:#4e64b5} .social-list.color-social a[class*="linkedin"]:hover{color:#0288d1} .social-list.color-social a[class*="twitter"]:hover{color:#00aced} .social-list.color-social a[class*="instagram"]:hover{color:#9a8f62} .social-list.color-social a[class*="pinterest"]:hover{color:#ff5757} .social-list.color-social a[class*="google"]:hover{color:#f44336} .social-list.color-social a[class*="youtube"]:hover{color:#c82929} .social-list.color-social a[class*="behance"]:hover{color:#131418} .social-list.color-social a[class*="vimeo"]:hover{color:#1ab7ea} .social-list.color-social a[class*="dribbble"]:hover{color:#ea4c89} .social-list.color-social a[class*="flickr"]:hover{color:#ff0084} .social-list.color-social a[class*="tumblr"]:hover{color:#b92b27} .social-list.color-social a[class*="dropbox"]:hover{color:#007ee5} .social-list.color-social a[class*="soundcloud"]:hover{color:#f30} .social-list.color-social a[class*="skype"]:hover{color:#00aff0} .social-list.color-social a[class*="comment"]:hover{color:#02b875} .social-list.reverse-social a[class*="facebook"]{color:#fff;background-color:#4e64b5} .social-list.reverse-social a[class*="linkedin"]{color:#fff;background-color:#0288d1} .social-list.reverse-social a[class*="twitter"]{color:#fff;background-color:#00aced} .social-list.reverse-social a[class*="instagram"]{color:#fff;background-color:#9a8f62} .social-list.reverse-social a[class*="pinterest"]{color:#fff;background-color:#ff5757} .social-list.reverse-social a[class*="google"]{color:#fff;background-color:#f44336} .social-list.reverse-social a[class*="youtube"]{color:#fff;background-color:#c82929} .social-list.reverse-social a[class*="behance"]{color:#fff;background-color:#131418} .social-list.reverse-social a[class*="vimeo"]{color:#fff;background-color:#1ab7ea} .social-list.reverse-social a[class*="dribbble"]{color:#fff;background-color:#ea4c89} .social-list.reverse-social a[class*="flickr"]{color:#fff;background-color:#ff0084} .social-list.reverse-social a[class*="tumblr"]{color:#fff;background-color:#b92b27} .social-list.reverse-social a[class*="dropbox"]{color:#fff;background-color:#007ee5} .social-list.reverse-social a[class*="soundcloud"]{color:#fff;background-color:#f30} .social-list.reverse-social a[class*="skype"]{color:#fff;background-color:#00aff0} .social-list.reverse-social a{color:#fff!important;width:34px;height:34px;line-height:34px;opacity:1} .social-list.reverse-social a i{line-height:34px!important;} .social-list.reverse-social a:hover{background-color:#fff!important} .social-list.reverse-social a:hover i{opacity:1!important}