/*--------------------------------------------------------------------- * Author Webcreations907 http://themeforest.net/webcreations907 * Primary: #fa8322; * == Table Of Contents == * 1- Portfolio * 1.1- Portfolio Carousel * 2- Button * 3- Icon * 4- Icon Box * 5- List * 6- Heading Bar * 7- Rows/Sections * 8- Team * 9- WBC HR * 10- CountUp * 11- WBC Quote * 12- WBC Testimonials * 13- WBC Logos * 14- Wbc Service * 15- WBC Chart * 16- WBC Pricing Table * 17- WBC Progress * -- VC Styles * -- CF7 Styles ------------------------------------------------------------------------*/ /************************************************************************ * 1- Portfolio *************************************************************************/ .single .wbc-portfolio{ border-bottom:1px solid rgba(0,0,0,0.05); margin-bottom: 42px; position: relative; } .wbc-portfolio-grid{ margin:0 -15px -30px; overflow: hidden; opacity: 0; filter:alpha(opacity=0); } .portfolio-item{ width: 25%; padding: 0 15px; margin-bottom: 30px; float: left; overflow: hidden; } .wbc-portfolio-grid.gap-0{ margin:0; } .wbc-portfolio-grid.gap-0 .portfolio-item{ padding:0; margin-bottom:0; } .wbc-portfolio-grid.gap-1{ margin:0 -0.5px -1px; } .wbc-portfolio-grid.gap-1 .portfolio-item{ padding: 0 0.5px; margin-bottom: 1px; } .wbc-portfolio-grid.gap-5{ margin:0 -2.5px -5px; } .wbc-portfolio-grid.gap-5 .portfolio-item{ padding: 0 2.5px; margin-bottom: 5px; } .wbc-portfolio-grid.gap-10{ margin:0 -5px -10px; } .wbc-portfolio-grid.gap-10 .portfolio-item{ padding: 0 5px; margin-bottom: 10px; } .wbc-portfolio-grid.gap-15{ margin:0 -7.5px -15px; } .wbc-portfolio-grid.gap-15 .portfolio-item{ padding: 0 7.5px; margin-bottom: 15px; } .wbc-portfolio-grid.gap-20{ margin:0 -10px -20px; } .wbc-portfolio-grid.gap-20 .portfolio-item{ padding: 0 10px; margin-bottom: 20px; } .portfolio-item .post-featured{ margin-bottom: 0; } .portfolio-item a.wbc-gallery{ display: none; } .portfolio-title{ font-size: 14px; margin: 9px 0 5px; } .portfolio-item p{ font-size: 13px; } .portfolio-item img{ -ms-transform:rotate(.0001deg); transform:rotate(.0001deg); -webkit-transform:rotate(.0001deg); width:100.4%; max-width: 100.4%; height: auto; z-index: 1; opacity: 1; filter:alpha(opacity=100); -webkit-transition:opacity 0.3s ease; transition:opacity 0.3s ease; } .portfolio-item.active-playing img{ opacity: 0; filter: alpha(opacity=0); } .portfolio-text-wrap{ background-color: rgba(255,255,255,0.5); padding:15px 15px 7px; border: 1px solid rgba(0, 0, 0, 0.05); border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } .portfolio-image-landscape{ width: 50%; } .wbc-filter{ overflow: hidden; padding:0; list-style: none; margin-bottom: 25px; display: inline-block; } .wbc-filter li{ float: left; margin-right: 7px; margin-top: 7px; } .wbc-filter li{ float: left; margin-right: 7px; margin-top: 7px; } .wbc-filter .btn-primary.selected{ background-color: #000; border-color: #000; color:#fff !important; } .full-width-section > .wpb_column .wbc-filter { padding: 0 15px; } .wbc-content-loader { color: #fa8322; font-size: 30px !important; left: 50%; position: absolute; top: 50%; margin-left:-15px; margin-top: -15px; } .wbc-blog-post-wrapper, .wbc-portfolio-wrapper{ overflow: hidden; position: relative; min-height: 100px; } .wbc-blog-post-wrapper.ajaxed .posts{ opacity: 0; filter:alpha(opacity=0); } .wbc-portfolio-wrapper .wbc-pagination{ margin-top:30px; margin-bottom:0; } .portfolio-loading .wbc-pagination-portfolio{ position: absolute; bottom: 0; width: 100%; left: 0; } .wbc-video-container{ position: absolute; top:0; left:0; width: 100%; height: 100%; overflow: hidden; opacity: 1; filter:alpha(opacity=100); z-index: 0; } .wbc-video-player-frame{ position: absolute; } .wbc-video-overlay{ height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; } .wbc-image-wrap:hover .wbc-video-loading{ display: block; } .wbc-image-wrap .wbc-video-loading, .active-playing .wbc-image-wrap .wbc-video-loading, .active-playing .wbc-image-wrap:hover .wbc-video-loading{ color: #fff; font-size: 24px; left: 20px; position: absolute; top: 20px; z-index: 10; display: none; } .wbc-init-player .wbc-video-container{ background-color:#2b2b2b; } .active-playing .wbc-image-wrap .item-link-overlay{ -webkit-transition:all 0.3s ease; transition:all 0.3s ease; opacity: 0 !important; filter:alpha(opacity=0); } .wp-video-shortcode { max-width: 100%; } /************************************************************************ * 1.1- Portfolio Carousel *************************************************************************/ .wbc-carousel-banner{ opacity: 0; filter:alpha(opacity=0); width: 102%; overflow: hidden; margin:0; padding: 0; list-style: none; display: block; } .wbc-carousel-banner .post-featured{ margin-bottom:0; } .wbc-carousel-banner li { float: left; display: block; height: auto; overflow: hidden; position: relative; } .wbc-carousel-banner a.wbc-gallery{ display:none; } .wbc-carousel-banner .item-link-overlay{ cursor:move; } .wbc-carousel-banner li img{ max-width: 100%; height: auto; display: block; padding:0; margin:0; } .item-title{ font-size: 13px; color:#fff !important; font-weight: normal !important; } /************************************************************************ * 2- Button *************************************************************************/ .wbc-button{ vertical-align:middle; } .wbc-button:hover{ opacity:1; filter:alpha(opacity=100); } .wbc-button.no-hover:hover{ opacity:0.8; filter:alpha(opacity=80); } /************************************************************************ * 3- Icon *************************************************************************/ .wbc-icon-wrapper{ display: inline-block; border:1px solid transparent; -webkit-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; } .wbc-icon i{ position: absolute; left:50%; top:50%; line-height: 1 !important; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); } .wbc-icon{ display: block; text-align: center; position: relative; font-size: 16px; z-index: 2; width: 1em; height: 1em; line-height: 1em; -webkit-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; } .vertical-line{ width:1px; background-color: inherit; opacity: 0.2; filter:alpha(opacity=20); top:100%; z-index:-1; height: 0.4em; position: absolute; left: 50%; display: block; } .wbc-icon-wrapper.icon-background .wbc-icon{ color:#fff; background-color: #fa8322; width: 2em; height: 2em; line-height: 2em; } .wbc-icon-wrapper.icon-outline{ padding:3px; } .wbc-icon-wrapper.icon-circle, .wbc-icon-wrapper.icon-circle.icon-img img{ border-radius: 50%; } .wbc-icon-wrapper.icon-circle .wbc-icon, .wbc-icon-wrapper.icon-border .wbc-icon{ border-radius: inherit; } .wbc-icon-wrapper.icon-outline, .wbc-icon-wrapper.icon-border .wbc-icon{ border:1px solid #fa8322; } .wbc-icon-wrapper.icon-img .wbc-icon{ width:1em; height: 1em; line-height: 1em; } .wbc-icon-wrapper.icon-border .wbc-icon{ width: 2em; height: 2em; line-height: 2em; } .wbc-icon.large{ width: 3em; height: 3em; line-height: 3em; } .icon-wrap{ float: left; margin-right:14px; } .icon-content{ overflow: hidden; } /*a:hover .wbc-icon{ opacity: 0.6; transition: opacity 0.2s ease-out 0s; } */ .wbc-icon img{ vertical-align: top; } /************************************************************************ * Icon Styles *************************************************************************/ .wbc-icon-style-1{ border:1px solid rgba(0,0,0,0.1); } .wbc-icon-style-1:hover{ border:1px solid #fa8322; } .wbc-icon-style-1:hover .wbc-icon{ color:#fa8322; } .wbc-icon-style-2{ padding:3px; border:1px solid #fa8322; } .wbc-icon-style-2 .wbc-icon{ color:#fff; background-color: #fa8322; } .wbc-icon-box:hover .wbc-icon-style-2 .wbc-icon, .wbc-icon-style-2:hover .wbc-icon{ background-color: transparent; color:#fa8322; } .wbc-icon-style-3{ padding:3px; border:1px solid #fa8322; } .wbc-icon-style-3 .wbc-icon{ color:#fa8322; background-color: transparent; } .wbc-icon-box:hover .wbc-icon-style-3 .wbc-icon, .wbc-icon-style-3:hover .wbc-icon{ background-color: #fa8322; color:#fff; } .wbc-icon-style-4{ /* padding:2px; border:1px solid #fa8322;*/ } .wbc-icon-style-4 .wbc-icon{ color:inherit; background-color: transparent; } .wbc-icon-box:hover .wbc-icon-style-4 .wbc-icon, .wbc-icon-style-4:hover .wbc-icon{ background-color: #fa8322; color:#fff; } .wbc-icon-style-1 .wbc-icon, .wbc-icon-style-2 .wbc-icon, .wbc-icon-style-3 .wbc-icon, .wbc-icon-style-4 .wbc-icon{ width: 2em; height: 2em; line-height: 2em; } /************************************************************************ * 4- Icon Box *************************************************************************/ .wbc-icon-box, .wpb_column > .wpb_wrapper > .wbc-icon-box{ margin-bottom:28px; } .wbc-icon-box .wbc-icon-wrapper{ float:left; margin-right:15px; } .wbc-icon-box .wbc-icon-wrapper .wbc-icon{ font-size: 25px; } .icon-right-wrap{ text-align: right; } .icon-right-wrap .wbc-icon-wrapper{ float:right; margin-right:0; margin-left:15px; } .icon-left-wrap .wbc-icon-header-wrap, .icon-right-wrap .wbc-icon-header-wrap{ display: table; width: 100%; margin-bottom:15px; } .icon-left-wrap .wbc-icon-header-wrap h4, .icon-right-wrap .wbc-icon-header-wrap h4{ display: table-cell; width: 100%; vertical-align: middle; margin-bottom: 0; font-size: 18px; } .wbc-icon-box.icon-center{ text-align: center; } .wbc-icon-box.icon-center .wbc-icon-wrapper{ float:none; margin-bottom: 10px; } .wbc-icon-box.icon-center h4{ margin-bottom: 15px; } .wbc-icon-box.icon-right{ text-align: right; } .wbc-icon-box.icon-right .wbc-icon-wrapper{ float:right; margin-right:0; margin-left:15px; } .wbc-icon-box.icon-center .wbc-icon-wrapper{ float:none; margin-right:0; } .wbc-icon-box .wbc-box-content{ overflow: hidden; } .wbc-icon-box h4 .box-sub-heading { display: block; font-size: 0.6em; font-weight: normal; margin-top: 1px; opacity: 0.65; filter:alpha(opacity=65); } .wbc-icon-box h4 .sub-heading-color{ opacity: 1; filter:alpha(opacity=100); } /************************************************************************ * 5- List *************************************************************************/ .wbc-list-wrap{ overflow: hidden; } .wbc-list{ list-style: none; margin: 0; padding: 0; margin-bottom: 28px; } .list-right{ text-align: right; } .wbc-list li{ padding: 0 0 10px; position: relative; z-index: 0; } .wbc-list .wbc-icon-wrapper{ float: left; margin-right: 15px; } .wbc-list.list-right .wbc-icon-wrapper{ float: right; margin-left: 15px; margin-right:0; } .wbc-list .list-content{ overflow: hidden; /*padding-left:0.6em;*/ } .wbc-list.list-right .list-content{ /*padding-left:0; padding-right: 0.6em;*/ } .wbc-list.list-center{ margin: 0 auto; text-align: center; } .wbc-list.list-center .wbc-icon-wrapper{ float: none; margin:0 0 25px; } .wbc-list.list-center .list-content{ margin-bottom:15px; } .wbc-list .list-content p{ margin: 0; } .wbc-list .wbc-icon{ font-size: 18px; } /************************************************************************ * 6- Heading Bar *************************************************************************/ .heading-bar{ padding-bottom:28px; } .special-heading-1{ font-size: 50px; font-family: 'Roboto', arial, sans-serif; font-weight:100; letter-spacing: -0.03em; margin-top:0; } @media (max-width: 992px) { .md-responsive-text-70{ font-size: 70px !important; line-height: 1.2em !important; } .md-responsive-text-65{ font-size: 65px !important; line-height: 1.2em !important; } .md-responsive-text-60{ font-size: 60px !important; line-height: 1.2em !important; } .md-responsive-text-55{ font-size: 55px !important; line-height: 1.2em !important; } .md-responsive-text-50{ font-size: 50px !important; line-height: 1.2em !important; } .md-responsive-text-45{ font-size: 45px !important; line-height: 1.2em !important; } .md-responsive-text-40{ font-size: 40px !important; line-height: 1.2em !important; } .md-responsive-text-35{ font-size: 35px !important; line-height: 1.2em !important; } .md-responsive-text-30{ font-size: 30px !important; line-height: 1.2em !important; } .md-responsive-text-25{ font-size: 25px !important; line-height: 1.2em !important; } .md-responsive-text-20{ font-size: 20px !important; line-height: 1.2em !important; } .md-responsive-text-15{ font-size: 15px !important; line-height: 1.2em !important; } } @media (max-width: 768px) { .sm-responsive-text-70{ font-size: 70px !important; line-height: 1.2em !important; } .sm-responsive-text-65{ font-size: 65px !important; line-height: 1.2em !important; } .sm-responsive-text-60{ font-size: 60px !important; line-height: 1.2em !important; } .sm-responsive-text-55{ font-size: 55px !important; line-height: 1.2em !important; } .sm-responsive-text-50{ font-size: 50px !important; line-height: 1.2em !important; } .sm-responsive-text-45{ font-size: 45px !important; line-height: 1.2em !important; } .sm-responsive-text-40{ font-size: 40px !important; line-height: 1.2em !important; } .sm-responsive-text-35{ font-size: 35px !important; line-height: 1.2em !important; } .sm-responsive-text-30{ font-size: 30px !important; line-height: 1.2em !important; } .sm-responsive-text-25{ font-size: 25px !important; line-height: 1.2em !important; } .sm-responsive-text-20{ font-size: 20px !important; line-height: 1.2em !important; } .sm-responsive-text-15{ font-size: 15px !important; line-height: 1.2em !important; } } @media (max-width: 480px) { .xs-responsive-text-70{ font-size: 70px !important; line-height: 1.2em !important; } .xs-responsive-text-65{ font-size: 65px !important; line-height: 1.2em !important; } .xs-responsive-text-60{ font-size: 60px !important; line-height: 1.2em !important; } .xs-responsive-text-55{ font-size: 55px !important; line-height: 1.2em !important; } .xs-responsive-text-50{ font-size: 50px !important; line-height: 1.2em !important; } .xs-responsive-text-45{ font-size: 45px !important; line-height: 1.2em !important; } .xs-responsive-text-40{ font-size: 40px !important; line-height: 1.2em !important; } .xs-responsive-text-35{ font-size: 35px !important; line-height: 1.2em !important; } .xs-responsive-text-30{ font-size: 30px !important; line-height: 1.2em !important; } .xs-responsive-text-25{ font-size: 25px !important; line-height: 1.2em !important; } .xs-responsive-text-20{ font-size: 20px !important; line-height: 1.2em !important; } .xs-responsive-text-15{ font-size: 15px !important; line-height: 1.2em !important; } } .wbc-line{ display: block; height:1px; width:20%; margin-left:auto; margin-right:auto; } .heading-bar p{ font-size: 15px; opacity: 0.8; filter:alpha(opacity=80); } /************************************************************************ * 7- Rows/Sections *************************************************************************/ .section-overlay { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .wpb_row.video-section{ z-index: 0; } .video-section .section-overlay{ z-index: 1; } .video-section .wpb_column{ z-index: 2; } .wpb_row{ position: relative; } .wpb_row.parallax-section{ background-position: center top; } .wpb_row.full-width-section{margin-bottom:0;} .wpb_row.parallax-section, .wpb_row.video-section{ margin-bottom: 0; background-size: cover; background-attachment: fixed; } @media (max-width: 768px) { .row-inner{ margin:0; } } .wbc-video-bg { left: 0; opacity: 0; filter:alpha(opacity=0); overflow: hidden; position: absolute; top: 0; z-index: 0; width:100%; height: 100%; } .wbc-video-wrap .mejs-overlay-loading, .wbc-video-bg .mejs-overlay-loading, .wbc-video-bg .mejs-controls{ display: none !important; } .wp-video > br { display: none; height: 0; margin: 0; padding: 0; } .bg-cover-stretch{ -ms-background-size: cover !important; background-size: cover !important; } .wbc907-mobile-device .bg-cover-stretch{ background-attachment: scroll !important; } .arrow-down.fancy-row { width: 20px; height: 20px; position: absolute; bottom: -10px; left: 50%; margin-left: -10px; z-index: 1000; border:0; background-color: inherit; border-right: 1px solid transparent; border-bottom: 1px solid transparent; transform:rotate(45deg); -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); } .full-color-bg{ border:0; border-color:transparent; border-width:0; border-bottom: 1px solid transparent; } .mobile-video-image{ position: absolute; top:0; left:0; height:100%; width: 100%; z-index: 0; background-position: center !important; background-size: cover !important; -ms-background-size: cover !important; -webkit-background-size: cover !important; -o-background-size: cover !important; } .wbc907-band{ background-color: #fff; bottom:0; right:0; width: 100%; position: absolute; height: 84px; /*z-index: 1;CHANGED*/ } .video-section .wbc907-band{ z-index: 1; } .wbc-table-align{ display: table; height: 100vh; width: 100%; } .wbc-table-cell-align{ display: table-cell; width: 100%; } .wbc-table-cell-align.align-middle{ vertical-align: middle; } .wbc-table-cell-align.align-bottom{ vertical-align: bottom; } /************************************************************************ * 8- TEAM SECTION *************************************************************************/ .wbc-team-box{ text-align: center; padding-bottom: 28px; image-rendering:optimizeQuality; } .wbc-team-content{ padding:14px; text-align: center; } .wbc-team-box .member-details{ font-size: 13px; } .wbc-team-box .team-name h5{ margin-bottom: 0; font-size: 16px; } .wbc-team-box .team-name{ margin-bottom: 12px; } .wbc-team-box .team-icons{ margin-top: 20px; } .wbc-team-box .team-name > span{ font-size: 12px; opacity: 0.8; filter: alpha(opacity=80); font-style: italic; } /************************************************************************ * 9- WBC HR *************************************************************************/ .wbc-hr{ border:none; height: 1px; background-color: #ebebeb; } /************************************************************************ * 10- CountUp *************************************************************************/ .wbc-countup-wrapper{ font-size: 45px; line-height: 1 !important; } /************************************************************************ * 11- WBC Quote *************************************************************************/ .wbc-quote-sc{ text-align: center; } .wbc-quote-sc .quote-title{ font-size: 28px; margin-bottom: 28px; line-height: 1.5em; } .wbc-quote-sc .quote-reference{ color:rgba(255,255,255,0.6); } .wbc-quote-sc .quote-title i{ font-size: 0.6em; margin-top:0.29em; vertical-align: top; display: inline-table; } /************************************************************************ * 12- WBC Testimonials *************************************************************************/ .wbc-testimonial-wrap{ overflow: hidden; } .wbc-testimonail-carousel{ overflow: hidden; list-style: none; padding: 0; } .wbc-testimonail-carousel > div{ float: left; } .wbc-testimonial{ max-width: 640px; margin: 0 auto; text-align: center; } .wbc-testimonial .testimonial-message{ display: block; font-size: 20px; font-weight: 100; margin-bottom:40px; } .wbc-testimonial img{ width:100px; height: 100px; border-radius: 50%; margin-bottom: 20px; } .wbc-testimonial .testimonial-name{ font-weight: 400; font-size: 14px; } .wbc-testimonial .testimonial-info small{ display: block; opacity: 0.8; filter:alpha(opacity=80); } .wbc-testimonial-nav{ text-align: center; } .wbc-arrow-buttons{ height: 25px; width: 25px; line-height: 20px; font-size: 20px; padding: 0; margin: 20px 4px 0; } /************************************************************************ * 13- WBC Logos *************************************************************************/ .wbc-logo-wrap{ position: relative; overflow: hidden; padding:0 90px; } .wbc-logo-carousel{ overflow: hidden; padding: 0; } .wbc-logo-carousel > div{ text-align: center; display: inline-block; float: left; } .wbc-logo-wrap .wbc-arrow-buttons{ margin: 0; position: absolute; left:0; top:50%; margin-top:-12px; } .wbc-logo-wrap .logo-next{ right: 0; left:auto; } .wbc-logo-carousel div img{ opacity: 0.6; filter:alpha(opacity=60); } .wbc-logo-carousel div img:hover{ opacity: 1; filter:alpha(opacity=100); } /************************************************************************ * 14- Wbc Service *************************************************************************/ .wbc-service{ text-align: center; -webkit-transition: all 100ms ease-in-out 0s; transition: all 100ms ease-in-out 0s; margin-bottom:35px !important; } .wbc-service .wbc-icon{ margin:0 0 20px; font-size: 40px; /* width:auto; height:auto;*/ } .service-circle .wbc-icon, .service-square .wbc-icon{ border:2px solid #fa8322; width:80px; height:80px; line-height:80px; } .service-circle .wbc-icon{ border-radius: 50%; } .wbc-service, .service-info{ overflow: hidden; } .wbc-service{ /*opacity: 0.5;*/ } .wbc-service .wbc-hr{ width:60px; height:2px; } .wbc-service:hover{ /*opacity: 1;*/ } .wbc-service .service-title{ /*color: inherit;*/ } .wbc-service:hover .wbc-icon,.wbc-service:hover .service-title{ color:#fa8322; } .wbc-service:hover .wbc-hr{ background-color:#fa8322; } /************************************************************************ * 15- WBC Chart *************************************************************************/ .wbc-chart-wrap{ text-align: center; } .wbc-pie-chart{ position: relative; display: inline-block; color:#f8f8f8; font-size: 25px; width: 130px; height: 130px; margin-bottom: 30px; } .wbc-pie-chart .percent{ display:inline-block; margin-top: 2px; } .wbc-pie-chart .percent:after{ content: attr(data-ending); font-size: 0.5em; margin-left: 0.1em; position: relative; top: -0.5em; } .wbc-pie-chart .percent-wrap{ position: absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); } .wbc-pie-chart .percent-backing{ background-color: #4c4c4c; left: 50%; position: absolute; top: 50%; width: 100px; height: 100px; border-radius: 50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); } /************************************************************************ * 16- WBC Pricing Table *************************************************************************/ .wbc-price-table{ overflow: hidden; text-align: center; border-radius: 2px; border:1px solid rgba(212,212,212,0.15); margin-bottom: 35px !important; } .wbc-price-table.featured-plan{ margin-top:-20px; } .wbc-price-table.featured-plan .plan-head{ padding:25px 5px; } .wbc-price-table .plan-head{ color:#fff; font-size: 24px; background-color:#fa8322; padding:15px 5px; } .wbc-price-table .plan-price{ padding: 35px 5px 40px; position: relative; } .wbc-price-table .plan-cost:before, .wbc-price-table .plan-cost:after{ content: ""; display: block; position: absolute; top:50%; left:15px; height: 1px; background-color: #fa8322; width: 15%; opacity: 0.8; filter:alpha(opacity=80); } .wbc-price-table .plan-cost:after{ right: 15px; left: auto; } .wbc-price-table .plan-cost{ font-size: 28px; background-color: rgba(212, 212, 212, 0.15); width:100px; height: 100px; line-height: 100px; display: inline-block; border-radius: 50%; color:#fff; } .wbc-price-table .plan-info{ position: absolute; left:60%; margin-left:5px; bottom: 30px; font-size: 11px; opacity: 0.7; filter:alpha(opacity=70); } .wbc-price-table ul{ padding: 0; list-style: none; overflow: hidden; } .wbc-price-table ul li{ padding: 10px 5px; } .wbc-price-table ul li:nth-child(odd){ background-color: rgba(212,212,212,0.15); } .wbc-price-table .plan-button{ padding: 10px 5px 20px; } .wbc-bordered-area{ overflow: hidden; } .wbc-bordered-area > .wpb_column, .wbc-bordered-area > .wpb_column:before, .wbc-bordered-area > .wpb_column:after{ border-color: inherit !important; } .wbc-bordered-area > .wpb_column:before, .wbc-bordered-area > .wpb_column:after{ position: absolute; content: ""; } .wbc-bordered-area > .wpb_column:before{ height: 100%; width: 0; border-left: 1px solid; left:-1px; top:0; } .wbc-bordered-area > .wpb_column:after{ height:0; width:100%; border-bottom: 1px solid; left:0; bottom:-1px; } /************************************************************************ * 17- WBC Progress *************************************************************************/ .wbc-progress-wrap{ margin-bottom:10px; } .wbc-progress-wrap, .wbc-progress-info{ overflow: hidden; } .wbc-progress-wrap .wbc-progress-title{ display: inline-block; float: left; } .wbc-progress-wrap .wbc-progress-percent{ float: right; } .wbc-progress-back{ background-color: #e8e8e8; margin-top:5px; } .wbc-progress{ background-color: #fa8322; width:1%; height:5px; border-radius: inherit; } /************************************************************************ * -- VC Styles *************************************************************************/ .vc_column-inner{ position: relative; height: 100%; } .vc_row.vc_column-gap-1 > .container > .row-inner > .vc_column_container{ padding: 0.5px; } .vc_row.vc_column-gap-2 > .container > .row-inner > .vc_column_container{ padding: 1px; } .vc_row.vc_column-gap-3 > .container > .row-inner > .vc_column_container { padding: 1.5px; } .vc_row.vc_column-gap-4 > .container > .row-inner > .vc_column_container { padding: 2px; } .vc_row.vc_column-gap-5 > .container > .row-inner > .vc_column_container{ padding: 2.5px; } .vc_row.vc_column-gap-10 > .container > .row-inner > .vc_column_container{ padding: 5px; } .vc_row.vc_column-gap-15 > .container > .row-inner > .vc_column_container{ padding: 7.5px; } .vc_row.vc_column-gap-20 >.container > .row-inner > .vc_column_container{ padding: 10px; } .vc_row.vc_column-gap-25 > .container > .row-inner > .vc_column_container{ padding: 12.5px; } .vc_row.vc_column-gap-30 > .container > .row-inner > .vc_column_container{ padding: 15px; } .vc_row.vc_column-gap-35 > .container > .row-inner > .vc_column_container{ padding: 17.5px; } .vc_row.vc_column-gap-1 > .container, .vc_row.vc_column-gap-2 > .container, .vc_row.vc_column-gap-3 > .container, .vc_row.vc_column-gap-4 > .container, .vc_row.vc_column-gap-5 > .container, .vc_row.vc_column-gap-10 > .container, .vc_row.vc_column-gap-15 > .container, .vc_row.vc_column-gap-20 > .container, .vc_row.vc_column-gap-25 > .container, .vc_row.vc_column-gap-30 > .container, .vc_row.vc_column-gap-35 > .container{ padding-left:0; padding-right:0; } /*.vc_row.vc_column-gap-1 > .container > .row-inner { margin-left: -15.5px; margin-right: -15.5px; } .vc_row.vc_column-gap-2 > .container > .row-inner{ margin-left: -16px; margin-right: -16px; } .vc_row.vc_column-gap-3 > .container > .row-inner{ margin-left: -16.5px; margin-right: -16.5px; } .vc_row.vc_column-gap-4 > .container > .row-inner{ margin-left: -17px; margin-right: -17px; } .vc_row.vc_column-gap-5 > .container > .row-inner{ margin-left: -17.5px; margin-right: -17.5px; } .vc_row.vc_column-gap-10 > .container > .row-inner{ margin-left: -20px; margin-right: -20px; } .vc_row.vc_column-gap-15 > .container > .row-inner{ margin-left: -22.5px; margin-right: -22.5px; } .vc_row.vc_column-gap-20 > .container > .row-inner{ margin-left: -25px; margin-right: -25px; } .vc_row.vc_column-gap-25 > .container > .row-inner{ margin-left: -27.5px; margin-right: -27.5px; } .vc_row.vc_column-gap-30 > .container > .row-inner{ margin-left: -30px; margin-right: -30px; } .vc_row.vc_column-gap-35 > .container > .row-inner{ margin-left: -32.5px; margin-right: -32.5px; }*/ .wpb_bootstrap_modals .ui-widget-content, .wpb_bootstrap_modals .ui-corner-all { border: none; border-radius: 0; } .wpb_revslider_element.wpb_content_element { margin-bottom: 0; } .no-inner-padding > .wpb_column{ padding:0; } .wpb_row .wpb_single_image { margin-bottom: 0; } .wpb_wrapper{ position: relative; } .wbc-vertical-center > .eq-height-column > .vc_column-inner > .wpb_wrapper{ top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } /** TABS **/ .wpb_content_element .wpb_tabs_nav li.ui-state-default{ opacity:0.5; filter:alpha(opacity=50); } .wpb_content_element .wpb_tabs_nav li.ui-state-active, .wpb_content_element .wpb_tabs_nav li.ui-state-default:hover{ opacity:1; filter:alpha(opacity=100); } .wpb_content_element .wpb_tabs_nav li.ui-state-default, .wpb_content_element .wpb_tabs_nav li.ui-tabs-active{ border-top:1px solid #fa8322; background-color: #fff; } .wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab{ background-color: #fff; border-bottom-right-radius:2px; border-bottom-left-radius: 2px; } /*MAP*/ .wpb_gmaps_widget.wpb_content_element, .wpb_gmaps_widget .wpb_wrapper{ padding:0; margin-bottom: 0 !important; } /*TOUR*/ .wpb_tour .wpb_tour_tabs_wrapper .wpb_tabs_nav li.ui-state-default, .wpb_tour .wpb_tour_tabs_wrapper .wpb_tabs_nav li.ui-tabs-active{ border-top: none; border-left:1px solid #fa8322; } /** Accordion **/ .vc_tta-panel-title{ font-size: 13px; font-weight: normal; } .vc_tta-panel-heading{ border-radius:2px; } .vc_tta-style-classic.vc_tta-o-no-fill .vc_tta-panel-body{ padding-left: 0; } /*Toggle*/ .vc_toggle_default{ margin-bottom: 15px; } .vc_toggle_default .vc_toggle_title{ background-color: #f8f8f8; border: 1px solid #e4e4e4; cursor: pointer; display: block; margin: 0; outline: 0 none; padding: 10px 12px 10px 15px !important; } .vc_toggle_title h4{ font-size: 13px; font-weight: normal; } .vc_toggle_default .vc_toggle_title h4{ position: relative; padding-left: 1.1em !important; } .vc_toggle_default .vc_toggle_title .vc_toggle_icon{ left: 5px !important; } .vc_toggle_default .vc_toggle_content{ padding-left: 0 !important; } /*Button*/ .vc_btn{ margin-right:2px; margin-left:2px; } .vc_btn_outlined{ border-radius: 2px; } .wpb_revslider_element.wpb_content_element { overflow: hidden; } /************************************************************************ * -- CF7 Styles *************************************************************************/ .wpcf7-submit{ float: right; } div.wpcf7-response-output{ margin-left: 0; margin-right: 0; border-width: 1px; }