.btn-default.animated.icon-left:hover{padding-left: 50px; padding-right: 30px;} .btn.theme-bg:hover{color: #ffffff;} .btn.dark-bg:hover{color: #ffffff;} .btn.theme-border:hover{border-color: #0a78e4; color: #0a78e4;} .hover-effect3{position: relative; top: 0px; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);} .hover-effect3:hover{top: -10px; -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);} .btn.animated > i{-webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s;} .btn-lg, .btn-group-lg > .btn{padding: 20px 40px; font-size: 14px;} .btn-sm, .btn-group-sm > .btn{padding: 8px 20px; font-size: 12px;} .btn-xs{padding: 8px 15px; font-size: 11px;} .btn-lg.animated > i, .btn-group-lg > .animated.btn > i{top: 22px;} .btn-sm.animated > i, .btn-group-sm > .animated.btn > i{top: 10px;} .btn-xs.animated > i{top: 10px;} .btn-lg.btn-link, .btn-group-lg > .btn-link.btn{padding: 4px 7px;} .btn-sm.btn-link, .btn-group-sm > .btn-link.btn{padding: 3px 5px;} .btn-xs.btn-link{padding: 2px 4px;} .banner .slide-item{min-height: 650px; height: 100vh; background-size: cover; background-position: center center; background-repeat: no-repeat;} .banner .carousel-control{background-image: none; background-color: rgba(255, 255, 255, 0.1); width: 40px; height: 100px; line-height: 100px; color: #ffffff; opacity: 1; top: 50%; margin-top: -50px; text-shadow: none; -webkit-transition: all 0.1s ease-out 0s; -moz-transition: all 0.1s ease-out 0s; -transition: all 0.1s ease-out 0s;} .banner .carousel-control i{font-size: 30px;} .banner .carousel-control.left{left: 20px; z-index: 9;} .banner .carousel-control.right{right: 20px; z-index: 9;} .dark-bg .carousel-control{color: #ffffff;} .banner .carousel[data-arrow="none"] .carousel-control{display: none;} .banner .carousel[data-dots="none"] .carousel-indicators{display: none;} .banner .slider-text{position: absolute; left: 0; top: 50%; z-index: 9; width: 100%; color: #ffffff; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%);} .indicators-right .carousel-control{width: 60px; height: 40px; top: auto; bottom: 30px; line-height: 45px;} .indicators-right .carousel-control.left{left: 50%; margin-left: -65px;} .indicators-right .carousel-control.right{right: 50%; margin-right: -65px;} .indicators-right .carousel-indicators{width: 15px; left: auto; bottom: auto; right: 35px; top: 50%; margin: 0; padding: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%);} .banner .overlay:after{z-index: 0;} .carousel .carousel-indicators, .s_carousel.s_carousel_default.carousel .carousel-indicators{display: block; text-align: center;} .carousel .carousel-indicators li, .s_carousel.s_carousel_default.carousel .carousel-indicators li{width: 12px; height: 12px; border-radius: 80px; margin: 1px; display: inline-block; border: 1px solid rgba(0, 0, 0, 0.6);} .carousel .carousel-indicators li, .s_carousel.s_carousel_default.carousel .carousel-indicators li{background-color: rgba(255, 255, 255, 0.3);} .carousel .carousel-indicators li.active, .s_carousel.s_carousel_default.carousel .carousel-indicators li.active{background-color: rgba(255, 255, 255, 0.9);} .banner.carousel .carousel-indicators li, .banner.s_carousel.s_carousel_default.carousel .carousel-indicators li{margin: 7px; display: block; border: none;} .carousel.indicators-light .carousel-indicators li, .s_carousel.s_carousel_default.carousel.indicators-light .carousel-indicators li{background-color: rgba(0, 0, 0, 0.3);} .carousel.indicators-light .carousel-indicators li.active, .s_carousel.s_carousel_default.carousel.indicators-light .carousel-indicators li.active{background-color: rgba(0, 0, 0, 0.9);} .banner .alt-font{font-family: 'Merriweather', serif;} .banner .title-extra-large{font-size: 130px; line-height: 120px;} .banner .title-large{font-size: 80px; line-height: 90px;} .banner .title-medium{font-size: 42px; font-weight: bold; line-height: 50px; letter-spacing: 0;} .banner .fill-bg{background: #fff; display: inline-block !important; padding: 3px 10px;} .carousel-control{position: absolute; background: none !important; background-image: none; background-color: transparent; width: 50px; height: 50px; line-height: 50px; color: #333; opacity: 1; top: 50%; margin-top: -50px; text-shadow: none; -webkit-transition: all 0.1s ease-out 0s; -moz-transition: all 0.1s ease-out 0s; -transition: all 0.1s ease-out 0s;} .carousel-control:hover, .carousel-control:active, .carousel-control:focus{color: #3f55fd;} .carousel .carousel-control.left{left: 0;} .carousel .carousel-control.right{right: 0;} .carousel .carousel-control.left:hover, .carousel .carousel-control.right:hover{color: #0a78e4;} .carousel.inds-bottom{padding-bottom: 50px;} .carousel.inds-bottom .carousel-indicators{bottom: 0px;} .light-control .carousel-indicators li{border-color: #fff;} .light-control .carousel-indicators li.active{background: #fff; border-color: #fff;} .clients-carousel .item{text-align: center; padding: 10px;} .clients-carousel.line .item{border: 1px solid #dddddd; padding: 10px; text-align: center;} .clients-carousel .item img{display: inline;} .clients.line > [class*="col-"]{padding: 0;} .clients.line .media img{display: inline;} @media (min-width: 768px){.clients.line .media{width: 100%; padding: 15px; margin: 0; text-align: center; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd;}.clients.line > [class*="col-"]:nth-child(3n+1) > .media{border-left: 1px solid #dddddd;}.clients.line > [class*="col-"]:nth-child(-n+3) > .media{border-top: 1px solid #dddddd;}} .counter .counter-info span, .counter span.timer{display: block; font-size: 60px; letter-spacing: 2px; line-height: 70px; font-weight: 700; margin-bottom: 0; color: #222;} .counter label{font-weight: 400; position: relative; margin-bottom: 0; text-transform: uppercase; font-size: 14px; letter-spacing: 1px;} .counter i{font-size: 40px;} .counter .timer{display: block;} .counter.style2 span.timer{font-size: 40px; line-height: 30px; margin: 0;} .counter.style2 .counter-icon{margin-right: 15px;} .counter.style2 i{line-height: 30px;} .counter.style2 .counter-info{margin-top: 10px;} .counter.brd-style{border: 4px solid #f1f1f1; padding: 20px 0;} .counter.brd-style .counter-info span, .counter.brd-style span.timer{font-size: 40px; line-height: 50px;} .counter .counter-info span.compact, .counter span.timer.compact{line-height: 55px;} .counter.timer-lg .counter-info{display: table; width: 100%;} .counter.timer-lg .counter-info .timer{display: table-cell; line-height: 50px; color: #0a78e4; padding-right: 5px; min-width: 100px;} .counter.timer-lg .counter-info label{position: relative; display: table-cell; text-align: left; font-weight: 900; font-size: 18px; color: #333; vertical-align: top; letter-spacing: 0; text-transform: none;} .counter.timer-lg .counter-info label p, .counter.timer-lg .counter-info label span{display: table; font-weight: 300; font-size: 14px; color: #9b9b9b; line-height: 22px; margin-top: 0;} .dark-bg .counter label{color: #fff;} .dark-bg .counter .counter-info span, .dark-bg .counter span.timer{color: #fff;} .dark-bg .counter i{color: #fff;} .dark-bg .counter .theme-text i, .dark-bg .counter i.theme-text{color: #0a78e4;} .dark-bg .counter.brd-style{border: 4px solid rgba(255, 255, 255, 0.4);} .dropcap{font-size: 60px; line-height: 60px; color: #0a78e4; font-weight: 600; float: left; margin-right: 10px;} .dropcap.dark{color: #323232;} .dropcap.theme{color: #0a78e4;} .dropcap.dropcap-fancy{font-size: 80px; line-height: 80px; opacity: 0.1; position: relative; margin-right: -30px; margin-bottom: -15px; left: -5px; top: -5px; z-index: -1;} .dark.dropcap-border{font-size: 50px; line-height: 50px; border: 2px solid #323232; padding: 0 5px;} .theme.dropcap-border{font-size: 50px; line-height: 50px; border: 2px solid #0a78e4; padding: 0 5px;} .dark.dropcap-fill{font-size: 55px; line-height: 55px; background: #323232; padding: 0 5px; color: #ffffff;} .theme.dropcap-fill{font-size: 55px; line-height: 55px; background: #0a78e4; padding: 0 5px; color: #ffffff;} .feature.boxed{background: #ffffff; padding: 20px; -webkit-box-shadow: 0 0 17px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 17px rgba(0, 0, 0, 0.15); box-shadow: 0 0 17px rgba(0, 0, 0, 0.15);} .feature-icon{margin-bottom: 20px; color: #323232;} .feature-icon i{font-size: 50px;} .feature-info h2, .feature-info h3, .feature-info h4, .feature-info h5, .feature-info h6{margin-bottom: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px;} .feature-info p{font-weight: normal; margin-top: 10px; margin-bottom: 0px;} .feature.feature-animation{-webkit-box-shadow: 0 0 0px rgba(0, 0, 0, 0.01); -moz-box-shadow: 0 0 0px rgba(0, 0, 0, 0.01); box-shadow: 0 0 0px rgba(0, 0, 0, 0.01); padding: 40px 30px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .feature.feature-animation:hover{-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);} .feature.icon-position-left{display: table;} .feature.icon-position-left .feature-icon{width: 65px;} .feature.icon-position-left h3{margin-top: 0;} .feature.icon-position-left .feature-icon, .feature.icon-position-left .feature-info{display: table-cell; vertical-align: top;} .feature.icon-bg .feature-icon{display: inline-block; background: #f5f5f5; width: 80px; height: 80px; line-height: 103px; border-radius: 50%; text-align: center; color: #959595; margin-bottom: 25px;} .feature.icon-bg .feature-icon i{font-size: 34px;} .feature.icon-position-left.icon-bg .feature-icon{width: 60px; height: 60px; line-height: 75px; margin-right: 15px;} .feature.icon-position-left.icon-bg .feature-icon i{font-size: 28px;} .feature.icon-border .feature-icon{display: inline-block; width: 80px; height: 80px; line-height: 98px; border-radius: 50%; text-align: center; border: 2px solid #cccccc; margin-bottom: 25px;} .feature.icon-border .feature-icon i{font-size: 34px; color: #bdbdbd;} .feature.icon-position-left.icon-border .feature-icon{width: 60px; height: 60px; line-height: 72px; margin-right: 20px;} .feature.icon-position-left.icon-border .feature-icon i{font-size: 28px;} .feature.feature-number .feature-icon{width: 70px; height: 70px; line-height: 72px;} .feature.feature-number .feature-icon span{font-size: 40px; font-weight: 700;} .feature.icon-position-left.feature-number .feature-icon{width: 50px; height: 50px; line-height: 48px;} .feature.icon-position-left.feature-number .feature-icon span{font-size: 28px;} .feature.feature-number-2{position: relative;} .feature.feature-number-2 .feature-icon{padding-top: 17px;} .feature.feature-number-2 .feature-icon span{font-size: 42px; font-weight: 800; line-height: 44px; padding-right: 20px; position: relative; background: #ffffff;} .feature.feature-number-2:before{content: ""; position: absolute; left: 0; top: 0; width: 60px; height: 100%; background: #dddddd;} .feature.feature-number-2.dark-feature:before{background: #323232;} .feature.feature-number-2.theme-feature:before{background: #0a78e4;} .feature.icon-bg.icon-shadow .feature-icon{box-shadow: 0 6px 20px rgba(0, 0, 0, 0.07); -webkit-box-shadow: 0 6px 20px rgba(0, 0, 0, 0.07); height: 100px; background: #fff; color: #0a78e4; width: 100px; line-height: 110px;} .feature.icon-bg.icon-shadow .feature-icon{font-size: 40px;} .feature.dark-feature .feature-icon{color: #323232;} .feature.icon-bg.dark-feature .feature-icon{background: #323232;} .feature.icon-bg.dark-feature .feature-icon i{color: #ffffff;} .feature.icon-bg.feature-number.dark-feature .feature-icon span{color: #ffffff;} .feature.icon-border.dark-feature .feature-icon{border-color: #323232;} .feature.icon-border.dark-feature .feature-icon i{color: #323232;} .feature.theme-feature .feature-icon{color: #0a78e4;} .feature.icon-bg.theme-feature .feature-icon{background: #0a78e4;} .feature.icon-bg.theme-feature .feature-icon i{color: #ffffff;} .feature.icon-bg.feature-number.theme-feature .feature-icon span{color: #ffffff;} .feature.icon-bg.dark-feature .feature-icon, .feature.icon-bg.theme-feature .feature-icon{box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.3);} .feature.icon-border.theme-feature .feature-icon{border-color: #0a78e4;} .feature.icon-border.theme-feature .feature-icon i{color: #0a78e4;} .feature.icon-brd-bg.dark-feature .feature-icon{border-color: #323232;} .feature.icon-brd-bg.dark-feature .feature-icon i{color: #323232;} .feature.grd-feature .feature-icon i{color: #0a78e4; background-image: linear-gradient(to right, #0a78e4, #045aaf); background-image: -webkit-linear-gradient(to right, #0a78e4, #045aaf); -webkit-background-clip: content-box; -webkit-text-fill-color: #fff; background-clip: content-box; text-fill-color: #fff;} .feature.grnd-bg .feature-icon{display: inline-block; background: #0a78e4; width: 80px; height: 80px; line-height: 94px; background-image: linear-gradient(to right, #0a78e4, #045aaf); background-image: -webkit-linear-gradient(to right, #0a78e4, #045aaf); border-radius: 50%;} .feature.grnd-bg .feature-icon i{color: #fff; font-size: 30px;} .inner-intro ul.page-breadcrumb{padding: 0; margin: 0;} .inner-intro ul.page-breadcrumb li{display: inline-block; list-style: none; padding: 0 6px; margin: 5px 0; position: relative;} .inner-intro ul.page-breadcrumb li a{font-size: 14px; line-height: 22px;} .inner-intro ul.page-breadcrumb li span{font-size: 14px;} .inner-intro ul.page-breadcrumb li:before{content: "|"; position: absolute; left: -3px; top: 5px; color: rgba(0, 0, 0, 0.5); font-size: 10px;} .inner-intro ul.page-breadcrumb li:first-child{padding-left: 0;} .inner-intro ul.page-breadcrumb li:last-child{padding-right: 0;} .inner-intro ul.page-breadcrumb li:first-child:before{content: normal;} .inner-intro.dark-bg ul.page-breadcrumb li, .inner-intro.dark-bg ul.page-breadcrumb li:before, .inner-intro.dark-bg ul.page-breadcrumb li a{color: rgba(255, 255, 255, 0.5);} .form-group{margin-bottom: 20px;} .form-control{border-radius: 0; border: none; font-size: 15px; border: 1px solid #e6e6e6; box-shadow: none; height: 44px; padding: 0px 20px; line-height: 44px; background: transparent;} .form-control:focus{border-color: #e6e6e6; box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08);} .form-control.border-bottom{border: 0; background: none; border-bottom: 1px solid #ececec; outline: 0px !important; -webkit--webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0; box-shadow: none;} .form-control.border-bottom:focus{background: none; box-shadow: none; border-bottom: 1px solid #2e71f0;} .form-control.round-style{background: none; border: 1px solid #e6e6e6; border-radius: 50px;} textarea.form-control.round-style{border-radius: 20px;} .form-control.round-style:focus{border-color: #e6e6e6; box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08);} .form-control.fill-bg{border: 0; background: #f5f5f5; border: 1px solid transparent;} .form-control.fill-bg:focus{border-color: #e5e5e5; box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08);} .icon-input{position: relative;} .icon-input input.form-control{padding-left: 45px;} .icon-input i{position: absolute; left: 14px; top: 12px; font-size: 17px; color: #cccccc;} .dark-bg .form-control{color: #ffffff;} .dark-bg .form-control.fill-bg{color: #323232;} .theme-bg .form-control::-moz-placeholder{color: rgba(255, 255, 255, 0.7);} .theme-bg .form-control{color: #ffffff;} .theme-bg .form-control.fill-bg{color: #323232;} ul.list{padding: 0; margin: 0; list-style-type: none;} ul.list li{padding-bottom: 10px;} ul.list.desh li{font-size: 16px;} ul.list.desh li:before{content: '----'; margin-right: 20px; letter-spacing: -0.17em;} ul.dot li{list-style-type: none; position: relative; padding-left: 15px;} ul.dot li:before{content: ""; position: absolute; left: 0px; top: 10px; background-color: #333; height: 4px; width: 4px; display: inline-block;} ul.round li{list-style-type: none; position: relative; padding-left: 25px;} ul.round li:before{content: "\f192"; font-family: 'FontAwesome'; position: absolute; left: 0px; top: 0; display: inline-block;} ul.line{padding: 0; margin: 0;} ul.line li{position: relative; padding-left: 25px;} ul.line li:before{content: ""; position: absolute; top: 12px; left: 0; width: 12px; height: 2px; background: #9b9b9b;} ul.line.white-text li:before{background: #fff;} .pricing-table.pricing-style1{overflow: hidden; padding: 35px 30px; background: #ffffff; text-align: center; border: 2px solid #eeeeee; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1);} .pricing-table.pricing-style1 label{display: block; color: #757575; font-weight: 600; margin-bottom: 8px;} .pricing-table.pricing-style1 .icon-bg{background: #f5f5f5; width: 80px; height: 80px; display: inline-block; text-align: center; line-height: 88px; font-size: 28px; color: #bbbbbb; margin-bottom: 15px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; transition: all 0.3s ease-in-out 0s; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1);} .pricing-table.pricing-style1 .title{font-family: 'Poppins', sans-serif; font-size: 26px; font-weight: 600; margin-bottom: 0px;} .pricing-table.pricing-style1 span{display: block; margin-bottom: 10px;} .pricing-table.pricing-style1 p{margin-bottom: 25px;} .pricing-table.pricing-style1.basic:hover .icon-bg{background: #38454f; color: #ffffff;} .pricing-table.pricing-style1.standard:hover .icon-bg{background: #0a78e4; color: #ffffff;} .pricing-table.pricing-style1.premium:hover .icon-bg{background: #8bc24a; color: #ffffff;} .pricing-table.pricing-style1:hover{box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); transform: scale(1.05);} .dark-bg .pricing-table.pricing-style1{border-color: #444444;} .dark-bg .pricing-table.pricing-style1 .icon-bg{background: #0a78e4; color: #ffffff;} .dark-bg .pricing-table.pricing-style1:hover .icon-bg{background: #ffffff; color: #0a78e4;} .dark-bg .pricing-table.pricing-style1:hover{box-shadow: 0 5px 30px rgba(0, 0, 0, 0.3);} .pricing-table.pricing-style1.no-border{border: none;} .pricing-table.pricing-style1.zoomed{box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); transform: scale(1.05);} .pricing-table.pricing-style1.no-zoomed:hover{box-shadow: inherit; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1);} .pricing-table.pricing-style2{position: relative; padding: 0px; text-align: center; border: 1px solid #eeeeee; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03);} .pricing-table.pricing-style2 label{display: block; font-weight: 600; line-height: 24px; padding: 20px 20px; border-bottom: 1px solid #eeeeee; margin-bottom: 0;} .pricing-table.pricing-style2 header{padding: 25px 20px;} .pricing-table.pricing-style2 .table-body{padding: 35px 40px; padding-top: 25px;} .pricing-table.pricing-style2 .title{font-family: 'Poppins', sans-serif; font-size: 38px; font-weight: 600; margin-bottom: 0px; color: #323232;} .pricing-table.pricing-style2 .title > span{font-size: 13px; color: #8b8d9e; font-weight: 400; margin-bottom: 0px;} .pricing-table.pricing-style2 header > span{color: #dcdde8; margin-bottom: 0px; margin-top: 5px; display: block;} .pricing-table.pricing-style2 ul{list-style-type: none; margin: 0; padding: 0;} .pricing-table.pricing-style2 .pricing-table .dark-text{color: #323232;} .grey-bg .pricing-table.pricing-style2{border-color: #dddddd;} .grey-bg .pricing-table.pricing-style2 label{border-color: #dddddd;} .dark-bg .pricing-table.pricing-style2{border-color: #444444;} .dark-bg .pricing-table.pricing-style2 label{border-color: #444444;} .pricing-table.pricing-style2 .table-icon li{text-align: left;} .pricing-table.pricing-style2 .table-icon li > i{float: right; color: #0a78e4;} .pricing-table.pricing-style2.theme-bg{color: #fff;} .pricing-table.pricing-style2.theme-bg .table-icon li > i{float: right; color: #fff;} .pricing-table.pricing-style2.theme-bg .title > span{color: #fff;} .skill{display: inline-block; margin-bottom: 30px; width: 100%;} .skill-bar{width: 100%; height: 4px; margin: 30px 0 20px 0; background-color: #f2f2f2;} .skill-bar:not(:first-child){margin-top: 55px;} .skill-bar:last-child{margin-bottom: 0px;} .skill-bar .progress-bar{height: 100%; background: #0a78e4; color: #464646; padding: 0px; box-shadow: none; transition: width .9s ease; -webkit-transition: width .9s ease; -o-transition: width .9s ease; -ms-transition: width .9s ease; -moz-transition: width .9s ease; background: #0a78e4; background: -webkit-linear-gradient(left, #0a78e4, #323232); background: -o-linear-gradient(right, #0a78e4, #323232); background: -moz-linear-gradient(right, #0a78e4, #323232); background: linear-gradient(to right, #0a78e4, #323232);} .progress-title{font-size: 15px; font-weight: 400; position: absolute; text-align: left; margin-left: 0; margin-top: -25px;} .progress-title > i{margin-right: 8px;} .skill-bar .progress-bar{position: relative;} .skill-bar .progress-bar .progress-number, .skill-bar .progress-bar .progress-type{margin-top: -18px; position: relative; top: -10px; font-size: 15px; font-weight: 600; position: absolute; right: 0;} .skill-bar .progress-bar.dark{background-color: #333;} .skill-bar .progress-bar .progress-number{right: 13px;} .skill-bold .progress-bar{box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);} .skill-bold .progress-bar .progress-number, .skill-bold .progress-bar .progress-type{margin-top: 0; top: 0; color: #ffffff; top: 6px; right: 7px;} .skill-bold .skill-bar{height: 33px; margin: 10px 0; background: none;} .skill-bold .progress-title{margin-top: 0; color: #ffffff; font-size: 14px; padding: 7px 10px;} .dark-bg .progress-bar{color: #fff;} .dark-bg .skill-boll .progress-bar, .dark-bg .skill-boll .progress-bar:before{background: #ffffff;} .rounded-skill{display: inline-block; margin: 0 0 15px; position: relative; text-align: center; font-size: 30px; font-weight: 700; color: #333333;} .rounded-skill + .title{margin-bottom: 0; font-size: 13px; font-weight: 600; text-transform: uppercase;} .rounded-skill i{font-size: 42px;} .rounded-skill canvas{position: absolute; top: 0; left: 0;} .rounded-skill .counter .timer{display: inline;} .dark-bg .rounded-skill{color: #ffffff;} .social-icons{display: inline-block;} .social-icons ul{padding: 0; margin: 0;} .text-center.social-icons ul{display: inline-block;} .social-icons li{float: left; list-style: none; padding: 0; margin: 0 8px 0px 0;} .social-icons li:last-child{margin-right: 0;} .social-icons li a{float: left; height: 34px; width: 34px; line-height: 34px; font-size: 16px; text-align: center; margin: 0; border-radius: 4px; border: 0; background: transparent; color: #333; overflow: hidden; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;} .text-white .social-icons li a{color: #ffffff;} .social-icons.large li a{height: 42px; width: 42px; line-height: 42px; font-size: 18px;} .social-icons.medium li a{height: 30px; width: 30px; line-height: 30px; font-size: 16px;} .social-icons.small li a{height: 28px; width: 28px; line-height: 28px; font-size: 14px;} .social-icons.color a, .social-icons.color-hover a:hover{color: #fff; border: 0;} .social-icons.color .social-rss a, .social-icons.color-hover .social-rss a:hover, .social-icons.effect-1 .social-rss a:hover:before, .social-icons.effect-2 .social-rss a:hover:before{background-color: #faa33d;} .social-icons.color .social-facebook a, .social-icons.color-hover .social-facebook a:hover, .social-icons.effect-1 .social-facebook a:hover:before, .social-icons.effect-2 .social-facebook a:hover:before{background-color: #5d82d1;} .social-icons.color .social-twitter a, .social-icons.color-hover .social-twitter a:hover, .social-icons.effect-1 .social-twitter a:hover:before, .social-icons.effect-2 .social-twitter a:hover:before{background-color: #40bff5;} .social-icons.color .social-vimeo a, .social-icons.color-hover .social-vimeo a:hover, .social-icons.effect-1 .social-vimeo a:hover:before, .social-icons.effect-2 .social-vimeo a:hover:before{background-color: #35c6ea;} .social-icons.color .social-myspace a, .social-icons.color-hover .social-myspace a:hover, .social-icons.effect-1 .social-myspace a:hover:before, .social-icons.effect-2 .social-myspace a:hover:before{background-color: #008dde;} .social-icons.color .social-youtube a, .social-icons.color-hover .social-youtube a:hover, .social-icons.effect-1 .social-youtube a:hover:before, .social-icons.effect-2 .social-youtube a:hover:before{background-color: #ef4e41;} .social-icons.color .social-instagram a, .social-icons.color-hover .social-instagram a:hover, .social-icons.effect-1 .social-instagram a:hover:before, .social-icons.effect-2 .social-instagram a:hover:before{background-color: #548bb6;} .social-icons.color .social-gplus a, .social-icons.color-hover .social-gplus a:hover, .social-icons.effect-1 .social-gplus a:hover:before, .social-icons.effect-2 .social-gplus a:hover:before{background-color: #d68400;} .social-icons.color .social-stumbleupon a, .social-icons.color-hover .social-stumbleupon a:hover, .social-icons.effect-1 .social-stumbleupon a:hover:before, .social-icons.effect-2 .social-stumbleupon a:hover:before{background-color: #ff5c30;} .social-icons.color .social-lastfm a, .social-icons.color-hover .social-lastfm a:hover, .social-icons.effect-1 .social-lastfm a:hover:before, .social-icons.effect-2 .social-lastfm a:hover:before{background-color: #f34320;} .social-icons.color .social-pinterest a, .social-icons.color-hover .social-pinterest a:hover, .social-icons.effect-1 .social-pinterest a:hover:before, .social-icons.effect-2 .social-pinterest a:hover:before{background-color: #e13138;} .social-icons.color .social-google a, .social-icons.color-hover .social-google a:hover, .social-icons.effect-1 .social-google a:hover:before, .social-icons.effect-2 .social-google a:hover:before{background-color: #eb5e4c;} .social-icons.color .social-evernote a, .social-icons.color-hover .social-evernote a:hover, .social-icons.effect-1 .social-evernote a:hover:before, .social-icons.effect-2 .social-evernote a:hover:before{background-color: #9acf4f;} .social-icons.color .social-dribbble a, .social-icons.color-hover .social-dribbble a:hover, .social-icons.effect-1 .social-dribbble a:hover:before, .social-icons.effect-2 .social-dribbble a:hover:before{background-color: #f7659c;} .social-icons.color .social-skype a, .social-icons.color-hover .social-skype a:hover, .social-icons.effect-1 .social-skype a:hover:before, .social-icons.effect-2 .social-skype a:hover:before{background-color: #13c1f3;} .social-icons.color .social-forrst a, .social-icons.color-hover .social-forrst a:hover, .social-icons.effect-1 .social-forrst a:hover:before, .social-icons.effect-2 .social-forrst a:hover:before{background-color: #45ad76;} .social-icons.color .social-linkedin a, .social-icons.color-hover .social-linkedin a:hover, .social-icons.effect-1 .social-linkedin a:hover:before, .social-icons.effect-2 .social-linkedin a:hover:before{background-color: #238cc8;} .social-icons.color .social-wordpress a, .social-icons.color-hover .social-wordpress a:hover, .social-icons.effect-1 .social-wordpress a:hover:before, .social-icons.effect-2 .social-wordpress a:hover:before{background-color: #2592c3;} .social-icons.color .social-grooveshark a, .social-icons.color-hover .social-grooveshark a:hover, .social-icons.effect-1 .social-grooveshark a:hover:before, .social-icons.effect-2 .social-grooveshark a:hover:before{background-color: #ffb21d;} .social-icons.color .social-delicious a, .social-icons.color-hover .social-delicious a:hover, .social-icons.effect-1 .social-delicious a:hover:before, .social-icons.effect-2 .social-delicious a:hover:before{background-color: #377bda;} .social-icons.color .social-behance a, .social-icons.color-hover .social-behance a:hover, .social-icons.effect-1 .social-behance a:hover:before, .social-icons.effect-2 .social-behance a:hover:before{background-color: #1879fd;} .social-icons.color .social-dropbox a, .social-icons.color-hover .social-dropbox a:hover, .social-icons.effect-1 .social-dropbox a:hover:before, .social-icons.effect-2 .social-dropbox a:hover:before{background-color: #17a3eb;} .social-icons.color .social-soundcloud a, .social-icons.color-hover .social-soundcloud a:hover, .social-icons.effect-1 .social-soundcloud a:hover:before, .social-icons.effect-2 .social-soundcloud a:hover:before{background-color: #ff7e30;} .social-icons.color .social-deviantart a, .social-icons.color-hover .social-deviantart a:hover, .social-icons.effect-1 .social-deviantart a:hover:before, .social-icons.effect-2 .social-deviantart a:hover:before{background-color: #6a8a7b;} .social-icons.color .social-yahoo a, .social-icons.color-hover .social-yahoo a:hover, .social-icons.effect-1 .social-yahoo a:hover:before, .social-icons.effect-2 .social-yahoo a:hover:before{background-color: #ab47ac;} .social-icons.color .social-flickr a, .social-icons.color-hover .social-flickr a:hover, .social-icons.effect-1 .social-flickr a:hover:before, .social-icons.effect-2 .social-flickr a:hover:before{background-color: #ff48a3;} .social-icons.color .social-digg a, .social-icons.color-hover .social-digg a:hover, .social-icons.effect-1 .social-digg a:hover:before, .social-icons.effect-2 .social-digg a:hover:before{background-color: #75788d;} .social-icons.color .social-blogger a, .social-icons.color-hover .social-blogger a:hover, .social-icons.effect-1 .social-blogger a:hover:before, .social-icons.effect-2 .social-blogger a:hover:before{background-color: #ff9233;} .social-icons.color .social-tumblr a, .social-icons.color-hover .social-tumblr a:hover, .social-icons.effect-1 .social-tumblr a:hover:before, .social-icons.effect-2 .social-tumblr a:hover:before{background-color: #426d9b;} .social-icons.color .social-quora a, .social-icons.color-hover .social-quora a:hover, .social-icons.effect-1 .social-quora a:hover:before, .social-icons.effect-2 .social-quora a:hover:before{background-color: #ea3d23;} .social-icons.color .social-github a, .social-icons.color-hover .social-github a:hover, .social-icons.effect-1 .social-github a:hover:before, .social-icons.effect-2 .social-github a:hover:before{background-color: #3f91cb;} .social-icons.color .social-amazon a, .social-icons.color-hover .social-amazon a:hover, .social-icons.effect-1 .social-amazon a:hover:before, .social-icons.effect-2 .social-amazon a:hover:before{background-color: #ff8e2e;} .social-icons.color .social-xing a, .social-icons.color-hover .social-xing a:hover, .social-icons.effect-1 .social-xing a:hover:before, .social-icons.effect-2 .social-xing a:hover:before{background-color: #1a8e8c;} .social-icons.color .social-wikipedia a, .social-icons.color-hover .social-wikipedia a:hover, .social-icons.effect-1 .social-wikipedia a:hover:before, .social-icons.effect-2 .social-wikipedia a:hover:before{background-color: #b3b5b8;} .social-icons.color .social-android a, .social-icons.color-hover .social-android a:hover, .social-icons.effect-1 .social-android a:hover:before, .social-icons.effect-2 .social-android a:hover:before{background-color: #A4C639;} .social-icons.color .social-apple a, .social-icons.color-hover .social-apple a:hover, .social-icons.effect-1 .social-apple a:hover:before, .social-icons.effect-2 .social-apple a:hover:before{background-color: #999999;} .social-icons.border li a{border: 1px solid #eee; background: transparent;} .social-icons.social-icons-dark li a{background: #828282; color: #fff;} .social-icons.light li a{background: #fff; color: #333; border: 1px solid #eee;} .social-icons.rounded li a{-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;} .social-icons.social-icons-large li a{height: 50px; width: 50px; line-height: 50px; font-size: 18px; margin: 0 10px 10px 0;} .social-icons.animated li:hover i{-webkit-animation: toTopFromBottom 0.3s forwards; -moz-animation: toTopFromBottom 0.3s forwards; animation: toTopFromBottom 0.3s forwards;} .social-icons li{margin: 0 8px 8px 0;} .social-icons li:last-child{margin-right: 0px;} .social-icons.effect-1 li a{height: 40px; width: 40px; line-height: 40px; font-size: 16px; position: relative; overflow: visible;} .social-icons.effect-1 li a:hover{background-color: transparent; color: #ffffff; border: 1px solid transparent;} .social-icons.effect-1 li a:before{content: ""; background-color: #000000; position: absolute; width: 100%; height: 100%; left: 0; top: 0; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; -moz-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} .social-icons.effect-1 li a:hover:before{opacity: 1; -moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1);} .social-icons.effect-1 li a:hover i{color: #ffffff; position: relative; z-index: 0;} .social-icons.large.effect-1 li a, .social-icons.large.effect-2 li a{height: 50px; width: 50px; line-height: 50px; font-size: 18px;} .social-icons.medium.effect-1 li a, .social-icons.medium.effect-2 li a{height: 40px; width: 40px; line-height: 40px; font-size: 16px;} .social-icons.small.effect-1 li a, .social-icons.small.effect-2 li a{height: 30px; width: 30px; line-height: 30px; font-size: 14px;} .social-icons.effect-2 li{margin: 0 5px 5px 0;} .social-icons.effect-2 li a{height: 40px; width: 40px; line-height: 40px; font-size: 16px; position: relative; overflow: visible;} .social-icons.effect-2 li a:hover{background-color: transparent; color: #ffffff; -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); border: 1px solid transparent;} .social-icons.effect-2 li a:before{content: ""; background-color: #000000; position: absolute; width: 100%; height: 100%; left: 0; top: 0; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; -moz-transform: scale(0.5); -webkit-transform: scale(0.5); transform: scale(0.5); opacity: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} .social-icons.effect-2 li a:hover:before{opacity: 1; -moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1);} .social-icons.effect-2 li a:hover i{color: #ffffff; position: relative; z-index: 0;} .social-icons.rounded li a:before{-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;} .social-icons.transpernt.border li a{color: #959595; border-color: #757575;} .social-icons.transpernt.border li a:hover{border: 1px solid transparent;} @keyframes toTopFromBottom{49%{transform: translateY(-100%);}50%{opacity: 0; transform: translateY(100%);}51%{opacity: 1;}} .feature-box{position: relative;} .feature-box .step{font-size: 100px; font-weight: 700; line-height: 100px; color: rgba(0, 0, 0, 0.05); position: absolute; top: -50%; z-index: 9;} .feature-box h3{margin-bottom: 10px; line-height: 26px; font-size: 22px; font-weight: 600; position: relative; z-index: 9;} .feature-box p{margin-bottom: 0;} .dark-bg .feature-box .step{color: rgba(255, 255, 255, 0.2);} .theme-bg .feature-box .step{color: rgba(255, 255, 255, 0.2);} .feature-box.feature-text1 .step{color: #0a78e4; position: relative; top: 0; font-size: 76px; line-height: 60px; padding-bottom: 15px; margin-bottom: 10px; display: block;} .feature-box.feature-text1 .step:before{content: ""; position: absolute; left: 3px; bottom: 0; width: 25px; height: 2px; background: #0a78e4;} .feature-step{position: relative; padding-top: 85px;} .feature-step .step{font-size: 150px; font-weight: 700; line-height: 150px; color: rgba(0, 0, 0, 0.05); position: absolute; top: 0px; z-index: 9;} .feature-step h3{margin-bottom: 10px; position: relative; z-index: 9;} .feature-step p{margin-bottom: 0;} .dark-bg .feature-step .step{color: rgba(255, 255, 255, 0.2);} .theme-bg .feature-step .step{color: rgba(255, 255, 255, 0.2);} .feature-step.feature-text1{padding-top: 0px;} .feature-step.feature-text1 .step{color: #0a78e4; position: relative; top: 0; font-size: 50px; line-height: 50px; padding-bottom: 5px; margin-bottom: 10px; display: block;} .feature-step.feature-text1 .step:before{content: ""; position: absolute; left: 3px; bottom: 0; width: 25px; height: 2px; background: #0a78e4;} .feature-text1.feature-sm .step{font-size: 30px; line-height: 30px;} .theme-bg .feature-step.feature-text1 .step{color: #ffffff;} .theme-bg .feature-step.feature-text1 .step:before{background: #ffffff;} .feature-step.style-3{padding-top: 0;} .feature-step.style-3 .step{font-size: 160px; color: rgba(0, 0, 0, 0.12); font-weight: 800; top: 55px; z-index: -1;} .feature-step.style-3 .feature-info .title{font-size: 30px; line-height: 40px; font-weight: 800; margin-bottom: 0; margin-top: 15px;} .feature-step.new-style{display: table-cell; padding-top: 0; text-align: center; padding: 0 20px;} .feature-step.new-style .feature-icon{display: inline-block; width: 130px; height: 130px; line-height: 155px; color: #666; text-align: center; border-radius: 80px; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08); border: 1px solid #e8e8e8; position: relative; margin-bottom: 30px;} .feature-step.new-style .feature-icon i{font-size: 44px;} .feature-step.new-style .feature-icon .number{width: 35px; height: 35px; line-height: 35px; font-weight: bold; position: absolute; right: 0; top: 0; background: #0a78e4; color: #ffffff; text-align: center; border-radius: 80px;} .feature-step.new-style:before{content: " "; position: absolute; right: -20%; top: 65px; width: 100px; height: 1px; background: #ccc;} .feature-step.new-style.last-child:before{content: normal;} .tab .nav-tabs{width: 100%; margin: 0px; border: none;} .tab .nav-tabs li{margin: 0; float: none; display: inline-block;} .tab .nav-tabs li.active{border-bottom: none; background: none;} .tab .nav-tabs li a{border: none; display: inline-block; background: transparent; padding: 13px 30px; position: relative; margin-right: 0px; color: #333333; font-size: 14px; font-weight: 400; text-transform: uppercase; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; border-radius: 50px;} .tab .nav-tabs li a i{font-size: 16px; margin-right: 5px; position: relative; top: 1px;} .text-white .tab .nav-tabs li a{color: #fff;} .tab .nav-tabs li a:hover{color: #0a78e4; border: none;} .tab .nav-tabs li.active a{color: #ffffff; background: #0a78e4; border: none; box-shadow: 0px 10px 30px 0px rgba(10, 120, 228, 0.2);} .tab .tab-content{width: 100%; margin-top: 0; padding: 20px; padding-left: 0; padding-bottom: 0; text-align: left;} .tab.tab-border .nav-tabs{display: inline-block; width: auto; border: 1px solid #ddd; border-radius: 50px;} .tab.tab-border .nav-tabs li{float: left;} .tab.tab-border .nav-tabs li a{border-radius: 0;} .tab.tab-border .nav-tabs li:first-child a{border-radius: 60px 0 0 60px;} .tab.tab-border .nav-tabs li:last-child a{border-radius: 0 60px 60px 0;} .tab.tab-border-bottom .nav-tabs li{margin: 0 -2px;} .tab.tab-border-bottom .nav-tabs li a{padding: 13px 15px;} .tab.tab-border-bottom .nav-tabs li.active a{color: #0a78e4; background: transparent; border: none; box-shadow: none;} .tab.tab-border-bottom .nav-tabs li a:after{content: ""; width: 100%; height: 1px; background: #dddddd; position: absolute; bottom: 0px; left: 0; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; z-index: 1;} .tab.tab-border-bottom .nav-tabs li a:before{content: ""; width: 0; height: 4px; background: #0a78e4; position: absolute; bottom: -1px; left: 50%; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; z-index: 2;} .tab.tab-border-bottom .nav-tabs li.active a:before{width: 100%; left: 0;} .team .member-image img{border-radius: 4px; box-shadow: 0 15px 30px rgba(0, 0, 0, 0.07);} .team .team-info{padding-top: 15px;} .team .team-info .member-name{margin-bottom: 5px;} .team .team-info .member-position{font-family: 'Merriweather', serif; font-weight: normal; color: #0a78e4;} .team .team-info .social a{width: 20px; height: 25px; text-align: center; line-height: 26px; margin: 0 2px; display: inline-block;} .team .team-info .social a i{font-size: 15px; color: #cfd1d9;} .team.style2 img{overflow: hidden; border-radius: 50%; border: 1px solid #fff;} .team.style2 .team-info{padding-top: 25px;} .team.style2 .social a i{font-size: 15px; color: #222;} .team.style3 .member-image{position: relative; border-radius: 4px; overflow: hidden;} .team.style3 .member-image:after{content: ""; position: absolute; top: inherit; height: 65%; right: 0; bottom: 0; left: 0; background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 50%); background-repeat: repeat-x; z-index: 0;} .team.style3 .team-info .member-name, .team.style3 .team-info .member-position{color: #fff;} .team.style3 .team-info{position: absolute; width: 100%; bottom: 0; padding: 20px; color: #fff;} .team.style3 .social a i{font-size: 15px; color: #ccc;} .team.style3.no-radius .member-image{position: relative; border-radius: 0; overflow: hidden;} .team.style3.no-radius .member-image img{border-radius: 0;} .team.style4 .member-image, .team.style4 .team-info{display: table-cell; float: none;} .team.style4 .team-info{vertical-align: middle; padding-left: 20px;} .team.style4 .team-info .member-name{margin-bottom: 15px;} .team.style4 .team-info .member-position{margin-bottom: 5px;} .testimonials i{font-size: 26px; line-height: 30px; color: #1f1f1f; margin-bottom: 20px;} .testimonials i.theme-text{color: #0a78e4;} .testimonials .author-description{font-size: 18px; line-height: 26px; color: #1f1f1f; margin-bottom: 20px;} .testimonials .author-name{font-size: 16px; line-height: 24px; color: #222; font-weight: 600;} .testimonials label{font-weight: 400; font-size: 16px; font-family: 'Merriweather', serif; margin-bottom: 0;} .testimonials.style-2{background: #ffffff; padding: 30px; margin-bottom: 20px; border-radius: 4px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.03);} .testimonials.style-2 .author-description{font-size: 15px; font-weight: 500; color: #4b555f; margin-bottom: 0; margin-top: 30px;} .testimonials.style-2 .author-wrap{display: table; float: none; width: 100%;} .testimonials.style-2 .author-info, .testimonials.style-2 .author-img{display: table-cell; width: 60%;} .testimonials.style-2 .author-img{text-align: right; vertical-align: top; width: 40%;} .testimonials.style-2 .author-img img{width: 60px; display: inline-block; height: 60px; border-radius: 50px; overflow: hidden;} .testimonials.style-2 label{display: block;} .testimonials.style-2 .author-name{color: #0a78e4;} .testimonials.style-3{padding: 30px; border-radius: 4px; border: 1px solid rgba(255, 255, 255, 0.16);} .testimonials.style-3 .author-description{font-size: 18px; line-height: 24px; font-weight: 400; color: #4b555f; margin-bottom: 0; margin-top: 30px;} .testimonials.style-3 .author-wrap{display: table; float: none;} .testimonials.style-3 .author-info, .testimonials.style-3 .author-img{display: table-cell; padding-right: 20px;} .testimonials.style-3 .author-img{text-align: right; vertical-align: top;} .testimonials.style-3 .author-img img{width: 60px; display: inline-block; height: 60px; border-radius: 50px; overflow: hidden;} .testimonials.style-3 label{display: block;} .dark-bg .testimonials.style-3 .author-name{color: #0a78e4;} .testimonials.style-4 .author-description{font-size: 24px; line-height: 50px;} .testimonials.style-4 i{color: #0a78e4 !important; font-size: 40px; padding: 0 10px;} .testimonials.style-4 .author-name{display: inline-block; text-transform: uppercase; font-size: 16px; font-weight: 300;} .testimonials.style-4 .author-name .line{width: 50px; height: 3px; margin: 5px 20px; display: inline-block; background-color: #0a78e4;} .testimonials.style-5{background: #ffffff; border-radius: 4px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.03);} .testimonials.style-5 .author-description{font-size: 22px; color: #222; font-weight: 600; margin-top: -20px; padding: 40px 30px; padding-top: 0; line-height: 30px;} .testimonials.style-5 .author-info span{display: block;} .testimonials.style-5 .author-img img{width: 100px; display: inline-block; border: 7px solid #fff; height: 100px; border-radius: 50px; overflow: hidden;} .testimonials.style-5 .author-info{-webkit-transform: translateY(-31%); -ms-transform: translateY(-31%); transform: translateY(-31%);} .theme-bg .testimonials.style-5 p, .dark-bg .testimonials.style-5 p{color: #222;} .dark-bg .testimonials i, .dark-bg .testimonials .author-description, .dark-bg .testimonials .author-name, .dark-bg .testimonials label{color: #ffffff;} .dark-bg .testimonials.style-2 i, .dark-bg .testimonials.style-2 .author-name{color: #0a78e4;} .dark-bg .testimonials.style-2 .author-description, .dark-bg .testimonials.style-2 label{color: #323232;} .timeline .year{display: none;} .timeline .timeline-panel{padding-left: 30px; position: relative;} .timeline .timeline-body > p, .timeline .timeline-body > ul{background: none; padding: 0;} .timeline .timeline-body{padding-top: 0px; padding-bottom: 30px; position: relative; font-size: 14px;} .timeline .timeline-body:before{content: ""; position: absolute; left: -24px; top: 5px; width: 1px; height: 100%; background: #f0f0f0;} .timeline .timeline-body .title{position: relative; font-weight: 400; top: -6px; margin-bottom: 0;} .timeline .timeline-body .title:before{content: ""; position: absolute; left: -28px; top: 10px; width: 10px; height: 10px; background: #0a78e4; border-radius: 50%;} .timeline .timeline-panel:last-child .timeline-body{padding-bottom: 0;} .timeline .timeline-panel:last-child:before{content: normal;} .dark-bg .timeline .timeline-body:before{background: rgba(255, 255, 255, 0.2);} .theme-bg .timeline .timeline-body .title::before{background-color: #ffffff;} .theme-bg .timeline .timeline-body:before{background: rgba(255, 255, 255, 0.5);} .theme-bg .timeline .year.theme-bg{background: #ffffff; color: #999999;} .timeline-2 .year{position: absolute; left: -20px; top: 23px; font-size: 26px; color: #ffffff; padding: 3px 10px; padding-bottom: 6px; font-weight: 700; line-height: 22px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); transform: rotate(-90deg); display: block;} .timeline-2 .timeline-panel{padding-left: 50px;} .timeline-2 .timeline-body:before{left: -32px; z-index: -1; background-color: #dddddd;} .timeline-2 .timeline-body .title::before{content: normal;} .timeline-3 .year{position: absolute; left: 0; top: 0; font-size: 18px; color: #ffffff; padding: 0px 10px; padding-bottom: 2px; font-weight: 700; line-height: 22px; display: block;} .timeline-3 .timeline-panel{padding-left: 90px;} .timeline-3 .timeline-body .title::before{left: -20px;} .timeline-3 .timeline-body:before{left: -15px;} .timeline.style-1{display: table; position: relative; padding-top: 60px;} .timeline.style-1:before{content: ""; position: absolute; left: 0; top: 60px; width: 100%; height: 1px; background: #dddddd;} .timeline.style-1 .timeline-block{display: table-cell; padding-right: 15px; position: relative; padding-top: 25px;} .timeline.style-1 .timeline-block:before{content: ""; position: absolute; left: 4px; top: -5px; width: 10px; height: 10px; background: #0a78e4; border-radius: 30px;} .timeline.style-1 .timeline-block:after{content: ""; position: absolute; left: 0px; top: -9px; width: 18px; height: 18px; background: #ffffff; border-radius: 30px; border: 1px solid #0a78e4; z-index: -1;} .timeline.style-1 .timeline-block > span{display: block; font-size: 18px; background: #0a78e4; color: #ffffff; font-weight: 700; position: absolute; left: 8px; top: -60px; padding: 5px 15px; padding-bottom: 3px;} .timeline.style-1 .timeline-block > span:before{content: ""; width: 0; height: 0; border-left: 0px solid transparent; border-right: 12px solid transparent; border-top: 10px solid #0a78e4; position: absolute; bottom: -10px; left: 0;} .timeline.style-1 .timeline-block .title{color: #323232;} .timeline.style-1 .timeline-block .title i{color: #0a78e4; font-size: 30px; margin-right: 10px;} .timeline.style-2{position: relative; padding-top: 50px;} .timeline.style-2:before{content: ""; position: absolute; left: 0; top: 50px; width: 100%; height: 1px; background: #dddddd;} .timeline.style-2 .timeline-block{padding-right: 15px; position: relative; padding-top: 25px;} .timeline.style-2 .timeline-block:before{content: ""; position: absolute; left: 4px; top: -5px; width: 10px; height: 10px; background: #0a78e4; border-radius: 30px;} .timeline.style-2 .timeline-block:after{content: ""; position: absolute; left: 0px; top: -9px; width: 18px; height: 18px; background: #ffffff; border-radius: 30px; border: 1px solid #0a78e4; z-index: -1;} .timeline.style-2 .timeline-block .block{background: #0a78e4; color: #ffffff; box-shadow: 0 5px 8px rgba(0, 0, 0, 0.1); border: 1px solid #f5f5f5; padding: 20px;} .timeline.style-2 .timeline-block .block > span{display: block; margin-bottom: 30px; font-size: 24px; color: #0a78e4; font-weight: 700; position: absolute; top: -45px; left: 0;} .timeline.style-2 .timeline-block .title{color: #ffffff;} .timeline.style-2 .timeline-block .title i{color: #ffffff; font-size: 30px; margin-right: 10px; display: block; margin-bottom: 10px;} .photobox{display: block; position: relative; width: 100%; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05); border-radius: 3px;} .photobox .photobox-img{position: relative; border-top-left-radius: 4px; border-top-right-radius: 4px;} .photobox-content{position: relative; overflow: hidden; background: #FFF; border-top: 0; padding: 2em; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out;} .photobox .photobox-content a{color: #0a78e4;} .photobox.style2{box-shadow: inherit;} .photobox.style2 .photobox-img{box-shadow: 0 20px 40px rgba(0, 0, 0, 0.09);} .photobox.style2 .photobox-img img{border-radius: 4px;} .photobox.style2 .photobox-content{background: none; padding: 0; padding-top: 2em;} .photobox.style2 p{font-family: 'Merriweather', serif; color: #ccc; font-style: italic; margin-bottom: 5px;} .photobox.style3{color: #fff; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.07); border-radius: 0;} .photobox.style3 .photobox-content{background: none; position: absolute; bottom: 0; z-index: 1;} .photobox.style3 p{font-family: 'Merriweather', serif; color: #fff; font-style: italic; margin-bottom: 0px;} .photobox.style3 h2, .photobox.style3 h3, .photobox.style3 h4, .photobox.style3 h5, .photobox.style3 h6{color: #fff; margin-bottom: 0px;} .photobox.style3:after{content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: linear-gradient(to top, black -50%, rgba(0, 0, 0, 0.1) 50%); background-repeat: repeat-x; z-index: 0;} .shop-banner{display: table; width: 100%; height: 300px; padding: 30px; position: relative; background-size: cover; overflow: hidden;} .shop-banner .shop-banner-inner{display: table-cell; height: 100%; position: relative; z-index: 9;} .shop-banner .shop-banner-image{background-size: cover; position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: -1; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s;} .shop-banner-section.full-width{padding-top: 15px !important; padding-left: 5px !important; padding-right: 5px !important;} .shop-banner + .shop-banner{margin-top: 20px; height: 280px;} .shop-banner + .shop-banner.plus .shop-banner{height: 280px;} .no-gutter .shop-banner + .shop-banner{margin-top: 0;} .no-gutter .shop-banner{height: 300px;} .shop-banner.size-l{width: 100%; height: 600px;} .shop-banner-section .row [class*='col-']{padding-left: 10px; padding-right: 10px;} .shop-banner-section .row.no-gutter [class*='col-']{padding-left: 0px; padding-right: 0px;} .shop-banner-section .row.no-gutter .shop-banner{margin: 0;} .shop-banner.align-t{vertical-align: top; height: 100%;} .shop-banner.align-m{vertical-align: middle; height: 100%;} .shop-banner.align-b{vertical-align: bottom; height: 100%;} .shop-banner .align-t{vertical-align: top;} .shop-banner .align-m{vertical-align: middle;} .shop-banner .align-b{vertical-align: bottom;} .shop-banner .shop-lable{background: transparent; color: #323232; padding: 0px; margin-bottom: 10px; font-size: 14px; line-height: 1.3;} .shop-banner .text-light{color: #ffffff;} .shop-banner .text-dark{color: #323232;} .shop-banner .text-theme{color: #0a78e4;} .shop-banner .lable-light{background: #ffffff; color: #323232; padding: 5px 15px;} .shop-banner .lable-grey{background: #f9eec1; color: #323232; padding: 5px 15px;} .shop-banner .lable-dark{background: #323232; color: #ffffff; padding: 5px 15px;} .shop-banner .lable-theme{background: #0a78e4; color: #ffffff; padding: 5px 15px;} .shop-banner .shop-lable.size-lg{font-size: 34px;} .shop-banner .shop-lable.size-md{font-size: 22px;} .shop-banner .shop-lable.size-sm{font-size: 16px;} .shop-banner .shop-lable.size-xs{font-size: 10px;} .shop-banner .link{color: #323232; text-decoration: underline !important; font-size: 14px; margin-bottom: 5px;} .shop-banner .link-light{color: #ffffff;} .shop-banner .link-dark{color: #323232;} .shop-banner .fill{background-color: #323232; color: #ffffff; border: 1px solid #323232; padding: 5px 22px; font-size: 14px; text-decoration: none !important; display: inline-block; -webkit-border-radius: 80px; -ms-border-radius: 80px; border-radius: 80px; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s;} .shop-banner .fill:hover{background-color: transparent; color: #323232;} .shop-banner .border{border: 1px solid #323232; padding: 5px 22px; font-size: 14px; text-decoration: none !important; display: inline-block; -webkit-border-radius: 80px; -ms-border-radius: 80px; border-radius: 80px; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s;} .shop-banner .border:hover{background-color: #323232; color: #ffffff;} .shop-banner .btn-light{background: #ffffff; color: #323232; border-color: transparent;} .shop-banner .btn-light:hover{color: #ffffff; border-color: #ffffff;} .shop-banner .link.link-lg{font-size: 16px;} .shop-banner .link.link-sm{font-size: 12px;} .shop-banner .link.link-xs{font-size: 10px;} .shop-banner .link.fill.link-lg{font-size: 16px; padding: 6px 25px;} .shop-banner .link.fill.link-sm{font-size: 12px; padding: 5px 18px;} .shop-banner .link.fill.link-xs{font-size: 10px; padding: 3px 15px;} .shop-banner .link.border.link-lg{font-size: 16px; padding: 6px 25px;} .shop-banner .link.border.link-sm{font-size: 12px; padding: 5px 18px;} .shop-banner .link.border.link-xs{font-size: 10px; padding: 3px 15px;} .shop-banner .link.fill.squer{border-radius: 0px;} .shop-banner.border{border: 2px solid rgba(0, 0, 0, 0.15);} .shop-banner.border-dark, .shop-banner.border-light{position: relative; padding: 45px;} .shop-banner.border-dark:before{content: ""; position: absolute; left: 20px; top: 20px; bottom: 20px; right: 20px; border: 1px solid rgba(0, 0, 0, 0.15); z-index: 0;} .shop-banner.border-light:before{content: ""; position: absolute; left: 20px; top: 20px; bottom: 20px; right: 20px; border: 1px solid rgba(255, 255, 255, 0.3); z-index: 0;} .shop-banner .zoom{-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);} .shop-banner:hover .zoom{-webkit-transform: scale(1.08); -ms-transform: scale(1.08); transform: scale(1.08);} .shop-banner .slide{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);} .shop-banner:hover .slide{left: -15px;} .shop-info{display: table; width: 100%;} .shop-info .info-icon{width: 55px;} .shop-info .info-icon i{font-size: 40px;} .shop-info .title{margin-bottom: 0;} .shop-info p{margin-bottom: 0;} .shop-info .info-icon, .shop-info .info-text{display: table-cell; vertical-align: top;} .dark-bg .shop-info{border-color: rgba(255, 255, 255, 0.15);} .theme-bg .shop-info{border-color: rgba(255, 255, 255, 0.3);} .theme-bg .shop-info .info-icon i{color: #ffffff;} .shop-info-1{display: table; border: 1px solid #dddddd; padding: 35px 30px; width: 100%;} .shop-info-2{border: none; padding: 15px 20px; border-right: 1px solid rgba(0, 0, 0, 0.15);} .dark-bg .shop-info-2, .theme-bg .shop-info-2{border-right: 1px solid rgba(255, 255, 255, 0.15);} .theme-bg .shop-info-2 .info-icon i{color: #ffffff;} .shop-info-2.last{border-right: none;} .shop-info-3{border: none; padding: 0;} .shop-info-3 .info-icon{display: inline-block; margin-bottom: 20px;} .shop-info-3 .info-icon i{font-size: 46px;} .shop-info-3 .info-text{display: block;} .shop-info-3 .info-text .title{margin-bottom: 5px;} .shop-info-3 .info-text p{text-transform: uppercase; letter-spacing: 3px; color: #969696;} .product-countdown{margin-bottom: 30px; margin-top: 30px;} .product-countdown > .countdown-block{display: inline-block; min-width: 80px; text-align: center; padding: 0 18px; position: relative;} .product-countdown > .countdown-block:first-child{padding-left: 0;} .product-countdown > .countdown-block:first-child:before{content: normal;} .product-countdown > .countdown-block:last-child{padding-right: 0;} .product-countdown > .countdown-block:before{content: ":"; position: absolute; left: -3px; top: 10px; font-size: 18px; font-weight: 500;} .product-countdown > .countdown-block .value{display: block; font-size: 42px; color: #323232; font-weight: 500; line-height: 50px;} .product-countdown > .countdown-block .text{display: block; font-size: 12px; color: #656565; font-weight: 500; text-transform: uppercase; letter-spacing: 6px;} .product-countdown.countdown-lg > .countdown-block:before{top: 18px;} .product-countdown.countdown-lg > .countdown-block .value{font-size: 54px; line-height: 60px; font-weight: 500;} .product-countdown.countdown-lg > .countdown-block .text{font-size: 15px; letter-spacing: 8px;} .product-countdown.countdown-sm > .countdown-block:before{top: 5px;} .product-countdown.countdown-sm > .countdown-block .value{font-size: 36px; line-height: 40px; font-weight: 400;} .product-countdown.countdown-sm > .countdown-block .text{font-size: 10px; letter-spacing: 4px;} .video-info{position: relative;} .video-info:before{content: ""; position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); z-index: 9;} .video-info a, .video-info .video-btn{position: absolute; left: 50%; top: 50%; width: 70px; height: 70px; margin-left: -35px; margin-top: -35px; z-index: 9; border-radius: 50px; text-align: center; overflow: hidden; background: #0a78e4;} .video-info a i, .video-info .video-btn i{color: #ffffff; font-size: 26px; margin-top: 22px; margin-left: 8px; display: block; position: relative;} .video-info a:hover, .video-info .video-btn:hover{-webkit-transform: scale(1.2); -moz-transform: scale(1.2); transform: scale(1.2);} .mfp-fade.mfp-bg{opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out;} .mfp-fade.mfp-bg.mfp-ready{opacity: 0.8;} .mfp-fade.mfp-bg.mfp-removing{opacity: 0;} .mfp-fade.mfp-wrap .mfp-content{opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out;} .mfp-fade.mfp-wrap.mfp-ready .mfp-content{opacity: 1;} .mfp-fade.mfp-wrap.mfp-removing .mfp-content{opacity: 0;} .video-btn.btn-rel{width: 70px; height: 70px; z-index: 9; border-radius: 50px; text-align: center; overflow: hidden; display: inline-block;} .video-btn.btn-rel i{font-size: 26px; margin-top: 22px; margin-left: 8px; display: block; position: relative;} .isotope-filters{display: table; margin: 0 auto 50px; text-align: center;} .isotope-filters.text-left{display: block; margin: 30px 0; text-align: left;} .isotope, .masonry{margin: 0 -15px -15px 0;} .isotope .grid-item img{width: 100%;} .isotope.columns-1 .grid-item{width: 100%; padding: 0 15px 15px 0;} .isotope.columns-2 .grid-item{width: 50%; padding: 0 15px 15px 0;} .isotope.columns-3 .grid-item{width: 33.33333333%; padding: 0 15px 15px 0;} .isotope.columns-4 .grid-item{width: 25%; padding: 0 15px 15px 0;} .isotope.columns-5 .grid-item{width: 20%; padding: 0 15px 15px 0;} .isotope.no-padding{margin-left: -15px;} .isotope.no-padding .grid-item{padding: 0 !important;} .masonry.no-padding .masonry-item{padding: 0 !important;} .masonry .masonry-item img{width: 100%;} .masonry.columns-2 .masonry-item{width: 50%; padding: 0 15px 15px 0;} .masonry.columns-3 .masonry-item{width: 33.33%; padding: 0 15px 15px 0;} .masonry.columns-4 .masonry-item{width: 25%; padding: 0 15px 15px 0;} .masonry.columns-5 .masonry-item{width: 20%; padding: 0 15px 15px 0;} .portfolio-title{padding: 100px 60px 30px;} .portfolio-title span{display: block;} .portfolio-item{overflow: hidden; color: #333; width: 100%; border: 0; position: relative;} .portfolio-item img{width: 100%; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; -webkit-backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden;} .portfolio-item .portfolio-overlay{width: 100%; background: #fff; padding: 20px 10px; position: absolute; bottom: -100px; display: block; margin-top: 0; float: left; z-index: 9; text-align: left; padding-left: 20px; left: 0; transition: all 0.3s ease-in-out;} .portfolio-item .portfolio-overlay h4{margin-bottom: 5px; letter-spacing: 0; font-weight: 500;} .portfolio-item .portfolio-overlay a{color: #333;} .portfolio-item .portfolio-overlay a:hover{color: #323232;} .portfolio-item .portfolio-overlay span{font-size: 14px;} .portfolio-item a.popup{position: absolute; right: 20px; top: -20px; color: #fff; z-index: 9; display: inline-block; width: 40px; height: 40px; background: #fff; color: #626262; border-radius: 50%; margin-right: 10px; padding-left: 0px; text-align: center; line-height: 40px; opacity: 0; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;} .portfolio-item a.popup:hover{background: #0a78e4; color: #ffffff;} .portfolio-item:hover img{-webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2);} .portfolio-item:hover .portfolio-overlay{bottom: 0;} .portfolio-item:hover a.popup{top: 10px; opacity: 1;} .style-2 .portfolio-item{overflow: inherit;} .style-2 .portfolio-item:before{display: none;} .style-2 .portfolio-item .portfolio-overlay{position: static; text-align: center; padding: 20px 10px; float: none;} .style-2 .portfolio-item:hover img{-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);} .style-2 .portfolio-item span{display: block; padding-bottom: 10px;} .editor_enable .portfolio-item:hover a.popup{opacity: 1; top: 10px;} .s_latest_posts .post-body{padding: 2em 1.7em 1.25em;} .s_latest_posts .entry-meta{margin-bottom: 10px; font-size: 12px;} .s_latest_posts .description{color: #888888; font-size: 14px; margin-top: 1em; margin-bottom: 1em;} .s_latest_posts a.link{display: inline-block; width: 20px; height: 15px;} .js_get_posts{position: relative; min-height: 100px; overflow: auto;} .progress.js-loading{position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 0;} .progress.js-loading .progress-bar{margin: 0; left: 10%; width: 80%; top: 45%; height: 10px; position: absolute; background: #DBDBDB; box-shadow: none;} .s_latest_posts .media.media_list_template{width: 32%; margin-right: 2%; margin-top: 0; float: left; background: #fff; display: block; overflow: hidden;} .s_latest_posts .media.media_list_template .post-img{box-sizing: content-box; width: 100%; height: 200px;} @media (min-width: 200px){.s_latest_posts .media.media_list_template .post-img{width: 100%; height: 200px;}} .s_latest_posts .media.media_list_template .post-img > a{width: 100%; height: 100%;} .s_latest_posts .media.media_list_template .post-img > a > .o_blog_cover_container{position: relative; width: 100%; height: 100%; padding: 0;} .s_latest_posts .media.media_list_template .post-img > a > .o_blog_cover_container > .o_blog_cover_image{background-size: cover; background-position: center;} .s_latest_posts .media.media_list_template:last-child{margin-right: 0;} .s_latest_posts .media .o_blog_cover_image{height: 200px; width: 100%; margin-bottom: 30px;} .s_latest_posts_big_picture > div .content{opacity: 1; position: relative; height: 100%; overflow: hidden; background: "";} .s_latest_posts_big_picture > div figure{width: 25%; position: relative; overflow: hidden; height: 350px; float: left; cursor: pointer;} @media (max-width: 200px){.s_latest_posts_big_picture > div figure{width: 100%;}} .s_latest_posts_big_picture > div figure.js-loading{background: #E7E7E7 !important;} .s_latest_posts_big_picture > div figure .thumb{position: relative; display: block; width: 100%; height: 100%; padding: 0; opacity: 0.8;} .s_latest_posts_big_picture > div figure .thumb > .o_blog_cover_component{position: absolute; top: 0; left: 0; bottom: 0; right: 0;} .s_latest_posts_big_picture > div figure .thumb > .o_blog_cover_image{background-size: cover; background-position: center;} .s_latest_posts_big_picture > div figure figcaption{position: absolute; bottom: 0; left: 0; width: 100%; padding: 2em; padding-bottom: 10px; font-size: 13px; color: rgba(255, 255, 255, 0.75);} .s_latest_posts_big_picture > div figure figcaption:after, .s_latest_posts_big_picture > div figure figcaption:before{pointer-events: none;} .s_latest_posts_big_picture > div figure figcaption p{margin: 1em 0 0; letter-spacing: 1px; font-size: 68.5%;} .s_latest_posts_big_picture figcaption > h4{color: #fff; margin-bottom: 10px;} .s_latest_posts{padding: 100px 0;} body .s_latest_posts .media.media_list_template .pull-left{width: 100%; height: 250px; margin-bottom: 15px;} body .s_latest_posts .media.media_list_template .btn-default{background: none; padding: 0; color: #333;} .s_latest_posts .media.media_list_template .btn-default:hover{background: none; color: #333;} body .s_latest_posts_big_picture{padding-top: 80px;} body .s_latest_posts_big_picture > div figure{padding: 0;} body .s_latest_posts_big_picture .js_get_posts h2{color: #fff;} .slick-list .thumbnail, .product-list .thumbnail{padding: 0; border: none;} .product-list .thumbnail{float: left; width: 23%; margin-right: 1%;} .product-list .thumbnail:nth-child(4){margin-right: 0%;} .slick-list .thumbnail{margin: 7px;} .slick-list .thumbnail .caption, .product-list .thumbnail .caption{padding-top: 15px; padding-bottom: 0;} .slick-arrow{display: none;} .slick-dots li button::before{font-size: 10px;} .menu-list{display: table; width: 100%; margin-bottom: 25px;} .menu-list .item-left{width: 90%; float: left; overflow: hidden;} .menu-list .item-right{width: 10%; float: right; padding-left: 10px; font-size: 22px; font-family: 'Merriweather', cursive;} .menu-list .title{display: table-cell; font-size: 18px; position: relative;} .menu-list .item-left .title:before{content: ''; position: absolute; width: 1000px; border-bottom: 1px dotted #616f7d; bottom: 6px; left: 102%;} table.table-dark > tbody > tr > td, table.table-dark > tbody > tr > th{padding: 15px; border-color: rgba(255, 255, 255, 0.03) !important;} .table.table-dark > thead > tr > th{border: none; padding: 20px 15px;} .table-dark.table-striped tr{color: #fff;} .table-dark.table-striped > tbody > tr:nth-of-type(odd){background-color: rgba(255, 255, 255, 0.1);} .theme-text, .theme-text h1, .theme-text h2, .theme-text h3, .theme-text h4, .theme-text h5, .theme-text h6{color: #0a78e4;} .white-text, .white-text h1, .white-text h2, .white-text h3, .white-text h4, .white-text h5, .white-text h6{color: #ffffff;} .dark-text, .dark-text h1, .dark-text h2, .dark-text h3, .dark-text h4, .dark-text h5, .dark-text h6{color: #323232;} .dark-bg .sub-heading, .dark-bg h1, .dark-bg h2, .dark-bg h3, .dark-bg h4, .dark-bg h5, .dark-bg h6, .dark-bg p, .dark-bg .heading-block span{color: #ffffff;} .theme-bg h1, .theme-bg h2, .theme-bg h3, .theme-bg h4, .theme-bg h5, .theme-bg h6, .theme-bg p, .theme-bg .heading-block span{color: #ffffff;} .theme-bg .sub-heading, .theme-bg .theme-text, .theme-bg h2.theme-text, .theme-bg h3.theme-text, .theme-bg h4.theme-text, .theme-bg h5.theme-text, .theme-bg h6.theme-text{color: #ffffff;} .light-blue-bg2{background: #f9fbff;} .dark-control .carousel-indicators{bottom: -30px;} .dark-control .carousel-indicators li{border-color: #323232;} .dark-control .carousel-indicators li.active{background: #323232;} .dark-bg .carousel-indicators li{background-color: rgba(255, 255, 255, 0.5);} .dark-bg .carousel-indicators li.active{background-color: rgba(255, 255, 255, 0.9);} .feature.image-icon .feature-icon{line-height: 100px;} .menu-list{margin-bottom: 30px;} .menu-list .item-img{display: table-cell; padding-right: 25px; vertical-align: top;} .menu-list .item-left{float: none; width: auto; display: table-cell;} .menu-list .item-right{float: none; width: auto; display: table-cell;} .pricing-table.pricing-style2 .table-icon li{margin: 8px 0;} .full-height-banner{display: table; vertical-align: middle; height: 100vh;} .full-height-banner .banner-text{vertical-align: middle; display: table-cell;} 

/* /theme_impacto/static/src/scss/as_blog_product.scss defined in bundle 'web.assets_frontend' */
 .website_blog .blogpost .o_blog_cover_container.cover_narrow{margin-top: 0 !important;} .website_blog .sidebar{margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #f1f1f1;} .website_blog .o_blog_cover_container.cover_narrow{width: 100%;} .website_blog .o_blog_cover_container.cover > .blog_title h1{color: #fff;} .website_blog .o_blog_cover_container.cover > .blog_title h2{color: #fff;} .website_blog .o_blog_cover_container.cover_footer > .blog_title h1{color: #fff;} .website_blog .o_blog_cover_container.cover_footer > .blog_title h2{color: #fff;} .blogpost{border-radius: 6px; overflow: hidden; box-shadow: inherit !important; background: #fff; margin-bottom: 30px;} .blogpost-content > header{padding: 0 25px;} .blogpost-content > p{padding: 0 25px;} .blogpost-body footer{background: none; padding: 0 25px; padding-bottom: 20px;} .sidebar ul.nav-stacked > li > a{padding: 2px 0; color: #828282;} .sidebar .ul.nav-stacked > li{margin-top: 0;} .btn-group.open .dropdown-toggle{-webkit-box-shadow: inherit; box-shadow: inherit;} .dropdown-menu.cart{min-width: 300px;} .dropdown-menu.cart .cart_line{border-bottom: 1px dotted #adadad; padding: 10px 0;} .dropdown-menu.cart #order_total .h4{font-size: 16px; padding-top: 10px; padding-bottom: 10px;} header .header-buttons .dropdown-menu.cart a{padding-left: 0; padding-right: 0;} header .header-buttons .dropdown-menu.cart a.btn{font-size: 10px; padding: 8px 20px; background: #0a78e4; color: #fff;} .product-item .title{margin: 0 0 10px 0; font-weight: 400;} .product-item{overflow: hidden; margin: 5px; margin-bottom: 25px; position: relative; transition: box-shadow .3s ease;} .product-item a{color: #222;} .product-item a.add_to_cart{text-transform: uppercase; cursor: pointer; font-weight: 600; font-size: 12px; background: #fff; padding-right: 15px;} .product-item a.add_to_cart i{color: #828282;} .product-item .product_price{font-size: 12px; font-weight: 600; margin-bottom: 10px; margin-top: 10px;} .product-item .btn > i{right: 0;} .product-item .buttons-wrap{opacity: 0; padding-top: 8px; padding-bottom: 8px;} .product-item:hover{z-index: 9; -webkit-box-shadow: 0px 15px 100px 0px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 15px 100px 0px rgba(0, 0, 0, 0.25); -o-box-shadow: 0px 15px 100px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 15px 100px 0px rgba(0, 0, 0, 0.25);} .product-item:hover .buttons-wrap{opacity: 1;} .product-item{position: relative;} .product-item .ribbon-wrapper{position: absolute; top: 15px; right: 15px; padding: 0; z-index: 1;} .product-item .ribbon{padding: 0 10px; font-size: 13px; text-transform: uppercase;} .products_pager .oe_search_button{padding: 8px 20px;} .products_pager .o_website_sale_search .oe_search_box{padding: 0px 20px; height: 34px;} .products_pager .dropdown_sorty_by{float: right; margin-top: 20px;} .products_pager .dropdown_sorty_by .btn{border-width: 2px; background: none; padding: 8px 20px; color: #323232; font-size: 12px;} #products_grid_before ul{padding: 0; list-style: none;} #products_grid_before ul .title-products_grid{font-size: 14px; letter-spacing: 1px; text-transform: uppercase;} #products_grid_before ul a{color: #222; font-weight: 500; font-size: 13px;} .product-item .product-img{margin-bottom: 10px; position: relative;} .product-item .product-img .buttons-wrap{width: 100%; padding: 0; position: absolute; bottom: 0; z-index: 99;} .product-item .product-img .buttons-wrap a.btn{background: #fff; border-radius: 0;} #products_grid .products_pager{display: none;} .dropdown_sorty_by .btn-secondary{color: #333; background-color: #fff; border-color: #ccc;} .dropdown_sorty_by .btn-secondary:hover{border-color: #757575;} .products_pager{border-bottom: 1px solid #e8e8e8; padding: 30px 0px; margin-bottom: 50px;} .products_pager .pagination{margin: 0px; vertical-align: top;} .products_pager .pagination > li a{padding: 0px 10px; margin: 0 3px; min-width: 30px; height: 32px; line-height: 30px; color: #969696;} .products_pager .pagination > li:first-child > a, .products_pager .pagination > li:first-child > span, .products_pager .pagination > li:last-child > a, .products_pager .pagination > li:last-child > span{padding: 0px 16px; font-size: 14px; height: 32px; line-height: 30px;} .products_pager .o_website_sale_search{margin-right: 10px; border-bottom: 1px solid #dddddd;} .products_pager .o_website_sale_search .form-control{height: 32px; padding: 0px; border: none; box-shadow: none;} .products_pager .o_website_sale_search .btn{padding: 7px 10px; background: none; color: #969696; border: none;} .products_pager .o_website_sale_search .btn:hover{color: #323232; background: none; border: none;} .products_pager .pagination li a:hover, .products_pager .pagination li.active a{background: #323232; color: #ffffff;} .products_pager .dropdown_sorty_by{margin-top: 0;} .products_pager .dropdown_sorty_by .btn, .products_pager .dropdown_sorty_by .btn:focus{box-shadow: none;} #product_details h1{font-size: 22px;} #product_details .css_quantity{max-width: 110px; float: left; margin-right: 20px;} #product_details .oe_price_h4{color: #bbb;} #product_details form{clear: both; margin-bottom: 20px;} #product_details #add_to_cart{margin-top: 0 !important; background: #0a78e4; padding: 13px 40px;} .input-group-addon{border-width: 2px; border-radius: 43px; border-bottom-right-radius: 0; border-top-right-radius: 0; border-color: #e7e7e7; background-color: inherit;} .input-group-addon a{color: #e7e7e7;} .input-group-addon.float_left{border-radius: 43px; border-bottom-left-radius: 0; border-top-left-radius: 0;} .css_quantity .form-control{border-left: 0; border-width: 2px; padding: 0; border-color: #e7e7e7; border-right: 0; height: 46px;} .form-control.js_quantity{border-left: 0; border-width: 2px; padding: 0; border-color: #e7e7e7; border-right: 0; height: 46px;} #discussion textarea.form-control{background: #fff;} #product_detail .breadcrumb{background: none; border: 1px solid #e8e8e8; padding: 7px 20px; margin-bottom: 50px;} #product_detail .form-inline .input-group-append .oe_search_button{background: #323232; padding: 12px 20px;} .css_quantity .btn-secondary{background-color: #323232; border-color: #323232;} .css_quantity .btn{padding: 12px 10px;} .css_quantity .btn:focus{box-shadow: none;} .oe_website_sale .oe_cart .btn-secondary, .oe_website_sale .js_cart_summary .btn-secondary{color: #FFFFFF; background-color: #323232; border-color: #323232;} .oe_website_sale .oe_cart .btn-secondary:focus, .oe_website_sale .js_cart_summary .btn-secondary:focus{box-shadow: none;} #right_column h4{font-size: 13px; font-weight: bold; line-height: 1.2; text-transform: uppercase; letter-spacing: .3px; padding: 8px 0 9px; border-bottom: 2px solid rgba(0, 0, 0, 0.08); color: #222;} #blog_right_column h3.title, #blog_right_column h4{font-size: 13px; font-weight: bold; line-height: 1.2; text-transform: uppercase; letter-spacing: .3px; padding: 8px 0 9px; border-bottom: 2px solid rgba(0, 0, 0, 0.08); color: #222;} .table#cart_products > thead > tr > th{border-bottom: 2px solid rgba(0, 0, 0, 0.08); font-size: 11px; font-weight: bold; line-height: 1.2; text-transform: uppercase; letter-spacing: .3px; color: #222;} .table-striped#cart_products > tbody > tr:nth-of-type(odd){background-color: inherit; border-top: 1px dashed #e7e7e7;} .table-condensed > thead > tr > th{padding: 10px;} .table-condensed > thead > tr > td{padding: 10px;} .table-condensed > tbody > tr > th{padding: 10px;} .table-condensed > tbody > tr > td{padding: 10px;} .table-condensed > tfoot > tr > th{padding: 10px;} .table-condensed > tfoot > tr > td{padding: 10px;} #order_total .h4{font-size: 21px; font-weight: bold; line-height: 1.2; text-transform: uppercase; letter-spacing: .3px; padding-top: 20px; padding-bottom: 20px; vertical-align: bottom; color: #222;} body #wrap ul.wizard{box-shadow: inherit; float: none !important; display: table; margin: 30px auto; border: 1px solid #e7e7e7; border-radius: 43px;} body #wrap ul.wizard li{border: none; font-size: 11px; font-style: normal; background: none; color: #323232; font-weight: 700; text-transform: uppercase; line-height: 43px; letter-spacing: .8px;} body #wrap ul.wizard li .chevron{display: none;} body #wrap ul.wizard li:first-child{padding-left: 20px; border-radius: 43px 0 0 43px;} body #wrap ul.wizard li.text-primary{color: #fff; background: #0a78e4; -webkit-box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.35); box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.35);} .oe_login_form, .oe_signup_form, .oe_reset_password_form{margin-top: 20vh;} .event-nav ul.nav-stacked > li a{line-height: 1.2; padding: 12px 0 9px; border-radius: 0; border-bottom: 2px solid rgba(0, 0, 0, 0.08); color: #222222;} .event-nav .nav-pills > li > a:hover{background: transparent; color: #0a78e4;} .event-nav .nav-pills > .active > a > .badge{background: #0a78e4; color: #fff;} .event-nav .nav-pills > li.active > a, .nav-pills > li.active > a:focus, .event-nav .nav-pills > li.active > a:hover{background: transparent; color: #0a78e4; border-color: #0a78e4;} .event-list{border: 1px solid rgba(0, 0, 0, 0.08); border-top: 2px solid #0a78e4; border-radius: 4px; padding: 10px 15px; margin-bottom: 20px;} .event-list h4.media-heading{font-size: 22px; letter-spacing: 0px;} .event-list .time{font-size: 13px;} .contact-add2 i{float: left; width: 27px; font-size: 19px; color: #0a78e4; display: block;} .s_latest_posts .media .cover_full .o_blog_cover_image{height: 100%; margin-bottom: 0;} .s_latest_posts_big_picture figcaption .link i{display: block !important; color: #ffffff; font-size: 18px; margin-top: 8px;} @media (max-width: 767px){.s_latest_posts .media > a{width: 120px; height: 120px;}.s_latest_posts .media.media_list_template{width: 48%; margin-top: 15px; margin-bottom: 15px;}.s_latest_posts_big_picture > div figure{width: 50%; margin: 0;}} @media (max-width: 479px){.s_latest_posts_post{-webkit-flex-wrap: wrap; flex-wrap: wrap;}.s_latest_posts .media > a{width: 100%; height: 120px;}.s_latest_posts .media > .media-body{width: 100%; margin-left: 0px !important; margin-top: 15px;}.s_latest_posts .media.media_list_template{width: 100%; margin-right: 0; margin-top: 15px; margin-bottom: 15px;}.s_latest_posts_big_picture > div figure{width: 100%; margin: 0;}} 

/* /theme_impacto/static/src/scss/customize_modal.scss defined in bundle 'web.assets_frontend' */
 .o_theme_customize_modal .modal-h5{font-family: 'Poppins', sans-serif; text-transform: uppercase; letter-spacing: normal; font-size: 14px; padding: 4px 0 4px 4px; font-weight: 600;} .o_theme_customize_modal table{width: 100%; margin-bottom: 8px;} .o_theme_customize_modal .modal-dialog{width: 420px;} .o_theme_customize_modal .modal-content{border: none; border-radius: 0; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);} .o_theme_customize_modal label.checked > div, .o_theme_customize_modal label.checked > img{border: 1px solid #fff; box-shadow: 0 0px 8px rgba(0, 0, 0, 0.25);} .o_theme_customize_modal label > div, .o_theme_customize_modal label > img{border: 1px solid #e7e7e7; padding: 0;} .o_theme_customize_modal label input[type="radio"]{display: none;} .o_theme_customize_modal label > div.head-box{padding: 0;} .o_theme_customize_modal label > div.color-div{padding: 20px;} .o_theme_customize_modal label img{width: 100%; height: auto; margin: 0; border: none;} .o_theme_customize_modal div.color-div{padding: 10px;} .color-div.color1{background: #0a78e4;} .color-div.color2{background: #ffcc43;} .color-div.color3{background: #6dc234;} .color-div.color4{background: #ef5386;} .color-div.color5{background: #1ea0d4;} .color-div.color6{background: #b3affa;} .color-div.color7{background: #673ab5;} .color-div.color8{background: #8ac24a;} .color-div.color9{background: #795548;} .color-div.color10{background: #ff5722;} .color-div.color11{background: #37bc98;} .color-div.color12{background: #e72d43;} .color-div.color13{background: #ff214f;} .color-div.color14{background: #ff796c;} .color-div.color15{background: #1ac0ed;} .color-div.color16{background: #f0ba30;} 

/* /theme_impacto/static/src/plugins/magnific-popup/magnific-popup.css defined in bundle 'web.assets_frontend' */
 .mfp-bg{top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8;} .mfp-wrap{top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden;} .mfp-container{text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box;} .mfp-container:before{content: ''; display: inline-block; height: 100%; vertical-align: middle;} .mfp-align-top .mfp-container:before{display: none;} .mfp-content{position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045;} .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content{width: 100%; cursor: auto;} .mfp-ajax-cur{cursor: progress;} .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out;} .mfp-zoom{cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in;} .mfp-auto-cursor .mfp-content{cursor: auto;} .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter{-webkit-user-select: none; -moz-user-select: none; user-select: none;} .mfp-loading.mfp-figure{display: none;} .mfp-hide{display: none !important;} .mfp-preloader{color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044;} .mfp-preloader a{color: #CCC;} .mfp-preloader a:hover{color: #FFF;} .mfp-s-ready .mfp-preloader{display: none;} .mfp-s-error .mfp-content{display: none;} button.mfp-close, button.mfp-arrow{overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation;} button::-moz-focus-inner{padding: 0; border: 0;} .mfp-close{width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace;} .mfp-close:hover, .mfp-close:focus{opacity: 1;} .mfp-close:active{top: 1px;} .mfp-close-btn-in .mfp-close{color: #333;} .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close{color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%;} .mfp-counter{position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap;} .mfp-arrow{position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent;} .mfp-arrow:active{margin-top: -54px;} .mfp-arrow:hover, .mfp-arrow:focus{opacity: 1;} .mfp-arrow:before, .mfp-arrow:after{content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent;} .mfp-arrow:after{border-top-width: 13px; border-bottom-width: 13px; top: 8px;} .mfp-arrow:before{border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7;} .mfp-arrow-left{left: 0;} .mfp-arrow-left:after{border-right: 17px solid #FFF; margin-left: 31px;} .mfp-arrow-left:before{margin-left: 25px; border-right: 27px solid #3F3F3F;} .mfp-arrow-right{right: 0;} .mfp-arrow-right:after{border-left: 17px solid #FFF; margin-left: 39px;} .mfp-arrow-right:before{border-left: 27px solid #3F3F3F;} .mfp-iframe-holder{padding-top: 40px; padding-bottom: 40px;} .mfp-iframe-holder .mfp-content{line-height: 0; width: 100%; max-width: 900px;} .mfp-iframe-holder .mfp-close{top: -40px;} .mfp-iframe-scaler{width: 100%; height: 0; overflow: hidden; padding-top: 56.25%;} .mfp-iframe-scaler iframe{position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000;} img.mfp-img{width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto;} .mfp-figure{line-height: 0;} .mfp-figure:after{content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444;} .mfp-figure small{color: #BDBDBD; display: block; font-size: 12px; line-height: 14px;} .mfp-figure figure{margin: 0;} .mfp-bottom-bar{margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto;} .mfp-title{text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px;} .mfp-image-holder .mfp-content{max-width: 100%;} .mfp-gallery .mfp-image-holder .mfp-figure{cursor: pointer;} @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px){.mfp-img-mobile .mfp-image-holder{padding-left: 0; padding-right: 0;}.mfp-img-mobile img.mfp-img{padding: 0;}.mfp-img-mobile .mfp-figure:after{top: 0; bottom: 0;}.mfp-img-mobile .mfp-figure small{display: inline; margin-left: 5px;}.mfp-img-mobile .mfp-bottom-bar{background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box;}.mfp-img-mobile .mfp-bottom-bar:empty{padding: 0;}.mfp-img-mobile .mfp-counter{right: 5px; top: 3px;}.mfp-img-mobile .mfp-close{top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0;}} @media all and (max-width: 900px){.mfp-arrow{-webkit-transform: scale(0.75); transform: scale(0.75);}.mfp-arrow-left{-webkit-transform-origin: 0; transform-origin: 0;}.mfp-arrow-right{-webkit-transform-origin: 100%; transform-origin: 100%;}.mfp-container{padding-left: 6px; padding-right: 6px;}} 

/* /theme_impacto/static/src/plugins/slick/slick.scss defined in bundle 'web.assets_frontend' */
 .slick-slider{position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;} .slick-list{position: relative; overflow: hidden; display: block; margin: 0; padding: 0;} .slick-list:focus{outline: none;} .slick-list.dragging{cursor: pointer; cursor: hand;} .slick-slider .slick-track, .slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} .slick-track{position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto;} .slick-track:before, .slick-track:after{content: ""; display: table;} .slick-track:after{clear: both;} .slick-loading .slick-track{visibility: hidden;} .slick-slide{float: left; height: 100%; min-height: 1px; display: none;} [dir="rtl"] .slick-slide{float: right;} .slick-slide img{display: block;} .slick-slide.slick-loading img{display: none;} .slick-slide.dragging img{pointer-events: none;} .slick-initialized .slick-slide{display: block;} .slick-loading .slick-slide{visibility: hidden;} .slick-vertical .slick-slide{display: block; height: auto; border: 1px solid transparent;} .slick-arrow.slick-hidden{display: none;} 

/* /theme_impacto/static/src/plugins/slick/slick-theme.scss defined in bundle 'web.assets_frontend' */
 

/* /theme_impacto/static/src/plugins/owl-carousel/owl.carousel.css defined in bundle 'web.assets_frontend' */
 .owl-carousel .animated{-webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both;} .owl-carousel .owl-animated-in{z-index: 0;} .owl-carousel .owl-animated-out{z-index: 1;} .owl-carousel .fadeOut{-webkit-animation-name: fadeOut; animation-name: fadeOut;} @-webkit-keyframes fadeOut{0%{opacity: 1;}100%{opacity: 0;}} @keyframes fadeOut{0%{opacity: 1;}100%{opacity: 0;}} .owl-height{-webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out;} .owl-carousel{display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1;} .owl-carousel .owl-stage{position: relative; -ms-touch-action: pan-Y;} .owl-carousel .owl-stage:after{content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} .owl-carousel .owl-stage-outer{position: relative; overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px);} .owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot{cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .owl-carousel.owl-loaded{display: block;} .owl-carousel.owl-loading{opacity: 0; display: block;} .owl-carousel.owl-hidden{opacity: 0;} .owl-carousel .owl-refresh .owl-item{display: none;} .owl-carousel .owl-item{position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .owl-carousel .owl-item img{display: block; width: 100%; -webkit-transform-style: preserve-3d;} .owl-carousel.owl-text-select-on .owl-item{-webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto;} .owl-carousel .owl-grab{cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab;} .owl-carousel.owl-rtl{direction: rtl;} .owl-carousel.owl-rtl .owl-item{float: right;} .no-js .owl-carousel{display: block;} .owl-carousel .owl-item .owl-lazy{opacity: 0; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease;} .owl-carousel .owl-item img{transform-style: preserve-3d;} .owl-carousel .owl-video-wrapper{position: relative; height: 100%; background: #000;} .owl-carousel .owl-video-play-icon{position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("/theme_impacto/static/src/plugins/owl-carousel/owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transition: scale 100ms ease; -moz-transition: scale 100ms ease; -ms-transition: scale 100ms ease; -o-transition: scale 100ms ease; transition: scale 100ms ease;} .owl-carousel .owl-video-play-icon:hover{-webkit-transition: scale(1.3, 1.3); -moz-transition: scale(1.3, 1.3); -ms-transition: scale(1.3, 1.3); -o-transition: scale(1.3, 1.3); transition: scale(1.3, 1.3);} .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon{display: none;} .owl-carousel .owl-video-tn{opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease;} .owl-carousel .owl-video-frame{position: relative; z-index: 1;} 

/* /theme_impacto/static/src/plugins/owl-carousel/owl.theme.css defined in bundle 'web.assets_frontend' */
 .owl-carousel .owl-item img{width: auto;} .owl-carousel .owl-nav{display: block; position: absolute; text-indent: inherit; top: 45%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); left: 0; width: 100%; cursor: pointer; z-index: 999;} .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next{display: block; position: absolute; text-indent: inherit; width: auto; cursor: pointer; transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; opacity:0; -webkit-transform: scale(1.7); -moz-transform: scale(1.7); -ms-transform: scale(1.7); -o-transform: scale(1.7); transform: scale(1.7);} .owl-carousel:hover .owl-nav .owl-prev, .owl-carousel:hover .owl-nav .owl-next{-webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2);} .owl-carousel .owl-nav .owl-prev{left:0px;} .owl-carousel .owl-nav .owl-next{right:0px;} .owl-carousel:hover .owl-nav .owl-prev, .owl-carousel:hover .owl-nav .owl-next{opacity:1;} .owl-carousel .owl-nav i{font-size: 18px; width:35px; height:35px; border-radius: 50%; line-height:35px; padding-left:2px; display: inline-block; color:#555555; background:#ffffff; border:1px solid #dddddd; font-weight:normal; text-align: center; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; position:relative;} .owl-carousel .owl-nav .owl-prev i{left:10px; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; position:relative;} .owl-carousel .owl-nav .owl-next i{right:10px; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; position:relative;} .owl-carousel .owl-nav .owl-prev:hover i{left:0px;} .owl-carousel .owl-nav .owl-next:hover i{right:0px;} .owl-carousel:hover .owl-nav .owl-prev, .owl-carousel:hover .owl-nav .owl-next{opacity:1;} .owl-carousel.light-arrow .owl-nav i{border-color: #fff; color: #fff} .owl-carousel.light-arrow .owl-nav i:hover{background:#fff; color:#333;} .owl-carousel .owl-controls .owl-dot{display: inline-block; margin-top: 10px;} .owl-carousel .owl-dots{display: inline-block; position: absolute; bottom:-35px; text-indent: inherit; width: 100%; cursor: pointer; text-align: center;} .owl-carousel.owl-theme .owl-dots .owl-dot span{background:rgba(0,0,0,0.3); border-radius: 30px; display: inline-block; width:5px; height:5px; margin: 0px 3px; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; cursor: pointer;} .dark-bg .owl-carousel.owl-theme .owl-dots .owl-dot span{background:#ffffff;} .owl-carousel.owl-theme .owl-dots .owl-dot:hover span{background:rgba(0,0,0,0.8);} .owl-carousel.owl-theme .owl-dots .owl-dot.active span{background:rgba(0,0,0,0.8);} 

/* /theme_impacto/static/src/scss/responsive.scss defined in bundle 'web.assets_frontend' */
 @media (max-width: 992px){.section-lg{padding: 100px 0;}.section-md{padding: 70px 0;}.section-sm{padding: 50px 0;}.section-xs{padding: 40px 0;}.section-xx{padding: 25px 0;}.banner .title-extra-large{font-size: 100px; line-height: 110px;}.feature{margin-bottom: 30px;}.row > [class*="col-md-"]:last-child .feature{margin-bottom: 0;}.counter{margin-bottom: 30px;}.row > [class*="col-md-"]:last-child .counter{margin-bottom: 0;}.photobox{margin-bottom: 30px;}.photobox .photobox-img img{width: 100%;}.row > [class*="col-md-"]:last-child .photobox{margin-bottom: 0;}.feature-step{margin-bottom: 30px;}.row > [class*="col-md-"]:last-child .feature-step{margin-bottom: 0;}.interface-section img{margin-bottom: 30px;}.interface-section .row > [class*="col-md-"]:last-child img{margin-bottom: 0;}.pricing-table{margin-bottom: 20px;}.row > [class*="col-md-"]:last-child .pricing-table{margin-bottom: 0;}.team.style4{margin-bottom: 20px;}.row > [class*="col-md-"]:last-child .team.style4{margin-bottom: 0;}.team{margin-bottom: 30px;}.row > [class*="col-md-"]:last-child .team{margin-bottom: 0;}.testimonials.style-3{margin-bottom: 20px;}.valign, .valign > [class*='col-']{display: block;}.row-eq-height{display: block;}.bg-image{min-height: 400px;}.isotope.columns-3 .grid-item, .isotope.columns-4 .grid-item, .isotope.columns-5 .grid-item{width: 50%;}.btn-default.animated{padding-left: 20px; padding-right: 20px;}#team-carousel-5{padding: 0 50px;}#team-carousel-5 .carousel-control.left{left: 0px;}#team-carousel-5 .carousel-control.right{right: 0px;}.feature-step.new-style{display: block;}.feature-step.new-style:before{content: normal;}.services-left-right .row > [class*='col-']{padding-left: 15px; padding-right: 15px;}.services-left-right .padding-l-r{padding: 0; margin-bottom: 20px;}} @media (max-width: 767px){h1{font-size: 30px;}h2{font-size: 26px;}h3{font-size: 22px;}h4{font-size: 20px;}h5{font-size: 18px;}h6{font-size: 16px;}.section-lg{padding: 70px 0;}.section-md{padding: 50px 0;}.section-sm{padding: 40px 0;}.section-xs{padding: 30px 0;}.section-xx{padding: 20px 0;}.banner .slide-item{min-height: 350px; height: auto;}.banner .title-extra-large{font-size: 60px; line-height: 70px;}.banner .title-large{font-size: 50px; line-height: 60px;}.banner .title-medium{font-size: 34px; line-height: 40px;}.valign, .valign > [class*='col-']{display: block;}.bg-image{min-height: 300px;}#team-carousel-5{padding: 0 60px;}.box-top{margin-top: 30px;}} @media (max-width: 599px){.banner .slide-item{min-height: 300px;}.banner .title-extra-large{font-size: 40px; line-height: 50px;}.banner .title-large{font-size: 30px; line-height: 40px;}.banner .title-medium{font-size: 24px; line-height: 32px;}.isotope.columns-2 .grid-item, .isotope.columns-3 .grid-item, .isotope.columns-4 .grid-item, .isotope.columns-5 .grid-item{width: 100%;}.bg-image{min-height: 200px;}.team.style4 .member-image{display: block;}.team.style4 .member-image img{width: 100%;}.team.style4 .team-info{display: block; padding: 0; padding-top: 20px;}} @media (max-width: 992px){.bg-none-tablet{background-image: inherit !important;}} @media (max-width: 767px){.bg-none-mobile{background-image: inherit !important;}} 

/* /theme_impacto/static/src/scss/colors.scss defined in bundle 'web.assets_frontend' */
 .bg-blue{background-color: #3498DB;} .bg-turquoise{background-color: #1ABC9C;} .bg-green{background-color: #2ECC71;} .bg-yellow{background-color: #F1C40F;} .bg-orange{background-color: #E67E22;} .bg-red{background-color: #E74C3C;} .bg-pink{background-color: #f74b94;} .bg-purple{background-color: #9B59B6;} .bg-brown{background-color: #7b5844;} .text-blue{color: #3498DB;} .text-turquoise{color: #1ABC9C;} .text-green{color: #2ECC71;} .text-yellow{color: #F1C40F;} .text-orange{color: #E67E22;} .text-red{color: #E74C3C;} .text-pink{color: #f74b94;} .text-purple{color: #9B59B6;} .text-brown{color: #7b5844;} 

/* /theme_impacto/static/src/scss/theme_option/header-option/header-1.scss defined in bundle 'web.assets_frontend' */
 @media (max-width: 992px){body header .navbar-default{display: block; max-width: 100%; width: 100%; float: left; border-top: 1px solid #e7e7e7; padding: 0;}body header .navbar-default .container-fluid{padding: 0; margin: 0;}body header .navbar-default .navbar-header{padding: 5px 0;}body header .navbar-default .navbar-collapse{padding: 0; margin: 0;}body header .navbar-default .navbar-right{float: none !important;}body header .navbar-default .navbar-nav > li > a{padding: 15px 10px;}} @media (max-width: 767px){body header .info-panel{padding-right: 10px;}body header .login-header{padding-left: 0px;}body header .header-buttons{padding-left: 10px;}body header .header-buttons button, body header .header-buttons a{padding: 10px 8px;}body header .navbar-default .navbar-toggle{border-radius: 0;}body header .navbar-default .navbar-collapse{padding: 0; margin: 0; position: absolute; left: 0; width: 100%; background: #ffffff; -webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1); box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1); z-index: 999;}body header .navbar-default .navbar-nav{padding: 5px 15px;}body header .navbar-default .navbar-nav > li{border-bottom: 1px solid #e8e8e8;}body header .navbar-default .navbar-nav > li:last-child{border-bottom: none;}body header .navbar-default .navbar-nav > li > a{padding: 10px 0px; position: relative;}body header .navbar-default .navbar-nav > li > a .caret{position: absolute; right: 3px; top: 18px;}body header .navbar-default .navbar-nav > .open > a, body header .navbar-default .navbar-nav > .open > a:focus, body header .navbar-default .navbar-nav > .open > a:hover, body header .navbar-default .navbar-nav .open .dropdown-menu > .active > a, body header .navbar-default .navbar-nav .dropdown-menu > li.active > a{background: none;}body header .navbar-default .navbar-nav .dropdown-menu{padding: 5px 15px; background: rgba(0, 0, 0, 0.02);}body header .navbar-default .navbar-nav .dropdown-menu > li{border-bottom: 1px solid #e8e8e8;}body header .navbar-default .navbar-nav .dropdown-menu > li:last-child{border-bottom: none;}body header .navbar-default .navbar-nav .dropdown-menu > li > a{padding: 8px 0px;}} @media (max-width: 479px){body .header-logos img{height: 30px;}} @media screen and (min-width: 768px){.header-wrap{background: #ffffff;}.sticky-header header .header-wrap{position: fixed; z-index: 100; width: 100% !important; background: #fff; top: 0; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.08);}.o_connected_user.sticky-header header .header-wrap{top: 46px;}} 

/* /skal_club_web/static/src/css/counters.css defined in bundle 'web.assets_frontend' */
.counter .counter-info span, .counter span.timer{font-size: 70px; letter-spacing: normal; line-height: 75px; font-weight: unset; color: #65A8DE;} 

/* /payment/static/src/scss/portal_payment.scss defined in bundle 'web.assets_frontend' */
 input#cc_number{background-repeat: no-repeat; background-position: 14px 14px;} div.card_placeholder{background-image: url("/website_payment/static/src/img/placeholder.png"); background-repeat: no-repeat; width: 32px; height: 20px; position: absolute; top: 8px; right: 20px; -webkit-transition: 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955); pointer-events: none;} div.o_card_brand_detail{position: relative;} div.o_card_brand_detail div.card_placeholder{right: 5px;} div.amex{background-image: url("/website_payment/static/src/img/amex.png"); background-repeat: no-repeat;} div.diners{background-image: url("/website_payment/static/src/img/diners.png"); background-repeat: no-repeat;} div.discover{background-image: url("/website_payment/static/src/img/discover.png"); background-repeat: no-repeat;} div.jcb{background-image: url("/website_payment/static/src/img/jcb.png"); background-repeat: no-repeat;} div.mastercard{background-image: url("/website_payment/static/src/img/mastercard.png"); background-repeat: no-repeat;} div.visa{background-image: url("/website_payment/static/src/img/visa.png"); background-repeat: no-repeat;} ul.payment_method_list img.rounded{max-width: 100px; max-height: 40px;} 

/* /payment/static/src/scss/payment_form.scss defined in bundle 'web.assets_frontend' */
 .o_payment_form label > input[type="radio"], .o_payment_form input[type="checkbox"]{vertical-align: middle; margin-right: 5px;} .o_payment_form .payment_option_name{font-size: 14px; font-weight: normal !important; font-family: Helvetica Neue, sans-serif; line-height: 1.3em; color: #4d4d4d;} .o_payment_form label{font-weight: normal; margin-top: 5px;} .o_payment_form .card-body:first-child{border-top: 0px;} .o_payment_form .card{border-radius: 10px;} .o_payment_form .card-footer:last-child{border-bottom-right-radius: 10px !important; border-bottom-left-radius: 10px !important;} .o_payment_form .card-body{border-top: 1px solid #ddd; padding: 1.14em !important;} .o_payment_form .payment_icon_list{position: relative; margin-top: 0px !important; margin-bottom: -5px !important;} .o_payment_form .payment_icon_list li{padding-left: 5px !important; padding-right: 0px !important;} .o_payment_form .payment_icon_list .more_option{position: absolute; top: auto; left: auto; bottom: auto; right: 10px; font-size: 10px;} 

/* /sale/static/src/scss/sale_portal.scss defined in bundle 'web.assets_frontend' */
 .orders_vertical_align{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center;} .orders_label_text_align{vertical-align: 15%;} .sale_tbody .o_line_note{word-break: break-word; word-wrap: break-word; overflow-wrap: break-word;} .sale_tbody input.js_quantity{min-width: 48px; text-align: center;} .sale_tbody input.quantity{padding: 0;} 

/* /project/static/src/scss/portal_rating.scss defined in bundle 'web.assets_frontend' */
 .o_portal_project_rating .thumbnail{height: 240px;} .o_portal_project_rating .o_top_partner_rating_image{height: 15px;} .o_portal_project_rating .o_top_partner_image{height: 30px; width: 30px;} .o_portal_project_rating .o_top_partner_feedback{word-wrap: break-word;} .o_portal_project_rating .o_vertical_separator{border-left: 1px solid #eeeeee;} .o_portal_project_rating .o_rating_progress{margin-bottom: 10px;} .o_portal_project_rating .o_rating_count{display: inline-block; min-width: 22px;} .o_portal_project_rating .o_smiley_no_padding_left{padding-left: 0;} .o_portal_project_rating .o_smiley_no_padding_right{padding-right: 0;} .o_portal_project_rating .o_lighter_smileys{opacity: 0.4;} 

/* /auth_password_policy_signup/static/src/scss/signup_policy.scss defined in bundle 'web.assets_frontend' */
 .form-group.field-password{position: relative;} .form-group.field-password meter.o_password_meter{bottom: calc(calc(2.0625rem + 2px) / 2 - 7px);}