.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 left, #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(/website_twelve/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; right: -96%; top: 76%; margin-top: 10px;} .s_web_agency_tesimonial .carousel-indicators li.active{background-color: #ff4d7e;} .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-right: 48px; padding-left: 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("/website_twelve/static/src/img/demo03_01_2048x.png"); background-position: 67.75999999999999% 32.19%; padding-top: 216px; padding-bottom: 256px;} @media (max-width: 767px){.s_new_homepage_banner .s_carousel .bg_image{background-position: 82.76% 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-left: auto; margin-right: auto; padding-left: 20px; padding-right: 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: 0; right: 0; left: 0; bottom: 0; width: 100%; height: 100%; padding: 20px; 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-flex-wrap: nowrap; -ms-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{padding: 13px 39px 11px; text-align: center; max-width: 409px; position: relative;} .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; right: 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;} @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-flex-wrap: nowrap; -ms-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-right: 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-flex-wrap: nowrap; -ms-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-left-radius: 0px; border-bottom-left-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 15px 10px 12px; 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-right: 20px; padding-left: 20px; border-top-right-radius: 0px; border-bottom-right-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-flex-wrap: wrap; -ms-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-left: 106px;}} @media (min-width: 1230px) and (min-width: 790px){.s_news_letter .news_letter_title{margin-left: 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-flex-wrap: wrap; -ms-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-flex-wrap: wrap; -ms-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-left: 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-right: 5px;} @media (max-width: 767px){.s_news_letter .tt-newsletter{display: block; text-align: center;}.s_news_letter .form_default{display: block; margin-right: 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-right: 5px;}} .s_new_home_images_block .images_block > *{width: 16.666%;} .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-flex-wrap: wrap; -ms-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;} .s_new_home_images_block ._images_block a:before, .s_new_home_images_block .images_block a:before{position: absolute; display: block; font: normal normal normal 14px/1 FontAwesome; width: 100%; text-align: center; content: "\f06e"; font-size: 20px; line-height: 1; color: #ffffff; top: 50%; opacity: 0; z-index: 7; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} .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; right: 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 a:hover:after, .s_new_home_images_block .images_block a:hover: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_desc{position: absolute; top: 0; right: 0; left: 0; bottom: 0; width: 100%; height: 100%; padding: 20px; 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-flex-wrap: nowrap; -ms-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 .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 100% 0; border-radius: 25px; box-shadow: -1px 2px 2px 2px #dddddd; color: #303030; font-size: 24px; right: -120px; padding: 15px 40px; position: absolute; text-align: right; 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-right: 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%; right: 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-right: 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(/website_twelve/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; right: 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: right; 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%; right: 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; right: 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; right: 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: right;} .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; right: 0px; bottom: 3px; padding-right: 10px; width: 100%; overflow: hidden;} .s_furniture_gallery .gallery-item .overlay-box .content{position: relative; display: inline-block; width: 0; padding: 17px 85px 15px 35px; 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: right; -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; right: -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; color: #333333; 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; color: #555555; margin: 0;} .s_furniture_about_with_img .text p{font-size: 18px; line-height: 29px; color: #888888; 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; right: 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; right: 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; color: #333333; font-weight: 700; text-transform: uppercase;} .s_furniture_services-section .sec-title .text{position: relative; font-size: 18px; line-height: 1.55em; color: #888888; 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-right: 95px;} .s_furniture_services-section .service-block .icon{position: absolute; right: 0; top: 0; font-size: 58px; line-height: 1em; color: #222222;} .s_furniture_services-section .service-block h3{font-size: 16px; line-height: 25px; color: #333333; font-weight: 500; text-transform: uppercase; margin-bottom: 15px;} .s_furniture_services-section .service-block .text{font-size: 15px; line-height: 27px; color: #888888; 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; right: 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; 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_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-right: 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-left: 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; color: #333333; font-weight: 500; text-transform: uppercase;} .s_furniture_who-we-are .sec-title .text{position: relative; font-size: 18px; line-height: 1.55em; color: #888888; 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; right: 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{right: 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; right: 0; top: 0; height: 100%; width: 100%; background-image: url(/website_twelve/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: left; padding-left: 45px;} .s_furniture_services-section-two .upper-box .title-column .inner-column:before{position: absolute; left: -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; color: #888888; 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; color: #333333; font-weight: 500; text-transform: uppercase;} .s_furniture_services-section-two .upper-box .text-column .inner-column{position: relative; padding-right: 45px;} .s_furniture_services-section-two .upper-box .text{position: relative; font-size: 18px; line-height: 29px; color: #888888; 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; color: #333333; font-weight: 500; text-transform: uppercase; margin-bottom: 15px;} .s_furniture_services-section-two .service-block-two h3 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_services-section-two .service-block-two .text{font-size: 15px; line-height: 27px; color: #888888; 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; color: #333333; 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; right: 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; right: 0; top: 0; height: 100%; width: 100%;} .s_furniture_team_section .team-block .overlay-box:before{position: absolute; right: 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{position: absolute; right: 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-right: 0;} .s_furniture_team_section .team-block .overlay-box .social-links li{position: relative; display: inline-block; margin-right: 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 .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 .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%; right: 0;} .s_furniture_team_section .team-block .overlay-box:before{position: absolute; right: 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{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: right;} @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-right: 15px;} .s_fitness_banner .carousel-control-prev{right: 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 .arrow-btn:hover i, .s_fitness_banner .arrow-btn:focus i{opacity: 1; left: 20px;} .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-left: 15px;} .s_fitness_banner .carousel-control-next{left: 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: right; max-width: 1170px; padding: 0 15px; top: 50%; right: 50%; left: 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: right !important;} .s_fitness_banner .slide-content{padding: 40px; position: relative; opacity: 0.9;} .s_fitness_banner .bg-danger-gradiant-1{background: linear-gradient(to left, #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 45px; font-size: 16px;} .s_fitness_banner .arrow-btn{position: relative;} .s_fitness_banner .btn span{display: inline-block; position: relative; -webkit-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; will-change: transform;} .s_fitness_banner .arrow-btn i{position: absolute; width: 1.1em; left: 0px; left: 0rem; opacity: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; will-change: right, opacity;} .s_fitness_banner .price-tag{position: absolute; left: -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{right: -90%; height: 430px; position: relative;}.s_fitness_banner .price-tag{left: 0; top: -80px; right: 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-right: 25px; padding-left: 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-left: 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(/website_twelve/static/src/img/up-quote.png) no-repeat top left, url(/website_twelve/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; color: #8d97ad;} .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-right-radius: calc(.25rem - 1px); border-top-left-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 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-right: 27px; padding-left: 37px;}} .s_accounting_banner .arrow-btn span{display: inline-block; position: relative; -webkit-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; will-change: transform;} .s_accounting_banner .arrow-btn i{position: absolute; width: 1.1em; left: 0.5rem; opacity: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; will-change: right, opacity;} .s_accounting_banner .arrow-btn:hover span, .s_accounting_banner .arrow-btn:focus span{-webkit-transform: translate3d(1rem, 0, 0); transform: translate3d(1rem, 0, 0);} .s_accounting_banner .arrow-btn:hover i, .s_accounting_banner .arrow-btn:focus i{opacity: 1; left: 0.5rem;} .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{right: -80%; height: 380px; position: relative;}.s_accounting_banner .btn-md{padding-right: 25px; padding-left: 25px;}} @media (max-width: 1370px){.s_accounting_banner .slider4 .slide-image{right: 0%; position: relative;}} .s_accounting_four_blocks .card-body .icon-space{padding: 0px 0px 20px 40px; 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: 0px; padding: 15px 0 10px 20px; cursor: pointer; display: inline-block; zoom: 1; color: #8d97ad; font-weight: 400;} .s_accounting_testimonial .carousel-indicators li.active:before{font-weight: 500; color: #188ef4; border-bottom: 2px solid #188ef4;} .s_accounting_testimonial .carousel-indicators li::before{position: absolute; top: 28px; right: -4px; display: inline-block; width: 57%; height: 10px; content: "";} .s_accounting_testimonial .carousel-indicators{bottom: -51px; margin-right: -67%;} @media (max-width: 767px){.s_accounting_testimonial .carousel-indicators{margin-right: -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 0px 20px 30px; font-size: 45px; margin: 0px;} .s_one_page_six_blocks .text-danger-gradiant-1{background: linear-gradient(to left, #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 left, #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 left, #2cdd9b 0%, #1dc8cd 100%);} .s_one_page_para_with_bg_img .text-danger-gradiant-1{background: linear-gradient(to left, #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{left: 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 .carousel-item{width: 350px; margin: 0 auto;} .s_one_page_testimonial .content{background: linear-gradient(to left, #ff4d7e 0%, #ff6a5b 100%); font-size: 21px; line-height: 30px; padding: 50px 30px;} .s_one_page_testimonial .testi5 .customer-thumb img{width: 60px; margin-bottom: 20px;} .s_one_page_testimonial .customer-thumb{position: relative; top: -37px;} .s_one_page_testimonial .testimonial5 .testi5 .content{font-size: 21px; line-height: 30px; padding: 50px 30px;} .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: 10px; width: 10px; margin-left: 10px;} .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-right: 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{color: #8d97ad;} .s_one_page_pricing_plan .pricing1 .badge{top: -13px; position: absolute; right: 0; left: 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; left: 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 left, #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{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-left: 15px; margin-right: 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;} .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 left, #2cdd9b 0%, #1dc8cd 100%);} .s_marketing_carousel_images .testimonial9 .customer-thumb img{width: 60px; margin-left: 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-right: 25px;} .s_marketing_carousel_images .testimonial9 .carousel-indicators{position: absolute; right: -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;} .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; right: -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: 0%;} .s_crypto_banner .have-ac{font-size: 1rem; color: #8d97ad;} .s_crypto_banner .custom_p{color: #fff;} .s_crypto_half_para_four_blocks .text-purple-gradiant{background: linear-gradient(to left, #7f3baf 0%, #4d3f95 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-fill-color: transparent;} .s_crypto_three_blocks .bg-theme-gradiant{background: linear-gradient(to left, #edb610 0%, #ff8e49 100%);} .s_crypto_three_blocks .bg-purple-gradiant{background: linear-gradient(to left, #7f3baf 0%, #4d3f95 100%);} .s_crypto_three_blocks .bg-info-gradiant{background: linear-gradient(to left, #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 .wrap-feature6-box .card-body{padding: 30px;} .s_crypto_half_img_half_text .text-purple-gradiant{background: linear-gradient(to left, #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 i{margin-left: 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{color: #8d97ad; padding-left: 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-right: 0px;} .s_crypto_team_block .list-inline-item:not(:last-child){margin-left: 5px;} .s_crypto_carousel_testimonial{background: linear-gradient(to left, #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(/website_twelve/static/src/img/up-quote.png) no-repeat top left, url(/website_twelve/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;} @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-right: 15px;} .s_industrial_banner .carousel-control-next{width: auto; padding-left: 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%; right: 50%; left: 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 .bg-dark-1{background-color: #343a40;} .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-left: 1px solid rgba(120, 130, 140, 0.13);} .s_industrial_testimonial .testimonial6 .testi6 .nav-link{border-radius: 0px; margin: 8px 0 8px -2px;} .s_industrial_testimonial .testimonial6 .testi6 .nav-link.active{background: transparent; color: #8d97ad; border-left: 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-left: 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 0 -2px 0px; padding: 10px;}.s_industrial_testimonial .testimonial6 .testi6 .nav-link img{width: 40px;}.s_industrial_testimonial .testimonial6 .testi6 .nav-link.active{border-left: 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: right; max-width: 1170px; padding: 0 15px; top: 50%; right: 50%; left: 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-right: 10px; -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in;} .custom_p{font-family: "Montserrat", sans-serif; color: #8d97ad; 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 left, #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-left: 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: auto;} .s_latest_posts_big_picture .s_latest_posts_post > div, .s_latest_posts_big_picture .s_latest_posts_post > div > a{position: relative;} .s_latest_posts_big_picture .s_latest_posts_post .thumb > .o_blog_cover_component{position: relative;} .s_latest_posts_big_picture .o_blog_cover_image{background-size: cover; height: 300px;} .s_latest_posts_big_picture h5{font-weight: 600; text-align: right;} .s_latest_posts_big_picture .custom_p{text-transform: capitalize; font-size: 16px !important; text-align: right; margin-top: 20px !important; margin-bottom: 10px !important;} .s_latest_posts_big_picture .date-pos{padding: 10px; display: inline-block; position: absolute; left: 10px; top: 10px; color: #ffffff; border-radius: 4px; text-align: center;} .s_latest_posts_big_picture .card, .s_latest_posts_big_picture .media{border: 0px;} .s_latest_posts_big_picture .date-pos .month_span{font-size: 1rem;} .s_latest_posts_big_picture .date-pos .date_span{display: block; font-size: 30px; line-height: 30px;} .s_latest_posts_big_picture .learn_more_txt{text-align: right; line-height: 27px; text-transform: capitalize; font-size: 1rem; position: relative; left: 29%;} .s_latest_posts_big_picture .twelve_latest_post a{background: linear-gradient(to left, #ff4d7e 0%, #ff6a5b 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-fill-color: transparent;} @media screen and (min-width: 768px) and (max-width: 1023px){.s_latest_posts_big_picture .learn_more_txt{left: 8%;}} .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: right 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(/website_twelve/static/src/img/bear.png); background-position: center; background-repeat: no-repeat; width: 100%; height: 856px; margin: -340px 0 50px; position: relative; right: 10%;} .template_404_page .zzz{background-image: url(/website_twelve/static/src/img/z-1.gif); background-position: center; background-repeat: no-repeat; width: 80px; height: 134px; position: absolute; right: 0px; bottom: 155px;} .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; left: 0px; height: 100%;} .s_coming_soon_banner .bg-img img{margin-right: -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{right: -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;} 

/* /website_twelve/static/src/css/demo1.scss defined in bundle 'web.assets_frontend' */
 .h16-topbar{border-bottom: 1px solid rgba(120, 130, 140, 0.13);} .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-left: 1px solid rgba(120, 130, 140, 0.13);} .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: -55px;} .h16-navbar .navbar{background: #ff4d7e; background: -webkit-linear-gradient(legacy-direction(to right), #ff4d7e 0%, #ff6a5b 100%); background: -webkit-gradient(linear, right top, left top, from(#ff4d7e), to(#ff6a5b)); background: -webkit-linear-gradient(right, #ff4d7e 0%, #ff6a5b 100%); background: -o-linear-gradient(right, #ff4d7e 0%, #ff6a5b 100%); background: linear-gradient(to left, #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 18px; color: #ffffff; font-weight: 400; font-size: 13px; text-transform: uppercase; margin-left: 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-left: 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 0px;} .h16-info-bar .donate-btn a{font-size: 13px; font-weight: 500; padding: 13px 25px; margin-right: 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-right: 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{right: -30%;}} @media (max-width: 767px){.slider5 .slide-image{right: -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{right: -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; right: 20; content: ''; border-right: 15px solid transparent; border-left: 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; right: -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-left: 20px;} .testimonial9 .d-flex{margin-right: 25px;} @media (max-width: 767px){.testimonial9 .owl-dots{position: relative; top: 0px; right: 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;} .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: 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 rotateInDownLeft{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;}} .rotateInDownLeft{-webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft;} @-webkit-keyframes rotateInDownRight{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 rotateInDownRight{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;}} .rotateInDownRight{-webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight;} @-webkit-keyframes rotateInUpLeft{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 rotateInUpLeft{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;}} .rotateInUpLeft{-webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft;} @-webkit-keyframes rotateInUpRight{from{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0;}to{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1;}} @keyframes rotateInUpRight{from{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0;}to{-webkit-transform-origin: left bottom; transform-origin: left 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: 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 rotateOutDownLeft{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;}} .rotateOutDownLeft{-webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft;} @-webkit-keyframes rotateOutDownRight{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 rotateOutDownRight{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;}} .rotateOutDownRight{-webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight;} @-webkit-keyframes rotateOutUpLeft{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 rotateOutUpLeft{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;}} .rotateOutUpLeft{-webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft;} @-webkit-keyframes rotateOutUpRight{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, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0;}} @keyframes rotateOutUpRight{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, -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 right; transform-origin: top right; -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 right; transform-origin: top right; -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 right; transform-origin: top right; -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 right; transform-origin: top right; -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 right; transform-origin: top right; -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 right; transform-origin: top right; -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: right center; transform-origin: right 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: right center; transform-origin: right 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: left center; transform-origin: left 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: left center; transform-origin: left 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;} 

/* /website_twelve/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, right top, left top, from(#2cdd9b), to(#1dc8cc)); background: -webkit-linear-gradient(right, #2cdd9b 0%, #1dc8cc 100%); background: -o-linear-gradient(right, #2cdd9b 0%, #1dc8cc 100%); background: linear-gradient(to left, #2cdd9b 0%, #1dc8cc 100%);} 

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

/* /website_twelve/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: 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 rotateInDownLeft{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;}} .rotateInDownLeft{-webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft;} @-webkit-keyframes rotateInDownRight{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 rotateInDownRight{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;}} .rotateInDownRight{-webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight;} @-webkit-keyframes rotateInUpLeft{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 rotateInUpLeft{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;}} .rotateInUpLeft{-webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft;} @-webkit-keyframes rotateInUpRight{from{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0;}to{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1;}} @keyframes rotateInUpRight{from{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0;}to{-webkit-transform-origin: left bottom; transform-origin: left 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: 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 rotateOutDownLeft{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;}} .rotateOutDownLeft{-webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft;} @-webkit-keyframes rotateOutDownRight{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 rotateOutDownRight{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;}} .rotateOutDownRight{-webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight;} @-webkit-keyframes rotateOutUpLeft{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 rotateOutUpLeft{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;}} .rotateOutUpLeft{-webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft;} @-webkit-keyframes rotateOutUpRight{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, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0;}} @keyframes rotateOutUpRight{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, -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 right; transform-origin: top right; -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 right; transform-origin: top right; -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 right; transform-origin: top right; -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 right; transform-origin: top right; -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 right; transform-origin: top right; -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 right; transform-origin: top right; -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: right center; transform-origin: right 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: right center; transform-origin: right 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: left center; transform-origin: left 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: left center; transform-origin: left 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;} 

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

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

/* /website_twelve/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-right: 1.25rem;} .card > .list-group:first-child .list-group-item:first-child{border-top-right-radius: 0.25rem; border-top-left-radius: 0.25rem;} .card > .list-group:last-child .list-group-item:last-child{border-bottom-left-radius: 0.25rem; border-bottom-right-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-left: -0.625rem; margin-bottom: -0.75rem; margin-right: -0.625rem; border-bottom: 0;} .card-header-pills{margin-left: -0.625rem; margin-right: -0.625rem;} .card-img-overlay{position: absolute; top: 0; left: 0; bottom: 0; right: 0; padding: 1.25rem;} .card-img{width: 100%; border-radius: calc(0.25rem - 1px);} .card-img-top{width: 100%; border-top-right-radius: calc(0.25rem - 1px); border-top-left-radius: calc(0.25rem - 1px);} .card-img-bottom{width: 100%; border-bottom-left-radius: calc(0.25rem - 1px); border-bottom-right-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-left: -15px; margin-right: -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-left: 15px; margin-right: 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-right: 0; border-right: 0;}.card-group .card:first-child{border-top-left-radius: 0; border-bottom-left-radius: 0;}.card-group .card:first-child .card-img-top{border-top-left-radius: 0;}.card-group .card:first-child .card-img-bottom{border-bottom-left-radius: 0;}.card-group .card:last-child{border-top-right-radius: 0; border-bottom-right-radius: 0;}.card-group .card:last-child .card-img-top{border-top-right-radius: 0;}.card-group .card:last-child .card-img-bottom{border-bottom-right-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%;}} 

/* /website_twelve/static/src/scss/headers.scss defined in bundle 'web.assets_frontend' */
 .header_cart, .header_wishlist{list-style: none;} .header_cart sup, .header_wishlist sup{margin-right: 5px; font-size: 67%;} #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-bg-info-gradiant{background: linear-gradient(to left, #2cdd9b 0%, #1dc8cd 100%);} #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; color: #b0b7c6;} #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_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 .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-right: 0px;} #header_two .h15-topbar .navbar .nav-item .nav-link{color: #8d97ad; padding: 15px 20px;} #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 .header12{background: #263238;} #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-right: 1px solid rgba(120, 130, 140, 0.13);} #header_three .h12-topbar .navbar .nav-item .nav-link{color: #8d97ad; padding: 15px 20px; border-left: 1px solid rgba(120, 130, 140, 0.13);} #header_three .divider{display: none;} #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-brand img{height: auto;} #header_four .h16-infobar .navbar-nav{color: #8d97ad; font-size: 1rem;} #header_four .h16-navbar .divider{display: none;} #header_four .h16-navbar .navbar-brand img{display: none;} #header_four .h16-navbar .navbar{background: linear-gradient(to left, #ff4d7e 0%, #ff6a5b 100%); padding: 0px;} #header_five{} #header_five .header13 .h13-nav{padding: 15px 0;} #header_five .header13 .h13-nav .call-info{padding-right: 20px; border-right: 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-right: 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-right: 0px;} #header_five .header13 .h13-topbar .navbar .nav-item:hover .nav-link{color: #ff4d7e;} #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-right: 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 .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-right: 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 .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{background: #3e4555; 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; border-left: 1px solid rgba(120, 130, 140, 0.13);} #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-right: 0px;} #header_eight .h7-nav-bar .main-nav ul li{text-align: center; padding: 9px 14px; border-right: 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-left: 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: right;}#header_eight .h7-nav-bar .op-clo{padding: 7px 6px; float: left; margin: 15px 0 0 20px;}} #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-right: 0px;} #header_nine .h14-topbar .navbar .nav-item .nav-link{color: #8d97ad; padding: 15px 20px;} #header_nine .h14-navbar{background: #fed700;} #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-right: 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 .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);} 

/* /website_twelve/static/src/scss/footers.scss defined in bundle 'web.assets_frontend' */
 #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 0 10px 15px; 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 0 10px 15px;} #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-left: 7px; vertical-align: middle;} #footer_four .footer2 .general-listing li a i{font-size: 9px; margin-left: 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-right: 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_four .bg-dark-1{background-color: #343a40;} #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 0 10px 15px; 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-right: 10px;} #footer_five .footer2 .general-listing li a i{font-size: 9px; margin-left: 10px;} #footer_five .footer2 .general-listing li i{margin-left: 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;} #footer_five .bg-dark-1{background-color: #343a40;} @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-right-radius: 0; border-bottom-right-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-left: 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-right: 10px;} #footer_six .footer3 .link:hover{color: #ffffff;} #footer_six .bg-dark-1{background-color: #343a40;} @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 0 0 15px;} #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;} 

/* /website_twelve/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: right;} .cd-words-wrapper b{display: inline-block; position: absolute; white-space: nowrap; right: 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; left: 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; right: 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; left: 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%);}} html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{border: 0; font-size: 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;} 

/* /website_twelve/static/src/scss/blog.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: 40px;} .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-left: 10px;} .website_blog .o_blog_cover_container{background-image: url(/website/static/src/img/options/layout-boxed.png); background-size: cover; height: 300px !important;} .website_blog .blog_detail{color: #8d97ad; font-weight: 500; padding-bottom: 10px;} .website_blog .blog_detail .author_name{margin-left: 10px;} .website_blog .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{top: 70%;} .website_blog .o_blog_cover_container.o_list_cover{display: block !important; height: 300px !important;} .website_blog .o_blog_cover_container.cover > .blog_title, .website_blog .o_blog_cover_container.cover_footer > .blog_title{top: 40%;} .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;} @media (max-width: 767px){.website_blog .o_blog_cover_container.cover > .blog_title, .website_blog .o_blog_cover_container.cover_footer > .blog_title{top: 3%;}.btn_block .btn{margin: 5px 0px;}} @media screen and (min-width: 768px) and (max-width: 1023px){.website_blog .o_blog_cover_container.cover > .blog_title, .website_blog .o_blog_cover_container.cover_footer > .blog_title{top: 20%;}} 

/* /website_enterprise/static/src/scss/website_enterprise.scss defined in bundle 'web.assets_frontend' */
 .o_menu_toggle{float: right; padding: 4px 16px 0 0; font-size: 1.3em; color: white;} .o_menu_toggle:hover, .o_menu_toggle:focus, .o_menu_toggle:active{color: white; outline: none;} 

/* /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_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;} .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-right: 5px; margin-left: 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: left; padding-right: 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-left: 15px;} .o_rating_star_card .stars i{margin-left: -3px; text-align: center;} .o_rating_star_card .stars.enabled{cursor: pointer;} .o_rating_star_card .rate_text{display: inline-block;} 

/* /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-right: auto; margin-left: 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; right: 0; bottom: 0; left: 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%; right: 30px; bottom: auto; left: 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{right: auto; left: 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 0 6% 6%; 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: #00a09d;} .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; right: 0; bottom: 0; left: 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; background: #FFFFFF; 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%; height: 100%; padding: 0; opacity: 0.8;} .s_latest_posts_big_picture .s_latest_posts_post .thumb > .o_blog_cover_component{position: absolute; top: 0; right: 0; bottom: 0; left: 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, .s_latest_posts_big_picture .s_latest_posts_post > div > a{position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 2em; color: #FFFFFF; text-transform: uppercase; font-size: 1.25em; backface-visibility: hidden;} .s_latest_posts_big_picture .s_latest_posts_post > div::after, .s_latest_posts_big_picture .s_latest_posts_post > div::before, .s_latest_posts_big_picture .s_latest_posts_post > div > a::after, .s_latest_posts_big_picture .s_latest_posts_post > div > a::before{pointer-events: none;} .s_latest_posts_big_picture .s_latest_posts_post > div > a, .s_latest_posts_big_picture .s_latest_posts_post > div > a > 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 h2, .s_latest_posts_big_picture .s_latest_posts_post > div > a h2{margin: 0; font-size: 1.5em; font-weight: 300;} .s_latest_posts_big_picture .s_latest_posts_post > div h2 span, .s_latest_posts_big_picture .s_latest_posts_post > div > a h2 span{font-weight: 800;} .s_latest_posts_big_picture .s_latest_posts_post > div p, .s_latest_posts_big_picture .s_latest_posts_post > div > a 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; right: 0; bottom: 0; left: 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%; right: 10%; bottom: auto; left: 10%; height: 10px; margin: 0; background: #6c757d; box-shadow: none;} 

/* /website_calendar/static/src/scss/website_calendar.scss defined in bundle 'web.assets_frontend' */
 .o_calendar_days{font-size: 16px; height: 40px;} .o_calendar_days .o_weekend{background-color: #e9ecef;} .o_calendar_days .o_day{background-color: #00a09d; color: #FFF; cursor: pointer;} .o_calendar_days .o_day.dropdown{padding: 0px;} .o_calendar_days .o_day .o_slots_dropdown{padding: 8px;} .o_calendar_days .o_mute_day{opacity: 0.5;} .o_calendar_days .o_today{position: relative;} .o_calendar_days .o_today::after{content: ""; position: absolute; border-bottom: 20px solid #f0ad4e; border-right: 20px solid transparent; bottom: 0px; left: 0px;} .o_website_calendar 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);} .o_website_calendar ul.wizard li{border: 1px solid #d4d4d4; border-left-width: 0; position: relative; float: right; padding: 0 20px 0 10px; margin: 0; line-height: 38px; background: #fbfbfb;} .o_website_calendar ul.wizard li .chevron{position: absolute; top: 0; left: -10px; z-index: 1; display: block; border: 20px solid transparent; border-left: 0; border-right: 10px solid #d4d4d4;} .o_website_calendar ul.wizard li .chevron:before{position: absolute; top: -20px; left: 1px; display: block; border: 20px solid transparent; border-left: 0; border-right: 10px solid #fbfbfb; content: "";} .o_website_calendar ul.wizard li.text-success{background: #f3f4f5;} .o_website_calendar ul.wizard li.text-success .chevron:before{border-right: 10px solid #f5f5f5;} .o_website_calendar ul.wizard li.text-primary{background: #f1f6fc;} .o_website_calendar ul.wizard li.text-primary .chevron:before{border-right: 10px solid #f1f6fc;} .o_website_calendar ul.wizard li:first-child{padding-right: 15px; border-radius: 0 4px 4px 0;} .o_website_calendar ul.wizard li:last-child{border-radius: 4px 0 0 4px; border-left-width: 1px;} .o_website_calendar ul.wizard li:last-child .chevron{display: none;} 

/* /website_slides/static/src/scss/website_slides.scss defined in bundle 'web.assets_frontend' */
 .oe_slides_panel_footer .fa, .oe_slide_js_embed_option_link{color: #00a09d; cursor: pointer;} .oe_slide_embed_option{position: absolute; padding: 30px 30px 30px 30px; top: 0px; right: 0px; left: 0px; bottom: 0px; background-color: #FFFFFF; opacity: 1; display: none; overflow-y: auto !important;} .oe_slide_embed_wrapper{position: relative;} section.oe_slides_promote_box{background-color: #f5f5f5; border-bottom: 1px solid #dee2e6; border-top: 1px solid #dee2e6;} img.oe_slides_channel_thumbnail{object-fit: cover; object-position: top; height: 250px; width: 100%;} img.oe_slides_opacity{opacity: .5;} img.oe_slides_promote_image{object-fit: cover; object-position: top; max-height: 300px; width: 100%; overflow: hidden; display: block;} .oe_slides_box_shadow{box-shadow: 0 0 5px #CCC;} .oe_slides_apart_small{object-fit: cover; object-position: top; height: 60px; width: 90px;} .oe_slides_statistics_title{border-bottom: 1px solid #dee2e6; padding-bottom: 5px;} .oe_slides_transcript{overflow-y: auto; max-height: 500px;} .oe_slides_bottom_border{border-bottom: 1px solid #dee2e6;} .oe_slide_js_like, .oe_slide_js_unlike{cursor: pointer; color: #00a09d;} textarea.o_slides_comment{resize: vertical;} .oe_slides_grid_thumbnail{object-fit: cover; object-position: top; height: 200px; width: 100%; overflow: hidden;} .oe_slides_ellipsis{white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis;} .o_slide_preview{max-height: 160px; overflow: hidden;} .oe_slides_suggestion_caption{position: absolute; top: 0; left: 0; background: rgba(10, 10, 10, 0.75); width: 100%; height: 100%; display: none; text-align: center; color: #fff !important; z-index: 2;} .oe_slides_suggestion_media{margin-top: 10px; position: relative;} .oe_slides_suggestion_media img{height: 33%; width: 100%; overflow: hidden;} .oe_slides_loader{position: relative; width: 100%;} .oe_slides_loader h4{position: absolute; bottom: 20px; right: 0; width: 35%; color: white; background: black; background: rgba(0, 0, 0, 0.7); padding: 10px;} .oe_slides_share_bar{padding: 10px 0;} .oe_slides_panel_footer #page_number{width: 45px;} .oe_show_footer{z-index: 2147483647;} 

/* /website_twitter/static/src/scss/website_twitter.scss defined in bundle 'web.assets_frontend' */
 .wrap-row{position: relative; overflow: hidden; height: 310px;} .wrap-row .twitter-row{position: absolute; width: 100%; height: auto;} .wrap-row .twitter-row div.scrollWrapper{position: relative; overflow: hidden; width: 100%; height: 100%;} .wrap-row .twitter-row div.scrollableArea{position: relative; width: auto; height: 100%;} .wrap-row .twitter-row div .tweet{border: 1px solid #ccc; max-width: 500px; width: 500px; font-size: 0.8em; padding-top: 12px; padding-left: 10px; padding-bottom: 12px; padding-right: 10px; float: right; display: block; margin: 6px; max-height: 90px; height: 90px; opacity: 0.6;} .wrap-row .twitter-row div .tweet h4, .wrap-row .twitter-row div .tweet p{padding: 0; margin: 0;} .wrap-row .twitter-row div .tweet .left{display: block; float: right; width: 80px;} .wrap-row .twitter-row div .tweet .left img{width: 65px; height: auto; float: right; display: block; margin: 0px -5px 0px 5px;} .wrap-row .twitter-row div .tweet .right{display: block; float: right; width: 470px;} .wrap-row .twitter-row div .tweet .right .top{height: 20px;} .wrap-row .twitter-row div .tweet h4{font-size: 14px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: bold; color: #000; float: right; display: block; position: relative; margin-right: 70px; margin-top: -65px;} .wrap-row .twitter-row div .tweet h4 span{color: #ccc; font-weight: bold; font-size: 14px;} .wrap-row .twitter-row div .tweet p{line-height: 1.5em; float: right; position: relative; display: block;} .wrap-row .twitter-row div .tweet p.date{float: left; line-height: 0.5em; margin-top: -60px; margin-left: -10px;} .wrap-row .twitter-row div .tweet .right .bottom p{margin-top: -65px; margin-right: 70px; font-size: 12px; word-break: break-word;} .wrap-row .twitter-row div .tweet:hover{box-shadow: -0.5px 0.5px 0.5px 1px #428BCA; cursor: pointer; opacity: 1;} @media screen and (max-width: 580px){.wrap-row{position: relative; overflow: hidden; height: 100px;}} 

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

/* /mass_mailing/static/src/css/mass_mailing_popup.css defined in bundle 'web.assets_frontend' */
 .editor_enable [data-oe-placeholder]:empty:not(:focus):before{content: " \00a0 " attr(data-oe-placeholder); opacity: 0.4;} .o_popup_animated{-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;} @-webkit-keyframes o_popup_bounce_small{0%, 20%, 53%, 80%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-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-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -14px, 0); transform: translate3d(0, -14px, 0);}70%{-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -8px, 0); transform: translate3d(0, -8px, 0);}90%{-webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0);}} @keyframes o_popup_bounce_small{0%, 20%, 53%, 80%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-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-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -14px, 0); transform: translate3d(0, -14px, 0);}70%{-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -8px, 0); transform: translate3d(0, -8px, 0);}90%{-webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0);}} .o_popup_bounce_small{-webkit-animation-name: o_popup_bounce_small; animation-name: o_popup_bounce_small; -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom;} .o_popup_bounce_del500ms{-webkit-animation-delay: 500ms; animation-delay: 500ms;} #o_newsletter_popup .btn.btn-success{color: #ffffff; background-color: #21b799; border-color: #1da187;} #o_newsletter_popup .btn.btn-success:hover, #o_newsletter_popup .btn.btn-success:focus, #o_newsletter_popup .btn.btn-success.focus, #o_newsletter_popup .btn.btn-success:active, #o_newsletter_popup .btn.btn-success.active, .open > .dropdown-toggle#o_newsletter_popup .btn.btn-success{color: #ffffff; background-color: #198c75; border-color: #146e5c;} #o_newsletter_popup .btn.btn-success:active, #o_newsletter_popup .btn.btn-success.active, .open > .dropdown-toggle#o_newsletter_popup .btn.btn-success{background-image: none;} #o_newsletter_popup .btn.btn-success.disabled, #o_newsletter_popup .btn.btn-success[disabled], fieldset[disabled] #o_newsletter_popup .btn.btn-success, #o_newsletter_popup .btn.btn-success.disabled:hover, #o_newsletter_popup .btn.btn-success[disabled]:hover, fieldset[disabled] #o_newsletter_popup .btn.btn-success:hover, #o_newsletter_popup .btn.btn-success.disabled:focus, #o_newsletter_popup .btn.btn-success[disabled]:focus, fieldset[disabled] #o_newsletter_popup .btn.btn-success:focus, #o_newsletter_popup .btn.btn-success.disabled.focus, #o_newsletter_popup .btn.btn-success[disabled].focus, fieldset[disabled] #o_newsletter_popup .btn.btn-success.focus, #o_newsletter_popup .btn.btn-success.disabled:active, #o_newsletter_popup .btn.btn-success[disabled]:active, fieldset[disabled] #o_newsletter_popup .btn.btn-success:active, #o_newsletter_popup .btn.btn-success.disabled.active, #o_newsletter_popup .btn.btn-success[disabled].active, fieldset[disabled] #o_newsletter_popup .btn.btn-success.active{background-color: #21b799; border-color: #1da187;} #o_newsletter_popup h1, #o_newsletter_popup h2, #o_newsletter_popup h3, #o_newsletter_popup h4, #o_newsletter_popup h5, #o_newsletter_popup h6, #o_newsletter_popup .h1, #o_newsletter_popup .h2, #o_newsletter_popup .h3, #o_newsletter_popup .h4, #o_newsletter_popup .h5, #o_newsletter_popup .h6{font-weight: 300; color: #666; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} #o_newsletter_popup h1:first-child, #o_newsletter_popup h2:first-child, #o_newsletter_popup h3:first-child, #o_newsletter_popup h4:first-child, #o_newsletter_popup h5:first-child, #o_newsletter_popup h6:first-child, #o_newsletter_popup .h1:first-child, #o_newsletter_popup .h2:first-child, #o_newsletter_popup .h3:first-child, #o_newsletter_popup .h4:first-child, #o_newsletter_popup .h5:first-child, #o_newsletter_popup .h6:first-child{margin-top: 0;} #o_newsletter_popup .o_popup_modal_content{border-radius: 2px; box-shadow: 0 0 20px rgba(255, 255, 255, 0.11); -webkit-box-shadow: 0 0 20px rgba(255, 255, 255, 0.11); border: 1px solid #767676; background: #f2f2f2;} #o_newsletter_popup .o_popup_modal_content:before{content: ""; position: absolute; width: 100%; height: 100%; z-index: 0; background: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 42%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(linear, right top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.3)), color-stop(42%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 42%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 42%, rgba(255, 255, 255, 0) 100%); background: -ms-linear-gradient(45deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 42%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(-135deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 42%, rgba(255, 255, 255, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1);} #web_editor_inside_iframe #o_newsletter_popup .o_popup_modal_content:before{content: none;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_header{background: #6c1153; padding: 5px;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_header .o_popup_modal_title{color: #ffffff;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_header *{position: relative; z-index: 1;} #o_newsletter_popup .o_popup_modal_content a.o_popup_btn_close{position: absolute; z-index: 99; left: 5px; top: 6px; width: 23px; height: 23px; display: block; text-align: center; border-radius: 100em; background: #6c1153; color: #daa3cb; text-decoration: none; -webkit-transition: all ease 200ms; -moz-transition: all ease 200ms; -ms-transition: all ease 200ms; -o-transition: all ease 200ms;} #o_newsletter_popup .o_popup_modal_content a.o_popup_btn_close:hover{background: #89296e; color: #ffffff;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body{padding: 0px 0px 30px; color: #666666;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body .o_popup_content_dev{padding-bottom: 15px;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body .o_popup_content_dev .o_popup_message{font-size: 3em; position: relative; text-align: right; padding-right: 2em; line-height: 1; margin: .5em; font-weight: 100;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body .o_popup_content_dev .o_popup_message font{font-weight: 600; color: #875A7B; font-size: 2.5em; font-style: italic; position: absolute; top: -0.1em; margin-right: -0.65em;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body .o_popup_content_dev .o_popup_message strong{color: #875A7B;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body .o_popup_content_dev .o_message_paragraph{position: relative;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body .input-group{margin-right: auto; margin-left: auto; max-width: 350px;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body .input-group input{border-radius: 0 2px 2px 0; border: none; outline: 0; box-shadow: inset 0 -1px #cccccc;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body .input-group .btn{border-radius: 2px 0 0 2px; border-width: 0 0 1px; padding-top: 7px; margin-right: -1px; -webkit-transition: all ease 200ms; -moz-transition: all ease 200ms; -ms-transition: all ease 200ms; -o-transition: all ease 200ms;} 

/* /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-right: 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-right: 15px;} .oe_website_sale h1[itemprop="name"], .oe_website_sale .oe_product_cart form h5{word-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; right: 15px; left: 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; right: 0; bottom: 0; left: 0; z-index: 4;} .oe_product section{position: absolute; right: 0; left: 0; bottom: 0; overflow: hidden; padding: 0 10px 0 15px; 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_mycart .input-group-addon{padding-right: 6px; padding-left: 6px;} .oe_product.oe_image_full .oe_product_image{right: 0; left: 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; left: 0;} .oe_product .ribbon{font: bold 15px Sans-Serif; color: white; text-align: center; transform: rotate(-45deg); position: relative; padding: 7px 0; right: -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: right; width: 100%; display: inline-block;}#products_grid .oe_product{float: right; 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 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-right: 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-right: 180px;}.oe_product.oe_list .oe_product_image{top: 0; bottom: 0; right: 0; left: 0; width: 170px;}.oe_product.oe_list section{position: relative; border: 0; top: auto; bottom: auto; right: auto; left: auto; background: transparent;}} .oe_website_sale .row .row .col-lg-12{float: none;} .product_detail_img{margin-right: auto; margin-left: 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-right: 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-left-width: 0; position: relative; float: right; padding: 0 20px 0 10px; margin: 0; line-height: 38px; background: #fbfbfb;} ul.wizard li .chevron{position: absolute; top: 0; left: -10px; z-index: 1; display: block; border: 20px solid transparent; border-left: 0; border-right: 10px solid #d4d4d4;} ul.wizard li .chevron:before{position: absolute; top: -20px; left: 1px; display: block; border: 20px solid transparent; border-left: 0; border-right: 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-right: 10px solid #f5f5f5;} ul.wizard li.text-primary{background: #f1f6fc;} ul.wizard li.text-primary .chevron:before{border-right: 10px solid #f1f6fc;} ul.wizard li:first-child{padding-right: 15px; border-radius: 0 4px 4px 0;} ul.wizard li:last-child{border-radius: 4px 0 0 4px; border-left-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-right: 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 #875A7B;} .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: right; 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-left: 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 10px 0 0; 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: right; 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; right: 50%; bottom: auto; left: auto; margin: -0.375rem -0.3125rem 0 0;}} .progress-wizard .progress-wizard-step .progress-wizard-steplabel{color: #6c757d; margin: 5px 5px 5px 0; 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-right: -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: #00a09d; box-shadow: 0 0 0 0.1875rem white, 0 0 0 0.25rem rgba(0, 160, 157, 0.5);} .progress-wizard .progress-wizard-step.active .progress-wizard-steplabel{color: #212529; 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; right: -0.3125rem; bottom: auto; left: auto; width: 1.25rem; height: 1.25rem; border-radius: 100%; background: white; color: #28a745; 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: #28a745;} .progress-wizard .progress-wizard-step.complete:hover:not(.disabled) .progress-wizard-dot:after{color: #28a745;} .progress-wizard .progress-wizard-step.complete:hover:not(.disabled) .progress-wizard-steplabel{color: #212529;} .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/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 left, #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-left: 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 1.6rem 0.3rem 0rem;} .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 2.1rem 0.3rem 0rem;} .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_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_forum/static/src/scss/website_forum.scss defined in bundle 'web.assets_frontend' */
 .vote{min-width: 38px; margin-left: 12px;} .vote .vote_count{font-size: 160%; font-weight: bold; line-height: 12px;} .vote .vote_down, .vote .vote_up{font-size: 130%;} .author-box{min-width: 200px; padding: 4px; background-color: #f5f5f5;} .question-block{margin-right: 50px;} .o_forum_tag_follow_box{display: none; position: absolute; z-index: 1; text-align: center; opacity: 0.9;} .question{clear: right;} .question .question-name{font-size: 150%;} .question .badge{background-color: #ccc; margin-right: 4px;} .question .badge-active{background-color: #428bca;} .question img{max-width: 600px; height: auto !important;} .forum_answer img{max-width: 600px; height: auto !important;} img.o_forum_avatar{max-height: 40px; margin-left: 10px;} img.o_forum_avatar_big{max-width: 75px; margin-left: 10px;} .oe_grey{background-color: #eeeeee;} .badge-gold{color: #ffcc00;} .badge-silver{color: #cccccc;} .badge-bronze{color: #eea91e;} .oe_answer_true{color: #3c763d;} .oe_answer_true:hover{color: #4D964E;} .oe_answer_false{color: #bbbbbb;} .oe_answer_false:hover{color: #9E9C9C;} .favourite_question{color: #bbbbbb !important;} .forum_favourite_question{color: #ffcc00 !important;} a.no-decoration{cursor: pointer; text-decoration: none !important;} .faq-question:hover{text-decoration: none !important; color: #428bca;} .oe_comment_grey{background-color: #f5f5f5; padding: 4px;} .close.comment_delete{font-size: 16px; float: none;} .country_flag{max-height: 16px; display: inline-block; margin-right: 2px;} .tag_text .text-core .text-wrap .text-dropdown, .tag_text .text-core .text-wrap .text-prompt, .tag_text .text-core .text-wrap input, .tag_text .text-core .text-wrap textarea{font: 1.2em "Helvetica Neue", Helvetica, Arial, sans-serif !important;} .tag_text .text-core .text-wrap .text-tags .text-tag .text-button{font: 1.2em "Helvetica Neue", Helvetica, Arial, sans-serif !important; height: 1.2em !important;} .oe_forum_alert{position: absolute; width: 300px; z-index: 9999;} .oe_forum_email_required{position: absolute; margin-top: 155px; margin-right: 500px; margin-left: 100px; z-index: 5;} button.btn-link.text-muted{color: #999;} .o_forum_user_bio_expand{position: absolute; z-index: 200; display: none;} .o_forum_tooltip_heading{padding: 0; margin: 0; font-size: 18px;} .o_forum_user_bio{color: black; width: 318px; min-height: 100px; cursor: auto; border: 1px solid darkgray; background-color: whitesmoke; line-height: 13px; font-size: 11px; word-wrap: break-word;} .o_forum_user_bio .o_forum_tooltip_line{min-height: 13px;} .o_forum_user_bio .o_forum_tooltip_header{min-height: 75px;} 

/* /sale_subscription/static/src/scss/portal_subscription.scss defined in bundle 'web.assets_frontend' */
 #wc-account-table td:nth-last-child(1), #wc-account-table th:nth-last-child(1), #wc-account-table td:nth-last-child(2), #wc-account-table th:nth-last-child(2), #wc-account-table td:nth-last-child(3), #wc-account-table th:nth-last-child(3){text-align: left; min-width: 9em;} #wc-account-table a{text-decoration: none;} 

/* /sign/static/src/scss/sign_frontend.scss defined in bundle 'web.assets_frontend' */
 .o_sign_document{height: 100%;} .o_sign_document > header{-webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; height: 2.3125rem; background-color: #f8f9fa;} .o_sign_document > header > div{height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center;} .o_sign_document > header > div a{-webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto;} .o_sign_document > header > div a > img{height: 2.3125rem;} .o_sign_document > header > div .o_sign_header_instruction{font-size: 1.2em; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto;}