@media (max-width: 767px){.xs-pt-0{padding-top: 0 !important;}.xs-pt-1{padding-top: 10px !important;}.xs-pt-2{padding-top: 15px !important;}.xs-pt-3{padding-top: 20px !important;}.xs-pt-4{padding-top: 30px !important;}.xs-pt-5{padding-top: 40px !important;}.xs-pt-6{padding-top: 50px !important;}.xs-pt-7{padding-top: 60px !important;}.xs-pb-0{padding-bottom: 0 !important;}.xs-pb-1{padding-bottom: 10px !important;}.xs-pb-2{padding-bottom: 15px !important;}.xs-pb-3{padding-bottom: 20px !important;}.xs-pb-4{padding-bottom: 30px !important;}.xs-pb-5{padding-bottom: 40px !important;}.xs-pb-6{padding-bottom: 50px !important;}.xs-pb-7{padding-bottom: 60px !important;}.xs-pl-0{padding-left: 0 !important;}.xs-pl-1{padding-left: 10px !important;}.xs-pl-2{padding-left: 15px !important;}.xs-pl-3{padding-left: 20px !important;}.xs-pl-4{padding-left: 30px !important;}.xs-pl-5{padding-left: 40px !important;}.xs-pl-6{padding-left: 50px !important;}.xs-pl-7{padding-left: 60px !important;}.xs-pr-0{padding-right: 0 !important;}.xs-pr-1{padding-right: 10px !important;}.xs-pr-2{padding-right: 15px !important;}.xs-pr-3{padding-right: 20px !important;}.xs-pr-4{padding-right: 30px !important;}.xs-pr-5{padding-right: 40px !important;}.xs-pr-6{padding-right: 50px !important;}.xs-pr-7{padding-right: 60px !important;}.xs-px-1{padding-left: 10px !important; padding-right: 10px !important;}.xs-px-2{padding-left: 15px !important; padding-right: 15px !important;}.xs-px-3{padding-left: 20px !important; padding-right: 20px !important;}.xs-px-4{padding-left: 30px !important; padding-right: 30px !important;}.xs-px-5{padding-left: 40px !important; padding-right: 40px !important;}.xs-px-6{padding-left: 50px !important; padding-right: 50px !important;}.xs-px-7{padding-left: 60px !important; padding-right: 60px !important;}.xs-py-1{padding-top: 10px !important; padding-bottom: 10px !important;}.xs-py-2{padding-top: 15px !important; padding-bottom: 15px !important;}.xs-py-3{padding-top: 20px !important; padding-bottom: 20px !important;}.xs-py-4{padding-top: 30px !important; padding-bottom: 30px !important;}.xs-py-5{padding-top: 40px !important; padding-bottom: 40px !important;}.xs-py-6{padding-top: 50px !important; padding-bottom: 50px !important;}.xs-py-7{padding-top: 60px !important; padding-bottom: 60px !important;}.xs-pxy-0{padding: 0 !important;}.xs-pxy-1{padding: 10px !important;}.xs-pxy-2{padding: 20px !important;}.xs-pxy-3{padding: 30px !important;}.xs-pxy-4{padding: 40px !important;}.xs-pxy-5{padding: 50px !important;}.xs-pxy-6{padding: 60px !important;}.xs-pxy-7{padding: 70px !important;}.xs-mt-0{margin-top: 0 !important;}.xs-mt-1{margin-top: 10px !important;}.xs-mt-2{margin-top: 15px !important;}.xs-mt-3{margin-top: 20px !important;}.xs-mt-4{margin-top: 30px !important;}.xs-mt-5{margin-top: 40px !important;}.xs-mt-6{margin-top: 50px !important;}.xs-mt-7{margin-top: 60px !important;}.xs-mb-0{margin-bottom: 0 !important;}.xs-mb-1{margin-bottom: 10px !important;}.xs-mb-2{margin-bottom: 15px !important;}.xs-mb-3{margin-bottom: 20px !important;}.xs-mb-4{margin-bottom: 30px !important;}.xs-mb-5{margin-bottom: 40px !important;}.xs-mb-6{margin-bottom: 50px !important;}.xs-mb-7{margin-bottom: 60px !important;}.xs-ml-0{margin-left: 0 !important;}.xs-ml-1{margin-left: 10px !important;}.xs-ml-2{margin-left: 15px !important;}.xs-ml-3{margin-left: 20px !important;}.xs-ml-4{margin-left: 30px !important;}.xs-ml-5{margin-left: 40px !important;}.xs-ml-6{margin-left: 50px !important;}.xs-ml-7{margin-left: 60px !important;}.xs-mr-0{margin-right: 0 !important;}.xs-mr-1{margin-right: 10px !important;}.xs-mr-2{margin-right: 15px !important;}.xs-mr-3{margin-right: 20px !important;}.xs-mr-4{margin-right: 30px !important;}.xs-mr-5{margin-right: 40px !important;}.xs-mr-6{margin-right: 50px !important;}.xs-mr-7{margin-right: 60px !important;}.xs-mx-1{margin-left: 10px !important; margin-right: 10px !important;}.xs-mx-2{margin-left: 15px !important; margin-right: 15px !important;}.xs-mx-3{margin-left: 20px !important; margin-right: 20px !important;}.xs-mx-4{margin-left: 30px !important; margin-right: 30px !important;}.xs-mx-5{margin-left: 40px !important; margin-right: 40px !important;}.xs-mx-6{margin-left: 50px !important; margin-right: 50px !important;}.xs-mx-7{margin-left: 60px !important; margin-right: 60px !important;}.xs-my-1{margin-top: 10px !important; margin-bottom: 10px !important;}.xs-my-2{margin-top: 15px !important; margin-bottom: 15px !important;}.xs-my-3{margin-top: 20px !important; margin-bottom: 20px !important;}.xs-my-4{margin-top: 30px !important; margin-bottom: 30px !important;}.xs-my-5{margin-top: 40px !important; margin-bottom: 40px !important;}.xs-my-6{margin-top: 50px !important; margin-bottom: 50px !important;}.xs-my-7{margin-top: 60px !important; margin-bottom: 60px !important;}.xs-mxy-0{margin: 0 !important;}.xs-mxy-1{margin: 10px !important;}.xs-mxy-2{margin: 20px !important;}.xs-mxy-3{margin: 30px !important;}.xs-mxy-4{margin: 40px !important;}.xs-mxy-5{margin: 50px !important;}.xs-mxy-6{margin: 60px !important;}.xs-mxy-7{margin: 70px !important;}} .fullbg{position: absolute; background-repeat: no-repeat; left: 0; top: 0; -webkit-background-size: cover; background-size: cover; height: 100%; width: 50%;} .fullbg.bg-pos-right{left: inherit; right: 0;} .bg{background-color: transparent; background-origin: initial; background-position: center center; background-repeat: no-repeat; background-size: cover !important; position: relative; z-index: 0;} .bg.fixed{background-color: transparent; background-origin: initial; background-position: center center; background-repeat: no-repeat; background-size: cover !important; position: relative; z-index: 0; background-attachment: fixed;} .overlay{z-index: 0;} .overlay:after{position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; z-index: -1;} .overlay[data-overlay-color="light"]:after{background-color: #ffffff;} .overlay[data-overlay-color="dark"]:after{background-color: #000000;} .overlay[data-overlay-color="theme"]:after{background-color: #0a78e4;} .overlay[data-overlay="1"]:after{opacity: 0.1;} .overlay[data-overlay="2"]:after{opacity: 0.2;} .overlay[data-overlay="3"]:after{opacity: 0.3;} .overlay[data-overlay="4"]:after{opacity: 0.4;} .overlay[data-overlay="5"]:after{opacity: 0.5;} .overlay[data-overlay="6"]:after{opacity: 0.6;} .overlay[data-overlay="7"]:after{opacity: 0.7;} .overlay[data-overlay="8"]:after{opacity: 0.8;} .overlay[data-overlay="9"]:after{opacity: 0.9;} textarea#html_data.form-control{height: 300px; line-height: inherit !important; font-size: 13px;} .form-control-feedback{width: 44px; height: 44px; line-height: 44px;} .fit-image img{width: 100%; height: 100%; object-fit: cover; overflow: hidden;} .fit-image{padding: 0;} 

/* /theme_impacto/static/src/scss/as_shortcodes.scss defined in bundle 'web.assets_frontend' */
 .text-white .divider{background: #fff;} .dark-bg .divider{background: #fff;} .theme-bg .divider{background: #fff;} .box-bottom + section{padding-top: 150px;} .box-top{margin-top: -120px; position: relative; z-index: 99;} .accordion{margin-bottom: 0;} .accordion.default .panel-default{margin-bottom: 10px;} .accordion.default .panel-default:last-child{margin-bottom: 0px;} .accordion .panel + .panel{margin-top: 8px;} .accordion .panel-default > .panel-heading a{font-weight: 300; text-decoration: none;} .accordion .panel + .panel{margin-top: 12px;} .accordion .panel-default{border: none; box-shadow: none; background: none;} .accordion .panel-default > .panel-heading{color: #323232; background-color: inherit; border: none; padding: 0;} .accordion .panel-default > .panel-heading a{background: #0a78e4; border-color: transparent; padding: 18px 20px; display: block; color: #ffffff; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25); border-radius: 50px; position: relative; letter-spacing: 0;} .accordion .panel-default > .panel-heading a.collapsed{background: #ffffff; color: #828282; box-shadow: none; border: 1px solid #e8e8e8;} .accordion .panel-default > .panel-heading:hover a.collapsed{background: #f7fbff;} .accordion .panel-default > .panel-heading a i{padding-right: 10px;} .accordion .panel-default > .panel-heading + .panel-collapse > .panel-body{border: none; padding: 15px; padding-top: 15px; padding-bottom: 15px;} .accordion.boxed .panel-default{border: none; box-shadow: none;} .accordion.boxed .panel-default > .panel-heading a{background: #3c3e52; color: #ffffff; border-radius: 5px;} .accordion.boxed .panel-default > .panel-heading a.collapsed{background: #ffffff; color: #828282;} .accordion.boxed .panel-default > .panel-heading:hover a.collapsed{background: #f7fbff;} .accordion.boxed .panel-default > .panel-heading a i{position: absolute; right: 15px; top: 18px; padding-right: 0; font-size: 18px;} .accordion.boxed .panel-default > .panel-heading + .panel-collapse > .panel-body{border: none; padding: 0; padding-top: 15px; padding-bottom: 15px;} .accordion.bottom-border .panel-default > .panel-heading a{background: transparent; border: none; border-bottom: 3px solid #0a78e4; color: #0a78e4; box-shadow: none; padding: 18px 0px; border-radius: 0;} .accordion.bottom-border .panel-default > .panel-heading a.collapsed{background: transparent; border: none; border-bottom: 3px solid #e8e8e8; color: #959595;} .accordion.bottom-border .panel-default > .panel-heading:hover a.collapsed{background: transparent; color: #0a78e4;} .accordion.border .panel-default > .panel-heading a{border-radius: 5px; background: transparent; color: #0a78e4; border: 1px solid #0a78e4; box-shadow: none;} .accordion.border .panel-default > .panel-heading a.collapsed{color: #959595; border-color: #e8e8e8;} .accordion.border .panel-default > .panel-heading:hover a.collapsed{background: transparent; color: #0a78e4;} .accordion.border .panel-default > .panel-heading a i{color: #0a78e4;} blockquote{margin: 0px; padding: 20px 0px 0px 80px; color: #999999; border-left: none; line-height: 45px;} blockquote.pullquote > p:first-of-type{letter-spacing: -2px; color: #222; font-size: 26px; font-weight: 700;} blockquote.pullquote > p:first-of-type:before{content: open-quote; font-size: 250px; line-height: 0; margin-right: -50px; top: 20px; position: absolute; color: #e9e9e9; top: 135px; z-index: -1;} blockquote small{font-size: 12px; color: #9c9c9c; font-weight: 600; margin: 9px 0px 0px 0px; margin-bottom: 0; display: inline;} blockquote.pos-center{border: none; margin-left: 0; padding-left: 0;} blockquote.pullquote.pos-center > p:first-of-type{font-weight: 300; letter-spacing: 0;} .button-block{padding-bottom: 50px;} .button-block a{margin-right: 10px; margin-bottom: 20px;} .btn{border-width: 0px; -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; text-transform: uppercase; position: relative; font-weight: 600; -webkit-border-radius: 50px; letter-spacing: 1px; font-size: 13px; -moz-border-radius: 50px; border-radius: 50px; padding: 15px 40px;} .btn-lg, .btn-group-lg > .btn{padding: 20px 55px; font-size: 14px; -moz-border-radius: 70px; border-radius: 70px;} .btn-sm, .btn-group-sm > .btn{padding: 12px 30px; font-size: 12px; -moz-border-radius: 35px; border-radius: 35px;} .btn-xs{padding: 8px 20px; font-size: 11px; -moz-border-radius: 20px; border-radius: 20px;} .btn-link{color: #0a78e4; font-size: 13px; font-weight: 700; text-transform: none; text-decoration: none; padding: 0;} .btn-link:hover{text-decoration: none;} .btn-default{background: #0a78e4; color: #fff;} .btn-default:hover{background: #0a78e4; color: #ffffff;} section .btns > i{opacity: 1; position: relative; right: -8px; top: 0;} .btn.icon-left > i{right: auto; left: -8px;} .btn.btn-primary{background: #0a78e4;} .btn.btn-outline{border-width: 2px; background: none;} .btn.btn-default.btn-outline{border-color: #0a78e4; color: #0a78e4;} .btn.btn-default.btn-outline:hover{background: #0a78e4; color: #fff;} .btn.btn-primary.btn-outline{color: #2e6da4;} .btn.btn-primary.btn-outline:hover{background: #2e6da4; color: #fff;} .btn.btn-success.btn-outline{color: #398439;} .btn.btn-success.btn-outline:hover{background: #398439; color: #fff;} .btn.btn-info.btn-outline{color: #46b8da;} .btn.btn-info.btn-outline:hover{background: #46b8da; color: #fff;} .btn.btn-warning.btn-outline{color: #eea236;} .btn.btn-warning.btn-outline:hover{background: #eea236; color: #fff;} .btn.btn-danger.btn-outline{color: #d43f3a;} .btn.btn-danger.btn-outline:hover{background: #d43f3a; color: #fff;} .btn.btn-default.btn-outline.white{border-color: #fff; color: #fff;} .btn.btn-default.btn-outline.white:hover{background: #fff; color: #333;} .btn.btn-shadow{position: relative; top: 0px; -webkit-transition: all 0.2s ease-out 0s; box-shadow: 0 7px 20px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 7px 20px rgba(0, 0, 0, 0.2); box-shadow: 0 7px 20px rgba(0, 0, 0, 0.2);} .btn.btn-shadow: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.btn-grdn{-webkit-box-shadow: 0 7px 20px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 7px 20px rgba(0, 0, 0, 0.2); box-shadow: 0 7px 20px rgba(0, 0, 0, 0.2);} .btn.btn-default.btn-grdn{background: linear-gradient(to right, #0a78e4, #12229e);} .btn.btn-primary.btn-grdn{background: linear-gradient(to right, #2e6da4, #0c3e69);} .btn.btn-success.btn-grdn{background: linear-gradient(to right, #398439, #1c631c);} .btn.btn-info.btn-grdn{background: linear-gradient(to right, #46b8da, #287e97);} .btn.btn-warning.btn-grdn{background: linear-gradient(to right, #eea236, #915c10);} .btn.btn-danger.btn-grdn{background: linear-gradient(to right, #d43f3a, #9d2521);} .call-to-action .call-text{width: 100%; display: table-cell; vertical-align: middle; padding-right: 20px;} .call-to-action .call-action{display: table-cell; vertical-align: middle; white-space: nowrap;} .call-to-action .call-text .lead{font-size: 18px; font-weight: 400; display: block; margin-bottom: 5px;} .call-to-action .call-text .title{margin-bottom: 0;} .theme-hover:hover{background: #ffd200;} .animated > i{opacity: 0; position: absolute; right: 40px; top: 15px;} .animated:hover > i{opacity: 1; right: 25px;} .animated.icon-left > i{right: auto; left: 40px;} .animated.icon-left:hover > i{right: auto; left: 25px;} .btn-default.animated{padding-left: 40px; padding-right: 40px;} .btn-default.animated:hover{padding-left: 30px; padding-right: 50px;} .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%, transparent 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);} .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;} 

/* /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-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;}} 

/* /waybee_ecommerce_frontend/static/src/scss/globals.scss defined in bundle 'web.assets_frontend' */
 body{font-family: 'Open Sans', sans-serif !important;} .form-content .form-group{max-width: 1200px; margin: 0 auto;} .form-content .form-group .wrap-collabsible{margin-bottom: 0.1rem; margin-left: 1.2rem; margin-right: 1.2rem;} .form-content .form-group .wrap-collabsible .toggle:checked + .lbl-toggle::before{transform: rotate(90deg) translateX(-3px);} .form-content .form-group .wrap-collabsible .collapsible-content{max-height: 0px; overflow: hidden; transition: max-height .25s ease-in-out;} .form-content .form-group .wrap-collabsible .toggle:checked + .lbl-toggle + .collapsible-content{max-height: 100%;} .form-content .form-group .wrap-collabsible .toggle:checked + .lbl-toggle{border-bottom-right-radius: 0; border-bottom-left-radius: 0;} .form-content .form-group .wrap-collabsible .img-course{display: block; max-width: 100%; max-height: 100%;} .form-content .form-group .wrap-collabsible .lbl-toggle{font-size: 16pt; width: 100%; margin-top: 1em; padding: 1.5rem; background-color: #00b297; color: white; cursor: pointer; transition: all 0.25s ease-out; border-radius: 4px !important;} .form-content .form-group .wrap-collabsible .lbl-toggle:hover{color: #CCCCCC;} .form-content .form-group .wrap-collabsible .lbl-toggle::before{content: ' '; display: inline-block; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid currentColor; vertical-align: middle; margin-right: .7rem; transform: translateY(-2px); transition: transform .2s ease-out;} .form-content .form-group .wrap-collabsible .collapsible-content{font-family: 'Open Sans', sans-serif;} .form-content .form-group .wrap-collabsible .collapsible-content .content-inner{padding: .5rem 0rem;} .form-content .form-group .wrap-collabsible .collapsible-content .content-inner .course-list-item{height: auto !important;} .form-content .form-group .wrap-collabsible .collapsible-content .content-inner .course-list-item .course-list-item-inner{min-height: 7em; padding: 10px 0 !important; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center;} @media screen and (max-width: 620px){.form-content .form-group .wrap-collabsible .collapsible-content .content-inner .course-list-item .course-list-item-inner .align-start-mobile{align-items: flex-start !important;}} @media screen and (max-width: 620px){.form-content .form-group .wrap-collabsible .collapsible-content .content-inner .course-list-item .course-list-item-inner{display: block;}} .form-content .form-group .wrap-collabsible .collapsible-content .content-inner .front-card{height: 7em;} .form-content .form-group .wrap-collabsible .collapsible-content .content-inner .front-card .front-container{position: relative; padding: 0px 1.5em; height: 100%; margin-top: 1.2rem; margin-bottom: 1.2rem; border: 1px solid transparent; border-left: 8px solid; border-radius: 8px !important; border-color: #cccccc; margin-left: 0; margin-right: 0;} .form-content .form-group .wrap-collabsible .collapsible-content .content-inner .front-card .front-container .info-item{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; justify-content: center; height: 100%;} @media screen and (max-width: 540px){.form-content .form-group .wrap-collabsible .collapsible-content .content-inner .front-card .front-container .info-item{margin: 10px 0;}} @media screen and (max-width: 992px){.form-content .form-group .wrap-collabsible .collapsible-content .content-inner .front-card .front-container .info-item{-webkit-box-pack: start; justify-content: flex-start; margin: 10px;}} .form-content .form-group .wrap-collabsible .collapsible-content .content-inner .front-card .front-container .btn{color: #307ad5; font-size: 18px; text-transform: none;} .form-content .form-group .wrap-collabsible .collapsible-content .content-inner .front-card .front-container form{margin: 0px;} .form-content .form-group .wrap-collabsible .collapsible-content .content-inner .front-card .front-container .btn-form{background: none; border: none; padding: 0 !important; font: inherit; cursor: pointer; color: #307ad5; font-size: 18px; text-transform: none;} .form-content .form-group .wrap-collabsible .collapsible-content .content-inner .front-card .front-container .course-name{font-size: 17px; align-self: flex-start;} .form-content .form-group .wrap-collabsible .collapsible-content .content-inner .front-card .front-container .bold{font-size: 20px; font-weight: 600; line-height: 20px; color: black;} .form-content .form-group .wrap-collabsible .collapsible-content .content-inner .front-card .front-container .name{align-self: flex-start; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} @media screen and (max-width: 992px){.form-content .form-group .wrap-collabsible .collapsible-content .content-inner .front-card .front-container .name{align-self: center;}} @media screen and (max-width: 540px){.form-content .form-group .wrap-collabsible .collapsible-content .content-inner .front-card .front-container .name{align-self: flex-start;}} .form-content .form-group .wrap-collabsible .collapsible-content .content-inner .front-card .front-container .student-name{align-self: flex-start; text-overflow: ellipsis; white-space: normal; overflow: hidden;} @media screen and (max-width: 540px){.form-content .form-group .wrap-collabsible .collapsible-content .content-inner .front-card .front-container .student-name{align-self: flex-start;}} .form-content .form-group .wrap-collabsible .collapsible-content .content-inner .front-card .front-container .text-left{float: left;} .form-content .form-group .wrap-collabsible .collapsible-content .content-inner .front-card .front-container .text-left.course{font-size: 14pt; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 11em; margin-top: .8rem; margin-bottom: 0;} .form-content .form-group .wrap-collabsible .collapsible-content .content-inner .front-card .front-container .text-left.name{text-transform: capitalize; color: #00b297; font-weight: 600; margin-top: 2.8em; margin-bottom: 0;} .form-content .form-group .wrap-collabsible .collapsible-content .content-inner .front-card .front-container .text-right{float: right;} .form-content .form-group .wrap-collabsible .collapsible-content .content-inner .front-card .front-container .text-right.date-red{color: #e20707; font-size: 10pt; margin-top: 4pt; margin-bottom: 0; margin-right: 25%;} .form-content .form-group .wrap-collabsible .collapsible-content .content-inner .front-card .front-container .text-right.date-blue{color: #00b297; font-size: 10pt; margin-top: 4pt; margin-bottom: 0; margin-right: 25%;} .form-content .form-group .wrap-collabsible .collapsible-content .content-inner .front-card .front-container .text-right.button{margin-top: 2em;} .form-content .form-group .wrap-collabsible .collapsible-content .content-inner .front-card .front-container .text-right.button .button_cancel{background-color: #e20707;} .form-content .form-group .wrap-collabsible .collapsible-content .content-inner .front-card .front-container .text-right.button-success{margin-top: 2em; background-color: #00b297; border-radius: 4px;} .form-content .form-group .wrap-collabsible .collapsible-content .content-inner .front-card .front-container .text-right.button-success a{color: white; padding: 1em 1.5em; position: relative; border-radius: 4px; text-decoration: none; text-transform: uppercase;} .form-content .form-group .wrap-collabsible .collapsible-content .content-inner .front-card .front-container .payment-detail{margin-top: 2rem; margin-left: 25%; font-size: 9pt; opacity: 0.7;} .form-content .form-group .wrap-collabsible .collapsible-content .content-inner .front-card .front-container .payment-value{font-size: 16pt; position: absolute; bottom: 1.5em; margin-left: 50%;} .form-content .form-group .wrap-collabsible .collapsible-content .content-inner .front-card .front-container .payment-value p{margin: 0; font-weight: 100;} .form-content .more{text-align: center; color: #00b297; font-weight: 700;} .vertical-align{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center;} 

/* /waybee_ecommerce_frontend/static/src/scss/custom_styling.scss defined in bundle 'web.assets_frontend' */
 .img.img__rounded{border-radius: 4px;} .product-item.course__imgrounded{border-top-left-radius: 4px; border-top-right-radius: 4px;} .btn.btn-store{padding: 15px !important; width: 85%; align-self: flex-end; margin: 0 auto; border-radius: 4px; color: #ffffff; background-color: #00b297;} .btn.btn-store:hover, .btn.btn-store:focus, .btn.btn-store.focus{color: #cccccc; color: #cccccc; text-decoration: none;} .btn.btn-store:active, .btn.btn-store.active{outline: 0; background-image: none;} .btn.btn-store a.disabled, fieldset[disabled] .btn.btn-store a{pointer-events: none;} .btn.btn-confirm{border-radius: 4px; color: #ffffff; background-color: #00b297;} .btn.btn-confirm:hover, .btn.btn-confirm:focus, .btn.btn-confirm.focus{color: #CCCCCC; text-decoration: none;} .btn.btn-confirm:active, .btn.btn-confirm.active{outline: 0; background-image: none;} .btn.btn-confirm a.disabled, fieldset[disabled] .btn.btn-confirm a{pointer-events: none;} .product-item.no__margin{margin: 0;} .segment_headline{box-shadow: inset 0px 11px 8px -10px #666666; padding-top: 10px; min-height: 2.5em; overflow: hidden; font-size: 14pt; color: #fefefe;} .product-item.round__border{border-radius: 4px;} .card-main-text{font-size: 14pt; padding-top: 10px; padding-bottom: 10px;} .card-sub-text{font-size: 10pt; padding-bottom: 10px;} a.button_view{background-color: #00b297; color: white; padding: 1em 1.5em; position: relative; border-radius: 4px; text-decoration: none; text-transform: uppercase;} a.button_view:hover{background-color: #1A730E; cursor: pointer;} a.button_view:active{box-shadow: none; top: 5px;} button.button_cancel{background-color: #ff0000; color: white; padding: 1em 1.5em; position: relative; border-radius: 4px; text-decoration: none; text-transform: uppercase;} button.button_cancel:hover{background-color: #cc0000; cursor: pointer;} a.button_cancel{background-color: #ff0000; color: white; padding: 1em 1.5em; position: relative; border-radius: 4px; text-decoration: none; text-transform: uppercase;} a.button_cancel:hover{background-color: #cc0000; cursor: pointer;} a.button_cancel:active{box-shadow: none; top: 5px;} .image__circle{object-fit: cover; border-radius: 50%; border-style: solid; border-width: 5px; border-color: #00b297; height: 120px; width: 120px;} .mobile_header_grad{background-image: linear-gradient(to bottom right, #00b297, #00b297);} .homepage-column{box-sizing: border-box; float: left; width: 33%; padding: 0 10px;} .homepage-column-headline{box-sizing: border-box; float: left; width: 100%; padding: 0 10px;} .homepage-card-headline{box-sizing: border-box; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); padding: 16px; text-align: center; background-color: #ffffff; height: 420px; position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; min-width: 0;} .homepage-card-headline h3{color: #00b297; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .homepage-card-news{box-sizing: border-box; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); padding: 16px; text-align: center; background-color: #ffffff; height: 420px; position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; min-width: 0;} .homepage-card-news h3{color: #00b297; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .homepage-container-row{box-sizing: border-box;} .homepage-container-row:after{content: ""; display: table; clear: both;} .homepage-card{box-sizing: border-box; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); padding: 16px; text-align: center; background-color: #ffffff; min-height: 674px; position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column;} .homepage-card h3{color: #00b297;} @media screen and (max-width: 600px){.homepage-column{box-sizing: border-box; width: 100%; display: block; margin-bottom: 20px;}} 

/* /waybee_ecommerce_frontend/static/src/scss/student_tab.scss defined in bundle 'web.assets_frontend' */
 .tabs{display: block; display: -webkit-flex; display: -moz-flex; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap; margin: 0; overflow: hidden;} .tabs [class^="tab"] label, .tabs [class*=" tab"] label{color: #03018e; cursor: pointer; display: block; font-size: 1.1em; font-weight: 300; line-height: 1em; padding: 2rem 0; text-align: center;} .tabs [class^="tab"] [type="radio"], .tabs [class*=" tab"] [type="radio"]{border-bottom: 1px solid rgba(239, 237, 239, 0.5); cursor: pointer; -webkit--webkit-appearance: none; -moz-appearance: none; appearance: none; -moz--webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; width: 100%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .tabs [class^="tab"] [type="radio"]:hover, .tabs [class^="tab"] [type="radio"]:focus, .tabs [class*=" tab"] [type="radio"]:hover, .tabs [class*=" tab"] [type="radio"]:focus{border-bottom: 1px solid #00b297;} .tabs [class^="tab"] [type="radio"]:checked, .tabs [class*=" tab"] [type="radio"]:checked{border-bottom: 4px solid #00b297;} .tabs [class^="tab"] [type="radio"]:checked + div, .tabs [class*=" tab"] [type="radio"]:checked + div{opacity: 1;} .tabs [class^="tab"] [type="radio"] + div, .tabs [class*=" tab"] [type="radio"] + div{display: block; opacity: 0; padding: 2rem 0; width: 90%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .tabs .tab-2{width: 50%;} .tabs .tab-2 [type="radio"] + div{width: 200%; margin-left: 200%;} .tabs .tab-2 [type="radio"]:checked + div{margin-left: 0;} .tabs .tab-2:last-child [type="radio"] + div{margin-left: 100%;} .tabs .tab-2:last-child [type="radio"]:checked + div{margin-left: -100%;} .tabs .tab-3{width: 33.333%;} .tabs .tab-3 [type="radio"] + div{width: 300%; margin-left: 300%;} .tabs .tab-3 [type="radio"]:checked + div{margin-left: 0;} .tabs .tab-3:nth-child(2) [type="radio"] + div{margin-left: 200%;} .tabs .tab-3:nth-child(2) [type="radio"]:checked + div{margin-left: -100%;} .tabs .tab-3:nth-child(3) [type="radio"] + div{margin-left: 100%;} .tabs .tab-3:nth-child(3) [type="radio"]:checked + div{margin-left: -200%;} .tabs .tab-4{width: 25%;} .tabs .tab-4 [type="radio"] + div{width: 400%; margin-left: 400%;} .tabs .tab-4 [type="radio"]:checked + div{margin-left: 0;} .tabs .tab-4:nth-child(2) [type="radio"] + div{margin-left: 300%;} .tabs .tab-4:nth-child(2) [type="radio"]:checked + div{margin-left: -100%;} .tabs .tab-4:nth-child(3) [type="radio"] + div{margin-left: 200%;} .tabs .tab-4:nth-child(3) [type="radio"]:checked + div{margin-left: -200%;} .tabs .tab-4:nth-child(4) [type="radio"] + div{margin-left: 100%;} .tabs .tab-4:nth-child(4) [type="radio"]:checked + div{margin-left: -300%;} 

/* /waybee_ecommerce_frontend/static/src/scss/pure_css_carousel.scss defined in bundle 'web.assets_frontend' */
 .carousel-mobile{height: 300px; width: 400px; overflow: hidden; text-align: center; position: relative; padding: 0; list-style: none;} .carousel-mobile__controls, .carousel-mobile__activator{display: none;} .carousel-mobile__activator:nth-of-type(1):checked ~ .carousel-mobile__track{-webkit-transform: translateX(0%); transform: translateX(0%);} .carousel-mobile__activator:nth-of-type(1):checked ~ .carousel-mobile__slide:nth-of-type(1){transition: opacity 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, transform 0.5s; transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s; top: 0; left: 0; right: 0; opacity: 1; -webkit-transform: scale(1); transform: scale(1);} .carousel-mobile__activator:nth-of-type(1):checked ~ .carousel-mobile__controls:nth-of-type(1){display: block; opacity: 1;} .carousel-mobile__activator:nth-of-type(1):checked ~ .carousel-mobile__indicators .carousel-mobile__indicator:nth-of-type(1){opacity: 1;} .carousel-mobile__activator:nth-of-type(2):checked ~ .carousel-mobile__track{-webkit-transform: translateX(-100%); transform: translateX(-100%);} .carousel-mobile__activator:nth-of-type(2):checked ~ .carousel-mobile__slide:nth-of-type(2){transition: opacity 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, transform 0.5s; transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s; top: 0; left: 0; right: 0; opacity: 1; -webkit-transform: scale(1); transform: scale(1);} .carousel-mobile__activator:nth-of-type(2):checked ~ .carousel-mobile__controls:nth-of-type(2){display: block; opacity: 1;} .carousel-mobile__activator:nth-of-type(2):checked ~ .carousel-mobile__indicators .carousel-mobile__indicator:nth-of-type(2){opacity: 1;} .carousel-mobile__activator:nth-of-type(3):checked ~ .carousel-mobile__track{-webkit-transform: translateX(-200%); transform: translateX(-200%);} .carousel-mobile__activator:nth-of-type(3):checked ~ .carousel-mobile__slide:nth-of-type(3){transition: opacity 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, transform 0.5s; transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s; top: 0; left: 0; right: 0; opacity: 1; -webkit-transform: scale(1); transform: scale(1);} .carousel-mobile__activator:nth-of-type(3):checked ~ .carousel-mobile__controls:nth-of-type(3){display: block; opacity: 1;} .carousel-mobile__activator:nth-of-type(3):checked ~ .carousel-mobile__indicators .carousel-mobile__indicator:nth-of-type(3){opacity: 1;} .carousel-mobile__activator:nth-of-type(4):checked ~ .carousel-mobile__track{-webkit-transform: translateX(-300%); transform: translateX(-300%);} .carousel-mobile__activator:nth-of-type(4):checked ~ .carousel-mobile__slide:nth-of-type(4){transition: opacity 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, transform 0.5s; transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s; top: 0; left: 0; right: 0; opacity: 1; -webkit-transform: scale(1); transform: scale(1);} .carousel-mobile__activator:nth-of-type(4):checked ~ .carousel-mobile__controls:nth-of-type(4){display: block; opacity: 1;} .carousel-mobile__activator:nth-of-type(4):checked ~ .carousel-mobile__indicators .carousel-mobile__indicator:nth-of-type(4){opacity: 1;} .carousel-mobile__activator:nth-of-type(5):checked ~ .carousel-mobile__track{-webkit-transform: translateX(-400%); transform: translateX(-400%);} .carousel-mobile__activator:nth-of-type(5):checked ~ .carousel-mobile__slide:nth-of-type(5){transition: opacity 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, transform 0.5s; transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s; top: 0; left: 0; right: 0; opacity: 1; -webkit-transform: scale(1); transform: scale(1);} .carousel-mobile__activator:nth-of-type(5):checked ~ .carousel-mobile__controls:nth-of-type(5){display: block; opacity: 1;} .carousel-mobile__activator:nth-of-type(5):checked ~ .carousel-mobile__indicators .carousel-mobile__indicator:nth-of-type(5){opacity: 1;} .carousel-mobile__control{height: 30px; width: 30px; margin-top: -15px; top: 50%; position: absolute; display: block; cursor: pointer; border-width: 5px 5px 0 0; border-style: solid; border-color: #fafafa; opacity: 0.35; outline: 0; z-index: 3;} .carousel-mobile__control:hover{opacity: 1;} .carousel-mobile__control--backward{left: 10px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg);} .carousel-mobile__control--forward{right: 10px; -webkit-transform: rotate(45deg); transform: rotate(45deg);} .carousel-mobile__indicators{position: absolute; bottom: 20px; width: 100%; text-align: center;} .carousel-mobile__indicator{height: 15px; width: 15px; border-radius: 100%; display: inline-block; z-index: 2; cursor: pointer; opacity: 0.35; margin: 0 2.5px 0 2.5px;} .carousel-mobile__indicator:hover{opacity: 0.75;} .carousel-mobile__track{position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 0; margin: 0; transition: -webkit-transform 0.5s ease 0s; transition: transform 0.5s ease 0s; transition: transform 0.5s ease 0s, -webkit-transform 0.5s ease 0s;} .carousel-mobile__track .carousel-mobile__slide{display: block; top: 0; left: 0; right: 0; opacity: 1;} .carousel-mobile__track .carousel-mobile__slide:nth-of-type(1){-webkit-transform: translateX(0%); transform: translateX(0%);} .carousel-mobile__track .carousel-mobile__slide:nth-of-type(2){-webkit-transform: translateX(100%); transform: translateX(100%);} .carousel-mobile__track .carousel-mobile__slide:nth-of-type(3){-webkit-transform: translateX(200%); transform: translateX(200%);} .carousel-mobile__track .carousel-mobile__slide:nth-of-type(4){-webkit-transform: translateX(300%); transform: translateX(300%);} .carousel-mobile__track .carousel-mobile__slide:nth-of-type(5){-webkit-transform: translateX(400%); transform: translateX(400%);} .carousel-mobile--scale .carousel-mobile__slide{-webkit-transform: scale(0); transform: scale(0);} .carousel-mobile__slide{height: 100%; position: absolute; overflow-y: auto; opacity: 0;} *{box-sizing: border-box;} .carousel-mobile-container{display: inline-block;} .my-carousel{border-radius: 5px; margin: 30px;} .carousel-mobile__slide{overflow: hidden;} .carousel-mobile--thumb .carousel-mobile__indicator{height: 30px; width: 30px;} .carousel-mobile__indicator{background-color: #fafafa;} .carousel-mobile__slide:nth-of-type(1), .carousel-mobile--thumb .carousel-mobile__indicators .carousel-mobile__indicator:nth-of-type(1){background-image: url("https://unsplash.it/300?random"); background-size: cover; background-position: center;} .carousel-mobile__slide:nth-of-type(2), .carousel-mobile--thumb .carousel-mobile__indicators .carousel-mobile__indicator:nth-of-type(2){background-image: url("https://unsplash.it/600?random"); background-size: cover; background-position: center;} .carousel-mobile__slide:nth-of-type(3), .carousel-mobile--thumb .carousel-mobile__indicators .carousel-mobile__indicator:nth-of-type(3){background-image: url("https://unsplash.it/900?random"); background-size: cover; background-position: center;} .carousel-mobile__slide:nth-of-type(4), .carousel-mobile--thumb .carousel-mobile__indicators .carousel-mobile__indicator:nth-of-type(4){background-image: url("https://unsplash.it/1200?random"); background-size: cover; background-position: center;} .carousel-mobile__slide:nth-of-type(5), .carousel-mobile--thumb .carousel-mobile__indicators .carousel-mobile__indicator:nth-of-type(5){background-image: url("https://unsplash.it/1500?random"); background-size: cover; background-position: center;} 

/* /waybee_ecommerce_frontend/static/src/scss/globals.scss defined in bundle 'web.assets_frontend' */
 body{font-family: 'Open Sans', sans-serif !important;} .form-content .form-group{max-width: 1200px; margin: 0 auto;} .form-content .form-group .wrap-collabsible{margin-bottom: 0.1rem; margin-left: 1.2rem; margin-right: 1.2rem;} .form-content .form-group .wrap-collabsible .toggle:checked + .lbl-toggle::before{transform: rotate(90deg) translateX(-3px);} .form-content .form-group .wrap-collabsible .collapsible-content{max-height: 0px; overflow: hidden; transition: max-height .25s ease-in-out;} .form-content .form-group .wrap-collabsible .toggle:checked + .lbl-toggle + .collapsible-content{max-height: 100%;} .form-content .form-group .wrap-collabsible .toggle:checked + .lbl-toggle{border-bottom-right-radius: 0; border-bottom-left-radius: 0;} .form-content .form-group .wrap-collabsible .img-course{display: block; max-width: 100%; max-height: 100%;} .form-content .form-group .wrap-collabsible .lbl-toggle{font-size: 16pt; width: 100%; margin-top: 1em; padding: 1.5rem; background-color: #00b297; color: white; cursor: pointer; transition: all 0.25s ease-out; border-radius: 4px !important;} .form-content .form-group .wrap-collabsible .lbl-toggle:hover{color: #CCCCCC;} .form-content .form-group .wrap-collabsible .lbl-toggle::before{content: ' '; display: inline-block; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid currentColor; vertical-align: middle; margin-right: .7rem; transform: translateY(-2px); transition: transform .2s ease-out;} .form-content .form-group .wrap-collabsible .collapsible-content{font-family: 'Open Sans', sans-serif;} .form-content .form-group .wrap-collabsible .collapsible-content .content-inner{padding: .5rem 0rem;} .form-content .form-group .wrap-collabsible .collapsible-content .content-inner .course-list-item{height: auto !important;} .form-content .form-group .wrap-collabsible .collapsible-content .content-inner .course-list-item .course-list-item-inner{min-height: 7em; padding: 10px 0 !important; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center;} @media screen and (max-width: 620px){.form-content .form-group .wrap-collabsible .collapsible-content .content-inner .course-list-item .course-list-item-inner .align-start-mobile{align-items: flex-start !important;}} @media screen and (max-width: 620px){.form-content .form-group .wrap-collabsible .collapsible-content .content-inner .course-list-item .course-list-item-inner{display: block;}} .form-content .form-group .wrap-collabsible .collapsible-content .content-inner .front-card{height: 7em;} .form-content .form-group .wrap-collabsible .collapsible-content .content-inner .front-card .front-container{position: relative; padding: 0px 1.5em; height: 100%; margin-top: 1.2rem; margin-bottom: 1.2rem; border: 1px solid transparent; border-left: 8px solid; border-radius: 8px !important; border-color: #cccccc; margin-left: 0; margin-right: 0;} .form-content .form-group .wrap-collabsible .collapsible-content .content-inner .front-card .front-container .info-item{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; justify-content: center; height: 100%;} @media screen and (max-width: 540px){.form-content .form-group .wrap-collabsible .collapsible-content .content-inner .front-card .front-container .info-item{margin: 10px 0;}} @media screen and (max-width: 992px){.form-content .form-group .wrap-collabsible .collapsible-content .content-inner .front-card .front-container .info-item{-webkit-box-pack: start; justify-content: flex-start; margin: 10px;}} .form-content .form-group .wrap-collabsible .collapsible-content .content-inner .front-card .front-container .btn{color: #307ad5; font-size: 18px; text-transform: none;} .form-content .form-group .wrap-collabsible .collapsible-content .content-inner .front-card .front-container form{margin: 0px;} .form-content .form-group .wrap-collabsible .collapsible-content .content-inner .front-card .front-container .btn-form{background: none; border: none; padding: 0 !important; font: inherit; cursor: pointer; color: #307ad5; font-size: 18px; text-transform: none;} .form-content .form-group .wrap-collabsible .collapsible-content .content-inner .front-card .front-container .course-name{font-size: 17px; align-self: flex-start;} .form-content .form-group .wrap-collabsible .collapsible-content .content-inner .front-card .front-container .bold{font-size: 20px; font-weight: 600; line-height: 20px; color: black;} .form-content .form-group .wrap-collabsible .collapsible-content .content-inner .front-card .front-container .name{align-self: flex-start; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} @media screen and (max-width: 992px){.form-content .form-group .wrap-collabsible .collapsible-content .content-inner .front-card .front-container .name{align-self: center;}} @media screen and (max-width: 540px){.form-content .form-group .wrap-collabsible .collapsible-content .content-inner .front-card .front-container .name{align-self: flex-start;}} .form-content .form-group .wrap-collabsible .collapsible-content .content-inner .front-card .front-container .student-name{align-self: flex-start; text-overflow: ellipsis; white-space: normal; overflow: hidden;} @media screen and (max-width: 540px){.form-content .form-group .wrap-collabsible .collapsible-content .content-inner .front-card .front-container .student-name{align-self: flex-start;}} .form-content .form-group .wrap-collabsible .collapsible-content .content-inner .front-card .front-container .text-left{float: left;} .form-content .form-group .wrap-collabsible .collapsible-content .content-inner .front-card .front-container .text-left.course{font-size: 14pt; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 11em; margin-top: .8rem; margin-bottom: 0;} .form-content .form-group .wrap-collabsible .collapsible-content .content-inner .front-card .front-container .text-left.name{text-transform: capitalize; color: #00b297; font-weight: 600; margin-top: 2.8em; margin-bottom: 0;} .form-content .form-group .wrap-collabsible .collapsible-content .content-inner .front-card .front-container .text-right{float: right;} .form-content .form-group .wrap-collabsible .collapsible-content .content-inner .front-card .front-container .text-right.date-red{color: #e20707; font-size: 10pt; margin-top: 4pt; margin-bottom: 0; margin-right: 25%;} .form-content .form-group .wrap-collabsible .collapsible-content .content-inner .front-card .front-container .text-right.date-blue{color: #00b297; font-size: 10pt; margin-top: 4pt; margin-bottom: 0; margin-right: 25%;} .form-content .form-group .wrap-collabsible .collapsible-content .content-inner .front-card .front-container .text-right.button{margin-top: 2em;} .form-content .form-group .wrap-collabsible .collapsible-content .content-inner .front-card .front-container .text-right.button .button_cancel{background-color: #e20707;} .form-content .form-group .wrap-collabsible .collapsible-content .content-inner .front-card .front-container .text-right.button-success{margin-top: 2em; background-color: #00b297; border-radius: 4px;} .form-content .form-group .wrap-collabsible .collapsible-content .content-inner .front-card .front-container .text-right.button-success a{color: white; padding: 1em 1.5em; position: relative; border-radius: 4px; text-decoration: none; text-transform: uppercase;} .form-content .form-group .wrap-collabsible .collapsible-content .content-inner .front-card .front-container .payment-detail{margin-top: 2rem; margin-left: 25%; font-size: 9pt; opacity: 0.7;} .form-content .form-group .wrap-collabsible .collapsible-content .content-inner .front-card .front-container .payment-value{font-size: 16pt; position: absolute; bottom: 1.5em; margin-left: 50%;} .form-content .form-group .wrap-collabsible .collapsible-content .content-inner .front-card .front-container .payment-value p{margin: 0; font-weight: 100;} .form-content .more{text-align: center; color: #00b297; font-weight: 700;} .vertical-align{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center;} 

/* /waybee_ecommerce_frontend/static/src/scss/course_shop.scss defined in bundle 'web.assets_frontend' */
 .course-shop .inner-intro{position: relative; background-color: #9D4A98; height: 8em !important;} .course-shop .inner-intro .title{display: table-cell; vertical-align: middle; width: 360px; margin: auto;} .course-shop .inner-intro .segment-header{position: absolute; bottom: 0; width: 100%; text-align: center;} .course-shop .inner-intro .segment-header .segment_headline{min-height: 3.5em;} .course-shop .inner-intro .segment-header .segment_headline p{font-family: 'OpenSans-Bold'; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 80%; margin: 0 auto; text-shadow: 2px 2px 5px grey; padding-top: 0.5em;} .course-shop .inner-intro .container{width: auto;} .course-shop .inner-intro .container .intro-title .title{color: white;} .course-shop .inner-intro .container .intro-title .page-breadcrumb .fa-home{color: white;} .course-shop .inner-intro .container .intro-title .page-breadcrumb a{color: #eeeeee;} .course-shop .inner-intro .show-header{display: block;} .course-shop .inner-intro .hide-header{display: none;} .course-shop .course-cards{display: inline;} .course-shop .view-container .student-tab-container{-webkit-animation: fadeEffect 1s; animation: fadeEffect 1s;} .course-shop .view-container .student-tab-container .form-group{padding: 0; padding-top: 20px;} .course-shop .view-container .student-tab-container .form-group .product-item{padding-bottom: 5%;} .course-shop .view-container .student-tab-container .student-item-content{overflow: hidden; width: 100%; height: 140px; position: relative; white-space: nowrap; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);} .course-shop .view-container .student-tab-container .student-item-content .child-item-content{overflow-x: scroll;} .course-shop .view-container .student-tab-container .student-item-content .child-item-content .student-item{height: 100%; width: 35%; display: inline-block; position: relative;} .course-shop .view-container .student-tab-container .student-item-content .child-item-content::-webkit-scrollbar{display: none;} .course-shop .view-container .student-tab-container .student-info{text-align: center; width: 90%; max-width: 1200px; margin: 0 auto;} .course-shop .view-container .student-tab-container .student-info .custom-dropdown{float: left; margin-top: 0.84em;} .course-shop .view-container .student-tab-container .student-info .custom-dropdown .click-button{padding: 1em; border-bottom-right-radius: 0; border-top-right-radius: 0;} .course-shop .view-container .student-tab-container .student-info .custom-dropdown .select-fields .container{display: block; position: relative; padding-left: 0.5em; margin-bottom: 12px; cursor: pointer; font-size: 1em; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .course-shop .view-container .student-tab-container .student-info .custom-dropdown .select-fields .container input{position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;} .course-shop .view-container .student-tab-container .student-info .custom-dropdown .select-fields .container .checkmark{position: absolute; right: 0.5em; top: 0.2em; height: 20px; width: 20px; border-radius: 2px; background-color: #eee;} .course-shop .view-container .student-tab-container .student-info .custom-dropdown .select-fields .container:hover input ~ .checkmark{background-color: #ccc;} .course-shop .view-container .student-tab-container .student-info .custom-dropdown .select-fields .container input:checked ~ .checkmark{background-color: #00b297;} .course-shop .view-container .student-tab-container .student-info .custom-dropdown .select-fields .checkmark:after{content: ""; position: absolute; display: none; left: 0.5em !important; top: 0.2em !important; width: 7px !important; height: 13px !important; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);} .course-shop .view-container .student-tab-container .student-info .custom-dropdown .select-fields .container input:checked ~ .checkmark:after{display: block;} .course-shop .view-container .student-tab-container .student-info .custom-dropdown .select-fields .container .checkmark:after{left: 9px; top: 5px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);} .course-shop .view-container .student-tab-container .student-info .custom-dropdown .dropdown-toggle{padding: 1em;} .course-shop .view-container .student-tab-container .student-info .input-group{text-align: center; padding: 1em; padding-left: 0; padding-right: 0;} .course-shop .view-container .student-tab-container .student-info .course-cards .card-container{padding: 0; float: left;} .course-shop .view-container .student-tab-container .student-info .course-cards .card-container .product-item{background-color: white; padding-bottom: 1em;} .course-shop .view-container .student-tab-container .student-info .course-cards .card-container .product-item .product-body{padding-bottom: 0;} .course-shop .view-container .student-tab-container .student-info .course-cards .card-container .product-item .product-body.card-sub-text{font-size: 9pt;} .course-shop .view-container .student-tab-container .student-tab-row{height: 100%; position: relative; overflow: hidden; padding-top: 1.25em; text-align: center; background: #00303b;} .course-shop .view-container .student-tab-container .student-tab-row .student-avatar-wrapper{position: relative; display: inline-block; margin-left: auto; margin-right: auto;} .course-shop .view-container .student-tab-container .student-tab-row .student-status-dot{position: absolute; top: -6px; right: -6px; width: 16px; height: 16px; border-radius: 50%; background-color: #ffffff; border: 3px solid #00303b; box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);} .course-shop .view-container .student-tab-container .student-tab-row img{height: 72px; width: 72px; border-radius: 50%; display: block; margin-left: auto; margin-right: auto; margin-bottom: 0.5em; object-fit: cover; border: solid 3px #ffffff;} .course-shop .view-container .student-tab-container .student-tab-row p{width: 74%; position: absolute; margin-left: auto; margin-right: auto; margin-bottom: 1em; left: 0; right: 0; bottom: 0; text-align: center; white-space: initial; font-size: 12px; color: #ffffff; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .course-shop .student-tab-row.student-tab-row-selected{border-bottom: 4px solid #00b297 !important;} .course-shop .student-tab-row.student-tab-row-selected p{opacity: 1 !important;} .course-shop .student-tab-row.student-tab-row-selected img{border: solid 3px #00b297 !important;} @keyframes fadeEffect{from{opacity: 0;}to{opacity: 1;}} 

/* /waybee_ecommerce_frontend/static/src/scss/course_views.scss defined in bundle 'web.assets_frontend' */
 .view-content .student_header{position: relative; padding: 30px 40px;} .view-content .student_header .segment_headline p{margin: 16px; margin-top: 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-family: 'OpenSans-Bold'; text-align: center;} .view-content .student_header .student-head-name{align-self: flex-end; flex: 1; margin-left: 64px;} .view-content .student_header .student-info{display: -webkit-box; display: -webkit-flex; display: flex; flex-direction: row;} .view-content .student_header .student-info img{height: 80px; width: 80px; position: relative; border-radius: 50%;} .view-content .student_header .student-info p{font-size: 14pt; text-transform: capitalize; position: relative; left: 7em; width: 55%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .view-content .divider{height: 1px; width: 100%; background-color: rgba(151, 151, 151, 0.6); margin: 0 auto; border-radius: 40px;} .view-content .second-container{height: 9em; text-align: center;} .view-content .second-container.management{height: 3.5em;} .view-content .second-container .warning{font-size: 9pt; width: 90%; margin: 24px auto 0; color: #e20707;} .view-content .second-container .details-title{font-size: 20pt; width: 90%; margin: 20px auto 0; color: #00b297; font-weight: 600;} .view-content .second-container .question-title{width: 90%; margin: 1em auto; text-align: left; font-size: 1.1em;} .view-content .form-group{text-align: left;} .view-content .form-group .row{width: 90%; margin: 1em auto;} .view-content .form-group .row .text-left{font-size: 1em; color: #828282;} .view-content .form-group .row .form-control{border: solid 1px #828282; color: #828282;} .view-content .form-group .row .textarea-content{width: 70%;} .view-content .form-group .row .textarea-content .textarea{border: solid 1px #828282 !important; width: 100% !important; border-radius: 4px !important;} .view-content .form-group .row.submit{min-width: 310px !important; max-width: 50% !important;} .view-content .form-group .row.submit button{background-color: #00b297; width: 100%; border-radius: 4px;} .view-content .as-animated-slider{margin: 14px;} .view-content .as-animated-slider #carousel-1{border-radius: 4px; height: 24em;} .view-content .status{position: absolute; top: 1.6em; right: 0; background-color: #22a800; color: white; padding: 0.5em 0.5em 0.5em 1.2em; border-bottom-left-radius: 30px; border-top-left-radius: 30px;} .view-content .course-details .title{text-align: center; color: #273185; font-weight: bold; font-size: 16pt; margin-bottom: 0;} .view-content .course-details .description{text-align: center; margin-top: 0; padding-top: 0;} .view-content .course-details .description.hour{margin-bottom: 0;} .view-content .course-value .course-name{width: 90%; margin: 0 auto; text-align: center; font-size: 20pt; color: #00b297; font-weight: 600;} .view-content .course-value .payment{width: 90%; margin: 0 auto; margin-top: 1em; text-align: center;} .view-content .course-value .payment h3{font-size: 15pt; color: gray; font-weight: 100; margin-bottom: 0;} .view-content .course-value .payment p{font-size: 12pt; opacity: 0.7;} .view-content .course-value .additional-info{text-align: center;} .view-content .course-value .additional-info p{font-size: 10pt; font-weight: 100; opacity: 0.7;} .view-content .registration{text-align: center; color: #00b297;} .view-content .button-form .button-alignment{text-align: center;} .view-content .schedule{width: 90%; margin: 0 auto; margin-bottom: 2em; opacity: 0.7;} .view-content .schedule .schedule-details{position: relative; font-size: 10pt; font-weight: 100;} .view-content .schedule .schedule-details .fa{position: absolute; right: 0; top: 1em; font-size: 12pt; color: #00b297;} .view-content .schedule .schedule-details .week-day{width: 80%; margin-bottom: 0;} .view-content .schedule .start{position: relative; font-size: 10pt; font-weight: 100; margin-top: 1em;} .view-content .schedule .start .fa{position: absolute; right: 0; top: 0.2em; font-size: 12pt; color: #00b297;} .view-content .description{margin: 1em; padding-top: 1em; text-align: justify;} .view-content .description .title{font-size: 1.4em;} .view-content .description .text-description{font-size: 0.8em; opacity: 0.7;} .view-content .exp-button-container .button-justify{width: 17em; margin: 0 auto;} .view-content .exp-button-container .button-justify.management{margin: 2em auto;} .view-content .exp-button-container .button-justify button{width: 100%; font-size: 0.7em; font-weight: 100; padding: 1.3em; border-radius: 4px; background-color: #00b297;} .view-content .exp-button-container .download-button{width: 80%; margin: 3em auto 3em auto; text-align: center;} .view-content .exp-button-container .download-button a{background-color: #273185; color: white; text-transform: uppercase; font-size: 0.7em; padding: 1.5em 5.3em 1.5em 5.3em; width: 100%; border-radius: 4px;} .view-content .exp-button-container .surrender-button{width: 80%; margin: 3em auto 3em auto; text-align: center;} .view-content .exp-button-container .surrender-button a{background-color: #e20707; color: white; text-transform: uppercase; font-size: 0.7em; padding: 1.5em 9.7em 1.5em 9.7em; width: 100%; border-radius: 4px;} .view-content ::placeholder{color: #828282;} .view-content :-ms-input-placeholder{color: #828282;} .view-content ::-ms-input-placeholder{color: #828282;} .wait-queue{position: relative;} .wait-queue .queue-title{font-size: 1.4em;} .wait-queue .queue-status{text-transform: capitalize; text-align: justify; text-justify: inter-word; color: #888888; font-size: 12pt;} .wait-queue .progress-container{height: 100%; border-radius: 50px; margin-top: 3em; margin-bottom: 3em;} .wait-queue .progress-container .custom-progress{height: 0.6em; width: 80%; background-color: #d8d8d8; border-radius: 50px; position: relative; -webkit-transition: width 0.6s ease; transition: width 0.6s ease; margin: 0 auto;} .wait-queue .progress-container .custom-progress .progress-segment{height: 100%; width: 50%; border-radius: 50px; position: relative;} .wait-queue .progress-container .custom-progress .progress-segment img{height: 70px; width: 70px; position: absolute; top: -2em; right: -2.3em; border-radius: 50%; border: solid 2px; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);} .wait-queue .fa{position: absolute; right: 1em; bottom: 0.3em; color: #307ad5;} *:focus{outline: none;} .quitting{margin: 0;} .quitting .message{text-align: center; margin: 0;} .quitting .message h1{color: #00b297; width: 80%; margin: 10em auto;} .error{margin: 0;} .error .message{text-align: center; margin: 0;} .error .message h1{color: #e20707; width: 80%; margin: 10em auto;} .font-style{font-weight: 600; color: black;} .ajust-spacing{margin-bottom: 10px; margin-top: 10px;} .border-contents{border-color: white; border-style: groove; border-width: 1px; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; min-height: 100px; border-left: 6px solid; border-radius: 5px;} @media screen and (max-width: 620px){.border-contents{display: block; padding: 10px;}} @media screen and (max-width: 767px){.border-contents{margin: 0;}} .itens-align{margin-top: 15px; margin-bottom: 15px;} .contents-center{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center;} .font-title-pages{font-weight: 600; text-align: center; color: #00b297; font-size: 20pt;} .text-body-pages{font-weight: 600; color: black; font-size: 15pt; margin-top: 5%; text-align: left;} .video-iframe{width: 100%;} @media screen and (max-width: 991px){.video-iframe{min-height: 430px; margin-top: 10px;}} .info-block{border-bottom: solid 1px lightgray; padding: 40px 0px;} .info-block .title{font-weight: bold; font-size: 20px;} .has-video{min-height: 330px;} .description-container{display: -webkit-box; display: -webkit-flex; display: flex;} @media screen and (max-width: 991px){.description-container{display: block;}} .avatar-container{margin-right: 20px; position: relative; display: inline-block;} .avatar-container.inactive-student img{filter: grayscale(0.75); opacity: 0.55;} .avatar-status-pill{position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); background-color: #c0392b; color: #fff; font-size: 11px; font-weight: 600; padding: 2px 10px; border-radius: 999px; text-transform: uppercase; letter-spacing: .5px; white-space: nowrap; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);} .course-title{margin: 20px auto; color: #00b297; font-weight: 600; font-size: 32px; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; text-align: center;} 

/* /waybee_ecommerce_frontend/static/src/scss/submenu.scss defined in bundle 'web.assets_frontend' */
 #submenu ul{padding: 0px; margin: 0px; background-color: #ededed; list-style: none; text-align: center;} #submenu ul li{display: inline;} #submenu ul li a{padding: 20px 10px; display: inline-block; user-select: none; background-color: #ededed; color: #333; text-decoration: none; border-bottom: 3px solid #ededed;} #submenu ul li a:hover{background-color: #D6D6D6; color: #6D6D6D; border-bottom: 3px solid #0059ff;} 

/* /waybee_ecommerce_frontend/static/src/scss/course_management.scss defined in bundle 'web.assets_frontend' */
 .course-management .inner-intro{position: relative;} .course-management .inner-intro .title{display: table-cell; vertical-align: middle; width: 360px; margin: auto;} .course-management .inner-intro .segment-header{position: absolute; bottom: 0; width: 100%; text-align: center;} .course-management .inner-intro .segment-header .segment_headline{min-height: 3.5em;} .course-management .inner-intro .segment-header .segment_headline p{font-family: 'OpenSans-Bold'; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 80%; margin: 0 auto; text-shadow: 2px 2px 5px grey; padding-top: 0.5em;} .course-management .inner-intro .container{width: auto;} .course-management .inner-intro .container .intro-title .title{color: white;} .course-management .inner-intro .container .intro-title .page-breadcrumb .fa-home{color: white;} .course-management .inner-intro .container .intro-title .page-breadcrumb a{color: #eeeeee;} .course-management .inner-intro .show-header{display: block;} .course-management .inner-intro .hide-header{display: none;} .course-management .view-container .student-tab-container{-webkit-animation: fadeEffect 1s; animation: fadeEffect 1s;} .course-management .view-container .student-tab-container .form-group{padding: 0; padding-top: 5%;} .course-management .view-container .student-tab-container .form-group .product-item{padding-bottom: 5%;} .course-management .view-container .student-tab-container .student-item-content{overflow: hidden; width: 100%; height: 140px; position: relative; white-space: nowrap; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);} .course-management .view-container .student-tab-container .student-item-content .child-item-content{overflow-x: scroll;} .course-management .view-container .student-tab-container .student-item-content .child-item-content .student-item{height: 100%; width: 35%; display: inline-block; position: relative;} .course-management .view-container .student-tab-container .student-item-content .child-item-content::-webkit-scrollbar{display: none;} .course-management .view-container .student-tab-container .student-info .form-group{text-align: left; padding: 0;} .course-management .view-container .student-tab-container .student-info .form-group .no-courses{color: #828282; font-size: 16pt; text-align: center; margin-top: 0.7em;} .course-management .view-container .student-tab-container .student-info .form-group .text-left{padding-left: 1em; color: #00b297; font-size: 18pt; margin-bottom: 1em; margin-top: 1em;} .course-management .view-container .student-tab-container .student-info .form-group .choose-course .product-item{padding-bottom: 1.5em; position: relative;} .course-management .view-container .student-tab-container .student-info .form-group .choose-course .product-item .product-body{text-align: left; padding: 10px 0.5em; margin-bottom: 0;} .course-management .view-container .student-tab-container .student-info .form-group .choose-course .product-item .product-body.card-main-text{padding-bottom: 0;} .course-management .view-container .student-tab-container .student-info .form-group .choose-course .product-item .product-body.card-sub-text{padding-bottom: 0;} .course-management .view-container .student-tab-container .student-info .form-group .choose-course .product-item .product-body i{float: left; margin-top: 0.3em; margin-right: 1em; color: #307ad5;} .course-management .view-container .student-tab-container .student-info .form-group .choose-course .product-item .buttons{width: 100%; margin: 0 auto; padding: 0 0.5em 0 0.5em;} .course-management .view-container .student-tab-container .student-info .form-group .choose-course .product-item .buttons .left{float: left;} .course-management .view-container .student-tab-container .student-info .form-group .choose-course .product-item .buttons .right{float: right;} .course-management .view-container .student-tab-container .student-info .form-group .choose-course .product-item .buttons .right a{padding: 1em 2em 1em 2em;} .course-management .view-container .student-tab-container .student-tab-row{height: 100%; position: relative; overflow: hidden; padding-top: 1em; background: #00303b;} .course-management .view-container .student-tab-container .student-tab-row img{height: 72px; width: 72px; border-radius: 50%; display: block; margin-left: auto; margin-right: auto; object-fit: cover; border: solid 3px transparent; border: solid 3px #ffffff;} .course-management .view-container .student-tab-container .student-tab-row p{width: 74%; position: absolute; margin-left: auto; margin-right: auto; margin-bottom: 1em; left: 0; right: 0; bottom: 0; font-size: 12px; text-align: center; white-space: initial; color: #ffffff; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .course-management .student-tab-row.student-tab-row-selected{border-bottom: 4px solid #00b297 !important;} .course-management .student-tab-row.student-tab-row-selected p{opacity: 1 !important;} .course-management .student-tab-row.student-tab-row-selected img{border: solid 3px #00b297 !important;} @keyframes fadeEffect{from{opacity: 0;}to{opacity: 1;}} 

/* /waybee_ecommerce_frontend/static/src/scss/finantial_statement.scss defined in bundle 'web.assets_frontend' */
 .header-finantial{height: 6em; background-color: white; box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.12);} .header-finantial p{font-size: 19pt; font-weight: 600; margin: 0 2em 2em 1em; padding-top: 1em; color: #00b297;} input[type='checkbox']{display: none;} .separate-container::before{content: ''; width: 90%; height: 2px; background-color: gainsboro; margin: 20px auto; display: block;} .icon-collapse{font-size: 20px; color: gray;} .font-barcode{color: #00b297; font-weight: bold;} 

/* /waybee_ecommerce_frontend/static/src/scss/finantial_statement_details.scss defined in bundle 'web.assets_frontend' */
 .header-finantial-detail{height: 6em; background-color: white; box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.12); position: relative;} .header-finantial-detail .title{color: #033e93; font-weight: bold; margin-left: 2em; padding-top: 1em; margin-bottom: 0;} .header-finantial-detail .subtitle{font-size: 19pt; font-weight: 100; color: #033e93; margin: 0 0 0 1.2em;} .header-finantial-detail .status{position: absolute; top: 1.6em; right: 0; background-color: #ed1c24; color: white; padding: 0.5em 0.5em 0.5em 1.2em; border-bottom-left-radius: 30px; border-top-left-radius: 30px;} .form-group .info-payment{text-align: center;} .form-group .info-payment p{margin: 0;} .form-group .info-payment .description{padding: 1.1em;} .form-group .info-payment .description .title{color: #033e93; font-weight: bold;} .form-group .info-payment .description .subtitle{font-size: 9pt; opacity: 0.7;} .form-group .info-payment .description .value{font-weight: 100; font-size: 13pt; color: #2258a4; opacity: 0.8;} .form-group .info-payment .row{width: 100%; margin: 0 auto; padding: 1em;} .form-group .info-payment .row .column{float: left; width: 50%; padding: 10px; height: auto;} .form-group .info-payment .row .column .title{text-align: left; color: #033e93; font-weight: bold;} .form-group .info-payment .row .column .value-table{text-align: right;} .form-group .info-payment .row:after{content: ""; display: table; clear: both;} .form-group .info-payment .bar-code .title{font-size: 9pt; opacity: 0.7;} .form-group .info-payment .bar-code .value{color: #273185;} .form-group .info-payment .copy{border-radius: 40px; background-color: #033e93; color: white; margin-top: 2em;} 

/* /waybee_ecommerce_frontend/static/src/scss/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: block !important; 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;} 

/* /waybee_ecommerce_frontend/static/src/scss/slick_custom.scss defined in bundle 'web.assets_frontend' */
 .slick-prev{position: absolute; display: block; height: 20px; width: 20px; line-height: 0px; font-size: 0px; cursor: pointer; background: transparent; color: transparent; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0; border: none; outline: none;} .slick-next{position: absolute; display: block; height: 20px; width: 20px; line-height: 0px; font-size: 0px; cursor: pointer; background: transparent; color: transparent; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0; border: none; outline: none;} .slick-prev.slick-arrow{height: 100%; z-index: 1; width: 24px; background-image: linear-gradient(to left, rgba(0, 178, 151, 0), rgba(0, 178, 151, 0.2));} .slick-next.slick-arrow{height: 100%; z-index: 1; width: 24px; background-image: linear-gradient(to right, rgba(0, 178, 151, 0), rgba(0, 178, 151, 0.2));} .slick-prev:hover, .slick-prev:focus{background-image: linear-gradient(to left, rgba(0, 178, 151, 0), rgba(0, 178, 151, 0.5));} .slick-next:hover, .slick-next:focus{background-image: linear-gradient(to right, rgba(0, 178, 151, 0), rgba(0, 178, 151, 0.5));} .slick-prev:before{left: 0; content: "<"; color: #00b297; font-weight: bolder; font-size: 20px;} .slick-prev{left: 0;} .slick-next{right: 0;} .slick-next:before{right: 0; content: ">"; color: #00b297; font-weight: bolder; font-size: 20px;} 

/* /waybee_ecommerce_frontend/static/src/scss/homepage.scss defined in bundle 'web.assets_frontend' */
 .homepage .info-section .title{text-align: left; color: #00b297; font-size: 1.7em;} .homepage .info-section .call{font-size: 1.2em; text-align: left; color: gray; font-weight: 100;} .homepage .info-section .description{text-align: justify; font-size: 0.8em; opacity: 0.7; margin-top: 2em;} .homepage .info-section .button-alignment{text-align: left; margin-bottom: 2em; margin-top: 2em;} .homepage .info-section .button-alignment button{font-size: 0.7em; background-color: #00b297;} .homepage .info-section .img-responsive{width: 100%; height: 16em; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; border-radius: 4px;} .homepage .info-section .img-responsive.img-vertical{height: 100%; width: 100%;} .homepage .info-section *{box-sizing: border-box;} .homepage .info-section .row{padding: 0.3em;} .homepage .info-section .row .column{float: left; width: 50%; padding: 10px; height: 16em;} .homepage .info-section .row:after{content: ""; display: table; clear: both;} .homepage .info-section .second-info .description{margin-bottom: 3em;} .homepage .info-section .second-info .card{margin-bottom: 3em;} .homepage .info-section .second-info .card .photo{height: 16em; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; border-radius: 4px;} .homepage .info-section .second-info .card p{text-align: left; font-size: 12pt; margin-top: 1em;} .homepage .info-section .second-info .view-more{color: #00b297; border: none; background-color: white; font-size: 1.3em;} .homepage .card-comment .comments{position: relative; height: 45em; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%;} .homepage .card-comment .comments .fade{position: absolute; height: 100%; width: 100%; opacity: 1; background-color: rgba(40, 53, 131, 0.4);} .homepage .card-comment .comments .fa-quote-left{color: white; width: 1em; font-size: 2.5em; position: absolute; left: 0; right: 0; top: 1.5em; margin-left: auto; margin-right: auto;} .homepage .card-comment .comments p{position: absolute; left: 0; right: 0; top: 5.5em; margin-left: auto; margin-right: auto; color: white; font-size: 15pt; text-align: center; width: 16em;} .homepage .card-comment .comments .course{position: absolute; top: 20em;} .homepage .card-comment .comments .people{position: absolute; left: 0; right: 0; top: 30em; margin-left: auto; margin-right: auto;} .homepage .card-comment .comments .people .photo{height: 6.5em; width: 6.5em; margin: 0 auto; border-radius: 50%; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%;} .homepage .card-comment .comments .people .description{height: 7em; position: relative;} .homepage .card-comment .comments .people .description .name{position: absolute; top: 1em; text-align: center; margin-bottom: 0;} .homepage .card-comment .comments .people .description .type{position: absolute; top: 3em; text-align: center; font-weight: 100; opacity: 0.7; font-size: 18px;} .homepage .card-comment .details{padding: 4em 1.3em 4em 1.3em;} .homepage .card-comment .details p{font-size: 1.4em; text-align: left; margin-bottom: 2em;} .homepage .card-video .video-info{height: 30em; position: relative; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%;} .homepage .card-video .video-info .fade{position: absolute; height: 100%; width: 100%; opacity: 1; background-color: rgba(40, 53, 131, 0.4);} .homepage .card-video .video-info .fa-play-circle{font-size: 7em; width: 0.87em; color: white; position: absolute; left: 0; right: 0; top: 0.5em; margin-left: auto; margin-right: auto; z-index: 9;} .homepage .card-video p{font-size: 1.9em; text-align: center; color: white; width: 13em; position: absolute; left: 0; right: 0; top: 6em; margin-left: auto; margin-right: auto; z-index: 9;} 

/* /waybee_ecommerce_frontend/static/src/scss/website_blog.scss defined in bundle 'web.assets_frontend' */
 .cover_footer{height: 320px !important; background-color: #B8B8B8; cursor: pointer;} .cover_narrow{height: 320px !important;} 

/* /waybee_ecommerce_frontend/static/src/scss/calendar.scss defined in bundle 'web.assets_frontend' */
 .font-subpages{font-weight: 600; margin-top: 3%; text-align: center; color: #00b297; font-size: 22pt;} .calendar-margin{padding-top: 3%; padding-bottom: 5%;} .calendar-text-left{text-align: left;} .calendar-text-right{text-align: right;} 

/* /waybee_ecommerce_frontend/static/src/scss/recipe.scss defined in bundle 'web.assets_frontend' */
 .font-years{letter-spacing: -1; color: black; font-size: 20pt; margin-top: 5%;} 

/* /waybee_ecommerce_frontend/static/src/scss/food.scss defined in bundle 'web.assets_frontend' */
 .text-title{letter-spacing: -1; color: black; font-size: 17pt;} 

/* /waybee_ecommerce_frontend/static/src/scss/circulation.scss defined in bundle 'web.assets_frontend' */
 .text-title-circulation{font-weight: 600; color: black; font-size: 17pt; margin-left: 1.2rem; margin-right: 1.2rem; margin-top: 4%;} .ajust-text{margin-left: 1.2rem; margin-right: 1.2rem;} .ajust-img{max-width: 100%; max-height: 100%;} 

/* /waybee_ecommerce_frontend/static/src/scss/ticket.scss defined in bundle 'web.assets_frontend' */
 .text-title-ticket{font-weight: 600; color: black; font-size: 17pt; margin-left: 1.2rem; margin-right: 1.2rem; margin-top: 5%;} .ajust-text-ticket{margin-left: 1.2rem; margin-right: 1.2rem;} 

/* /waybee_ecommerce_frontend/static/src/scss/contact.scss defined in bundle 'web.assets_frontend' */
 .contents-center{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center;} .space-between{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between;} .style-border{padding-left: 20px; padding-right: 20px; font-size: 15px; height: 44px; border: 1px solid #ced4da; border-radius: 5px; margin-bottom: 15px; width: 100%;} .style-border-textarea{width: 100%; padding-left: 20px; padding-right: 20px; font-size: 15px; border: 1px solid #ced4da; border-radius: 5px; margin-bottom: 15px;} ::placeholder{color: #999999;} 

/* /waybee_ecommerce_frontend/static/src/scss/contract_template.css defined in bundle 'web.assets_frontend' */
.block_{display: block; font-weight: bold; margin-bottom: 6pt; margin-left: 0; margin-right: 0; margin-top: 24pt; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; text-align: center; text-indent: 43pt} .block_1{display: block; margin-bottom: 6pt; margin-left: 0; margin-right: 0; margin-top: 24pt; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; text-align: center; text-indent: 43pt} .block_2{display: block; margin-bottom: 12pt; margin-left: 0; margin-right: 0; margin-top: 12pt; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0} .block_3{display: block; margin-bottom: 12pt; margin-left: 0; margin-right: 0; margin-top: 12pt; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; text-align: justify; text-indent: 43pt} .block_4{display: block; margin-bottom: 12pt; margin-left: 0; margin-right: 0; margin-top: 12pt; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; text-align: justify} .block_5{display: block; font-weight: bold; margin-bottom: 12pt; margin-left: 0; margin-right: 0; margin-top: 12pt; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; text-align: justify; text-indent: 43pt} .block_6{display: block; margin-bottom: 12pt; margin-left: 0; margin-right: 0; margin-top: 12pt; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; text-align: justify; text-indent: 43pt} .block_7{display: block; margin-bottom: 12pt; margin-left: 0; margin-right: 0; margin-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0} .block_8{display: block; font-weight: bold; margin-bottom: 0; margin-left: 0; margin-right: 0; margin-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; text-align: center} .block_9{display: block; margin-bottom: 0; margin-left: 0; margin-right: 0; margin-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; text-align: center} .block_10{display: block; margin-bottom: 0; margin-left: 0; margin-right: 0; margin-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0} .block_11{display: block; margin-bottom: 0; margin-left: 0; margin-right: 0; margin-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; text-align: justify} .block_12{display: block; margin-bottom: 12pt; margin-left: 0; margin-right: 0; margin-top: 12pt; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; text-align: justify; text-indent: 43pt} .block_13{display: block; margin-bottom: 12pt; margin-left: 72pt; margin-right: 0; margin-top: 12pt; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; text-align: justify; text-indent: -36pt} .block_14{display: block; margin-bottom: 12pt; margin-left: 72pt; margin-right: 0; margin-top: 12pt; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; text-align: justify; text-indent: -36pt} .block_15{display: block; margin-bottom: 12pt; margin-left: 0; margin-right: 0; margin-top: 12pt; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; text-align: justify; text-indent: 43pt} .block_16{display: block; margin-bottom: 12pt; margin-left: 0; margin-right: 0; margin-top: 12pt; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; text-align: justify} .block_17{background-color: #FFF; display: block; margin-bottom: 0; margin-left: 0; margin-right: 0; margin-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; text-align: justify; text-indent: 43pt} .block_18{display: block; margin-bottom: 12pt; margin-left: 18pt; margin-right: 0; margin-top: 12pt; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; text-align: justify; text-indent: -18pt} .block_19{display: block; line-height: 1.2; margin-bottom: 8pt; margin-left: 0; margin-right: 0; margin-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; text-align: justify} .block_20{display: block; margin-bottom: 12pt; margin-left: 18pt; margin-right: 0; margin-top: 12pt; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; text-align: justify; text-indent: -18pt} .block_21{display: block; margin-bottom: 12pt; margin-left: 0; margin-right: 0; margin-top: 12pt; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; text-align: justify; text-indent: 43pt} .block_22{display: block; line-height: 1.08; margin-bottom: 8pt; margin-left: 0; margin-right: 0; margin-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; text-align: justify} .block_23{display: block; font-weight: bold; margin-bottom: 12pt; margin-left: 0; margin-right: 0; margin-top: 12pt; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; text-align: center} .block_24{display: block; margin-bottom: 12pt; margin-left: 0; margin-right: 0; margin-top: 12pt; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; text-align: center} .calibre{display: block; font-size: 1em; margin-bottom: 0; margin-left: 5pt; margin-right: 5pt; margin-top: 0; padding-left: 0; padding-right: 0} .calibre1{font-weight: bold} .calibre2{white-space: pre-wrap} .calibre3{display: block} .calibre4{display: table-row-group; vertical-align: middle} .calibre5{display: table-row; vertical-align: inherit} .calibre6{text-decoration: none} .calibre7{font-style: italic} .calibre8{font-weight: bold; line-height: 1.2} .tab{white-space: pre} .table_{border-collapse: collapse; border-spacing: 2px; display: table; margin-bottom: 0; margin-top: 0; text-indent: 0} .td_{background-color: #D9E2F3; border-bottom-color: #000; border-bottom-style: solid; border-bottom-width: 1pt; border-left-color: #000; border-left-style: solid; border-left-width: 1pt; border-right-color: #000; border-right-style: solid; border-right-width: 1pt; border-top-color: #000; border-top-style: solid; border-top-width: 1pt; display: table-cell; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; text-align: inherit; vertical-align: middle} .td_1{border-bottom-color: #000; border-bottom-style: solid; border-bottom-width: 1pt; border-left-color: #000; border-left-style: solid; border-left-width: 1pt; border-right-color: #000; border-right-style: solid; border-right-width: 1pt; border-top-color: #000; border-top-style: solid; border-top-width: 1pt; display: table-cell; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; text-align: inherit; vertical-align: middle} .td_2{border-bottom-color: #000; border-bottom-style: solid; border-bottom-width: 1pt; border-top-color: #000; border-top-style: solid; border-top-width: 1pt; display: table-cell; padding-bottom: 0; padding-left: 2pt; padding-right: 2pt; padding-top: 0; text-align: inherit; vertical-align: bottom} .td_3{border-bottom-color: #000; border-bottom-style: solid; border-bottom-width: 1pt; border-left-color: #000; border-left-style: solid; border-left-width: 1pt; border-right-color: #000; border-right-style: solid; border-right-width: 1pt; border-top-color: #000; border-top-style: solid; border-top-width: 1pt; display: table-cell; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; text-align: inherit; vertical-align: bottom} .td_4{background-color: #B4C6E7; border-bottom-color: #000; border-bottom-style: solid; border-bottom-width: 1pt; border-left-color: #000; border-left-style: solid; border-left-width: 1pt; border-right-color: #000; border-right-style: solid; border-right-width: 1pt; border-top-color: #000; border-top-style: solid; border-top-width: 1pt; display: table-cell; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; text-align: inherit; vertical-align: middle} .td_5{border-bottom-color: #000; border-bottom-style: solid; border-bottom-width: 1pt; border-top-color: #000; border-top-style: solid; border-top-width: 1pt; display: table-cell; padding-bottom: 0; padding-left: 2pt; padding-right: 2pt; padding-top: 0; text-align: inherit; vertical-align: middle} .td_6{background-color: #FFF; border-bottom-color: #000; border-bottom-style: solid; border-bottom-width: 1pt; border-left-color: #000; border-left-style: solid; border-left-width: 1pt; border-right-color: #000; border-right-style: solid; border-right-width: 1pt; border-top-color: #000; border-top-style: solid; border-top-width: 1pt; display: table-cell; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; text-align: inherit; vertical-align: middle} .text_{font-weight: bold} .text_1{color: #434343} .text_2{} .text_3{font-weight: bold} .text_4{} .text_5{font-style: italic} .text_6{background-color: yellow} .text_7{font-style: italic} .text_8{font-style: italic; font-weight: bold} .text_9{} .text_10{text-decoration: underline} .text_11{font-weight: bold} .text_12{font-size: 1.33333em} .text_13{font-size: 1.33333em; font-weight: bold} .text_14{font-size: 1.33333em} .text_15{font-size: 1em} .text_16{font-size: 1.33333em; text-decoration: underline} .text_17{font-size: 1.33333em} .text_18{font-size: 1.33333em; font-weight: bold} .text_19{font-size: 1.33333em} @page{margin-bottom: 5pt; margin-top: 5pt} 

/* /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%;} 

/* /muk_website_branding/static/src/scss/footer.scss defined in bundle 'web.assets_frontend' */
 .o_brand_promotion{display: none;} 

/* /waybee_base/static/src/scss/waybee_base_frontend.scss defined in bundle 'web.assets_frontend' */
 .body_login{white-space: normal !important;} 

/* /auth_oauth/static/src/scss/auth_oauth.scss defined in bundle 'web.assets_frontend' */
 .o_auth_oauth_providers .fa-facebook-square{color: #3b5998;} .o_auth_oauth_providers .fa-google-plus-square{color: #de564a;} .o_auth_oauth_providers .o_custom_icon{margin: 0 0.15em; width: 1em; height: 1em; border: 3px solid #875A7B; border-radius: 100%; transform: translateY(2px);} 

/* /waybee_web_login/static/src/css/web_login_style.css defined in bundle 'web.assets_frontend' */
  body, html{font-family: 'Roboto', sans-serif; font-size: 14px; margin: 0; padding: 0; height: 100%;} .body_login{display: inline-block; text-align: center; white-space: nowrap; width: 100%; height: 100%; position: relative;} .body_login .card-body .border-bottom{border-bottom: 0px !important;} .body_login:before{content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em;} .o_database_list{display: inline-block; vertical-align: middle; border: 1px solid #DDD; border-radius: 5px; float: none; background-color: #FFF; opacity: 0.9;} #background-wrapper{position: absolute; top: 0; left: 0; width: 100%; height: 100%; min-height: 812px; display: block; background-repeat: no-repeat; background-position: center center; background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-filter: blur(0px); z-index: -1;} .o_database_list input, .o_database_list select{background-color: transparent !important; border-top: 0px; border-left: 0px; border-right: 0px; border-bottom: 1px solid #FFF; border-radius: 0px; color: rgba(240, 240, 240, 0.8); font-size: 18px; font-weight: 300; transition: border-color 0.7s ease; box-shadow: none!important; text-align: initial;} .o_database_list select option{background-color: #95A5A6;} .o_database_list input:focus, .o_database_list select:focus{border-bottom: 1px solid #e0953e; outline: 0 none;} a.btn-select{background-color: #BBB; border-radius: 5px !important; color: #EEE;} .o_database_list .btn-primary{color: #FFF; background-color: #002357; border: 2px solid rgba(240, 240, 240, 0.5); text-transform: uppercase; transition: background-color 0.5s ease; padding: 10px; border-radius: 5px;} .o_database_list .btn-primary:hover, a.btn-select:hover{background-color: rgba(255, 255, 255, 0); color: #FFF;} .form-control{-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);} .o_database_list .company_logo{margin-bottom: 50px; max-width: 100%; height: auto;} .oe_login_buttons{margin-top: 30px; margin-bottom: 10px;} .bg-100{background-color: rgba(240, 240, 240, 0) !important;} .o_auth_oauth_providers .fa-facebook-square{color: #3b5998;} .o_auth_oauth_providers .fa-google-plus-square{color: #de564a;} .o_auth_oauth_providers .o_custom_icon{margin: 0 0.15em; border: 3px solid #875A7B; border-radius: 100%; transform: translateY(2px);} .fa.fa-fw.fa-sign-in.text-primary{color: rgb(0, 35, 87) !important;} .o_login_auth .list-group-item{position: relative; display: block; padding: 0.75rem 1.25rem; margin-bottom: -1px; background-color: rgba(152, 190, 19); border: 2px solid rgba(255, 255, 255, 1); border-radius: 5px;} .o_login_auth .list-group-item-action{width: 100%; color: rgb(0, 35, 87); font-weight: bold; text-align: center;} .form-control::placeholder{color: unset;} 

/* /waybee_ecommerce_frontend/static/src/scss/login.scss defined in bundle 'web.assets_frontend' */
 .body_login{height: 0%;}