@media (max-width: 767px){.s_restaturant_banner .font-stylish{font-size: 33px; line-height: 34px;}} .s_restaurant_img_para_btn .card{border: 0px;} .s_restaurant_image_gallery .gallery-box .g-item .overlay-box .overlay{position: absolute; background: rgba(0, 0, 0, 0.7); -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; height: 0px; width: 100%; display: none; padding-top: 30%;} .s_restaurant_image_gallery .gallery-box .g-item .overlay-box .overlay .port-text h5{color: #ffffff; font-size: 18px; font-weight: 500; margin-bottom: 0px;} .s_restaurant_image_gallery .gallery-box .g-item .overlay-box:hover .overlay{display: block; top: 0px; height: 100%;} .s_restaurant_image_gallery .gallery-box .g-item .overlay-box:hover .overlay .port-text{top: 43%; width: 100%;} .s_restaurant_image_gallery .gallery-box .g-item .overlay-box .overlay .port-text span{color: #ffffff; font-size: 14px;} .s_restaurant_image_gallery .port-text{text-align: center;} @media (max-width: 767px){.s_restaurant_image_gallery{margin-bottom: 700px;}} .s_reataurant_carousel_images .testimonial9 .customer-thumb img{width: 60px; margin-right: 20px;} .s_reataurant_carousel_images .testimonial9 .devider{height: 2px; width: 40px; display: inline-block; margin: 22px 0;} .s_reataurant_carousel_images .bg-danger-1{background-color: #ff4d7e;} .s_reataurant_carousel_images .testimonial9 .card{position: relative; border: 0px;} .s_reataurant_carousel_images .testimonial9 .d-flex{margin-left: 25px;} .s_reataurant_carousel_images .testimonial9 .carousel-indicators{position: absolute; left: -73%; top: 70%; margin-top: 10px;} .s_reataurant_carousel_images .carousel-indicators li.active{background-color: #ff4d7e;} .s_reataurant_carousel_images .carousel-indicators li{background-color: rgba(0, 0, 0, 0.15); border-radius: 100%; height: 10px; width: 10px;} .s_reataurant_carousel_images .testimonial9 h5.text{line-height: 30px; font-weight: 300;} @media (max-width: 767px){.s_reataurant_carousel_images .testimonial9 .carousel-indicators{position: absolute; left: -12%; top: 96%; margin-top: 566px;}} .web_agency_banner{padding: 0px !important;} .web_agency_banner .carousel-item{background-size: cover; background-position: center;} .web_agency_banner .slide-image{margin: auto; width: 100%; -webkit-animation-delay: 0.3s; animation-delay: 0.3s;} .web_agency_banner .carousel-control-prev{width: auto; padding-left: 15px;} .web_agency_banner .slider-control span{width: 53px; height: 53px; line-height: 53px; text-align: center; border-radius: 50%; border: 1px solid #263238; color: #263238;} .web_agency_banner .carousel-control-next{width: auto; padding-right: 15px;} .web_agency_banner .carousel-control-prev{left: 0;} .web_agency_banner .carousel-control-next{right: 0;} .web_agency_banner .carousel-control-next, .web_agency_banner .carousel-control-prev{position: absolute; top: 0; bottom: 0; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; color: #fff; text-align: center; opacity: .5;} .web_agency_banner .sr-only{position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;} .web_agency_banner .carousel-indicators li.active{background-color: #ff4d7e;} .web_agency_banner .carousel-indicators li{background-color: #ffffff; height: 0.2rem !important; box-shadow: none !important;} @media (max-width: 428px){.web_agency_banner .slide-image{left: -50%; height: 450px;}.web_agency_banner h1{font-size: 23px; line-height: 30px;}.web_agency_banner .btn-md{text-align: center; margin-bottom: 10px; margin-left: 0px;}} @media (max-width: 768px){.web_agency_banner .slide-image{height: 480px; width: auto !important; position: relative;}.web_agency_banner h1{font-size: 28px; line-height: 36px;}.web_agency_banner .btn-md{padding-left: 25px; padding-right: 25px;}.web_agency_banner .slider-control{display: none;}} .s_web_agency_three_blocks .wrap-feature1-box .card-body{padding: 40px;} .s_web_agency_three_blocks .card{border: 0px;} .s_web_agency_img_text .feature26{} .s_web_agency_center_img_text .feature24{} @media (max-width: 768px){.s_web_agency_center_img_text .no-block{padding-top: 10px; padding-bottom: 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;}} .s_web_agency_images_with_center_para .img-ho{overflow: hidden;} .s_web_agency_images_with_center_para .img-ho img:hover{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);} .s_web_agency_images_with_center_para .img-ho img{-webkit-transition: 0.1s ease-in; -o-transition: 0.1s ease-in; transition: 0.1s ease-in;} .s_web_agency_video_with_three_block_image .bg-success-gradiant-1{background: linear-gradient(to right, #1dc8cc 0%, #1dc8cc 100%);} .s_web_agency_video_with_three_block_image .wrap-feature-29{margin-top: 60px;} .s_web_agency_video_with_three_block_image .wrap-feature-29 .title, .s_web_agency_video_with_three_block_image .wrap-feature-29 .subtitle{color: #ffffff;} .s_web_agency_latest_blogs a{color: #ff4d7e;} .s_web_agency_latest_blogs a:hover{color: #007bff;} .s_web_agency_latest_blogs a.link{color: #3e4555;} .s_web_agency_latest_blogs a.link:hover{color: #3e4555;} .s_web_agency_tesimonial .btn-circle.btn-md{padding: 18px 0px; width: 60px; height: 60px; font-size: 20px;} .s_web_agency_tesimonial .btn-danger, .s_web_agency_tesimonial .btn-danger.disabled{background: #ff4d7e; border: 1px solid #ff4d7e; -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in;} .s_web_agency_tesimonial .testimonial2 .testi2 .image-thumb{background: url(/theme_twelve_bizople/static/src/img/greadint-bg_web.png) no-repeat top center; text-align: center; padding: 10% 0;} .s_web_agency_tesimonial .testimonial2 .testi2 .image-thumb img{width: 400px;} .s_web_agency_tesimonial .carousel-indicators li{background-color: rgba(0, 0, 0, 0.15); border-radius: 100%; height: 10px; width: 10px;} .s_web_agency_tesimonial .carousel-indicators{position: absolute; left: -96%; top: 76%; margin-top: 10px;} .s_web_agency_tesimonial .carousel-indicators li.active{background-color: #ff4d7e;} .s_new_homepage_banner{padding: 0px !important;} .s_new_homepage_banner .sub_text{color: #191919; margin-top: 15px; font-size: 17px; line-height: 22px;} .s_new_homepage_banner h2{line-height: 40px; text-align: center; font-size: 70px; line-height: 70px; color: #191919;} .s_new_homepage_banner .s_carousel.s_carousel_bordered .carousel-indicators li, .s_new_homepage_banner .s_quotes_carousel.s_carousel_bordered .carousel-indicators li{height: 0.4rem;} .s_new_homepage_banner .shop_btn{margin-top: 27px; border-radius: 6px; height: 50px; padding-left: 48px; padding-right: 48px; font-size: 14px; font-weight: 500; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; text-align: center; text-transform: uppercase; letter-spacing: 0.03em;} .s_new_homepage_banner .blue_txt{color: #2879fe; font-size: 36px; line-height: 70px; font-weight: 600; letter-spacing: 0.03em;} .s_new_homepage_banner .s_carousel .bg_image{background-image: url("/theme_twelve_bizople/static/src/img/demo03_01_2048x.png"); background-position: 32.24% 32.19%; padding-top: 216px; padding-bottom: 256px;} .s_new_homepage_banner .s_share .fa{display: inline-block; vertical-align: middle; text-align: center; width: 3rem; height: 3rem; line-height: 3rem; background-color: #f8f9fa;} @media (max-width: 767px){.s_new_homepage_banner .s_carousel .bg_image{background-position: 17.24% 2.19%; padding-top: 80px; padding-bottom: 256px;}} .s_new_homepage_img_gallery .nomargin, .s_new_homepage_img_gallery #tt-pageContent .nomargin{margin-top: 0;} .s_new_homepage_img_gallery .tt-background{background: rgba(255, 255, 255, 0.9); border: 2px solid rgba(255, 255, 255, 0); border-radius: 6px;} .s_new_homepage_img_gallery .tt-title-small{color: #191919;} .s_new_homepage_img_gallery .container-fluid-custom{width: 100%; margin-right: auto; margin-left: auto; padding-right: 20px; padding-left: 20px;} .s_new_homepage_img_gallery .tt-promo-box{display: block; position: relative; overflow: hidden; margin-top: 20px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .s_new_homepage_img_gallery .tt-promo-box > img{-webkit-transition: -webkit-transform .5s; transition: transform 1s; -webkit-backface-visibility: hidden; backface-visibility: hidden;} .s_new_homepage_img_gallery .tt-promo-box > img{width: 100%; height: auto;} .s_new_homepage_img_gallery .tt-promo-box > *{display: block; overflow: hidden;} .s_new_homepage_img_gallery .tt-promo-box .tt-description{position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); display: -ms-flexbox; display: -webkit-flex; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit--webkit-flex-wrap: nowrap; flex-wrap: nowrap; -ms--webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #777777; -moz-transition: color 0.2s linear; -o-transition: color 0.2s linear; -webkit-transition: color 0.2s linear; transition: color 0.2s linear;} .s_new_homepage_img_gallery .tt-promo-box.tt-one-child .tt-description .tt-description-wrapper{text-align: center; max-width: 409px; position: relative; background: rgba(255, 255, 255, 0.9); border-radius: 6px;} .s_new_homepage_img_gallery .tt-promo-box.tt-one-child .tt-description .tt-description-wrapper .tt-background{content: ''; position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: 100%; display: block; background: rgba(255, 255, 255, 0.9);} .s_new_homepage_img_gallery .tt-promo-box.tt-one-child .tt-description .tt-description-wrapper > *:not(.tt-background){position: relative;} .s_new_homepage_img_gallery .tt-promo-box .tt-description .tt-title-small{font-family: 'Hind', sans-serif; color: #191919; font-size: 16px; line-height: 26px; font-weight: 500; letter-spacing: 0.03em; -moz-transition: color 0.2s linear; -o-transition: color 0.2s linear; -webkit-transition: color 0.2s linear; transition: color 0.2s linear; padding: 13px 39px 11px; display: inline-block;} @media (min-width: 576px){.s_new_homepage_img_gallery .flex-sm-row-reverse{flex-direction: row-reverse !important;}} .s_new_homepage_features .container-indent{margin-top: 52px;} .s_new_homepage_features .tt-services-block{display: -ms-flexbox; display: -webkit-flex; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit--webkit-flex-wrap: nowrap; flex-wrap: nowrap; -ms--webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit--webkit-box-pack: start; justify-content: flex-start; -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-top: 30px;} .s_new_homepage_features .tt-col-icon{-webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; font-size: 50px; color: #2879fe;} .s_new_homepage_features .tt-services-block .tt-col-icon [class^="icon-"]{position: relative; top: -5px;} @media (min-width: 576px){.s_new_homepage_features .tt-services-block .tt-col-icon + .tt-col-description{padding-left: 21px;}} .s_new_homepage_features .tt-services-block .tt-col-description{-webkit--webkit-box-flex: 2; -webkit-flex: 2 1 auto; flex: 2 1 auto; -ms--webkit-box-flex: 2; -webkit-flex: 2 1 auto; flex: 2 1 auto; -webkit-box-flex: 2; -webkit-flex: 2 1 auto; flex: 2 1 auto; line-height: 1.3;} .s_new_homepage_features .tt-services-block .tt-col-description .tt-title{padding: 0; margin: 0; font-size: 16px; letter-spacing: 0.02em; font-weight: 500; color: #191919; transition: all 0.2s linear; -ms-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear;} .s_new_homepage_features .tt-services-block .tt-col-description p{margin-top: 7px; color: #777777; font-size: 14px; line-height: 22px;} .s_news_letter{background: #2879fe; color: #ffffff; padding: 10px 0px;} .s_news_letter .news_letter_title{color: #ffffff; padding-bottom: 0; font-size: 16px; margin-top: 8px; line-height: 26px; letter-spacing: 0.03em; font-weight: 500; text-transform: uppercase;} .s_news_letter .tt-newsletter{display: -ms-flexbox; display: -webkit-flex; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit--webkit-flex-wrap: nowrap; flex-wrap: nowrap; -ms--webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit--webkit-box-pack: start; justify-content: flex-start; -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;} .s_news_letter .form_default{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; -webkit-flex-flow: row wrap; flex-flow: row wrap; align-items: center; margin-bottom: 0;} .s_news_letter .form_default .form-control{border-top-right-radius: 0px; border-bottom-right-radius: 0px; width: 507px; padding-top: 2px; padding-bottom: 1px; line-height: 2.9; height: 40px !important; font-size: 14px; border: 1px solid #f7f8fa; padding: 11px 12px 10px 15px; font-family: 'Hind', sans-serif; outline: none; transition: all 0.2s linear; -ms-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear;} .s_news_letter .form_default .form-control:not(:active):not(:focus):not(:hover){background: #ffffff; border-color: #ffffff; color: #777777;} .s_news_letter .form_default .btn{text-transform: uppercase; padding-top: 5px; padding-bottom: 3px; padding-left: 20px; padding-right: 20px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; color: #ffffff; background: #303030; border: none; font-size: 14px; line-height: 1.0; font-weight: 400; letter-spacing: 0.03em; position: relative; outline: none; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; justify-content: center; align-items: center; text-align: center; height: 40px; cursor: pointer; transition: all 0.2s linear; -ms-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear;} @media (min-width: 790px){.s_news_letter .tt-col-left{display: -ms-flexbox; display: -webkit-flex; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit--webkit-flex-wrap: wrap; flex-wrap: wrap; -ms--webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit--webkit-box-pack: start; justify-content: flex-start; -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}.s_news_letter .news_letter_title{margin-right: 106px;}} @media (min-width: 1230px) and (min-width: 790px){.s_news_letter .news_letter_title{margin-right: 106px;}} .s_news_letter .tt-col-right{display: -ms-flexbox; display: -webkit-flex; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit--webkit-flex-wrap: wrap; flex-wrap: wrap; -ms--webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit--webkit-box-pack: start; justify-content: flex-start; -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;} .s_news_letter .tt-col-right .social_icons{display: -ms-flexbox; display: -webkit-flex; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit--webkit-flex-wrap: wrap; flex-wrap: wrap; -ms--webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-top: 10px; list-style: none;} .s_news_letter .tt-col-right .social_icons a{color: #fff; font-size: 18px; line-height: 26px; padding: 4px; transition: all 0.2s linear; -ms-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear;} .s_news_letter .tt-col-right .social_icons a:hover{color: #303030;} .s_news_letter .tt-col-right .social_icons li:first-child{margin-right: 5px;} .s_news_letter .tt-col-right .social_icons li:not(:last-child):not(:first-child){margin: 0 5px;} .s_news_letter .tt-col-right .social_icons li:last-child{margin-left: 5px;} @media (max-width: 767px){.s_news_letter .tt-newsletter{display: block; text-align: center;}.s_news_letter .form_default{display: block; margin-left: 17px;}.s_news_letter .form_default .btn{margin-top: 12px;}.s_news_letter .form_default .form-control{width: 325px;}} @media screen and (min-width: 768px) and (max-width: 1023px){.s_news_letter .form_default .form-control{width: 418px;}.s_news_letter .form_default{margin-left: 5px;}} .o_editable .s_new_home_images_block .images_block .icon-block:hover a:after{margin-top: 100px;} .s_new_home_images_block .images_block > *{width: 16.666%;} .s_new_home_images_block .img-responsive{width: 100%; height: auto; display: inline-block;} .s_new_home_images_block .images_block{display: -ms-flexbox; display: -webkit-flex; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit--webkit-flex-wrap: wrap; flex-wrap: wrap; -ms--webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .s_new_home_images_block .images_block a{position: relative; overflow: hidden; text-decoration: none; transition: all 0.2s linear; -ms-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; display: block;} .s_new_home_images_block .icon-block .view-icon{position: absolute; top: 50%; left: 0; right: 0; z-index: 2; transform: translateY(-50%); -webkit-transform: translateY(-50%);} .s_new_home_images_block .icon-block .view-icon .fa{opacity: 0; font-size: 18px;} .s_new_home_images_block .icon-block:hover .view-icon .fa{opacity: 1;} .s_new_home_images_block ._images_block a:after, .s_new_home_images_block .images_block a:after{content: ""; display: block; position: absolute; z-index: 1; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.7); height: 100%; width: 100%; opacity: 0; -moz-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; -webkit-transition: opacity 0.2s linear; transition: opacity 0.2s linear;} .s_new_home_images_block .images_block .icon-block:hover a:after{opacity: 0.88;} .s_new_home_images_block ._images_block a:hover:before, .s_new_home_images_block .images_block a:hover:before{opacity: 1;} .s_new_home_images_block .img_block_title{padding-bottom: 33px;} .s_new_home_images_block .title_img{text-transform: uppercase; font-size: 24px; line-height: 31px; font-weight: 500; letter-spacing: 0.03em; margin: 0; color: #191919; padding: 0; text-align: center;} .s_new_home_images_block .title_img a{color: #2879fe; text-decoration: underline; display: inline-block; -moz-transition: border 0.2s linear; -o-transition: border 0.2s linear; -webkit-transition: border 0.2s linear; transition: border 0.2s linear;} .s_new_home_images_block .title_img a:hover, .s_new_home_images_block .title_img a:focus{text-decoration: none;} .s_new_home_images_block .img_desc{font-size: 16px; line-height: 24px; font-weight: 500; letter-spacing: 0.03em; font-family: 'Hind', sans-serif; color: #191919; margin: 2px 0 0 0; padding: 0; text-transform: uppercase; text-align: center;} .s_new_three_imgs_block .img-responsive{width: 100%; height: auto; display: inline-block;} .s_new_three_imgs_block .promobox{overflow: hidden;} .s_new_three_imgs_block .img_desc{position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); display: -ms-flexbox; display: -webkit-flex; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit--webkit-flex-wrap: nowrap; flex-wrap: nowrap; -ms--webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #777777; -moz-transition: color 0.2s linear; -o-transition: color 0.2s linear; -webkit-transition: color 0.2s linear; transition: color 0.2s linear;} .s_new_three_imgs_block .img_wrapper{background: rgba(255, 255, 255, 0.9); border: 2px solid rgba(255, 255, 255, 0); border-radius: 6px; padding: 20px;} .s_new_three_imgs_block .img_wrapper:hover{padding: 25px; transform: scale3d(1.1, 1.1, 1); transition: all 0.2s linear; -ms-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear;} .s_new_three_imgs_block .img_wrapper:hover > img{transform: scale3d(1.2); transition: all 0.2s linear; -ms-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear;} .s_new_three_imgs_block .promobox:hover > img{-webkit-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1);} .s_new_three_imgs_block .promobox > img{-webkit-transition: -webkit-transform .5s; transition: transform 1s; -webkit-backface-visibility: hidden; backface-visibility: hidden;} .s_new_three_imgs_block .img_title_small{font-family: 'Hind', sans-serif; color: #191919; font-size: 16px; line-height: 26px; font-weight: 500; text-align: center; text-transform: uppercase; letter-spacing: 0.03em; -moz-transition: color 0.2s linear; -o-transition: color 0.2s linear; -webkit-transition: color 0.2s linear; transition: color 0.2s linear;} .s_new_three_imgs_block .img_title_small span{color: #2879fe;} .s_new_three_imgs_block .img_title_big{font-family: 'Hind', sans-serif; color: #191919; text-transform: uppercase; font-size: 26px; line-height: 34px; font-weight: 500; letter-spacing: 0.03em; -moz-transition: color 0.2s linear; -o-transition: color 0.2s linear; -webkit-transition: color 0.2s linear; transition: color 0.2s linear;} .s_new_three_imgs_block .img_title_big span{color: #2879fe;} .s_furniture_banner{padding: 0px !important;} .s_furniture_banner .hero-content-one{padding-top: 70px; padding-bottom: 150px;} .s_furniture_banner .slider-text-info{padding-top: 110px;} .s_furniture_banner .slider-text-info h3{color: #e97730;} .s_furniture_banner .btn-theme span{color: #333333;} .s_furniture_banner .btn-theme{position: relative; font-size: 14px; line-height: 20px; color: #333333; padding: 17px 35px 13px; background: transparent; font-weight: 500; border: 2px solid #000000; text-transform: uppercase; letter-spacing: 0.1em;} .s_furniture_banner .btn-theme:hover{background: #000; border: 2px solid #000000;} .s_furniture_banner .btn-theme:hover span{color: #fff;} .s_furniture_banner .sub_heading{color: #171719;} .s_furniture_banner .slick-current .hero-content-one h3{animation-name: fadeInBottom; animation-duration: 0.3s;} .s_furniture_banner .slider-text-info h3{color: #e97730; font-size: 30px; font-weight: 600; margin-bottom: 20px;} .s_furniture_banner .slider-text-info h1{font-weight: 700; animation-name: fadeInBottom; animation-duration: 0.5s; text-transform: uppercase; font-size: 54px; margin-bottom: 20px;} .s_furniture_banner .hero-content-one p{animation-name: fadeInBottom; animation-duration: 0.7s; line-height: 24px; margin: 0; font-family: "Open Sans", sans-serif; font-weight: 400; font-style: normal; line-height: 26px;} .s_furniture_banner .hero-content-one .btn{animation-name: fadeInBottom; animation-duration: 0.8s; color: #ffffff; border-radius: 0;} .s_furniture_banner .btn:hover, .s_furniture_banner .btn:active{background: #000000; color: #ffffff;} .s_furniture_banner .slider-text-info .slider-btn{font-size: 16px; line-height: 16px; font-weight: 500; padding: 18px 45px; margin-top: 30px; -webkit-transition: 0.4s; transition: 0.4s; text-transform: uppercase;} .s_furniture_banner .carousel-indicators li.active{background-color: #e97730;} .s_furniture_banner .carousel-indicators li{background-color: #827f7f;} @media (max-width: 767px){.s_furniture_banner .slider-text-info h1{font-size: 45px;}} .s_furniture_about{padding-top: 100px; padding-bottom: 0px; background: #fff;} .s_furniture_about .about-image{position: relative; text-align: center;} .s_furniture_about a, .s_furniture_about button, .s_furniture_about img, .s_furniture_about input, .s_furniture_about span{transition: all 0.3s ease 0s;} .s_furniture_about .text_left{background: #ffffff none repeat scroll 0 0; border-radius: 25px; box-shadow: 1px 2px 2px 2px #dddddd; color: #303030; font-size: 24px; left: -120px; padding: 15px 40px; position: absolute; text-align: left; font-weight: 400; text-transform: capitalize; top: 45%; transform: rotate(-90deg);} .s_furniture_about .btn-theme span{color: #333333;} .s_furniture_about .btn-theme{position: relative; font-size: 14px; line-height: 20px; color: #333333; padding: 17px 35px 13px; background: transparent; font-weight: 500; border: 2px solid #000000; text-transform: uppercase; letter-spacing: 0.1em;} .s_furniture_about .btn-theme:hover{background: #000; border: 2px solid #000000;} .s_furniture_about .btn-theme:hover span{color: #fff;} .s_furniture_about .about-contents{padding-left: 25px; padding-top: 65px;} .s_furniture_about .about-contents h3{font-size: 30px; font-weight: 600; margin-bottom: 30px;} .s_furniture_about .about-contents .price-box{font-size: 18px; margin-bottom: 20px;} .s_furniture_about .about-contents .price-box .old-price{font-size: 18px; text-decoration: line-through; color: #000000;} .s_furniture_about .about-contents .price-box .new-price{color: #e97730; font-size: 22px; font-weight: 500;} .s_furniture_about .about-contents p{margin-bottom: 30px; font-family: "Open Sans", sans-serif; font-weight: 400; font-style: normal; line-height: 26px;} .s_furniture_about .about-contents .shop-btn-two{text-transform: uppercase;} .s_furniture_about .about-contents .shop-btn-two{font-weight: 500; font-size: 14px; padding: 14px 40px; border-radius: 0;} .s_furniture_about .btn:hover, .s_furniture_about .btn:active{background: #000000; color: #ffffff;} .s_furniture_with_bg_imag_para{padding: 100px 0px;} .s_furniture_with_bg_imag_para .btn:hover, .s_furniture_with_bg_imag_para .btn:active{background: #000000; color: #ffffff;} .s_furniture_with_bg_imag_para .section-ptb{padding: 100px 0;} .s_furniture_with_bg_imag_para .btn-theme span{color: #333333;} .s_furniture_with_bg_imag_para .btn-theme{position: relative; font-size: 14px; line-height: 20px; color: #333333; padding: 17px 35px 13px; background: transparent; font-weight: 500; border: 2px solid #000000; text-transform: uppercase; letter-spacing: 0.1em;} .s_furniture_with_bg_imag_para .btn-theme:hover{background: #000; border: 2px solid #000000;} .s_furniture_with_bg_imag_para .btn-theme:hover span{color: #fff;} .s_furniture_with_bg_imag_para h2{font-size: 40px; font-weight: 500; line-height: 55px; margin-top: -11px;} .s_furniture_with_bg_imag_para p{margin-bottom: 0; font-family: "Open Sans", sans-serif; font-weight: 400; font-style: normal; line-height: 26px;} .s_furniture_with_bg_imag_para .more-product-btn{font-size: 14px; line-height: 14px; font-weight: 500; padding: 18px 40px; margin-top: 25px; -webkit-transition: 0.4s; transition: 0.4s;} .s_furniture_with_bg_imag_para .btn{border-radius: 0; font-family: "Montserrat", sans-serif; font-weight: 600; font-size: 14px; -webkit-transition: 0.3s; transition: 0.3s; position: relative;} @media (max-width: 767px){.s_furniture_with_bg_imag_para h2{font-size: 30px;}} .s_furniture_two_blocks_bg_img .single-banner{position: relative; width: 100%; height: 100%;} .s_furniture_two_blocks_bg_img .single-banner .banner-bg > a{display: block; overflow: hidden; position: relative;} .s_furniture_two_blocks_bg_img a, .s_furniture_two_blocks_bg_img button, .s_furniture_two_blocks_bg_img img, .s_furniture_two_blocks_bg_img input, .s_furniture_two_blocks_bg_img span{transition: all 0.3s ease 0s;} .s_furniture_two_blocks_bg_img .single-banner .banner-bg > a:before{background-color: #fff; content: ""; height: 100%; left: 0; position: absolute; top: 0; -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, -120%, 0px); transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, -120%, 0px); -webkit-transition: -webkit-transform 0.6s ease 0s; transition: -webkit-transform 0.6s ease 0s; transition: transform 0.6s ease 0s; transition: transform 0.6s ease 0s, -webkit-transform 0.6s ease 0s; width: 100%; z-index: 4; opacity: 0; visibility: hidden;} .s_furniture_two_blocks_bg_img .single-banner .banner-bg img{width: 100%;} .s_furniture_two_blocks_bg_img .banner-contet{position: absolute; top: 50%; padding-left: 60px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} .s_furniture_two_blocks_bg_img .banner-contet p{color: #ffffff; font-style: italic; font-size: 24px; line-height: 26px; margin-bottom: 10px; font-family: "Open Sans", sans-serif; font-weight: 400;} .s_furniture_two_blocks_bg_img .banner-contet h3{color: #ffffff; font-size: 36px; font-weight: 600; margin-bottom: 0;} .s_furniture_two_blocks_bg_img .banner-contet > .btn-3{color: #ffffff; font-size: 16px; font-weight: 500; margin-top: 20px; text-decoration: underline;} @media (max-width: 767px){.s_furniture_two_blocks_bg_img .single-banner{margin-bottom: 30px;}} .s_furniture_testimonial .testimonial-area{padding-top: 100px; padding-bottom: 100px; background-repeat: no-repeat; background-image: url(/theme_twelve_bizople/static/src/img/bg_furniture_testimonial.jpg);} .s_furniture_testimonial .overlay{position: relative;} .s_furniture_testimonial .section-ptb{padding: 100px 0;} .s_furniture_testimonial .overlay::before{background: #000; opacity: 0.6;} .s_furniture_testimonial .overlay::before{width: 100%; height: 100%; content: ""; position: absolute; top: 0; left: 0;} .s_furniture_testimonial .testimonial-inner .test-cont p{font-size: 24px; font-style: italic; line-height: 36px; margin: 35px 0; color: #ffffff; padding: 0 2px; font-style: italic; font-family: "Open Sans", sans-serif; font-weight: 400;} .s_furniture_testimonial p:last-child{margin-bottom: 0;} .s_furniture_testimonial .testimonial-inner .test-author h4{font-size: 20px; font-weight: 500; color: #ffffff;} .s_furniture_testimonial p, .s_furniture_testimonial .product-content .price-box, .s_furniture_testimonial .testimonial-inner .test-author p{font-family: "Open Sans", sans-serif; font-weight: 400; font-style: normal; color: #ffffff;} .s_furniture_testimonial .carousel-indicators{bottom: -75px;} .s_furniture_two_imgs .section{float: left; width: 100%;} .s_furniture_two_imgs .pb-70{padding-bottom: 70px;} .s_furniture_two_imgs .pt-100{padding-top: 100px;} .s_furniture_two_imgs .mb-30{margin-bottom: 30px;} .s_furniture_two_imgs .single-banner a{display: block; overflow: hidden; position: relative;} .s_furniture_two_imgs .single-banner a::before{background-color: #fff; content: ""; height: 100%; left: 0; opacity: 0.5; position: absolute; top: 0; -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, -120%, 0px); transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, -120%, 0px); -webkit-transition: -webkit-transform 0.6s ease 0s; transition: -webkit-transform 0.6s ease 0s; transition: transform 0.6s ease 0s; transition: transform 0.6s ease 0s, -webkit-transform 0.6s ease 0s; width: 100%; z-index: 4;} .s_furniture_two_imgs *::before, .s_furniture_two_imgs *::after, .s_furniture_two_imgs a, .s_furniture_two_imgs button, .s_furniture_two_imgs span, .s_furniture_two_imgs input, .s_furniture_two_imgs textarea, .s_furniture_two_imgs .btn{-webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;} .s_furniture_two_imgs .single-banner a img{width: 100%; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} .s_furniture_gallery .sortable-masonry{position: relative; padding: 0 0 110px; background-color: #f4f6f6;} .s_furniture_gallery .sec-title h2{display: block; font-size: 45px; line-height: 1.2em; color: #333333; font-weight: 700; text-transform: uppercase;} .s_furniture_gallery .sec-title .text{position: relative; font-size: 18px; line-height: 1.55em; color: #888888; font-weight: 300; margin-top: 18px;} .s_furniture_gallery .parallax{overflow: visible;} .s_furniture_gallery .title-box{position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; background-attachment: fixed; padding: 100px 0 100px;} .s_furniture_gallery .title-box:before{position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-color: #000000; opacity: .60; content: "";} .s_furniture_gallery .custom{position: static; max-width: 1200px; padding: 0px 15px; margin: 0 auto;} .s_furniture_gallery .title-box .sec-title{margin-bottom: 0;} .s_furniture_gallery .sec-title{position: relative; margin-bottom: 70px;} .s_furniture_gallery .sec-title.light h2{color: #ffffff; display: block; font-size: 45px; line-height: 1.2em; font-weight: 500; text-transform: uppercase;} .s_furniture_gallery .sec-title.light .text{color: #ffffff;} .s_furniture_gallery .sec-title.light .text{position: relative; font-size: 18px; line-height: 1.55em; font-weight: 300; margin-top: 18px;} .s_furniture_gallery .upper-box:before{position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-color: #000000; content: ""; opacity: .70;} .s_furniture_gallery .auto-container{position: static; max-width: 1200px; padding: 0px 15px; margin: 0 auto;} .s_furniture_gallery .upper-box .sec-title{margin-bottom: 15px;} .s_furniture_gallery .upper-box{position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; background-attachment: fixed; padding: 100px 0 80px;} .s_furniture_gallery .items-container{position: relative; padding-top: 10px; margin: 0 -5px;} .s_furniture_gallery .items-container .gallery-item{padding: 0 5px; margin-bottom: 10px;} .s_furniture_gallery .small-column{position: relative; width: 25%; float: left;} .s_furniture_gallery .gallery-item .inner-box{position: relative;} .s_furniture_gallery .gallery-item .image-box{position: relative;} .s_furniture_gallery .gallery-item .image-box .image{position: relative;} .s_furniture_gallery .gallery-item .image-box .image img{display: block; width: 100%; height: auto;} .s_furniture_gallery .gallery-item .overlay-box{position: absolute; left: 0px; bottom: 3px; padding-left: 10px; width: 100%; overflow: hidden;} .s_furniture_gallery .gallery-item .overlay-box .content{position: relative; display: inline-block; width: 0; padding: 17px 35px 15px 85px; overflow: hidden; background-color: #ffffff; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); transform-origin: left; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease;} .s_furniture_gallery .gallery-item .overlay-box .content h3{position: relative; display: block; font-size: 16px; line-height: 25px; color: #333333; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; white-space: nowrap;} .s_furniture_gallery .gallery-item .overlay-box .content h3:before{position: absolute; left: -45px; top: 13px; width: 32px; height: 1px; background-color: #25262c; content: "";} .s_furniture_gallery .gallery-item .overlay-box .content h3 a{color: #333333; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease;} .s_furniture_gallery .gallery-item .overlay-box .content span{position: relative; display: block; font-size: 14px; line-height: 27px; color: #888888; font-weight: 300; white-space: nowrap;} .s_furniture_gallery .btn-box{position: relative; margin-top: 60px; text-align: center;} .s_furniture_gallery .btn-box .theme-btn{padding: 17px 40px 13px;} .s_furniture_gallery .btn-box .theme-btn:hover{background-color: #000; color: #fff;} .s_furniture_gallery .btn-style-one{position: relative; font-size: 14px; line-height: 20px; color: #333333; padding: 17px 35px 13px; background: transparent; font-weight: 500; border: 2px solid #000000; text-transform: uppercase; font-family: "Rubik", sans-serif; letter-spacing: 0.1em;} .s_furniture_gallery .theme-btn{display: inline-block; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;} .s_furniture_gallery .gallery-item:hover .overlay-box .content{width: auto; -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1);} @media (max-width: 767px){.s_furniture_gallery .small-column{width: 100%;}.s_furniture_gallery .sec-title h2{font-size: 35px;}} .s_furniture_about_with_img{position: relative; padding: 110px 0 50px;} .s_furniture_about_with_img .content-column{position: relative; margin-bottom: 40px;} .s_furniture_about_with_img .order-last{-ms-flex-order: 13; order: 13;} .s_furniture_about_with_img .content-column .inner-column{position: relative; padding-top: 17px;} .s_furniture_about_with_img .title{position: relative; display: inline-block; font-size: 15px; line-height: 24px; color: #888888; font-weight: 400; font-family: "Rubik", sans-serif; text-transform: uppercase; margin-bottom: 8px;} .s_furniture_about_with_img h2{font-size: 45px; line-height: 55px; font-weight: 500; margin-bottom: 25px; letter-spacing: -0.01em;} .s_furniture_about_with_img .text{position: relative; margin-bottom: 40px;} .s_furniture_about_with_img p, .s_furniture_about_with_img .text{font-size: 16px; line-height: 26px; font-weight: 400; margin: 0;} .s_furniture_about_with_img .text p{font-size: 18px; line-height: 29px; font-weight: 300; margin-bottom: 30px;} .s_furniture_about_with_img .btn-box{position: relative; margin-top: 60px; text-align: center;} .s_furniture_about_with_img .btn-box .theme-btn{padding: 17px 40px 13px;} .s_furniture_about_with_img .btn-box .theme-btn:hover{background-color: #000; color: #fff;} .s_furniture_about_with_img .btn-style-one{position: relative; font-size: 14px; line-height: 20px; color: #333333; padding: 17px 35px 13px; background: transparent; font-weight: 500; border: 2px solid #000000; text-transform: uppercase; font-family: "Rubik", sans-serif; letter-spacing: 0.1em;} .s_furniture_about_with_img .theme-btn{display: inline-block; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;} @media (max-width: 767px){.s_furniture_about_with_img h2{font-size: 35px;}} .s_furniture_fun-fact-section::before{position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; opacity: 0.7; content: ""; background: black;} .s_furniture_fun-fact-section{position: relative; background-size: cover; background-attachment: fixed; background-position: center center; background-repeat: no-repeat; padding: 85px 0px 25px;} .s_furniture_fun-fact-section .title-column{position: relative; margin-bottom: 30px;} .s_furniture_fun-fact-section .title-column .inner-column{position: relative;} .s_furniture_fun-fact-section .title-column h3{position: relative; font-size: 40px; line-height: 1.1em; color: #f4f6f6; font-weight: 500; text-transform: uppercase; margin-bottom: 25px;} .s_furniture_fun-fact-section .title-column .text{position: relative; display: block; font-size: 18px; line-height: 29px; color: #c6c6c6; font-weight: 300;} .s_furniture_fun-fact-section .counter-column{position: relative; padding: 0 19px; text-align: center; margin-bottom: 50px; font-family: "Rubik",sans-serif;} .s_furniture_fun-fact-section .counter-column .counter-box{position: relative; font-size: 35px; line-height: 1.2em; color: #ffffff; font-weight: 300;} .s_furniture_fun-fact-section .counter-column .count-text{position: relative; display: inline-block; font-size: 65px; line-height: 1em; color: #ffffff; font-weight: 300;} .s_furniture_fun-fact-section .counter-column .counter-title{position: relative; display: block; font-size: 18px; line-height: 29px; color: #c6c6c6; font-weight: 300; margin-top: 10px;} .s_furniture_services-section{position: relative; padding: 100px 0 100px;} .s_furniture_services-section .fadeInLeft{-webkit-animation-name: fadeInLeft; animation-name: fadeInLeft;} .s_furniture_services-section .animated{-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;} .s_furniture_services-section .image-column .inner-column{position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; z-index: 1;} .s_furniture_services-section .custom{position: static; max-width: 1200px; padding: 0px 15px; margin: 0 auto;} .s_furniture_services-section .sec-title{position: relative; margin-bottom: 70px;} .s_furniture_services-section .sec-title h2{display: block; font-size: 45px; line-height: 1.2em; font-weight: 700; text-transform: uppercase;} .s_furniture_services-section .sec-title .text{position: relative; font-size: 18px; line-height: 1.55em; font-weight: 300; margin-top: 18px;} .s_furniture_services-section .service-block{position: relative; margin-bottom: 40px;} .s_furniture_services-section .service-block .inner-box{position: relative; padding-left: 95px;} .s_furniture_services-section .service-block .icon{position: absolute; left: 0; top: 0; font-size: 58px; line-height: 1em; color: #222222;} .s_furniture_services-section .service-block h3{font-size: 16px; line-height: 25px; font-weight: 500; text-transform: uppercase; margin-bottom: 15px;} .s_furniture_services-section .service-block .text{font-size: 15px; line-height: 27px; font-weight: 300;} .s_furniture_services-section .blocks-column{background-color: #f4f6f6;} .s_furniture_services-section .blocks-column .inner-column{position: relative; padding: 60px 65px 0;} .s_furniture_services-section .image-column .inner-column{position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; z-index: 1;} .s_furniture_services-section .image-column .image{position: relative; display: none;} .s_furniture_services-section .service-block h3 a{display: inline-block; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease;} .s_furniture_services-section .service-block h3 a:hover{color: #888888;} @media (max-width: 767px){.s_furniture_services-section .image-column .image{display: block;}.s_furniture_services-section .sec-title h2{font-size: 35px;}.s_furniture_services-section .image-column .image img{display: block; width: 100%; height: auto;}.s_furniture_services-section .blocks-column .inner-column{padding: 300px 20px 0; position: relative;}.s_furniture_services-section .service-block .inner-box{padding-left: 0px; text-align: center;}.s_furniture_services-section .service-block .icon{position: relative; display: inline-block; margin-bottom: 20px;}} .s_furniture_who-we-are{position: relative; padding: 100px 0 60px;} .s_furniture_who-we-are .custom{position: static; max-width: 1200px; padding: 0px 15px; margin: 0 auto;} .s_furniture_who-we-are .title-column{position: relative; margin-bottom: 50px;} .s_furniture_who-we-are .title-column .inner-column{position: relative; padding-right: 50px;} .s_furniture_who-we-are .title-column .sec-title{margin-bottom: 30px;} .s_furniture_who-we-are .sec-title{position: relative; margin-bottom: 70px;} .s_furniture_who-we-are .sec-title h2{display: block; font-size: 45px; line-height: 1.2em; font-weight: 500; text-transform: uppercase;} .s_furniture_who-we-are .sec-title .text{position: relative; font-size: 18px; line-height: 1.55em; font-weight: 300; margin-top: 18px;} .s_furniture_who-we-are .btn-box{position: relative; margin-top: 60px; text-align: center;} .s_furniture_who-we-are .btn-box .theme-btn{padding: 17px 40px 13px;} .s_furniture_who-we-are .btn-box .theme-btn:hover{background-color: #000; color: #fff;} .s_furniture_who-we-are .btn-style-one{position: relative; font-size: 14px; line-height: 20px; color: #333333; padding: 17px 35px 13px; background: transparent; font-weight: 500; border: 2px solid #000000; text-transform: uppercase; font-family: "Rubik", sans-serif; letter-spacing: 0.1em;} .s_furniture_who-we-are .theme-btn{display: inline-block; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;} .s_furniture_who-we-are .blocks-column, .s_furniture_who-we-are .inner-column{position: relative;} .s_furniture_who-we-are .blocks-column .feature-block{position: relative; padding: 0 8px; margin-bottom: 30px;} .s_furniture_who-we-are .feature-block .inner-box{position: relative; padding: 80px 15px 75px; text-align: center; border: 4px solid #25262c;} .s_furniture_who-we-are .feature-block .inner-box:before{position: absolute; left: 0; top: 0; height: 100%; width: 100%; content: ""; background-color: #25262c; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease;} .s_furniture_who-we-are .feature-block .icon{position: relative; display: inline-block; font-size: 55px; line-height: 60px; margin-bottom: 25px; color: #ffffff; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease;} .s_furniture_who-we-are .feature-block h3{position: relative; display: block; font-size: 16px; line-height: 1.2em; color: #ffffff; font-weight: 500; letter-spacing: 1px; text-transform: uppercase;} .s_furniture_who-we-are .feature-block h3 a{color: #ffffff; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease;} .s_furniture_who-we-are .feature-block .inner-box:hover h3 a, .s_furniture_who-we-are .feature-block .inner-box:hover .icon{color: #333333;} .s_furniture_who-we-are .fadeInDown{-webkit-animation-name: fadeInDown; animation-name: fadeInDown;} .s_furniture_who-we-are .animated{-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;} .s_furniture_who-we-are .feature-block .inner-box:hover:before{left: 50%; width: 0;} @media (max-width: 767px){.s_furniture_who-we-are .sec-title h2{font-size: 35px;}} .s_furniture_services-section-two:before{position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-image: url(/theme_twelve_bizople/static/src/img/pattern.png); content: ""; background-repeat: repeat;} .s_furniture_services-section-two{position: relative; background-color: #f6f8f8; padding: 100px 0 110px;} .s_furniture_services-section-two .custom{position: static; max-width: 1200px; padding: 0px 15px; margin: 0 auto;} .s_furniture_services-section-two .upper-box{position: relative; margin-bottom: 50px;} .s_furniture_services-section-two .upper-box .title-column{position: relative; margin-bottom: 40px;} .s_furniture_services-section-two .upper-box .title-column .inner-column{position: relative; text-align: right; padding-right: 45px;} .s_furniture_services-section-two .upper-box .title-column .inner-column:before{position: absolute; right: -12px; top: 0; height: 100%; width: 1px; padding-bottom: 10px; background: #d7d8d9 padding-box content-box; content: "";} .s_furniture_services-section-two .upper-box .title{position: relative; display: block; font-size: 15px; line-height: 30px; font-weight: 400; font-family: "Rubik", sans-serif; margin-bottom: 10px;} .s_furniture_services-section-two .upper-box h2{position: relative; display: block; font-size: 45px; line-height: 55px; font-weight: 500; text-transform: uppercase;} .s_furniture_services-section-two .upper-box .text-column .inner-column{position: relative; padding-left: 45px;} .s_furniture_services-section-two .upper-box .text{position: relative; font-size: 18px; line-height: 29px; font-weight: 300;} .s_furniture_services-section-two .service-block-two:hover{transform: translateY(-10px);} .s_furniture_services-section-two .service-block-two{transition: all .3s; position: relative; margin-bottom: 40px;} .s_furniture_services-section-two .service-block-two .inner-box{position: relative; background-color: #ffffff; padding: 35px 45px; border: 1px solid #dedede; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease;} .s_furniture_services-section-two .service-block-two .icon{position: relative; display: block; font-size: 58px; line-height: 60px; color: #222222; margin-bottom: 30px;} .s_furniture_services-section-two .service-block-two h3{font-size: 16px; line-height: 25px; font-weight: 500; text-transform: uppercase; margin-bottom: 15px;} .s_furniture_services-section-two .service-block-two h3 a{display: inline-block; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease;} .s_furniture_services-section-two .service-block-two .text{font-size: 15px; line-height: 27px; font-weight: 300;} .s_furniture_services-section-two .btn-box{position: relative; text-align: center; margin-top: 35px;} .s_furniture_services-section-two .btn-box .text{position: relative; display: block; font-size: 20px; line-height: 30px; font-weight: 300; margin-bottom: 32px;} .s_furniture_services-section-two .btn-box .theme-btn{padding: 17px 26px 13px;} .s_furniture_services-section-two .btn-box .theme-btn:hover{background-color: #000; color: #fff;} .s_furniture_services-section-two .btn-style-one{position: relative; font-size: 14px; line-height: 20px; color: #333333; padding: 17px 35px 13px; background: transparent; font-weight: 500; border: 2px solid #000000; text-transform: uppercase; font-family: "Rubik", sans-serif; letter-spacing: 0.1em;} .s_furniture_services-section-two .theme-btn{display: inline-block; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;} @media (max-width: 767px){.s_furniture_services-section-two .upper-box h2{font-size: 35px;}} .s_furniture_team_section{position: relative; background-color: #f4f6f6;} .s_furniture_team_section .title-box{position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; background-attachment: fixed; padding: 100px 0 100px;} .s_furniture_team_section .title-box:before{position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-color: #000000; opacity: .60; content: "";} .s_furniture_team_section .custom{position: static; max-width: 1200px; padding: 0px 15px; margin: 0 auto;} .s_furniture_team_section .title-box .sec-title{margin-bottom: 0;} .s_furniture_team_section .sec-title{position: relative; margin-bottom: 70px;} .s_furniture_team_section .sec-title.light h2{color: #ffffff; display: block; font-size: 45px; line-height: 1.2em; font-weight: 500; text-transform: uppercase;} .s_furniture_team_section .sec-title.light .text{color: #ffffff;} .s_furniture_team_section .sec-title.light .text{position: relative; font-size: 18px; line-height: 1.55em; font-weight: 300; margin-top: 18px;} .s_furniture_team_section .content-box{position: relative; padding: 80px 0 65px;} .s_furniture_team_section .team-block{position: relative; margin-bottom: 40px;} .s_furniture_team_section .fadeInDown{-webkit-animation-name: fadeInDown; animation-name: fadeInDown;} .s_furniture_team_section .animated{-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;} .s_furniture_team_section .team-block .inner-box{position: relative;} .s_furniture_team_section .team-block .image-box{position: relative; overflow: hidden;} .s_furniture_team_section .team-block .image-box .image{position: relative; margin: 0;} .s_furniture_team_section .team-block .image-box .image img{display: block; width: 100%; height: auto; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease;} .s_furniture_team_section .team-block .overlay-box{position: absolute; left: 0; top: 0; height: 100%; width: 100%;} .s_furniture_team_section .team-block .overlay-box:before{position: absolute; left: 50%; top: 0; height: 100%; width: 0; overflow: hidden; opacity: .70; content: ""; background-color: #25262c; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease;} .s_furniture_team_section .team-block .overlay-box .social-links{padding: 0 !important; position: absolute; left: 50%; top: 60%; opacity: 0; visibility: hidden; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} .s_furniture_team_section .team-block .overlay-box .social-links li:first-child{margin-left: 0;} .s_furniture_team_section .team-block .overlay-box .social-links li{position: relative; display: inline-block; margin-left: 12px;} .s_furniture_team_section .team-block .overlay-box .social-links li a{display: inline-block; font-size: 14px; line-height: 30px; color: #ffffff; font-weight: 400; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease;} .s_furniture_team_section .team-block .overlay-box .social-links li span{display: inline-block; font-size: 14px; line-height: 30px; color: #ffffff; font-weight: 400; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease;} .s_furniture_team_section .team-block .info-box{position: relative; padding: 26px 0 0; text-align: center;} .s_furniture_team_section .team-block .info-box .name{position: relative; font-size: 16px; line-height: 25px; color: #333333; font-weight: 500; letter-spacing: 1px; text-transform: uppercase;} .s_furniture_team_section .team-block .info-box .name a{display: inline-block; color: #333333; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease;} .s_furniture_team_section .team-block .info-box .name span{display: inline-block; color: #333333; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease;} .s_furniture_team_section .team-block .info-box .designation{position: relative; display: block; font-size: 14px; line-height: 27px; color: #888888; font-weight: 300;} .s_furniture_team_section .team-block .inner-box:hover .overlay-box .social-links{opacity: 1; visibility: visible; top: 50%; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; -webkit-transition-delay: 400ms; -moz-transition-delay: 400ms; -ms-transition-delay: 400ms; -o-transition-delay: 400ms; transition-delay: 400ms;} .s_furniture_team_section .team-block .inner-box:hover .image-box .image img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);} .s_furniture_team_section .team-block .inner-box:hover .overlay-box:before{width: 100%; left: 0;} .s_furniture_team_section .team-block .overlay-box:before{position: absolute; left: 50%; top: 0; height: 100%; width: 0; overflow: hidden; opacity: .70; content: ""; background-color: #25262c; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease;} .s_furniture_team_section .team-block .overlay-box .social-links li:hover a{-webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg);} .s_furniture_team_section .team-block .overlay-box .social-links li:hover span{-webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg);} .s_furniture{padding-top: 80px; padding-bottom: 160px;} .s_furniture .title_blog{display: block; font-size: 45px; line-height: 1.2em; color: #333333; font-weight: 600; padding: 42px 0px; text-transform: uppercase;} .s_furniture .text{position: relative; font-size: 18px; line-height: 1.55em; color: #888888; font-weight: 300; margin-top: 18px;} .s_furniture .blog_content{padding: 15em 2em !important;} .s_furniture .blog_content h2{position: relative; display: block; font-size: 19px !important; line-height: 26px; color: #333333; font-weight: 600 !important; letter-spacing: .5px; text-transform: uppercase; margin-bottom: 20px !important;} .s_furniture .blog_content p{display: none;} .s_furniture .blog_content span{position: relative; display: block; font-size: 15px; line-height: 26px; color: #888888; font-weight: 300; margin-bottom: 8px;} .s_furniture .blog_content .blog_content a:hover h2{color: #888888 !important;} .s_furniture .blog_content .blog_content a:hover > .o_blog_cover_image{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);} .s_furniture .blog_content .o_blog_cover_image{-webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease;} .s_furniture .blog_content a{display: inline-block; font-size: 13px; line-height: 20px; color: #888888 !important; font-weight: 500; text-transform: uppercase; letter-spacing: 1.5px; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; text-indent: 0% !important; white-space: nowrap; font-size: 15px !important; opacity: 1 !important; padding: 23em 2.3em !important;} .s_furniture .s_latest_posts_post{text-align: left;} .s_fitness_banner{padding: 0px !important;} .s_fitness_banner .carousel-item{background-size: cover; background-position: center;} @media (max-width: 1370px){.s_fitness_banner .slide-image{height: 550px; width: auto !important;}} .s_fitness_banner .slide-image{margin: auto; width: 100%; -webkit-animation-delay: 0.3s; animation-delay: 0.3s;} .s_fitness_banner .carousel-control-prev{width: auto; padding-left: 15px;} .s_fitness_banner .carousel-control-prev{left: 0;} .s_fitness_banner .carousel-control-next, .s_fitness_banner .carousel-control-prev{position: absolute; top: 0; bottom: 0; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; color: #fff; text-align: center; opacity: .5;} .s_fitness_banner .slider-control span{width: 44px; height: 44px; line-height: 44px; color: #ff4d7e; border-radius: 50%;} .s_fitness_banner .sr-only{position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; white-space: nowrap; clip-path: inset(50%);} .s_fitness_banner .carousel-control-next{width: auto; padding-right: 15px;} .s_fitness_banner .carousel-control-next{right: 0;} .s_fitness_banner .carousel-control-next:focus, .s_fitness_banner .carousel-control-next:hover, .s_fitness_banner .carousel-control-prev:focus, .s_fitness_banner .carousel-control-prev:hover{text-decoration: none; outline: 0; opacity: .9;} .s_fitness_banner .slide-text{bottom: 0; top: auto !important; -ms-transform: translate(-50%, 0) !important; transform: translate(-50%, 0) !important; -webkit-transform: translate(-50%, 0) !important; -moz-transform: translate(-50%, 0) !important;} .s_fitness_banner .slide-text{margin: auto; position: absolute; text-align: left; max-width: 1170px; padding: 0 15px; top: 50%; left: 50%; right: auto; width: 100%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);} .s_fitness_banner .slide_style_left{text-align: left !important;} .s_fitness_banner .slide-content{padding: 40px; position: relative; opacity: 0.9;} .s_fitness_banner .bg-danger-gradiant-1{background: linear-gradient(to right, #ff4d7e 0%, #ff6a5b 100%);} .s_fitness_banner h2{line-height: 42px; font-size: 36px;} .s_fitness_banner .title{margin: 20px 0 15px;} .s_fitness_banner .btn-md{border: 1px solid #ffffff; padding: 15px 30px; font-size: 16px;} .s_fitness_banner .arrow-btn{position: relative;} .s_fitness_banner .price-tag{position: absolute; right: -65px; top: -65px; width: 130px; height: 130px; padding-top: 33px; border-radius: 50%;} .s_fitness_banner .price-tag span{font-weight: 300; font-size: 36px; line-height: 36px;} .s_fitness_banner .text-danger-1{color: #ff4d7e;} @media (max-width: 767px){.s_fitness_banner .slide-image{left: -90%; height: 430px; position: relative;}.s_fitness_banner .price-tag{right: 0; top: -80px; left: 0; margin: auto; padding-top: 20px; width: 100px; height: 100px;}.s_fitness_banner .price-tag label{font-size: 12px;}.s_fitness_banner .price-tag span{font-size: 30px;}.s_fitness_banner .slide-content{padding: 30px 20px;}.s_fitness_banner h2{font-size: 22px; line-height: 30px;}.s_fitness_banner .btn-md{padding-left: 25px; padding-right: 25px;}.s_fitness_banner .slider-control span{width: 26px; height: 26px; line-height: 26px; font-size: 12px !important;}} .s_fitness_three_blocks .card{border: 0px;} .s_fitness_team_block .card{border: 0px;} .s_fitness_pricing_with_img .card{border: 0px;} .s_fitness_list_with_img .list-block li i, .s_fitness_list_with_img .list-block li span{font-size: 1rem;} .s_fitness_list_with_img .card{border: 0px;} .s_fitness_testimonial .item{width: 1110px; margin-right: 30px; text-align: center;} .s_fitness_testimonial .testi10 .customer-thumb img{width: 60px;} .s_fitness_testimonial .carousel-indicators{bottom: -83px;} .s_fitness_testimonial .testi10 .quote-bg{max-width: 800px; width: 100%; margin: 0 auto; padding: 60px; background: url(/theme_twelve_bizople/static/src/img/up-quote.png) no-repeat top left, url(/theme_twelve_bizople/static/src/img/down-quote.png) no-repeat bottom right;} @media (max-width: 767px){.s_fitness_testimonial .testi10 h3{line-height: 30px; font-size: 20px;}.s_fitness_testimonial .testi10 .quote-bg{padding: 60px 30px;}.s_fitness_testimonial .item{width: 330px;}} .s_fitness_activities .card-columns{-webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px;} @media (min-width: 576px){.s_fitness_activities .card-columns{column-count: 3; column-gap: 1.25rem;}} .s_fitness_activities .card-columns .card{margin-bottom: 20px;} .s_fitness_activities .card{border: 0px;} .s_fitness_activities .card-columns .card{margin-bottom: 20px;} @media (min-width: 576px){.s_fitness_activities .card-columns .card{display: inline-block; width: 100%;}} .s_fitness_activities .card-img-top{width: 100%; border-top-left-radius: calc(.25rem - 1px); border-top-right-radius: calc(.25rem - 1px);} .s_fitness_activities .text-info-1{color: #188ef4;} .s_fitness_form_with_img .modal-bg-img{background-size: cover; background-position: center center; min-height: 300px;} .s_accounting_banner{padding: 0px !important;} .s_accounting_banner .carousel-item{background-size: cover; background-position: center;} .s_accounting_banner label{font-style: italic; font-family: 'PlayFairDisplay', sans-sarif; -webkit-animation-delay: 0.5s; animation-delay: 0.5s;} .s_accounting_banner h2{font-size: 36px; line-height: 42px; font-size: 36px;} .s_accounting_banner ul{list-style: none; margin: 0; -webkit-animation-delay: 1.1s; animation-delay: 1.1s;} .s_accounting_banner ul li{line-height: 36px; font-size: 15px;} .s_accounting_banner .btn-secondary-1{background: transparent; color: #3e4555; border-color: #868e96;} @media (max-width: 1370px){.s_accounting_banner .btn-md{padding-left: 27px; padding-right: 37px;}} .s_accounting_banner .carousel-indicators li.active{background-color: #188ef4;} .s_accounting_banner .carousel-indicators li{background-color: #fff;} @media (max-width: 428px){.s_accounting_banner .btn-md{text-align: center; margin-bottom: 10px;}} @media (max-width: 767px){.s_accounting_banner .slide-image{left: -80%; height: 380px; position: relative;}.s_accounting_banner .btn-md{padding-left: 25px; padding-right: 25px;}} @media (max-width: 1370px){.s_accounting_banner .slider4 .slide-image{left: 0%; position: relative;}} .s_accounting_four_blocks .card-body .icon-space{padding: 0px 40px 20px 0px; margin: 20px 0;} .s_accounting_four_blocks .wrap-feature3-box .card-body{padding: 40px;} .s_accounting_four_blocks .card{border: 0px;} .s_accounting_two_blocks_with_icons .card{border: 0px;} .s_accounting_parallex{background-size: cover; background-attachment: fixed; background-position: center center;} .s_accounting_parallex .custom_p{color: #fff;} .s_accounting_testimonial .carousel-indicators li.active{color: #188ef4; font-weight: 700;} .s_accounting_testimonial .carousel-indicators li{text-indent: 8px; padding: 11px 0px 15px 0; cursor: pointer; display: inline-block; zoom: 1; font-weight: 400; border-bottom: 3px solid #188ef4; height: 8px;} .s_accounting_testimonial .carousel-indicators li.active:before{font-weight: 500; color: #188ef4;} .s_accounting_testimonial .carousel-indicators li::before{position: absolute; top: 42px; left: -4px; display: inline-block; width: 30%; height: 10px; content: "";} .s_accounting_testimonial .carousel-indicators{bottom: -70px; margin-left: -68%;} @media (max-width: 767px){.s_accounting_testimonial .carousel-indicators{margin-left: -48%;}.s_accounting_testimonial img{margin-top: 80px;}} .s_accounting_offer{background-color: #188ef4;} .s_one_page_banner h1{font-size: 56px; font-weight: 800; line-height: 90px; max-width: 621px; min-width: 621px;} @media (max-width: 767px){.s_one_page_banner h1{font-weight: 700; line-height: 50px; font-size: 50px;}} @media screen and (min-width: 768px) and (max-width: 1023px){.s_one_page_banner h1{font-size: 64px;}} .s_one_page_six_blocks .wrap-feature5-box .card-body{padding: 30px;} .s_one_page_six_blocks .wrap-feature5-box .card-body .icon-space{padding: 0px 30px 20px 0px; font-size: 45px; margin: 0px;} .s_one_page_six_blocks .text-danger-gradiant-1{background: linear-gradient(to right, #ff4d7e 0%, #ff6a5b 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-fill-color: transparent;} .s_one_page_six_blocks .card{border: 0px;} .s_one_page_half_img_para .wrap-feature-22{margin-top: 60px;} .s_one_page_half_img_para .text-danger-gradiant-1{background: linear-gradient(to right, #ff4d7e 0%, #ff6a5b 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-fill-color: transparent;} .s_one_page_half_img_para .wrap-feature-22 .text-box h3{margin: 10px 0 25px 0;} .s_one_page_half_img_para small{font-size: 90%;} .s_one_page_para_with_bg_img .bg-success-gradiant-1{background: linear-gradient(to right, #2cdd9b 0%, #1dc8cd 100%);} .s_one_page_para_with_bg_img .text-danger-gradiant-1{background: linear-gradient(to right, #ff4d7e 0%, #ff6a5b 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-fill-color: transparent;} .s_one_page_para_with_bg_img .wrap-feature38-box .po-absolute{right: 0px; z-index: 1;} .s_one_page_para_with_bg_img .display-4{font-size: 3.5rem; font-weight: 300; line-height: 1.1;} .s_one_page_para_with_bg_img .custom_p{color: #fff;} .s_one_page_para_with_four_imgs .wrap-feature-12{position: relative;} .s_one_page_para_with_four_imgs .rounded{border-radius: 0.25rem !important;} .s_one_page_para_with_four_imgs .wrap-feature-12 .uneven-box{margin-top: 100px;} .s_one_page_para_with_four_imgs .wrap-feature-12 [class*=col-md-12]{margin-bottom: 30px; -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in;} .s_one_page_para_with_four_imgs .wrap-feature-12 [class*=col-md-12]:hover{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);} .s_one_page_images_with_center_para .img-ho img:hover{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);} .s_one_page_images_with_center_para .img-ho img{-webkit-transition: 0.1s ease-in; -o-transition: 0.1s ease-in; transition: 0.1s ease-in;} .s_one_page_images_with_center_para .img-ho{overflow: hidden;} .s_one_page_testimonial .content{font-size: 21px; line-height: 30px; padding: 50px 30px;} .s_one_page_testimonial .one-page-testimonial{margin: auto !important; margin-top: 40px !important;} .s_one_page_testimonial .customer-thumb img{width: 60px; margin-bottom: 20px;} .s_one_page_testimonial .customer-thumb{position: relative; top: -37px;} .s_one_page_testimonial .carousel-indicators{bottom: -10px;} .s_one_page_testimonial .carousel-indicators li.active{background: #1dc8cd;} .s_one_page_testimonial .carousel-indicators li{background: #D6D6D6; border-radius: 100%; height: 12px; width: 12px; margin-right: 10px; border-top: 0px; border-bottom: 0px;} .s_one_page_pricing_plan .pricing1 .title{margin-top: 20px; font-weight: 500; margin-bottom: 5px;} .s_one_page_pricing_plan .pricing1 .subtitle{font-size: 14px;} .s_one_page_pricing_plan .pricing1 .pricing{margin: 40px 0 20px;} .s_one_page_pricing_plan .pricing1 .pricing sup{font-size: 18px; top: -20px;} .s_one_page_pricing_plan .pricing1 .pricing .display-5{color: #263238;} .s_one_page_pricing_plan .pricing1 .pricing .yearly{display: none;} .s_one_page_pricing_plan .pricing1 .list-inline{margin-top: 30px;} .s_one_page_pricing_plan ul.list-inline li:first-child{padding-left: 0px;} .s_one_page_pricing_plan .pricing1 .list-inline li{padding: 6px 0; display: block;} .s_one_page_pricing_plan hr{padding: 4px 0; border: none; margin-top: 0rem;} .s_one_page_pricing_plan .card{} .s_one_page_pricing_plan .pricing1 .badge{top: -13px; position: absolute; left: 0; right: 0; width: 100px; margin: 0 auto; color: #fff;} .s_one_page_pricing_plan .pricing1 .card:hover{-ms-transform: scale(1.05); transform: scale(1.05); -webkit-transform: scale(1.05); -webkit-font-smoothing: antialiased;} .s_one_page_pricing_plan .pricing1 .card{-webkit-transition: 0.1s; -o-transition: 0.1s; transition: 0.1s;} .s_one_page_three_blocks .blog-home2 .date-pos{padding: 10px; display: inline-block; position: absolute; right: 10px; top: 10px; color: #ffffff; border-radius: 4px; text-align: center;} .s_one_page_three_blocks .blog-home2 .date-pos span{display: block; font-size: 30px; line-height: 30px;} .s_one_page_three_blocks .card{border: 0px;} .s_one_page_three_blocks .text-danger-gradiant-1{background: linear-gradient(to right, #ff4d7e 0%, #ff6a5b 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-fill-color: transparent;} .s_contact_us_one_page_bg_map .detail-box .s_share{margin-top: 30px;} .s_contact_us_one_page_bg_map .detail-box .s_share .fa{border-radius: 50% !important; color: #263238; -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in; display: inline-block; vertical-align: middle; text-align: center; width: 3rem; height: 3rem; line-height: 3rem; background-color: #f8f9fa;} .s_contact_us_one_page_bg_map .detail-box .s_share .fa:hover{color: #ffffff !important; background-color: #263238 !important; -webkit-transform: translate3d(0px, -5px, 0px); transform: translate3d(0px, -5px, 0px);} .s_contact_us_one_page_bg_map .detail-box{padding: 40px;} .s_contact_us_one_page_bg_map .contact-container{position: relative; top: 100px;} @media (max-width: 767px){.s_contact_us_one_page_bg_map .bg-image{margin-right: 15px; margin-left: 15px;}} .s_marketting_seo_banner h1{font-weight: 100; line-height: 50px;} .s_marketting_seo_banner h1 span{border-bottom: 3px solid #188ef4;} .s_marketting_seo_banner .info-box{padding: 25px 15px; margin-bottom: -6px;} .s_marketting_seo_banner .img-anim{position: relative; top: 110px;} @media (max-width: 767px){.s_marketting_seo_banner h1{line-height: 36px; font-size: 24px;}.s_marketting_seo_banner .img-anim{position: relative; top: 0px;}.s_marketting_seo_banner .bg-info-gradiant{margin-top: 40px;}} .s_marketing_para_with_two_blocks .text-success-1{color: #1dc8cd;} .s_marketing_three_blocks .card{border: 0px;} .s_marketing_parallex_with_para{background-repeat: no-repeat; background-size: cover; background-attachment: fixed;} .s_marketing_parallex_with_para .wrap-feature42-box{padding: 8% 0;} .s_marketing_parallex_with_para [data-aos=fade-up]{transform: translateY(100px);} .s_marketing_images_with_center_para .img-ho img:hover{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);} .s_marketing_images_with_center_para .img-ho img{-webkit-transition: 0.1s ease-in; -o-transition: 0.1s ease-in; transition: 0.1s ease-in;} .s_marketing_images_with_center_para .img-ho{overflow: hidden;} .s_marketing_carousel_images{background: linear-gradient(to right, #2cdd9b 0%, #1dc8cd 100%);} .s_marketing_carousel_images .testimonial9 .customer-thumb img{width: 60px; margin-right: 20px;} .s_marketing_carousel_images .testimonial9 .devider{height: 2px; width: 40px; display: inline-block; margin: 22px 0;} .s_marketing_carousel_images .testimonial9 .card{position: relative; border: 0px;} .s_marketing_carousel_images .testimonial9 .d-flex{margin-left: 25px;} .s_marketing_carousel_images .testimonial9 .carousel-indicators{position: absolute; left: -73%; top: 70%; margin-top: 10px;} .s_marketing_carousel_images .carousel-indicators li.active{background-color: #fff;} .s_marketing_carousel_images .carousel-indicators li{background: #539880; border-radius: 100%; height: 10px; width: 10px; border-top: 0px; border-bottom: 0px;} .s_marketing_carousel_images .testimonial9 h5.text{line-height: 30px; font-weight: 300;} .s_marketing_carousel_images .custom_p{color: #fff;} @media (max-width: 767px){.s_marketing_carousel_images .testimonial9 .carousel-indicators{position: absolute; left: -5%; margin-top: 623px;}} .s_marketing_latest_blogs .d-flex a{color: #1dc8cd;} .blog-home1 [class*=col-]:hover{-webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px);} .blog-home1 [class*=col-]{-webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in;} .s_crypto_banner{background-size: cover; background-repeat: no-repeat; background-position-x: 100%;} .s_crypto_banner .have-ac{font-size: 1rem;} .s_crypto_banner .custom_p{color: #fff;} .s_crypto_half_para_four_blocks .text-purple-gradiant{background: linear-gradient(to right, #7f3baf 0%, #4d3f95 100%); -webkit-background-clip: text; background-clip: text; text-fill-color: transparent;} .s_crypto_three_blocks .bg-theme-gradiant{background: linear-gradient(to right, #edb610 0%, #ff8e49 100%);} .s_crypto_three_blocks .bg-purple-gradiant{background: linear-gradient(to right, #7f3baf 0%, #4d3f95 100%);} .s_crypto_three_blocks .bg-info-gradiant{background: linear-gradient(to right, #05a8fd 0%, #316ce8 100%);} .s_crypto_three_blocks hr{border-top: 1px solid rgba(255, 255, 255, 0.3);} .s_crypto_three_blocks .wrap-feature6-box:hover{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);} .s_crypto_three_blocks .wrap-feature6-box{-webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in;} .s_crypto_three_blocks .card-box{padding: 30px;} .s_crypto_half_img_half_text .text-purple-gradiant{background: linear-gradient(to right, #7f3baf 0%, #4d3f95 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-fill-color: transparent;} .s_crypto_half_img_half_text .wrap-feature-22{margin-top: 60px;} .s_crypto_half_img_half_text .rounded{border-radius: 0.25rem !important;} .s_crypto_half_img_half_text .wrap-feature-22 .text-box{padding: 0 30px;} .s_crypto_half_img_half_text .wrap-feature-22 .text-box h3{margin: 10px 0 25px 0;} .s_crypto_half_img_half_text .list-block li{list-style: none; padding: 10px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} .s_crypto_half_img_half_text .list-block li .fa{margin-right: 10px; -webkit-flex-shrink: 0px; -ms-flex-negative: 0px; flex-shrink: 0px; margin-top: 3px;} .s_crypto_bg_img_with_form{background-repeat: no-repeat; background-size: cover;} .s_crypto_bg_img_with_form .both-space{margin: 80px 0 50px;} .s_crypto_bg_img_with_form .font-stylish{font-family: "Calafia-Regular";} .s_crypto_team_block .team4 .pro-pic img{border-radius: 100%;} .s_crypto_team_block ul.list-inline li a:hover{color: #edb610;} .s_crypto_team_block .team4 ul li a:hover{-webkit-transform: translate3d(0px, -5px, 0px); transform: translate3d(0px, -5px, 0px);} .s_crypto_team_block .team4 ul li a{padding-right: 15px; -webkit-transition: 0.1s ease-in; -o-transition: 0.1s ease-in; transition: 0.1s ease-in; display: block; font-size: 1rem;} .s_crypto_team_block .team4 ul{margin-top: 30px;} .s_crypto_team_block ul.list-inline li:first-child{padding-left: 0px;} .s_crypto_team_block .list-inline-item:not(:last-child){margin-right: 5px;} .s_crypto_carousel_testimonial{background: linear-gradient(to right, #7f3baf 0%, #4d3f95 100%);} .s_crypto_carousel_testimonial .testimonial10 .testi10 .customer-thumb img{width: 60px;} .s_crypto_carousel_testimonial .testimonial10 .testi10 h3{line-height: 40px;} .s_crypto_carousel_testimonial .testimonial10 .testi10 .quote-bg{max-width: 800px; width: 100%; margin: 0 auto; padding: 60px; background: url(/theme_twelve_bizople/static/src/img/up-quote.png) no-repeat top left, url(/theme_twelve_bizople/static/src/img/down-quote.png) no-repeat bottom right;} .s_crypto_carousel_testimonial .testimonial10 .testi10 .customer-thumb{margin: 15px 0;} @media (max-width: 767px){.s_crypto_carousel_testimonial .testimonial10 .testi10 h3{line-height: 30px; font-size: 20px;}} .s_crypto_latest_blog .card{border: 0px;} .s_crypto_latest_blog .blog-home1 .col-md-4:hover{-webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px);} .s_crypto_latest_blog .blog-home1 .col-md-4{-webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in;} .s_crypto_offer_section{background-repeat: no-repeat; background-size: cover;} .s_industrial_banner{padding: 0px !important;} .s_industrial_banner .carousel-item{background-size: cover; background-position: center;} @media (max-width: 1370px){.s_industrial_banner .slider-control span{width: 44px; height: 44px; line-height: 44px;}} .s_industrial_banner .slider-control span{width: 53px; height: 53px; line-height: 53px; text-align: center; border-radius: 50%; border: 1px solid #fff;} .s_industrial_banner .carousel-control-prev{width: auto; padding-left: 15px;} .s_industrial_banner .carousel-control-next{width: auto; padding-right: 15px;} .s_industrial_banner video{width: 600px;} .s_industrial_banner .carousel-control-next:focus, .s_industrial_banner .carousel-control-next:hover, .s_industrial_banner .carousel-control-prev:focus, .s_industrial_banner .carousel-control-prev:hover{color: #fff; text-decoration: none; outline: 0; opacity: .9;} .s_industrial_banner .btn{-webkit-animation-delay: 1.3s; animation-delay: 1.3s; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.14); -webkit-transition: 0s; -o-transition: 0s; transition: 0s;} .s_industrial_banner .slide-image{margin: auto; width: 100%; -webkit-animation-delay: 0.3s; animation-delay: 0.3s;} .s_industrial_banner .slide-text{max-width: 1170px; padding: 0 15px; top: 50%; left: 50%; right: auto; width: 100%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);} .s_industrial_banner label{line-height: 27px; border-radius: 0; color: #1a1a1a; -webkit-animation-delay: 0.5s; animation-delay: 0.5s;} @media (max-width: 1370px){.s_industrial_banner .slide-image{height: 550px; width: auto !important;}} @media (max-width: 767px){.s_industrial_banner .slider-control span{width: 26px; height: 26px; line-height: 26px; font-size: 12px !important;}} .s_industrial_half_test_four_imgs_block .wrap-feature-12{position: relative;} .s_industrial_half_test_four_imgs_block .wrap-feature-12 [class*=col-md-12]{margin-bottom: 30px; -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in;} .s_industrial_half_test_four_imgs_block .wrap-feature-12 .uneven-box{margin-top: 100px;} .s_industrial_half_test_four_imgs_block .wrap-feature-12 [class*=col-md-12]:hover{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);} .s_industrial_services_three_blocks .card{border: 0px;} .s_ind_half_img_half_para ul{font-size: 1rem;} .s_ind_projects_block .card{border: 0px;} .s_ind_projects_block .img-ho img:hover{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);} .s_ind_projects_block .img-ho img{-webkit-transition: 0.1s ease-in; -o-transition: 0.1s ease-in; transition: 0.1s ease-in;} .s_industrial_testimonial .testimonial6 .testi6 .nav-link img{width: 70px; opacity: 0.5;} .s_industrial_testimonial .testimonial6 .testi6{border-right: 1px solid rgba(120, 130, 140, 0.13);} .s_industrial_testimonial .testimonial6 .testi6 .nav-link{border-radius: 0px; margin: 8px -2px 8px 0;} .s_industrial_testimonial .testimonial6 .testi6 .nav-link.active{background: transparent; border-right: 3px solid #fed700;} .s_industrial_testimonial .testimonial6 .testi6 .nav-link.active img{opacity: 1;} @media (max-width: 767px){.s_industrial_testimonial .testimonial6 .testi6{-webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -ms-flex-direction: row !important; flex-direction: row !important; border-right: 0px solid rgba(120, 130, 140, 0.13); border-bottom: 1px solid rgba(120, 130, 140, 0.13); margin-bottom: 40px;}.s_industrial_testimonial .testimonial6 .testi6 .nav-link{margin: 0px 0px -2px 0; padding: 10px;}.s_industrial_testimonial .testimonial6 .testi6 .nav-link img{width: 40px;}.s_industrial_testimonial .testimonial6 .testi6 .nav-link.active{border-right: 0px solid #fed700; border-bottom: 3px solid #fed700;}} .s_industrial_latest_blog .card{border: 0px;} .s_industrial_latest_blog .blog-home1 [class*=col-]:hover{-webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px);} .s_industrial_latest_blog .blog-home1 [class*=col-]{-webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in;} .slide-text{margin: auto; position: absolute; text-align: left; max-width: 1170px; padding: 0 15px; top: 50%; left: 50%; right: auto; width: 100%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);} .font-stylish-1{font-family: "Playfair Display", serif; font-style: italic; font-weight: 600;} .linking i{font-size: 14px; margin-left: 10px; -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in; font-weight: bolder;} .custom_p{font-weight: 300; font-size: 1rem;} .bg-light-1{background-color: #f5f7fa;} .bg-success-1{background-color: #1dc8cd;} @media (min-width: 768px){.s_latest_posts .media > a{width: 150px; height: 151px;}} .s_latest_posts .custom_p{font-size: 15px;} .s_latest_posts .linking{background: linear-gradient(to right, #ff4d7e 0%, #ff6a5b 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-fill-color: transparent;} .s_latest_posts .author_date{display: -webkit-box; display: -webkit-flex; display: flex;} .s_latest_posts .author_date p{margin-right: 10px;} .s_latest_posts .media{border: 0px;} @media (max-width: 767px){.s_latest_posts .author_date{display: block;}} .s_latest_posts_big_picture .s_latest_posts_post{height: 400px !important; text-align: left !important; cursor: initial !important;} .s_latest_posts_big_picture .blog_grid_wrap{-webkit-box-shadow: 0 0 20px 0 rgba(62, 28, 131, 0.08); box-shadow: 0 0 20px 0 rgba(62, 28, 131, 0.08); background: #fff; overflow: hidden; border-radius: 6px; padding: 0px !important; margin: auto;} .s_latest_posts_big_picture .blog_grid_wrap .o_blog_cover_image{padding: 100px 0px; position: inherit !important;} .s_latest_posts_big_picture .blog_grid_wrap .blog_detail{padding: 15px;} .s_latest_posts_big_picture .blog_grid_wrap .blog_detail .blog_title{font-weight: 600; font-size: 18px; margin-bottom: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-transform: initial;} .s_latest_posts_big_picture .blog_grid_wrap .blog_detail .custom_p{color: #8d97ad; text-transform: initial; line-height: 2; font-size: 14px !important; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin: 15px 0 !important;} .s_latest_posts_big_picture .blog_grid_wrap .blog_grid{width: 100%; display: block; overflow: hidden; position: relative; max-height: 280px;} .s_latest_posts_big_picture .blog_grid_wrap .o_blog_cover_component.o_blog_cover_filter.oe_black{opacity: 0.4 !important; background: #172c52;} .s_latest_posts_big_picture .blog_grid_wrap .blog_small_info{position: absolute; right: 70px; top: 75px;} .s_latest_posts_big_picture .blog_grid_wrap .date-pos{width: 50px; height: 60px; position: absolute; bottom: 5px; border-radius: 4px; text-align: center; color: #fff; overflow: hidden;} .s_latest_posts_big_picture .blog_grid_wrap .date-pos h5{color: #fff; padding: 8px 0; line-height: 1; font-size: 16px; margin: 0; text-transform: capitalize; font-weight: 600; height: 30px;} .s_latest_posts_big_picture .blog_grid_wrap .learn_more_txt{font-size: 16px; font-weight: 600; text-transform: capitalize;} .s_mini_appoinment_six{background-position: top center; padding: 90px 0px 280px 0px;} .s_mini_appoinment_seven{background-size: cover; background-attachment: fixed; background-position: left center;} .s_carousel.s_carousel_bordered, .s_quotes_carousel.s_carousel_bordered{border: 0rem solid transparent;} .contact4 .form-control{background: transparent; border: 2px solid rgba(255, 255, 255, 0.5); color: #ffffff;} .contact4 .form-control:hover{background: transparent; border: 2px solid white; color: #ffffff;} .contact4 ::placeholder{color: #fff;} .contact4 .right-image{margin-top: 92px;} @media (max-width: 767px){.contact4 .right-image{bottom: 0px; margin-top: 0px;}} p{line-height: 23px;} .template_404_page{background-color: #8DDFEA; padding-bottom: 10px;} .template_404_page .info h1{font-size: 190px; font-weight: 700; color: #222a4b; padding: 111px 0px;} .template_404_page .info h2{font-size: 50px; font-weight: 500; color: #00a9e1; padding-bottom: 50px;} .template_404_page .info p{font-size: 20px; color: #000000; font-weight: 400;} .template_404_page .info a{font-size: 18px; font-weight: 500; color: #ffffff; border: 0px solid; border-bottom: 2px solid; border-color: #007ca1; padding: 10px 41px; border-radius: 5px; background: none; display: inline-block; margin: 10px 0; background-color: #00a9e1; cursor: pointer; text-align: center;} .template_404_page .bear{background-image: url(/theme_twelve_bizople/static/src/img/bear.png); background-position: center; background-repeat: no-repeat; width: 100%; height: 856px; margin: -340px 0 50px; position: relative; left: 10%;} .template_404_page .zzz{background-image: url(/theme_twelve_bizople/static/src/img/z-1.gif); background-position: center; background-repeat: no-repeat; width: 80px; height: 134px; position: absolute; left: 0px; bottom: 155px;} @media (max-width: 90px){.template_404_page h1{font-size: medium;}} .s_coming_soon_banner{margin-top: 0px; margin-bottom: 0px;} .s_coming_soon_banner .info-detail{min-height: calc(100vh - 0px); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit--webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -ms--webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; overflow: auto;} .s_coming_soon_banner .logo{width: 200px; height: 75px;} .s_coming_soon_banner .info-detail .title{font-size: 48px; font-weight: 700; line-height: 50px;} .s_coming_soon_banner .info-detail .subtitle{margin: 50px 0;} .s_coming_soon_banner .bg-img{background-size: cover; background-position: center center; position: absolute; right: 0px; height: 100%;} .s_coming_soon_banner .bg-img img{margin-left: -200px; padding-top: 100px; position: absolute; bottom: 0px;} @media screen and (min-width: 768px) and (max-width: 1023px){.o_main_navbar > ul > li > a, .o_main_navbar > ul > li > label{padding: 0 8px;}.o_main_navbar > ul.o_menu_systray{position: relative; top: -103%;}.s_estate_carousel_images .desc_img{width: 229px;}.s_estate_img_block_1{display: none;}.s_contact_us_one_page_bg_map .bg-image{background-size: cover; background-position: center;}.s_fitness_testimonial .item{width: 690px;}.s_furniture_about .text_left{left: -55px;}.pro-pic img{width: 50%;}} @media screen and (min-width: 1023px) and (max-width: 1366px){.s_fitness_testimonial .item{width: 930px;}.s_furniture_about_with_img .order-last{-ms-flex-order: 13; order: 0;}} @media screen and (max-width: 1024px){.s_estate_carousel_images .desc_img{width: 311px;}} .hvr-icon-forward{display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; -webkit-transition-duration: 0.1s; transition-duration: 0.1s;} .hvr-icon-forward:hover .hvr-icon, .hvr-icon-forward:focus .hvr-icon, .hvr-icon-forward:active .hvr-icon{display: inline-block; -webkit-transform: translateX(4px); transform: translateX(4px);} .hvr-icon-forward .hvr-icon{display: none; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.1s; transition-duration: 0.1s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;} .s_mega_menu_one_snippet .header_one .s_mega_menu_one_snippet .mega_submenu_one .fa{position: absolute; right: 0; margin-top: 17px;} .s_mega_menu_one_snippet .col-md-4{padding: 25px;} .s_mega_menu_one_snippet .sf-menu h5{border-bottom: 1px solid #333; padding-bottom: 8px; font-weight: 600;} .s_mega_menu_one_snippet .sf-menu ul.mega_submenu_one{position: inherit; padding: 0; margin: 0; list-style: none;} .s_mega_menu_one_snippet .sf-menu ul.mega_submenu_one li{border-bottom: 1px dotted #333; padding: 10px 0px 10px 0px;} .s_mega_menu_one_snippet .sf-menu ul.mega_submenu_one li a{color: black;} .s_mega_menu_one_snippet .mega_submenu_one .fa{position: absolute; right: 0;} .s_mega_menu_one_snippet .btn-lg, .s_mega_menu_one_snippet .btn-group-lg > .btn, .s_mega_menu_one_snippet .btn-group-lg > .btn{padding: 0px; font-size: 1.4rem;} .s_mega_menu_two_snippet .widget-custom-menu{margin-top: 20px; margin-bottom: 20px; left: 10px;} .s_mega_menu_two_snippet .widget-custom-menu .widgettitle{font-weight: 600; margin: 0px 0px 15px; text-transform: uppercase;} .s_mega_menu_two_snippet .widget-custom-menu ul li a{line-height: 26px; color: black;} .s_mega_menu_two_snippet .btn-lg, .s_mega_menu_two_snippet .btn-group-lg > .btn, .s_mega_menu_two_snippet .btn-group-lg > .btn{font-size: 1.4rem; padding: 0;} .s_mega_menu_three_snippet .col-md-3{left: 10px; margin-top: 20px; margin-bottom: 20px;} .s_mega_menu_three_snippet .content .static-menu-image{margin-bottom: 20px;} .s_mega_menu_three_snippet .content .static-menu-image img{width: 100%; height: 100%;} .s_mega_menu_three_snippet .content .title-submenu{font-weight: bold; color: #666; border-bottom: 1px solid #ddd;} .s_mega_menu_three_snippet .content .row-list li{border-bottom: 1px solid #ddd;} .s_mega_menu_three_snippet .content .row-list li:last-child{border-bottom: none;} .s_mega_menu_three_snippet .content .row-list li a{display: inline-block; margin: 5px 0; padding-top: 15px; color: #666;} .s_mega_menu_three_snippet .btn-lg, .s_mega_menu_three_snippet .btn-group-lg > .btn, .s_mega_menu_three_snippet .btn-group-lg > .btn{font-size: 1.4rem; padding: 0;} .s_mega_menu_four_snippet .jn_menu_partion_div{padding: 30px;} .s_mega_menu_four_snippet .jen_tabs_conent_list h1{font-size: 22px; text-transform: capitalize; color: #2d3a4b; font-weight: 600; margin-top: 0px;} .s_mega_menu_four_snippet .jen_tabs_conent_list ul{padding-top: 15px;} .s_mega_menu_four_snippet .jen_tabs_conent_list ul li{float: left; width: 100%; margin: 12px 0px 12px 0px;} .s_mega_menu_four_snippet .jen_tabs_conent_list ul li a{color: #797979; text-transform: capitalize; border-bottom: 0;} .s_mega_menu_four_snippet .jen_tabs_conent_list ul li .fa{margin-right: 15px;} .s_mega_menu_four_snippet .btn-lg, .s_mega_menu_four_snippet .btn-group-lg > .btn, .s_mega_menu_four_snippet .btn-group-lg > .btn{font-size: 1.4rem; padding: 0;} .s_mega_menu_five_snippet .col-md-3{left: 25px; margin-bottom: 20px;} .s_mega_menu_five_snippet .content h5{margin-bottom: 17px; color: #222; font-weight: 600; margin-top: 20px;} .s_mega_menu_five_snippet .content ul.list{padding: 0;} .s_mega_menu_five_snippet .content .list li{margin-bottom: 15px;} .s_mega_menu_five_snippet .content .list li a{color: #717171; font-weight: 400;} .s_mega_menu_five_snippet .content .list:after{content: ' '; width: 1px; height: 100%; background-color: #ededed; display: inline-block; float: right; top: 15px; position: absolute; right: 25px;} .s_mega_menu_five_snippet .btn-lg, .s_mega_menu_five_snippet .btn-group-lg > .btn, .s_mega_menu_five_snippet .btn-group-lg > .btn{font-size: 1.4rem; padding: 0;} .s_mega_menu_six_snippet [class^="col-lg-"]{min-height: 24px; margin-top: 20px; margin-bottom: 20px; left: 10px;} .s_mega_menu_six_snippet .justify-content-center h5{color: #141a1f; font-weight: 700; padding: 20px 0 15px;} .s_mega_menu_six_snippet .list{padding: 0;} .s_mega_menu_six_snippet .list li{margin-bottom: 15px;} .s_mega_menu_six_snippet .list li a{text-transform: uppercase; color: #696969;} .s_mega_menu_six_snippet .image-container img{width: 100%; height: auto;} .s_mega_menu_six_snippet .btn-lg, .s_mega_menu_six_snippet .btn-group-lg > .btn, .s_mega_menu_six_snippet .btn-group-lg > .btn{font-size: 1.4rem; padding: 0;} .s_mega_menu_seven_snippet .one-column{margin-top: 20px; margin-bottom: 20px;} .s_mega_menu_seven_snippet .mega-headline{font-weight: 600; display: block; margin-bottom: 8px; margin-top: 20px;} .s_mega_menu_seven_snippet .one-column a{color: #909090; display: block; line-height: 27px;} .s_mega_menu_seven_snippet .one-column ul li p{color: #707070;} .s_mega_menu_seven_snippet .one-fourth-column{float: left; position: relative; margin-right: 60px; margin-top: 40px;} .s_mega_menu_seven_snippet .btn-lg, .s_mega_menu_seven_snippet .btn-group-lg > .btn, .s_mega_menu_seven_snippet .btn-group-lg > .btn{font-size: 1.4rem; padding: 0;} .s_mega_menu_eight_snippet .col-md-3{left: 10px; margin-top: 20px;} .s_mega_menu_eight_snippet .main_menu ul{padding: 0px; margin-bottom: 50px;} .s_mega_menu_eight_snippet .main_menu ul li{margin-top: 20px; border-bottom: 1px solid #3b3b3b; padding: 0px 0 10px 0;} .s_mega_menu_eight_snippet .main_menu ul li a{color: black; position: relative;} .s_mega_menu_eight_snippet .main_menu ul li .fa{margin-right: 15px;} .s_mega_menu_eight_snippet .img-caption img{max-width: 100%; padding: 10px 0px 0px;} .s_mega_menu_eight_snippet .btn-lg, .s_mega_menu_eight_snippet .btn-group-lg > .btn, .s_mega_menu_eight_snippet .btn-group-lg > .btn{font-size: 1.4rem; padding: 0;} .s_mega_menu_nine_snippet .col-md-3{margin-top: 20px; margin-bottom: 20px;} .s_mega_menu_nine_snippet .widget-realesta-property-section .realesta-widgets.media{border: none; margin-bottom: 15px; padding: 0;} .s_mega_menu_nine_snippet .widget-realesta-property-section a{color: #000; text-transform: capitalize; line-height: 20px;} .s_mega_menu_nine_snippet .widget-realesta-property-section .realesta-widgets img{width: 60px; height: 60px;} .s_mega_menu_nine_snippet .widget-realesta-property-section .media-body{padding: 8px 8px;} .s_mega_menu_nine_snippet .widget-realesta-property-section .media-body p{line-height: 20px; font-size: 14px;} .s_mega_menu_nine_snippet .img-caption img{max-width: 100%; height: auto; margin-top: 50px;} .s_mega_menu_nine_snippet .about-desc.property{margin-top: 10px; margin-bottom: 15px;} .s_mega_menu_nine_snippet .property-text-left .btn{padding: 10px; color: #FFFFFF !important;} .s_mega_menu_nine_snippet .btn-lg, .s_mega_menu_nine_snippet .btn-group-lg > .btn, .s_mega_menu_nine_snippet .btn-group-lg > .btn{font-size: 1.4rem; padding: 0;} .s_mega_menu_ten_snippet .col-md-2{left: 10px; margin-top: 20px; margin-bottom: 20px;} .s_mega_menu_ten_snippet .widgettitle{font-weight: 600; text-transform: uppercase;} .s_mega_menu_ten_snippet .inner ul{padding: 0px;} .s_mega_menu_ten_snippet .inner ul li a{line-height: 30px; color: black;} .s_mega_menu_ten_snippet .btn-lg, .s_mega_menu_ten_snippet .btn-group-lg > .btn, .s_mega_menu_ten_snippet .btn-group-lg > .btn{font-size: 1.4rem; padding: 0;} .fa.o_we_selected_image::before{background: none !important; outline: none !important;} .editor_enable .s_estate_img_block_1 .portfolio-box .filter .overlay-box .overlay{width: 0%;} .editor_enable .s_estate_img_block_1 .portfolio-box .filter .overlay-box:hover .overlay .port-text{top: 70%; margin-left: 25px; color: black; display: -webkit-box; display: -webkit-flex; display: flex;} .editor_enable .s_restaurant_image_gallery .gallery-box .g-item .overlay-box .overlay{width: 0%;} .editor_enable .s_restaurant_image_gallery .gallery-box .g-item .overlay-box:hover .overlay .port-text{margin-left: 20px; text-align: center;} .editor_enable .s_restaurant_image_gallery .gallery-box .g-item .overlay-box .overlay .port-text h5{color: black; display: -webkit-box; display: -webkit-flex; display: flex;} .editor_enable .s_restaurant_image_gallery .gallery-box .g-item .overlay-box .overlay .port-text span{color: black; display: -webkit-box; display: -webkit-flex; display: flex;} .editor_enable .s_furniture_team_section .team-block .inner-box:hover .overlay-box:before{width: 0%; left: 0;} .editor_enable .s_furniture_team_section .team-block .inner-box:hover .overlay-box .social-links{opacity: 1; visibility: visible; top: 102%;} .editor_enable .s_furniture_team_section .team-block .overlay-box .social-links li a .fa{color: #000 !important;} .editor_enable .s_furniture_team_section .team-block .overlay-box .social-links li span{color: black;} .editor_enable .s_furniture_team_section .team-block .overlay-box:before{position: fixed; left: 0%; top: 0; height: 0%; width: 0; overflow: hidden; opacity: .70; content: ""; background-color: #25262c; transition: none !important;} .editor_enable .s_furniture_team_section .team-block .overlay-box{position: unset;} .editor_enable .s_new_homepage_img_gallery .tt-promo-box .tt-description{position: unset !important;} .editor_enable .s_new_three_imgs_block .img_desc{position: unset !important; height: unset !important;} 

/* /theme_twelve_bizople/static/src/css/demo1.scss defined in bundle 'web.assets_frontend' */
 .h16-topbar .navbar-brand{font-size: 14px; color: #263238; font-weight: 500; padding: 15px 0;} .h16-topbar .navbar{padding: 0;} .h16-topbar .navbar .search-box{padding: 15px; width: 240px;} .h16-topbar .navbar .nav-item .nav-link{color: #8d97ad; padding: 15px;} .h16-topbar .navbar .navbar-nav .nav-item:first-child .nav-link{border-right: 1px solid rgba(120, 130, 140, 0.13); border-left: 1px solid rgba(120, 130, 140, 0.13); height: 60px;} .h16-topbar .navbar .nav-item:hover .nav-link{color: #ff4d7e;} .h16-topbar .navbar .search .dropdown-menu{padding: 20px; min-width: 300px;} .h16-navbar{margin-bottom: -57px;} .h16-navbar .navbar{background: #ff4d7e; background: -webkit-linear-gradient(legacy-direction(to right), #ff4d7e 0%, #ff6a5b 100%); background: -webkit-gradient(linear, left top, right top, from(#ff4d7e), to(#ff6a5b)); background: -webkit-linear-gradient(left, #ff4d7e 0%, #ff6a5b 100%); background: -o-linear-gradient(left, #ff4d7e 0%, #ff6a5b 100%); background: linear-gradient(to right, #ff4d7e 0%, #ff6a5b 100%); padding: 0px;} .h16-navbar .navbar .hidden-lg-up{padding: 17px; color: #ffffff; font-weight: 500; font-size: 14px; text-transform: uppercase;} .h16-navbar .navbar .navbar-nav .nav-link{padding: 18px 16px; color: #ffffff !important; font-weight: 400; font-size: 13px; text-transform: uppercase; margin-right: 5px;} .h16-navbar .navbar .navbar-nav .nav-item:hover .nav-link, .h16-navbar .navbar .navbar-nav .nav-item.active .nav-link{background: rgba(120, 130, 140, 0.13);} .h16-navbar .navbar .navbar-nav .search .nav-link{background: rgba(0, 0, 0, 0.05); color: #ffffff; padding: 18px 23px; -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in; margin-right: 0px;} .h16-navbar .navbar .navbar-nav .search:hover .nav-link{color: #ffffff; background: #3e4555;} .h16-navbar .navbar .navbar-nav .search .dropdown-menu{padding: 20px; min-width: 300px;} .h16-navbar .navbar .dropdown-menu{background: #ffffff; border-radius: 0 0 4px 4px; margin-top: 0px;} .h16-info-bar{padding: 15px 15px;} .h16-info-bar .donate-btn a{font-size: 13px; font-weight: 500; padding: 13px 25px; margin-left: 15px;} .h16-info-bar .nav-item .nav-link{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; padding: 0 25px;} @media (max-width: 1023px){.h16-navbar{margin-bottom: 0px;}.h16-info-bar .donate-btn a{display: block; margin-left: 0px;}.h16-info-bar .nav-item .nav-link{padding: 0 10px; margin: 10px 0;}} @-webkit-keyframes imageScaleOut{0%{transform: scale(1.3); -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform: scale(1.3);}100%{transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1);}} @keyframes imageScaleOut{0%{transform: scale(1.3); -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform: scale(1.3);}100%{transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1);}} @-webkit-keyframes fadeIn{0%{opacity: 0;}100%{opacity: 1;}} @keyframes fadeIn{0%{opacity: 0;}100%{opacity: 1;}} .slider5 .bs-slider-overlay{display: none; background-color: rgba(247, 247, 247, 0.7);} .slider5 .slide-image{animation: imageScaleOut 15s ease-in-out infinite alternate, fadeIn 0.5s ease-in-out alternate; -webkit-animation: imageScaleOut 15s ease-in-out infinite alternate, fadeIn 0.5s ease-in-out alternate; -moz-animation: imageScaleOut 15s ease-in-out infinite alternate, fadeIn 0.5s ease-in-out alternate; -o-webkit-animation: imageScaleOut 15s ease-in-out infinite alternate, fadeIn 0.5s ease-in-out alternate;} .slider5 h2{font-size: 60px; line-height: 70px; font-style: italic;} .slider5 h3{font-size: 21px;} .slider5 .carousel-indicators{bottom: 0;} .slider5 .carousel-indicators li{background-color: rgba(0, 0, 0, 0.15);} .slider5 .carousel-indicators li.active{background-color: #ff4d7e;} @media (max-width: 1280px){.slider5{overflow-y: hidden;}.slider5 .slide-image{height: 550px; width: auto !important;}} @media (max-width: 1100px){.slider5{text-shadow: 1px 1px 0 #ffffff;}.slider5 .slide-image{position: relative;}.slider5 h2{font-size: 40px;}.slider5 .promo-code{padding: 30px;}} @media (max-width: 991px){.slider5 h2{font-size: 44px;}.slider5 .promo-code{padding: 30px 50px;}.slider5 .slide-image{left: -30%;}} @media (max-width: 767px){.slider5 .slide-image{left: -10%;}.slider5 .slide-text{padding: 0 !important; width: 95% !important;}.slider5 .slide-image{height: 380px;}.slider5 .bs-slider-overlay{display: block;}.slider5 p{color: #8d97ad;}.slider5 .promo-code{padding: 10px 50px;}} @media (max-width: 428px){.slider5 h2{font-size: 33px; line-height: 34px;}.slider5 .slide-image{left: -50%;}.slider5 .promo-code{padding: 10px 20px;}} @media (max-width: 320px){.slider5 h2{font-size: 28px; line-height: 30px;}.slider5 h3{font-size: 18px;}} .gallery-box{margin-top: 60px;} .gallery-box .g-item .overlay-box{margin-bottom: 30px; position: relative;} .gallery-box .g-item .overlay-box .overlay{position: absolute; background: rgba(0, 0, 0, 0.7); -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; height: 0px; width: 100%; display: none; padding-top: 30%;} .gallery-box .g-item .overlay-box .overlay .port-text{-webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; position: absolute; top: 0px; width: 0px; text-align: center;} .gallery-box .g-item .overlay-box .overlay .port-text h5{color: #ffffff; font-size: 18px; font-weight: 500; margin-bottom: 0px;} .gallery-box .g-item .overlay-box .overlay .port-text span{color: #ffffff; font-size: 14px;} .gallery-box .g-item .overlay-box:hover .overlay{display: block; top: 0px; height: 100%;} .gallery-box .g-item .overlay-box:hover .overlay .port-text{top: 43%; width: 100%;} .testimonial9 .card{position: relative;} .testimonial9 .card .p-40::after{position: absolute; bottom: -15px; left: 20; content: ''; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 15px solid #ffffff;} .testimonial9 .owl-theme .owl-dots .owl-dot.active span, .testimonial9 .owl-theme .owl-dots .owl-dot:hover span{background: #ff4d7e;} .testimonial9 .owl-dots{position: absolute; left: -98%; top: 70%;} .testimonial9 .devider{height: 2px; width: 40px; display: inline-block; margin: 22px 0;} .testimonial9 h5.text{line-height: 30px; font-weight: 300;} .testimonial9 .customer-thumb img{width: 60px; margin-right: 20px;} .testimonial9 .d-flex{margin-left: 25px;} @media (max-width: 767px){.testimonial9 .owl-dots{position: relative; top: 0px; left: 0px;}} .feature14 .video-img{cursor: pointer;} .client2{padding: 0px 0px 50px 0px;} .client2 .client-box{margin: 0px;} .client2 .client-box [class*="col-"]{padding-top: 10px; padding-bottom: 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;} .wrap-feature23-box{background-position: center center; background-repeat: no-repeat; padding: 180px 0;} .wrap-feature23-box .text-box{padding: 30px 20px;} .wrap-feature-28 .side-content{max-width: 580px;} @-webkit-keyframes imagescale{0%{transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1);}100%{transform: scale(1.3); -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform: scale(1.3);}} @keyframes imagescale{0%{transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1);}100%{transform: scale(1.3); -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform: scale(1.3);}} .slider7 .bs-slider, .slider7 .carousel-item{max-height: 700px;} .slider8 .carousel-item{background-repeat: no-repeat; background-size: cover; background-position: center center;} .slider7 .slide-image{animation: imagescale 15s ease-in-out infinite alternate; -webkit-animation: imagescale 15s ease-in-out infinite alternate; -moz-animation: imagescale 15s ease-in-out infinite alternate; -o-webkit-animation: imagescale 15s ease-in-out infinite alternate;} @-webkit-keyframes imagescale{0%{transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1);}100%{transform: scale(1.3); -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform: scale(1.3);}} @keyframes imagescale{0%{transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1);}100%{transform: scale(1.3); -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform: scale(1.3);}} .animated{-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;} .animated.infinite{-webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;} .animated.hinge{-webkit-animation-duration: 2s; animation-duration: 2s;} .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut{-webkit-animation-duration: .75s; animation-duration: .75s;} @-webkit-keyframes bounce{from, 20%, 53%, 80%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}40%, 43%{-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0);}70%{-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0);}90%{-webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0);}} @keyframes bounce{from, 20%, 53%, 80%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}40%, 43%{-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0);}70%{-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0);}90%{-webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0);}} .bounce{-webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom;} @-webkit-keyframes flash{from, 50%, to{opacity: 1;}25%, 75%{opacity: 0;}} @keyframes flash{from, 50%, to{opacity: 1;}25%, 75%{opacity: 0;}} .flash{-webkit-animation-name: flash; animation-name: flash;} @-webkit-keyframes pulse{from{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}50%{-webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05);}to{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}} @keyframes pulse{from{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}50%{-webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05);}to{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}} .pulse{-webkit-animation-name: pulse; animation-name: pulse;} @-webkit-keyframes rubberBand{from{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}30%{-webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1);}40%{-webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1);}50%{-webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1);}65%{-webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1);}75%{-webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1);}to{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}} @keyframes rubberBand{from{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}30%{-webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1);}40%{-webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1);}50%{-webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1);}65%{-webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1);}75%{-webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1);}to{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}} .rubberBand{-webkit-animation-name: rubberBand; animation-name: rubberBand;} @-webkit-keyframes shake{from, to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}10%, 30%, 50%, 70%, 90%{-webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0);}20%, 40%, 60%, 80%{-webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0);}} @keyframes shake{from, to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}10%, 30%, 50%, 70%, 90%{-webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0);}20%, 40%, 60%, 80%{-webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0);}} .shake{-webkit-animation-name: shake; animation-name: shake;} @-webkit-keyframes headShake{0%{-webkit-transform: translateX(0); transform: translateX(0);}6.5%{-webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg);}18.5%{-webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg);}31.5%{-webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg);}43.5%{-webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg);}50%{-webkit-transform: translateX(0); transform: translateX(0);}} @keyframes headShake{0%{-webkit-transform: translateX(0); transform: translateX(0);}6.5%{-webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg);}18.5%{-webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg);}31.5%{-webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg);}43.5%{-webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg);}50%{-webkit-transform: translateX(0); transform: translateX(0);}} .headShake{-webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake;} @-webkit-keyframes swing{20%{-webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg);}40%{-webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg);}60%{-webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg);}80%{-webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg);}to{-webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg);}} @keyframes swing{20%{-webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg);}40%{-webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg);}60%{-webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg);}80%{-webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg);}to{-webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg);}} .swing{-webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing;} @-webkit-keyframes tada{from{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}10%, 20%{-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);}30%, 50%, 70%, 90%{-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);}40%, 60%, 80%{-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);}to{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}} @keyframes tada{from{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}10%, 20%{-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);}30%, 50%, 70%, 90%{-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);}40%, 60%, 80%{-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);}to{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}} .tada{-webkit-animation-name: tada; animation-name: tada;} @-webkit-keyframes wobble{from{-webkit-transform: none; transform: none;}15%{-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);}30%{-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);}45%{-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);}60%{-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);}75%{-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);}to{-webkit-transform: none; transform: none;}} @keyframes wobble{from{-webkit-transform: none; transform: none;}15%{-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);}30%{-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);}45%{-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);}60%{-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);}75%{-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);}to{-webkit-transform: none; transform: none;}} .wobble{-webkit-animation-name: wobble; animation-name: wobble;} @-webkit-keyframes jello{from, 11.1%, to{-webkit-transform: none; transform: none;}22.2%{-webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg);}33.3%{-webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg);}44.4%{-webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg);}55.5%{-webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg);}66.6%{-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg);}77.7%{-webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg);}88.8%{-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg);}} @keyframes jello{from, 11.1%, to{-webkit-transform: none; transform: none;}22.2%{-webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg);}33.3%{-webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg);}44.4%{-webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg);}55.5%{-webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg);}66.6%{-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg);}77.7%{-webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg);}88.8%{-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg);}} .jello{-webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center;} @-webkit-keyframes bounceIn{from, 20%, 40%, 60%, 80%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3);}20%{-webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1);}40%{-webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9);}60%{opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03);}80%{-webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97);}to{opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}} @keyframes bounceIn{from, 20%, 40%, 60%, 80%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3);}20%{-webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1);}40%{-webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9);}60%{opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03);}80%{-webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97);}to{opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}} .bounceIn{-webkit-animation-name: bounceIn; animation-name: bounceIn;} @-webkit-keyframes bounceInDown{from, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0);}60%{opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0);}75%{-webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0);}90%{-webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0);}to{-webkit-transform: none; transform: none;}} @keyframes bounceInDown{from, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0);}60%{opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0);}75%{-webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0);}90%{-webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0);}to{-webkit-transform: none; transform: none;}} .bounceInDown{-webkit-animation-name: bounceInDown; animation-name: bounceInDown;} @-webkit-keyframes bounceInLeft{from, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0);}60%{opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0);}75%{-webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0);}90%{-webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0);}to{-webkit-transform: none; transform: none;}} @keyframes bounceInLeft{from, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0);}60%{opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0);}75%{-webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0);}90%{-webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0);}to{-webkit-transform: none; transform: none;}} .bounceInLeft{-webkit-animation-name: bounceInLeft; animation-name: bounceInLeft;} @-webkit-keyframes bounceInRight{from, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}from{opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0);}60%{opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0);}75%{-webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0);}90%{-webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0);}to{-webkit-transform: none; transform: none;}} @keyframes bounceInRight{from, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}from{opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0);}60%{opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0);}75%{-webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0);}90%{-webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0);}to{-webkit-transform: none; transform: none;}} .bounceInRight{-webkit-animation-name: bounceInRight; animation-name: bounceInRight;} @-webkit-keyframes bounceInUp{from, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}from{opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0);}60%{opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0);}75%{-webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0);}90%{-webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0);}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes bounceInUp{from, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}from{opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0);}60%{opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0);}75%{-webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0);}90%{-webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0);}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .bounceInUp{-webkit-animation-name: bounceInUp; animation-name: bounceInUp;} @-webkit-keyframes bounceOut{20%{-webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9);}50%, 55%{opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1);}to{opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3);}} @keyframes bounceOut{20%{-webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9);}50%, 55%{opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1);}to{opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3);}} .bounceOut{-webkit-animation-name: bounceOut; animation-name: bounceOut;} @-webkit-keyframes bounceOutDown{20%{-webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0);}40%, 45%{opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0);}to{opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0);}} @keyframes bounceOutDown{20%{-webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0);}40%, 45%{opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0);}to{opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0);}} .bounceOutDown{-webkit-animation-name: bounceOutDown; animation-name: bounceOutDown;} @-webkit-keyframes bounceOutLeft{20%{opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0);}to{opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0);}} @keyframes bounceOutLeft{20%{opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0);}to{opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0);}} .bounceOutLeft{-webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft;} @-webkit-keyframes bounceOutRight{20%{opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0);}to{opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0);}} @keyframes bounceOutRight{20%{opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0);}to{opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0);}} .bounceOutRight{-webkit-animation-name: bounceOutRight; animation-name: bounceOutRight;} @-webkit-keyframes bounceOutUp{20%{-webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0);}40%, 45%{opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0);}to{opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0);}} @keyframes bounceOutUp{20%{-webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0);}40%, 45%{opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0);}to{opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0);}} .bounceOutUp{-webkit-animation-name: bounceOutUp; animation-name: bounceOutUp;} @-webkit-keyframes fadeIn{from{opacity: 0;}to{opacity: 1;}} @keyframes fadeIn{from{opacity: 0;}to{opacity: 1;}} .fadeIn{-webkit-animation-name: fadeIn; animation-name: fadeIn;} @-webkit-keyframes fadeInDown{from{opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}to{opacity: 1; -webkit-transform: none; transform: none;}} @keyframes fadeInDown{from{opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}to{opacity: 1; -webkit-transform: none; transform: none;}} .fadeInDown{-webkit-animation-name: fadeInDown; animation-name: fadeInDown;} @-webkit-keyframes fadeInDownBig{from{opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0);}to{opacity: 1; -webkit-transform: none; transform: none;}} @keyframes fadeInDownBig{from{opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0);}to{opacity: 1; -webkit-transform: none; transform: none;}} .fadeInDownBig{-webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig;} @-webkit-keyframes fadeInLeft{from{opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}to{opacity: 1; -webkit-transform: none; transform: none;}} @keyframes fadeInLeft{from{opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}to{opacity: 1; -webkit-transform: none; transform: none;}} .fadeInLeft{-webkit-animation-name: fadeInLeft; animation-name: fadeInLeft;} @-webkit-keyframes fadeInLeftBig{from{opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0);}to{opacity: 1; -webkit-transform: none; transform: none;}} @keyframes fadeInLeftBig{from{opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0);}to{opacity: 1; -webkit-transform: none; transform: none;}} .fadeInLeftBig{-webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig;} @-webkit-keyframes fadeInRight{from{opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}to{opacity: 1; -webkit-transform: none; transform: none;}} @keyframes fadeInRight{from{opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}to{opacity: 1; -webkit-transform: none; transform: none;}} .fadeInRight{-webkit-animation-name: fadeInRight; animation-name: fadeInRight;} @-webkit-keyframes fadeInRightBig{from{opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0);}to{opacity: 1; -webkit-transform: none; transform: none;}} @keyframes fadeInRightBig{from{opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0);}to{opacity: 1; -webkit-transform: none; transform: none;}} .fadeInRightBig{-webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig;} @-webkit-keyframes fadeInUp{from{opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}to{opacity: 1; -webkit-transform: none; transform: none;}} @keyframes fadeInUp{from{opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}to{opacity: 1; -webkit-transform: none; transform: none;}} .fadeInUp{-webkit-animation-name: fadeInUp; animation-name: fadeInUp;} @-webkit-keyframes fadeInUpBig{from{opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0);}to{opacity: 1; -webkit-transform: none; transform: none;}} @keyframes fadeInUpBig{from{opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0);}to{opacity: 1; -webkit-transform: none; transform: none;}} .fadeInUpBig{-webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig;} @-webkit-keyframes fadeOut{from{opacity: 1;}to{opacity: 0;}} @keyframes fadeOut{from{opacity: 1;}to{opacity: 0;}} .fadeOut{-webkit-animation-name: fadeOut; animation-name: fadeOut;} @-webkit-keyframes fadeOutDown{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}} @keyframes fadeOutDown{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}} .fadeOutDown{-webkit-animation-name: fadeOutDown; animation-name: fadeOutDown;} @-webkit-keyframes fadeOutDownBig{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0);}} @keyframes fadeOutDownBig{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0);}} .fadeOutDownBig{-webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig;} @-webkit-keyframes fadeOutLeft{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}} @keyframes fadeOutLeft{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}} .fadeOutLeft{-webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft;} @-webkit-keyframes fadeOutLeftBig{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0);}} @keyframes fadeOutLeftBig{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0);}} .fadeOutLeftBig{-webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig;} @-webkit-keyframes fadeOutRight{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}} @keyframes fadeOutRight{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}} .fadeOutRight{-webkit-animation-name: fadeOutRight; animation-name: fadeOutRight;} @-webkit-keyframes fadeOutRightBig{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0);}} @keyframes fadeOutRightBig{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0);}} .fadeOutRightBig{-webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig;} @-webkit-keyframes fadeOutUp{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}} @keyframes fadeOutUp{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}} .fadeOutUp{-webkit-animation-name: fadeOutUp; animation-name: fadeOutUp;} @-webkit-keyframes fadeOutUpBig{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0);}} @keyframes fadeOutUpBig{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0);}} .fadeOutUpBig{-webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig;} @-webkit-keyframes flip{from{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;}40%{-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;}50%{-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}80%{-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}to{-webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}} @keyframes flip{from{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;}40%{-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;}50%{-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}80%{-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}to{-webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}} .animated.flip{-webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip;} @-webkit-keyframes flipInX{from{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0;}40%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}60%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1;}80%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg);}to{-webkit-transform: perspective(400px); transform: perspective(400px);}} @keyframes flipInX{from{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0;}40%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}60%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1;}80%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg);}to{-webkit-transform: perspective(400px); transform: perspective(400px);}} .flipInX{-webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX;} @-webkit-keyframes flipInY{from{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0;}40%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}60%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1;}80%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg);}to{-webkit-transform: perspective(400px); transform: perspective(400px);}} @keyframes flipInY{from{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0;}40%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}60%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1;}80%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg);}to{-webkit-transform: perspective(400px); transform: perspective(400px);}} .flipInY{-webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY;} @-webkit-keyframes flipOutX{from{-webkit-transform: perspective(400px); transform: perspective(400px);}30%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1;}to{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0;}} @keyframes flipOutX{from{-webkit-transform: perspective(400px); transform: perspective(400px);}30%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1;}to{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0;}} .flipOutX{-webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important;} @-webkit-keyframes flipOutY{from{-webkit-transform: perspective(400px); transform: perspective(400px);}30%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1;}to{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0;}} @keyframes flipOutY{from{-webkit-transform: perspective(400px); transform: perspective(400px);}30%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1;}to{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0;}} .flipOutY{-webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY;} @-webkit-keyframes lightSpeedIn{from{-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0;}60%{-webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1;}80%{-webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1;}to{-webkit-transform: none; transform: none; opacity: 1;}} @keyframes lightSpeedIn{from{-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0;}60%{-webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1;}80%{-webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1;}to{-webkit-transform: none; transform: none; opacity: 1;}} .lightSpeedIn{-webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;} @-webkit-keyframes lightSpeedOut{from{opacity: 1;}to{-webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0;}} @keyframes lightSpeedOut{from{opacity: 1;}to{-webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0;}} .lightSpeedOut{-webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;} @-webkit-keyframes rotateIn{from{-webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0;}to{-webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1;}} @keyframes rotateIn{from{-webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0;}to{-webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1;}} .rotateIn{-webkit-animation-name: rotateIn; animation-name: rotateIn;} @-webkit-keyframes rotateInDownLeft{from{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0;}to{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1;}} @keyframes rotateInDownLeft{from{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0;}to{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1;}} .rotateInDownLeft{-webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft;} @-webkit-keyframes rotateInDownRight{from{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0;}to{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1;}} @keyframes rotateInDownRight{from{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0;}to{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1;}} .rotateInDownRight{-webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight;} @-webkit-keyframes rotateInUpLeft{from{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0;}to{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1;}} @keyframes rotateInUpLeft{from{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0;}to{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1;}} .rotateInUpLeft{-webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft;} @-webkit-keyframes rotateInUpRight{from{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0;}to{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1;}} @keyframes rotateInUpRight{from{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0;}to{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1;}} .rotateInUpRight{-webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight;} @-webkit-keyframes rotateOut{from{-webkit-transform-origin: center; transform-origin: center; opacity: 1;}to{-webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0;}} @keyframes rotateOut{from{-webkit-transform-origin: center; transform-origin: center; opacity: 1;}to{-webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0;}} .rotateOut{-webkit-animation-name: rotateOut; animation-name: rotateOut;} @-webkit-keyframes rotateOutDownLeft{from{-webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1;}to{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0;}} @keyframes rotateOutDownLeft{from{-webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1;}to{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0;}} .rotateOutDownLeft{-webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft;} @-webkit-keyframes rotateOutDownRight{from{-webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1;}to{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0;}} @keyframes rotateOutDownRight{from{-webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1;}to{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0;}} .rotateOutDownRight{-webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight;} @-webkit-keyframes rotateOutUpLeft{from{-webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1;}to{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0;}} @keyframes rotateOutUpLeft{from{-webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1;}to{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0;}} .rotateOutUpLeft{-webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft;} @-webkit-keyframes rotateOutUpRight{from{-webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1;}to{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0;}} @keyframes rotateOutUpRight{from{-webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1;}to{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0;}} .rotateOutUpRight{-webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight;} @-webkit-keyframes hinge{0%{-webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}20%, 60%{-webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}40%, 80%{-webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1;}to{-webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0;}} @keyframes hinge{0%{-webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}20%, 60%{-webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}40%, 80%{-webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1;}to{-webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0;}} .hinge{-webkit-animation-name: hinge; animation-name: hinge;} @-webkit-keyframes rollIn{from{opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);}to{opacity: 1; -webkit-transform: none; transform: none;}} @keyframes rollIn{from{opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);}to{opacity: 1; -webkit-transform: none; transform: none;}} .rollIn{-webkit-animation-name: rollIn; animation-name: rollIn;} @-webkit-keyframes rollOut{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);}} @keyframes rollOut{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);}} .rollOut{-webkit-animation-name: rollOut; animation-name: rollOut;} @-webkit-keyframes zoomIn{from{opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3);}50%{opacity: 1;}} @keyframes zoomIn{from{opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3);}50%{opacity: 1;}} .zoomIn{-webkit-animation-name: zoomIn; animation-name: zoomIn;} @-webkit-keyframes zoomInDown{from{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} @keyframes zoomInDown{from{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} .zoomInDown{-webkit-animation-name: zoomInDown; animation-name: zoomInDown;} @-webkit-keyframes zoomInLeft{from{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} @keyframes zoomInLeft{from{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} .zoomInLeft{-webkit-animation-name: zoomInLeft; animation-name: zoomInLeft;} @-webkit-keyframes zoomInRight{from{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} @keyframes zoomInRight{from{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} .zoomInRight{-webkit-animation-name: zoomInRight; animation-name: zoomInRight;} @-webkit-keyframes zoomInUp{from{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} @keyframes zoomInUp{from{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} .zoomInUp{-webkit-animation-name: zoomInUp; animation-name: zoomInUp;} @-webkit-keyframes zoomOut{from{opacity: 1;}50%{opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3);}to{opacity: 0;}} @keyframes zoomOut{from{opacity: 1;}50%{opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3);}to{opacity: 0;}} .zoomOut{-webkit-animation-name: zoomOut; animation-name: zoomOut;} @-webkit-keyframes zoomOutDown{40%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}to{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} @keyframes zoomOutDown{40%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}to{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} .zoomOutDown{-webkit-animation-name: zoomOutDown; animation-name: zoomOutDown;} @-webkit-keyframes zoomOutLeft{40%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);}to{opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center;}} @keyframes zoomOutLeft{40%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);}to{opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center;}} .zoomOutLeft{-webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft;} @-webkit-keyframes zoomOutRight{40%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);}to{opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center;}} @keyframes zoomOutRight{40%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);}to{opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center;}} .zoomOutRight{-webkit-animation-name: zoomOutRight; animation-name: zoomOutRight;} @-webkit-keyframes zoomOutUp{40%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}to{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} @keyframes zoomOutUp{40%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}to{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} .zoomOutUp{-webkit-animation-name: zoomOutUp; animation-name: zoomOutUp;} @-webkit-keyframes slideInDown{from{-webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible;}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes slideInDown{from{-webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible;}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .slideInDown{-webkit-animation-name: slideInDown; animation-name: slideInDown;} @-webkit-keyframes slideInLeft{from{-webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible;}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes slideInLeft{from{-webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible;}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .slideInLeft{-webkit-animation-name: slideInLeft; animation-name: slideInLeft;} @-webkit-keyframes slideInRight{from{-webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible;}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes slideInRight{from{-webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible;}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .slideInRight{-webkit-animation-name: slideInRight; animation-name: slideInRight;} @-webkit-keyframes slideInUp{from{-webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible;}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes slideInUp{from{-webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible;}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .slideInUp{-webkit-animation-name: slideInUp; animation-name: slideInUp;} @-webkit-keyframes slideOutDown{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}to{visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}} @keyframes slideOutDown{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}to{visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}} .slideOutDown{-webkit-animation-name: slideOutDown; animation-name: slideOutDown;} @-webkit-keyframes slideOutLeft{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}to{visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}} @keyframes slideOutLeft{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}to{visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}} .slideOutLeft{-webkit-animation-name: slideOutLeft; animation-name: slideOutLeft;} @-webkit-keyframes slideOutRight{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}to{visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}} @keyframes slideOutRight{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}to{visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}} .slideOutRight{-webkit-animation-name: slideOutRight; animation-name: slideOutRight;} @-webkit-keyframes slideOutUp{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}to{visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}} @keyframes slideOutUp{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}to{visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}} .slideOutUp{-webkit-animation-name: slideOutUp; animation-name: slideOutUp;} 

/* /theme_twelve_bizople/static/src/scss/custom_scss_file.scss defined in bundle 'web.assets_frontend' */
 .bg-success-gradiant{background: #2cdd9b; background: -webkit-linear-gradient(legacy-direction(to right), #2cdd9b 0%, #1dc8cc 100%); background: -webkit-gradient(linear, left top, right top, from(#2cdd9b), to(#1dc8cc)); background: -webkit-linear-gradient(left, #2cdd9b 0%, #1dc8cc 100%); background: -o-linear-gradient(left, #2cdd9b 0%, #1dc8cc 100%); background: linear-gradient(to right, #2cdd9b 0%, #1dc8cc 100%);} 

/* /theme_twelve_bizople/static/src/css/owl.theme.green.scss defined in bundle 'web.assets_frontend' */
 .owl-theme .owl-nav{margin-top: 10px; text-align: center; -webkit-tap-highlight-color: transparent;} .owl-theme .owl-nav [class*='owl-']{color: #FFF; font-size: 14px; margin: 5px; padding: 4px 7px; background: #D6D6D6; display: inline-block; cursor: pointer; border-radius: 3px;} .owl-theme .owl-nav [class*='owl-']:hover{background: #4DC7A0; color: #FFF; text-decoration: none;} .owl-theme .owl-nav .disabled{opacity: 0.5; cursor: default;} .owl-theme .owl-nav.disabled, .owl-theme .owl-dots{margin-top: 10px;} .owl-theme .owl-dots{text-align: center; -webkit-tap-highlight-color: transparent;} .owl-theme .owl-dots .owl-dot{display: inline-block; zoom: 1; *display: inline;} .owl-theme .owl-dots .owl-dot span{width: 10px; height: 10px; margin: 5px 7px; background: #D6D6D6; display: block; -webkit-backface-visibility: visible; transition: opacity 200ms ease; border-radius: 30px;} .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background: #4DC7A0;} 

/* /theme_twelve_bizople/static/src/css/animate.scss defined in bundle 'web.assets_frontend' */
 .animated{-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;} .animated.infinite{-webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;} .animated.hinge{-webkit-animation-duration: 2s; animation-duration: 2s;} .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut{-webkit-animation-duration: .75s; animation-duration: .75s;} @-webkit-keyframes bounce{from, 20%, 53%, 80%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}40%, 43%{-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0);}70%{-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0);}90%{-webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0);}} @keyframes bounce{from, 20%, 53%, 80%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}40%, 43%{-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0);}70%{-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0);}90%{-webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0);}} .bounce{-webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom;} @-webkit-keyframes flash{from, 50%, to{opacity: 1;}25%, 75%{opacity: 0;}} @keyframes flash{from, 50%, to{opacity: 1;}25%, 75%{opacity: 0;}} .flash{-webkit-animation-name: flash; animation-name: flash;} @-webkit-keyframes pulse{from{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}50%{-webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05);}to{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}} @keyframes pulse{from{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}50%{-webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05);}to{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}} .pulse{-webkit-animation-name: pulse; animation-name: pulse;} @-webkit-keyframes rubberBand{from{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}30%{-webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1);}40%{-webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1);}50%{-webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1);}65%{-webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1);}75%{-webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1);}to{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}} @keyframes rubberBand{from{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}30%{-webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1);}40%{-webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1);}50%{-webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1);}65%{-webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1);}75%{-webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1);}to{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}} .rubberBand{-webkit-animation-name: rubberBand; animation-name: rubberBand;} @-webkit-keyframes shake{from, to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}10%, 30%, 50%, 70%, 90%{-webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0);}20%, 40%, 60%, 80%{-webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0);}} @keyframes shake{from, to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}10%, 30%, 50%, 70%, 90%{-webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0);}20%, 40%, 60%, 80%{-webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0);}} .shake{-webkit-animation-name: shake; animation-name: shake;} @-webkit-keyframes headShake{0%{-webkit-transform: translateX(0); transform: translateX(0);}6.5%{-webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg);}18.5%{-webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg);}31.5%{-webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg);}43.5%{-webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg);}50%{-webkit-transform: translateX(0); transform: translateX(0);}} @keyframes headShake{0%{-webkit-transform: translateX(0); transform: translateX(0);}6.5%{-webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg);}18.5%{-webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg);}31.5%{-webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg);}43.5%{-webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg);}50%{-webkit-transform: translateX(0); transform: translateX(0);}} .headShake{-webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake;} @-webkit-keyframes swing{20%{-webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg);}40%{-webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg);}60%{-webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg);}80%{-webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg);}to{-webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg);}} @keyframes swing{20%{-webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg);}40%{-webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg);}60%{-webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg);}80%{-webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg);}to{-webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg);}} .swing{-webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing;} @-webkit-keyframes tada{from{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}10%, 20%{-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);}30%, 50%, 70%, 90%{-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);}40%, 60%, 80%{-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);}to{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}} @keyframes tada{from{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}10%, 20%{-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);}30%, 50%, 70%, 90%{-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);}40%, 60%, 80%{-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);}to{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}} .tada{-webkit-animation-name: tada; animation-name: tada;} @-webkit-keyframes wobble{from{-webkit-transform: none; transform: none;}15%{-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);}30%{-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);}45%{-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);}60%{-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);}75%{-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);}to{-webkit-transform: none; transform: none;}} @keyframes wobble{from{-webkit-transform: none; transform: none;}15%{-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);}30%{-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);}45%{-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);}60%{-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);}75%{-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);}to{-webkit-transform: none; transform: none;}} .wobble{-webkit-animation-name: wobble; animation-name: wobble;} @-webkit-keyframes jello{from, 11.1%, to{-webkit-transform: none; transform: none;}22.2%{-webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg);}33.3%{-webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg);}44.4%{-webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg);}55.5%{-webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg);}66.6%{-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg);}77.7%{-webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg);}88.8%{-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg);}} @keyframes jello{from, 11.1%, to{-webkit-transform: none; transform: none;}22.2%{-webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg);}33.3%{-webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg);}44.4%{-webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg);}55.5%{-webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg);}66.6%{-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg);}77.7%{-webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg);}88.8%{-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg);}} .jello{-webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center;} @-webkit-keyframes bounceIn{from, 20%, 40%, 60%, 80%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3);}20%{-webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1);}40%{-webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9);}60%{opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03);}80%{-webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97);}to{opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}} @keyframes bounceIn{from, 20%, 40%, 60%, 80%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3);}20%{-webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1);}40%{-webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9);}60%{opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03);}80%{-webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97);}to{opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}} .bounceIn{-webkit-animation-name: bounceIn; animation-name: bounceIn;} @-webkit-keyframes bounceInDown{from, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0);}60%{opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0);}75%{-webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0);}90%{-webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0);}to{-webkit-transform: none; transform: none;}} @keyframes bounceInDown{from, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0);}60%{opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0);}75%{-webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0);}90%{-webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0);}to{-webkit-transform: none; transform: none;}} .bounceInDown{-webkit-animation-name: bounceInDown; animation-name: bounceInDown;} @-webkit-keyframes bounceInLeft{from, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0);}60%{opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0);}75%{-webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0);}90%{-webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0);}to{-webkit-transform: none; transform: none;}} @keyframes bounceInLeft{from, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0);}60%{opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0);}75%{-webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0);}90%{-webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0);}to{-webkit-transform: none; transform: none;}} .bounceInLeft{-webkit-animation-name: bounceInLeft; animation-name: bounceInLeft;} @-webkit-keyframes bounceInRight{from, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}from{opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0);}60%{opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0);}75%{-webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0);}90%{-webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0);}to{-webkit-transform: none; transform: none;}} @keyframes bounceInRight{from, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}from{opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0);}60%{opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0);}75%{-webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0);}90%{-webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0);}to{-webkit-transform: none; transform: none;}} .bounceInRight{-webkit-animation-name: bounceInRight; animation-name: bounceInRight;} @-webkit-keyframes bounceInUp{from, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}from{opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0);}60%{opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0);}75%{-webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0);}90%{-webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0);}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes bounceInUp{from, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}from{opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0);}60%{opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0);}75%{-webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0);}90%{-webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0);}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .bounceInUp{-webkit-animation-name: bounceInUp; animation-name: bounceInUp;} @-webkit-keyframes bounceOut{20%{-webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9);}50%, 55%{opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1);}to{opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3);}} @keyframes bounceOut{20%{-webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9);}50%, 55%{opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1);}to{opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3);}} .bounceOut{-webkit-animation-name: bounceOut; animation-name: bounceOut;} @-webkit-keyframes bounceOutDown{20%{-webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0);}40%, 45%{opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0);}to{opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0);}} @keyframes bounceOutDown{20%{-webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0);}40%, 45%{opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0);}to{opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0);}} .bounceOutDown{-webkit-animation-name: bounceOutDown; animation-name: bounceOutDown;} @-webkit-keyframes bounceOutLeft{20%{opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0);}to{opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0);}} @keyframes bounceOutLeft{20%{opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0);}to{opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0);}} .bounceOutLeft{-webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft;} @-webkit-keyframes bounceOutRight{20%{opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0);}to{opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0);}} @keyframes bounceOutRight{20%{opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0);}to{opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0);}} .bounceOutRight{-webkit-animation-name: bounceOutRight; animation-name: bounceOutRight;} @-webkit-keyframes bounceOutUp{20%{-webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0);}40%, 45%{opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0);}to{opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0);}} @keyframes bounceOutUp{20%{-webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0);}40%, 45%{opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0);}to{opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0);}} .bounceOutUp{-webkit-animation-name: bounceOutUp; animation-name: bounceOutUp;} @-webkit-keyframes fadeIn{from{opacity: 0;}to{opacity: 1;}} @keyframes fadeIn{from{opacity: 0;}to{opacity: 1;}} .fadeIn{-webkit-animation-name: fadeIn; animation-name: fadeIn;} @-webkit-keyframes fadeInDown{from{opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}to{opacity: 1; -webkit-transform: none; transform: none;}} @keyframes fadeInDown{from{opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}to{opacity: 1; -webkit-transform: none; transform: none;}} .fadeInDown{-webkit-animation-name: fadeInDown; animation-name: fadeInDown;} @-webkit-keyframes fadeInDownBig{from{opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0);}to{opacity: 1; -webkit-transform: none; transform: none;}} @keyframes fadeInDownBig{from{opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0);}to{opacity: 1; -webkit-transform: none; transform: none;}} .fadeInDownBig{-webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig;} @-webkit-keyframes fadeInLeft{from{opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}to{opacity: 1; -webkit-transform: none; transform: none;}} @keyframes fadeInLeft{from{opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}to{opacity: 1; -webkit-transform: none; transform: none;}} .fadeInLeft{-webkit-animation-name: fadeInLeft; animation-name: fadeInLeft;} @-webkit-keyframes fadeInLeftBig{from{opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0);}to{opacity: 1; -webkit-transform: none; transform: none;}} @keyframes fadeInLeftBig{from{opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0);}to{opacity: 1; -webkit-transform: none; transform: none;}} .fadeInLeftBig{-webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig;} @-webkit-keyframes fadeInRight{from{opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}to{opacity: 1; -webkit-transform: none; transform: none;}} @keyframes fadeInRight{from{opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}to{opacity: 1; -webkit-transform: none; transform: none;}} .fadeInRight{-webkit-animation-name: fadeInRight; animation-name: fadeInRight;} @-webkit-keyframes fadeInRightBig{from{opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0);}to{opacity: 1; -webkit-transform: none; transform: none;}} @keyframes fadeInRightBig{from{opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0);}to{opacity: 1; -webkit-transform: none; transform: none;}} .fadeInRightBig{-webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig;} @-webkit-keyframes fadeInUp{from{opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}to{opacity: 1; -webkit-transform: none; transform: none;}} @keyframes fadeInUp{from{opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}to{opacity: 1; -webkit-transform: none; transform: none;}} .fadeInUp{-webkit-animation-name: fadeInUp; animation-name: fadeInUp;} @-webkit-keyframes fadeInUpBig{from{opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0);}to{opacity: 1; -webkit-transform: none; transform: none;}} @keyframes fadeInUpBig{from{opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0);}to{opacity: 1; -webkit-transform: none; transform: none;}} .fadeInUpBig{-webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig;} @-webkit-keyframes fadeOut{from{opacity: 1;}to{opacity: 0;}} @keyframes fadeOut{from{opacity: 1;}to{opacity: 0;}} .fadeOut{-webkit-animation-name: fadeOut; animation-name: fadeOut;} @-webkit-keyframes fadeOutDown{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}} @keyframes fadeOutDown{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}} .fadeOutDown{-webkit-animation-name: fadeOutDown; animation-name: fadeOutDown;} @-webkit-keyframes fadeOutDownBig{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0);}} @keyframes fadeOutDownBig{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0);}} .fadeOutDownBig{-webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig;} @-webkit-keyframes fadeOutLeft{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}} @keyframes fadeOutLeft{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}} .fadeOutLeft{-webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft;} @-webkit-keyframes fadeOutLeftBig{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0);}} @keyframes fadeOutLeftBig{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0);}} .fadeOutLeftBig{-webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig;} @-webkit-keyframes fadeOutRight{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}} @keyframes fadeOutRight{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}} .fadeOutRight{-webkit-animation-name: fadeOutRight; animation-name: fadeOutRight;} @-webkit-keyframes fadeOutRightBig{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0);}} @keyframes fadeOutRightBig{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0);}} .fadeOutRightBig{-webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig;} @-webkit-keyframes fadeOutUp{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}} @keyframes fadeOutUp{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}} .fadeOutUp{-webkit-animation-name: fadeOutUp; animation-name: fadeOutUp;} @-webkit-keyframes fadeOutUpBig{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0);}} @keyframes fadeOutUpBig{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0);}} .fadeOutUpBig{-webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig;} @-webkit-keyframes flip{from{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;}40%{-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;}50%{-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}80%{-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}to{-webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}} @keyframes flip{from{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;}40%{-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;}50%{-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}80%{-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}to{-webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}} .animated.flip{-webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip;} @-webkit-keyframes flipInX{from{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0;}40%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}60%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1;}80%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg);}to{-webkit-transform: perspective(400px); transform: perspective(400px);}} @keyframes flipInX{from{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0;}40%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}60%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1;}80%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg);}to{-webkit-transform: perspective(400px); transform: perspective(400px);}} .flipInX{-webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX;} @-webkit-keyframes flipInY{from{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0;}40%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}60%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1;}80%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg);}to{-webkit-transform: perspective(400px); transform: perspective(400px);}} @keyframes flipInY{from{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0;}40%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}60%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1;}80%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg);}to{-webkit-transform: perspective(400px); transform: perspective(400px);}} .flipInY{-webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY;} @-webkit-keyframes flipOutX{from{-webkit-transform: perspective(400px); transform: perspective(400px);}30%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1;}to{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0;}} @keyframes flipOutX{from{-webkit-transform: perspective(400px); transform: perspective(400px);}30%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1;}to{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0;}} .flipOutX{-webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important;} @-webkit-keyframes flipOutY{from{-webkit-transform: perspective(400px); transform: perspective(400px);}30%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1;}to{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0;}} @keyframes flipOutY{from{-webkit-transform: perspective(400px); transform: perspective(400px);}30%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1;}to{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0;}} .flipOutY{-webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY;} @-webkit-keyframes lightSpeedIn{from{-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0;}60%{-webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1;}80%{-webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1;}to{-webkit-transform: none; transform: none; opacity: 1;}} @keyframes lightSpeedIn{from{-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0;}60%{-webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1;}80%{-webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1;}to{-webkit-transform: none; transform: none; opacity: 1;}} .lightSpeedIn{-webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;} @-webkit-keyframes lightSpeedOut{from{opacity: 1;}to{-webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0;}} @keyframes lightSpeedOut{from{opacity: 1;}to{-webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0;}} .lightSpeedOut{-webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;} @-webkit-keyframes rotateIn{from{-webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0;}to{-webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1;}} @keyframes rotateIn{from{-webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0;}to{-webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1;}} .rotateIn{-webkit-animation-name: rotateIn; animation-name: rotateIn;} @-webkit-keyframes rotateInDownLeft{from{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0;}to{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1;}} @keyframes rotateInDownLeft{from{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0;}to{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1;}} .rotateInDownLeft{-webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft;} @-webkit-keyframes rotateInDownRight{from{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0;}to{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1;}} @keyframes rotateInDownRight{from{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0;}to{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1;}} .rotateInDownRight{-webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight;} @-webkit-keyframes rotateInUpLeft{from{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0;}to{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1;}} @keyframes rotateInUpLeft{from{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0;}to{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1;}} .rotateInUpLeft{-webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft;} @-webkit-keyframes rotateInUpRight{from{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0;}to{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1;}} @keyframes rotateInUpRight{from{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0;}to{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1;}} .rotateInUpRight{-webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight;} @-webkit-keyframes rotateOut{from{-webkit-transform-origin: center; transform-origin: center; opacity: 1;}to{-webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0;}} @keyframes rotateOut{from{-webkit-transform-origin: center; transform-origin: center; opacity: 1;}to{-webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0;}} .rotateOut{-webkit-animation-name: rotateOut; animation-name: rotateOut;} @-webkit-keyframes rotateOutDownLeft{from{-webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1;}to{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0;}} @keyframes rotateOutDownLeft{from{-webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1;}to{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0;}} .rotateOutDownLeft{-webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft;} @-webkit-keyframes rotateOutDownRight{from{-webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1;}to{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0;}} @keyframes rotateOutDownRight{from{-webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1;}to{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0;}} .rotateOutDownRight{-webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight;} @-webkit-keyframes rotateOutUpLeft{from{-webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1;}to{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0;}} @keyframes rotateOutUpLeft{from{-webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1;}to{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0;}} .rotateOutUpLeft{-webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft;} @-webkit-keyframes rotateOutUpRight{from{-webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1;}to{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0;}} @keyframes rotateOutUpRight{from{-webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1;}to{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0;}} .rotateOutUpRight{-webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight;} @-webkit-keyframes hinge{0%{-webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}20%, 60%{-webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}40%, 80%{-webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1;}to{-webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0;}} @keyframes hinge{0%{-webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}20%, 60%{-webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}40%, 80%{-webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1;}to{-webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0;}} .hinge{-webkit-animation-name: hinge; animation-name: hinge;} @-webkit-keyframes rollIn{from{opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);}to{opacity: 1; -webkit-transform: none; transform: none;}} @keyframes rollIn{from{opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);}to{opacity: 1; -webkit-transform: none; transform: none;}} .rollIn{-webkit-animation-name: rollIn; animation-name: rollIn;} @-webkit-keyframes rollOut{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);}} @keyframes rollOut{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);}} .rollOut{-webkit-animation-name: rollOut; animation-name: rollOut;} @-webkit-keyframes zoomIn{from{opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3);}50%{opacity: 1;}} @keyframes zoomIn{from{opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3);}50%{opacity: 1;}} .zoomIn{-webkit-animation-name: zoomIn; animation-name: zoomIn;} @-webkit-keyframes zoomInDown{from{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} @keyframes zoomInDown{from{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} .zoomInDown{-webkit-animation-name: zoomInDown; animation-name: zoomInDown;} @-webkit-keyframes zoomInLeft{from{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} @keyframes zoomInLeft{from{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} .zoomInLeft{-webkit-animation-name: zoomInLeft; animation-name: zoomInLeft;} @-webkit-keyframes zoomInRight{from{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} @keyframes zoomInRight{from{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} .zoomInRight{-webkit-animation-name: zoomInRight; animation-name: zoomInRight;} @-webkit-keyframes zoomInUp{from{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} @keyframes zoomInUp{from{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} .zoomInUp{-webkit-animation-name: zoomInUp; animation-name: zoomInUp;} @-webkit-keyframes zoomOut{from{opacity: 1;}50%{opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3);}to{opacity: 0;}} @keyframes zoomOut{from{opacity: 1;}50%{opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3);}to{opacity: 0;}} .zoomOut{-webkit-animation-name: zoomOut; animation-name: zoomOut;} @-webkit-keyframes zoomOutDown{40%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}to{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} @keyframes zoomOutDown{40%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}to{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} .zoomOutDown{-webkit-animation-name: zoomOutDown; animation-name: zoomOutDown;} @-webkit-keyframes zoomOutLeft{40%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);}to{opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center;}} @keyframes zoomOutLeft{40%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);}to{opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center;}} .zoomOutLeft{-webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft;} @-webkit-keyframes zoomOutRight{40%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);}to{opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center;}} @keyframes zoomOutRight{40%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);}to{opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center;}} .zoomOutRight{-webkit-animation-name: zoomOutRight; animation-name: zoomOutRight;} @-webkit-keyframes zoomOutUp{40%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}to{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} @keyframes zoomOutUp{40%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}to{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} .zoomOutUp{-webkit-animation-name: zoomOutUp; animation-name: zoomOutUp;} @-webkit-keyframes slideInDown{from{-webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible;}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes slideInDown{from{-webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible;}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .slideInDown{-webkit-animation-name: slideInDown; animation-name: slideInDown;} @-webkit-keyframes slideInLeft{from{-webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible;}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes slideInLeft{from{-webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible;}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .slideInLeft{-webkit-animation-name: slideInLeft; animation-name: slideInLeft;} @-webkit-keyframes slideInRight{from{-webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible;}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes slideInRight{from{-webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible;}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .slideInRight{-webkit-animation-name: slideInRight; animation-name: slideInRight;} @-webkit-keyframes slideInUp{from{-webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible;}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes slideInUp{from{-webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible;}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .slideInUp{-webkit-animation-name: slideInUp; animation-name: slideInUp;} @-webkit-keyframes slideOutDown{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}to{visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}} @keyframes slideOutDown{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}to{visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}} .slideOutDown{-webkit-animation-name: slideOutDown; animation-name: slideOutDown;} @-webkit-keyframes slideOutLeft{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}to{visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}} @keyframes slideOutLeft{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}to{visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}} .slideOutLeft{-webkit-animation-name: slideOutLeft; animation-name: slideOutLeft;} @-webkit-keyframes slideOutRight{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}to{visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}} @keyframes slideOutRight{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}to{visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}} .slideOutRight{-webkit-animation-name: slideOutRight; animation-name: slideOutRight;} @-webkit-keyframes slideOutUp{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}to{visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}} @keyframes slideOutUp{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}to{visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}} .slideOutUp{-webkit-animation-name: slideOutUp; animation-name: slideOutUp;} 

/* /theme_twelve_bizople/static/src/css/perfect-scrollbar.min.scss defined in bundle 'web.assets_frontend' */
 .ps{-ms-touch-action: auto; touch-action: auto; overflow: hidden !important; -ms-overflow-style: none;} @supports (-ms-overflow-style: none){.ps{overflow: auto !important;}} @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){.ps{overflow: auto !important;}} .ps.ps--active-x > .ps__scrollbar-x-rail, .ps.ps--active-y > .ps__scrollbar-y-rail{display: block; background-color: transparent;} .ps.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail{background-color: #eee; opacity: .9;} .ps.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail > .ps__scrollbar-x{background-color: #999; height: 11px;} .ps.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail{background-color: #eee; opacity: .9;} .ps.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail > .ps__scrollbar-y{background-color: #999; width: 11px;} .ps > .ps__scrollbar-x-rail{display: none; position: absolute; opacity: 0; -webkit-transition: background-color .2s linear, opacity .2s linear; -o-transition: background-color .2s linear, opacity .2s linear; -moz-transition: background-color .2s linear, opacity .2s linear; transition: background-color .2s linear, opacity .2s linear; bottom: 0px; height: 15px;} .ps > .ps__scrollbar-x-rail > .ps__scrollbar-x{position: absolute; background-color: #aaa; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out; transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out; -o-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out; -moz-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out; transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out; transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out; bottom: 2px; height: 6px;} .ps > .ps__scrollbar-x-rail:hover > .ps__scrollbar-x, .ps > .ps__scrollbar-x-rail:active > .ps__scrollbar-x{height: 11px;} .ps > .ps__scrollbar-y-rail{display: none; position: absolute; opacity: 0; -webkit-transition: background-color .2s linear, opacity .2s linear; -o-transition: background-color .2s linear, opacity .2s linear; -moz-transition: background-color .2s linear, opacity .2s linear; transition: background-color .2s linear, opacity .2s linear; right: 0; width: 15px;} .ps > .ps__scrollbar-y-rail > .ps__scrollbar-y{position: absolute; background-color: #aaa; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out; transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out; -o-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out; -moz-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out; transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out; transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out; right: 2px; width: 6px;} .ps > .ps__scrollbar-y-rail:hover > .ps__scrollbar-y, .ps > .ps__scrollbar-y-rail:active > .ps__scrollbar-y{width: 11px;} .ps:hover.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail{background-color: #eee; opacity: .9;} .ps:hover.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail > .ps__scrollbar-x{background-color: #999; height: 11px;} .ps:hover.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail{background-color: #eee; opacity: .9;} .ps:hover.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail > .ps__scrollbar-y{background-color: #999; width: 11px;} .ps:hover > .ps__scrollbar-x-rail, .ps:hover > .ps__scrollbar-y-rail{opacity: .6;} .ps:hover > .ps__scrollbar-x-rail:hover{background-color: #eee; opacity: .9;} .ps:hover > .ps__scrollbar-x-rail:hover > .ps__scrollbar-x{background-color: #999;} .ps:hover > .ps__scrollbar-y-rail:hover{background-color: #eee; opacity: .9;} .ps:hover > .ps__scrollbar-y-rail:hover > .ps__scrollbar-y{background-color: #999;} 

/* /theme_twelve_bizople/static/src/css/aos.scss defined in bundle 'web.assets_frontend' */
 [data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos]{transition-duration: 50ms;} [data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos]{transition-delay: 0;} [data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay: 50ms;} [data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos]{transition-duration: .1s;} [data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos]{transition-delay: 0;} [data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay: .1s;} [data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos]{transition-duration: .15s;} [data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos]{transition-delay: 0;} [data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay: .15s;} [data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos]{transition-duration: .2s;} [data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos]{transition-delay: 0;} [data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay: .2s;} [data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos]{transition-duration: .25s;} [data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos]{transition-delay: 0;} [data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay: .25s;} [data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos]{transition-duration: .3s;} [data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos]{transition-delay: 0;} [data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay: .3s;} [data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos]{transition-duration: .35s;} [data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos]{transition-delay: 0;} [data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay: .35s;} [data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos]{transition-duration: .4s;} [data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos]{transition-delay: 0;} [data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay: .4s;} [data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos]{transition-duration: .45s;} [data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos]{transition-delay: 0;} [data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay: .45s;} [data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos]{transition-duration: .5s;} [data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos]{transition-delay: 0;} [data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay: .5s;} [data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos]{transition-duration: .55s;} [data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos]{transition-delay: 0;} [data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay: .55s;} [data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos]{transition-duration: .6s;} [data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos]{transition-delay: 0;} [data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay: .6s;} [data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos]{transition-duration: .65s;} [data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos]{transition-delay: 0;} [data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay: .65s;} [data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos]{transition-duration: .7s;} [data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos]{transition-delay: 0;} [data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay: .7s;} [data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos]{transition-duration: .75s;} [data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos]{transition-delay: 0;} [data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay: .75s;} [data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos]{transition-duration: .8s;} [data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos]{transition-delay: 0;} [data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay: .8s;} [data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos]{transition-duration: .85s;} [data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos]{transition-delay: 0;} [data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay: .85s;} [data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos]{transition-duration: .9s;} [data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos]{transition-delay: 0;} [data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay: .9s;} [data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos]{transition-duration: .95s;} [data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos]{transition-delay: 0;} [data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay: .95s;} [data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos]{transition-duration: 1s;} [data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos]{transition-delay: 0;} [data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay: 1s;} [data-aos][data-aos][data-aos-duration="1050"], body[data-aos-duration="1050"] [data-aos]{transition-duration: 1.05s;} [data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] [data-aos]{transition-delay: 0;} [data-aos][data-aos][data-aos-delay="1050"].aos-animate, body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay: 1.05s;} [data-aos][data-aos][data-aos-duration="1100"], body[data-aos-duration="1100"] [data-aos]{transition-duration: 1.1s;} [data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] [data-aos]{transition-delay: 0;} [data-aos][data-aos][data-aos-delay="1100"].aos-animate, body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay: 1.1s;} [data-aos][data-aos][data-aos-duration="1150"], body[data-aos-duration="1150"] [data-aos]{transition-duration: 1.15s;} [data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] [data-aos]{transition-delay: 0;} [data-aos][data-aos][data-aos-delay="1150"].aos-animate, body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay: 1.15s;} [data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos]{transition-duration: 1.2s;} [data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos]{transition-delay: 0;} [data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay: 1.2s;} [data-aos][data-aos][data-aos-duration="1250"], body[data-aos-duration="1250"] [data-aos]{transition-duration: 1.25s;} [data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] [data-aos]{transition-delay: 0;} [data-aos][data-aos][data-aos-delay="1250"].aos-animate, body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay: 1.25s;} [data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1300"] [data-aos]{transition-duration: 1.3s;} [data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] [data-aos]{transition-delay: 0;} [data-aos][data-aos][data-aos-delay="1300"].aos-animate, body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay: 1.3s;} [data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos]{transition-duration: 1.35s;} [data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos]{transition-delay: 0;} [data-aos][data-aos][data-aos-delay="1350"].aos-animate, body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay: 1.35s;} [data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1400"] [data-aos]{transition-duration: 1.4s;} [data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] [data-aos]{transition-delay: 0;} [data-aos][data-aos][data-aos-delay="1400"].aos-animate, body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay: 1.4s;} [data-aos][data-aos][data-aos-duration="1450"], body[data-aos-duration="1450"] [data-aos]{transition-duration: 1.45s;} [data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] [data-aos]{transition-delay: 0;} [data-aos][data-aos][data-aos-delay="1450"].aos-animate, body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay: 1.45s;} [data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos]{transition-duration: 1.5s;} [data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos]{transition-delay: 0;} [data-aos][data-aos][data-aos-delay="1500"].aos-animate, body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay: 1.5s;} [data-aos][data-aos][data-aos-duration="1550"], body[data-aos-duration="1550"] [data-aos]{transition-duration: 1.55s;} [data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] [data-aos]{transition-delay: 0;} [data-aos][data-aos][data-aos-delay="1550"].aos-animate, body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay: 1.55s;} [data-aos][data-aos][data-aos-duration="1600"], body[data-aos-duration="1600"] [data-aos]{transition-duration: 1.6s;} [data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] [data-aos]{transition-delay: 0;} [data-aos][data-aos][data-aos-delay="1600"].aos-animate, body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay: 1.6s;} [data-aos][data-aos][data-aos-duration="1650"], body[data-aos-duration="1650"] [data-aos]{transition-duration: 1.65s;} [data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] [data-aos]{transition-delay: 0;} [data-aos][data-aos][data-aos-delay="1650"].aos-animate, body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay: 1.65s;} [data-aos][data-aos][data-aos-duration="1700"], body[data-aos-duration="1700"] [data-aos]{transition-duration: 1.7s;} [data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] [data-aos]{transition-delay: 0;} [data-aos][data-aos][data-aos-delay="1700"].aos-animate, body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay: 1.7s;} [data-aos][data-aos][data-aos-duration="1750"], body[data-aos-duration="1750"] [data-aos]{transition-duration: 1.75s;} [data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] [data-aos]{transition-delay: 0;} [data-aos][data-aos][data-aos-delay="1750"].aos-animate, body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay: 1.75s;} [data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos]{transition-duration: 1.8s;} [data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] [data-aos]{transition-delay: 0;} [data-aos][data-aos][data-aos-delay="1800"].aos-animate, body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay: 1.8s;} [data-aos][data-aos][data-aos-duration="1850"], body[data-aos-duration="1850"] [data-aos]{transition-duration: 1.85s;} [data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] [data-aos]{transition-delay: 0;} [data-aos][data-aos][data-aos-delay="1850"].aos-animate, body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay: 1.85s;} [data-aos][data-aos][data-aos-duration="1900"], body[data-aos-duration="1900"] [data-aos]{transition-duration: 1.9s;} [data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] [data-aos]{transition-delay: 0;} [data-aos][data-aos][data-aos-delay="1900"].aos-animate, body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay: 1.9s;} [data-aos][data-aos][data-aos-duration="1950"], body[data-aos-duration="1950"] [data-aos]{transition-duration: 1.95s;} [data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] [data-aos]{transition-delay: 0;} [data-aos][data-aos][data-aos-delay="1950"].aos-animate, body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay: 1.95s;} [data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos]{transition-duration: 2s;} [data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos]{transition-delay: 0;} [data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay: 2s;} [data-aos][data-aos][data-aos-duration="2050"], body[data-aos-duration="2050"] [data-aos]{transition-duration: 2.05s;} [data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] [data-aos]{transition-delay: 0;} [data-aos][data-aos][data-aos-delay="2050"].aos-animate, body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay: 2.05s;} [data-aos][data-aos][data-aos-duration="2100"], body[data-aos-duration="2100"] [data-aos]{transition-duration: 2.1s;} [data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] [data-aos]{transition-delay: 0;} [data-aos][data-aos][data-aos-delay="2100"].aos-animate, body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay: 2.1s;} [data-aos][data-aos][data-aos-duration="2150"], body[data-aos-duration="2150"] [data-aos]{transition-duration: 2.15s;} [data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] [data-aos]{transition-delay: 0;} [data-aos][data-aos][data-aos-delay="2150"].aos-animate, body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay: 2.15s;} [data-aos][data-aos][data-aos-duration="2200"], body[data-aos-duration="2200"] [data-aos]{transition-duration: 2.2s;} [data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] [data-aos]{transition-delay: 0;} [data-aos][data-aos][data-aos-delay="2200"].aos-animate, body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay: 2.2s;} [data-aos][data-aos][data-aos-duration="2250"], body[data-aos-duration="2250"] [data-aos]{transition-duration: 2.25s;} [data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] [data-aos]{transition-delay: 0;} [data-aos][data-aos][data-aos-delay="2250"].aos-animate, body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay: 2.25s;} [data-aos][data-aos][data-aos-duration="2300"], body[data-aos-duration="2300"] [data-aos]{transition-duration: 2.3s;} [data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] [data-aos]{transition-delay: 0;} [data-aos][data-aos][data-aos-delay="2300"].aos-animate, body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay: 2.3s;} [data-aos][data-aos][data-aos-duration="2350"], body[data-aos-duration="2350"] [data-aos]{transition-duration: 2.35s;} [data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] [data-aos]{transition-delay: 0;} [data-aos][data-aos][data-aos-delay="2350"].aos-animate, body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay: 2.35s;} [data-aos][data-aos][data-aos-duration="2400"], body[data-aos-duration="2400"] [data-aos]{transition-duration: 2.4s;} [data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] [data-aos]{transition-delay: 0;} [data-aos][data-aos][data-aos-delay="2400"].aos-animate, body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay: 2.4s;} [data-aos][data-aos][data-aos-duration="2450"], body[data-aos-duration="2450"] [data-aos]{transition-duration: 2.45s;} [data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] [data-aos]{transition-delay: 0;} [data-aos][data-aos][data-aos-delay="2450"].aos-animate, body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay: 2.45s;} [data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos]{transition-duration: 2.5s;} [data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos]{transition-delay: 0;} [data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay: 2.5s;} [data-aos][data-aos][data-aos-duration="2550"], body[data-aos-duration="2550"] [data-aos]{transition-duration: 2.55s;} [data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] [data-aos]{transition-delay: 0;} [data-aos][data-aos][data-aos-delay="2550"].aos-animate, body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay: 2.55s;} [data-aos][data-aos][data-aos-duration="2600"], body[data-aos-duration="2600"] [data-aos]{transition-duration: 2.6s;} [data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] [data-aos]{transition-delay: 0;} [data-aos][data-aos][data-aos-delay="2600"].aos-animate, body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay: 2.6s;} [data-aos][data-aos][data-aos-duration="2650"], body[data-aos-duration="2650"] [data-aos]{transition-duration: 2.65s;} [data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] [data-aos]{transition-delay: 0;} [data-aos][data-aos][data-aos-delay="2650"].aos-animate, body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay: 2.65s;} [data-aos][data-aos][data-aos-duration="2700"], body[data-aos-duration="2700"] [data-aos]{transition-duration: 2.7s;} [data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] [data-aos]{transition-delay: 0;} [data-aos][data-aos][data-aos-delay="2700"].aos-animate, body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay: 2.7s;} [data-aos][data-aos][data-aos-duration="2750"], body[data-aos-duration="2750"] [data-aos]{transition-duration: 2.75s;} [data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] [data-aos]{transition-delay: 0;} [data-aos][data-aos][data-aos-delay="2750"].aos-animate, body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay: 2.75s;} [data-aos][data-aos][data-aos-duration="2800"], body[data-aos-duration="2800"] [data-aos]{transition-duration: 2.8s;} [data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] [data-aos]{transition-delay: 0;} [data-aos][data-aos][data-aos-delay="2800"].aos-animate, body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay: 2.8s;} [data-aos][data-aos][data-aos-duration="2850"], body[data-aos-duration="2850"] [data-aos]{transition-duration: 2.85s;} [data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] [data-aos]{transition-delay: 0;} [data-aos][data-aos][data-aos-delay="2850"].aos-animate, body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay: 2.85s;} [data-aos][data-aos][data-aos-duration="2900"], body[data-aos-duration="2900"] [data-aos]{transition-duration: 2.9s;} [data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] [data-aos]{transition-delay: 0;} [data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay: 2.9s;} [data-aos][data-aos][data-aos-duration="2950"], body[data-aos-duration="2950"] [data-aos]{transition-duration: 2.95s;} [data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] [data-aos]{transition-delay: 0;} [data-aos][data-aos][data-aos-delay="2950"].aos-animate, body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay: 2.95s;} [data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos]{transition-duration: 3s;} [data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos]{transition-delay: 0;} [data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay: 3s;} [data-aos][data-aos][data-aos-easing=linear], body[data-aos-easing=linear] [data-aos]{transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);} [data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos]{transition-timing-function: ease;} [data-aos][data-aos][data-aos-easing=ease-in], body[data-aos-easing=ease-in] [data-aos]{transition-timing-function: ease-in;} [data-aos][data-aos][data-aos-easing=ease-out], body[data-aos-easing=ease-out] [data-aos]{transition-timing-function: ease-out;} [data-aos][data-aos][data-aos-easing=ease-in-out], body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function: ease-in-out;} [data-aos][data-aos][data-aos-easing=ease-in-back], body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);} [data-aos][data-aos][data-aos-easing=ease-out-back], body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);} [data-aos][data-aos][data-aos-easing=ease-in-out-back], body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);} [data-aos][data-aos][data-aos-easing=ease-in-sine], body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);} [data-aos][data-aos][data-aos-easing=ease-out-sine], body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);} [data-aos][data-aos][data-aos-easing=ease-in-out-sine], body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);} [data-aos][data-aos][data-aos-easing=ease-in-quad], body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);} [data-aos][data-aos][data-aos-easing=ease-out-quad], body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);} [data-aos][data-aos][data-aos-easing=ease-in-out-quad], body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);} [data-aos][data-aos][data-aos-easing=ease-in-cubic], body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);} [data-aos][data-aos][data-aos-easing=ease-out-cubic], body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);} [data-aos][data-aos][data-aos-easing=ease-in-out-cubic], body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);} [data-aos][data-aos][data-aos-easing=ease-in-quart], body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);} [data-aos][data-aos][data-aos-easing=ease-out-quart], body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);} [data-aos][data-aos][data-aos-easing=ease-in-out-quart], body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);} [data-aos^=fade][data-aos^=fade]{opacity: 0; transition-property: opacity,transform;} [data-aos^=fade][data-aos^=fade].aos-animate{opacity: 1; transform: translate(0);} [data-aos=fade-up]{transform: translateY(100px);} [data-aos=fade-down]{transform: translateY(-100px);} [data-aos=fade-right]{transform: translate(-100px);} [data-aos=fade-left]{transform: translate(100px);} [data-aos=fade-up-right]{transform: translate(-100px, 100px);} [data-aos=fade-up-left]{transform: translate(100px, 100px);} [data-aos=fade-down-right]{transform: translate(-100px, -100px);} [data-aos=fade-down-left]{transform: translate(100px, -100px);} [data-aos^=zoom][data-aos^=zoom]{opacity: 0; transition-property: opacity,transform;} [data-aos^=zoom][data-aos^=zoom].aos-animate{opacity: 1; transform: translate(0) scale(1);} [data-aos=zoom-in]{transform: scale(0.6);} [data-aos=zoom-in-up]{transform: translateY(100px) scale(0.6);} [data-aos=zoom-in-down]{transform: translateY(-100px) scale(0.6);} [data-aos=zoom-in-right]{transform: translate(-100px) scale(0.6);} [data-aos=zoom-in-left]{transform: translate(100px) scale(0.6);} [data-aos=zoom-out]{transform: scale(1.2);} [data-aos=zoom-out-up]{transform: translateY(100px) scale(1.2);} [data-aos=zoom-out-down]{transform: translateY(-100px) scale(1.2);} [data-aos=zoom-out-right]{transform: translate(-100px) scale(1.2);} [data-aos=zoom-out-left]{transform: translate(100px) scale(1.2);} [data-aos^=slide][data-aos^=slide]{transition-property: transform;} [data-aos^=slide][data-aos^=slide].aos-animate{transform: translate(0);} [data-aos=slide-up]{transform: translateY(100%);} [data-aos=slide-down]{transform: translateY(-100%);} [data-aos=slide-right]{transform: translateX(-100%);} [data-aos=slide-left]{transform: translateX(100%);} [data-aos^=flip][data-aos^=flip]{backface-visibility: hidden; transition-property: transform;} [data-aos=flip-left]{transform: perspective(2500px) rotateY(-100deg);} [data-aos=flip-left].aos-animate{transform: perspective(2500px) rotateY(0);} [data-aos=flip-right]{transform: perspective(2500px) rotateY(100deg);} [data-aos=flip-right].aos-animate{transform: perspective(2500px) rotateY(0);} [data-aos=flip-up]{transform: perspective(2500px) rotateX(-100deg);} [data-aos=flip-up].aos-animate{transform: perspective(2500px) rotateX(0);} [data-aos=flip-down]{transform: perspective(2500px) rotateX(100deg);} [data-aos=flip-down].aos-animate{transform: perspective(2500px) rotateX(0);} @-webkit-keyframes imagescale{0%{transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1);}100%{transform: scale(1.3); -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform: scale(1.3);}} @keyframes imagescale{0%{transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1);}100%{transform: scale(1.3); -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform: scale(1.3);}} @-webkit-keyframes imagescale{0%{transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1);}100%{transform: scale(1.3); -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform: scale(1.3);}} @keyframes imagescale{0%{transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1);}100%{transform: scale(1.3); -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform: scale(1.3);}} .slider4 .slide-image{animation: imagescale 15s ease-in-out infinite alternate; -webkit-animation: imagescale 15s ease-in-out infinite alternate; -moz-animation: imagescale 15s ease-in-out infinite alternate; -o-webkit-animation: imagescale 15s ease-in-out infinite alternate;} .slider10 .slide-image{animation: imagescale 15s ease-in-out infinite alternate; -webkit-animation: imagescale 15s ease-in-out infinite alternate; -moz-animation: imagescale 15s ease-in-out infinite alternate; -o-webkit-animation: imagescale 15s ease-in-out infinite alternate;} 

/* /theme_twelve_bizople/static/src/scss/_card.scss defined in bundle 'web.assets_frontend' */
 .card{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; word-wrap: break-word; background-color: #FFFFFF; background-clip: border-box; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0.25rem;} .card-body{-webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; padding: 1.25rem;} .card-title{margin-bottom: 0.75rem;} .card-subtitle{margin-top: -0.375rem; margin-bottom: 0;} .card-text:last-child{margin-bottom: 0;} .card-link:hover{text-decoration: none;} .card-link + .card-link{margin-left: 1.25rem;} .card > .list-group:first-child .list-group-item:first-child{border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem;} .card > .list-group:last-child .list-group-item:last-child{border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem;} .card-header{padding: 0.75rem 1.25rem; margin-bottom: 0; background-color: rgba(0, 0, 0, 0.03); border-bottom: 1px solid rgba(0, 0, 0, 0.125);} .card-header:first-child{border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;} .card-footer{padding: 0.75rem 1.25rem; background-color: rgba(0, 0, 0, 0.03); border-top: 1px solid rgba(0, 0, 0, 0.125);} .card-footer:last-child{border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);} .card-header-tabs{margin-right: -0.625rem; margin-bottom: -0.75rem; margin-left: -0.625rem; border-bottom: 0;} .card-header-pills{margin-right: -0.625rem; margin-left: -0.625rem;} .card-img-overlay{position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem;} .card-img{width: 100%; border-radius: calc(0.25rem - 1px);} .card-img-top{width: 100%; border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px);} .card-img-bottom{width: 100%; border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px);} @media (min-width: 576px){.card-deck{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; margin-right: -15px; margin-left: -15px;}.card-deck .card{display: -webkit-box; display: -webkit-flex; display: flex; flex: 1 0 0%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; margin-right: 15px; margin-left: 15px;}} @media (min-width: 576px){.card-group{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap;}.card-group .card{flex: 1 0 0%;}.card-group .card + .card{margin-left: 0; border-left: 0;}.card-group .card:first-child{border-top-right-radius: 0; border-bottom-right-radius: 0;}.card-group .card:first-child .card-img-top{border-top-right-radius: 0;}.card-group .card:first-child .card-img-bottom{border-bottom-right-radius: 0;}.card-group .card:last-child{border-top-left-radius: 0; border-bottom-left-radius: 0;}.card-group .card:last-child .card-img-top{border-top-left-radius: 0;}.card-group .card:last-child .card-img-bottom{border-bottom-left-radius: 0;}.card-group .card:not(:first-child):not(:last-child){border-radius: 0;}.card-group .card:not(:first-child):not(:last-child) .card-img-top, .card-group .card:not(:first-child):not(:last-child) .card-img-bottom{border-radius: 0;}} .card-columns .card{margin-bottom: 0.75rem;} @media (min-width: 576px){.card-columns{column-count: 3; column-gap: 1.25rem;}.card-columns .card{display: inline-block; width: 100%;}} 

/* /theme_twelve_bizople/static/src/scss/headers.scss defined in bundle 'web.assets_frontend' */
 .modal.o_theme_customize_modal .o_theme_customize_option > img + label{position: relative !important;} .modal.o_theme_customize_modal .o_theme_customize_option:not(.dropdown-item) label{background-color: #e2e2e0 !important;} .modal.o_theme_customize_modal .modal-content{min-height: 559px !important;} .modal.o_theme_customize_modal .modal-header{background: linear-gradient(to right, #ff4d7e 0%, #ff6a5b 100%) !important;} .modal.o_theme_customize_modal .nav-link.active{background: linear-gradient(to right, #ff4d7e 0%, #ff6a5b 100%) !important; color: white !important;} .header_cart, .header_wishlist{list-style: none;} .header_cart sup, .header_wishlist sup{margin-left: 5px; font-size: 67%;} #header_one{} #header_one .header1_navbar{padding: 0px;} #header_one .header1_navbar .navbar-collapse{line-height: 50px;} #header_one .header1_navbar .divider{display: none;} #header_one .header1_navbar .nav-link{color: #fff; font-weight: 500; font-size: 13px; text-transform: uppercase;} #header_one .header1_navbar .nav-link:focus, #header_one .header1_navbar .nav-link:hover{color: #000; background-color: #fff;} #header_one .navbar-light{background: linear-gradient(to right, #5ca3e0 0%, #5ca3de 100%) !important;} #header_one .h4-nav-bar{padding: 15px 0px;} #header_one .h4-nav-bar .nav-item .nav-link{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; padding: 0 25px;} #header_one .h4-nav-bar .navbar-brand.logo img{height: auto;} #header_one .navbar .hidden-lg-up{padding: 15px; color: #ffffff; font-weight: 500; font-size: 14px; text-transform: uppercase;} #header_one .divider{display: none;} @media (max-width: 767px){#header_one .h4-nav-bar .nav-item .nav-link{padding: 10px 0px; line-height: 26px;}#header_one #top_menu .nav-item{margin-left: 15px;}} #header_two .topbar-1{padding: 0px; -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in; width: 100%; z-index: 20; background: #ffffff;} #header_two .navbar-light{background: #fff !important;} #header_two .h15-navbar .navbar .navbar-nav .nav-item:hover .nav-link, #header_two .h15-navbar .navbar .navbar-nav .nav-item.active .nav-link{color: #06a7fd; border-bottom: 1px solid #06a7fd;} #header_two .h15-navbar .navbar .navbar-nav .nav-link{padding: 18px 15px; color: #263238; font-weight: 400; font-size: 14px; border-bottom: 1px solid transparent;} #header_two .h15-navbar .divider{display: none;} #header_two .h15-infobar .navbar-brand img{height: auto;} #header_two .h15-infobar .h15-info-bar{padding: 15px 0px;} #header_two .h15-infobar .nav-item .nav-link{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; padding: 0 25px;} #header_two .h15-infobar .navbar-nav{color: #b0b7c6;} #header_two .h15-topbar{border-bottom: 1px solid rgba(120, 130, 140, 0.13);} #header_two .h15-topbar .navbar{padding: 0;} #header_two .h15-topbar .navbar-nav{color: #b0b7c6; font-size: 1rem;} #header_two .h15-topbar .navbar-brand{font-size: 14px; color: #263238; font-weight: 500; padding: 15px 0;} @media (min-width: 992px){#header_two .h15-topbar .hidden-lg-up{display: none !important;}} #header_two .h15-topbar .navbar-nav{font-weight: 400;} #header_two .h15-topbar .text-dark-1{color: #343a40;} #header_two .h15-topbar .navbar .nav-item .nav-link:first-child{padding-left: 0px;} #header_two .h15-topbar .navbar .nav-item .nav-link{color: #8d97ad; padding: 15px 20px;} @media (max-width: 767px){#header_two .navbar-light{color: #000000; border-color: rgba(0, 0, 0, 0.1);}} @media (min-width: 768px) and (max-width: 991.98px){#header_two .h15-info-bar{flex-flow: row nowrap !important; -webkit-box-pack: start !important; -webkit-box-pack: start !important; justify-content: flex-start !important;}#header_two .navbar-nav.ml-auto{flex-flow: row nowrap !important; -webkit-box-pack: start !important; -webkit-box-pack: start !important; justify-content: flex-start !important;}#header_two #h15-info{display: contents !important;}} #header_three .topbar-1{padding: 0px; -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in; width: 100%; z-index: 20;} #header_three .header3_navbar .divider{display: none;} #header_three .header3_navbar .navbar-brand img{height: auto;} #header_three .header3_navbar .nav-link{color: #8d97ad;} #header_three .header3_navbar .nav-link:hover, #header_three .header3_navbar .nav-link:focus{color: #fff;} #header_three .navbar-light{background: #263238 !important;} #header_three .header12 .h12-nav{padding: 0px 0;} #header_three .header12 .h12-topbar{border-bottom: 1px solid rgba(120, 130, 140, 0.13);} #header_three .h12-topbar .navbar{padding: 0;} #header_three .h12-topbar .navbar-brand{font-size: 14px; color: #ffffff; padding: 15px 0;} @media (min-width: 992px){#header_three .h12-topbar .hidden-lg-up{display: none !important;}} #header_three .h12-topbar .navbar .nav-item .nav-link:first-child{border-left: 1px solid rgba(120, 130, 140, 0.13);} #header_three .h12-topbar .navbar .nav-item .nav-link{color: #8d97ad; padding: 15px 20px; border-right: 1px solid rgba(120, 130, 140, 0.13);} #header_three .divider{display: none;} @media (max-width: 767px){#header_three .navbar-light{background-color: #F9F9F9 !important;}} @media (min-width: 768px) and (max-width: 991.98px){#header_three .navbar-collapse.d-none.d-sm-block{display: -webkit-box !important; display: -webkit-flex !important; display: -webkit-box !important; display: -webkit-flex !important; display: flex !important; padding: 10px 0;}} .o_connected_user .nav-fix{top: 45px !important;} .o_connected_user .s-close-date{color: white; position: fixed; top: 126px !important; right: 0px; padding: 10px; background: #17a2b8; text-align: center;} #header_four .h16-topbar{border-bottom: 1px solid rgba(120, 130, 140, 0.13);} #header_four .topbar-1{padding: 0px; -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in; width: 100%; z-index: 20; background: #ffffff;} #header_four .h16-topbar .navbar-nav{color: #8d97ad; font-size: 1rem;} #header_four .divider{display: none;} #header_four .h16-infobar .navbar-nav{color: #8d97ad; font-size: 1rem;} #header_four .navbar-light{background: linear-gradient(to right, #5e00ff 0%, #5e00ff 100%);} #header_four .h16-navbar .divider{display: none;} #header_four .h16-navbar .navbar-brand img{display: none;} #header_four .h16-navbar .navbar{padding: 0px;} .o_connected_user .o_portal .header_four .h16-navbar{margin-bottom: -55px;} .o_portal .header_four .h16-navbar{margin-bottom: -51px;} #header_five{} #header_five .navbar-light{background: #fff !important;} #header_five .header13 .h13-nav{padding: 15px 15px;} #header_five .header13 .h13-nav .call-info{padding-left: 20px; border-left: 1px solid rgba(120, 130, 140, 0.13);} #header_five .header13 .h13-nav .navbar-nav .nav-item .nav-link{color: #8d97ad; padding: 10px 15px; display: block;} #header_five .header13 .h13-nav .navbar-nav .nav-item:hover .nav-link, #header_five .header13 .h13-nav .navbar-nav .nav-item.active .nav-link{border-top: 1px solid #ff4d7e; color: #ff4d7e;} #header_five .header13 .h13-nav .navbar-nav .nav-item:last-child{margin-left: 10px;} #header_five .divider{display: none;} #header_five .header13 .h13-topbar{border-bottom: 1px solid rgba(120, 130, 140, 0.13);} #header_five .header13 .h13-topbar .navbar-brand{font-size: 14px; color: #188ef4; padding: 15px 0;} #header_five .header13 .h13-topbar .navbar{padding: 0;} #header_five .header13 .h13-topbar .navbar .search-box{padding: 15px; width: 240px;} #header_five .header13 .h13-topbar .navbar .nav-item .nav-link{color: #8d97ad; padding: 15px 20px;} #header_five .header13 .h13-topbar .navbar .nav-item .nav-link:first-child{padding-left: 0px;} #header_five .header13 .h13-topbar .navbar .nav-item:hover .nav-link{color: #ff4d7e;} #header_six .navbar-light{background: #fff !important;} #header_six .topbar{padding: 0px; -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in; width: 100%; z-index: 20; background: #ffffff;} #header_six .divider{display: none;} #header_six .header6_navbar{padding: 0;} #header_six .header6_navbar .navbar-brand{padding: 10px 0;} #header_six .header6_navbar .h11-topbar ul{margin-bottom: 0px; padding: 15px 0; font-size: 1rem;} #header_six .header6_navbar .h11-topbar ul li{display: inline-block; vertical-align: middle;} #header_six .header6_navbar ul.list-inline li:first-child{padding-left: 0px;} #header_six .header6_navbar .h11-topbar ul li a{padding: 0px 7px; color: #8d97ad; display: block;} #header_six .header6_navbar .h11-topbar ul li:last-child a{font-size: 21px; font-weight: 600; color: #263238;} #header_six .header6_navbar .navbar-nav .nav-item{margin: 0 20px;} #header_six .header6_navbar .navbar-nav .nav-item:hover .nav-link, #header_six .header6_navbar .navbar-nav .nav-item.active .nav-link{color: #188ef4; border-bottom: 1px solid #188ef4;} #header_six .header6_navbar .navbar-nav .nav-item .nav-link{padding: 12px 0px; color: #8d97ad; border-bottom: 1px solid transparent; font-weight: 500; text-transform: uppercase;} #header_six .header6_navbar .navbar-brand.logo img{height: auto;} #header_seven .navbar-light{background: #fff !important;} #header_seven .topbar-1{padding: 0px; -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in; width: 100%; z-index: 20; background: #ffffff;} #header_seven .divider{display: none;} #header_seven .h13-topbar{border-bottom: 1px solid rgba(120, 130, 140, 0.13);} #header_seven .h13-topbar .navbar{padding: 0;} #header_seven .h13-topbar .navbar-brand{font-size: 14px; color: #188ef4; padding: 15px 0;} @media (min-width: 992px){#header_seven .h13-topbar .hidden-lg-up{display: none !important;}} #header_seven .h13-topbar .navbar-nav{font-weight: 400;} #header_seven .h13-topbar .navbar .nav-item .nav-link:first-child{padding-left: 0px;} #header_seven .h13-topbar .navbar .nav-item .nav-link{color: #8d97ad; padding: 15px 20px;} #header_seven .header7_navbar{padding: 15px 0;} #header_seven .header7_navbar .navbar-brand.logo img{height: auto;} #header_seven .header7_navbar .navbar-nav .nav-item .nav-link{color: #8d97ad; padding: 10px 15px; display: block;} #header_seven .header7_navbar .navbar-nav .nav-item:hover .nav-link, #header_seven .header7_navbar .navbar-nav .nav-item.active .nav-link{color: #ff4d7e;} #header_eight{z-index: 99;} #header_eight .navbar-light{background: #3e4555 !important;} #header_eight .topbar-1{padding: 0px; -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in; width: 100%; background: #ffffff; z-index: 20;} #header_eight .divider{display: none;} #header_eight .header8{max-height: 160px;} #header_eight .h7-topbar{padding: 15px 0; color: #ffffff;} #header_eight .h7-topbar .con-btn a{padding: 5px 20px; text-transform: uppercase;} #header_eight .h7-nav-bar{background: #ffffff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1); box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1);} #header_eight .h7-nav-bar .logo-box{padding: 20px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 230px !important; border-right: 1px solid rgba(120, 130, 140, 0.13); justify-content: center; text-align: center; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center;} #header_eight .h7-nav-bar .main-nav ul li a.active, #header_eight .h7-nav-bar .main-nav ul li a:hover{color: #316ce8; background-color: transparent;} @media (min-width: 768px){#header_eight .h7-nav-bar .hidden-md-up{display: none !important;}} #header_eight .h7-nav-bar .h7-nav-box{display: block; width: calc(100% - 230px);} #header_eight .h7-nav-bar .h7-mini-bar{border-bottom: 1px solid rgba(120, 130, 140, 0.13);} #header_eight .h7-nav-bar .h7-mini-bar .gen-info span{display: inline-block; padding: 15px 20px; font-weight: 400;} #header_eight .h7-nav-bar .main-nav ul{margin: 0px; padding: 0px; font-size: 13px; font-weight: 500; text-transform: uppercase;} #header_eight .h7-nav-bar .main-nav ul li:first-child{border-left: 0px;} #header_eight .h7-nav-bar .main-nav ul li{text-align: center; padding: 9px 14px; border-left: 1px solid rgba(120, 130, 140, 0.13);} #header_eight .h7-nav-bar .main-nav ul li a{padding: 20px 0px 21px; color: #8d97ad; display: block;} #header_eight .h7-nav-bar .navbar-brand.logo img{height: auto;} #header_eight .h7-nav-bar .h7-mini-bar .social-info{padding-right: 10px;} #header_eight .h7-nav-bar .h7-mini-bar .social-info a{display: inline-block; padding: 15px 8px; font-weight: 400; font-size: 1rem; color: #8d97ad;} #header_eight .h7-nav-bar .h7-mini-bar .gen-info span{display: inline-block; padding: 15px 20px; font-weight: 400;} #header_eight .h7-nav-bar .gen-info{color: #8d97ad;} @media (max-width: 1023px){#header_eight .h7-nav-bar .logo-box{width: 170px;}#header_eight .header8{max-height: 134px;}} @media (max-width: 767px){#header_eight .h7-nav-bar{display: block;}#header_eight .h7-nav-bar .logo-box{display: inline-block; width: 160px; padding: 10px;}#header_eight .h7-nav-bar .h7-nav-box{display: block; width: 100%;}#header_eight .h7-nav-bar .h7-nav-box .h7-mini-bar{border-top: 1px solid rgba(120, 130, 140, 0.13);}#header_eight .h7-nav-bar .h7-nav-box .h7-mini-bar{border-bottom: 1px solid rgba(120, 130, 140, 0.13);}#header_eight .h7-nav-bar .h7-nav-box .main-nav{max-height: 200px; overflow: auto;}#header_eight .h7-nav-bar .h7-nav-box .main-nav > ul{display: block;}#header_eight .h7-nav-bar .h7-nav-box .main-nav > ul > li{display: block; text-align: left;}#header_eight .h7-nav-bar .op-clo{padding: 7px 6px; float: right; margin: 15px 20px 0 0;}} #header_nine .navbar-light{background: #fed700 !important;} #header_nine .topbar-1{padding: 0px; -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in; width: 100%; z-index: 20; background: #ffffff;} #header_nine .h14-topbar{background: #f5f7fa;} #header_nine .h14-topbar .navbar{padding: 0;} #header_nine .h14-topbar .navbar-brand{font-size: 14px; color: #263238; font-weight: 500; padding: 15px 0;} @media (min-width: 992px){#header_nine .h14-topbar .hidden-lg-up{display: none !important;}} #header_nine .h14-topbar .navbar .nav-item .nav-link:first-child{padding-left: 0px;} #header_nine .h14-topbar .navbar .nav-item .nav-link{color: #8d97ad; padding: 15px 20px;} #header_nine .h14-navbar .navbar .navbar-nav .nav-item:hover .nav-link, #header_nine .h14-navbar .navbar .navbar-nav .nav-item.active .nav-link{background: rgba(120, 130, 140, 0.13); color: #263238;} #header_nine .h14-navbar .navbar .navbar-nav .nav-link{padding: 18px 15px; color: #263238; font-weight: 400; font-size: 13px; text-transform: uppercase;} #header_nine .h14-navbar .divider{display: none;} #header_nine .navbar-brand.logo img{height: auto;} #header_nine .h14-info-bar{padding: 15px 0px;} #header_nine .h14-info-bar .navbar-nav{color: #8d97ad;} #header_nine .h14-info-bar .nav-item .nav-link{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; padding: 0 25px;} #header_nine .h14-info-bar .donate-btn a{font-size: 13px; font-weight: 500; padding: 13px 25px; margin-left: 15px;} #header_nine .h14-info-bar .btn-outline-info{color: #188ef4; background-color: transparent; border-color: #188ef4; -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in;} #header_nine .h14-info-bar .btn-outline-info:hover{color: #fff; background-color: #188ef4;} #header_ten .navbar-light{background: #fff !important;} #header_ten .topbar-1{padding: 0px; -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in; width: 100%; z-index: 99; background: #ffffff;} #header_ten .divider{display: none;} #header_ten .h6-topbar{background: #edb610;} #header_ten .h6-topbar .authentication-box{margin-bottom: 0px; padding: 10px 0; color: #263238;} #header_ten .h6-topbar .authentication-box a{color: #263238;} #header_ten .header10_navbar{padding: 0px;} #header_ten .header10_navbar .navbar-nav .nav-link{padding: 35px 15px; color: #8d97ad;} #header_ten .header10_navbar .navbar-brand.logo img{height: auto;} #header_ten .header10_navbar .navbar-nav .nav-item:hover .nav-link, #header_ten .header10_navbar .navbar-nav .nav-item.active .nav-link{color: #263238;} #content-44 .col-6{min-width: 100%; max-width: 100%;} #content-44 .o_theme_customize_option{margin-top: 20px !important; margin-bottom: 20px !important; box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2);} #content-57 .col-6{min-width: 100%; max-width: 100%;} #content-57 .o_theme_customize_option{margin-top: 20px !important; margin-bottom: 20px !important; box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2);} #header_four.o_header_affix{background: unset !important;} #header_four.o_header_affix .header3_navbar{padding: 0 !important;} #header_four.o_header_affix .header16 .h16-topbar{display: none;} #header_four.o_header_affix .header16 .h16-infobar{display: none;} 

/* /theme_twelve_bizople/static/src/scss/footers.scss defined in bundle 'web.assets_frontend' */
 .footer_one.o_footer{background-color: #fff !important;} .footer_two.o_footer{background-color: #fff !important;} .footer_three.o_footer{background-color: #fff !important;} .footer_four.o_footer{background-color: #343a40 !important;} .footer_five.o_footer{background-color: #343a40 !important;} .footer_six.o_footer{background-color: #343a40 !important;} .footer_seven.o_footer{background-color: #fff !important;} .footer_eight.o_footer{background-color: #3e4555 !important;} .js_language_selector .btn-secondary{color: #FFFFFF !important; background-color: transparent; border-color: transparent;} .js_language_selector .btn-secondary:not(:disabled):not(.disabled):active, .js_language_selector .btn-secondary:not(:disabled):not(.disabled).active, .js_language_selector .show > .btn-secondary.dropdown-toggle{color: #FFFFFF !important; background-color: transparent; border-color: transparent;} .js_language_selector .btn-secondary:not(:disabled):not(.disabled):active:focus, .js_language_selector .btn-secondary:not(:disabled):not(.disabled).active:focus, .js_language_selector .show > .btn-secondary.dropdown-toggle:focus{box-shadow: 0 0 0 0rem rgba(135, 90, 123, 0.5) !important;} #footer_one .footer2{padding: 60px 0; color: #8d97ad;} #footer_one .footer2 ::placeholder{color: #fff;} #footer_one .footer2 .f2-topbar{padding-bottom: 20px; border-bottom: 1px solid rgba(120, 130, 140, 0.13);} #footer_one .footer2 a.link:hover, #footer_one .footer2 a.link:focus{color: #27b1e4;} #footer_one .footer2 .text-dark-1{color: #343a40;} #footer_one .footer2 .f2-middle{padding-top: 40px;} #footer_one .footer2 .link{color: #8d97ad; padding: 10px 15px 10px 0; font-size: 1rem;} #footer_one .footer2 .info{color: #8d97ad;} #footer_one .footer2 .info-box .d-flex{padding: 15px 0; border-bottom: 1px solid rgba(120, 130, 140, 0.13);} #footer_one .footer2 .subscribe-box{background: rgba(120, 130, 140, 0.13); padding: 25px;} #footer_one .footer2 .bg-info-dark-1{background-color: #27b1e4;} #footer_one .footer2 .subscribe-box .form-control{background: transparent; padding: 10px 0; border: 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.5); color: #ffffff; border-radius: 0px;} @media (max-width: 767px){#footer_one .text{margin-top: 15px;}} #footer_three .f1-middle{padding: 40px 0; color: #8d97ad;} #footer_three .text-dark-1{color: #343a40 !important;} #footer_three .f1-bottom-bar{padding: 20px 0; border-top: 1px solid rgba(120, 130, 140, 0.13);} #footer_four .footer2{padding: 60px 0; color: #8d97ad;} #footer_four .footer2 .f2-middle{padding-top: 40px;} #footer_four .footer2 .link{color: #8d97ad; padding: 10px 15px 10px 0;} #footer_four .footer2 .general-listing{padding: 0px; margin: 0px;} #footer_four .footer2 .general-listing li{list-style: none;} #footer_four .footer2 .general-listing li a{color: #8d97ad; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; padding: 10px 0; -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;} #footer_four .footer2 .general-listing li i{margin-right: 7px; vertical-align: middle;} #footer_four .footer2 .general-listing li a i{font-size: 9px; margin-right: 10px;} #footer_four .footer2 .info-box .d-flex{padding: 15px 0; border-bottom: 1px solid rgba(120, 130, 140, 0.13);} #footer_four .footer2 .subscribe-box{background: rgba(120, 130, 140, 0.13); padding: 25px;} #footer_four .footer2 .general-listing li:hover a{color: #009efb; padding-left: 10px;} #footer_four .footer2 a.link:hover, #footer_four .footer2 a.link:focus{color: #009efb;} #footer_four .footer2 .subscribe-box .form-control{background: transparent; padding: 10px 0; border: 0px; border-bottom: 1px solid rgba(120, 130, 140, 0.13); color: #ffffff; border-radius: 0px;} #footer_five .footer2{padding: 60px 0; color: #8d97ad;} #footer_five .footer2 .f2-topbar{padding-bottom: 20px; border-bottom: 1px solid rgba(120, 130, 140, 0.13);} #footer_five .footer2 .f2-middle{padding-top: 40px;} #footer_five .footer2 .link{color: #8d97ad; padding: 10px 15px 10px 0; font-size: 1rem;} #footer_five .footer2 a.link:hover, #footer_five .footer2 a.link:focus{color: #ff4d7e;} #footer_five .footer2 .general-listing{padding: 0px; margin: 0px;} #footer_five .footer2 .general-listing li{list-style: none;} #footer_five .footer2 .general-listing li a{color: #8d97ad; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; padding: 10px 0; -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;} #footer_five .footer2 .general-listing li:hover a{color: #ff4d7e; padding-left: 10px;} #footer_five .footer2 .general-listing li a i{font-size: 9px; margin-right: 10px;} #footer_five .footer2 .general-listing li i{margin-right: 7px; vertical-align: middle;} #footer_five .footer2 .info-box .d-flex{padding: 15px 0; border-bottom: 1px solid rgba(120, 130, 140, 0.13);} #footer_five .footer2 .subscribe-box{background: rgba(120, 130, 140, 0.13); padding: 25px;} #footer_five .footer2 .subscribe-box .form-control{background: transparent; padding: 10px 0; border: 0px; border-bottom: 1px solid rgba(120, 130, 140, 0.13); color: #ffffff; border-radius: 0px;} @media (max-width: 767px){#footer_five .text{margin-top: 15px;}} #footer_six span{line-height: 23px;} #footer_six .footer3{padding-top: 50px; color: #8d97ad;} #footer_six .footer3 .f3-topbar{padding-bottom: 20px; border-bottom: 1px solid rgba(120, 130, 140, 0.13);} #footer_six .footer3 .f3-topbar .input-group .form-control{font-size: 16px;} #footer_six .footer3 .f3-topbar .input-group .btn{padding: 13px 20px; border-top-left-radius: 0; border-bottom-left-radius: 0;} #footer_six .footer3 .f3-middle{padding-top: 40px;} #footer_six .footer3 .general-listing{padding: 0px; margin: 0px;} #footer_six .footer3 .general-listing li{list-style: none;} #footer_six .footer3 .general-listing li a{color: #8d97ad; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; padding: 10px 0; -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;} #footer_six .footer3 .general-listing li i{margin-right: 7px; vertical-align: middle;} #footer_six .footer3 .link{color: #8d97ad;} #footer_six .footer3 .f3-bottom-bar{background: rgba(0, 0, 0, 0.1); padding: 20px 0;} #footer_six .footer3 .f3-bottom-bar .link{padding: 0 12px;} #footer_six .footer3 .general-listing li:hover a, #footer_six .footer3 .general-listing li:hover i{color: #ffffff;} #footer_six .footer3 .general-listing li:hover a{color: #ffffff; padding-left: 10px;} #footer_six .footer3 .link:hover{color: #ffffff;} @media (max-width: 767px){#footer_six .news_letter_form{margin-top: 15px;}} #footer_seven .footer5 .form-control{background: #fff;} #footer_seven .footer5 .social-links{margin: 20px 0;} #footer_seven .footer5 .social-links a{color: #8d97ad; opacity: 0.5; padding: 0 15px 0 0;} #footer_seven .footer5 .social-links a:hover{color: #316ce8; opacity: 1;} #footer_eight .round-social a{background: rgba(120, 130, 140, 0.13); color: #8d97ad; width: 40px; height: 40px; line-height: 40px;} #footer_eight .round-social a:hover{color: #fff;} #to-top{position: fixed; bottom: 30px; right: 20px; z-index: 10000;} #to-top a{color: #FFF !important; text-align: center; background: #404b54 !important; font-size: 16px; line-height: 50px; width: 50px; font-weight: 500; height: 50px; display: block;} 

/* /theme_twelve_bizople/static/src/css/animated-headlines.scss defined in bundle 'web.assets_frontend' */
 *, *::after, *::before{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .cd-title{position: relative; height: 160px; line-height: 230px; text-align: center;} .cd-title h1{font-size: 2.4rem; font-weight: 700;} @media only screen and (min-width: 768px){.cd-title{line-height: 250px;}} @media only screen and (min-width: 1170px){.cd-title{height: 200px; line-height: 300px;}.cd-title h1{font-size: 3rem;}} .cd-intro{width: 90%; max-width: 768px; text-align: center;} .cd-intro{margin: 4em auto;} @media only screen and (min-width: 768px){.cd-intro{margin: 5em auto;}} @media only screen and (min-width: 1170px){.cd-intro{margin: 6em auto;}} .cd-headline{font-size: 3rem; line-height: 1.2;} @media only screen and (min-width: 768px){.cd-headline{font-size: 4.4rem; font-weight: 300;}} @media only screen and (min-width: 1170px){.cd-headline{font-size: 6rem;}} .cd-words-wrapper{display: inline-block; position: relative; text-align: left;} .cd-words-wrapper b{display: inline-block; position: absolute; white-space: nowrap; left: 0; top: 0;} .cd-words-wrapper b.is-visible{position: relative;} .no-js .cd-words-wrapper b{opacity: 0;} .no-js .cd-words-wrapper b.is-visible{opacity: 1;} .cd-headline.rotate-1 .cd-words-wrapper{-webkit-perspective: 300px; -moz-perspective: 300px; perspective: 300px;} .cd-headline.rotate-1 b{opacity: 0; -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg);} .cd-headline.rotate-1 b.is-visible{opacity: 1; -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg); -webkit-animation: cd-rotate-1-in 1.2s; -moz-animation: cd-rotate-1-in 1.2s; animation: cd-rotate-1-in 1.2s;} .cd-headline.rotate-1 b.is-hidden{-webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); -webkit-animation: cd-rotate-1-out 1.2s; -moz-animation: cd-rotate-1-out 1.2s; animation: cd-rotate-1-out 1.2s;} @-webkit-keyframes cd-rotate-1-in{0%{-webkit-transform: rotateX(180deg); opacity: 0;}35%{-webkit-transform: rotateX(120deg); opacity: 0;}65%{opacity: 0;}100%{-webkit-transform: rotateX(360deg); opacity: 1;}} @-moz-keyframes cd-rotate-1-in{0%{-moz-transform: rotateX(180deg); opacity: 0;}35%{-moz-transform: rotateX(120deg); opacity: 0;}65%{opacity: 0;}100%{-moz-transform: rotateX(360deg); opacity: 1;}} @keyframes cd-rotate-1-in{0%{-webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); opacity: 0;}35%{-webkit-transform: rotateX(120deg); -moz-transform: rotateX(120deg); -ms-transform: rotateX(120deg); -o-transform: rotateX(120deg); transform: rotateX(120deg); opacity: 0;}65%{opacity: 0;}100%{-webkit-transform: rotateX(360deg); -moz-transform: rotateX(360deg); -ms-transform: rotateX(360deg); -o-transform: rotateX(360deg); transform: rotateX(360deg); opacity: 1;}} @-webkit-keyframes cd-rotate-1-out{0%{-webkit-transform: rotateX(0deg); opacity: 1;}35%{-webkit-transform: rotateX(-40deg); opacity: 1;}65%{opacity: 0;}100%{-webkit-transform: rotateX(180deg); opacity: 0;}} @-moz-keyframes cd-rotate-1-out{0%{-moz-transform: rotateX(0deg); opacity: 1;}35%{-moz-transform: rotateX(-40deg); opacity: 1;}65%{opacity: 0;}100%{-moz-transform: rotateX(180deg); opacity: 0;}} @keyframes cd-rotate-1-out{0%{-webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1;}35%{-webkit-transform: rotateX(-40deg); -moz-transform: rotateX(-40deg); -ms-transform: rotateX(-40deg); -o-transform: rotateX(-40deg); transform: rotateX(-40deg); opacity: 1;}65%{opacity: 0;}100%{-webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); opacity: 0;}} .cd-headline.type .cd-words-wrapper{vertical-align: top; overflow: hidden;} .cd-headline.type .cd-words-wrapper::after{content: ''; position: absolute; right: 0; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); height: 90%; width: 1px; background-color: #fff;} .cd-headline.type .cd-words-wrapper.waiting::after{-webkit-animation: cd-pulse 1s infinite; -moz-animation: cd-pulse 1s infinite; animation: cd-pulse 1s infinite;} .cd-headline.type .cd-words-wrapper.selected{background-color: #aebcb9;} .cd-headline.type .cd-words-wrapper.selected::after{visibility: hidden;} .cd-headline.type .cd-words-wrapper.selected b{color: #0d0d0d;} .cd-headline.type b{visibility: hidden;} .cd-headline.type b.is-visible{visibility: visible;} .cd-headline.type i{position: absolute; visibility: hidden;} .cd-headline.type i.in{position: relative; visibility: visible;} @-webkit-keyframes cd-pulse{0%{-webkit-transform: translateY(-50%) scale(1); opacity: 1;}40%{-webkit-transform: translateY(-50%) scale(0.9); opacity: 0;}100%{-webkit-transform: translateY(-50%) scale(0); opacity: 0;}} @-moz-keyframes cd-pulse{0%{-moz-transform: translateY(-50%) scale(1); opacity: 1;}40%{-moz-transform: translateY(-50%) scale(0.9); opacity: 0;}100%{-moz-transform: translateY(-50%) scale(0); opacity: 0;}} @keyframes cd-pulse{0%{-webkit-transform: translateY(-50%) scale(1); -moz-transform: translateY(-50%) scale(1); -ms-transform: translateY(-50%) scale(1); -o-transform: translateY(-50%) scale(1); transform: translateY(-50%) scale(1); opacity: 1;}40%{-webkit-transform: translateY(-50%) scale(0.9); -moz-transform: translateY(-50%) scale(0.9); -ms-transform: translateY(-50%) scale(0.9); -o-transform: translateY(-50%) scale(0.9); transform: translateY(-50%) scale(0.9); opacity: 0;}100%{-webkit-transform: translateY(-50%) scale(0); -moz-transform: translateY(-50%) scale(0); -ms-transform: translateY(-50%) scale(0); -o-transform: translateY(-50%) scale(0); transform: translateY(-50%) scale(0); opacity: 0;}} .cd-headline.rotate-2 .cd-words-wrapper{-webkit-perspective: 300px; -moz-perspective: 300px; perspective: 300px;} .cd-headline.rotate-2 i, .cd-headline.rotate-2 em{display: inline-block; -webkit-backface-visibility: hidden; backface-visibility: hidden;} .cd-headline.rotate-2 b{opacity: 0;} .cd-headline.rotate-2 i{-webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(-20px) rotateX(90deg); -moz-transform: translateZ(-20px) rotateX(90deg); -ms-transform: translateZ(-20px) rotateX(90deg); -o-transform: translateZ(-20px) rotateX(90deg); transform: translateZ(-20px) rotateX(90deg); opacity: 0;} .is-visible .cd-headline.rotate-2 i{opacity: 1;} .cd-headline.rotate-2 i.in{-webkit-animation: cd-rotate-2-in 0.4s forwards; -moz-animation: cd-rotate-2-in 0.4s forwards; animation: cd-rotate-2-in 0.4s forwards;} .cd-headline.rotate-2 i.out{-webkit-animation: cd-rotate-2-out 0.4s forwards; -moz-animation: cd-rotate-2-out 0.4s forwards; animation: cd-rotate-2-out 0.4s forwards;} .cd-headline.rotate-2 em{-webkit-transform: translateZ(20px); -moz-transform: translateZ(20px); -ms-transform: translateZ(20px); -o-transform: translateZ(20px); transform: translateZ(20px);} .no-csstransitions .cd-headline.rotate-2 i{-webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 0;} .no-csstransitions .cd-headline.rotate-2 i em{-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);} .no-csstransitions .cd-headline.rotate-2 .is-visible i{opacity: 1;} @-webkit-keyframes cd-rotate-2-in{0%{opacity: 0; -webkit-transform: translateZ(-20px) rotateX(90deg);}60%{opacity: 1; -webkit-transform: translateZ(-20px) rotateX(-10deg);}100%{opacity: 1; -webkit-transform: translateZ(-20px) rotateX(0deg);}} @-moz-keyframes cd-rotate-2-in{0%{opacity: 0; -moz-transform: translateZ(-20px) rotateX(90deg);}60%{opacity: 1; -moz-transform: translateZ(-20px) rotateX(-10deg);}100%{opacity: 1; -moz-transform: translateZ(-20px) rotateX(0deg);}} @keyframes cd-rotate-2-in{0%{opacity: 0; -webkit-transform: translateZ(-20px) rotateX(90deg); -moz-transform: translateZ(-20px) rotateX(90deg); -ms-transform: translateZ(-20px) rotateX(90deg); -o-transform: translateZ(-20px) rotateX(90deg); transform: translateZ(-20px) rotateX(90deg);}60%{opacity: 1; -webkit-transform: translateZ(-20px) rotateX(-10deg); -moz-transform: translateZ(-20px) rotateX(-10deg); -ms-transform: translateZ(-20px) rotateX(-10deg); -o-transform: translateZ(-20px) rotateX(-10deg); transform: translateZ(-20px) rotateX(-10deg);}100%{opacity: 1; -webkit-transform: translateZ(-20px) rotateX(0deg); -moz-transform: translateZ(-20px) rotateX(0deg); -ms-transform: translateZ(-20px) rotateX(0deg); -o-transform: translateZ(-20px) rotateX(0deg); transform: translateZ(-20px) rotateX(0deg);}} @-webkit-keyframes cd-rotate-2-out{0%{opacity: 1; -webkit-transform: translateZ(-20px) rotateX(0);}60%{opacity: 0; -webkit-transform: translateZ(-20px) rotateX(-100deg);}100%{opacity: 0; -webkit-transform: translateZ(-20px) rotateX(-90deg);}} @-moz-keyframes cd-rotate-2-out{0%{opacity: 1; -moz-transform: translateZ(-20px) rotateX(0);}60%{opacity: 0; -moz-transform: translateZ(-20px) rotateX(-100deg);}100%{opacity: 0; -moz-transform: translateZ(-20px) rotateX(-90deg);}} @keyframes cd-rotate-2-out{0%{opacity: 1; -webkit-transform: translateZ(-20px) rotateX(0); -moz-transform: translateZ(-20px) rotateX(0); -ms-transform: translateZ(-20px) rotateX(0); -o-transform: translateZ(-20px) rotateX(0); transform: translateZ(-20px) rotateX(0);}60%{opacity: 0; -webkit-transform: translateZ(-20px) rotateX(-100deg); -moz-transform: translateZ(-20px) rotateX(-100deg); -ms-transform: translateZ(-20px) rotateX(-100deg); -o-transform: translateZ(-20px) rotateX(-100deg); transform: translateZ(-20px) rotateX(-100deg);}100%{opacity: 0; -webkit-transform: translateZ(-20px) rotateX(-90deg); -moz-transform: translateZ(-20px) rotateX(-90deg); -ms-transform: translateZ(-20px) rotateX(-90deg); -o-transform: translateZ(-20px) rotateX(-90deg); transform: translateZ(-20px) rotateX(-90deg);}} .cd-headline.loading-bar span{display: inline-block; padding: .2em 0;} .cd-headline.loading-bar .cd-words-wrapper{overflow: hidden; vertical-align: top;} .cd-headline.loading-bar .cd-words-wrapper::after{content: ''; position: absolute; left: 0; bottom: 0; height: 3px; width: 0; background: #fff; z-index: 2; -webkit-transition: width 0.3s -0.1s; -moz-transition: width 0.3s -0.1s; transition: width 0.3s -0.1s;} .cd-headline.loading-bar .cd-words-wrapper.is-loading::after{width: 100%; -webkit-transition: width 3s; -moz-transition: width 3s; transition: width 3s;} .cd-headline.loading-bar b{top: 10px; opacity: 0; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; transition: opacity 0.3s;} .cd-headline.loading-bar b.is-visible{opacity: 1; top: 0;} .cd-headline.slide span{display: inline-block; padding: .2em 0;} .cd-headline.slide .cd-words-wrapper{overflow: hidden; vertical-align: top;} .cd-headline.slide b{opacity: 0; top: .2em;} .cd-headline.slide b.is-visible{top: 0; opacity: 1; -webkit-animation: slide-in 0.6s; -moz-animation: slide-in 0.6s; animation: slide-in 0.6s;} .cd-headline.slide b.is-hidden{-webkit-animation: slide-out 0.6s; -moz-animation: slide-out 0.6s; animation: slide-out 0.6s;} @-webkit-keyframes slide-in{0%{opacity: 0; -webkit-transform: translateY(-100%);}60%{opacity: 1; -webkit-transform: translateY(20%);}100%{opacity: 1; -webkit-transform: translateY(0);}} @-moz-keyframes slide-in{0%{opacity: 0; -moz-transform: translateY(-100%);}60%{opacity: 1; -moz-transform: translateY(20%);}100%{opacity: 1; -moz-transform: translateY(0);}} @keyframes slide-in{0%{opacity: 0; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%);}60%{opacity: 1; -webkit-transform: translateY(20%); -moz-transform: translateY(20%); -ms-transform: translateY(20%); -o-transform: translateY(20%); transform: translateY(20%);}100%{opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}} @-webkit-keyframes slide-out{0%{opacity: 1; -webkit-transform: translateY(0);}60%{opacity: 0; -webkit-transform: translateY(120%);}100%{opacity: 0; -webkit-transform: translateY(100%);}} @-moz-keyframes slide-out{0%{opacity: 1; -moz-transform: translateY(0);}60%{opacity: 0; -moz-transform: translateY(120%);}100%{opacity: 0; -moz-transform: translateY(100%);}} @keyframes slide-out{0%{opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}60%{opacity: 0; -webkit-transform: translateY(120%); -moz-transform: translateY(120%); -ms-transform: translateY(120%); -o-transform: translateY(120%); transform: translateY(120%);}100%{opacity: 0; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%);}} .cd-headline.clip .cd-words-wrapper{overflow: hidden; vertical-align: top;} .cd-headline.clip .cd-words-wrapper::after{content: ''; position: absolute; top: 0; right: 0; width: 2px; height: 100%; background-color: #fff;} .cd-headline.clip b{opacity: 0;} .cd-headline.clip b.is-visible{opacity: 1;} .cd-headline.zoom .cd-words-wrapper{-webkit-perspective: 300px; -moz-perspective: 300px; perspective: 300px;} .cd-headline.zoom b{opacity: 0;} .cd-headline.zoom b.is-visible{opacity: 1; -webkit-animation: zoom-in 0.8s; -moz-animation: zoom-in 0.8s; animation: zoom-in 0.8s;} .cd-headline.zoom b.is-hidden{-webkit-animation: zoom-out 0.8s; -moz-animation: zoom-out 0.8s; animation: zoom-out 0.8s;} @-webkit-keyframes zoom-in{0%{opacity: 0; -webkit-transform: translateZ(100px);}100%{opacity: 1; -webkit-transform: translateZ(0);}} @-moz-keyframes zoom-in{0%{opacity: 0; -moz-transform: translateZ(100px);}100%{opacity: 1; -moz-transform: translateZ(0);}} @keyframes zoom-in{0%{opacity: 0; -webkit-transform: translateZ(100px); -moz-transform: translateZ(100px); -ms-transform: translateZ(100px); -o-transform: translateZ(100px); transform: translateZ(100px);}100%{opacity: 1; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0);}} @-webkit-keyframes zoom-out{0%{opacity: 1; -webkit-transform: translateZ(0);}100%{opacity: 0; -webkit-transform: translateZ(-100px);}} @-moz-keyframes zoom-out{0%{opacity: 1; -moz-transform: translateZ(0);}100%{opacity: 0; -moz-transform: translateZ(-100px);}} @keyframes zoom-out{0%{opacity: 1; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0);}100%{opacity: 0; -webkit-transform: translateZ(-100px); -moz-transform: translateZ(-100px); -ms-transform: translateZ(-100px); -o-transform: translateZ(-100px); transform: translateZ(-100px);}} .cd-headline.rotate-3 .cd-words-wrapper{-webkit-perspective: 300px; -moz-perspective: 300px; perspective: 300px;} .cd-headline.rotate-3 b{opacity: 0;} .cd-headline.rotate-3 i{display: inline-block; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-backface-visibility: hidden; backface-visibility: hidden;} .is-visible .cd-headline.rotate-3 i{-webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg);} .cd-headline.rotate-3 i.in{-webkit-animation: cd-rotate-3-in 0.6s forwards; -moz-animation: cd-rotate-3-in 0.6s forwards; animation: cd-rotate-3-in 0.6s forwards;} .cd-headline.rotate-3 i.out{-webkit-animation: cd-rotate-3-out 0.6s forwards; -moz-animation: cd-rotate-3-out 0.6s forwards; animation: cd-rotate-3-out 0.6s forwards;} .no-csstransitions .cd-headline.rotate-3 i{-webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); opacity: 0;} .no-csstransitions .cd-headline.rotate-3 .is-visible i{opacity: 1;} @-webkit-keyframes cd-rotate-3-in{0%{-webkit-transform: rotateY(180deg);}100%{-webkit-transform: rotateY(0deg);}} @-moz-keyframes cd-rotate-3-in{0%{-moz-transform: rotateY(180deg);}100%{-moz-transform: rotateY(0deg);}} @keyframes cd-rotate-3-in{0%{-webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg);}100%{-webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg);}} @-webkit-keyframes cd-rotate-3-out{0%{-webkit-transform: rotateY(0);}100%{-webkit-transform: rotateY(-180deg);}} @-moz-keyframes cd-rotate-3-out{0%{-moz-transform: rotateY(0);}100%{-moz-transform: rotateY(-180deg);}} @keyframes cd-rotate-3-out{0%{-webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0);}100%{-webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); transform: rotateY(-180deg);}} .cd-headline.scale b{opacity: 0;} .cd-headline.scale i{display: inline-block; opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0);} .is-visible .cd-headline.scale i{opacity: 1;} .cd-headline.scale i.in{-webkit-animation: scale-up 0.6s forwards; -moz-animation: scale-up 0.6s forwards; animation: scale-up 0.6s forwards;} .cd-headline.scale i.out{-webkit-animation: scale-down 0.6s forwards; -moz-animation: scale-down 0.6s forwards; animation: scale-down 0.6s forwards;} .no-csstransitions .cd-headline.scale i{-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 0;} .no-csstransitions .cd-headline.scale .is-visible i{opacity: 1;} @-webkit-keyframes scale-up{0%{-webkit-transform: scale(0); opacity: 0;}60%{-webkit-transform: scale(1.2); opacity: 1;}100%{-webkit-transform: scale(1); opacity: 1;}} @-moz-keyframes scale-up{0%{-moz-transform: scale(0); opacity: 0;}60%{-moz-transform: scale(1.2); opacity: 1;}100%{-moz-transform: scale(1); opacity: 1;}} @keyframes scale-up{0%{-webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); opacity: 0;}60%{-webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); opacity: 1;}100%{-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1;}} @-webkit-keyframes scale-down{0%{-webkit-transform: scale(1); opacity: 1;}60%{-webkit-transform: scale(0); opacity: 0;}} @-moz-keyframes scale-down{0%{-moz-transform: scale(1); opacity: 1;}60%{-moz-transform: scale(0); opacity: 0;}} @keyframes scale-down{0%{-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1;}60%{-webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); opacity: 0;}} .cd-headline.push b{opacity: 0;} .cd-headline.push b.is-visible{opacity: 1; -webkit-animation: push-in 0.6s; -moz-animation: push-in 0.6s; animation: push-in 0.6s;} .cd-headline.push b.is-hidden{-webkit-animation: push-out 0.6s; -moz-animation: push-out 0.6s; animation: push-out 0.6s;} @-webkit-keyframes push-in{0%{opacity: 0; -webkit-transform: translateX(-100%);}60%{opacity: 1; -webkit-transform: translateX(10%);}100%{opacity: 1; -webkit-transform: translateX(0);}} @-moz-keyframes push-in{0%{opacity: 0; -moz-transform: translateX(-100%);}60%{opacity: 1; -moz-transform: translateX(10%);}100%{opacity: 1; -moz-transform: translateX(0);}} @keyframes push-in{0%{opacity: 0; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%);}60%{opacity: 1; -webkit-transform: translateX(10%); -moz-transform: translateX(10%); -ms-transform: translateX(10%); -o-transform: translateX(10%); transform: translateX(10%);}100%{opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);}} @-webkit-keyframes push-out{0%{opacity: 1; -webkit-transform: translateX(0);}60%{opacity: 0; -webkit-transform: translateX(110%);}100%{opacity: 0; -webkit-transform: translateX(100%);}} @-moz-keyframes push-out{0%{opacity: 1; -moz-transform: translateX(0);}60%{opacity: 0; -moz-transform: translateX(110%);}100%{opacity: 0; -moz-transform: translateX(100%);}} @keyframes push-out{0%{opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);}60%{opacity: 0; -webkit-transform: translateX(110%); -moz-transform: translateX(110%); -ms-transform: translateX(110%); -o-transform: translateX(110%); transform: translateX(110%);}100%{opacity: 0; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%);}} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main{display: block;} body{line-height: 1;} ol, ul{list-style: none;} blockquote, q{quotes: none;} blockquote:before, blockquote:after, q:before, q:after{content: ''; content: none;} table{border-collapse: collapse; border-spacing: 0;} 

/* /theme_twelve_bizople/static/src/scss/blog.custom.web.assets_frontend.scss defined in bundle 'web.assets_frontend' */
 .website_blog #main_column .custom_p{line-height: 29px;} .website_blog #main_column .o_blog_cover_component{height: 300px;} .website_blog #main_column .each_blog .blog_title_short{padding-top: 80px;} .website_blog #main_column .each_blog .blog_small{color: #8d97ad; font-weight: 500; padding-bottom: 10px;} .website_blog #main_column .each_blog .blog_small .blog_date, .website_blog #main_column .each_blog .blog_small .author_name{margin-right: 10px;} .website_blog .o_blog_cover_container{background-image: url(/website/static/src/img/options/layout-boxed.png); background-size: cover; height: 300px !important; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center;} .website_blog .twelve_blog_detail{color: #8d97ad; font-weight: 500;} .website_blog .twelve_blog_detail .author_name{margin-right: 10px;} .website_blog .twelve_blog_detail .tag_name{padding: 13px 16px; font-size: 15px; border-radius: 0px; font-weight: 700;} .website_blog .blog_title_subtitle{margin: 20px 0px;} .website_blog .blog_title_subtitle h1{font-size: 30px;} .website_blog .blog_title_subtitle h3{font-size: 20px;} .website_blog .blog_detail_cover{padding: 36px 50px;} .website_blog .blog_detail_cover .o_blog_cover_container{height: 400px !important; width: auto;} .website_blog .about_us_short p{line-height: 23px;} .website_blog .o_blog_cover_container.cover > .blog_title, .website_blog .o_blog_cover_container.cover_footer > .blog_title{color: white !important; position: relative !important; top: unset !important; left: unset !important; bottom: unset !important; right: unset !important;} .website_blog .o_blog_cover_container.o_list_cover{display: block !important; height: 300px !important;} .website_blog #blog_right_column .advs-box h3, .website_blog #blog_right_column .advs-box h2, .website_blog #blog_right_column h4, .website_blog #blog_right_column .box-steps .step-item > h3{line-height: 54px; border-bottom: 1px solid #c1c0c0; font-weight: 700;} .website_blog #blog_right_column .nav-pills li a{padding: 10px 15px; font-size: 18px; text-align: center;} .website_blog #blog_right_column .nav-pills li a span{font-weight: 600;} .bg-linkedin{background-color: #3476a8;} .bg-googleplus{background-color: #dd4b39;} .website_blog .btn_block .btn{color: #fff;} @media (max-width: 767px){.btn_block .btn{margin: 5px 0px;}} .form-control-feedback{position: absolute; margin-top: -25px; right: 0; z-index: 3; display: block; width: 61px; height: 35px; line-height: 0px; text-align: center; pointer-events: none;} .oe_login_form, .oe_signup_form, .oe_reset_password_form{max-width: 300px; position: relative; margin: 100px auto;} 

/* /theme_twelve_bizople/static/src/js/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--webkit-appearance: none; -moz-appearance: none; 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;}} 

/* /website_mail/static/src/css/website_mail.scss defined in bundle 'web.assets_frontend' */
 .js_follow[data-follow='on'] .js_follow_btn, .js_follow[data-follow='off'] .js_unfollow_btn{display: none;} 

/* /website_animate/static/src/scss/o_animate_frontend.scss defined in bundle 'web.assets_frontend' */
 .o_animate{animation-duration: 1s; animation-fill-mode: both; transform: translate3d(0, 0, 0); backface-visibility: hidden; text-rendering: geometricPrecision; visibility: hidden;} .o_animate_preview{visibility: visible;} .o_anim_dur500{animation-duration: 500ms;} .o_anim_dur1500{animation-duration: 1500ms;} .o_anim_dur2000{animation-duration: 2000ms;} .o_anim_dur2500{animation-duration: 2500ms;} .o_anim_dur3000{animation-duration: 3000ms;} .o_anim_del500{animation-delay: 500ms;} .o_anim_del1000{animation-delay: 1000ms;} .o_anim_del1500{animation-delay: 1500ms;} .o_anim_del2000{animation-delay: 2000ms;} .o_anim_del2500{animation-delay: 2500ms;} @-moz-keyframes o_animate_timeline_duration{0%{width: 0;}100%{width: 100%;}} @-webkit-keyframes o_animate_timeline_duration{0%{width: 0;}100%{width: 100%;}} @keyframes o_animate_timeline_duration{0%{width: 0;}100%{width: 100%;}} @-moz-keyframes o_animate_timeline_delay{0%{width: 0;}100%{width: 100%;}} @-webkit-keyframes o_animate_timeline_delay{0%{width: 0;}100%{width: 100%;}} @keyframes o_animate_timeline_delay{0%{width: 0;}100%{width: 100%;}} @-moz-keyframes o_anim_bounce_in{0%, 20%, 40%, 60%, 80%, 100%{transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; transform: scale(0.3);}20%{transform: scale(1.1);}40%{transform: scale(0.9);}60%{opacity: 1; transform: scale(1.03);}80%{transform: scale(0.97);}100%{opacity: 1; transform: scale(1);}} @-webkit-keyframes o_anim_bounce_in{0%, 20%, 40%, 60%, 80%, 100%{transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; transform: scale(0.3);}20%{transform: scale(1.1);}40%{transform: scale(0.9);}60%{opacity: 1; transform: scale(1.03);}80%{transform: scale(0.97);}100%{opacity: 1; transform: scale(1);}} @keyframes o_anim_bounce_in{0%, 20%, 40%, 60%, 80%, 100%{transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; transform: scale(0.3);}20%{transform: scale(1.1);}40%{transform: scale(0.9);}60%{opacity: 1; transform: scale(1.03);}80%{transform: scale(0.97);}100%{opacity: 1; transform: scale(1);}} .o_anim_bounce_in{animation-name: o_anim_bounce_in;} @-moz-keyframes o_anim_bounce_in_down{0%, 20%, 40%, 60%, 80%, 100%{transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; transform: translate(0, -3000px);}60%{opacity: 1; transform: translate(0, 25px);}75%{transform: translate(0, -10px);}90%{transform: translate(0, 5px);}100%{transform: translate(0, 0);}} @-webkit-keyframes o_anim_bounce_in_down{0%, 20%, 40%, 60%, 80%, 100%{transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; transform: translate(0, -3000px);}60%{opacity: 1; transform: translate(0, 25px);}75%{transform: translate(0, -10px);}90%{transform: translate(0, 5px);}100%{transform: translate(0, 0);}} @keyframes o_anim_bounce_in_down{0%, 20%, 40%, 60%, 80%, 100%{transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; transform: translate(0, -3000px);}60%{opacity: 1; transform: translate(0, 25px);}75%{transform: translate(0, -10px);}90%{transform: translate(0, 5px);}100%{transform: translate(0, 0);}} .o_anim_bounce_in_down{animation-name: o_anim_bounce_in_down;} @-moz-keyframes o_anim_bounce_in_left{0%, 20%, 40%, 60%, 80%, 100%{transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; transform: translate(-3000px, 0);}60%{opacity: 1; transform: translate(25px, 0);}75%{transform: translate(-10px, 0);}90%{transform: translate(5px, 0);}100%{transform: translate(0, 0);}} @-webkit-keyframes o_anim_bounce_in_left{0%, 20%, 40%, 60%, 80%, 100%{transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; transform: translate(-3000px, 0);}60%{opacity: 1; transform: translate(25px, 0);}75%{transform: translate(-10px, 0);}90%{transform: translate(5px, 0);}100%{transform: translate(0, 0);}} @keyframes o_anim_bounce_in_left{0%, 20%, 40%, 60%, 80%, 100%{transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; transform: translate(-3000px, 0);}60%{opacity: 1; transform: translate(25px, 0);}75%{transform: translate(-10px, 0);}90%{transform: translate(5px, 0);}100%{transform: translate(0, 0);}} .o_anim_bounce_in_left{animation-name: o_anim_bounce_in_left;} @-moz-keyframes o_anim_bounce_in_right{0%, 20%, 40%, 60%, 80%, 100%{transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; transform: translate(3000px, 0);}60%{opacity: 1; transform: translate(-25px, 0);}75%{transform: translate(10px, 0);}90%{transform: translate(-5px, 0);}100%{transform: translate(0, 0);}} @-webkit-keyframes o_anim_bounce_in_right{0%, 20%, 40%, 60%, 80%, 100%{transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; transform: translate(3000px, 0);}60%{opacity: 1; transform: translate(-25px, 0);}75%{transform: translate(10px, 0);}90%{transform: translate(-5px, 0);}100%{transform: translate(0, 0);}} @keyframes o_anim_bounce_in_right{0%, 20%, 40%, 60%, 80%, 100%{transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; transform: translate(3000px, 0);}60%{opacity: 1; transform: translate(-25px, 0);}75%{transform: translate(10px, 0);}90%{transform: translate(-5px, 0);}100%{transform: translate(0, 0);}} .o_anim_bounce_in_right{animation-name: o_anim_bounce_in_right;} @-moz-keyframes o_anim_fade_in{0%{opacity: 0;}100%{opacity: 1;}} @-webkit-keyframes o_anim_fade_in{0%{opacity: 0;}100%{opacity: 1;}} @keyframes o_anim_fade_in{0%{opacity: 0;}100%{opacity: 1;}} .o_anim_fade_in{animation-name: o_anim_fade_in;} @-moz-keyframes o_anim_fade_in_down{0%{opacity: 0; transform: translate(0, -100%);}100%{opacity: 1; transform: translate(0, 0);}} @-webkit-keyframes o_anim_fade_in_down{0%{opacity: 0; transform: translate(0, -100%);}100%{opacity: 1; transform: translate(0, 0);}} @keyframes o_anim_fade_in_down{0%{opacity: 0; transform: translate(0, -100%);}100%{opacity: 1; transform: translate(0, 0);}} .o_anim_fade_in_down{animation-name: o_anim_fade_in_down;} @-moz-keyframes o_anim_fade_in_left{0%{opacity: 0; transform: translate(-100%, 0);}100%{opacity: 1; transform: translate(0, 0);}} @-webkit-keyframes o_anim_fade_in_left{0%{opacity: 0; transform: translate(-100%, 0);}100%{opacity: 1; transform: translate(0, 0);}} @keyframes o_anim_fade_in_left{0%{opacity: 0; transform: translate(-100%, 0);}100%{opacity: 1; transform: translate(0, 0);}} .o_anim_fade_in_left{animation-name: o_anim_fade_in_left;} @-moz-keyframes o_anim_fade_in_right{0%{opacity: 0; transform: translate(100%, 0);}100%{opacity: 1; transform: translate(0, 0);}} @-webkit-keyframes o_anim_fade_in_right{0%{opacity: 0; transform: translate(100%, 0);}100%{opacity: 1; transform: translate(0, 0);}} @keyframes o_anim_fade_in_right{0%{opacity: 0; transform: translate(100%, 0);}100%{opacity: 1; transform: translate(0, 0);}} .o_anim_fade_in_right{animation-name: o_anim_fade_in_right;} @-moz-keyframes o_anim_fade_in_up{0%{opacity: 0; transform: translate(0, 100%);}100%{opacity: 1; transform: translate(0, 0);}} @-webkit-keyframes o_anim_fade_in_up{0%{opacity: 0; transform: translate(0, 100%);}100%{opacity: 1; transform: translate(0, 0);}} @keyframes o_anim_fade_in_up{0%{opacity: 0; transform: translate(0, 100%);}100%{opacity: 1; transform: translate(0, 0);}} .o_anim_fade_in_up{animation-name: o_anim_fade_in_up;} @-moz-keyframes o_anim_fade_out{0%{opacity: 1;}100%{opacity: 0;}} @-webkit-keyframes o_anim_fade_out{0%{opacity: 1;}100%{opacity: 0;}} @keyframes o_anim_fade_out{0%{opacity: 1;}100%{opacity: 0;}} .o_anim_fade_out{animation-name: o_anim_fade_out;} @-moz-keyframes o_anim_rotate_in{0%{opacity: 0; transform-origin: center; transform: rotate(-200deg);}100%{opacity: 1; transform-origin: center; transform: rotate(0);}} @-webkit-keyframes o_anim_rotate_in{0%{opacity: 0; transform: rotate(-200deg);}100%{opacity: 1; transform: rotate(0);}} @keyframes o_anim_rotate_in{0%{opacity: 0; transform: rotate(-200deg);}100%{opacity: 1; transform: rotate(0);}} .o_anim_rotate_in{animation-name: o_anim_rotate_in;} @-moz-keyframes o_anim_rotate_in_down_left{0%{opacity: 0; transform-origin: left bottom; transform: rotate(-45deg);}100%{opacity: 1; transform-origin: left bottom; transform: rotate(0);}} @-webkit-keyframes o_anim_rotate_in_down_left{0%{opacity: 0; transform-origin: left bottom; transform: rotate(-45deg);}100%{opacity: 1; transform-origin: left bottom; transform: rotate(0);}} @keyframes o_anim_rotate_in_down_left{0%{opacity: 0; transform-origin: left bottom; transform: rotate(-45deg);}100%{opacity: 1; transform-origin: left bottom; transform: rotate(0);}} .o_anim_rotate_in_down_left{animation-name: o_anim_rotate_in_down_left;} @-moz-keyframes o_anim_rotate_in_down_right{0%{opacity: 0; transform-origin: right bottom; transform: rotate(45deg);}100%{opacity: 1; transform-origin: right bottom; transform: rotate(0);}} @-webkit-keyframes o_anim_rotate_in_down_right{0%{opacity: 0; transform-origin: right bottom; transform: rotate(45deg);}100%{opacity: 1; transform-origin: right bottom; transform: rotate(0);}} @keyframes o_anim_rotate_in_down_right{0%{opacity: 0; transform-origin: right bottom; transform: rotate(45deg);}100%{opacity: 1; transform-origin: right bottom; transform: rotate(0);}} .o_anim_rotate_in_down_right{animation-name: o_anim_rotate_in_down_right;} @-moz-keyframes o_anim_zoom_in{0%{opacity: 0; transform: scale(0.3);}50%{opacity: 1;}} @-webkit-keyframes o_anim_zoom_in{0%{opacity: 0; transform: scale(0.3);}50%{opacity: 1;}} @keyframes o_anim_zoom_in{0%{opacity: 0; transform: scale(0.3);}50%{opacity: 1;}} .o_anim_zoom_in{animation-name: o_anim_zoom_in;} @-moz-keyframes o_anim_zoom_in_down{0%{opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} @-webkit-keyframes o_anim_zoom_in_down{0%{opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} @keyframes o_anim_zoom_in_down{0%{opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} .o_anim_zoom_in_down{animation-name: o_anim_zoom_in_down;} @-moz-keyframes o_anim_zoom_in_left{0%{opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} @-webkit-keyframes o_anim_zoom_in_left{0%{opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} @keyframes o_anim_zoom_in_left{0%{opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} .o_anim_zoom_in_left{animation-name: o_anim_zoom_in_left;} @-moz-keyframes o_anim_zoom_in_right{0%{opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} @-webkit-keyframes o_anim_zoom_in_right{0%{opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} @keyframes o_anim_zoom_in_right{0%{opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} .o_anim_zoom_in_right{animation-name: o_anim_zoom_in_right;} @-moz-keyframes o_anim_flash{0%, 50%, 100%{opacity: 1;}25%, 75%{opacity: 0;}} @-webkit-keyframes o_anim_flash{0%, 50%, 100%{opacity: 1;}25%, 75%{opacity: 0;}} @keyframes o_anim_flash{0%, 50%, 100%{opacity: 1;}25%, 75%{opacity: 0;}} .o_anim_flash{animation-name: o_anim_flash;} @-moz-keyframes o_anim_pulse{0%{transform: scale(1);}50%{transform: scale(1.05);}100%{transform: scale(1);}} @-webkit-keyframes o_anim_pulse{0%{transform: scale(1);}50%{transform: scale(1.05);}100%{transform: scale(1);}} @keyframes o_anim_pulse{0%{transform: scale(1);}50%{transform: scale(1.05);}100%{transform: scale(1);}} .o_anim_pulse{animation-name: o_anim_pulse;} @-moz-keyframes o_anim_shake{0%, 100%{transform: translate(0, 0);}10%, 30%, 50%, 70%, 90%{transform: translate(-10px, 0);}20%, 40%, 60%, 80%{transform: translate(10px, 0);}} @-webkit-keyframes o_anim_shake{0%, 100%{transform: translate(0, 0);}10%, 30%, 50%, 70%, 90%{transform: translate(-10px, 0);}20%, 40%, 60%, 80%{transform: translate(10px, 0);}} @keyframes o_anim_shake{0%, 100%{transform: translate(0, 0);}10%, 30%, 50%, 70%, 90%{transform: translate(-10px, 0);}20%, 40%, 60%, 80%{transform: translate(10px, 0);}} .o_anim_shake{animation-name: o_anim_shake;} @-moz-keyframes o_anim_tada{0%{transform: scale3d(1, 1, 1);}10%, 20%{transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);}30%, 50%, 70%, 90%{transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);}40%, 60%, 80%{transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);}100%{transform: scale3d(1, 1, 1);}} @-webkit-keyframes o_anim_tada{0%{transform: scale3d(1, 1, 1);}10%, 20%{transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);}30%, 50%, 70%, 90%{transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);}40%, 60%, 80%{transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);}100%{transform: scale3d(1, 1, 1);}} @keyframes o_anim_tada{0%{transform: scale3d(1, 1, 1);}10%, 20%{transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);}30%, 50%, 70%, 90%{transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);}40%, 60%, 80%{transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);}100%{transform: scale3d(1, 1, 1);}} .o_anim_tada{animation-name: o_anim_tada;} @-moz-keyframes o_anim_flip_in_x{0%{perspective: 400px; transform: rotateX(90deg); transition-timing-function: ease-in; opacity: 0;}40%{perspective: 400px; transform: rotateX(-20deg); transition-timing-function: ease-in;}60%{perspective: 400px; transform: rotateX(10deg); opacity: 1;}80%{perspective: 400px; transform: rotateX(-5deg);}100%{perspective: 400px;}} @-webkit-keyframes o_anim_flip_in_x{0%{perspective: 400px; transform: rotateX(90deg); transition-timing-function: ease-in; opacity: 0;}40%{perspective: 400px; transform: rotateX(-20deg); transition-timing-function: ease-in;}60%{perspective: 400px; transform: rotateX(10deg); opacity: 1;}80%{perspective: 400px; transform: rotateX(-5deg);}100%{perspective: 400px;}} @keyframes o_anim_flip_in_x{0%{perspective: 400px; transform: rotateX(90deg); transition-timing-function: ease-in; opacity: 0;}40%{perspective: 400px; transform: rotateX(-20deg); transition-timing-function: ease-in;}60%{perspective: 400px; transform: rotateX(10deg); opacity: 1;}80%{perspective: 400px; transform: rotateX(-5deg);}100%{perspective: 400px;}} .o_anim_flip_in_x{backface-visibility: visible; animation-name: o_anim_flip_in_x;} @-moz-keyframes o_anim_flip_in_y{0%{perspective: 400px; transform: rotateY(90deg); transition-timing-function: ease-in; opacity: 0;}40%{perspective: 400px; transform: rotateY(-20deg); transition-timing-function: ease-in;}60%{perspective: 400px; transform: rotateY(10deg); opacity: 1;}80%{perspective: 400px; transform: rotateY(-5deg);}100%{perspective: 400px;}} @-webkit-keyframes o_anim_flip_in_y{0%{perspective: 400px; transform: rotateY(90deg); transition-timing-function: ease-in; opacity: 0;}40%{perspective: 400px; transform: rotateY(-20deg); transition-timing-function: ease-in;}60%{perspective: 400px; transform: rotateY(10deg); opacity: 1;}80%{perspective: 400px; transform: rotateY(-5deg);}100%{perspective: 400px;}} @keyframes o_anim_flip_in_y{0%{perspective: 400px; transform: rotateY(90deg); transition-timing-function: ease-in; opacity: 0;}40%{perspective: 400px; transform: rotateY(-20deg); transition-timing-function: ease-in;}60%{perspective: 400px; transform: rotateY(10deg); opacity: 1;}80%{perspective: 400px; transform: rotateY(-5deg);}100%{perspective: 400px;}} .o_anim_flip_in_y{backface-visibility: visible; animation-name: o_anim_flip_in_y;} 

/* /website_form/static/src/scss/website_form.scss defined in bundle 'web.assets_frontend' */
 .o_website_form_flex{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;} .o_website_form_flex_item{flex-basis: 33%;} @media (max-width: 991.98px){.o_website_form_flex_item{flex-basis: 50%;}} @media (max-width: 767.98px){.o_website_form_flex_item{flex-basis: 100%;}} .o_website_form_field_hidden{display: none;} .editor_enable .o_website_form_field_hidden{display: block; opacity: 0.5;} .editor_enable .s_website_form .form-field select{pointer-events: none;} .o_website_form_required .col-form-label:after, .o_website_form_required_custom .col-form-label:after{content: ' *';} #editable_select.form-control{height: 100%;} .form-field input[type=file].form-control{height: 100%;} 

/* /website_blog/static/src/scss/website_blog.scss defined in bundle 'web.assets_frontend' */
 .website_blog{} .website_blog .css_website_mail .o_has_error{border-color: red;} .website_blog .css_website_mail .css_nav_month{display: none;} .website_blog .css_website_mail .css_nav_month:first-of-type{display: block;} .website_blog .read_width{max-width: 700px; margin-left: auto; margin-right: auto;} .website_blog .blog_content{min-height: 350px !important;} .website_blog .blog_content a.oe_mail_expand:after{content: " →";} .website_blog .blog_content a.oe_mail_expand{font-weight: bold;} .website_blog p.post-meta{position: relative; top: -5px;} .website_blog div#blog_angle_down a:hover{text-decoration: none;} .website_blog .o_blog_cover_container{position: relative;} .website_blog .o_blog_cover_container > .o_blog_cover_component{position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: none; background-size: cover; background-position: center; background-repeat: no-repeat;} .website_blog .o_blog_cover_container > .blog_title{margin: 0 auto; text-align: center; font-weight: bold;} .website_blog .o_blog_cover_container.cover > .o_blog_cover_component{display: block;} .website_blog .o_blog_cover_container.cover > .blog_title, .website_blog .o_blog_cover_container.cover_footer > .blog_title{color: white; position: absolute; top: 20%; left: 30px; bottom: auto; right: 30px;} .website_blog .o_blog_cover_container.cover_full{height: 600px; height: 100vh;} .website_blog .o_blog_cover_container.cover_narrow{height: 300px; height: 50vh;} .website_blog .o_blog_cover_container.o_list_cover{display: none; width: auto !important; height: 250px !important;} .website_blog .o_blog_cover_container.o_list_cover.cover{display: block;} .website_blog .o_blog_cover_container.cover_footer{min-height: 350px; height: 65vh; background-color: #B8B8B8; cursor: pointer;} @media (max-width: 767.98px){.website_blog .o_blog_cover_container > .blog_title > h1{font-size: 26px;}.website_blog .o_blog_cover_container > .blog_title > h2{font-size: 20px;}.website_blog .o_blog_cover_container.cover > .blog_title{top: 10%;}.website_blog .o_blog_cover_container.cover_narrow{height: 65vh;}.website_blog .o_blog_cover_container.cover_footer{min-height: 280px; height: 50vh;}.website_blog .o_blog_cover_container.cover_footer > .blog_title{top: 2%;}} .website_blog mark + .popover, .website_blog .cover_footer{cursor: pointer;} .website_blog .js_publish_management{z-index: 1;} .website_blog .js_publish_management .dropdown-menu{left: auto; right: 0;} .website_blog .o_blog_post_title{font-size: 24px;} .website_blog .o_blog_post_teaser{text-align: justify;} .website_blog .o_grid{margin: 0 6% 6% 0; border: 1px solid #EEEEEE; box-shadow: 0.5px 0.5px 0.5px 0.5px #eeeeee; padding-bottom: 15px;} .website_blog .o_grid .o_blog_post_teaser{width: 100%;} .website_blog .o_grid > .text-muted > .mb0 > hr{display: none;} .website_blog .o_author_avatar_little{width: 40px; display: inline; margin-top: -5px;} .website_blog .o_sharing_links{margin-top: 20px;} .website_blog .o_sharing_links > p{display: inline; font-size: 12px;} .website_blog .o_sharing_links > a{color: #b3b3b3; font: normal normal normal 28px/1 FontAwesome; margin: 0 4px 0 4px; cursor: pointer;} .website_blog .o_sharing_links > a:hover{text-decoration: none;} .website_blog .o_sharing_links > a.o_twitter_complete, .website_blog .o_sharing_links > a.o_twitter:hover{color: #4099FF;} .website_blog .o_sharing_links > a.o_google_complete, .website_blog .o_sharing_links > a.o_google:hover{color: #DD4B39;} .website_blog .o_sharing_links > a.o_facebook_complete, .website_blog .o_sharing_links > a.o_facebook:hover{color: #3b5998;} .website_blog .o_sharing_links > a.o_linkedin_complete, .website_blog .o_sharing_links > a.o_linkedin:hover{color: #0E76A8;} .website_blog .o_sharing_links > a.unhover{color: #b3b3b3;} .website_blog .o_blog_post_complete.o_sharing_links{max-width: 700px; margin: 50px auto 50px auto; text-align: center;} .website_blog .o_blog_post_complete.o_sharing_links > p{font-size: 16px; font-weight: 600;} .website_blog .o_blog_post_complete.o_sharing_links > a{font: normal normal normal 40px/1 FontAwesome;} .website_blog div[name="blog_post_data"]{margin-top: 20px !important; font-size: 13px;} .website_blog div[name="blog_post"]{position: relative;} .website_blog div[name="blog_post"] hr{margin-top: 10px;} .website_blog .blog_post_year_collapse{cursor: pointer;} .website_blog .blog_post_year_collapse > i{color: #5e00ff;} .website_blog section.blog_tags ul.nav-pills li a{padding: 2px 15px;} .s_latest_posts .media > a{width: 100%; height: 200px;} @media (min-width: 768px){.s_latest_posts .media > a{width: 100px; height: 100px;}} .s_latest_posts .media > a > .o_blog_cover_container{position: relative; width: 100%; height: 100%; padding: 0;} .s_latest_posts .media > a > .o_blog_cover_container > .o_blog_cover_component{position: absolute; top: 0; left: 0; bottom: 0; right: 0;} .s_latest_posts .media > a > .o_blog_cover_container > .o_blog_cover_image{background-size: cover; background-position: center;} .s_latest_posts_big_picture .s_latest_posts_post{position: relative; height: 250px; text-align: center; cursor: pointer; transition: all 300ms;} .s_latest_posts_big_picture .s_latest_posts_post.js-loading{background: #e9ecef !important;} .s_latest_posts_big_picture .s_latest_posts_post .thumb{position: relative; display: block; width: 100%; max-width: 100% !important; height: 100%; padding: 0; opacity: 0.8; overflow: hidden;} .s_latest_posts_big_picture .s_latest_posts_post .thumb > .o_blog_cover_component{position: absolute; top: 0; left: 0; bottom: 0; right: 0;} .s_latest_posts_big_picture .s_latest_posts_post .thumb > .o_blog_cover_image{background-size: cover; background-position: center;} .s_latest_posts_big_picture .s_latest_posts_post > div:not(.o_blog_cover_container):not(.js-loading), .s_latest_posts_big_picture .s_latest_posts_post > div:not(.o_blog_cover_container):not(.js-loading) > a{position: absolute; top: 0; left: 15px; bottom: 0; right: 15px; padding: 2em; color: #FFFFFF; text-transform: uppercase; font-size: 1.25em; backface-visibility: hidden;} .s_latest_posts_big_picture .s_latest_posts_post > div:not(.o_blog_cover_container):not(.js-loading)::after, .s_latest_posts_big_picture .s_latest_posts_post > div:not(.o_blog_cover_container):not(.js-loading)::before, .s_latest_posts_big_picture .s_latest_posts_post > div:not(.o_blog_cover_container):not(.js-loading) > a::after, .s_latest_posts_big_picture .s_latest_posts_post > div:not(.o_blog_cover_container):not(.js-loading) > a::before{pointer-events: none;} .s_latest_posts_big_picture .s_latest_posts_post > div:not(.o_blog_cover_container):not(.js-loading) > a{z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0;} .s_latest_posts_big_picture .s_latest_posts_post > div:not(.o_blog_cover_container):not(.js-loading) h2{margin: 0; font-size: 1.5em; font-weight: 300;} .s_latest_posts_big_picture .s_latest_posts_post > div:not(.o_blog_cover_container):not(.js-loading) h2 span{font-weight: 800;} .s_latest_posts_big_picture .s_latest_posts_post > div:not(.o_blog_cover_container):not(.js-loading) p{margin: 1em 0 0; letter-spacing: 1px; font-size: 68.5%;} .s_latest_posts .js_get_posts, .s_latest_posts_big_picture .js_get_posts{position: relative; min-height: 100px;} .s_latest_posts .progress.js-loading, .s_latest_posts_big_picture .progress.js-loading{position: absolute; top: 0; left: 0; bottom: 0; right: 0; border-radius: 0;} .s_latest_posts .progress.js-loading .progress-bar, .s_latest_posts_big_picture .progress.js-loading .progress-bar{position: absolute; top: 45%; left: 10%; bottom: auto; right: 10%; height: 10px; margin: 0; background: #6c757d; box-shadow: none;} 

/* /website_rating/static/src/scss/website_rating.scss defined in bundle 'web.assets_frontend' */
 .o_website_rating_static{color: #FACC2E;} .o_website_rating_card_container{} .o_website_rating_card_container .o_message_counter{color: #495057;} .o_website_rating_card_container table.o_website_rating_progress_table{width: 100%; overflow: visible;} .o_website_rating_card_container table.o_website_rating_progress_table .o_website_rating_table_star_num{min-width: 30px; white-space: nowrap;} .o_website_rating_card_container table.o_website_rating_progress_table .o_website_rating_select[style*="opacity: 1"]{cursor: pointer;} .o_website_rating_card_container table.o_website_rating_progress_table .o_website_rating_table_progress{min-width: 120px;} .o_website_rating_card_container table.o_website_rating_progress_table .o_website_rating_table_progress > .progress{margin-bottom: 5px; margin-left: 5px; margin-right: 5px;} .o_website_rating_card_container table.o_website_rating_progress_table .o_website_rating_table_progress .o_rating_progressbar{background-color: #FACC2E;} .o_website_rating_card_container table.o_website_rating_progress_table .o_website_rating_table_percent{text-align: right; padding-left: 5px; font-size: 0.75rem;} .o_website_rating_card_container table.o_website_rating_progress_table .o_website_rating_table_reset .o_website_rating_select_text{visibility: hidden;} .o_rating_star_card{margin-bottom: 5px;} .o_rating_star_card .stars{display: inline-block; color: #FACC2E; margin-right: 15px;} .o_rating_star_card .stars i{margin-right: -3px; text-align: center;} .o_rating_star_card .stars.enabled{cursor: pointer;} .o_rating_star_card .rate_text{display: inline-block;} 

/* /survey/static/src/css/survey_print.css defined in bundle 'web.assets_frontend' */
@media print{.js_surveyform{font-size: 13px;}.js_surveyform textarea.form-control{height: 10em;}.js_surveyform h1{font-size: 28px;}.js_surveyform h2{font-size: 20px;}.js_question-wrapper{page-break-inside: avoid;}} 

/* /web/static/lib/nvd3/nv.d3.css defined in bundle 'web.assets_frontend' */
 .nvd3 .nv-axis{pointer-events:none; opacity: 1;} .nvd3 .nv-axis path{fill: none; stroke: #000; stroke-opacity: .75; shape-rendering: crispEdges;} .nvd3 .nv-axis path.domain{stroke-opacity: .75;} .nvd3 .nv-axis.nv-x path.domain{stroke-opacity: 0;} .nvd3 .nv-axis line{fill: none; stroke: #e5e5e5; shape-rendering: crispEdges;} .nvd3 .nv-axis .zero line, .nvd3 .nv-axis line.zero{stroke-opacity: .75;} .nvd3 .nv-axis .nv-axisMaxMin text{font-weight: bold;} .nvd3 .x .nv-axis .nv-axisMaxMin text, .nvd3 .x2 .nv-axis .nv-axisMaxMin text, .nvd3 .x3 .nv-axis .nv-axisMaxMin text{text-anchor: middle} .nvd3 .nv-axis.nv-disabled{opacity: 0;} .nvd3 .nv-groups .nv-point.hover{stroke-width: 20px; stroke-opacity: .5;} .nvd3 .nv-scatter .nv-point.hover{fill-opacity: 1;} .nv-noninteractive{pointer-events: none;} .nv-distx, .nv-disty{pointer-events: none;} .nvtooltip{position: absolute; background-color: rgba(255,255,255,1.0); color: rgba(0,0,0,1.0); padding: 1px; border: 1px solid rgba(0,0,0,.2); z-index: 10000; display: block; font-family: Arial; font-size: 13px; text-align: left; pointer-events: none; white-space: nowrap; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .nvtooltip{background: rgba(255,255,255, 0.8); border: 1px solid rgba(0,0,0,0.5); border-radius: 4px;} .nvtooltip.with-transitions, .with-transitions .nvtooltip{transition: opacity 50ms linear; -moz-transition: opacity 50ms linear; -webkit-transition: opacity 50ms linear; transition-delay: 200ms; -moz-transition-delay: 200ms; -webkit-transition-delay: 200ms;} .nvtooltip.x-nvtooltip, .nvtooltip.y-nvtooltip{padding: 8px;} .nvtooltip h3{margin: 0; padding: 4px 14px; line-height: 18px; font-weight: normal; background-color: rgba(247,247,247,0.75); color: rgba(0,0,0,1.0); text-align: center; border-bottom: 1px solid #ebebeb; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;} .nvtooltip p{margin: 0; padding: 5px 14px; text-align: center;} .nvtooltip span{display: inline-block; margin: 2px 0;} .nvtooltip table{margin: 6px; border-spacing:0;} .nvtooltip table td{padding: 2px 9px 2px 0; vertical-align: middle;} .nvtooltip table td.key{font-weight: normal;} .nvtooltip table td.key.total{font-weight: bold;} .nvtooltip table td.value{text-align: right; font-weight: bold;} .nvtooltip table tr.highlight td{padding: 1px 9px 1px 0; border-bottom-style: solid; border-bottom-width: 1px; border-top-style: solid; border-top-width: 1px;} .nvtooltip table td.legend-color-guide div{width: 8px; height: 8px; vertical-align: middle;} .nvtooltip table td.legend-color-guide div{width: 12px; height: 12px; border: 1px solid #999;} .nvtooltip .footer{padding: 3px; text-align: center;} .nvtooltip-pending-removal{pointer-events: none; display: none;} .nvd3 .nv-interactiveGuideLine{pointer-events:none;} .nvd3 line.nv-guideline{stroke: #ccc;} .nvd3 .nv-bars rect{fill-opacity: .75; transition: fill-opacity 250ms linear; -moz-transition: fill-opacity 250ms linear; -webkit-transition: fill-opacity 250ms linear;} .nvd3 .nv-bars rect.hover{fill-opacity: 1;} .nvd3 .nv-bars .hover rect{fill: lightblue;} .nvd3 .nv-bars text{fill: rgba(0,0,0,0);} .nvd3 .nv-bars .hover text{fill: rgba(0,0,0,1);} .nvd3 .nv-multibar .nv-groups rect, .nvd3 .nv-multibarHorizontal .nv-groups rect, .nvd3 .nv-discretebar .nv-groups rect{stroke-opacity: 0; transition: fill-opacity 250ms linear; -moz-transition: fill-opacity 250ms linear; -webkit-transition: fill-opacity 250ms linear;} .nvd3 .nv-multibar .nv-groups rect:hover, .nvd3 .nv-multibarHorizontal .nv-groups rect:hover, .nvd3 .nv-candlestickBar .nv-ticks rect:hover, .nvd3 .nv-discretebar .nv-groups rect:hover{fill-opacity: 1;} .nvd3 .nv-discretebar .nv-groups text, .nvd3 .nv-multibarHorizontal .nv-groups text{font-weight: bold; fill: rgba(0,0,0,1); stroke: rgba(0,0,0,0);} .nvd3 .nv-groups path.nv-line{fill: none;} .nvd3 .nv-groups path.nv-area{stroke: none;} .nvd3.nv-line .nvd3.nv-scatter .nv-groups .nv-point{fill-opacity: 0; stroke-opacity: 0;} .nvd3.nv-scatter.nv-single-point .nv-groups .nv-point{fill-opacity: .5 !important; stroke-opacity: .5 !important;} .with-transitions .nvd3 .nv-groups .nv-point{transition: stroke-width 250ms linear, stroke-opacity 250ms linear; -moz-transition: stroke-width 250ms linear, stroke-opacity 250ms linear; -webkit-transition: stroke-width 250ms linear, stroke-opacity 250ms linear;} .nvd3.nv-scatter .nv-groups .nv-point.hover, .nvd3 .nv-groups .nv-point.hover{stroke-width: 7px; fill-opacity: .95 !important; stroke-opacity: .95 !important;} .nvd3 .nv-point-paths path{stroke: #aaa; stroke-opacity: 0; fill: #eee; fill-opacity: 0;} .nvd3 .nv-indexLine{cursor: ew-resize;} svg.nvd3-svg{-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -ms-user-select: none; -moz-user-select: none; user-select: none; display: block; width:100%; height:100%;} .nvtooltip.with-3d-shadow, .with-3d-shadow .nvtooltip{-moz-box-shadow: 0 5px 10px rgba(0,0,0,.2); -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2); box-shadow: 0 5px 10px rgba(0,0,0,.2); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} .nvd3 text{font: normal 12px Arial;} .nvd3 .title{font: bold 14px Arial;} .nvd3 .nv-background{fill: white; fill-opacity: 0;} .nvd3.nv-noData{font-size: 18px; font-weight: bold;} .nv-brush .extent{fill-opacity: .125; shape-rendering: crispEdges;} .nv-brush .resize path{fill: #eee; stroke: #666;} .nvd3 .nv-legend .nv-series{cursor: pointer;} .nvd3 .nv-legend .nv-disabled circle{fill-opacity: 0;} .nvd3 .nv-brush .extent{fill-opacity: 0 !important;} .nvd3 .nv-brushBackground rect{stroke: #000; stroke-width: .4; fill: #fff; fill-opacity: .7;} .nvd3.nv-pie path{stroke-opacity: 0; transition: fill-opacity 250ms linear, stroke-width 250ms linear, stroke-opacity 250ms linear; -moz-transition: fill-opacity 250ms linear, stroke-width 250ms linear, stroke-opacity 250ms linear; -webkit-transition: fill-opacity 250ms linear, stroke-width 250ms linear, stroke-opacity 250ms linear;} .nvd3.nv-pie .nv-pie-title{font-size: 24px; fill: rgba(19, 196, 249, 0.59);} .nvd3.nv-pie .nv-slice text{stroke: #000; stroke-width: 0;} .nvd3.nv-pie path{stroke: #fff; stroke-width: 1px; stroke-opacity: 1;} .nvd3.nv-pie path{fill-opacity: .7;} .nvd3.nv-pie .hover path{fill-opacity: 1;} .nvd3.nv-pie .nv-label{pointer-events: none;} .nvd3.nv-pie .nv-label rect{fill-opacity: 0; stroke-opacity: 0;} 

/* /survey/static/src/css/survey_result.css defined in bundle 'web.assets_frontend' */
.only_right_radius{border-top-right-radius: 2em; border-bottom-right-radius: 2em; border-top-left-radius: 0; border-bottom-left-radius: 0;} .only_left_radius{border-top-right-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: 2em; border-bottom-left-radius: 2em;} .no_radius{border-radius: 0;} .clear_survey_filter, .filter-all, .filter-finished{cursor: pointer;} .nvtooltip h5{margin: 0; line-height: 18px; font-weight: bold; background-color: rgba(247,247,247,0.75); text-align: center; border-bottom: 1px solid #ebebeb; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;} .survey_answer i{padding:3px; cursor:pointer;} .survey_answer i.invisible{visibility: hidden!important;} @media print{.tab-content > .tab-pane{display: block;}.tab-content > .survey_graph > svg{width: 1150px;}} .o_preview_questions{border: 3px solid #C9C6C6; width: auto; padding: 10px 30px 5px; margin-top: 15px; color: #C9C6C6;} .o_preview_questions .o_datetime{border: 1px solid #D8D7D7; margin-bottom: 5px;} .o_preview_questions .o_matrix_head{border-bottom: 1px solid #D8D7D7;} .o_preview_questions .o_matrix_row{border-top: 1px solid #D8D7D7;} 

/* /website_sale/static/src/scss/website_sale.scss defined in bundle 'web.assets_frontend' */
 .oe_product{border: 1px solid rgba(100, 100, 100, 0.2);} .oe_website_sale ul ul{margin-left: 1.5rem;} .oe_website_sale .o_payment_form .card{border-radius: 4px !important;} .oe_website_sale .address-inline address{display: inline-block;} .oe_website_sale table#cart_products tr td, .oe_website_sale table#suggested_products tr td{vertical-align: middle;} .oe_website_sale table#cart_products{margin-bottom: 0;} .oe_website_sale table#cart_products td:first-child, .oe_website_sale table#cart_products th:first-child{padding-left: 15px;} .oe_website_sale h1[itemprop="name"], .oe_website_sale .oe_product_cart form h6, .oe_website_sale .td-product_name{word-break: break-word; word-wrap: break-word; overflow-wrap: break-word;} @media (max-width: 767.98px){.oe_website_sale .td-img{display: none;}} @media (min-width: 1200px){.oe_website_sale .toggle_summary_div{max-width: 400px;}} .o_alternative_product{margin: auto;} .oe_product{position: relative;} .oe_product .oe_product_image{position: absolute; left: 15px; right: 15px; top: 15px; bottom: 55px; text-align: center;} .oe_product .oe_product_image img{max-width: 100%; max-height: 100%; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 4;} .oe_product section{position: absolute; left: 0; right: 0; bottom: 0; overflow: hidden; padding: 0 15px 0 10px; min-height: 56px; border-top: 1px solid rgba(255, 255, 255, 0.2); background: rgba(255, 255, 255, 0.75); z-index: 5;} .oe_product .product_price{bottom: 0;} .oe_product .oe_product_cart{position: relative; width: 100%; height: 100%;} .oe_product .oe_subdescription{font-size: 0.8em; overflow: hidden; margin-bottom: 10px;} .oe_product .js_publish_management{z-index: 5;} .oe_mycart .input-group-addon{padding-left: 6px; padding-right: 6px;} .oe_product.oe_image_full .oe_product_image{left: 0; right: 0; top: 0; bottom: 0;} .oe_product.oe_ribbon_promo .ribbon-wrapper{display: block;} .oe_product .ribbon-wrapper{display: none; width: 85px; height: 88px; z-index: 5; overflow: hidden; position: absolute; top: 0; right: 0;} .oe_product .ribbon{font: bold 15px Sans-Serif; color: white; text-align: center; transform: rotate(45deg); position: relative; padding: 7px 0; left: -5px; top: 15px; width: 120px; cursor: default;} #products_grid > table tr:not(:first-child) > td{height: 100%;} #products_grid.col-lg-12 > table > tbody > tr > td:empty, #products_grid.col-lg-9 > table > tbody > tr > td:empty{height: 0;} #products_grid.col-lg-12 .oe-height-1{height: 75px;} #products_grid.col-lg-12 .oe-height-2{height: 150px;} #products_grid.col-lg-12 .oe-height-4{height: 300px;} #products_grid.col-lg-12 .oe-height-6{height: 450px;} #products_grid.col-lg-12 .oe-height-8{height: 600px;} #products_grid.col-lg-9 .oe-height-1{height: 70px;} #products_grid.col-lg-9 .oe-height-2{height: 140px;} #products_grid.col-lg-9 .oe-height-4{height: 280px;} #products_grid.col-lg-9 .oe-height-6{height: 420px;} #products_grid.col-lg-9 .oe-height-8{height: 560px;} #products_grid .oe_product.oe_grid .oe_subdescription{max-height: 40px;} @media (min-width: 992px){#products_grid.col-lg-12 .oe-height-1{height: 95px;}#products_grid.col-lg-12 .oe-height-2{height: 190px;}#products_grid.col-lg-12 .oe-height-4{height: 380px;}#products_grid.col-lg-12 .oe-height-6{height: 570px;}#products_grid.col-lg-12 .oe-height-8{height: 760px;}#products_grid.col-lg-12 .oe_product.oe_grid .oe_subdescription{max-height: 70px;}#products_grid.col-lg-9 .oe-height-1{height: 72px;}#products_grid.col-lg-9 .oe-height-2{height: 144px;}#products_grid.col-lg-9 .oe-height-4{height: 288px;}#products_grid.col-lg-9 .oe-height-6{height: 432px;}#products_grid.col-lg-9 .oe-height-8{height: 576px;}} @media (min-width: 1200px){#products_grid.col-lg-12 .oe-height-1{height: 125px;}#products_grid.col-lg-12 .oe-height-2{height: 250px;}#products_grid.col-lg-12 .oe-height-4{height: 500px;}#products_grid.col-lg-12 .oe-height-6{height: 750px;}#products_grid.col-lg-12 .oe-height-8{height: 1000px;}#products_grid.col-lg-9 .oe-height-1{height: 95px;}#products_grid.col-lg-9 .oe-height-2{height: 190px;}#products_grid.col-lg-9 .oe-height-4{height: 380px;}#products_grid.col-lg-9 .oe-height-6{height: 570px;}#products_grid.col-lg-9 .oe-height-8{height: 760px;}#products_grid .oe_product.oe_grid .oe_subdescription{max-height: 120px;}} @media (max-width: 767.98px){#products_grid table, #products_grid tbody, #products_grid td, #products_grid tr{float: left; width: 100%; display: inline-block;}#products_grid .oe_product{float: left; width: 100%; display: inline-block;}#products_grid .oe_product.oe_grid{height: 400px;}#products_grid .oe_product.oe_grid section{background: rgba(100, 100, 100, 0.2);}#products_grid .oe_product .oe_subdescription{max-height: 200px;}} @media (max-width: 400px){#products_grid .oe_product.oe_grid{height: 270px;}#products_grid .oe_product.oe_list{height: 200px;}#products_grid .oe_product.oe_list .oe_subdescription{max-height: 40px;}#products_grid .oe_product.oe_list section{background: rgba(100, 100, 100, 0.2);}#products_grid .oe_product .oe_product_image{top: 0; bottom: 65px;}#products_grid .oe_product.oe_image_full .oe_product_image{bottom: 50px;}} .oe_cart table td:first-child{min-width: 76px;} .oe_cart > .oe_structure{clear: both;} div#payment_method div.list-group{margin-left: 40px;} div#payment_method .list-group-item{padding-top: 5px; padding-bottom: 5px;} @media (min-width: 400px){.oe_product.oe_list{border: none; border-bottom: 1px solid rgba(100, 100, 100, 0.2); width: 100%; min-height: 100px; position: relative; padding-bottom: 5px; padding-left: 180px;}.oe_product.oe_list .oe_product_image{top: 0; bottom: 0; left: 0; right: 0; width: 170px;}.oe_product.oe_list section{position: relative; border: 0; top: auto; bottom: auto; left: auto; right: auto; background: transparent;}} .oe_website_sale .row .row .col-lg-12{float: none;} .product_detail_img{margin-left: auto; margin-right: auto; display: block; max-height: 500px;} .oe_website_sale input.js_quantity{min-width: 48px; text-align: center;} .oe_website_sale input.quantity{padding: 0;} .oe_overlay_options .dropdown div[name="size"] table{margin-left: 20px;} .oe_overlay_options .dropdown div[name="size"] td{margin: 0; padding: 0; width: 20px; height: 20px; border: 1px #dddddd solid; cursor: pointer;} .oe_overlay_options .dropdown div[name="size"] td.selected{background-color: #B1D4F1;} .oe_overlay_options .dropdown div[name="size"] table.oe_hover td.selected{background-color: transparent;} .oe_overlay_options .dropdown div[name="size"] table.oe_hover td.select{background-color: #B1D4F1;} ul.wizard{padding: 0; margin-top: 20px; list-style: none outside none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.065); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.065); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.065);} ul.wizard li{border: 1px solid #d4d4d4; border-right-width: 0; position: relative; float: left; padding: 0 10px 0 20px; margin: 0; line-height: 38px; background: #fbfbfb;} ul.wizard li .chevron{position: absolute; top: 0; right: -10px; z-index: 1; display: block; border: 20px solid transparent; border-right: 0; border-left: 10px solid #d4d4d4;} ul.wizard li .chevron:before{position: absolute; top: -20px; right: 1px; display: block; border: 20px solid transparent; border-right: 0; border-left: 10px solid #fbfbfb; content: "";} ul.wizard li .o_link_disable{text-decoration: none; color: inherit; cursor: text;} ul.wizard li.text-success{background: #f3f4f5;} ul.wizard li.text-success .chevron:before{border-left: 10px solid #f5f5f5;} ul.wizard li.text-primary{background: #f1f6fc;} ul.wizard li.text-primary .chevron:before{border-left: 10px solid #f1f6fc;} ul.wizard li:first-child{padding-left: 15px; border-radius: 4px 0 0 4px;} ul.wizard li:last-child{border-radius: 0 4px 4px 0; border-right-width: 1px;} ul.wizard li:last-child .chevron{display: none;} #o_shop_collapse_category li{width: 100%;} #o_shop_collapse_category li a{display: inline-block; width: 80%; padding-left: 3px;} #o_shop_collapse_category li i.fa{cursor: pointer;} .mycart-popover{max-width: 500px; min-width: 250px;} .mycart-popover .cart_line{border-bottom: 1px #EEE solid;} tr#empty{display: none;} td.noborder{border: none !important;} .border_primary{border: 1px solid #5e00ff;} .js_change_shipping{cursor: pointer;} a.no-decoration{cursor: pointer; text-decoration: none !important;} #o-carousel-product.css_not_available{opacity: 0.2;} #o-carousel-product .carousel-inner div.item, #o-carousel-product .carousel-control-prev, #o-carousel-product .carousel-control-next{height: 400px;} #o-carousel-product .carousel-inner div.item img{max-height: 100%;} #o-carousel-product .carousel-control-prev, #o-carousel-product carousel-control-next{background-image: none !important;} #o-carousel-product .carousel-indicators{background-color: transparent; margin: 10px 0 0; overflow-y: hidden; position: static; text-align: left; white-space: nowrap; width: 100%; height: 100px !important; text-align: center; list-style-position: inside;} #o-carousel-product .carousel-indicators li{background-color: transparent !important; border-radius: 0; display: inline-block; margin: 0 !important; width: 54px !important; height: 54px !important; border: 0 !important; box-shadow: none !important;} #o-carousel-product .carousel-indicators li img{display: block; opacity: 0.5;} #o-carousel-product .carousel-indicators li.active img{opacity: 1;} .ecom-zoomable:not(.ecom-autozoom) img[data-zoom]{cursor: zoom-in;} .ecom-zoomable.ecom-autozoom img[data-zoom]{cursor: crosshair;} .ecom-zoomable .o_editable img[data-zoom]{cursor: pointer;} .break-word{word-wrap: break-word;} #coupon_box form{max-width: 300px;} .font-weight-normal{font-weight: normal;} .o_website_sale_animate{opacity: 0.7; position: absolute !important; height: 150px; width: 150px; z-index: 1020;} .o_red_highlight{background: #db0700 !important; box-shadow: 0 0 0 0 rgba(240, 8, 0, 0.4); transition: all 0.5s linear;} .o_shadow_animation{box-shadow: 0 0 5px 10px rgba(240, 8, 0, 0.4) !important;} 

/* /website_sale/static/src/scss/website_mail.scss defined in bundle 'web.assets_frontend' */
 .oe_msg img.oe_msg_avatar{width: 50px; margin-right: 10px;} .oe_msg_attachment{display: inline-block; width: 120px; margin: 4px 2px; min-height: 80px; position: relative; border-radius: 3px; text-align: center; vertical-align: top;} .oe_msg_attachment a img.oe_attachment_embedded{display: block; position: relative; margin: 0 0 0 10px; width: 100px; height: 80px; border-radius: 1px; border: solid 3px #FFF; -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.19); -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.19); box-shadow: 0 3px 10px rgba(0, 0, 0, 0.19);} .oe_msg_attachment a div.oe_attachment_name{display: inline-block; max-width: 100%; padding: 1px 3px; margin-top: 2px; margin-bottom: 5px; background: #F4F5FA; overflow: hidden; color: #4c4c4c; text-shadow: none; border-radius: 3px; word-wrap: break-word;} 

/* /website_sale/static/src/scss/website_sale_frontend.scss defined in bundle 'web.assets_frontend' */
 .progress-wizard{margin-top: 15px; padding: 0 15px;} @media (min-width: 768px){.progress-wizard{padding: 0;}} .progress-wizard .progress-wizard-step{position: relative;} @media (min-width: 768px){.progress-wizard .progress-wizard-step{margin-top: 0.8125rem; float: left; width: 33.33333333%;}.o_wizard_has_extra_step + .progress-wizard .progress-wizard-step{width: 25%;}} @media (max-width: 767.98px){.progress-wizard .progress-wizard-step.disabled, .progress-wizard .progress-wizard-step.complete{display: none;}} .progress-wizard .progress-wizard-step .progress-wizard-dot{width: 0.625rem; height: 0.625rem; position: relative; display: inline-block; background-color: white; border-radius: 50%; box-shadow: 0 0 0 0.125rem #e9ecef;} @media (min-width: 768px){.progress-wizard .progress-wizard-step .progress-wizard-dot{position: absolute; top: auto; left: 50%; bottom: auto; right: auto; margin: -0.375rem 0 0 -0.3125rem;}} .progress-wizard .progress-wizard-step .progress-wizard-steplabel{color: #6c757d; margin: 5px 0 5px 5px; font-size: 0.875rem; display: inline-block;} @media (min-width: 768px){.progress-wizard .progress-wizard-step .progress-wizard-steplabel{display: block; margin: 1rem 0 20px 0;}} @media (max-width: 767.98px){.progress-wizard .progress-wizard-step .progress-wizard-steplabel{margin-left: -15px; font-size: 24px;}} .progress-wizard .progress-wizard-step .progress-wizard-bar{height: 0.125rem; background-color: #e9ecef;} .progress-wizard .progress-wizard-step.active .progress-wizard-dot{animation: fadeIn 1s ease 0s 1 normal none running; background: #5e00ff; box-shadow: 0 0 0 0.1875rem white, 0 0 0 0.25rem rgba(94, 0, 255, 0.5);} .progress-wizard .progress-wizard-step.active .progress-wizard-steplabel{color: #6d7175; font-weight: bolder;} .progress-wizard .progress-wizard-step.complete .progress-wizard-dot{background: none; box-shadow: none;} .progress-wizard .progress-wizard-step.complete .progress-wizard-dot:after{position: absolute; top: -0.3125rem; left: -0.3125rem; bottom: auto; right: auto; width: 1.25rem; height: 1.25rem; border-radius: 100%; background: white; color: #00b115; text-align: center; line-height: 1; font-size: 1.25rem; font-family: FontAwesome; content: "\f058";} .progress-wizard .progress-wizard-step.complete .progress-wizard-steplabel{color: #00b115;} .progress-wizard .progress-wizard-step.complete:hover:not(.disabled) .progress-wizard-dot:after{color: #00b115;} .progress-wizard .progress-wizard-step.complete:hover:not(.disabled) .progress-wizard-steplabel{color: #6d7175;} .progress-wizard .progress-wizard-step.disabled{cursor: default;} table.js_cart_lines .td-img img{max-height: 64px;} 

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

/* /sale/static/src/scss/product_configurator.scss defined in bundle 'web.assets_frontend' */
 .css_attribute_color{display: inline-block; border: 1px solid #999999; text-align: center;} .css_attribute_color input{margin: 8px; height: 13px; opacity: 0;} .css_attribute_color.active{border: 3px ridge #66ee66;} .css_attribute_color.active input{margin: 6px;} .css_attribute_color.custom_value{background-image: linear-gradient(to bottom right, #FF0000, #FFF200, #1E9600);} .css_not_available_msg{display: none;} .css_not_available.js_product > *:nth-child(4) > *{display: none;} .css_not_available.js_product .css_quantity, .css_not_available.js_product .product_price{display: none;} .css_not_available.js_product .css_not_available_msg{display: block;} .css_not_available.js_product .js_add, .css_not_available.js_product .oe_price, .css_not_available.js_product .oe_default_price, .css_not_available.js_product .oe_optional{display: none;} .css_quantity{max-width: 125px;} .css_quantity input[name="add_qty"]{text-align: center;} option.css_not_available{color: #ccc;} label.css_not_available{opacity: 0.6;} label.css_attribute_color.css_not_available{opacity: 1; background-image: url("/website_sale/static/src/img/redcross.png"); background-size: cover;} .variant_attribute{padding-bottom: 0.5rem;} .variant_attribute .attribute_name{padding-bottom: 0.5rem; display: inline-block;} .variant_attribute .radio_input{margin-right: 0.7rem; vertical-align: middle;} .variant_attribute .radio_input_value{display: inline-block; vertical-align: middle; line-height: 1;} .variant_attribute .variant_custom_value{margin-bottom: 0.7rem;} .variant_attribute .custom_value_radio{margin: 0.3rem 0rem 0.3rem 1.6rem;} .variant_attribute .variant_custom_value_label{margin: 0.3rem 0rem;} .o_product_configurator .product_detail_img{max-height: 240px;} .o_product_configurator .variant_attribute .custom_value_radio{margin: 0.3rem 0rem 0.3rem 2.1rem;} .oe_optional_products_modal .table-striped tbody tr:nth-of-type(odd){background-color: rgba(0, 0, 0, 0.025);} .oe_optional_products_modal .o_total_row{font-size: 1.2rem;} .modal.o_technical_modal .oe_optional_products_modal .btn.js_add_cart_json{padding: 0.075rem 0.75rem;} .js_product.in_cart .js_add_cart_variants{display: none;} .js_product select{-webkit--webkit-appearance: menulist; -moz-appearance: menulist; appearance: menulist; -moz--webkit-appearance: menulist; -moz-appearance: menulist; appearance: menulist; -webkit-appearance: menulist; -moz-appearance: menulist; appearance: menulist; background-image: none;} .js_product .td-product_name{word-wrap: break-word;} .js_product .td-product_name{min-width: 140px;} .js_product .td-img{width: 100px;} .js_product .td-qty{width: 200px;} .js_product .td-qty a.input-group-addon{background-color: transparent; border: 0px;} .js_product .td-qty .input-group{display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex;} .js_product .td-action{width: 30px;} .js_product .td-price, .js_product .td-price-total{width: 120px;} @media (max-width: 767.98px){.js_product .td-img, .js_product .td-price-total{display: none;}.js_product .td-qty{width: 60px;}.js_product .td-price{width: 80px;}} @media (max-width: 476px){.js_product .td-qty{width: 60px;}.js_product #modal_optional_products table thead, .js_product .oe_cart table thead{display: none;}.js_product #modal_optional_products table td.td-img, .js_product .oe_cart table td.td-img{display: none;}} .o_total_row{height: 50px;} .oe_striked_price{text-decoration: line-through; white-space: nowrap;} 

/* /website_sale/static/src/scss/website_sale_options.scss defined in bundle 'web.assets_frontend' */
 .css_not_available.js_product > *:nth-child(5) > *{display: none;} table.js_cart_lines .optional_product .js_delete_product{display: none;} div#modal_optional_products table tr td{border: 0;} @media (max-width: 767.98px){div#modal_optional_products .td-qty{display: none;}} 

/* /website_sale_comparison/static/src/scss/website_sale_comparison.scss defined in bundle 'web.assets_frontend' */
 .o_product_feature_panel{position: fixed; bottom: 0; left: 50%; transform: translateX(-50%); z-index: 10; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom: 0px; padding: 10px 20px; text-align: center; border: 2px solid #5e00ff; border-bottom: 0px; background-color: white; opacity: 0.95;} .o_product_feature_panel .o_product_panel{position: relative;} .o_product_feature_panel .o_product_panel .o_product_panel_header{margin: 0 10px 0 10px; cursor: pointer;} .o_product_feature_panel .o_product_panel .o_product_panel_header .o_product_icon{margin-right: 5px;} .o_product_feature_panel .o_product_panel .o_product_panel_header .o_product_text{text-transform: uppercase; vertical-align: middle; font-size: 16px;} .o_product_feature_panel .o_product_panel .o_product_panel_header .o_product_circle{vertical-align: 6px; padding: 0 3px; line-height: 14px;} .o_product_feature_panel .o_product_panel .o_product_panel_content{display: none !important;} .oe_website_sale .product_summary > *{display: block; margin: 15px 0 15px 0;} .oe_website_sale .table-comparator .o_product_comparison_collpase{margin-right: 8px;} .oe_website_sale div.css_not_available .o_add_compare_dyn{display: none;} 

/* /website_sale_wishlist/static/src/scss/website_sale_wishlist.scss defined in bundle 'web.assets_frontend' */
 .oe_website_sale .td-wish-btn{width: 140px;} .oe_website_sale div.css_not_available .o_add_wishlist_dyn{display: none;} @media (max-width: 767.98px){.oe_website_sale .td-wish-btn{width: 100px;}} table.table-comparator .td-img img{max-height: 100px;} 

/* /website_links/static/src/css/website_links.css defined in bundle 'web.assets_frontend' */
.no-link-style{color: black; text-decoration: none;} .required-form-control{background-color: #CECDFF;} #filters li a, #filters li.active a, #filters li.active a.active, #filters li.active a:hover, #filters li.active a:focus, #filters li a:hover{padding: 0px 5px; border-radius: 0px; border: 0px; border-color: transparent; border-right: 1px solid #999; padding-bottom: 0; background-color: #FFFFFF;} #filters li.active a{color: #999;} #filters li:last-child a, #filters li:last-child a:hover, #filters li:last-child a:focus{border-right: 0px;} .nav-tabs-inline{font-size: 14px;} #o_website_links_recent_links{min-height:30em;} .o_website_links_code_error{display:none; color:red; font-weight:bold;} .truncate_text{white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 500px;} 

/* /website_mail_channel/static/src/css/website_mail_channel.css defined in bundle 'web.assets_frontend' */
.o_mg_avatar{width: 40px; height: 40px;} .o_mg_link_show{display: none;} .o_mg_link_content{display: none;} 

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

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

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

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

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