/* * Zero BS - POFO parent CSS, Rich edition * Generated from POFO 3.1 style.css. * Scope: all frontend pages except Basic Portfolio. * Original source order is preserved for retained rules. * Removed globally: WooCommerce, Swiper, Team, fullscreen-background-video, * dead JS component skins, legacy FA/ET-Line hooks and POFO's broad transition-all rules. * Full rich component blocks retained: Portfolio, Feature Box, Blog, Testimonial. */ body{font-family: "Roboto", sans-serif; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; font-size:14px; color:#6f6f6f; font-weight: 400;line-height: 24px; overflow-x: hidden;}body, html{height: 100%; -moz-osx-font-smoothing: grayscale;}a, a:active{color: #000; text-decoration: none;}a:hover, a:focus{color: #ff214f; text-decoration: none;}a:focus{outline: none;}img{max-width:100%; height:auto;}table{margin-bottom: 25px;}td, th{border-bottom: 1px solid #ededed; padding: 5px 8px;}dd{margin-bottom: 8px;}iframe{border: 0; width: 100%; max-width: 100%; vertical-align: bottom;}p{margin: 0 0 25px}.last-paragraph-no-margin p:last-of-type{margin-bottom:0}.alt-font strong{font-weight: 600}ul, ol, dl{list-style-position: outside; margin-bottom: 25px}p:empty{display: none;}pre{border-radius: 0; border: 1px solid rgba(0,0,0,.1); background-color: #f7f7f7; padding: 15px;}.wpb-content-wrapper{overflow: visible; padding: 0;}.container, .container-fluid{padding-right: 15px; padding-left: 15px;}.row{margin-right: -15px; margin-left: -15px; clear: both;}.row>*{padding-right: 15px; padding-left: 15px;}[class*="col-"]:has(.row-bg-overlay){position: relative;}.row > .vc_column_container{padding-left: 0;padding-right: 0;}figure{margin-bottom: 0;}figcaption, figure, footer, header, nav, section{display: block;}.far, .fas{width: auto;}b, strong{font-weight: 700;}input, textarea, select{border: 1px solid #d1d1d1; font-size: 14px; padding: 8px 15px; width: 100%; margin: 0 0 20px 0; max-width: 100%; resize: none; color: inherit;}input.inputerror, textarea.inputerror, select.inputerror{border: 1px solid #ff0000;}input[type="submit"]{width: auto}input[type="text"], input[type="email"], textarea, input[type="submit"]{-webkit-appearance: none; outline: none;}input:focus, textarea:focus{border-color: #585858; outline: none;}select::-ms-expand{display:none;}label{font-weight: 700;}.alignnone{margin: 0 0 20px 0;}.aligncenter{display: block; margin: 5px auto 20px auto;}.alignright{float:right; margin: 5px 0 20px 40px;}.alignleft{float: left; margin: 5px 40px 20px 0;}.wp-caption{background: #f7f7f7; padding:17px; text-align: center; border: 1px solid rgba(0,0,0,.1); max-width: 50%;}.wp-caption figcaption{padding: 18px 0 0;}.wp-caption img{width: 100%; margin: 0;}.wpcf7 .wpcf7-form div p{margin: 0; padding: 0}.alt-font{font-family: "Montserrat", sans-serif; font-weight: 500;}h1, h2, h3, h4, h5, h6{margin:0 0 25px; padding:0; letter-spacing: 0; font-weight: 400;}h1{font-size:70px; line-height: 70px;}h2{font-size:55px; line-height:60px}h3{font-size:48px; line-height:54px}h4{font-size:40px; line-height:46px}h5{font-size:32px; line-height:40px}h6{font-size:25px; line-height:30px}.text-extra-small{font-size:11px; line-height:14px}.text-small{font-size:12px; line-height:20px;}.text-medium{font-size:16px; line-height:23px}.text-large{font-size:18px; line-height:26px}.text-extra-large{font-size: 20px; line-height:26px}.text-white-alt{color:#FFF}.text-extra-dark-gray{color:#232323}.text-medium-gray{color:#939393}.text-deep-pink{color:#ff214f}blockquote{padding: 20px 30px}blockquote p{font-size: 18px; line-height: 30px; margin-bottom: 17px !important; font-weight: 300}blockquote{border-left: 2px solid; padding: 15px 40px; margin: 45px 0}blockquote footer{color: #939393; font-size: 14px; line-height: 1.42857143; margin-top: initial; margin-bottom: 0;}.blog-image blockquote{padding: 60px; border: 0; margin: 0;}.blog-image blockquote h6:before{content:""; font-family:"themify"; font-size: 40px; top:5px; position: relative; margin-right: 12px; color: #ff214f}blockquote footer::before{content: "— ";}a.text-link-deep-pink{color:#ff214f}a.text-link-deep-pink:hover, a.text-link-deep-pink:focus{color:#fff}.letter-spacing-minus-1{letter-spacing:-1px}.font-weight-300{font-weight:300}.font-weight-600{font-weight:600}.font-weight-700{font-weight:700}.text-uppercase-alt{text-transform:uppercase;}.line-height-normal{line-height: normal}.word-wrap{word-wrap: break-word}.text-outside-line{position: relative}.text-outside-line::before{border-top: 1px solid; content: ""; height: 0; left: auto; position: absolute; right: -60px; top: 50%; width: 40px; opacity: .4;}.text-outside-line::after{border-top: 1px solid; content: ""; height: 0; left: auto; position: absolute; left: -60px; top: 50%; width: 40px; opacity: .4;}.line-height-10{line-height:10px}.line-height-26{line-height:26px}.line-height-80{line-height:80px}.bg-white-alt{background-color:#fff;}.bg-black{background-color:#000;}.bg-extra-dark-gray{background-color:#1c1c1c;}.bg-extra-light-gray{background-color:#e0e0e0}.bg-deep-pink{background-color:#ff214f;}.bg-deep-pink-opacity{background-color: rgba(255, 33, 79, 0.85);}.bg-position-center-center, .vc_row-has-fill.bg-position-center-center{background-position: center center !important}.parallax{position: relative; background-size: cover; overflow: hidden; background-attachment: fixed;}.cover-background{position: relative !important; background-size: cover !important; overflow: hidden !important; background-position: center; background-repeat: no-repeat !important;}.center-col{float:none; margin-left:auto; margin-right:auto}section{padding: 130px 0; overflow: hidden;}.col-2-nth-item:not(.blog-post-gutter) > [class*="col-"], .col-3-nth-item:not(.blog-post-gutter) > [class*="col-"], .col-4-nth-item:not(.blog-post-gutter) > [class*="col-"], .col-5-nth-item:not(.blog-post-gutter) > [class*="col-"], .col-6-nth-item:not(.blog-post-gutter) > [class*="col-"]{padding-left: 15px; padding-right: 15px;}.separator-line-verticle-large{width:1px; height:20px;}.separator-line-horrizontal-full{width:100%; height: 1px;}.no-margin{margin:0 !important}.no-margin-bottom{margin-bottom:0 !important}.margin-two-top{margin-top:2%}.margin-5px-top{margin-top:5px}.margin-25px-top{margin-top:25px}.margin-40px-top{margin-top:40px}.margin-four-bottom{margin-bottom:4%}.margin-5px-bottom{margin-bottom:5px}.margin-10px-bottom{margin-bottom:10px}.margin-15px-bottom{margin-bottom:15px}.margin-20px-bottom{margin-bottom:20px}.margin-25px-bottom{margin-bottom:25px}.margin-30px-bottom{margin-bottom:30px}.margin-35px-bottom{margin-bottom:35px}.margin-100px-bottom{margin-bottom:100px}.margin-ten-right{margin-right:10%}.no-padding-lr{padding-left: 0 !important; padding-right: 0 !important}.no-padding-left{padding-left:0 !important}.padding-eleven-all{padding:11%;}.padding-twelve-all{padding:12%;}.padding-fifteen-all{padding:15%;}.padding-45px-all{padding:45px;}.padding-50px-all{padding:50px;}.padding-five-top{padding-top:5%;}.padding-30px-bottom{padding-bottom:30px;}.padding-45px-left{padding-left:45px;}.padding-50px-tb{padding-top:50px; padding-bottom:50px;}.display-block{display:block !important}.display-inline-block{display:inline-block !important}.display-none{display:none !important}.display-inherit{display:inherit !important}.display-table{display:table !important}.display-table-cell{display:table-cell !important}.overflow-hidden{overflow:hidden !important}.position-relative{position:relative !important;}.pull-left{float: left !important}.pull-right{float: right !important}.top-minus2{top:-2px}.width-30{width:30%;}.width-40{width:40%;}.width-90{width:90%;}.width-95{width:95%;}.width-auto{width: auto}.width-850px{width:850px;}.height-100{height: 100% !important}.z-index-5{z-index:5;}.vertical-align-middle{vertical-align: middle;}.vertical-align-top{vertical-align: top;}.inner-match-height{position: relative; height: 100%;}.icon-small{font-size: 24px}.icon-medium{font-size: 35px}.icon-extra-medium{font-size: 40px}.icon-large{font-size: 50px}.icon-round-small{border-radius: 100%; display: table-cell; height: 80px; margin: 0 auto; text-align: center; vertical-align: middle; width: 80px; font-size:32px}a.blog-like{padding: 0 15px; width: auto; border-radius: 30px !important; font-size: 12px;}a.blog-like i{margin-right: 0;}a.blog-like span{position: relative; top: -1px; margin-left: 8px;}.single-post a.blog-like span.posts-like{display: none; margin-left: 8px;}.pofo-post-detail-icon .blog-like{text-align: center; display:inline-block;border: 1px solid rgba(0,0,0,0.1);color: #232323; background-color: transparent; border-radius: 100%;}.pofo-post-detail-icon .blog-like:hover{border-color: #ff214f; color: #ff214f; background-color: transparent;}.sidebar .widget{clear: both;}.mfp-close, .mfp-close:active{opacity: 1; background-color:transparent; color: #fff; right: 30px; top: 30px;}.mfp-close-btn-in .mfp-close, .my-mfp-zoom-in .mfp-close{color: #333 !important; top: 0; right: 0;}.mfp-bg{background: #000; opacity: 0.93;}.mfp-bg, .mfp-wrap{z-index: 999999}.mfp-auto-cursor .mfp-container{cursor: default !important}.mfp-container{padding-left: 0; padding-right: 0;}.mfp-zoom{cursor:url("assets/images/icon-zoom-1.png"), pointer;}.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close{color:#fff; background: transparent}.mfp-zoom-out-cur .mfp-image-holder{padding-left: 15px; padding-right: 15px;}.mfp-arrow.mfp-arrow-right, .mfp-arrow.mfp-arrow-left{opacity: 1;}.mfp-arrow-right:after, .mfp-arrow-left:after{display: none}.mfp-arrow-right:before{border-left: none; content: ""; font-size: 2em; font-family: "themify"; color: #fff; opacity: 1;}.mfp-arrow-left:before{border-right: none; content: ""; font-size: 2em; font-family: "themify"; color: #fff; opacity: 1;}.mfp-bottom-bar{margin-top: -24px; font-size: 12px}.mfp-close{font-size: 36px; font-family: "Montserrat", sans-serif; font-weight: 400}@-webkit-keyframes fadeIn{0% {opacity: 0;} 100% {opacity: 1;}}@-moz-keyframes fadeIn{0% {opacity: 0;} 100% {opacity: 1;}}@-o-keyframes fadeIn{0% {opacity: 0;} 100% {opacity: 1;}}@keyframes fadeIn{0% {opacity: 0;} 100% {opacity: 1;}}.mfp-figure{-webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; o-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: .4s; -moz-animation-duration: .4s; -ms-animation-duration: .4s; -o-animation-duration: .4s; animation-duration: .4s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; webkit-backface-visibility: hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden;}.my-mfp-zoom-in .modal-popup-main{opacity: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8);}.my-mfp-zoom-in.mfp-ready .modal-popup-main{opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}.mfp-ready .modal-popup-main{opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}.mfp-ready .modal-popup-main .mfp-close{position: absolute;}.my-mfp-zoom-in.mfp-removing .modal-popup-main{-webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0;}.my-mfp-zoom-in.mfp-bg{opacity: 0;-webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out;}.my-mfp-zoom-in.mfp-ready.mfp-bg{opacity: 0.8;}.my-mfp-zoom-in.mfp-removing.mfp-bg{opacity: 0;}.my-mfp-slide-bottom .modal-popup-main{opacity: 0;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out; -webkit-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg ); -moz-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg ); -ms-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg ); -o-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg ); transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );}.my-mfp-slide-bottom.mfp-ready .modal-popup-main{opacity: 1;-webkit-transform: translateY(0) perspective( 600px ) rotateX( 0 ); -moz-transform: translateY(0) perspective( 600px ) rotateX( 0 ); -ms-transform: translateY(0) perspective( 600px ) rotateX( 0 ); -o-transform: translateY(0) perspective( 600px ) rotateX( 0 ); transform: translateY(0) perspective( 600px ) rotateX( 0 );}.my-mfp-slide-bottom.mfp-removing .modal-popup-main{opacity: 0;-webkit-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); -moz-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); -ms-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); -o-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); transform: translateY(-10px) perspective( 600px ) rotateX( 10deg );}.my-mfp-slide-bottom.mfp-bg{opacity: 0;-webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out;}.my-mfp-slide-bottom.mfp-ready.mfp-bg{opacity: 0.8;}.my-mfp-slide-bottom.mfp-removing.mfp-bg{opacity: 0;}.mfp-fade.mfp-bg{opacity: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}.mfp-fade.mfp-bg.mfp-ready{opacity: 0.97;}.mfp-fade.mfp-bg.mfp-removing{opacity: 0;}.mfp-fade.mfp-wrap .mfp-content{opacity: 0;-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}.mfp-fade.mfp-wrap.mfp-ready .mfp-content{opacity: 1;}.mfp-fade.mfp-wrap.mfp-removing .mfp-content{opacity: 0;}.btn{display:inline-block; border:2px solid transparent; white-space: pre-wrap; letter-spacing: .5px; line-height: inherit; border-radius: 0; text-transform: uppercase; width: auto; font-family: "Montserrat", sans-serif; font-weight: 600; outline: none !important; margin-bottom: 0;}.btn:focus{box-shadow: none;}.btn.btn-small{font-size:11px; padding: 4px 24px;}.btn.btn-medium{font-size:12px; padding: 6px 25px 5px;}.btn i{margin-left: 10px; vertical-align: middle; position: relative; top:-1px}.btn.btn-white{background:#ffffff; border-color: #ffffff; color: #232323}.btn.btn-white:hover, .btn.btn-white:focus{background: transparent; color: #fff; outline: none;}.btn.btn-dark-gray{background: #232323; border-color: #232323; color: #fff}.btn.btn-dark-gray:hover, .btn.btn-dark-gray:focus{background: transparent; color: #232323; outline: none;}.btn.btn-transparent-dark-gray{background: transparent; border-color: #232323; color: #232323}.btn.btn-transparent-dark-gray:hover, .btn.btn-transparent-dark-gray:focus{background: #232323; border-color: #232323; color: #ffffff}.btn.btn-rounded{border-radius: 50px}.btn.btn-rounded.btn-small{padding: 5px 29px;}.btn.btn-rounded.btn-medium{padding: 6px 32px;}.border-radius-100{border-radius:100%}.extra-small-screen{height:300px;}.navbar-collapse{padding-left: 0; padding-right: 0;}header nav.navbar .navbar-nav > li > a, nav.navbar.bootsnav ul.nav > li > a{color: #232323;}header.sticky nav.navbar-default, header.sticky nav.navbar.bootsnav{box-shadow: 0 5px 10px -10px rgba(0, 0, 0, 0.6);}header a.logo-light img{max-height:26px;}header a.logo-dark img{max-height:26px;}header h1{font-size: inherit !important; line-height: normal !important; margin: 0 !important; padding: 0 !important;}.navbar-fixed-top{transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; top: 0;}.logo-dark{display: none;}.sticky .logo-dark{display: inline;}.sticky .logo-light{display: none;}.logo-light .retina-logo{display: none;}.logo-dark .retina-logo{display: none;}.page-title-large h1{font-size: 46px; line-height: 49px}header nav.navbar .navbar-nav > li.active > a, nav.navbar.bootsnav ul.nav > li.active > a, header nav.navbar .navbar-nav > li.current-menu-ancestor > a, nav.navbar.bootsnav ul.nav > li.current-menu-ancestor > a, header nav.navbar .navbar-nav > li.current-menu-item > a, nav.navbar.bootsnav ul.nav > li.current-menu-item > a{color: rgba(0,0,0,0.6)}header nav.navbar .navbar-nav > li > a.active, nav.navbar.bootsnav ul.nav > li > a.active{color: rgba(0,0,0,0.6)}header{width: 100%; z-index: 99;}header nav .row{align-items: center; height: auto; padding: 0; width: calc(100% + 30px);}header nav .row > div:first-child{flex: 1 1 auto;}header nav.navbar{border-radius: 0; padding: 0;}header nav.navbar-default, nav.navbar.bootsnav{border-bottom: 0; background-color: #fff;}header nav{width: 100%; top: 0px; z-index: 99; margin-bottom: 0; display: table;}header nav .nav-header-container, header .navbar>.container{position: relative;}header nav .navbar-nav > li > a{color: #232323; font-size: 12px; margin:0 20px; padding: 5px 0px 5px; text-transform: uppercase; letter-spacing: 0.015em;}header nav .navbar-nav > li > a:hover, header nav .navbar-nav > li > a:focus, header nav .navbar-nav > li.active > a{background: transparent;}header nav .navbar-nav > li:last-child a{margin-right: 0;}.navbar-fixed-top{z-index: 9999;position: fixed; right: 0; left: 0;}header nav.navbar-default .navbar-nav > li > a:hover, header nav.navbar-default .navbar-nav > li > a:focus, header nav.navbar-default .navbar-nav > li.active > a{border-bottom-color: #232323}header nav .navbar-nav.text-normal > li > a{font-weight: 500; font-size: 12px}.navbar-nav{flex-direction: row;}.nav>li>a{position: relative;display: block;}.navbar-nav>li>a{line-height: 20px;}.navbar-nav > li{position: inherit;}.navbar-toggle{border-radius: 0; margin-right: 0; margin-bottom: 8px; background-image: none;}header.sticky nav.navbar.navbar-default.navbar-fixed-top ul.nav > li > a{padding: 20px 0 20px;}nav .accordion-menu{position: initial;}.navbar-default .navbar-toggle .icon-bar{background: #232323;}.sr-only{position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; white-space: nowrap;}.navbar-toggle .icon-bar{display: block; width: 22px; height: 2px; border-radius: 1px;}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}body{width: 100%;}nav.navbar.navbar-default ul.nav > li > a{padding:26px 0; background: transparent; border-color: transparent; font-weight: 600}.navbar-collapse{-webkit-overflow-scrolling:auto; -moz--webkit-overflow-scrolling:auto; -ms--webkit-overflow-scrolling:auto; -o--webkit-overflow-scrolling:auto;}.navbar-collapse:before, .navbar-collapse:after{display: table; content: " ";}.slider-text-middle-main{display: table; height: 100%; width: 100%}.slider-text-middle{display: table-cell; vertical-align: middle;}.slider-typography{width: 100%; height: 100%; position: absolute; right: 0; left: 0;}.porfolio-categories-lists span{color: #232323; font-size: 12px; text-transform: uppercase; line-height: 20px; font-weight: 500;}.portfolio-grid.gutter-very-small li, .blog-grid.gutter-very-small li, .pofo-instagram-feed.gutter-very-small li{padding: 3px 3px}.portfolio-grid.gutter-small li, .blog-grid.gutter-small li, .pofo-instagram-feed.gutter-small li{padding:5px 5px}.portfolio-grid.gutter-medium li, .blog-grid.gutter-medium li, .pofo-instagram-feed.gutter-medium li{padding:7px 7px}.portfolio-grid.gutter-large li, .blog-grid.gutter-large li, .pofo-instagram-feed.gutter-large li{padding:10px 10px;}.portfolio-grid.gutter-large{margin: 0 10px;}.portfolio-grid.gutter-extra-large, .pofo-instagram-feed.gutter-extra-large{margin: 0 20px;}.portfolio-grid.gutter-extra-large li, .pofo-instagram-feed.gutter-extra-large li{padding: 20px;}.blog-grid.gutter-large, .pofo-instagram-feed.gutter-large{margin-left: 10px; margin-right:10px;}.portfolio-grid.gutter-very-small, .pofo-instagram-feed.gutter-very-small{margin:0 3px}.portfolio-grid.gutter-small, .blog-grid.gutter-small, .pofo-instagram-feed.gutter-small{margin:0 5px}.portfolio-grid.gutter-medium, .pofo-instagram-feed.gutter-medium{margin:0 7px}.demo-portfolio-grid.portfolio-grid.gutter-extra-large li{padding: 25px;}.demo-single-img-100 img, .demo-img-100 img, .demo-single-img-100 .vc_figure, .demo-single-img-100 .vc_single_image-wrapper{width: 100%;}.pofo-instagram-feed.gutter-very-small li, .pofo-instagram-feed.gutter-small li, .pofo-instagram-feed.gutter-medium li, .pofo-instagram-feed.gutter-large li, .pofo-instagram-feed.gutter-extra-large li{margin-bottom: 0}.portfolio-style-11 .portfolio-item-title > span{background: #ff214f; color: #fff; font-size: 10px; line-height: 16px; margin-left: 8px; margin-top: 3px; padding: 2px 6px 3px; position: relative;}.portfolio-grid.work-6col li, .blog-grid.blog-6col li{width: 16.6666%}.portfolio-grid.work-6col li.grid-item-double, .blog-grid.blog-6col li.grid-item-double{width: 33.33%;}.portfolio-grid.work-5col li, .blog-grid.blog-5col li{width: 20%}.portfolio-grid.work-5col li.grid-item-double, .blog-grid.blog-5col li.grid-item-double{width: 40%;}.portfolio-grid.work-4col li, .blog-grid.blog-4col li{width: 25%}.portfolio-grid.work-4col li.grid-item-double, .blog-grid.blog-4col li.grid-item-double{width: 50%;}.portfolio-grid.work-3col li, .blog-grid.blog-3col li{width: 33.33%; float: left}.portfolio-grid.work-3col li.grid-item-double, .blog-grid.blog-3col li.grid-item-double{width: 66.6666%;}.portfolio-grid.work-2col li, .blog-grid.work-2col li{width: 50%}.portfolio-grid.work-2col li, .blog-grid.blog-2col li{width: 50%;}.portfolio-grid.work-2col li.grid-item-double, .blog-grid.work-2col li.grid-item-double{width: 100%}.work-1col .portfolio-grid li{width: 100%}.portfolio-grid{list-style: none; padding: 0; margin: 0;}.portfolio-grid .grid-item figure{margin: 0; position: relative; overflow: hidden}.portfolio-grid .grid-item figure img{display: block; width: 100%; cursor: pointer;}.portfolio-grid .grid-item{opacity: 1;overflow: hidden;}.portfolio-grid .grid-item figure img{cursor: pointer; display: block; opacity: 1; width: 100%; transition: all 0.3s ease 0s;}.portfolio-grid .grid-item figcaption{bottom:0; left:0; opacity: 0; position: absolute; transition: all 0.3s ease 0s; width: 100%; height: 100%; padding:45px; z-index: 1; text-align: center}.portfolio-grid .grid-item figure:hover .portfolio-img{transition: all 0.3s ease 0s;}.portfolio-grid .grid-item figure .portfolio-img{transition: all 0.3s ease 0s;}.portfolio-grid .grid-item figure:hover img{opacity: 0.15; transform: scale(1.1, 1.1); transition: all 0.3s ease 0s;}.portfolio-grid .grid-item figure:hover figcaption{opacity: 1; transition: all 0.3s ease 0s;}.container .hover-option4 .grid-item figcaption{padding: 30px;}.portfolio-grid .grid-item.portfolio-stop-zoom-on-hover figure:hover img, .portfolio-grid .grid-item.portfolio-stop-zoom-on-hover figure img, .hover-option10 .grid-item.portfolio-stop-zoom-on-hover figure .portfolio-img img{transform: scale(1, 1); transition: all 0.3s ease 0s;}.blog-grid{list-style: none; padding: 0; margin: 0;}.blog-grid .grid-item a{position: relative; z-index: 11;}.blog-grid .grid-item a img{width: 100%;}.justified-gallery>a>.caption, .justified-gallery>div>.caption{padding:11px 15px 11px; opacity: 0; display: initial !important; bottom: -20px; transition: all 0.3s ease 0s; font-family: "Montserrat", sans-serif; font-weight: 600; font-size: 11px; text-transform: uppercase; position: absolute; background-color: #000; left: 0; right: 0; margin: 0; color: #fff;}.caption.caption-visible, .justified-gallery>a:hover>.caption, .justified-gallery>div:hover>.caption{opacity: 1; bottom: 0 !important; display: block !important;filter: "alpha(opacity=70)"; opacity: .7; -webkit-transition: opacity 500ms ease-in; -moz-transition: opacity 500ms ease-in; -o-transition: opacity 500ms ease-in; transition: opacity 500ms ease-in;}.justified-gallery>a>.caption > div{line-height: 16px;}.justified-gallery>a>.caption > span, .justified-gallery>div>.caption > span{font-size: 10px; opacity: 0.5; position: relative; top: 2px; line-height: 18px; display: block}.justified-gallery .spinner{display: none}.justified-gallery .jg-caption{display: none !important;}.grid-item .portfolio-hover-box{display: table-cell; height: 100%;}.hover-option1 .grid-item figcaption{height: 100%}.hover-option1 .grid-item .portfolio-hover-main{transform: none; display: table; height: 100%; top: 0; width: 100%;}.hover-option2 .grid-item figcaption{height: 100%}.hover-option2 .grid-item .portfolio-hover-main{transform: none; display: table; height: 100%; top: 0; width: 100%;}.hover-option2 .grid-item .portfolio-hover-content{bottom:-15px; transition: all 0.3s ease 0s;}.hover-option2 .grid-item:hover .portfolio-hover-content{bottom:0;}.hover-option2 .separator-line-horrizontal-medium-light2{opacity:.5}.hover-option2 .grid-item figure img{transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;}.hover-option2 .grid-item figure:hover img{-webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px); opacity: 0.10; transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;}.pofo-stretch-row-container .hover-option2 .grid-item figcaption{padding: 30px;}.hover-option3 .grid-item .slide-hover-box{position: absolute; width: 100%; height: 100%;}.hover-option3 .grid-item .opacity-medium{opacity: 0; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;}.hover-option3 .grid-item .slide-hover-box:hover .opacity-medium{opacity: 0.50; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;}.hover-option3 .grid-item figure{bottom:130px; z-index: 5; width: 100%; overflow: visible}.hover-option3 .grid-item figure h6{position: relative; bottom: -70px; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;}.hover-option3 .grid-item .slide-hover-box:hover h6{bottom: 0}.hover-option3 .grid-item figure p{bottom: -40px; opacity: 0; position: relative; min-height: 24px; display: block; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;}.hover-option3 .grid-item .slide-hover-box:hover p{opacity: .6; bottom: 0;}.hover-option3 .grid-item figure figcaption{left: 0; right: 0; opacity: 1; padding: 0 60px; height: auto; text-align: left}.hover-option3 .grid-item .separator-line-horrizontal-medium-light2{transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; width: 20%;}.hover-option3 .grid-item .slide-hover-box:hover .separator-line-horrizontal-medium-light2{width: 60%; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;}.hover-option4 .grid-item figcaption{height: 100%}.hover-option4 .grid-item .portfolio-hover-main{transform: none; display: table; height: 100%; top: 0; width: 100%;}.hover-option4 .grid-item figure:hover img{opacity: 0.08; transform: scale(1, 1); transition: all 0.2s ease 0s; -webkit-filter: blur(4px); filter: blur(4px);}.hover-option4 .grid-item .portfolio-hover-content{bottom:-15px; transition: all 0.2s ease 0s;}.hover-option4 .grid-item:hover .portfolio-hover-content{bottom:0;}.hover-option5 .grid-item figcaption{height: 100%; padding: 20px}.hover-option5 .grid-item .portfolio-hover-main{transform: none; display: table; height: 100%; top: 0; width: 100%;}.hover-option5 .grid-item .portfolio-hover-box{padding: 20px;}.hover-option5 .grid-item:hover .portfolio-hover-box{background: rgba(0,0,0,.8)}.hover-option5 .grid-item .separator-line-horrizontal-medium-light2{-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; top:5px; width:100px}.hover-option5 .grid-item:hover .separator-line-horrizontal-medium-light2{transform: translateY(-20px);}.hover-option5 .grid-item figure:hover img{opacity: .8}.hover-option6 .grid-item figcaption{height: 100%; position: relative; opacity: 1; padding:30px 10px 35px; background: #fff}.hover-option6 .grid-item .portfolio-hover-main{transform: none; display: table; height: 100%; top: 0; width: 100%;}.hover-option6 .grid-item .portfolio-icon{transition: all 0.3s ease 0s; position: absolute; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; top: 55%; left:0; right: 0; opacity: 0}.hover-option6 .grid-item figure:hover .portfolio-icon{opacity: 1; top: 50%;}.hover-option6 .grid-item .portfolio-icon a{border-radius: 50%; border:2px solid transparent; background: #fff; margin: 0 7px; height: 46px; width: 46px; display: inline-block; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}.hover-option6 .grid-item .portfolio-icon i.fa-link{font-size:20px; position: relative; top: 11px}.hover-option6 .grid-item .portfolio-icon i.fa-search{font-size:16px; position: relative; top: 10px}.hover-option6 .grid-item .portfolio-icon a:hover, .hover-option6 .grid-item .portfolio-icon a:hover i{background: transparent; color: #fff;}.hover-option6 .grid-item .portfolio-icon a:hover{background: transparent; border:2px solid #fff; color: #fff; transform: scale(1.1, 1.1);}.hover-option6 .grid-item figure:hover img{cursor: default; opacity: .15; transform: scale(1, 1);}.hover-option6 .grid-item figure:hover figcaption{cursor: default;}.hover-option6 .grid-item figure:hover .portfolio-img{transition: all 0.3s ease 0s;}.pofo-stretch-row-container .hover-option6 .grid-item figcaption{padding: 20px 10px 25px;}.hover-option7 .grid-item figcaption{height: auto; position: absolute; opacity: 0; padding:32px; bottom: -101px}.hover-option7 .grid-item figure:hover figcaption{bottom: 0}.hover-option7 .grid-item .portfolio-hover-main{transform: none; display: table; height: 100%; top: 0; width: 100%;}.hover-option7 .grid-item figure img{top: 0; position: relative}.hover-option7 .grid-item figure:hover img{cursor: pointer; opacity: 1; transform: scale(1,1); top:-101px}.hover-option7 .grid-item figure:hover figcaption{cursor: pointer;}.hover-option7 .grid-item figure:hover .portfolio-img{transition: all 0.3s ease 0s; background: transparent}.pofo-stretch-row-container .hover-option7 .grid-item figcaption{padding:20px;}.pofo-stretch-row-container .hover-option7 .grid-item figure:hover img{top:-81px;}.hover-option8 .grid-item figure figcaption{opacity: 0; padding: 0; transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s;}.hover-option8 .grid-item figure:hover figcaption{opacity: 1; cursor: pointer}.hover-option8 .grid-item .portfolio-hover-main{display: table; height: 100%; top: 0; transform: none; width: 100%;}.hover-option8 .grid-item .portfolio-icon{position: absolute; right: 55px; top: 51px; transition: all 0.1s ease 0s;}.hover-option8 .grid-item figure:hover figcaption{padding:25px; transition: all 0.2s ease 0s; box-shadow: 0 0 4px rgba(0,0,0,.4);}.hover-option8 .grid-item figure:hover figcaption .portfolio-hover-main{background: #fff}.hover-option8.portfolio-grid .grid-item figure:hover img{opacity: 1; -webkit-filter: blur(4px); filter: blur(4px);}.hover-option10 .grid-item *{-webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}.hover-option10 .grid-item figure .portfolio-img img{transform: scale(1.05,1.05);}.hover-option10 .grid-item figure:hover .portfolio-img img{transform: scale(1,1); opacity: .15}.hover-option10 .grid-item figure figcaption{padding: 0;}.hover-option10 .grid-item figure .portfolio-hover-main{display: table; width: 100%; height: 100%; padding: 50px}.hover-option10 .grid-item figure .portfolio-icon{margin-bottom: 30px; position: relative; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%);}.hover-option10 .grid-item figure .portfolio-hover-content{position: relative; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%);}.hover-option10 .grid-item figure:hover .portfolio-icon, .hover-option10 .grid-item figure:hover .portfolio-hover-content{-webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}.hover-option10 .grid-item .portfolio-icon a{margin: 0 7px; height: 50px; width: 50px; display: inline-block; border-radius: 100%; border: 1px solid rgba(255,255,255,1); box-sizing: border-box; vertical-align: top; text-align:center; color: #fff}.hover-option10 .grid-item .portfolio-icon a:hover{color: #232323; background: #fff; border-radius: 5px;}.hover-option10 .grid-item .portfolio-icon a:hover i{color: #232323;;}.hover-option10 .grid-item .portfolio-icon i.fa-link{font-size:22px; position: relative; top: 14px}.hover-option10 .grid-item .portfolio-icon i.fa-search, .hover-option10 .grid-item .portfolio-icon i.ti-zoom-in{font-size:20px; position: relative; top: 13px}.pofo-stretch-row-container .hover-option10 .grid-item figure .portfolio-hover-main{padding:30px;}.pofo-stretch-row-container .hover-option10 .grid-item .portfolio-icon i.fa-link{font-size:16px; position: relative; top: 10px}.pofo-stretch-row-container .hover-option10 .grid-item .portfolio-icon i.fa-search{font-size:14px; position: relative; top: 8px}.pofo-stretch-row-container .hover-option10 .grid-item .portfolio-icon a{width: 45px; height: 45px;}.hover-option10.metro-gallery .grid-item figure .portfolio-icon{margin-bottom: 0;}.hover-option11 .grid-item > a:hover .portfolio-item-title{color: #fff;}.hover-option11 .grid-item .portfolio-img{margin-bottom: 33px; transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s;}.hover-option11 .grid-item .portfolio-img img{box-shadow: 0 0 8px rgba(0,0,0,1);}.hover-option11 .grid-item:hover .portfolio-img img{opacity: .6; transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s;}.hover-option11 .grid-item > a{display: block; position: relative;}.hover-option11 .grid-item > a:hover .portfolio-img{box-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.2); transform: translateY(-10px);}.portfolio-filter-tab-1.nav > li{margin: 0 25px; display: inline-block; float: none}.portfolio-filter-tab-1.nav > li a{background: transparent; border: none; padding:0 0 2px 0; display: inline; color:#6f6f6f; margin: 0;}.portfolio-filter-tab-1.nav > li a:hover, .portfolio-filter-tab-1.nav > li a:focus{background: transparent; border-bottom: 1px solid #232323; color:#232323}.portfolio-filter-tab-1.nav > li.active a{background: transparent !important; border-bottom: 1px solid #232323; color: #232323;}.portfolio-filter-tab-2.nav > li{display: inline-block; float: none;}.portfolio-filter-tab-2.nav > li a{border: none; border-radius: 50px; padding: 7px 24px; margin-right: 4px;}.portfolio-filter-tab-2.nav > li a:hover, .portfolio-filter-tab-2 li > a:focus{background: rgba(144,144,144,0.22); color: #000; border: 0 !important}.portfolio-filter-tab-2.nav-tabs li.active a, .portfolio-filter-tab-2.nav-tabs li.active a:hover{border: none; background: rgba(144,144,144,0.22); color: #000; border: none;}.feature-box{overflow: hidden;position: relative;text-align: center;}.feature-box .content{padding: 35px 15px;}.feature-box:before, .feature-box .content:before, .feature-box:after, .feature-box .content:after{display: inline-block; position:absolute; content:""; background-color:#ff214f; z-index: 1}.feature-box:before, .feature-box .content:before{right:0; top:0; transition-duration:0.5s}.feature-box:after, .feature-box .content:after{left:0; bottom:0; transition-duration:0.5s}.feature-box:hover:before, .feature-box:hover:after{transform:scaleY(1); transition-duration:0.5s}.feature-box:before{transform-origin: right top 0;}.feature-box:after{transform-origin: left bottom 0;}.feature-box .content:before{transform-origin: right top 0;}.feature-box .content:after{transform-origin: top left 0;}.feature-box:before, .feature-box:after{height:100%; width:3px; transform:scaleY(0); transition-duration:0.5s;}.feature-box:hover .content:before, .feature-box:hover .content:after{transform:scaleX(1); transition-duration:0.5s}.feature-box .content:before, .feature-box .content:after{width:100%; height:3px; transform:scaleX(0); transition-duration:0.5s;}.feature-box-1{display: table}.feature-box-1 .char-value, .feature-box-1 a{display: table-cell; vertical-align: middle}.grid-item.feature-box-4{overflow: hidden; position: relative;}.grid-item.feature-box-4 figure img{width: 100%; cursor: auto;}.grid-item.feature-box-4 figure figcaption{position: absolute; left: 0px; top: auto; z-index: 9; bottom: 0px; transform: translateY(0); -webkit-transform: translateY(0); transition: transform .35s ease-out; padding: 0 0 15px 60px; width: auto; height:auto; text-align: left; opacity: 1; cursor: default;}.grid-item.feature-box-4 figure:hover img, .feature-box-4 figure:focus img{opacity: 1; -ms-transform: none; -webkit-transform: none; transform: none;}.grid-item.feature-box-4 figure:hover figcaption{transform: translateY(-50px);-webkit-transform: translateY(-50px)}.grid-item.feature-box-4 figure figcaption .btn{opacity: 0; transition: all 0.3s ease;}.grid-item.feature-box-4 figure:hover .btn{opacity: 1; display: inline-block}.grid-item.feature-box-4 figure:hover img{transition-timing-function: ease-in-out; transform: scale(1.09,1.09)}.feature-box-5{padding-left:75px}.feature-box-5 i, .feature-box-5 img{position: absolute; top: 0; left: 0}.feature-box-6{padding-left: 70px;}.feature-box-6 i, .feature-box-6 img{position: absolute; top: 50%; left: 0; transform: translateY(-22px)}.feature-box.feature-box-7:before, .feature-box.feature-box-7:after{content: ""; display: table;}.feature-box.feature-box-7:hover:before, .feature-box.feature-box-7:hover:after{border: none}.feature-box.feature-box-7::before, .feature-box.feature-box-7::after, .feature-box.feature-box-7 .content::before, .feature-box.feature-box-7 .content::after{background: transparent;}.feature-box.feature-box-7:after{clear: both;}.feature-box.feature-box-7{border: 1px solid #ededed;}.feature-box.feature-box-7 .box{height: 100%; width: 100%; display: table; position: relative; -webkit-transition: all 0.4s cubic-bezier(.48,.83,.63,.91); -moz-transition: all 0.4s cubic-bezier(.48,.83,.63,.91); -mstransition: all 0.4s cubic-bezier(.48,.83,.63,.91); -o-transition: all 0.4s cubic-bezier(.48,.83,.63,.91); transition: all 0.4s cubic-bezier(.48,.83,.63,.91); overflow: hidden}.feature-box.feature-box-7 .box figure{-webkit-transition: all 0.4s cubic-bezier(.48,.83,.63,.91); -moz-transition:all 0.4s cubic-bezier(.48,.83,.63,.91); transition: all 0.4s cubic-bezier(.48,.83,.63,.91); -ms-transition: all 0.4s cubic-bezier(.48,.83,.63,.91); -o-transition: all 0.4s cubic-bezier(.48,.83,.63,.91); transition: all 0.4s cubic-bezier(.48,.83,.63,.91); padding: 10% 0;}.feature-box.feature-box-7 .box .content{height: 100%; vertical-align: middle; padding: 0; position: relative; top: 30px;}.feature-box.feature-box-7 .box .content .details{opacity: 0;}.feature-box.feature-box-7 .box:hover .content .details{opacity: 1;}.feature-box.feature-box-7 .box:hover .content{top: 0; border-bottom-color: #ff214f;}.feature-box.feature-box-7 .box:hover i{color: #ff214f}.feature-box-8 .feature-box-overlay{bottom: 0; left: 0; right: 0; width: 100%; height: 2px; position: absolute; z-index: -2}.feature-box-8:hover .feature-box-overlay{height: 100%; background: #2f2f2f}.feature-box-8:hover div, .feature-box-8:hover p, .feature-box-8:hover a.feature-title-link{color: #fff;}.feature-box-8:hover .icon-round-small{background: #fff; color: #ff214f}.parallax-feature-box-bottom{position: absolute; bottom:-150%;}.parallax-feature-box{overflow: visible}.feature-box-9 i{position: relative; transition: all 0.3s ease 0s; top:0}.feature-box-9:hover i{top: -8px; color: #fff}.feature-box-9:hover p{color: #ff214f;}.feature-box-9 .text-bottom-line{margin-bottom: 15px}.feature-box-9:hover .text-bottom-line{border-top:45px solid; margin-bottom:0}.feature-box-10 .number{display: table-cell; font-size: 30px; height: 90px; margin: 0 auto; text-align: center; vertical-align: middle; width: 90px; position: relative}.feature-box-10:hover .number{background: #ff214f; color: #fff}.feature-box-10 .number-center:after{width: 250%; position: absolute; content:""; height: 1px; background: #e2e2e2; top: 45px; z-index: -1; left:130px}.feature-box-10 .number-center:before{width: 250%; position: absolute; content:""; height: 1px; background: #e2e2e2; top: 45px; z-index: -1; right:130px}.feature-box-11 .progress-line:after{content: ""; display: block; width: 12%; height: 1px; background: rgba(0,0,0,.2); position: absolute; right: -6%; top: 65px; text-align: center;}.feature-box-11 .process-bg{border-radius: 100%; height: 130px; width: 130px; line-height: 130px}.feature-box-12 .feature-icon-box{width: 90px; height: 90px; border-radius: 6px; text-align: center; vertical-align: middle; border: 1px solid #d6d5d5; display: table-cell;transform: rotateX(0deg);transition: ease-in-out 0.6s;}.feature-box-12 .feature-content-box{display: table-cell; vertical-align: middle; transform: rotateY(0deg);transition: ease-in-out 0.6s; opacity: 1;}.feature-box-12 .hover-content-box, .feature-box-12 .feature-content-box{backface-visibility: hidden; transform-style: preserve-3d;}.feature-box-12 .hover-content-box{background-color: #232323; width: 80%; transition: ease-in-out 0.6s; transform: rotateX(180deg); position: absolute; top: -45%;left: 0; opacity: 0;}.feature-box-12:hover .hover-content-box{transform: rotateX(0deg); opacity: 1}.feature-box-12:hover .feature-icon-box{transform: rotateX(180deg); opacity: 0}.feature-box-12:hover .feature-content-box{transform: rotateX(180deg); opacity: 0}.feature-box-13{overflow: hidden; z-index: 1;}.feature-box-13:before{background: #ff214f; left: 0; height: 100%; top: 0; position: absolute; width: 100%; z-index: -1; display: block; content: ""; transition-duration: 0.3s; transform:scaleY(0); opacity: 0}.feature-box-13:hover:before{transform: scaleY(1);transition-duration: 0.3s; opacity: 1}.feature-box-13:hover i{color: #232323}.feature-box-13:hover p{color: #fff}.featurebox38 .feature-title{font-size: 13px;}.featurebox40{background-color: #f7f7f7; border-radius: 10px;}.featurebox40:hover{background-color: #ff214f;}.featurebox40:hover i, .featurebox40:hover span, .featurebox40:hover div{color: #fff;}.featurebox40:hover div p{opacity: .6; transition-duration: .0s; -moz-transition-duration: .0s; -webkit-transition-duration: .0s; -o-transition-duration: .0s;}.featurebox41 .btn.btn-link{padding-top: 7px;}.feature-box-15 .feature-box-content{position: relative}.feature-box-15 .feature-box-image{transform: rotateY(0deg);}.feature-box-15 .hover-content, .feature-box-15 .feature-box-image{backface-visibility: hidden; transform-style: preserve-3d;transform: rotateY(0deg);transition: ease-in-out 0.4s}.feature-box-15 .hover-content{left: 0; position: absolute; top:0; height: 100%; transform: rotateX(180deg);width: 100%; opacity: 0;}.feature-box-15 .feature-box-content:hover .feature-box-image{transform: rotateX(180deg); opacity: 0;}.feature-box-15 .feature-box-content:hover .hover-content{transform: rotateX(0deg); opacity: 1;}.feature-box-16 .feature-box-content{position: absolute; bottom:0; width: 100%; transition: ease-in-out 0.4s; height: 60px;}.feature-box-16 .feature-box-content p{opacity: 0;transition: ease-in-out 0.5s;}.feature-box-16{position: relative; overflow: hidden;}.feature-box-16:hover .feature-box-content{height: 100%;}.feature-box-16:hover .feature-box-content p{opacity: 1;}.feature-box.feature-box-17:before, .feature-box.feature-box-17:after{content: ""; display: table;}.feature-box.feature-box-17:hover, .feature-box.feature-box-17:hover:before, .feature-box.feature-box-17:hover:after{border: none}.feature-box.feature-box-17::before, .feature-box.feature-box-17::after, .feature-box.feature-box-17 .content::before, .feature-box.feature-box-17 .content::after{background: transparent;}.feature-box.feature-box-17:after{clear: both;}.feature-box.feature-box-17 .box{height: 100%; width: 100%; display: table; position: relative;-webkit-transition: all 0.4s cubic-bezier(.48,.83,.63,.91);-moz-transition: all 0.4s cubic-bezier(.48,.83,.63,.91); transition: all 0.4s cubic-bezier(.48,.83,.63,.91); overflow: hidden}.feature-box.feature-box-17 div:first-child .box{border-left: none}.feature-box.feature-box-17 .box figure{-webkit-transition: all 0.4s cubic-bezier(.48,.83,.63,.91);-moz-transition:all 0.4s cubic-bezier(.48,.83,.63,.91);transition: all 0.4s cubic-bezier(.48,.83,.63,.91); padding: 10% 0;}.feature-box.feature-box-17 .box .content{display:table-cell; height: 100%; vertical-align: middle; padding: 0; position: relative; top: 30px;}.feature-box.feature-box-17 .box .content .details{opacity: 0;}.feature-box.feature-box-17 .box:hover .content .details{opacity: 1;}.feature-box.feature-box-17 .box:hover .content{top: 0; border-bottom-color: #ff214f;}.feature-box.feature-box-17 .box:hover{background-color: #ff214f;}.feature-box.feature-box-17 .box:hover i{color: #ffffff}.feature-box-39{padding-left: 38px; position: relative;}.feature-box-39 i, .feature-box-39 img{position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}.feature-box-39 .feature-content{display: table !important;}.info-banner-box-2{position: relative; overflow: hidden; height: 200px;}.info-banner-box-2 .hover-box{position: absolute; left: 100%; top: 0; height: 100%; transition: ease-in-out 0.5s;}.info-banner-box-2 .content-box{position: absolute; left: 0; top:0; height: 100%; transition: ease-in-out 0.5s;}.info-banner-box-2:hover .hover-box{left: 0}.info-banner-box-2:hover .content-box{left: -100%}.counter-style .appear, .counter-style .wpb_appear{-webkit-animation: none !important; -o-animation:none !important; animation: none !important;}.counter-feature-box-1{height:199px;}.counter-feature-box-1:hover{background:#ff214f; border-color: #ff214f !important;}.counter-box-3 .counter-box{display: inline-block; width: 140px; padding: 0; vertical-align: top; text-align: center; position: relative;}.counter-box-3 .counter-box:after{position: absolute; right: 0; width: 1px; height: 36px; background-color: #eb214b; content: ""; top: 8px;}.counter-box-3 .counter-box:last-child:after{width: 0;}.counter-box-3 .counter-box .number{display: block; font-weight: 400; font-size: 32px; line-height: 30px;}.counter-box-3 .counter-box span{font-weight: 400; font-size: 12px; line-height: 28px; text-transform: uppercase;}.counter-box-4 .plus-separator:after{content: "+"; position: absolute; right: -10%; bottom: 100%; color: #b6b6b6; font-weight: 300;}.counter-style-icon-none .counter-box-4 .plus-separator:after{display: none;}.counter-box-5 i{margin-bottom: 5px;}.counter-box-5 .counter-box{display: inline-block; width: 13%; padding: 0; vertical-align: top; text-align: center; position: relative;}.counter-box-5 .counter-box .number{display: block; font-weight: 400; font-size: 80px; line-height: 80px; letter-spacing: -3px}.counter-box-5 .counter-box span{font-weight: 400; font-size: 12px; letter-spacing: 3px; opacity: 0.5; line-height: 28px; text-transform: uppercase;}.chart-percent{margin: 0 0 10px 0}.percent{display: inline-block; line-height: 120px; z-index: 2;}.percent:after{content: "%";}.chart-style2 .chart2{position: relative; display: inline-block; width: 120px; height: 120px; text-align: center; border-radius: 50%;}.chart-style2 .chart2 canvas{position: absolute; top: 0; left: 0;}.chart-style3 .percent{display: inline-block; line-height: 68px; z-index: 2; background: #232323; border-radius: 100%; width: 70px; height: 70px; color: #fff; right: -60px; top: 10px; position: relative;}.chart-style3 .percent:after{content: "%";}.pofo-post-archive-content-wrap .pofo-blog-list{display: flex; flex-wrap: wrap;}.pofo-post-archive-content-wrap [class*="col-"] .pofo-blog-full-width > [class*="col-"], .pofo-post-archive-content-wrap [class*="col-"] .pofo-blog-list > [class*="col-"], .pofo_layout_left_sidebar_single [class*="col-"] > [class*="col-"], .pofo_layout_right_sidebar_single [class*="col-"] > [class*="col-"]{padding-left: 15px; padding-right: 15px;}.pofo-default-content-wrap .pofo-blog-list .blog-post-content{align-items: flex-start;}.pofo-default-content-wrap .pofo-blog-list{float: left; padding-left: 15px; padding-right: 15px; width: 100%;}.pofo-default-content-wrap .pofo-blog-list .category-home-classic-business, .pofo-default-content-wrap .pofo-blog-list .blog-post-content{float: left;}.pofo-default-content-wrap .row > .pofo-blog-classic, .pofo-default-content-wrap .row > .pofo-blog-grid, .pofo-default-content-wrap .row > .pofo-blog-masonry, .pofo-default-content-wrap .row > .pofo-blog-simple, .pofo-default-content-wrap .row > .pofo-blog-clean, .pofo-default-content-wrap .row > .pofo-blog-personal, .pofo-default-content-wrap .row > .pofo-blog-only-text{padding-left: 0; padding-right: 0;}.blog-post.blog-post-style1 .blog-post-images{background: #232323}.blog-post.blog-post-style1 .blog-post-images img{width: 100%;}.blog-post.blog-post-style1:hover .blog-post-images img{opacity: 0.5; transform: scale(1.2, 1.2); transition: all 0.3s ease 0s;}.blog-post.post-no-transform:hover .blog-post-images img, .grid-item.post-no-transform:hover .blog-img img{transform: scale(1, 1) !important;}.blog-post.blog-post-style1:hover .blog-image img{opacity: 1; transform: scale(1) !important; transition: all 0s ease 0s;}.blog-post .blog-image li{overflow: hidden;}.blog-post .blog-image li figcaption{position: absolute; width: 100%; height: 100%; top: 0; left: 0;}.blog-post .blog-image li figcaption .portfolio-hover-main, .blog-post .blog-image li figcaption .portfolio-hover-box, .blog-post .blog-image li figcaption .portfolio-hover-content{width: 100%; height: 100%;}.blog-post .blog-image li:hover img{opacity: 0.5; transform: scale(1.2, 1.2); transition: all 0.3s ease 0s;}.blog-post .blog-image li .portfolio-hover-box{display: block;}.blog-gallery-grid{padding: 0; margin: 0; list-style: none;}.blog-post.blog-post-style2 .author img{width: 30px; display: inline-block; vertical-align: middle;}.blog-post.blog-post-style2 .author > span{max-width: calc(100% - 40px); vertical-align: middle; display: inline-block;}.blog-post-style3 .grid-item .blog-post *{transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-duration: .3s; -moz-transition-duration: .3s; -webkit-transition-duration: .3s; -o-transition-duration: .3s;}.blog-post-style3 .grid-item .blog-post .author img{width: 25px;}.blog-post-style3 .grid-item .blog-post .blog-post-images a{display: block;}.blog-post-style3 .grid-item .blog-post .blog-post-images .blog-hover-icon{position: absolute; height: 100%; width: 100%; background: rgba(0,0,0,0.5); top: 0; left: 0; text-align: center; opacity: 0; display: flex; align-items: center; justify-content: center;}.blog-post-style3 .grid-item .blog-post:hover .blog-post-images .blog-hover-icon{opacity: 1}.blog-post-style3 .grid-item .blog-post .blog-post-images .blog-hover-icon span{bottom: 5%; position: relative; font-size: 48px; color: #fff; opacity: 0}.blog-post-style3 .grid-item .blog-post:hover .blog-post-images .blog-hover-icon span{bottom: 0; opacity: 1;}.blog-post-style4 .blog-grid .grid-item figure{position: relative; overflow: hidden;}.blog-post-style4 figure figcaption{padding: 45px; bottom: 0px; position: absolute; background: rgba(0,0,0,.85); width: 100%; transition: ease-in-out 0.5s; z-index: 1;}.blog-post-style4 .grid-item figure figcaption .entry-content{margin-bottom:0; transition: none; -webkit-transition: none; -moz-transition: none; -ms-transition: none; display: none}.blog-post-style4 .grid-item figure figcaption .entry-content p:last-child{margin-bottom: 0;}.blog-post-style4 .blog-grid .grid-item .blog-img img{cursor: pointer; display: block; width: 100%; opacity: .9; transition: all 0.3s ease 0s;}.blog-post-style4 .blog-grid .grid-item:hover .blog-img img{transform: scale(1.1); opacity: .5; transition: all 0.3s ease 0s;}.blog-post-style4 .blog-grid a{position: relative; z-index:auto;}.pofo-stretch-row-container .blog-post-style4 figure figcaption{padding: 25px;}.blog-post-style4 li{padding-right: 15px; padding-left: 15px;}.blog-post-style5 .blog-post .blog-post-images{height: 100%; position: relative}.blog-post-style5 .blog-post .blog-categories{position: absolute; bottom:0; left: 0; z-index: 25; padding: 10px 20px 8px}.blog-post-style6:hover{background-color: #fff;}.blog-post-style6:hover .text-white-alt{color: #000}.blog-post-style6:hover .author:before{background-color: #000}.blog-post-style6 .author:before{width: 100px; height: 1px; background-color: #fff; opacity: 0.25; position: absolute; top: 0; left: 0; display: inline-block; content: ""}.blog-post-style7:hover{background-color: #1c1c1c; color: #fff; border-color: #1c1c1c;}.blog-post-style7:hover a{color: #fff;}.blog-post-style7 .blog-like-comment a{font-size: 11px; line-height: 14px; color: #6f6f6f; margin-right: 10px;}.blog-post-style7 .blog-like-comment a:hover, .blog-post-style7 .blog-like-comment a:hover i{color: #fff}.blog-post-style7:hover .blog-like-comment a{color: #fff;}.blog-post-style7:hover .btn{background-color: #fff; color: #000; border-color: #fff;}.pagination{border-radius: 0; padding: 0 15px; margin: 0; display: inline-block;}.pagination ul{display: inline-block; *display: inline; *zoom: 1; margin-left: 0; margin-bottom: 0; padding: 0;}.pagination li{display: inline;}.pagination a, .pagination span.dots{float: left; padding: 0 18px; line-height: 40px; text-decoration: none; border: 1px solid #ddd; border-left-width: 0; background: #fff}.pagination a:hover, .pagination .active a{background-color: #f5f5f5;}.pagination .active a{color: #999999; cursor: default;}.pagination span.current{background-color: #f5f5f5; color: #999999; cursor: default; float: left; padding: 0 18px; line-height: 40px; text-decoration: none; border: 1px solid #ddd; border-left-width: 0;}.pagination a.prev{border-left: 1px solid #ddd;}.pagination span:nth-child(1){border-left: 1px solid #ddd;}.pagination .disabled span, .pagination .disabled a, .pagination .disabled a:hover{color: #999999; background-color: transparent; cursor: default;}.pagination li:first-child a{border-left-width: 1px;}.pagination-centered{text-align: center;}.pagination-right{text-align: right;}.page-links{padding: 50px 0; float: left; width: 100%;}.page-links > .inner-page-links{display: inline-block;}.page-links a{float: left; padding: 0 18px; line-height: 40px; text-decoration: none; border: 1px solid #ddd; border-left-width: 0; background: #fff;}.page-links a:hover, .page-links > .inner-page-links > .page-number{background-color: #f5f5f5;}.page-links > .inner-page-links > .page-number{background-color: #f5f5f5; color: #999999; cursor: default; float: left; padding: 0 18px; line-height: 40px; text-decoration: none; border: 1px solid #ddd; border-left-width: 0;}.page-links .pagination-title{float: left; padding: 0 18px; line-height: 40px; text-decoration: none; border: 1px solid #ddd; background: #fff;}.panel-title{margin-top: 0; margin-bottom: 0; font-size: 16px;}.panel-group .panel-heading+.panel-collapse>.panel-body{border-top: 1px solid #ddd;}.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color: #ddd;}.accordion-style2 .panel-body p:last-child{margin-bottom: 0;}.accordion-style2 .panel{background: transparent; border: none; margin-bottom: 15px; box-shadow: none;}.accordion-style2 .panel-title{background: transparent; border: none}.accordion-style2 .panel .panel-heading{background: #fff; border-radius:0; padding:18px 40px 19px 28px; position: relative}.accordion-style2 .panel .panel-heading i{position: absolute; right: 20px; top: 18px;}.accordion-style2 .panel-body{padding: 35px 28px 25px; border-top:none}.accordion-style2 .panel-heading i{font-size: 25px; margin: 0;}.accordion-style2 .panel-title{padding: 0;}.accordion-style2 .tab-tag{font-size: 20px; padding: 0; margin-right: 7px;float: left; display: inline-block; vertical-align: top;}.accordion-style2 a, .accordion-style2 a:hover, .accordion-style2 a:hover i{color: #282828;}.accordion-style2 .accordion:last-child .panel-default{border-bottom: 1px solid rgba(0, 0, 0, 0); margin-bottom: 0;}.accordion-style2{margin-bottom: 0;}.accordion-style2 .accordion-title{display: table}.accordion-style2 a:hover{color: #fff;}.nav-tabs{display: block;}.nav-tabs>li>a.active, .nav-tabs>li>a.active:focus, .nav-tabs>li>a.active:hover{border: 0; border-bottom: 1px solid; box-shadow: none;}.tab-style2 .tab-content{padding:55px 0 0; border-top: 1px solid #e5e5e5;}.tab-style2 .nav-tabs{border:0;}.tab-style2 .nav-tabs li{border:1px solid #e5e5e5; border-bottom: none; border-radius: 0; margin-bottom: 0; display:inline-block; float:none; margin-right: 5px}.tab-style2 .nav-tabs li a{background-color:#f7f7f7; border:none; color:#575757; line-height: 44px; margin:0!important; padding: 0 25px; border-radius: 0;}.tab-style2 .nav-tabs li a i{margin-right: 8px; color: #575757; vertical-align: middle;}.tab-style2 .nav-tabs > li > a.active{border-color:transparent; border: none; border-radius:0; background:#fff; z-index: 9; color:#575757; top: 1px;}.testimonial-style2 .profile-box{margin-top: -50px; position: relative;}.testimonial-style3 .arrow-bottom:after{border-top-color: #d6d5d5; left: 15%; border-width: 10px; margin-left: -10px;}.testimonial-box .image-box{display: table-cell; vertical-align: middle}.testimonial-box .name-box{display: table-cell; vertical-align: middle}.blog-comment{list-style: none; margin: 0; padding: 0;}.blog-comment li{padding: 50px 0; border-bottom: 1px solid #ededed; position: relative; list-style: none; clear: both;}.blog-comment li img{border-radius: 50%; width: 85%;}.blog-comment li .comment-text{margin-top: 10px;}.blog-comment li .btn-reply{float: right; border: 1px solid #ededed; padding: 6px 8px 5px; line-height: normal; font-size: 10px; font-weight: 500; position: relative;}.blog-comment > li:first-child{padding-top: 0}.blog-comment li:last-child{border-bottom: none; padding-bottom: 0}.blog-comment li ul.children{margin-left: 40px; list-style: none; clear: both;}.blog-comment li ul.children li{border: none; padding-bottom: 0; border-top: 1px solid #ededed; margin-top: 50px}.blog-comment-form input{box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none;}.category-blog-list:last-child > div{border: 0 !important;}.blog-comment li > div:first-child{position: relative;}.blog-comment li > div:first-child .comment-awaiting-moderation{position: absolute; right: 0; top: 30px; color: #8a6d3b;}.pofo-right-border-style{border-right: 1px solid #363636;}.pofo-right-border-style:last-child{border: 0;}.footer-bottom .footer-right-text a{margin-right: 3px}.footer-bottom .footer-right-text a:last-child{margin-right: 0; margin-left: 3px}.blog-post-sticky{background-color: #f7f7f7; padding: 45px; padding-bottom: 0; border: 1px solid #e8e8e8;}div.wpcf7-response-output{padding: 10px; clear: both; width: 100%; font-weight: 500; text-align: center; margin-right: 0; margin-left: 0; box-sizing: border-box; float: left;}.sidebar div.wpcf7-response-output{padding: 5px 10px; line-height: 18px; font-size: 12px;}.white-popup-block .wpcf7-response-output{float: none; margin-bottom: 0;}.wpcf7 form .wpcf7-response-output{margin-left: 0; margin-right: 0;}.mfp-wrap .wpcf7 form .wpcf7-response-output{margin-top: 1em;}@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx){.logo{display: none !important;}.retina-logo{display: inline-block !important;}}.pofo-stretch-content, .vc_row-o-full-height{visibility: hidden; opacity: 0;}body.pofo-ready .pofo-stretch-content, body.pofo-ready .vc_row-o-full-height{visibility: visible; opacity: 1;}@media (prefers-reduced-motion: no-preference){:root{scroll-behavior: auto;}}.entry-content .vc_col-has-fill > .vc_column-inner, .entry-content .vc_row-has-fill + .vc_row-full-width + .vc_row > .vc_column_container > .vc_column-inner, .entry-content .vc_row-has-fill + .vc_row > .vc_column_container > .vc_column-inner, .entry-content .vc_row-has-fill + .vc_vc_row > .vc_row > .vc_vc_column > .vc_column_container > .vc_column-inner, .entry-content .vc_row-has-fill + .vc_vc_row_inner > .vc_row > .vc_vc_column_inner > .vc_column_container > .vc_column-inner, .entry-content .vc_row-has-fill > .vc_column_container > .vc_column-inner, .entry-content .vc_row-has-fill > .vc_row > .vc_vc_column > .vc_column_container > .vc_column-inner, .entry-content .vc_row-has-fill > .vc_vc_column_inner > .vc_column_container > .vc_column-inner, .entry-content .vc_section.vc_section-has-fill, .entry-content .vc_section.vc_section-has-fill + .vc_row-full-width + .vc_section, .entry-content .vc_section.vc_section-has-fill + .vc_section{padding-top: 0;}.compose-mode .vc_vc_row section.vc_row{padding-top: 130px}.vc_element.vc_pofo_button{display: inline-block !important;}.wpb_content_element, ul.wpb_thumbnails-fluid > li{margin-bottom: 0;}.compose-mode .vc-main-sortable-container > .vc_empty-placeholder{margin-bottom: 0;}.wpb_gmaps_widget .wpb_wrapper{background-color: inherit; padding: 0;}.vc_element.vc_pofo_portfolio_slider{position: inherit;}.pofo-video-wrapper{position: relative; z-index: 0;}.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner .vc_icon_element-icon:before{font-weight: 900;}.parallax .vc_controls > .vc_controls-out-tl{top: 0;}.vc_row-o-equal-height.pofo-featurebox-equal-height .wpb_wrapper, .vc_row-o-equal-height.pofo-featurebox-equal-height .wpb_wrapper .pofo-featurebox{height: 100%;}.vc_row-o-equal-height.vc_row-o-content-middle.pofo-featurebox-equal-height .wpb_wrapper{height: 100%; display: table; width: 100%}.vc_row-o-equal-height.vc_row-o-content-middle.pofo-featurebox-equal-height .wpb_wrapper .pofo-featurebox{height: 100%; display: table-cell; vertical-align: middle; width: 100%}.vc_row-o-equal-height.vc_row.vc_row-o-content-middle.pofo-featurebox-equal-height .vc_column_container .vc_column-inner{-webkit-box-pack: inherit; -webkit-justify-content: inherit; -ms-flex-pack: inherit; justify-content: inherit;}.vc_row-o-equal-height.vc_row-o-content-middle.pofo-featurebox-equal-height .wpb_wrapper .vc_pofo_feature_box{height: 100%; display: table; width: 100%}.vc_row-o-equal-height.vc_row-o-content-top.pofo-featurebox-equal-height .wpb_wrapper{height: 100%; display: table; width: 100%}.vc_row-o-equal-height.vc_row-o-content-top.pofo-featurebox-equal-height .wpb_wrapper .pofo-featurebox{height: 100%; display: table-cell; vertical-align: top; width: 100%}.vc_row-o-equal-height.vc_row.vc_row-o-content-top.pofo-featurebox-equal-height .vc_column_container .vc_column-inner{-webkit-box-pack: inherit; -webkit-justify-content: inherit; -ms-flex-pack: inherit; justify-content: inherit;}.vc_row-o-equal-height.vc_row-o-content-top.pofo-featurebox-equal-height .wpb_wrapper .vc_pofo_feature_box{height: 100%; display: table; width: 100%}.vc_row-o-equal-height.vc_row-o-content-bottom.pofo-featurebox-equal-height .wpb_wrapper{height: 100%; display: table; width: 100%}.vc_row-o-equal-height.vc_row-o-content-bottom.pofo-featurebox-equal-height .wpb_wrapper .pofo-featurebox{height: 100%; display: table-cell; vertical-align: bottom; width: 100%}.vc_row-o-equal-height.vc_row.vc_row-o-content-bottom.pofo-featurebox-equal-height .vc_column_container .vc_column-inner{-webkit-box-pack: inherit; -webkit-justify-content: inherit; -ms-flex-pack: inherit; justify-content: inherit;}.vc_row-o-equal-height.vc_row-o-content-bottom.pofo-featurebox-equal-height .wpb_wrapper .vc_pofo_feature_box{height: 100%; display: table; width: 100%}.single-post .social-icon-style-8 ul li a, .single-post .social-icon-style-9 ul li a{width: 30px; height: 30px;}.pofo-cookie-policy-wrapper{top: 0 !important;bottom: 0;position: fixed;width: 100%;height: 100%;z-index: 9999;background-color: rgba(23, 23, 23, .8);}.cookie-container{background-color: #fff;position: absolute;bottom: 0;width: 100%;padding: 20px 30px;text-align: center;}.cookie-container .pofo-cookie-policy-text{color: #232323;font-weight: 400;font-size: 12px;line-height: 18px;display: inline-block;}.cookie-container .pofo-cookie-policy-text a{text-decoration: underline;color: #232323;}.cookie-container .pofo-cookie-policy-text a:hover{text-decoration: none;}.cookie-container .btn{display: inline-block;margin-left: 25px;}.pofo-cookie-policy-wrapper.left-content .cookie-container{width: 330px;padding: 25px;margin: 0 0 15px 15px;}.pofo-cookie-policy-wrapper.left-content .cookie-container .pofo-cookie-policy-text{width: 100%;margin-bottom: 20px;}.pofo-cookie-policy-wrapper.left-content .cookie-container .btn{width: 100%;margin: 0;}.pofo-cookie-policy-wrapper.right-content .cookie-container{right: 0;left: inherit;width: 330px;padding: 25px;margin: 0 15px 15px 0;}.pofo-cookie-policy-wrapper.right-content .cookie-container .pofo-cookie-policy-text{width: 100%;margin-bottom: 20px;}.pofo-cookie-policy-wrapper.right-content .cookie-container .btn{width: 100%;margin: 0;}body.single-product .social-icon-style-7 a.twitter:hover{border-color: #000000; background-color: #000000; color: #ffffff;}.text-right{text-align: right;}.text-left{text-align: left;}.text-justify{text-align: justify;} /* ZBS compatibility additions */ #masthead .zbs-logo-wrap{font-size:inherit;line-height:normal;margin:0;padding:0;} #masthead a.logo-light img,#masthead a.logo-dark img{width:auto!important;height:auto!important;} /* Routine UI motion only. Do not reintroduce transition:all on arbitrary content descendants. */ a,.btn{transition-property:color,background-color,border-color,opacity,transform,box-shadow;} /* ============================================================ * ZBS targeted fixes after POFO CSS declutter * Keep useful motion/overlays without restoring global transition:all. * ============================================================ */ /* POFO/WPBakery row overlays used on Home and other rich pages. */ .bg-overlay { position: absolute; height: 100%; width: 100%; top: 0; left: 0; } /* Feature Box 8: preserve the original smooth hover effect, but only on properties that actually animate. */ .feature-box-8 .feature-box-overlay { transition: height .2s ease-in-out, background-color .2s ease-in-out; } .feature-box-8 div, .feature-box-8 p, .feature-box-8 a.feature-title-link { transition: color .2s ease-in-out; } .feature-box-8 .icon-round-small { transition: background-color .2s ease-in-out, color .2s ease-in-out; } /* ============================================================ * ZBS targeted fixes v4 * - restore POFO opacity overlays used by standard page headers * - replace removed Font Awesome accordion chevrons with pure CSS * - give CF7 submit buttons an explicit POFO-like base style * * NOTE FOR FUTURE DECLUTTER PASSES: * Do not restore POFO's global transition rules. When a component loses * a useful hover animation, restore transition only on that component * and only for properties that actually change. * ============================================================ */ /* POFO opacity overlays. Several standard page headers use these classes rather than .bg-overlay, e.g. .opacity-medium. */ .opacity-very-light, .opacity-light, .opacity-extra-medium, .opacity-medium, .opacity-full, .opacity-full-dark { position: absolute; height: 100%; width: 100%; top: 0; left: 0; } .opacity-very-light { opacity: .2; } .opacity-light { opacity: .3; } .opacity-extra-medium { opacity: .5; } .opacity-medium { opacity: .75; } .opacity-full { opacity: .8; } .opacity-full-dark { opacity: .9; } /* ============================================================ * ZBS targeted fix v5: homepage middle CTA and Lighthouse * * WHY THIS EXISTS: * The three CTA buttons in the "BRZMI CIEKAWIE?" row have the same * base POFO classes. The middle box (.featurebox34-2) is different only * because POFO injects its custom component CSS late, from JavaScript near * the end of the document: * * .featurebox34-2 a.btn { background-color:#ff214f; } * .featurebox34-2 a.btn, * .featurebox34-2 a.btn i { color:#fff; } * * Our decluttered CSS intentionally keeps a small transition-property list * on links/buttons. When the late POFO style is appended after first paint, * only this middle CTA changes from the base dark/transparent appearance to * pink/white. Lighthouse therefore sees a real load-time color transition * only on this one button, even though all three buttons share the same * markup classes. * * Fix: declare the final middle-CTA state in the render-blocking stylesheet. * POFO may still append the same rule later, but it no longer changes any * computed value, so no load-time animation is created. This is deliberately * NOT a global removal of button transitions: useful hover transitions stay. * ============================================================ */ .featurebox34-2 a.btn { background-color: #ff214f; color: #fff; } .featurebox34-2 a.btn i { color: #fff; } /* ============================================================ * ZBS targeted fixes v6: Course Online / non-sticky HERO / pricing * * CONTEXT FOR FUTURE MAINTENANCE: * pofo-style-rich.css was intentionally generated from a small audited set * of representative Rich pages. A later audit of page ID 29271 (Kurs Online) * exposed a few legitimate POFO utility classes/components that were not * present on the original representative pages and therefore got removed. * * IMPORTANT: restore only the exact primitives used by real markup. Do not * re-import the whole POFO utility library or the old global transition rules. * ============================================================ */ /* NOTE v7: the temporary .navbar-non-sticky-top positioning patch from v6 * was intentionally REMOVED. The affected page had a non-default POFO header * setting; the user corrected that setting in WP admin. Do not re-add a CSS * override for it unless a future page genuinely requires that header mode. */ /* Pricing table primitives used by page ID 29271. * These are generic POFO utilities, not a separate "pricing plugin". Their * absence caused the course comparison cards to lose padding, list separators, * circle/icon framing and several spacing rules. */ .bg-very-light-gray { background-color: #fafafa; } .box-shadow-light { box-shadow: 0 0 3px rgba(0,0,0,.1); } .border-all { border: 1px solid #ededed; } .border-width-1 { border-width: 1px; } .border-color-extra-light-gray { border-color: #ededed; } .padding-30px-all { padding: 30px; } .padding-55px-all { padding: 55px; } .margin-35px-top { margin-top: 35px; } .list-style-6 { list-style: none; margin: 0; padding: 0; } .list-style-6 li { position: relative; padding: 0 0 8px 0; margin: 0 0 8px 0; border-bottom: 1px solid rgba(0,0,0,.1); } .list-style-6 li span { position: absolute; top: 3px; right: 0; } .list-style-6 li:last-child { border-bottom: none; } .list-style-6 li:before { content: ""; } /* The old Font Awesome glyph itself is intentionally NOT restored. The white * circular icon holder returns because its padding/shadow/radius utilities are * restored. Replace the FA glyphs separately with a modern icon when desired. */ /* POFO button size family. * Keep all five declarations even if the current audit does not hit every size. * This costs almost nothing and prevents a future WPBakery button from silently * falling back to the wrong padding just because it uses another standard size. */ .btn.btn-very-small { font-size: 9px; padding: 1px 17px; line-height: 22px; } .btn.btn-small { font-size: 11px; padding: 4px 24px; } .btn.btn-medium { font-size: 12px; padding: 6px 25px 5px; } .btn.btn-large { font-size: 13px; padding: 9px 34px; line-height: 25px; } .btn.btn-extra-large { font-size: 15px; padding: 12px 40px 13px; line-height: 25px; } /* ============================================================ * ZBS pricing icon holders without Font Awesome - v8 * * POFO's pricing markup uses an empty after Font Awesome removal. The * original footprint came from icon font-size plus padding-30px-all. Preserve * that footprint explicitly so pricing cards keep their designed geometry. * icon-large: 50px glyph + 60px padding ~= 110px. * icon-medium: 35px glyph + 60px padding ~= 95px. * A future SVG can be inserted inside these holders without changing layout. * ============================================================ */ .pricing-style-1 .pricing-title > i.icon-large, .pricing-style-1 .pricing-title > i.icon-medium { box-sizing: border-box; padding: 0 !important; display: inline-flex !important; align-items: center; justify-content: center; } .pricing-style-1 .pricing-title > i.icon-large { width: 110px; height: 110px; } .pricing-style-1 .pricing-title > i.icon-medium { width: 95px; height: 95px; } /* ============================================================ * ZBS accordion-style1 restore - v8 * * Meetup speaker/workshop accordions use POFO accordion-style1 with Themify * ti-plus icons. This component was absent from the original Rich audit and * was therefore accidentally dropped by selector-level decluttering. * Restore the original POFO rules verbatim. Themify remains intentionally * loaded, so there is no need for an icon replacement here. * ============================================================ */ .accordion-style1 .panel {background: transparent; box-shadow: none; margin-top: 0 !important} .accordion-style1.panel-group .panel-heading {border: 0px; border-bottom: 1px solid #e4e4e4;} .accordion-style1.panel-group .panel-heading a:focus {color: #6f6f6f;} .accordion-style1 .panel-heading {padding: 16px 0;} .accordion-style1 .panel-title, .toggles .panel-title {font-size: 13px; padding-right: 30px;position: relative;} .accordion-style1 .panel-title > span.pull-right, .toggles .panel-title > span.pull-right {position: absolute; right: 0; top: 0;} .accordion-style1 .panel-heading i {font-size: 12px; color: #626262} .accordion-style1.panel-group .panel-heading+.panel-collapse>.list-group, .accordion-style1.panel-group .panel-heading+.panel-collapse>.panel-body {border-top:0; padding: 25px 0} .accordion-style1 .panel-body p:last-child, .accordion-style2 .panel-body p:last-child {margin-bottom: 0;} /* ============================================================ * ZBS accordion-style2 base restore - v12 * * WHY THIS EXISTS: * The selector-level parent CSS declutter originally removed the desktop/base * POFO accordion-style2 rules because our early reference set did not expose * the component reliably. Later responsive patches made the component look * correct below 992px, but desktop then fell back to almost unstyled markup: * the number sat too close to the title and the removed Font Awesome chevron * had no replacement. * * Restore POFO's small original Style 2 rule family as the BASE behaviour. * The mobile/tablet file intentionally overrides the title layout with a * 3-column grid (number | text | chevron) below 992px. Do not replace this * base block with global accordion rules; Style 1 on Meetup is a different * component and is restored separately above. * ============================================================ */ .accordion-style2 .panel { background: transparent; border: none; margin-bottom: 15px; box-shadow: none; } .accordion-style2 .panel-title { background: transparent; border: none; padding: 0; } .accordion-style2 .panel .panel-heading { background: #fff; border-radius: 0; padding: 18px 40px 19px 28px; position: relative; } .accordion-style2 .panel-body { padding: 35px 28px 25px; border-top: none; } .accordion-style2 .tab-tag { font-size: 20px; padding: 0; margin-right: 7px; float: left; display: inline-block; vertical-align: top; } .accordion-style2 .accordion-title { display: table; } .accordion-style2 a, .accordion-style2 a:hover, .accordion-style2 a:hover i { color: #282828; } .accordion-style2 .accordion:last-child .panel-default { border-bottom: 1px solid rgba(0,0,0,0); margin-bottom: 0; } .accordion-style2 { margin-bottom: 0; } /* Font Awesome is intentionally gone. Recreate only the missing down-chevron * in CSS. It is centred geometrically in the heading and rotates when our * main-rich.js adds .active-accordion. */ .accordion-style2 .panel-heading i.fa-angle-down { position: absolute; right: 20px; top: 50%; width: 12px; height: 12px; margin: 0 !important; font-size: 0; border-right: 2px solid #ff214f; border-bottom: 2px solid #ff214f; transform: translateY(-50%) rotate(45deg); transform-origin: 50% 50%; transition: transform .2s ease-in-out; } .accordion-style2 .panel-heading.active-accordion i.fa-angle-down { transform: translateY(-50%) rotate(225deg); } /* ============================================================ * ZBS accordion style 2 - desktop optical spacing * ------------------------------------------------------------ * POFO's desktop panel-heading uses 28px left padding. Keep the number at * that original inset, but use the SAME 28px as the gap between the number * and the question title. This makes the two horizontal gutters visually * balanced without touching the mobile/tablet grid, which is defined in * pofo-responsive-rich.css. * ============================================================ */ @media (min-width: 992px) { .accordion-style2 .tab-tag { margin-right: 28px; } } /* ============================================================ * ZBS v14 - portfolio hover link icon after Font Awesome removal * ------------------------------------------------------------ * POFO's Hover Option 6 sizes only the legacy i.fa-link glyph. * Our markup now uses Themify's i.ti-link, so without this mirror rule * the glyph inherits the normal small icon size and looks lost inside * the original 46px white circle. Keep the POFO geometry; only teach * the same component about the replacement icon class. * ============================================================ */ .hover-option6 .grid-item .portfolio-icon i.ti-link { font-size: 20px; position: relative; top: 11px; } /* Rich Portfolio: stable cover position and heading font for the training banner. */ .szkolenia-cover{background-position:0 0 !important;} .baner-szkolenia h2{font-family:"Montserrat",sans-serif;} /* Rich Portfolio cover: one consistent readability overlay on desktop and mobile. */ .single-portfolio .szkolenia-cover > .row-bg-overlay { opacity: .75 !important; } /* ============================================================ * ZBS v20 - PORTFOLIO STYLE 5 / "INNER OVERLAY" * ------------------------------------------------------------ * Intentional global redesign of POFO hover-option5 on Rich pages. * WordPress/Portfolio markup and automatic tag-driven population stay intact. * * NORMAL STATE: * - image remains visible under a high-opacity white overlay; * - title is permanently visible (important on touch devices: no hover needed); * - part keeps Zero BS pink emphasis; * - POFO decorative separator is hidden; subtitles are not required. * * HOVER / KEYBOARD FOCUS: * - overlay changes to a darker Zero BS pink chosen to keep white text readable; * - all title text becomes white. * * This is BASE component CSS, deliberately not a tablet/mobile patch. * Same component works above and below the project's single 991px breakpoint. * ============================================================ */ .hover-option5 .grid-item figcaption { opacity: 1 !important; visibility: visible !important; pointer-events: none; } .hover-option5 .grid-item .portfolio-hover-main { opacity: 1 !important; visibility: visible !important; } .hover-option5 .grid-item .portfolio-hover-box { background: rgba(255,255,255,.88) !important; box-shadow: 0 0 0 5px rgba(255,255,255,.88); transition: background-color .20s ease-in-out, box-shadow .20s ease-in-out; } .hover-option5 .grid-item .portfolio-hover-content { opacity: 1 !important; visibility: visible !important; } .hover-option5 .grid-item .portfolio-hover-content .separator-line-horrizontal-full { display: none !important; } /* User deliberately does not use Portfolio subtitles in this catalogue. */ .hover-option5 .grid-item .portfolio-hover-content p { display: none !important; } .hover-option5 .grid-item .portfolio-hover-content span, .hover-option5 .grid-item .portfolio-hover-content a, .hover-option5 .grid-item .portfolio-hover-content strong { transition: color .20s ease-in-out; } .hover-option5 .grid-item .portfolio-hover-content span, .hover-option5 .grid-item .portfolio-hover-content a { color: #232323 !important; } .hover-option5 .grid-item .portfolio-hover-content strong { color: #ff214f !important; font-weight: 600; } .hover-option5 .grid-item:hover .portfolio-hover-box, .hover-option5 .grid-item:focus-within .portfolio-hover-box { background: rgba(229,27,71,.94) !important; box-shadow: 0 0 0 5px rgba(229,27,71,.94); } .hover-option5 .grid-item:hover .portfolio-hover-content span, .hover-option5 .grid-item:hover .portfolio-hover-content a, .hover-option5 .grid-item:hover .portfolio-hover-content strong, .hover-option5 .grid-item:focus-within .portfolio-hover-content span, .hover-option5 .grid-item:focus-within .portfolio-hover-content a, .hover-option5 .grid-item:focus-within .portfolio-hover-content strong { color: #fff !important; } /* The whole portfolio item is already linked by POFO. Ensure the visible * overlay never steals pointer events from that semantic link. */ .hover-option5 .grid-item figcaption * { pointer-events: none; } /* ============================================================ * ZBS post-v20 recovery: POFO standard icon-size utilities * Restored from original POFO style.css after audit found that * the decluttered Rich CSS omitted edge sizes such as extra-large. * Keep the complete standard size family together. * ============================================================ */ .icon-very-small {font-size:16px;} .icon-small {font-size:24px;} .icon-medium {font-size:35px;} .icon-extra-medium {font-size:40px;} .icon-large {font-size:50px;} .icon-extra-large {font-size:60px;} /* ============================================================ * ZBS post-v20 recovery: hover-option5 fixed-height inner panel * Confirmed visually before the broken stale-base patch. * Global to the hover-option5 design on Rich pages, not page IDs. * Mobile width refinement remains intentionally separate/pending. * ============================================================ */ .portfolio-grid.hover-option5 .grid-item figcaption { display:flex !important; align-items:center !important; height:100% !important; padding:20px !important; } .portfolio-grid.hover-option5 .grid-item .portfolio-hover-main { position:static !important; top:auto !important; bottom:auto !important; transform:none !important; width:100% !important; height:60% !important; display:table !important; } .portfolio-grid.hover-option5 .grid-item .portfolio-hover-box { height:100% !important; } /* ============================================================ * ZBS safety restore: POFO special-character size utilities * Original POFO 3.1 values. Separate family from .icon-* utilities. * ============================================================ */ .special-char-small{font-size:40px;line-height:60px;} .special-char-medium{font-size:80px;line-height:120px;} .special-char-large{font-size:140px;line-height:120px;} .special-char-extra-large{font-size:200px;line-height:150px;} /* POFO positioning utilities still used by decorative special characters. */ .position-absolute{position:absolute !important;} .left-0{left:0;} .top-0{top:0 !important;} /* Rich Portfolio cover is safe to paint before the generic WPBakery layout gate opens. */ .single-portfolio .szkolenia-cover.vc_row-o-full-height{ visibility:visible; opacity:1; } /* ZBS global header: logo, menu, hover and native smooth scroll. */ header a.logo-light img{max-height:70px;margin-top:20px;} header a.logo-dark img{max-height:50px;margin:10px 0;} header nav.navbar.bootsnav .navbar-nav>li>a{font-weight:500!important;} header nav .navbar-nav>li>a{margin:0 15px;} header.sticky nav.navbar.bootsnav .navbar-nav a:hover{color:#ff214f!important;} .nav-header-container i{font-size:125%!important;} html{scroll-behavior:smooth;} /* Desktop: Kontakt jako koperta. */ @media (min-width:992px){ header#masthead nav .navbar-nav>li>a[href$="/kontakt/"]{display:inline-flex;align-items:center;justify-content:center;width:32px;font-size:0;} header#masthead nav .navbar-nav>li>a[href$="/kontakt/"]::before{display:block;width:29px;height:23px;content:"";transform:translateY(-2px);background-color:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3.5 6.5h17v11h-17zM4 7l8 6 8-6' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3.5 6.5h17v11h-17zM4 7l8 6 8-6' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;} } /* Desktop 992–1199: luka między gridem Bootstrap i hamburgerem POFO. */ @media (min-width:992px) and (max-width:1199px){ header#masthead nav .row>.col-lg-2.col-5{flex:1 1 0;width:auto;max-width:none;min-width:180px;} header#masthead nav .row>.accordion-menu{flex:0 0 auto;width:auto;max-width:none;} header#masthead nav .navbar-nav>li>a{margin-right:9px;margin-left:9px;} } /* POFO utilities used by buttons with an icon before their label. */ .margin-5px-right{margin-right:5px;} .no-margin-left{margin-left:0!important;} .padding-20px-left{padding-left:20px;} /* Selected Themify classes keep their existing names. The SVG mask is applied * only to ::before, so POFO containers such as icon-round-small remain intact. */ .ti-linkedin::before, .ti-facebook::before, .ti-youtube::before, .ti-wallet::before, .ti-ruler-pencil::before, .ti-user::before, .ti-light-bulb::before, .ti-save::before, .ti-widget-alt::before{content:"";display:inline-block;width:1em;height:1em;background-color:currentColor;vertical-align:-.12em;-webkit-mask:var(--zbs-icon) center/contain no-repeat;mask:var(--zbs-icon) center/contain no-repeat;} .ti-linkedin{--zbs-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z'/%3E%3C/svg%3E");} .ti-facebook{--zbs-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64h98.2V334.2H109.4V256h52.8V222.3c0-87.1 39.4-127.5 125-127.5c16.2 0 44.2 3.2 55.7 6.4V172c-6-.6-16.5-1-29.6-1c-42 0-58.2 15.9-58.2 57.2V256h83.6l-14.4 78.2H255V480H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64z'/%3E%3C/svg%3E");} .ti-youtube{--zbs-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M61 17C60 12 57 8 52 7C47 6 32 6 32 6C32 6 17 6 12 7C7 8 4 12 3 17C2 22 2 32 2 32C2 32 2 42 3 47C4 52 7 56 12 57C17 58 32 58 32 58C32 58 47 58 52 57C57 56 60 52 61 47C62 42 62 32 62 32C62 32 62 22 61 17ZM25 43V21L44 32L25 43Z'/%3E%3C/svg%3E");} .ti-wallet{--zbs-icon:url("data:image/svg+xml,%3Csvg%20xmlns=%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox=%220%200%20512%20512%22%3E%3Cpath%20fill=%22%23000%22%20fill-rule=%22evenodd%22%20d=%22M348.6,37.8L365.1,56.2L365.1,80.0L322.9,155.2L341.2,173.5L344.9,173.5L398.1,228.5L427.4,268.8L442.1,296.3L454.9,331.2L462.2,369.7L462.2,408.2L451.2,437.5L429.2,461.3L414.6,470.5L396.2,476.0L119.4,476.0L99.2,470.5L68.1,446.7L55.2,424.7L49.8,402.7L51.6,364.2L62.6,316.5L84.6,270.7L123.1,219.3L190.9,155.2L148.8,81.8L146.9,59.8L150.6,50.7L159.8,41.5L172.6,36.0ZM436.6,397.2L431.1,345.8L421.9,318.3L405.4,285.3L374.2,243.2L302.8,173.5L211.1,173.5L189.1,195.5L185.4,195.5L135.9,246.8L102.9,292.7L84.6,336.7L77.2,380.7L79.1,410.0L88.2,428.3L102.9,441.2L124.9,448.5L394.4,448.5L412.7,439.3L427.4,424.7ZM174.4,65.3L176.2,76.3L218.4,146.0L297.2,146.0L326.6,89.2L339.4,70.8L335.7,63.5ZM260.6,400.8L245.9,397.2L242.2,380.7L220.2,380.7L212.9,377.0L209.2,371.5L209.2,360.5L214.8,353.2L222.1,351.3L278.9,351.3L284.4,344.0L282.6,333.0L275.2,327.5L227.6,320.2L209.2,307.3L201.9,292.7L201.9,270.7L207.4,259.7L218.4,248.7L242.2,241.3L245.9,224.8L253.2,221.2L260.6,221.2L267.9,226.7L269.8,241.3L288.1,241.3L293.6,245.0L297.2,250.5L297.2,261.5L286.2,270.7L234.9,270.7L229.4,276.2L229.4,287.2L234.9,292.7L286.2,301.8L299.1,309.2L310.1,327.5L310.1,353.2L304.6,364.2L284.4,378.8L269.8,380.7L269.8,391.7Z%22%2F%3E%3C%2Fsvg%3E");} .ti-ruler-pencil{--zbs-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cpath d='M18 82L52 48C47 36 50 24 59 15C68 6 82 4 94 9L79 24L83 38L97 42L112 27C117 39 114 53 105 62C96 71 84 74 72 69L38 103C32 109 23 109 18 103C12 98 12 88 18 82Z' fill='none' stroke='black' stroke-width='8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");} .ti-user{--zbs-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96'%3E%3Cg fill='none' stroke='black' stroke-width='6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='48' cy='29' r='13'/%3E%3Cpath d='M27 82C27 63 35 51 48 51S69 63 69 82'/%3E%3Ccircle cx='15' cy='38' r='9'/%3E%3Cpath d='M2 78C2 64 8 55 18 55C21 55 24 56 26 57'/%3E%3Ccircle cx='81' cy='38' r='9'/%3E%3Cpath d='M94 78C94 64 88 55 78 55C75 55 72 56 70 57'/%3E%3C/g%3E%3C/svg%3E");} .ti-light-bulb{--zbs-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke='black' stroke-width='7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M60 13C39 13 25 28 25 47C25 61 33 71 43 80V91C43 102 50 109 60 109C70 109 77 102 77 91V80C87 71 95 61 95 47C95 28 81 13 60 13Z'/%3E%3Cpath d='M43 89H77M60 35V58M22 16L14 9M98 16L106 9M13 47H2M107 47H118M22 78L14 85M98 78L106 85'/%3E%3Ccircle cx='60' cy='69' r='3.5' fill='black' stroke='none'/%3E%3C/g%3E%3C/svg%3E");} .ti-save{--zbs-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96'%3E%3Cg fill='none' stroke='black' stroke-width='6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='22' y='5' width='52' height='86' rx='8'/%3E%3Cpath d='M22 18H74M22 76H74'/%3E%3Ccircle cx='48' cy='84' r='2.5' fill='black' stroke='none'/%3E%3C/g%3E%3C/svg%3E");} .ti-widget-alt{--zbs-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96'%3E%3Cg fill='none' stroke='black' stroke-width='6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='8' y='29' width='80' height='55' rx='6'/%3E%3Cpath d='M34 29V20C34 15 38 11 43 11H53C58 11 62 15 62 20V29M8 49C28 61 68 61 88 49'/%3E%3Crect x='43' y='54' width='10' height='11' rx='1'/%3E%3C/g%3E%3C/svg%3E");} .btn .ti-linkedin::before,.btn .ti-facebook::before,.btn .ti-youtube::before,.btn .ti-wallet::before,.btn .ti-ruler-pencil::before,.btn .ti-user::before,.btn .ti-light-bulb::before,.btn .ti-save::before,.btn .ti-widget-alt::before{width:1.15em;height:1.15em;} /* POFO adds margin-5px-* to the icon element. Text nodes do not participate in * :first-child/:last-child, so the spacing must follow those explicit classes. */ .btn i.margin-5px-right{margin-right:10px!important;margin-left:0!important;} .btn i.margin-5px-left{margin-left:10px!important;margin-right:0!important;} /* Portfolio transitions: animate only paint/composite-safe properties. * This removes accidental transitions of visibility reported by Lighthouse. */ .portfolio-grid .grid-item figure .portfolio-img, .portfolio-grid .grid-item figure:hover .portfolio-img, .hover-option6 .grid-item figure:hover .portfolio-img, .hover-option7 .grid-item figure:hover .portfolio-img, .hover-option11 .grid-item .portfolio-img{-webkit-transition-property:background-color,opacity,transform;transition-property:background-color,opacity,transform;} .portfolio-grid .grid-item figure img, .portfolio-grid .grid-item figure:hover img, .portfolio-grid .grid-item.portfolio-stop-zoom-on-hover figure img, .portfolio-grid .grid-item.portfolio-stop-zoom-on-hover figure:hover img, .hover-option10 .grid-item.portfolio-stop-zoom-on-hover figure .portfolio-img img, .hover-option11 .grid-item:hover .portfolio-img img{-webkit-transition-property:opacity,transform;transition-property:opacity,transform;} /* ZBS button variants. Use zbsbtn-* directly on a button or zbsbtnbox-* on * its WPBakery component wrapper. POFO keeps responsibility for dimensions. */ .btn,.btn.btn-rounded{border:1px solid transparent!important;border-radius:4px!important;} .btn.zbsbtn-red-white,.zbsbtnbox-red-white{--zbsbtn-bg:#ed1846;--zbsbtn-border:#ed1846;--zbsbtn-text:#fff;--zbsbtn-hover-bg:#fff;--zbsbtn-hover-border:#fff;--zbsbtn-hover-text:#000;} .btn.zbsbtn-transparent-white,.zbsbtnbox-transparent-white{--zbsbtn-bg:transparent;--zbsbtn-border:#fff;--zbsbtn-text:#fff;--zbsbtn-hover-bg:#fff;--zbsbtn-hover-border:#fff;--zbsbtn-hover-text:#000;} .btn.zbsbtn-transparent-black,.zbsbtnbox-transparent-black{--zbsbtn-bg:transparent;--zbsbtn-border:#232323;--zbsbtn-text:#232323;--zbsbtn-hover-bg:#232323;--zbsbtn-hover-border:#232323;--zbsbtn-hover-text:#fff;} .btn.zbsbtn-transparent-red,.zbsbtnbox-transparent-red{--zbsbtn-bg:transparent;--zbsbtn-border:#ed1846;--zbsbtn-text:#ed1846;--zbsbtn-hover-bg:#ed1846;--zbsbtn-hover-border:#ed1846;--zbsbtn-hover-text:#fff;} .btn.zbsbtn-black-red,.zbsbtnbox-black-red{--zbsbtn-bg:#232323;--zbsbtn-border:#232323;--zbsbtn-text:#fff;--zbsbtn-hover-bg:#ed1846;--zbsbtn-hover-border:#ed1846;--zbsbtn-hover-text:#fff;} .btn.zbsbtn-black-white,.zbsbtnbox-black-white{--zbsbtn-bg:#232323;--zbsbtn-border:#232323;--zbsbtn-text:#fff;--zbsbtn-hover-bg:#fff;--zbsbtn-hover-border:#fff;--zbsbtn-hover-text:#000;} a.btn.zbsbtn-red-white,a.btn.zbsbtn-transparent-white,a.btn.zbsbtn-transparent-black,a.btn.zbsbtn-transparent-red,a.btn.zbsbtn-black-red,a.btn.zbsbtn-black-white,.zbsbtnbox-red-white a.btn,.zbsbtnbox-transparent-white a.btn,.zbsbtnbox-transparent-black a.btn,.zbsbtnbox-transparent-red a.btn,.zbsbtnbox-black-red a.btn,.zbsbtnbox-black-white a.btn{background-color:var(--zbsbtn-bg)!important;border:1px solid var(--zbsbtn-border)!important;color:var(--zbsbtn-text)!important;} a.btn.zbsbtn-red-white:hover,a.btn.zbsbtn-red-white:focus,a.btn.zbsbtn-red-white:focus-visible,a.btn.zbsbtn-red-white:active,a.btn.zbsbtn-transparent-white:hover,a.btn.zbsbtn-transparent-white:focus,a.btn.zbsbtn-transparent-white:focus-visible,a.btn.zbsbtn-transparent-white:active,a.btn.zbsbtn-transparent-black:hover,a.btn.zbsbtn-transparent-black:focus,a.btn.zbsbtn-transparent-black:focus-visible,a.btn.zbsbtn-transparent-black:active,a.btn.zbsbtn-transparent-red:hover,a.btn.zbsbtn-transparent-red:focus,a.btn.zbsbtn-transparent-red:focus-visible,a.btn.zbsbtn-transparent-red:active,a.btn.zbsbtn-black-red:hover,a.btn.zbsbtn-black-red:focus,a.btn.zbsbtn-black-red:focus-visible,a.btn.zbsbtn-black-red:active,a.btn.zbsbtn-black-white:hover,a.btn.zbsbtn-black-white:focus,a.btn.zbsbtn-black-white:focus-visible,a.btn.zbsbtn-black-white:active,.zbsbtnbox-red-white a.btn:hover,.zbsbtnbox-red-white a.btn:focus,.zbsbtnbox-red-white a.btn:focus-visible,.zbsbtnbox-red-white a.btn:active,.zbsbtnbox-transparent-white a.btn:hover,.zbsbtnbox-transparent-white a.btn:focus,.zbsbtnbox-transparent-white a.btn:focus-visible,.zbsbtnbox-transparent-white a.btn:active,.zbsbtnbox-transparent-black a.btn:hover,.zbsbtnbox-transparent-black a.btn:focus,.zbsbtnbox-transparent-black a.btn:focus-visible,.zbsbtnbox-transparent-black a.btn:active,.zbsbtnbox-transparent-red a.btn:hover,.zbsbtnbox-transparent-red a.btn:focus,.zbsbtnbox-transparent-red a.btn:focus-visible,.zbsbtnbox-transparent-red a.btn:active,.zbsbtnbox-black-red a.btn:hover,.zbsbtnbox-black-red a.btn:focus,.zbsbtnbox-black-red a.btn:focus-visible,.zbsbtnbox-black-red a.btn:active,.zbsbtnbox-black-white a.btn:hover,.zbsbtnbox-black-white a.btn:focus,.zbsbtnbox-black-white a.btn:focus-visible,.zbsbtnbox-black-white a.btn:active{background-color:var(--zbsbtn-hover-bg)!important;border:1px solid var(--zbsbtn-hover-border)!important;color:var(--zbsbtn-hover-text)!important;} a.btn.zbsbtn-transparent-red i,.zbsbtnbox-transparent-red a.btn i{color:var(--zbsbtn-text)!important;} a.btn.zbsbtn-transparent-red:hover i,a.btn.zbsbtn-transparent-red:focus i,a.btn.zbsbtn-transparent-red:focus-visible i,a.btn.zbsbtn-transparent-red:active i,.zbsbtnbox-transparent-red a.btn:hover i,.zbsbtnbox-transparent-red a.btn:focus i,.zbsbtnbox-transparent-red a.btn:focus-visible i,.zbsbtnbox-transparent-red a.btn:active i{color:var(--zbsbtn-hover-text)!important;} .btn.zbsbtn-hero{padding:7px 22px!important;font-size:13px;line-height:22px;}