.o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:not(:disabled):not(.disabled):active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary:not(:disabled):not(.disabled).active:focus, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-primary.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(17, 64, 108, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-secondary{color: #212529; background-color: #fcfcfc; border-color: #fcfcfc; color: #11406C;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-secondary:hover{color: #212529; background-color: #e9e9e9; border-color: #e3e2e2;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-secondary:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-secondary.focus{box-shadow: 0 0 0 0.2rem rgba(252, 252, 252, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-secondary.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-secondary:disabled{color: #212529; background-color: #fcfcfc; border-color: #fcfcfc;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-secondary:not(:disabled):not(.disabled):active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-secondary:not(:disabled):not(.disabled).active, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-secondary.dropdown-toggle{color: #212529; background-color: #e3e2e2; border-color: gainsboro;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-secondary:not(:disabled):not(.disabled):active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-secondary.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(252, 252, 252, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link{color: #212529; background-color: #fcfcfc; border-color: #fcfcfc; color: #11406C;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:hover{color: #212529; background-color: #e9e9e9; border-color: #e3e2e2;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.focus{box-shadow: 0 0 0 0.2rem rgba(252, 252, 252, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:disabled{color: #212529; background-color: #fcfcfc; border-color: #fcfcfc;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:not(:disabled):not(.disabled):active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:not(:disabled):not(.disabled).active, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.dropdown-toggle{color: #212529; background-color: #e3e2e2; border-color: gainsboro;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:not(:disabled):not(.disabled):active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-link:not(:disabled):not(.disabled).active:focus, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-link.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(252, 252, 252, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success{color: #FFFFFF; background-color: #40ad67; border-color: #40ad67;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:hover{color: #FFFFFF; background-color: #369156; border-color: #328851;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.focus{box-shadow: 0 0 0 0.2rem rgba(64, 173, 103, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:disabled{color: #FFFFFF; background-color: #40ad67; border-color: #40ad67;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:not(:disabled):not(.disabled):active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:not(:disabled):not(.disabled).active, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.dropdown-toggle{color: #FFFFFF; background-color: #328851; border-color: #2f7e4b;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:not(:disabled):not(.disabled):active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-success:not(:disabled):not(.disabled).active:focus, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-success.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(64, 173, 103, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info{color: #FFFFFF; background-color: #6999a8; border-color: #6999a8;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:hover{color: #FFFFFF; background-color: #568695; border-color: #517e8d;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.focus{box-shadow: 0 0 0 0.2rem rgba(105, 153, 168, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:disabled{color: #FFFFFF; background-color: #6999a8; border-color: #6999a8;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:not(:disabled):not(.disabled):active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:not(:disabled):not(.disabled).active, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.dropdown-toggle{color: #FFFFFF; background-color: #517e8d; border-color: #4d7784;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:not(:disabled):not(.disabled):active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-info:not(:disabled):not(.disabled).active:focus, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-info.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(105, 153, 168, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning{color: #212529; background-color: #f0ad4e; border-color: #f0ad4e;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:hover{color: #212529; background-color: #ed9d2b; border-color: #ec971f;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.focus{box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:disabled{color: #212529; background-color: #f0ad4e; border-color: #f0ad4e;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:not(:disabled):not(.disabled):active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:not(:disabled):not(.disabled).active, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.dropdown-toggle{color: #212529; background-color: #ec971f; border-color: #ea9214;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:not(:disabled):not(.disabled):active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning:not(:disabled):not(.disabled).active:focus, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-warning.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger{color: #FFFFFF; background-color: #e6586c; border-color: #e6586c;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:hover{color: #FFFFFF; background-color: #e1374f; border-color: #df2c45;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.focus{box-shadow: 0 0 0 0.2rem rgba(230, 88, 108, 0.5);} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.disabled, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:disabled{color: #FFFFFF; background-color: #e6586c; border-color: #e6586c;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:not(:disabled):not(.disabled):active, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:not(:disabled):not(.disabled).active, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.dropdown-toggle{color: #FFFFFF; background-color: #df2c45; border-color: #dd213c;} .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:not(:disabled):not(.disabled):active:focus, .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger:not(:disabled):not(.disabled).active:focus, .show > .o_ace_view_editor .btn:not(.o_btn_preview).btn-danger.dropdown-toggle:focus{box-shadow: 0 0 0 0.2rem rgba(230, 88, 108, 0.5);} .o_ace_view_editor :not(.input-group):not(.form-group):not(.input-group-append):not(.input-group-prepend) > .form-control{height: 34px;} .o_ace_view_editor .form-control{padding: 6px 12px; font-size: 14px; line-height: 1.5; border: 1px solid #d4d5d7; color: #555; background-color: #fff; border-radius: 0;} .o_ace_view_editor .form-control.is-invalid{border-color: #dc3545;} .o_ace_view_editor .input-group .form-control{height: auto;} .o_ace_view_editor .input-group-text{background-color: #e9ecef;} .o_ace_view_editor .was-validated .form-control:invalid{border-color: #dc3545;} .o_ace_view_editor select.form-control{-webkit-appearance: none; -moz-appearance: none; appearance: none; background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPScxLjEnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZycgeG1 sbnM6eGxpbms9J2h0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsnIHdpZHRoPScyNCcgaGVpZ2 h0PScyNCcgdmlld0JveD0nMCAwIDI0IDI0Jz48cGF0aCBpZD0nc3ZnXzEnIGQ9J203LjQwNiw3L jgyOGw0LjU5NCw0LjU5NGw0LjU5NCwtNC41OTRsMC40MDYsMS40MDZsLTUsNC43NjZsLTUsLTQu NzY2bDAuNDA2LC0xLjQwNnonIGZpbGw9JyM4ODgnLz48L3N2Zz4="); background-position: 100% 65%; background-repeat: no-repeat;} .tour .popover-navigation{margin-left: 13px; margin-bottom: 8px;} .css_published .btn-danger, .css_published .css_publish{display: none;} .css_unpublished .btn-success, .css_unpublished .css_unpublish{display: none;} [data-publish='off'] > *:not(.css_options){opacity: 0.5;} @media print{a[href]:after{content: initial;}} .o_page_management_info .o_switch{padding-top: 9px;} #list_website_pages th{background-color: #11406C; color: white;} #list_website_pages td, #list_website_pages th{padding: 0.45rem;} #list_website_pages td > a.fa{margin-left: 5px; color: #11406C;} #list_website_pages td .text-muted{opacity: 0.5;} #list_website_pages .fa-check, #list_website_pages .fa-eye-slash{color: #17a2b8;} 

/* /website/static/src/scss/website.zoomodoo.scss defined in bundle 'web.assets_frontend' */
 .zoomodoo{position: relative; display: inline-block; *display: inline; *zoom: 1;} .zoomodoo img{vertical-align: bottom;} .zoomodoo-flyout{position: absolute; z-index: 100; overflow: hidden; background: #FFF; top: 0; width: 100%; height: 100%;} .zoomodoo-flyout img{max-width: 500%;} .zoomodoo-hover .zoomodoo-flyout{left: 0;} .zoomodoo-next .zoomodoo-flyout{left: 100%;} 

/* /website_twelve/static/src/scss/navbar.scss defined in bundle 'web.assets_frontend' */
 .navbar-tras{background-color: transparent !important; border-color: transparent;} .navbar-tras a.active span{border-bottom: 2px solid white; padding-bottom: 5px;} .navbar-tras .navbar-nav .show > .nav-link, .navbar-tras .navbar-nav .active > .nav-link, .navbar-tras .navbar-nav .nav-link.show, .navbar-tras .navbar-nav .nav-link.active{color: white;} .navbar-tras .navbar-nav .nav-link{color: white;} .navbar-tras .navbar-nav .nav-link:hover, .navbar-tras .navbar-nav .nav-link:focus{color: white;} .navbar-light .navbar-nav > .active > a, .navbar-light .navbar-nav > .active > a:hover, .navbar-light .navbar-nav > .active > a:focus{background-color: transparent !important;} .navbar-light .navbar-nav > li.active > a span{border-bottom: 2px solid blue; padding-bottom: 5px;} .navbar-trans-header .navbar-fixed-top{top: 0; border-width: 0 0 1px; position: fixed !important; background-color: white !important; border-color: #e7e7e7 !important; box-shadow: -1px 1px 3px 0px #e3e3e3; padding: 10px 0px !important; -webkit-transition: height 0.35s ease, padding 0.35s ease; -moz-transition: height 0.35s ease, padding 0.35s ease; -ms-transition: height 0.35s ease, padding 0.35s ease; -o-transition: height 0.35s ease, padding 0.35s ease; transition: height 0.35s ease, padding 0.35s ease;} .navbar-trans-header .navbar-fixed-top a{color: #777 !important;} .navbar-trans-header .navbar-fixed-top li.active > a span{border-bottom: 2px solid blue !important; padding-bottom: 5px;} .navbar-tras{left: 0; right: 0; position: absolute;} .wrap-trans{padding-top: 55px;} @media (max-width: 767.98px){.navbar-tras{position: relative !important;}.navbar-trans-header .navbar-light .navbar-nav > .active > a, .navbar-trans-header .navbar-light .navbar-nav > .active > a:hover, .navbar-trans-header .navbar-light .navbar-nav > .active > a:focus{color: #555 !important;}.navbar-trans-header .navbar-light .navbar-nav > li > a{color: #555 !important;}} .affixed .navbar-light a{color: #777 !important;} .o_connected_user .navbar-trans-header .navbar-fixed-top{top: 45px;} 

/* /website_twelve/static/src/scss/shop.custom.web.assets_frontend.scss defined in bundle 'web.assets_frontend' */
 body, .btn-secondary, .btn-secondary.disabled{color: #103f6e !important;} .btn-primary, .btn-primary.disabled{background: #0e406f; border: 1px solid #0e406f;} .form-control{height: calc(3.0625rem + 2px) !important;} .form-control:focus{border-color: #80bdff !important; box-shadow: 0 0 0 0rem rgba(0, 160, 157, 0.25) !important;} .mt-34{margin-top: 34px;} .coupon_form a{padding: 14px 13px !important;} .progress-wizard .progress-wizard-step .progress-wizard-bar{background-color: #8b8b8b;} .progress-wizard .progress-wizard-step.active .progress-wizard-steplabel{font-weight: 700;} .progress-wizard .progress-wizard-step .progress-wizard-dot{box-shadow: 0 0 0 0.125rem #8b8b8b;} .progress-wizard .progress-wizard-step .progress-wizard-steplabel{color: #8b8b8b !important; font-weight: 500;} .oe_website_sale .btn{padding: 10px 13px;} .oe_website_sale .page-item.active .page-link{background-color: #4283f0; border-color: #4283f0;} .oe_website_sale .page-link{color: #4283f0;} .oe_website_sale .form-control{height: calc(3.0625rem + -5px) !important;} .add_to_cart_div{position: relative !important; left: 0 !important;} #grid_list{float: left;} .oe_product{border: 0px solid rgba(100, 100, 100, 0.2) !important;} .oe_product h6{text-align: center;} .oe_product section{bottom: -21px;} .oe_product .product_price{left: 43%;} .oe_product .oe_product_image{text-align: center; background: #f7f8fa;} .card-img-overlay{position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem;} .shop-hover .card-img-overlay{display: none; background: rgba(255, 255, 255, 0.5); -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;} .shop-hover:hover .card-img-overlay{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; z-index: 4;} .o_add_wishlist.shop_twelve{position: relative; left: 8px;} #product_detail .product_title{font-size: 30px; line-height: 40px; font-weight: 500; margin-top: 19px; font-family: 'Hind', sans-serif;} #product_detail .input-group-prepend, #product_detail .input-group-append{display: block;} #product_detail .shop_brands{margin-top: 30px;} @media (min-width: 1025px){#product_detail .shop_brands .mobile_img{display: none;}} #product_detail .js_add_cart_json{border-color: #e5e5e5; padding: 7px 0.75rem; background-color: #e9ecef; color: black !important;} #product_detail .form-control.quantity{height: calc(2.0625rem + 5px) !important;} #product_detail #o-carousel-product .carousel-inner{background: #f7f8fa;} #product_detail #o-carousel-product .carousel-indicators{justify-content: left;} #product_detail #o-carousel-product .carousel-indicators li{width: 81px !important; padding-bottom: 20px; display: block; height: auto !important; float: left; min-height: 1px;} #product_detail .desc_title{color: #191919; padding-bottom: 15px; font-size: 14px; line-height: 26px; font-weight: 500; letter-spacing: 0.03em; font-family: 'Hind', sans-serif; padding: 22px 0; text-transform: uppercase;} #product_detail .oe_website_spinner{padding: 10px 0px;} #product_detail .product_price b{white-space: nowrap; font-size: 30px; line-height: 40px; font-family: 'Hind', sans-serif; font-weight: 600; color: #2879fe; display: inline-block;} .panel-title{border-bottom: 1px solid #e9e7e7; padding: 22px 0;} .panel-title a[aria-expanded="true"]{color: #191919;} .attr_tiltle{font-size: 14px; line-height: 26px; cursor: pointer; font-weight: 500; letter-spacing: 0.03em; color: #999999; font-family: 'Hind', sans-serif; transition: all 0.2s linear; -ms-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear;} .attr_tiltle.active{color: #191919; padding-bottom: 15px;} .title_shooping_cart{font-size: 34px; line-height: 44px; letter-spacing: 0.03em; font-weight: 500; padding: 30px 0px; margin-top: 50px; text-align: center; color: #191919; text-transform: uppercase;} .toggle_summary_div #cart_total{border-top: 1px solid #dee2e6;} .cart_summary_table{color: #191919;} .cart_summary_table td, .cart_summary_table th{vertical-align: middle; padding-top: 25px; padding-bottom: 25px;} .cart_summary_table thead{background-color: #2879fe; color: #fff;} .cart_summary_table thead th{border-bottom: 0px; border-top: 0px;} .cart_summary_table tbody td a{font-weight: normal; font-family: 'Hind', sans-serif; color: #191919; transition: color 0.2s linear;} .cart_summary_table tbody .td-price{color: #191919; font-size: 16px; font-weight: 500;} .cart_summary_table tbody .td-qty{padding-left: 25px;} .cart_lines_table td:nth-child(1){width: 121px;} .cart_lines_table td:nth-child(2){width: auto;} .cart_lines_table td:nth-child(3){width: 17%;} .cart_lines_table td:nth-child(4){width: 16%;} .cart_lines_table td:nth-child(5){width: 4%;} .cart_lines_table td{vertical-align: middle; padding: 32px 0;} .cart_lines_table thead{background-color: #2879fe; color: #fff;} .cart_lines_table thead th{border-bottom: 0px; border-top: 0px; padding: 23px 0;} .cart_lines_table tbody td a{font-weight: normal; font-family: 'Hind', sans-serif; color: #191919; transition: color 0.2s linear;} .cart_lines_table tbody .td-product_name p{font-size: 17px;} .cart_lines_table tbody .d-md-block{color: #191919 !important; width: 260px; max-width: 300px;} .cart_lines_table tbody .d-md-block span{font-size: 13px;} .cart_lines_table tbody .td-price{color: #191919; font-size: 16px; font-weight: 500;} .cart_lines_table tbody .td-action{font-size: 20px;} .cart_lines_table tbody .td-action a{color: #191919;} .cart_lines_table tbody .plus_minus_block{background: #f8f8f8; padding: 10px 20px;} .cart_lines_table tbody .css_quantity{max-width: 60px;} #cart_total tr{color: #191919;} #cart_total .subtotal_txt, #cart_total .subtotal_amt, #cart_total .total_txt{font-size: 16px; font-weight: 500; letter-spacing: 0.02em; text-transform: uppercase;} #cart_total .total_amt{font-size: 19px; font-weight: 500; letter-spacing: 0.02em; text-transform: uppercase; color: #2879fe;} .order-xl-1{margin-top: 32px;} .product_description{min-height: 100px !important; z-index: 10 !important; background: #ffff;} .product_description .oe_subdescription{text-align: center;} .product_description h6{padding-top: 10px;} .product_description h6 a{z-index: 99;} .product_description .product_price{padding: 17px 0;} .product_description .p_price{font-size: 16px; line-height: 20px; font-weight: 500; color: #191919; font-family: 'Hind', sans-serif;} .product_description .add_to_cart_option{display: none;} .oe_list{min-height: 270px !important; margin: 50px 0px;} .oe_list img{margin: 14px 0px !important;} .oe_list #website_published_button{padding-top: 20px;} .oe_list .oe_subdescription{position: relative; text-align: left; font-size: 0.9rem;} .oe_list .oe_subdescription div{white-space: nowrap; width: 337px; overflow: hidden; text-overflow: ellipsis;} .oe_list .oe_product_image{width: max-content !important;} .oe_list .img-fluid{max-width: max-content !important;} .oe_list .product_description{margin: 0px 285px;} .oe_list .product_description h6{text-align: left; padding-top: 42px;} .oe_list .product_description .product_price{left: 10px; padding: 0px 0px;} .oe_list .add_to_cart_div{position: relative; left: 267px; top: 73px;} .oe_list .o_add_wishlist.shop_twelve{position: relative; left: 394px; top: 30px;} .oe_list .card-img-overlay{left: 179px; margin-top: 70px;} 

/* /website_twelve/static/src/css/fonts.scss defined in bundle 'web.assets_frontend' */
 @font-face{font-family: 'Lavanderia-Sturdy'; src: url("/website_twelve/static/src/font/Lavanderia-Sturdy.eot?#iefix") format("embedded-opentype"), url("/website_twelve/static/src/font/Lavanderia-Sturdy.otf") format("opentype"), url("/website_twelve/static/src/font/Lavanderia-Sturdy.woff") format("woff"), url("/website_twelve/static/src/font/Lavanderia-Sturdy.ttf") format("truetype"), url("/website_twelve/static/src/font/Lavanderia-Sturdy.svg#Lavanderia-Sturdy") format("svg"); font-weight: normal; font-style: normal;} 

/* /website_twelve/static/src/css/hind_font.scss defined in bundle 'web.assets_frontend' */
 @font-face{font-family: 'Hind'; font-style: normal; font-weight: 300; src: local("Hind Light"), local("Hind-Light"), url(/website_twelve/static/src/fonts/5aU19_a8oxmIfMJaER2SjQpf.woff2) format("woff2"); unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;} @font-face{font-family: 'Hind'; font-style: normal; font-weight: 300; src: local("Hind Light"), local("Hind-Light"), url(/website_twelve/static/src/fonts/5aU19_a8oxmIfMJaERKSjQpf.woff2) format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face{font-family: 'Hind'; font-style: normal; font-weight: 300; src: local("Hind Light"), local("Hind-Light"), url(/website_twelve/static/src/fonts/5aU19_a8oxmIfMJaERySjQ.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{font-family: 'Hind'; font-style: normal; font-weight: 400; src: local("Hind Regular"), local("Hind-Regular"), url(/website_twelve/static/src/fonts/5aU69_a8oxmIdGh4BCOz.woff2) format("woff2"); unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;} @font-face{font-family: 'Hind'; font-style: normal; font-weight: 400; src: local("Hind Regular"), local("Hind-Regular"), url(/website_twelve/static/src/fonts/5aU69_a8oxmIdGd4BCOz.woff2) format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face{font-family: 'Hind'; font-style: normal; font-weight: 400; src: local("Hind Regular"), local("Hind-Regular"), url(/website_twelve/static/src/fonts/5aU69_a8oxmIdGl4BA.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{font-family: 'Hind'; font-style: normal; font-weight: 500; src: local("Hind Medium"), local("Hind-Medium"), url(/website_twelve/static/src/fonts/5aU19_a8oxmIfJpbER2SjQpf.woff2) format("woff2"); unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;} @font-face{font-family: 'Hind'; font-style: normal; font-weight: 500; src: local("Hind Medium"), local("Hind-Medium"), url(/website_twelve/static/src/fonts/5aU19_a8oxmIfJpbERKSjQpf.woff2) format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face{font-family: 'Hind'; font-style: normal; font-weight: 500; src: local("Hind Medium"), local("Hind-Medium"), url(/website_twelve/static/src/fonts/5aU19_a8oxmIfJpbERySjQ.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{font-family: 'Hind'; font-style: normal; font-weight: 600; src: local("Hind SemiBold"), local("Hind-SemiBold"), url(/website_twelve/static/src/fonts/v8/5aU19_a8oxmIfLZcER2SjQpf.woff2) format("woff2"); unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;} @font-face{font-family: 'Hind'; font-style: normal; font-weight: 600; src: local("Hind SemiBold"), local("Hind-SemiBold"), url(/website_twelve/static/src/fonts/5aU19_a8oxmIfLZcERKSjQpf.woff2) format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face{font-family: 'Hind'; font-style: normal; font-weight: 600; src: local("Hind SemiBold"), local("Hind-SemiBold"), url(/website_twelve/static/src/fonts/5aU19_a8oxmIfLZcERySjQ.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{font-family: 'Hind'; font-style: normal; font-weight: 700; src: local("Hind Bold"), local("Hind-Bold"), url(/website_twelve/static/src/fonts/5aU19_a8oxmIfNJdER2SjQpf.woff2) format("woff2"); unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;} @font-face{font-family: 'Hind'; font-style: normal; font-weight: 700; src: local("Hind Bold"), local("Hind-Bold"), url(/website_twelve/static/src/fonts/5aU19_a8oxmIfNJdERKSjQpf.woff2) format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face{font-family: 'Hind'; font-style: normal; font-weight: 700; src: local("Hind Bold"), local("Hind-Bold"), url(/website_twelve/static/src/fonts/5aU19_a8oxmIfNJdERySjQ.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} 

/* /website_twelve/static/src/css/style.custom.web.assets_frontend.scss defined in bundle 'web.assets_frontend' */
 .preloader{width: 100%; height: 100%; top: 0px; position: fixed; z-index: 99999; background: #fff;} .preloader .cssload-speeding-wheel{position: absolute; top: calc(50% - 3.5px); left: calc(50% - 3.5px);} .loader, .loader__figure{position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} .loader{overflow: visible; padding-top: 2em; height: 0; width: 2em;} .loader__figure{height: 0; width: 0; -webkit-box-sizing: border-box; box-sizing: border-box; border: 0 solid #1976d2; border-radius: 50%; -webkit-animation: loader-figure 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1); -moz-animation: loader-figure 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1); animation: loader-figure 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);} .loader__label{float: left; margin-left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); margin: 0.5em 0 0 50%; font-size: 0.875em; letter-spacing: 0.1em; line-height: 1.5em; color: #1976d2; white-space: nowrap; -webkit-animation: loader-label 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1); -moz-animation: loader-label 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1); animation: loader-label 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);} @-webkit-keyframes loader-figure{0%{height: 0; width: 0; background-color: #1976d2;}29%{background-color: #1976d2;}30%{height: 2em; width: 2em; background-color: transparent; border-width: 1em; opacity: 1;}100%{height: 2em; width: 2em; border-width: 0; opacity: 0; background-color: transparent;}} @-moz-keyframes loader-figure{0%{height: 0; width: 0; background-color: #1976d2;}29%{background-color: #1976d2;}30%{height: 2em; width: 2em; background-color: transparent; border-width: 1em; opacity: 1;}100%{height: 2em; width: 2em; border-width: 0; opacity: 0; background-color: transparent;}} @keyframes loader-figure{0%{height: 0; width: 0; background-color: #1976d2;}29%{background-color: #1976d2;}30%{height: 2em; width: 2em; background-color: transparent; border-width: 1em; opacity: 1;}100%{height: 2em; width: 2em; border-width: 0; opacity: 0; background-color: transparent;}} @-webkit-keyframes loader-label{0%{opacity: 0.25;}30%{opacity: 1;}100%{opacity: 0.25;}} @-moz-keyframes loader-label{0%{opacity: 0.25;}30%{opacity: 1;}100%{opacity: 0.25;}} @keyframes loader-label{0%{opacity: 0.25;}30%{opacity: 1;}100%{opacity: 0.25;}} @font-face{font-family: 'Calafia-Regular'; font-style: normal; src: local("Calafia-Regular"), local("Calafia-Regular"), url(/website_twelve/static/src/fonts/Calafia-Regular.otf) format("truetype");} @font-face{font-family: 'Playfair Display'; font-style: normal; src: local("Playfair Display"), local("Playfair Display"), url(/website_twelve/static/src/fonts/PlayfairDisplay-Italic.otf) format("truetype");} @font-face{font-family: 'fontello'; font-style: normal; src: local("fontello"), local("fontello"), url(/website_twelve/static/src/fonts/fontello.ttf) format("truetype");} *{outline: none;} body{background: #ffffff; font-family: "Montserrat", sans-serif; margin: 0; overflow-x: hidden; color: #8d97ad; font-weight: 300;} html{position: relative; min-height: 100%; background: #ffffff;} a:hover, a:focus{text-decoration: none;} a.link{color: #3e4555;} a.link:hover, a.link:focus{color: #316ce8;} a.white-link{color: #ffffff;} a.white-link:hover, a.white-link:focus{color: #263238;} .img-responsive{width: 100%; height: auto; display: inline-block;} .img-rounded{border-radius: 4px;} html body .mdi:before, html body .mdi-set{line-height: initial;} h1, h2, h3, h4, h5, h6{color: #3e4555; font-family: "Montserrat", sans-serif;} h1{line-height: 40px; font-size: 36px;} h2{line-height: 36px; font-size: 30px;} h3{line-height: 30px; font-size: 24px;} h4{line-height: 26px; font-size: 21px;} h5{line-height: 22px; font-size: 18px; font-weight: 400;} h6{line-height: 20px; font-size: 16px; font-weight: 400;} .display-5{font-size: 3rem;} .display-6{font-size: 36px;} .display-7{font-size: 26px;} .box{border-radius: 4px; padding: 10px;} html body .dl{display: inline-block;} html body .db{display: block;} .no-wrap td, .no-wrap th{white-space: nowrap;} .circle{border-radius: 100%;} html body blockquote{border-left: 5px solid #316ce8; border: 1px solid rgba(120, 130, 140, 0.13); padding: 15px;} .clear{clear: both;} ol li{margin: 5px 0;} html body .p-0{padding: 0px;} html body .p-10{padding: 10px;} html body .p-15{padding: 15px;} html body .p-20{padding: 20px;} html body .p-30{padding: 30px;} html body .p-40{padding: 40px;} html body .p-l-0{padding-left: 0px;} html body .p-l-10{padding-left: 10px;} html body .p-l-20{padding-left: 20px;} html body .p-r-0{padding-right: 0px;} html body .p-r-10{padding-right: 10px;} html body .p-r-20{padding-right: 20px;} html body .p-r-30{padding-right: 30px;} html body .p-r-40{padding-right: 40px;} html body .p-t-0{padding-top: 0px;} html body .p-t-10{padding-top: 10px;} html body .p-t-20{padding-top: 20px;} html body .p-t-30{padding-top: 30px;} html body .p-b-0{padding-bottom: 0px;} html body .p-b-5{padding-bottom: 5px;} html body .p-b-10{padding-bottom: 10px;} html body .p-b-20{padding-bottom: 20px;} html body .p-b-30{padding-bottom: 30px;} html body .p-b-40{padding-bottom: 40px;} html body .m-0{margin: 0px;} html body .m-l-5{margin-left: 5px;} html body .m-l-10{margin-left: 10px;} html body .m-l-15{margin-left: 15px;} html body .m-l-20{margin-left: 20px;} html body .m-l-30{margin-left: 30px;} html body .m-l-40{margin-left: 40px;} html body .m-r-5{margin-right: 5px;} html body .m-r-10{margin-right: 10px;} html body .m-r-15{margin-right: 15px;} html body .m-r-20{margin-right: 20px;} html body .m-r-30{margin-right: 30px;} html body .m-r-40{margin-right: 40px;} html body .m-t-0{margin-top: 0px;} html body .m-t-5{margin-top: 5px;} html body .m-t-10{margin-top: 10px;} html body .m-t-15{margin-top: 15px;} html body .m-t-20{margin-top: 20px;} html body .m-t-30{margin-top: 30px;} html body .m-t-40{margin-top: 40px;} html body .m-b-0{margin-bottom: 0px;} html body .m-b-5{margin-bottom: 5px;} html body .m-b-10{margin-bottom: 10px;} html body .m-b-15{margin-bottom: 15px;} html body .m-b-20{margin-bottom: 20px;} html body .m-b-30{margin-bottom: 30px;} html body .m-b-40{margin-bottom: 40px;} html body .vt{vertical-align: top;} html body .vm{vertical-align: middle;} html body .vb{vertical-align: bottom;} .op-8{opacity: 0.8;} .op-7{opacity: 0.7;} .op-5{opacity: 0.5;} .op-3{opacity: 0.3;} html body .font-bold{font-weight: 700;} html body .font-semibold{font-weight: 600;} html body .font-normal{font-weight: normal;} html body .font-light{font-weight: 300;} html body .font-medium{font-weight: 500;} html body .font-16{font-size: 16px;} html body .font-14{font-size: 15px;} html body .font-13{font-size: 13px;} html body .font-10{font-size: 10px;} html body .font-18{font-size: 18px;} html body .font-20{font-size: 20px;} html body .font-stylish{font-family: "Calafia-Regular";} html body .b-0{border: none !important;} html body .b-r{border-right: 1px solid rgba(120, 130, 140, 0.13);} html body .b-l{border-left: 1px solid rgba(120, 130, 140, 0.13);} html body .b-b{border-bottom: 1px solid rgba(120, 130, 140, 0.13);} html body .b-t{border-top: 1px solid rgba(120, 130, 140, 0.13);} html body .b-all{border: 1px solid rgba(120, 130, 140, 0.13) !important;} .thumb-sm{height: 32px; width: 32px;} .thumb-md{height: 48px; width: 48px;} .thumb-lg{height: 88px; width: 88px;} .hide{display: none;} .img-circle{border-radius: 100%;} .radius{border-radius: 4px;} .text-white{color: #ffffff !important;} .text-inverse{color: #3e4555 !important;} .text-success-gradiant{background: #2cdd9b; background: -webkit-linear-gradient(legacy-direction(to right), #2cdd9b 0%, #1dc8cc 100%); background: -webkit-gradient(linear, left top, right top, from(#2cdd9b), to(#1dc8cc)); background: -webkit-linear-gradient(left, #2cdd9b 0%, #1dc8cc 100%); background: -o-linear-gradient(left, #2cdd9b 0%, #1dc8cc 100%); background: linear-gradient(to right, #2cdd9b 0%, #1dc8cc 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-fill-color: transparent;} .text-info-gradiant{background: #3a6ea3; background: -webkit-linear-gradient(legacy-direction(to right), #3a6ea3 0%, #316ce8 100%); background: -webkit-gradient(linear, left top, right top, from(#3a6ea3), to(#316ce8)); background: -webkit-linear-gradient(left, #3a6ea3 0%, #316ce8 100%); background: -o-linear-gradient(left, #3a6ea3 0%, #316ce8 100%); background: linear-gradient(to right, #3a6ea3 0%, #316ce8 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-fill-color: transparent;} html body .text-blue{color: #02bec9;} html body .text-purple{color: #7460ee;} html body .text-megna{color: #1dc8cd;} html body .text-themecolor{color: #316ce8;} .bg-orange{background-color: #ff6a5b !important;} .bg-yellow{background-color: #fed700;} .bg-facebook{background-color: #3b5a9a;} .bg-twitter{background-color: #56adf2;} .bg-success-gradiant{background: #2cdd9b; background: -webkit-linear-gradient(legacy-direction(to right), #2cdd9b 0%, #1dc8cc 100%); background: -webkit-gradient(linear, left top, right top, from(#2cdd9b), to(#1dc8cc)); background: -webkit-linear-gradient(left, #2cdd9b 0%, #1dc8cc 100%); background: -o-linear-gradient(left, #2cdd9b 0%, #1dc8cc 100%); background: linear-gradient(to right, #2cdd9b 0%, #1dc8cc 100%);} .bg-info-gradiant{background: #3a6ea3; background: -webkit-linear-gradient(legacy-direction(to right), #3a6ea3 0%, #316ce8 100%); background: -webkit-gradient(linear, left top, right top, from(#3a6ea3), to(#316ce8)); background: -webkit-linear-gradient(left, #3a6ea3 0%, #316ce8 100%); background: -o-linear-gradient(left, #3a6ea3 0%, #316ce8 100%); background: linear-gradient(to right, #3a6ea3 0%, #316ce8 100%);} .bg-danger-gradiant{background: #ff4d7e; background: -webkit-linear-gradient(legacy-direction(to right), #ff4d7e 0%, #ff6a5b 100%); background: -webkit-gradient(linear, left top, right top, from(#ff4d7e), to(#ff6a5b)); background: -webkit-linear-gradient(left, #ff4d7e 0%, #ff6a5b 100%); background: -o-linear-gradient(left, #ff4d7e 0%, #ff6a5b 100%); background: linear-gradient(to right, #ff4d7e 0%, #ff6a5b 100%);} html body .bg-megna{background-color: #1dc8cd;} html body .bg-theme{background-color: #316ce8;} html body .bg-inverse{background-color: #3e4555;} html body .bg-purple{background-color: #7460ee;} html body .bg-light-inverse{background-color: #f6f6f6;} html body .bg-white{background-color: #ffffff;} .round{line-height: 48px; color: #ffffff; width: 50px; height: 50px; display: inline-block; font-weight: 400; text-align: center; border-radius: 100%; background: #3a6ea3;} .round img{border-radius: 100%;} .round-lg{line-height: 65px; width: 60px; height: 60px; font-size: 30px;} .round.round-info{background: #3a6ea3;} .round.round-warning{background: #fec500;} .round.round-danger{background: #ff4d7e;} .round.round-success{background: #2cdd9b;} .round.round-primary{background: #316ce8;} .label{padding: 3px 15px; color: #ffffff; font-weight: 400; border-radius: 4px; font-size: 75%;} .label-rounded{border-radius: 60px;} .label-custom{background-color: #1dc8cd;} .label-success{background-color: #2cdd9b;} .label-info{background-color: #3a6ea3;} .label-warning{background-color: #fec500;} .label-danger{background-color: #ff4d7e;} .label-megna{background-color: #1dc8cd;} .label-primary{background-color: #316ce8;} .label-purple{background-color: #7460ee;} .label-red{background-color: #fb3a3a;} .label-inverse{background-color: #3e4555;} .label-default{background-color: #f4f8fa;} .label-white{background-color: #ffffff;} .label-light-success{background-color: #e8fdeb; color: #2cdd9b;} .label-light-info{background-color: #cfecfe; color: #3a6ea3;} .label-light-warning{background-color: #fff8ec; color: #fec500;} .label-light-danger{background-color: #f9e7eb; color: #ff4d7e;} .label-light-megna{background-color: #e0f2f4; color: #1dc8cd;} .label-light-primary{background-color: #f1effd; color: #316ce8;} .label-light-inverse{background-color: #f6f6f6; color: #3e4555;} .badge{font-weight: 400;} .badge-xs{font-size: 9px;} .badge-xs, .badge-sm{-webkit-transform: translate(0, -2px); -ms-transform: translate(0, -2px); -o-transform: translate(0, -2px); transform: translate(0, -2px);} .badge-success{background-color: #2cdd9b;} .badge-info{background-color: #3a6ea3;} .badge-primary{background-color: #316ce8;} .badge-warning{background-color: #fec500;} .badge-danger{background-color: #ff4d7e;} .badge-purple{background-color: #7460ee;} .badge-red{background-color: #fb3a3a;} .badge-inverse{background-color: #3e4555;} ul.list-style-none{margin: 0px; padding: 0px;} ul.list-style-none li{list-style: none;} ul.list-style-none li a{color: #8d97ad; padding: 8px 0px; display: block; text-decoration: none;} ul.list-style-none li a:hover{color: #316ce8;} .dropdown-item{padding: 8px 1rem; color: #8d97ad;} .btn{color: #ffffff; padding: 15px 45px; cursor: pointer; -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1); -webkit-transition: 0s; -o-transition: 0s; transition: 0s;} .btn:hover{color: #ffffff;} .btn:focus{-webkit-box-shadow: none; box-shadow: none;} .btn-link{-webkit-box-shadow: none; box-shadow: none; color: #263238; padding: 10px 15px;} .btn-link .underline{border-bottom: 1px solid #263238;} .btn-link:hover{color: #2cdd9b;} .btn-light{color: #263238;} .btn-light:hover{background: #263238; color: #ffffff; border-color: #263238;} .btn-lg, .btn-group-lg > .btn{padding: 15px 55px; font-size: 1.4rem;} .btn-md{padding: 15px 45px; font-size: 16px;} .btn-sm, .btn-group-sm > .btn{padding: .25rem 2.5rem; font-size: 12px;} .btn-xs{padding: .25rem .5rem; font-size: 10px;} .btn.rounded-circle.btn-lg, .btn-group-lg > .btn.rounded-circle, .btn-group-lg > .btn.rounded-circle{padding: 0.8rem 2.9rem;} .btn.rounded-circle{padding: 0.7rem 2.35rem;} .btn.rounded-circle.btn-sm, .btn-group-sm > .btn.rounded-circle, .btn-group-sm > .btn.rounded-circle{padding: 0.4rem 2.5rem;} .btn-circle{border-radius: 100%; width: 40px; height: 40px; padding: 10px;} .btn-circle.btn-md{padding: 18px 0px; width: 60px; height: 60px; font-size: 20px;} .btn-circle.btn-sm, .btn-group-sm > .btn-circle.btn{width: 35px; height: 35px; padding: 8px 10px; font-size: 14px;} .btn-circle.btn-lg, .btn-group-lg > .btn-circle.btn{width: 70px; height: 70px; padding: 24px 15px; font-size: 20px; line-height: 23px;} .btn-circle.btn-xl{width: 70px; height: 70inpx; padding: 14px 15px; font-size: 24px;} .btn-rounded{border-radius: 60px; -webkit-border-radius: 60px;} .arrow-btn{position: relative;} .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;} .arrow-btn:hover span, .arrow-btn:focus span{-webkit-transform: translate3d(-1rem, 0, 0); transform: translate3d(-1rem, 0, 0);} .arrow-btn i{position: absolute; width: 1.1em; right: 0px; right: 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;} .arrow-btn:hover i, .arrow-btn:focus i, .arrow-btn:hover span, .arrow-btn:focus span{opacity: 1; right: 1rem;} .btn-secondary, .btn-secondary.disabled{-webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in; background-color: #ffffff; color: #8d97ad;} .btn-secondary:hover, .btn-secondary.disabled:hover{color: #ffffff !important;} .btn-secondary.active, .btn-secondary:active, .btn-secondary:focus, .btn-secondary.disabled.active, .btn-secondary.disabled:active, .btn-secondary.disabled:focus{color: #ffffff !important; background: #263238; border-color: #263238;} .btn-primary, .btn-primary.disabled{-webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in;} .btn-themecolor, .btn-themecolor.disabled{background: #316ce8; color: #ffffff; border: 1px solid #316ce8;} .btn-themecolor:hover, .btn-themecolor.disabled:hover{background: #028ee1; border: 1px solid #028ee1;} .btn-themecolor.active, .btn-themecolor:active, .btn-themecolor:focus, .btn-themecolor.disabled.active, .btn-themecolor.disabled:active, .btn-themecolor.disabled:focus{background: #028ee1;} .btn-success, .btn-success.disabled{background: #2cdd9b; border: 1px solid #2cdd9b; color: #ffffff;} .btn-success:hover, .btn-success.disabled:hover{background: #1dc8cc; border: 1px solid #1dc8cc;} .btn-success.active, .btn-success:active, .btn-success:focus, .btn-success.disabled.active, .btn-success.disabled:active, .btn-success.disabled:focus{background: #1dc8cc;} .btn-warning, .btn-warning.disabled{background: #fec500; color: #ffffff; border: 1px solid #fec500;} .btn-warning:hover, .btn-warning.disabled:hover{background: #dcaf17; color: #ffffff; border: 1px solid #dcaf17;} .btn-warning.active, .btn-warning:active, .btn-warning:focus, .btn-warning.disabled.active, .btn-warning.disabled:active, .btn-warning.disabled:focus{background: #dcaf17; color: #ffffff;} .btn-danger, .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;} .btn-danger:hover, .btn-danger.disabled:hover{background: #d73e6b; border: 1px solid #d73e6b;} .btn-danger.active, .btn-danger:active, .btn-danger:focus, .btn-danger.disabled.active, .btn-danger.disabled:active, .btn-danger.disabled:focus{background: #d73e6b;} .btn-inverse, .btn-inverse.disabled{background: #3e4555; border: 1px solid #3e4555; color: #ffffff;} .btn-inverse:hover, .btn-inverse.disabled:hover{background: #232a37; color: #ffffff; border: 1px solid #232a37;} .btn-inverse.active, .btn-inverse:active, .btn-inverse:focus, .btn-inverse.disabled.active, .btn-inverse.disabled:active, .btn-inverse.disabled:focus{background: #232a37; color: #ffffff;} .btn-red, .btn-red.disabled{background: #fb3a3a; border: 1px solid #fb3a3a; color: #ffffff;} .btn-red:hover, .btn-red.disabled:hover{border: 1px solid #d61f1f; background: #d61f1f;} .btn-red.active, .btn-red:active, .btn-red:focus, .btn-red.disabled.active, .btn-red.disabled:active, .btn-red.disabled:focus{background: #d73e6b;} .btn-outline-secondary{background-color: #ffffff; color: #727b84; -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in;} .btn-outline-secondary.active, .btn-outline-secondary:active, .btn-outline-secondary:focus{background: #263238;} .btn-outline-primary{color: #316ce8; background-color: #ffffff; border-color: #316ce8; -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in;} .btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary.focus{background: #316ce8; color: #ffffff; border-color: #316ce8;} .btn-outline-primary.active, .btn-outline-primary:active, .btn-outline-primary:focus{background: #345bcb;} .btn-outline-success, a.btn-outline-success{color: #2cdd9b; background-color: transparent; border-color: #2cdd9b; -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in;} .btn-outline-success:hover, .btn-outline-success:focus, .btn-outline-success.focus, a.btn-outline-success:hover, a.btn-outline-success:focus, a.btn-outline-success.focus{background: #2cdd9b; border-color: #2cdd9b; color: #ffffff;} .btn-outline-success.active, .btn-outline-success:active, .btn-outline-success:focus, a.btn-outline-success.active, a.btn-outline-success:active, a.btn-outline-success:focus{background: #1dc8cc;} .btn-outline-info{color: #3a6ea3; background-color: transparent; border-color: #3a6ea3; -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in;} .btn-outline-info:hover, .btn-outline-info:focus, .btn-outline-info.focus{background: #3a6ea3; border-color: #3a6ea3; color: #ffffff;} .btn-outline-info.active, .btn-outline-info:active, .btn-outline-info:focus{background: #2c73cb;} .btn-outline-warning{color: #fec500; background-color: transparent; border-color: #fec500; -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in;} .btn-outline-warning:hover, .btn-outline-warning:focus, .btn-outline-warning.focus{background: #fec500; border-color: #fec500; color: #ffffff;} .btn-outline-warning.active, .btn-outline-warning:active, .btn-outline-warning:focus{background: #dcaf17;} .btn-outline-danger{color: #ff4d7e; background-color: transparent; border-color: #ff4d7e; -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in;} .btn-outline-danger:hover, .btn-outline-danger:focus, .btn-outline-danger.focus{background: #ff4d7e; border-color: #ff4d7e; color: #ffffff;} .btn-outline-danger.active, .btn-outline-danger:active, .btn-outline-danger:focus{background: #d73e6b;} .btn-outline-red{color: #fb3a3a; background-color: transparent; border-color: #fb3a3a;} .btn-outline-red:hover, .btn-outline-red:focus, .btn-outline-red.focus{background: #fb3a3a; border-color: #fb3a3a; color: #ffffff;} .btn-outline-red.active, .btn-outline-red:active, .btn-outline-red:focus{background: #d73e6b;} .btn-outline-inverse{color: #3e4555; background-color: transparent; border-color: #3e4555;} .btn-outline-inverse:hover, .btn-outline-inverse:focus, .btn-outline-inverse.focus{background: #3e4555; border-color: #3e4555; color: #ffffff;} .btn-outline-light:hover{color: #263238 !important;} .btn-inverse:hover, .btn-inverse:focus, .btn-inverse:active, .btn-inverse.active, .btn-inverse.focus, .btn-inverse:active, .btn-inverse:focus, .btn-inverse:hover, .open > .dropdown-toggle.btn-inverse{background-color: #232a37; border: 1px solid #232a37;} .btn-red:hover, .btn-red:focus, .btn-red:active, .btn-red.active, .btn-red.focus, .btn-red:active, .btn-red:focus, .btn-red:hover, .open > .dropdown-toggle.btn-red{background-color: #d61f1f; border: 1px solid #d61f1f; color: #ffffff;} .btn span.btn-devider{display: inline-block; padding-left: 10px;} .onoffswitch{position: relative; width: 70px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; margin: 0 auto;} .onoffswitch-checkbox{display: none;} .onoffswitch-label{display: block; overflow: hidden; cursor: pointer; border: 2px solid transparent; border-radius: 20px;} .onoffswitch-inner{display: block; width: 200%; margin-left: -100%; -webkit-transition: margin 0.3s ease-in 0s; -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;} .onoffswitch-inner:before, .onoffswitch-inner:after{display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px; font-size: 14px; color: white; -webkit-box-sizing: border-box; box-sizing: border-box;} .onoffswitch-inner:before{content: ""; padding-right: 27px; background-color: #2cdd9b; color: #FFFFFF;} .onoffswitch-inner:after{content: ""; padding-right: 24px; background-color: #3e4555; color: #999999; text-align: right;} .onoffswitch-switch{display: block; width: 23px; margin: 6px; background: #FFFFFF; height: 23px; position: absolute; top: -1px; bottom: 0; right: 35px; border-radius: 20px; -webkit-transition: all 0.3s ease-in 0s; -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s;} .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner{margin-left: 0;} .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch{right: 0px;} .card-columns{-webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px;} .card-columns .card{margin-bottom: 30px;} .invisible{visibility: hidden !important;} .hidden-xs-up{display: none !important;} @media (max-width: 575px){.hidden-xs-down{display: none !important;}} @media (min-width: 576px){.hidden-sm-up{display: none !important;}} @media (max-width: 767px){.hidden-sm-down{display: none !important;}} @media (min-width: 768px){.hidden-md-up{display: none !important;}} @media (max-width: 991px){.hidden-md-down{display: none !important;}} @media (min-width: 992px){.hidden-lg-up{display: none !important;}} @media (max-width: 1199px){.hidden-lg-down{display: none !important;}} @media (min-width: 1200px){.hidden-xl-up{display: none !important;}} .hidden-xl-down{display: none !important;} .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;} .topbar.fixed-header{-webkit-box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1); box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1); -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in; background: #3a6ea3;} .topbar.fixed-header .navbar .navbar-brand img{height: 50px; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0) scale(1, 1);} .header6 .navbar-brand{line-height: 80px;} .h6-nav-bar{padding: 0px;} .h6-nav-bar .navbar-nav .nav-link{padding: 35px 15px; color: rgba(255, 255, 255, 0.5);} .h6-nav-bar .navbar-nav .nav-item:hover .nav-link, .h6-nav-bar .navbar-nav .nav-item.active .nav-link{color: white;} .h6-nav-bar .act-buttons .btn{margin: 10px 0 10px 10px;} @media (max-width: 1023px){.h6-nav-bar .navbar-nav .nav-link{padding: 15px 15px;}.h6-nav-bar .act-buttons .btn{margin: 10px 0 10px 0px;}} .page-wrapper{padding-top: 0px;} #main-wrapper{overflow: hidden;} .container-fluid{padding: 0px;} .footer{padding: 20px 0; text-align: center;} .fix-width{width: 100%; max-width: 1170px; margin: 0 auto; padding: 0 15px;} .spacer{padding: 90px 0;} .mini-spacer{padding: 40px 0;} .title{margin: 20px 0 15px;} .subtitle{color: #8d97ad; line-height: 24px;} .card{border: 0px; margin-bottom: 30px;} .card.card-shadow{-webkit-box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1); box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1);} .card-group .card{border: 1px solid rgba(120, 130, 140, 0.13); margin-bottom: 30px;} .icon-space{margin: 20px 0;} .linking{color: #3e4555;} .linking i{font-size: 14px; margin-left: 10px; -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in;} .linking:hover{color: #316ce8;} .linking:hover i{margin-left: 15px;} .list-block{margin: 0px; padding: 0px;} .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;} .list-block li i{margin-right: 10px; -webkit-flex-shrink: 0px; -ms-flex-negative: 0px; flex-shrink: 0px; margin-top: 3px;} .list-block.with-underline li{border-bottom: 1px solid rgba(120, 130, 140, 0.13); padding: 15px 0;} .img-inline{margin: 0px; padding: 0px;} .img-inline li{list-style: none;} .img-inline li.half-width{width: 49%; display: inline-block; vertical-align: top;} .img-shadow{-webkit-box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.3); box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.3);} .icon-round{width: 80px; line-height: 80px; text-align: center; border-radius: 100%; display: inline-block;} .no-shrink{-webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0;} .up{z-index: 10; position: relative;} .bt-top{position: fixed; bottom: 20px; right: 20px; z-index: 100; visibility: hidden;} .both-space{margin: 80px 0;} .side-content{padding: 40px 60px;} .bg-cover{background-size: cover; min-height: 200px;} .owl-carousel{display: block; width: 100%;} .owl-carousel .owl-stage-outer{position: relative; overflow: hidden;} .owl-carousel .owl-stage{position: relative;} .owl-carousel .owl-item{float: left;} .owl-carousel .owl-nav.disabled{display: none;} .max-300{max-width: 300px;} .max-400{max-width: 400px;} .max-500{max-width: 500px;} .max-600{max-width: 600px;} .stick-bottom{position: relative; margin-bottom: 30px;} .stick-bottom > span{width: 30px; height: 2px; position: absolute; bottom: -7px; left: 0px; display: inline-block;} .po-absolute{position: absolute;} .po-relative{position: relative;} .invisible{visibility: hidden !important;} .hidden-xs-up{display: none !important;} @media (max-width: 575px){.hidden-xs-down{display: none !important;}} @media (min-width: 576px){.hidden-sm-up{display: none !important;}} @media (max-width: 767px){.hidden-sm-down{display: none !important;}} @media (min-width: 768px){.hidden-md-up{display: none !important;}} @media (max-width: 991px){.hidden-md-down{display: none !important;}} @media (min-width: 992px){.hidden-lg-up{display: none !important;}} @media (max-width: 1199px){.hidden-lg-down{display: none !important;}} @media (min-width: 1200px){.hidden-xl-up{display: none !important;}} .hidden-xl-down{display: none !important;} .navbar-nav .dropdown-toggle::after{display: none;} .navbar-nav .dropdown-menu.b-none{border: 0px; -webkit-box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1); box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1);} .navbar-nav{font-weight: 400;} .navbar-nav .dropdown-menu.b-none{border: 0px; -webkit-box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1); box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1);} .pre-scroll{position: relative;} .mega-dropdown{position: static;} .mega-dropdown .dropdown-menu{width: 100%; padding: 30px; margin-top: 0px; overflow: hidden;} .mega-dropdown .list-style-none{font-size: 14px;} .mega-dropdown .inside-bg{margin: -30px 0 -30px -30px;} .mega-dropdown .inside-bg-right{margin: -30px -30px -30px 0;} .mega-dropdown .bg-img{background-size: cover; height: 100%; padding: 30px;} .mega-dropdown h6{margin: 15px 0; font-size: 15px;} .general-listing{padding: 0px; margin: 0px;} .general-listing li{list-style: none;} .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;} .general-listing li:hover a{color: #316ce8; padding-left: 10px;} .general-listing li i{margin-right: 7px; vertical-align: middle;} .general-listing.two-part li{width: 49%; display: inline-block;} .general-listing.only-li li{padding: 5px 0;} .form-control-dark{background: rgba(120, 130, 140, 0.13); color: #ffffff; border-color: rgba(120, 130, 140, 0.13);} .form-control-dark:focus{background: rgba(120, 130, 140, 0.13); color: #ffffff;} .round-social a{width: 50px; height: 50px; line-height: 50px; text-align: center; display: inline-block; border-radius: 100%; margin: 0 5px; -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in;} .round-social a:hover{-webkit-transform: translate3d(0px, -5px, 0px); transform: translate3d(0px, -5px, 0px);} .round-social.light a{color: #263238; background: #f4f8fa;} .round-social.light a:hover{background: #263238; color: #ffffff;} .banner{position: relative; max-height: 700px; background-size: cover; background-repeat: no-repeat; background-position: center top; width: 100%; display: table;} .banner .banner-content{display: table-cell; vertical-align: middle; width: 100%;} @media (max-width: 992px){.banner{height: auto !important; padding: 100px 0;}} @media (max-width: 767px){.banner{padding: 30px 0;}} .form-control{padding: .75rem; border: 2px solid rgba(120, 130, 140, 0.13);} select.form-control:not([size]):not([multiple]){height: calc(2.25rem + 12px);} .button-group .btn{margin-bottom: 7px;} .show-grid{margin-bottom: 10px; padding: 0 15px;} .show-grid [class^=col-]{padding-top: 10px; padding-bottom: 10px; border: 1px solid rgba(120, 130, 140, 0.13); background-color: #f4f8fa;} .list-group a.list-group-item:hover{background: #f4f8fa;} .list-group-item.active, .list-group .list-group-item.active:hover{background: #316ce8; border-color: #316ce8;} .list-group-item.disabled{color: #8d97ad; background: #f4f8fa;} .media{border: 1px solid rgba(120, 130, 140, 0.13); margin-bottom: 10px; padding: 15px;} .alert-rounded{border-radius: 60px;} .progress.active .progress-bar, .progress-bar.active{-webkit-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite;} .progress-vertical{min-height: 250px; height: 250px; position: relative; display: inline-block; margin-bottom: 0; margin-right: 20px;} .progress-vertical-bottom{min-height: 250px; height: 250px; position: relative; display: inline-block; margin-bottom: 0; margin-right: 20px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);} .progress-animated{-webkit-animation-duration: 5s; -webkit-animation-name: myanimation; -webkit-transition: 5s all; animation-duration: 5s; animation-name: myanimation; -o-transition: 5s all; transition: 5s all;} @-webkit-keyframes myanimation{from{width: 0;}} @keyframes myanimation{from{width: 0;}} .vtabs{display: table;} .vtabs .tabs-vertical{width: 150px; border-bottom: 0px; border-right: 1px solid rgba(120, 130, 140, 0.13); display: table-cell; vertical-align: top;} .vtabs .tabs-vertical li .nav-link{color: #263238; margin-bottom: 10px; border: 0px; border-radius: 4px 0 0 4px;} .vtabs .tab-content{display: table-cell; padding: 20px; vertical-align: top;} .tabs-vertical li .nav-link.active, .tabs-vertical li .nav-link:hover, .tabs-vertical li .nav-link.active:focus{background: #316ce8; border: 0px; color: #ffffff;} .customvtab .tabs-vertical li .nav-link.active, .customvtab .tabs-vertical li .nav-link:hover, .customvtab .tabs-vertical li .nav-link:focus{background: #ffffff; border: 0px; border-right: 2px solid #316ce8; margin-right: -1px; color: #316ce8;} .tabcontent-border{border: 1px solid #ddd; border-top: 0px;} .customtab2 li a.nav-link{border: 0px; margin-right: 3px; color: #8d97ad;} .customtab2 li a.nav-link.active{background: #316ce8; color: #ffffff;} .customtab2 li a.nav-link:hover{color: #ffffff; background: #316ce8;} .timeline{position: relative; padding: 20px 0 20px; list-style: none; max-width: 1200px; margin: 0 auto;} .timeline:before{content: " "; position: absolute; top: 0; bottom: 0; left: 50%; width: 3px; margin-left: -1.5px; background-color: #f4f8fa;} .timeline > li{position: relative; margin-bottom: 20px;} .timeline > li:before, .timeline > li:after{content: " "; display: table;} .timeline > li:after{clear: both;} .timeline > li:before, .timeline > li:after{content: " "; display: table;} .timeline > li:after{clear: both;} .timeline > li > .timeline-panel{float: left; position: relative; width: 46%; padding: 20px; border: 1px solid rgba(120, 130, 140, 0.13); border-radius: 4px; -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.05);} .timeline > li > .timeline-panel:before{content: " "; display: inline-block; position: absolute; top: 26px; right: -8px; border-top: 8px solid transparent; border-right: 0 solid rgba(120, 130, 140, 0.13); border-bottom: 8px solid transparent; border-left: 8px solid rgba(120, 130, 140, 0.13);} .timeline > li > .timeline-panel:after{content: " "; display: inline-block; position: absolute; top: 27px; right: -7px; border-top: 7px solid transparent; border-right: 0 solid #ffffff; border-bottom: 7px solid transparent; border-left: 7px solid #ffffff;} .timeline > li > .timeline-badge{z-index: 10; position: absolute; top: 16px; left: 50%; width: 50px; height: 50px; margin-left: -25px; border-radius: 50% 50% 50% 50%; text-align: center; font-size: 1.4em; line-height: 46px; color: #fff; overflow: hidden;} .timeline > li.timeline-inverted > .timeline-panel{float: right;} .timeline > li.timeline-inverted > .timeline-panel:before{right: auto; left: -8px; border-right-width: 8px; border-left-width: 0;} .timeline > li.timeline-inverted > .timeline-panel:after{right: auto; left: -7px; border-right-width: 7px; border-left-width: 0;} .timeline-badge.primary{background-color: #316ce8;} .timeline-badge.success{background-color: #2cdd9b;} .timeline-badge.warning{background-color: #fec500;} .timeline-badge.danger{background-color: #ff4d7e;} .timeline-badge.info{background-color: #3a6ea3;} .timeline-title{margin-top: 0; color: inherit; font-weight: 400;} .timeline-body > p, .timeline-body > ul{margin-bottom: 0;} .timeline-body > p + p{margin-top: 5px;} ul.list-icons{margin: 0px; padding: 0px;} ul.list-icons li{list-style: none; line-height: 30px; margin: 5px 0; -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in;} ul.list-icons li a{color: #8d97ad;} ul.list-icons li a:hover{color: #316ce8;} ul.list-icons li i{font-size: 13px; padding-right: 8px;} ul.list-inline li{display: inline-block;} ul.list-inline li:first-child{padding-left: 0px;} ul.list-inline li a{color: #8d97ad;} ul.list-inline li a:hover{color: #316ce8;} ul.two-part{margin: 0px;} ul.two-part li{width: 48.8%;} html body .accordion .card{margin-bottom: 0px;} #accordion4 .card-header{border: 1px solid rgba(120, 130, 140, 0.13); background: transparent; margin-bottom: 10px;} #accordion4 .card-header a{color: #8d97ad;} #accordion4 .card-header:hover{background-color: #3a6ea3; border: 1px solid #3a6ea3;} #accordion4 .card-header:hover a{color: #ffffff;} #accordion4 .card.active .card-header{background-color: #3a6ea3; border: 1px solid #3a6ea3;} #accordion4 .card.active .card-header a{color: #ffffff;} .bc-colored .breadcrumb-item, .bc-colored .breadcrumb-item a{color: #ffffff;} .bc-colored .breadcrumb-item.active, .bc-colored .breadcrumb-item a.active{opacity: 0.7;} .bc-colored .breadcrumb-item + .breadcrumb-item::before{color: rgba(255, 255, 255, 0.4);} .breadcrumb{margin-bottom: 0px;} .card-title{font-size: 18px;} .card-subtitle{color: #8d97ad; margin-bottom: 30px; font-size: 14px;} .card-inverse .card-bodyquote .blockquote-footer, .card-inverse .card-link, .card-inverse .card-subtitle, .card-inverse .card-text{color: rgba(255, 255, 255, 0.65);} .card-default .card-header{background: #ffffff; border-bottom: 0px;} .card-success{background: #2cdd9b; border-color: #2cdd9b;} .card-danger{background: #ff4d7e; border-color: #ff4d7e;} .card-warning{background: #fec500; border-color: #fec500;} .card-info{background: #3a6ea3; border-color: #3a6ea3;} .card-primary{background: #316ce8; border-color: #316ce8;} .card-dark{background: #3e4555; border-color: #3e4555;} .card-megna{background: #1dc8cd; border-color: #1dc8cd;} .card-columns .card{margin-bottom: 20px;} .collapsing{-webkit-transition: height .08s ease; -o-transition: height .08s ease; transition: height .08s ease;} .card-info{background: #3a6ea3; border-color: #3a6ea3;} .card-primary{background: #316ce8; border-color: #316ce8;} .card-outline-info{border-color: #3a6ea3;} .card-outline-info .card-header{background: #3a6ea3; border-color: #3a6ea3;} .card-outline-inverse{border-color: #3e4555;} .card-outline-inverse .card-header{background: #3e4555; border-color: #3e4555;} .card-outline-warning{border-color: #fec500;} .card-outline-warning .card-header{background: #fec500; border-color: #fec500;} .card-outline-success{border-color: #2cdd9b;} .card-outline-success .card-header{background: #2cdd9b; border-color: #2cdd9b;} .card-outline-danger{border-color: #ff4d7e;} .card-outline-danger .card-header{background: #ff4d7e; border-color: #ff4d7e;} .card-outline-primary{border-color: #316ce8;} .card-outline-primary .card-header{background: #316ce8; border-color: #316ce8;} .custom-select{background: url(/website_twelve/static/src/css/../../assets/images/ui/custom-select.png) right 0.75rem center no-repeat; border: 2px solid rgba(120, 130, 140, 0.13); height: calc(2.25rem + 12px);} textarea{resize: none;} .form-control-danger, .form-control-success, .form-control-warning{padding-right: 2.25rem; background-repeat: no-repeat; background-position: center right .5625rem; -webkit-background-size: 1.125rem 1.125rem; background-size: 1.125rem 1.125rem;} .has-success .col-form-label, .has-success .custom-control, .has-success .form-check-label, .has-success .form-control-feedback, .has-success .form-control-label{color: #2cdd9b;} .has-success .form-control-success{background-image: url(/website_twelve/static/src/css/../../assets/images/ui/success.svg);} .has-success .form-control{border-color: #2cdd9b;} .has-warning .col-form-label, .has-warning .custom-control, .has-warning .form-check-label, .has-warning .form-control-feedback, .has-warning .form-control-label{color: #fec500;} .has-warning .form-control-warning{background-image: url(/website_twelve/static/src/css/../../assets/images/ui/warning.svg);} .has-warning .form-control{border-color: #fec500;} .has-danger .col-form-label, .has-danger .custom-control, .has-danger .form-check-label, .has-danger .form-control-feedback, .has-danger .form-control-label{color: #ff4d7e;} .has-danger .form-control-danger{background-image: url(/website_twelve/static/src/css/../../assets/images/ui/danger.svg);} .has-danger .form-control{border-color: #ff4d7e;} .input-group-addon [type="radio"]:not(:checked), .input-group-addon [type="radio"]:checked, .input-group-addon [type="checkbox"]:not(:checked), .input-group-addon [type="checkbox"]:checked{position: initial; opacity: 1;} .input-form .btn{padding: 14px 12px;} .form-control-sm{padding: .25rem .5rem;} .custom-modal .close-btn{position: absolute; right: 12px; top: 10px; color: #8d97ad; font-size: 25px; background: #ffffff; width: 20px; height: 20px; text-align: center; display: block; border-radius: 100%; line-height: 19px;} .custom-modal .modal-body{overflow: hidden;} .custom-modal .modal-bg-img{background-size: cover; background-position: center center; min-height: 300px;} .modal1 .modal-bg{background-size: contain; background-repeat: no-repeat; background-position: center top; padding: 40px;} .modal1 .input-group{margin-top: -45px;} .modal2 .modal-bg{padding: 30px 30px 30px 15px;} .modal3 .modal-bg{padding: 50px 40px 60px 25px;} .modal4 .modal-bg{padding: 55px 55px 55px 40px;} .header-overlay{position: absolute; width: 100%;} .dropdown-item.active, .dropdown-item:active{background-color: #316ce8;} .dropdown-submenu{position: relative;} .dropdown-submenu .dropdown-item > .ml-auto{position: absolute; right: 15px; top: 10px;} .dropdown-submenu > .dropdown-menu{top: 0; left: 100%; margin-left: 0; border-radius: 0.25rem; display: none;} .dropdown-submenu > .dropdown-menu.menu-right{left: auto; right: 100%;} .dropdown-submenu.pull-left{float: none;} .dropdown-submenu.pull-left > .dropdown-menu{left: -75%;} .dropdown-menu .divider{background-color: rgba(120, 130, 140, 0.13); height: 1px; margin: 9px 0; overflow: hidden;} .banner-innerpage{padding: 150px 0 100px; background-size: cover; background-position: center center;} .banner-innerpage .title{color: #ffffff; text-transform: uppercase; font-weight: 700; font-size: 40px; line-height: 40px;} .banner-innerpage .subtitle{color: #ffffff;} @media (max-width: 900px){.static-slider10 .title{font-size: 40px; line-height: 45px;}} .with-noborder .media{border: 0px; padding: 0px; margin: 50px 0;} .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background: #316ce8;} .footer4 .f4-bottom-bar{padding-top: 10px; margin-top: 20px;} .footer4 .f4-bottom-bar a{color: #8d97ad;} .footer4 .f4-bottom-bar a:hover{color: #3a6ea3;} .footer4 .round-social.light a{width: 34px; height: 34px; line-height: 34px;} .footer4 .round-social.light a:hover{background: #3a6ea3;} .modal-dialog{min-height: calc(100vh - 60px); 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;} @media (max-width: 768px){.modal-dialog{min-height: calc(100vh - 20px);}} .animated{-webkit-animation-duration: 0.5s; animation-duration: 0.5s;} .icon-list-demo div{cursor: pointer; line-height: 60px; white-space: nowrap;} .icon-list-demo div p{margin: 10px 0; padding: 5px 0;} .icon-list-demo div:hover{color: #263238;} .icon-list-demo div:hover i{font-size: 2em;} .icon-list-demo i{-webkit-transition: all 0.2s; -webkit-transition: font-size .2s; display: inline-block; font-size: 18px; margin: 0 15px 0 10px; text-align: left; -o-transition: all 0.2s; transition: all 0.2s; -o-transition: font-size .2s; transition: font-size .2s; vertical-align: middle; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;} .icon-list-demo .col-md-4, .icon-list-demo .col-3{border-radius: 4px;} @media (min-width: 1024px){.contact4 .contact-box{padding: 80px 105px 80px 0px;}.hover-dropdown .navbar-nav > .dropdown:hover > .dropdown-menu{display: block; margin-top: 0px;}.navbar-nav > .dropdown .dropdown-menu{min-width: 210px; margin-top: 0px;}.dropdown-submenu:hover > .dropdown-menu{display: block;}} @media (max-width: 1023px){.d-flex{display: block !important;}.d-flex.no-block{display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: -webkit-box !important; display: -webkit-flex !important; display: flex !important;}.wrap-feature30-box{left: 0; right: 0; margin: 0 auto; top: 50%;}.wrap-feature31-box .right-image, .contact4 .right-image, .form6 .right-image{position: relative; bottom: -95px;}.wrap-feature31-box .right-image img, .contact4 .right-image img, .form6 .right-image img{width: 100%;}.contact1 .detail-box{margin-top: 40px;}.contact1 .p-r-40{padding-right: 0;}.contact4 .contact-box{padding: 40px 0px 40px 0px;}.contact3 .c-detail{text-align: center;}.contact3 .c-detail .m-r-20{margin-right: 0;}.contact3 .c-detail h6{margin-top: 20px;}.contact3 .m-l-30{margin-left: 0;}.contact3 .contact-box{margin-top: 30px;}.wrap-feature34-box .left-image{position: relative; top: -90px;}.po-absolute{position: relative;}.contact2 .bg-image{margin-right: 15px; margin-left: 15px;}.topbar{background: #316ce8; position: relative;}.topbar.animated{-webkit-animation-duration: 0s; animation-duration: 0s;}.topbar.animated.slideInDown{-webkit-animation-name: none; animation-name: none;}} @media (max-width: 767px){.b-l, .b-r{border-left: 0px; border-right: 0px; border-bottom: 1px solid rgba(120, 130, 140, 0.13);}.img-inline li.half-width{width: 100%;}.both-space{margin: 10px 0;}.side-content{padding: 40px 20px;}.general-listing.two-part li{width: 100%; display: block;}.wrap-feature-12 .uneven-box{margin-top: 0px;}.wrap-feature-16 .with-text{margin-left: 0px;}.wrap-feature-18 .icon-position .icon-round{top: 157px; right: 30px;}.wrap-feature-22 .text-box, .wrap-feature23-box .text-box{padding: 20px 0px;}.wrap-feature30-box{position: relative;}.contact3 .p-l-0{padding-left: 20px;}.contact4 .contact-box{padding-left: 15px; padding-right: 15px;}.modal2 .modal-bg{padding: 30px;}.modal3 .modal-bg{padding: 50px 40px 60px;}.modal4 .modal-bg{padding: 40px;}.dropdown-submenu > .dropdown-menu.show{display: block;}} .my_section .dropdown-item{padding: 5px 5px !important;} .my_section .list-inline-item:not(:last-child){margin-right: 0px;} .my_section button{float: left; height: 25px; width: 25px; margin: 1px 1px 0 2px; border: 1px solid black; position: relative; background-size: 10px auto; z-index: 1;} 

/* /website_twelve/static/src/css/demo.custom.web.assets_frontend.scss defined in bundle 'web.assets_frontend' */
 .h2-nav{position: relative; width: 100%; z-index: 1; left: 0px; padding: 0px 15px;} .h2-nav .navbar-nav > .nav-item > .nav-link{line-height: 80px;} .h2-nav .navbar-nav .nav-item{margin: 0 15px;} .h2-nav .navbar-nav .nav-item .nav-link{padding: 12px 0px; color: #ffffff; font-weight: 400;} .h2-nav .navbar-nav .nav-item:hover .nav-link{color: #263238;} .h2-nav .navbar-nav .nav-item .btn{opacity: 0.3;} .h2-nav .navbar-nav .nav-item .btn:hover{opacity: 1;} @media (max-width: 1023px){.h2-nav .navbar-collapse{background: #2cdd9b; background: -webkit-linear-gradient(legacy-direction(to right), #2cdd9b 0%, #1dc8cd 100%); background: -webkit-gradient(linear, left top, right top, from(#2cdd9b), to(#1dc8cd)); background: -webkit-linear-gradient(left, #2cdd9b 0%, #1dc8cd 100%); background: -o-linear-gradient(left, #2cdd9b 0%, #1dc8cd 100%); background: linear-gradient(to right, #2cdd9b 0%, #1dc8cd 100%); padding: 15px 15px 20px; border-radius: 4px; -webkit-box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1); box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1);}} .topbar.fixed-header .h2-nav .navbar-nav > .nav-item > .nav-link{line-height: 60px;} .static-slider5{padding-top: 190px;} .static-slider5 .middle-image{margin-top: 80px; margin-bottom: -100px;} .static-slider5 .left-right-bg{background-repeat: no-repeat; background-position: left center, right center, bottom center; background-size: auto, auto, 100%;} @media (max-width: 1370px){.static-slider5 .left-right-bg{background-position: left -250px center, right -150px center, bottom 70px center;}} @media (max-width: 767px){.static-slider5 .left-right-bg{background-image: none !important;}} .wrap-feature1-box .card-body{padding: 20px; line-height: 30px;} .wrap-feature1-box .card-body .icon-space{font-size: 55px;} .feature46{background-repeat: no-repeat; background-position: top;} .testimonial2 .testi2 .image-thumb{background: url(/website_twelve/static/src/img/greadint-bg.png) no-repeat 90% 46%; text-align: center; padding: 10% 0;} .testimonial2 .testi2 .image-thumb img{width: 400px;} .testimonial2 .testi2 .owl-dots{display: inline-block; position: relative; top: -115px;} .testimonial2 .testi2 .owl-dots .owl-dot{border-radius: 100%; width: 70px; height: 70px; background-size: cover; margin-right: 10px; opacity: 0.4; cursor: pointer;} .testimonial2 .testi2 .owl-dots .owl-dot span{display: none;} .testimonial2 .testi2 .owl-dots .owl-dot.active, .testimonial2 .testi2 .owl-dots .owl-dot:hover{opacity: 1;} .footer4 .navbar-nav .nav-link{font-size: 14px; font-weight: 300; color: #8d97ad;} .footer4 .navbar-nav .nav-link:hover{background: #2cdd9b; background: -webkit-linear-gradient(legacy-direction(to right), #2cdd9b 0%, #1dc8cd 100%); background: -webkit-gradient(linear, left top, right top, from(#2cdd9b), to(#1dc8cd)); background: -webkit-linear-gradient(left, #2cdd9b 0%, #1dc8cd 100%); background: -o-linear-gradient(left, #2cdd9b 0%, #1dc8cd 100%); background: linear-gradient(to right, #2cdd9b 0%, #1dc8cd 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-fill-color: transparent;} .s_demo_page_banner{min-height: calc(100vh - 150px); 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; background-size: cover; background-position: center center;} .s_demo_page_banner .title{color: #ffffff; font-weight: 700; font-size: 63px; line-height: 150px;} .s_demo_page_banner .subtitle{color: #ffffff; line-height: 30px;} .s_demo_page_counter .bg-primary-1{background-color: #316ce8;} .s_demo_page_counter .counter-box [class^=col-]{padding: 33px 15px; border-right: 1px solid rgba(255, 255, 255, 0.1);} .s_demo_pages_block .bg-light-1{background-color: #f4f8fa;} .s_demo_page_nav_tabs .f45-tab{display: table; width: 100%;} .s_demo_page_nav_tabs .f45-tab a{display: table-cell; border: 1px solid rgba(120, 130, 140, 0.13); text-align: center; padding: 25px 10px; background: #000; color: #fff;} .s_demo_page_nav_tabs .f45-tab > a.active, .s_demo_page_nav_tabs .f45-tab > a:hover, .s_demo_page_nav_tabs .f45-tab > a:focus{border-bottom-color: transparent; background: #ee4b7f; font-weight: 400;} .s_demo_page_nav_tabs .demo_nav_tabs li a.active, .s_demo_page_nav_tabs .demo_nav_tabs li a:hover{border-bottom: 1px solid #ee4b7f;} .s_demo_page_nav_tabs .demo_nav_tabs .nav-link h5{padding: 10px 0px; font-size: 20px; font-weight: 600; color: #293241; text-transform: uppercase; border: none; border-radius: 0; background: transparent; z-index: 2; position: relative; transition: all 0.3s ease 0s;} .s_demo_page_nav_tabs .title_banner{font-size: 20px;} .s_demo_page_nav_tabs .label-danger-1{background-color: #ff4d7e; padding: 12px 20px;} .s_contact_map_form .bg-info-1{background-color: #188ef4;} .s_contact_with_img .card{border: 0px;} .s_contact_with_bg_color_map{background-color: #188ef4;} .s_contact_with_bg_color_map img{-webkit-filter: grayscale(100%); filter: grayscale(100%);} .s_creative_center_para_three_blocks .card{border: 0px;} .s_creative_bg_imag_with_para .card{border: 0px;} .s_creative_tesimonial .testimonial2 .carousel-indicators li{background-color: #000;} .s_creative_tesimonial .testimonial2 .carousel-indicators .active{background-color: #56cdc1;} .s_creative_para_three_block_round_img .right-image{position: absolute; right: 0px; text-align: center; bottom: -60px;} .s_creative_para_three_block_round_img .half-radius{border-radius: 62% / 100%; border-bottom-left-radius: 0; border-bottom-right-radius: 0;} .s_creative_para_three_block_round_img .card{border: 0px;} .s_creative_left_img_right_popup .card{border: 0px;} .s_creative_left_img_right_popup .left-image{position: absolute; left: -15px; text-align: left; top: 0px;} .s_creative_left_para_two_imgs h4{position: absolute; bottom: 20px; left: 30px; color: #ffffff; text-transform: uppercase;} .s_creative_left_para_two_imgs .card{border: 0px;} .s_creative_left_para_two_imgs .s_creative_carousel_images .block{float: left;} .s_creative_left_para_two_imgs .s_creative_carousel_images .carousel-indicators{bottom: -57px;} .s_creative_left_para_two_imgs .s_creative_carousel_images .carousel-indicators li{background-color: rgba(105, 77, 77, 0.5);} .s_creative_left_para_two_imgs .s_creative_carousel_images .carousel-indicators .active{background-color: #56cac8;} .s_creative_bg_img_with_para_btns{background-position: right top; background-repeat: no-repeat;} .s_creative_mixing_img_para .card{margin-bottom: 0px;} .s_business_banner{padding-top: 150px; padding-bottom: 200px; background-size: cover; max-height: 700px; background-size: cover; background-repeat: no-repeat; background-position: center top; width: 100%; display: table;} .s_business_banner h2{font-size: 48px; line-height: 55px; letter-spacing: -1px;} .s_business_banner input[type="email"]{color: #8d97ad; border-radius: 36px 0 0 36px; text-indent: 35px; padding-right: 15px; width: 61%; font-weight: 300; -webkit-box-shadow: -5px 0 30px 0 rgba(0, 0, 0, 0.05); box-shadow: -5px 0 30px 0 rgba(0, 0, 0, 0.05); -o-text-overflow: ellipsis; text-overflow: ellipsis; height: auto !important;} .s_business_banner input{line-height: 62px; padding: 0; margin: 0; border: none; display: inline-block; vertical-align: top;} .s_business_banner input[type="submit"]{border-radius: 0 36px 36px 0; width: auto; padding: 0 30px; cursor: pointer; margin-left: -4px; -webkit-box-shadow: 5px 0 30px 0 rgba(0, 0, 0, 0.05); box-shadow: 5px 0 30px 0 rgba(0, 0, 0, 0.05); -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;} .s_business_banner .bg-danger-gradiant-1{background: linear-gradient(to right, #ff4d7e 0%, #ff6a5b 100%);} .s_business_banner .custom_p{color: #fff;} .s_business_three_blocks_icons .wrap-feature11-box{margin-top: -110px;} .s_business_three_blocks_icons .card{border: 0px; margin-bottom: 30px;} .s_business_three_blocks_icons .wrap-feature11-box .card-body{padding: 40px;} .s_business_three_blocks_icons .wrap-feature11-box .icon-space{margin: -80px 0 20px;} .s_business_three_blocks_icons .wrap-feature11-box .icon-space .icon-round{font-size: 45px; color: #ffffff;} .s_business_three_blocks_icons .icon-round{width: 80px; line-height: 80px; text-align: center; border-radius: 100%; display: inline-block;} .s_business_three_blocks_icons .bg-info-1{background-color: #00b4ff;} @media (max-width: 767px){.s_business_three_blocks_icons .wrap-feature11-box{margin-top: 47px;}} @media screen and (min-width: 768px) and (max-width: 1023px){.s_business_three_blocks_icons .wrap-feature11-box{margin-top: 47px;}} .s_business_nav_tabs_with_imgs .wrap-feature41-box .f41-tab li a.active, .s_business_nav_tabs_with_imgs .wrap-feature41-box .f41-tab li a:hover{background: #ffffff; -webkit-box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1); box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1);} .s_business_nav_tabs_with_imgs .wrap-feature41-box .f41-tab li a{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; margin-bottom: 20px; padding: 25px;} .s_business_nav_tabs_with_imgs .wrap-feature41-box .f41-tab li a.active .t-icon, .s_business_nav_tabs_with_imgs .wrap-feature41-box .f41-tab li a:hover .t-icon{background: linear-gradient(to right, #00b4ff 0%, #00b4ff 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-fill-color: transparent;} .s_business_nav_tabs_with_imgs .wrap-feature41-box .f41-tab li a .t-icon{margin-right: 25px; color: #8d97ad;} .s_business_nav_tabs_with_imgs .wrap-feature41-box .f41-tab li a h5{font-weight: 600;} .s_business_nav_tabs_with_imgs .wrap-feature41-box .f41-tab li a h6{font-size: 14px; margin-bottom: 0px;} .s_business_nav_tabs_with_imgs .wrap-feature41-box .f41-tab{display: block;} .s_business_nav_tabs_with_imgs .wrap-feature41-box .f41-tab li a h6{font-size: 14px; margin-bottom: 0px;} .s_business_nav_tabs_with_imgs .fade.show{opacity: 1;} .s_business_nav_tabs_with_imgs .fade{opacity: 0; transition: opacity .15s linear;} .s_business_features_with_image .text-info-1{color: #00b4ff;} .s_business_features_with_image .list-block li{font-weight: 400; color: #263238;} .s_business_features_with_image .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_business_features_with_image .list-block li i{margin-right: 10px; -webkit-flex-shrink: 0px; -ms-flex-negative: 0px; flex-shrink: 0px; margin-top: 3px;} .s_business_pricing_plan .pricing-box{margin-top: 120px;} .s_business_pricing_plan .card{background-size: 100% !important; border: 0px;} .s_business_pricing_plan .yearly{display: none;} .s_business_pricing_plan .general-listing{margin: 90px 0 60px 0;} .s_business_pricing_plan .general-listing.only-li li{padding: 20px 0; display: block;} .s_business_pricing_plan .pricing-box .middle-box{margin-top: -75px;} @media (max-width: 767px){.s_business_pricing_plan .pricing-box .middle-box{margin-top: -52px;}} .s_business_app_store{background-repeat: no-repeat; background-position: top center; background-size: cover;} .s_business_digital_marketing .static-slider10{padding: 15% 0; background-size: cover; background-position: center center;} .s_business_digital_marketing .static-slider10 .title{color: #ffffff; font-weight: 400; font-size: 72px; line-height: 72px; font-family: "Lavanderia-Sturdy";} .s_business_digital_marketing .wrap-feature9-box .card-body{padding: 40px 40px 0px;} .s_business_digital_marketing .wrap-feature9-box .card-body .icon-space{padding: 0px 40px 20px 0px;} .s_business_digital_marketing .card{border: 0px;} .s_business_digital_marketing .text-info-1{color: #00b4ff;} .s_business_img_with_paragraph .wrap-feature-16 .with-bg{width: 100%; min-height: 200px; background-size: cover; background-position: right center;} .s_business_img_with_paragraph .wrap-feature-16 [class*=col-]{padding: 80px 35px;} .s_business_img_with_paragraph .bg-light{background-color: #f4fcff !important;} .s_business_img_with_paragraph .wrap-feature-16 .with-text{max-width: 500px; margin-left: 80px;} .s_business_img_with_paragraph .text-dark-1{color: #343a40;} .s_business_img_with_paragraph p{font-family: "Poppins", sans-serif; color: #8d97ad; font-weight: 300; line-height: 27px; font-size: 1rem;} .s_business_img_with_paragraph .list-block li span{font-family: "Poppins", sans-serif; font-weight: 300; line-height: 27px; font-size: 1rem;} .s_business_img_with_paragraph .list-block li{list-style: none; color: #8d97ad; padding: 10px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} .s_business_img_with_paragraph .list-block li i{margin-right: 10px; -webkit-flex-shrink: 0px; -ms-flex-negative: 0px; flex-shrink: 0px; margin-top: 3px; font-size: 1rem;} @media (max-width: 767px){.s_business_img_with_paragraph .wrap-feature-16 .with-text{margin-left: 0;}} .s_business_img_with_quote .feature15 .quote{top: -40px; left: -40px;} .s_business_img_with_quote p{font-family: "Poppins", sans-serif; color: #8d97ad; font-weight: 300; line-height: 27px; font-size: 1rem;} .s_business_img_with_quote .text-info-1{color: #00b4ff;} .s_business_img_with_quote .bg-light{background-color: #f4fcff !important;} .s_business_img_with_quote .card{border: 0px;} @media (max-width: 1023px){.s_business_img_with_quote .quote-text{padding-left: 100px; margin-top: -100px;}.s_business_img_with_quote .feature15 .quote{top: 0; left: 0;}} .s_business_carousel_images .block{float: left;} .s_business_carousel_images .carousel-indicators li{background-color: #000;} .s_business_carousel_images .carousel-indicators .active{background-color: #56cdc1;} .s_business_carousel_images .carousel-indicators{bottom: -60px;} .s_business_carousel_images .card{border: 0px;} .s_business_carousel_images .img-ho{overflow: hidden;} .s_business_carousel_images .img-ho img:hover{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);} .s_business_carousel_images .img-ho img{-webkit-transition: 0.1s ease-in; -o-transition: 0.1s ease-in; transition: 0.1s ease-in;} .s_latest_news .blog-home5 .b-h-box .card-img-overlay{bottom: 0px; top: auto; -webkit-transition: .2s ease-in; -o-transition: .2s ease-in; transition: .2s ease-in; height: 45%; overflow: hidden;} .s_latest_news .bg-info-gradiant{background: linear-gradient(to right, #27d9e4 0%, #27b1e4 100%);} .s_latest_news .blog-home5 .b-h-box{position: relative; color: #ffffff;} .s_latest_news .font-14{font-size: 16px;} .s_latest_news .blog-home5 .b-h-box:hover .card-title{color: #263238; margin: 15px 0;} .s_latest_news .blog-home5 .b-h-box:hover .card-img-overlay{height: 100%; background: #ffffff; border: 3px solid rgba(120, 130, 140, 0.13);} .s_latest_news .blog-home5 .b-h-box:hover{color: #8d97ad;} .s_latest_news .blog-home5 .b-h-box:hover .card-text{display: block;} .s_latest_news .blog-home5 .b-h-box .card-text{display: none;} .s_latest_news .card-text:last-child{margin-bottom: 0;} .s_latest_news .blog-home5 .b-h-box .card-title{color: #ffffff; margin: 15px 0;} .s_latest_news .card-title{font-size: 18px;} .s_latest_news h5{line-height: 22px; font-size: 18px; font-weight: 400; font-family: "Poppins", sans-serif;} .s_latest_news span{font-weight: 500;} .s_medical_banner{max-height: 800px; position: relative; background-size: cover; background-repeat: no-repeat; background-position: center top; width: 100%; display: table;} .s_medical_banner .bg-info-1{background-color: #00b4ff;} .s_medical_banner .form-row{margin: 0; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -5px; margin-left: -5px;} .s_medical_banner html body .b-b{border-bottom: 1px solid rgba(120, 130, 140, 0.13);} .s_medical_banner html body .b-r{border-right: 1px solid rgba(120, 130, 140, 0.13);} .s_medical_banner .w-50{width: 50% !important;} .s_medical_banner label.font-12{font-size: 12px; font-weight: 500; margin-bottom: 5px;} .s_medical_banner input[type=text]{color: #8d97ad; font-weight: 300; -o-text-overflow: ellipsis; text-overflow: ellipsis;} .s_medical_banner button{cursor: pointer; border-radius: 0;} .s_medical_banner .custom_p{color: #fff;} .s_medical_banner .font-14{font-size: 14px;} .s_medical_three_feature_box .wrap-feature6-box .bg-success-light{background: #2cdd9b;} .s_medical_three_feature_box .bg-success-1{background-color: #1dc8cd;} .s_medical_three_feature_box .bg-info-1{background-color: #06a7fd;} .s_medical_three_feature_box p{font-family: "Montserrat", sans-serif; color: #fff; font-weight: 300; font-size: 1rem;} .s_medical_three_feature_box .wrap-feature6-box .card-body .linking:hover{color: #263238;} .s_medical_three_feature_box .wrap-feature6-box:hover{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);} .s_medical_three_feature_box .wrap-feature6-box{-webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in;} .s_medical_three_feature_box .wrap-feature6-box .card-body .linking{color: #ffffff; font-family: "Montserrat", sans-serif; font-size: 1rem; font-weight: 300;} .s_medical_three_feature_box .card{border: 0px;} .s_medical_four_block_with_features .wrap-feature9-box .card-body{padding: 40px 40px 0px;} .s_medical_four_block_with_features .card{border: 0px;} .s_medical_four_block_with_features p{font-family: "Montserrat", sans-serif; color: #8d97ad; font-weight: 300; font-size: 1rem;} .s_medical_four_block_with_features .wrap-feature9-box .card-body .icon-space{padding: 0px 40px 20px 0px;} .s_medical_four_block_with_features .icon-space{margin: 20px 0;} .s_medical_four_block_with_features .text-success-gradiant-1{background: linear-gradient(to right, #1dc8cd 0%, #1dc8cd 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;} .s_medical_fourblock_img_with_icons p{font-family: "Montserrat", sans-serif; color: #8d97ad; font-weight: 300; font-size: 1rem;} .s_medical_fourblock_img_with_icons .bg-light-1{background-color: #f5f7fa;} .s_medical_fourblock_img_with_icons .wrap-feature-18{margin-top: 60px;} .s_medical_fourblock_img_with_icons .bg-success-gradiant-1{background: linear-gradient(to right, #1dc8cd 0%, #1dc8cd 100%);} .s_medical_fourblock_img_with_icons .card{border: 0px;} .s_medical_fourblock_img_with_icons .wrap-feature-18 .icon-position{position: relative; background-size: cover; background-position: center center; min-height: 200px;} .s_medical_fourblock_img_with_icons .wrap-feature-18 .icon-position .icon-round{position: absolute; right: -38px; top: 20px;} .s_medical_fourblock_img_with_icons .icon-round{width: 80px; line-height: 80px; text-align: center; border-radius: 100%; display: inline-block;} .s_medical_icons_block .wrap-feature-24{margin-top: 60px;} .s_medical_icons_block .wrap-feature-24 .service-24:hover i, .s_medical_icons_block .wrap-feature-24 .service-24:focus i{margin-bottom: 5px;} .s_medical_icons_block .wrap-feature-24 .service-24:hover i, .s_medical_icons_block .wrap-feature-24 .service-24:hover .ser-title, .s_medical_icons_block .wrap-feature-24 .service-24:focus i, .s_medical_icons_block .wrap-feature-24 .service-24:focus .ser-title{color: #ffffff; text-fill-color: #ffffff; -webkit-text-fill-color: #ffffff;} .s_medical_icons_block .wrap-feature-24 .card:hover{-ms-transform: translateY(-10px); transform: translateY(-10px); -webkit-transform: translateY(-10px);} .s_medical_icons_block .wrap-feature-24 .service-24:hover, .s_medical_icons_block .wrap-feature-24 .service-24:focus{background: #ff4d7e; background: -webkit-linear-gradient(legacy-direction(to right), #ff4d7e 0%, #ff6a5b 100%); background: -webkit-gradient(linear, left top, right top, from(#ff4d7e), to(#ff6a5b)); background: -webkit-linear-gradient(left, #ff4d7e 0%, #ff6a5b 100%); background: -o-linear-gradient(left, #ff4d7e 0%, #ff6a5b 100%); background: linear-gradient(to right, #ff4d7e 0%, #ff6a5b 100%);} .s_medical_icons_block .wrap-feature-24 .card{overflow: hidden; -o-transition: 0.3s ease-out; transition: 0.3s ease-out; -webkit-transition: 0.3s ease-out; border: 0px;} .s_medical_icons_block .wrap-feature-24 .service-24{text-align: center; padding: 40px 0; display: block;} .s_medical_icons_block .wrap-feature-24 .service-24 i{color: #00b4ff; font-size: 50px;} .s_medical_icons_block .wrap-feature-24 .service-24 .ser-title{margin: 10px 0 5px; font-weight: 600;} .s_medical_doctor_team .subtitle{color: #8d97ad; line-height: 24px;} .s_medical_doctor_team p{font-family: "Montserrat", sans-serif; color: #8d97ad; font-weight: 300; font-size: 1rem;} .s_medical_doctor_team a.text-info-1:focus, .s_medical_doctor_team a.text-info-1:hover{color: #117a8b;} .s_medical_doctor_team a{font-size: 1rem;} .s_medical_doctor_team .text-info-1{color: #06a7fd;} .s_medical_img_with_features .bg-light-1{background-color: #f5f7fa;} .s_medical_img_with_features .wrap-feature41-box .f41-tab li a.active, .s_medical_img_with_features .wrap-feature41-box .f41-tab li a:hover{background: #ffffff; -webkit-box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1); box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1);} .s_medical_img_with_features .wrap-feature41-box .f41-tab li a{display: -webkit-box; display: -webkit-flex; display: flex; margin-bottom: 20px; padding: 25px;} .s_medical_img_with_features .wrap-feature41-box .f41-tab li a .t-icon{margin-right: 25px; color: #8d97ad;} .s_medical_img_with_features .display-5{font-size: 3rem;} .s_medical_testimonial .testimonial2 .testi2 .image-thumb{background: url(/website_twelve/static/src/img/grbg.jpg) no-repeat center center; text-align: center; padding: 70px 0;} .s_medical_testimonial p{font-family: "Montserrat", sans-serif; color: #8d97ad; font-weight: 300; font-size: 1rem;} .s_medical_testimonial .carousel-indicators li{background-color: #000;} .s_medical_testimonial .carousel-indicators .active{background-color: #56cdc1;} @media screen and (min-width: 320px) and (max-width: 767px){.s_medical_testimonial .carousel-indicators{bottom: 60px;}} .s_charity_banner .slide-text{max-width: 1170px; padding: 0 15px; top: 50%; left: 50%; right: auto; width: 100%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); margin: auto; position: absolute;} .s_charity_banner [data-aos^=fade][data-aos^=fade].aos-animate{opacity: 1; transform: translate(0);} .s_charity_banner [data-aos][data-aos][data-aos-duration="1200"], .s_charity_banner body[data-aos-duration="1200"] [data-aos]{transition-duration: 1.2s;} .s_charity_banner [data-aos][data-aos][data-aos-easing=ease], .s_charity_banner body[data-aos-easing=ease] [data-aos]{transition-timing-function: ease;} .s_charity_banner [data-aos^=fade][data-aos^=fade]{opacity: 0; transition-property: opacity,transform;} @media (max-width: 767px){.s_charity_banner .slide-image{height: 450px; left: -100%; position: relative;}} .s_charity_help_block .card{border: 0px;} .s_charity_help_block p{font-family: "Montserrat", sans-serif; color: #8d97ad; font-weight: 300; font-size: 1rem;} .s_charity_carousel_images .block{float: left;} .s_charity_carousel_images p{font-family: "Montserrat", sans-serif; color: #8d97ad; font-weight: 300; font-size: 1rem;} .s_charity_carousel_images .progress{display: -webkit-box; display: -webkit-flex; display: flex; overflow: hidden; font-size: .75rem; line-height: 1rem; text-align: center; background-color: #e9ecef; border-radius: .25rem; height: 6px;} .s_charity_carousel_images .font-12{font-size: 12px;} .s_charity_carousel_images .card{border: 0px;} .s_charity_carousel_images .progress-bar{line-height: 1rem; color: #fff; transition: width .6s ease;} .s_charity_events .blog-home2 .date-pos{padding: 10px; display: inline-block; position: absolute; right: 10px; top: 10px; color: #ffffff; border-radius: 4px; text-align: center;} .s_charity_events .blog-home2 .date-pos span{display: block; font-size: 30px; line-height: 30px;} .s_charity_events .card{border: 0px;} .s_charity_events .text-danger-1{color: #ff4d7e;} .s_charity_news_letter .blog-row a{color: #263238;} .s_charity_news_letter .s_latest_posts .subtitle{display: none;} .s_charity_carousel_testimonial .block{float: left;} .s_charity_carousel_testimonial .testimonial1 .testi1 .thumb .thumb-img{width: 60px; position: absolute; left: 20px; top: -10px;} .s_charity_carousel_testimonial .circle{border-radius: 100%;} .s_charity_carousel_testimonial .card{border: 0px;} .s_charity_carousel_testimonial .testimonial1 .testi1 .card-body{padding: 35px;} .s_charity_carousel_testimonial .testimonial1 .testi1 .thumb{position: relative; padding: 10px 20px 10px; padding-left: 90px; margin-left: -35px; display: inline-block; color: #ffffff; margin-bottom: 30px;} .s_charity_carousel_testimonial .testimonial1 .testi1 h5{line-height: 30px;} .s_charity_carousel_testimonial .testimonial1 .testi1 .devider{height: 1px; background: rgba(120, 130, 140, 0.13); margin: 20px 0; display: inline-block; width: 100px;} .s_charity_carousel_testimonial .thumb{font-size: 1rem;} .s_charity_carousel_testimonial .carousel-indicators{bottom: -43px;} .s_charity_carousel_testimonial .carousel-indicators li.active{background: #1dc8cd;} .s_charity_carousel_testimonial .carousel-indicators li{background-color: rgba(0, 0, 0, 0.15); border-radius: 100%; height: 10px; width: 10px;} .s_charity_img_with_center_text{background-position: center top; background-size: cover; background-attachment: fixed;} .s_software_banner{padding: 18% 0; background-size: cover; background-position: center center;} .s_software_banner h1{font-size: 72px; line-height: 80px; font-family: 'Calafia-Regular';} .s_software_with_three_blocks [class^="icon-"], .s_software_with_three_blocks [class*=" icon-"]{font-family: fontello;} .s_software_with_three_blocks .card{border: 0px;} .s_software_feature_with_img span{font-size: 1rem;} .s_software_half_img_text .wrap-feature-16 .with-bg{width: 100%; min-height: 200px; background-size: cover; background-position: center center;} .s_software_half_img_text .wrap-feature-16 [class*=col-]{padding: 100px 35px;} .s_software_half_img_text .custom_p{color: #fff;} .s_software_counter [class^="icon-"], .s_software_counter [class*=" icon-"]{font-family: fontello;} @media (max-width: 767px){.s_software_counter .no-block{padding-top: 10px; padding-bottom: 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;}} .s_software_carousel_testimonial .card{border: 0px;} .s_software_carousel_testimonial .testimonial3 .testi3 .card-body{padding: 40px;} .s_software_carousel_testimonial .testimonial3 .testi3 h6{line-height: 26px;} .s_software_carousel_testimonial .testimonial3 .testi3 .thumb-img img{width: 60px;} .s_software_carousel_testimonial .circle{border-radius: 100%;} .s_software_carousel_testimonial .testimonial3 .testi3 .customer{text-transform: uppercase; font-size: 14px; font-weight: 500;} .s_software_carousel_testimonial .carousel-indicators{bottom: -50px;} .s_software_carousel_testimonial .carousel-indicators li{background-color: #000;} .s_software_carousel_testimonial .carousel-indicators .active{background-color: #dc3545;} .s_software_pricing_plan{background-size: cover; max-height: 530px; margin-bottom: 250px;} .s_software_pricing_plan .pricing-box{margin-top: 150px;} .s_software_pricing_plan .pricing-text span{font-size: 100px; font-weight: 400; line-height: 100px; color: #263238;} .s_software_pricing_plan ul.list-inline li:first-child{padding-left: 0px;} .s_software_pricing_plan .list-inline li{padding: 7px 0; font-size: 1rem;} .s_software_pricing_plan .list-inline{margin: 0 0 30px 0;} .s_software_pricing_plan .card{border: 0px;} .s_software_pricing_plan .above-card{margin: -70px -32px -32px;} .s_software_pricing_plan .pricing-text sup{top: -50px; font-size: 24px;} @media (max-width: 767px){.s_software_pricing_plan{max-height: 100%; margin-bottom: 0px;}.s_software_pricing_plan .display-5{font-size: 36px;}.s_software_pricing_plan .pricing-box{margin-top: 20px;}.s_software_pricing_plan .above-card{margin: 0;}.s_software_pricing_plan .above-card .card{padding: 0px;}} .s_real_estate_banner .slide-text{margin: auto; position: absolute; text-align: left; max-width: 1170px; padding: 0 15px; top: 50%; left: 50%; right: auto; width: 100%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);} .s_real_estate_banner .slide-content{padding: 40px; position: relative; max-width: 360px;} .s_real_estate_banner label{line-height: 20px; position: absolute; top: -12px;} .s_real_estate_banner .tag{color: #ffffff; font-size: 13px; padding: 5px 7px; vertical-align: middle; position: relative; font-weight: 300; top: -2px;} .s_real_estate_banner .tag::after{border-bottom: 13px transparent solid; border-left: 7px #ff4d7e solid; border-top: 12px transparent solid; content: ''; height: 0; right: -7px; position: absolute; top: 0; width: 0;} .s_real_estate_banner .slider10 .specifiaction-box{padding: 20px 40px;} .s_real_estate_banner .slider10 .specifiaction{font-size: 13px;} .s_estate_img_block_1 .portfolio-box{margin-top: 60px;} .s_estate_img_block_1 .portfolio-box .filter .overlay-box{margin-bottom: 30px; position: relative;} .s_estate_img_block_1 .portfolio-box .filter .overlay-box .overlay{position: absolute; background: rgba(11, 153, 230, 0.9); -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; height: 0px; width: 100%; display: none; padding-top: 30%;} .s_estate_img_block_1 .portfolio-box .filter .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;} .s_estate_img_block_1 .portfolio-box .filter .overlay-box .overlay .port-text h5{color: #ffffff; font-size: 18px; font-weight: 500; margin-bottom: 0px;} .s_estate_img_block_1 .portfolio-box .filter .overlay-box .overlay .port-text span{color: #ffffff; font-size: 14px;} .s_estate_img_block_1 .portfolio-box .filter .overlay-box:hover .overlay{display: block; top: 0px; height: 100%;} .s_estate_img_block_1 .portfolio-box .filter .overlay-box:hover .overlay .port-text{top: 43%; width: 100%;} @media (max-width: 767px){.s_estate_img_block_1{display: none;}} .s_estate_carousel_images .block{float: left;} .s_estate_carousel_images .bg-light-1{background-color: #f0f6f9;} .s_estate_carousel_images .property-box .tag{color: #ffffff; font-size: 13px; padding: 5px 7px; vertical-align: middle; position: relative; font-weight: 400; top: -2px;} .s_estate_carousel_images .property-box .tag::after{border-bottom: 13px transparent solid; border-left: 7px #ff4d7e solid; border-top: 12px transparent solid; content: ''; height: 0; right: -7px; position: absolute; top: 0; width: 0;} .s_estate_carousel_images .property-box .specifiaction{font-size: 13px;} .s_estate_carousel_images .text-muted-1{color: #8d97ad;} .s_estate_carousel_images .bg-danger-1{background-color: #ff4d7e;} .s_estate_carousel_images .carousel-item:first-child{margin-left: 20px;} .s_estate_carousel_images li:not(:last-child):not(:first-child){margin: 0 20px;} .s_estate_carousel_images li:last-child{margin-right: 20px;} .s_estate_carousel_images .desc_img{width: 358px;} .s_estate_latest_news .card{border: 0px;} .s_estate_latest_news .blog-home3 .date-pos{text-align: center; color: #ffffff; font-size: 12px; padding: 10px;} .s_estate_latest_news .bg-info-1{background-color: #0a99e7;} .s_estate_feature_with_imogies [class^="icon-"], .s_estate_feature_with_imogies [class*=" icon-"]{font-family: fontello;} .s_estate_feature_with_imogies .bg-light-1{background-color: #f0f6f9;} .s_estate_feature_with_imogies .card{border: 0px;} .s_estate_feature_with_imogies .wrap-feature3-box .card-body{padding: 40px;} .s_estate_feature_with_imogies .wrap-feature3-box .card-body .icon-space{padding: 0px 40px 20px 0px;} .s_estate_carousel_testimonial{background: linear-gradient(to right, #0a99e7 0%, #1dc8cd 100%);} .s_estate_carousel_testimonial .testimonial10 .testi10 h3{line-height: 40px;} .s_estate_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_estate_carousel_testimonial .testimonial10 .testi10 .customer-thumb{margin: 15px 0; text-align: center;} .s_estate_carousel_testimonial h6, .s_estate_carousel_testimonial span{text-align: center;} .s_estate_carousel_testimonial .testimonial10 .testi10 .customer-thumb img{width: 60px;} .s_estate_carousel_testimonial .circle{border-radius: 100%;} @media (max-width: 767px){.s_estate_carousel_testimonial .testimonial10 .testi10 h3{line-height: 30px; font-size: 20px;}} .s_estate_logo_partners .subtitle{color: #8d97ad; line-height: 24px;} .s_estate_logo_partners .client2{padding: 40px 0;} .s_estate_logo_partners .bg-light-1{background-color: #f0f6f9;} .s_estate_logo_partners .spacer{padding: 90px 0;} .s_estate_logo_partners .title{margin: 20px 0 15px; font-weight: 700;} .s_restaturant_banner .font-stylish{font-family: "Playfair Display", serif; font-style: italic; font-size: 60px; line-height: 70px;} .s_restaturant_banner .slide-text{margin: auto; position: absolute; text-align: left; max-width: 1170px; padding: 0 15px; top: 50%; left: 50%; right: auto; width: 100%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);} .s_restaturant_banner .promo-code{-webkit-animation-delay: 1.5s; animation-delay: 1.5s; margin-top: 40px; background: url(/website_twelve/static/src/img/slide-offer-bg.jpg) no-repeat center top; background-size: cover; padding: 30px 50px; -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.1);} .s_restaturant_banner .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; margin: auto; width: 100%;} .s_restaturant_banner .bs-slider-overlay{display: none; background-color: rgba(247, 247, 247, 0.7);} .s_restaturant_banner .bs-slider .bs-slider-overlay{position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .s_restaturant_banner .carousel-indicators li.active{background-color: #ff4d7e;} .s_restaturant_banner .carousel-indicators li{background-color: rgba(0, 0, 0, 0.15);} @media (max-width: 767px){.s_restaturant_banner .font-stylish{font-size: 33px; line-height: 34px;}} .s_restaurant_img_para_btn .card{border: 0px;} .s_restaurant_image_gallery .gallery-box .g-item .overlay-box .overlay{position: absolute; background: rgba(0, 0, 0, 0.7); -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; height: 0px; width: 100%; display: none; padding-top: 30%;} .s_restaurant_image_gallery .gallery-box .g-item .overlay-box .overlay .port-text h5{color: #ffffff; font-size: 18px; font-weight: 500; margin-bottom: 0px;} .s_restaurant_image_gallery .gallery-box .g-item .overlay-box:hover .overlay{display: block; top: 0px; height: 100%;} .s_restaurant_image_gallery .gallery-box .g-item .overlay-box:hover .overlay .port-text{top: 43%; width: 100%;} .s_restaurant_image_gallery .gallery-box .g-item .overlay-box .overlay .port-text span{color: #ffffff; font-size: 14px;} .s_restaurant_image_gallery .port-text{text-align: center;} @media (max-width: 767px){.s_restaurant_image_gallery{display: none;}} .s_reataurant_carousel_images .testimonial9 .customer-thumb img{width: 60px; margin-right: 20px;} .s_reataurant_carousel_images .testimonial9 .devider{height: 2px; width: 40px; display: inline-block; margin: 22px 0;} .s_reataurant_carousel_images .bg-danger-1{background-color: #ff4d7e;} .s_reataurant_carousel_images .testimonial9 .card{position: relative; border: 0px;} .s_reataurant_carousel_images .testimonial9 .d-flex{margin-left: 25px;} .s_reataurant_carousel_images .testimonial9 .carousel-indicators{position: absolute; left: -73%; top: 70%; margin-top: 10px;} .s_reataurant_carousel_images .carousel-indicators li.active{background-color: #ff4d7e;} .s_reataurant_carousel_images .carousel-indicators li{background-color: rgba(0, 0, 0, 0.15); border-radius: 100%; height: 10px; width: 10px;} .s_reataurant_carousel_images .testimonial9 h5.text{line-height: 30px; font-weight: 300;} @media (max-width: 767px){.s_reataurant_carousel_images .testimonial9 .carousel-indicators{position: absolute; left: -12%; top: 96%; margin-top: 566px;}} .web_agency_banner .slide-image{margin: auto; width: 100%; -webkit-animation-delay: 0.3s; animation-delay: 0.3s;} .web_agency_banner .carousel-control-prev{width: auto; padding-left: 15px;} .web_agency_banner .slider-control span{width: 53px; height: 53px; line-height: 53px; text-align: center; border-radius: 50%; border: 1px solid #263238; color: #263238;} .web_agency_banner .carousel-control-next{width: auto; padding-right: 15px;} .web_agency_banner .carousel-control-prev{left: 0;} .web_agency_banner .carousel-control-next{right: 0;} .web_agency_banner .carousel-control-next, .web_agency_banner .carousel-control-prev{position: absolute; top: 0; bottom: 0; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; color: #fff; text-align: center; opacity: .5;} .web_agency_banner .sr-only{position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;} .web_agency_banner .carousel-indicators li.active{background-color: #ff4d7e;} .web_agency_banner .carousel-indicators li{background-color: #ffffff;} @media (max-width: 428px){.web_agency_banner .slide-image{left: -50%; height: 450px;}.web_agency_banner h1{font-size: 23px; line-height: 30px;}.web_agency_banner .btn-md{text-align: center; margin-bottom: 10px; margin-left: 0px;}} @media (max-width: 768px){.web_agency_banner .slide-image{height: 480px; width: auto !important; position: relative;}.web_agency_banner h1{font-size: 28px; line-height: 36px;}.web_agency_banner .btn-md{padding-left: 25px; padding-right: 25px;}.web_agency_banner .slider-control{display: none;}} .s_web_agency_three_blocks .wrap-feature1-box .card-body{padding: 40px; color: #8d97ad;} .s_web_agency_three_blocks .card{border: 0px;} .s_web_agency_img_text .feature26{color: #8d97ad;} .s_web_agency_center_img_text .feature24{color: #8d97ad;} @media (max-width: 768px){.s_web_agency_center_img_text .no-block{padding-top: 10px; padding-bottom: 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;}} .s_web_agency_images_with_center_para .img-ho{overflow: hidden;} .s_web_agency_images_with_center_para .img-ho img:hover{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);} .s_web_agency_images_with_center_para .img-ho img{-webkit-transition: 0.1s ease-in; -o-transition: 0.1s ease-in; transition: 0.1s ease-in;} .s_web_agency_video_with_three_block_image .bg-success-gradiant-1{background: linear-gradient(to right, #1dc8cc 0%, #1dc8cc 100%);} .s_web_agency_video_with_three_block_image .wrap-feature-29{margin-top: 60px;} .s_web_agency_video_with_three_block_image .wrap-feature-29 .title, .s_web_agency_video_with_three_block_image .wrap-feature-29 .subtitle{color: #ffffff;} .s_web_agency_latest_blogs a{color: #ff4d7e;} .s_web_agency_latest_blogs a:hover{color: #007bff;} .s_web_agency_latest_blogs a.link{color: #3e4555;} .s_web_agency_latest_blogs a.link:hover{color: #3e4555;} .s_web_agency_tesimonial .btn-circle.btn-md{padding: 18px 0px; width: 60px; height: 60px; font-size: 20px;} .s_web_agency_tesimonial .btn-danger, .s_web_agency_tesimonial .btn-danger.disabled{background: #ff4d7e; border: 1px solid #ff4d7e; -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in;} .s_web_agency_tesimonial .testimonial2 .testi2 .image-thumb{background: url(/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; left: -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-left: 48px; padding-right: 48px; font-size: 14px; font-weight: 500; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; text-align: center; text-transform: uppercase; letter-spacing: 0.03em;} .s_new_homepage_banner .blue_txt{color: #2879fe; font-size: 36px; line-height: 70px; font-weight: 600; letter-spacing: 0.03em;} .s_new_homepage_banner .s_carousel .bg_image{background-image: url("/website_twelve/static/src/img/demo03_01_2048x.png"); background-position: 32.24% 32.19%; padding-top: 216px; padding-bottom: 256px;} @media (max-width: 767px){.s_new_homepage_banner .s_carousel .bg_image{background-position: 17.24% 2.19%; padding-top: 80px; padding-bottom: 256px;}} .s_new_homepage_img_gallery .nomargin, .s_new_homepage_img_gallery #tt-pageContent .nomargin{margin-top: 0;} .s_new_homepage_img_gallery .tt-background{background: rgba(255, 255, 255, 0.9); border: 2px solid rgba(255, 255, 255, 0); border-radius: 6px;} .s_new_homepage_img_gallery .tt-title-small{color: #191919;} .s_new_homepage_img_gallery .container-fluid-custom{width: 100%; margin-right: auto; margin-left: auto; padding-right: 20px; padding-left: 20px;} .s_new_homepage_img_gallery .tt-promo-box{display: block; position: relative; overflow: hidden; margin-top: 20px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .s_new_homepage_img_gallery .tt-promo-box > img{-webkit-transition: -webkit-transform .5s; transition: transform 1s; -webkit-backface-visibility: hidden; backface-visibility: hidden;} .s_new_homepage_img_gallery .tt-promo-box > img{width: 100%; height: auto;} .s_new_homepage_img_gallery .tt-promo-box > *{display: block; overflow: hidden;} .s_new_homepage_img_gallery .tt-promo-box .tt-description{position: absolute; top: 0; left: 0; right: 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; left: 0; width: 100%; height: 100%; display: block; background: rgba(255, 255, 255, 0.9);} .s_new_homepage_img_gallery .tt-promo-box.tt-one-child .tt-description .tt-description-wrapper > *:not(.tt-background){position: relative;} .s_new_homepage_img_gallery .tt-promo-box .tt-description .tt-title-small{font-family: 'Hind', sans-serif; color: #191919; font-size: 16px; line-height: 26px; font-weight: 500; letter-spacing: 0.03em; -moz-transition: color 0.2s linear; -o-transition: color 0.2s linear; -webkit-transition: color 0.2s linear; transition: color 0.2s linear;} @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-left: 21px;}} .s_new_homepage_features .tt-services-block .tt-col-description{-webkit--webkit-box-flex: 2; -webkit-flex: 2 1 auto; flex: 2 1 auto; -ms--webkit-box-flex: 2; -webkit-flex: 2 1 auto; flex: 2 1 auto; -webkit-box-flex: 2; -webkit-flex: 2 1 auto; flex: 2 1 auto; line-height: 1.3;} .s_new_homepage_features .tt-services-block .tt-col-description .tt-title{padding: 0; margin: 0; font-size: 16px; letter-spacing: 0.02em; font-weight: 500; color: #191919; transition: all 0.2s linear; -ms-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear;} .s_new_homepage_features .tt-services-block .tt-col-description p{margin-top: 7px; color: #777777; font-size: 14px; line-height: 22px;} .s_news_letter{background: #2879fe; color: #ffffff; padding: 10px 0px;} .s_news_letter .news_letter_title{color: #ffffff; padding-bottom: 0; font-size: 16px; margin-top: 8px; line-height: 26px; letter-spacing: 0.03em; font-weight: 500; text-transform: uppercase;} .s_news_letter .tt-newsletter{display: -ms-flexbox; display: -webkit-flex; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-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-right-radius: 0px; border-bottom-right-radius: 0px; width: 507px; padding-top: 2px; padding-bottom: 1px; line-height: 2.9; height: 40px !important; font-size: 14px; border: 1px solid #f7f8fa; padding: 11px 12px 10px 15px; font-family: 'Hind', sans-serif; outline: none; transition: all 0.2s linear; -ms-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear;} .s_news_letter .form_default .form-control:not(:active):not(:focus):not(:hover){background: #ffffff; border-color: #ffffff; color: #777777;} .s_news_letter .form_default .btn{text-transform: uppercase; padding-top: 5px; padding-bottom: 3px; padding-left: 20px; padding-right: 20px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; color: #ffffff; background: #303030; border: none; font-size: 14px; line-height: 1.0; font-weight: 400; letter-spacing: 0.03em; position: relative; outline: none; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; justify-content: center; align-items: center; text-align: center; height: 40px; cursor: pointer; transition: all 0.2s linear; -ms-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear;} @media (min-width: 790px){.s_news_letter .tt-col-left{display: -ms-flexbox; display: -webkit-flex; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-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-right: 106px;}} @media (min-width: 1230px) and (min-width: 790px){.s_news_letter .news_letter_title{margin-right: 106px;}} .s_news_letter .tt-col-right{display: -ms-flexbox; display: -webkit-flex; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-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-right: 5px;} .s_news_letter .tt-col-right .social_icons li:not(:last-child):not(:first-child){margin: 0 5px;} .s_news_letter .tt-col-right .social_icons li:last-child{margin-left: 5px;} @media (max-width: 767px){.s_news_letter .tt-newsletter{display: block; text-align: center;}.s_news_letter .form_default{display: block; margin-left: 17px;}.s_news_letter .form_default .btn{margin-top: 12px;}.s_news_letter .form_default .form-control{width: 325px;}} @media screen and (min-width: 768px) and (max-width: 1023px){.s_news_letter .form_default .form-control{width: 418px;}.s_news_letter .form_default{margin-left: 5px;}} .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; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.7); height: 100%; width: 100%; opacity: 0; -moz-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; -webkit-transition: opacity 0.2s linear; transition: opacity 0.2s linear;} .s_new_home_images_block ._images_block 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; left: 0; right: 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 0 0; border-radius: 25px; box-shadow: 1px 2px 2px 2px #dddddd; color: #303030; font-size: 24px; left: -120px; padding: 15px 40px; position: absolute; text-align: left; font-weight: 400; text-transform: capitalize; top: 45%; transform: rotate(-90deg);} .s_furniture_about .btn-theme span{color: #333333;} .s_furniture_about .btn-theme{position: relative; font-size: 14px; line-height: 20px; color: #333333; padding: 17px 35px 13px; background: transparent; font-weight: 500; border: 2px solid #000000; text-transform: uppercase; letter-spacing: 0.1em;} .s_furniture_about .btn-theme:hover{background: #000; border: 2px solid #000000;} .s_furniture_about .btn-theme:hover span{color: #fff;} .s_furniture_about .about-contents{padding-left: 25px; padding-top: 65px;} .s_furniture_about .about-contents h3{font-size: 30px; font-weight: 600; margin-bottom: 30px;} .s_furniture_about .about-contents .price-box{font-size: 18px; margin-bottom: 20px;} .s_furniture_about .about-contents .price-box .old-price{font-size: 18px; text-decoration: line-through; color: #000000;} .s_furniture_about .about-contents .price-box .new-price{color: #e97730; font-size: 22px; font-weight: 500;} .s_furniture_about .about-contents p{margin-bottom: 30px; font-family: "Open Sans", sans-serif; font-weight: 400; font-style: normal; line-height: 26px;} .s_furniture_about .about-contents .shop-btn-two{text-transform: uppercase;} .s_furniture_about .about-contents .shop-btn-two{font-weight: 500; font-size: 14px; padding: 14px 40px; border-radius: 0;} .s_furniture_about .btn:hover, .s_furniture_about .btn:active{background: #000000; color: #ffffff;} .s_furniture_with_bg_imag_para{padding: 100px 0px;} .s_furniture_with_bg_imag_para .btn:hover, .s_furniture_with_bg_imag_para .btn:active{background: #000000; color: #ffffff;} .s_furniture_with_bg_imag_para .section-ptb{padding: 100px 0;} .s_furniture_with_bg_imag_para .btn-theme span{color: #333333;} .s_furniture_with_bg_imag_para .btn-theme{position: relative; font-size: 14px; line-height: 20px; color: #333333; padding: 17px 35px 13px; background: transparent; font-weight: 500; border: 2px solid #000000; text-transform: uppercase; letter-spacing: 0.1em;} .s_furniture_with_bg_imag_para .btn-theme:hover{background: #000; border: 2px solid #000000;} .s_furniture_with_bg_imag_para .btn-theme:hover span{color: #fff;} .s_furniture_with_bg_imag_para h2{font-size: 40px; font-weight: 500; line-height: 55px; margin-top: -11px;} .s_furniture_with_bg_imag_para p{margin-bottom: 0; font-family: "Open Sans", sans-serif; font-weight: 400; font-style: normal; line-height: 26px;} .s_furniture_with_bg_imag_para .more-product-btn{font-size: 14px; line-height: 14px; font-weight: 500; padding: 18px 40px; margin-top: 25px; -webkit-transition: 0.4s; transition: 0.4s;} .s_furniture_with_bg_imag_para .btn{border-radius: 0; font-family: "Montserrat", sans-serif; font-weight: 600; font-size: 14px; -webkit-transition: 0.3s; transition: 0.3s; position: relative;} @media (max-width: 767px){.s_furniture_with_bg_imag_para h2{font-size: 30px;}} .s_furniture_two_blocks_bg_img .single-banner{position: relative; width: 100%; height: 100%;} .s_furniture_two_blocks_bg_img .single-banner .banner-bg > a{display: block; overflow: hidden; position: relative;} .s_furniture_two_blocks_bg_img a, .s_furniture_two_blocks_bg_img button, .s_furniture_two_blocks_bg_img img, .s_furniture_two_blocks_bg_img input, .s_furniture_two_blocks_bg_img span{transition: all 0.3s ease 0s;} .s_furniture_two_blocks_bg_img .single-banner .banner-bg > a:before{background-color: #fff; content: ""; height: 100%; left: 0; position: absolute; top: 0; -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, -120%, 0px); transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, -120%, 0px); -webkit-transition: -webkit-transform 0.6s ease 0s; transition: -webkit-transform 0.6s ease 0s; transition: transform 0.6s ease 0s; transition: transform 0.6s ease 0s, -webkit-transform 0.6s ease 0s; width: 100%; z-index: 4; opacity: 0; visibility: hidden;} .s_furniture_two_blocks_bg_img .single-banner .banner-bg img{width: 100%;} .s_furniture_two_blocks_bg_img .banner-contet{position: absolute; top: 50%; padding-left: 60px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} .s_furniture_two_blocks_bg_img .banner-contet p{color: #ffffff; font-style: italic; font-size: 24px; line-height: 26px; margin-bottom: 10px; font-family: "Open Sans", sans-serif; font-weight: 400;} .s_furniture_two_blocks_bg_img .banner-contet h3{color: #ffffff; font-size: 36px; font-weight: 600; margin-bottom: 0;} .s_furniture_two_blocks_bg_img .banner-contet > .btn-3{color: #ffffff; font-size: 16px; font-weight: 500; margin-top: 20px; text-decoration: underline;} @media (max-width: 767px){.s_furniture_two_blocks_bg_img .single-banner{margin-bottom: 30px;}} .s_furniture_testimonial .testimonial-area{padding-top: 100px; padding-bottom: 100px; background-repeat: no-repeat; background-image: url(/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; left: 0;} .s_furniture_testimonial .testimonial-inner .test-cont p{font-size: 24px; font-style: italic; line-height: 36px; margin: 35px 0; color: #ffffff; padding: 0 2px; font-style: italic; font-family: "Open Sans", sans-serif; font-weight: 400;} .s_furniture_testimonial p:last-child{margin-bottom: 0;} .s_furniture_testimonial .testimonial-inner .test-author h4{font-size: 20px; font-weight: 500; color: #ffffff;} .s_furniture_testimonial p, .s_furniture_testimonial .product-content .price-box, .s_furniture_testimonial .testimonial-inner .test-author p{font-family: "Open Sans", sans-serif; font-weight: 400; font-style: normal; color: #ffffff;} .s_furniture_testimonial .carousel-indicators{bottom: -75px;} .s_furniture_two_imgs .section{float: left; width: 100%;} .s_furniture_two_imgs .pb-70{padding-bottom: 70px;} .s_furniture_two_imgs .pt-100{padding-top: 100px;} .s_furniture_two_imgs .mb-30{margin-bottom: 30px;} .s_furniture_two_imgs .single-banner a{display: block; overflow: hidden; position: relative;} .s_furniture_two_imgs .single-banner a::before{background-color: #fff; content: ""; height: 100%; left: 0; opacity: 0.5; position: absolute; top: 0; -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, -120%, 0px); transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, -120%, 0px); -webkit-transition: -webkit-transform 0.6s ease 0s; transition: -webkit-transform 0.6s ease 0s; transition: transform 0.6s ease 0s; transition: transform 0.6s ease 0s, -webkit-transform 0.6s ease 0s; width: 100%; z-index: 4;} .s_furniture_two_imgs *::before, .s_furniture_two_imgs *::after, .s_furniture_two_imgs a, .s_furniture_two_imgs button, .s_furniture_two_imgs span, .s_furniture_two_imgs input, .s_furniture_two_imgs textarea, .s_furniture_two_imgs .btn{-webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;} .s_furniture_two_imgs .single-banner a img{width: 100%; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} .s_furniture_gallery .sortable-masonry{position: relative; padding: 0 0 110px; background-color: #f4f6f6;} .s_furniture_gallery .sec-title h2{display: block; font-size: 45px; line-height: 1.2em; color: #333333; font-weight: 700; text-transform: uppercase;} .s_furniture_gallery .sec-title .text{position: relative; font-size: 18px; line-height: 1.55em; color: #888888; font-weight: 300; margin-top: 18px;} .s_furniture_gallery .parallax{overflow: visible;} .s_furniture_gallery .title-box{position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; background-attachment: fixed; padding: 100px 0 100px;} .s_furniture_gallery .title-box:before{position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-color: #000000; opacity: .60; content: "";} .s_furniture_gallery .custom{position: static; max-width: 1200px; padding: 0px 15px; margin: 0 auto;} .s_furniture_gallery .title-box .sec-title{margin-bottom: 0;} .s_furniture_gallery .sec-title{position: relative; margin-bottom: 70px;} .s_furniture_gallery .sec-title.light h2{color: #ffffff; display: block; font-size: 45px; line-height: 1.2em; font-weight: 500; text-transform: uppercase;} .s_furniture_gallery .sec-title.light .text{color: #ffffff;} .s_furniture_gallery .sec-title.light .text{position: relative; font-size: 18px; line-height: 1.55em; font-weight: 300; margin-top: 18px;} .s_furniture_gallery .upper-box:before{position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-color: #000000; content: ""; opacity: .70;} .s_furniture_gallery .auto-container{position: static; max-width: 1200px; padding: 0px 15px; margin: 0 auto;} .s_furniture_gallery .upper-box .sec-title{margin-bottom: 15px;} .s_furniture_gallery .upper-box{position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; background-attachment: fixed; padding: 100px 0 80px;} .s_furniture_gallery .items-container{position: relative; padding-top: 10px; margin: 0 -5px;} .s_furniture_gallery .items-container .gallery-item{padding: 0 5px; margin-bottom: 10px;} .s_furniture_gallery .small-column{position: relative; width: 25%; float: left;} .s_furniture_gallery .gallery-item .inner-box{position: relative;} .s_furniture_gallery .gallery-item .image-box{position: relative;} .s_furniture_gallery .gallery-item .image-box .image{position: relative;} .s_furniture_gallery .gallery-item .image-box .image img{display: block; width: 100%; height: auto;} .s_furniture_gallery .gallery-item .overlay-box{position: absolute; left: 0px; bottom: 3px; padding-left: 10px; width: 100%; overflow: hidden;} .s_furniture_gallery .gallery-item .overlay-box .content{position: relative; display: inline-block; width: 0; padding: 17px 35px 15px 85px; overflow: hidden; background-color: #ffffff; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); transform-origin: left; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease;} .s_furniture_gallery .gallery-item .overlay-box .content h3{position: relative; display: block; font-size: 16px; line-height: 25px; color: #333333; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; white-space: nowrap;} .s_furniture_gallery .gallery-item .overlay-box .content h3:before{position: absolute; left: -45px; top: 13px; width: 32px; height: 1px; background-color: #25262c; content: "";} .s_furniture_gallery .gallery-item .overlay-box .content h3 a{color: #333333; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease;} .s_furniture_gallery .gallery-item .overlay-box .content span{position: relative; display: block; font-size: 14px; line-height: 27px; color: #888888; font-weight: 300; white-space: nowrap;} .s_furniture_gallery .btn-box{position: relative; margin-top: 60px; text-align: center;} .s_furniture_gallery .btn-box .theme-btn{padding: 17px 40px 13px;} .s_furniture_gallery .btn-box .theme-btn:hover{background-color: #000; color: #fff;} .s_furniture_gallery .btn-style-one{position: relative; font-size: 14px; line-height: 20px; color: #333333; padding: 17px 35px 13px; background: transparent; font-weight: 500; border: 2px solid #000000; text-transform: uppercase; font-family: "Rubik", sans-serif; letter-spacing: 0.1em;} .s_furniture_gallery .theme-btn{display: inline-block; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;} .s_furniture_gallery .gallery-item:hover .overlay-box .content{width: auto; -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1);} @media (max-width: 767px){.s_furniture_gallery .small-column{width: 100%;}.s_furniture_gallery .sec-title h2{font-size: 35px;}} .s_furniture_about_with_img{position: relative; padding: 110px 0 50px;} .s_furniture_about_with_img .content-column{position: relative; margin-bottom: 40px;} .s_furniture_about_with_img .order-last{-ms-flex-order: 13; order: 13;} .s_furniture_about_with_img .content-column .inner-column{position: relative; padding-top: 17px;} .s_furniture_about_with_img .title{position: relative; display: inline-block; font-size: 15px; line-height: 24px; color: #888888; font-weight: 400; font-family: "Rubik", sans-serif; text-transform: uppercase; margin-bottom: 8px;} .s_furniture_about_with_img h2{font-size: 45px; line-height: 55px; 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; left: 0px; top: 0px; height: 100%; width: 100%; opacity: 0.7; content: ""; background: black;} .s_furniture_fun-fact-section{position: relative; background-size: cover; background-attachment: fixed; background-position: center center; background-repeat: no-repeat; padding: 85px 0px 25px;} .s_furniture_fun-fact-section .title-column{position: relative; margin-bottom: 30px;} .s_furniture_fun-fact-section .title-column .inner-column{position: relative;} .s_furniture_fun-fact-section .title-column h3{position: relative; font-size: 40px; line-height: 1.1em; color: #f4f6f6; font-weight: 500; text-transform: uppercase; margin-bottom: 25px;} .s_furniture_fun-fact-section .title-column .text{position: relative; display: block; font-size: 18px; line-height: 29px; color: #c6c6c6; font-weight: 300;} .s_furniture_fun-fact-section .counter-column{position: relative; padding: 0 19px; text-align: center; margin-bottom: 50px; font-family: "Rubik",sans-serif;} .s_furniture_fun-fact-section .counter-column .counter-box{position: relative; font-size: 35px; line-height: 1.2em; color: #ffffff; font-weight: 300;} .s_furniture_fun-fact-section .counter-column .count-text{position: relative; display: inline-block; font-size: 65px; line-height: 1em; color: #ffffff; font-weight: 300;} .s_furniture_fun-fact-section .counter-column .counter-title{position: relative; display: block; font-size: 18px; line-height: 29px; color: #c6c6c6; font-weight: 300; margin-top: 10px;} .s_furniture_services-section{position: relative; padding: 100px 0 100px;} .s_furniture_services-section .fadeInLeft{-webkit-animation-name: fadeInLeft; animation-name: fadeInLeft;} .s_furniture_services-section .animated{-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;} .s_furniture_services-section .image-column .inner-column{position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; z-index: 1;} .s_furniture_services-section .custom{position: static; max-width: 1200px; padding: 0px 15px; margin: 0 auto;} .s_furniture_services-section .sec-title{position: relative; margin-bottom: 70px;} .s_furniture_services-section .sec-title h2{display: block; font-size: 45px; line-height: 1.2em; 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-left: 95px;} .s_furniture_services-section .service-block .icon{position: absolute; left: 0; top: 0; font-size: 58px; line-height: 1em; color: #222222;} .s_furniture_services-section .service-block h3{font-size: 16px; line-height: 25px; 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; left: 0; top: 0; height: 100%; width: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; z-index: 1;} .s_furniture_services-section .image-column .image{position: relative; display: none;} .s_furniture_services-section .service-block h3 a{display: inline-block; 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-left: 0px; text-align: center;}.s_furniture_services-section .service-block .icon{position: relative; display: inline-block; margin-bottom: 20px;}} .s_furniture_who-we-are{position: relative; padding: 100px 0 60px;} .s_furniture_who-we-are .custom{position: static; max-width: 1200px; padding: 0px 15px; margin: 0 auto;} .s_furniture_who-we-are .title-column{position: relative; margin-bottom: 50px;} .s_furniture_who-we-are .title-column .inner-column{position: relative; padding-right: 50px;} .s_furniture_who-we-are .title-column .sec-title{margin-bottom: 30px;} .s_furniture_who-we-are .sec-title{position: relative; margin-bottom: 70px;} .s_furniture_who-we-are .sec-title h2{display: block; font-size: 45px; line-height: 1.2em; 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; left: 0; top: 0; height: 100%; width: 100%; content: ""; background-color: #25262c; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease;} .s_furniture_who-we-are .feature-block .icon{position: relative; display: inline-block; font-size: 55px; line-height: 60px; margin-bottom: 25px; color: #ffffff; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease;} .s_furniture_who-we-are .feature-block h3{position: relative; display: block; font-size: 16px; line-height: 1.2em; color: #ffffff; font-weight: 500; letter-spacing: 1px; text-transform: uppercase;} .s_furniture_who-we-are .feature-block h3 a{color: #ffffff; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease;} .s_furniture_who-we-are .feature-block .inner-box:hover h3 a, .s_furniture_who-we-are .feature-block .inner-box:hover .icon{color: #333333;} .s_furniture_who-we-are .fadeInDown{-webkit-animation-name: fadeInDown; animation-name: fadeInDown;} .s_furniture_who-we-are .animated{-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;} .s_furniture_who-we-are .feature-block .inner-box:hover:before{left: 50%; width: 0;} @media (max-width: 767px){.s_furniture_who-we-are .sec-title h2{font-size: 35px;}} .s_furniture_services-section-two:before{position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-image: url(/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: right; padding-right: 45px;} .s_furniture_services-section-two .upper-box .title-column .inner-column:before{position: absolute; right: -12px; top: 0; height: 100%; width: 1px; padding-bottom: 10px; background: #d7d8d9 padding-box content-box; content: "";} .s_furniture_services-section-two .upper-box .title{position: relative; display: block; font-size: 15px; line-height: 30px; 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-left: 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; left: 0; top: 0; height: 100%; width: 100%; background-color: #000000; opacity: .60; content: "";} .s_furniture_team_section .custom{position: static; max-width: 1200px; padding: 0px 15px; margin: 0 auto;} .s_furniture_team_section .title-box .sec-title{margin-bottom: 0;} .s_furniture_team_section .sec-title{position: relative; margin-bottom: 70px;} .s_furniture_team_section .sec-title.light h2{color: #ffffff; display: block; font-size: 45px; line-height: 1.2em; font-weight: 500; text-transform: uppercase;} .s_furniture_team_section .sec-title.light .text{color: #ffffff;} .s_furniture_team_section .sec-title.light .text{position: relative; font-size: 18px; line-height: 1.55em; font-weight: 300; margin-top: 18px;} .s_furniture_team_section .content-box{position: relative; padding: 80px 0 65px;} .s_furniture_team_section .team-block{position: relative; margin-bottom: 40px;} .s_furniture_team_section .fadeInDown{-webkit-animation-name: fadeInDown; animation-name: fadeInDown;} .s_furniture_team_section .animated{-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;} .s_furniture_team_section .team-block .inner-box{position: relative;} .s_furniture_team_section .team-block .image-box{position: relative; overflow: hidden;} .s_furniture_team_section .team-block .image-box .image{position: relative; margin: 0;} .s_furniture_team_section .team-block .image-box .image img{display: block; width: 100%; height: auto; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease;} .s_furniture_team_section .team-block .overlay-box{position: absolute; left: 0; top: 0; height: 100%; width: 100%;} .s_furniture_team_section .team-block .overlay-box:before{position: absolute; left: 50%; top: 0; height: 100%; width: 0; overflow: hidden; opacity: .70; content: ""; background-color: #25262c; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease;} .s_furniture_team_section .team-block .overlay-box .social-links{position: absolute; left: 50%; top: 60%; opacity: 0; visibility: hidden; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} .s_furniture_team_section .team-block .overlay-box .social-links li:first-child{margin-left: 0;} .s_furniture_team_section .team-block .overlay-box .social-links li{position: relative; display: inline-block; margin-left: 12px;} .s_furniture_team_section .team-block .overlay-box .social-links li a{display: inline-block; font-size: 14px; line-height: 30px; color: #ffffff; font-weight: 400; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease;} .s_furniture_team_section .team-block .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%; left: 0;} .s_furniture_team_section .team-block .overlay-box:before{position: absolute; left: 50%; top: 0; height: 100%; width: 0; overflow: hidden; opacity: .70; content: ""; background-color: #25262c; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease;} .s_furniture_team_section .team-block .overlay-box .social-links li:hover a{-webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg);} .s_furniture{padding-top: 80px; padding-bottom: 160px;} .s_furniture .title_blog{display: block; font-size: 45px; line-height: 1.2em; color: #333333; font-weight: 600; padding: 42px 0px; text-transform: uppercase;} .s_furniture .text{position: relative; font-size: 18px; line-height: 1.55em; color: #888888; font-weight: 300; margin-top: 18px;} .s_furniture .blog_content{padding: 15em 2em !important;} .s_furniture .blog_content h2{position: relative; display: block; font-size: 19px !important; line-height: 26px; color: #333333; font-weight: 600 !important; letter-spacing: .5px; text-transform: uppercase; margin-bottom: 20px !important;} .s_furniture .blog_content p{display: none;} .s_furniture .blog_content span{position: relative; display: block; font-size: 15px; line-height: 26px; color: #888888; font-weight: 300; margin-bottom: 8px;} .s_furniture .blog_content .blog_content a:hover h2{color: #888888 !important;} .s_furniture .blog_content .blog_content a:hover > .o_blog_cover_image{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);} .s_furniture .blog_content .o_blog_cover_image{-webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease;} .s_furniture .blog_content a{display: inline-block; font-size: 13px; line-height: 20px; color: #888888 !important; font-weight: 500; text-transform: uppercase; letter-spacing: 1.5px; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; text-indent: 0% !important; white-space: nowrap; font-size: 15px !important; opacity: 1 !important; padding: 23em 2.3em !important;} .s_furniture .s_latest_posts_post{text-align: left;} @media (max-width: 1370px){.s_fitness_banner .slide-image{height: 550px; width: auto !important;}} .s_fitness_banner .slide-image{margin: auto; width: 100%; -webkit-animation-delay: 0.3s; animation-delay: 0.3s;} .s_fitness_banner .carousel-control-prev{width: auto; padding-left: 15px;} .s_fitness_banner .carousel-control-prev{left: 0;} .s_fitness_banner .carousel-control-next, .s_fitness_banner .carousel-control-prev{position: absolute; top: 0; bottom: 0; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; color: #fff; text-align: center; opacity: .5;} .s_fitness_banner .slider-control span{width: 44px; height: 44px; line-height: 44px; color: #ff4d7e; border-radius: 50%;} .s_fitness_banner .arrow-btn:hover i, .s_fitness_banner .arrow-btn:focus i{opacity: 1; right: 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-right: 15px;} .s_fitness_banner .carousel-control-next{right: 0;} .s_fitness_banner .carousel-control-next:focus, .s_fitness_banner .carousel-control-next:hover, .s_fitness_banner .carousel-control-prev:focus, .s_fitness_banner .carousel-control-prev:hover{text-decoration: none; outline: 0; opacity: .9;} .s_fitness_banner .slide-text{bottom: 0; top: auto !important; -ms-transform: translate(-50%, 0) !important; transform: translate(-50%, 0) !important; -webkit-transform: translate(-50%, 0) !important; -moz-transform: translate(-50%, 0) !important;} .s_fitness_banner .slide-text{margin: auto; position: absolute; text-align: left; max-width: 1170px; padding: 0 15px; top: 50%; left: 50%; right: auto; width: 100%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);} .s_fitness_banner .slide_style_left{text-align: left !important;} .s_fitness_banner .slide-content{padding: 40px; position: relative; opacity: 0.9;} .s_fitness_banner .bg-danger-gradiant-1{background: linear-gradient(to right, #ff4d7e 0%, #ff6a5b 100%);} .s_fitness_banner h2{line-height: 42px; font-size: 36px;} .s_fitness_banner .title{margin: 20px 0 15px;} .s_fitness_banner .btn-md{border: 1px solid #ffffff; padding: 15px 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; right: 0px; right: 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; right: -65px; top: -65px; width: 130px; height: 130px; padding-top: 33px; border-radius: 50%;} .s_fitness_banner .price-tag span{font-weight: 300; font-size: 36px; line-height: 36px;} .s_fitness_banner .text-danger-1{color: #ff4d7e;} @media (max-width: 767px){.s_fitness_banner .slide-image{left: -90%; height: 430px; position: relative;}.s_fitness_banner .price-tag{right: 0; top: -80px; left: 0; margin: auto; padding-top: 20px; width: 100px; height: 100px;}.s_fitness_banner .price-tag label{font-size: 12px;}.s_fitness_banner .price-tag span{font-size: 30px;}.s_fitness_banner .slide-content{padding: 30px 20px;}.s_fitness_banner h2{font-size: 22px; line-height: 30px;}.s_fitness_banner .btn-md{padding-left: 25px; padding-right: 25px;}.s_fitness_banner .slider-control span{width: 26px; height: 26px; line-height: 26px; font-size: 12px !important;}} .s_fitness_three_blocks .card{border: 0px;} .s_fitness_team_block .card{border: 0px;} .s_fitness_pricing_with_img .card{border: 0px;} .s_fitness_list_with_img .list-block li i, .s_fitness_list_with_img .list-block li span{font-size: 1rem;} .s_fitness_list_with_img .card{border: 0px;} .s_fitness_testimonial .item{width: 1110px; margin-right: 30px; text-align: center;} .s_fitness_testimonial .testi10 .customer-thumb img{width: 60px;} .s_fitness_testimonial .carousel-indicators{bottom: -83px;} .s_fitness_testimonial .testi10 .quote-bg{max-width: 800px; width: 100%; margin: 0 auto; padding: 60px; background: url(/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-left-radius: calc(.25rem - 1px); border-top-right-radius: calc(.25rem - 1px);} .s_fitness_activities .text-info-1{color: #188ef4;} .s_fitness_form_with_img .modal-bg-img{background-size: cover; background-position: center center; min-height: 300px;} .s_accounting_banner label{font-style: italic; font-family: 'PlayFairDisplay', sans-sarif; -webkit-animation-delay: 0.5s; animation-delay: 0.5s;} .s_accounting_banner h2{font-size: 36px; line-height: 42px; font-size: 36px;} .s_accounting_banner ul{list-style: none; margin: 0; -webkit-animation-delay: 1.1s; animation-delay: 1.1s;} .s_accounting_banner ul li{line-height: 36px; font-size: 15px;} .s_accounting_banner .btn-secondary-1{background: transparent; color: #3e4555; border-color: #868e96;} @media (max-width: 1370px){.s_accounting_banner .btn-md{padding-left: 27px; padding-right: 37px;}} .s_accounting_banner .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; right: 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; right: 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 .s_accounting_parallax{background-attachment: scroll !important;}.s_accounting_banner .btn-md{text-align: center; margin-bottom: 10px;}} @media (max-width: 767px){.s_accounting_banner .slide-image{left: -80%; height: 380px; position: relative;}.s_accounting_banner .btn-md{padding-left: 25px; padding-right: 25px;}} @media (max-width: 1370px){.s_accounting_banner .slider4 .slide-image{left: 0%; position: relative;}} .s_accounting_four_blocks .card-body .icon-space{padding: 0px 40px 20px 0px; margin: 20px 0;} .s_accounting_four_blocks .wrap-feature3-box .card-body{padding: 40px;} .s_accounting_four_blocks .card{border: 0px;} .s_accounting_two_blocks_with_icons .card{border: 0px;} .s_accounting_parallex{background-size: cover; background-attachment: fixed; background-position: center center;} .s_accounting_parallex .custom_p{color: #fff;} .s_accounting_testimonial .carousel-indicators li.active{color: #188ef4; font-weight: 700;} .s_accounting_testimonial .carousel-indicators li{text-indent: 0px; padding: 15px 20px 10px 0; 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; left: -4px; display: inline-block; width: 57%; height: 10px; content: "";} .s_accounting_testimonial .carousel-indicators{bottom: -51px; margin-left: -67%;} @media (max-width: 767px){.s_accounting_testimonial .carousel-indicators{margin-left: -48%;}.s_accounting_testimonial img{margin-top: 80px;}} .s_accounting_offer{background-color: #188ef4;} .s_accounting_offer .d-flex{align-items: center;} .s_one_page_banner h1{font-size: 56px; font-weight: 800; line-height: 90px; max-width: 621px; min-width: 621px;} @media (max-width: 767px){.s_one_page_banner h1{font-weight: 700; line-height: 50px; font-size: 50px;}} @media screen and (min-width: 768px) and (max-width: 1023px){.s_one_page_banner h1{font-size: 64px;}} .s_one_page_six_blocks .wrap-feature5-box .card-body{padding: 30px;} .s_one_page_six_blocks .wrap-feature5-box .card-body .icon-space{padding: 0px 30px 20px 0px; font-size: 45px; margin: 0px;} .s_one_page_six_blocks .text-danger-gradiant-1{background: linear-gradient(to right, #ff4d7e 0%, #ff6a5b 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-fill-color: transparent;} .s_one_page_six_blocks .card{border: 0px;} .s_one_page_half_img_para .wrap-feature-22{margin-top: 60px;} .s_one_page_half_img_para .text-danger-gradiant-1{background: linear-gradient(to right, #ff4d7e 0%, #ff6a5b 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-fill-color: transparent;} .s_one_page_half_img_para .wrap-feature-22 .text-box h3{margin: 10px 0 25px 0;} .s_one_page_half_img_para small{font-size: 90%;} .s_one_page_para_with_bg_img .bg-success-gradiant-1{background: linear-gradient(to right, #2cdd9b 0%, #1dc8cd 100%);} .s_one_page_para_with_bg_img .text-danger-gradiant-1{background: linear-gradient(to right, #ff4d7e 0%, #ff6a5b 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-fill-color: transparent;} .s_one_page_para_with_bg_img .wrap-feature38-box .po-absolute{right: 0px; z-index: 1;} .s_one_page_para_with_bg_img .display-4{font-size: 3.5rem; font-weight: 300; line-height: 1.1;} .s_one_page_para_with_bg_img .custom_p{color: #fff;} .s_one_page_para_with_four_imgs .wrap-feature-12{position: relative;} .s_one_page_para_with_four_imgs .rounded{border-radius: 0.25rem !important;} .s_one_page_para_with_four_imgs .wrap-feature-12 .uneven-box{margin-top: 100px;} .s_one_page_para_with_four_imgs .wrap-feature-12 [class*=col-md-12]{margin-bottom: 30px; -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in;} .s_one_page_para_with_four_imgs .wrap-feature-12 [class*=col-md-12]:hover{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);} .s_one_page_images_with_center_para .img-ho img:hover{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);} .s_one_page_images_with_center_para .img-ho img{-webkit-transition: 0.1s ease-in; -o-transition: 0.1s ease-in; transition: 0.1s ease-in;} .s_one_page_images_with_center_para .img-ho{overflow: hidden;} .s_one_page_testimonial .carousel-item{width: 350px; margin: 0 auto;} .s_one_page_testimonial .content{background: linear-gradient(to right, #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-right: 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-left: 0px;} .s_one_page_pricing_plan .pricing1 .list-inline li{padding: 6px 0; display: block;} .s_one_page_pricing_plan hr{padding: 4px 0; border: none; margin-top: 0rem;} .s_one_page_pricing_plan .card{color: #8d97ad;} .s_one_page_pricing_plan .pricing1 .badge{top: -13px; position: absolute; left: 0; right: 0; width: 100px; margin: 0 auto; color: #fff;} .s_one_page_pricing_plan .pricing1 .card:hover{-ms-transform: scale(1.05); transform: scale(1.05); -webkit-transform: scale(1.05); -webkit-font-smoothing: antialiased;} .s_one_page_pricing_plan .pricing1 .card{-webkit-transition: 0.1s; -o-transition: 0.1s; transition: 0.1s;} .s_one_page_three_blocks .blog-home2 .date-pos{padding: 10px; display: inline-block; position: absolute; right: 10px; top: 10px; color: #ffffff; border-radius: 4px; text-align: center;} .s_one_page_three_blocks .blog-home2 .date-pos span{display: block; font-size: 30px; line-height: 30px;} .s_one_page_three_blocks .card{border: 0px;} .s_one_page_three_blocks .text-danger-gradiant-1{background: linear-gradient(to right, #ff4d7e 0%, #ff6a5b 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-fill-color: transparent;} .s_contact_us_one_page_bg_map .detail-box{padding: 40px;} .s_contact_us_one_page_bg_map .contact-container{position: relative; top: 100px;} @media (max-width: 767px){.s_contact_us_one_page_bg_map .bg-image{margin-right: 15px; margin-left: 15px;}} .s_marketting_seo_banner h1{font-weight: 100; line-height: 50px;} .s_marketting_seo_banner h1 span{border-bottom: 3px solid #188ef4;} .s_marketting_seo_banner .info-box{padding: 25px 15px;} .s_marketting_seo_banner .img-anim{position: relative; top: 110px;} @media (max-width: 767px){.s_marketting_seo_banner h1{line-height: 36px; font-size: 24px;}.s_marketting_seo_banner .img-anim{position: relative; top: 0px;}.s_marketting_seo_banner .bg-info-gradiant{margin-top: 40px;}} .s_marketing_para_with_two_blocks .text-success-1{color: #1dc8cd;} .s_marketing_three_blocks .card{border: 0px;} .s_marketing_parallex_with_para{background-repeat: no-repeat; background-size: cover; background-attachment: fixed;} .s_marketing_parallex_with_para .wrap-feature42-box{padding: 8% 0;} .s_marketing_parallex_with_para [data-aos=fade-up]{transform: translateY(100px);} .s_marketing_images_with_center_para .img-ho img:hover{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);} .s_marketing_images_with_center_para .img-ho img{-webkit-transition: 0.1s ease-in; -o-transition: 0.1s ease-in; transition: 0.1s ease-in;} .s_marketing_images_with_center_para .img-ho{overflow: hidden;} .s_marketing_carousel_images{background: linear-gradient(to right, #2cdd9b 0%, #1dc8cd 100%);} .s_marketing_carousel_images .testimonial9 .customer-thumb img{width: 60px; margin-right: 20px;} .s_marketing_carousel_images .testimonial9 .devider{height: 2px; width: 40px; display: inline-block; margin: 22px 0;} .s_marketing_carousel_images .testimonial9 .card{position: relative; border: 0px;} .s_marketing_carousel_images .testimonial9 .d-flex{margin-left: 25px;} .s_marketing_carousel_images .testimonial9 .carousel-indicators{position: absolute; left: -73%; top: 70%; margin-top: 10px;} .s_marketing_carousel_images .carousel-indicators li.active{background-color: #fff;} .s_marketing_carousel_images .carousel-indicators li{background: #539880; border-radius: 100%; height: 10px; width: 10px;} .s_marketing_carousel_images .testimonial9 h5.text{line-height: 30px; font-weight: 300;} .s_marketing_carousel_images .custom_p{color: #fff;} @media (max-width: 767px){.s_marketing_carousel_images .testimonial9 .carousel-indicators{position: absolute; left: -5%; margin-top: 623px;}} .s_marketing_latest_blogs .d-flex a{color: #1dc8cd;} .blog-home1 [class*=col-]:hover{-webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px);} .blog-home1 [class*=col-]{-webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in;} .s_crypto_banner{background-size: cover; background-repeat: no-repeat; background-position-x: 100%;} .s_crypto_banner .have-ac{font-size: 1rem; color: #8d97ad;} .s_crypto_banner .custom_p{color: #fff;} .s_crypto_half_para_four_blocks .text-purple-gradiant{background: linear-gradient(to right, #7f3baf 0%, #4d3f95 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-fill-color: transparent;} .s_crypto_three_blocks .bg-theme-gradiant{background: linear-gradient(to right, #edb610 0%, #ff8e49 100%);} .s_crypto_three_blocks .bg-purple-gradiant{background: linear-gradient(to right, #7f3baf 0%, #4d3f95 100%);} .s_crypto_three_blocks .bg-info-gradiant{background: linear-gradient(to right, #05a8fd 0%, #316ce8 100%);} .s_crypto_three_blocks hr{border-top: 1px solid rgba(255, 255, 255, 0.3);} .s_crypto_three_blocks .wrap-feature6-box:hover{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);} .s_crypto_three_blocks .wrap-feature6-box{-webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in;} .s_crypto_three_blocks .wrap-feature6-box .card-body{padding: 30px;} .s_crypto_half_img_half_text .text-purple-gradiant{background: linear-gradient(to right, #7f3baf 0%, #4d3f95 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-fill-color: transparent;} .s_crypto_half_img_half_text .wrap-feature-22{margin-top: 60px;} .s_crypto_half_img_half_text .rounded{border-radius: 0.25rem !important;} .s_crypto_half_img_half_text .wrap-feature-22 .text-box{padding: 0 30px;} .s_crypto_half_img_half_text .wrap-feature-22 .text-box h3{margin: 10px 0 25px 0;} .s_crypto_half_img_half_text .list-block li{list-style: none; padding: 10px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} .s_crypto_half_img_half_text .list-block li i{margin-right: 10px; -webkit-flex-shrink: 0px; -ms-flex-negative: 0px; flex-shrink: 0px; margin-top: 3px;} .s_crypto_bg_img_with_form{background-repeat: no-repeat; background-size: cover;} .s_crypto_bg_img_with_form .both-space{margin: 80px 0 50px;} .s_crypto_bg_img_with_form .font-stylish{font-family: "Calafia-Regular";} .s_crypto_team_block .team4 .pro-pic img{border-radius: 100%;} .s_crypto_team_block ul.list-inline li a:hover{color: #edb610;} .s_crypto_team_block .team4 ul li a:hover{-webkit-transform: translate3d(0px, -5px, 0px); transform: translate3d(0px, -5px, 0px);} .s_crypto_team_block .team4 ul li a{color: #8d97ad; padding-right: 15px; -webkit-transition: 0.1s ease-in; -o-transition: 0.1s ease-in; transition: 0.1s ease-in; display: block; font-size: 1rem;} .s_crypto_team_block .team4 ul{margin-top: 30px;} .s_crypto_team_block ul.list-inline li:first-child{padding-left: 0px;} .s_crypto_team_block .list-inline-item:not(:last-child){margin-right: 5px;} .s_crypto_carousel_testimonial{background: linear-gradient(to right, #7f3baf 0%, #4d3f95 100%);} .s_crypto_carousel_testimonial .testimonial10 .testi10 .customer-thumb img{width: 60px;} .s_crypto_carousel_testimonial .testimonial10 .testi10 h3{line-height: 40px;} .s_crypto_carousel_testimonial .testimonial10 .testi10 .quote-bg{max-width: 800px; width: 100%; margin: 0 auto; padding: 60px; background: url(/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-left: 15px;} .s_industrial_banner .carousel-control-next{width: auto; padding-right: 15px;} .s_industrial_banner video{width: 600px;} .s_industrial_banner .carousel-control-next:focus, .s_industrial_banner .carousel-control-next:hover, .s_industrial_banner .carousel-control-prev:focus, .s_industrial_banner .carousel-control-prev:hover{color: #fff; text-decoration: none; outline: 0; opacity: .9;} .s_industrial_banner .btn{-webkit-animation-delay: 1.3s; animation-delay: 1.3s; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.14); -webkit-transition: 0s; -o-transition: 0s; transition: 0s;} .s_industrial_banner .slide-image{margin: auto; width: 100%; -webkit-animation-delay: 0.3s; animation-delay: 0.3s;} .s_industrial_banner .slide-text{max-width: 1170px; padding: 0 15px; top: 50%; left: 50%; right: auto; width: 100%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);} .s_industrial_banner label{line-height: 27px; border-radius: 0; color: #1a1a1a; -webkit-animation-delay: 0.5s; animation-delay: 0.5s;} @media (max-width: 1370px){.s_industrial_banner .slide-image{height: 550px; width: auto !important;}} @media (max-width: 767px){.s_industrial_banner .slider-control span{width: 26px; height: 26px; line-height: 26px; font-size: 12px !important;}} .s_industrial_half_test_four_imgs_block .wrap-feature-12{position: relative;} .s_industrial_half_test_four_imgs_block .wrap-feature-12 [class*=col-md-12]{margin-bottom: 30px; -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in;} .s_industrial_half_test_four_imgs_block .wrap-feature-12 .uneven-box{margin-top: 100px;} .s_industrial_half_test_four_imgs_block .wrap-feature-12 [class*=col-md-12]:hover{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);} .s_industrial_services_three_blocks .card{border: 0px;} .s_ind_half_img_half_para ul{font-size: 1rem;} .s_ind_projects_block .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-right: 1px solid rgba(120, 130, 140, 0.13);} .s_industrial_testimonial .testimonial6 .testi6 .nav-link{border-radius: 0px; margin: 8px -2px 8px 0;} .s_industrial_testimonial .testimonial6 .testi6 .nav-link.active{background: transparent; color: #8d97ad; border-right: 3px solid #fed700;} .s_industrial_testimonial .testimonial6 .testi6 .nav-link.active img{opacity: 1;} @media (max-width: 767px){.s_industrial_testimonial .testimonial6 .testi6{-webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -ms-flex-direction: row !important; flex-direction: row !important; border-right: 0px solid rgba(120, 130, 140, 0.13); border-bottom: 1px solid rgba(120, 130, 140, 0.13); margin-bottom: 40px;}.s_industrial_testimonial .testimonial6 .testi6 .nav-link{margin: 0px 0px -2px 0; padding: 10px;}.s_industrial_testimonial .testimonial6 .testi6 .nav-link img{width: 40px;}.s_industrial_testimonial .testimonial6 .testi6 .nav-link.active{border-right: 0px solid #fed700; border-bottom: 3px solid #fed700;}} .s_industrial_latest_blog .card{border: 0px;} .s_industrial_latest_blog .blog-home1 [class*=col-]:hover{-webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px);} .s_industrial_latest_blog .blog-home1 [class*=col-]{-webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in;} .slide-text{margin: auto; position: absolute; text-align: left; max-width: 1170px; padding: 0 15px; top: 50%; left: 50%; right: auto; width: 100%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);} .font-stylish-1{font-family: "Playfair Display", serif; font-style: italic; font-weight: 600;} .linking i{font-size: 14px; margin-left: 10px; -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in;} .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 right, #ff4d7e 0%, #ff6a5b 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-fill-color: transparent;} .s_latest_posts .author_date{display: -webkit-box; display: -webkit-flex; display: flex;} .s_latest_posts .author_date p{margin-right: 10px;} .s_latest_posts .media{border: 0px;} @media (max-width: 767px){.s_latest_posts .author_date{display: block;}} .s_latest_posts_big_picture .s_latest_posts_post{height: 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: left;} .s_latest_posts_big_picture .custom_p{text-transform: capitalize; font-size: 16px !important; text-align: left; margin-top: 20px !important; margin-bottom: 10px !important;} .s_latest_posts_big_picture .date-pos{padding: 10px; display: inline-block; position: absolute; right: 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: left; line-height: 27px; text-transform: capitalize; font-size: 1rem; position: relative; right: 29%;} .s_latest_posts_big_picture .twelve_latest_post a{background: linear-gradient(to right, #ff4d7e 0%, #ff6a5b 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-fill-color: transparent;} @media screen and (min-width: 768px) and (max-width: 1023px){.s_latest_posts_big_picture .learn_more_txt{right: 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: left center;} .s_carousel.s_carousel_bordered, .s_quotes_carousel.s_carousel_bordered{border: 0rem solid transparent;} .contact4 .form-control{background: transparent; border: 2px solid rgba(255, 255, 255, 0.5); color: #ffffff;} .contact4 .form-control:hover{background: transparent; border: 2px solid white; color: #ffffff;} .contact4 ::placeholder{color: #fff;} .contact4 .right-image{margin-top: 92px;} @media (max-width: 767px){.contact4 .right-image{bottom: 0px; margin-top: 0px;}} p{line-height: 23px;} .template_404_page{background-color: #8DDFEA; padding-bottom: 10px;} .template_404_page .info h1{font-size: 190px; font-weight: 700; color: #222a4b; padding: 111px 0px;} .template_404_page .info h2{font-size: 50px; font-weight: 500; color: #00a9e1; padding-bottom: 50px;} .template_404_page .info p{font-size: 20px; color: #000000; font-weight: 400;} .template_404_page .info a{font-size: 18px; font-weight: 500; color: #ffffff; border: 0px solid; border-bottom: 2px solid; border-color: #007ca1; padding: 10px 41px; border-radius: 5px; background: none; display: inline-block; margin: 10px 0; background-color: #00a9e1; cursor: pointer; text-align: center;} .template_404_page .bear{background-image: url(/website_twelve/static/src/img/bear.png); background-position: center; background-repeat: no-repeat; width: 100%; height: 856px; margin: -340px 0 50px; position: relative; left: 10%;} .template_404_page .zzz{background-image: url(/website_twelve/static/src/img/z-1.gif); background-position: center; background-repeat: no-repeat; width: 80px; height: 134px; position: absolute; left: 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; right: 0px; height: 100%;} .s_coming_soon_banner .bg-img img{margin-left: -200px; padding-top: 100px; position: absolute; bottom: 0px;} @media screen and (min-width: 768px) and (max-width: 1023px){.o_main_navbar > ul > li > a, .o_main_navbar > ul > li > label{padding: 0 8px;}.o_main_navbar > ul.o_menu_systray{position: relative; top: -103%;}.s_estate_carousel_images .desc_img{width: 229px;}.s_estate_img_block_1{display: none;}.s_contact_us_one_page_bg_map .bg-image{background-size: cover; background-position: center;}.s_fitness_testimonial .item{width: 690px;}.s_furniture_about .text_left{left: -55px;}.pro-pic img{width: 50%;}} @media screen and (min-width: 1023px) and (max-width: 1366px){.s_fitness_testimonial .item{width: 930px;}.s_furniture_about_with_img .order-last{-ms-flex-order: 13; order: 0;}} @media screen and (max-width: 1024px){.s_estate_carousel_images .desc_img{width: 311px;}} .hvr-icon-forward{display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; -webkit-transition-duration: 0.1s; transition-duration: 0.1s;} .hvr-icon-forward:hover .hvr-icon, .hvr-icon-forward:focus .hvr-icon, .hvr-icon-forward:active .hvr-icon{display: inline-block; -webkit-transform: translateX(4px); transform: translateX(4px);} .hvr-icon-forward .hvr-icon{display: none; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.1s; transition-duration: 0.1s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;} @media (max-width: 1024px){#home-main-img{margin-left: -200%; margin-top: -30%;}.slide-text span, .slide-text h2, .slide-text p{color: black;}} @media (min-width: 1920px){#home-main-img{width: 100%;}} @media (max-width: 1024px){.s_accounting_parallex{background-attachment: scroll !important;}} 

/* /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: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0;}to{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1;}} @keyframes rotateInDownLeft{from{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0;}to{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1;}} .rotateInDownLeft{-webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft;} @-webkit-keyframes rotateInDownRight{from{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0;}to{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1;}} @keyframes rotateInDownRight{from{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0;}to{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1;}} .rotateInDownRight{-webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight;} @-webkit-keyframes rotateInUpLeft{from{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0;}to{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1;}} @keyframes rotateInUpLeft{from{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0;}to{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1;}} .rotateInUpLeft{-webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft;} @-webkit-keyframes rotateInUpRight{from{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0;}to{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1;}} @keyframes rotateInUpRight{from{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0;}to{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1;}} .rotateInUpRight{-webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight;} @-webkit-keyframes rotateOut{from{-webkit-transform-origin: center; transform-origin: center; opacity: 1;}to{-webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0;}} @keyframes rotateOut{from{-webkit-transform-origin: center; transform-origin: center; opacity: 1;}to{-webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0;}} .rotateOut{-webkit-animation-name: rotateOut; animation-name: rotateOut;} @-webkit-keyframes rotateOutDownLeft{from{-webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1;}to{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0;}} @keyframes rotateOutDownLeft{from{-webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1;}to{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0;}} .rotateOutDownLeft{-webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft;} @-webkit-keyframes rotateOutDownRight{from{-webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1;}to{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0;}} @keyframes rotateOutDownRight{from{-webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1;}to{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0;}} .rotateOutDownRight{-webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight;} @-webkit-keyframes rotateOutUpLeft{from{-webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1;}to{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0;}} @keyframes rotateOutUpLeft{from{-webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1;}to{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0;}} .rotateOutUpLeft{-webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft;} @-webkit-keyframes rotateOutUpRight{from{-webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1;}to{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0;}} @keyframes rotateOutUpRight{from{-webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1;}to{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0;}} .rotateOutUpRight{-webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight;} @-webkit-keyframes hinge{0%{-webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}20%, 60%{-webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}40%, 80%{-webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1;}to{-webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0;}} @keyframes hinge{0%{-webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}20%, 60%{-webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}40%, 80%{-webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1;}to{-webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0;}} .hinge{-webkit-animation-name: hinge; animation-name: hinge;} @-webkit-keyframes rollIn{from{opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);}to{opacity: 1; -webkit-transform: none; transform: none;}} @keyframes rollIn{from{opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);}to{opacity: 1; -webkit-transform: none; transform: none;}} .rollIn{-webkit-animation-name: rollIn; animation-name: rollIn;} @-webkit-keyframes rollOut{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);}} @keyframes rollOut{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);}} .rollOut{-webkit-animation-name: rollOut; animation-name: rollOut;} @-webkit-keyframes zoomIn{from{opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3);}50%{opacity: 1;}} @keyframes zoomIn{from{opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3);}50%{opacity: 1;}} .zoomIn{-webkit-animation-name: zoomIn; animation-name: zoomIn;} @-webkit-keyframes zoomInDown{from{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} @keyframes zoomInDown{from{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} .zoomInDown{-webkit-animation-name: zoomInDown; animation-name: zoomInDown;} @-webkit-keyframes zoomInLeft{from{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} @keyframes zoomInLeft{from{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} .zoomInLeft{-webkit-animation-name: zoomInLeft; animation-name: zoomInLeft;} @-webkit-keyframes zoomInRight{from{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} @keyframes zoomInRight{from{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} .zoomInRight{-webkit-animation-name: zoomInRight; animation-name: zoomInRight;} @-webkit-keyframes zoomInUp{from{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} @keyframes zoomInUp{from{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} .zoomInUp{-webkit-animation-name: zoomInUp; animation-name: zoomInUp;} @-webkit-keyframes zoomOut{from{opacity: 1;}50%{opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3);}to{opacity: 0;}} @keyframes zoomOut{from{opacity: 1;}50%{opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3);}to{opacity: 0;}} .zoomOut{-webkit-animation-name: zoomOut; animation-name: zoomOut;} @-webkit-keyframes zoomOutDown{40%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}to{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} @keyframes zoomOutDown{40%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}to{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} .zoomOutDown{-webkit-animation-name: zoomOutDown; animation-name: zoomOutDown;} @-webkit-keyframes zoomOutLeft{40%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);}to{opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center;}} @keyframes zoomOutLeft{40%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);}to{opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center;}} .zoomOutLeft{-webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft;} @-webkit-keyframes zoomOutRight{40%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);}to{opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center;}} @keyframes zoomOutRight{40%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);}to{opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center;}} .zoomOutRight{-webkit-animation-name: zoomOutRight; animation-name: zoomOutRight;} @-webkit-keyframes zoomOutUp{40%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}to{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} @keyframes zoomOutUp{40%{opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}to{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}} .zoomOutUp{-webkit-animation-name: zoomOutUp; animation-name: zoomOutUp;} @-webkit-keyframes slideInDown{from{-webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible;}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes slideInDown{from{-webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible;}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .slideInDown{-webkit-animation-name: slideInDown; animation-name: slideInDown;} @-webkit-keyframes slideInLeft{from{-webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible;}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes slideInLeft{from{-webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible;}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .slideInLeft{-webkit-animation-name: slideInLeft; animation-name: slideInLeft;} @-webkit-keyframes slideInRight{from{-webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible;}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes slideInRight{from{-webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible;}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .slideInRight{-webkit-animation-name: slideInRight; animation-name: slideInRight;} @-webkit-keyframes slideInUp{from{-webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible;}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes slideInUp{from{-webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible;}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .slideInUp{-webkit-animation-name: slideInUp; animation-name: slideInUp;} @-webkit-keyframes slideOutDown{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}to{visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}} @keyframes slideOutDown{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}to{visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}} .slideOutDown{-webkit-animation-name: slideOutDown; animation-name: slideOutDown;} @-webkit-keyframes slideOutLeft{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}to{visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}} @keyframes slideOutLeft{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}to{visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}} .slideOutLeft{-webkit-animation-name: slideOutLeft; animation-name: slideOutLeft;} @-webkit-keyframes slideOutRight{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}to{visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}} @keyframes slideOutRight{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}to{visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}} .slideOutRight{-webkit-animation-name: slideOutRight; animation-name: slideOutRight;} @-webkit-keyframes slideOutUp{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}to{visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}} @keyframes slideOutUp{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}to{visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}} .slideOutUp{-webkit-animation-name: slideOutUp; animation-name: slideOutUp;} 

/* /website_twelve/static/src/css/fonts.scss defined in bundle 'web.assets_frontend' */
 @font-face{font-family: 'Lavanderia-Sturdy'; src: url("/website_twelve/static/src/font/Lavanderia-Sturdy.eot?#iefix") format("embedded-opentype"), url("/website_twelve/static/src/font/Lavanderia-Sturdy.otf") format("opentype"), url("/website_twelve/static/src/font/Lavanderia-Sturdy.woff") format("woff"), url("/website_twelve/static/src/font/Lavanderia-Sturdy.ttf") format("truetype"), url("/website_twelve/static/src/font/Lavanderia-Sturdy.svg#Lavanderia-Sturdy") format("svg"); font-weight: normal; font-style: normal;} 

/* /website_twelve/static/src/css/fontello.scss defined in bundle 'web.assets_frontend' */
 @font-face{font-family: 'fontello'; font-style: normal; src: local("fontello"), local("fontello"), url(/website_twelve/static/src/fonts/fontello.ttf) format("truetype");} [class^="icon-"]:before, [class*=" icon-"]:before{font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .icon-emo-happy:before{content: '\e800';} .icon-emo-wink:before{content: '\e801';} .icon-emo-unhappy:before{content: '\e802';} .icon-emo-sleep:before{content: '\e803';} .icon-emo-thumbsup:before{content: '\e804';} .icon-emo-devil:before{content: '\e805';} .icon-emo-surprised:before{content: '\e806';} .icon-emo-tongue:before{content: '\e807';} .icon-emo-coffee:before{content: '\e808';} .icon-emo-sunglasses:before{content: '\e809';} .icon-emo-displeased:before{content: '\e80a';} .icon-emo-beer:before{content: '\e80b';} .icon-emo-grin:before{content: '\e80c';} .icon-emo-angry:before{content: '\e80d';} .icon-emo-saint:before{content: '\e80e';} .icon-emo-cry:before{content: '\e80f';} .icon-emo-shoot:before{content: '\e810';} .icon-emo-squint:before{content: '\e811';} .icon-emo-laugh:before{content: '\e812';} .icon-emo-wink2:before{content: '\e813';} .icon-spin1:before{content: '\e830';} .icon-spin2:before{content: '\e831';} .icon-spin3:before{content: '\e832';} .icon-spin4:before{content: '\e834';} .icon-spin5:before{content: '\e838';} .icon-spin6:before{content: '\e839';} .icon-firefox:before{content: '\e840';} .icon-chrome:before{content: '\e841';} .icon-opera:before{content: '\e842';} .icon-ie:before{content: '\e843';} .icon-crown:before{content: '\e844';} .icon-crown-plus:before{content: '\e845';} .icon-crown-minus:before{content: '\e846';} .icon-marquee:before{content: '\e847';} .icon-star:before{content: '\e800';} .icon-money:before{content: '\e801';} .icon-reddit:before{content: '\e802';} .icon-target:before{content: '\e803';} .icon-user:before{content: '\e804';} .icon-emo-displeased:before{content: '\e80a';} .icon-emo-beer:before{content: '\e80b';} .icon-users:before{content: '\f064';} .icon-file-code:before{content: '\f1c9';} .icon-github:before{content: '\f308';} .icon-Sunglasses-Smiley:before{content: "\ecf3";} 

/* /website_twelve/static/src/css/font_style.scss defined in bundle 'web.assets_frontend' */
 @font-face{font-family: 'Linearicons-Free'; src: url("/website_twelve/static/src/fonts/Linearicons-Free.eot?w118d"); src: url("/website_twelve/static/src/fonts/Linearicons-Free.eot?#iefixw118d") format("embedded-opentype"), url("/website_twelve/static/src/fonts/Linearicons-Free.woff2?w118d") format("woff2"), url("/website_twelve/static/src/fonts/Linearicons-Free.woff?w118d") format("woff"), url("/website_twelve/static/src/fonts/Linearicons-Free.ttf?w118d") format("truetype"), url("/website_twelve/static/src/fonts/Linearicons-Free.svg?w118d#Linearicons-Free") format("svg"); font-weight: normal; font-style: normal;} .lnr{font-family: 'Linearicons-Free'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .lnr-home:before{content: "\e800";} .lnr-apartment:before{content: "\e801";} .lnr-pencil:before{content: "\e802";} .lnr-magic-wand:before{content: "\e803";} .lnr-drop:before{content: "\e804";} .lnr-lighter:before{content: "\e805";} .lnr-poop:before{content: "\e806";} .lnr-sun:before{content: "\e807";} .lnr-moon:before{content: "\e808";} .lnr-cloud:before{content: "\e809";} .lnr-cloud-upload:before{content: "\e80a";} .lnr-cloud-download:before{content: "\e80b";} .lnr-cloud-sync:before{content: "\e80c";} .lnr-cloud-check:before{content: "\e80d";} .lnr-database:before{content: "\e80e";} .lnr-lock:before{content: "\e80f";} .lnr-cog:before{content: "\e810";} .lnr-trash:before{content: "\e811";} .lnr-dice:before{content: "\e812";} .lnr-heart:before{content: "\e813";} .lnr-star:before{content: "\e814";} .lnr-star-half:before{content: "\e815";} .lnr-star-empty:before{content: "\e816";} .lnr-flag:before{content: "\e817";} .lnr-envelope:before{content: "\e818";} .lnr-paperclip:before{content: "\e819";} .lnr-inbox:before{content: "\e81a";} .lnr-eye:before{content: "\e81b";} .lnr-printer:before{content: "\e81c";} .lnr-file-empty:before{content: "\e81d";} .lnr-file-add:before{content: "\e81e";} .lnr-enter:before{content: "\e81f";} .lnr-exit:before{content: "\e820";} .lnr-graduation-hat:before{content: "\e821";} .lnr-license:before{content: "\e822";} .lnr-music-note:before{content: "\e823";} .lnr-film-play:before{content: "\e824";} .lnr-camera-video:before{content: "\e825";} .lnr-camera:before{content: "\e826";} .lnr-picture:before{content: "\e827";} .lnr-book:before{content: "\e828";} .lnr-bookmark:before{content: "\e829";} .lnr-user:before{content: "\e82a";} .lnr-users:before{content: "\e82b";} .lnr-shirt:before{content: "\e82c";} .lnr-store:before{content: "\e82d";} .lnr-cart:before{content: "\e82e";} .lnr-tag:before{content: "\e82f";} .lnr-phone-handset:before{content: "\e830";} .lnr-phone:before{content: "\e831";} .lnr-pushpin:before{content: "\e832";} .lnr-map-marker:before{content: "\e833";} .lnr-map:before{content: "\e834";} .lnr-location:before{content: "\e835";} .lnr-calendar-full:before{content: "\e836";} .lnr-keyboard:before{content: "\e837";} .lnr-spell-check:before{content: "\e838";} .lnr-screen:before{content: "\e839";} .lnr-smartphone:before{content: "\e83a";} .lnr-tablet:before{content: "\e83b";} .lnr-laptop:before{content: "\e83c";} .lnr-laptop-phone:before{content: "\e83d";} .lnr-power-switch:before{content: "\e83e";} .lnr-bubble:before{content: "\e83f";} .lnr-heart-pulse:before{content: "\e840";} .lnr-construction:before{content: "\e841";} .lnr-pie-chart:before{content: "\e842";} .lnr-chart-bars:before{content: "\e843";} .lnr-gift:before{content: "\e844";} .lnr-diamond:before{content: "\e845";} .lnr-linearicons:before{content: "\e846";} .lnr-dinner:before{content: "\e847";} .lnr-coffee-cup:before{content: "\e848";} .lnr-leaf:before{content: "\e849";} .lnr-paw:before{content: "\e84a";} .lnr-rocket:before{content: "\e84b";} .lnr-briefcase:before{content: "\e84c";} .lnr-bus:before{content: "\e84d";} .lnr-car:before{content: "\e84e";} .lnr-train:before{content: "\e84f";} .lnr-bicycle:before{content: "\e850";} .lnr-wheelchair:before{content: "\e851";} .lnr-select:before{content: "\e852";} .lnr-earth:before{content: "\e853";} .lnr-smile:before{content: "\e854";} .lnr-sad:before{content: "\e855";} .lnr-neutral:before{content: "\e856";} .lnr-mustache:before{content: "\e857";} .lnr-alarm:before{content: "\e858";} .lnr-bullhorn:before{content: "\e859";} .lnr-volume-high:before{content: "\e85a";} .lnr-volume-medium:before{content: "\e85b";} .lnr-volume-low:before{content: "\e85c";} .lnr-volume:before{content: "\e85d";} .lnr-mic:before{content: "\e85e";} .lnr-hourglass:before{content: "\e85f";} .lnr-undo:before{content: "\e860";} .lnr-redo:before{content: "\e861";} .lnr-sync:before{content: "\e862";} .lnr-history:before{content: "\e863";} .lnr-clock:before{content: "\e864";} .lnr-download:before{content: "\e865";} .lnr-upload:before{content: "\e866";} .lnr-enter-down:before{content: "\e867";} .lnr-exit-up:before{content: "\e868";} .lnr-bug:before{content: "\e869";} .lnr-code:before{content: "\e86a";} .lnr-link:before{content: "\e86b";} .lnr-unlink:before{content: "\e86c";} .lnr-thumbs-up:before{content: "\e86d";} .lnr-thumbs-down:before{content: "\e86e";} .lnr-magnifier:before{content: "\e86f";} .lnr-cross:before{content: "\e870";} .lnr-menu:before{content: "\e871";} .lnr-list:before{content: "\e872";} .lnr-chevron-up:before{content: "\e873";} .lnr-chevron-down:before{content: "\e874";} .lnr-chevron-left:before{content: "\e875";} .lnr-chevron-right:before{content: "\e876";} .lnr-arrow-up:before{content: "\e877";} .lnr-arrow-down:before{content: "\e878";} .lnr-arrow-left:before{content: "\e879";} .lnr-arrow-right:before{content: "\e87a";} .lnr-move:before{content: "\e87b";} .lnr-warning:before{content: "\e87c";} .lnr-question-circle:before{content: "\e87d";} .lnr-menu-circle:before{content: "\e87e";} .lnr-checkmark-circle:before{content: "\e87f";} .lnr-cross-circle:before{content: "\e880";} .lnr-plus-circle:before{content: "\e881";} .lnr-circle-minus:before{content: "\e882";} .lnr-arrow-up-circle:before{content: "\e883";} .lnr-arrow-down-circle:before{content: "\e884";} .lnr-arrow-left-circle:before{content: "\e885";} .lnr-arrow-right-circle:before{content: "\e886";} .lnr-chevron-up-circle:before{content: "\e887";} .lnr-chevron-down-circle:before{content: "\e888";} .lnr-chevron-left-circle:before{content: "\e889";} .lnr-chevron-right-circle:before{content: "\e88a";} .lnr-crop:before{content: "\e88b";} .lnr-frame-expand:before{content: "\e88c";} .lnr-frame-contract:before{content: "\e88d";} .lnr-layers:before{content: "\e88e";} .lnr-funnel:before{content: "\e88f";} .lnr-text-format:before{content: "\e890";} .lnr-text-format-remove:before{content: "\e891";} .lnr-text-size:before{content: "\e892";} .lnr-bold:before{content: "\e893";} .lnr-italic:before{content: "\e894";} .lnr-underline:before{content: "\e895";} .lnr-strikethrough:before{content: "\e896";} .lnr-highlight:before{content: "\e897";} .lnr-text-align-left:before{content: "\e898";} .lnr-text-align-center:before{content: "\e899";} .lnr-text-align-right:before{content: "\e89a";} .lnr-text-align-justify:before{content: "\e89b";} .lnr-line-spacing:before{content: "\e89c";} .lnr-indent-increase:before{content: "\e89d";} .lnr-indent-decrease:before{content: "\e89e";} .lnr-pilcrow:before{content: "\e89f";} .lnr-direction-ltr:before{content: "\e8a0";} .lnr-direction-rtl:before{content: "\e8a1";} .lnr-page-break:before{content: "\e8a2";} .lnr-sort-alpha-asc:before{content: "\e8a3";} .lnr-sort-amount-asc:before{content: "\e8a4";} .lnr-hand:before{content: "\e8a5";} .lnr-pointer-up:before{content: "\e8a6";} .lnr-pointer-right:before{content: "\e8a7";} .lnr-pointer-down:before{content: "\e8a8";} .lnr-pointer-left:before{content: "\e8a9";} .lnr-team:before{content: "\e6ff";} .lnr-brain:before{content: "\e6ec";} 

/* /website_twelve/static/src/css/style.scss defined in bundle 'web.assets_frontend' */
 .preloader{width: 100%; height: 100%; top: 0px; position: fixed; z-index: 99999; background: #fff;} .preloader .cssload-speeding-wheel{position: absolute; top: calc(50% - 3.5px); left: calc(50% - 3.5px);} .loader, .loader__figure{position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} .loader{overflow: visible; padding-top: 2em; height: 0; width: 2em;} .loader__figure{height: 0; width: 0; -webkit-box-sizing: border-box; box-sizing: border-box; border: 0 solid #1976d2; border-radius: 50%; -webkit-animation: loader-figure 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1); -moz-animation: loader-figure 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1); animation: loader-figure 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);} .loader__label{float: left; margin-left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); margin: 0.5em 0 0 50%; font-size: 0.875em; letter-spacing: 0.1em; line-height: 1.5em; color: #1976d2; white-space: nowrap; -webkit-animation: loader-label 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1); -moz-animation: loader-label 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1); animation: loader-label 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);} @-webkit-keyframes loader-figure{0%{height: 0; width: 0; background-color: #1976d2;}29%{background-color: #1976d2;}30%{height: 2em; width: 2em; background-color: transparent; border-width: 1em; opacity: 1;}100%{height: 2em; width: 2em; border-width: 0; opacity: 0; background-color: transparent;}} @-moz-keyframes loader-figure{0%{height: 0; width: 0; background-color: #1976d2;}29%{background-color: #1976d2;}30%{height: 2em; width: 2em; background-color: transparent; border-width: 1em; opacity: 1;}100%{height: 2em; width: 2em; border-width: 0; opacity: 0; background-color: transparent;}} @keyframes loader-figure{0%{height: 0; width: 0; background-color: #1976d2;}29%{background-color: #1976d2;}30%{height: 2em; width: 2em; background-color: transparent; border-width: 1em; opacity: 1;}100%{height: 2em; width: 2em; border-width: 0; opacity: 0; background-color: transparent;}} @-webkit-keyframes loader-label{0%{opacity: 0.25;}30%{opacity: 1;}100%{opacity: 0.25;}} @-moz-keyframes loader-label{0%{opacity: 0.25;}30%{opacity: 1;}100%{opacity: 0.25;}} @keyframes loader-label{0%{opacity: 0.25;}30%{opacity: 1;}100%{opacity: 0.25;}} @font-face{font-family: 'Calafia-Regular'; font-style: normal; src: local("Calafia-Regular"), local("Calafia-Regular"), url(/website_twelve/static/src/fonts/Calafia-Regular.otf) format("truetype");} @font-face{font-family: 'Playfair Display'; font-style: normal; src: local("Playfair Display"), local("Playfair Display"), url(/website_twelve/static/src/fonts/PlayfairDisplay-Italic.otf) format("truetype");} @font-face{font-family: 'fontello'; font-style: normal; src: local("fontello"), local("fontello"), url(/website_twelve/static/src/fonts/fontello.ttf) format("truetype");} *{outline: none;} body{background: #ffffff; font-family: "Montserrat", sans-serif; margin: 0; overflow-x: hidden; color: #8d97ad; font-weight: 300;} html{position: relative; min-height: 100%; background: #ffffff;} a:hover, a:focus{text-decoration: none;} a.link{color: #3e4555;} a.link:hover, a.link:focus{color: #316ce8;} a.white-link{color: #ffffff;} a.white-link:hover, a.white-link:focus{color: #263238;} .img-responsive{width: 100%; height: auto; display: inline-block;} .img-rounded{border-radius: 4px;} html body .mdi:before, html body .mdi-set{line-height: initial;} h1, h2, h3, h4, h5, h6{color: #3e4555; font-family: "Montserrat", sans-serif;} h1{line-height: 40px; font-size: 36px;} h2{line-height: 36px; font-size: 30px;} h3{line-height: 30px; font-size: 24px;} h4{line-height: 26px; font-size: 21px;} h5{line-height: 22px; font-size: 18px; font-weight: 400;} h6{line-height: 20px; font-size: 16px; font-weight: 400;} .display-5{font-size: 3rem;} .display-6{font-size: 36px;} .display-7{font-size: 26px;} .box{border-radius: 4px; padding: 10px;} html body .dl{display: inline-block;} html body .db{display: block;} .no-wrap td, .no-wrap th{white-space: nowrap;} .circle{border-radius: 100%;} html body blockquote{border-left: 5px solid #316ce8; border: 1px solid rgba(120, 130, 140, 0.13); padding: 15px;} .clear{clear: both;} ol li{margin: 5px 0;} html body .p-0{padding: 0px;} html body .p-10{padding: 10px;} html body .p-15{padding: 15px;} html body .p-20{padding: 20px;} html body .p-30{padding: 30px;} html body .p-40{padding: 40px;} html body .p-l-0{padding-left: 0px;} html body .p-l-10{padding-left: 10px;} html body .p-l-20{padding-left: 20px;} html body .p-r-0{padding-right: 0px;} html body .p-r-10{padding-right: 10px;} html body .p-r-20{padding-right: 20px;} html body .p-r-30{padding-right: 30px;} html body .p-r-40{padding-right: 40px;} html body .p-t-0{padding-top: 0px;} html body .p-t-10{padding-top: 10px;} html body .p-t-20{padding-top: 20px;} html body .p-t-30{padding-top: 30px;} html body .p-b-0{padding-bottom: 0px;} html body .p-b-5{padding-bottom: 5px;} html body .p-b-10{padding-bottom: 10px;} html body .p-b-20{padding-bottom: 20px;} html body .p-b-30{padding-bottom: 30px;} html body .p-b-40{padding-bottom: 40px;} html body .m-0{margin: 0px;} html body .m-l-5{margin-left: 5px;} html body .m-l-10{margin-left: 10px;} html body .m-l-15{margin-left: 15px;} html body .m-l-20{margin-left: 20px;} html body .m-l-30{margin-left: 30px;} html body .m-l-40{margin-left: 40px;} html body .m-r-5{margin-right: 5px;} html body .m-r-10{margin-right: 10px;} html body .m-r-15{margin-right: 15px;} html body .m-r-20{margin-right: 20px;} html body .m-r-30{margin-right: 30px;} html body .m-r-40{margin-right: 40px;} html body .m-t-0{margin-top: 0px;} html body .m-t-5{margin-top: 5px;} html body .m-t-10{margin-top: 10px;} html body .m-t-15{margin-top: 15px;} html body .m-t-20{margin-top: 20px;} html body .m-t-30{margin-top: 30px;} html body .m-t-40{margin-top: 40px;} html body .m-b-0{margin-bottom: 0px;} html body .m-b-5{margin-bottom: 5px;} html body .m-b-10{margin-bottom: 10px;} html body .m-b-15{margin-bottom: 15px;} html body .m-b-20{margin-bottom: 20px;} html body .m-b-30{margin-bottom: 30px;} html body .m-b-40{margin-bottom: 40px;} html body .vt{vertical-align: top;} html body .vm{vertical-align: middle;} html body .vb{vertical-align: bottom;} .op-8{opacity: 0.8;} .op-7{opacity: 0.7;} .op-5{opacity: 0.5;} .op-3{opacity: 0.3;} html body .font-bold{font-weight: 700;} html body .font-semibold{font-weight: 600;} html body .font-normal{font-weight: normal;} html body .font-light{font-weight: 300;} html body .font-medium{font-weight: 500;} html body .font-16{font-size: 16px;} html body .font-14{font-size: 15px;} html body .font-13{font-size: 13px;} html body .font-10{font-size: 10px;} html body .font-18{font-size: 18px;} html body .font-20{font-size: 20px;} html body .font-stylish{font-family: "Calafia-Regular";} html body .b-0{border: none !important;} html body .b-r{border-right: 1px solid rgba(120, 130, 140, 0.13);} html body .b-l{border-left: 1px solid rgba(120, 130, 140, 0.13);} html body .b-b{border-bottom: 1px solid rgba(120, 130, 140, 0.13);} html body .b-t{border-top: 1px solid rgba(120, 130, 140, 0.13);} html body .b-all{border: 1px solid rgba(120, 130, 140, 0.13) !important;} .thumb-sm{height: 32px; width: 32px;} .thumb-md{height: 48px; width: 48px;} .thumb-lg{height: 88px; width: 88px;} .hide{display: none;} .img-circle{border-radius: 100%;} .radius{border-radius: 4px;} .text-white{color: #ffffff !important;} .text-inverse{color: #3e4555 !important;} .text-success-gradiant{background: #2cdd9b; background: -webkit-linear-gradient(legacy-direction(to right), #2cdd9b 0%, #1dc8cc 100%); background: -webkit-gradient(linear, left top, right top, from(#2cdd9b), to(#1dc8cc)); background: -webkit-linear-gradient(left, #2cdd9b 0%, #1dc8cc 100%); background: -o-linear-gradient(left, #2cdd9b 0%, #1dc8cc 100%); background: linear-gradient(to right, #2cdd9b 0%, #1dc8cc 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-fill-color: transparent;} .text-info-gradiant{background: #188ef4; background: -webkit-linear-gradient(legacy-direction(to right), #188ef4 0%, #316ce8 100%); background: -webkit-gradient(linear, left top, right top, from(#188ef4), to(#316ce8)); background: -webkit-linear-gradient(left, #188ef4 0%, #316ce8 100%); background: -o-linear-gradient(left, #188ef4 0%, #316ce8 100%); background: linear-gradient(to right, #188ef4 0%, #316ce8 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-fill-color: transparent;} html body .text-blue{color: #02bec9;} html body .text-purple{color: #7460ee;} html body .text-megna{color: #1dc8cd;} html body .text-themecolor{color: #316ce8;} .bg-orange{background-color: #ff6a5b !important;} .bg-yellow{background-color: #fed700;} .bg-facebook{background-color: #3b5a9a;} .bg-twitter{background-color: #56adf2;} .bg-success-gradiant{background: #2cdd9b; background: -webkit-linear-gradient(legacy-direction(to right), #2cdd9b 0%, #1dc8cc 100%); background: -webkit-gradient(linear, left top, right top, from(#2cdd9b), to(#1dc8cc)); background: -webkit-linear-gradient(left, #2cdd9b 0%, #1dc8cc 100%); background: -o-linear-gradient(left, #2cdd9b 0%, #1dc8cc 100%); background: linear-gradient(to right, #2cdd9b 0%, #1dc8cc 100%);} .bg-info-gradiant{background: #188ef4; background: -webkit-linear-gradient(legacy-direction(to right), #188ef4 0%, #316ce8 100%); background: -webkit-gradient(linear, left top, right top, from(#188ef4), to(#316ce8)); background: -webkit-linear-gradient(left, #188ef4 0%, #316ce8 100%); background: -o-linear-gradient(left, #188ef4 0%, #316ce8 100%); background: linear-gradient(to right, #188ef4 0%, #316ce8 100%);} .bg-danger-gradiant{background: #ff4d7e; background: -webkit-linear-gradient(legacy-direction(to right), #ff4d7e 0%, #ff6a5b 100%); background: -webkit-gradient(linear, left top, right top, from(#ff4d7e), to(#ff6a5b)); background: -webkit-linear-gradient(left, #ff4d7e 0%, #ff6a5b 100%); background: -o-linear-gradient(left, #ff4d7e 0%, #ff6a5b 100%); background: linear-gradient(to right, #ff4d7e 0%, #ff6a5b 100%);} html body .bg-megna{background-color: #1dc8cd;} html body .bg-theme{background-color: #316ce8;} html body .bg-inverse{background-color: #3e4555;} html body .bg-purple{background-color: #7460ee;} html body .bg-light-inverse{background-color: #f6f6f6;} html body .bg-white{background-color: #ffffff;} .round{line-height: 48px; color: #ffffff; width: 50px; height: 50px; display: inline-block; font-weight: 400; text-align: center; border-radius: 100%; background: #188ef4;} .round img{border-radius: 100%;} .round-lg{line-height: 65px; width: 60px; height: 60px; font-size: 30px;} .round.round-info{background: #188ef4;} .round.round-warning{background: #fec500;} .round.round-danger{background: #ff4d7e;} .round.round-success{background: #2cdd9b;} .round.round-primary{background: #316ce8;} .label{padding: 3px 15px; color: #ffffff; font-weight: 400; border-radius: 4px; font-size: 75%;} .label-rounded{border-radius: 60px;} .label-custom{background-color: #1dc8cd;} .label-success{background-color: #2cdd9b;} .label-info{background-color: #188ef4;} .label-warning{background-color: #fec500;} .label-danger{background-color: #ff4d7e;} .label-megna{background-color: #1dc8cd;} .label-primary{background-color: #316ce8;} .label-purple{background-color: #7460ee;} .label-red{background-color: #fb3a3a;} .label-inverse{background-color: #3e4555;} .label-default{background-color: #f4f8fa;} .label-white{background-color: #ffffff;} .label-light-success{background-color: #e8fdeb; color: #2cdd9b;} .label-light-info{background-color: #cfecfe; color: #188ef4;} .label-light-warning{background-color: #fff8ec; color: #fec500;} .label-light-danger{background-color: #f9e7eb; color: #ff4d7e;} .label-light-megna{background-color: #e0f2f4; color: #1dc8cd;} .label-light-primary{background-color: #f1effd; color: #316ce8;} .label-light-inverse{background-color: #f6f6f6; color: #3e4555;} .badge{font-weight: 400;} .badge-xs{font-size: 9px;} .badge-xs, .badge-sm{-webkit-transform: translate(0, -2px); -ms-transform: translate(0, -2px); -o-transform: translate(0, -2px); transform: translate(0, -2px);} .badge-success{background-color: #2cdd9b;} .badge-info{background-color: #188ef4;} .badge-primary{background-color: #316ce8;} .badge-warning{background-color: #fec500;} .badge-danger{background-color: #ff4d7e;} .badge-purple{background-color: #7460ee;} .badge-red{background-color: #fb3a3a;} .badge-inverse{background-color: #3e4555;} ul.list-style-none{margin: 0px; padding: 0px;} ul.list-style-none li{list-style: none;} ul.list-style-none li a{color: #8d97ad; padding: 8px 0px; display: block; text-decoration: none;} ul.list-style-none li a:hover{color: #316ce8;} .dropdown-item{padding: 8px 1rem; color: #8d97ad;} .btn{color: #ffffff; padding: 15px 45px; cursor: pointer; -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1); -webkit-transition: 0s; -o-transition: 0s; transition: 0s;} .btn:hover{color: #ffffff;} .btn:focus{-webkit-box-shadow: none; box-shadow: none;} .btn-link{-webkit-box-shadow: none; box-shadow: none; color: #263238; padding: 10px 15px;} .btn-link .underline{border-bottom: 1px solid #263238;} .btn-link:hover{color: #2cdd9b;} .btn-light{color: #263238;} .btn-light:hover{background: #263238; color: #ffffff; border-color: #263238;} .btn-lg, .btn-group-lg > .btn{padding: 15px 55px; font-size: 1.4rem;} .btn-md{padding: 15px 45px; font-size: 16px;} .btn-sm, .btn-group-sm > .btn{padding: .25rem 2.5rem; font-size: 12px;} .btn-xs{padding: .25rem .5rem; font-size: 10px;} .btn.rounded-circle.btn-lg, .btn-group-lg > .btn.rounded-circle, .btn-group-lg > .btn.rounded-circle{padding: 0.8rem 2.9rem;} .btn.rounded-circle{padding: 0.7rem 2.35rem;} .btn.rounded-circle.btn-sm, .btn-group-sm > .btn.rounded-circle, .btn-group-sm > .btn.rounded-circle{padding: 0.4rem 2.5rem;} .btn-circle{border-radius: 100%; width: 40px; height: 40px; padding: 10px;} .btn-circle.btn-md{padding: 18px 0px; width: 60px; height: 60px; font-size: 20px;} .btn-circle.btn-sm, .btn-group-sm > .btn-circle.btn{width: 35px; height: 35px; padding: 8px 10px; font-size: 14px;} .btn-circle.btn-lg, .btn-group-lg > .btn-circle.btn{width: 70px; height: 70px; padding: 24px 15px; font-size: 20px; line-height: 23px;} .btn-circle.btn-xl{width: 70px; height: 70inpx; padding: 14px 15px; font-size: 24px;} .btn-rounded{border-radius: 60px; -webkit-border-radius: 60px;} .arrow-btn{position: relative;} .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;} .arrow-btn:hover span, .arrow-btn:focus span{-webkit-transform: translate3d(-1rem, 0, 0); transform: translate3d(-1rem, 0, 0);} .arrow-btn i{position: absolute; width: 1.1em; right: 0px; right: 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;} .arrow-btn:hover i, .arrow-btn:focus i, .arrow-btn:hover span, .arrow-btn:focus span{opacity: 1; right: 1rem;} .btn-secondary, .btn-secondary.disabled{-webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in; background-color: #ffffff; color: #8d97ad;} .btn-secondary:hover, .btn-secondary.disabled:hover{color: #ffffff !important;} .btn-secondary.active, .btn-secondary:active, .btn-secondary:focus, .btn-secondary.disabled.active, .btn-secondary.disabled:active, .btn-secondary.disabled:focus{color: #ffffff !important; background: #263238; border-color: #263238;} .btn-primary, .btn-primary.disabled{-webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in;} .btn-themecolor, .btn-themecolor.disabled{background: #316ce8; color: #ffffff; border: 1px solid #316ce8;} .btn-themecolor:hover, .btn-themecolor.disabled:hover{background: #028ee1; border: 1px solid #028ee1;} .btn-themecolor.active, .btn-themecolor:active, .btn-themecolor:focus, .btn-themecolor.disabled.active, .btn-themecolor.disabled:active, .btn-themecolor.disabled:focus{background: #028ee1;} .btn-success, .btn-success.disabled{background: #2cdd9b; border: 1px solid #2cdd9b; color: #ffffff;} .btn-success:hover, .btn-success.disabled:hover{background: #1dc8cc; border: 1px solid #1dc8cc;} .btn-success.active, .btn-success:active, .btn-success:focus, .btn-success.disabled.active, .btn-success.disabled:active, .btn-success.disabled:focus{background: #1dc8cc;} .btn-warning, .btn-warning.disabled{background: #fec500; color: #ffffff; border: 1px solid #fec500;} .btn-warning:hover, .btn-warning.disabled:hover{background: #dcaf17; color: #ffffff; border: 1px solid #dcaf17;} .btn-warning.active, .btn-warning:active, .btn-warning:focus, .btn-warning.disabled.active, .btn-warning.disabled:active, .btn-warning.disabled:focus{background: #dcaf17; color: #ffffff;} .btn-danger, .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;} .btn-danger:hover, .btn-danger.disabled:hover{background: #d73e6b; border: 1px solid #d73e6b;} .btn-danger.active, .btn-danger:active, .btn-danger:focus, .btn-danger.disabled.active, .btn-danger.disabled:active, .btn-danger.disabled:focus{background: #d73e6b;} .btn-inverse, .btn-inverse.disabled{background: #3e4555; border: 1px solid #3e4555; color: #ffffff;} .btn-inverse:hover, .btn-inverse.disabled:hover{background: #232a37; color: #ffffff; border: 1px solid #232a37;} .btn-inverse.active, .btn-inverse:active, .btn-inverse:focus, .btn-inverse.disabled.active, .btn-inverse.disabled:active, .btn-inverse.disabled:focus{background: #232a37; color: #ffffff;} .btn-red, .btn-red.disabled{background: #fb3a3a; border: 1px solid #fb3a3a; color: #ffffff;} .btn-red:hover, .btn-red.disabled:hover{border: 1px solid #d61f1f; background: #d61f1f;} .btn-red.active, .btn-red:active, .btn-red:focus, .btn-red.disabled.active, .btn-red.disabled:active, .btn-red.disabled:focus{background: #d73e6b;} .btn-outline-secondary{background-color: #ffffff; color: #727b84; -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in;} .btn-outline-secondary.active, .btn-outline-secondary:active, .btn-outline-secondary:focus{background: #263238;} .btn-outline-primary{color: #316ce8; background-color: #ffffff; border-color: #316ce8; -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in;} .btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary.focus{background: #316ce8; color: #ffffff; border-color: #316ce8;} .btn-outline-primary.active, .btn-outline-primary:active, .btn-outline-primary:focus{background: #345bcb;} .btn-outline-success, a.btn-outline-success{color: #2cdd9b; background-color: transparent; border-color: #2cdd9b; -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in;} .btn-outline-success:hover, .btn-outline-success:focus, .btn-outline-success.focus, a.btn-outline-success:hover, a.btn-outline-success:focus, a.btn-outline-success.focus{background: #2cdd9b; border-color: #2cdd9b; color: #ffffff;} .btn-outline-success.active, .btn-outline-success:active, .btn-outline-success:focus, a.btn-outline-success.active, a.btn-outline-success:active, a.btn-outline-success:focus{background: #1dc8cc;} .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;} .btn-outline-info:hover, .btn-outline-info:focus, .btn-outline-info.focus{background: #188ef4; border-color: #188ef4; color: #ffffff;} .btn-outline-info.active, .btn-outline-info:active, .btn-outline-info:focus{background: #2c73cb;} .btn-outline-warning{color: #fec500; background-color: transparent; border-color: #fec500; -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in;} .btn-outline-warning:hover, .btn-outline-warning:focus, .btn-outline-warning.focus{background: #fec500; border-color: #fec500; color: #ffffff;} .btn-outline-warning.active, .btn-outline-warning:active, .btn-outline-warning:focus{background: #dcaf17;} .btn-outline-danger{color: #ff4d7e; background-color: transparent; border-color: #ff4d7e; -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in;} .btn-outline-danger:hover, .btn-outline-danger:focus, .btn-outline-danger.focus{background: #ff4d7e; border-color: #ff4d7e; color: #ffffff;} .btn-outline-danger.active, .btn-outline-danger:active, .btn-outline-danger:focus{background: #d73e6b;} .btn-outline-red{color: #fb3a3a; background-color: transparent; border-color: #fb3a3a;} .btn-outline-red:hover, .btn-outline-red:focus, .btn-outline-red.focus{background: #fb3a3a; border-color: #fb3a3a; color: #ffffff;} .btn-outline-red.active, .btn-outline-red:active, .btn-outline-red:focus{background: #d73e6b;} .btn-outline-inverse{color: #3e4555; background-color: transparent; border-color: #3e4555;} .btn-outline-inverse:hover, .btn-outline-inverse:focus, .btn-outline-inverse.focus{background: #3e4555; border-color: #3e4555; color: #ffffff;} .btn-outline-light:hover{color: #263238 !important;} .btn-inverse:hover, .btn-inverse:focus, .btn-inverse:active, .btn-inverse.active, .btn-inverse.focus, .btn-inverse:active, .btn-inverse:focus, .btn-inverse:hover, .open > .dropdown-toggle.btn-inverse{background-color: #232a37; border: 1px solid #232a37;} .btn-red:hover, .btn-red:focus, .btn-red:active, .btn-red.active, .btn-red.focus, .btn-red:active, .btn-red:focus, .btn-red:hover, .open > .dropdown-toggle.btn-red{background-color: #d61f1f; border: 1px solid #d61f1f; color: #ffffff;} .btn span.btn-devider{display: inline-block; padding-left: 10px;} .onoffswitch{position: relative; width: 70px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; margin: 0 auto;} .onoffswitch-checkbox{display: none;} .onoffswitch-label{display: block; overflow: hidden; cursor: pointer; border: 2px solid transparent; border-radius: 20px;} .onoffswitch-inner{display: block; width: 200%; margin-left: -100%; -webkit-transition: margin 0.3s ease-in 0s; -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;} .onoffswitch-inner:before, .onoffswitch-inner:after{display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px; font-size: 14px; color: white; -webkit-box-sizing: border-box; box-sizing: border-box;} .onoffswitch-inner:before{content: ""; padding-right: 27px; background-color: #2cdd9b; color: #FFFFFF;} .onoffswitch-inner:after{content: ""; padding-right: 24px; background-color: #3e4555; color: #999999; text-align: right;} .onoffswitch-switch{display: block; width: 23px; margin: 6px; background: #FFFFFF; height: 23px; position: absolute; top: -1px; bottom: 0; right: 35px; border-radius: 20px; -webkit-transition: all 0.3s ease-in 0s; -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s;} .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner{margin-left: 0;} .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch{right: 0px;} .card-columns{-webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px;} .card-columns .card{margin-bottom: 30px;} .invisible{visibility: hidden !important;} .hidden-xs-up{display: none !important;} @media (max-width: 575px){.hidden-xs-down{display: none !important;}} @media (min-width: 576px){.hidden-sm-up{display: none !important;}} @media (max-width: 767px){.hidden-sm-down{display: none !important;}} @media (min-width: 768px){.hidden-md-up{display: none !important;}} @media (max-width: 991px){.hidden-md-down{display: none !important;}} @media (min-width: 992px){.hidden-lg-up{display: none !important;}} @media (max-width: 1199px){.hidden-lg-down{display: none !important;}} @media (min-width: 1200px){.hidden-xl-up{display: none !important;}} .hidden-xl-down{display: none !important;} .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;} .topbar.fixed-header{-webkit-box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1); box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1); -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in; background: #188ef4;} .topbar.fixed-header .navbar .navbar-brand img{height: 50px; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0) scale(1, 1);} .header6 .navbar-brand{line-height: 80px;} .h6-nav-bar{padding: 0px;} .h6-nav-bar .navbar-nav .nav-link{padding: 35px 15px; color: rgba(255, 255, 255, 0.5);} .h6-nav-bar .navbar-nav .nav-item:hover .nav-link, .h6-nav-bar .navbar-nav .nav-item.active .nav-link{color: white;} .h6-nav-bar .act-buttons .btn{margin: 10px 0 10px 10px;} @media (max-width: 1023px){.h6-nav-bar .navbar-nav .nav-link{padding: 15px 15px;}.h6-nav-bar .act-buttons .btn{margin: 10px 0 10px 0px;}} .page-wrapper{padding-top: 0px;} #main-wrapper{overflow: hidden;} .container-fluid{padding: 0px;} .footer{padding: 20px 0; text-align: center;} .fix-width{width: 100%; max-width: 1170px; margin: 0 auto; padding: 0 15px;} .spacer{padding: 90px 0;} .mini-spacer{padding: 40px 0;} .title{margin: 20px 0 15px;} .subtitle{color: #8d97ad; line-height: 24px;} .card{border: 0px; margin-bottom: 30px;} .card.card-shadow{-webkit-box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1); box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1);} .card-group .card{border: 1px solid rgba(120, 130, 140, 0.13); margin-bottom: 30px;} .icon-space{margin: 20px 0;} .linking{color: #3e4555;} .linking i{font-size: 14px; margin-left: 10px; -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in;} .linking:hover{color: #316ce8;} .linking:hover i{margin-left: 15px;} .list-block{margin: 0px; padding: 0px;} .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;} .list-block li i{margin-right: 10px; -webkit-flex-shrink: 0px; -ms-flex-negative: 0px; flex-shrink: 0px; margin-top: 3px;} .list-block.with-underline li{border-bottom: 1px solid rgba(120, 130, 140, 0.13); padding: 15px 0;} .img-inline{margin: 0px; padding: 0px;} .img-inline li{list-style: none;} .img-inline li.half-width{width: 49%; display: inline-block; vertical-align: top;} .img-shadow{-webkit-box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.3); box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.3);} .icon-round{width: 80px; line-height: 80px; text-align: center; border-radius: 100%; display: inline-block;} .no-shrink{-webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0;} .up{z-index: 10; position: relative;} .bt-top{position: fixed; bottom: 20px; right: 20px; z-index: 100; visibility: hidden;} .both-space{margin: 80px 0;} .side-content{padding: 40px 60px;} .bg-cover{background-size: cover; min-height: 200px;} .owl-carousel{display: block; width: 100%;} .owl-carousel .owl-stage-outer{position: relative; overflow: hidden;} .owl-carousel .owl-stage{position: relative;} .owl-carousel .owl-item{float: left;} .owl-carousel .owl-nav.disabled{display: none;} .max-300{max-width: 300px;} .max-400{max-width: 400px;} .max-500{max-width: 500px;} .max-600{max-width: 600px;} .stick-bottom{position: relative; margin-bottom: 30px;} .stick-bottom > span{width: 30px; height: 2px; position: absolute; bottom: -7px; left: 0px; display: inline-block;} .po-absolute{position: absolute;} .po-relative{position: relative;} .invisible{visibility: hidden !important;} .hidden-xs-up{display: none !important;} @media (max-width: 575px){.hidden-xs-down{display: none !important;}} @media (min-width: 576px){.hidden-sm-up{display: none !important;}} @media (max-width: 767px){.hidden-sm-down{display: none !important;}} @media (min-width: 768px){.hidden-md-up{display: none !important;}} @media (max-width: 991px){.hidden-md-down{display: none !important;}} @media (min-width: 992px){.hidden-lg-up{display: none !important;}} @media (max-width: 1199px){.hidden-lg-down{display: none !important;}} @media (min-width: 1200px){.hidden-xl-up{display: none !important;}} .hidden-xl-down{display: none !important;} .navbar-nav .dropdown-toggle::after{display: none;} .navbar-nav .dropdown-menu.b-none{border: 0px; -webkit-box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1); box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1);} .navbar-nav{font-weight: 400;} .navbar-nav .dropdown-menu.b-none{border: 0px; -webkit-box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1); box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1);} .pre-scroll{position: relative;} .mega-dropdown{position: static;} .mega-dropdown .dropdown-menu{width: 100%; padding: 30px; margin-top: 0px; overflow: hidden;} .mega-dropdown .list-style-none{font-size: 14px;} .mega-dropdown .inside-bg{margin: -30px 0 -30px -30px;} .mega-dropdown .inside-bg-right{margin: -30px -30px -30px 0;} .mega-dropdown .bg-img{background-size: cover; height: 100%; padding: 30px;} .mega-dropdown h6{margin: 15px 0; font-size: 15px;} .general-listing{padding: 0px; margin: 0px;} .general-listing li{list-style: none;} .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;} .general-listing li:hover a{color: #316ce8; padding-left: 10px;} .general-listing li i{margin-right: 7px; vertical-align: middle;} .general-listing.two-part li{width: 49%; display: inline-block;} .general-listing.only-li li{padding: 5px 0;} .form-control-dark{background: rgba(120, 130, 140, 0.13); color: #ffffff; border-color: rgba(120, 130, 140, 0.13);} .form-control-dark:focus{background: rgba(120, 130, 140, 0.13); color: #ffffff;} .round-social a{width: 50px; height: 50px; line-height: 50px; text-align: center; display: inline-block; border-radius: 100%; margin: 0 5px; -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in;} .round-social a:hover{-webkit-transform: translate3d(0px, -5px, 0px); transform: translate3d(0px, -5px, 0px);} .round-social.light a{color: #263238; background: #f4f8fa;} .round-social.light a:hover{background: #263238; color: #ffffff;} .banner{position: relative; max-height: 700px; background-size: cover; background-repeat: no-repeat; background-position: center top; width: 100%; display: table;} .banner .banner-content{display: table-cell; vertical-align: middle; width: 100%;} @media (max-width: 992px){.banner{height: auto !important; padding: 100px 0;}} @media (max-width: 767px){.banner{padding: 30px 0;}} .form-control{padding: .75rem; border: 2px solid rgba(120, 130, 140, 0.13);} select.form-control:not([size]):not([multiple]){height: calc(2.25rem + 12px);} .button-group .btn{margin-bottom: 7px;} .show-grid{margin-bottom: 10px; padding: 0 15px;} .show-grid [class^=col-]{padding-top: 10px; padding-bottom: 10px; border: 1px solid rgba(120, 130, 140, 0.13); background-color: #f4f8fa;} .list-group a.list-group-item:hover{background: #f4f8fa;} .list-group-item.active, .list-group .list-group-item.active:hover{background: #316ce8; border-color: #316ce8;} .list-group-item.disabled{color: #8d97ad; background: #f4f8fa;} .media{border: 1px solid rgba(120, 130, 140, 0.13); margin-bottom: 10px; padding: 15px;} .alert-rounded{border-radius: 60px;} .progress.active .progress-bar, .progress-bar.active{-webkit-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite;} .progress-vertical{min-height: 250px; height: 250px; position: relative; display: inline-block; margin-bottom: 0; margin-right: 20px;} .progress-vertical-bottom{min-height: 250px; height: 250px; position: relative; display: inline-block; margin-bottom: 0; margin-right: 20px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);} .progress-animated{-webkit-animation-duration: 5s; -webkit-animation-name: myanimation; -webkit-transition: 5s all; animation-duration: 5s; animation-name: myanimation; -o-transition: 5s all; transition: 5s all;} @-webkit-keyframes myanimation{from{width: 0;}} @keyframes myanimation{from{width: 0;}} .vtabs{display: table;} .vtabs .tabs-vertical{width: 150px; border-bottom: 0px; border-right: 1px solid rgba(120, 130, 140, 0.13); display: table-cell; vertical-align: top;} .vtabs .tabs-vertical li .nav-link{color: #263238; margin-bottom: 10px; border: 0px; border-radius: 4px 0 0 4px;} .vtabs .tab-content{display: table-cell; padding: 20px; vertical-align: top;} .tabs-vertical li .nav-link.active, .tabs-vertical li .nav-link:hover, .tabs-vertical li .nav-link.active:focus{background: #316ce8; border: 0px; color: #ffffff;} .customvtab .tabs-vertical li .nav-link.active, .customvtab .tabs-vertical li .nav-link:hover, .customvtab .tabs-vertical li .nav-link:focus{background: #ffffff; border: 0px; border-right: 2px solid #316ce8; margin-right: -1px; color: #316ce8;} .tabcontent-border{border: 1px solid #ddd; border-top: 0px;} .customtab2 li a.nav-link{border: 0px; margin-right: 3px; color: #8d97ad;} .customtab2 li a.nav-link.active{background: #316ce8; color: #ffffff;} .customtab2 li a.nav-link:hover{color: #ffffff; background: #316ce8;} .timeline{position: relative; padding: 20px 0 20px; list-style: none; max-width: 1200px; margin: 0 auto;} .timeline:before{content: " "; position: absolute; top: 0; bottom: 0; left: 50%; width: 3px; margin-left: -1.5px; background-color: #f4f8fa;} .timeline > li{position: relative; margin-bottom: 20px;} .timeline > li:before, .timeline > li:after{content: " "; display: table;} .timeline > li:after{clear: both;} .timeline > li:before, .timeline > li:after{content: " "; display: table;} .timeline > li:after{clear: both;} .timeline > li > .timeline-panel{float: left; position: relative; width: 46%; padding: 20px; border: 1px solid rgba(120, 130, 140, 0.13); border-radius: 4px; -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.05);} .timeline > li > .timeline-panel:before{content: " "; display: inline-block; position: absolute; top: 26px; right: -8px; border-top: 8px solid transparent; border-right: 0 solid rgba(120, 130, 140, 0.13); border-bottom: 8px solid transparent; border-left: 8px solid rgba(120, 130, 140, 0.13);} .timeline > li > .timeline-panel:after{content: " "; display: inline-block; position: absolute; top: 27px; right: -7px; border-top: 7px solid transparent; border-right: 0 solid #ffffff; border-bottom: 7px solid transparent; border-left: 7px solid #ffffff;} .timeline > li > .timeline-badge{z-index: 10; position: absolute; top: 16px; left: 50%; width: 50px; height: 50px; margin-left: -25px; border-radius: 50% 50% 50% 50%; text-align: center; font-size: 1.4em; line-height: 46px; color: #fff; overflow: hidden;} .timeline > li.timeline-inverted > .timeline-panel{float: right;} .timeline > li.timeline-inverted > .timeline-panel:before{right: auto; left: -8px; border-right-width: 8px; border-left-width: 0;} .timeline > li.timeline-inverted > .timeline-panel:after{right: auto; left: -7px; border-right-width: 7px; border-left-width: 0;} .timeline-badge.primary{background-color: #316ce8;} .timeline-badge.success{background-color: #2cdd9b;} .timeline-badge.warning{background-color: #fec500;} .timeline-badge.danger{background-color: #ff4d7e;} .timeline-badge.info{background-color: #188ef4;} .timeline-title{margin-top: 0; color: inherit; font-weight: 400;} .timeline-body > p, .timeline-body > ul{margin-bottom: 0;} .timeline-body > p + p{margin-top: 5px;} ul.list-icons{margin: 0px; padding: 0px;} ul.list-icons li{list-style: none; line-height: 30px; margin: 5px 0; -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in;} ul.list-icons li a{color: #8d97ad;} ul.list-icons li a:hover{color: #316ce8;} ul.list-icons li i{font-size: 13px; padding-right: 8px;} ul.list-inline li{display: inline-block;} ul.list-inline li:first-child{padding-left: 0px;} ul.list-inline li a{color: #8d97ad;} ul.list-inline li a:hover{color: #316ce8;} ul.two-part{margin: 0px;} ul.two-part li{width: 48.8%;} html body .accordion .card{margin-bottom: 0px;} #accordion4 .card-header{border: 1px solid rgba(120, 130, 140, 0.13); background: transparent; margin-bottom: 10px;} #accordion4 .card-header a{color: #8d97ad;} #accordion4 .card-header:hover{background-color: #188ef4; border: 1px solid #188ef4;} #accordion4 .card-header:hover a{color: #ffffff;} #accordion4 .card.active .card-header{background-color: #188ef4; border: 1px solid #188ef4;} #accordion4 .card.active .card-header a{color: #ffffff;} .bc-colored .breadcrumb-item, .bc-colored .breadcrumb-item a{color: #ffffff;} .bc-colored .breadcrumb-item.active, .bc-colored .breadcrumb-item a.active{opacity: 0.7;} .bc-colored .breadcrumb-item + .breadcrumb-item::before{color: rgba(255, 255, 255, 0.4);} .breadcrumb{margin-bottom: 0px;} .card-title{font-size: 18px;} .card-subtitle{color: #8d97ad; margin-bottom: 30px; font-size: 14px;} .card-inverse .card-bodyquote .blockquote-footer, .card-inverse .card-link, .card-inverse .card-subtitle, .card-inverse .card-text{color: rgba(255, 255, 255, 0.65);} .card-default .card-header{background: #ffffff; border-bottom: 0px;} .card-success{background: #2cdd9b; border-color: #2cdd9b;} .card-danger{background: #ff4d7e; border-color: #ff4d7e;} .card-warning{background: #fec500; border-color: #fec500;} .card-info{background: #188ef4; border-color: #188ef4;} .card-primary{background: #316ce8; border-color: #316ce8;} .card-dark{background: #3e4555; border-color: #3e4555;} .card-megna{background: #1dc8cd; border-color: #1dc8cd;} .card-columns .card{margin-bottom: 20px;} .collapsing{-webkit-transition: height .08s ease; -o-transition: height .08s ease; transition: height .08s ease;} .card-info{background: #188ef4; border-color: #188ef4;} .card-primary{background: #316ce8; border-color: #316ce8;} .card-outline-info{border-color: #188ef4;} .card-outline-info .card-header{background: #188ef4; border-color: #188ef4;} .card-outline-inverse{border-color: #3e4555;} .card-outline-inverse .card-header{background: #3e4555; border-color: #3e4555;} .card-outline-warning{border-color: #fec500;} .card-outline-warning .card-header{background: #fec500; border-color: #fec500;} .card-outline-success{border-color: #2cdd9b;} .card-outline-success .card-header{background: #2cdd9b; border-color: #2cdd9b;} .card-outline-danger{border-color: #ff4d7e;} .card-outline-danger .card-header{background: #ff4d7e; border-color: #ff4d7e;} .card-outline-primary{border-color: #316ce8;} .card-outline-primary .card-header{background: #316ce8; border-color: #316ce8;} .custom-select{background: url(/website_twelve/static/src/css/../../assets/images/ui/custom-select.png) right 0.75rem center no-repeat; border: 2px solid rgba(120, 130, 140, 0.13); height: calc(2.25rem + 12px);} textarea{resize: none;} .form-control-danger, .form-control-success, .form-control-warning{padding-right: 2.25rem; background-repeat: no-repeat; background-position: center right .5625rem; -webkit-background-size: 1.125rem 1.125rem; background-size: 1.125rem 1.125rem;} .has-success .col-form-label, .has-success .custom-control, .has-success .form-check-label, .has-success .form-control-feedback, .has-success .form-control-label{color: #2cdd9b;} .has-success .form-control-success{background-image: url(/website_twelve/static/src/css/../../assets/images/ui/success.svg);} .has-success .form-control{border-color: #2cdd9b;} .has-warning .col-form-label, .has-warning .custom-control, .has-warning .form-check-label, .has-warning .form-control-feedback, .has-warning .form-control-label{color: #fec500;} .has-warning .form-control-warning{background-image: url(/website_twelve/static/src/css/../../assets/images/ui/warning.svg);} .has-warning .form-control{border-color: #fec500;} .has-danger .col-form-label, .has-danger .custom-control, .has-danger .form-check-label, .has-danger .form-control-feedback, .has-danger .form-control-label{color: #ff4d7e;} .has-danger .form-control-danger{background-image: url(/website_twelve/static/src/css/../../assets/images/ui/danger.svg);} .has-danger .form-control{border-color: #ff4d7e;} .input-group-addon [type="radio"]:not(:checked), .input-group-addon [type="radio"]:checked, .input-group-addon [type="checkbox"]:not(:checked), .input-group-addon [type="checkbox"]:checked{position: initial; opacity: 1;} .input-form .btn{padding: 14px 12px;} .form-control-sm{padding: .25rem .5rem;} .custom-modal .close-btn{position: absolute; right: 12px; top: 10px; color: #8d97ad; font-size: 25px; background: #ffffff; width: 20px; height: 20px; text-align: center; display: block; border-radius: 100%; line-height: 19px;} .custom-modal .modal-body{overflow: hidden;} .custom-modal .modal-bg-img{background-size: cover; background-position: center center; min-height: 300px;} .modal1 .modal-bg{background-size: contain; background-repeat: no-repeat; background-position: center top; padding: 40px;} .modal1 .input-group{margin-top: -45px;} .modal2 .modal-bg{padding: 30px 30px 30px 15px;} .modal3 .modal-bg{padding: 50px 40px 60px 25px;} .modal4 .modal-bg{padding: 55px 55px 55px 40px;} .header-overlay{position: absolute; width: 100%;} .dropdown-item.active, .dropdown-item:active{background-color: #316ce8;} .dropdown-submenu{position: relative;} .dropdown-submenu .dropdown-item > .ml-auto{position: absolute; right: 15px; top: 10px;} .dropdown-submenu > .dropdown-menu{top: 0; left: 100%; margin-left: 0; border-radius: 0.25rem; display: none;} .dropdown-submenu > .dropdown-menu.menu-right{left: auto; right: 100%;} .dropdown-submenu.pull-left{float: none;} .dropdown-submenu.pull-left > .dropdown-menu{left: -75%;} .dropdown-menu .divider{background-color: rgba(120, 130, 140, 0.13); height: 1px; margin: 9px 0; overflow: hidden;} .banner-innerpage{padding: 150px 0 100px; background-size: cover; background-position: center center;} .banner-innerpage .title{color: #ffffff; text-transform: uppercase; font-weight: 700; font-size: 40px; line-height: 40px;} .banner-innerpage .subtitle{color: #ffffff;} @media (max-width: 900px){.static-slider10 .title{font-size: 40px; line-height: 45px;}} .with-noborder .media{border: 0px; padding: 0px; margin: 50px 0;} .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background: #316ce8;} .footer4 .f4-bottom-bar{padding-top: 10px; margin-top: 20px;} .footer4 .f4-bottom-bar a{color: #8d97ad;} .footer4 .f4-bottom-bar a:hover{color: #188ef4;} .footer4 .round-social.light a{width: 34px; height: 34px; line-height: 34px;} .footer4 .round-social.light a:hover{background: #188ef4;} .modal-dialog{min-height: calc(100vh - 60px); 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;} @media (max-width: 768px){.modal-dialog{min-height: calc(100vh - 20px);}} .animated{-webkit-animation-duration: 0.5s; animation-duration: 0.5s;} .icon-list-demo div{cursor: pointer; line-height: 60px; white-space: nowrap;} .icon-list-demo div p{margin: 10px 0; padding: 5px 0;} .icon-list-demo div:hover{color: #263238;} .icon-list-demo div:hover i{font-size: 2em;} .icon-list-demo i{-webkit-transition: all 0.2s; -webkit-transition: font-size .2s; display: inline-block; font-size: 18px; margin: 0 15px 0 10px; text-align: left; -o-transition: all 0.2s; transition: all 0.2s; -o-transition: font-size .2s; transition: font-size .2s; vertical-align: middle; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;} .icon-list-demo .col-md-4, .icon-list-demo .col-3{border-radius: 4px;} @media (min-width: 1024px){.contact4 .contact-box{padding: 80px 105px 80px 0px;}.hover-dropdown .navbar-nav > .dropdown:hover > .dropdown-menu{display: block; margin-top: 0px;}.navbar-nav > .dropdown .dropdown-menu{min-width: 210px; margin-top: 0px;}.dropdown-submenu:hover > .dropdown-menu{display: block;}} @media (max-width: 1023px){.d-flex{display: block !important;}.d-flex.no-block{display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: -webkit-box !important; display: -webkit-flex !important; display: flex !important;}.wrap-feature30-box{left: 0; right: 0; margin: 0 auto; top: 50%;}.wrap-feature31-box .right-image, .contact4 .right-image, .form6 .right-image{position: relative; bottom: -95px;}.wrap-feature31-box .right-image img, .contact4 .right-image img, .form6 .right-image img{width: 100%;}.contact1 .detail-box{margin-top: 40px;}.contact1 .p-r-40{padding-right: 0;}.contact4 .contact-box{padding: 40px 0px 40px 0px;}.contact3 .c-detail{text-align: center;}.contact3 .c-detail .m-r-20{margin-right: 0;}.contact3 .c-detail h6{margin-top: 20px;}.contact3 .m-l-30{margin-left: 0;}.contact3 .contact-box{margin-top: 30px;}.wrap-feature34-box .left-image{position: relative; top: -90px;}.po-absolute{position: relative;}.contact2 .bg-image{margin-right: 15px; margin-left: 15px;}.topbar{background: #316ce8; position: relative;}.topbar.animated{-webkit-animation-duration: 0s; animation-duration: 0s;}.topbar.animated.slideInDown{-webkit-animation-name: none; animation-name: none;}} @media (max-width: 767px){.b-l, .b-r{border-left: 0px; border-right: 0px; border-bottom: 1px solid rgba(120, 130, 140, 0.13);}.img-inline li.half-width{width: 100%;}.both-space{margin: 10px 0;}.side-content{padding: 40px 20px;}.general-listing.two-part li{width: 100%; display: block;}.wrap-feature-12 .uneven-box{margin-top: 0px;}.wrap-feature-16 .with-text{margin-left: 0px;}.wrap-feature-18 .icon-position .icon-round{top: 157px; right: 30px;}.wrap-feature-22 .text-box, .wrap-feature23-box .text-box{padding: 20px 0px;}.wrap-feature30-box{position: relative;}.contact3 .p-l-0{padding-left: 20px;}.contact4 .contact-box{padding-left: 15px; padding-right: 15px;}.modal2 .modal-bg{padding: 30px;}.modal3 .modal-bg{padding: 50px 40px 60px;}.modal4 .modal-bg{padding: 40px;}.dropdown-submenu > .dropdown-menu.show{display: block;}} .my_section .dropdown-item{padding: 5px 5px !important;} .my_section .list-inline-item:not(:last-child){margin-right: 0px;} .my_section button{float: left; height: 25px; width: 25px; margin: 1px 1px 0 2px; border: 1px solid black; position: relative; background-size: 10px auto; z-index: 1;} 

/* /website_twelve/static/src/css/gradient.custom.web.assets_frontend.scss defined in bundle 'web.assets_frontend' */
 .info-gradiant-btn{background: #3a6ea3; background: -webkit-linear-gradient(legacy-direction(to right), #0e3f6f 0%, #0e3f6f 100%); background: -webkit-gradient(linear, left top, right top, from(#0e3f6f), to(#0e3f6f)); background: -webkit-linear-gradient(left, #0e3f6f 0%, #0e3f6f 100%); background: -o-linear-gradient(left, #0e3f6f 0%, #0e3f6f 100%); background: linear-gradient(to right, #0e3f6f 0%, #0e3f6f 100%); border: 0px; color: #ffffff;} .info-gradiant-btn:hover{background: #316ce8; background: -webkit-linear-gradient(legacy-direction(to right), #316ce8 0%, #3a6ea3 100%); background: -webkit-gradient(linear, left top, right top, from(#316ce8), to(#3a6ea3)); background: -webkit-linear-gradient(left, #316ce8 0%, #3a6ea3 100%); background: -o-linear-gradient(left, #316ce8 0%, #3a6ea3 100%); background: linear-gradient(to right, #316ce8 0%, #3a6ea3 100%);} .success-gradiant-btn{background: #2cdd9b; background: -webkit-linear-gradient(legacy-direction(to right), #2cdd9b 0%, #1dc8cc 100%); background: -webkit-gradient(linear, left top, right top, from(#2cdd9b), to(#1dc8cc)); background: -webkit-linear-gradient(left, #2cdd9b 0%, #1dc8cc 100%); background: -o-linear-gradient(left, #2cdd9b 0%, #1dc8cc 100%); background: linear-gradient(to right, #2cdd9b 0%, #1dc8cc 100%); border: 0px;} .success-gradiant-btn:hover{background: #1dc8cc; background: -webkit-linear-gradient(legacy-direction(to right), #1dc8cc 0%, #2cdd9b 100%); background: -webkit-gradient(linear, left top, right top, from(#1dc8cc), to(#2cdd9b)); background: -webkit-linear-gradient(left, #1dc8cc 0%, #2cdd9b 100%); background: -o-linear-gradient(left, #1dc8cc 0%, #2cdd9b 100%); background: linear-gradient(to right, #1dc8cc 0%, #2cdd9b 100%);} .danger-gradiant-btn{background: #ff4d7e; background: -webkit-linear-gradient(legacy-direction(to right), #0f406e 0%, #0f406e 100%); background: -webkit-gradient(linear, left top, right top, from(#0f406e), to(#0f406e)); background: -webkit-linear-gradient(left, #0f406e 0%, #0f406e 100%); background: -o-linear-gradient(left, #0f406e 0%, #0f406e 100%); background: linear-gradient(to right, #0f406e 0%, #0f406e 100%); border: 0px;} .danger-gradiant-btn:hover{background: #ff6a5b; background: -webkit-linear-gradient(legacy-direction(to right), #ff6a5b 0%, #ff4d7e 100%); background: -webkit-gradient(linear, left top, right top, from(#ff6a5b), to(#ff4d7e)); background: -webkit-linear-gradient(left, #ff6a5b 0%, #ff4d7e 100%); background: -o-linear-gradient(left, #ff6a5b 0%, #ff4d7e 100%); background: linear-gradient(to right, #ff6a5b 0%, #ff4d7e 100%);} .warm-flame-gradiant-btn{background: #ff9a9e; background: -webkit-linear-gradient(legacy-direction(to right), #ff9a9e 0%, #fad0c4 100%); background: -webkit-gradient(linear, left top, right top, from(#ff9a9e), to(#fad0c4)); background: -webkit-linear-gradient(left, #ff9a9e 0%, #fad0c4 100%); background: -o-linear-gradient(left, #ff9a9e 0%, #fad0c4 100%); background: linear-gradient(to right, #ff9a9e 0%, #fad0c4 100%); border: 0px;} .warm-flame-gradiant-btn:hover{background: #fad0c4e; background: -webkit-linear-gradient(legacy-direction(to right), #fad0c4 0%, #ff9a9e 100%); background: -webkit-gradient(linear, left top, right top, from(#fad0c4), to(#ff9a9e)); background: -webkit-linear-gradient(left, #fad0c4 0%, #ff9a9e 100%); background: -o-linear-gradient(left, #fad0c4 0%, #ff9a9e 100%); background: linear-gradient(to right, #fad0c4 0%, #ff9a9e 100%);} .night-fade-gradient-btn{background: #a18cd1; background: -webkit-linear-gradient(legacy-direction(to right), #a18cd1 0%, #fbc2eb 100%); background: -webkit-gradient(linear, left top, right top, from(#a18cd1), to(#fbc2eb)); background: -webkit-linear-gradient(left, #a18cd1 0%, #fbc2eb 100%); background: -o-linear-gradient(left, #a18cd1 0%, #fbc2eb 100%); background: linear-gradient(to right, #a18cd1 0%, #fbc2eb 100%); border: 0px;} .night-fade-gradient-btn:hover{background: #fbc2eb; background: -webkit-linear-gradient(legacy-direction(to right), #fbc2eb 0%, #a18cd1 100%); background: -webkit-gradient(linear, left top, right top, from(#fbc2eb), to(#a18cd1)); background: -webkit-linear-gradient(left, #fbc2eb 0%, #a18cd1 100%); background: -o-linear-gradient(left, #fbc2eb 0%, #a18cd1 100%); background: linear-gradient(to right, #fbc2eb 0%, #a18cd1 100%);} .spring-warmth-gradient-btn{background: #fad0c4; background: -webkit-linear-gradient(legacy-direction(to right), #fad0c4 0%, #ffd1ff 100%); background: -webkit-gradient(linear, left top, right top, from(#fad0c4), to(#ffd1ff)); background: -webkit-linear-gradient(left, #fad0c4 0%, #ffd1ff 100%); background: -o-linear-gradient(left, #fad0c4 0%, #ffd1ff 100%); background: linear-gradient(to right, #fad0c4 0%, #ffd1ff 100%); border: 0px;} .spring-warmth-gradient-btn:hover{background: #ffd1ff; background: -webkit-linear-gradient(legacy-direction(to right), #ffd1ff 0%, #fad0c4 100%); background: -webkit-gradient(linear, left top, right top, from(#ffd1ff), to(#fad0c4)); background: -webkit-linear-gradient(left, #ffd1ff 0%, #fad0c4 100%); background: -o-linear-gradient(left, #ffd1ff 0%, #fad0c4 100%); background: linear-gradient(to right, #ffd1ff 0%, #fad0c4 100%);} .juicy-peach-gradient-btn{background: #ffecd2; background: -webkit-linear-gradient(legacy-direction(to right), #ffecd2 0%, #fcb69f 100%); background: -webkit-gradient(linear, left top, right top, from(#ffecd2), to(#fcb69f)); background: -webkit-linear-gradient(left, #ffecd2 0%, #fcb69f 100%); background: -o-linear-gradient(left, #ffecd2 0%, #fcb69f 100%); background: linear-gradient(to right, #ffecd2 0%, #fcb69f 100%); border: 0px;} .juicy-peach-gradient-btn:hover{background: #fcb69f; background: -webkit-linear-gradient(legacy-direction(to right), #fcb69f 0%, #ffecd2 100%); background: -webkit-gradient(linear, left top, right top, from(#fcb69f), to(#ffecd2)); background: -webkit-linear-gradient(left, #fcb69f 0%, #ffecd2 100%); background: -o-linear-gradient(left, #fcb69f 0%, #ffecd2 100%); background: linear-gradient(to right, #fcb69f 0%, #ffecd2 100%);} .amy-crisp-gradient-btn{background: #a6c0fe; background: -webkit-linear-gradient(legacy-direction(to right), #a6c0fe 0%, #f68084 100%); background: -webkit-gradient(linear, left top, right top, from(#a6c0fe), to(#f68084)); background: -webkit-linear-gradient(left, #a6c0fe 0%, #f68084 100%); background: -o-linear-gradient(left, #a6c0fe 0%, #f68084 100%); background: linear-gradient(to right, #a6c0fe 0%, #f68084 100%); border: 0px;} .amy-crisp-gradient-btn:hover{background: #f68084; background: -webkit-linear-gradient(legacy-direction(to right), #f68084 0%, #a6c0fe 100%); background: -webkit-gradient(linear, left top, right top, from(#f68084), to(#a6c0fe)); background: -webkit-linear-gradient(left, #f68084 0%, #a6c0fe 100%); background: -o-linear-gradient(left, #f68084 0%, #a6c0fe 100%); background: linear-gradient(to right, #f68084 0%, #a6c0fe 100%);} .mean-fruit-gradient-btn{background: #fccb90; background: -webkit-linear-gradient(legacy-direction(to right), #fccb90 0%, #d57eeb 100%); background: -webkit-gradient(linear, left top, right top, from(#fccb90), to(#d57eeb)); background: -webkit-linear-gradient(left, #fccb90 0%, #d57eeb 100%); background: -o-linear-gradient(left, #fccb90 0%, #d57eeb 100%); background: linear-gradient(to right, #fccb90 0%, #d57eeb 100%); border: 0px;} .mean-fruit-gradient-btn:hover{background: #d57eeb4; background: -webkit-linear-gradient(legacy-direction(to right), #d57eeb 0%, #fccb90 100%); background: -webkit-gradient(linear, left top, right top, from(#d57eeb), to(#fccb90)); background: -webkit-linear-gradient(left, #d57eeb4 0%, #fccb90 100%); background: -o-linear-gradient(left, #d57eeb 0%, #fccb90 100%); background: linear-gradient(to right, #d57eeb 0%, #fccb90 100%);} .waves-gradient{background: #45cafc; background: -webkit-linear-gradient(legacy-direction(to right), #45cafc 0%, #303f9f 100%); background: -webkit-gradient(linear, left top, right top, from(#45cafc), to(#303f9f)); background: -webkit-linear-gradient(left, #45cafc 0%, #303f9f 100%); background: -o-linear-gradient(left, #45cafc 0%, #303f9f 100%); background: linear-gradient(to right, #45cafc 0%, #303f9f 100%); border: 0px;} .waves-gradient:hover{background: #303f9f; background: -webkit-linear-gradient(legacy-direction(to right), #303f9f 0%, #30cfd0 100%); background: -webkit-gradient(linear, left top, right top, from(#303f9f), to(#30cfd0)); background: -webkit-linear-gradient(left, #303f9f 0%, #30cfd0 100%); background: -o-linear-gradient(left, #303f9f 0%, #30cfd0 100%); background: linear-gradient(to right, #303f9f 0%, #30cfd0 100%);} .orange-gradiant-btn{background: #ffd86f; background: -webkit-linear-gradient(legacy-direction(to right), #ffd86f 0%, #fc6262 100%); background: -webkit-gradient(linear, left top, right top, from(#ffd86f), to(#fc6262)); background: -webkit-linear-gradient(left, #ffd86f 0%, #fc6262 100%); background: -o-linear-gradient(left, #ffd86f 0%, #fc6262 100%); background: linear-gradient(to right, #ffd86f 0%, #fc6262 100%); border: 0px;} .orange-gradiant-btn:hover{background: #fc6262; background: -webkit-linear-gradient(legacy-direction(to right), #fc6262 0%, #ffd86f 100%); background: -webkit-gradient(linear, left top, right top, from(#fc6262), to(#ffd86f)); background: -webkit-linear-gradient(left, #fc6262 0%, #ffd86f 100%); background: -o-linear-gradient(left, #fc6262 0%, #ffd86f 100%); background: linear-gradient(to right, #fc6262 0%, #ffd86f 100%);} .danger-gradiant-bg{background: #ff4d7e !important; background: -webkit-linear-gradient(legacy-direction(to right), #ff4d7e 0%, #ff6a5b 100%) !important; background: -webkit-gradient(linear, left top, right top, from(#ff4d7e), to(#ff6a5b)) !important; background: -webkit-linear-gradient(left, #ff4d7e 0%, #ff6a5b 100%) !important; background: -o-linear-gradient(left, #ff4d7e 0%, #ff6a5b 100%) !important; background: linear-gradient(to right, #ff4d7e 0%, #ff6a5b 100%) !important;} .success-gradiant-bg{background: #2cdd9b !important; background: -webkit-linear-gradient(legacy-direction(to right), #2cdd9b 0%, #1dc8cc 100%) !important; background: -webkit-gradient(linear, left top, right top, from(#2cdd9b), to(#1dc8cc)) !important; background: -webkit-linear-gradient(left, #2cdd9b 0%, #1dc8cc 100%) !important; background: -o-linear-gradient(left, #2cdd9b 0%, #1dc8cc 100%) !important; background: linear-gradient(to right, #2cdd9b 0%, #1dc8cc 100%) !important;} .info-gradiant-bg{background: #3a6ea3 !important; background: -webkit-linear-gradient(legacy-direction(to right), #3a6ea3 0%, #316ce8 100%) !important; background: -webkit-gradient(linear, left top, right top, from(#3a6ea3), to(#316ce8)) !important; background: -webkit-linear-gradient(left, #3a6ea3 0%, #316ce8 100%) !important; background: -o-linear-gradient(left, #3a6ea3 0%, #316ce8 100%) !important; background: linear-gradient(to right, #3a6ea3 0%, #316ce8 100%) !important; border: 0px; color: #ffffff;} .warm-flame-gradiant-bg{background: #ff9a9e !important; background: -webkit-linear-gradient(legacy-direction(to right), #ff9a9e 0%, #fad0c4 100%) !important; background: -webkit-gradient(linear, left top, right top, from(#ff9a9e), to(#fad0c4)) !important; background: -webkit-linear-gradient(left, #ff9a9e 0%, #fad0c4 100%) !important; background: -o-linear-gradient(left, #ff9a9e 0%, #fad0c4 100%) !important; background: linear-gradient(to right, #ff9a9e 0%, #fad0c4 100%) !important; border: 0px;} .night-fade-gradient-bg{background: #a18cd1 !important; background: -webkit-linear-gradient(legacy-direction(to right), #a18cd1 0%, #fbc2eb 100%) !important; background: -webkit-gradient(linear, left top, right top, from(#a18cd1), to(#fbc2eb)) !important; background: -webkit-linear-gradient(left, #a18cd1 0%, #fbc2eb 100%) !important; background: -o-linear-gradient(left, #a18cd1 0%, #fbc2eb 100%) !important; background: linear-gradient(to right, #a18cd1 0%, #fbc2eb 100%) !important;} .spring-warmth-gradient-bg{background: #fad0c4 !important; background: -webkit-linear-gradient(legacy-direction(to right), #fad0c4 0%, #ffd1ff 100%) !important; background: -webkit-gradient(linear, left top, right top, from(#fad0c4), to(#ffd1ff)) !important; background: -webkit-linear-gradient(left, #fad0c4 0%, #ffd1ff 100%) !important; background: -o-linear-gradient(left, #fad0c4 0%, #ffd1ff 100%) !important; background: linear-gradient(to right, #fad0c4 0%, #ffd1ff 100%) !important;} .juicy-peach-gradient-bg{background: #ffecd2 !important; background: -webkit-linear-gradient(legacy-direction(to right), #ffecd2 0%, #fcb69f 100%) !important; background: -webkit-gradient(linear, left top, right top, from(#ffecd2), to(#fcb69f)) !important; background: -webkit-linear-gradient(left, #ffecd2 0%, #fcb69f 100%) !important; background: -o-linear-gradient(left, #ffecd2 0%, #fcb69f 100%) !important; background: linear-gradient(to right, #ffecd2 0%, #fcb69f 100%) !important;} .amy-crisp-gradient-bg{background: #a6c0fe !important; background: -webkit-linear-gradient(legacy-direction(to right), #a6c0fe 0%, #f68084 100%) !important; background: -webkit-gradient(linear, left top, right top, from(#a6c0fe), to(#f68084)) !important; background: -webkit-linear-gradient(left, #a6c0fe 0%, #f68084 100%) !important; background: -o-linear-gradient(left, #a6c0fe 0%, #f68084 100%) !important; background: linear-gradient(to right, #a6c0fe 0%, #f68084 100%) !important;} .mean-fruit-gradient-bg{background: #fccb90 !important; background: -webkit-linear-gradient(legacy-direction(to right), #fccb90 0%, #d57eeb 100%) !important; background: -webkit-gradient(linear, left top, right top, from(#fccb90), to(#d57eeb)) !important; background: -webkit-linear-gradient(left, #fccb90 0%, #d57eeb 100%) !important; background: -o-linear-gradient(left, #fccb90 0%, #d57eeb 100%) !important; background: linear-gradient(to right, #fccb90 0%, #d57eeb 100%) !important;} .bg-waves-gradient{background: #45cafc !important; background: -webkit-linear-gradient(legacy-direction(to right), #45cafc 0%, #303f9f 100%) !important; background: -webkit-gradient(linear, left top, right top, from(#45cafc), to(#303f9f)) !important; background: -webkit-linear-gradient(left, #45cafc 0%, #303f9f 100%) !important; background: -o-linear-gradient(left, #45cafc 0%, #303f9f 100%) !important; background: linear-gradient(to right, #45cafc 0%, #303f9f 100%) !important;} .orange-gradiant-bg{background: #ffd86f !important; background: -webkit-linear-gradient(legacy-direction(to right), #ffd86f 0%, #fc6262 100%) !important; background: -webkit-gradient(linear, left top, right top, from(#ffd86f), to(#fc6262)) !important; background: -webkit-linear-gradient(left, #ffd86f 0%, #fc6262 100%) !important; background: -o-linear-gradient(left, #ffd86f 0%, #fc6262 100%) !important; background: linear-gradient(to right, #ffd86f 0%, #fc6262 100%) !important; border: 0px;} .grey-gradiant-bg{background: #bdc3c7 !important; background: -webkit-linear-gradient(legacy-direction(to right), #bdc3c7 0%, #2c3e50 100%) !important; background: -webkit-gradient(linear, left top, right top, from(#bdc3c7), to(#2c3e50)) !important; background: -webkit-linear-gradient(left, #bdc3c7 0%, #2c3e50 100%) !important; background: -o-linear-gradient(left, #bdc3c7 0%, #2c3e50 100%) !important; background: linear-gradient(to right, #bdc3c7 0%, #2c3e50 100%) !important; border: 0px;} .grey-gradient-btn{background: #bdc3c7; background: -webkit-linear-gradient(legacy-direction(to right), #bdc3c7 0%, #2c3e50 100%); background: -webkit-gradient(linear, left top, right top, from(#bdc3c7), to(#2c3e50)); background: -webkit-linear-gradient(left, #bdc3c7 0%, #2c3e50 100%); background: -o-linear-gradient(left, #bdc3c7 0%, #2c3e50 100%); background: linear-gradient(to right, #bdc3c7 0%, #2c3e50 100%); border: 0px;} .grey-gradient-btn:hover{background: #2c3e50; background: -webkit-linear-gradient(legacy-direction(to right), #2c3e50 0%, #bdc3c7 100%); background: -webkit-gradient(linear, left top, right top, from(#2c3e50), to(#bdc3c7)); background: -webkit-linear-gradient(left, #2c3e50 0%, #bdc3c7 100%); background: -o-linear-gradient(left, #2c3e50 0%, #bdc3c7 100%); background: linear-gradient(to right, #2c3e50 0%, #bdc3c7 100%);} .green-gradiant-bg{background: #02aab0 !important; background: -webkit-linear-gradient(legacy-direction(to right), #02aab0 0%, #00cdac 100%) !important; background: -webkit-gradient(linear, left top, right top, from(#02aab0), to(#00cdac)) !important; background: -webkit-linear-gradient(left, #02aab0 0%, #00cdac 100%) !important; background: -o-linear-gradient(left, #02aab0 0%, #00cdac 100%) !important; background: linear-gradient(to right, #02aab0 0%, #00cdac 100%) !important; border: 0px;} .green-gradient-btn{background: #02aab0; background: -webkit-linear-gradient(legacy-direction(to right), #02aab0 0%, #00cdac 100%); background: -webkit-gradient(linear, left top, right top, from(#02aab0), to(#00cdac)); background: -webkit-linear-gradient(left, #02aab0 0%, #00cdac 100%); background: -o-linear-gradient(left, #02aab0 0%, #00cdac 100%); background: linear-gradient(to right, #02aab0 0%, #00cdac 100%); border: 0px;} .green-gradient-btn:hover{background: #00cdac; background: -webkit-linear-gradient(legacy-direction(to right), #00cdac 0%, #02aab0 100%); background: -webkit-gradient(linear, left top, right top, from(#00cdac), to(#02aab0)); background: -webkit-linear-gradient(left, #00cdac 0%, #02aab0 100%); background: -o-linear-gradient(left, #00cdac 0%, #02aab0 100%); background: linear-gradient(to right, #00cdac 0%, #02aab0 100%);} .yellow-blue-gradiant-bg{background: #ffd89b !important; background: -webkit-linear-gradient(legacy-direction(to right), #ffd89b 0%, #19547b 100%) !important; background: -webkit-gradient(linear, left top, right top, from(#ffd89b), to(#19547b)) !important; background: -webkit-linear-gradient(left, #ffd89b 0%, #19547b 100%) !important; background: -o-linear-gradient(left, #ffd89b 0%, #19547b 100%) !important; background: linear-gradient(to right, #ffd89b 0%, #19547b 100%) !important; border: 0px;} .yellow-blue-gradient-btn{background: #ffd89b; background: -webkit-linear-gradient(legacy-direction(to right), #ffd89b 0%, #19547b 100%); background: -webkit-gradient(linear, left top, right top, from(#ffd89b), to(#19547b)); background: -webkit-linear-gradient(left, #ffd89b 0%, #19547b 100%); background: -o-linear-gradient(left, #ffd89b 0%, #19547b 100%); background: linear-gradient(to right, #ffd89b 0%, #19547b 100%); border: 0px;} .yellow-blue-gradient-btn:hover{background: #19547b; background: -webkit-linear-gradient(legacy-direction(to right), #19547b 0%, #ffd89b 100%); background: -webkit-gradient(linear, left top, right top, from(#19547b), to(#ffd89b)); background: -webkit-linear-gradient(left, #19547b 0%, #ffd89b 100%); background: -o-linear-gradient(left, #19547b 0%, #ffd89b 100%); background: linear-gradient(to right, #19547b 0%, #ffd89b 100%);} .green-blue-gradiant-bg{background: #43cea2 !important; background: -webkit-linear-gradient(legacy-direction(to right), #43cea2 0%, #185a9d 100%) !important; background: -webkit-gradient(linear, left top, right top, from(#43cea2), to(#185a9d)) !important; background: -webkit-linear-gradient(left, #43cea2 0%, #185a9d 100%) !important; background: -o-linear-gradient(left, #43cea2 0%, #185a9d 100%) !important; background: linear-gradient(to right, #43cea2 0%, #185a9d 100%) !important; border: 0px;} .green-blue-gradient-btn{background: #43cea2; background: -webkit-linear-gradient(legacy-direction(to right), #43cea2 0%, #185a9d 100%); background: -webkit-gradient(linear, left top, right top, from(#43cea2), to(#185a9d)); background: -webkit-linear-gradient(left, #43cea2 0%, #185a9d 100%); background: -o-linear-gradient(left, #43cea2 0%, #185a9d 100%); background: linear-gradient(to right, #43cea2 0%, #185a9d 100%); border: 0px;} .green-blue-gradient-btn:hover{background: #185a9d; background: -webkit-linear-gradient(legacy-direction(to right), #185a9d 0%, #43cea2 100%); background: -webkit-gradient(linear, left top, right top, from(#185a9d), to(#43cea2)); background: -webkit-linear-gradient(left, #185a9d 0%, #43cea2 100%); background: -o-linear-gradient(left, #185a9d 0%, #43cea2 100%); background: linear-gradient(to right, #185a9d 0%, #43cea2 100%);} 

/* /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-right: 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, left top, right top, from(#ff4d7e), to(#ff6a5b)); background: -webkit-linear-gradient(left, #ff4d7e 0%, #ff6a5b 100%); background: -o-linear-gradient(left, #ff4d7e 0%, #ff6a5b 100%); background: linear-gradient(to right, #ff4d7e 0%, #ff6a5b 100%); padding: 0px;} .h16-navbar .navbar .hidden-lg-up{padding: 17px; color: #ffffff; font-weight: 500; font-size: 14px; text-transform: uppercase;} .h16-navbar .navbar .navbar-nav .nav-link{padding: 18px 18px; color: #ffffff; font-weight: 400; font-size: 13px; text-transform: uppercase; margin-right: 5px;} .h16-navbar .navbar .navbar-nav .nav-item:hover .nav-link, .h16-navbar .navbar .navbar-nav .nav-item.active .nav-link{background: rgba(120, 130, 140, 0.13);} .h16-navbar .navbar .navbar-nav .search .nav-link{background: rgba(0, 0, 0, 0.05); color: #ffffff; padding: 18px 23px; -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in; margin-right: 0px;} .h16-navbar .navbar .navbar-nav .search:hover .nav-link{color: #ffffff; background: #3e4555;} .h16-navbar .navbar .navbar-nav .search .dropdown-menu{padding: 20px; min-width: 300px;} .h16-navbar .navbar .dropdown-menu{background: #ffffff; border-radius: 0 0 4px 4px; margin-top: 0px;} .h16-info-bar{padding: 15px 0px;} .h16-info-bar .donate-btn a{font-size: 13px; font-weight: 500; padding: 13px 25px; margin-left: 15px;} .h16-info-bar .nav-item .nav-link{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; padding: 0 25px;} @media (max-width: 1023px){.h16-navbar{margin-bottom: 0px;}.h16-info-bar .donate-btn a{display: block; margin-left: 0px;}.h16-info-bar .nav-item .nav-link{padding: 0 10px; margin: 10px 0;}} @-webkit-keyframes imageScaleOut{0%{transform: scale(1.3); -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform: scale(1.3);}100%{transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1);}} @keyframes imageScaleOut{0%{transform: scale(1.3); -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform: scale(1.3);}100%{transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1);}} @-webkit-keyframes fadeIn{0%{opacity: 0;}100%{opacity: 1;}} @keyframes fadeIn{0%{opacity: 0;}100%{opacity: 1;}} .slider5 .bs-slider-overlay{display: none; background-color: rgba(247, 247, 247, 0.7);} .slider5 .slide-image{animation: imageScaleOut 15s ease-in-out infinite alternate, fadeIn 0.5s ease-in-out alternate; -webkit-animation: imageScaleOut 15s ease-in-out infinite alternate, fadeIn 0.5s ease-in-out alternate; -moz-animation: imageScaleOut 15s ease-in-out infinite alternate, fadeIn 0.5s ease-in-out alternate; -o-webkit-animation: imageScaleOut 15s ease-in-out infinite alternate, fadeIn 0.5s ease-in-out alternate;} .slider5 h2{font-size: 60px; line-height: 70px; font-style: italic;} .slider5 h3{font-size: 21px;} .slider5 .carousel-indicators{bottom: 0;} .slider5 .carousel-indicators li{background-color: rgba(0, 0, 0, 0.15);} .slider5 .carousel-indicators li.active{background-color: #ff4d7e;} @media (max-width: 1280px){.slider5{overflow-y: hidden;}.slider5 .slide-image{height: 550px; width: auto !important;}} @media (max-width: 1100px){.slider5{text-shadow: 1px 1px 0 #ffffff;}.slider5 .slide-image{position: relative;}.slider5 h2{font-size: 40px;}.slider5 .promo-code{padding: 30px;}} @media (max-width: 991px){.slider5 h2{font-size: 44px;}.slider5 .promo-code{padding: 30px 50px;}.slider5 .slide-image{left: -30%;}} @media (max-width: 767px){.slider5 .slide-image{left: -10%;}.slider5 .slide-text{padding: 0 !important; width: 95% !important;}.slider5 .slide-image{height: 380px;}.slider5 .bs-slider-overlay{display: block;}.slider5 p{color: #8d97ad;}.slider5 .promo-code{padding: 10px 50px;}} @media (max-width: 428px){.slider5 h2{font-size: 33px; line-height: 34px;}.slider5 .slide-image{left: -50%;}.slider5 .promo-code{padding: 10px 20px;}} @media (max-width: 320px){.slider5 h2{font-size: 28px; line-height: 30px;}.slider5 h3{font-size: 18px;}} .gallery-box{margin-top: 60px;} .gallery-box .g-item .overlay-box{margin-bottom: 30px; position: relative;} .gallery-box .g-item .overlay-box .overlay{position: absolute; background: rgba(0, 0, 0, 0.7); -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; height: 0px; width: 100%; display: none; padding-top: 30%;} .gallery-box .g-item .overlay-box .overlay .port-text{-webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; position: absolute; top: 0px; width: 0px; text-align: center;} .gallery-box .g-item .overlay-box .overlay .port-text h5{color: #ffffff; font-size: 18px; font-weight: 500; margin-bottom: 0px;} .gallery-box .g-item .overlay-box .overlay .port-text span{color: #ffffff; font-size: 14px;} .gallery-box .g-item .overlay-box:hover .overlay{display: block; top: 0px; height: 100%;} .gallery-box .g-item .overlay-box:hover .overlay .port-text{top: 43%; width: 100%;} .testimonial9 .card{position: relative;} .testimonial9 .card .p-40::after{position: absolute; bottom: -15px; left: 20; content: ''; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 15px solid #ffffff;} .testimonial9 .owl-theme .owl-dots .owl-dot.active span, .testimonial9 .owl-theme .owl-dots .owl-dot:hover span{background: #ff4d7e;} .testimonial9 .owl-dots{position: absolute; left: -98%; top: 70%;} .testimonial9 .devider{height: 2px; width: 40px; display: inline-block; margin: 22px 0;} .testimonial9 h5.text{line-height: 30px; font-weight: 300;} .testimonial9 .customer-thumb img{width: 60px; margin-right: 20px;} .testimonial9 .d-flex{margin-left: 25px;} @media (max-width: 767px){.testimonial9 .owl-dots{position: relative; top: 0px; left: 0px;}} .feature14 .video-img{cursor: pointer;} .client2{padding: 0px 0px 50px 0px;} .client2 .client-box{margin: 0px;} .client2 .client-box [class*="col-"]{padding-top: 10px; padding-bottom: 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;} .wrap-feature23-box{background-position: center center; background-repeat: no-repeat; padding: 180px 0;} .wrap-feature23-box .text-box{padding: 30px 20px;} .wrap-feature-28 .side-content{max-width: 580px;} @-webkit-keyframes imagescale{0%{transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1);}100%{transform: scale(1.3); -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform: scale(1.3);}} @keyframes imagescale{0%{transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1);}100%{transform: scale(1.3); -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform: scale(1.3);}} .slider7 .bs-slider, .slider7 .carousel-item{max-height: 700px;} .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);}}