/*
 * Zero BS - POFO responsive CSS, RICH edition.
 * Generated from POFO responsive.css.
 *
 * IMPORTANT MAINTENANCE NOTE:
 * This file is a selector-level declutter, not a hand-written replacement.
 * We retain rules matching audited DOM plus a small explicit safety list for
 * components that remain in the site's architecture. Dead POFO systems such
 * as WooCommerce, Swiper, skillbars/counters and unused menu families are
 * intentionally excluded. If a future page exposes a missing responsive rule,
 * add the real component family/selector; do not restore the whole parent file.
 */
@media (min-width: 992px){.simple-dropdown.simple-dropdown-left > ul.dropdown-menu{left: inherit !important; right: 0 !important; text-align: right;}.simple-dropdown.simple-dropdown-left > ul.dropdown-menu > li > ul.sub-menu{left: inherit !important; right: 221px; text-align: right;}.simple-dropdown.simple-dropdown-left > ul.dropdown-menu > li > ul.sub-menu > li > ul.sub-menu{left: inherit !important; right: 221px; text-align: right;}.simple-dropdown.simple-dropdown-left > ul.dropdown-menu > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu{left: inherit !important; right: 221px; text-align: right;}.simple-dropdown.simple-dropdown-left > ul.dropdown-menu > li a i{float: left; right: inherit; left: 0;}.simple-dropdown.simple-dropdown-left > ul.dropdown-menu > li a .fa-angle-right{-ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);}nav.navbar.bootsnav .simple-dropdown.simple-dropdown-left .dropdown-menu > li{padding-left: 20px;}nav.navbar.bootsnav .simple-dropdown.simple-dropdown-left .dropdown-menu > li a{padding-left: 20px; padding-right: 0;}.navbar-nav > .simple-dropdown.simple-dropdown-left ul > li > a > i{float: right; margin-right: 0; margin-left: 5px; margin-bottom: 5px;}.simple-dropdown.simple-dropdown-left .dropdown-menu > li > a i.fa-angle-right{margin-top: -1px; margin-left: 0; margin-bottom: 0;}.simple-dropdown.simple-dropdown-left .dropdown-menu > li > ul > li > a i.fa-angle-right{margin-top: 0px; margin-left: 0; margin-bottom: 0;}.navbar-brand-top .navbar-collapse.collapse.display-inline-block{display: inline-block !important; vertical-align: middle;}.navbar-brand-top .nav-header-container{text-align: center;}.navbar-brand-top .nav-header-container .row{display: block !important; display: block !important; display: block !important;}.navbar-brand-top .brand-top-menu-right{display: inline-block; vertical-align: middle; padding-left: 5px; position: relative;}.navbar.navbar-brand-top .row > div:first-child{flex: inherit;}.navbar-brand-top .brand-top-menu-right > div:first-child{margin-left: 0;}.navbar-brand-top .brand-top-menu-right > div:first-child > div{margin-left: 0;}.portfolio-metro-grid.portfolio-grid.gutter-very-small li img{margin-bottom: -2px;}.portfolio-metro-grid.portfolio-grid.gutter-small li img{margin-bottom: -3px;}.portfolio-metro-grid.portfolio-grid.gutter-medium li img{margin-bottom: -4px;}.portfolio-metro-grid.portfolio-grid.gutter-large li img{margin-bottom: -6px;}}@media (min-width: 1025px){.container .parallax,.container-fluid .parallax{background-position-x: 0 !important;}.vc_parallax{background-position-x: 0 !important;}nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li a:hover,nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li:last-child > a{border-bottom: none;}}@media only screen and (min-width: 768px) and (max-width: 991px){.feature-box-12 .hover-content-box{top: 0; height: 100%;}.feature-box-12{text-align: center;}.feature-box-12 .feature-content-box{display: block; padding: 20px 0 0 0 !important; width: 100%;}.feature-box-12 .feature-icon-box{display: inline-block;}.feature-box-12 .feature-icon-box i{line-height: 84px;}}@media (max-width: 1500px){.feature-box-5{padding-left: 70px;}}@media (max-width: 1400px){.feature-box.feature-box-17 .box .content{top: 40px;}}@media (max-width: 1300px){.grid-item.feature-box-4 figure figcaption{width: 90%; padding: 0 0 15px 30px}}@media (max-width: 1199px){section{padding: 90px 0}h1,h2,h3,h4,h5,h6{margin:0 0 22px; padding:0; letter-spacing: 0; font-weight: 400;}h1{font-size:65px; line-height: 65px;}h2{font-size:50px; line-height:55px}h3{font-size:42px; line-height:48px}h4{font-size:35px; line-height:41px}h5{font-size:27px; line-height:32px}h6{font-size:22px; line-height:27px}.md-text-center{text-align: center !important;}.md-padding-six-all{padding:6%;}.vc_row-has-fill.md-bg-position-left-top{background-position: left top !important}.vc_row-has-fill.md-bg-position-left-center{background-position: left center !important}.vc_row-has-fill.md-bg-position-left-bottom{background-position: left bottom !important}.vc_row-has-fill.md-bg-position-center-top{background-position: center top !important}.vc_row-has-fill.md-bg-position-center-center{background-position: center center !important}.vc_row-has-fill.md-bg-position-center-bottom{background-position: center bottom !important}.vc_row-has-fill.md-bg-position-right-top{background-position: right top !important}.vc_row-has-fill.md-bg-position-right-center{background-position: right center !important}.vc_row-has-fill.md-bg-position-right-bottom{background-position: right bottom !important}.md-width-50{width:50%;}.md-width-60{width:60%;}.md-width-100{width:100%;}.md-line-height-auto{line-height: normal;}.md-clear-both{clear: both}.vc_row-has-fill.md-no-background-img{background-image: none !important}header nav .navbar-nav > li > a,header nav.navbar-brand-top .navbar-nav > li:last-child a{margin: 0 11px;}.blog-header-style1 li figure figcaption{padding:30px;}.nav.navbar-right-sidebar .dropdown.on .second-level{left: 230px}.nav.navbar-left-sidebar li{padding: 0 20px;}.nav.navbar-left-sidebar > li > ul li a{margin-right: 15px;}.sidebar-wrapper .portfolio-grid.work-4col li,.sidebar-wrapper .blog-grid.work-4col li{width: 33.33%}.feature-box-4 figure figcaption{padding: 20px ;}.feature-box-4 figure figcaption .btn{opacity: 1;}.feature-box-4 figure:hover figcaption{transform: translateY(0px); -moz-transform: translateY(0px); -webkit-transform: translateY(0px); -o-transform: translateY(0px);}.feature-box-10 .number-center::before{width: 180%;}.feature-box-10 .number-center::after{width: 180%}.feature-box-12 .hover-content-box{width: 100%;}.text-extra-large{font-size: 18px; line-height: 24px;}.portfolio-grid.work-6col li,.blog-grid.blog-6col li{width: 25%;}.portfolio-grid.work-6col li.grid-item-double,.blog-grid.blog-6col li.grid-item-double{width: 50%;}.portfolio-grid.work-5col li,.blog-grid.blog-5col li{width: 33.333%}.portfolio-grid.work-5col li.grid-item-double,.blog-grid.blog-5col li.grid-item-double{width: 50%;}.portfolio-grid.work-4col li,.blog-grid.blog-4col li{width: 33.333%;}.portfolio-grid.work-4col li.grid-item-double,.blog-grid.blog-4col li.grid-item-double{width: 66.667%;}.portfolio-grid.work-4col li.grid-item-double:last-child,.blog-grid.blog-4col li.grid-item-double:last-child{width: 100%;}nav.navbar.bootsnav li.dropdown .mega-menu-full{padding: 25px;}nav.navbar.bootsnav li.dropdown .mega-menu-full > ul > li{border-right: none;}nav.navbar.bootsnav li.dropdown .menu-back-div > ul{width: 920px;}nav.navbar.bootsnav li.dropdown .mega-menu-full > ul li a,nav.navbar.bootsnav li.dropdown .mega-menu-full > ul li.dropdown-header{padding: 0 10px 0 0; margin: 0;}nav.navbar.bootsnav li.dropdown .mega-menu-full > ul li a.dropdown-header{padding-left: 0; padding-right: 10px;}nav.navbar.bootsnav li.dropdown .mega-menu-full > ul > li:last-child img{padding-left: 10px;}.banner-style1 .feature-box.feature-box-7 .box .content{top: 50px}.banner-style1 .feature-box.feature-box-7 .box:hover .content{top: 0}.vc_row-has-fill.md-bg-position-left-top,.vc_col-has-fill .md-bg-position-left-top{background-position: left top !important}.vc_row-has-fill.md-bg-position-left-center,.vc_col-has-fill .md-bg-position-left-center{background-position: left center !important}.vc_row-has-fill.md-bg-position-left-bottom,.vc_col-has-fill .md-bg-position-left-bottom{background-position: left bottom !important}.vc_row-has-fill.md-bg-position-center-top,.vc_col-has-fill .md-bg-position-center-top{background-position: center top !important}.vc_row-has-fill.md-bg-position-center-center,.vc_col-has-fill .md-bg-position-center-center{background-position: center center !important}.vc_row-has-fill.md-bg-position-center-bottom,.vc_col-has-fill .md-bg-position-center-bottom{background-position: center bottom !important}.vc_row-has-fill.md-bg-position-right-top,.vc_col-has-fill .md-bg-position-right-top{background-position: right top !important}.vc_row-has-fill.md-bg-position-right-center,.vc_col-has-fill .md-bg-position-right-center{background-position: right center !important}.vc_row-has-fill.md-bg-position-right-bottom,.vc_col-has-fill .md-bg-position-right-bottom{background-position: right bottom !important}.portfolio-grid.portfolio-metro-grid.work-4col li{width: 50%}.portfolio-grid.portfolio-metro-grid.work-4col li.grid-item-double{width: 50%}.portfolio-grid.portfolio-metro-grid.work-4col li.grid-item-double:last-child{width: 50%;}.portfolio-grid.portfolio-metro-grid.work-6col li{width: 50%}.portfolio-grid.portfolio-metro-grid.work-6col li.grid-item-double{width: 50%}.portfolio-grid.portfolio-metro-grid.work-6col li.grid-item-double:last-child{width: 50%;}.portfolio-grid.portfolio-metro-grid.work-3col li{width: 50%}.portfolio-grid.portfolio-metro-grid.work-3col li.grid-item-double{width: 50%}.portfolio-grid.portfolio-metro-grid.work-3col li.grid-item-double:last-child{width: 50%;}.navbar-brand-top .brand-top-menu-right{padding-left: 15px;}.pofo-slider9 .btn-dual .btn{margin-bottom: 10px; margin-right: 10px !important; margin-left: 0;}.vc_row .vc_video-bg{display: none;}}@media (max-width: 1050px){.parallax,.vc_parallax{background-attachment: inherit !important; background-position: center center !important;}.feature-box.feature-box-17 .box .content{top: 50px;}.nav.navbar-left-sidebar li a{padding: 17px 0 !important;}}@media (max-width: 991px){.mfp-wrap .html5-video-1{width: 80%;}.pofo-center-logo-menu .accordion-menu{width: auto;}.center-logo-search-cart-full-width .accordion-menu .nav,.center-logo-search-cart-full-width .accordion-menu .nav:nth-child(2){width: 100% !important;}h1,h2,h3,h4,h5,h6{margin:0 0 18px; padding:0; letter-spacing: 0; font-weight: 400;}h1{font-size:57px; line-height: 58px;}h2{font-size:43px; line-height:48px}h3{font-size:36px; line-height:41px}h4{font-size:30px; line-height:35px}h5{font-size:24px; line-height:30px}h6{font-size:22px; line-height:26px}p{margin: 0 0 20px;}section{padding: 75px 0;}.vc_row-has-fill.sm-bg-position-left-top,.vc_col-has-fill .sm-bg-position-left-top{background-position: left top !important}.vc_row-has-fill.sm-bg-position-left-center,.vc_col-has-fill .sm-bg-position-left-center{background-position: left center !important}.vc_row-has-fill.sm-bg-position-left-bottom,.vc_col-has-fill .sm-bg-position-left-bottom{background-position: left bottom !important}.vc_row-has-fill.sm-bg-position-center-top,.vc_col-has-fill .sm-bg-position-center-top{background-position: center top !important}.vc_row-has-fill.sm-bg-position-center-center,.vc_col-has-fill .sm-bg-position-center-center{background-position: center center !important}.vc_row-has-fill.sm-bg-position-center-bottom,.vc_col-has-fill .sm-bg-position-center-bottom{background-position: center bottom !important}.vc_row-has-fill.sm-bg-position-right-top,.vc_col-has-fill .sm-bg-position-right-top{background-position: right top !important}.vc_row-has-fill.sm-bg-position-right-center,.vc_col-has-fill .sm-bg-position-right-center{background-position: right center !important}.vc_row-has-fill.sm-bg-position-right-bottom,.vc_col-has-fill .sm-bg-position-right-bottom{background-position: right bottom !important}.sm-text-center{text-align: center !important;}.sm-margin-15px-top{margin-top:15px !important;}.sm-margin-5px-bottom{margin-bottom:5px !important;}.sm-margin-20px-bottom{margin-bottom:20px !important;}.sm-margin-30px-bottom{margin-bottom:30px !important;}.sm-no-padding-lr{padding-left: 0 !important; padding-right: 0 !important}.sm-padding-seven-all{padding:7%;}.sm-padding-15px-all{padding:15px !important;}.sm-padding-15px-left{padding-left:15px !important;}.vc_row-has-fill.sm-bg-position-left-top{background-position: left top !important}.vc_row-has-fill.sm-bg-position-left-center{background-position: left center !important}.vc_row-has-fill.sm-bg-position-left-bottom{background-position: left bottom !important}.vc_row-has-fill.sm-bg-position-center-top{background-position: center top !important}.vc_row-has-fill.sm-bg-position-center-center{background-position: center center !important}.vc_row-has-fill.sm-bg-position-center-bottom{background-position: center bottom !important}.vc_row-has-fill.sm-bg-position-right-top{background-position: right top !important}.vc_row-has-fill.sm-bg-position-right-center{background-position: right center !important}.vc_row-has-fill.sm-bg-position-right-bottom{background-position: right bottom !important}.sm-width-60{width:60%;}.sm-width-70{width:70%;}.sm-width-100{width:100%;}.sm-clear-both{clear: both}.sm-no-border-right{border-right:0 !important}.portfolio-filter-tab-1.nav > li{margin: 10px 20px;}.portfolio-grid.work-6col li,.blog-grid.blog-6col li{width: 50%;}.portfolio-grid.work-4col li,.blog-grid.blog-4col li{width: 50%}.sidebar-wrapper .portfolio-grid.work-4col li,.sidebar-wrapper .blog-grid.work-4col li{width: 50%}.portfolio-grid.work-4col li.grid-item-double,.blog-grid.blog-4col li.grid-item-double{width:50%;}.portfolio-grid.work-4col li.grid-item-double:last-child,.blog-grid.blog-4col li.grid-item-double:last-child{width: 50%;}.portfolio-grid.work-3col li,.blog-grid.blog-3col li{width: 50%;}.portfolio-grid.work-3col li.grid-item-double,.blog-grid.blog-3col li.grid-item-double{width: 50%;}.feature-box-4 figure figcaption{width: 100%; display: table-cell; margin: 0 ; padding: 15px ; top: 0; height: 100%;}.grid-item.feature-box-4 figure figcaption .btn{opacity: 1;}.feature-box-4 figure:hover figcaption{transform: translateY(0px); -moz-transform: translateY(0px); -webkit-transform: translateY(0px); -o-transform: translateY(0px);}.vc_row-has-fill.sm-no-background-img{background-image: none !important}.blog-post-style3 .grid-item .blog-post .blog-post-images .blog-hover-icon i{font-size: 36px;}.parallax-feature-box-bottom{position: relative;}.feature-box-10 .number-center::before{width: 100%;}.feature-box-10 .number-center::after{width: 100%}.grid-item.feature-box-4 figure:hover figcaption{transform: translateY(-10px); -moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); -o-transform: translateY(-10px);}.vc_column_container:nth-child(2) .feature-box-11 .progress-line:after{visibility: hidden;}.feature-box-12 .hover-content-box{top: 0;}.feature-box-14:nth-child(even){border-right: 0}.feature-box-14{border-bottom-width: 1px}.featurebox14-sm-border-none .featurebox14{border: 0;}.mfp-close,.mfp-close:active{top: 0; right: 0;}button.mfp-arrow{background-color: #000; height: 80px; width: 80px; opacity: 1}.mfp-arrow:before{margin: 0 auto; width: 100%; height: 100%; display: inline-block; vertical-align: middle; text-align: center; line-height: 80px; border: 0}.mfp-arrow:active,.mfp-arrow:focus{margin-top: -55px}.mfp-arrow-left{left: 6px}.mfp-arrow-right{right: 6px}.portfolio-grid.work-5col li,.blog-grid.blog-5col li{width: 50%}.portfolio-grid.work-5col li.grid-item-double,.blog-grid.blog-5col li.grid-item-double{width: 50%;}.compose-mode .vc_vc_row section.vc_row{padding: 80px 0;}.compose-mode .vc_vc_row section.vc_row.big-section{padding:120px 0;}.compose-mode .vc_vc_row section.vc_row.half-section{padding:40px 0;}.pofo-single-post-meta-style{padding-left: 0; padding-right: 0;}.blog-header-style1 li.blog-column-active{width: 100%;}.blog-header-style1 li{width: 100%;}.navbar-nav > li.page_item ul.children,.navbar-nav > li.page_item > ul li > ul.children{display: block; min-width: 100%; padding: 0 0 15px; position: inherit;}.navbar-nav > li.page_item > ul li > ul.children > li:last-child,.navbar-nav > li.page_item ul.children > li:last-child{border-bottom: 0;}.navbar-nav > li.page_item > ul li > ul.children{left: 0; top: 0;}.navbar-nav > li.page_item ul.children > li{padding-left: 15px;}nav.mobile-menu ul.nav > li > a{color: #ffffff !important}nav.mobile-menu ul > li > ul > li > a,nav.mobile-menu ul > li.simple-dropdown > ul > li > ul > li > a{color: rgba(255, 255, 255, 0.6) !important}nav.mobile-menu.navbar.bootsnav li.dropdown .mega-menu-full > ul li a.dropdown-header,nav.navbar.bootsnav.mobile-menu ul.nav li.dropdown.simple-dropdown > ul > li > a{color: #ffffff !important}header nav.navbar.bootsnav.mobile-menu ul.nav > li.current-menu-ancestor > a,nav.navbar.bootsnav ul.nav li.dropdown.simple-dropdown ul.dropdown-menu > li.current-menu-item > a{color: rgba(255, 255, 255, 0.6) !important}nav.navbar.bootsnav.mobile-menu li.dropdown .mega-menu-full > ul li.current-menu-item > a,nav.mobile-menu.navbar.bootsnav li.dropdown .mega-menu-full > ul li.current-menu-ancestor a.dropdown-header,nav.mobile-menu.navbar.bootsnav li.dropdown .mega-menu-full > ul li.current-menu-ancestor a.dropdown-header,nav.mobile-menu.navbar.bootsnav li.dropdown .mega-menu-full > ul li.active a.dropdown-header,header nav.navbar.mobile-menu .navbar-nav > li > a.active,nav.navbar.bootsnav.mobile-menu ul.nav > li > a.active{color: #fff !important}nav.navbar.bootsnav.mobile-menu ul.nav li.dropdown.simple-dropdown ul.dropdown-menu > li.current-menu-ancestor > a,nav.navbar.bootsnav.mobile-menu ul.nav li.dropdown.simple-dropdown ul.dropdown-menu > li.current-menu-item > a,nav.navbar.bootsnav.mobile-menu ul.nav li.dropdown.simple-dropdown ul.dropdown-menu > li.active > a{color: #fff !important;}nav.mobile-menu.navbar.bootsnav .navbar-nav li,nav.mobile-menu.navbar.bootsnav.menu-logo-center .navbar-nav.navbar-left > li:last-child{border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important}nav.mobile-menu.navbar.bootsnav li.dropdown .mega-menu-full > ul > li > ul,nav.mobile-menu.navbar.bootsnav ul.nav .simple-dropdown ul.dropdown-menu li.dropdown ul.dropdown-menu{border-top: 1px solid rgba(255, 255, 255, 0.06) !important}nav.mobile-menu.navbar.bootsnav .navbar-nav{background-color: rgba(23, 23, 23, 0.95) !important;}nav.mobile-menu.navbar.bootsnav li.dropdown .mega-menu-full,nav.navbar.bootsnav.mobile-menu ul.nav li.dropdown.simple-dropdown > .dropdown-menu{background: #232323 !important;}nav.mobile-menu.navbar.bootsnav li.dropdown .mega-menu-full > ul > li:last-child{border: 0 none !important;}nav.mobile-menu.navbar.bootsnav li.dropdown .mega-menu-full > ul > li:last-child,nav.mobile-menu.navbar.bootsnav .navbar-nav li:last-child{border-bottom: 0 none !important;}nav.mobile-menu.navbar.bootsnav .navbar-nav li ul > li.menu-item-has-children{border-bottom: 0 none !important;}.feature-box.feature-box-17 .box .content{top: 30px;}.blog-post-style4 figure figcaption{padding: 25px;}.demo-portfolio-grid.portfolio-grid.gutter-extra-large li{padding: 20px;}nav.navbar.bootsnav .pofo-normal-menu li ul,nav.navbar.bootsnav .pofo-normal-menu li .sub-menu li ul,.navbar-nav.pofo-normal-menu > li.page_item ul.children,.navbar-nav.pofo-normal-menu > li.page_item > ul li > ul.children{display: block}nav.navbar.bootsnav .pofo-normal-menu li .sub-menu li ul,.navbar-nav.pofo-normal-menu > li.page_item ul.children,.navbar-nav.pofo-normal-menu > li.page_item > ul li > ul.children{position: inherit; left: 0; background: rgba(35,35,35,1); width: 100%; padding: 0; box-shadow: none; margin: 0; top: 0;}nav.navbar.bootsnav .pofo-normal-menu li > ul > li,.navbar-nav.pofo-normal-menu > li.page_item ul.children li{padding-left: 0; padding-right: 0;}nav.navbar.bootsnav .pofo-normal-menu .sub-menu li a,.navbar-nav.pofo-normal-menu > li.page_item ul.children li a{padding: 9px 15px 8px;}nav.navbar.bootsnav .pofo-normal-menu li .sub-menu li ul,.navbar-nav.pofo-normal-menu > li.page_item > ul li > ul.children{border-top: 1px solid rgba(255, 255, 255, 0.06)}nav.navbar.bootsnav .pofo-normal-menu li .sub-menu li ul li a,.navbar-nav.pofo-normal-menu > li.page_item > ul li > ul.children li a{font-weight: 400; padding: 9px 25px 8px}.mfp-container{padding-left: 15px; padding-right: 15px;}}@media (max-width: 768px){.cookie-container .btn{margin-left: 0;}}@media (max-width: 767px){body{font-size: 12px; line-height: 20px}.mfp-wrap .html5-video-1{width: 100%;}h1,h2,h3,h4,h5,h6{margin:0 0 17px; padding:0; letter-spacing: 0; font-weight: 400;}h1{font-size:37px; line-height: 42px;}h2{font-size:30px; line-height:36px}h3{font-size:28px; line-height:34px}h4{font-size:24px; line-height:30px}h5{font-size:20px; line-height:28px}h6{font-size:18px; line-height:23px}.xs-text-center{text-align: center !important;}.xs-vertical-align-middle{vertical-align: middle;}span.wpcf7-list-item input[type=checkbox]{margin-top: 3px}span.wpcf7-list-item input[type=radio]{margin-top: 3px}.xs-margin-10px-top{margin-top:10px !important;}.xs-margin-15px-bottom{margin-bottom:15px !important;}.xs-margin-30px-bottom{margin-bottom:30px !important;}.xs-margin-40px-bottom{margin-bottom:40px !important;}.xs-no-padding-right{padding-right:0 !important}.xs-padding-30px-all{padding:30px !important;}.xs-padding-30px-top{padding-top:30px !important;}.xs-padding-ten-tb{padding-top:10%; padding-bottom:10%;}.xs-padding-30px-tb{padding-top:30px !important; padding-bottom:30px !important;}.xs-padding-five-lr{padding-left:5%; padding-right:5%;}.xs-padding-15px-lr{padding-left:15px !important; padding-right:15px !important;}.extra-small-screen{height:250px !important;}.vc_row-has-fill.xs-bg-position-left-top{background-position: left top !important}.vc_row-has-fill.xs-bg-position-left-center{background-position: left center !important}.vc_row-has-fill.xs-bg-position-left-bottom{background-position: left bottom !important}.vc_row-has-fill.xs-bg-position-center-top{background-position: center top !important}.vc_row-has-fill.xs-bg-position-center-center{background-position: center center !important}.vc_row-has-fill.xs-bg-position-center-bottom{background-position: center bottom !important}.vc_row-has-fill.xs-bg-position-right-top{background-position: right top !important}.vc_row-has-fill.xs-bg-position-right-center{background-position: right center !important}.vc_row-has-fill.xs-bg-position-right-bottom{background-position: right bottom !important}.xs-width-100{width:100%;}.xs-width-auto{width: auto}.xs-width-100px{width:100px;}.feature-box-14:nth-child(even){border-right: 0; border-top: 0}.feature-box-14:nth-child(odd){border-right: 0; border-top: 0}.xs-display-none{display:none !important}.xs-column-no-border-right-bottom .vc_column-inner{border-right:0 !important;border-bottom:0 !important}section{padding: 50px 0;}.mobile-height .vc_row-o-full-height,.mobile-height.vc_row-o-full-height{height: 480px !important; min-height: 480px !important}.blog-post-sticky{padding: 20px 20px 0;}.blog-image blockquote{padding: 20px;}blockquote{margin: 30px 0; padding: 15px 25px;}.blog-post .blog-image blockquote{padding: 20px;}.portfolio-grid.work-6col li,.blog-grid.blog-6col li{width: 100%;}.portfolio-grid.work-6col li.grid-item-double,.blog-grid.blog-6col li.grid-item-double{width: 100%;}.portfolio-grid.work-4col li,.blog-grid.work-4col li{width: 100%}.portfolio-grid.work-4col li.grid-item-double,.blog-grid.blog-4col li.grid-item-double{width: 100%}.portfolio-grid.work-4col li.grid-item-double:last-child,.blog-grid.blog-4col li.grid-item-double:last-child{width: 100%;}.portfolio-grid.work-3col li,.blog-grid.work-3col li{width: 100%}.portfolio-grid.work-3col li.grid-item-double,.blog-grid.work-3col li.grid-item-double{width: 100%}.portfolio-grid.gutter-small,.blog-grid.gutter-small{margin: 0 7px;}.portfolio-grid.gutter-small li,.blog-grid.gutter-small li{padding:7px 7px;}.hover-option8 .grid-item .portfolio-icon{right: 39px; top: 34px;}.portfolio-grid.gutter-medium,.blog-grid.gutter-medium,.portfolio-grid.gutter-large,.portfolio-grid.gutter-large,.blog-grid.gutter-large{margin: 0;}.portfolio-grid.gutter-medium li,.blog-grid.gutter-medium li,.portfolio-grid.gutter-large li,.blog-grid.gutter-large li{padding: 7px 0}.portfolio-grid.work-5col li,.blog-grid.blog-5col li{width: 100%}.portfolio-grid.work-5col li.grid-item-double,.blog-grid.blog-5col li.grid-item-double{width: 100%;}.portfolio-grid.work-2col li,.blog-grid.work-2col li{width: 100%}.portfolio-grid.work-2col li,.blog-grid.blog-2col li{width: 100%}.portfolio-grid.work-2col li.grid-item-double,.blog-grid.work-2col li.grid-item-double{width: 100%}.portfolio-grid.portfolio-metro-grid.work-4col li{width: 100%}.portfolio-grid.portfolio-metro-grid.work-4col li.grid-item-double{width: 100%}.portfolio-grid.portfolio-metro-grid.work-4col li.grid-item-double:last-child{width: 100%;}.portfolio-grid.portfolio-metro-grid.work-6col li{width: 100%}.portfolio-grid.portfolio-metro-grid.work-6col li.grid-item-double{width: 100%}.portfolio-grid.portfolio-metro-grid.work-6col li.grid-item-double:last-child{width: 100%;}.portfolio-grid.portfolio-metro-grid.work-3col li{width: 100%}.portfolio-grid.portfolio-metro-grid.work-3col li.grid-item-double{width: 100%}.portfolio-grid.portfolio-metro-grid.work-3col li.grid-item-double:last-child{width: 100%;}.grid-item.feature-box-4 figure figcaption{padding-bottom:30px}.vc_row-has-fill.xs-bg-position-left-top,.vc_col-has-fill .xs-bg-position-left-top{background-position: left top !important}.vc_row-has-fill.xs-bg-position-left-center,.vc_col-has-fill .xs-bg-position-left-center{background-position: left center !important}.vc_row-has-fill.xs-bg-position-left-bottom,.vc_col-has-fill .xs-bg-position-left-bottom{background-position: left bottom !important}.vc_row-has-fill.xs-bg-position-center-top,.vc_col-has-fill .xs-bg-position-center-top{background-position: center top !important}.vc_row-has-fill.xs-bg-position-center-center,.vc_col-has-fill .xs-bg-position-center-center{background-position: center center !important}.vc_row-has-fill.xs-bg-position-center-bottom,.vc_col-has-fill .xs-bg-position-center-bottom{background-position: center bottom !important}.vc_row-has-fill.xs-bg-position-right-top,.vc_col-has-fill .xs-bg-position-right-top{background-position: right top !important}.vc_row-has-fill.xs-bg-position-right-center,.vc_col-has-fill .xs-bg-position-right-center{background-position: right center !important}.vc_row-has-fill.xs-bg-position-right-bottom,.vc_col-has-fill .xs-bg-position-right-bottom{background-position: right bottom !important}.feature-box-4 .grid-item figcaption{padding:0 20px;}.feature-box-4 figure figcaption{padding: 10% 5%; text-align: center}.feature-box-5{padding-left: 0; text-align: center}.feature-box-5 i{display: block; width: 100%; position: inherit; margin-bottom: 15px}.feature-box-9:nth-child(3){clear: left;}.feature-box-10 .number-center::before,.feature-box-10 .number-center::after{height:0}.feature-box-6 i,.feature-box-6 img{transform:translateY(-15px)}.feature-box-12 .hover-content-box{width:100%; margin-left:0; margin-right:0;  top: -35px;}.sidebar-wrapper .portfolio-grid.work-4col li,.blog-grid.blog-4col li,.blog-grid.blog-3col li{width: 100%}.vc_row-has-fill.xs-no-background-img{background-image: none !important}.testimonial-style2 .profile-box{margin-top: -25px;}.btn-dual .btn,.pofo-slider9 .btn-dual .btn{margin:10px auto !important; display: table; min-width: 160px;}.pofo-slider9 .btn-dual .btn{margin:10px 0 !important;}.header-with-topbar.sticky-mini-header.sticky.header-appear .navbar{top: 30px;}.admin-bar .header-with-topbar.sticky-mini-header.sticky.header-appear .navbar{top: 30px;}.header-with-topbar.sticky-mini-header.sticky nav.navbar-fixed-top{top: 30px;}nav.navbar.bootsnav li.dropdown .mega-menu-full > ul > li > .widget_media_image{width: 100%; margin-bottom: 15px;}nav.navbar.bootsnav li.dropdown .mega-menu-full > ul > li > .widget_media_image:last-child{margin-bottom: 0;}.sticky .navbar-top{top: -160px;}.header-appear.sticky .navbar-top{top: 0;}header nav.navbar{margin-bottom: 0; border-bottom: 0;}.admin-bar .header-with-topbar.sticky nav.navbar-fixed-top{top: 0;}.admin-bar .header-with-topbar.sticky.sticky-mini-header nav.navbar-fixed-top{top: 30px;}.navbar-nav .open .dropdown-menu>li>a{line-height: 20px;}.footer-widget-area .list-unstyled{margin-bottom: 0;}.footer-style-one .widget:last-child{margin-bottom: 0 !important}footer .pofo-footer-wrapper .footer-wrapper-text-align-col-two:first-child{text-align: center;}footer .pofo-footer-wrapper .footer-wrapper-text-align-col-one{text-align: center}.footer-wrapper-style-4{padding-bottom: 0 !important}.feature-box-11 .progress-line:after{visibility: hidden;}.nav-tabs{text-align: center;}.portfolio-filter-tab-1.nav > li{margin: 5px 0; width: 100%;}.tab-style2 .nav-tabs > li > a.active{top: 0}.tab-style2 .tab-content{padding: 30px 0 0}.tab-style2 .nav-tabs li{display: block; margin-right: 0; margin-bottom: 0;}.blog-nav-link{padding: 10px 0; font-size: 12px;}.blog-nav-link-next{padding-right: 30px;}.blog-nav-link-prev{padding-left: 30px;}.blog-listing-comment{width: 100%; text-align: center;}.blog-listing-comment li{display: inline-block; float: none}.blog-text .name{width: 100%; text-align: center;}.text-outside-line:after{display: none}.text-outside-line:before{display: none}.blog-text .name:nth-child(2){padding-top: 0; padding-bottom: 0;}.blog-text .name:last-child{padding-bottom: 15px;}.parallax-category-text{background: #000 none repeat scroll 0 0; color: #fff; opacity: 1; padding: 5px 18px;}.hover-option6 .grid-item .portfolio-icon i.fa-search{top: 12px;}nav.navbar .container-fluid{padding-left: 15px; padding-right: 15px;}.navbar.navbar-brand-top.bootsnav .navbar-toggle{top: 4px;}.navbar-brand-top .brand-top-menu-right{padding-left: 15px;}.navbar-brand-top .header-searchbar,.navbar-brand-top .header-social-icon{top: 1px;}.mfp-close,.mfp-close:active{top: 0; right: 0;}button.mfp-arrow{background-color: #000; height: 50px; width: 50px; opacity: 1}.mfp-arrow:before{margin: 0 auto; width: 100%; height: 100%; display: inline-block; vertical-align: middle; text-align: center; line-height: 50px; border: 0}.mfp-arrow,.mfp-arrow:active,.mfp-arrow:focus{margin-top: -25px}.mfp-arrow-left{left: 6px}.mfp-arrow-right{right: 6px}footer .menu{margin: 0 0 7px;}.compose-mode .vc_vc_row section.vc_row{padding: 50px 0;}.compose-mode .vc_vc_row section.vc_row.big-section{padding:80px 0;}.compose-mode .vc_vc_row section.vc_row.extra-big-section{padding:100px 0;}.compose-mode .vc_vc_row section.vc_row.half-section{padding:25px 0;}footer .instagram-follow-api ul{padding-top: 5px;}footer .latest-post li:last-child{padding-bottom: 0;}.blog-comment li ul.children{margin-left: 0}.blog-comment{list-style: none; margin: 0; padding: 0;}.blog-comment li{padding: 30px 0;}.blog-comment > li:first-child{padding-top: 0}.blog-comment li:last-child{border-bottom: none; padding-bottom: 0}.blog-comment li ul.children li{padding-bottom: 0;  margin-top: 30px}.blog-comment li > div:first-child .comment-awaiting-moderation{position: relative; top: 8px;}.page-title-large h1{font-size: 35px; line-height: 35px;}.page-title-medium h1{font-size: 25px; line-height: 30px;}.input-group-btn .btn.btn-large{height: 58px;}.newsletter-form-style2 .input-group-btn > .btn{height: 45px;}.icon-medium{font-size: 30px}.icon-extra-medium{font-size: 30px}.icon-large{font-size: 40px}.portfolio-filter-tab-2.nav > li{margin-bottom: 5px; width: 100%;}.feature-box.feature-box-17 .box .content{top: 25px;}.blog-post-style4 figure figcaption{padding: 35px;}.demo-portfolio-grid.portfolio-grid.gutter-extra-large li{padding: 15px 0;}.home .heading-style2 br{display: none}.single-post-navigation .blog-nav-link.blog-nav-link-prev{padding-left: 20px;}.single-post-navigation .blog-nav-link.blog-nav-link-next{padding-right: 20px;}.single-post-navigation .blog-nav-link{margin-bottom: 15px;}.blog-details-text .wpb_content_element{margin-bottom: 20px;}}@media (max-width: 640px){.feature-box{padding: 0 15px;}.accordion-style2 .panel-body{padding: 20px 10px}.accordion-style2 .panel .panel-heading{padding: 15px 25px 16px 10px;}.accordion-style2 .panel .panel-heading i{position: absolute; right: 10px; top: 13px;}.accordion-style3 .panel-body{padding: 20px 10px}.accordion-style3 .panel .panel-heading{padding: 15px 10px 16px 10px}.accordion-style3 .tab-tag{margin-right: 3px}.breadcrumb ul > li:after{padding: 0 3px 0 5px}}@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1){.parallax{background-attachment: inherit; background-position: center;}}@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1){.parallax{background-attachment: inherit; background-position: center;}}@media screen and (max-height: 320px){nav.navbar.bootsnav.no-full .navbar-collapse{max-height: 240px;}}@media only screen and (min-width: 320px){nav.navbar.bootsnav.pofo-standard-menu .responsive-navbar-toggle{display: none;}.navbar-collapse.collapse{display: block!important; height: auto; padding-bottom: 0; overflow: visible!important;}.navbar-collapse{width: auto; border-top: 0; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none;}.navbar-left{float: left!important;}.navbar-nav{float: left; margin: 0;}.navbar-nav > li > a{padding-top: 15px; padding-bottom: 15px;}.navbar-nav > li{float: left;}nav.navbar.bootsnav .navbar-collapse.collapse{display: block !important;}nav.navbar.header-center-logo .pofo-center-logo-menu .navbar-collapse{display: flex !important; justify-content: space-between;}nav.navbar.bootsnav .navbar-nav{padding-left: 0; padding-right: 0; margin: 0;}}@media (min-width: 768px){.container{max-width: 750px;}}@media (min-width: 992px){.container{max-width: 970px;}}@media (min-width: 1200px){.container{max-width: 1170px;}}@media (max-width: 767px){.container{max-width: 100%;}}

/* ============================================================
 * ZBS Responsive / troubleshoot v12
 *
 * ACCORDION STYLE 2
 * -----------------
 * Mobile/tablet uses a true 3-column grid: number | question | chevron.
 * The first column is MAX-CONTENT, not a fixed 52/54 px track. This keeps the
 * number vertically centred while reclaiming the dead horizontal space that
 * v9/v10 left between "01" and the question. The chevron still owns a fixed
 * right-hand track, so long titles physically cannot run underneath it.
 *
 * NON-STICKY MOBILE MENU
 * ----------------------
 * POFO structurally places Bootstrap's .navbar-collapse below the logo row.
 * We keep that correct DOM/layout. A real background element injected by
 * main-simple.js (.zbs-mobile-menu-backdrop) sits BEHIND the existing logo,
 * hamburger and menu. This is deliberately an actual element rather than a
 * ::before/::after trick: it avoids stacking-context surprises in POFO's many
 * header variants.
 *
 * main-simple.js measures the real header and visible menu heights. The dark
 * backdrop grows from 0 to header+menu height at constant vertical speed.
 * Bootstrap's opening collapse is delayed by exactly:
 *
 *   lead = 350ms * headerHeight / menuHeight
 *
 * Therefore menu items start appearing precisely when the backdrop reaches
 * the bottom of the header. Closing is the exact inverse: collapse starts at
 * once, backdrop retracts at the same speed, then needs only `lead` ms to
 * finish the header portion.
 *
 * STICKY MOBILE MENU
 * ------------------
 * Keep POFO's white sticky header, compact dark logo and black hamburger.
 * Only the dropdown becomes a nearly white translucent extension. Never swap,
 * filter or resize logos while the menu is open.
 * ============================================================ */
@media (max-width: 991px) {
    .accordion-style2 .panel .panel-heading {
        padding: 18px 24px 19px 28px;
    }
    .accordion-style2 .panel-title {
        display: grid;
        grid-template-columns: max-content minmax(0, 1fr) 22px;
        column-gap: 12px;
        align-items: center;
        min-width: 0;
    }
    .accordion-style2 .tab-tag {
        float: none;
        display: block;
        margin: 0 !important;
        padding: 0;
        font-size: 20px;
        line-height: 1.25;
        text-align: left;
        align-self: center;
    }
    .accordion-style2 .accordion-title {
        display: block;
        min-width: 0;
        padding: 0 !important;
        line-height: 1.35 !important;
        align-self: center;
        overflow-wrap: anywhere;
    }
    .accordion-style2 .panel .panel-heading i.fa-angle-down {
        position: static !important;
        top: auto !important;
        right: auto !important;
        display: block;
        justify-self: end;
        align-self: center;
        width: 12px;
        height: 12px;
        margin: 0 !important;
        font-size: 0;
        border-right: 2px solid #ff214f;
        border-bottom: 2px solid #ff214f;
        transform: rotate(45deg);
        transform-origin: 50% 50%;
        transition: transform .2s ease-in-out;
    }
    .accordion-style2 .panel-heading.active-accordion i.fa-angle-down {
        transform: rotate(225deg);
    }

    /* Real backdrop injected as the first child of nav. nav is already fixed/
       absolute in POFO, so this absolute child uses the nav as its containing
       block. It sits above the nav background but below .nav-header-container. */
    header nav.pofo-standard-menu .zbs-mobile-menu-backdrop {
        position: absolute;
        z-index: 0;
        top: 0;
        left: 0;
        width: 100%;
        height: 0;
        background: #1c1c1c;
        pointer-events: none;
        overflow: hidden;
        transition-property: height;
        transition-duration: var(--zbs-mobile-menu-total-duration, 450ms);
        transition-timing-function: linear;
        transition-delay: 0ms;
    }
    header nav.pofo-standard-menu .nav-header-container {
        position: relative;
        z-index: 1;
    }

    /* Non-sticky opening: the backdrop starts immediately. Bootstrap's actual
       menu height transition waits the measured lead time, so the text doesn't
       appear "through" the part of the backdrop still covering the logo row. */
    header.zbs-mobile-menu-open:not(.zbs-menu-opened-sticky):not(.zbs-mobile-menu-closing) nav.pofo-standard-menu .zbs-mobile-menu-backdrop {
        height: var(--zbs-mobile-menu-total-height, 0px);
    }
    header.zbs-mobile-menu-open:not(.zbs-menu-opened-sticky):not(.zbs-mobile-menu-closing) nav.pofo-standard-menu .navbar-collapse.collapsing {
        transition-duration: var(--zbs-mobile-menu-collapse-duration, 350ms) !important;
        transition-delay: var(--zbs-mobile-menu-lead-duration, 100ms) !important;
        transition-timing-function: linear !important;
        overflow: hidden !important;
    }

    /* Non-sticky closing: backdrop and menu start retracting at the same time.
       Background needs totalDuration; Bootstrap needs only 350 ms. JS keeps the
       menu-open state alive for the measured remaining lead after `hidden`. */
    header.zbs-mobile-menu-open.zbs-mobile-menu-closing:not(.zbs-menu-opened-sticky) nav.pofo-standard-menu .zbs-mobile-menu-backdrop {
        height: 0;
    }
    header.zbs-mobile-menu-open.zbs-mobile-menu-closing:not(.zbs-menu-opened-sticky) nav.pofo-standard-menu .navbar-collapse.collapsing {
        transition-duration: var(--zbs-mobile-menu-collapse-duration, 350ms) !important;
        transition-delay: 0ms !important;
        transition-timing-function: linear !important;
        overflow: hidden !important;
    }

    /* The backdrop is the only dark surface in non-sticky open state. */
    header.zbs-mobile-menu-open:not(.zbs-menu-opened-sticky) nav.pofo-standard-menu,
    header.zbs-mobile-menu-open:not(.zbs-menu-opened-sticky) nav.pofo-standard-menu .navbar-collapse.collapsing,
    header.zbs-mobile-menu-open:not(.zbs-menu-opened-sticky) nav.pofo-standard-menu .navbar-collapse.collapse.show,
    header.zbs-mobile-menu-open:not(.zbs-menu-opened-sticky) nav.pofo-standard-menu .navbar-nav {
        background: transparent !important;
        box-shadow: none !important;
    }
    header.zbs-mobile-menu-open:not(.zbs-menu-opened-sticky) nav.pofo-standard-menu .navbar-toggle .icon-bar {
        background-color: #fff !important;
    }

    /* Sticky: intentionally stable. Existing dark logo remains untouched. */
    header.zbs-mobile-menu-open.zbs-menu-opened-sticky nav.pofo-standard-menu {
        background: #fff !important;
    }
    header.zbs-mobile-menu-open.zbs-menu-opened-sticky nav.pofo-standard-menu .zbs-mobile-menu-backdrop {
        display: none;
    }
    header.zbs-mobile-menu-open.zbs-menu-opened-sticky nav.pofo-standard-menu .navbar-collapse.collapsing,
    header.zbs-mobile-menu-open.zbs-menu-opened-sticky nav.pofo-standard-menu .navbar-collapse.collapse.show,
    header.zbs-mobile-menu-open.zbs-menu-opened-sticky nav.pofo-standard-menu .navbar-nav {
        background: rgba(255,255,255,.96) !important;
    }
    header.zbs-mobile-menu-open.zbs-menu-opened-sticky nav.pofo-standard-menu .navbar-nav > li {
        border-bottom-color: rgba(0,0,0,.08) !important;
    }
    header.zbs-mobile-menu-open.zbs-menu-opened-sticky nav.pofo-standard-menu .navbar-nav > li > a,
    header.zbs-mobile-menu-open.zbs-menu-opened-sticky nav.pofo-standard-menu ul.nav > li > a,
    header.zbs-mobile-menu-open.zbs-menu-opened-sticky nav.pofo-standard-menu ul.nav > li.current-menu-item > a,
    header.zbs-mobile-menu-open.zbs-menu-opened-sticky nav.pofo-standard-menu ul.nav > li.current-menu-ancestor > a {
        color: #232323 !important;
        text-shadow: none !important;
    }
}

@media (max-width: 640px) {
    .accordion-style2 .panel .panel-heading {
        padding: 17px 22px 18px 24px;
    }
    .accordion-style2 .panel-title {
        grid-template-columns: max-content minmax(0, 1fr) 22px;
        column-gap: 15px;
    }
}

/* Course/Meetup pricing responsive utilities intentionally retained. */
@media (max-width: 991px) {
    .sm-padding-20px-all { padding: 20px !important; }
    .sm-padding-30px-all { padding: 30px !important; }
    .sm-no-margin-top { margin-top: 0 !important; }
}
@media (max-width: 767px) {
    .xs-padding-30px-all { padding: 30px !important; }
    .xs-padding-40px-all { padding: 40px !important; }
}