.o_ace_view_editor .btn.btn-secondary:not(.o_btn_preview):hover{color: #212529; background-color: #e9e9e9; border-color: #e3e3e3;} .o_ace_view_editor .btn.btn-secondary:not(.o_btn_preview):focus, .o_ace_view_editor .btn.btn-secondary.focus:not(.o_btn_preview){box-shadow: 0 0 0 0.2rem rgba(252, 252, 252, 0.5);} .o_ace_view_editor .btn.btn-secondary.disabled:not(.o_btn_preview), .o_ace_view_editor .btn.btn-secondary:not(.o_btn_preview):disabled{color: #212529; background-color: #fcfcfc; border-color: #fcfcfc;} .o_ace_view_editor .btn.btn-secondary:not(.o_btn_preview):not(:disabled):not(.disabled):active, .o_ace_view_editor .btn.btn-secondary.active:not(.o_btn_preview):not(:disabled):not(.disabled), .show > .o_ace_view_editor .btn.btn-secondary.dropdown-toggle:not(.o_btn_preview){color: #212529; background-color: #e3e3e3; border-color: gainsboro;} .o_ace_view_editor .btn.btn-secondary:not(.o_btn_preview):not(:disabled):not(.disabled):active:focus, .o_ace_view_editor .btn.btn-secondary.active:not(.o_btn_preview):not(:disabled):not(.disabled):focus, .show > .o_ace_view_editor .btn.btn-secondary.dropdown-toggle:not(.o_btn_preview):focus{box-shadow: 0 0 0 0.2rem rgba(252, 252, 252, 0.5);} .o_ace_view_editor .btn.btn-link:not(.o_btn_preview){color: #212529; background-color: #fcfcfc; border-color: #fcfcfc; color: #7C7BAD;} .o_ace_view_editor .btn.btn-link:not(.o_btn_preview):hover{color: #212529; background-color: #e9e9e9; border-color: #e3e3e3;} .o_ace_view_editor .btn.btn-link:not(.o_btn_preview):focus, .o_ace_view_editor .btn.btn-link.focus:not(.o_btn_preview){box-shadow: 0 0 0 0.2rem rgba(252, 252, 252, 0.5);} .o_ace_view_editor .btn.btn-link.disabled:not(.o_btn_preview), .o_ace_view_editor .btn.btn-link:not(.o_btn_preview):disabled{color: #212529; background-color: #fcfcfc; border-color: #fcfcfc;} .o_ace_view_editor .btn.btn-link:not(.o_btn_preview):not(:disabled):not(.disabled):active, .o_ace_view_editor .btn.btn-link.active:not(.o_btn_preview):not(:disabled):not(.disabled), .show > .o_ace_view_editor .btn.btn-link.dropdown-toggle:not(.o_btn_preview){color: #212529; background-color: #e3e3e3; border-color: gainsboro;} .o_ace_view_editor .btn.btn-link:not(.o_btn_preview):not(:disabled):not(.disabled):active:focus, .o_ace_view_editor .btn.btn-link.active:not(.o_btn_preview):not(:disabled):not(.disabled):focus, .show > .o_ace_view_editor .btn.btn-link.dropdown-toggle:not(.o_btn_preview):focus{box-shadow: 0 0 0 0.2rem rgba(252, 252, 252, 0.5);} .o_ace_view_editor .btn.btn-success:not(.o_btn_preview){color: #FFFFFF; background-color: #40ad67; border-color: #40ad67;} .o_ace_view_editor .btn.btn-success:not(.o_btn_preview):hover{color: #FFFFFF; background-color: #369156; border-color: #328851;} .o_ace_view_editor .btn.btn-success:not(.o_btn_preview):focus, .o_ace_view_editor .btn.btn-success.focus:not(.o_btn_preview){box-shadow: 0 0 0 0.2rem rgba(64, 173, 103, 0.5);} .o_ace_view_editor .btn.btn-success.disabled:not(.o_btn_preview), .o_ace_view_editor .btn.btn-success:not(.o_btn_preview):disabled{color: #FFFFFF; background-color: #40ad67; border-color: #40ad67;} .o_ace_view_editor .btn.btn-success:not(.o_btn_preview):not(:disabled):not(.disabled):active, .o_ace_view_editor .btn.btn-success.active:not(.o_btn_preview):not(:disabled):not(.disabled), .show > .o_ace_view_editor .btn.btn-success.dropdown-toggle:not(.o_btn_preview){color: #FFFFFF; background-color: #328851; border-color: #2f7e4b;} .o_ace_view_editor .btn.btn-success:not(.o_btn_preview):not(:disabled):not(.disabled):active:focus, .o_ace_view_editor .btn.btn-success.active:not(.o_btn_preview):not(:disabled):not(.disabled):focus, .show > .o_ace_view_editor .btn.btn-success.dropdown-toggle:not(.o_btn_preview):focus{box-shadow: 0 0 0 0.2rem rgba(64, 173, 103, 0.5);} .o_ace_view_editor .btn.btn-info:not(.o_btn_preview){color: #FFFFFF; background-color: #6999a8; border-color: #6999a8;} .o_ace_view_editor .btn.btn-info:not(.o_btn_preview):hover{color: #FFFFFF; background-color: #568695; border-color: #517e8d;} .o_ace_view_editor .btn.btn-info:not(.o_btn_preview):focus, .o_ace_view_editor .btn.btn-info.focus:not(.o_btn_preview){box-shadow: 0 0 0 0.2rem rgba(105, 153, 168, 0.5);} .o_ace_view_editor .btn.btn-info.disabled:not(.o_btn_preview), .o_ace_view_editor .btn.btn-info:not(.o_btn_preview):disabled{color: #FFFFFF; background-color: #6999a8; border-color: #6999a8;} .o_ace_view_editor .btn.btn-info:not(.o_btn_preview):not(:disabled):not(.disabled):active, .o_ace_view_editor .btn.btn-info.active:not(.o_btn_preview):not(:disabled):not(.disabled), .show > .o_ace_view_editor .btn.btn-info.dropdown-toggle:not(.o_btn_preview){color: #FFFFFF; background-color: #517e8d; border-color: #4d7784;} .o_ace_view_editor .btn.btn-info:not(.o_btn_preview):not(:disabled):not(.disabled):active:focus, .o_ace_view_editor .btn.btn-info.active:not(.o_btn_preview):not(:disabled):not(.disabled):focus, .show > .o_ace_view_editor .btn.btn-info.dropdown-toggle:not(.o_btn_preview):focus{box-shadow: 0 0 0 0.2rem rgba(105, 153, 168, 0.5);} .o_ace_view_editor .btn.btn-warning:not(.o_btn_preview){color: #212529; background-color: #f0ad4e; border-color: #f0ad4e;} .o_ace_view_editor .btn.btn-warning:not(.o_btn_preview):hover{color: #212529; background-color: #ed9d2b; border-color: #ec971f;} .o_ace_view_editor .btn.btn-warning:not(.o_btn_preview):focus, .o_ace_view_editor .btn.btn-warning.focus:not(.o_btn_preview){box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5);} .o_ace_view_editor .btn.btn-warning.disabled:not(.o_btn_preview), .o_ace_view_editor .btn.btn-warning:not(.o_btn_preview):disabled{color: #212529; background-color: #f0ad4e; border-color: #f0ad4e;} .o_ace_view_editor .btn.btn-warning:not(.o_btn_preview):not(:disabled):not(.disabled):active, .o_ace_view_editor .btn.btn-warning.active:not(.o_btn_preview):not(:disabled):not(.disabled), .show > .o_ace_view_editor .btn.btn-warning.dropdown-toggle:not(.o_btn_preview){color: #212529; background-color: #ec971f; border-color: #ea9214;} .o_ace_view_editor .btn.btn-warning:not(.o_btn_preview):not(:disabled):not(.disabled):active:focus, .o_ace_view_editor .btn.btn-warning.active:not(.o_btn_preview):not(:disabled):not(.disabled):focus, .show > .o_ace_view_editor .btn.btn-warning.dropdown-toggle:not(.o_btn_preview):focus{box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5);} .o_ace_view_editor .btn.btn-danger:not(.o_btn_preview){color: #FFFFFF; background-color: #e6586c; border-color: #e6586c;} .o_ace_view_editor .btn.btn-danger:not(.o_btn_preview):hover{color: #FFFFFF; background-color: #e1374f; border-color: #df2c45;} .o_ace_view_editor .btn.btn-danger:not(.o_btn_preview):focus, .o_ace_view_editor .btn.btn-danger.focus:not(.o_btn_preview){box-shadow: 0 0 0 0.2rem rgba(230, 88, 108, 0.5);} .o_ace_view_editor .btn.btn-danger.disabled:not(.o_btn_preview), .o_ace_view_editor .btn.btn-danger:not(.o_btn_preview):disabled{color: #FFFFFF; background-color: #e6586c; border-color: #e6586c;} .o_ace_view_editor .btn.btn-danger:not(.o_btn_preview):not(:disabled):not(.disabled):active, .o_ace_view_editor .btn.btn-danger.active:not(.o_btn_preview):not(:disabled):not(.disabled), .show > .o_ace_view_editor .btn.btn-danger.dropdown-toggle:not(.o_btn_preview){color: #FFFFFF; background-color: #df2c45; border-color: #dd213c;} .o_ace_view_editor .btn.btn-danger:not(.o_btn_preview):not(:disabled):not(.disabled):active:focus, .o_ace_view_editor .btn.btn-danger.active:not(.o_btn_preview):not(:disabled):not(.disabled):focus, .show > .o_ace_view_editor .btn.btn-danger.dropdown-toggle:not(.o_btn_preview):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: #7C7BAD; color: white;} #list_website_pages td, #list_website_pages th{padding: 0.45rem;} #list_website_pages td > a.fa{margin-left: 5px; color: #7C7BAD;} #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_mail/static/src/css/website_mail.scss defined in bundle 'web.assets_frontend' */
 .js_follow[data-follow='on'] .js_follow_btn, .js_follow[data-follow='off'] .js_unfollow_btn{display: none;} 

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

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

/* /sh_all_in_one_snippets/static/src/scss/snippet.scss defined in bundle 'web.assets_frontend' */
 #sh_all_in_one_snippet_1{padding: 50px 0;} #sh_all_in_one_snippet_1 .sh_title{text-align: center; max-width: 50%; margin: auto; margin-bottom: 50px;} #sh_all_in_one_snippet_1 .sh_title h5{text-decoration: underline; position: relative; margin-bottom: 15px; font-size: 18px; line-height: 24px; color: #00A09D; font-weight: 600;} #sh_all_in_one_snippet_1 .sh_title h5:before{position: absolute; content: ""; height: 50px; width: 50px; left: 0; right: -10px; opacity: 0.1; margin: 0 auto; background: #999; top: -25px; z-index: 0; animation: heartbeat 1s infinite alternate;} #sh_all_in_one_snippet_1 .sh_title h5:after{position: absolute; content: ""; background: #00A09D; height: 50px; width: 50px; opacity: 0.15; margin: 0 auto; left: -15px; right: 0; top: -15px; animation: heartbeat 1.2s infinite alternate;} #sh_all_in_one_snippet_1 .sh_title h2{font-size: 36px; line-height: 40px; font-weight: 800; margin: 0; color: #333;} @keyframes heartbeat{0%{transform: scale(0.85);}50%{transform: scale(1);}100%{transform: scale(0.85);}} #sh_all_in_one_snippet_1 .sh_content{text-align: center; background: #fff; padding: 40px 20px; position: relative; overflow: hidden; margin-bottom: 30px; border: 1px solid #6dfffc;} #sh_all_in_one_snippet_1 .sh_content span{color: #00A09D; font-size: 50px; line-height: 50px; display: block; vertical-align: middle; position: relative; z-index: 2;} #sh_all_in_one_snippet_1 .sh_content h4{font-size: 22px; line-height: 32px; margin-top: 30px; margin-bottom: 15px; font-weight: 700; text-transform: capitalize; position: relative; z-index: 2;} #sh_all_in_one_snippet_1 .sh_content p{margin: 0; line-height: 1.8em; font-size: 16px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; position: relative; z-index: 2;} #sh_all_in_one_snippet_1 .sh_content:before{position: absolute; background: #00A09D; width: 64px; height: 52px; right: 0; content: ""; bottom: 0; opacity: 0.15; transition: all 200ms ease-out 0s; z-index: 0;} #sh_all_in_one_snippet_1 .sh_content:hover:before{background: #00A09D; width: 100%; height: 100%; right: 0; bottom: 0; content: ""; border-radius: 0px; opacity: 1; animation: none;} #sh_all_in_one_snippet_1 .sh_content:hover span{color: #fff;} #sh_all_in_one_snippet_1 .sh_content:hover h4{color: #fff;} #sh_all_in_one_snippet_1 .sh_content:hover p{color: #fff;} @media (max-width: 768px){#sh_all_in_one_snippet_1 .sh_title{max-width: 100%;}} @media (max-width: 576px){#sh_all_in_one_snippet_1 .sh_title h2{font-size: 22px; line-height: 30px;}} #sh_all_in_one_snippet_2{background: #f6f6f6; padding: 50px 0;} #sh_all_in_one_snippet_2 .sh_title{text-align: center; margin-bottom: 50px;} #sh_all_in_one_snippet_2 .sh_title h5{background: #00A09D; display: inline-block; color: #fff; font-weight: 700; line-height: 1; padding: 5px 8px; position: relative;} #sh_all_in_one_snippet_2 .sh_title h2{font-size: 60px; font-weight: 700; color: #333; z-index: 1; position: relative; margin-bottom: 10px;} #sh_all_in_one_snippet_2 .sh_icon_text{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center;} #sh_all_in_one_snippet_2 .sh_icon_text .sh_icon{font-size: 60px; line-height: 1; color: #00A09D;} #sh_all_in_one_snippet_2 .sh_icon_text .sh_heading{padding-left: 25px;} #sh_all_in_one_snippet_2 .sh_icon_text .sh_heading h4{font-size: 18px; color: #333333; font-weight: 700; line-height: 22px; margin: 0;} #sh_all_in_one_snippet_2 .sh_content .sh_text{position: relative; margin-top: 25px; color: #777; padding-left: 20px;} #sh_all_in_one_snippet_2 .sh_content .sh_text:before{content: ""; position: absolute; width: 2px; height: 100%; top: 0; left: -1px; background: #f0f4f8; transition: all 0.3s linear;} #sh_all_in_one_snippet_2 .sh_content .sh_text:after{content: ""; position: absolute; width: 2px; height: 0; top: 0; left: -1px; background: #00A09D; transition: all 0.3s linear;} #sh_all_in_one_snippet_2 .sh_content .sh_text p{margin: 0; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;} #sh_all_in_one_snippet_2 .sh_content{padding: 40px; background: #fff; margin-bottom: 30px; transition: all 300ms linear 0ms;} #sh_all_in_one_snippet_2 .sh_content:hover{transform: translate(0, -10px); box-shadow: 0 5px 83px rgba(11, 38, 83, 0.08);} #sh_all_in_one_snippet_2 .sh_content:hover .sh_text:after{height: 100%;} @media (min-width: 768px) and (max-width: 991px){#sh_all_in_one_snippet_2 .sh_icon_text .sh_icon{font-size: 40px;}#sh_all_in_one_snippet_2 .sh_content{padding: 20px;}} @media (max-width: 576px){#sh_all_in_one_snippet_2 .sh_title h2{font-size: 40px;}} #sh_all_in_one_snippet_3{padding: 50px 0;} #sh_all_in_one_snippet_3 .sh_title{text-align: center; max-width: 60%; margin: auto; margin-bottom: 50px;} #sh_all_in_one_snippet_3 .sh_title h5{font-size: 16px; line-height: 20px; text-transform: uppercase; color: #00A09D; margin-bottom: 15px; font-weight: 600; padding-bottom: 15px; position: relative;} #sh_all_in_one_snippet_3 .sh_title p{color: #616161; line-height: 1.875; margin-bottom: 0;} #sh_all_in_one_snippet_3 .sh_title h5:after{content: ''; position: absolute; bottom: 0; background: #00A09D; width: 30px; height: 2px; left: 50%; transform: translateX(-50%);} #sh_all_in_one_snippet_3 .sh_content{border: 1px solid #e6e6e6; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1); text-align: center; padding: 40px; overflow: hidden; min-height: 216px; background: #fff;} #sh_all_in_one_snippet_3 .sh_content .sh_icon{margin-bottom: 16px; transition: .4s;} #sh_all_in_one_snippet_3 .sh_content .sh_icon span{font-size: 52px; color: #00A09D;} #sh_all_in_one_snippet_3 .sh_content h4{font-size: 20px; font-weight: 700; color: #232323; line-height: 36px; margin-bottom: 0;} #sh_all_in_one_snippet_3 .sh_content .sh_text{opacity: 0; transition: .4s; margin-bottom: -30%;} #sh_all_in_one_snippet_3 .sh_content .sh_hover{transition: all .4s;} #sh_all_in_one_snippet_3 .sh_content:hover .sh_text{opacity: 1;} #sh_all_in_one_snippet_3 .sh_content:hover .sh_hover{transform: translateY(-35%);} #sh_all_in_one_snippet_3 .sh_content:hover .sh_icon{opacity: 0;} #sh_all_in_one_snippet_3 .sh_content .sh_text p{color: #616161; margin-top: 10px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 0;} #sh_all_in_one_snippet_3.sh_disable_hover_cls .sh_content:hover .sh_hover{transform: translateY(0%);} #sh_all_in_one_snippet_3.sh_disable_hover_cls .sh_content:hover .sh_icon{opacity: 1;} #sh_all_in_one_snippet_3.sh_disable_hover_cls .sh_content:hover .sh_text{opacity: 0;} @media (max-width: 991px){#sh_all_in_one_snippet_3 .sh_content h4{line-height: normal;}} @media (max-width: 768px){#sh_all_in_one_snippet_3 .sh_content{margin-bottom: 20px;}#sh_all_in_one_snippet_3 .sh_title{max-width: 100%;}} #sh_all_in_one_snippet_4{padding: 50px 0;} #sh_all_in_one_snippet_4 .sh_title{text-align: center; max-width: 70%; margin: auto; margin-bottom: 50px;} #sh_all_in_one_snippet_4 .sh_title h5{display: block; margin-bottom: 12px; color: #00A09D; font-weight: 600; text-transform: capitalize;} #sh_all_in_one_snippet_4 .sh_title h2{color: #000219; font-weight: 800; font-size: 40px; margin-bottom: 15px; position: relative; line-height: 1.4;} #sh_all_in_one_snippet_4 .sh_content{padding: 30px; margin-bottom: 30px; box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05); transition: all ease .5s; background-color: #fff; position: relative; overflow: hidden;} #sh_all_in_one_snippet_4 .sh_content .sh_icon_content{position: relative; margin-bottom: 28px;} #sh_all_in_one_snippet_4 .sh_content .sh_icon_content span{position: absolute; top: 0; font-size: 50px; line-height: 1; color: #00A09D; transition: all ease .5s;} #sh_all_in_one_snippet_4 .sh_content .sh_icon_content h4{font-size: 20px; line-height: 1.4; transition: all ease .5s; padding-left: 65px; padding-top: 12px; color: #000219; font-weight: 800;} #sh_all_in_one_snippet_4 .sh_content p{font-size: 16px; margin-bottom: 0; line-height: 1.8; font-weight: 500; color: #777;} #sh_all_in_one_snippet_4 .sh_content:after{content: ""; position: absolute; bottom: -100%; left: 0; width: 2px; height: 100%; background: -webkit-gradient(linear, left top, left bottom, from(#00A09D), to(transparent)); transition: all ease .5s; opacity: 0;} #sh_all_in_one_snippet_4 .sh_content:before{content: ""; position: absolute; top: -100%; right: 0; width: 2px; height: 100%; background: -webkit-gradient(linear, left bottom, left top, from(#00A09D), to(transparent)); transition: all ease .5s; opacity: 0;} #sh_all_in_one_snippet_4 .sh_content:hover:after{bottom: 30px; opacity: 1;} #sh_all_in_one_snippet_4 .sh_content:hover:before{top: 30px; opacity: 1;} @media (max-width: 991px) and (min-width: 768px){#sh_all_in_one_snippet_4 .sh_content{padding: 20px;}#sh_all_in_one_snippet_4 .sh_content .sh_icon_content span{font-size: 35px;}#sh_all_in_one_snippet_4 .sh_content .sh_icon_content h4{padding-left: 40px; padding-top: 0;}} @media (max-width: 991px){#sh_all_in_one_snippet_4 .sh_title h2{font-size: 32px; line-height: normal;}} @media (max-width: 768px){#sh_all_in_one_snippet_4 .sh_title{max-width: 100%;}} @media (max-width: 576px){#sh_all_in_one_snippet_4 .sh_title h2{font-size: 22px;}} #sh_all_in_one_snippet_5{background: #f5f5f5; padding: 50px 0;} #sh_all_in_one_snippet_5 .sh_title{text-align: center; margin-bottom: 50px;} #sh_all_in_one_snippet_5 .sh_title span{font-size: 14px; font-weight: 500; margin-bottom: 5px; color: #00A09D; text-transform: uppercase;} #sh_all_in_one_snippet_5 .sh_title h2{font-weight: 600; text-transform: uppercase; font-size: 30px; color: #333; position: relative;} #sh_all_in_one_snippet_5 .sh_title h2:before{bottom: -20px; content: ""; height: 3px; left: 50%; position: absolute; width: 50px; background: #00A09D; transform: translateX(-50%);} #sh_all_in_one_snippet_5 .sh_title p{width: 60%; margin: auto; margin-top: 40px;} #sh_all_in_one_snippet_5 .sh_content{width: 100%; position: relative; display: block; cursor: pointer; z-index: 1; margin: 15px 0; padding: 25px 20px; transition: all .4s; text-align: center;} #sh_all_in_one_snippet_5 .sh_content .sh_icon span{font-size: 54px; color: #333; transition: all .4s;} #sh_all_in_one_snippet_5 .sh_content .sh_text{margin-left: 0px;} #sh_all_in_one_snippet_5 .sh_content .sh_text h3{color: #333; font-weight: bold; margin-top: 10px; font-size: 24px; transition: all .4s;} #sh_all_in_one_snippet_5 .sh_content .sh_text p{font-size: 14px; line-height: 1.8; color: #5a5a5a; margin-bottom: 10px;} #sh_all_in_one_snippet_5 .sh_content .sh_text a{padding: 0; text-transform: capitalize; transition: all .4s; box-shadow: none;} #sh_all_in_one_snippet_5 .sh_content:before{content: ""; position: absolute; height: 100%; width: 0; top: 0; left: 0; z-index: -1; transition: ease-out 0.4s; background: #fff;} #sh_all_in_one_snippet_5 .sh_content:hover:before{width: 100%;} #sh_all_in_one_snippet_5 .sh_content:hover .sh_icon span{color: #00A09D;} #sh_all_in_one_snippet_5 .sh_content:hover .sh_text h3{color: #00A09D;} #sh_all_in_one_snippet_5 .sh_content:hover .sh_text a{color: #00A09D;} @media (min-width: 768px) and (max-width: 991px){#sh_all_in_one_snippet_5 .sh_content{padding: 15px;}#sh_all_in_one_snippet_5 .sh_content .sh_icon span{font-size: 38px;}#sh_all_in_one_snippet_5 .sh_content .sh_text h3{margin-top: 0;}} @media (max-width: 768px){#sh_all_in_one_snippet_5 .sh_title p{width: 100%;}} #sh_all_in_one_snippet_6{padding: 50px 0;} #sh_all_in_one_snippet_6 .sh_left_part{position: relative; overflow: hidden; transition: all .4s;} #sh_all_in_one_snippet_6 .sh_left_part .sh_img img{width: 100%; transition: all .4s; max-height: 405px; object-fit: cover;} #sh_all_in_one_snippet_6 .sh_left_part .sh_des{position: absolute; top: 10%; left: 10%;} #sh_all_in_one_snippet_6 .sh_left_part .sh_des p{color: #fff; font-size: 16px; margin-bottom: 10px;} #sh_all_in_one_snippet_6 .sh_left_part .sh_des h2{background-image: linear-gradient(to right, #000 0, #000 100%); background-repeat: no-repeat; background-size: 0 100%; transition: background .5s; color: #fff; font-size: 40px; letter-spacing: -1px; font-weight: 700; margin-bottom: 10px !important; display: inline;} #sh_all_in_one_snippet_6 .sh_left_part .sh_des h4{color: #fff; font-size: 18px; margin-bottom: 25px; margin-top: 25px;} #sh_all_in_one_snippet_6 .sh_left_part .sh_des a{background: #00A09D; padding: 7px 20px; border-radius: 0; text-transform: capitalize; color: #fff;} #sh_all_in_one_snippet_6 .sh_top_content{position: relative; transition: all .4s; overflow: hidden;} #sh_all_in_one_snippet_6 .sh_top_content .sh_img img{width: 100%; transition: all .4s; height: 188px; object-fit: cover;} #sh_all_in_one_snippet_6 .sh_top_content .sh_des{position: absolute; top: 50%; left: 7%; transform: translateY(-50%);} #sh_all_in_one_snippet_6 .sh_top_content .sh_des h4{font-size: 24px; font-weight: 500; background-image: linear-gradient(to right, #000 0, #000 100%); background-repeat: no-repeat; background-size: 0 100%; transition: background .5s; text-transform: capitalize; margin-bottom: 10px; display: inline;} #sh_all_in_one_snippet_6 .sh_top_content .sh_des a{padding: 0; text-transform: capitalize; text-decoration: underline; display: block; padding-top: 10px; text-align: left; text-decoration: none;} #sh_all_in_one_snippet_6 .sh_top_content.sh_bottom{margin-top: 28px;} #sh_all_in_one_snippet_6 .sh_left_part:hover .sh_img img{transform: scale(1.1);} #sh_all_in_one_snippet_6 .sh_top_content:hover .sh_img img{transform: scale(1.1);} #sh_all_in_one_snippet_6 .sh_left_part:hover .sh_des h2{background-size: 100% 100%;} #sh_all_in_one_snippet_6 .sh_top_content:hover .sh_des h4{background-size: 100% 100%; color: #fff;} #sh_all_in_one_snippet_6 .sh_top_content .sh_des a:focus{box-shadow: none;} @media (max-width: 991px){#sh_all_in_one_snippet_6 .sh_top_content{width: 49%; display: inline-block; float: left; margin-top: 20px;}#sh_all_in_one_snippet_6 .sh_top_content.sh_bottom{margin-top: 20px; float: right;}} @media (min-width: 768px) and (max-width: 991px){#sh_all_in_one_snippet_6 .sh_top_content .sh_des h4{font-size: 22px;}} @media (max-width: 576px){#sh_all_in_one_snippet_6 .sh_left_part .sh_des{left: 5%;}#sh_all_in_one_snippet_6 .sh_left_part .sh_des p{font-size: 14px;}#sh_all_in_one_snippet_6 .sh_left_part .sh_des h2{font-size: 22px;}#sh_all_in_one_snippet_6 .sh_left_part .sh_des h4{font-size: 14px; margin-bottom: 5px; margin-top: 5px;}#sh_all_in_one_snippet_6 .sh_top_content{width: 100%; display: inline-block; float: none;}#sh_all_in_one_snippet_6 .sh_top_content .sh_des h4{font-size: 22px;}#sh_all_in_one_snippet_6 .sh_top_content.sh_bottom{margin-top: 10px;}} #sh_all_in_one_snippet_7{padding: 50px 0;} #sh_all_in_one_snippet_7 .sh_left_content .sh_img{position: relative;} #sh_all_in_one_snippet_7 .sh_left_content .sh_img img{width: 100%; height: 255px; object-fit: cover;} #sh_all_in_one_snippet_7 .sh_left_content .sh_img:after{content: ''; border-right: 1px solid rgba(255, 255, 255, 0.8); border-left: 1px solid rgba(255, 255, 255, 0.8); position: absolute; top: 30px; left: 30px; bottom: 30px; right: 30px; opacity: 0; z-index: 2; transform: scale(1, 0); transform-origin: 100% 0; pointer-events: none; transition: all .6s ease-in-out 0s;} #sh_all_in_one_snippet_7 .sh_left_content .sh_img:before{content: ''; border-top: 1px solid rgba(255, 255, 255, 0.8); border-bottom: 1px solid rgba(255, 255, 255, 0.8); position: absolute; top: 30px; left: 30px; bottom: 30px; right: 30px; opacity: 0; z-index: 2; transition: all .6s ease-in-out 0s; transform-origin: 0 0; pointer-events: none;} #sh_all_in_one_snippet_7 .sh_left_content:hover .sh_img:after, #sh_all_in_one_snippet_7 .sh_left_content:hover .sh_img:before{transform: scale(1); opacity: 1;} #sh_all_in_one_snippet_7 .sh_left_content{position: relative; transition: all .4s;} #sh_all_in_one_snippet_7 .sh_left_content .sh_btn{position: absolute; right: 30px; bottom: 30px; z-index: 2;} #sh_all_in_one_snippet_7 .sh_left_content .sh_btn a{color: #2c2c2c; background-color: #fff; font-size: 32px; border-radius: 0; transition: all .4s;} #sh_all_in_one_snippet_7 .sh_left_content:before{content: ''; background: rgba(44, 44, 44, 0.5); width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; z-index: 1; transition: all .6s ease-in-out 0s; pointer-events: none;} #sh_all_in_one_snippet_7 .sh_left_content:hover:before{opacity: 1;} #sh_all_in_one_snippet_7 .sh_left_content .sh_btn a:hover{background: #333; color: #fff;} #sh_all_in_one_snippet_7 .sh_right_content{position: relative; transition: all .4s;} #sh_all_in_one_snippet_7 .sh_right_content img{width: 100%; height: 255px; object-fit: cover;} #sh_all_in_one_snippet_7 .sh_right_content .sh_img:after{content: ''; border-right: 1px solid rgba(255, 255, 255, 0.8); border-left: 1px solid rgba(255, 255, 255, 0.8); position: absolute; top: 30px; left: 30px; bottom: 30px; right: 30px; opacity: 0; z-index: 2; transform: scale(1, 0); transform-origin: 100% 0; pointer-events: none; transition: all .6s ease-in-out 0s;} #sh_all_in_one_snippet_7 .sh_right_content .sh_img:before{content: ''; border-top: 1px solid rgba(255, 255, 255, 0.8); border-bottom: 1px solid rgba(255, 255, 255, 0.8); position: absolute; top: 30px; left: 30px; bottom: 30px; right: 30px; opacity: 0; z-index: 2; transition: all .6s ease-in-out 0s; transform-origin: 0 0; pointer-events: none;} #sh_all_in_one_snippet_7 .sh_right_content:hover .sh_img:after, #sh_all_in_one_snippet_7 .sh_right_content:hover .sh_img:before{transform: scale(1); opacity: 1;} #sh_all_in_one_snippet_7 .sh_right_content:before{content: ''; background: rgba(44, 44, 44, 0.5); width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; z-index: 1; transition: all .6s ease-in-out 0s; pointer-events: none;} #sh_all_in_one_snippet_7 .sh_right_content:hover:before{opacity: 1;} #sh_all_in_one_snippet_7 .sh_right_content .sh_btn{position: absolute; left: 50%; bottom: 30px; z-index: 2; transform: translateX(-50%); width: calc(100% - 60px);} #sh_all_in_one_snippet_7 .sh_right_content .sh_btn a{color: #2c2c2c; background-color: #fff; font-size: 18px; display: inline-block; width: 100%; min-width: 100%; border-radius: 0; transition: all .4s;} #sh_all_in_one_snippet_7 .sh_right_content .sh_btn a:hover{background: #333; color: #fff;} @media (max-width: 991px){#sh_all_in_one_snippet_7 .sh_left_content{margin-bottom: 30px;}} @media (max-width: 576px){#sh_all_in_one_snippet_7 .sh_right_content{margin-bottom: 30px;}#sh_all_in_one_snippet_7 .sh_left_content .sh_btn a{font-size: 18px; width: 100%;}#sh_all_in_one_snippet_7 .sh_left_content .sh_btn{width: calc(100% - 60px);}} #sh_all_in_one_snippet_8{padding: 50px 0;} #sh_all_in_one_snippet_8 .sh_content{position: relative; transition: all .4s;} #sh_all_in_one_snippet_8 .sh_content .sh_img img{width: 100%; max-height: 280px; object-fit: cover;} #sh_all_in_one_snippet_8 .sh_content .sh_des{position: absolute; top: 50%; transform: translateY(-50%); left: 5%;} #sh_all_in_one_snippet_8 .sh_content .sh_des h2{color: #fff; text-transform: uppercase; font-size: 30px; font-weight: 600; margin-bottom: 20px;} #sh_all_in_one_snippet_8 .sh_content .sh_des a{color: #fff; text-transform: uppercase; font-size: 13px; text-decoration: none; display: inline-block; position: relative; transition: all .4s;} #sh_all_in_one_snippet_8 .sh_content .sh_des a:after{content: ""; background-color: #fff; height: 1px; position: absolute; bottom: 0; left: 0; transition: all 300ms; width: 100%;} #sh_all_in_one_snippet_8 .sh_content:before{bottom: 0; content: ""; left: 50%; opacity: 1; -webkit-opacity: 1; position: absolute; right: 51%; top: 0; background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0; pointer-events: none;} #sh_all_in_one_snippet_8 .sh_content:after{bottom: 50%; content: ""; left: 0; opacity: 1; position: absolute; right: 0; top: 50%; background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0; pointer-events: none;} #sh_all_in_one_snippet_8 .sh_content:hover:before, #sh_all_in_one_snippet_8 .sh_content:hover:after{left: 0; right: 0; top: 0; bottom: 0; transition: all 500ms ease-in-out 0s;} #sh_all_in_one_snippet_8 .sh_content .sh_des a:hover{color: #00A09D;} #sh_all_in_one_snippet_8 .sh_content .sh_des a:hover:after{background-color: #00A09D;} @media (max-width: 768px){#sh_all_in_one_snippet_8 .sh_content{margin-bottom: 20px;}#sh_all_in_one_snippet_8 .sh_content .sh_img img{height: 200px; object-fit: cover;}} @media (max-width: 576px){#sh_all_in_one_snippet_8 .sh_content .sh_des h2{font-size: 22px;}} #sh_all_in_one_snippet_9{padding: 50px 0;} #sh_all_in_one_snippet_9 .sh_contact{position: relative; overflow: hidden; transition: all .4s;} #sh_all_in_one_snippet_9 .sh_contact .sh_img img{width: 100%; height: 270px; object-fit: cover; transition: all .4s;} #sh_all_in_one_snippet_9 .sh_contact .sh_des{position: absolute; top: 50%; transform: translateY(-50%); width: 65%; right: 20px; z-index: 1;} #sh_all_in_one_snippet_9 .sh_contact .sh_des h3{margin-bottom: 15px; font-size: 30px; line-height: 1.2; color: #fff; font-weight: 600; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;} #sh_all_in_one_snippet_9 .sh_contact .sh_des p{margin-bottom: 15px; color: #fff; font-size: 14px; line-height: 22px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;} #sh_all_in_one_snippet_9 .sh_contact .sh_des a{background: transparent; border-width: 2px; padding: 10px 25px; border-radius: 0; border-color: #fff; text-transform: uppercase; font-weight: 600; transition: all .4s;} #sh_all_in_one_snippet_9 .sh_contact .sh_des a:hover{background: #fff; color: #00A09D;} #sh_all_in_one_snippet_9 .sh_contact:hover .sh_img img{transform: scale(1.08);} #sh_all_in_one_snippet_9 .sh_contact .sh_img{position: relative;} #sh_all_in_one_snippet_9 .sh_contact .sh_img:before{content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #222; opacity: 0; transition: all .4s; z-index: 1; pointer-events: none;} #sh_all_in_one_snippet_9 .sh_contact:hover .sh_img:before{opacity: 0.2;} @media (max-width: 768px){#sh_all_in_one_snippet_9 .sh_contact .sh_des{width: 100%; right: 0; padding: 0 20px;}#sh_all_in_one_snippet_9 .col-md-6:first-child .sh_contact{margin-bottom: 20px;}} @media (max-width: 576px){#sh_all_in_one_snippet_9 .sh_contact .sh_des h3{font-size: 22px;}} #sh_all_in_one_snippet_10{padding: 50px 0;} #sh_all_in_one_snippet_10 .sh_content{position: relative; overflow: hidden;} #sh_all_in_one_snippet_10 .sh_content img{height: 160px; object-fit: cover; width: 100%; transform: scale(1); transition: all .4s;} #sh_all_in_one_snippet_10 .sh_content .sh_des{position: absolute; top: 50%; transform: translateY(-50%); left: 20px;} #sh_all_in_one_snippet_10 .sh_content .sh_des h4{text-transform: capitalize; font-size: 20px; margin-bottom: 5px;} #sh_all_in_one_snippet_10 .sh_content .sh_des a{text-transform: uppercase; font-size: 12px; color: #333; letter-spacing: 1.5px; text-decoration: none; transition: all .4s; font-weight: 600;} #sh_all_in_one_snippet_10 .sh_content .sh_des a span{padding-left: 0; transition: all .4s;} #sh_all_in_one_snippet_10 .sh_content:hover .sh_des a span{padding-left: 5px; color: #00A09D;} #sh_all_in_one_snippet_10 .sh_content:hover .sh_des a{color: #00A09D;} #sh_all_in_one_snippet_10 .sh_content:hover img{transform: scale(1.1);} @media (max-width: 768px){#sh_all_in_one_snippet_10 .sh_content{margin-bottom: 20px;}} #sh_all_in_one_snippet_11{padding: 50px 0;} #sh_all_in_one_snippet_11 .sh_content{position: relative;} #sh_all_in_one_snippet_11 .sh_content .sh_img img{width: 100%; height: 260px; object-fit: cover;} #sh_all_in_one_snippet_11 .sh_content .sh_img{position: relative;} #sh_all_in_one_snippet_11 .sh_content .sh_img .sh_overlay{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; background: rgba(33, 38, 49, 0.8); padding: 35px 40px 40px 40px; transform-origin: top; transform: perspective(15em) rotateX(-20deg); transition: all 500ms ease-out 0s; opacity: 0; pointer-events: none;} #sh_all_in_one_snippet_11 .sh_content .sh_img .sh_overlay ul{position: absolute; top: 30%; left: 0; right: 0; margin: 0 auto; text-align: center; transition: all 500ms ease-out 0s; opacity: 0; transform: scale(0); pointer-events: auto; padding: 0;} #sh_all_in_one_snippet_11 .sh_content .sh_img .sh_overlay ul li{height: 34px; width: 34px; font-size: 14px; line-height: 34px; float: none; margin-right: 5px; margin-bottom: 5px; opacity: 0; transform: translateY(60px); transition: all 500ms ease-out 0s; display: inline;} #sh_all_in_one_snippet_11 .sh_content .sh_img .sh_overlay ul li a{display: inline-block; color: #fff; text-align: center; height: 34px; width: 34px; font-size: 14px; line-height: 34px; border-radius: 4px; background: #00A09D;} #sh_all_in_one_snippet_11 .sh_content:hover .sh_img .sh_overlay{transform: perspective(0em) rotateX(0deg); opacity: 1;} #sh_all_in_one_snippet_11 .sh_content:hover .sh_img .sh_overlay ul{position: absolute; top: 50%; opacity: 1; transform: scale(1);} #sh_all_in_one_snippet_11 .sh_content:hover .sh_img .sh_overlay ul li{transform: translateY(0); opacity: 1;} #sh_all_in_one_snippet_11 .sh_content .sh_des{background: #ffffff; padding: 20px; position: relative; box-shadow: 0 0 12px 2px rgba(0, 0, 0, 0.1); text-align: center;} #sh_all_in_one_snippet_11 .sh_content .sh_des h4{font-size: 22px; font-weight: 700; text-transform: capitalize; color: #243b60; margin-bottom: 5px; position: relative; z-index: 1;} #sh_all_in_one_snippet_11 .sh_content .sh_des p{margin-bottom: 0; font-size: 16px; color: #00A09D; text-transform: capitalize; position: relative; z-index: 1;} #sh_all_in_one_snippet_11 .sh_content .sh_img .sh_overlay ul li a span{width: 100%; height: 100%;} #sh_all_in_one_snippet_11 .sh_content .sh_des:before{background: #00A09D; height: 25px; width: 50px; position: absolute; content: ""; bottom: 0; left: 0; opacity: 0.1; -webkit-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s; z-index: 0;} #sh_all_in_one_snippet_11 .sh_content .sh_des:after{background: #00A09D; height: 25px; width: 50px; right: 0; bottom: 0; content: ""; transition: all 400ms ease-out 0s; position: absolute; right: 0; z-index: 0; opacity: 0.1;} #sh_all_in_one_snippet_11 .sh_content:hover .sh_des:before, #sh_all_in_one_snippet_11 .sh_content:hover .sh_des:after{height: 100%; width: 100%; z-index: 0; opacity: 1;} #sh_all_in_one_snippet_11 .sh_content:hover .sh_des h4, #sh_all_in_one_snippet_11 .sh_content:hover .sh_des p{color: #fff;} @media (max-width: 991px){#sh_all_in_one_snippet_11 .sh_content{margin-bottom: 20px;}} #sh_all_in_one_snippet_12{padding: 50px 0;} #sh_all_in_one_snippet_12 .sh_content{position: relative; overflow: hidden; padding-bottom: 100px; background: #fff; border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.07); transition: all .4s;} #sh_all_in_one_snippet_12 .sh_content .sh_img img{border-radius: 5px 5px 0 0; display: block; width: 100%; height: 260px; object-fit: cover;} #sh_all_in_one_snippet_12 .sh_content .sh_description{height: 100px; width: 100%; top: unset; bottom: 0; opacity: 1; position: absolute; padding: 15px 20px; color: #444; text-align: center; overflow: hidden; background: #F1F6FC; transition: .3s all ease;} #sh_all_in_one_snippet_12 .sh_content .sh_description .sh_name{margin: 10px 0px;} #sh_all_in_one_snippet_12 .sh_content .sh_description h3{font-size: 20px; font-weight: 700; line-height: 30px; margin: 0; text-transform: uppercase; transition: all .4s;} #sh_all_in_one_snippet_12 .sh_content .sh_description p{font-size: 15px; text-transform: capitalize; color: #363636; float: none; text-align: center; font-weight: 400; transition: all .4s;} #sh_all_in_one_snippet_12 .sh_content .sh_description .sh_social{bottom: -100px !important; transition: all .3s ease 0s; position: absolute; bottom: 50px; width: 100%; text-align: center; z-index: 100; left: 50%; opacity: 0; transform: translateX(-50%) scale(0.5); transition: .4s all ease;} #sh_all_in_one_snippet_12 .sh_content .sh_description .sh_social a{width: 25px; height: 25px; line-height: 25px; padding: 0; border: none; text-align: center; color: #fff; display: inline-block; transition: all .3s ease 0s; background: 0 0 !important; margin-right: 8px;} #sh_all_in_one_snippet_12 .sh_content .sh_description .sh_social a span{width: 100%; height: 100%;} #sh_all_in_one_snippet_12 .sh_content:hover .sh_description{background: #00A09D; opacity: 1; width: 100%; visibility: visible; transform: translate(0, 0); top: unset; bottom: 0; height: 140px;} #sh_all_in_one_snippet_12 .sh_content:hover .sh_description .sh_social{bottom: 25px !important; opacity: 1; transform: translateX(-50%) scale(1);} #sh_all_in_one_snippet_12 .sh_content:hover .sh_description h3{color: #fff;} #sh_all_in_one_snippet_12 .sh_content:hover .sh_description p{color: #fff;} @media (max-width: 991px){#sh_all_in_one_snippet_12 .sh_content{margin-bottom: 20px;}} #sh_all_in_one_snippet_13{padding: 50px 0;} #sh_all_in_one_snippet_13 .sh_content{position: relative;} #sh_all_in_one_snippet_13 .sh_content .sh_img{position: relative; display: block; overflow: hidden;} #sh_all_in_one_snippet_13 .sh_content .sh_img img{width: 100%; height: 260px; object-fit: cover;} #sh_all_in_one_snippet_13 .sh_content .sh_socil{display: block; position: absolute; bottom: -22px; right: 26px; z-index: 2;} #sh_all_in_one_snippet_13 .sh_content .sh_socil ul{background-color: rgba(0, 0, 0, 0.7); position: absolute; bottom: -200px; right: 0; width: 45px; display: block; z-index: 2; border-radius: 45px 45px 0 0; padding-top: 21px; padding-bottom: 26px; padding-left: 0; text-align: center; transition: all .4s;} #sh_all_in_one_snippet_13 .sh_content .sh_socil ul li{display: block; list-style: none; margin: 0 0 5px 0; padding: 0; float: none;} #sh_all_in_one_snippet_13 .sh_content .sh_socil ul li a{width: 45px; height: 30px; line-height: 30px; display: block; position: relative; color: #fff;} #sh_all_in_one_snippet_13 .sh_content .sh_socil ul li a span{width: 100%; height: 100%;} #sh_all_in_one_snippet_13 .sh_content:hover .sh_socil ul{bottom: 0;} #sh_all_in_one_snippet_13 .sh_content .sh_share{display: block; position: relative;} #sh_all_in_one_snippet_13 .sh_content .sh_share span{display: block; position: absolute; top: -22px; right: 26px; width: 45px; height: 45px; border-radius: 100%; line-height: 39px; text-align: center; font-size: 12px; border: 4px solid; z-index: 3; border-color: #fff; background-color: #00A09D; color: #fff;} #sh_all_in_one_snippet_13 .sh_content .sh_text{background-color: #fff; box-shadow: 0px 0px 46px 0px rgba(0, 0, 0, 0.1); position: relative; display: block; padding: 22px 27px 18px; transition: all .4s;} #sh_all_in_one_snippet_13 .sh_content .sh_text h4{font-size: 20px; line-height: 25px; font-weight: 700; text-transform: capitalize; margin-bottom: 5px;} #sh_all_in_one_snippet_13 .sh_content .sh_text p{margin-bottom: 0; font-size: 14px; color: #707070; text-transform: capitalize;} #sh_all_in_one_snippet_13 .sh_content:hover .sh_text{box-shadow: 0px 0px 46px 0px rgba(0, 0, 0, 0.2);} @media (max-width: 991px){#sh_all_in_one_snippet_13 .sh_content{margin-bottom: 20px;}} #sh_all_in_one_snippet_14{padding: 50px 0;} #sh_all_in_one_snippet_14 .sh_content{position: relative;} #sh_all_in_one_snippet_14 .sh_content .sh_img img{width: 100%; transition: all 0.4s ease; height: 300px; object-fit: cover;} #sh_all_in_one_snippet_14 .sh_content .sh_img{position: relative; overflow: hidden; border-radius: 4px; transition: all 0.4s ease;} #sh_all_in_one_snippet_14 .sh_content .sh_bottom_part{position: absolute; background: #00A09D; border-radius: 0px 0px 5px 5px; padding: 18px 0px; transition: all 0.4s ease; left: 0; bottom: 0; width: 100%; text-align: center;} #sh_all_in_one_snippet_14 .sh_content .sh_bottom_part .sh_name{transition: all 0.4s ease;} #sh_all_in_one_snippet_14 .sh_content .sh_bottom_part .sh_name h4{font-size: 20px; color: #fff; font-weight: 600;} #sh_all_in_one_snippet_14 .sh_content .sh_bottom_part .sh_name p{font-size: 14px; color: #fff; margin-bottom: 0;} #sh_all_in_one_snippet_14 .sh_content .sh_bottom_part .sh_social{background: #00A09D; border-radius: 0px 0px 5px 5px; padding: 29px 0px; transition: all 0.4s ease; position: absolute; bottom: 0; width: 100%; opacity: 0; visibility: hidden; transition: all .4s;} #sh_all_in_one_snippet_14 .sh_content .sh_bottom_part .sh_social ul{list-style: none; margin-bottom: 0; padding: 0;} #sh_all_in_one_snippet_14 .sh_content .sh_bottom_part .sh_social ul li{display: inline-block; margin-right: 5px; transition: all 0.7s ease;} #sh_all_in_one_snippet_14 .sh_content .sh_bottom_part .sh_social ul li a{font-size: 13px; color: #555; width: 25px; height: 25px; background: #fff; line-height: 25px; border-radius: 4px; display: inline-block; transition: all 0.3s ease; text-decoration: none;} #sh_all_in_one_snippet_14 .sh_content .sh_bottom_part .sh_social ul li a span{width: 100%; height: 100%;} #sh_all_in_one_snippet_14 .sh_content:hover .sh_img img{transform: scale(1.1);} #sh_all_in_one_snippet_14 .sh_content:hover .sh_bottom_part .sh_name{opacity: 0; visibility: hidden;} #sh_all_in_one_snippet_14 .sh_content:hover .sh_bottom_part .sh_social{opacity: 1; visibility: visible;} #sh_all_in_one_snippet_14 .sh_content .sh_bottom_part .sh_social ul li a:hover{border-radius: 50%;} @media (max-width: 991px){#sh_all_in_one_snippet_14 .sh_content{margin-bottom: 20px;}} #sh_all_in_one_snippet_15{padding: 50px 0;} #sh_all_in_one_snippet_15 .sh_content{position: relative; margin-bottom: 0; transition: all 0.4s ease;} #sh_all_in_one_snippet_15 .sh_content .sh_img{position: relative; overflow: hidden; max-width: 100%; max-height: 360px; transition: all 0.2s ease; text-align: center; border-radius: 5px; transition: all .4s;} #sh_all_in_one_snippet_15 .sh_content .sh_img img{width: 100%; transform: scale(1); transition: 0.3s ease-in-out; z-index: 2; position: relative; filter: grayscale(70%); height: 260px; object-fit: cover;} #sh_all_in_one_snippet_15 .sh_content .sh_name{padding: 20px 25px; text-align: center; background-color: #fff; border-radius: 4px; width: 90%; margin: auto; position: relative; top: -35px; z-index: 2; border: 1px solid #e4e4e4; transition: all .4s;} #sh_all_in_one_snippet_15 .sh_content .sh_name h4{font-size: 22px; font-weight: 500; color: #111; position: relative; margin-bottom: 0; z-index: 3; text-transform: capitalize; letter-spacing: 0.5px; transition: all .4s;} #sh_all_in_one_snippet_15 .sh_content .sh_name p{color: #00A09D; font-weight: 400; letter-spacing: 0; font-size: 14px; padding: 3px 0 0; margin: 0; transition: all .4s;} #sh_all_in_one_snippet_15 .sh_content .sh_social{position: absolute; z-index: 4; top: 30px; left: 5%; width: 45px; display: block; box-shadow: -2px 4px 31px -13px rgba(153, 153, 153, 0.82);} #sh_all_in_one_snippet_15 .sh_content .sh_social ul{margin: 0px; list-style: none; display: block; padding-top: 10px; list-style: none; left: -33px; position: absolute; width: 40px; top: 10px; text-align: left; padding-top: 21px; padding-left: 0; left: 0; height: 0; opacity: 0; visibility: hidden; transition: all .4s;} #sh_all_in_one_snippet_15 .sh_content .sh_social:before{content: "\f1e0"; font-size: 14px; color: #fff; font-weight: 400; padding: 0px 13px; border-radius: 5px; background-color: #00A09D; line-height: 1px; cursor: pointer; font-family: 'FontAwesome'; padding: 9px 10px; transition: all .4s;} #sh_all_in_one_snippet_15 .sh_content .sh_social ul li{display: inline-block;} #sh_all_in_one_snippet_15 .sh_content .sh_social ul li a{display: block; padding: 0px 0px; margin: 5px 0 0 0; width: 30px; border-radius: 50%; background-color: #fff; color: #00A09D; text-align: center; box-shadow: -2px 4px 15px -9px rgba(153, 153, 153, 0.79); width: 30px; height: 30px; line-height: 32px; font-size: 12px;} #sh_all_in_one_snippet_15 .sh_content .sh_social ul li a span{width: 100%; height: 100%;} #sh_all_in_one_snippet_15 .sh_content .sh_social:hover ul{display: block; visibility: visible; opacity: 1; height: auto;} #sh_all_in_one_snippet_15 .sh_content:hover .sh_name{background: #00A09D; border-color: #00A09D;} #sh_all_in_one_snippet_15 .sh_content:hover .sh_name h4, #sh_all_in_one_snippet_15 .sh_content:hover .sh_name p{color: #fff;} #sh_all_in_one_snippet_15 .sh_content:hover .sh_img img{transform: scale(1.1); filter: grayscale(0%);} #sh_all_in_one_snippet_15 .sh_content .sh_social:hover:before{border-radius: 50%;} @media (max-width: 991px){#sh_all_in_one_snippet_15 .sh_content{margin-bottom: 20px;}} #sh_all_in_one_snippet_16{padding: 50px 0;} #sh_all_in_one_snippet_16 .sh_content{position: relative; transition: all .4s;} #sh_all_in_one_snippet_16 .sh_content .sh_img{position: relative; overflow: hidden;} #sh_all_in_one_snippet_16 .sh_content .sh_img img{width: 100%; transition: all .4s; height: 260px; object-fit: cover;} #sh_all_in_one_snippet_16 .sh_content .sh_img ul{position: absolute; width: 100%; height: auto; left: 0; bottom: 30px; text-align: center; margin: 0; padding: 0;} #sh_all_in_one_snippet_16 .sh_content .sh_img ul li{display: inline-block; visibility: hidden; margin: 2px; opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); transition: all 0.4s cubic-bezier(0.37, 0.31, 0.2, 0.85); margin: 0 2px;} #sh_all_in_one_snippet_16 .sh_content .sh_img ul li a{display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 50%; color: #fff; font-size: 14px;} #sh_all_in_one_snippet_16 .sh_content .sh_des{background-color: #00A09D; padding: 20px 0; margin: 0; text-align: center;} #sh_all_in_one_snippet_16 .sh_content .sh_des h4{font-size: 24px; font-weight: 600; text-transform: capitalize; color: #fff;} #sh_all_in_one_snippet_16 .sh_content .sh_des p{font-size: 12px; font-weight: 600; margin: 0; color: #fff;} #sh_all_in_one_snippet_16 .sh_content:hover .sh_img ul li{transform: translateY(0); visibility: visible; opacity: 1;} #sh_all_in_one_snippet_16 .sh_content .sh_img ul li:first-child a{background: #3b5999;} #sh_all_in_one_snippet_16 .sh_content .sh_img ul li:nth-child(2) a{background: #55acee;} #sh_all_in_one_snippet_16 .sh_content .sh_img ul li:nth-child(3) a{background: #0e76a8;} #sh_all_in_one_snippet_16 .sh_content .sh_img ul li:nth-child(4) a{background: #e4405f;} #sh_all_in_one_snippet_16 .sh_content:hover .sh_img img{transform: scale(1.1) rotate(2deg); filter: blur(1px);} #sh_all_in_one_snippet_16 .sh_content .sh_img ul li a span{width: 100%;} @media (max-width: 991px){#sh_all_in_one_snippet_16 .sh_content{margin-bottom: 20px;}} #sh_all_in_one_snippet_17{padding: 50px 0;} #sh_all_in_one_snippet_17 .sh_content{position: relative;} #sh_all_in_one_snippet_17 .sh_content .sh_img:before{position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; background-image: -webkit-linear-gradient(90deg, #fd4a36 0%, #201630 86%); transition: .5s; opacity: 0; transform: perspective(400px) rotateX(-90deg); z-index: 5;} #sh_all_in_one_snippet_17 .sh_content .sh_img img{width: 100%;} #sh_all_in_one_snippet_17 .sh_content .sh_des{position: absolute; top: 0; right: 0; left: 0; bottom: 0; padding: 30px 30px 20px; opacity: 0; z-index: 9; transition: .5s;} #sh_all_in_one_snippet_17 .sh_content .sh_des .sh_author{position: absolute; left: 30px; bottom: 30px;} #sh_all_in_one_snippet_17 .sh_content .sh_des .sh_author h4{position: relative; font-size: 22px; font-weight: 600; color: #fff; margin-bottom: 5px;} #sh_all_in_one_snippet_17 .sh_content .sh_des .sh_author p{position: relative; font-size: 18px; font-weight: 500; color: #fff; margin-bottom: 0;} #sh_all_in_one_snippet_17 .sh_content .sh_des ul{position: absolute; right: 20px; top: 20px; background-color: #fff; border-radius: 21px; overflow: hidden; transition: .5s; transform: scaleX(0); list-style: none; padding: 0;} #sh_all_in_one_snippet_17 .sh_content .sh_des ul li a{width: 42px; height: 35px; line-height: 35px; text-align: center; border-bottom: 1px solid #e1e5e9; transition: .5s; font-size: 14px; display: inline-block; text-decoration: none; color: #555;} #sh_all_in_one_snippet_17 .sh_content:hover .sh_img:before{opacity: .9; transform: perspective(400px) rotateX(0deg);} #sh_all_in_one_snippet_17 .sh_content:hover .sh_des{opacity: 1;} #sh_all_in_one_snippet_17 .sh_content:hover .sh_des ul{transform: scaleX(1);} @media (max-width: 991px){#sh_all_in_one_snippet_17 .sh_content{margin-bottom: 20px;}} #sh_all_in_one_snippet_18{padding: 50px 0;} #sh_all_in_one_snippet_18 .sh_content{padding: 50px; box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.11); text-align: center; transition: all .4s;} #sh_all_in_one_snippet_18 .sh_content .sh_price_title h4{color: #00A09D; font-size: 28px; font-weight: 700; line-height: 24px; padding: 40px 0 20px; margin-bottom: 0;} #sh_all_in_one_snippet_18 .sh_content .sh_price_title a{font-size: 14px; font-weight: 800; text-transform: uppercase; color: #ffffff; background-color: #00A09D; padding: 15px 35px 15px 35px; border-radius: 5px 5px 5px 5px; border-color: #00A09D; margin-bottom: 20px; transition: all .4s;} #sh_all_in_one_snippet_18 .sh_content .sh_price span{font-size: 24px; font-weight: 700; display: block; transition: all .4s ease; padding-bottom: 20px;} #sh_all_in_one_snippet_18 .sh_content .sh_price_content ul{margin: 0; padding: 0; list-style: none; position: relative; padding-top: 20px;} #sh_all_in_one_snippet_18 .sh_content .sh_price_content ul section{font-size: 18px; line-height: 42px;} #sh_all_in_one_snippet_18 .sh_content .sh_price_content ul section span{color: #00A09D; font-size: 16px; padding-right: 10px;} #sh_all_in_one_snippet_18 .sh_content .sh_price_content ul section:first-child{font-weight: 600;} #sh_all_in_one_snippet_18 .sh_content .sh_icon{width: 30px; height: 30px; background: #00A09D; border-radius: 50%; margin: auto;} #sh_all_in_one_snippet_18 .sh_content.sh_trainer .sh_icon{position: relative; left: -10px; background: #f6bd4a;} #sh_all_in_one_snippet_18 .sh_content.sh_trainer .sh_icon:after{content: ''; position: absolute; width: 30px; height: 30px; background: #4acbe5; border-radius: 50%; opacity: 0.8;} #sh_all_in_one_snippet_18 .sh_content.sh_learning .sh_icon{position: relative; left: -10px;} #sh_all_in_one_snippet_18 .sh_content.sh_learning .sh_icon:after{content: ''; position: absolute; width: 30px; height: 30px; background: #4acbe5; border-radius: 50%; opacity: 0.8;} #sh_all_in_one_snippet_18 .sh_content.sh_learning .sh_icon:before{content: ''; position: absolute; width: 30px; height: 30px; background: #f5ac00; border-radius: 50%; opacity: 0.8; bottom: -15px; left: 10px;} #sh_all_in_one_snippet_18 .sh_content .sh_price_content ul:before{position: absolute; content: ""; width: 75%; left: 13%; height: 1px; background: rgba(18, 15, 45, 0.15); top: 0;} #sh_all_in_one_snippet_18 .sh_content.sh_trainer{background: #00A09D;} #sh_all_in_one_snippet_18 .sh_content.sh_trainer .sh_price_title h4{color: #fff;} #sh_all_in_one_snippet_18 .sh_content.sh_trainer .sh_price span{color: #fff;} #sh_all_in_one_snippet_18 .sh_content.sh_trainer .sh_price_content ul{color: #fff;} #sh_all_in_one_snippet_18 .sh_content.sh_trainer .sh_price_content ul section span{color: #fff;} #sh_all_in_one_snippet_18 .sh_content.sh_trainer .sh_price_title a{border-color: #ffffff82; background: transparent;} #sh_all_in_one_snippet_18 .sh_content:hover .sh_price_title a{background: #875A7B; border-color: #875A7B;} #sh_all_in_one_snippet_18 .sh_content.sh_trainer:hover .sh_price_title a{background: #875A7B; border-color: #875A7B;} @media (max-width: 991px){#sh_all_in_one_snippet_18 .sh_content{margin-bottom: 20px;}} #sh_all_in_one_snippet_19{padding: 50px 0;} #sh_all_in_one_snippet_19 .sh_content{position: relative; box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.11); margin-bottom: 30px; padding: 0 40px 50px; text-align: center;} #sh_all_in_one_snippet_19 .sh_content .sh_category{position: relative; display: inline-block; padding: 0 10px; margin-top: -15px;} #sh_all_in_one_snippet_19 .sh_content .sh_category:before{position: absolute; content: ''; height: 15px; width: 10px; background-color: #1f307b; left: 0; top: 0; clip-path: polygon(100% 0, 0% 100%, 100% 100%);} #sh_all_in_one_snippet_19 .sh_content .sh_category:after{position: absolute; content: ''; height: 15px; width: 10px; background-color: #333; right: 0; top: 0; clip-path: polygon(0 0, 0% 100%, 100% 100%);} #sh_all_in_one_snippet_19 .sh_content .sh_price h2{position: relative; font-size: 48px; font-weight: 700; line-height: 45px; margin-bottom: 10px;} #sh_all_in_one_snippet_19 .sh_content .sh_price p{position: relative; font-size: 18px; color: #7e7b7a; margin-bottom: 25px;} #sh_all_in_one_snippet_19 .sh_content ul{position: relative; padding-top: 50px; text-align: left; margin-bottom: 39px; list-style: none; padding: 0; z-index: 1; border-top: 2px dashed #8e8e8e; padding-top: 25px;} #sh_all_in_one_snippet_19 .sh_content ul section{position: relative; padding-left: 0; margin-bottom: 18px; font-size: 16px; color: #7e7b7a; letter-spacing: 0.5px;} #sh_all_in_one_snippet_19 .sh_content ul section span{color: #00A09D; padding-right: 10px;} #sh_all_in_one_snippet_19 .sh_content .sh_category span{position: relative; background-color: #00A09D; padding: 16.5px 45px; font-size: 20px; font-weight: 700; color: #fff; margin-bottom: 40px; display: block; z-index: 1;} #sh_all_in_one_snippet_19 .sh_content .sh_btn a{position: relative; display: inline-block; font-size: 15px; line-height: 24px; color: #fff; padding: 10px 45px; font-weight: 700; border-radius: 0; overflow: hidden; text-transform: uppercase; background-color: #00A09D; z-index: 1; transition: all .4s;} #sh_all_in_one_snippet_19 .sh_content.sh_standard{background-image: url(/sh_all_in_one_snippets/static/src/img/19.jpg); background-size: cover;} #sh_all_in_one_snippet_19 .sh_content.sh_standard:after{position: absolute; content: ''; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.75); z-index: 0; pointer-events: none;} #sh_all_in_one_snippet_19 .sh_content .sh_price{position: relative; z-index: 1;} #sh_all_in_one_snippet_19 .sh_content.sh_standard .sh_category span{background: #00A09D;} #sh_all_in_one_snippet_19 .sh_content.sh_standard .sh_category:before, #sh_all_in_one_snippet_19 .sh_content.sh_standard .sh_category:after{background: #333;} #sh_all_in_one_snippet_19 .sh_content.sh_standard .sh_price h2, #sh_all_in_one_snippet_19 .sh_content.sh_standard .sh_price p, #sh_all_in_one_snippet_19 .sh_content.sh_standard ul section{color: #fff;} #sh_all_in_one_snippet_19 .sh_content.sh_standard ul{border-top: 2px dashed #fff; padding-top: 25px;} #sh_all_in_one_snippet_19 .sh_content .sh_btn a:hover{background: #875A7B;} #sh_all_in_one_snippet_19 .sh_content.sh_standard .sh_category span{background: #875A7B;} #sh_all_in_one_snippet_19 .sh_content.sh_standard ul section span{color: #875A7B;} #sh_all_in_one_snippet_19 .sh_content.sh_standard .sh_btn a{background: #875A7B;} #sh_all_in_one_snippet_20{padding: 50px 0;} #sh_all_in_one_snippet_20 .sh_content{background-clip: padding-box; position: relative; transition: all 0.4s ease; overflow: hidden; border-top: 4px solid #00A09D; border-bottom: 4px solid transparent; padding: 37px 15px 25px 15px; box-shadow: 0 0 10px 0 rgba(43, 52, 59, 0.1); border-radius: 5px; text-align: center;} #sh_all_in_one_snippet_20 .sh_content h4{font-size: 30px; line-height: 30px; font-weight: 600; margin-bottom: 0;} #sh_all_in_one_snippet_20 .sh_content .sh_icon{padding: 20px 0;} #sh_all_in_one_snippet_20 .sh_content .sh_icon span{font-size: 46px;} #sh_all_in_one_snippet_20 .sh_content h3{margin-bottom: 10px; font-weight: 600; font-size: 34px; color: #00A09D;} #sh_all_in_one_snippet_20 .sh_content p{font-weight: 400; font-size: 16px; line-height: 26px; color: #777a7c; margin-bottom: 20px;} #sh_all_in_one_snippet_20 .sh_content ul{padding: 0; margin: 0; list-style: none;} #sh_all_in_one_snippet_20 .sh_content ul section{padding: 0; margin: 0; padding-top: 12px; border-bottom: 1px solid #e3e3e3; padding-bottom: 11px; color: #777a7c;} #sh_all_in_one_snippet_20 .sh_content ul section:last-child{border-bottom: 0;} #sh_all_in_one_snippet_20 .sh_content .sh_btn a{border: 1px solid #262c31; text-transform: capitalize; display: inline-block; margin-top: 15px; padding: 10px 25px; border-radius: 50px; transition: all .4s;} #sh_all_in_one_snippet_20 .sh_content .sh_btn a:hover{background: #00A09D; border-color: #00A09D; color: #fff;} #sh_all_in_one_snippet_20 .sh_content:hover{border-bottom-color: #00A09D;} #sh_all_in_one_snippet_20 .sh_content:after{position: absolute; content: ""; height: 0; width: 4px; left: auto; right: 0; top: auto; bottom: 0; z-index: 1; transition: all .4s; pointer-events: none;} #sh_all_in_one_snippet_20 .sh_content:before{position: absolute; content: ""; height: 0; width: 4px; left: 0; top: 0; z-index: 1; transition: all .4s; pointer-events: none;} #sh_all_in_one_snippet_20 .sh_content:hover:after{height: 100%; background-color: #00A09D;} #sh_all_in_one_snippet_20 .sh_content:hover:before{height: 100%; background-color: #00A09D;} @media (max-width: 991px){#sh_all_in_one_snippet_20 .sh_content{margin-bottom: 20px;}#sh_all_in_one_snippet_20 .col-lg-4:last-child .sh_content{margin-bottom: 0px;}} #sh_all_in_one_snippet_21{padding: 50px 0;} #sh_all_in_one_snippet_21 .sh_content{position: relative; padding: 50px 30px; box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.11); margin-bottom: 30px;} #sh_all_in_one_snippet_21 .sh_content .sh_plan h4{position: relative; font-size: 20px; font-weight: 700; padding-bottom: 20px; margin-bottom: 30px;} #sh_all_in_one_snippet_21 .sh_content .sh_price{position: absolute; right: 0; top: 50px; font-size: 26px; font-weight: 700; color: #fff; padding: 6.5px 30px; border-radius: 20px 0 0 20px; background-color: #00A09D; z-index: 1;} #sh_all_in_one_snippet_21 .sh_content .sh_price sup{font-weight: 600; font-size: 50%;} #sh_all_in_one_snippet_21 .sh_content p{position: relative; padding-bottom: 20px; margin-bottom: 30px; border-bottom: 1px solid #e5e5eb; font-size: 18px; line-height: 26px; font-weight: 400; color: #797979; margin: 0 0 15px;} #sh_all_in_one_snippet_21 .sh_content ul{position: relative; margin-bottom: 40px; list-style: none; padding: 0;} #sh_all_in_one_snippet_21 .sh_content ul section{position: relative; margin-bottom: 19px; font-size: 18px; color: #7e7b7a;} #sh_all_in_one_snippet_21 .sh_content ul section span{padding-right: 10px; color: #cbcbcf; font-size: 18px;} #sh_all_in_one_snippet_21 .sh_content .sh_btn a{background: 0 0; padding: 12.5px 40px; border-radius: 27px; color: #29292a; border: 2px solid #00A09D; transition: all .4s; font-weight: 600;} #sh_all_in_one_snippet_21 .sh_content:hover .sh_btn a{background: #00A09D; color: #fff;} #sh_all_in_one_snippet_21 .sh_content.sh_standard{background: url(/sh_all_in_one_snippets/static/src/img/19.jpg); background-size: cover;} #sh_all_in_one_snippet_21 .sh_content.sh_standard .sh_plan h4{color: #fff; position: relative; z-index: 1;} #sh_all_in_one_snippet_21 .sh_content.sh_standard p{color: #cbcbcb; position: relative; z-index: 1;} #sh_all_in_one_snippet_21 .sh_content.sh_standard ul section{color: #cbcbcb; position: relative; z-index: 1;} #sh_all_in_one_snippet_21 .sh_content.sh_standard .sh_btn a{color: #cbcbcb; position: relative; z-index: 1;} #sh_all_in_one_snippet_21 .sh_content .sh_plan h4:before{content: ''; position: absolute; height: 2px; background: #00A09D; width: 80px; bottom: 0; left: 0;} #sh_all_in_one_snippet_21 .sh_content.sh_standard:after{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: black; opacity: .8; pointer-events: none;} #sh_all_in_one_snippet_22{padding: 50px 0 100px;} #sh_all_in_one_snippet_22 .sh_content{margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.11); text-align: center; position: relative; background: #fff; border-radius: 10px;} #sh_all_in_one_snippet_22 .sh_content .sh_pricing_header{margin-top: 30px; background: #ecf0f4;} #sh_all_in_one_snippet_22 .sh_content .sh_pricing_header h3{color: #333333; font-size: 24px; font-weight: 800; line-height: 24px; padding: 25px 0px 20px 0px; transition: all .4s ease;} #sh_all_in_one_snippet_22 .sh_content .sh_price{padding: 60px 0px 20px 0px; margin: 0px 0px 0px 0px;} #sh_all_in_one_snippet_22 .sh_content .sh_price h4{position: relative; z-index: 2; font-size: 48px; font-weight: 700; letter-spacing: -.4px; display: block; transition: all .4s ease; color: #00A09D; padding-bottom: 20px;} #sh_all_in_one_snippet_22 .sh_content .sh_price h4 sup{font-size: 18px; top: 0; vertical-align: super;} #sh_all_in_one_snippet_22 .sh_content .sh_price h4 sub{font-size: 16px; line-height: 24px; vertical-align: baseline; bottom: 0; color: #333333;} #sh_all_in_one_snippet_22 .sh_content .sh_price h4:before{position: absolute; content: ""; width: 70px; height: 3px; background: #00A09D; left: 0; right: 0; margin: auto; bottom: 0;} #sh_all_in_one_snippet_22 .sh_content .sh_price_content ul{margin: 0; padding: 0; list-style: none;} #sh_all_in_one_snippet_22 .sh_content .sh_price_content ul section{font-size: 18px; line-height: 42px; color: #777777;} #sh_all_in_one_snippet_22 .sh_content .sh_price_content ul section span{padding-right: 10px; color: #00A09D;} #sh_all_in_one_snippet_22 .sh_content .sh_btn{position: absolute; bottom: -55px; width: 100%; z-index: 1; opacity: 0; transition: all ease 0.5s; visibility: hidden;} #sh_all_in_one_snippet_22 .sh_content .sh_btn a{font-size: 14px; font-weight: 800; text-transform: uppercase; color: #ffffff; background-color: #00A09D; padding: 35px 44px 18px 44px; border-radius: 10px 10px 10px 10px; width: 100%;} #sh_all_in_one_snippet_22 .sh_content .sh_btn a span{margin-left: 10px;} #sh_all_in_one_snippet_22 .sh_content.sh_annual .sh_btn{opacity: 1; visibility: visible; z-index: 0;} #sh_all_in_one_snippet_22 .sh_content .sh_price_content{text-align: left; padding: 0 50px 30px; background: #fff; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; position: relative; z-index: 2;} #sh_all_in_one_snippet_22 .sh_content:hover .sh_btn{opacity: 1; visibility: visible;} @media (max-width: 991px){#sh_all_in_one_snippet_22 .sh_content{margin-bottom: 50px;}#sh_all_in_one_snippet_22 .col-lg-4:last-child .sh_content{margin-bottom: 0 !important;}} #sh_all_in_one_snippet_23{padding: 100px 0; background-color: #00A09D;} #sh_all_in_one_snippet_23 .sh_main{display: -webkit-box; display: -webkit-flex; display: flex;} #sh_all_in_one_snippet_23 .sh_main .sh_column{width: 25%; text-align: center; border-right: 1px solid #fff;} #sh_all_in_one_snippet_23 .sh_main .sh_column h4{font-size: 30px; font-weight: 800; line-height: 46px; color: #fff;} #sh_all_in_one_snippet_23 .sh_main .sh_column p{color: #FFFFFF; font-size: 16px; font-weight: 400; line-height: 26px; letter-spacing: -0.2px; margin-bottom: 0;} #sh_all_in_one_snippet_23 .sh_main .sh_column:last-child{border-right: 0;} @media (max-width: 768px){#sh_all_in_one_snippet_23 .sh_main{display: inline-block; width: 100%;}#sh_all_in_one_snippet_23 .sh_main .sh_column{display: inline-block; width: 49%; margin-bottom: 30px;}#sh_all_in_one_snippet_23 .sh_main .sh_column:nth-child(2){border-right: 0;}#sh_all_in_one_snippet_23 .sh_main .sh_column:nth-child(3), #sh_all_in_one_snippet_23 .sh_main .sh_column:nth-child(4){margin-bottom: 0px;}} @media (max-width: 576px){#sh_all_in_one_snippet_23 .sh_main .sh_column{width: 100%; border-right: 0; margin-bottom: 30px !important;}#sh_all_in_one_snippet_23 .sh_main .sh_column:last-child{margin-bottom: 0 !important;}} #sh_all_in_one_snippet_24{padding: 50px 0; background: #f1f1f1; margin-top: 50px;} #sh_all_in_one_snippet_24 .sh_content{background: #fff; padding: 30px; border-bottom: 5px solid #00A09D;} #sh_all_in_one_snippet_24 .sh_content h2{color: #00A09D; font-size: 3.75em; font-weight: 600; margin-bottom: 15px;} #sh_all_in_one_snippet_24 .sh_content h4{color: #000; font-weight: 600;} #sh_all_in_one_snippet_24 .sh_content p{font-size: 1rem; margin: 0; color: #777;} @media (max-width: 991px){#sh_all_in_one_snippet_24 .sh_content{margin-bottom: 20px;}} #sh_all_in_one_snippet_25{padding: 100px 0;} #sh_all_in_one_snippet_25 .sh_main{display: -webkit-box; display: -webkit-flex; display: flex;} #sh_all_in_one_snippet_25 .sh_main .sh_column{width: 25%; text-align: center; border-right: 1px solid #120F2D;} #sh_all_in_one_snippet_25 .sh_main .sh_column h4{font-size: 30px; font-weight: 800; line-height: 46px; color: #120F2D;} #sh_all_in_one_snippet_25 .sh_main .sh_column p{color: #58566B; font-size: 16px; font-weight: 400; line-height: 26px; letter-spacing: -0.2px; margin-bottom: 0;} #sh_all_in_one_snippet_25 .sh_main .sh_column:last-child{border-right: 0;} #sh_all_in_one_snippet_25 .sh_title{text-align: center;} #sh_all_in_one_snippet_25 .sh_title h6{color: #00A09D; font-size: 18px; font-weight: 600; line-height: 23px; margin-bottom: 5px;} #sh_all_in_one_snippet_25 .sh_title h2{color: #120F2D; margin: 0px 0px 35px 0px; font-size: 39px; font-weight: 800; line-height: 46px; letter-spacing: -0.2px; text-transform: capitalize;} @media (max-width: 768px){#sh_all_in_one_snippet_25 .sh_main{display: inline-block; width: 100%;}#sh_all_in_one_snippet_25 .sh_main .sh_column{width: 49%; display: inline-block;}#sh_all_in_one_snippet_25 .sh_main .sh_column:nth-child(2){border-right: 0; margin-bottom: 20px;}#sh_all_in_one_snippet_25 .sh_main .sh_column:first-child{margin-bottom: 20px;}} @media (max-width: 450px){#sh_all_in_one_snippet_25 .sh_main .sh_column{width: 100%; border-right: 0;}} #sh_all_in_one_snippet_26{padding: 50px 0;} #sh_all_in_one_snippet_26 .sh_content{position: relative;} #sh_all_in_one_snippet_26 .sh_content .sh_icon{position: absolute; width: 160px; height: 160px; font-size: 40px; line-height: 160px; color: #fff; border-radius: 50%; left: 0; top: 50%; transform: translateY(-50%); padding-left: 35px; background-color: #00A09D;} #sh_all_in_one_snippet_26 .sh_content .sh_des{position: relative; padding: 30px; background-color: #333; width: 75%; margin-left: auto;} #sh_all_in_one_snippet_26 .sh_content .sh_des h4{font-size: 16px; font-weight: 500; text-transform: uppercase; color: #fff; margin-bottom: 15px;} #sh_all_in_one_snippet_26 .sh_content .sh_des h2{font-size: 48px; line-height: 50px; font-weight: 600; text-transform: uppercase; color: #fff; margin-bottom: 4px;} #sh_all_in_one_snippet_26 .sh_content .sh_des p{font-size: 18px; font-weight: 500; color: #fff; margin-bottom: 15px;} #sh_all_in_one_snippet_26 .sh_content .sh_des a{position: relative; font-size: 16px; font-weight: 500; margin: 0; text-decoration: none; color: #fff;} #sh_all_in_one_snippet_26 .sh_content .sh_des a span{padding-right: 5px;} @media (max-width: 991px){#sh_all_in_one_snippet_26 .sh_content .sh_des{padding: 20px;}#sh_all_in_one_snippet_26 .sh_content .sh_des h4{margin-bottom: 0;}#sh_all_in_one_snippet_26 .sh_content .sh_des h2{font-size: 38px;}#sh_all_in_one_snippet_26 .sh_content .sh_des p{font-size: 18px;}#sh_all_in_one_snippet_26 .sh_content .sh_icon{width: 120px; height: 120px; font-size: 26px; line-height: 120px; padding-left: 20px;}} @media (max-width: 768px){#sh_all_in_one_snippet_26 .sh_content .sh_icon{top: 0; left: 50%; z-index: 1; text-align: center; padding-left: 0; font-size: 40px; transform: translate(-50%, -50%);}#sh_all_in_one_snippet_26 .sh_content .sh_des{text-align: center; margin-bottom: 30px; padding-top: 70px !important; width: 100%;}#sh_all_in_one_snippet_26 .sh_content{margin-bottom: 80px;}} #sh_all_in_one_snippet_27 .sh_content .sh_icon span{background: #f5f5f5; padding: 23px 20px; font-size: 30px; border-radius: 5px; margin-bottom: 20px;} #sh_all_in_one_snippet_27 .sh_content .sh_counter h4{color: #000000; font-size: 20px; line-height: 29px; font-weight: 600; letter-spacing: 0px;} #sh_all_in_one_snippet_27 .sh_content .sh_counter h2{font-size: 36px; line-height: 46px; letter-spacing: 0px; margin-bottom: 0; color: #00A09D; font-weight: 600;} @media (max-width: 991px){#sh_all_in_one_snippet_27 .sh_content{margin-bottom: 30px;}} #sh_all_in_one_snippet_28{padding: 50px 0;} #sh_all_in_one_snippet_28 .sh_content{position: relative; padding-left: 140px;} #sh_all_in_one_snippet_28 .sh_content .sh_icon{position: absolute; left: 0; top: 0px; width: 100px; box-shadow: 0px 12px 40px 0px rgba(75, 62, 143, 0.15); height: 100px; line-height: 100px; text-align: center; border-radius: 50%; background: #fff; font-size: 34px;} #sh_all_in_one_snippet_28 .sh_content .sh_icon span{color: #00A09D;} #sh_all_in_one_snippet_28 .sh_content .sh_des h4{display: block; font-size: 20px; line-height: 1.5em; font-weight: 400; color: #222; text-transform: capitalize; margin-bottom: 22px; position: relative;} #sh_all_in_one_snippet_28 .sh_content .sh_des h2{position: relative; font-size: 75px; line-height: 1.2em; color: #00A09D; text-transform: capitalize; font-weight: 400; margin-bottom: 10px; font-weight: 600;} #sh_all_in_one_snippet_28 .sh_content .sh_des p{position: relative; display: block; font-size: 16px; line-height: 24px; font-weight: 400; color: #666; text-transform: capitalize; letter-spacing: 1px;} #sh_all_in_one_snippet_28 .sh_content .sh_des h4:before{content: ''; position: absolute; height: 2px; background: #00A09D; width: 50px; bottom: -15px; left: 0;} @media (max-width: 991px){#sh_all_in_one_snippet_28 .sh_content{margin-bottom: 20px;}#sh_all_in_one_snippet_28 .col-md-6:last-child .sh_content{margin-bottom: 0;}} @media (max-width: 768px){#sh_all_in_one_snippet_28 .sh_content .sh_des p{margin-bottom: 0;}#sh_all_in_one_snippet_28 .sh_content{margin-bottom: 30px;}#sh_all_in_one_snippet_28 .col-md-6:last-child .sh_content{margin-bottom: 0;}} @media (max-width: 576px){#sh_all_in_one_snippet_28 .sh_content .sh_icon{width: 80px; height: 80px; line-height: 80px; font-size: 30px;}#sh_all_in_one_snippet_28 .sh_content{padding-left: 100px;}#sh_all_in_one_snippet_28 .sh_content .sh_des h2{font-size: 34px;}} #sh_all_in_one_snippet_29{padding: 50px 0; background: #f5f5f5;} #sh_all_in_one_snippet_29 .sh_content{display: -webkit-box; display: -webkit-flex; display: flex; position: relative; justify-content: space-between;} #sh_all_in_one_snippet_29 .sh_content .sh_icon span{width: 80px; height: 80px; line-height: 78px; border: 1px solid #4e4e4f; border-radius: 50%; text-align: center; font-size: 28px; background-color: #f5f5f5; margin-left: 30px; margin-right: 20px; margin-top: 30px; margin-bottom: 30px; transition: .5s; display: inline-table; color: #00A09D; position: relative; z-index: 1; transition: all .4s;} #sh_all_in_one_snippet_29 .sh_content .sh_icon:before{position: absolute; content: ''; left: 0; top: 0; width: 70px; height: 150px; border: 1px solid #4e4e4f; transition: .5s;} #sh_all_in_one_snippet_29 .sh_content .sh_des h2{font-size: 50px; font-weight: 700; margin-bottom: 10px; color: #00A09D;} #sh_all_in_one_snippet_29 .sh_content .sh_des p{margin: 0; color: #bebec2;} #sh_all_in_one_snippet_29 .sh_content .sh_des h4{font-size: 20px; font-weight: 700; color: #333; margin-bottom: 10px;} #sh_all_in_one_snippet_29 .sh_content:hover .sh_icon:before{border-color: #00A09D;} #sh_all_in_one_snippet_29 .sh_content:hover .sh_icon span{background-color: #00A09D; color: #fff;} @media (max-width: 991px){#sh_all_in_one_snippet_29 .sh_content{margin-bottom: 20px;}#sh_all_in_one_snippet_29 .col-lg-4:last-child .sh_content{margin-bottom: 0px;}#sh_all_in_one_snippet_29 .sh_content .sh_des h2{font-size: 34px;}} #sh_all_in_one_snippet_30{padding: 50px 0;} #sh_all_in_one_snippet_30 .sh_content{position: relative; padding: 0 20px; transition: all .4s;} #sh_all_in_one_snippet_30 .sh_content:before{position: absolute; content: ""; left: 0px; top: 0px; bottom: 38px; right: 0px; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 50px 0px; transform: translateY(38px); background: #fff; border-radius: 6px; transition: all 0.5s ease 0s;} #sh_all_in_one_snippet_30 .sh_content .sh_img_icon{position: relative; border-radius: 6px; overflow: hidden; transition: all 0.5s ease 0s;} #sh_all_in_one_snippet_30 .sh_content .sh_img_icon .sh_icon{position: absolute; right: 0px; bottom: 0px; width: 75px; height: 80px; font-size: 35px; color: #fff; line-height: 75px; text-align: center;} #sh_all_in_one_snippet_30 .sh_content .sh_img_icon .sh_icon:before{position: absolute; content: ""; top: 16px; left: -5px; height: 64px; width: 100px; transform: rotate(45deg); border-radius: 32px; background-color: #00A09D; pointer-events: none;} #sh_all_in_one_snippet_30 .sh_content .sh_des{position: relative; text-align: center; padding: 24px 0px;} #sh_all_in_one_snippet_30 .sh_content .sh_des h4{position: relative; font-size: 16px; font-weight: 600; text-transform: uppercase; margin-bottom: 5px; color: #00A09D;} #sh_all_in_one_snippet_30 .sh_content .sh_des p{position: relative; font-size: 22px; font-weight: 600; margin-bottom: 0;} #sh_all_in_one_snippet_30 .sh_content .sh_overlay{position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; visibility: hidden; opacity: 0; border-radius: 6px; padding: 0px 20px; transition: all 0.5s ease 0s;} #sh_all_in_one_snippet_30 .sh_content .sh_overlay .sh_text{position: relative; color: white; text-align: center; padding: 38px 30px 30px; border-radius: 6px; background-image: url(/sh_all_in_one_snippets/static/src/img/20.jpg); background-size: cover;} #sh_all_in_one_snippet_30 .sh_content .sh_img_icon img{width: 100%; max-height: 150px; object-fit: cover;} #sh_all_in_one_snippet_30 .sh_content .sh_img_icon .sh_icon span{color: #fff; position: relative; z-index: 1; font-size: 26px;} #sh_all_in_one_snippet_30 .sh_content:hover .sh_img_icon{opacity: 0; visibility: hidden;} #sh_all_in_one_snippet_30 .sh_content:hover .sh_overlay{opacity: 1; visibility: visible;} #sh_all_in_one_snippet_30 .sh_content .sh_overlay .sh_text:before{position: absolute; content: ""; opacity: 0.8; left: 0px; top: 0px; right: 0px; bottom: 0px; background: #201630; border-radius: 6px; pointer-events: none;} #sh_all_in_one_snippet_30 .sh_content:hover:before{transform: translateY(0px);} #sh_all_in_one_snippet_30 .sh_content .sh_overlay .sh_text p{color: #fff; z-index: 1; position: relative; margin-bottom: 0; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;} #sh_all_in_one_snippet_30 .sh_content:hover > .sh_des{opacity: 0;} #sh_all_in_one_snippet_30.sh_disable_hover_cls .sh_content:hover:before{transform: translateY(38px);} #sh_all_in_one_snippet_30.sh_disable_hover_cls .sh_content:hover .sh_img_icon{opacity: 1; visibility: visible;} #sh_all_in_one_snippet_30.sh_disable_hover_cls .sh_content:hover > .sh_des{opacity: 1;} #sh_all_in_one_snippet_30.sh_disable_hover_cls .sh_content:hover .sh_overlay{opacity: 0; visibility: hidden;} @media (max-width: 991px){#sh_all_in_one_snippet_30 .sh_content{margin-bottom: 40px;}} @media (max-width: 768px){#sh_all_in_one_snippet_30 .sh_content .sh_des{height: auto;}#sh_all_in_one_snippet_30 .sh_content:hover > .sh_des{visibility: hidden; height: 0;}} @media (max-width: 576px){#sh_all_in_one_snippet_30 .sh_content .sh_overlay .sh_text{max-height: 120px; padding: 20px;}#sh_all_in_one_snippet_30 .sh_content{margin-bottom: 60px;}} #sh_all_in_one_snippet_31{padding: 50px 0;} #sh_all_in_one_snippet_31 .sh_content{position: relative;} #sh_all_in_one_snippet_31 .sh_content .sh_img{position: relative; overflow: hidden;} #sh_all_in_one_snippet_31 .sh_content .sh_img img{position: relative; width: 100%; transition: all 0.5s ease 0s; height: 245px; object-fit: cover; border-radius: 10px;} #sh_all_in_one_snippet_31 .sh_content .sh_des{position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; opacity: 0; visibility: hidden; border-radius: 6px; overflow: hidden; transition: all 0.5s ease 0s; pointer-events: none;} #sh_all_in_one_snippet_31 .sh_content .sh_des .sh_title{position: absolute; left: 30px; top: 30px; font-size: 24px; font-weight: 500; color: white; text-transform: uppercase; z-index: 1; pointer-events: auto;} #sh_all_in_one_snippet_31 .sh_content .sh_text{position: absolute; right: 30px; bottom: 30px; text-align: right; pointer-events: auto;} #sh_all_in_one_snippet_31 .sh_content .sh_text h4{position: relative; color: white; font-size: 18px; font-weight: 500; margin-bottom: 7px;} #sh_all_in_one_snippet_31 .sh_content .sh_text p{font-size: 22px; font-weight: 600; color: white; transform-style: preserve-3d; transform: perspective(1200px) rotateX(90deg) translateZ(-40px); transition: all 0.5s ease 0s;} #sh_all_in_one_snippet_31 .sh_content:hover .sh_des{visibility: visible; opacity: 1;} #sh_all_in_one_snippet_31 .sh_content:hover .sh_text p{transform: perspective(1200px) rotateX(0deg) translateZ(0px);} #sh_all_in_one_snippet_31 .sh_content .sh_des:before{position: absolute; content: ""; opacity: 0.9; left: 0px; right: 0px; bottom: 0px; top: 0px; background: #4c4c4c; pointer-events: none;} #sh_all_in_one_snippet_31 .sh_content .sh_des:after{position: absolute; content: ""; opacity: 0.9; right: 43%; bottom: 90px; width: 100%; height: 100%; transform: rotate(-30deg) scale(0.8); border-radius: 25px; transition: all 0.5s ease 0s; background-color: #00A09D; pointer-events: none;} #sh_all_in_one_snippet_31 .sh_content:hover .sh_des:after{transform: rotate(-30deg) scale(1);} #sh_all_in_one_snippet_31 .sh_content .sh_des .sh_title h2{font-size: 24px; margin-bottom: 0;} @media (max-width: 1200px){#sh_all_in_one_snippet_31 .sh_content .sh_img img{height: 250px; object-fit: cover;}} @media (max-width: 991px){#sh_all_in_one_snippet_31 .sh_content{margin-bottom: 20px;}#sh_all_in_one_snippet_31 .col-lg-4:last-child .sh_content{margin-bottom: 0;}} #sh_all_in_one_snippet_32{padding: 50px 0;} #sh_all_in_one_snippet_32 .sh_content{position: relative;} #sh_all_in_one_snippet_32 .sh_content .sh_img img{width: 100%; height: 260px; object-fit: cover;} #sh_all_in_one_snippet_32 .sh_content .sh_hoverpart{position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: 0 0; height: 100%; text-decoration: none; transition: all .3s ease-in-out; padding: 25px; pointer-events: none;} #sh_all_in_one_snippet_32 .sh_content .sh_hoverpart .sh_des .sh_title{transition: all .3s ease-in-out; transform: translate(0, 150px); pointer-events: auto;} #sh_all_in_one_snippet_32 .sh_content .sh_hoverpart h4{color: #fff; margin: 0; font-size: 24px; text-transform: capitalize; font-weight: 600;} #sh_all_in_one_snippet_32 .sh_content .sh_hoverpart h6{margin: 5px 0 0; font-weight: 300; font-size: 16px; color: #ececec;} #sh_all_in_one_snippet_32 .sh_content .sh_hoverpart p{color: #fff; font-size: 14px; opacity: 0; transition: all .3s ease-in-out; transform: translate(0, 25px); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin-top: 15px; margin-bottom: 15px; pointer-events: auto;} #sh_all_in_one_snippet_32 .sh_content .sh_hoverpart .sh_btn{pointer-events: none;} #sh_all_in_one_snippet_32 .sh_content .sh_hoverpart .sh_btn a{color: #fff; border: 2px solid #fff; display: inline-block; text-decoration: none; opacity: 0; padding: 8px 0; -webkit-transition: all .3s ease-in-out; transform: translate(0, 25px); text-transform: capitalize; border-radius: 0; font-weight: 600; pointer-events: auto;} #sh_all_in_one_snippet_32 .sh_content:hover .sh_hoverpart .sh_des .sh_title{transform: translate(0, 0);} #sh_all_in_one_snippet_32 .sh_content:hover .sh_hoverpart p{color: #fff; font-size: 16px; opacity: 1; font-weight: 300; transition: all .3s ease-in-out; transform: translate(0, 0);} #sh_all_in_one_snippet_32 .sh_content:hover .sh_hoverpart .sh_btn a{opacity: 1; padding: 8px 25px; transition: all .3s ease-in-out; transform: translate(0, 0);} #sh_all_in_one_snippet_32 .sh_content .sh_hoverpart .sh_btn a:hover{color: #00A09D; background: #fff;} #sh_all_in_one_snippet_32 .sh_content .sh_hoverpart:after{content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #333; height: 100%; text-decoration: none; transition: all .3s ease-in-out; opacity: 0.2; pointer-events: none;} #sh_all_in_one_snippet_32 .sh_content .sh_hoverpart .sh_des{position: relative; z-index: 1; pointer-events: none;} #sh_all_in_one_snippet_32 .sh_content:hover .sh_hoverpart:after{opacity: 0.5;} @media (max-width: 991px){#sh_all_in_one_snippet_32 .sh_content{margin-bottom: 20px;}#sh_all_in_one_snippet_32 .col-lg-4:last-child .sh_content{margin-bottom: 0;}} #sh_all_in_one_snippet_33{padding-top: 50px;} #sh_all_in_one_snippet_33 .sh_content{background: url(/sh_all_in_one_snippets/static/src/img/23.jpg); min-height: 300px; background-position: 50%; background-size: cover; padding: 40px; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; text-align: center; position: relative; border-radius: 6px; overflow: hidden;} #sh_all_in_one_snippet_33 .sh_content .sh_overlay{position: absolute; height: 100%; width: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); pointer-events: none;} #sh_all_in_one_snippet_33 .sh_content .sh_des{position: relative; max-width: 390px; margin-right: auto; margin-left: auto; z-index: 2;} #sh_all_in_one_snippet_33 .sh_content .sh_des h4{font-size: 24px; line-height: 1.25; color: #fff; font-weight: 600; margin-bottom: 15px;} #sh_all_in_one_snippet_33 .sh_content .sh_info{height: 0; overflow: hidden; transition: height .5s ease-in-out;} #sh_all_in_one_snippet_33 .sh_content p{margin-bottom: 0; color: #fff; padding-bottom: 0px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;} #sh_all_in_one_snippet_33 .sh_content .sh_btn a{color: #fff; font-weight: 600; font-size: 16px; line-height: 1.3; text-transform: capitalize; text-decoration: none; letter-spacing: 0.7px;} #sh_all_in_one_snippet_33 .sh_content:hover .sh_info{height: 100px;} @media (max-width: 991px){#sh_all_in_one_snippet_33 .sh_content{margin-bottom: 20px;}#sh_all_in_one_snippet_33 .col-lg-4:last-child .sh_content{margin-bottom: 0;}} #sh_all_in_one_snippet_34{padding-top: 50px;} #sh_all_in_one_snippet_34 .sh_content{overflow: hidden; position: relative; height: 300px;} #sh_all_in_one_snippet_34 .sh_content .sh_overlay{display: block; position: relative; background: #000; z-index: 1; opacity: 0; transition: all 0.5s cubic-bezier(0.5, 0, 0.4, 1); padding: 50%; pointer-events: none;} #sh_all_in_one_snippet_34 .sh_content .sh_overlay:after{height: 100%; width: 273%; display: block; content: ""; position: absolute; background: #333; transform: rotate(45deg); top: -200%; right: -100%; transition: all 0.7s cubic-bezier(0.5, 0, 0.4, 1);} #sh_all_in_one_snippet_34 .sh_content .sh_img{height: 100% !important; left: 0; position: absolute; top: 0; width: 100%; background: url(/sh_all_in_one_snippets/static/src/img/24.jpg); background-size: cover; z-index: 0;} #sh_all_in_one_snippet_34 .sh_content .sh_descrition{position: absolute; opacity: 0; padding: 20px 20px; margin: 20px; z-index: 1; transform: scale(0.7); transition: all .2s ease-in 0s; bottom: 0;} #sh_all_in_one_snippet_34 .sh_content .sh_descrition .sh_text{border-style: solid; border-width: 2px; border-color: #fff; background-color: rgba(9, 9, 9, 0); text-align: left; padding: 20px;} #sh_all_in_one_snippet_34 .sh_content .sh_descrition .sh_text p{font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: 0; display: block; color: #00A09D; margin-bottom: 5px;} #sh_all_in_one_snippet_34 .sh_content .sh_descrition .sh_text h4{font-size: 30px; display: block; padding: 0; margin: 0 0; color: #fff; font-weight: 600;} #sh_all_in_one_snippet_34 .sh_content:hover .sh_overlay{background-color: #424242; opacity: .8;} #sh_all_in_one_snippet_34 .sh_content:hover .sh_overlay:after{background-color: #000; top: 72%;} #sh_all_in_one_snippet_34 .sh_content:hover .sh_descrition{transform: scale(1); opacity: 1;} @media (max-width: 991px){#sh_all_in_one_snippet_34 .sh_content{margin-bottom: 20px;}#sh_all_in_one_snippet_34 .col-lg-4:last-child .sh_content{margin-bottom: 0;}} @media (max-width: 576px){#sh_all_in_one_snippet_34 .sh_content .sh_descrition .sh_text h4{font-size: 24px;}} #sh_all_in_one_snippet_36{padding: 0;} #sh_all_in_one_snippet_36 .sh_content{position: relative; width: 50%; left: 0; text-align: right; padding-right: 215px; padding-top: 10px; padding-bottom: 10px;} #sh_all_in_one_snippet_36 .sh_content .sh_left h4{font-size: 18px; font-weight: 600; margin-bottom: 8px; text-transform: uppercase; color: #00A09D;} #sh_all_in_one_snippet_36 .sh_content .sh_left h2{font-size: 22px; font-weight: 700; margin-bottom: 15px;} #sh_all_in_one_snippet_36 .sh_content .sh_left p{font-size: 18px; font-weight: 500; margin-bottom: 20px;} #sh_all_in_one_snippet_36 .sh_content .sh_link a{position: relative; font-size: 16px; color: #fff; width: 50px; height: 50px; line-height: 50px; border-radius: 50%; text-align: center; background: #00A09D; padding: 0;} #sh_all_in_one_snippet_36 .sh_content .sh_left:before{position: absolute; content: ''; left: auto; right: 0; transform: translateX(50%); top: 0; width: 54px; height: 54px; background-color: #d4d7de; border: 9px solid #fff; border-radius: 50%;} #sh_all_in_one_snippet_36 .sh_content .sh_left:after{position: absolute; content: ''; left: auto; right: 0; top: 10px; width: 34px; height: 34px; background-color: #d4d7de; border: 14px solid #fff; border-radius: 50%; transform: translateX(50%);} #sh_all_in_one_snippet_36 .sh_content .sh_left .sh_shape{height: 2px; width: 100px; background: #d4d7de; position: absolute; right: 27px; top: 26px;} #sh_all_in_one_snippet_36 .sh_content:before{position: absolute; content: ''; right: -1px; top: 0; bottom: 45px; width: 2px; background-color: #eee; transform: translateX(0%); height: 100%;} @media (max-width: 991px){#sh_all_in_one_snippet_36 .sh_content{padding-right: 90px;}#sh_all_in_one_snippet_36 .sh_content .sh_left .sh_shape{width: 40px;}} @media (max-width: 768px){#sh_all_in_one_snippet_36 .sh_content{padding-right: 0; text-align: left; padding-left: 90px; width: 100%;}#sh_all_in_one_snippet_36 .sh_content:before{right: auto; left: 0px;}#sh_all_in_one_snippet_36 .sh_content .sh_left:before{left: 0; right: auto; transform: translateX(-50%);}#sh_all_in_one_snippet_36 .sh_content .sh_left:after{left: 0px; right: auto; transform: translateX(-50%);}#sh_all_in_one_snippet_36 .sh_content .sh_left .sh_shape{left: 30px;}} @media (max-width: 576px){#sh_all_in_one_snippet_36 .sh_content:before{left: 25px;}#sh_all_in_one_snippet_36 .sh_content .sh_left:before{left: 25px;}#sh_all_in_one_snippet_36 .sh_content .sh_left:after{left: 25px;}} #sh_all_in_one_snippet_37{padding: 0;} #sh_all_in_one_snippet_37 .sh_content{position: relative; width: 50%; right: 0; text-align: left; padding-left: 215px; margin-left: auto; padding-top: 10px; padding-bottom: 10px;} #sh_all_in_one_snippet_37 .sh_content .sh_left h4{font-size: 18px; font-weight: 600; margin-bottom: 8px; text-transform: uppercase; color: #00A09D;} #sh_all_in_one_snippet_37 .sh_content .sh_left h2{font-size: 22px; font-weight: 700; margin-bottom: 15px;} #sh_all_in_one_snippet_37 .sh_content .sh_left p{font-size: 18px; font-weight: 500; margin-bottom: 20px;} #sh_all_in_one_snippet_37 .sh_content .sh_link a{position: relative; font-size: 16px; color: #fff; width: 50px; height: 50px; line-height: 50px; border-radius: 50%; text-align: center; background: #00A09D; padding: 0;} #sh_all_in_one_snippet_37 .sh_content .sh_left:before{position: absolute; content: ''; left: 0; right: auto; transform: translateX(-50%); top: 10px; width: 54px; height: 54px; background-color: #d4d7de; border: 9px solid #fff; border-radius: 50%;} #sh_all_in_one_snippet_37 .sh_content .sh_left:after{position: absolute; content: ''; left: 0; right: auto; top: 20px; width: 34px; height: 34px; background-color: #d4d7de; border: 14px solid #fff; border-radius: 50%; transform: translateX(-50%);} #sh_all_in_one_snippet_37 .sh_content .sh_left .sh_shape{height: 2px; width: 100px; background: #d4d7de; position: absolute; left: 27px; top: 37px;} #sh_all_in_one_snippet_37 .sh_content:before{position: absolute; content: ''; left: 0; top: 0; bottom: 45px; width: 2px; background-color: #eee; transform: translateX(-50%); height: 100%;} @media (max-width: 991px){#sh_all_in_one_snippet_37 .sh_content{padding-left: 90px;}#sh_all_in_one_snippet_37 .sh_content .sh_left .sh_shape{width: 40px;}} @media (max-width: 768px){#sh_all_in_one_snippet_37 .sh_content{width: 100%;}} @media (max-width: 576px){#sh_all_in_one_snippet_37 .sh_content:before{left: 26px;}#sh_all_in_one_snippet_37 .sh_content .sh_left:after{left: 25px;}#sh_all_in_one_snippet_37 .sh_content .sh_left:before{left: 25px;}} #sh_all_in_one_snippet_38{position: relative;} #sh_all_in_one_snippet_38 .sh_content{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; align-items: center; transition: opacity 0.5s; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-direction: row-reverse;} #sh_all_in_one_snippet_38 .sh_content .sh_time{margin-right: calc( 50% - 12px); margin-left: 50px; position: relative; z-index: 1;} #sh_all_in_one_snippet_38 .sh_content .sh_time .sh_circle{background: #00A09D; width: 22px; height: 22px; border-radius: 50%; position: relative; z-index: 0;} #sh_all_in_one_snippet_38 .sh_content .sh_time h4{position: absolute; z-index: 1; top: 0; right: auto; font-size: 24px; font-weight: 700; line-height: 20px; white-space: nowrap; transition: 0.3s; left: 100%; padding-left: 50px; padding-right: 0;} #sh_all_in_one_snippet_38 .sh_content .sh_time_content{position: relative; z-index: 1; padding: 23px 30px; width: 100%; max-width: 345px; box-shadow: 7px 5px 30px 0 rgba(72, 73, 121, 0.15); border-radius: 4px; background: #ffffff; overflow: hidden; transition: 0.4s; opacity: 1; transform: translateX(0); text-align: right; border-right: 5px solid #00A09D; margin: 10px 0;} #sh_all_in_one_snippet_38 .sh_content .sh_time_content h5{font-size: 18px; line-height: 24px; font-weight: 700; margin-bottom: 8px;} #sh_all_in_one_snippet_38 .sh_content .sh_time_content p{line-height: 24px; margin-bottom: 0; color: #212529;} #sh_all_in_one_snippet_38 .sh_content:before{content: ''; position: absolute; z-index: -1; height: 100%; width: 2px; left: 50%; top: 0; margin-left: 0px; background: #eaeaea;} #sh_all_in_one_snippet_38 .sh_content:hover .sh_time_content{transform: translateX(-5px);} #sh_all_in_one_snippet_38 .sh_content:hover .sh_time h4{padding-left: 55px;} @media (max-width: 576px){#sh_all_in_one_snippet_38 .sh_content .sh_time h4{left: 0;}#sh_all_in_one_snippet_38 .sh_content{display: block; position: relative;}#sh_all_in_one_snippet_38 .sh_content:before{left: 10px;}#sh_all_in_one_snippet_38 .sh_content .sh_time{margin-left: 0;}#sh_all_in_one_snippet_38 .sh_content .sh_time_content{max-width: 90%; border-right: 0; border-left: 5px solid #00A09D; margin-left: auto; margin-top: 20px;}} #sh_all_in_one_snippet_39{position: relative;} #sh_all_in_one_snippet_39 .sh_content{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; align-items: center; margin-bottom: 0px; transition: opacity 0.5s; -webkit-box-orient: horizontal; -webkit-box-direction: reverse;} #sh_all_in_one_snippet_39 .sh_content .sh_time{margin-left: calc( 50% - 10px); margin-right: 50px; position: relative; z-index: 1;} #sh_all_in_one_snippet_39 .sh_content .sh_time .sh_circle{background: #00A09D; width: 22px; height: 22px; border-radius: 50%; position: relative; z-index: 0;} #sh_all_in_one_snippet_39 .sh_content .sh_time h4{position: absolute; z-index: 1; top: 0; left: auto; font-size: 24px; font-weight: 700; line-height: 20px; white-space: nowrap; transition: 0.3s; right: 100%; padding-right: 50px; padding-left: 0;} #sh_all_in_one_snippet_39 .sh_content .sh_time_content{position: relative; z-index: 1; padding: 23px 30px; width: 100%; max-width: 345px; box-shadow: 7px 5px 30px 0 rgba(72, 73, 121, 0.15); border-radius: 4px; background: #ffffff; overflow: hidden; transition: 0.4s; opacity: 1; transform: translateX(0); text-align: right; border-left: 5px solid #00A09D; margin: 10px 0;} #sh_all_in_one_snippet_39 .sh_content .sh_time_content h5{font-size: 18px; line-height: 24px; font-weight: 700; margin-bottom: 8px;} #sh_all_in_one_snippet_39 .sh_content .sh_time_content p{line-height: 24px; margin-bottom: 0; color: #212529;} #sh_all_in_one_snippet_39 .sh_content:before{content: ''; position: absolute; z-index: -1; height: 100%; width: 2px; left: 50%; top: 0; margin-left: 0px; background: #eaeaea;} #sh_all_in_one_snippet_39 .sh_content:hover .sh_time_content{transform: translateX(5px);} #sh_all_in_one_snippet_39 .sh_content:hover .sh_time h4{padding-right: 55px;} @media (max-width: 576px){#sh_all_in_one_snippet_39 .sh_content{display: block; position: relative;}#sh_all_in_one_snippet_39 .sh_content:before{left: 10px;}#sh_all_in_one_snippet_39 .sh_content .sh_time{margin-left: 0;}#sh_all_in_one_snippet_39 .sh_content .sh_time_content{max-width: 90%; margin-left: auto;}#sh_all_in_one_snippet_39 .sh_content .sh_time h4{padding-left: 50px; left: 0;}} #sh_all_in_one_snippet_40{position: relative;} #sh_all_in_one_snippet_40 .sh_time{font-size: 14px; font-weight: 600; margin: 41px 0 0 0; text-align: right;} #sh_all_in_one_snippet_40 .sh_time p{margin-bottom: 0;} #sh_all_in_one_snippet_40 .sh_content{position: relative; display: inline-block; margin: 15px; padding: 20px; border: 1px solid #dddddd; border-radius: 6px; background: #ffffff;} #sh_all_in_one_snippet_40 .sh_content .sh_icon{position: relative; width: 40px; height: auto; float: left;} #sh_all_in_one_snippet_40 .sh_content .sh_icon span{font-size: 25px; color: #00A09D; font-weight: 600;} #sh_all_in_one_snippet_40 .sh_content .sh_des{position: relative; width: calc(100% - 40px); float: left;} #sh_all_in_one_snippet_40 .sh_content .sh_des h3{font-size: 16px; font-weight: 600; margin-bottom: 3px;} #sh_all_in_one_snippet_40 .sh_content .sh_des p{font-size: 14px; font-weight: 400; margin-bottom: 0;} #sh_all_in_one_snippet_40 .sh_time p:after{content: ''; display: block; position: absolute; width: 14px; height: 14px; top: 45px; background: #00A09D; box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); border-radius: 15px; z-index: 1; right: -7px;} #sh_all_in_one_snippet_40:after{position: absolute; content: ""; width: 1px; height: 100%; top: 0; left: 50%; margin-left: 0; background: #00A09D;} #sh_all_in_one_snippet_40 .sh_content:before{content: ''; display: block; position: absolute; width: 0; height: 0; border-style: solid; border-color: transparent #dddddd transparent transparent; top: 26px; border-width: 11px; right: 100%;} #sh_all_in_one_snippet_40 .sh_content:after{content: ''; display: block; position: absolute; width: 0; height: 0; border-style: solid; border-color: transparent #ffffff transparent transparent; top: 27px; border-width: 10px; right: 100%;} @media (max-width: 767px){#sh_all_in_one_snippet_40 .sh_time{text-align: left;}#sh_all_in_one_snippet_40 .sh_time p:after{right: auto; left: 10px;}#sh_all_in_one_snippet_40 .sh_time p{padding-left: 15px;}#sh_all_in_one_snippet_40:after{display: none;}} #sh_all_in_one_snippet_41{position: relative;} #sh_all_in_one_snippet_41 .sh_time{font-size: 14px; font-weight: 600; margin: 41px 0 0 0; text-align: left;} #sh_all_in_one_snippet_41 .sh_time p{margin-bottom: 0;} #sh_all_in_one_snippet_41 .sh_content{position: relative; display: inline-block; margin: 15px; padding: 20px; border: 1px solid #dddddd; border-radius: 6px; background: #ffffff; float: right;} #sh_all_in_one_snippet_41 .sh_content .sh_icon{position: relative; width: 40px; height: auto; float: left;} #sh_all_in_one_snippet_41 .sh_content .sh_icon span{font-size: 25px; color: #00A09D; font-weight: 600;} #sh_all_in_one_snippet_41 .sh_content .sh_des{position: relative; width: calc(100% - 40px); float: left;} #sh_all_in_one_snippet_41 .sh_content .sh_des h3{font-size: 16px; font-weight: 600; margin-bottom: 3px;} #sh_all_in_one_snippet_41 .sh_content .sh_des p{font-size: 14px; font-weight: 400; margin-bottom: 0;} #sh_all_in_one_snippet_41 .sh_time p:after{content: ''; display: block; position: absolute; width: 14px; height: 14px; top: 45px; background: #00A09D; box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); border-radius: 15px; z-index: 1; left: -7px;} #sh_all_in_one_snippet_41:after{position: absolute; content: ""; width: 1px; height: 100%; top: 0; left: 50%; margin-left: 0; background: #00A09D;} #sh_all_in_one_snippet_41 .sh_content:before{content: ''; display: block; position: absolute; width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #dddddd; top: 26px; border-width: 11px; left: 100%;} #sh_all_in_one_snippet_41 .sh_content:after{content: ''; display: block; position: absolute; width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #ffffff; top: 27px; border-width: 10px; left: 100%;} @media (max-width: 767px){#sh_all_in_one_snippet_41 .sh_content{float: left;}#sh_all_in_one_snippet_41 .sh_content:after{left: auto; right: 100%; border-color: transparent #ffffff transparent transparent;}#sh_all_in_one_snippet_41 .sh_content:before{left: auto; right: 100%; border-color: transparent #dddddd transparent transparent;}#sh_all_in_one_snippet_41 .row .col-lg-6:first-child{-webkit-order: 1; order: 1;}#sh_all_in_one_snippet_41 .sh_time p:after{left: 10px;}#sh_all_in_one_snippet_41 .sh_time p{padding-left: 15px;}#sh_all_in_one_snippet_41:after{display: none;}} #sh_all_in_one_snippet_42 .sh_content .sh_time{display: table-cell; vertical-align: top; position: relative;} #sh_all_in_one_snippet_42 .sh_content .sh_time:before{content: ''; width: 1px; height: 100%; background: #d2d2d2; position: absolute; top: 0; left: 50%;} #sh_all_in_one_snippet_42 .sh_content .sh_time h4{background: #00A09D; width: 108px; height: 108px; border-radius: 50%; text-align: center; color: #fff; font-size: 28px; line-height: 108px; font-weight: 600; position: relative; margin-bottom: 0;} #sh_all_in_one_snippet_42 .sh_content .sh_des{display: table-cell; vertical-align: top; padding-left: 70px; padding-top: 10px; padding-bottom: 10px;} #sh_all_in_one_snippet_42 .sh_content .sh_des h4{font-weight: 600; font-size: 26px; color: #242424; letter-spacing: 0; margin-bottom: 20px; text-transform: capitalize;} #sh_all_in_one_snippet_42 .sh_content .sh_des p{color: #777; font-size: 16px; line-height: 28px; margin-bottom: 0;} @media (max-width: 768px){#sh_all_in_one_snippet_42 .sh_content .sh_time h4{width: 90px; height: 90px; line-height: 90px; font-size: 20px;}#sh_all_in_one_snippet_42 .sh_content .sh_des{padding-left: 50px;}} @media (max-width: 576px){#sh_all_in_one_snippet_42 .sh_content .sh_time h4{width: 70px; height: 70px; line-height: 70px; font-size: 16px;}#sh_all_in_one_snippet_42 .sh_content .sh_des{padding-left: 20px;}} #sh_all_in_one_snippet_43 .sh_content{display: -webkit-box; display: -webkit-flex; display: flex; position: relative; padding: 15px 0 0;} #sh_all_in_one_snippet_43 .sh_content .sh_icon span{width: 30px; height: 30px; background: #00A09D; color: #fff; text-align: center; border-radius: 50%; line-height: 30px; font-size: 14px;} #sh_all_in_one_snippet_43 .sh_content .sh_right{margin-left: 30px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);} #sh_all_in_one_snippet_43 .sh_content .sh_title{padding: 15px 30px; border-bottom: 1px solid #e5e5e5;} #sh_all_in_one_snippet_43 .sh_content .sh_title h4{margin: 0; font-size: 20px; text-transform: capitalize; font-weight: 600; color: #00A09D;} #sh_all_in_one_snippet_43 .sh_content .sh_body{padding: 15px 30px; color: #777;} #sh_all_in_one_snippet_43 .sh_content .sh_body p{margin: 0;} #sh_all_in_one_snippet_43 .sh_content:before{background: #dadee4; content: ""; height: 100%; left: 15px; position: absolute; top: 20px; width: 2px; z-index: -1;} #sh_all_in_one_snippet_44 .sh_content{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center;} #sh_all_in_one_snippet_44 .sh_content .sh_left_content{position: relative; width: 50%; max-width: 50%; padding-right: 50px; padding-top: 10px; padding-bottom: 10px;} #sh_all_in_one_snippet_44 .sh_content .sh_left_content h6{text-transform: uppercase; letter-spacing: .1em; font-weight: 600; font-size: 14px; margin-bottom: 20px; text-align: right;} #sh_all_in_one_snippet_44 .sh_content .sh_img{text-align: right;} #sh_all_in_one_snippet_44 .sh_content .sh_img img{width: 70%; height: 200px; object-fit: cover;} #sh_all_in_one_snippet_44 .sh_content p{text-align: right; color: #999; margin-bottom: 0; margin-top: 20px; width: 70%; margin-left: auto;} #sh_all_in_one_snippet_44 .sh_content .sh_right_content h2{font-size: 50px; font-weight: 600; color: #ddd; padding-left: 50px; margin-bottom: 0;} #sh_all_in_one_snippet_44 .sh_content .sh_left_content:before{content: ''; position: absolute; top: 0; right: -10px; width: 20px; height: 20px; background: #00A09D; border-radius: 50%;} #sh_all_in_one_snippet_44 .sh_content .sh_left_content:after{content: ''; position: absolute; right: 0px; width: 1px; height: 100%; top: 0; background: #eee; z-index: -1;} @media (max-width: 768px){#sh_all_in_one_snippet_44 .sh_content .sh_left_content{padding-top: 0px; padding-right: 25px;}#sh_all_in_one_snippet_44 .sh_content .sh_img img{height: 150px; width: 100%;}#sh_all_in_one_snippet_44 .sh_content p{width: 100%;}#sh_all_in_one_snippet_44 .sh_content .sh_right_content h2{padding-left: 25px; font-size: 34px;}} @media (max-width: 576px){#sh_all_in_one_snippet_44 .sh_content{display: block;}#sh_all_in_one_snippet_44 .sh_content .sh_left_content{max-width: 100%; width: 100%; padding-right: 0; padding-left: 35px;}#sh_all_in_one_snippet_44 .sh_content .sh_left_content h6{text-align: left;}#sh_all_in_one_snippet_44 .sh_content .sh_left_content:before{left: 0;}#sh_all_in_one_snippet_44 .sh_content .sh_left_content:after{left: 10px;}#sh_all_in_one_snippet_44 .sh_content p{text-align: left;}} #sh_all_in_one_snippet_45 .sh_content{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center;} #sh_all_in_one_snippet_45 .sh_content .sh_left_content{position: relative; width: 50%; max-width: 50%; padding-left: 50px; padding-top: 10px; padding-bottom: 10px;} #sh_all_in_one_snippet_45 .sh_content .sh_left_content h6{text-transform: uppercase; letter-spacing: .1em; font-weight: 600; font-size: 14px; margin-bottom: 20px; text-align: left;} #sh_all_in_one_snippet_45 .sh_content .sh_img{text-align: left;} #sh_all_in_one_snippet_45 .sh_content .sh_img img{width: 70%; height: 200px; object-fit: cover;} #sh_all_in_one_snippet_45 .sh_content p{text-align: left; color: #999; margin-bottom: 0; margin-top: 20px; width: 70%; margin-left: 0;} #sh_all_in_one_snippet_45 .sh_content .sh_right_content h2{font-size: 50px; font-weight: 600; color: #ddd; padding-right: 50px; margin-bottom: 0;} #sh_all_in_one_snippet_45 .sh_content .sh_left_content:before{content: ''; position: absolute; top: 0; left: -10px; width: 20px; height: 20px; background: #00A09D; border-radius: 50%;} #sh_all_in_one_snippet_45 .sh_content .sh_left_content:after{content: ''; position: absolute; left: 0px; width: 1px; height: 100%; top: 0; background: #eee; z-index: -1;} #sh_all_in_one_snippet_45 .sh_content .sh_right_content{width: 50%; text-align: right;} @media (max-width: 768px){#sh_all_in_one_snippet_45 .sh_content .sh_img img{width: 100%; height: 150px;}#sh_all_in_one_snippet_45 .sh_content .sh_left_content{padding-left: 25px;}#sh_all_in_one_snippet_45 .sh_content .sh_right_content h2{padding-right: 25px; font-size: 34px;}#sh_all_in_one_snippet_45 .sh_content p{width: 100%;}} @media (max-width: 576px){#sh_all_in_one_snippet_45 .sh_content{-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; justify-content: left;}#sh_all_in_one_snippet_45 .sh_content .sh_right_content{width: 100%; order: 3; text-align: left; padding-left: 35px;}#sh_all_in_one_snippet_45 .sh_content .sh_left_content{width: 100%; max-width: 100%; padding-left: 35px;}#sh_all_in_one_snippet_45 .sh_content .sh_left_content:before{left: 0;}#sh_all_in_one_snippet_45 .sh_content .sh_left_content:after{left: 10px;}} #sh_all_in_one_snippet_46{background: url(/sh_all_in_one_snippets/static/src/img/25.jpg); padding: 70px 0; position: relative; background-size: cover; background-repeat: no-repeat; overflow: hidden;} #sh_all_in_one_snippet_46:before{content: ''; position: absolute; top: 0; left: 0; background: #000; width: 100%; height: 100%; opacity: .5; pointer-events: none; z-index: 0;} #sh_all_in_one_snippet_46:after{top: 0; right: -240px; width: 50%; content: ""; height: 100%; position: absolute; transform: skew(-30deg); background-color: #00A09D; z-index: 1; opacity: 0.8;} #sh_all_in_one_snippet_46 .sh_left_content span{font-size: 18px; font-weight: 700; padding-left: 75px; position: relative; color: #fff;} #sh_all_in_one_snippet_46 .sh_left_content h2{font-size: 44px; font-weight: 700; color: #fff;} #sh_all_in_one_snippet_46 .sh_left_content p{font-size: 20px; padding-top: 25px; color: #fff; margin: 0;} #sh_all_in_one_snippet_46 .sh_right_btn{float: right; position: relative; z-index: 2;} #sh_all_in_one_snippet_46 .sh_right_btn a{border-color: #fff; color: #fff; padding: 12px 40px; border-width: 2px; text-transform: capitalize; font-weight: 600; font-size: 18px; transition: all .4s;} #sh_all_in_one_snippet_46 .row{align-items: center;} #sh_all_in_one_snippet_46 .sh_right_btn a:hover{background: #fff; color: #333;} #sh_all_in_one_snippet_46 .sh_left_content span:after{left: 0; top: 50%; content: ""; height: 3px; width: 60px; position: absolute; background: #fff; transform: translateY(-50%);} @media (max-width: 768px){#sh_all_in_one_snippet_46 .sh_right_btn{float: left; margin-top: 20px;}} @media (max-width: 576px){#sh_all_in_one_snippet_46 .sh_left_content h2{font-size: 30px;}#sh_all_in_one_snippet_46 .sh_left_content p{font-size: 16px; padding-top: 5px;}} #sh_all_in_one_snippet_47{position: relative; padding: 50px 0; background: url(/sh_all_in_one_snippets/static/src/img/26.jpg); background-size: cover; background-repeat: no-repeat; background-position: center;} #sh_all_in_one_snippet_47:after{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.7; pointer-events: none;} #sh_all_in_one_snippet_47 .sh_content{text-align: center; font-weight: 400; font-size: 22px; color: #fff; padding-top: 20px; padding-bottom: 20px; position: relative; z-index: 1;} #sh_all_in_one_snippet_47 .sh_content a{background: #fff; text-transform: capitalize; padding: 10px 30px; border-radius: 30px; border-top-right-radius: 0;} #sh_all_in_one_snippet_47 .sh_content p{margin-bottom: 30px; letter-spacing: 1px;} #sh_all_in_one_snippet_48{position: relative; padding: 50px 0; background: url(/sh_all_in_one_snippets/static/src/img/27.jpg); background-size: cover; background-repeat: no-repeat; background-position: center; margin-top: 50px;} #sh_all_in_one_snippet_48:after{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #00A09D; opacity: 0.7; pointer-events: none;} #sh_all_in_one_snippet_48 .sh_content{padding-top: 20px; padding-bottom: 20px; position: relative; z-index: 1; text-align: center;} #sh_all_in_one_snippet_48 .sh_content h3{font-size: 30px; font-weight: 600; color: #fff; text-transform: uppercase; margin-bottom: 20px;} #sh_all_in_one_snippet_48 .sh_content p{color: #fff; margin-bottom: 0; width: 85%; margin: auto; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;} #sh_all_in_one_snippet_48 .sh_content .sh_btn{margin-top: 40px;} #sh_all_in_one_snippet_48 .sh_content .sh_btn a{padding: 10px 30px; background: #fff; color: #00A09D; font-weight: 600; font-size: 16px; letter-spacing: 0.7px; margin: 0 10px; border-width: 2px;} #sh_all_in_one_snippet_48 .sh_content .sh_btn a:last-child{padding: 10px 30px; color: #fff; border-color: #fff; font-weight: 600; font-size: 16px; letter-spacing: 0.7px; margin: 0 10px; border-width: 2px; background: transparent; transition: all .4s;} #sh_all_in_one_snippet_48 .sh_content .sh_btn a:last-child:hover{background: #fff; color: #00A09D;} @media (max-width: 576px){#sh_all_in_one_snippet_48 .sh_content h3{font-size: 22px;}#sh_all_in_one_snippet_48 .sh_content .sh_btn a, #sh_all_in_one_snippet_48 .sh_content .sh_btn a:last-child{padding: 10px 20px;}} #sh_all_in_one_snippet_49{background: #00A09D; padding: 50px 0;} #sh_all_in_one_snippet_49 .row{align-items: center;} #sh_all_in_one_snippet_49 h2{position: relative; color: #fff; font-size: 36px; font-weight: 600; padding-left: 100px; margin-bottom: 0;} #sh_all_in_one_snippet_49 h2 span{position: absolute; left: 0; top: 15px; font-size: 60px; color: #875A7B;} #sh_all_in_one_snippet_49 .sh_content{position: relative; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; -webkit-box-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; flex-wrap: wrap;} #sh_all_in_one_snippet_49 .sh_content .sh_contant_info{position: relative; padding-left: 60px;} #sh_all_in_one_snippet_49 .sh_content .sh_contant_info .sh_icon{position: absolute; font-size: 40px; line-height: 50px; left: 0; color: #875A7B;} #sh_all_in_one_snippet_49 .sh_content h4{font-size: 22px; font-weight: 600; color: #fff; margin-bottom: 0;} #sh_all_in_one_snippet_49 .sh_content .sh_contant_info a{position: relative; font-size: 14px; color: #ffffff; text-decoration: none; transition: all .4s;} #sh_all_in_one_snippet_49 .sh_content a.btn{background: #875A7B; color: #fff; padding: 10px 30px; font-weight: 600;} #sh_all_in_one_snippet_49 .sh_content .sh_contant_info a:hover{color: #875A7B;} @media (max-width: 991px){#sh_all_in_one_snippet_49 .sh_content{margin-top: 30px;}} @media (max-width: 768px){#sh_all_in_one_snippet_49 h2{font-size: 30px;}} @media (max-width: 576px){#sh_all_in_one_snippet_49 h2{font-size: 20px; padding-left: 60px;}#sh_all_in_one_snippet_49 h2 span{font-size: 36px; top: 7px;}#sh_all_in_one_snippet_49 .sh_content a.btn{margin-top: 20px;}#sh_all_in_one_snippet_49 .sh_content{display: block;}} #sh_all_in_one_snippet_50 .sh_title{text-align: center; max-width: 80%; margin: 0 auto;} #sh_all_in_one_snippet_50 .sh_title span{font-size: 14px; color: #00A09D; font-weight: 600; letter-spacing: 0.7px;} #sh_all_in_one_snippet_50 .sh_title h4{color: #030d26; font-weight: 600; text-transform: uppercase; font-size: 30px;} #sh_all_in_one_snippet_50 .sh_title p{color: #777; padding-top: 15px; margin-top: 15px; margin-bottom: 0; position: relative; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;} #sh_all_in_one_snippet_50 .sh_title p:after{content: ''; position: absolute; top: 0; width: 50px; height: 2px; background: #00A09D; left: 50%; transform: translateX(-50%);} @media (max-width: 576px){#sh_all_in_one_snippet_50 .sh_title{max-width: 100%;}} #sh_all_in_one_snippet_51{padding-top: 40px;} #sh_all_in_one_snippet_51 .sh_title{text-align: center;} #sh_all_in_one_snippet_51 .sh_title span{background: #00A09D; display: inline-block; color: #fff; font-weight: 700; line-height: 1; padding: 5px 8px; position: relative; z-index: 0;} #sh_all_in_one_snippet_51 .sh_title h4{font-size: 60px; font-weight: 700; color: #002e5b; letter-spacing: -1.8px; z-index: 1; position: relative; margin-bottom: 10px; text-transform: capitalize;} @media (max-width: 576px){#sh_all_in_one_snippet_51 .sh_title h4{font-size: 30px; letter-spacing: normal;}} #sh_all_in_one_snippet_52{padding-top: 40px;} #sh_all_in_one_snippet_52 .sh_title{text-align: center;} #sh_all_in_one_snippet_52 .sh_title span{color: #00A09D; font-size: 18px; font-weight: 600; line-height: 23px; margin: 0px 0px 10px 0px; text-transform: capitalize;} #sh_all_in_one_snippet_52 .sh_title h4{color: #120F2D; margin: 0; font-size: 39px; font-weight: 800; line-height: 46px; text-transform: capitalize;} @media (max-width: 576px){#sh_all_in_one_snippet_52 .sh_title h4{font-size: 24px; line-height: normal;}} #sh_all_in_one_snippet_53{padding-top: 40px;} #sh_all_in_one_snippet_53 .sh_title span{font-style: italic; color: #00A09D; margin-bottom: 10px; text-transform: capitalize; font-weight: 600;} #sh_all_in_one_snippet_53 .sh_title span:before{content: ""; width: 20px; height: 2px; vertical-align: middle; margin-right: 10px; background: #00A09D; display: inline-block;} #sh_all_in_one_snippet_53 .sh_title h4{font-weight: 700; color: #252525; margin: 0; font-size: 36px;} @media (max-width: 576px){#sh_all_in_one_snippet_53 .sh_title h4{font-size: 26px;}} #sh_all_in_one_snippet_54{position: relative; width: 100%; padding: 70px 0;} #sh_all_in_one_snippet_54 .sh_title{max-width: 800px; text-align: center; margin: 0 auto; padding-bottom: 50px;} #sh_all_in_one_snippet_54 .sh_title h2{font-size: 32px; line-height: 45px; font-weight: bolder;} #sh_all_in_one_snippet_54 .sh_title p{padding-top: 10px; font-size: 17px; color: #828282; line-height: 28px;} #sh_all_in_one_snippet_54 .card{border: 0px; border-top: 2px solid rgba(0, 0, 0, 0.125); border-radius: 0; padding: 20px 0;} #sh_all_in_one_snippet_54 .card .card-header{border: 0px; background: #fff; padding-left: 0; padding-top: 20px; padding-right: 0px;} #sh_all_in_one_snippet_54 .card-header a{text-decoration: none;} #sh_all_in_one_snippet_54 .card-header a h5 .sh_one{height: 40px; width: 40px; border: 1px solid #bcc6d0; display: inline-block; border-radius: 50%; text-align: center; line-height: 40px; margin-right: 20px;} #sh_all_in_one_snippet_54 .card-body{padding-left: 65px; padding-top: 0;} #sh_all_in_one_snippet_54 .card-body p{margin: 0; line-height: 1.8; font-size: 15px;} #sh_all_in_one_snippet_54 .card-header a h5 .sh_text{font-size: 20px; font-weight: 400;} #sh_all_in_one_snippet_54 .card-header a h5 .sh_icon_down{float: right; padding-top: 10px;} #sh_all_in_one_snippet_54 .card-header a.collapsed h5 .sh_icon_down:before{content: "\f077";} @media only screen and (max-width: 400px){#sh_all_in_one_snippet_54 .card-header a h5 .sh_one{max-width: 15%; display: inline-block;}#sh_all_in_one_snippet_54 .card-header a h5 .sh_text{width: 70%; display: inline-block; vertical-align: middle;}#sh_all_in_one_snippet_54 .card-header a h5 .sh_icon_down{float: none; max-width: 5%; display: inline-block;}} @media only screen and (max-width: 576px){#sh_all_in_one_snippet_54 .card{padding: 10px 0px;}} #sh_all_in_one_snippet_55{position: relative; width: 100%; padding: 70px 0;} #sh_all_in_one_snippet_55 .card-header{padding: 0; border: 0;} #sh_all_in_one_snippet_55 .card-header a{padding: 12px 20px 12px 20px; display: block; text-decoration: none; background: #00A09D; color: #ffffff;} #sh_all_in_one_snippet_55 .card-header a h5 .sh_one{height: 30px; width: 30px; text-align: center; line-height: 30px; border-radius: 5px; display: inline-block; vertical-align: top; color: #00A09D; background: #ffffff; margin-right: 20px;} #sh_all_in_one_snippet_55 .card-header a h5 .sh_icon_down{float: right; padding-top: 5px;} #sh_all_in_one_snippet_55 .card-header a h5 .sh_text{padding-top: 5px; display: inline-block; font-size: 17px;} #sh_all_in_one_snippet_55 .card-header a h5{font-weight: 600; font-size: 16px; vertical-align: middle;} #sh_all_in_one_snippet_55 .card-body p{font-size: 15px; line-height: 1.9; color: #576477; font-weight: 400;} #sh_all_in_one_snippet_55 .card{margin-bottom: 10px; border-bottom: 1px; border: 1px dashed rgba(0, 0, 0, 0.125);} #sh_all_in_one_snippet_55 .card-header a.collapsed{background: #fff; color: #00A09D;} #sh_all_in_one_snippet_55 .card-header a.collapsed h5 .sh_one{color: #fff; background: #00A09D;} #sh_all_in_one_snippet_55 .card-header a.collapsed h5 .sh_icon_down{transform: rotate(-90deg); padding-right: 8px;} @media only screen and (max-width: 576px){#sh_all_in_one_snippet_55 .card-header a h5 .sh_one{margin-right: 5px;}#sh_all_in_one_snippet_55 .card-header a h5 .sh_text{font-size: 13px;}#sh_all_in_one_snippet_55 .card-header a.collapsed h5 .sh_icon_down{padding-right: 0px;}} @media only screen and (max-width: 576px){#sh_all_in_one_snippet_55 .card-header a h5 .sh_text{padding-top: 8px;}#sh_all_in_one_snippet_55 .card-header a h5 .sh_text{width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}} #sh_all_in_one_snippet_56{padding: 70px 0; position: relative;} #sh_all_in_one_snippet_56 .sh_title{max-width: 800px; text-align: center; margin: 0 auto; padding-bottom: 50px;} #sh_all_in_one_snippet_56 .sh_title h2{font-size: 32px; line-height: 45px; font-weight: bolder;} #sh_all_in_one_snippet_56 .sh_title p{padding-top: 10px; font-size: 16px; line-height: 28px;} #sh_all_in_one_snippet_56 a{text-decoration: none;} #sh_all_in_one_snippet_56 .accordion{padding-left: 40px; position: relative;} #sh_all_in_one_snippet_56 .card{border: 0; overflow: unset;} #sh_all_in_one_snippet_56 .card-header{background: transparent; border: 0;} #sh_all_in_one_snippet_56 .accordion .card-header a:before{background-color: #00A09D; content: ""; left: -32px; top: 15px; position: absolute; height: 25px; width: 25px; border-radius: 50px; z-index: 9;} #sh_all_in_one_snippet_56 .accordion .card-header a:after{font-family: "FontAwesome"; content: "\f068"; float: right; color: #efbb20; font-size: 16px; letter-spacing: -2px; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); float: left; color: #fff; font-size: 12px; left: -24px; right: auto; z-index: 99; top: 28px;} #sh_all_in_one_snippet_56 .accordion .card-header .collapsed:after{content: "\f067"; color: #000;} #sh_all_in_one_snippet_56 .card-header{padding: 1rem 1.25rem 1.5rem;} #sh_all_in_one_snippet_56 a h5{font-weight: 600; font-size: 18px;} #sh_all_in_one_snippet_56 p, #sh_all_in_one_snippet_56 li{font-size: 15px; line-height: 1.8;} #sh_all_in_one_snippet_56 .accordion:after{left: 20px; top: 20px; bottom: 20px; content: ""; position: absolute; width: 3px; background-color: rgba(0, 0, 0, 0.05);} #sh_all_in_one_snippet_56 .accordion .card-header .collapsed:before{background-color: #ddd;} #sh_all_in_one_snippet_56 .accordion .card-header .collapsed h5{color: #3d474a;} #sh_all_in_one_snippet_56 .accordion .card-header .collapsed h5:hover{color: #00A09D;} #sh_all_in_one_snippet_57{margin-top: 50px;} #sh_all_in_one_snippet_57 .card{margin-bottom: 20px; border-radius: 0; border: 1px solid rgba(0, 0, 0, 0.125);} #sh_all_in_one_snippet_57 .card .card-header{background: none; border: none; padding: 0;} #sh_all_in_one_snippet_57 .card .card-header a{color: #2f2c2c; font-size: 18px; margin: 0; padding-left: 0; font-weight: 600; text-decoration: none;} #sh_all_in_one_snippet_57 .card .card-body{color: #757575; line-height: 28px; font-size: 16px;} #sh_all_in_one_snippet_57 .card .card-body p{margin-bottom: 0; font-size: 15px;} #sh_all_in_one_snippet_57 .card .card-header h5 span.fa{float: right; color: #2f2c2c;} #sh_all_in_one_snippet_57 .accordion .card-header a.collapsed span.fa:before{content: "\f067";} #sh_all_in_one_snippet_57 .accordion .card-header a span.fa:before{content: "\f068";} #sh_all_in_one_snippet_57 .card .card-header a{padding: 1rem 1.25rem; border-top: 3px solid #00A09D; display: block; transition: all 0.4s;} #sh_all_in_one_snippet_57 .card .card-header a.collapsed{border: 0px; transition: all 0.4s;} #sh_all_in_one_snippet_57 .card .card-header a{color: #00A09D;} #sh_all_in_one_snippet_57 .card .card-header a.collapsed{color: #2f2c2c;} #sh_all_in_one_snippet_57 .card .card-header a h5 .sh_text{font-weight: 600;} @media (max-width: 576px){#sh_all_in_one_snippet_57 .card .card-header a h5 .sh_text{font-size: 16px;}} #sh_all_in_one_snippet_58{margin-top: 50px;} #sh_all_in_one_snippet_58 .card-header a{text-decoration: none; display: block; padding: 0px 30px 0px 0px; background: #f5f5f5; font-size: 18px; font-weight: 700; letter-spacing: 1px; color: #000; overflow: hidden; position: relative;} #sh_all_in_one_snippet_58 .card-header{padding: 0; border: 0;} #sh_all_in_one_snippet_58 .card-header a h5 span.fa{width: 40px; height: 40px; background: #00A09D; text-align: center; line-height: 40px; border-radius: 0; color: #fff;} #sh_all_in_one_snippet_58 .card-header a h5 .sh_text{font-weight: 600; font-size: 16px; padding-left: 10px;} #sh_all_in_one_snippet_58 .card .card-body{background: #f5f5f5 !important; padding: 10px 30px 10px 60px; border-top: none; font-size: 15px; color: #6f6f6f; letter-spacing: 1px; line-height: 28px; position: relative;} #sh_all_in_one_snippet_58 .card .card-body:after{content: ""; display: block; width: 40px; height: 100%; background: rgba(0, 0, 0, 0.05); position: absolute; top: 0; left: 0;} #sh_all_in_one_snippet_58 .card{border: 0; border-radius: 0; margin-bottom: 10px;} #sh_all_in_one_snippet_58 .card-header a span.fa:before{content: "\f068" !important;} #sh_all_in_one_snippet_58 .card-header a.collapsed span.fa:before{content: "\f067" !important;} @media only screen and (max-width: 576px){#sh_all_in_one_snippet_58 .card-header a h5 .sh_text{font-size: 14px; letter-spacing: normal;}} #sh_all_in_one_snippet_59{background: #f1f3f6; padding: 50px 0;} #sh_all_in_one_snippet_59 .sh_main{background: #fff; padding: 0 20px 20px;} #sh_all_in_one_snippet_59 .sh_title h4{text-transform: capitalize; font-weight: 600; margin-bottom: 20px; position: relative; padding: 10px 0;} #sh_all_in_one_snippet_59 .sh_title h4:after{content: ''; position: absolute; left: -20px; top: 0; width: 3px; height: 100%; background: #00A09D;} #sh_all_in_one_snippet_59 .sh_content{transition: all .4s;} #sh_all_in_one_snippet_59 .sh_content .sh_img{overflow: hidden;} #sh_all_in_one_snippet_59 .sh_content .sh_img img{height: 330px; object-fit: cover; transform: scale(1); transition: all .4s; width: 100%;} #sh_all_in_one_snippet_59 .sh_content .sh_des h5{font-size: 20px; color: #252525; text-transform: capitalize; font-weight: 600; margin: 15px 0;} #sh_all_in_one_snippet_59 .sh_content .sh_des h6{color: #252525; font-size: 18px; margin-top: 13px; line-height: 18px; margin-bottom: 15px; font-weight: 500;} #sh_all_in_one_snippet_59 .sh_content .sh_des h6 .sh_old_price{text-decoration: line-through; color: #757575; font-weight: normal; padding-left: 5px;} #sh_all_in_one_snippet_59 .sh_content .sh_des p{font-size: 14px; color: #757575; line-height: 24px; margin-bottom: 15px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; letter-spacing: 0.5px;} #sh_all_in_one_snippet_59 .sh_content .sh_des hr{border-width: 2px; border-color: #00A09D;} #sh_all_in_one_snippet_59 .sh_content .sh_countedown{display: -webkit-box; display: -webkit-flex; display: flex;} #sh_all_in_one_snippet_59 .sh_content .sh_countedown .sh_countdown_item{padding: 0 10px;} #sh_all_in_one_snippet_59 .sh_content .sh_countedown .sh_countdown_item .sh_count_num{background: #f1f3f6; padding: 10px 15px; font-weight: 600; border-radius: 5px; font-size: 18px;} #sh_all_in_one_snippet_59 .sh_content .sh_countedown .sh_count_time{text-align: center; text-transform: capitalize; color: #777; font-size: 12px; margin-top: 5px;} #sh_all_in_one_snippet_59 .sh_content .sh_countedown .sh_countdown_item:first-child{padding-left: 0;} #sh_all_in_one_snippet_59 .sh_content:hover .sh_img img{transform: scale(1.1);} @media (min-width: 991px) and (max-width: 1200px){#sh_all_in_one_snippet_59 .sh_content .sh_countedown .sh_countdown_item{padding: 0 5px;}} @media (max-width: 991px){#sh_all_in_one_snippet_59 .sh_content{margin-bottom: 20px;}} #sh_all_in_one_snippet_60{padding: 50px 0; background: #000; position: relative; margin-top: 50px;} #sh_all_in_one_snippet_60 .sh_main{background: #fff; padding: 20px; padding-bottom: 30px; position: relative; z-index: 1;} #sh_all_in_one_snippet_60 .sh_title h4{margin: 0; text-transform: capitalize; text-align: center; font-weight: 600; font-size: 22px;} #sh_all_in_one_snippet_60 .sh_title hr{margin: 20px 0;} #sh_all_in_one_snippet_60 .sh_content{display: -webkit-box; display: -webkit-flex; display: flex; margin-top: 20px;} #sh_all_in_one_snippet_60 .sh_content .sh_img{width: 40%; display: table-cell;} #sh_all_in_one_snippet_60 .sh_content .sh_img img{width: 100%; height: 200px; object-fit: cover;} #sh_all_in_one_snippet_60 .sh_content .sh_des{width: 60%; display: table-cell; padding-left: 20px;} #sh_all_in_one_snippet_60 .sh_content .sh_des h3{font-size: 18px; color: #555; text-decoration: none; text-transform: capitalize; margin-bottom: 15px;} #sh_all_in_one_snippet_60 .sh_content .sh_des h5{font-size: 16px; margin-bottom: 15px; color: #777;} #sh_all_in_one_snippet_60 .sh_content .sh_des h5 .sh_old_price{text-decoration: line-through;} #sh_all_in_one_snippet_60 .sh_content .sh_des h5 .sh_new_price{font-weight: 600; color: #333; padding-left: 5px; font-size: 18px;} #sh_all_in_one_snippet_60 .sh_content .sh_des .sh_countedown{display: -webkit-box; display: -webkit-flex; display: flex; border: 1px dashed #00A09D; padding: 10px 0;} #sh_all_in_one_snippet_60 .sh_content .sh_des .sh_countedown .sh_countdown_item{padding: 0 15px; text-align: center; width: 25%;} #sh_all_in_one_snippet_60 .sh_content .sh_des .sh_countedown .sh_count_num{font-weight: 600; font-size: 18px;} #sh_all_in_one_snippet_60 .sh_content .sh_des .sh_countedown .sh_count_time{text-transform: capitalize; font-size: 13px; color: #777;} #sh_all_in_one_snippet_60 .sh_content .sh_des p{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 14px; color: #777; letter-spacing: 0.7px; margin-bottom: 15px;} #sh_all_in_one_snippet_60:after{content: ''; position: absolute; top: 0; left: 0; width: 100%; background: #000; height: 100%; opacity: .5; pointer-events: none;} @media (max-width: 576px){#sh_all_in_one_snippet_60 .sh_content{display: block;}#sh_all_in_one_snippet_60 .sh_content .sh_img{width: 100%; display: block;}#sh_all_in_one_snippet_60 .sh_content .sh_des{width: 100%; display: block; padding-left: 0;}} #sh_all_in_one_snippet_61{margin-top: 50px;} #sh_all_in_one_snippet_61 .sh_left{position: relative;} #sh_all_in_one_snippet_61 .sh_left .sh_img img{width: 100%; border-radius: 5px; min-height: 360px; object-fit: cover;} #sh_all_in_one_snippet_61 .sh_left .sh_des{position: absolute; top: 50%; transform: translateY(-50%); left: 30px;} #sh_all_in_one_snippet_61 .sh_left .sh_des h5{margin: 0; text-transform: capitalize; font-size: 36px; font-weight: 500; color: #fff;} #sh_all_in_one_snippet_61 .sh_left .sh_des p{color: #fff; font-weight: 500; padding: 10px 0 30px 0; position: relative; font-size: 18px; margin: 0; text-transform: capitalize;} #sh_all_in_one_snippet_61 .sh_left .sh_des a{padding: 10px 30px;} #sh_all_in_one_snippet_61 .sh_left .sh_des h3{margin: 0; text-transform: capitalize; font-size: 32px; font-weight: 600; color: #fff;} #sh_all_in_one_snippet_61 .sh_right_content .sh_countedown{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center;} #sh_all_in_one_snippet_61 .sh_right_content .sh_countedown .sh_countdown_item{width: 60px; text-align: center; height: 60px; border: 1px solid; border-radius: 50%; padding-top: 13px; margin: 0 3px;} #sh_all_in_one_snippet_61 .sh_right_content .sh_countedown .sh_count_num{color: #00A09D; font-weight: 600; line-height: 15px;} #sh_all_in_one_snippet_61 .sh_right_content .sh_countedown .sh_count_time{text-transform: capitalize; font-size: 12px;} #sh_all_in_one_snippet_61 .sh_right_content{border: 3px solid #ebebeb; border-radius: 5px; position: relative;} #sh_all_in_one_snippet_61 .sh_right_content .sh_title h3{font-size: 20px; margin: 0px 0 25px 0; text-transform: capitalize; position: relative; font-weight: 600; border-bottom: 1px solid #ebebeb; padding: 19px 25px; letter-spacing: 0.5px;} #sh_all_in_one_snippet_61 .sh_right_content .sh_des{display: -webkit-box; display: -webkit-flex; display: flex; padding: 0 25px 20px; align-items: center;} #sh_all_in_one_snippet_61 .sh_right_content .sh_des .sh_left_des{width: 50%; display: table-cell;} #sh_all_in_one_snippet_61 .sh_right_content .sh_des .sh_left_des h4{font-size: 20px; font-weight: 600; color: #333; margin-bottom: 15px;} #sh_all_in_one_snippet_61 .sh_right_content .sh_des .sh_left_des .sh_price{display: -webkit-box; display: -webkit-flex; display: flex; margin-bottom: 15px;} #sh_all_in_one_snippet_61 .sh_right_content .sh_des .sh_left_des .sh_new_price{font-weight: 600;} #sh_all_in_one_snippet_61 .sh_right_content .sh_des .sh_left_des .sh_old_price{text-decoration: line-through; padding-left: 10px; color: #777;} #sh_all_in_one_snippet_61 .sh_right_content .sh_countedown .sh_countdown_item:first-child{margin-left: 0;} #sh_all_in_one_snippet_61 .sh_right_content .sh_des .sh_left_des p{margin-bottom: 15px; color: #777;} #sh_all_in_one_snippet_61 .sh_right_img .sh_img img{height: 270px; object-fit: cover; width: 100%;} #sh_all_in_one_snippet_61 .sh_right_content .sh_des .sh_right_img{width: 50%;} @media (max-width: 768px){#sh_all_in_one_snippet_61 .sh_right_content .sh_des{display: block;}#sh_all_in_one_snippet_61 .sh_right_content .sh_des .sh_left_des{width: 100%; display: block; margin-bottom: 20px;}#sh_all_in_one_snippet_61 .sh_right_content .sh_des .sh_right_img{width: 100%;}} #sh_all_in_one_snippet_62{margin-top: 50px;} #sh_all_in_one_snippet_62 .sh_left_content{background: url(/sh_all_in_one_snippets/static/src/img/33.jpg); background-size: cover; padding: 30px; border: 1px solid #ccc;} #sh_all_in_one_snippet_62 .sh_left_content .sh_top h2{color: #00A09D; font-size: 20px; line-height: 1.1; letter-spacing: -.01em; margin-bottom: 0; max-width: 240px; font-weight: 600;} #sh_all_in_one_snippet_62 .sh_left_content .sh_top h4{color: #777; font-weight: 300; font-size: 16px; line-height: 1.25; letter-spacing: 0; margin-bottom: 0rem; max-width: 240px;} #sh_all_in_one_snippet_62 .sh_left_content .sh_deal_content h3{font-weight: 400; font-size: 18px; line-height: 1.25; letter-spacing: -.01em; color: #333333; max-width: 240px; margin-bottom: 0;} #sh_all_in_one_snippet_62 .sh_left_content .sh_price{font-weight: 300; font-size: 2rem; margin-bottom: 0;} #sh_all_in_one_snippet_62 .sh_left_content .sh_price span.sh_new_price{font-weight: 400; letter-spacing: -.01em; color: #00A09D; margin-right: 5px; font-size: 20px;} #sh_all_in_one_snippet_62 .sh_left_content .sh_price span.sh_old_price{font-size: 16px; text-decoration: line-through; color: #777;} #sh_all_in_one_snippet_62 .sh_left_content .sh_countedown{display: -webkit-box; display: -webkit-flex; display: flex; padding-top: 40px;} #sh_all_in_one_snippet_62 .sh_left_content .sh_countedown .sh_countdown_item .sh_count_num{position: relative; font-weight: 400; font-size: 1rem; line-height: 1; padding: 10px 15px; background-color: #875A7B; border-radius: .3rem; border: none; text-align: center; color: #fff;} #sh_all_in_one_snippet_62 .sh_left_content .sh_countedown .sh_count_time{text-align: center; text-transform: capitalize; font-size: 12px; margin-top: 5px;} #sh_all_in_one_snippet_62 .sh_left_content .sh_countedown .sh_countdown_item{padding-right: 10px;} #sh_all_in_one_snippet_62 .sh_left_content .sh_deal_content a{padding: 0;} #sh_all_in_one_snippet_62 .sh_left_content .sh_top{padding-bottom: 40px;} @media (max-width: 991px){#sh_all_in_one_snippet_62 .sh_left_content{margin-bottom: 20px;}} #sh_all_in_one_snippet_63{padding: 50px 0;} #sh_all_in_one_snippet_63 .sh_content .sh_img img{width: 100%;} #sh_all_in_one_snippet_63 .sh_content{position: relative;} #sh_all_in_one_snippet_63 .sh_content .sh_des{position: absolute; top: 50%; left: 5%; transform: translateY(-50%);} #sh_all_in_one_snippet_63 .sh_content .sh_des h4{color: #fff; font-size: 40px;} #sh_all_in_one_snippet_63 .sh_content .sh_des p{color: #eee; font-size: 14px;} #sh_all_in_one_snippet_63 .sh_content .sh_countdown .sh_timer{display: inline-block; text-align: center; padding: 15px;} #sh_all_in_one_snippet_63 .sh_content .sh_countdown .sh_timer .sh_time{display: block; color: #fff; font-size: 24px; font-weight: 600;} #sh_all_in_one_snippet_63 .sh_content .sh_countdown .sh_timer .sh_day{color: #eee;} #sh_all_in_one_snippet_63 .sh_content .sh_countdown .sh_timer:first-child{padding-left: 0;} #sh_all_in_one_snippet_63 .sh_content .sh_des a.btn{border: 2px solid #fff; border-radius: 0; color: #eee; padding: 7px 20px; font-weight: 600; margin-top: 15px; transition: all .4s;} #sh_all_in_one_snippet_63 .sh_content .sh_des a.btn:hover{background: #fff; color: #000;} @media (max-width: 576px){#sh_all_in_one_snippet_63 .sh_content .sh_img img{min-height: 300px;}#sh_all_in_one_snippet_63 .sh_content .sh_des h4{font-size: 28px; font-weight: 600;}} 

/* /sh_all_in_one_snippets/static/src/scss/animate.css defined in bundle 'web.assets_frontend' */
 @-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; animation-duration: 1s;} @-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; animation-duration: 1s;} @-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; animation-duration: 1s;} @-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; animation-duration: 1s;} @-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; animation-duration: 1s;} @-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; animation-duration: 1s;} @-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; animation-duration: 1s;} @-webkit-keyframes wobble{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes wobble{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .wobble{-webkit-animation-name: wobble; animation-name: wobble; animation-duration: 1s;} @-webkit-keyframes jello{from, 11.1%, to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}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; animation-duration: 1s;} @-webkit-keyframes heartBeat{0%{-webkit-transform: scale(1); transform: scale(1);}14%{-webkit-transform: scale(1.3); transform: scale(1.3);}28%{-webkit-transform: scale(1); transform: scale(1);}42%{-webkit-transform: scale(1.3); transform: scale(1.3);}70%{-webkit-transform: scale(1); transform: scale(1);}} @keyframes heartBeat{0%{-webkit-transform: scale(1); transform: scale(1);}14%{-webkit-transform: scale(1.3); transform: scale(1.3);}28%{-webkit-transform: scale(1); transform: scale(1);}42%{-webkit-transform: scale(1.3); transform: scale(1.3);}70%{-webkit-transform: scale(1); transform: scale(1);}} .heartBeat{-webkit-animation-name: heartBeat; animation-name: heartBeat; -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;} @-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-duration: 1s; animation-duration: 1s; -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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .bounceInDown{-webkit-animation-name: bounceInDown; animation-name: bounceInDown; animation-duration: 1s;} @-webkit-keyframes bounceInLeft{from, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 10); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 10);}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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .bounceInLeft{-webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; animation-duration: 1s;} @-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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .bounceInRight{-webkit-animation-name: bounceInRight; animation-name: bounceInRight; animation-duration: 1s;} @-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; animation-duration: 1s;} @-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-duration: 1s; animation-duration: 1s; -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; animation-duration: 1s;} @-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; animation-duration: 1s;} @-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; animation-duration: 1s;} @-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; animation-duration: 1s;} @-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; animation-duration: 1s;} @-webkit-keyframes fadeInDown{from{opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}to{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes fadeInDown{from{opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}to{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .fadeInDown{-webkit-animation-name: fadeInDown; animation-name: fadeInDown; animation-duration: 1s;} @-webkit-keyframes fadeInDownBig{from{opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0);}to{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes fadeInDownBig{from{opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0);}to{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .fadeInDownBig{-webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; animation-duration: 1s;} @-webkit-keyframes fadeInLeft{from{opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}to{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes fadeInLeft{from{opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}to{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .fadeInLeft{-webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; animation-duration: 1s;} @-webkit-keyframes fadeInLeftBig{from{opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0);}to{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes fadeInLeftBig{from{opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0);}to{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .fadeInLeftBig{-webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; animation-duration: 1s;} @-webkit-keyframes fadeInRight{from{opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}to{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes fadeInRight{from{opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}to{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .fadeInRight{-webkit-animation-name: fadeInRight; animation-name: fadeInRight; animation-duration: 1s;} @-webkit-keyframes fadeInRightBig{from{opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0);}to{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes fadeInRightBig{from{opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0);}to{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .fadeInRightBig{-webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; animation-duration: 1s;} @-webkit-keyframes fadeInUp{from{opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}to{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes fadeInUp{from{opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}to{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .fadeInUp{-webkit-animation-name: fadeInUp; animation-name: fadeInUp; animation-duration: 1s;} @-webkit-keyframes fadeInUpBig{from{opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0);}to{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes fadeInUpBig{from{opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0);}to{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .fadeInUpBig{-webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; animation-duration: 1s;} @-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; animation-duration: 1s;} @-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; animation-duration: 1s;} @-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; animation-duration: 1s;} @-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; animation-duration: 1s;} @-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; animation-duration: 1s;} @-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; animation-duration: 1s;} @-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; animation-duration: 1s;} @-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; animation-duration: 1s;} @-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; animation-duration: 1s;} @-webkit-keyframes flip{from{-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;}40%{-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) scale3d(1, 1, 1) 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) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) scale3d(1, 1, 1) 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) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}to{-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}} @keyframes flip{from{-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;}40%{-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) scale3d(1, 1, 1) 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) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) scale3d(1, 1, 1) 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) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}to{-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -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; animation-duration: 1s;} @-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; animation-duration: 1s;} @-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; animation-duration: 1s;} @-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-duration: 1s; animation-duration: 1s; -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-animation-duration: 1s; animation-duration: 1s; -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);}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @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);}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .lightSpeedIn{-webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; animation-duration: 1s;} @-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; animation-duration: 1s;} @-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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); 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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1;}} .rotateIn{-webkit-animation-name: rotateIn; animation-name: rotateIn; animation-duration: 1s;} @-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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); 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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1;}} .rotateInDownLeft{-webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; animation-duration: 1s;} @-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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); 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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1;}} .rotateInDownRight{-webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; animation-duration: 1s;} @-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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); 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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1;}} .rotateInUpLeft{-webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; animation-duration: 1s;} @-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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); 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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1;}} .rotateInUpRight{-webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; animation-duration: 1s;} @-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; animation-duration: 1s;} @-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; animation-duration: 1s;} @-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; animation-duration: 1s;} @-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; animation-duration: 1s;} @-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; animation-duration: 1s;} @-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-duration: 2s; animation-duration: 2s; -webkit-animation-name: hinge; animation-name: hinge;} @-webkit-keyframes jackInTheBox{from{opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom;}50%{-webkit-transform: rotate(-10deg); transform: rotate(-10deg);}70%{-webkit-transform: rotate(3deg); transform: rotate(3deg);}to{opacity: 1; -webkit-transform: scale(1); transform: scale(1);}} @keyframes jackInTheBox{from{opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom;}50%{-webkit-transform: rotate(-10deg); transform: rotate(-10deg);}70%{-webkit-transform: rotate(3deg); transform: rotate(3deg);}to{opacity: 1; -webkit-transform: scale(1); transform: scale(1);}} .jackInTheBox{-webkit-animation-name: jackInTheBox; animation-name: jackInTheBox; animation-duration: 1s;} @-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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .rollIn{-webkit-animation-name: rollIn; animation-name: rollIn; animation-duration: 1s;} @-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; animation-duration: 1s;} @-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; animation-duration: 1s;} @-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; animation-duration: 1s;} @-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; animation-duration: 1s;} @-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; animation-duration: 1s;} @-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; animation-duration: 1s;} @-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; animation-duration: 1s;} @-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; animation-duration: 1s;} @-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; animation-duration: 1s;} @-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; animation-duration: 1s;} @-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; animation-duration: 1s;} @-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; animation-duration: 1s;} @-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; animation-duration: 1s;} @-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; animation-duration: 1s;} @-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; animation-duration: 1s;} @-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; animation-duration: 1s;} @-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; animation-duration: 1s;} @-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; animation-duration: 1s;} .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.delay-1s{-webkit-animation-delay: 1s; animation-delay: 1s;} .animated.delay-2s{-webkit-animation-delay: 2s; animation-delay: 2s;} .animated.delay-3s{-webkit-animation-delay: 3s; animation-delay: 3s;} .animated.delay-4s{-webkit-animation-delay: 4s; animation-delay: 4s;} .animated.delay-5s{-webkit-animation-delay: 5s; animation-delay: 5s;} .animated.fast{-webkit-animation-duration: 800ms; animation-duration: 800ms;} .animated.faster{-webkit-animation-duration: 500ms; animation-duration: 500ms;} .animated.slow{-webkit-animation-duration: 2s; animation-duration: 2s;} .animated.slower{-webkit-animation-duration: 3s; animation-duration: 3s;} @media (prefers-reduced-motion){.animated{-webkit-animation: unset !important; animation: unset !important; -webkit-transition: none !important; transition: none !important;}} 

/* /website_form_builder/static/src/css/website_form_builder.scss defined in bundle 'web.assets_frontend' */
 .o_website_form_builder .o_required > label::after{content: '*'; color: #dc3545;} .o_website_form_builder .form-field.css_non_editable_mode_hidden{opacity: 0.6;} body .modal.o_website_modal textarea.form-control, body .modal.o_website_modal select.form-control[multiple]{height: auto;} 

/* /mail/static/src/scss/abstract_thread_window.scss defined in bundle 'web.assets_frontend' */
 .o_thread_window{direction: ltr; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-flow: column nowrap; flex-flow: column nowrap; position: fixed; width: 325px; max-width: 100%; height: 400px; max-height: 100%; font-size: 12px; background-color: #FAFAFA; border-radius: 6px 6px 0 0; z-index: 1051; box-shadow: -5px -5px 10px rgba(0, 0, 0, 0.18);} @media (max-width: 767.98px){.o_thread_window{width: 100%; height: 100% !important; box-shadow: none;}.o_thread_window.o_folded{display: none;}} @media print{.o_thread_window{display: none;}} .o_thread_window .o_thread_window_header{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; color: white; padding: 5px 10px; border-radius: 3px 3px 0 0; border-bottom: 1px solid #dee2e6; background-color: #7C7BAD; padding: 8px;} @media (max-width: 767.98px){.o_thread_window .o_thread_window_header{height: 46px; padding-top: 12px; border-radius: 0px;}.o_thread_window .o_thread_window_header .o_thread_window_title{font-size: 16px; margin-left: 10px;}.o_thread_window .o_thread_window_header .o_thread_window_close{font-size: 17px; color: white;}} .o_thread_window .o_thread_window_header .o_thread_window_title{cursor: pointer; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; display: inline-block; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: top;} .o_thread_window .o_thread_window_header .o_thread_window_buttons{-webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto;} .o_thread_window .o_thread_window_header .o_thread_window_buttons .o_thread_window_close, .o_thread_window .o_thread_window_header .o_thread_window_buttons .o_thread_window_expand{color: white; padding: 3px; margin-left: 5px; opacity: 0.7;} .o_thread_window .o_thread_window_header .o_thread_window_buttons .o_thread_window_close:hover, .o_thread_window .o_thread_window_header .o_thread_window_buttons .o_thread_window_close:focus, .o_thread_window .o_thread_window_header .o_thread_window_buttons .o_thread_window_close.focus, .o_thread_window .o_thread_window_header .o_thread_window_buttons .o_thread_window_expand:hover, .o_thread_window .o_thread_window_header .o_thread_window_buttons .o_thread_window_expand:focus, .o_thread_window .o_thread_window_header .o_thread_window_buttons .o_thread_window_expand.focus{opacity: 1;} .o_thread_window .o_mail_thread{flex: 1 1 100%; overflow: auto; -webkit-overflow-scrolling: touch;} .o_thread_window .o_mail_thread .o_thread_typing_notification_bar{background-color: rgba(250, 250, 250, 0.75);} .o_thread_window .o_mail_thread .o_thread_date_separator{margin: 0px 0px 15px 0px;} .o_thread_window .o_mail_thread .o_thread_date_separator .o_thread_date{background-color: #FAFAFA;} .o_thread_window .o_mail_thread .o_thread_message{padding: 4px 5px;} .o_thread_window .o_mail_thread .o_thread_message .o_thread_message_sidebar{margin-right: 5px;} .o_thread_window .o_thread_composer input{width: 100%; outline: 0; height: 39px; padding: 10px; font-size: 13px; border: none; border-top: 1px solid #dee2e6;} .o_thread_window_dropdown{width: auto; height: 28px; color: white; background-color: #212529; cursor: pointer; box-shadow: none;} @media (max-width: 767.98px){.o_thread_window_dropdown{display: none;}} .o_thread_window_dropdown .o_thread_window_header{border-radius: 0;} .o_thread_window_dropdown .o_thread_window_dropdown_toggler{padding: 5px;} .o_thread_window_dropdown .o_thread_window_dropdown_toggler .o_total_unread_counter{position: absolute; top: -10px; left: auto; bottom: auto; right: 0; background-color: #7C7BAD; padding: 0 2px; font-size: smaller;} .o_thread_window_dropdown.show .o_thread_window_dropdown_toggler .o_total_unread_counter, .o_thread_window_dropdown .o_thread_window_expand{display: none;} .o_thread_window_dropdown > ul{max-width: 325px; padding: 0;} .o_thread_window_dropdown > ul > li.o_thread_window_header{font-size: 12px; padding: 3px 5px;} .o_thread_window_dropdown > ul > li.o_thread_window_header ~ li.o_thread_window_header{border-top: 1px solid white;} .o_thread_window_dropdown > ul > li.o_thread_window_header:hover{background-color: #5f5e97;} .o_ui_blocked .o_thread_window{z-index: 1101;} .o_no_thread_window .o_thread_window{display: none;} 

/* /mail/static/src/scss/thread.scss defined in bundle 'web.assets_frontend' */
 .o_mail_thread .o_thread_show_more, .o_mail_activity .o_thread_show_more{text-align: center;} .o_mail_thread .o_mail_thread_content, .o_mail_activity .o_mail_thread_content{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; min-height: 100%;} .o_mail_thread .o_thread_bottom_free_space, .o_mail_activity .o_thread_bottom_free_space{height: 15px;} .o_mail_thread .o_thread_typing_notification_free_space, .o_mail_activity .o_thread_typing_notification_free_space{flex-grow: 1;} .o_mail_thread .o_thread_typing_notification_bar, .o_mail_activity .o_thread_typing_notification_bar{flex: 0, 0, 20px; background-color: rgba(255, 255, 255, 0.75); padding: 5px; text-align: center; color: #6c757d;} .o_mail_thread .o_thread_typing_notification_bar.o_thread_order_asc, .o_mail_activity .o_thread_typing_notification_bar.o_thread_order_asc{position: -webkit-sticky; position: sticky; top: auto; left: auto; bottom: 0px; right: auto;} .o_mail_thread .o_thread_typing_notification_bar.o_thread_order_desc, .o_mail_activity .o_thread_typing_notification_bar.o_thread_order_desc{position: -webkit-sticky; position: sticky; top: 0px; left: auto; bottom: auto; right: auto;} .o_mail_thread .o_thread_tooltip_container, .o_mail_activity .o_thread_tooltip_container{display: inline; position: relative;} .o_mail_thread .o_thread_date_separator, .o_mail_activity .o_thread_date_separator{margin-top: 15px; margin-bottom: 30px; border-bottom: 1px solid #ced4da; text-align: center;} @media (max-width: 767.98px){.o_mail_thread .o_thread_date_separator, .o_mail_activity .o_thread_date_separator{margin-top: 0px; margin-bottom: 15px;}} .o_mail_thread .o_thread_date_separator .o_thread_date, .o_mail_activity .o_thread_date_separator .o_thread_date{position: relative; top: 10px; margin: 0 auto; padding: 0 10px; font-weight: bold; background: white;} .o_mail_thread .o_thread_new_messages_separator, .o_mail_activity .o_thread_new_messages_separator{margin-bottom: 15px; border-bottom: solid #abaaca 1px; text-align: right;} .o_mail_thread .o_thread_new_messages_separator .o_thread_separator_label, .o_mail_activity .o_thread_new_messages_separator .o_thread_separator_label{position: relative; top: 8px; padding: 0 10px; background: white; color: #abaaca; font-size: smaller;} .o_mail_thread .o_thread_message, .o_mail_activity .o_thread_message{display: -webkit-box; display: -webkit-flex; display: flex; padding: 4px 16px; margin-bottom: 0px;} .o_mail_thread .o_thread_message.o_mail_not_discussion, .o_mail_activity .o_thread_message.o_mail_not_discussion{background-color: rgba(222, 226, 230, 0.5); border-bottom: 1px solid #ced4da;} .o_mail_thread .o_thread_message .o_thread_message_sidebar, .o_mail_activity .o_thread_message .o_thread_message_sidebar{flex: 0 0 36px; margin-right: 10px; margin-top: 2px; text-align: center; font-size: smaller;} @media (max-width: 767.98px){.o_mail_thread .o_thread_message .o_thread_message_sidebar, .o_mail_activity .o_thread_message .o_thread_message_sidebar{margin-top: 4px; font-size: x-small;}} .o_mail_thread .o_thread_message .o_thread_message_sidebar .o_thread_message_avatar, .o_mail_activity .o_thread_message .o_thread_message_sidebar .o_thread_message_avatar{max-width: 36px;} .o_mail_thread .o_thread_message .o_thread_message_sidebar .o_thread_message_side_date, .o_mail_activity .o_thread_message .o_thread_message_sidebar .o_thread_message_side_date{margin-left: -5px;} .o_mail_thread .o_thread_message .o_thread_message_sidebar .o_thread_message_star, .o_mail_activity .o_thread_message .o_thread_message_sidebar .o_thread_message_star{margin-right: -5px;} .o_mail_thread .o_thread_message .o_thread_message_sidebar .o_thread_message_side_date, .o_mail_activity .o_thread_message .o_thread_message_sidebar .o_thread_message_side_date{opacity: 0;} .o_mail_thread .o_thread_message .o_thread_icon, .o_mail_activity .o_thread_message .o_thread_icon{cursor: pointer; opacity: 0;} .o_mail_thread .o_thread_message .o_thread_icon.fa-star, .o_mail_activity .o_thread_message .o_thread_icon.fa-star{opacity: 0.6; color: gold;} .o_mail_thread .o_thread_message:hover .o_thread_message_side_date, .o_mail_thread .o_thread_message.o_thread_selected_message .o_thread_message_side_date, .o_mail_activity .o_thread_message:hover .o_thread_message_side_date, .o_mail_activity .o_thread_message.o_thread_selected_message .o_thread_message_side_date{opacity: 0.6;} .o_mail_thread .o_thread_message:hover .o_thread_icon, .o_mail_thread .o_thread_message.o_thread_selected_message .o_thread_icon, .o_mail_activity .o_thread_message:hover .o_thread_icon, .o_mail_activity .o_thread_message.o_thread_selected_message .o_thread_icon{opacity: 0.6;} .o_mail_thread .o_thread_message:hover .o_thread_icon:hover, .o_mail_thread .o_thread_message.o_thread_selected_message .o_thread_icon:hover, .o_mail_activity .o_thread_message:hover .o_thread_icon:hover, .o_mail_activity .o_thread_message.o_thread_selected_message .o_thread_icon:hover{opacity: 1;} .o_mail_thread .o_thread_message .o_mail_redirect, .o_mail_activity .o_thread_message .o_mail_redirect{cursor: pointer;} .o_mail_thread .o_thread_message .o_thread_message_core, .o_mail_activity .o_thread_message .o_thread_message_core{-webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; min-width: 0; max-width: 100%; word-wrap: break-word;} .o_mail_thread .o_thread_message .o_thread_message_core .o_thread_message_content > pre, .o_mail_activity .o_thread_message .o_thread_message_core .o_thread_message_content > pre{white-space: pre-wrap; word-break: break-word;} .o_mail_thread .o_thread_message .o_thread_message_core .o_mail_subject, .o_mail_activity .o_thread_message .o_thread_message_core .o_mail_subject{font-style: italic;} .o_mail_thread .o_thread_message .o_thread_message_core .o_mail_notification, .o_mail_activity .o_thread_message .o_thread_message_core .o_mail_notification{font-style: italic; color: gray;} .o_mail_thread .o_thread_message .o_thread_message_core [summary~=o_mail_notification], .o_mail_activity .o_thread_message .o_thread_message_core [summary~=o_mail_notification]{display: none;} .o_mail_thread .o_thread_message .o_thread_message_core p, .o_mail_activity .o_thread_message .o_thread_message_core p{margin: 0 0 9px;} .o_mail_thread .o_thread_message .o_thread_message_core p:last-child, .o_mail_activity .o_thread_message .o_thread_message_core p:last-child{margin-bottom: 0;} .o_mail_thread .o_thread_message .o_thread_message_core a, .o_mail_activity .o_thread_message .o_thread_message_core a{display: inline-block; word-break: break-all;} .o_mail_thread .o_thread_message .o_thread_message_core :not(.o_image_box) > img, .o_mail_activity .o_thread_message .o_thread_message_core :not(.o_image_box) > img{max-width: 100%; height: auto;} .o_mail_thread .o_thread_message .o_thread_message_core .o_mail_body_long, .o_mail_activity .o_thread_message .o_thread_message_core .o_mail_body_long{display: none;} .o_mail_thread .o_thread_message .o_thread_message_core .o_mail_info, .o_mail_activity .o_thread_message .o_thread_message_core .o_mail_info{margin-bottom: 2px;} .o_mail_thread .o_thread_message .o_thread_message_core .o_mail_info strong, .o_mail_activity .o_thread_message .o_thread_message_core .o_mail_info strong{color: inherit;} .o_mail_thread .o_thread_message .o_thread_message_core .o_thread_message_star, .o_mail_thread .o_thread_message .o_thread_message_core .o_thread_message_needaction, .o_mail_thread .o_thread_message .o_thread_message_core .o_thread_message_reply, .o_mail_thread .o_thread_message .o_thread_message_core .o_thread_message_email, .o_mail_activity .o_thread_message .o_thread_message_core .o_thread_message_star, .o_mail_activity .o_thread_message .o_thread_message_core .o_thread_message_needaction, .o_mail_activity .o_thread_message .o_thread_message_core .o_thread_message_reply, .o_mail_activity .o_thread_message .o_thread_message_core .o_thread_message_email{padding: 4px;} .o_mail_thread .o_thread_message .o_thread_message_core i.o_thread_message_email.o_thread_message_email_ready, .o_mail_activity .o_thread_message .o_thread_message_core i.o_thread_message_email.o_thread_message_email_ready{color: grey;} .o_mail_thread .o_thread_message .o_thread_message_core i.o_thread_message_email.o_thread_message_email_exception, .o_mail_thread .o_thread_message .o_thread_message_core i.o_thread_message_email.o_thread_message_email_bounce, .o_mail_activity .o_thread_message .o_thread_message_core i.o_thread_message_email.o_thread_message_email_exception, .o_mail_activity .o_thread_message .o_thread_message_core i.o_thread_message_email.o_thread_message_email_bounce{color: red; opacity: 1; cursor: pointer;} .o_mail_thread .o_thread_message .o_thread_message_core .o_attachments_list:last-child, .o_mail_thread .o_thread_message .o_thread_message_core .o_attachments_previews:last-child, .o_mail_activity .o_thread_message .o_thread_message_core .o_attachments_list:last-child, .o_mail_activity .o_thread_message .o_thread_message_core .o_attachments_previews:last-child{margin-bottom: 30px;} .o_mail_thread .o_thread_message .o_thread_message_core .o_thread_tooltip_container, .o_mail_activity .o_thread_message .o_thread_message_core .o_thread_tooltip_container{display: inline; position: relative;} .o_mail_thread .o_thread_title, .o_mail_activity .o_thread_title{margin-top: 20px; margin-bottom: 20px; font-weight: bold; font-size: 125%;} .o_mail_thread .o_mail_no_content, .o_mail_activity .o_mail_no_content{position: absolute; top: 30%; left: 0; bottom: 0; right: 0; text-align: center; font-size: 115%;} .o_mail_thread .o_thread_message .o_thread_message_core .o_mail_read_more, .o_mail_activity .o_thread_message .o_thread_message_core .o_mail_read_more{display: block;} .o_web_client .popover .o_thread_tooltip_icon{min-width: 1rem;} .o_web_client.o_touch_device .o_mail_thread .o_thread_icon{opacity: 0.6;} 

/* /im_livechat/static/src/scss/im_livechat.scss defined in bundle 'web.assets_frontend' */
 .o_livechat_button{position: fixed; bottom: 0px; right: 6px; min-width: 100px; cursor: pointer; white-space: nowrap; background-color: rgba(60, 60, 60, 0.6); font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif; font-size: 14px; font-weight: bold; padding: 10px; color: white; text-shadow: #3b4c58 1px 1px 0px; border: 1px solid #505050; border-bottom: 0px; border-top-left-radius: 5px; border-top-right-radius: 5px; z-index: 5;} .o_thread_window{z-index: 1002;} .o_thread_window .o_thread_date_separator{display: none;} .o_thread_window .o_livechat_rating{-webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; overflow: auto; padding: 15px; font-size: 14px;} .o_thread_window .o_livechat_rating .o_livechat_no_feedback{text-decoration: underline; cursor: pointer;} .o_thread_window .o_livechat_rating .o_livechat_rating_feedback_text{margin-top: 65px;} .o_thread_window .o_livechat_rating .o_livechat_rating_choices{margin: 40px 0;} .o_thread_window .o_livechat_rating .o_livechat_rating_choices > img{width: 65px; opacity: 0.60; cursor: pointer; margin: 10px;} .o_thread_window .o_livechat_rating .o_livechat_rating_choices > img:hover, .o_thread_window .o_livechat_rating .o_livechat_rating_choices > img.selected{opacity: 1;} .o_thread_window .o_livechat_rating .o_livechat_rating_reason{margin: 10px 0; display: none;} .o_thread_window .o_livechat_rating .o_livechat_rating_reason > textarea{width: 100%; height: 70px; resize: none;} .o_thread_window .o_livechat_rating .o_livechat_rating_reason_button > input{float: right;} 

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

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

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