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

/* /theme_common/static/src/scss/fonts.scss defined in bundle 'web.assets_frontend' */
 @font-face{font-family: 'BebasNeue'; font-weight: 400; src: url("/theme_common/static/src/font/bebas_neue_400.ttf") format("truetype");} @font-face{font-family: 'BebasNeue'; font-weight: 700; src: url("/theme_common/static/src/font/bebas_neue_700.ttf") format("truetype");} @font-face{font-family: 'Comic Sans MS'; font-weight: 400; src: url("/theme_common/static/src/font/comic_400.ttf") format("truetype");} @font-face{font-family: 'Comic Sans MS'; font-weight: 700; src: url("/theme_common/static/src/font/comic_700.ttf") format("truetype");} @font-face{font-family: 'Din Alternate'; font-weight: 700; src: url("/theme_common/static/src/font/din_alternate_700.ttf") format("truetype");} @font-face{font-family: 'Droid Serif'; font-style: normal; font-weight: 400; src: url("/theme_common/static/src/font/droid_serif_400.ttf") format("truetype");} @font-face{font-family: 'Droid Serif'; font-style: normal; font-weight: 700; src: url("/theme_common/static/src/font/droid_serif_700.ttf") format("truetype");} @font-face{font-family: 'Droid Serif'; font-style: italic; font-weight: 400; src: url("/theme_common/static/src/font/droid_serif_400i.ttf") format("truetype");} @font-face{font-family: 'Droid Serif'; font-style: italic; font-weight: 700; src: url("/theme_common/static/src/font/droid_serif_700i.ttf") format("truetype");} @font-face{font-family: 'Fecske'; font-weight: 400; src: url("/theme_common/static/src/font/fecske_400.ttf") format("truetype");} @font-face{font-family: 'Fontastique'; font-weight: 400; src: url("/theme_common/static/src/font/fontastique_400.ttf") format("truetype");} @font-face{font-family: 'Luminari'; font-weight: 400; src: url("/theme_common/static/src/font/luminari_400.ttf") format("truetype");} @font-face{font-family: 'Proxima'; font-weight: 300; src: url("/theme_common/static/src/font/proxima_nova_300.otf") format("truetype");} @font-face{font-family: 'Proxima'; font-weight: 400; src: url("/theme_common/static/src/font/proxima_nova_400.otf") format("truetype");} @font-face{font-family: 'Proxima'; font-weight: 700; src: url("/theme_common/static/src/font/proxima_nova_700.otf") format("truetype");} @font-face{font-family: 'SinkinSans'; font-weight: 200; src: url("/theme_common/static/src/font/sinkin_sans_200.otf") format("truetype");} @font-face{font-family: 'SinkinSans'; font-weight: 400; src: url("/theme_common/static/src/font/sinkin_sans_400.otf") format("truetype");} @font-face{font-family: 'SinkinSans'; font-weight: 700; src: url("/theme_common/static/src/font/sinkin_sans_700.otf") format("truetype");} 

/* /theme_common/static/src/scss/s_google_map.scss defined in bundle 'web.assets_frontend' */
 .s_google_map{height: 100%; min-height: 100px; position: relative;} .s_google_map .map_container{position: absolute; top: 0; left: 0; bottom: 0; right: 0;} .s_google_map .description{position: absolute; top: auto; left: 0; bottom: 0; right: 0; z-index: 99; padding: 0 1em; background: rgba(112, 149, 135, 0.8); color: white; transition: background-color 250ms ease;} .s_google_map .description font{float: left; margin-top: 20px; margin-bottom: 15px; font-weight: bold; text-transform: uppercase;} .s_google_map .description span{float: left; text-transform: none; font-weight: normal; margin-top: 20px; margin-left: 10px;} .s_google_map:hover .description{background: #709587; background: rgba(112, 149, 135, 0.55);} #mapModal{z-index: 3000;} .pac-container{z-index: 3001;} .pac-container:after{display: none;} 

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

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

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

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

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

/* /sh_onemate_theme/static/src/css/libs/lc_lightbox/lc_lightbox.css defined in bundle 'web.assets_frontend' */
@font-face{font-family: 'lc_lightbox'; src:url('/sh_onemate_theme/static/src/css/libs/lc_lightbox/fonts/lc_lightbox.eot'); src:url('/sh_onemate_theme/static/src/css/libs/lc_lightbox/fonts/lc_lightbox.eot') format('embedded-opentype'), url('/sh_onemate_theme/static/src/css/libs/lc_lightbox/fonts/lc_lightbox.woff') format('woff'), url('/sh_onemate_theme/static/src/css/libs/lc_lightbox/fonts/lc_lightbox.ttf') format('truetype'), url('/sh_onemate_theme/static/src/css/libs/lc_lightbox/fonts/lc_lightbox.svg') format('svg'); font-weight: normal; font-style: normal;} #lcl_wrap{bottom: 0; left: 0; position: fixed; top: 0; right: 0; text-align: center; overflow-x: hidden; overflow-y: hidden; z-index: 999999999; -webkit-overflow-scrolling: touch;} #lcl_wrap:before{content: ""; display: inline-block; height: 100%; vertical-align: middle;} #lcl_wrap > *{text-align: left; box-sizing: border-box;} #lcl_overlay{position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: -1; background-position: top left; background-repeat: repeat; -webkit-transform: translateZ(0); transform: translateZ(0);} #lcl_wrap:not(.lcl_pre_show){-webkit-transition: all .35s ease-in; transition: all .35s ease-in;} #lcl_loader{display: block; opacity: 0; height: 40px; width: 40px; position: absolute; top: 50%; left: 50%; margin-left: -20px; margin-top: -20px; z-index: -1; -webkit-transition: opacity .3s ease-out; transition: opacity .3s ease-out;} #lcl_loader.lcl_loader_pre_first_el{opacity: 0 !important;} .lcl_first_sizing #lcl_loader, .lcl_loading_iframe #lcl_loader, .lcl_loading_videojs #lcl_loader, .lcl_switching_elem #lcl_loader{opacity: 1; z-index: 99999;} #lcll_1, #lcll_2{box-sizing: border-box; position: absolute; width: 100%; height: 100%; top: 50%; left: 50%; border-radius: 50%; margin-top: -50%; margin-left: -50%; background: transparent; border-color: #aaa #aaa transparent; border-width: 3px; border-style: solid; -webkit-animation: lcl-loader 1.4s infinite linear; animation: lcl-loader 1.4s infinite linear;} #lcll_2{width: 50%; height: 50%; margin-left: -25%; margin-top: -25%; border-right-color: transparent !important; -webkit-animation-duration: 1.15s; animation-duration: 1.15s; -webkit-animation-direction: reverse; animation-direction: reverse;} @-webkit-keyframes lcl-loader{100%{-webkit-transform: rotate(360deg) translateZ(0);}} @keyframes lcl-loader{100%{transform: rotate(360deg) translateZ(0);}} #lcl_subj.lcl_switching_el > *{opacity: 0;} #lcl_contents_wrap{-webkit-transition: opacity .3s ease; transition: opacity .3s ease;} .lcl_first_sizing #lcl_contents_wrap, .lcl_loading_iframe #lcl_contents_wrap, .lcl_loading_videojs #lcl_contents_wrap, .lcl_switching_elem #lcl_contents_wrap, .lcl_toggling_fs #lcl_contents_wrap{opacity: 0 !important;} .lcl_first_sizing #lcl_contents_wrap *, .lcl_loading_iframe #lcl_contents_wrap *, .lcl_loading_videojs #lcl_contents_wrap *, .lcl_switching_elem #lcl_contents_wrap *, .lcl_toggling_fs #lcl_contents_wrap *{-webkit-transition: none !important; transition: none !important;} #lcl_wrap{padding: 5%;} #lcl_window{display: inline-block; text-align: left; z-index: 30; vertical-align: middle; width: 100%; height: 100%; max-height: 100%; max-width: 100%; min-width: 50px; min-height: 50px; line-height: 0 !important; overflow: visible; position: relative; top: 0; left: 0; -webkit-transform: translateZ(0); transform: translateZ(0);} .lcl_image_elem, #lcl_elem_wrap:not(.lcl_image_elem) .lcl_elem{-webkit-transition: all .3s ease-out; transition: all .3s ease-out;} .lcl_toggling_fs #lcl_window, .lcl_toggling_fs .lcl_image_elem, .lcl_toggling_fs #lcl_elem_wrap:not(.lcl_image_elem) .lcl_elem{-webkit-transition-duration: .15s !important; transition-duration: .15s !important;} .lcl_is_resizing:not(.lcl_first_sizing):not(.lcl_toggling_txt):not(.lcl_toggling_tn):not(.lcl_toggling_fs) #lcl_window, .lcl_is_resizing:not(.lcl_toggling_txt):not(.lcl_toggling_tn) .lcl_image_elem, .lcl_is_resizing:not(.lcl_toggling_txt):not(.lcl_toggling_tn) #lcl_elem_wrap:not(.lcl_image_elem), .lcl_show_already_shaped #lcl_window{-webkit-transition: none !important; transition: none !important;} .lcl_tn_hidden #lcl_window{margin-top: 0 !important;} .lcl_pre_first_el:not(.lcl_show_already_shaped) #lcl_window{width: 100px; height: 100px; max-width: 85px !important; max-height: 85px !important;} .lcl_is_closing #lcl_window{-webkit-transition-timing-function: ease-in; transition-timing-function: ease-in;} #lcl_contents_wrap, #lcl_subj{position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden;} #lcl_subj{z-index: 10;} #lcl_wrap:not(.lcl_switching_elem) #lcl_subj{-webkit-transition: border-width .35s ease; transition: border-width .35s ease;} .lcl_toggling_txt #lcl_subj{-webkit-transition-delay: .55s !important; transition-delay: .55s !important;} #lcl_elem_wrap{position: relative; background-repeat: no-repeat; background-position: center center; background-size: cover;} .lcl_image_elem, .lcl_html_elem{position: absolute !important; top: 0; left: 0; right: 0; bottom: 0;} .lcl_image_elem img{left: -99999px; position: fixed !important;} .lcl_html_elem{line-height: normal; padding: 15px; overflow-y: auto; background: #fdfdfd;} .lcl_fullscreen_mode .lcl_html_elem{padding-top: 60px;} .lcl_fullscreen_mode[lcl-type=iframe] #lcl_subj{top: 60px;} .lcl_video_elem > *, .lcl_youtube_elem > *, .lcl_vimeo_elem > *, .lcl_dailymotion_elem > *, .lcl_iframe_elem > *, .lcl_postered_video > iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .lcl_elem.video-js{bottom: 0; height: auto; left: 0; position: absolute; right: 0; top: 0; width: auto; background: #000 !important;} .lcl_elem.video-js .vjs-fullscreen-control{display: none !important;} .lcl_elem.video-js .vjs-big-play-button{background-color: rgba(43, 51, 63, 0.7); border: 2px solid #fff; border-radius: 50%; font-size: 40px; line-height: 62px; width: 66px; height: 66px; left: 50%; top: 50%; margin: -33px 0 0 -33px;} .lcl_elem.video-js .vjs-poster{background-size: cover;} .lcl_postered_video{background-size: cover; background-position: center;} .lcl_postered_video:not(.lcl_poster_clicked){cursor: pointer;} .lcl_postered_video:not(.lcl_poster_clicked):before{content: "\f0bf"; box-sizing: border-box; font-size: 38px !important; line-height: 62px !important; text-indent: 5px !important; color: #fff; border-radius: 50%; position: absolute; background: rgba(43, 51, 63, 0.7); top: 50%; left: 50%; width: 66px; height: 66px; margin-left: -33px; margin-top: -33px; border: 2px solid #fff; -webkit-transition: background .03s linear; transition: background .03s linear;} .lcl_postered_video:not(.lcl_poster_clicked):hover:before{background: rgba(115, 133, 159, .5);} .lcl_postered_video:not(.lcl_poster_clicked) iframe{display: none;} #lcl_inline{padding: 15px 10px; line-height: 20px;} #lcl_nav_cmd{position: absolute; top: 0; z-index: 100; overflow: visible; padding: 8px; height: 0;} .lcl_corner_close.lcl_inner_cmd:not(.lcl_txt_rside):not(.lcl_forced_outer_cmd) #lcl_nav_cmd, .lcl_corner_close.lcl_no_txt:not(.lcl_forced_outer_cmd) #lcl_nav_cmd, .lcl_corner_close.lcl_hidden_txt:not(.lcl_forced_outer_cmd) #lcl_nav_cmd, .lcl_corner_close.lcl_force_txt_over:not(.lcl_forced_outer_cmd) #lcl_nav_cmd{padding-right: 24px !important} .lcl_first_sizing #lcl_nav_cmd, .lcl_loading_iframe #lcl_nav_cmd, .lcl_loading_videojs #lcl_nav_cmd, .lcl_switching_elem #lcl_nav_cmd, .lcl_toggling_txt.lcl_inner_cmd #lcl_nav_cmd, .lcl_toggling_fs #lcl_nav_cmd{opacity: 0 !important;} #lcl_nav_cmd{right: 0; left: 0;} .lcl_outer_cmd #lcl_nav_cmd{z-index: 99999; margin: 0 !important; padding: 10px 15px;} .lcl_outer_cmd:not(.lcl_first_sizing):not(.lcl_first_sizing):not(.lcl_loading_iframe):not(.lcl_switching_elem):not(.lcl_toggling_txt):not(.lcl_toggling_fs):not(.lcl_is_closing) #lcl_nav_cmd{opacity: 1 !important;} .lcl_is_closing.lcl_outer_cmd #lcl_nav_cmd{-webkit-transition: all .2s ease; transition: all .2s ease; opacity: 0 !important;} #lcl_nav_cmd .lcl_icon{display: inline-block; border-radius: 3px; background: #fefefe; box-shadow: 0 0 2px rgb(20, 20, 20, 0.05); border: 1px solid #eaeaea; text-align: center; vertical-align: top; margin: 4px; width: 28px; height: 28px; color: #6f6f6f; position: relative;} .lcl_outer_cmd .lcl_close{right: 0 !important; top: 0 !important;} @media screen and (min-width:450px){.lcl_inner_cmd:not(.lcl_on_mobile) #lcl_nav_cmd .lcl_icon, .lcl_fullscreen_mode.lcl_outer_cmd:not(.lcl_on_mobile):not([lcl-type=iframe]):not([lcl-type=html]) #lcl_nav_cmd .lcl_icon{opacity: 0; -webkit-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); -webkit-transition: opacity .2s ease-in .5s, box-shadow .2s ease-in .5s, -webkit-transform .2s ease-in .5s; transition: opacity .2s ease-in .5s, box-shadow .2s ease-in .5s, transform .2s ease-in .5s;}#lcl_window:not(.lcl_on_mobile):hover #lcl_nav_cmd .lcl_icon, .lcl_fullscreen_mode.lcl_outer_cmd:not(.lcl_on_mobile):not([lcl-type=iframe]):not([lcl-type=html]):hover #lcl_nav_cmd .lcl_icon{opacity: 1; -webkit-transition: all .2s ease-in 0s; transition: all .2s ease-in 0s; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}} .lcl_icon:before, .lcl_tn_prev:before, .lcl_tn_next:before, #lcl_corner_close:before, .lcl_postered_video:not(.lcl_poster_clicked):before{font-family: 'lc_lightbox' !important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-align: center; display: block; font-size: 16px; line-height: 27px; z-index: 10; position: relative; -webkit-transition: all .15s ease; transition: all .15s ease; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .lcl_icon:not(.lcl_counter):after{content: ""; display: block; left: -1px; right: -1px; position: absolute; top: -1px; bottom: -1px; z-index: 5; border-radius: 3px; opacity: 0; background: #6f6f6f; -webkit-transition: all .2s ease; transition: all .2s ease; -webkit-transform: scale(0); transform: scale(0);} .lcl_nav_btn_middle .lcl_next:after, .lcl_nav_btn_middle .lcl_prev:after{-webkit-transition-duration: .15s; transition-duration: .15s;} .lcl_nav_btn_middle.lcl_inner_cmd .lcl_next:after{right: 0 !important;} .lcl_nav_btn_middle.lcl_inner_cmd .lcl_prev:after{left: 0 !important;} #lcl_wrap:not(.lcl_on_mobile) .lcl_icon:not(.lcl_counter):not(.lcl_zoom_disabled):not(a):hover{border-radius: 5px !important;} #lcl_wrap:not(.lcl_on_mobile) .lcl_icon:not(.lcl_counter):not(.lcl_zoom_disabled):not(a):hover:before, #lcl_corner_close:before{color: #fff;} #lcl_wrap:not(.lcl_on_mobile) .lcl_icon:not(.lcl_counter):not(.lcl_zoom_disabled):not(a):hover:after{opacity: 1; -webkit-transform: scale(1); transform: scale(1);} .lcl_prev:before{content: "\f053"; text-indent: -1px;} .lcl_next:before{content: "\f054"; text-indent: 1px;} .lcl_play:before{content: "\f0bf"; font-size: 20px; line-height: 28px; text-indent: 1px;} .lcl_is_playing .lcl_play:before{content: "\f0bb"; font-size: 20px; line-height: 28px; text-indent: 0;} .lcl_close:before, #lcl_corner_close:before{content: "\e901"; font-size: 20px; line-height: 28px;} .lcl_fullscreen:before{content: "\f065";} .lcl_fullscreen_mode .lcl_fullscreen:before{content: "\e900";} .lcl_zoom_out:before{content: "\e909"; font-size:16px;} .lcl_zoom_in:before{content: "\e908"; font-size:16px;} .lcl_txt_toggle:before{content: "\f10e"; font-size: 16px;} .lcl_thumbs_toggle:before{content: "\e902"; font-size: 15px; line-height: 26px; text-indent: -1px;} .lcl_window:before{content: "\e900";} .lcl_download:before{content: "\e9c5";} .lcl_socials:before{content: "\e600"; font-size: 15px; line-height: 26px;} .lcl_fb:before{content: "\f09a"; font-size: 17px;} .lcl_twit:before{content: "\f099"; font-size: 18px;} .lcl_pint:before{content: "\f0d2"; font-size: 18px;} .lcl_wa:before{content: "\f232"; font-size: 18px;} .lcl_tn_prev:before{content: "\f137";} .lcl_tn_next:before{content: "\f138";} .lcl_right_icon{float: right;} .lcl_close{margin-left: 36px !important;} .lcl_counter{cursor: default !important; font-size: 12px; font-weight: bold; line-height: 27px; padding: 0 10px; width: auto !important;} @media screen and (max-width:340px){.lcl_counter{display: none !important;}} .lcl_download{position: relative;} .lcl_download a{position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 50;} .lcl_first_elem:not(.lcl_on_mobile) #lcl_window:hover .lcl_prev{opacity: 0.5 !important; cursor: default !important;} .lcl_last_elem:not(.lcl_on_mobile) #lcl_window:hover .lcl_next{opacity: 0.5 !important; cursor: default !important;} .lcl_last_elem .lcl_play{display: none !important;} #lcl_thumb_prev div:before, #lcl_thumb_next div:before{font-size: 20px;} .lcl_icon{cursor: pointer; display: inline-block; height: 24px; width: 24px; border-radius: 2px; box-sizing: content-box !important; -webkit-transition: all .2s linear; transition: all .2s linear;} .lcl_no_carousel[lc-lelem="0"] .lcl_prev:before, .lcl_no_carousel.lcl_last_elem .lcl_next:before, .lcl_hidden_txt .lcl_txt_toggle:before, .lcl_tn_hidden .lcl_thumbs_toggle:before, .lcl_zoom_icon.lcl_zoom_disabled:before{opacity: .6 !important;} .lcl_no_carousel[lc-lelem="0"] .lcl_prev, .lcl_no_carousel.lcl_last_elem .lcl_next{cursor: default !important;} .lcl_no_carousel[lc-lelem="0"] .lcl_prev:after, .lcl_no_carousel.lcl_last_elem .lcl_next:after{display: none !important;} #lcl_corner_close{position: absolute; right: -22px; top: -24px; border: 3px solid #d3d3d3; background: #6f6f6f; box-sizing: content-box !important; border-radius: 50%; min-height: 34px; min-width: 34px; cursor: pointer; z-index: 150; -webkit-transition: opacity .3s ease; transition: opacity .3s ease;} .lcl_first_sizing #lcl_corner_close, .lcl_loading_iframe #lcl_corner_close, .lcl_loading_videojs #lcl_corner_close, .lcl_switching_elem #lcl_corner_close, .lcl_toggling_fs #lcl_corner_close{opacity: 0 !important;} #lcl_corner_close:before{font-size: 20px !important; line-height: 34px !important; -webkit-transition: all .3s ease; transition: all .3s ease;} #lcl_corner_close:not(.lcl_on_mobile):hover:before{-webkit-transform: rotate(180deg); transform: rotate(180deg);} .lcl_normal_close #lcl_corner_close, .lcl_outer_cmd #lcl_corner_close, .lcl_corner_close.lcl_inner_cmd .lcl_close{display: none !important;} .lcl_nav_btn_middle .lcl_prev, .lcl_nav_btn_middle .lcl_next{position: fixed !important; top: 50%; margin-top: -32px !important; padding: 16px 4px;} .lcl_nav_btn_middle.lcl_inner_cmd:not(.lcl_fullscreen_mode) .lcl_prev, .lcl_nav_btn_middle.lcl_inner_cmd:not(.lcl_fullscreen_mode) .lcl_next{box-shadow: none !important; border: none !important;} .lcl_nav_btn_middle .lcl_prev:before, .lcl_nav_btn_middle .lcl_next:before{font-size: 23px !important;} .lcl_nav_btn_middle .lcl_prev{left: 0px;} .lcl_nav_btn_middle.lcl_inner_cmd .lcl_prev{border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important;} .lcl_nav_btn_middle .lcl_next{right: 0px;} .lcl_nav_btn_middle.lcl_inner_cmd .lcl_next{border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important;} .lcl_nav_btn_middle.lcl_outer_cmd .lcl_prev{margin-left: 19px !important;} .lcl_nav_btn_middle.lcl_outer_cmd .lcl_next{margin-right: 19px !important;} .lcl_nav_btn_middle.lcl_inner_cmd:not(.lcl_fullscreen_mode) .lcl_prev:after{border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important;} .lcl_nav_btn_middle.lcl_inner_cmd:not(.lcl_fullscreen_mode) .lcl_next:after{border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important;} @media screen and (max-width:450px){#lcl_nav_cmd .lcl_icon{margin: 0;}.lcl_close{margin-left: 26px !important;}} .lcl_on_mobile .lcl_zoom_wrap{overflow: scroll !important;} .lcl_zoom_wrap, .lcl_zoom_wrap *{cursor: move; cursor: grab; cursor: -webkit-grab; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .lcl_zoom_wrap:active{cursor: move; cursor: grabbing; cursor: -webkit-grabbing;} .lcl_zoom_icon.lcl_zoom_disabled{cursor: default !important;} .lcl_zoom_icon.lcl_zoom_disabled:after{display: none !important;} .lcl_zoom_helper{position: absolute; font-size: 8.4px; color: rgb(250,250,250); background: #972626; display: inline-block; border: 2px solid #972626; padding: 5px 1px; font-family: arial; text-shadow: 0 0 0 rgba(250,250,250, 0.8); letter-spacing: 0.28px; border-radius: 1px; line-height: 0; z-index: 10; bottom: -11px; right: -7px; -webkit-user-select: none; -ms-user-select: none; user-select: none;} #lcl_txt{padding: 12px 10px; line-height: 20px; z-index: 50; position: absolute; overflow: hidden; box-sizing: border-box;} .lcl_toggling_txt #lcl_txt{-webkit-transition: -webkit-transform .45s ease .1s, opacity .35s ease .1s; transition: transform .45s ease .1s, opacity .35s ease .1s;} #lcl_txt *{font-family: 'Arial',​ 'sans-serif';} .lcl_no_txt #lcl_txt{display: none !important;} #lcl_txt > *{padding: 0; margin: 0; text-align: left; position: relative; overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; -moz-hyphens: auto; hyphens: auto;} #lcl_title{font-size: 17px; font-weight: bold; line-height: normal; margin-bottom: 4px;} #lcl_author{font-size: 12px; line-height: 15px; font-weight: normal;} .lcl_comments_wrap{min-width: 178px;} .lcl_txt_rside:not(.lcl_force_txt_over) #lcl_txt .lcl_txt_border, .lcl_txt_lside:not(.lcl_force_txt_over) #lcl_txt .lcl_txt_border{border-bottom: 1px dashed #cfcfcf; margin-bottom: 12px; padding-bottom: 17px;} .lcl_txt_under #lcl_txt .lcl_txt_border, .lcl_txt_over #lcl_txt .lcl_txt_border, .lcl_force_txt_over #lcl_txt .lcl_txt_border{border-bottom: 1px dashed #cfcfcf; margin-bottom: 10px; padding-bottom: 12px;} #lcl_descr{font-size: 14px; line-height: 20px;} .lcl_switching_el #lcl_txt, .lcl_txt_under_calc #lcl_txt, .lcl_txt_under_calc #lcl_txt *, .lcl_txt_under.lcl_is_resizing:not(.lcl_force_txt_over) #lcl_txt{-webkit-transition-duration: 0ms !important; transition-duration: 0ms !important;} .lcl_txt_under #lcl_txt, .lcl_txt_over #lcl_txt{left: 0; bottom: 0;} .lcl_txt_under #lcl_txt{background: #fff;} .lcl_txt_under:not(.lcl_force_txt_over) #lcl_txt{padding: 18px 25px 22px; margin-bottom: 0 !important;} .lcl_txt_under.lcl_is_resizing:not(.lcl_force_txt_over) #lcl_txt, .lcl_txt_under.lcl_toggling_txt:not(.lcl_force_txt_over) #lcl_txt{opacity: 0 !important;} .lcl_txt_under.lcl_hidden_txt.lcl_toggling_txt:not(.lcl_force_txt_over) #lcl_txt{visibility: hidden !important;} .lcl_txt_under:not(.lcl_force_txt_over) #lcl_txt:after{height: 7px; left: 0; position: absolute; right: 0; top: 0;} .lcl_force_txt_over #lcl_txt, .lcl_txt_over #lcl_txt{background: rgba(255, 255, 255, 0.9); background-clip: padding-box !important; border: 15px solid transparent; border-radius: 0 17px 17px 0; max-height: calc(100% - 42px); padding: 13px 22px; overflow: auto; bottom: 0;} .lcl_fullscreen_mode.lcl_force_txt_over #lcl_txt, .lcl_fullscreen_mode.lcl_txt_over #lcl_txt{bottom: auto !important; right: auto !important; left: 0 !important; top: 42px !important; padding: 17px 22px !important; max-width: 33.3%; max-height: calc(100% - 42px); -webkit-transition: -webkit-transform .45s ease .1s, opacity .35s ease .1s, bottom .3s ease; transition: transform .45s ease .1s, opacity .35s ease .1s, bottom .3s ease;} .lcl_playing_video.lcl_txt_over #lcl_txt, .lcl_playing_video.lcl_force_txt_over #lcl_txt{max-height: calc(100% - 42px - 45px); bottom: 45px;} @media screen and (max-width:1024px){.lcl_fullscreen_mode.lcl_force_txt_over #lcl_txt, .lcl_fullscreen_mode.lcl_txt_over #lcl_txt{max-width: 66.6%;}} @media screen and (max-width:780px){.lcl_fullscreen_mode.lcl_force_txt_over #lcl_txt, .lcl_fullscreen_mode.lcl_txt_over #lcl_txt{max-width: 100%;}} .lcl_txt_rside:not(.lcl_force_txt_over) #lcl_txt, .lcl_txt_lside:not(.lcl_force_txt_over) #lcl_txt{padding: 16px 24px; top: 0; bottom: 0; width: 330px; overflow-y: auto; overflow-x: hidden;} .lcl_txt_rside:not(.lcl_force_txt_over) #lcl_txt:after, .lcl_txt_lside:not(.lcl_force_txt_over) #lcl_txt:after{bottom: 0; position: absolute; top: 0; width: 4px;} .lcl_txt_lside:not(.lcl_force_txt_over) #lcl_txt{padding-left: 18px;} .lcl_txt_rside:not(.lcl_force_txt_over) #lcl_txt{padding-right: 18px;} .lcl_txt_rside:not(.lcl_no_txt):not(.lcl_force_txt_over) #lcl_subj{border-right: 330px solid transparent;} .lcl_txt_rside.lcl_inner_cmd:not(.lcl_no_txt):not(.lcl_force_txt_over) #lcl_nav_cmd, .lcl_nav_btn_middle.lcl_txt_rside.lcl_inner_cmd:not(.lcl_no_txt):not(.lcl_force_txt_over) .lcl_next, .lcl_fullscreen_mode.lcl_nav_btn_middle.lcl_txt_rside:not(.lcl_no_txt):not(.lcl_force_txt_over) .lcl_next, .lcl_fullscreen_mode.lcl_txt_rside:not(.lcl_no_txt):not(.lcl_force_txt_over) #lcl_thumbs_nav, .lcl_fullscreen_mode.lcl_txt_rside:not(.lcl_no_txt):not(.lcl_force_txt_over) #lcl_nav_cmd{right: 330px;} .lcl_txt_rside:not(.lcl_force_txt_over) #lcl_txt{right: 0; background: #fefefe;} .lcl_txt_lside:not(.lcl_no_txt):not(.lcl_force_txt_over) #lcl_subj{border-left: 330px solid transparent;} .lcl_txt_lside.lcl_inner_cmd:not(.lcl_no_txt):not(.lcl_force_txt_over) #lcl_nav_cmd, .lcl_nav_btn_middle.lcl_txt_lside.lcl_inner_cmd:not(.lcl_no_txt):not(.lcl_force_txt_over) .lcl_prev, .lcl_fullscreen_mode.lcl_nav_btn_middle.lcl_txt_lside:not(.lcl_no_txt):not(.lcl_force_txt_over) .lcl_prev, .lcl_fullscreen_mode.lcl_txt_lside:not(.lcl_no_txt):not(.lcl_force_txt_over) #lcl_thumbs_nav, .lcl_fullscreen_mode.lcl_txt_lside:not(.lcl_no_txt):not(.lcl_force_txt_over) #lcl_nav_cmd{left: 330px;} .lcl_txt_lside:not(.lcl_force_txt_over) #lcl_txt{left: 0; background: #fefefe;} @media screen and (max-width:780px){.lcl_txt_rside:not(.lcl_force_txt_over) #lcl_txt, .lcl_txt_lside:not(.lcl_force_txt_over) #lcl_txt{width: 220px;}.lcl_txt_rside:not(.lcl_no_txt):not(.lcl_force_txt_over) #lcl_subj{border-right-width: 220px;}.lcl_txt_lside:not(.lcl_no_txt):not(.lcl_force_txt_over) #lcl_subj{border-left-width: 220px;}.lcl_txt_rside.lcl_inner_cmd:not(.lcl_no_txt):not(.lcl_force_txt_over) #lcl_nav_cmd, .lcl_nav_btn_middle.lcl_txt_rside.lcl_inner_cmd:not(.lcl_no_txt):not(.lcl_force_txt_over) .lcl_next, .lcl_fullscreen_mode.lcl_nav_btn_middle.lcl_txt_rside:not(.lcl_no_txt):not(.lcl_force_txt_over) .lcl_next, .lcl_fullscreen_mode.lcl_txt_rside:not(.lcl_no_txt):not(.lcl_force_txt_over) #lcl_thumbs_nav, .lcl_fullscreen_mode.lcl_txt_rside:not(.lcl_no_txt):not(.lcl_force_txt_over) #lcl_nav_cmd{right: 220px;}.lcl_txt_lside.lcl_inner_cmd:not(.lcl_no_txt):not(.lcl_force_txt_over) #lcl_nav_cmd, .lcl_nav_btn_middle .lcl_txt_lside.lcl_inner_cmd:not(.lcl_no_txt):not(.lcl_force_txt_over) .lcl_prev, .lcl_fullscreen_mode.lcl_nav_btn_middle.lcl_txt_lside:not(.lcl_no_txt):not(.lcl_force_txt_over) .lcl_prev, .lcl_fullscreen_mode.lcl_txt_lside:not(.lcl_no_txt):not(.lcl_force_txt_over) #lcl_thumbs_nav, .lcl_fullscreen_mode.lcl_txt_lside:not(.lcl_no_txt):not(.lcl_force_txt_over) #lcl_nav_cmd{left: 220px;}} @media screen and (min-width:1700px){.lcl_fullscreen_mode.lcl_txt_rside:not(.lcl_force_txt_over) #lcl_txt, .lcl_fullscreen_mode.lcl_txt_lside:not(.lcl_force_txt_over) #lcl_txt{width: 400px;}.lcl_fullscreen_mode.lcl_txt_rside:not(.lcl_no_txt):not(.lcl_force_txt_over) #lcl_subj{border-right-width: 400px;}.lcl_fullscreen_mode.lcl_txt_lside:not(.lcl_no_txt):not(.lcl_force_txt_over) #lcl_subj{border-left-width: 400px;}.lcl_fullscreen_mode.lcl_nav_btn_middle.lcl_txt_rside:not(.lcl_no_txt):not(.lcl_force_txt_over) .lcl_next, .lcl_fullscreen_mode.lcl_txt_rside:not(.lcl_no_txt):not(.lcl_force_txt_over) #lcl_thumbs_nav, .lcl_fullscreen_mode.lcl_txt_rside:not(.lcl_no_txt):not(.lcl_force_txt_over) #lcl_nav_cmd{right: 400px;}.lcl_fullscreen_mode.lcl_nav_btn_middle.lcl_txt_lside:not(.lcl_no_txt):not(.lcl_force_txt_over) .lcl_prev, .lcl_fullscreen_mode.lcl_txt_lside:not(.lcl_no_txt):not(.lcl_force_txt_over) #lcl_thumbs_nav, .lcl_fullscreen_mode.lcl_txt_lside:not(.lcl_no_txt):not(.lcl_force_txt_over) #lcl_nav_cmd{left: 400px;}} .lcl_hidden_txt.lcl_inner_cmd #lcl_nav_cmd, .lcl_hidden_txt.lcl_outer_cmd #lcl_nav_cmd, .lcl_fullscreen_mode.lcl_hidden_txt #lcl_thumbs_nav{right: 0 !important; left: 0 !important;} .lcl_nav_btn_middle.lcl_hidden_txt.lcl_inner_cmd .lcl_prev, .lcl_nav_btn_middle.lcl_hidden_txt.lcl_outer_cmd .lcl_prev{left: 0px !important;} .lcl_nav_btn_middle.lcl_hidden_txt.lcl_inner_cmd .lcl_next, .lcl_nav_btn_middle.lcl_hidden_txt.lcl_outer_cmd .lcl_next{right: 0px !important;} #lcl_txt > *:first-child{padding-top: 0; margin-top: 0;} #lcl_txt > *:last-child{padding-bottom: 0; margin-bottom: 0;} .lcl_hidden_txt.lcl_txt_under:not(.lcl_force_txt_over) #lcl_txt{-webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%);} .lcl_hidden_txt:not(.lcl_fullscreen_mode).lcl_txt_over #lcl_txt, .lcl_hidden_txt:not(.lcl_fullscreen_mode).lcl_force_txt_over #lcl_txt{opacity: 0 !important; -webkit-transform: translateY(30px) scale(.95); -ms-transform: translateY(30px) scale(.95); transform: translateY(30px) scale(.95);} .lcl_hidden_txt.lcl_fullscreen_mode.lcl_txt_over #lcl_txt, .lcl_hidden_txt.lcl_fullscreen_mode.lcl_force_txt_over #lcl_txt{-webkit-transform: translateX(-110%) scale(.8); -ms-transform: translateX(-110%) scale(.8); transform: translateX(-110%) scale(.8);} .lcl_hidden_txt.lcl_txt_rside:not(.lcl_force_txt_over) #lcl_subj, .lcl_hidden_txt.lcl_txt_lside:not(.lcl_force_txt_over) #lcl_subj{border-width: 0 !important;} .lcl_hidden_txt.lcl_txt_rside:not(.lcl_force_txt_over) #lcl_txt{-webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%);} .lcl_hidden_txt.lcl_txt_lside:not(.lcl_force_txt_over) #lcl_txt{-webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%);} .lcl_tooltip{position: absolute; left: 50%; background: #fff; padding: 7px; border-radius: 3px; box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.15); opacity: 0; font-size: 14px; -webkit-transition: all .25s ease-out; transition: all .25s ease-out;} .lcl_tooltip:before{content: ""; border-style: solid; border-width: 7px; left: 50%; margin-left: -7px; position: absolute;} .lcl_tooltip.lcl_tt_bottom:before{bottom: 100%; border-color: transparent transparent #fff;} .lcl_tooltip.lcl_tt_top:before{top: 100%; border-color: #fff transparent transparent;} .lcl_tooltip.lcl_tt_bottom{top: 115%; -webkit-transform: translate(-50%, 8px); -ms-transform: translate(-50%, 8px); transform: translate(-50%, 8px);} .lcl_tooltip.lcl_tt_top{bottom: 115%; -webkit-transform: translate(-50%, -8px); -ms-transform: translate(-50%, -8px); transform: translate(-50%, -8px);} .lcl_tooltip.lcl_show_tt{opacity: 1; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0);} .lcl_tooltip.lcl_socials_tt{white-space: nowrap; padding-left: 0; padding-right: 0; top: 150%;} .lcl_socials{position: relative;} #lcl_wrap[lcl-type=html] .lcl_socials, #lcl_wrap[lcl-type=iframe] .lcl_socials{display: none !important;} .lcl_socials_tt a{border-width: 0 0 0 1px !important; border-style: solid; border-color: #eaeaea; border-radius: 0 !important; box-shadow: none !important; padding: 0px 12px; text-decoration: none !important; margin: 0 !important; max-width: 17px;} .lcl_socials_tt a:first-child{border: none !important;} #lcl_wrap.lcl_fullscreen_mode{padding: 0 !important;} .lcl_fullscreen_mode #lcl_window, .lcl_fullscreen_mode #lcl_contents_wrap{border-radius: 0 !important;} .lcl_fullscreen_mode #lcl_window{border-width: 0 !important; margin-top: 0 !important;} .lcl_fullscreen_mode #lcl_subj, .lcl_fullscreen_mode #lcl_txt{margin: 0 !important;} .lcl_fullscreen_mode #lcl_elem_wrap{bottom: 0 !important;} .lcl_fullscreen_mode.lcl_toggling_txt.lcl_outer_cmd, .lcl_fullscreen_mode.lcl_toggling_txt.lcl_nav_btn_middle .lcl_prev, .lcl_fullscreen_mode.lcl_toggling_txt.lcl_nav_btn_middle .lcl_next{-webkit-transition: all .4s ease .2s !important; transition: all .4s ease .2s !important;} #lcl_thumbs_nav{margin: 10px 20px; position: fixed; bottom: 0; left: 0; right:0; box-sizing: content-box !important; z-index: 60; -webkit-transition: -webkit-transform .35s ease-in, opacity .5s ease, margin .35s ease, left .4s ease .2s, right .4s ease .2s; transition: transform .35s ease-in, opacity .5s ease, margin .35s ease, left .4s ease .2s, right .4s ease .2s;} .lcl_playing_video.lcl_fullscreen_mode #lcl_thumbs_nav{margin-bottom: 50px;} .lcl_tn_hidden #lcl_thumbs_nav, .lcl_pre_first_el #lcl_thumbs_nav{opacity: 0; -webkit-transform: translateY(150%); -ms-transform: translateY(150%); transform: translateY(150%);} #lcl_thumbs_nav .lcl_tn_inner{position: absolute; z-index: 10; left: 45px; right: 45px; bottom: 0; top: 0; list-style: none !important; margin: 0 !important; text-align: center; white-space: nowrap; overflow: hidden;} .lcl_on_mobile .lcl_tn_inner{overflow: auto !important; touch-action: pan-x;} .lcl_tn_inner li{height: 100%; margin: 0 0 0 10px; display: inline-block; border: 0px solid #ccc; border-radius: 2px; position: relative; background-repeat: no-repeat; background-position: center center; background-size: cover; background-clip: content-box; background-color: #9f9f9f; cursor: pointer; overflow: hidden; box-shadow: 0 0 4px rgba(10, 10, 10, 0.45); -webkit-transform: scale(0.83) translateZ(0); -ms-transform: scale(0.83) translateZ(0); transform: scale(0.83) translateZ(0); -webkit-transition: all .25s ease; transition: all .25s ease;} .lcl_tn_inner li:first-child{margin: 0;} .lcl_tn_inner li.lcl_sel_thumb, #lcl_wrap:not(.lcl_on_mobile) .lcl_tn_inner li:not(.lcl_sel_thumb):hover{-webkit-transform: scale(.97); -ms-transform: scale(.97); transform: scale(.97);} .lcl_tn_inner li.lcl_tn_preload, .lcl_tn_inner li.lcl_sel_thumb.lcl_tn_preload{margin: 0 !important; width: 0 !important; height: 0 !important; -webkit-transform: scale(0) !important; -ms-transform: scale(0) !important; transform: scale(0) !important;} .lcl_thumb_title_tt{padding: 7px 10px;} #lcl_thumbs_nav span{position: absolute; cursor: pointer; width: 23px; height: 23px; top: 50%; margin-top: -12px; z-index: 15; color: #f5f5f5;} #lcl_thumbs_nav:not(.lcl_tn_has_arr) span{display: none !important;} #lcl_thumbs_nav.lcl_tn_has_arr span{display: inline-block !important;} #lcl_thumbs_nav.lcl_tn_has_arr span:before{font-size: 23px;} #lcl_thumbs_nav span.lcl_tn_prev{left: 0;} #lcl_thumbs_nav span.lcl_tn_next{right: 0;} .lcl_tn_video video{position: absolute; top: -15%; left: -15%; width: 130%; height: 130%;} .lcl_tn_mixed_types li::before{background: rgba(0, 0, 0, 0.25); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 10; -webkit-transition: all .25s ease; transition: all .25s ease;} .lcl_tn_mixed_types li.lcl_sel_thumb::before{opacity: 0;} .lcl_tn_mixed_types li:after{font-family: 'lc_lightbox' !important; bottom: 0; color: #fff; font-size: 18px; line-height: 28px; position: absolute; right: 5px; position: absolute; text-shadow: 0 0 3px rgba(0, 0, 0, 0.7); z-index: 15; content: "\e929";} .lcl_tn_mixed_types li.lcl_tn_image:after{content: "\e927";} .lcl_tn_mixed_types li.lcl_tn_iframe:after{content: "\e903";} .lcl_tn_mixed_types li.lcl_tn_html:after{content: "\e926";} #lcl_progressbar{position: fixed; z-index: 99999; top: 0; height: 2px; left: 0; width: 0; background: #fff; box-shadow: 0px 2px 2px 0 rgba(0, 0, 0, 0.4); -webkit-transition: opacity .6s ease; transition: opacity .6s ease;} .lcl_loading_videojs #lcl_progressbar, .lcl_loading_iframe #lcl_progressbar{opacity: 0 !important; -webkit-transition-duration: 0s; transition-duration: 0s;} .lcl_pattern_oblique_dots{background-image: url(/sh_onemate_theme/static/src/img/lc_lightbox/img/patterns/oblique_dots.png);} .lcl_pattern_1{background-image: url(/sh_onemate_theme/static/src/img/lc_lightbox/img/patterns/pattern-1.png);} .lcl_pattern_dot-1{background-image: url(/sh_onemate_theme/static/src/img/lc_lightbox/img/patterns/pattern-dot-1.png);} .lcl_pattern_dot-2{background-image: url(/sh_onemate_theme/static/src/img/lc_lightbox/img/patterns/pattern-dot-2.png);} .lcl_pattern_dot-b1{background-image: url(/sh_onemate_theme/static/src/img/lc_lightbox/img/patterns/pattern-dot-b1.png);} .lcl_pattern_dot-b2{background-image: url(/sh_onemate_theme/static/src/img/lc_lightbox/img/patterns/pattern-dot-b2.png);} .lcl_pattern_dot-b3{background-image: url(/sh_onemate_theme/static/src/img/lc_lightbox/img/patterns/pattern-dot-b3.png);} .lcl_pattern_dot-b4{background-image: url(/sh_onemate_theme/static/src/img/lc_lightbox/img/patterns/pattern-dot-b4.png);} .lcl_pattern_triangle-05{background-image: url(/sh_onemate_theme/static/src/img/lc_lightbox/img/patterns/pattern-triangle-05.png);} .lcl_pattern_triangle-10{background-image: url(/sh_onemate_theme/static/src/img/lc_lightbox/img/patterns/pattern-triangle-10.png);} .lcl_pattern_triangle-20{background-image: url(/sh_onemate_theme/static/src/img/lc_lightbox/img/patterns/pattern-triangle-20.png);} .lcl_pattern_triangle-30{background-image: url(/sh_onemate_theme/static/src/img/lc_lightbox/img/patterns/pattern-triangle-30.png);} .lcl_pattern_triangle-40{background-image: url(/sh_onemate_theme/static/src/img/lc_lightbox/img/patterns/pattern-triangle-40.png);} .lcl_pattern_ver-line-10{background-image: url(/sh_onemate_theme/static/src/img/lc_lightbox/img/patterns/pattern-ver-line-10.png);} .lcl_pattern_ver-line-20{background-image: url(/sh_onemate_theme/static/src/img/lc_lightbox/img/patterns/pattern-ver-line-20.png);} .lcl_pattern_ver-line-30{background-image: url(/sh_onemate_theme/static/src/img/lc_lightbox/img/patterns/pattern-ver-line-30.png);} .lcl_pattern_ver-line-40{background-image: url(/sh_onemate_theme/static/src/img/lc_lightbox/img/patterns/pattern-ver-line-40.png);} .lcl_pattern_ver-line-50{background-image: url(/sh_onemate_theme/static/src/img/lc_lightbox/img/patterns/pattern-ver-line-50.png);} 

/* /sh_onemate_theme/static/src/css/libs/lc_lightbox/dark.css defined in bundle 'web.assets_frontend' */
.lcl_dark #lcl_window, .lcl_dark.lcl_txt_under #lcl_txt, .lcl_dark #lcl_nav_cmd .lcl_icon, .lcl_dark #lcl_corner_close, .lcl_dark.lcl_txt_rside:not(.lcl_force_txt_over) #lcl_txt, .lcl_dark.lcl_txt_lside:not(.lcl_force_txt_over) #lcl_txt, .lcl_dark .lcl_tooltip{background-color: #333;} .lcl_dark #lcl_subj{background-color: #404040;} .lcl_dark.lcl_fullscreen_mode #lcl_subj{background-color: #252525;} .lcl_dark #lcl_loader > span{border-color: #999 #999 transparent;} .lcl_dark #lcl_nav_cmd .lcl_icon{border-radius: 3px; box-shadow: 0 0 2px rgb(240, 240, 240, 0.15); border: 1px solid #484848; color: #eee;} .lcl_dark .lcl_icon:not(.lcl_counter):after{background: #cfcfcf;} .lcl_dark#lcl_wrap:not(.lcl_on_mobile) .lcl_icon:not(.lcl_counter):not(.lcl_zoom_disabled):not(a):hover:before{color: #444;} .lcl_dark.lcl_fullscreen_mode[lcl-type=iframe] #lcl_subj{top: 58px;} .lcl_dark .lcl_close{margin-left: 14px !important;} .lcl_dark .lcl_zoom_in{margin-right: 14px !important;} @media screen and (min-width:500px){.lcl_dark .lcl_close{margin-left: 28px !important;}.lcl_dark .lcl_zoom_in{margin-right: 28px !important;}} @media screen and (max-width:500px){.lcl_dark #lcl_nav_cmd .lcl_icon{margin: 3px 0;}.lcl_dark .lcl_counter{letter-spacing: -1px;}} @media screen and (max-width:370px){.lcl_dark.lcl_outer_cmd #lcl_nav_cmd{padding: 7px 10px;}.lcl_dark #lcl_nav_cmd .lcl_icon{width: 24px;}} .lcl_dark #lcl_corner_close{border: 3px solid #8a8a8a !important;} .lcl_dark #lcl_corner_close:before{color: #eee;} .lcl_dark #lcl_txt *{font-family: Arial,​ 'sans-serif'; color: #ddd;} .lcl_dark #lcl_title{color: #eee;} .lcl_dark #lcl_author{color: #bfbfbf;} .lcl_dark .lcl_txt_border{border-bottom: 1px dashed #888 !important;} .lcl_dark.lcl_force_txt_over #lcl_txt, .lcl_dark.lcl_txt_over #lcl_txt{background: rgba(33, 33, 33, 0.9);} .lcl_dark.lcl_force_txt_over #lcl_txt:before, .lcl_dark.lcl_txt_over #lcl_txt:before{background: #666;} .lcl_dark.lcl_force_txt_over #lcl_txt:after, .lcl_dark.lcl_txt_over #lcl_txt:after{border-color: #3e3e3e;} .lcl_dark.lcl_txt_rside:not(.lcl_force_txt_over) #lcl_txt:after{content: ""; background: linear-gradient(to right, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%); left: 0;} .lcl_dark.lcl_txt_lside:not(.lcl_force_txt_over) #lcl_txt:after{content: ""; background: linear-gradient(to left, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%); right: 0;} .lcl_dark.lcl_txt_under:not(.lcl_force_txt_over) #lcl_txt::after{content: ""; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%,rgba(0, 0, 0, 0) 100%); height: 3px;} .lcl_dark .lcl_tooltip.lcl_tt_bottom:before{border-color: transparent transparent #333;} .lcl_dark .lcl_tooltip.lcl_tt_top:before{border-color: #333 transparent transparent;} .lcl_dark .lcl_socials_tt a{border-color: #666;} .lcl_dark #lcl_thumbs_nav span{color: #dfdfdf;} .lcl_dark .lcl_tn_mixed_types li::before{background: rgba(0, 0, 0, 0.25);} .lcl_dark .lcl_tn_mixed_types li:after{color: #fff;} .lcl_dark #lcl_progressbar{background: #eee;} 

/* /sh_onemate_theme/static/src/scss/owl.carousel.scss defined in bundle 'web.assets_frontend' */
 .owl-carousel{display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1;} .owl-carousel .owl-stage{position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden;} .owl-carousel .owl-stage:after{content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} .owl-carousel .owl-stage-outer{position: relative; overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px);} .owl-carousel .owl-wrapper, .owl-carousel .owl-item{-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0);} .owl-carousel .owl-item{position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none;} .owl-carousel .owl-item img{display: block; width: 100%;} .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled{display: none;} .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot{cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot{background: none; color: inherit; border: none; padding: 0 !important; font: inherit;} .owl-carousel.owl-loaded{display: block;} .owl-carousel.owl-loading{opacity: 0; display: block;} .owl-carousel.owl-hidden{opacity: 0;} .owl-carousel.owl-refresh .owl-item{visibility: hidden;} .owl-carousel.owl-drag .owl-item{-ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .owl-carousel.owl-grab{cursor: move; cursor: grab;} .owl-carousel.owl-rtl{direction: rtl;} .owl-carousel.owl-rtl .owl-item{float: right;} .no-js .owl-carousel{display: block;} .owl-carousel .animated{animation-duration: 1000ms; animation-fill-mode: both;} .owl-carousel .owl-animated-in{z-index: 0;} .owl-carousel .owl-animated-out{z-index: 1;} .owl-carousel .fadeOut{animation-name: fadeOut;} @keyframes fadeOut{0%{opacity: 1;}100%{opacity: 0;}} .owl-height{transition: height 500ms ease-in-out;} .owl-carousel .owl-item{} .owl-carousel .owl-item .owl-lazy{opacity: 0; transition: opacity 400ms ease;} .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]){max-height: 0;} .owl-carousel .owl-item img.owl-lazy{transform-style: preserve-3d;} .owl-carousel .owl-video-wrapper{position: relative; height: 100%; background: #000;} .owl-carousel .owl-video-play-icon{position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("/sh_onemate_theme/static/src/scss/owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease;} .owl-carousel .owl-video-play-icon:hover{-ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3);} .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon{display: none;} .owl-carousel .owl-video-tn{opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease;} .owl-carousel .owl-video-frame{position: relative; z-index: 1; height: 100%; width: 100%;} 

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

/* /sh_onemate_theme/static/src/scss/style.scss defined in bundle 'web.assets_frontend' */
 ul{padding: 0px; margin: 0px; list-style: none;} .btn:focus, .btn.focus{outline: 0; box-shadow: none;} .sh_onemate_snippet_1 .carousel-item{background-color: #709587;} .sh_onemate_snippet_1 .s_title_default font{font-size: 50px; font-weight: 700; line-height: 4rem;} .sh_onemate_snippet_1 .carousel-inner .s_title_default{color: #FFFFFF; font-size: 60px; font-weight: 700;} .sh_onemate_snippet_1 .carousel-inner .lead{line-height: 1.7rem; color: #FFFFFF; font-size: 16px; font-weight: 500;} .sh_onemate_snippet_1 .carousel-inner .carousel-content .blog-img img{width: 100%; height: 300px; object-fit: cover; box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border-radius: 4px;} .sh_onemate_snippet_1 .carousel-inner .btn-secondary{color: #709587; border: 2px solid #fff; background-color: transparent; text-transform: none; font-weight: 700; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); padding: .84rem 2.14rem; font-size: .81rem; border-radius: .3em; background: #fff; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;} .sh_onemate_snippet_1 .carousel-inner .btn-secondary:hover{box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); outline: 0;} .sh_onemate_snippet_1 .carousel-inner .btn-primary{border-radius: .3em; text-transform: none; font-weight: 700; border: 2px solid #fff !important; background-color: transparent !important; color: #fff !important; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); padding: .84rem 2.14rem; font-size: .81rem;} .sh_onemate_snippet_1 .carousel-inner .btn-primary:hover{box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); outline: 0;} .sh_onemate_snippet_1 .carousel-indicators{position: absolute; top: 50%; right: 2%; left: auto; margin: 0; display: block; transform: translateY(-50%); height: auto; bottom: auto;} .sh_onemate_snippet_1 .s_carousel.s_carousel_default .carousel-indicators li, .sh_onemate_snippet_1 .s_quotes_carousel.s_carousel_default .carousel-indicators li{transform: scale(1); animation: pulse-black 2s infinite; height: .8rem; width: .8rem; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); border-radius: 50%; margin: 5px 0;} .s_carousel.s_carousel_default .carousel-indicators .white.active li{box-shadow: 0 0 0 0 #fff; animation: pulse-white 2s infinite;} @-webkit-keyframes introAnimation{0%, 100%{background-position: 0 50%;}50%{background-position: 100% 50%;}} @keyframes introAnimation{0%, 100%{background-position: 0 50%;}50%{background-position: 100% 50%;}} .s_quotes_carousel .carousel-inner .carousel-item, .sh_onemate_snippet_1 .s_carousel .carousel-inner .carousel-item{background: no-repeat #ff3f71; background: -webkit-linear-gradient(40deg, #709587, #7c7ba9); padding: 11pc 0;} @media (max-width: 991px){.s_carousel .carousel-inner .carousel-item, .s_quotes_carousel .carousel-inner .carousel-item{padding: 40px 0px 40px !important; height: 400px;}.sh_onemate_snippet_1 .s_title_default font{font-size: 40px !important;}.sh_onemate_snippet_1 .carousel-inner .s_title_default{line-height: 30px;}.sh_onemate_snippet_1 .carousel-inner .lead{font-size: 15px;}.sh_onemate_snippet_1 .team-detail{text-align: left !important;}.sh_onemate_snippet_1 .carousel-indicators{bottom: -2%; position: absolute; top: auto; right: 0%; left: 0%; margin: 0px; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; transform: translateY(-50%); height: auto;}} @media (max-width: 768px){.s_carousel .carousel-inner .carousel-item, .s_quotes_carousel .carousel-inner .carousel-item{padding: 25px 0px 40px !important;}.sh_onemate_snippet_1 .s_title_default font{font-size: 35px !important;}.sh_onemate_snippet_1 .carousel-inner .s_title_default{line-height: 30px;}.sh_onemate_snippet_1 .carousel-inner .lead{font-size: 14px;}.sh_onemate_snippet_1 .carousel-inner .s_btn{text-align: center !important; padding-top: 5px !important; padding-bottom: 30px !important;}.sh_onemate_snippet_1 .carousel-inner .btn-secondary{padding: 0.3rem 0.5rem; font-size: 15px;}.sh_onemate_snippet_1 .carousel-inner .btn-primary{padding: 0.3rem 0.5rem; font-size: 15px;}.sh_onemate_snippet_1 .carousel-indicators{bottom: -2%; position: absolute; top: auto; right: 0%; left: 0%; margin: 0px; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; transform: translateY(-50%); height: auto;}.sh_onemate_snippet_1 .team-detail{text-align: center !important;}.s_carousel .carousel-inner .carousel-item, .s_quotes_carousel .carousel-inner .carousel-item{padding: 40px 0px 40px !important; height: auto;}} .sh_onemate_snippet_2{padding-top: 5pc !important; padding-bottom: 5pc !important;} .sh_onemate_snippet_2 .grid{border-radius: 2px; text-align: center; background-color: #fff; padding: 1.25rem; position: relative; border-bottom: 5px solid #e3e3e3; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); border: 0; font-weight: 400; transition: all .55s ease-in-out; background-clip: border-box; border-radius: .25rem;} .sh_onemate_snippet_2 .grid:hover:after, .sh_onemate_snippet_2 .grid:focus:after{box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); transition: all .55s ease-in-out;} .sh_onemate_snippet_2 .grid:hover, .sh_onemate_snippet_2 .grid:focus{margin-top: -35px;} .sh_onemate_snippet_2 .icon-content .tilte{color: #212529; margin: 15px 0; font-weight: 700; font-style: normal; font-size: 1.4rem; line-height: 1.8rem;} .sh_onemate_snippet_2 .grid .icon-md .fa{font-size: 40px; line-height: 50px; color: #709587;} .sh_onemate_snippet_2 .grid .icon-content p{display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-align: -webkit-center; font-weight: normal; font-style: normal; color: #7b7b93; font-size: .9rem; line-height: 1.7rem;} .sh_onemate_snippet_2 .grid:after{content: ""; background: #e3e3e3; background: -webkit-linear-gradient(40deg, #709587, #7c7ba9); width: 0; height: 5px; position: absolute; left: 0; bottom: -5px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s;} .sh_onemate_snippet_2 .grid:hover:after, .sh_onemate_snippet_2 .grid:focus:after{width: 100%;} .sh_onemate_snippet_2 .grid .btn{font-weight: 700; padding: 0.5rem 1rem; font-size: 16px; color: #709587; letter-spacing: 1px;} @media (max-width: 1199px){.sh_onemate_snippet_2 .grid .icon img{max-width: 45px;}} @media (max-width: 991px){.sh_onemate_snippet_2 .grid{padding: 20px;}.sh_onemate_snippet_2 .grid{padding: 40px 15px;}} @media (max-width: 768px){.sh_onemate_snippet_2 .grid{margin: 10px 0pc; padding: 30px 30px;}.sh_onemate_snippet_2{padding-bottom: 2pc !important;}.sh_onemate_snippet_2 .grid .icon-content p{font-size: 15px;}.agency-grids .grid{padding: 20px;}} .sh_onemate_snippet_3{background-color: #f4f4fa;} .sh_onemate_snippet_3{padding-top: 5pc; padding-bottom: 5pc;} .sh_onemate_snippet_3 .about_details img{height: 450px; object-fit: cover; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important; width: 100%; border-radius: 2px;} .sh_onemate_snippet_3 .about_us_box{width: 100%; text-align: center; padding-bottom: 1pc;} .sh_onemate_snippet_3 .about_us_box .section-title span{color: #709587;} .sh_onemate_snippet_3 .about_us_box .section-title h2{font-size: 2rem; line-height: 50px; font-weight: 600; margin-bottom: 10px;} .sh_onemate_snippet_3 .about_us_box .section-title p{font-size: 1rem; line-height: 1.8rem; color: #7b7b93; font-weight: 400; max-width: 900px; margin: 0 auto;} .sh_onemate_snippet_3 .about_details{position: relative; padding: 2pc 0 0pc; overflow: hidden;} .sh_onemate_snippet_3 .about-box p{display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; line-height: 28px; font-weight: normal; font-style: normal; color: #7b7b93; font-size: .9rem; line-height: 1.7rem;} .sh_onemate_snippet_3 .about-box{padding-bottom: 1pc;} .sh_onemate_snippet_3 .about-box .title h2{font-size: 22px; color: #212529; margin: 15px 0px; line-height: 36px; font-weight: 700; font-style: normal; letter-spacing: 1px;} .sh_onemate_snippet_3 .pie, .c100 .bar{position: absolute; border: 0.08em solid #709587; width: .84em; height: .84em; clip: rect(0em, 0.5em, 1em, 0em); border-radius: 50%; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);} .sh_onemate_snippet_3 .pie-fill, .c100 .bar:after, .c100 .fill{-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);} .sh_onemate_snippet_3 .c100{position: relative; font-size: 120px; width: 1em; height: 1em; border-radius: 50%; float: left; margin: 0 .1em .1em 0; background-color: #ececec;} .sh_onemate_snippet_3 .c100 *, .c100 *:before, .c100 *:after{-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;} .sh_onemate_snippet_3 .c100.center{float: none; margin: 0 auto;} .sh_onemate_snippet_3 .c100 > span{position: absolute; width: 100%; z-index: 1; left: 0; top: 0; width: 5em; line-height: 5em; font-size: .2em; color: #709587; display: block; text-align: center; white-space: nowrap; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: .2s; -moz-transition-duration: .2s; -o-transition-duration: .2s; transition-duration: .2s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out;} .sh_onemate_snippet_3 .c100:after{position: absolute; top: .08em; left: .08em; display: block; content: " "; border-radius: 50%; background-color: #f5f5f5; width: .84em; height: .84em; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: .2s; -moz-transition-duration: .2s; -o-transition-duration: .2s; transition-duration: .2s; -webkit-transition-timing-function: ease-in; -moz-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; transition-timing-function: ease-in;} .sh_onemate_snippet_3 .c100 .slice{position: absolute; width: 1em; height: 1em; clip: rect(0em, 1em, 1em, 0.5em);} .sh_onemate_snippet_3 .c100.p12 .bar{-webkit-transform: rotate(43.2deg); -moz-transform: rotate(43.2deg); -ms-transform: rotate(43.2deg); -o-transform: rotate(43.2deg); transform: rotate(43.2deg);} .sh_onemate_snippet_3 .c100.p25 .bar{-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);} .sh_onemate_snippet_3 .c100.p50 .bar{-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);} .sh_onemate_snippet_3 .c100:hover{cursor: default;} .sh_onemate_snippet_3 .c100:hover > span{width: 3.33em; line-height: 3.33em; font-size: .3em; color: #709587;} .sh_onemate_snippet_3 .c100:hover:after{top: .04em; left: .04em; width: .92em; height: .92em;} .sh_onemate_snippet_3 .c100.dark{background-color: #777;} .sh_onemate_snippet_3 .c100.dark .bar, .c100.dark .fill{border-color: #c6ff00 !important;} .sh_onemate_snippet_3 .c100.dark > span{color: #777;} .sh_onemate_snippet_3 .c100.dark:after{background-color: #666;} .sh_onemate_snippet_3 .c100.dark:hover > span{color: #c6ff00;} .sh_onemate_snippet_3 .sh_about_img{background-image: url(/sh_onemate_theme/static/src/img/theme_1/about.png); width: 100%; height: 450px; background-repeat: no-repeat; background-size: cover; border-radius: 2px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;} .sh_onemate_snippet_3 .sh_inner_box{background: rgba(11, 24, 45, 0.4); height: 450px; width: 100%; top: 0; left: -15px; position: absolute; padding: 0;} .sh_onemate_snippet_3 .sh-video{cursor: pointer; position: relative; width: 80px; height: 80px; margin: auto; border-radius: 50%; transition: all .5s; top: 40%;} .sh_onemate_snippet_3 .sh-video.layout-background{background-color: #709587;} .sh_onemate_snippet_3 .sh-video:after{content: ''; top: 0; left: 0; padding: 0; z-index: -1; opacity: 0; pointer-events: none; position: absolute; width: 100%; height: 100%; border-radius: 50%; box-sizing: content-box; box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4);} .sh_onemate_snippet_3 .sh-video:hover:after{animation: sonarEffect 1.3s ease-out 75ms;} .sh_onemate_snippet_3 .sh-video:hover{background: rgba(255, 255, 255, 0.05) !important; border-color: transparent !important; transform: scale(1); box-shadow: 2px 6px 18px transparent !important;} .sh_onemate_snippet_3 .sh-video a{color: #fff; width: 100px; height: 100px; position: absolute; top: 0; left: 50%; padding-left: 5px; transform: translateX(-50%);} .sh_onemate_snippet_3 .sh-video a:hover{color: #fff;} .sh_onemate_snippet_3 .sh-video a i{line-height: 80px; font-size: 15px;} @-webkit-keyframes sonarEffect{0%{opacity: 0.3;}40%{opacity: 0.5; box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #709587, 0 0 0 10px rgba(255, 255, 255, 0.5);}100%{-webkit-transform: scale(1.5); opacity: 0; box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #709587, 0 0 0 10px rgba(255, 255, 255, 0.5);}} @-moz-keyframes sonarEffect{0%{opacity: 0.3;}40%{opacity: 0.5; box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #709587, 0 0 0 10px rgba(255, 255, 255, 0.5);}100%{-moz-transform: scale(1.5); opacity: 0; box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #709587, 0 0 0 10px rgba(255, 255, 255, 0.5);}} @keyframes sonarEffect{0%{opacity: 0.3;}40%{opacity: 0.5; box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #709587, 0 0 0 10px rgba(255, 255, 255, 0.5);}100%{box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #709587, 0 0 0 10px rgba(255, 255, 255, 0.5); transform: scale(1.5); opacity: 0;}} .sh_onemate_snippet_3 .sh_skill h4{font-size: 22px; letter-spacing: 0.6px; margin: 0 0 8px; padding: 0; font-weight: 600; color: #333c4e;} .sh_onemate_snippet_3 .progress_bar .pro-bar{background: #f7f7f7; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; height: 6px; margin-bottom: 12px; margin-top: 50px; position: relative;} .sh_onemate_snippet_3 .progress_bar .progress_bar_title{color: #7a7e85; font-size: 15px; font-weight: 300; position: relative; top: -28px; z-index: 1;} .sh_onemate_snippet_3 .progress_bar .progress_number{float: right;} .sh_onemate_snippet_3 .progress_bar .progress-bar-inner{background: -webkit-linear-gradient(40deg, #709587, #7c7ba9); display: block; width: 0; height: 100%; position: absolute; top: 0; left: 0; transition: width 1s linear 0s;} .sh_onemate_snippet_3 .progress_bar .progress-bar-inner:before{content: ""; background-color: #fff; border-radius: 50%; width: 4px; height: 4px; position: absolute; right: 1px; top: 0; z-index: 1;} .sh_onemate_snippet_3 .progress_bar .progress-bar-inner:after{content: ""; width: 14px; height: 14px; background: -webkit-linear-gradient(left, #7c7ba9, #709587); border-radius: 50%; position: absolute; right: -4px; top: -5px;} @media (max-width: 991px){.sh_onemate_snippet_3 .about_us_box .section-title p{font-size: 17px;}.sh_onemate_snippet_3 .c100{font-size: 100px;}.sh_onemate_snippet_3 .about_details img{height: 350px; object-fit: cover;}} @media (max-width: 768px){.sh_onemate_snippet_3 .about_us_box .section-title p{font-size: 16px;}.sh_onemate_snippet_3 .about_details{padding: 0pc 0;}.sh_onemate_snippet_3 .about-box p{font-size: 15px;}.sh_onemate_snippet_3 .about_details img{height: 100%; object-fit: cover;}} .sh_onemate_snippet_4{padding-top: 5pc !important; padding-bottom: 5pc !important;} .sh_onemate_snippet_4 .section-head p{font-size: 1rem; line-height: 1.8rem; color: #7b7b93; font-weight: 400; max-width: 900px; margin: 0 auto;} .sh_onemate_snippet_4 .section-head{margin-bottom: 1pc; text-align: center; width: 100%;} .sh_onemate_snippet_4 .section-head h4{font-size: 2rem; line-height: 50px; font-weight: 600; margin-bottom: 10px;} .sh_onemate_snippet_4 .section-head h4 span{font-size: 2rem; font-weight: 700; letter-spacing: 1px; line-height: 3rem; color: #709587;} [data-overlay-color] .section-head p{color: #ccc;} [data-overlay-color].process .icon{color: #fff !important;} .sh_onemate_snippet_4 .bg-gray{background: #f9f9f9;} .sh_onemate_snippet_4 .card{box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); border: 0; font-weight: 400; transition: all .55s ease-in-out;} .sh_onemate_snippet_4 .card:hover{transition: all .55s ease-in-out; box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);} .sh_onemate_snippet_4 .o-hidden{overflow: hidden;} .sh_onemate_snippet_4 .pos-re{position: relative;} .sh_onemate_snippet_4 .full-width{width: 100% !important;} .sh_onemate_snippet_4 .lg-line-height{line-height: 1.5;} .sh_onemate_snippet_4 .bg-img{background-size: cover; background-repeat: no-repeat;} .sh_onemate_snippet_4 .bg-fixed{background-attachment: fixed;} .sh_onemate_snippet_4 .valign{display: -webkit-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .sh_onemate_snippet_4 .v-middle{position: absolute; width: 100%; top: 50%; left: 0; -webkit-transform: translate(0%, -50%); transform: translate(0%, -50%);} .sh_onemate_snippet_4 .owl-theme .owl-nav.disabled + .owl-dots{margin-top: 15px; line-height: .7;} .sh_onemate_snippet_4 .owl-theme .owl-dots .owl-dot span{width: 8px; height: 8px; margin: 0 7px; border-radius: 50%; background: #ddd;} .sh_onemate_snippet_4 .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background: #1a237e;} .sh_onemate_snippet_4 .cd-headline{font-size: 3rem; line-height: 1.2;} .sh_onemate_snippet_4 .cd-words-wrapper{display: inline-block; position: relative; text-align: left;} .sh_onemate_snippet_4 .cd-words-wrapper b{display: inline-block; position: absolute; white-space: nowrap; left: 0; top: 0;} .sh_onemate_snippet_4 .cd-words-wrapper b.is-visible{position: relative;} .sh_onemate_snippet_4 .no-js .cd-words-wrapper b{opacity: 0;} .sh_onemate_snippet_4 .no-js .cd-words-wrapper b.is-visible{opacity: 1;} .sh_onemate_snippet_4 .works .filtering .filter{display: inline-block; padding: 4px 10px; -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); border-radius: 30px;} .sh_onemate_snippet_4 .works .filtering span{margin: 0 5px; padding: 8px 20px; font-size: 12px; font-weight: 500; border-radius: 30px; cursor: pointer;} .sh_onemate_snippet_4 .works .filtering .active{background: #1a237e; background: -webkit-gradient(linear, left top, right top, from(#1a237e), to(#2576fd)); background: linear-gradient(to right, #1a237e, #2576fd); -webkit-box-shadow: 0 8px 30px -5px rgba(0, 0, 0, 0.2); box-shadow: 0 8px 30px -5px rgba(0, 0, 0, 0.2); color: #fff;} .sh_onemate_snippet_4 .works .item-img{position: relative; margin-top: 30px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.21), 0 2px 10px 0 rgba(0, 0, 0, 0.12); width: 100%; border-radius: 2px;} .sh_onemate_snippet_4 .works .item-img img{height: 180px; object-fit: cover; width: 100%;} .sh_onemate_snippet_4 .works .item-img:hover .item-img-overlay{visibility: visible; opacity: 1;} .sh_onemate_snippet_4 .works .item-img-overlay{position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px; padding: 30px; background: rgba(255, 255, 255, 0.95); opacity: 0; visibility: hidden; -webkit-transition: all .5s; transition: all .5s;} .sh_onemate_snippet_4 .works .item-img-overlay .icon{position: absolute; right: 30px; bottom: 30px; width: 40px; height: 40px; line-height: 40px; border-radius: 50%; border: 1px solid #1a237e; text-align: center; font-size: 20px; color: #1a237e;} .sh_onemate_snippet_4 .works .item-img-overlay p{color: #1a237e; font-weight: 400; font-size: 13px;} .sh_onemate_snippet_4 .works .item-img-overlay h6{font-weight: 400; font-size: 16px; margin-top: 5px;} .sh_onemate_snippet_4 .nav_name{text-align: center; margin-bottom: 1.5pc;} .sh_onemate_snippet_4 .nav{display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex;} .sh_onemate_snippet_4 a img{width: 100%; height: 250px; border-radius: 2px; object-fit: cover;} .sh_onemate_snippet_4 p{display: inline-block;} .sh_onemate_snippet_4 .nav_name p:last-child{display: none;} .sh_onemate_snippet_4 button{font-size: 18px; font-weight: 600; background: transparent;} .sh_onemate_snippet_4 button.active{color: #709587; font-size: 18px; font-weight: 600;} .sh_onemate_snippet_4 .tab-content{margin-bottom: 0px !important;} @media only screen and (min-width: 768px){.sh_onemate_snippet_4 .cd-headline{font-size: 4.4rem; font-weight: 300;}} @media only screen and (min-width: 1170px){.sh_onemate_snippet_4 .cd-headline{font-size: 6rem;}} @media (max-width: 768px){.sh_onemate_snippet_4 .about_us_box .section-title p{font-size: 16px;}.sh_onemate_snippet_4 .about_details{padding: 0pc 0;}.sh_onemate_snippet_4 .section-head p{font-size: 15px;}.sh_onemate_snippet_4 .section-head{padding-top: 1pc;}} .sh_onemate_snippet_5{background: #f4f4fa; padding-top: 5pc; padding-bottom: 5pc;} .sh_onemate_snippet_5 .about_us_box{width: 100%; text-align: center; padding-bottom: 1pc;} .sh_onemate_snippet_5 .about_us_box .section-title span{color: #709587;} .sh_onemate_snippet_5 .about_us_box .section-title h2{font-size: 2rem; line-height: 50px; font-weight: 600; margin-bottom: 10px;} .sh_onemate_snippet_5 .about_us_box .section-title p{font-size: 1rem; line-height: 1.8rem; color: #7b7b93; font-weight: 400; max-width: 900px; margin: 0 auto;} .sh_onemate_snippet_5 img{box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5), 0 2px 10px 0 rgba(0, 0, 0, 0.12); width: 100%; border-radius: 2px; height: 250px; object-fit: cover;} .sh_onemate_snippet_5 .project-text h4{max-width: 680px; margin: auto; line-height: 2pc; font-weight: 600; font-style: normal; color: #4b4e52; font-size: 15px; letter-spacing: 2px;} .sh_onemate_snippet_5 .project-text h2 a{color: #709587;} .sh_onemate_snippet_5 .project-text h2{font-size: 18px; color: #212529; margin: 5px 0px; line-height: 36px; font-weight: 700; font-style: normal; letter-spacing: 1px;} .sh_onemate_snippet_5 .project-text p{margin-bottom: 1rem; height: 60px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; line-height: 20px; font-weight: normal; font-style: normal; color: #7b7b93;} .sh_onemate_snippet_5 .project-text p .sh_onemate_snippet_5 .project-text .btn-primary:hover{font-size: .9rem; line-height: 1.7rem; box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); outline: 0;} .sh_onemate_snippet_5 .o_blog_cover_container{position: relative; overflow: hidden; cursor: default; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;} .sh_onemate_snippet_5 .o_blog_cover_image{transition: all .2s linear;} .sh_onemate_snippet_5 .o_blog_cover_image:hover{transform: scale(1.1);} .sh_onemate_snippet_5 .owl-theme .owl-dots .owl-dot span{width: 25px; height: 5px;} .sh_onemate_snippet_5 .owl-theme .owl-dots .owl-dot:focus{box-shadow: none; outline: none;} .sh_onemate_snippet_5 .owl-theme .owl-dots .owl-dot.active span, .sh_onemate_snippet_5 .owl-theme .owl-dots .owl-dot:hover span{background: #2751c5;} .sh_onemate_snippet_5 .btn-floating.btn-sm, .sh_onemate_snippet_5 .btn-group-sm > .btn-floating.btn{width: 36.15385px; height: 36.15385px;} .sh_onemate_snippet_5 .btn-floating{position: relative; z-index: 1; padding: 0; margin: 10px; overflow: hidden; vertical-align: middle; border-radius: 2px; box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); transition: all 0.2s ease-in-out;} .sh_onemate_snippet_5 .nav-tabs .nav-link{border: 0; border-radius: 0; background: transparent; letter-spacing: 1px; color: #414141; display: inline-block; font-size: 18px; font-weight: 600;} .sh_onemate_snippet_5 .nav-tabs .nav-link.active, .sh_onemate_snippet_5 .nav-tabs .nav-item.show .nav-link{color: #709587;} .sh_onemate_snippet_5 .nav-item .font-weight-bold:last-child{display: none;} .sh_onemate_snippet_5 .nav-item p{display: inline-block;} .sh_onemate_snippet_5 .js_cls_corpomate_blog_slider_nav_tabs_ul_206 li:last-child p{display: none;} .sh_onemate_snippet_5 .card-header ul{justify-content: center;} .sh_onemate_snippet_5 .sh_blog_single h6{text-align: center; color: #fff; font-size: 1.2rem; font-weight: 600; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important; border-radius: 2px; margin: auto; padding: 15px; z-index: 99; width: 70%; position: relative; margin-top: -30px; background-color: #709587;} .sh_onemate_snippet_5 .card-header{padding: 0px 0px 1.5pc 0; margin-bottom: 0; background-color: transparent; border-bottom: 0px;} .sh_onemate_snippet_5 .card{border: 0px; background-color: transparent;} .sh_onemate_snippet_5 .card-body{background-color: transparent !important;} .sh_onemate_snippet_5 .btn-buynow{color: #fff; background-color: transparent; text-transform: none; font-weight: 700; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); padding: .84rem 2.14rem; font-size: .81rem; border-radius: 2px; background: #709587; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;} .sh_onemate_snippet_5 .btn-buynow:hover{box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); outline: 0;} .sh_onemate_snippet_5 .owl-carousel .owl-item{padding: 0px 10px;} .sh_onemate_snippet_5 .owl-theme .owl-nav{display: none;} .sh_onemate_snippet_5 .owl-theme .owl-dots .owl-dot{margin-top: 1rem;} .sh_onemate_snippet_5 .project-text h2 a{-webkit-line-clamp: 1; -webkit-box-orient: vertical; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} @media (min-width: 992px){.sh_onemate_snippet_5 .project-text{padding: 1rem 0rem;}} .sh_onemate_snippet_5 .project-text_1 img{width: 100%; box-shadow: 0 0.15rem 1.75rem 0 rgba(31, 45, 65, 0.15); border-radius: 4px; height: 410px; object-fit: cover;} .sh_onemate_snippet_5 .project-text_1 h4{max-width: 680px; margin: auto; line-height: 3pc; font-weight: 600; font-style: normal; color: #7b7b93; font-size: 20px; letter-spacing: 2px;} .sh_onemate_snippet_5 .project-text_1 h2{max-width: 680px; margin: auto; line-height: 4pc; font-weight: 600; font-style: normal; font-size: 22px; letter-spacing: 1px;} .sh_onemate_snippet_5 .project-text_1 p{display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; line-height: 28px; font-weight: normal; font-style: normal; color: #7b7b93; font-size: 16px;} .sh_onemate_snippet_5 .project-text_1 .btn-primary{box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); border-radius: 2px; background-color: #709587; color: #fff; text-transform: none; font-weight: 700; padding: 0.5rem 1rem; font-size: 16px;} @media (min-width: 992px){.sh_onemate_snippet_5 .project-text_1{padding: 4rem 0rem; padding-right: 1pc;}} @media (max-width: 991px){.sh_onemate_snippet_5 .about_us_box p{font-size: 17px;}.sh_onemate_snippet_5 .c100{font-size: 100px;}.sh_onemate_snippet_5 .sec .col-lg-6.pro{order: 2;}.sh_onemate_snippet_5 .sec .col-lg-6 img{order: 1;}} @media (max-width: 768px){.sh_onemate_snippet_5{padding: 0pc 0pc 2pc;}.sh_onemate_snippet_5 .about_us_box .section-title p{font-size: 16px;}.sh_onemate_snippet_5 .about_details{padding: 0pc 0;}.sh_onemate_snippet_5 .about-box p{font-size: 15px;}.sh_onemate_snippet_5 .about_us_box{padding-bottom: 1pc;}.sh_onemate_snippet_5 .project-text h2{margin: 5px 0px;}.sh_onemate_snippet_5 .project-text{text-align: left !important; margin-bottom: 2pc;}.sh_onemate_snippet_5 .sec .col-lg-6.pro{order: 2;}.sh_onemate_snippet_5 .sec .col-lg-6 img{order: 1;}.sh_onemate_snippet_5 .sec .project-text_1{text-align: left !important;}} .o_rtl .owl-carousel.owl-rtl{direction: ltr !important;} .sh_onemate_snippet_6:after{content: ""; background: #709587; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: .7;} .sh_onemate_snippet_6{position: relative; padding-top: 5pc !important; padding-bottom: 5pc !important; background: -webkit-linear-gradient(40deg, rgba(11, 81, 197, 0.7), rgba(50, 198, 246, 0.7)), url(/sh_onemate_theme/static/src/img/theme_1/about_back_img.png); transition: background-color 1s; background-repeat: no-repeat; width: 100%; background-size: cover; background-attachment: fixed; background-position: center;} .sh_onemate_snippet_6 .about_us_box{width: 100%; text-align: center; padding-bottom: 3pc; z-index: 1;} .sh_onemate_snippet_6 .about_us_box .section-title span{color: #fff;} .sh_onemate_snippet_6 .about_us_box .section-title h2{font-size: 2rem; line-height: 50px; font-weight: 600; margin-bottom: 10px; color: #fff;} .sh_onemate_snippet_6 .about_us_box .section-title p{font-size: 1rem; line-height: 1.8rem; color: #fff; font-weight: 400; max-width: 900px; margin: 0 auto;} .sh_onemate_snippet_6 .owl-theme .owl-dots .owl-dot.active span, .sh_onemate_snippet_6 .owl-theme .owl-dots .owl-dot:hover span{background: #2751c5; border: 0px;} .sh_onemate_snippet_6 .media{display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -ms-flex-align: start; align-items: flex-start;} .sh_onemate_snippet_6 .media img{height: 100px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important; width: 100px; display: block; object-fit: cover; border-radius: 50%; overflow: hidden; border: 5px solid #fff;} .sh_onemate_snippet_6 .testimonial{padding: 0 15px 0 60px; position: relative;} .sh_onemate_snippet_6 .testimonial::before{content: "\201C"; color: #e2e2e2; font-weight: bold; font-size: 68px; line-height: 54px; position: absolute; left: 15px; top: 0;} .sh_onemate_snippet_6 .owl-nav{display: none;} .sh_onemate_snippet_6 .item{background: #fff; border-radius: 5px; padding: 2rem 1.5rem; margin: 5px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);} .sh_onemate_snippet_6 .media-body p{display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; line-height: 28px; font-weight: normal; font-style: normal; color: #7b7b93; font-size: .95rem; line-height: 1.8rem;} .sh_onemate_snippet_6 .owl-theme .owl-dots .owl-dot{display: none;} .o_rtl .sh_onemate_snippet_6 .owl-carousel.owl-rtl{direction: ltr !important;} @media (max-width: 991px){.sh_onemate_snippet_6 .testimonial::before{font-size: 40px; left: -8px;}.sh_onemate_snippet_6 .testimonial{padding: 0 15px 0 15px;}} @media (max-width: 768px){.sh_onemate_snippet_6{padding: 0pc 0pc 2pc;}.sh_onemate_snippet_6 .about_us_box .section-title p{font-size: 16px;}.sh_onemate_snippet_6 .about_us_box{padding-bottom: 1pc;}.sh_onemate_snippet_6 .media-body p{font-size: 15px;}} .sh_onemate_snippet_7{padding: 5pc 0pc;} .sh_onemate_snippet_7 .about_us_box{width: 100%; text-align: center; padding-bottom: 3pc;} .sh_onemate_snippet_7 .about_us_box .section-title span{color: #709587;} .sh_onemate_snippet_7 .about_us_box .section-title h2{font-size: 2rem; line-height: 50px; font-weight: 600; margin-bottom: 10px;} .sh_onemate_snippet_7 .about_us_box .section-title p{font-size: 1rem; line-height: 1.8rem; color: #7b7b93; font-weight: 400; max-width: 900px; margin: 0 auto;} .sh_onemate_snippet_7 .rounded{text-align: center; padding: 2pc 0pc !important; border: 0;} .sh_onemate_snippet_7 .social-link .fa{width: 35px; height: 35px; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; color: #709587; border-radius: 50%; transition: all 0.3s; font-size: 0.9rem;} .sh_onemate_snippet_7 .social-link .fa{font-size: 20px;} .sh_onemate_snippet_7 .social-link .fa-twitter{color: #55acee;} .sh_onemate_snippet_7 .social-link .fa-instagram{background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;} .sh_onemate_snippet_7 .social-link .fa-linkedin{color: #0e72a3;} .sh_onemate_snippet_7 .social-link .fa.fa-facebook-f:hover, .sh_onemate_snippet_7 .social-link .fa.fa-facebook-f:focus{background: #709587; text-decoration: none; color: #fff; box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); outline: 0;} .sh_onemate_snippet_7 .social-link .fa.fa-instagram:hover, .sh_onemate_snippet_7 .social-link .fa.fa-instagram:focus{text-decoration: none; color: #fff; box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); outline: 0;} .sh_onemate_snippet_7 .social-link .fa.fa-linkedin:hover, .sh_onemate_snippet_7 .social-link .fa.fa-linkedin:focus{background: #0e72a3; text-decoration: none; color: #fff; box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); outline: 0;} .sh_onemate_snippet_7 .social-link .fa.fa-twitter:hover, .sh_onemate_snippet_7 .social-link .fa.fa-twitter:focus{background: #55acee; color: #fff; box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);} .sh_onemate_snippet_7 .rounded img{height: 120px; object-fit: cover; box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15) !important; max-width: 100%; border: 0; padding: 0;} @media (max-width: 991px){.sh_onemate_snippet_7 .list-inline-item:not(:last-child){margin-right: 0rem;}} @media (max-width: 768px){.sh_onemate_snippet_7{padding: 0pc 0pc 2pc;}.sh_onemate_snippet_7 .about_us_box .section-title p{font-size: 16px;}} .sh_onemate_snippet_8{background-color: #f4f4fa; padding: 1pc 0pc;} .sh_onemate_snippet_8 .owl-nav{display: none;} .sh_onemate_snippet_8 .owl-dots{display: none;} .sh_onemate_snippet_8 .owl-carousel .owl-item img{display: block; width: 100%; height: 150px; object-fit: contain; padding: 20px;} .sh_onemate_snippet_8 .col-carousel{margin: 0;} @media only screen and (max-width: 768px){.sh_onemate_snippet_8{margin-top: 30px;}} .o_rtl .sh_onemate_snippet_8 .owl-carousel.owl-rtl{direction: ltr !important;} .sh_onemate_snippet_9{padding-top: 5pc; padding-bottom: 5pc;} .sh_onemate_snippet_9 .about_us_box{width: 100%; text-align: center;} .sh_onemate_snippet_9 .about_us_box .section-title span{color: #709587;} .sh_onemate_snippet_9 .about_us_box .section-title h2{text-align: left; font-size: 2rem; font-weight: 700; letter-spacing: 1px; line-height: 3rem;} .sh_onemate_snippet_9 .about_us_box .section-title p{max-width: 680px; margin: auto; line-height: 28px; font-weight: normal; font-style: normal; color: #7b7b93; font-size: 16px;} .sh_onemate_snippet_9 .form-control{padding: 2.5rem 0.75rem 1rem; border: 0px solid #ced4da; background-color: #f1f1f1;} .sh_onemate_snippet_9 .btn-primary{box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); border-radius: 2px; background-color: #709587; color: #fff; text-transform: none; font-weight: 700; padding: 0.5rem 1rem; font-size: 16px;} .sh_onemate_snippet_9 .form-control:focus{box-shadow: none;} .sh_onemate_snippet_9 .map-container-6 iframe{width: 100%; height: 600px; box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15) !important;} .sh_onemate_snippet_9 .form_one{display: block;} .sh_onemate_snippet_9 .form_one_label{-webkit-transform: translateY(-14px); transform: translateY(-14px); display: block; font-weight: 400; left: 15px; margin: 0; position: absolute; top: 20px; -webkit-transition: all .4s; transition: all .4s; font-size: .9rem; color: #6b6b6b;} .sh_onemate_snippet_9 .form_one_control{border-radius: 8px; overflow: hidden; position: relative; width: 100%;} .sh_onemate_snippet_9 .form_one_bar{border-bottom: 2px solid #2751c5; bottom: 0; content: ""; display: block; left: 0; margin: 0 auto; position: absolute; right: 0; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all .4s; transition: all .4s; width: 1%;} .sh_onemate_snippet_9 .form_one_input:-ms-input-placeholder ~ .form_one_label, .sh_onemate_snippet_9 .form_one_textarea:-ms-input-placeholder ~ .form_one_label{font-size: .9rem; transform: translateY(0); color: #6b6b6b;} .sh_onemate_snippet_9 .form_one_input:placeholder-shown ~ .form_one_label, .sh_onemate_snippet_9 .form_one_textarea:placeholder-shown ~ .form_one_label{font-size: .9rem; -webkit-transform: translateY(0); transform: translateY(0); color: #6b6b6b;} .sh_onemate_snippet_9 .form_one_input:focus ~ .form_one_label, .sh_onemate_snippet_9 .form_one_textarea:focus ~ .form_one_label{color: #2751c5; font-size: .75rem; -webkit-transform: translateY(-14px); transform: translateY(-14px);} .sh_onemate_snippet_9 .form_one_input:focus ~ .form_one_bar, .sh_onemate_snippet_9 .form_one_textarea:focus ~ .form_one_bar{border-bottom: 2px solid #2751c5; -webkit-transform: scaleX(150); transform: scaleX(150);} .sh_onemate_snippet_9 .form_one_textarea{height: 150px;} .sh_onemate_snippet_9 .map-container-6{padding-top: 1pc;} .sh_onemate_snippet_11{background: url(/sh_onemate_theme/static/src/img/theme_2/banner.png); overflow: hidden; position: relative; min-height: 94vh; width: 100%; background-position: center; background-size: cover;} .sh_onemate_snippet_11 .col-lg-6{z-index: 1;} .sh_onemate_snippet_11:after{content: ""; background: #709587; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: .9;} .sh_onemate_snippet_11 .sh_left_content{padding: 17pc 0pc 0pc;} .sh_onemate_snippet_11 .sh_left_content h2{margin-bottom: 30px; color: #fff; font-size: 3.2rem; font-weight: 700; text-transform: capitalize; margin: 0; line-height: 1.4;} .sh_onemate_snippet_11 .sh_left_content p{opacity: 0.75; color: #fff; margin: 0 0 40px; font-size: 1.125rem; margin-top: 1pc;} .sh_onemate_snippet_11 .sh_left_content .sh_video .sh_video_link span{width: 60px; height: 60px; text-align: center; line-height: 60px; background: #b40505; border-radius: 50%; color: #fff; font-size: 20px; margin-right: 15px;} .sh_onemate_snippet_11 .sh_left_content .sh_video > span{cursor: pointer; color: #fff; text-transform: capitalize; font-size: 18px; font-weight: 600; letter-spacing: 0.8px; transition: all .4s;} .sh_onemate_snippet_11 .sh_right_content{z-index: 1; top: 16%; width: 45%; background-size: cover !important; position: absolute; height: 100%; right: 0; box-shadow: 0px 0px 10px 0px rgba(4, 10, 50, 0.05); border-top-left-radius: 427px; border: 20px solid #fff; border-right: 0; background-repeat: no-repeat !important; bottom: 0;} .sh_onemate_snippet_11 .sh_left_content .sh_video .sh_video_link{text-decoration: none;} .sh_onemate_snippet_11 .sh_left_content .sh_video .sh_video_link span{transition: all .4s;} .sh_onemate_snippet_11 .sh_left_content .sh_video .sh_video_link span:hover{background: #cd0606; transition: all .4s;} .sh_onemate_snippet_11 .sh_left_content .sh_video:hover > span{color: #b40505;} @media (max-width: 1360px){.sh_onemate_snippet_11 .sh_left_content{padding: 10pc 0pc 2pc;}} @media (max-width: 991px){.sh_onemate_snippet_11 .sh_right_content{height: 300px; width: 100%; border: 10px solid #fff; margin-bottom: 20px; position: relative; border-radius: 0;}.sh_onemate_snippet_11 .sh_left_content h2{font-size: 3rem;}.sh_onemate_snippet_11 .sh_left_content{padding: 10pc 0pc 2pc;}.sh_onemate_snippet_11{min-height: 75vh;}} @media (max-width: 768px){.sh_onemate_snippet_11 .sh_left_content h2{margin-bottom: 0px;}.sh_onemate_snippet_11 .sh_left_content{padding: 8pc 0pc 2pc;}.sh_onemate_snippet_11 .sh_left_content h2{font-size: 2rem;}} .sh_onemate_snippet_12{background: #fbfbfb; padding: 5pc 0 5pc;} .sh_onemate_snippet_12 .sh_content{border-bottom-right-radius: 30px; padding: 30px 30px; border: 2px solid #fbfbfb; transition: 0.2s ease, transform 0.2s ease, z-index 0s 0.2s ease, -webkit-transform 0.2s ease; text-align: center; box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.05); background-repeat: repeat;} .sh_onemate_snippet_12 .sh_content:hover{transform: translate3d(0, -5px, 0); -webkit-transform: translate3d(0, -5px, 0); -webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1); box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);} .sh_onemate_snippet_12 .sh_content .sh_icon:after{transform: rotate(45deg); transition: all .4s; border-radius: 30px; position: absolute; content: ''; border: 2px solid #7c7ba9; width: 80px; height: 80px; left: -10px; top: -10px; opacity: 0.5; margin-bottom: 20px;} .sh_onemate_snippet_12 .sh_content .sh_icon{width: 60px; height: 60px; text-align: center; line-height: 60px; background: #709587; border-radius: 50%; color: #fff; font-size: 20px; margin-right: 0; margin: auto; position: relative; margin-bottom: 25px;} .sh_onemate_snippet_12 .sh_content .sh_icon span{font-size: 24px; transform: rotate(0deg); transition: all .4s;} .sh_onemate_snippet_12 .sh_content .sh_des h4{text-transform: capitalize; letter-spacing: 0.7px; transition: all .4s; font-size: 18px; font-weight: 500; margin-bottom: 10px;} .sh_onemate_snippet_12 .sh_content .sh_des p{color: #616161; padding: 0; margin: 0; font-size: 14px; line-height: 24px;} .sh_onemate_snippet_12 .sh_content:hover .sh_icon span{transform: rotate(360deg);} .sh_onemate_snippet_12 .sh_content:hover .sh_des h4{color: #7c7ba9;} @media (max-width: 768px){.sh_onemate_snippet_12 .sh_content{margin-bottom: 20px;}} .sh_onemate_snippet_13{padding: 5pc 0; background: #709587;} .sh_onemate_snippet_13 .sh_left_content{position: relative;} .sh_onemate_snippet_13 .sh_left_content .sh_img img{width: 85%; height: 500px; object-fit: cover; border: 4px solid #fff; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); border-top-right-radius: 227px; z-index: 1; position: relative;} .sh_onemate_snippet_13 .sh_left_content .sh_img:after{content: ''; position: absolute; width: 170px; height: 170px; background: #7c7ba9; bottom: -7%; left: -5%; z-index: 0;} .sh_onemate_snippet_13 .sh_right_content hr{width: 50px; text-align: left; margin-left: 0; border-width: 5px; border-color: #7c7ba9; margin-bottom: 0px;} .sh_onemate_snippet_13 .sh_right_content h2{width: 80%; margin-bottom: 30px; color: #fff; font-size: 3.2rem; font-weight: 700; text-transform: capitalize; margin: 0;} .sh_onemate_snippet_13 .sh_right_content p{opacity: 0.75; color: #fff; margin: 0 0 40px; font-size: 1rem; margin-top: 1pc;} .sh_onemate_snippet_13 .sh_right_content .sh_icon_text{position: relative; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center;} .sh_onemate_snippet_13 .sh_right_content .sh_icon_text .sh_icon{top: 10%; width: 60px; height: 60px; text-align: center; line-height: 60px; background: #fff; border-radius: 50%; font-size: 20px; margin: auto; position: relative; display: inline-table; margin-right: 30px;} .sh_onemate_snippet_13 .sh_right_content .sh_icon_text .sh_icon:after{transform: rotate(45deg); transition: all .4s; border-radius: 30px; position: absolute; content: ''; border: 2px solid #7c7ba9; width: 80px; height: 80px; left: -10px; top: -10px; opacity: 0.5; margin-bottom: 20px;} .sh_onemate_snippet_13 .sh_right_content > p{margin-bottom: 20px;} .sh_onemate_snippet_13 .sh_right_content .sh_icon_text{margin-bottom: 20px;} .sh_onemate_snippet_13 .sh_right_content .sh_icon_text:last-child{margin-bottom: 0;} .sh_onemate_snippet_13 .sh_right_content .sh_content h4{color: #fff; font-weight: 600; text-transform: capitalize; font-size: 18px; letter-spacing: 0.7px; transition: all .4s;} .sh_onemate_snippet_13 .sh_content{position: relative;} .sh_onemate_snippet_13 .sh_right_content .sh_icon_text .sh_icon span{color: #709587; transform: rotate(0deg); transition: all .4s;} .sh_onemate_snippet_13 .sh_right_content .sh_icon_text:hover .sh_icon span{transform: rotate(360deg);} .sh_onemate_snippet_13 .sh_right_content .sh_icon_text:hover .sh_content h4{color: #7c7ba9;} @media (max-width: 991px){.sh_onemate_snippet_13 .sh_left_content .sh_img img{width: 90%;}.sh_onemate_snippet_13 .sh_left_content .sh_img:after{right: 0%;}.sh_onemate_snippet_13 .sh_right_content h2{font-size: 40px;}.sh_onemate_snippet_13 .sh_right_content{margin-top: 50px;}} @media (max-width: 768px){.sh_onemate_snippet_13 .sh_left_content .sh_img img{width: 100%;}} .sh_onemate_snippet_14 h1{font-size: 50px; word-break: break-all;} .sh_onemate_snippet_14 .row, .sh_onemate_snippet_14 .row > .column{padding: 8px;} .sh_onemate_snippet_14 .column{float: left; width: 33.33%;} .sh_onemate_snippet_14 .row:after{content: ""; display: table; clear: both;} .sh_onemate_snippet_14{position: relative; background: #fbfbfb; padding: 5pc 0px;} .sh_onemate_snippet_14 .content{background-color: white; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); margin-bottom: 2pc; border-bottom-right-radius: 30px; border-top-right-radius: 0px; transition: all 0.5s ease;} .sh_onemate_snippet_14 .content:hover{box-shadow: 0 23px 49px rgba(0, 0, 0, 0.15); transform: translateY(-10px);} .sh_onemate_snippet_14 .show{display: block;} .sh_onemate_snippet_14 .btn{font-size: 16px; border: none; outline: none; padding: 8px 24px; background-color: white; cursor: pointer; font-weight: 600; border-radius: 0; border-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: 10px;} .sh_onemate_snippet_14 .btn:hover{background-color: #ddd;} .sh_onemate_snippet_14 .btn.active{background-color: #709587; color: white;} .sh_onemate_snippet_14 .sh_heading_tab{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between; align-items: center;} .sh_onemate_snippet_14 .sh_heading_tab .sh_title hr{width: 50px; text-align: left; margin-left: 0; border-width: 5px; border-color: #7c7ba9; margin-bottom: 0px;} .sh_onemate_snippet_14 .sh_heading_tab .sh_title h2{text-transform: uppercase; font-weight: 600; font-size: 45px; opacity: 0.75; margin: 0 0 40px; margin-top: 0pc; color: #709587;} .sh_onemate_snippet_14 .dec{min-height: 1px; padding: 1rem;} .sh_onemate_snippet_14 img{width: 100%; height: 250px; object-fit: cover; object-position: center;} .sh_onemate_snippet_14 .content p{color: #616161; font-size: 17px; margin: 6px 0px;} .sh_onemate_snippet_14 .content h3{font-weight: 600; text-transform: capitalize; letter-spacing: 0.7px; transition: all .4s; color: #2c2c36;} .sh_onemate_snippet_14 .sbtn{text-align: end; position: absolute; right: 0%; top: -90px;} .sh_onemate_snippet_14 .js_cls_render_dynamic_portfolio_area{position: relative;} @media (max-width: 768px){.sh_onemate_snippet_14 .sbtn{text-align: left; position: relative; right: 0%; top: 0;}.sh_onemate_snippet_14 .sh_heading_tab .sh_title h2{font-size: 35px;}} .sh_onemate_snippet_15{padding: 5pc 0; background: url(/sh_onemate_theme/static/src/img/theme_2/banner.png); background-attachment: fixed; background-repeat: no-repeat; background-size: cover; position: relative;} .sh_onemate_snippet_15 .sh_title{position: relative; z-index: 1;} .sh_onemate_snippet_15:after{content: ""; background: #709587; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: .8;} .sh_onemate_snippet_15 .sh_title hr{width: 50px; text-align: left; margin-left: 0; border-width: 5px; border-color: #7c7ba9; margin-bottom: 0px;} .sh_onemate_snippet_15 .sh_title h2{margin-bottom: 30px; text-transform: uppercase; font-weight: 600; font-size: 45px; margin: 0 0 40px; margin-top: 0pc; color: #fff;} .sh_onemate_snippet_15 .sh_content .sh_img img{object-fit: cover; width: 100px; height: 100px; border-radius: 50%; transition: all .4s;} .sh_onemate_snippet_15 .sh_content{position: relative; z-index: 1; border-bottom-right-radius: 30px; background: #f5f5f5; padding: 20px; text-align: center; transition: all .4s;} .sh_onemate_snippet_15 .sh_content .sh_img{margin-bottom: 20px; position: relative; display: inline-block; border-radius: 50%; padding: 10px; border-bottom: 4px dashed #f80e0e;} .sh_onemate_snippet_15 .sh_content .sh_des h4{margin: 0; text-transform: capitalize; font-weight: 600; letter-spacing: 0.7px;} .sh_onemate_snippet_15 .sh_content .sh_des hr{width: 25px; border-width: 5px; border-color: #ddd; transition: all .4s;} .sh_onemate_snippet_15 .sh_content .sh_des p{font-size: 16px; color: #616161; text-transform: capitalize;} .sh_onemate_snippet_15 .sh_content .sh_des ul{list-style: none; margin: 0; padding: 0; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center;} .sh_onemate_snippet_15 .sh_content .sh_des ul li{padding: 0 10px;} .sh_onemate_snippet_15 .sh_content .sh_des ul li a{color: #616161; text-decoration: none;} .sh_onemate_snippet_15 .sh_content:hover .sh_img img{border-color: #7c7ba9;} .sh_onemate_snippet_15 .sh_content:hover .sh_des hr{border-color: #7c7ba9;} @media (max-width: 991px){.sh_onemate_snippet_15 .sh_content{margin-bottom: 20px;}} @media (max-width: 768px){.sh_onemate_snippet_15 .sh_title h2{font-size: 35px;}} .sh_onemate_snippet_16{background: #fbfbfb; padding: 5pc 0px;} .sh_onemate_snippet_16 .sh_title hr{width: 50px; text-align: left; margin-left: 0; border-width: 5px; border-color: #7c7ba9; margin-bottom: 0px;} .sh_onemate_snippet_16 .sh_title h2{margin-bottom: 30px; text-transform: uppercase; font-weight: 600; font-size: 45px; opacity: 0.75; margin: 0 0 40px; margin-top: 0pc; color: #709587;} .sh_onemate_snippet_16 .sh_content .sh_icon{width: 60px; height: 60px; text-align: center; line-height: 60px; background: #140d52; border-radius: 50%; color: #fff; font-size: 20px; margin-right: 0; margin: auto; position: relative; margin-bottom: 25px;} .sh_onemate_snippet_16 .sh_content .sh_icon span{font-size: 24px; transform: rotate(0deg); transition: all .4s;} .sh_onemate_snippet_16 .sh_content:hover .sh_icon span{transform: rotate(360deg);} .sh_onemate_snippet_16 .sh_content .sh_icon:after{transform: rotate(45deg); transition: all .4s; border-radius: 30px; position: absolute; content: ''; border: 2px solid #b41f01; width: 80px; height: 80px; left: -10px; top: -10px; opacity: 0.5; margin-bottom: 20px;} .sh_onemate_snippet_16 .sh_content{padding: 30px; margin-bottom: 30px; text-align: center; position: relative; background: #fff; transition: all 0.5s ease; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); border-bottom-right-radius: 30px;} .sh_onemate_snippet_16 .sh_content:hover{box-shadow: 0 23px 49px rgba(0, 0, 0, 0.15); transform: translateY(-10px);} .sh_onemate_snippet_16 .sh_content .sh_des h4{color: #709587; text-transform: capitalize; font-weight: 600; letter-spacing: 0.7px; font-size: 20px; transition: all .4s;} .sh_onemate_snippet_16 .sh_content .sh_des p{color: #616161; padding: 0; margin: 0; font-size: 15px; line-height: 24px;} .sh_onemate_snippet_16 .sh_content:hover .sh_des h4{color: #7c7ba9;} @media (max-width: 768px){.sh_onemate_snippet_16 .sh_title h2{font-size: 35px;}} .sh_onemate_snippet_17{padding: 5pc 0pc 7pc; background: #709587;} .sh_onemate_snippet_17 .sh_title hr{width: 50px; text-align: left; margin-left: 0; border-width: 5px; border-color: #7c7ba9; margin-bottom: 0px;} .sh_onemate_snippet_17 .sh_title h2{margin-bottom: 30px; text-transform: uppercase; font-weight: 600; font-size: 45px; margin: 0 0 40px; margin-top: 0pc; color: #fff;} .sh_onemate_snippet_17 .sh_left_content .sh_img img{width: 85%; height: 500px; object-fit: cover; border: 4px solid #fff; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); border-top-right-radius: 227px; z-index: 1; position: relative;} .sh_onemate_snippet_17 .sh_left_content{position: relative;} .sh_onemate_snippet_17 .sh_left_content .sh_img:after{content: ''; position: absolute; width: 170px; height: 170px; background: #7c7ba9; bottom: -7%; left: -5%; z-index: 0;} .sh_onemate_snippet_17 .sh_right_content .sh_content{padding: 20px; border-bottom-right-radius: 30px; margin-bottom: 20px; border: 1px solid #7c7ba9;} .sh_onemate_snippet_17 .sh_right_content .sh_content p{color: #fff; font-size: 16px; margin-bottom: 5px;} .sh_onemate_snippet_17 .sh_right_content .sh_content h4{font-size: 18px; text-transform: capitalize; font-weight: 600; letter-spacing: 0.7px; color: #fff;} .sh_onemate_snippet_17 .sh_right_content .sh_content a{padding: 0; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; font-size: 13px; color: #ec2b0b; opacity: 0.85;} @media (max-width: 991px){.sh_onemate_snippet_17 .sh_left_content .sh_img img{width: 95%;}.sh_onemate_snippet_17 .sh_left_content .sh_img:after{right: 0;}.sh_onemate_snippet_17 .sh_right_content{margin-top: 50px;}} @media (max-width: 768px){.sh_onemate_snippet_17 .sh_title h2{font-size: 35px;}.sh_onemate_snippet_17 .sh_left_content .sh_img img{width: 100%;}} .sh_onemate_snippet_18{background: #fbfbfb; padding: 5pc 0px 0;} .sh_onemate_snippet_18 .sh_title hr{width: 50px; text-align: left; margin-left: 0; border-width: 5px; border-color: #7c7ba9; margin-bottom: 0px;} .sh_onemate_snippet_18 .sh_title h2{margin-bottom: 30px; text-transform: uppercase; font-weight: 600; font-size: 45px; opacity: 0.75; margin: 0 0 40px; margin-top: 0pc; color: #709587;} .sh_onemate_snippet_18 .sh_content{padding: 30px; margin-bottom: 30px; text-align: center; position: relative; background: #fff; transition: all 0.5s ease; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); border-bottom-right-radius: 30px;} .sh_onemate_snippet_18 .sh_des{height: 9pc;} .sh_onemate_snippet_18 .sh_content:hover{box-shadow: 0 23px 49px rgba(0, 0, 0, 0.15); transform: translateY(-10px);} .sh_onemate_snippet_18 .sh_content .sh_icon:after{transform: rotate(45deg); transition: all .4s; border-radius: 30px; position: absolute; content: ''; border: 2px solid #7c7ba9; width: 80px; height: 80px; left: -10px; top: -10px; opacity: 0.5; margin-bottom: 20px;} .sh_onemate_snippet_18 .sh_content .sh_icon{width: 60px; height: 60px; text-align: center; line-height: 60px; background: #709587; border-radius: 50%; color: #fff; font-size: 20px; margin-right: 0; margin: auto; position: relative; margin-bottom: 25px;} .sh_onemate_snippet_18 .sh_content:hover .sh_icon span{transform: rotate(360deg);} .sh_onemate_snippet_18 .sh_content .sh_icon span{font-size: 24px; transform: rotate(0deg); transition: all .4s;} .sh_onemate_snippet_18 .sh_content .sh_des h4{color: #709587; text-transform: capitalize; font-weight: 600; letter-spacing: 0.7px; font-size: 20px;} .sh_onemate_snippet_18 .sh_content .sh_des p{margin: 0; color: #616161; font-size: 16px; text-transform: capitalize;} .sh_onemate_snippet_18 .sh_content .sh_des a{display: block; color: #616161; font-size: 15px; text-decoration: none;} .sh_onemate_snippet_18 .sh_content .sh_des a:hover{color: #7c7ba9;} .sh_onemate_snippet_18 .map-container-6 iframe{width: 100%;} .sh_onemate_snippet_18 .form-control{border: 0; padding: 30px 30px 30px 50px; border-bottom-right-radius: 30px; margin-bottom: 20px; box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);} .sh_onemate_snippet_18 .form-group i{position: absolute;} .sh_onemate_snippet_18 .form-group .icon{padding: 18px; color: #7c7ba9; min-width: 50px; text-align: center; font-size: 25px; opacity: 0.75;} .sh_onemate_snippet_18 .btn-primary{background: #7c7ba9; font-size: 16px; border: none; outline: none; padding: 8px 24px; font-weight: 600; border-radius: 0; border-bottom-right-radius: 10px;} @media (max-width: 768px){.sh_onemate_snippet_18 .sh_title h2{font-size: 35px;}} @media (min-width: 768px) and (max-width: 991px){.sh_onemate_snippet_18 .col-md-4:nth-child(3) .sh_content .sh_des a{display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}} @media (max-width: 991px){.sh_onemate_snippet_18 .s_website_form{margin-top: 30px !important;}} .sh_onemate_snippet_19{min-height: 50vh; background: linear-gradient(to left, #709587 0%, #7c7ba9 100%) !important; position: relative;} .sh_onemate_snippet_19 .sh_white_img{padding: 0 0 20pc; position: absolute; background-image: url(/sh_onemate_theme/static/src/img/theme_3/banner_bottom_img.png); z-index: 0; background-size: cover; background-position: revert; background-repeat: no-repeat; width: 100%; top: auto; bottom: 0;} .sh_onemate_snippet_19 h2.sh-title.o_default_snippet_text{font-size: 55px; text-transform: none; color: #fff; font-weight: bolder; margin: 0 0 20px 0; letter-spacing: -1.8px;} .sh_onemate_snippet_19 p.sh-sub-heading.o_default_snippet_text{color: #fff; font-size: 20px; font-weight: 300; margin-bottom: 3pc;} .sh_onemate_snippet_19 a.iconic-button{line-height: 1; font-weight: 700; letter-spacing: 0; border: 2px solid transparent; margin-top: 20px; border-radius: 4px; transition: all 450ms ease-in-out; background-color: transparent; border-color: #fff; font-size: 18px; padding: 15px 32px; color: #fff; margin-right: 1pc;} .sh_onemate_snippet_19 a.iconic-button:hover{color: #fff !important; background-color: #333; border-color: #333;} .sh_onemate_snippet_19 .sh_button{margin-top: 3pc;} .sh_onemate_snippet_19 span.fa{padding-right: 5px;} .sh_onemate_snippet_19 .sh_banner_dec{padding: 5pc 0;} .sh_onemate_snippet_19 .sh_download_button a{margin-right: 20px; color: #fff; border-color: #fff; border-radius: 2px;} .sh_onemate_snippet_19 .btn-fill{position: relative; box-shadow: 0 0 1px transparent; transform: perspective(1px) translateZ(0); -webkit-transform: perspective(1px) translateZ(0); -webkit-transition-property: color; transition-property: color; transition: color .3s; -webkit-transition-duration: .3s; transition-duration: .3s;} .sh_onemate_snippet_19 .btn-custom{border: 1px solid; display: inline-block; font-size: 16px; font-weight: 600; text-transform: uppercase; letter-spacing: .1em; padding: 10px; min-width: 176px; text-align: center;} .sh_onemate_snippet_19 .sh_download_button .btn-fill:before{border-radius: 3px; content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transform-origin-x: 0; -webkit-transform-origin-y: 50%;} .sh_onemate_snippet_19 .sh_download_button a:hover{color: #709587;} .sh_onemate_snippet_19 .btn-fill:hover:before{transform: scaleX(1);} .sh_onemate_snippet_19 .sh_download_button a:before{background: #fff;} .sh_onemate_snippet_19 .sh_download_button a{margin-right: 20px; color: #ffffff; padding-top: 12px; padding-bottom: 12px; padding-left: 20px; padding-right: 20px; border-radius: 3px; font-weight: 600; background: linear-gradient(to left, #709587 0%, #7c7ba9 100%) !important; font-size: 15px; border: 1px solid; display: inline-block; letter-spacing: .1em; text-align: center; border: 0px;} @media only screen and (max-width: 1200px){.sh_onemate_snippet_19 h2.sh-title.o_default_snippet_text{font-size: 41px;}} @media (max-width: 991px){.sh_onemate_snippet_19 h2.o_default_snippet_text{font-size: 35px;}.sh_onemate_snippet_19 .btn-custom{padding: 10px; min-width: 150px; font-size: 15px;}.sh_onemate_snippet_19 .sh_download_button{display: -webkit-box; display: -webkit-flex; display: flex;}.sh_onemate_snippet_19 .sh_white_img{padding: 0 0 12pc;}.sh_onemate_snippet_19 .sh_banner_dec{padding: 1pc 0;}.sh_onemate_snippet_19 h2.sh-title.o_default_snippet_text{font-size: 35px; margin: 0px 0 4px 0;}.sh_onemate_snippet_19 p.sh-sub-heading.o_default_snippet_text{font-size: 17px; margin-bottom: 2pc;}.sh_onemate_snippet_19 .sh_banner_img img{width: 100%;}.sh_onemate_snippet_19 .sh_download_button a{padding-left: 5px; padding-right: 5px;}} @media (max-width: 767.98px){.sh_onemate_snippet_19 .sh_banner_img img{width: 50% !important;}.sh_onemate_snippet_19 .sh_banner_img{text-align: center;}.sh_onemate_snippet_19 .sh_white_img{background: none;}.sh_onemate_snippet_19 .sh_banner_dec{padding: 1pc 0 2pc;}.sh_onemate_snippet_19 h2.sh-title.o_default_snippet_text{font-size: 35px;}.sh_onemate_snippet_19 p.sh-sub-heading.o_default_snippet_text{font-size: 16px;}} .sh_onemate_snippet_20 .sh_heading{text-align: center; padding: 0 20px; margin: 0px 0 70px;} .sh_onemate_snippet_20 h2.o_default_snippet_text{line-height: 1.2em; margin-bottom: 20px; margin: 0; color: #3f4451; font-size: 30px; font-weight: 700;} .sh_onemate_snippet_20{padding: 5pc 0pc;} .sh_onemate_snippet_20 p.o_default_snippet_text{margin: 0; margin-bottom: 0; font-size: 16px; padding-top: .2rem; font: 300 15px/28px; letter-spacing: 0; color: #677294; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;} .sh_onemate_snippet_20 .sh-item{list-style: none; margin-bottom: 3pc; box-shadow: 0px 8px 9px 0px rgba(7, 7, 56, 0.15); border-radius: 2px; padding: 1pc;} .sh_onemate_snippet_20 .sh-step-number span:before, .sh_onemate_snippet_20 .sh-step-number:before, .sh_onemate_snippet_20 .sh-item:before{content: ''; width: 36px; height: 36px; background: #709587; border: 2px solid transparent; border-radius: 50%; position: absolute; top: 10px; left: 50%; margin-left: -18px; -webkit-transition: 0.3s cubic-bezier(0.3, 0.58, 0.55, 1); transition: 0.3s cubic-bezier(0.3, 0.58, 0.55, 1);} .sh_onemate_snippet_20 ul li .sh-container:before{display: block; width: 60%; height: 1px; position: absolute; content: ''; border-bottom: 1px solid rgba(132, 132, 132, 0.2); top: 28px; left: 74%;} .sh_onemate_snippet_20 .sh-item:hover:before, .sh_onemate_snippet_20 .sh-item:hover .sh-step-number span:before, .sh_onemate_snippet_20 .sh-item:hover .sh-step-number:before{transform: scale(1.2);} .sh_onemate_snippet_20 .sh-step-number span:before, .sh_onemate_snippet_20 .sh-step-number:before{width: 76px; height: 76px; opacity: .2; margin-left: -38px; top: -20px; z-index: -1; background: #709587;} .sh_onemate_snippet_20 .sh-step-number span:before{width: 56px; height: 56px; top: -10px; margin-left: -28px; opacity: .4;} .sh_onemate_snippet_20 .sh-step-number span{position: relative; font-weight: 600; text-align: center; font-size: 16px; display: block; -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; color: #fff; line-height: 36px;} .sh_onemate_snippet_20 .sh-step-number{display: block; position: absolute; margin-bottom: 0; line-height: 1; top: 10px; left: 50%; font-weight: 700; margin-left: -18px; width: 36px; height: 36px; text-align: center;} .sh_onemate_snippet_20 .sh-text-area{padding-top: 80px; -moz-transition: all .2s ease; -o-transition: all .2s ease; -webkit-transition: all .2s ease; transition: all .2s ease; border-radius: 7px; border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: transparent; text-align: center; padding-bottom: 0;} .sh_onemate_snippet_20 .sh_box{position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 50px 30px; margin-bottom: 30px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; text-align: center;} .sh_onemate_snippet_20 .sh_box .box-line{position: absolute; top: 0; left: 0; width: 100%; height: 2px; background-color: transparent; opacity: 0; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;} .sh_onemate_snippet_20 h3.featured-box-icon-box-title{margin-top: 15px; font-size: 20px;} .sh_onemate_snippet_20 .featured-box-icon{display: inline-block; line-height: 1; -webkit-transition: all .5s; transition: all .5s; color: #818a91; font-size: 50px; text-align: center;} .sh_onemate_snippet_20 .sh_box:hover{-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);} .sh_onemate_snippet_20 .sh_box.purple-hover:hover{border-top: 1px solid #f93f35;} .sh_onemate_snippet_20 .sh_box.purple-hover:hover .box-line{background-color: #f93f35; opacity: 1;} @media (max-width: 991px){.sh_onemate_snippet_20 h2.o_default_snippet_text{font-size: 35px;}} @media (max-width: 768px){.sh_onemate_snippet_20 h2.o_default_snippet_text{font-size: 30px;}} section.sh_onemate_snippet_21{background-image: url(/sh_onemate_theme/static/src/img/theme_3/bg.png); background-position: center right; background-repeat: no-repeat; padding: 5pc 0pc; background-attachment: fixed;} .sh_onemate_snippet_21 .sh_heading{text-align: center; padding: 0px 0px 70px;} .sh_onemate_snippet_21 h2.o_default_snippet_text{line-height: 1.2em; margin-bottom: 20px; margin: 0; color: #3f4451; font-size: 30px; font-weight: 700;} .sh_onemate_snippet_21 p.o_default_snippet_text{margin: 0; margin-bottom: 0; font-size: 16px; padding-top: .2rem; font: 300 15px/28px "Poppins",sans-serif; letter-spacing: 0; color: #677294;} .sh_onemate_snippet_21 .sh_right_dec h2{font-size: 35px; line-height: 1.2em; margin-bottom: 1pc; font-weight: 700;} .sh_onemate_snippet_21 .sh_right_dec p{padding-bottom: 2pc;} .sh_onemate_snippet_21 .sh_right_dec{padding: 50px; box-shadow: 0px 8px 9px 0px rgba(7, 7, 56, 0.15);} .sh_onemate_snippet_21 .sh_left_img img{width: 100%; height: auto;} .sh_onemate_snippet_21 .sh_download_button a{margin-right: 20px; color: #ffffff; padding-top: 12px; padding-bottom: 12px; padding-left: 20px; padding-right: 20px; border-radius: 3px; font-weight: 600; background: linear-gradient(to left, #709587 0%, #7c7ba9 100%) !important; font-size: 15px; border: 1px solid; display: inline-block; letter-spacing: .1em; text-align: center;} .sh_onemate_snippet_21 .btn-fill{position: relative; box-shadow: 0 0 1px transparent; transform: perspective(1px) translateZ(0); -webkit-transform: perspective(1px) translateZ(0); -webkit-transition-property: color; transition-property: color; transition: color 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;} .sh_onemate_snippet_21 .btn-custom{border: 1px solid; display: inline-block; font-size: 16px; font-weight: 600; text-transform: uppercase; letter-spacing: .1em; padding: 10px; text-align: center;} .sh_onemate_snippet_21 .sh_download_button a:before{background: #fff; border-radius: 3px;} .sh_onemate_snippet_21 .sh_download_button .btn-fill:before{content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transform-origin-x: 0; -webkit-transform-origin-y: 50%;} .sh_onemate_snippet_21 .sh_download_button a:hover{color: #709587;} .sh_onemate_snippet_21 .btn-fill:hover:before{transform: scaleX(1);} .sh_onemate_snippet_21 .sh_read_btn{margin-top: 1pc;} a:hover{text-decoration: none;} @media (max-width: 991px){.sh_onemate_snippet_21 h2.o_default_snippet_text{font-size: 35px;}.sh_onemate_snippet_21 h2.o_default_snippet_text{font-size: 27px;}.sh_onemate_snippet_21 .sh_right_dec{padding: 0px;}} @media (max-width: 768px){.sh_onemate_snippet_21 .sh_right_dec h2.o_default_snippet_text{font-size: 30px;}section.sh_onemate_snippet_21{padding-bottom: 3pc;}.sh_onemate_snippet_21 .sh_right_dec{padding: 0px; padding-top: 1pc;}.sh_onemate_snippet_21 p.o_default_snippet_text{font-size: 15px;}} .o_rtl section.sh_onemate_snippet_21{background-position: center left;} .sh_onemate_snippet_22{background-image: url(/sh_onemate_theme/static/src/img/theme_3/bg.png); background-position: center right; background-repeat: no-repeat; padding-bottom: 3pc; background-attachment: fixed;} .sh_onemate_snippet_22 .sh_heading{text-align: center; padding: 0pc 0px 70px;} .sh_onemate_snippet_22 h2.o_default_snippet_text{line-height: 1.2em; margin-bottom: 20px; margin: 0; color: #3f4451; font-size: 30px; font-weight: 700;} .sh_onemate_snippet_22 p.o_default_snippet_text{margin: 0; margin-bottom: 0; font-size: 16px; padding-top: .2rem; font: 300 15px/28px "Poppins",sans-serif; letter-spacing: 0; color: #677294;} .sh_onemate_snippet_22 .how-work-tab{padding: 30px; box-shadow: 0px 8px 9px 0px rgba(7, 7, 56, 0.15);} .sh_onemate_snippet_22 .sh_download_button a:before{background: #fff;} .sh_onemate_snippet_22 .sh_right_dec h2{font-size: 35px;} .sh_onemate_snippet_22{padding: 5pc 0;} .sh_onemate_snippet_22 .how-work-image img{height: 524px; width: 100%;} .sh_onemate_snippet_22 .nav-tabs .nav-link{border: 0 solid transparent; border-top-left-radius: 0; border-top-right-radius: 0; color: #212529; font-weight: 600; letter-spacing: 1px;} .sh_onemate_snippet_22 .nav-tabs{border-bottom: 0;} .sh_onemate_snippet_22 .nav-tabs .nav-link.active, .sh_onemate_snippet_22 .nav-tabs .nav-item.show .nav-link{box-shadow: 0px 10px 30px 0px rgba(0, 0, 29, 0.08); background: linear-gradient(to left, #709587 0%, #7c7ba9 100%) !important; border: 0px; margin-bottom: 20px; color: #fff; border-radius: 2px;} .sh_onemate_snippet_22 .sh_download_button a{padding-top: 12px; padding-bottom: 12px; padding-left: 20px; padding-right: 20px; border-radius: 3px; font-weight: 600; font-size: 15px; border: 1px solid; display: inline-block; letter-spacing: .1em; text-align: center; margin-right: 10px;} .sh_onemate_snippet_22 .btn-fill{position: relative; box-shadow: 0 0 1px transparent; transform: perspective(1px) translateZ(0); -webkit-transform: perspective(1px) translateZ(0); -webkit-transition-property: color; transition-property: color; transition: color 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;} .sh_onemate_snippet_22 .btn-custom{border: 1px solid; display: inline-block; font-size: 16px; font-weight: 600; text-transform: uppercase; letter-spacing: .1em; padding: 10px; min-width: 176px; text-align: center;} .sh_onemate_snippet_22 .sh_download_button a:before{background: #fff;} .sh_onemate_snippet_22 .sh_download_button .btn-fill:before{content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transform-origin-x: 0; -webkit-transform-origin-y: 50%;} .sh_onemate_snippet_22 .sh_download_button a:hover{color: #fff;} .sh_onemate_snippet_22 .btn-fill:hover:before{transform: scaleX(1);} .sh_onemate_snippet_22 .sh_download_button a:before{background: #7c7ba9; border-radius: 3px;} .sh_onemate_snippet_22 .sh_download_button a:last-child{margin-right: 20px; color: #ffffff; padding-top: 12px; padding-bottom: 12px; padding-left: 20px; padding-right: 20px; border-radius: 3px; font-weight: 600; background: linear-gradient(to left, #709587 0%, #7c7ba9 100%) !important; font-size: 15px; border: 1px solid; display: inline-block; letter-spacing: .1em; text-align: center;} @media (max-width: 991px){.sh_onemate_snippet_22 h2.o_default_snippet_text{font-size: 35px;}.sh_onemate_snippet_22 .sh_download_button{display: -webkit-box; display: -webkit-flex; display: flex;}.sh_onemate_snippet_22 .nav-tabs .nav-link{text-align: center;}.sh_onemate_snippet_22 .btn-custom{min-width: auto;}} @media (max-width: 768px){.sh_onemate_snippet_22 h2.o_default_snippet_text{font-size: 30px;}.sh_onemate_snippet_22 .nav-tabs .nav-link{padding: 0.5rem .8rem;}.sh_onemate_snippet_22 .how-work-tab{padding-bottom: 3pc;}.sh_onemate_snippet_22 p.o_default_snippet_text{font-size: 15px;}.sh_onemate_snippet_22 .btn-custom{font-size: 15px;}} @media (max-width: 576px){.sh_onemate_snippet_22 .sh_download_button a{min-width: 176px; margin-bottom: 20px;}.sh_onemate_snippet_22 .sh_download_button a:last-child{margin-bottom: 0;}.sh_onemate_snippet_22 .sh_download_button{display: block;}.sh_onemate_snippet_22 .how-work-image img{margin-top: 20px;}} .o_rtl .sh_onemate_snippet_22{background-position: center left;} .sh_onemate_snippet_75{padding-top: 5pc !important; padding-bottom: 5pc !important; background: url(/sh_onemate_theme/static/src/img/theme_3/about_back_img.png); transition: background-color 1s; background-repeat: no-repeat; width: 100%; background-size: cover; background-attachment: fixed; background-position: center; position: relative;} .sh_onemate_snippet_75:after{content: ""; background: #709587; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: .8;} .sh_onemate_snippet_75 .sh-area{color: #fff; text-align: center; position: relative; z-index: 1;} .sh_onemate_snippet_75 .sh-icon{display: inline-block; padding-top: 15px;} .sh_onemate_snippet_75 .sh-icon .fa{font-size: 40px;} .sh_onemate_snippet_75 h2{font-size: 40px; padding-top: 10px; font-weight: 600;} .sh_onemate_snippet_75 h3{font: 300 20px "Poppins",sans-serif;} .sh_onemate_snippet_23 .sh_heading{text-align: center; padding: 3pc 20px;} .sh_onemate_snippet_23 h2.o_default_snippet_text{line-height: 1.2em; margin-bottom: 20px; margin: 0; color: #fff; font-size: 30px; font-weight: 700; padding-top: 4pc;} .sh_onemate_snippet_23 p.o_default_snippet_text{margin: 0; margin-bottom: 0; font-size: 16px; padding-top: .2rem; font: 300 15px/28px "Poppins",sans-serif; letter-spacing: 0; color: #fff;} .sh_onemate_snippet_23{padding: 5pc 0pc; min-height: 50vh; background: linear-gradient(to left, #709587 0%, #7c7ba9 100%) !important; position: relative;} .sh_onemate_snippet_23 .sh_white_img{padding: 0 0 15pc; position: absolute; background-image: url(/sh_onemate_theme/static/src/img/theme_3/banner_bottom_img.png); z-index: 0; background-size: cover; background-position: revert; background-repeat: no-repeat; width: 100%; top: 0%; bottom: auto; transform: rotate(180deg);} .sh_onemate_snippet_23 .sh_pricing_header{padding: 40px 0 0; background: #fff; text-align: center;} .sh_onemate_snippet_23 .sh_pricing_header h3{font-size: 34px; color: #454545; font-weight: 400; margin-bottom: 10px;} .sh_onemate_snippet_23 .sh_pricing_header h4{color: #709587; font-size: 40px; padding: 14px;} .sh_onemate_snippet_23 .sh_pricing_header h4 span{font-weight: 300; font-size: 20px;} .sh_onemate_snippet_23 .sh_pricing_single.wow.fadeInUp{box-shadow: 0px 10px 37px #4a4a4a; background-color: #fff; border: 1px solid #d0d0d0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; margin-bottom: 1pc;} .sh_onemate_snippet_23 .sh_pricing_single:hover{-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);} .sh_onemate_snippet_23 .sh_pricing_single ul{padding: 0; list-style: none; text-align: center;} .sh_onemate_snippet_23 li.o_default_snippet_text{font-size: 14px; color: #5d5d5d; letter-spacing: .03em; padding: 14px 10px;} .sh_onemate_snippet_23 .sh_download_button a{margin-right: 20px; color: #fff; border-color: #fff; border-radius: 2px;} .sh_onemate_snippet_23 .btn-fill{position: relative; box-shadow: 0 0 1px transparent; transform: perspective(1px) translateZ(0); -webkit-transform: perspective(1px) translateZ(0); -webkit-transition-property: color; transition-property: color; transition: color .3s; -webkit-transition-duration: .3s; transition-duration: .3s;} .sh_onemate_snippet_23 .btn-custom{border: 1px solid; display: inline-block; font-size: 16px; font-weight: 600; text-transform: uppercase; letter-spacing: .1em; padding: 10px; min-width: 176px; text-align: center;} .sh_onemate_snippet_23 .sh_download_button .btn-fill:before{border-radius: 3px; content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transform-origin-x: 0; -webkit-transform-origin-y: 50%;} .sh_onemate_snippet_23 .sh_download_button a:hover{color: #fff;} .sh_onemate_snippet_23 .btn-fill:hover:before{transform: scaleX(1);} .sh_onemate_snippet_23 .sh_download_button a:before{background: #7c7ba9; border-radius: 3px;} .sh_onemate_snippet_23 .sh_download_button a{margin-right: 20px; color: #ffffff; padding-top: 12px; padding-bottom: 12px; padding-left: 20px; padding-right: 20px; border-radius: 3px; font-weight: 600; background: linear-gradient(to left, #709587 0%, #7c7ba9 100%) !important; font-size: 15px; border: 1px solid; display: inline-block; letter-spacing: .1em; text-align: center; border: 0px;} .sh_onemate_snippet_23 .sh_download_button{text-align: center; padding-bottom: 30px;} @media (max-width: 991px){.sh_onemate_snippet_23 h2.o_default_snippet_text{font-size: 35px;}} @media (max-width: 768px){.sh_onemate_snippet_23 h2.o_default_snippet_text{font-size: 30px;}.sh_onemate_snippet_23 .sh_white_img{padding: 0 0 5pc;}} .sh_onemate_snippet_24{padding: 5pc 0;} .sh_onemate_snippet_24 .sh_heading{text-align: center; padding: 0pc 0px 40px;} .sh_onemate_snippet_24 .sh_heading h2.o_default_snippet_text{line-height: 1.2em; margin-bottom: 20px; margin: 0; color: #3f4451; font-size: 30px; font-weight: 700;} .sh_onemate_snippet_24 .sh_heading p.o_default_snippet_text{margin: 0; margin-bottom: 0; font-size: 16px; padding-top: .2rem; font: 300 15px/28px; letter-spacing: 0; color: #677294;} .sh_onemate_snippet_24 .sh_right_box h2{font-size: 20px; line-height: 1.2em; margin-bottom: 20px; font-weight: 700; margin: 0; padding-bottom: 10px;} .sh_onemate_snippet_24 .location{margin-bottom: 2pc; padding: 30px; box-shadow: 0px 10px 37px rgba(0, 0, 0, 0.09);} .sh_onemate_snippet_24 .number a{margin: 0; margin-bottom: 0; color: #716464; font-size: 16px; padding-top: .2rem;} .sh_onemate_snippet_24 .number a:hover{color: #7c7ba9;} .sh_onemate_snippet_24 .number{margin-bottom: 2pc; padding: 30px; box-shadow: 0px 10px 37px rgba(0, 0, 0, 0.09);} .sh_onemate_snippet_24 .Email{margin-bottom: 2pc; padding: 30px; box-shadow: 0px 10px 37px rgba(0, 0, 0, 0.09);} .sh_onemate_snippet_24 .Email a{margin: 0; margin-bottom: 0; color: #716464; font-size: 16px; padding-top: .2rem;} .sh_onemate_snippet_24 .Email a:hover{color: #7c7ba9;} .sh_onemate_snippet_24 .form-control{padding: 1.75rem 0.75rem; border: 0px solid #ced4da; background-color: #ffff; border-bottom-width: 1px; border-bottom-style: solid; border-radius: 0px; padding: 30px;} .sh_onemate_snippet_24 .sh_download_button a{margin-right: 20px; color: #fff; border-color: #fff; border-radius: 2px;} .sh_onemate_snippet_24 .btn-fill{position: relative; box-shadow: 0 0 1px transparent; transform: perspective(1px) translateZ(0); -webkit-transform: perspective(1px) translateZ(0); -webkit-transition-property: color; transition-property: color; transition: color .3s; -webkit-transition-duration: .3s; transition-duration: .3s;} .sh_onemate_snippet_24 .btn-custom{border: 1px solid; display: inline-block; font-size: 16px; font-weight: 600; text-transform: uppercase; letter-spacing: .1em; padding: 10px; min-width: 125px; text-align: center;} .sh_onemate_snippet_24 .sh_download_button .btn-fill:before{border-radius: 3px; content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transform-origin-x: 0; -webkit-transform-origin-y: 50%;} .sh_onemate_snippet_24 .sh_download_button a:hover{color: #fff;} .sh_onemate_snippet_24 .btn-fill:hover:before{transform: scaleX(1);} .sh_onemate_snippet_24 .sh_download_button a:before{background: #7c7ba9; border-radius: 3px;} .sh_onemate_snippet_24 .sh_download_button a{margin-right: 20px; color: #ffffff; padding-top: 12px; padding-bottom: 12px; padding-left: 20px; padding-right: 20px; border-radius: 3px; font-weight: 600; background: linear-gradient(to left, #709587 0%, #7c7ba9 100%) !important; font-size: 15px; border: 1px solid; display: inline-block; letter-spacing: .1em; text-align: center; border: 0px;} .sh_onemate_snippet_24 .btn-primary:before{background: #7c7ba9; border-radius: 3px;} .sh_onemate_snippet_24 .sh_left_box .s_website_form{padding: 30px; box-shadow: 0px 10px 37px rgba(0, 0, 0, 0.09); margin-top: 0px !important;} .sh_onemate_snippet_24 .btn-primary:hover:before{transform: scaleX(1);} .sh_onemate_snippet_24 .form-control:focus{box-shadow: none;} .sh_onemate_snippet_24 .map-container-6 iframe{height: 600px;} .sh_onemate_snippet_24 .add{margin: 0; margin-bottom: 0; color: #716464; font-size: 15px;} @media (max-width: 991px){.sh_onemate_snippet_24 h2.o_default_snippet_text{font-size: 35px;}.sh_onemate_snippet_24 .sh_right_box h2{font-size: 20px;}} @media (max-width: 768px){.sh_onemate_snippet_24 h2.o_default_snippet_text{font-size: 30px;}.sh_onemate_snippet_24 .sh_right_box h2{font-size: 17px;}.sh_onemate_snippet_24 p.o_default_snippet_text{font-size: 15px;}.sh_onemate_snippet_24 .number a{font-size: 15px;}.sh_onemate_snippet_24 .Email a{font-size: 15px;}} .sh_onemate_snippet_25{padding: 15vh 0px; background: url(/sh_onemate_theme/static/src/img/theme_4/banner.jpg); background-size: cover; background-repeat: no-repeat;} .sh_onemate_snippet_25 .sh_right_content{position: relative; padding: 40px; z-index: 8; color: #fff;} .sh_onemate_snippet_25 .sh_right_content:before{content: ''; position: absolute; top: 0; left: -25px; background: #709587; width: 100%; height: 100%; opacity: 0.5; z-index: -1; border-radius: 5px;} .sh_onemate_snippet_25 .sh_right_content:after{content: ''; position: absolute; top: 25px; left: 0; background: #709587; width: 100%; height: 100%; opacity: 0.5; z-index: -1; border-radius: 5px;} .sh_onemate_snippet_25 .sh_right_content a{background: #fff; padding: 8px 30px; color: #709587; text-transform: capitalize; font-weight: 600; font-size: 16px; letter-spacing: 0.7px;} .sh_onemate_snippet_25 .sh_right_content h4{font-size: 30px; font-weight: 600; text-transform: capitalize; margin-bottom: 30px;} .sh_onemate_snippet_25 .sh_right_content p{margin-bottom: 30px; font-size: 16px;} .sh_onemate_snippet_26{transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; padding: 5pc 0px;} .sh_onemate_snippet_26 .sh_top_img img{width: 100%; border-radius: 5px; height: 23rem; object-fit: cover; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);} .sh_onemate_snippet_26 ul li a{border-radius: 4px; background: linear-gradient(to right, #709587, #285ada); padding: 15px 30px 15px 15px; display: block; color: #ffffff; position: relative; z-index: 2; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; margin-bottom: 1rem; font-size: 18px;} .sh_onemate_snippet_26 ul li a::before{color: #ffffff;} .sh_onemate_snippet_26 ul li a:before{content: "\f054"; font-family: "Font Awesome 5 Free"; font-weight: 700; position: absolute; top: 50%; transform: translateY(-50%); right: 30px; z-index: 1; color: #ffffff;} .sh_onemate_snippet_26 ul li{padding: 0px 15px 0px 0px;} .sh_onemate_snippet_26 ul li a:hover:after{width: 100%; left: 0;} .sh_onemate_snippet_26 ul li a::after{background-color: #1c58ef;} .sh_onemate_snippet_26 ul li a:after{content: ""; position: absolute; height: 100%; width: 0%; top: 0; right: 0; background-color: #709587; z-index: -1; transition: all 0.5s ease-out; border-radius: 4px;} .sh_onemate_snippet_26 ul li a span{padding-right: 5px;} .sh_onemate_snippet_26 .sh_bottom_part{text-align: right;} .sh_onemate_snippet_26 .sh_bottom_part img{width: 60%; margin-top: -25%;} .sh_onemate_snippet_26 .sh_right_content{padding: 15px 0px;} .sh_onemate_snippet_26 .sh_right_content h4{text-transform: uppercase; color: #709587; font-weight: 600; margin-bottom: 20px;} .sh_onemate_snippet_26 .sh_right_content h2{font-size: 32px; font-weight: 600; margin-bottom: 40px;} .sh_onemate_snippet_26 .sh_right_content p{color: #616161; font-size: 16px; margin-bottom: 20px;} .sh_onemate_snippet_26 .sh_right_content ul{padding: 0; list-style: none; margin: 0;} .sh_onemate_snippet_26 .sh_right_content ul li a span{padding-right: 5px; font-size: 18px; text-transform: capitalize;} .sh_onemate_snippet_26 .sh_right_content ul li a:before{content: '\f054'; position: absolute; top: 50%; right: 15px; font-family: fontawesome; transform: translateY(-50%);} @media (max-width: 991px){.sh_onemate_snippet_26 .sh_right_content h2{margin-bottom: 15px;}} @media (max-width: 576px){.sh_onemate_snippet_26 .sh_right_content ul li a{width: 100%;}} .sh_onemate_snippet_27{background-color: #f3f3f3; transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; padding: 5pc 0px; background: -webkit-linear-gradient(40deg, rgba(45, 49, 58, 0.8), rgba(45, 49, 58, 0.8)), url(/sh_onemate_theme/static/src/img/theme_4/back.jpg); background-attachment: fixed; background-repeat: no-repeat; background-size: cover;} .sh_onemate_snippet_27 .sh_title{text-align: center; margin-bottom: 40px;} .sh_onemate_snippet_27 .sh_title h4{color: #709587; font-weight: 600; font-size: 16px; margin-bottom: 10px; text-transform: capitalize;} .sh_onemate_snippet_27 .sh_title h2{color: #fff; text-transform: capitalize; font-size: 26px; font-weight: 600; padding-top: 10px; padding-bottom: 15px; position: relative;} .sh_onemate_snippet_27 .sh_title h2:before{background: #709587; position: absolute; content: ""; height: 4px; width: 45px; left: 0; bottom: -15px; right: 0; margin: 0 auto; border-radius: 4px;} .sh_onemate_snippet_27 .sh_content{background-color: #ffffff; text-align: center; position: relative; padding: 40px 20px; transition: all 0.3s ease-out; background: #fff; box-shadow: 0 14px 20px rgba(0, 0, 0, 0.05); margin-bottom: 30px; border-radius: 5px; margin-top: 2pc;} .sh_onemate_snippet_27 .sh_content:hover{box-shadow: 0 10px 55px 5px rgba(137, 173, 255, 0.2);} @keyframes toTopFromBottom{49%{transform: translateY(50%);}50%{opacity: 0; transform: translateY(-50%);}51%{opacity: 1;}} .sh_onemate_snippet_27 .sh_content:hover .sh_icon span{animation: toTopFromBottom 0.5s forwards;} .sh_onemate_snippet_27 .sh_content .sh_icon span{font-size: 36px; color: #709587; margin-bottom: 20px;} .sh_onemate_snippet_27 .sh_content .sh_des h4{font-size: 20px; text-transform: capitalize; font-weight: 600; margin-bottom: 15px;} .sh_onemate_snippet_27 .sh_content .sh_des p{margin: 0; color: #646464; font-size: 15px; line-height: 26px; font-weight: 400;} .sh_onemate_snippet_27 .sh_content:hover{box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);} @media (max-width: 991px){.sh_onemate_snippet_27 .sh_content{margin-bottom: 20px;}} .sh_onemate_snippet_28{padding: 5pc 0;} .sh_onemate_snippet_28 .sh_title{text-align: center; margin-bottom: 40px;} .sh_onemate_snippet_28 .sh_title h4{color: #709587; font-weight: 600; font-size: 16px; margin-bottom: 10px; text-transform: capitalize;} .sh_onemate_snippet_28 .sh_title h2{text-transform: capitalize; font-size: 26px; font-weight: 600; padding-top: 10px; padding-bottom: 15px; position: relative;} .sh_onemate_snippet_28 .sh_title h2:before{background: #709587; position: absolute; content: ""; height: 4px; width: 45px; left: 0; bottom: -15px; right: 0; margin: 0 auto; border-radius: 4px;} .sh_onemate_snippet_28 .sh_content{background: #fff; text-align: center; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); padding: 50px 30px; border-radius: 5px; margin-top: 1pc;} .sh_onemate_snippet_28 .sh_content .sh_img img{box-shadow: 0 14px 20px rgba(0, 0, 0, 0.25); object-fit: cover; width: 220px; height: 220px; margin: auto; border-radius: 50%;} .sh_onemate_snippet_28 .sh_content h5{display: inline-block; background: #709587; font-size: 14px; font-weight: 600; text-transform: capitalize; margin-top: -20px; position: relative; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); padding: 15px 35px; border-radius: 5px; color: #ffffff;} .sh_onemate_snippet_28 .sh_des{padding: 0; padding-right: 0; padding-top: 35px;} .sh_onemate_snippet_28 .sh_content .sh_des h4{color: #709587; text-transform: capitalize; font-weight: 600; margin-bottom: 15px; font-size: 1.5rem;} .sh_onemate_snippet_28 .sh_content .sh_des span{color: #709587; letter-spacing: 1px; display: block; text-transform: uppercase; font-weight: 600; font-size: 14px;} .sh_onemate_snippet_28 .sh_content .sh_des p{margin: 0px; padding-top: 15px; color: #616161; margin-bottom: 0; font-size: 16px;} @media (max-width: 991px){.sh_onemate_snippet_28 .sh_content .sh_img img{width: 160px; height: 160px;}.sh_onemate_snippet_28 .sh_content h5{padding: 15px 20px;}.sh_onemate_snippet_28 .sh_content .sh_des h4{font-size: 1rem;}.sh_onemate_snippet_28 .sh_content .sh_des p{font-size: 14px;}} @media (max-width: 768px){.sh_onemate_snippet_28 .sh_content{margin-bottom: 20px;}} .sh_onemate_snippet_72{transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; padding: 5pc 0px;} .sh_onemate_snippet_72 .sh_title{text-align: center; margin-bottom: 40px;} .sh_onemate_snippet_72 .sh_title h4{text-transform: uppercase; color: #709587; font-weight: 600; margin-bottom: 0px; font-size: 16px;} .sh_onemate_snippet_72 .sh_title h2{text-transform: capitalize; font-size: 26px; font-weight: 600; padding-top: 10px; padding-bottom: 15px; position: relative;} .sh_onemate_snippet_72 .sh_title h2:before{content: ''; position: absolute; width: 40px; height: 3px; background: #709587; bottom: 0; left: 50%; transform: translateX(-50%);} .sh_onemate_snippet_72 .sh_content{background: #fff; padding: 20px; text-align: center; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);} .sh_onemate_snippet_72 .sh-box .sh-media img{vertical-align: middle; border-style: none; width: 100%; height: 230px; object-fit: cover;} .sh_onemate_snippet_72 .col-part{padding: 0px;} .sh_onemate_snippet_72 .sh-box img{max-width: 100%; height: 230px; width: 100%; object-fit: cover;} .sh_onemate_snippet_72 .button_name{text-align: center; margin-bottom: 2rem;} .sh_onemate_snippet_72 .button_name .btn.active{color: #709587;} .sh_onemate_snippet_72 .button_name .btn{background: transparent; font-size: 16px; color: #616161; font-weight: 600; text-transform: uppercase;} .sh_onemate_snippet_72 .sh-box a{text-decoration: none; transition: background .3s,color .3s,border-color .3s; color: #353535;} .sh_onemate_snippet_72 .sh-overlay{left: 18px; top: 18px; right: 18px; bottom: 18px; text-align: center; background-color: rgba(0, 0, 0, 0.6); position: absolute; overflow: hidden; opacity: 0; transition: opacity .5s ease-out;} .sh_onemate_snippet_72 .sh-overlay:hover{opacity: 1;} .sh_onemate_snippet_72 .sh-icon-wrap i{color: #709587; font-size: 2rem;} .sh_onemate_snippet_72 .sh-overlay-content{color: #ffffff; position: absolute; left: 40px; right: 40px; top: 50%; line-height: 1.55; display: block;} .sh_onemate_snippet_30{background-color: #f3f3f3; transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; padding: 5pc 0px; background: -webkit-linear-gradient(40deg, rgba(45, 49, 58, 0.8), rgba(45, 49, 58, 0.8)), url(/sh_onemate_theme/static/src/img/theme_4/back.jpg); background-attachment: fixed; background-repeat: no-repeat; background-size: cover;} .sh_onemate_snippet_30 .sh_title{text-align: center; margin-bottom: 40px;} .sh_onemate_snippet_30 .sh_title h4{color: #709587; font-weight: 600; font-size: 16px; margin-bottom: 10px; text-transform: capitalize;} .sh_onemate_snippet_30 .sh_title h2{color: #fff; text-transform: capitalize; font-size: 26px; font-weight: 600; padding-top: 10px; padding-bottom: 15px; position: relative;} .sh_onemate_snippet_30 .sh_title h2:before{background: #709587; position: absolute; content: ""; height: 4px; width: 45px; left: 0; bottom: -15px; right: 0; margin: 0 auto; border-radius: 4px;} .sh_onemate_snippet_30 .sh_content{position: relative; margin-top: 1pc; padding: 25px 10px; z-index: 110; overflow: hidden; transition: all 0.6s ease 0s; background: #fff; box-shadow: 0 14px 20px rgba(0, 0, 0, 0.05); margin-bottom: 30px; border-radius: 5px;} .sh_onemate_snippet_30 .sh_content .sh_icon{position: relative; display: inline-block; font-size: 36px; float: left; width: 27%; top: 8px; text-align: center;} .sh_onemate_snippet_30 .sh_content .sh_icon span{font-size: 36px; color: #709587; margin-bottom: 20px;} .sh_onemate_snippet_30 .sh_content .sh_des h4{font-size: 20px; text-transform: capitalize; font-weight: 600; margin-bottom: 15px;} .sh_onemate_snippet_30 .sh_content .sh_des p{margin: 0; color: #646464; font-size: 15px; line-height: 26px; font-weight: 400;} .sh_onemate_snippet_30 .sh_content .sh_des{position: relative; float: right; text-align: left; width: 70%; line-height: 25px; font-size: 14px;} .sh_onemate_snippet_30 .sh_content:hover .sh_icon span{animation: toTopFromBottom 0.5s forwards;} .sh_onemate_snippet_30 .sh_content:hover{box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);} .sh_onemate_snippet_31{margin-top: 30px; background-color: #f3f3f3; transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; padding: 83px 0px 78px 0px; background: -webkit-linear-gradient(40deg, rgba(45, 49, 58, 0.8), rgba(45, 49, 58, 0.8)), url(/sh_onemate_theme/static/src/img/theme_4/back.jpg); background-attachment: fixed; background-repeat: no-repeat; background-size: cover;} .sh_onemate_snippet_31 .sh_title{text-align: center; margin-bottom: 40px;} .sh_onemate_snippet_31 .sh_title h4{color: #709587; font-weight: 600; font-size: 16px; margin-bottom: 10px; text-transform: capitalize;} .sh_onemate_snippet_31 .sh_title h2{color: #fff; text-transform: capitalize; font-size: 26px; font-weight: 600; padding-top: 10px; padding-bottom: 15px; position: relative;} .sh_onemate_snippet_31 .sh_title h2:before{background: #709587; position: absolute; content: ""; height: 4px; width: 45px; left: 0; bottom: -15px; right: 0; margin: 0 auto; border-radius: 4px;} .sh_onemate_snippet_31 .card{background: transparent;} .sh_onemate_snippet_31 .card-body{background: transparent !important;} .sh_onemate_snippet_31 .sh_content{margin-bottom: 30px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); overflow: hidden; border-radius: 5px;} .sh_onemate_snippet_31 .sh_content .sh_date{background: #709587; display: inline-block; padding: 7px 15px; position: absolute; bottom: -10px;} .sh_onemate_snippet_31 .sh_content .sh_img{position: relative;} .sh_onemate_snippet_31 .sh_content .sh_des{background: #fff; padding: 30px 10px;} .sh_onemate_snippet_31 .sh_content .sh_des h4 a{height: 45px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; white-space: normal; color: #3a3939; font-weight: 600; font-size: 18px;} .sh_onemate_snippet_31 .sh_content .sh_des a{text-transform: capitalize; color: #709587; font-weight: 600; font-size: 14px; margin-bottom: 0; letter-spacing: 0.7px; text-decoration: none;} .sh_onemate_snippet_31 .sh_content .sh_date h4{margin: 0; color: #fff; font-weight: 600; font-size: 20px;} .sh_onemate_snippet_31 .sh_content .sh_date span{color: #fff; text-transform: capitalize; font-weight: 600;} .sh_onemate_snippet_31 .owl-theme .owl-dots .owl-dot span{width: 25px; height: 5px;} .sh_onemate_snippet_31 .owl-theme .owl-dots .owl-dot:focus{box-shadow: none; outline: none;} .sh_onemate_snippet_31 .owl-theme .owl-dots .owl-dot.active span, .sh_onemate_snippet_31 .owl-theme .owl-dots .owl-dot:hover span{background: #709587;} .sh_onemate_snippet_31 .btn-floating.btn-sm, .sh_onemate_snippet_31 .btn-group-sm > .btn-floating.btn{width: 36.15385px; height: 36.15385px;} .sh_onemate_snippet_31 .btn-floating{position: relative; z-index: 1; padding: 0; margin: 10px; overflow: hidden; vertical-align: middle; border-radius: 2px; box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); transition: all 0.2s ease-in-out;} .sh_onemate_snippet_31 .nav-tabs .nav-link{padding-bottom: 2pc; border: 0; border-radius: 0; background: transparent; margin: 15px 5px; font-weight: 600; letter-spacing: 1px; color: #fff; font-size: 18px;} .sh_onemate_snippet_31 .nav-tabs .nav-link.active, .sh_onemate_snippet_31 .nav-tabs .nav-item.show .nav-link{color: #709587;} .sh_onemate_snippet_31 .card-header ul{justify-content: center;} .sh_onemate_snippet_31 .sh_blog_single h6{text-align: center; color: #fff; font-size: 1.2rem; font-weight: 600; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important; border-radius: 2px; margin: auto; padding: 15px; z-index: 99; width: 70%; position: relative; margin-top: -30px; background-color: #709587;} .sh_onemate_snippet_31 .card-header{padding: 0px; margin-bottom: 0; background-color: transparent; border-bottom: 0px;} .sh_onemate_snippet_31 .card{border: 0px;} .sh_onemate_snippet_31 .btn-buynow{display: inline-block; font-weight: 600; color: #709587; text-align: center; vertical-align: middle; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0px; font-size: 0.875rem; line-height: 1.5; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;} .sh_onemate_snippet_31 .owl-carousel .owl-item{padding: 0px 10px;} .sh_onemate_snippet_31 .owl-theme .owl-nav{display: none;} .sh_onemate_snippet_31 .owl-theme .owl-dots .owl-dot{margin-top: 1rem;} @media (max-width: 991px){.sh_onemate_snippet_31 .sh_content .sh_des h4 a{font-size: 15px;}} .sh_onemate_snippet_32{padding: 5pc 0;} .sh_onemate_snippet_32 .sh_img img{width: 70% !important; margin: auto;} .sh_onemate_snippet_32 .sh_img{box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); margin: 10px; padding: 10px; border-radius: 5px;} .o_rtl .sh_onemate_snippet_32 .owl-carousel.owl-rtl{direction: ltr !important;} .sh_onemate_snippet_73{border-radius: 5px; transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; padding: 5pc 0px; padding-top: 0;} .sh_onemate_snippet_73 .sh_title{margin-bottom: 40px;} .sh_onemate_snippet_73 .sh_title h4{color: #709587; font-weight: 600; font-size: 16px; margin-bottom: 10px; text-transform: capitalize;} .sh_onemate_snippet_73 .sh_title h2{text-transform: capitalize; font-size: 26px; font-weight: 600; padding-top: 10px; padding-bottom: 15px; position: relative;} .sh_onemate_snippet_73 .sh_title h2:before{background: #709587; position: absolute; content: ""; height: 4px; width: 45px; left: 0; bottom: -15px; right: 0; border-radius: 4px;} .sh_onemate_snippet_73 .left-said{margin-bottom: 30px; border-radius: 5px;} .sh_onemate_snippet_73 .left-said .form-control{background: #fff; box-shadow: 0 14px 20px rgba(0, 0, 0, 0.05); border: 0px; padding: 1.45pc;} .sh_onemate_snippet_73 iframe{height: 700px; width: 100%;} .sh_onemate_snippet_73 .right_said{padding: 0px;} .sh_onemate_snippet_73 .btn{background-color: #709587; border-color: #709587;} .sh_onemate_snippet_33{padding: 20vh 0; text-align: center;} .sh_onemate_snippet_33 .sh_banner h4{font-size: 40px; font-weight: 600; text-transform: capitalize; color: #fff; margin-bottom: 30px;} .sh_onemate_snippet_33 .sh_banner p{color: #fff; font-size: 16px; width: 60%; margin: auto; margin-bottom: 30px;} .sh_onemate_snippet_33 .sh_banner a{padding: 10px 30px; text-transform: capitalize; font-weight: 600; border-radius: 2px;} .sh_onemate_snippet_33 .sh_banner a:hover{background: #7c7ba9;} @media (max-width: 768px){.sh_onemate_snippet_33{padding: 100px 0;}.sh_onemate_snippet_33 .sh_banner p{width: 100%;}} @media (max-width: 400px){.sh_onemate_snippet_33 .sh_banner h4{font-size: 30px;}} .sh_onemate_snippet_34{padding: 5pc 0; background-color: #f4f7fc !important; font-family: "Roboto", sans-serif;} .sh_onemate_snippet_34 .sh_left_content h2 span{color: #709587;} .sh_onemate_snippet_34 .sh_left_content h2{color: #222222; text-transform: capitalize; font-weight: 600; font-size: 34px; position: relative; padding-bottom: 15px; margin-bottom: 20px;} .sh_onemate_snippet_34 .sh_left_content h2:after{content: ''; position: absolute; left: 0; bottom: 0; background: #000; height: 2px; width: 100px;} .sh_onemate_snippet_34 .sh_left_content p{color: #666666; font-family: Roboto; font-size: 15px;} .sh_onemate_snippet_34 .sh_column .sh_icon{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; padding-bottom: 0px;} .sh_onemate_snippet_34 .sh_column .sh_icon span{padding-right: 15px; color: #709587; position: relative; display: inline-block; font-size: 36px; float: left; width: 29%; top: 8px; text-align: center;} .sh_onemate_snippet_34 .sh_column .sh_des{position: relative; float: right; text-align: left; width: 70%; line-height: 25px; font-size: 14px;} .sh_onemate_snippet_34 .sh_column .sh_des p{font-size: 14px; color: #666666; line-height: 25px;} .sh_onemate_snippet_34 .sh_column .sh_icon h4{text-transform: capitalize; letter-spacing: 0.7px; font-size: 18px; line-height: 28px; color: #709587; font-weight: 600 !important;} .sh_onemate_snippet_34 .sh_column{padding: 25px 25px 25px 10px; overflow: hidden; transition: all 0.6s ease 0s; background: #fff; box-shadow: 0 14px 20px rgba(0, 0, 0, 0.05); margin-bottom: 30px; border-radius: 5px;} .sh_onemate_snippet_34 .sh_column:hover{background: #7c7ba9;} .sh_onemate_snippet_34 .sh_column:hover .sh_icon span{color: #fff;} .sh_onemate_snippet_34 .sh_column:hover .sh_icon h4{color: #fff;} .sh_onemate_snippet_34 .sh_column:hover .sh_des p{color: #fff;} .sh_onemate_snippet_34 .sh_right_img{position: relative; width: 100%; height: 100%; padding: 4pc 0pc;} .sh_onemate_snippet_34 .sh_right_img img:first-child{position: absolute; width: 40%; top: 50%; transform: translateY(-50%) !important; border: 5px solid #fff;} .sh_onemate_snippet_34 .sh_right_img img:last-child{width: 70%; text-align: right; float: right;} .sh_onemate_snippet_34 .sh_left_content > p{margin-bottom: 20px;} @media only screen and (min-width: 768px) and (max-width: 991px){.sh_onemate_snippet_34 .sh_right_img img:last-child{width: 85%; height: 100%; object-fit: cover;}} .sh_onemate_snippet_35{padding: 5pc 0; font-family: "Roboto", sans-serif;} .sh_onemate_snippet_35 .sh_title h2{color: #222222; text-transform: capitalize; font-weight: 600; font-size: 34px; position: relative; padding-bottom: 30px; margin-bottom: 30px;} .sh_onemate_snippet_35 .sh_title h2 span{display: block; color: #709587;} .sh_onemate_snippet_35 .sh_content{padding: 25px 25px 25px 10px; overflow: hidden; transition: all 0.6s ease 0s; background: #fff; box-shadow: 0 14px 20px rgba(0, 0, 0, 0.05); margin-bottom: 30px; border-radius: 5px;} .sh_onemate_snippet_35 .sh_content .sh_icon span{padding-bottom: 20px; padding-right: 15px; color: #709587; position: relative; display: inline-block; font-size: 36px; float: left; width: 29%; top: 8px; text-align: center;} .sh_onemate_snippet_35 .sh_content .sh_des{position: relative; float: right; text-align: left; width: 70%; line-height: 25px; font-size: 14px;} .sh_onemate_snippet_35 .sh_content .sh_des h4{margin-bottom: 15px; text-transform: capitalize; letter-spacing: 0.7px; font-size: 18px; line-height: 28px; color: #709587; font-weight: 600 !important;} .sh_onemate_snippet_35 .sh_content .sh_des p{margin-bottom: 0; font-size: 14px; color: #666666; line-height: 25px;} .sh_onemate_snippet_35 .sh_content{margin-bottom: 20px; transition: all .4s;} .sh_onemate_snippet_35 .sh_content:hover{box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);} .sh_onemate_snippet_35 .sh_title h2:after{content: ''; position: absolute; left: 0; bottom: 0; background: #000; height: 3px; width: 80px;} .sh_onemate_snippet_36{padding: 5pc 0; background-color: #f4f7fc !important; font-family: "Roboto", sans-serif;} .sh_onemate_snippet_36 .sh_title h2{color: #222222; text-transform: capitalize; font-weight: 600; font-size: 34px; position: relative; padding-bottom: 30px; margin-bottom: 30px;} .sh_onemate_snippet_36 .sh_title h2 span{display: block; color: #709587;} .sh_onemate_snippet_36 .sh_title h2:after{content: ''; position: absolute; left: 0; bottom: 0; background: #000; height: 3px; width: 80px;} .sh_onemate_snippet_36 .sh_content .sh_img_media img{width: 100%;} .sh_onemate_snippet_36 .sh_content .sh_img_media ul{padding: 0; list-style: none; display: -webkit-box; display: -webkit-flex; display: flex; margin: 0; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); transition: all .4s; opacity: 0;} .sh_onemate_snippet_36 .sh_content .sh_img_media{position: relative;} .sh_onemate_snippet_36 .sh_content .sh_img_media ul li a{border-radius: 2px; width: 30px; height: 30px; background: #709587; text-align: center; line-height: 30px; display: block; color: #fff; margin-right: 20px;} .sh_onemate_snippet_36 .sh_content .sh_img_media ul li a:hover{background: #7c7ba9;} .sh_onemate_snippet_36 .sh_content .sh_img_media ul li:last-child a{margin-right: 0px;} .sh_onemate_snippet_36 .sh_content:hover .sh_img_media ul{opacity: 1; bottom: 20px;} .sh_onemate_snippet_36 .sh_content{background: #fff; box-shadow: 0 14px 20px rgba(0, 0, 0, 0.05); border-radius: 2px;} .sh_onemate_snippet_36 .sh_content .sh_des p{margin: 0; margin-bottom: 0; font-size: 14px; color: #666666; line-height: 25px;} .sh_onemate_snippet_36 .sh_content .sh_des h4{text-transform: capitalize; font-weight: 600; color: #222222; letter-spacing: 0.7px; font-size: 24px;} .sh_onemate_snippet_36 .sh_content .sh_des{text-align: center; padding: 20px 0; border-bottom: 5px solid #709587; transition: all .4s; background: #fff; box-shadow: 0 14px 20px rgba(0, 0, 0, 0.05);} .sh_onemate_snippet_36 .sh_content:hover .sh_des{background: #7c7ba9;} .sh_onemate_snippet_36 .sh_content:hover .sh_des p, .sh_onemate_snippet_36 .sh_content:hover .sh_des h4{color: #fff;} @media (max-width: 768px){.sh_onemate_snippet_36 .sh_content{margin-bottom: 20px;}} .sh_onemate_snippet_37{padding: 5pc 0; font-family: "Roboto", sans-serif;} .sh_onemate_snippet_37 .sh_title h2{color: #222222; text-transform: capitalize; font-weight: 600; font-size: 34px; position: relative; padding-bottom: 30px; margin-bottom: 30px;} .sh_onemate_snippet_37 .sh_title h2 span{display: block; color: #709587;} .sh_onemate_snippet_37 .sh_title h2:after{content: ''; position: absolute; left: 0; bottom: 0; background: #000; height: 3px; width: 80px;} .sh_onemate_snippet_37 .sh_content{background: #fff; box-shadow: 0 14px 20px rgba(0, 0, 0, 0.05); border-radius: 2px;} .sh_onemate_snippet_37 .sh_content .sh_img_media img{width: 100%; height: 240px; object-fit: cover;} .sh_onemate_snippet_37 .sh_content .sh_des p{margin: 0; margin-bottom: 0; font-size: 14px; color: #666666; line-height: 25px;} .sh_onemate_snippet_37 .sh_content .sh_des h4{text-transform: capitalize; font-weight: 600; color: #222222; letter-spacing: 0.7px; font-size: 24px;} .sh_onemate_snippet_37 .sh_content .sh_des{text-align: center; padding: 20px 10px; border-bottom: 5px solid #709587; transition: all .4s; background: #fff; box-shadow: 0 14px 20px rgba(0, 0, 0, 0.05); border-radius: 2px;} .sh_onemate_snippet_37 .sh_content:hover .sh_des{background: #7c7ba9;} .sh_onemate_snippet_37 .sh_content:hover .sh_des p, .sh_onemate_snippet_37 .sh_content:hover .sh_des h4{color: #fff;} @media (max-width: 768px){.sh_onemate_snippet_37 .sh_content{margin-bottom: 20px;}} .sh_onemate_snippet_38{padding: 5pc 0; background-color: #f4f7fc !important; font-family: "Roboto", sans-serif;} .sh_onemate_snippet_38 .sh_title h2{color: #222222; text-transform: capitalize; font-weight: 600; font-size: 34px; position: relative; padding-bottom: 30px; margin-bottom: 30px;} .sh_onemate_snippet_38 .sh_title h2 span{display: block; color: #709587;} .sh_onemate_snippet_38 .sh_title h2:after{content: ''; position: absolute; left: 0; bottom: 0; background: #000; height: 3px; width: 80px;} .sh_onemate_snippet_38 .sh_content .sh_img img{width: 100%;} .sh_onemate_snippet_38 .sh_content .sh_img{position: relative; box-shadow: 0 14px 20px rgba(0, 0, 0, 0.05); border-radius: 2px;} .sh_onemate_snippet_38 .sh_content .sh_img .fa{position: absolute; right: 20px; top: 20px; color: #fff; font-size: 20px;} .sh_onemate_snippet_38 .sh_content{position: relative; overflow: hidden; margin-bottom: 1.5pc;} .sh_onemate_snippet_38 .sh_content .sh_des{width: 100%; text-align: center; position: absolute; bottom: -30px; transition: all .4s;} .sh_onemate_snippet_38 .sh_content .sh_des h4{color: #fff; font-weight: 600; font-size: 22px; margin-bottom: 15px;} .sh_onemate_snippet_38 .sh_content .sh_des p{overflow: hidden; pointer-events: none; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 50px; color: #fff; font-size: 16px; margin-bottom: 0px; opacity: 0; pointer-events: none;} .sh_onemate_snippet_38 .sh_content:hover .sh_des{bottom: 30px;} .sh_onemate_snippet_38 .sh_content:hover .sh_des p{opacity: 1; pointer-events: unset;} .sh_onemate_snippet_38 .nav-tabs .nav-link{border: 0; border-radius: 0; background: transparent; margin: 15px 5px; font-weight: 600; letter-spacing: 1px; color: #414141;} .sh_onemate_snippet_38 .nav-tabs .nav-link.active, .sh_onemate_snippet_38 .nav-tabs .nav-item.show .nav-link{color: #fff; background: #7c7ba9; border-radius: 1px;} .sh_onemate_snippet_38 .card-body{background-color: transparent !important;} .sh_onemate_snippet_38 .card-header ul{justify-content: center;} .sh_onemate_snippet_38 .sh_blog_single h6{text-align: center; color: #fff; font-size: 1.2rem; font-weight: 600; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important; border-radius: 2px; margin: auto; padding: 15px; z-index: 99; width: 70%; position: relative; margin-top: -30px; background-color: #709587;} .sh_onemate_snippet_38 .card-header{padding: 0px; margin-bottom: 0; background-color: transparent; border-bottom: 0px;} .sh_onemate_snippet_38 .card{border: 0px; background-color: transparent;} .sh_onemate_snippet_38 .btn-buynow{display: inline-block; font-weight: 600; color: #709587; text-align: center; vertical-align: middle; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0px; font-size: 0.875rem; line-height: 1.5; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;} .sh_onemate_snippet_38 .owl-carousel .owl-item{padding: 0px 10px;} .sh_onemate_snippet_38 .owl-theme .owl-nav{display: none;} .sh_onemate_snippet_38 .sh-overlay{background: #10161d; left: 0px; top: 0px; right: 0px; bottom: 0px; text-align: center; position: absolute; overflow: hidden; opacity: .4; transition: opacity .5s ease-out;} .sh_onemate_snippet_38 .sh_content{position: relative; overflow: hidden; margin-bottom: 1.5pc; box-shadow: 0 14px 20px rgba(0, 0, 0, 0.05); border-radius: 2px;} @media (max-width: 768px){.sh_onemate_snippet_38 .sh_content{margin-bottom: 20px;}.sh_onemate_snippet_38 .sh_content .sh_des{width: 100%;}} .sh_onemate_snippet_74{padding: 5pc 0;} .sh_onemate_snippet_74 .sh_title h2{color: #222222; text-transform: capitalize; font-weight: 600; font-size: 34px; position: relative; padding-bottom: 30px; margin-bottom: 30px;} .sh_onemate_snippet_74 .sh_title h2:after{content: ''; position: absolute; left: 0; bottom: 0; background: #000; height: 2px; width: 100px;} .sh_onemate_snippet_74 .sh_title p{font-size: 16px; color: #616161;} .sh_onemate_snippet_74 .form-control:focus{color: #495057; background-color: #FFFFFF; border-color: #7c7ba9; outline: 0; box-shadow: none;} .sh_onemate_snippet_74 .form-control{padding: 25px;} .sh_onemate_snippet_74 .btn-primary{color: #FFFFFF; background-color: #709587; border-color: #709587; border-radius: 2px;} .sh_onemate_snippet_74 .btn-primary:hover{background: #7c7ba9;} @media (max-width: 768px){.sh_onemate_snippet_74 .form-control{margin-bottom: 1pc;}} .sh_onemate_snippet_41 .carousel-inner img{width: 100%; height: 100%;} .sh_onemate_snippet_41 .s_title_default{text-align: center; font-size: 70px !important; color: #fff; font-weight: 600;} .sh_onemate_snippet_41 .lead{text-align: center; color: #fff;} .sh_onemate_snippet_41 .sh_btn_outline_primary{background: #709587; font-weight: 700; color: #ffffff; font-size: 15px; line-height: 24px; border: none; border-radius: 2px; padding: 10px 15px; text-transform: uppercase; letter-spacing: 1px; margin-top: 14px; transition: all 0.3s ease 0s;} .sh_onemate_snippet_41 .sh_btn_outline_primary:hover{background: #7c7ba9; color: #ffffff;} .sh_onemate_snippet_41 .s_btn{text-align: center !important;} .sh_onemate_snippet_41 .s_carousel.s_carousel_default .carousel-indicators li, .sh_onemate_snippet_41 .s_quotes_carousel.s_carousel_default .carousel-indicators li{width: 30px; height: 3px; border-radius: 0%;} .sh_onemate_snippet_41 .black_bg_overlay{position: absolute; top: 0; left: 0; background: rgba(37, 37, 37, 0.5); width: 100%; height: 100%;} .sh_onemate_snippet_41 .s_carousel .carousel-inner .carousel-item, .sh_onemate_snippet_41 .s_quotes_carousel .carousel-inner .carousel-item{min-height: 400px !important; background-position: bottom; padding-bottom: 150px !important; padding-top: 150px !important;} .sh_onemate_snippet_41 .carousel-control-next{right: 1px;} @media only screen and (max-width: 1200px){.sh_onemate_snippet_41 .s_title_default{font-size: 60px !important;}.sh_onemate_snippet_41 .lead{font-size: 16px;}} @media (max-width: 991px){.sh_onemate_snippet_41 .s_title_default{font-size: 50px !important;}.sh_onemate_snippet_41 .s_carousel .carousel-inner .carousel-item, .sh_onemate_snippet_41 .s_quotes_carousel .carousel-inner .carousel-item{padding-bottom: 70px !important; padding-top: 70px !important; height: 400px;}} @media (max-width: 768px){.sh_onemate_snippet_41 .s_title_default{font-size: 35px !important;}.sh_onemate_snippet_41 .carousel-control-prev-icon, .sh_onemate_snippet_41 .carousel-control-next-icon{display: none;}} .sh_onemate_snippet_42{padding: 5pc 0;} .sh_onemate_snippet_42 h3.sh_display{font-weight: 600; font-size: 30px; margin-bottom: 0; position: relative; display: block; padding-bottom: 25px; text-transform: uppercase;} .sh_onemate_snippet_42 .sh_card{margin-bottom: 1.5rem;} .sh_onemate_snippet_42 p{font-size: 16px; color: #505050; line-height: 26px; font-weight: 400;} .sh_onemate_snippet_42 .sh_card .sh_card_icon{padding: 15px 18px; display: inline-block; float: left; text-align: center; background-color: #709587; border-radius: 0px; line-height: 1; color: #fff;} .sh_onemate_snippet_42 .sh_card .sh_card_icon i{font-size: 200%;} .sh_onemate_snippet_42 .sh_card_block{padding: 0; margin-left: 70px;} .sh_onemate_snippet_42 .sh_card_block .sh_card_title{font-weight: 500; letter-spacing: 4px; text-transform: uppercase;} .sh_onemate_snippet_42 .sh_btn_outline_primary{background: #709587; font-weight: 700; color: #ffffff; font-size: 15px; line-height: 24px; border: none; border-radius: 2px; padding: 10px 15px; text-transform: uppercase; letter-spacing: 1px; margin-top: 14px; transition: all 0.3s ease 0s;} .sh_onemate_snippet_42 .sh_btn_outline_primary:hover{background: #7c7ba9; color: #ffffff;} .sh_onemate_snippet_43 .sh_services_list .sh_services .sh_serivec_icon i{float: left; margin-right: 25px; font-size: 40px; line-height: 40px; color: #709587;} .sh_onemate_snippet_43 .sh_services_list .sh_services .sh_serices_details{overflow: hidden;} .sh_onemate_snippet_43 .sh_services_list .sh_back{background: #0f0f0f; padding: 50px 25px; float: left; overflow: hidden; transition: 0.4s; -webkit-transition: 0.4s;} .sh_onemate_snippet_43 .sh_services_list .sh_services .sh_serices_details h3{font-size: 22px; margin: 0 0 20px; font-weight: 700; color: #ffffff; transition: 0.4s; -webkit-transition: 0.4s; -ms-transition: 0.4s;} .sh_onemate_snippet_43 .sh_services_list .sh_services .sh_serices_details p{margin-bottom: 0; font-size: 14px; font-weight: 400; color: #ddd;} .sh_onemate_snippet_43 .sh_services_list .sh_back:hover{background: #709587;} .sh_onemate_snippet_43 .sh_services_list .sh_back:nth-child(2n){background: #3c3b3b;} .sh_onemate_snippet_43 .sh_services_list .sh_back:nth-child(2n):hover{background: #709587;} .sh_onemate_snippet_43 .sh_services_list .sh_back:hover:hover i, .sh_onemate_snippet_43 .sh_services_list .sh_back:hover p, .sh_onemate_snippet_43 .sh_services_list .sh_back:hover h3{color: black;} .sh_onemate_snippet_43{background: url(/sh_onemate_theme/static/src/img/construction-site-silhouette_90839-371.png) no-repeat scroll 0 0; background-attachment: fixed; transition: all 0.3s ease 0s; background-size: cover; background-position: center center; padding: 5pc 0; position: relative;} .sh_onemate_snippet_43 .overlay{position: absolute; top: 0; left: 0; background: rgba(37, 37, 37, 0.8); width: 100%; height: 100%;} @media (max-width: 992px){.sh_onemate_snippet_43 .sh_services_list .sh_services .sh_serivec_icon i{margin-right: 10px;}.sh_onemate_snippet_43 .sh_services_list .sh_back{padding: 35px 15px;}} .sh_onemate_snippet_71{padding: 5pc 0;} .sh_onemate_snippet_71 .sh_section_header span{display: block; margin-top: 5px; font-size: 18px;} .sh_onemate_snippet_71 .sh_section_header span.line{position: relative; display: inline-block; margin-top: 5px;} .sh_onemate_snippet_71 .sh_section_header span.line:before, .sh_onemate_snippet_71 .sh_section_header span.line:after{content: ""; display: block; position: absolute; height: 1px; width: 40px; left: -40px; top: 10px; background-color: #709587;} .sh_onemate_snippet_71 .sh_section_header span.line:after{left: 100%;} .sh_onemate_snippet_71 .sh_section_header span.line i{padding-left: 8px; padding-right: 8px; color: #709587;} .sh_onemate_snippet_71 .sh_section_header h2{margin-bottom: 0; font-size: 35px; line-height: 45px; font-weight: 600;} .sh_onemate_snippet_71 .sh_section_header{padding-bottom: 2pc;} .sh_onemate_snippet_71 .sh-box .sh-media img{vertical-align: middle; border-style: none; width: 100%; height: 230px; object-fit: cover;} .sh_onemate_snippet_71 .col-part{padding: 4px;} .sh_onemate_snippet_71 .sh-box img{max-width: 100%; height: 230px; width: 100%; object-fit: cover;} .sh_onemate_snippet_71 .button_name{text-align: center; margin-bottom: 2rem;} .sh_onemate_snippet_71 .sh-box a{text-decoration: none; transition: background .3s,color .3s,border-color .3s; color: #353535;} .sh_onemate_snippet_71 .sh-overlay{left: 18px; top: 18px; right: 18px; bottom: 18px; text-align: center; background-color: rgba(0, 0, 0, 0.6); position: absolute; overflow: hidden; opacity: 0; transition: opacity .5s ease-out;} .sh_onemate_snippet_71 .sh-overlay:hover{opacity: 1;} .sh_onemate_snippet_71 .sh-icon-wrap i{color: #709587; font-size: 2rem;} .sh_onemate_snippet_71 .sh-overlay-content{color: #ffffff; position: absolute; left: 40px; right: 40px; top: 50%; line-height: 1.55; display: block;} .sh_onemate_snippet_71 button.active{font-weight: 600; background: #709587; border-radius: 0px;} .sh_onemate_snippet_71 button{font-weight: 600; border-radius: 0px; background: transparent;} .sh_onemate_snippet_44{margin-bottom: 5pc;} .sh_onemate_snippet_44 .sh_section_header span{display: block; margin-top: 5px; font-size: 18px;} .sh_onemate_snippet_44 .sh_section_header span.line{position: relative; display: inline-block; margin-top: 5px;} .sh_onemate_snippet_44 .sh_section_header span.line:before, .sh_onemate_snippet_44 .sh_section_header span.line:after{content: ""; display: block; position: absolute; height: 1px; width: 40px; left: -40px; top: 10px; background-color: #709587;} .sh_onemate_snippet_44 .sh_section_header span.line:after{left: 100%;} .sh_onemate_snippet_44 .sh_section_header span.line i{padding-left: 8px; padding-right: 8px; color: #709587;} .sh_onemate_snippet_44 .sh_section_header h2{margin-bottom: 0; font-size: 35px; line-height: 45px; font-weight: 600;} .sh_onemate_snippet_44 .sh_section_header{padding-bottom: 2pc;} .sh_onemate_snippet_44 .sh_team_item:hover .sh_team_content{opacity: 1; top: 0;} .sh_onemate_snippet_44 .sh_team_content{position: absolute; width: 100%; height: 100%; top: 10%; left: 0; text-align: center; z-index: 11; padding: 30px; opacity: 0; -webkit-transition: 0.3s all ease-out; transition: 0.3s all ease-out;} .sh_onemate_snippet_44 .sh_team_content:before{content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.8); z-index: -1; -webkit-transition: .25s opacity ease; transition: .25s opacity ease;} .sh_onemate_snippet_44 .overly-border::before{border-top: 5px solid #709587; border-bottom: 5px solid #709587; -webkit-transform: scale(0, 1); transform: scale(0, 1);} .sh_onemate_snippet_44 .overly-border::before, .sh_onemate_snippet_44 .overly-border::after{position: absolute; top: 20px; right: 20px; bottom: 20px; left: 20px; content: ''; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; z-index: 1;} .sh_onemate_snippet_44 .sh_team_item{position: relative; overflow: hidden;} .sh_onemate_snippet_44 .sh_team_item .sh_team_img{position: relative;} .sh_onemate_snippet_44 .sh_team_item .sh_team_img .normal-text{position: absolute; left: -57px; bottom: 56px; -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg);} .sh_onemate_snippet_44 .sh_team_item .sh_team_img .normal-text .sh_team_name{background: #709587; color: #101010; font-size: 20px; font-weight: 700; margin-bottom: 4px !important;} .sh_onemate_snippet_44 .sh_team_item .sh_team_img .normal-text span.subtitle{background: #333; color: #fff; font-size: 14px; font-weight: 400;} .sh_onemate_snippet_44 .sh_team_item .sh_team_img .normal-text .sh_team_name, .sh_onemate_snippet_44 .sh_team_item .sh_team_img .normal-text span.subtitle{margin: 0; padding: 10px 20px; display: block;} .sh_onemate_snippet_44 .sh_team_item .sh_team_img img{width: 100%;} .sh_onemate_snippet_44 .sh_team_item .sh_team_content{position: absolute; width: 100%; height: 100%; top: 10%; left: 0; text-align: center; z-index: 11; padding: 30px; opacity: 0; -webkit-transition: .3s all ease-out; transition: .3s all ease-out;} .sh_onemate_snippet_44 .sh_team_item .sh_team_content:before{content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.8); z-index: -1; -webkit-transition: .25s opacity ease; transition: .25s opacity ease;} .sh_onemate_snippet_44 .sh_team_item .sh_team_name a{margin-bottom: 6px; font-size: 20px; color: #fff; text-transform: capitalize; font-weight: 700;} .sh_onemate_snippet_44 .sh_team_item .sh_team_name a:hover{color: #709587;} .sh_onemate_snippet_44 .sh_team_item .sh_team_name a, .sh_onemate_snippet_44 .sh_team_item .sh_team_title{position: relative; z-index: 111;} .sh_onemate_snippet_44 .sh_team_item .sh_team_title{font-size: 14px; color: #709587; padding-bottom: 12px;} .sh_onemate_snippet_44 .sh_team_item .sh_team_title:after{position: absolute; left: 50%; bottom: 0; width: 50px; height: 2px; background: #709587; content: ""; transform: translateX(-50%); -webkit-transform: translateX(-50%);} .sh_onemate_snippet_44 .sh_team_item .sh_team_desc{color: #fff; margin-bottom: 0; padding-top: 12px; margin-top: 8px;} .sh_onemate_snippet_44 .sh_team_item .sh_team_social{position: relative; width: 100%; text-align: center; z-index: 111; opacity: 0; margin-top: 25px; -webkit-transition: .4s all ease; transition: .4s all ease;} .sh_onemate_snippet_44 .sh_team_item .sh_team_social .social-icon{display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; background-color: #fff; margin-right: 6px;} .sh_onemate_snippet_44 .sh_team_item .sh_team_social .social-icon i{font-size: 14px; color: #101010;} .sh_onemate_snippet_44 .sh_team_item .sh_team_social .social-icon:hover{background-color: #709587; color: #fff;} .sh_onemate_snippet_44 .sh_team_item:hover .sh_team_content{opacity: 1; top: 0;} .sh_onemate_snippet_44 .sh_team_item:hover .sh_team_social{opacity: 1;} .sh_onemate_snippet_44 .sh_team_item:hover .normal-text{opacity: 0; visibility: hidden;} .sh_onemate_snippet_44 .sh_team_item{margin-bottom: 30px;} .sh_onemate_snippet_44 .default-pagination{padding-top: 10px;} .sh_onemate_snippet_44 .overly-border::after, .overly-border::before{position: absolute; top: 20px; right: 20px; bottom: 20px; left: 20px; content: ''; opacity: 0; -webkit-transition: opacity .35s,-webkit-transform .35s; transition: opacity .35s,transform .35s; z-index: 1;} .sh_onemate_snippet_44 .about-right-img .overly-border::after, .about-right-img .overly-border::before{top: 50px; right: 50px; bottom: 50px; left: 50px;} .sh_onemate_snippet_44 .overly-border::before{border-top: 5px solid #709587; border-bottom: 5px solid #709587; -webkit-transform: scale(0, 1); transform: scale(0, 1);} .sh_onemate_snippet_44 .sh_team_content{opacity: 1; top: 0;} .sh_onemate_snippet_44 .overly-border::after{border-right: 5px solid #709587; border-left: 5px solid #709587; -webkit-transform: scale(1, 0); transform: scale(1, 0);} .sh_onemate_snippet_44 .overly-border{padding: 3pc 0;} .sh_onemate_snippet_44 .about-right-img:hover .overly-border:after, .about-right-img:hover .overly-border:before, .blog-content:hover .overly-border:after, .blog-content:hover .overly-border:before, .project-content:hover .overly-border:after, .project-content:hover .overly-border:before, .rs-blog .blog-item.slick-current .overly-border:after, .rs-blog .blog-item.slick-current .overly-border:before, .sh_team_content:hover .overly-border:after, .sh_team_content:hover .overly-border:before, .single-member-area figure .overly-border:after, .single-member-area figure .overly-border:before, .single-member-area:hover .overly-border:after, .single-member-area:hover .overly-border:before{opacity: 1; -webkit-transform: scale(1); transform: scale(1); padding-top: 150px !important;} @media (min-width: 992px) and (max-width: 1200px){.sh_onemate_snippet_44 .overly-border{padding: 1pc 0;}} @media (min-width: 769px) and (max-width: 991px){.sh_onemate_snippet_44 .overly-border{padding: .8pc 0 0;}.sh_onemate_snippet_44 .sh_team_item .sh_team_content{padding: 10px;}.sh_onemate_snippet_44 .overly-border::before, .sh_onemate_snippet_44 .overly-border::after{top: 10px; right: 10px; bottom: 10px; left: 10px;}.sh_onemate_snippet_44 .sh_team_item .sh_team_social .social-icon{width: 30px; height: 30px; line-height: 30px;}} @media (max-width: 768px){.sh_onemate_snippet_44 .overly-border{padding: 5pc 0;}} .sh_onemate_snippet_45{margin-bottom: 2pc;} .sh_onemate_snippet_45 .sh_section_header span{display: block; margin-top: 5px; font-size: 18px;} .sh_onemate_snippet_45 .sh_section_header span.line{position: relative; display: inline-block; margin-top: 5px;} .sh_onemate_snippet_45 .sh_section_header span.line:before, .sh_onemate_snippet_45 .sh_section_header span.line:after{content: ""; display: block; position: absolute; height: 1px; width: 40px; left: -40px; top: 10px; background-color: #709587;} .sh_onemate_snippet_45 .sh_section_header span.line:after{left: 100%;} .sh_onemate_snippet_45 .sh_section_header span.line i{padding-left: 8px; padding-right: 8px; color: #709587;} .sh_onemate_snippet_45 .sh_section_header h2{margin-bottom: 0; font-size: 35px; line-height: 45px; font-weight: 600;} .sh_onemate_snippet_45 .sh_single_service.text-center{margin-bottom: 50px; border: 1px solid #d7d7d7;} .sh_onemate_snippet_45 .sh_service_img{overflow: hidden !important; position: relative;} .sh_onemate_snippet_45 .sh_service_img img{width: 100%; object-fit: cover; height: 300px; transition: 1s;} .sh_onemate_snippet_45 .sh_single_service:hover img{transform: scale(1.2) rotate(5deg);} .sh_onemate_snippet_45 .sh_service_details{background: #7c7ba9; text-align: left; padding: 0px 15px 15px;} .sh_onemate_snippet_45 .sh_service_details h3{padding: 18px 0 8px; height: 5pc;} .sh_onemate_snippet_45 .sh_service_details h3 a{font-weight: 700; font-size: 23px; transition: 0.4s; -webkit-transition: 0.4s; color: #709587;} .sh_onemate_snippet_45 .sh_service_details p{font-size: 15px; color: #fff; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 20px;} .sh_onemate_snippet_45 .nav-tabs .nav-link.active, .sh_onemate_snippet_45 .nav-tabs .nav-item.show .nav-link{font-weight: 600; background: #709587; border-radius: 0px;} .sh_onemate_snippet_45 .sh_btn_outline_primary{background: #709587; font-weight: 700; color: #ffffff; font-size: 15px; line-height: 24px; border: none; border-radius: 2px; padding: 10px 15px; text-transform: uppercase; letter-spacing: 1px; transition: all 0.3s ease 0s;} .sh_onemate_snippet_45 .sh_btn_outline_primary:hover{background: #3c3b3b; color: #ffffff;} .sh_onemate_snippet_45 .card .card-header ul{justify-content: center;} .sh_onemate_snippet_45 .nav-tabs .nav-link{border: 0; border-radius: 0; background: #fff; margin: 15px 5px; font-weight: 600; letter-spacing: 1px; color: #414141;} .sh_onemate_snippet_45 .card-header{padding: 0px; margin-bottom: 0; background-color: transparent; border-bottom: 0px;} .sh_onemate_snippet_45 .card{border: 0px; background-color: transparent;} .sh_onemate_snippet_46{margin-bottom: 5pc;} .sh_onemate_snippet_46 .sh_section_header span{display: block; margin-top: 5px; font-size: 18px;} .sh_onemate_snippet_46 .sh_section_header span.line{position: relative; display: inline-block; margin-top: 5px;} .sh_onemate_snippet_46 .sh_section_header span.line:before, .sh_onemate_snippet_46 .sh_section_header span.line:after{content: ""; display: block; position: absolute; height: 1px; width: 40px; left: -40px; top: 10px; background-color: #709587;} .sh_onemate_snippet_46 .sh_section_header span.line:after{left: 100%;} .sh_onemate_snippet_46 .sh_section_header span.line i{padding-left: 8px; padding-right: 8px; color: #709587;} .sh_onemate_snippet_46 .sh_section_header h2{margin-bottom: 0; font-size: 35px; line-height: 45px; font-weight: 600;} .sh_onemate_snippet_46 .sh_section_header{padding-bottom: 2pc;} .sh_onemate_snippet_46 p{font-size: 15px; color: #505050; margin-bottom: 30px;} .sh_onemate_snippet_46 .sh_address .fa, .sh_onemate_snippet_46 .sh_phone .fa, .sh_onemate_snippet_46 .sh_email .fa{background: #7c7ba9; border-radius: 0%; display: inline-block; font-size: 25px; height: 50px; line-height: 50px; text-align: center; width: 50px; vertical-align: super; color: #709587; float: left;} .sh_onemate_snippet_46 .sh_address p, .sh_onemate_snippet_46 .sh_phone a, .sh_onemate_snippet_46 .sh_email a{display: inline-block; color: #505050; margin: 0px; text-decoration: none;} .sh_onemate_snippet_46 input{background: transparent; border: 1px solid #ddd; box-shadow: none; border-radius: 0; height: 45px; width: 100%;} .sh_onemate_snippet_46 textarea{height: 150px; width: 100%; max-width: 100%; background: transparent; border: 1px solid #ddd; box-shadow: none; border-radius: 0;} .sh_onemate_snippet_46 .sh_address, .sh_onemate_snippet_46 .sh_phone, .sh_onemate_snippet_46 .sh_email{margin-top: 1pc;} .sh_onemate_snippet_46 .info-text{padding-left: 4pc;} .sh_onemate_snippet_46 h2{font-size: 18px; font-weight: 600;} .sh_onemate_snippet_46 .btn{background: #709587; font-weight: 700; color: #ffffff; font-size: 15px; line-height: 24px; border: none; border-radius: 2px; padding: 10px 15px; text-transform: uppercase; letter-spacing: 1px; margin-top: 14px; transition: all 0.3s ease 0s;} .sh_onemate_snippet_46 .btn:hover{background: #7c7ba9; color: #ffffff;} .sh_onemate_snippet_46 .sh_phone a:hover{color: #7c7ba9;} .sh_onemate_snippet_46 .sh_email a:hover{color: #7c7ba9;} @media (max-width: 992px){.sh_onemate_snippet_46 .sh_contact_form_area{margin-top: 2pc;}} .sh_onemate_snippet_47{margin-bottom: 5pc; margin-top: 5pc;} .sh_onemate_snippet_47 .sh_section_title{margin-bottom: 1.5pc;} .sh_onemate_snippet_47 .sh_section_title h2{color: #333c4e; font-weight: 600; font-size: 2rem; padding-bottom: 14px; position: relative;} .sh_onemate_snippet_47 .sh_section_title h2:after{content: ''; display: block; width: 40px; height: 3px; position: absolute; bottom: 0; background: #709587;} .sh_onemate_snippet_47 .sh_content p{font-size: .9rem; color: #7e8890; line-height: 1.5em; margin-bottom: 1.5em;} .sh_onemate_snippet_47 li.o_default_snippet_text{padding-bottom: 6px; font-size: 1rem; color: #7e8890; float: left; width: 48%; position: relative; margin-right: 2%;} .sh_onemate_snippet_47 ul{display: inline-block;} .sh_onemate_snippet_47 li .fa{color: #709587; font-size: 20px; padding-right: 10px;} .sh_onemate_snippet_47 .btn-buynow{margin-top: 2pc; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); border-radius: 2px; display: inline-block; background: #709587; border: 2px solid #709587; color: #fff; text-transform: uppercase; padding: 10px 30px; letter-spacing: 0.04em; font-weight: 600; transition: all 0.3s;} .sh_onemate_snippet_47 .btn-buynow:hover{background: #fff; color: #709587;} .sh_onemate_snippet_47 .sh_img_block img{position: absolute; right: auto; top: 3%; left: -20px; width: 100%; background-color: #fafafa; border: solid 0px #232323; font-size: 24px; border-radius: 2px; height: 575px; object-fit: cover;} .sh_onemate_snippet_47 .sh_img_block{position: relative; width: 90%; min-height: 575px; background-color: #fafafa; border: solid 3px #709587; font-size: 24px; text-align: center; border-radius: 2px;} .sh_onemate_snippet_47 .right_box{padding: 6pc 0pc 5pc;} @media (max-width: 1200px){.sh_onemate_snippet_47 .sh_img_block{width: 100%; min-height: 535px;}.sh_onemate_snippet_47 .sh_img_block img{min-height: auto; top: 1.5%;}.sh_onemate_snippet_47 .right_box{padding: 3pc 0pc 5pc;}} @media (max-width: 991px){.sh_onemate_snippet_47 .sh_img_block img{height: 395px; position: absolute; right: auto; top: 2%; left: -20px; width: 100%; background-color: #fafafa; border: solid 9px #232323; font-size: 24px; min-height: auto; border-radius: 2px;}.sh_onemate_snippet_47 .sh_img_block{width: 100%; min-height: 395px;}.sh_onemate_snippet_47 .right_box{padding: 0pc 0pc 0pc;}.sh_onemate_snippet_47 .sh_section_title h2{font-size: 28px;}.sh_onemate_snippet_47 .sh_content p{font-size: 15px;}.sh_onemate_snippet_47 li.o_default_snippet_text{font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}} @media (max-width: 768px){.sh_onemate_snippet_47 .right_box{padding: 2pc 0pc 5pc;}.sh_onemate_snippet_47 .sh_section_title h2{font-size: 28px;}.sh_onemate_snippet_47 .sh_content p{font-size: 15px;}.sh_onemate_snippet_47 li.o_default_snippet_text{font-size: 16px;}.sh_onemate_snippet_47 .sh_img_block{position: relative; width: 100%; min-height: auto; background-color: #fafafa; border: solid 5px #709587; font-size: 24px; text-align: center; border-radius: 2px;}.sh_onemate_snippet_47 .sh_img_block img{position: unset; right: auto; top: 1%; left: -20px; width: 100%; background-color: #fafafa; border: solid 9px #232323; font-size: 24px; min-height: auto; border-radius: 2px;}.sh_onemate_snippet_47{margin-bottom: 0pc;}} .sh_onemate_snippet_48{margin-bottom: 4pc;} .sh_onemate_snippet_48 .sh_section_title{text-align: center; margin-bottom: 80px;} .sh_onemate_snippet_48 .sh_section_title p{text-transform: uppercase; color: #7e8890; letter-spacing: 0.04em;} .sh_onemate_snippet_48 .sh_section_title h2{color: #333c4e; font-weight: 600; font-size: 2rem; padding-bottom: 14px; position: relative;} .sh_onemate_snippet_48 .sh_section_title h2:after{content: ''; display: block; width: 40px; height: 3px; position: absolute; bottom: 0; left: 50%; margin-left: -20px; background: #709587;} .sh_onemate_snippet_48 .card .align-items-stretch .align-items-stretch img{height: 100%; border-radius: 2px; height: 140px; width: 100%; object-fit: cover; object-position: top center;} .sh_onemate_snippet_48 .card .align-items-stretch .font-weight-medium a{color: #212529; font-size: 1rem; font-weight: 600; text-transform: uppercase;} .sh_onemate_snippet_48 p.mt-3.o_default_snippet_text{display: -webkit-box; color: #7e8890; margin-bottom: 1.5em; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-size: .9rem; line-height: 1.5;} .sh_onemate_snippet_48 .card{border-radius: 0px; padding: 10px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;} .sh_onemate_snippet_49{margin-bottom: 4pc;} .sh_onemate_snippet_49 .sh_section_title{text-align: center; margin-bottom: 2rem;} .sh_onemate_snippet_49 .sh_section_title p{text-transform: uppercase; color: #7e8890; letter-spacing: 0.04em;} .sh_onemate_snippet_49 .sh_section_title h2{color: #333c4e; font-weight: 600; font-size: 2rem; padding-bottom: 14px; position: relative;} .sh_onemate_snippet_49 .sh_section_title h2:after{content: ''; display: block; width: 40px; height: 3px; position: absolute; bottom: 0; left: 50%; margin-left: -20px; background: #709587;} .sh_onemate_snippet_49 .img-fluid{box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important; border-radius: 2px; min-height: 189px; height: 189px; object-fit: cover;} .sh_onemate_snippet_49 img{width: 100%; height: 200px; object-fit: cover; object-position: center;} .sh_onemate_snippet_49 .btn.active{color: #709587;} .sh_onemate_snippet_49 .btn.active:after{content: ''; border-bottom: 3px solid #709587; width: 100%;} .sh_onemate_snippet_49 .btn.active:before{content: ''; border-bottom: 3px solid #709587; width: 100%;} .sh_onemate_snippet_49 .btn{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; align-items: center; text-align: center; font-size: 16px; font-weight: 600; text-transform: uppercase; background: transparent;} @media (max-width: 576px){.sh_onemate_snippet_49 .js_cls_render_dynamic_portfolio_area .row:first-child .col-md-12{display: grid !important; grid-template-columns: auto auto auto;}.sh_onemate_snippet_49 .btn{font-size: 14px;}} .sh_onemate_snippet_50{margin-bottom: 4pc;} .sh_onemate_snippet_50 .sh_section_title{text-align: center; margin-bottom: 2rem;} .sh_onemate_snippet_50 .sh_section_title p{text-transform: uppercase; color: #7e8890; letter-spacing: 0.04em;} .sh_onemate_snippet_50 .sh_section_title h2{color: #333c4e; font-weight: 600; font-size: 2rem; padding-bottom: 14px; position: relative;} .sh_onemate_snippet_50 .sh_section_title h2:after{content: ''; display: block; width: 40px; height: 3px; position: absolute; bottom: 0; left: 50%; margin-left: -20px; background: #709587;} .sh_onemate_snippet_50 .sh_blog_single h6{text-align: center; color: #fff; font-size: 1.2rem; font-weight: 600; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important; border-radius: 2px; margin: auto; padding: 15px; z-index: 99; width: 70%; position: relative; margin-top: -45px; background-color: #709587;} .sh_onemate_snippet_50 .sh_team img{height: 20rem; width: 100%; object-fit: cover; object-position: top;} .sh_onemate_snippet_50 .sh_team{margin-bottom: 2rem; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important; text-align: center;} .sh_onemate_snippet_50 .sh_team h2{font-size: 1rem; line-height: 1.5rem; padding-top: 1rem; color: #333c4e; font-weight: 600; letter-spacing: 1px;} .sh_onemate_snippet_50 .sh_blog_single{padding: 1.25rem;} .sh_onemate_snippet_50 .sh_team p{color: #7e8890; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .sh_onemate_snippet_50 .btn-floating.btn-sm, .sh_onemate_snippet_50 .btn-group-sm > .btn-floating.btn{width: 36.15385px; height: 36.15385px;} .sh_onemate_snippet_50 .btn-floating{position: relative; z-index: 1; padding: 0; margin: 10px; overflow: hidden; vertical-align: middle; border-radius: 2px; box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); transition: all 0.2s ease-in-out;} .sh_onemate_snippet_50 .btn-fb{background-color: #3b5998;} .sh_onemate_snippet_50 .btn-tw{background-color: #55acee;} .sh_onemate_snippet_50 .btn-li{background-color: #0082ca;} .sh_onemate_snippet_50 .btn-pin{background-color: #c61118 !important;} .sh_onemate_snippet_50 .btn-floating i{display: inline-block; width: inherit; color: #fff; text-align: center;} .sh_onemate_snippet_50 .btn-floating.btn-sm i, .sh_onemate_snippet_50 .btn-group-sm > .btn-floating.btn i{font-size: .96154rem; line-height: 36.15385px;} .sh_onemate_snippet_50 .btn-floating:hover{box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);} @media (max-width: 992px){.sh_onemate_snippet_50 .sh_blog_single h6{width: 90%;}.sh_onemate_snippet_50 .sh_blog_single{padding: 15px 5px;}} .sh_onemate_snippet_51{margin-bottom: 4pc;} .sh_onemate_snippet_51 .sh_section_title{text-align: center; margin-bottom: 2rem;} .sh_onemate_snippet_51 .sh_section_title p{text-transform: uppercase; color: #7e8890; letter-spacing: 0.04em;} .sh_onemate_snippet_51 .sh_section_title h2{color: #333c4e; font-weight: 600; font-size: 2rem; padding-bottom: 14px; position: relative;} .sh_onemate_snippet_51 .sh_section_title h2:after{content: ''; display: block; width: 40px; height: 3px; position: absolute; bottom: 0; left: 50%; margin-left: -20px; background: #709587;} .sh_onemate_snippet_51 .grey.darken-3{background-color: #424242; color: #fff;} .sh_onemate_snippet_51 .card{position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; min-width: 0; background-color: #fff; background-clip: border-box; border-radius: .25rem; font-weight: 400; border: 0; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);} .sh_onemate_snippet_51 .grey.darken-2{background-color: #709587; color: #fff;} .sh_onemate_snippet_51 .btn-buynow{margin-top: 1rem; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); border-radius: 2px; display: inline-block; background: #709587; border: 2px solid #709587; color: #fff; text-transform: uppercase; padding: 10px 30px; letter-spacing: 0.04em; font-weight: 600; transition: all 0.3s;} .sh_onemate_snippet_51 .btn-buynow:hover{background: #fff; color: #709587;} .sh_onemate_snippet_51 .card-body p{margin: 1rem 0rem;} @media (max-width: 992px){.sh_onemate_snippet_51 .card-body{padding: 1rem;}} .sh_onemate_snippet_52{margin-bottom: 4pc;} .sh_onemate_snippet_52 .sh_section_title{text-align: center; margin-bottom: 2rem;} .sh_onemate_snippet_52 .sh_section_title p{text-transform: uppercase; color: #7e8890; letter-spacing: 0.04em;} .sh_onemate_snippet_52 .sh_section_title h2{color: #333c4e; font-weight: 600; font-size: 2rem; padding-bottom: 14px; position: relative;} .sh_onemate_snippet_52 .sh_section_title h2:after{content: ''; display: block; width: 40px; height: 3px; position: absolute; bottom: 0; left: 50%; margin-left: -20px; background: #709587;} .sh_onemate_snippet_52 .sh_team{text-align: left; margin-bottom: 3pc;} .sh_onemate_snippet_52 .sh_team h2 a{font-size: 1rem; line-height: 1.5rem; padding-top: 1rem; color: #333c4e; font-weight: 600; letter-spacing: 1px;} .sh_onemate_snippet_52 .sh_team p{color: #7e8890;} .sh_onemate_snippet_52 .btn-floating.btn-sm, .sh_onemate_snippet_52 .btn-group-sm > .btn-floating.btn{width: 36.15385px; height: 36.15385px;} .sh_onemate_snippet_52 .btn-floating{position: relative; z-index: 1; padding: 0; margin: 10px; overflow: hidden; vertical-align: middle; border-radius: 2px; box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); transition: all 0.2s ease-in-out;} .sh_onemate_snippet_52 .nav-tabs .nav-link{border: 0; border-radius: 0; margin: 15px 5px; letter-spacing: 1px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; align-items: center; text-align: center; font-size: 16px; font-weight: 600; text-transform: uppercase; color: black;} .sh_onemate_snippet_52 .nav-tabs .nav-link.active{background: #fff; color: #709587;} .sh_onemate_snippet_52 .nav-tabs .nav-link.active:before{content: ''; border-bottom: 3px solid #709587; width: 100%;} .sh_onemate_snippet_52 .nav-tabs .nav-link.active:after{content: ''; border-bottom: 3px solid #709587; width: 100%;} .sh_onemate_snippet_52 .card-header ul{justify-content: center;} .sh_onemate_snippet_52 .sh_blog_single h6{text-align: center; color: #fff; font-size: 1.2rem; font-weight: 600; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important; border-radius: 2px; margin: auto; padding: 15px; z-index: 99; width: 70%; position: relative; margin-top: -30px; background-color: #709587;} .sh_onemate_snippet_52 .card-header{padding: 0px; margin-bottom: 0; background-color: transparent; border-bottom: 0px;} .sh_onemate_snippet_52 .card{border: 0px;} .sh_onemate_snippet_52 .btn-buynow{display: inline-block; font-weight: 600; color: #709587; text-align: center; vertical-align: middle; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0px; font-size: 0.875rem; line-height: 1.5; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;} .sh_onemate_snippet_52 .owl-carousel .owl-item{padding: 0px 10px;} .sh_onemate_snippet_52 .owl-theme .owl-nav{display: none;} @media (max-width: 992px){.sh_onemate_snippet_52 .sh_blog_single h6{width: 80%; font-size: 1rem;}} .sh_onemate_snippet_53{margin-bottom: 4pc;} .sh_onemate_snippet_53 .sh_section_title{text-align: center; margin-bottom: 2rem;} .sh_onemate_snippet_53 .sh_section_title p{text-transform: uppercase; color: #7e8890; letter-spacing: 0.04em;} .sh_onemate_snippet_53 .sh_section_title h2{color: #333c4e; font-weight: 600; font-size: 2rem; padding-bottom: 14px; position: relative;} .sh_onemate_snippet_53 .sh_section_title h2:after{content: ''; display: block; width: 40px; height: 3px; position: absolute; bottom: 0; left: 50%; margin-left: -20px; background: #709587;} .sh_onemate_snippet_53 .media{display: block; -ms-flex-align: start; align-items: flex-start;} .sh_onemate_snippet_53 .media img{object-fit: cover; border: 4px solid #709587; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); width: 100px !important; height: 100px; display: inline-block; border-radius: 50%;} .sh_onemate_snippet_53 .testimonial{display: -webkit-box; display: -webkit-flex; display: flex;} .sh_onemate_snippet_53 .owl-nav{display: none;} .sh_onemate_snippet_53 .item{padding: 2rem 1.5rem; margin: 5px; font-weight: 400; border: 0; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);} .sh_onemate_snippet_53 .media-body p{display: inline-block; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; line-height: 28px; font-weight: normal; font-style: normal; color: #7b7b93; font-size: 16px;} .sh_onemate_snippet_53 .owl-carousel .owl-item img{display: inline-block;} .sh_onemate_snippet_53 .media p{display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; font-size: 1rem; color: #6c757d; text-align: justify;} .sh_onemate_snippet_53 .media .testimonial p{padding-top: 20px;} .o_rtl .sh_onemate_snippet_53 .owl-carousel.owl-rtl{direction: ltr !important;} @media (max-width: 768px){.sh_onemate_snippet_6{padding: 0pc 0pc 2pc;}.sh_onemate_snippet_6 .about_us_box .section-title p{font-size: 16px;}.sh_onemate_snippet_6 .about_us_box{padding-bottom: 1pc;}.sh_onemate_snippet_6 .media-body p{font-size: 15px;}} .sh_onemate_snippet_54{padding-bottom: 3pc;} .sh_onemate_snippet_54 .sh_section_title{text-align: center; margin-bottom: 2rem;} .sh_onemate_snippet_54 .sh_section_title p{text-transform: uppercase; color: #7e8890; letter-spacing: 0.04em;} .sh_onemate_snippet_54 .sh_section_title h2{color: #333c4e; font-weight: 600; font-size: 2rem; padding-bottom: 14px; position: relative;} .sh_onemate_snippet_54 .sh_section_title h2:after{content: ''; display: block; width: 40px; height: 3px; position: absolute; bottom: 0; left: 50%; margin-left: -20px; background: #709587;} .sh_onemate_snippet_54 form input{width: 100%; height: 50px; background: #f2f2f2; border: 0; padding: 0 15px; margin-bottom: 24px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} .sh_onemate_snippet_54 form textarea{width: 100%; height: 150px; background: #f2f2f2; border: 0; padding: 18px 15px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} .sh_onemate_snippet_54 .btn-buynow{margin-top: 1rem; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); border-radius: 2px; display: inline-block; background: #709587; border: 2px solid #709587; color: #fff; text-transform: uppercase; padding: 10px 30px; letter-spacing: .04em; font-weight: 600; transition: all .3s;} .sh_onemate_snippet_54 .btn-buynow:hover{background: #fff; color: #709587;} .sh_onemate_snippet_54 p{font-size: 15px; color: #505050;} .sh_onemate_snippet_54 .sh_address .fa, .sh_onemate_snippet_54 .sh_phone .fa, .sh_onemate_snippet_54 .sh_email .fa{border-radius: 100%; display: inline-block; font-size: 35px; height: 50px; line-height: 30px; text-align: center; width: 50px; vertical-align: super; color: #709587; float: left;} .sh_onemate_snippet_54 .sh_address p, .sh_onemate_snippet_54 .sh_phone a, .sh_onemate_snippet_54 .sh_email a{display: inline-block; color: #505050; margin: 0px; text-decoration: none;} .sh_onemate_snippet_54 input{background: transparent; border: 1px solid #ddd; box-shadow: none; border-radius: 0; height: 45px; width: 100%;} .sh_onemate_snippet_54 textarea{height: 150px; width: 100%; max-width: 100%; background: transparent; border: 1px solid #ddd; box-shadow: none; border-radius: 0;} .sh_onemate_snippet_54 .sh_address, .sh_onemate_snippet_54 .sh_phone, .sh_onemate_snippet_54 .sh_email{margin-top: 1pc; list-style: none;} .sh_onemate_snippet_54 .info-text{padding-left: 4pc;} .sh_onemate_snippet_54 h2{font-size: 18px; font-weight: 600;} .sh_onemate_snippet_54 .sh_phone, .sh_onemate_snippet_54 .sh_email{border-bottom: 1px solid #505050; padding-bottom: 1rem;} .sh_onemate_snippet_54 .btn-primary{margin-top: 1rem; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); border-radius: 2px; display: inline-block; background: #709587; border: 2px solid #709587; color: #fff; text-transform: uppercase; padding: 10px 30px; letter-spacing: 0.04em; font-weight: 600; transition: all 0.3s;} .sh_onemate_snippet_54 .btn-primary:hover{background: #fff; color: #709587;} .sh_onemate_snippet_54 .form-control:focus, .o_wysiwyg_loader:focus{color: #495057; background-color: #FFFFFF; border-color: #709587; outline: 0; box-shadow: 0 0 0 0.2rem #709587;} .sh_onemate_snippet_55 .carousel-inner{position: relative; width: 100%; overflow: hidden; height: 650px; min-height: 650px;} .sh_onemate_snippet_55 .carousel-fade .carousel-item{min-height: 650px; height: 650px;} .sh_onemate_snippet_55 .carousel-caption{position: absolute; right: 15%; bottom: auto; left: 10%; z-index: 10; padding: 4pc; color: #FFFFFF; text-align: left; top: 10%; background: rgba(0, 0, 0, 0.8); border-radius: 2px;} .sh_onemate_snippet_55 .carousel-inner .carousel-item h3{font-size: 3rem; font-weight: bolder; color: #fff;} .sh_onemate_snippet_55 .carousel-inner .carousel-item span{color: #709587;} .sh_onemate_snippet_55 .carousel-inner .carousel-item p{color: #fff; line-height: 2rem; font-size: 1rem; padding-top: 2rem;} .sh_onemate_snippet_55 .btn-buynow{margin-top: 1rem; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); border-radius: 2px; display: inline-block; background: #709587; border: 2px solid #709587; color: #fff; text-transform: uppercase; padding: 10px 30px; letter-spacing: .04em; font-weight: 600; transition: all .3s;} .sh_onemate_snippet_55 .btn-buynow:hover{background: #fff; color: #709587;} .sh_onemate_snippet_55 .carousel-indicators{position: absolute; right: auto; bottom: 20%; left: 0; z-index: 15; display: -webkit-box; display: -webkit-flex; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: left; padding-left: 0; margin-right: 10%; margin-left: 11%; list-style: none;} .sh_onemate_snippet_55 .carousel-indicators li{box-sizing: content-box; -webkit-box-flex: 0; -webkit-flex: 0 1 auto; flex: 0 1 auto; width: 15px; height: 15px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-clip: padding-box; border: 5px solid #709587; transition: opacity 0.6s ease;} @media (max-width: 991px){.sh_onemate_snippet_55 .carousel-indicators{display: none;}} @media (max-width: 768px){.sh_onemate_snippet_55 .carousel-inner .carousel-item h3{font-size: 1.5rem;}.sh_onemate_snippet_55 .carousel-caption{left: 3%;}.sh_onemate_snippet_55 .carousel-inner .carousel-item p{line-height: 1rem; font-size: 0.8rem; padding-top: 0rem;}.sh_onemate_snippet_55 .carousel-indicators{display: none;}.sh_onemate_snippet_55 .carousel-inner{height: auto; min-height: auto;}.sh_onemate_snippet_55 .carousel-fade .carousel-item{height: auto; min-height: auto;}} @media (max-width: 576px){.sh_onemate_snippet_55 .view img{min-height: 350px; object-fit: cover;}.sh_onemate_snippet_55 .carousel-caption{padding: 2pc;}} .sh_onemate_snippet_61{background: url("/sh_onemate_theme/static/src/img/theme_8/21.png"); background-position: center; background-size: cover; background-size: cover; position: relative; height: 600px;} .sh_onemate_snippet_61:after{position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); z-index: 1;} .sh_onemate_snippet_61 .banner_content h3{color: #fff; font-size: 50px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 30px; font-weight: bold;} .sh_onemate_snippet_61 .banner_content{position: absolute; z-index: 2; content: ''; top: 30%;} .sh_onemate_snippet_61 .banner_content p{color: #fff; font-size: 16px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 40px;} .sh_onemate_snippet_61 .banner_content .btn_donate{background: #709587; color: #fff; border: 0px; border-radius: 30px; font-size: 16px; padding: 10px 30px; overflow: hidden; position: relative;} .sh_onemate_snippet_61 .banner_content .btn_donate:after{background: #fff; content: ""; height: 155px; left: -75px; opacity: .2; position: absolute; top: -50px; transform: rotate(35deg); transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); width: 50px; z-index: 4;} .sh_onemate_snippet_61 .banner_content .btn_donate:hover:after{left: 120%; transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);} @media only screen and (max-width: 768px){.sh_onemate_snippet_61 .banner_content{left: 0;}.sh_onemate_snippet_61{z-index: -1;}} @media only screen and (max-width: 576px){.sh_onemate_snippet_61{height: 500px !important;}.sh_onemate_snippet_61 .banner_content{top: 20%;}} .sh_onemate_snippet_62{padding: 0px;} .sh_onemate_snippet_62 .row{margin-left: 0px; margin-right: 0px;} .sh_onemate_snippet_62 .single_box{padding: 50px 20px; text-align: center; background: #709587;} .sh_onemate_snippet_62 .single_box .icon{margin-bottom: 20px;} .sh_onemate_snippet_62 .single_box .icon span{font-size: 50px; color: #fff;} .sh_onemate_snippet_62 .single_box .text h3{color: #fff; font-weight: bold; margin-bottom: 5px; font-size: 20px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-transform: uppercase;} .sh_onemate_snippet_62 .col-lg-3{padding-left: 0px; padding-right: 0px;} .sh_onemate_snippet_62 .col-lg-3:nth-of-type(even) .single_box{filter: brightness(0.9);} .sh_onemate_snippet_63{padding: 70px 0px;} .sh_onemate_snippet_63 .image_one img{width: 100%; object-fit: cover; border-radius: 10px; transition: all .4s;} .sh_onemate_snippet_63 .image_two img{width: 100%; object-fit: cover; height: 165px; border-radius: 10px; margin-bottom: 25px; transition: all .4s;} .sh_onemate_snippet_63 .right_content h3{color: #709587; font-size: 30px; margin-bottom: 20px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-weight: bold;} .sh_onemate_snippet_63 .right_content p{font-size: 16px; margin-bottom: 20px; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden;} .sh_onemate_snippet_63 .right_content .btn_readmore{background: #709587; color: #fff; border: 0px; border-radius: 30px; font-size: 16px; padding: 10px 30px; overflow: hidden; position: relative;} .sh_onemate_snippet_63 .right_content .btn_readmore:after{background: #fff; content: ""; height: 155px; left: -75px; opacity: .2; position: absolute; top: -50px; transform: rotate(35deg); transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); width: 50px; z-index: 4;} .sh_onemate_snippet_63 .right_content .btn_readmore:hover:after{left: 120%; transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);} .sh_onemate_snippet_63 .image_one img, .sh_onemate_snippet_63 .image_two img{padding: 0 !important; display: block; max-width: 100%; outline: transparent solid 2px; outline-offset: 0px; transition: all .5s ease;} .sh_onemate_snippet_63 .image_one img:hover, .sh_onemate_snippet_63 .image_two img:hover, .sh_onemate_snippet_63 .image_one img:focus, .sh_onemate_snippet_63 .image_two img:focus{opacity: 0.8; outline: #fff solid 2px; outline-offset: -15px;} @media only screen and (max-width: 992px){.sh_onemate_snippet_63 .image_two img{height: 220px;}} @media only screen and (max-width: 576px){.sh_onemate_snippet_63 .image_one img{margin-bottom: 20px;}} .sh_onemate_snippet_64{padding: 50px 0px;} .sh_onemate_snippet_64 .heading{text-align: center;} .sh_onemate_snippet_64 .heading h3{color: #709587; font-size: 30px; margin-bottom: 20px; font-weight: bold;} .sh_onemate_snippet_64 .heading h3 span{color: #709587; font-size: 30px; margin-bottom: 20px; font-weight: bold;} .sh_onemate_snippet_64 .heading p{font-size: 15px; margin-bottom: 20px; font-weight: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;} .sh_onemate_snippet_64 .box{display: -webkit-box; display: -webkit-flex; display: flex; margin: 20px 10px;} .sh_onemate_snippet_64 .box .img{margin-right: 15px;} .sh_onemate_snippet_64 .box .img img{width: 100%; object-fit: cover; transition: all .4s; padding: 0 !important; display: block; max-width: 100%; outline: transparent solid 2px; outline-offset: 0px; transition: all .5s ease;} .sh_onemate_snippet_64 .box .img img:hover, .sh_onemate_snippet_64 .box .img img:focus{opacity: 0.8; outline: #fff solid 2px; outline-offset: -15px;} .sh_onemate_snippet_64 .box .content{text-align: left; padding: 15px 0px;} .sh_onemate_snippet_64 .box .content h3{color: #709587; font-size: 25px; margin-bottom: 15px; font-weight: bold; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;} .sh_onemate_snippet_64 .box .content p{font-size: 16px; margin-bottom: 15px; font-weight: normal; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;} .sh_onemate_snippet_64 .box .content .sh_division .progress{height: 10px; border-radius: 30px;} .sh_onemate_snippet_64 .box .content .sh_division p{margin: 0; padding-bottom: 10px; font-weight: 600; color: #709587; font-size: 18px;} .sh_onemate_snippet_64 .box .content .sh_division .sh_progress{margin-bottom: 30px;} .sh_onemate_snippet_64 .box .content .sh_division p span{float: right;} .sh_onemate_snippet_65{margin-bottom: 0px; background: url(/sh_onemate_theme/static/src/img/theme_8/13.png); background-position: center center; background-size: cover; background-repeat: no-repeat; position: relative; padding: 50px 0; margin-top: 50px;} .sh_onemate_snippet_65:before{background: #709587; opacity: 0.6; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%;} .sh_onemate_snippet_65 .sh_counter{text-align: center;} .sh_onemate_snippet_65 .sh_counter .sh_count_num{font-size: 50px; display: block; color: #fff; font-weight: bold; margin: 10px 0px 0px;} .sh_onemate_snippet_65 .sh_counter .sh_text{padding-bottom: 0px; margin: 0px 0px 10px; color: #fff; font-size: 20px; font-weight: bold; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;} .sh_onemate_snippet_66{padding: 50px 0px;} .sh_onemate_snippet_66 .heading{text-align: center;} .sh_onemate_snippet_66 .heading h3{color: #709587; font-size: 30px; margin-bottom: 20px; font-weight: bold;} .sh_onemate_snippet_66 .heading h3 span{color: #709587; font-size: 30px; margin-bottom: 20px; font-weight: bold;} .sh_onemate_snippet_66 .heading p{font-size: 15px; margin-bottom: 20px; font-weight: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;} .sh_onemate_snippet_66 .box{text-align: center; overflow: hidden; position: relative; margin: 20px 0px;} .sh_onemate_snippet_66 .box img{width: 100%; object-fit: cover; transition: all 0.5s ease-in-out 0s; box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.12);} .sh_onemate_snippet_66 .box .social{list-style: none; margin: 0; border-radius: 0px; position: absolute; top: 45%; left: -70%; transition: all 0.4s ease-in-out 0s; z-index: 2;} .sh_onemate_snippet_66 .box .social li{display: inline-block; margin-bottom: 10px; background: transparent; padding: 5px 0px;} .sh_onemate_snippet_66 .box .social li a{text-decoration: none; display: block; font-size: 20px; color: #fff; transition: all 0.3s ease-in-out 0s;} .sh_onemate_snippet_66 .box:hover:after{background: #709587; opacity: 0.6; height: 100%; content: ""; left: 0; position: absolute; top: 0; width: 100%; transition: all 0.3s ease-in-out 0s; z-index: 1;} .sh_onemate_snippet_66 .box:hover .social{left: 15%; transition: all 0.3s ease-in-out 0s;} .sh_onemate_snippet_67{padding: 50px 0px;} .sh_onemate_snippet_67 .heading{text-align: center; padding-bottom: 20px;} .sh_onemate_snippet_67 .heading h3{color: #709587; font-size: 30px; margin-bottom: 20px; font-weight: bold;} .sh_onemate_snippet_67 .heading h3 span{color: #709587; font-size: 30px; margin-bottom: 20px; font-weight: bold;} .sh_onemate_snippet_67 .heading p{font-size: 15px; margin-bottom: 20px; font-weight: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;} .sh_onemate_snippet_67 .col-lg-3{padding-left: 3px; padding-right: 3px;} .sh_onemate_snippet_67 .image{margin-bottom: 5px;} .sh_onemate_snippet_67 .image img{width: 100%; object-fit: cover; transition: all .4s; padding: 0 !important; display: block; max-width: 100%; outline: transparent solid 2px; outline-offset: 0px; transition: all .5s ease;} .sh_onemate_snippet_67 .image img:hover, .sh_onemate_snippet_67 .image img:focus{opacity: 0.8; outline: #fff solid 2px; outline-offset: -15px;} .sh_onemate_snippet_68{padding: 50px 0px;} .sh_onemate_snippet_68 .box{margin-bottom: 2rem;} .sh_onemate_snippet_68 .box .right_side h4 a{-webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; white-space: normal;} .sh_onemate_snippet_68 .heading{text-align: center;} .sh_onemate_snippet_68 .heading h3{color: #709587; font-size: 30px; margin-bottom: 20px; font-weight: bold;} .sh_onemate_snippet_68 .heading h3 span{color: #709587; font-size: 30px; margin-bottom: 20px; font-weight: bold;} .sh_onemate_snippet_68 .heading p{font-size: 15px; margin-bottom: 20px; font-weight: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;} .sh_onemate_snippet_68 .box .img{margin-bottom: 30px; position: relative;} .sh_onemate_snippet_68 .box .img img{width: 100%; height: 236px; object-fit: cover; transition: all 0.5s ease-in-out 0s; border-radius: 10px; position: relative;} .sh_onemate_snippet_68 .box .blog_content{display: -webkit-box; display: -webkit-flex; display: flex; padding-right: 5px;} .sh_onemate_snippet_68 .box .blog_content .left_side{margin-right: 15px;} .sh_onemate_snippet_68 .box .blog_content .left_side .date{background: #709587; padding: 15px; border-top-right-radius: 5px; border-top-left-radius: 5px;} .sh_onemate_snippet_68 .box .blog_content .left_side .date h3{color: #fff; font-size: 25px; font-weight: bold; margin-bottom: 0px;} .sh_onemate_snippet_68 .box .blog_content .left_side .month{background: #fff; padding: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border: 1px solid #709587; text-align: center;} .sh_onemate_snippet_68 .box .blog_content .left_side .month p{color: #709587; font-size: 15px; margin-bottom: 0px;} .sh_onemate_snippet_68 .box .blog_content .right_side{text-align: left;} .sh_onemate_snippet_68 .box .blog_content .right_side h4{color: #709587; font-weight: bold; font-size: 22px; margin-bottom: 10px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;} .sh_onemate_snippet_68 .box .blog_content .right_side p{font-weight: normal; font-size: 16px; margin-bottom: 15px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;} .sh_onemate_snippet_68 .nav-tabs .nav-link{border: 0; border-radius: 0; background: #fff; margin: 15px 5px; font-weight: 600; letter-spacing: 1px; color: #414141;} .sh_onemate_snippet_68 .nav-tabs .nav-link.active, .sh_onemate_snippet_68 .nav-tabs .nav-item.show .nav-link{background: #fff; color: #709587;} .sh_onemate_snippet_68 .card-header ul{justify-content: center;} .sh_onemate_snippet_68 .sh_blog_single h6{text-align: center; color: #fff; font-size: 1.2rem; font-weight: 600; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important; border-radius: 2px; margin: auto; padding: 15px; z-index: 99; width: 70%; position: relative; margin-top: -30px; background-color: #709587;} .sh_onemate_snippet_68 .card-header{padding: 0px; margin-bottom: 0; background-color: transparent; border-bottom: 0px;} .sh_onemate_snippet_68 .card{border: 0px; background-color: transparent;} .sh_onemate_snippet_68 .btn-buynow{display: inline-block; font-weight: 600; color: #709587; text-align: center; vertical-align: middle; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0px; font-size: 0.875rem; line-height: 1.5; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;} .sh_onemate_snippet_68 .owl-carousel .owl-item{padding: 0px 10px;} .sh_onemate_snippet_68 .owl-theme .owl-nav{display: none;} .sh_onemate_snippet_68 .sh-overlay{background: #709587; left: 0px; top: 0px; right: 0px; bottom: 0px; text-align: center; position: absolute; overflow: hidden; opacity: 0; transition: opacity .5s ease-out;} .sh_onemate_snippet_68 .sh-overlay:hover{opacity: 0.6;} @media only screen and (max-width: 576px){.sh_onemate_snippet_68 .box{margin-bottom: 20px;}} .sh_onemate_snippet_69{padding: 50px 0px;} .sh_onemate_snippet_69 .heading{text-align: center; padding-bottom: 20px;} .sh_onemate_snippet_69 .heading h3{color: #709587; font-size: 30px; margin-bottom: 20px; font-weight: bold;} .sh_onemate_snippet_69 .heading h3 span{color: #709587; font-size: 30px; margin-bottom: 20px; font-weight: bold;} .sh_onemate_snippet_69 .heading p{font-size: 15px; margin-bottom: 20px; font-weight: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;} .sh_onemate_snippet_69 form .btn_send{background: #709587; color: #fff; font-size: 15px; border-radius: 30px; padding: 10px 40px; overflow: hidden; position: relative;} .sh_onemate_snippet_69 form .btn_send:after{background: #fff; content: ""; height: 155px; left: -75px; opacity: .2; position: absolute; top: -50px; transform: rotate(35deg); transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1); width: 50px; z-index: 4;} .sh_onemate_snippet_69 form .btn_send:hover:after{left: 120%; transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);} .sh_onemate_snippet_69 form{padding-right: 20px;} .sh_onemate_snippet_69 form input, .sh_onemate_snippet_69 form textarea{border: 1px solid #333; border-radius: 5px; margin-bottom: 15px;} .sh_onemate_snippet_69 form textarea{height: 150px;} .sh_onemate_snippet_69 form input{height: 40px;} .sh_onemate_snippet_69 form input::placeholder, #sh_corpomate_theme_section_336 form textarea::placeholder{color: #7c7ba9;} .sh_onemate_snippet_69 form{padding-left: 10px;} .sh_onemate_snippet_69 form input:-webkit-autofill, .sh_onemate_snippet_69 form input:-webkit-autofill:hover, .sh_onemate_snippet_69 form input:-webkit-autofill:focus, .sh_onemate_snippet_69 form textarea:-webkit-autofill, .sh_onemate_snippet_69 form textarea:-webkit-autofill:hover, .sh_onemate_snippet_69 form textarea:-webkit-autofill:focus{border: 1px solid; transition: background-color 5000s ease-in-out 0s;} .sh_onemate_snippet_69 .right_portion{text-align: center; overflow: hidden; position: relative;} .sh_onemate_snippet_69 .right_portion .img img{width: 100%; height: 375px; object-fit: cover; transition: all 0.5s ease-in-out 0s; box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.12); border-radius: 10px;} .sh_onemate_snippet_69 .right_portion .content{list-style: none; margin: 0; border-radius: 0px; position: absolute; bottom: -50%; left: 0%; transition: all 0.8s ease-in-out 0s; z-index: 2; padding: 0px 30px;} .sh_onemate_snippet_69 .right_portion .content h3{font-size: 30px; font-weight: bold; margin-bottom: 15px; background: transparent; padding: 5px 0px; color: #fff; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;} .sh_onemate_snippet_69 .right_portion .content a.btn_volunteer{text-decoration: none; font-size: 16px; color: #709587; transition: all 0.3s ease-in-out 0s; padding: 10px 30px; background: #fff; border-radius: 30px;} .sh_onemate_snippet_69 .right_portion:hover:after{background: #709587; opacity: 0.6; height: 100%; content: ""; left: 0; position: absolute; top: 0; width: 100%; transition: all 0.6s ease-in-out 0s; z-index: 1; border-radius: 10px;} .sh_onemate_snippet_69 .right_portion:hover .content{bottom: 25%; transition: all 0.8s ease-in-out 0s;} .o_connected_user .o_header_affix.affixed{margin-top: 45px !important;} .sh_onemate_snippet_81{background: url(/sh_onemate_theme/static/src/img/theme_9/2.png); position: relative; background-size: cover; background-repeat: no-repeat; min-height: 600px; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; text-align: center; top: 0px;} .sh_onemate_snippet_81 .sh_content{position: relative;} .sh_onemate_snippet_81 .sh_content h4{text-transform: capitalize; color: #fff; font-size: 50px; margin-bottom: 30px; font-weight: 600;} .sh_onemate_snippet_81 .sh_content p{color: #fff; width: 60%; margin: 0 auto; margin-bottom: 30px;} .sh_onemate_snippet_81 .sh_content .sh_btn a{padding: 8px 30px; text-transform: capitalize; letter-spacing: 0.5px; font-size: 16px; border-radius: 0;} .sh_onemate_snippet_81:before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.5; pointer-events: none;} @media (max-width: 768px){.sh_onemate_snippet_81 .sh_content p{width: 100%;}} @media (max-width: 576px){.sh_onemate_snippet_81 .sh_content h4{font-size: 30px;}} .sh_onemate_snippet_82{position: relative; top: -50px;} .sh_onemate_snippet_82 .sh_bg{box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1), 0 3px 20px 0 rgba(0, 0, 0, 0.1); padding: 20px 0; background: #fff;} .sh_onemate_snippet_82 .sh_content{padding-left: 50px; position: relative;} .sh_onemate_snippet_82 .sh_content .sh_icon{color: #709587; font-size: 45px; margin-bottom: 0; line-height: 1; position: absolute; top: 50%; left: 40px; transform: translateY(-50%);} .sh_onemate_snippet_82 .sh_content .sh_des{padding-left: 65px;} .sh_onemate_snippet_82 .sh_content .sh_des h4{color: #363636; font-size: 36px; font-weight: 700; line-height: 1; margin-bottom: 5px; position: relative;} .sh_onemate_snippet_82 .sh_content .sh_des p{color: #777; font-size: 16px; font-weight: 400; line-height: 1; text-transform: capitalize; margin-bottom: 0;} @media (min-width: 991px) and (max-width: 1200px){.sh_onemate_snippet_82 .sh_content .sh_icon{font-size: 40px;}.sh_onemate_snippet_82 .sh_content .sh_des{padding-left: 50px;}} @media (max-width: 991px){.sh_onemate_snippet_82 .sh_content{margin-bottom: 20px;}.sh_onemate_snippet_82 .col-lg-3:nth-child(3) .sh_content, .sh_onemate_snippet_82 .col-lg-3:nth-child(4) .sh_content{margin-bottom: 0px;}} @media (max-width: 576px){.sh_onemate_snippet_82 .col-lg-3:nth-child(3) .sh_content, .sh_onemate_snippet_82 .col-lg-3:nth-child(4) .sh_content{margin-bottom: 20px;}.sh_onemate_snippet_82 .col-sm-6{flex: 0 0 50%; max-width: 50%;}.sh_onemate_snippet_82 .sh_content .sh_icon{font-size: 34px; left: 20px;}.sh_onemate_snippet_82 .sh_content .sh_des{padding-left: 20px;}.sh_onemate_snippet_82 .sh_content .sh_des h4{font-size: 30px;}} @media (max-width: 345px){.sh_onemate_snippet_82 .col-sm-6{flex: 0 0 100%; max-width: 100%;}} .sh_onemate_snippet_83{margin-top: 20px;} .sh_onemate_snippet_83 .sh_title{text-align: center; width: 65%; margin: auto; margin-bottom: 40px; position: relative; padding-bottom: 20px;} .sh_onemate_snippet_83 .sh_title h2{text-transform: capitalize; font-weight: 600; font-size: 34px; margin-bottom: 10px;} .sh_onemate_snippet_83 .sh_title p{color: #7c7ba9; margin-bottom: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;} .sh_onemate_snippet_83 .sh_title:after{content: ''; position: absolute; width: 60px; height: 2px; background: #709587; left: 50%; transform: translateX(-50%); bottom: 0;} .sh_onemate_snippet_83 .sh_left_content h4{text-transform: capitalize; font-weight: 600; font-size: 20px; margin-bottom: 15px;} .sh_onemate_snippet_83 .sh_left_content p{color: #7c7ba9; margin-bottom: 25px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;} .sh_onemate_snippet_83 .sh_left_content ul li{color: #7c7ba9; text-transform: capitalize; margin-bottom: 10px; letter-spacing: 0.5px;} .sh_onemate_snippet_83 .sh_left_content ul li span{color: #709587; padding-right: 10px; font-size: 20px;} .sh_onemate_snippet_83 .sh_right_content h4{text-transform: capitalize; font-weight: 600; font-size: 20px; margin-bottom: 15px;} .sh_onemate_snippet_83 .sh_right_content .sh_progress{color: #999; font-size: 14px; overflow: hidden; position: relative; letter-spacing: 0.5px;} .sh_onemate_snippet_83 .sh_right_content .sh_progress p{margin-bottom: 10px; font-weight: normal; text-transform: capitalize;} .sh_onemate_snippet_83 .sh_right_content .sh_progress .progress{border-radius: 0; box-shadow: none; height: 5px; margin: 5px 0 20px;} .sh_onemate_snippet_83 .sh_right_content .sh_progress span{position: absolute; top: 0; right: 0; font-weight: normal;} .sh_onemate_snippet_83 .sh_img img{width: 100%; height: 375px; object-fit: cover;} @media (max-width: 768px){.sh_onemate_snippet_83 .sh_left_content{margin-bottom: 30px;}.sh_onemate_snippet_83 .sh_img{margin-bottom: 30px;}.sh_onemate_snippet_83 .sh_title{width: 100%;}} @media (max-width: 576px){.sh_onemate_snippet_83 .sh_title h2{font-size: 30px;}.sh_onemate_snippet_83{margin-top: 0;}.sh_onemate_snippet_83 .sh_right_content .sh_progress:last-child .progress{margin-bottom: 0;}} .sh_onemate_snippet_84{margin-top: 70px;} .sh_onemate_snippet_84 .sh_title{text-align: center; width: 65%; margin: auto; margin-bottom: 40px; position: relative; padding-bottom: 20px;} .sh_onemate_snippet_84 .sh_title h2{text-transform: capitalize; font-weight: 600; font-size: 34px; margin-bottom: 10px;} .sh_onemate_snippet_84 .sh_title p{color: #7c7ba9; margin-bottom: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;} .sh_onemate_snippet_84 .sh_title:after{content: ''; position: absolute; width: 60px; height: 2px; background: #709587; left: 50%; transform: translateX(-50%); bottom: 0;} .sh_onemate_snippet_84 .sh_content{text-align: center; background-color: #ebebeb; padding: 30px 15px; margin: 15px 0px; transition: all 0.4s; transform: scale(1, 1);} .sh_onemate_snippet_84 .sh_content .sh_icon{color: #414141; transition: all 0.4s; margin-bottom: 10px; font-size: 48px;} .sh_onemate_snippet_84 .sh_content .sh_des h4{color: #414141; font-size: 20px; text-transform: capitalize; margin: 0; transition: all .4s; font-weight: 600;} .sh_onemate_snippet_84 .sh_content .sh_des hr{width: 35px; border-width: 3px; border-color: #709587; transition: all .4s;} .sh_onemate_snippet_84 .sh_content .sh_des p{color: #7c7ba9; margin: 0; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; transition: all .4s;} .sh_onemate_snippet_84 .sh_content:hover{background: #709587; transform: scale(1.1, 1.1);} .sh_onemate_snippet_84 .sh_content:hover .sh_des h4{color: #fff;} .sh_onemate_snippet_84 .sh_content:hover .sh_des hr{border-color: #fff;} .sh_onemate_snippet_84 .sh_content:hover .sh_des p{color: #fff;} .sh_onemate_snippet_84 .sh_content:hover .sh_icon{color: #fff;} @media (max-width: 768px){.sh_onemate_snippet_84 .sh_title{width: 100%;}} @media (max-width: 576px){.sh_onemate_snippet_84 .sh_content:hover{transform: scale(1, 1);}.sh_onemate_snippet_84 .sh_title h2{font-size: 30px;}.sh_onemate_snippet_84{margin-top: 50px;}} .sh_onemate_snippet_85{margin-top: 55px;} .sh_onemate_snippet_85 .sh_title{text-align: center; width: 65%; margin: auto; margin-bottom: 40px; position: relative; padding-bottom: 20px;} .sh_onemate_snippet_85 .sh_title h2{text-transform: capitalize; font-weight: 600; font-size: 34px; margin-bottom: 10px;} .sh_onemate_snippet_85 .sh_title p{color: #7c7ba9; margin-bottom: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;} .sh_onemate_snippet_85 .sh_title:after{content: ''; position: absolute; width: 60px; height: 2px; background: #709587; left: 50%; transform: translateX(-50%); bottom: 0;} .sh_onemate_snippet_85 .sh_content{position: relative; overflow: hidden; transition: all .4s;} .sh_onemate_snippet_85 .sh_content img{width: 100%; height: 350px; object-fit: cover;} .sh_onemate_snippet_85 .sh_content .sh_overlay{position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all .4s;} .sh_onemate_snippet_85 .sh_content .sh_overlay .sh_des{color: #fff; text-align: center; position: relative; padding: 10px; background: rgba(0, 0, 0, 0.6); transform: translateY(-50%); transition: all .4s; top: 50%;} .sh_onemate_snippet_85 .sh_content .sh_overlay .sh_des h3{text-transform: capitalize; font-size: 22px; font-weight: 600; letter-spacing: 0.5px; margin-bottom: 5px;} .sh_onemate_snippet_85 .sh_content .sh_overlay .sh_des p{margin-bottom: 0; text-transform: capitalize;} .sh_onemate_snippet_85 .sh_content .sh_overlay ul{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; position: relative; top: 10%; transition: all .4s; transform: scale(0);} .sh_onemate_snippet_85 .sh_content .sh_overlay ul li a{width: 33px; display: block; height: 33px; text-align: center; line-height: 33px; background: #709587; color: #fff; margin: 0 10px;} .sh_onemate_snippet_85 .sh_content .sh_overlay ul li a span{width: 100%; height: 100%;} .sh_onemate_snippet_85 .sh_content:hover .sh_overlay .sh_des{top: 60%;} .sh_onemate_snippet_85 .sh_content:hover .sh_overlay ul{transform: scale(1);} .sh_onemate_snippet_85 .sh_content:hover .sh_overlay{background: rgba(0, 0, 0, 0.4);} @media (max-width: 768px){.sh_onemate_snippet_85 .sh_title{width: 100%;}.sh_onemate_snippet_85 .sh_content{margin-bottom: 20px;}} @media (max-width: 576px){.sh_onemate_snippet_85 .sh_title h2{font-size: 30px;}.sh_onemate_snippet_85{margin-top: 35px;}} .sh_onemate_snippet_86{margin-top: 70px; margin-bottom: 0px;} .sh_onemate_snippet_86 .sh_title{text-align: center; width: 65%; margin: auto; margin-bottom: 20px; position: relative; padding-bottom: 20px;} .sh_onemate_snippet_86 .sh_title h2{text-transform: capitalize; font-weight: 600; font-size: 34px; margin-bottom: 10px;} .sh_onemate_snippet_86 .sh_title p{color: #7c7ba9; margin-bottom: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;} .sh_onemate_snippet_86 .sh_title:after{content: ''; position: absolute; width: 60px; height: 2px; background: #709587; left: 50%; transform: translateX(-50%); bottom: 0;} .sh_onemate_snippet_86 .sh_content{text-align: center; background: #fff; padding: 47px 20px 40px; margin: 0px; transition: all .3s ease-out 0s; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1), 0 3px 20px 0 rgba(0, 0, 0, 0.1); transition: all .4s; margin: 30px 5px;} .sh_onemate_snippet_86 .sh_content h4{color: #212121; font-size: 20px; margin-bottom: 5px;} .sh_onemate_snippet_86 .sh_content span{display: block; color: #7c7ba9; margin-bottom: 20px;} .sh_onemate_snippet_86 .sh_content .sh_img{width: 120px; height: 120px; margin: auto; border-radius: 50%; overflow: hidden;} .sh_onemate_snippet_86 .sh_content .sh_img img{width: 100%; height: 100%; object-fit: cover; object-position: left;} .sh_onemate_snippet_86 .sh_content p{margin: 0; color: #7c7ba9; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin-top: 20px;} .sh_onemate_snippet_86 .sh_content:hover{box-shadow: 0 16px 20px 0 rgba(222, 222, 222, 0.75);} @media (max-width: 768px){.sh_onemate_snippet_86 .sh_title{width: 100%;}} @media (max-width: 576px){.sh_onemate_snippet_86 .sh_title h2{font-size: 30px;}.sh_onemate_snippet_86{margin-top: 30px;}} .o_rtl .sh_onemate_snippet_86 .owl-carousel.owl-rtl{direction: ltr !important;} .sh_onemate_snippet_87{margin-top: 40px; margin-bottom: 50px;} .sh_onemate_snippet_87 .sh_title{text-align: center; width: 65%; margin: auto; margin-bottom: 40px; position: relative; padding-bottom: 20px;} .sh_onemate_snippet_87 .sh_title h2{text-transform: capitalize; font-weight: 600; font-size: 34px; margin-bottom: 10px;} .sh_onemate_snippet_87 .sh_title p{color: #7c7ba9; margin-bottom: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;} .sh_onemate_snip pet_87 .sh_title:after{content: ''; position: absolute; width: 60px; height: 2px; background: #709587; left: 50%; transform: translateX(-50%); bottom: 0;} .sh_onemate_snippet_87 .card{border: 0; border-radius: 0;} .sh_onemate_snippet_87 .card .card-header{background: transparent; border: 0; padding: 0;} .sh_onemate_snippet_87 .card .card-header ul{justify-content: center; margin: 0; margin-bottom: 20px;} .sh_onemate_snippet_87 .card .card-header ul li{margin: 0 15px;} .sh_onemate_snippet_87 .card .card-header ul li a{padding: 0 10px; border: 0; font-weight: 600; color: #7c7ba9; border-radius: 0; border-left: 2px solid transparent; line-height: normal;} .sh_onemate_snippet_87 .card .card-header ul li a.active, .sh_onemate_snippet_87 .card .card-header ul li.show a{color: #709587; border-left: 2px solid #709587;} .sh_onemate_snippet_87 .sh_content{display: -webkit-box; display: -webkit-flex; display: flex; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15), 0 0px 3px 0 rgba(0, 0, 0, 0.15); align-items: center; margin-bottom: 20px;} .sh_onemate_snippet_87 .sh_content .sh_img{width: 45%; display: table-cell; overflow: hidden;} .sh_onemate_snippet_87 .sh_content .o_blog_cover_component.o_blog_cover_image{height: 230px !important; transition: all .4s; transform: scale(1);} .sh_onemate_snippet_87 .sh_content .sh_des{width: 55%; padding: 10px;} .sh_onemate_snippet_87 .sh_content .sh_des h4{margin-bottom: 5px;} .sh_onemate_snippet_87 .sh_content .sh_des h4 a{font-size: 18px; color: #212121; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;} .sh_onemate_snippet_87 .sh_content .sh_des h6{color: #414141; font-size: 14px; font-weight: 600; margin-bottom: 20px;} .sh_onemate_snippet_87 .sh_content .sh_des p{display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; color: #7c7ba9; margin-bottom: 20px;} .sh_onemate_snippet_87 .sh_content .sh_des a{text-transform: capitalize; font-weight: 600; font-size: 14px; letter-spacing: 0.5px;} .sh_onemate_snippet_87 .sh_content .o_blog_cover_container{min-height: 0 !important;} .sh_onemate_snippet_87 .sh_content:hover .o_blog_cover_component.o_blog_cover_image{transform: scale(1.1);} .sh_onemate_snippet_87 .card-body{padding-left: 2px; padding-right: 2px;} .sh_onemate_snippet_87 .item .sh_content{margin: 5px;} .sh_onemate_snippet_87 .owl-theme .owl-dots .owl-dot{outline: none;} @media (max-width: 991px){.sh_onemate_snippet_87 .sh_content{margin-bottom: 20px;}} @media (max-width: 768px){.sh_onemate_snippet_87 .sh_title{width: 100%;}} @media (max-width: 576px){.sh_onemate_snippet_87 .sh_title h2{font-size: 30px;}.sh_onemate_snippet_87{margin-bottom: 10px;}} .sh_onemate_snippet_88 .col-md-4{background: #709587;} .sh_onemate_snippet_88 form{padding: 20px 0;} .sh_onemate_snippet_88 form input{background: transparent; border: 2px solid #fff; border-radius: 0; color: #fff; height: 45px; margin-bottom: 10px;} .sh_onemate_snippet_88 form input::placeholder{color: #fff;} .sh_onemate_snippet_88 .sh_left_title h4{margin: 0; color: #fff; font-weight: 600; text-transform: capitalize; margin-top: 30px;} .sh_onemate_snippet_88 textarea{height: 100px; background: transparent; border: 2px solid #fff; border-radius: 0; color: #fff;} .sh_onemate_snippet_88 textarea::placeholder{color: #fff;} .sh_onemate_snippet_88 .form-control:focus{background: transparent; color: #fff; border-color: #fff;} .sh_onemate_snippet_88 form .s_btn{padding-top: 10px !important;} .sh_onemate_snippet_88 form .s_btn a{background: #fff; border-color: #fff; color: #709587; padding: 8px 30px; border-radius: 0; font-weight: 600; font-size: 16px; transition: all .4s; border-width: 2px;} .sh_onemate_snippet_88 #map-container-google-11{height: 450px;} .sh_onemate_snippet_88 #map-container-google-11 iframe{width: 100%;} .sh_onemate_snip pet_88 .col-md-8{padding: 0;} .sh_onemate_snippet_88 form .s_btn a:active{color: #709587 !important; background-color: #fff !important; border-color: #fff !important;} .sh_onemate_snippet_88 form .s_btn a:hover{color: #fff; background: transparent;} .sh_onemate_snippet_90 .sh_content{position: relative;} .sh_onemate_snippet_90 .sh_content img{width: 100%; height: 570px; object-fit: cover;} .sh_onemate_snippet_90 .sh_content .sh_description{position: absolute; right: 40px; width: 100%; top: 50%; transform: translateY(-50%); text-align: right; z-index: 1;} .sh_onemate_snippet_90 .sh_content .sh_description h2{color: #fff; font-size: 60px; font-weight: 600; text-transform: capitalize; margin-bottom: 30px;} .sh_onemate_snippet_90 .sh_content .sh_description p{color: #fff; width: 60%; margin-left: auto; margin-bottom: 30px; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden;} .sh_onemate_snippet_90 .sh_content .sh_description a{font-weight: 600; padding: 9px 35px; border-radius: 0px; text-transform: capitalize; background: #709587; border: 2px solid #709587; transition: all .4s; border-radius: 3px;} .sh_onemate_snippet_90 .sh_content:after{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); pointer-events: none;} .sh_onemate_snippet_90 .sh_content .sh_description a:hover{background: transparent; color: #709587;} @media (max-width: 991px){.sh_onemate_snippet_90 .s_carousel .carousel-inner .carousel-item, .sh_onemate_snippet_90 .s_quotes_carousel .carousel-inner .carousel-item{height: auto; padding: 0 !important;}} @media (max-width: 768px){.sh_onemate_snippet_90 .sh_content .sh_description h2{font-size: 36px;}.sh_onemate_snippet_90 .sh_content .sh_description p{width: 100%;}.sh_onemate_snippet_90 .sh_content .sh_description{text-align: left; left: 0;}} @media (max-width: 576px){.sh_onemate_snippet_90 .sh_content .sh_description{left: 0;}} .sh_onemate_snippet_91 .sh_category{display: -webkit-box; display: -webkit-flex; display: flex; flex-flow: wrap; background: #414141;} .sh_onemate_snippet_91 .sh_category .sh_img{width: 16.5%; text-align: center; color: #fff; padding: 25px 0; transition: all .4s;} .sh_onemate_snippet_91 .sh_category .sh_img h4{text-transform: capitalize; font-size: 20px; padding: 10px 0 0px; margin: 0;} .sh_onemate_snippet_91 .sh_category .sh_img img{width: 60px; height: 60px; object-fit: contain;} .sh_onemate_snippet_91 .sh_category .sh_img:hover{background: #709587;} @media (max-width: 768px){.sh_onemate_snippet_91 .sh_category .sh_img{width: 25%;}} @media (max-width: 576px){.sh_onemate_snippet_91 .sh_category .sh_img{width: 50%;}} .sh_onemate_snippet_92{margin-top: 70px;} .sh_onemate_snippet_92 .sh_left_part{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between;} .sh_onemate_snippet_92 .sh_left_part .sh_img{width: 48%;} .sh_onemate_snippet_92 .sh_left_part .sh_img:first-child{margin-top: 50px; overflow: hidden;} .sh_onemate_snippet_92 .sh_left_part .sh_img img{width: 100%; height: 400px; object-fit: cover; transition: all .4s;} .sh_onemate_snippet_92 .sh_content h6{font-weight: 600; text-transform: capitalize; font-size: 20px; color: #709587; margin-bottom: 10px;} .sh_onemate_snippet_92 .sh_content h2{font-weight: 600; text-transform: capitalize; font-size: 40px; margin-bottom: 20px;} .sh_onemate_snippet_92 .sh_content p{color: #777; margin-bottom: 10px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;} .sh_onemate_snippet_92 .sh_content a{border-radius: 3px; text-transform: capitalize; padding: 9px 30px; margin-top: 10px; font-weight: 600; border: 2px solid #709587; transition: all .4s; background: #709587;} .sh_onemate_snippet_92 .sh_left_part .sh_img:last-child{height: 400px; overflow: hidden;} .sh_onemate_snippet_92 .sh_left_part .sh_img:last-child img:hover{transform: scale(1.1); transition: all .4s;} .sh_onemate_snippet_92 .sh_left_part .sh_img:first-child img:hover{transform: scale(1.1); transition: all .4s;} .sh_onemate_snippet_92 .sh_content a:hover{color: #709587; background: transparent;} @media (max-width: 1200px){.sh_onemate_snippet_92 .sh_content h2{font-size: 32px;}} @media (max-width: 768px){.sh_onemate_snippet_92 .sh_content{margin-top: 30px;}} .sh_onemate_snippet_93{margin-top: 70px; background-color: #414141; padding: 50px 0; position: relative; background: url(/sh_onemate_theme/static/src/img/theme_10/17.jpg); background-size: cover;} .sh_onemate_snippet_93:after{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); pointer-events: none;} .sh_onemate_snippet_93 .sh_heading{text-align: center; position: relative; z-index: 1;} .sh_onemate_snippet_93 .sh_heading h6{color: #709587; font-size: 20px; text-transform: capitalize; font-weight: 600; margin-bottom: 5px;} .sh_onemate_snippet_93 .sh_heading h2{color: #fff; text-transform: capitalize; font-weight: 600; margin-bottom: 50px;} .sh_onemate_snippet_93 .sh_content{background: #242424; color: #fff; padding: 30px; position: relative;} .sh_onemate_snippet_93 .sh_content h6{color: #709587; text-transform: capitalize; font-size: 20px; font-weight: 600; margin-bottom: 15px;} .sh_onemate_snippet_93 .sh_content ul li{text-transform: capitalize; padding-bottom: 10px; color: #fff;} .sh_onemate_snippet_93 .sh_content ul li:last-child{padding-bottom: 0;} .sh_onemate_snippet_93 .sh_content a{display: block; width: 45px; height: 45px; line-height: 45px; background: #323232; text-align: center; font-size: 20px; color: #fff; position: absolute; bottom: 0; right: 0; transition: all .4s;} .sh_onemate_snippet_93 .sh_img img{width: 100%; height: 210px; object-fit: cover; transition: all .4s;} .sh_onemate_snippet_93 .sh_img{margin-bottom: 30px; position: relative; z-index: 1; overflow: hidden; transition: all .4s;} .sh_onemate_snippet_93 .sh_content{margin-bottom: 30px; z-index: 1;} .sh_onemate_snippet_93 .sh_content a:hover{background: #709587;} .sh_onemate_snippet_93 .sh_img:hover img{transform: scale(1.1);} .sh_onemate_snippet_94{margin-top: 70px;} .sh_onemate_snippet_94 .sh_heading{text-align: center;} .sh_onemate_snippet_94 .sh_heading h6{color: #709587; font-size: 20px; text-transform: capitalize; font-weight: 600; margin-bottom: 5px;} .sh_onemate_snippet_94 .sh_heading h2{text-transform: capitalize; font-weight: 600; margin-bottom: 50px;} .sh_onemate_snippet_94 .sh_content .sh_img{overflow: hidden; transition: all .4s;} .sh_onemate_snippet_94 .sh_content .sh_img img{height: 235px; object-fit: cover; width: 100%; transition: all .4s;} .sh_onemate_snippet_94 .sh_content{transition: all .4s;} .sh_onemate_snippet_94 .sh_content .sh_content{text-align: center; padding: 20px; transition: all .4s;} .sh_onemate_snippet_94 .sh_content .sh_content h4{text-transform: capitalize; font-size: 20px; margin-bottom: 10px; font-weight: 600; position: relative; padding-bottom: 10px;} .sh_onemate_snippet_94 .sh_content .sh_content p{margin-bottom: 0; text-transform: capitalize; color: #777;} .sh_onemate_snippet_94 .sh_content ul{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; margin-top: 15px;} .sh_onemate_snippet_94 .sh_content ul li{width: 35px; height: 35px; background: #414141; line-height: 35px; margin: 0 5px; transition: all .4s; border-radius: 3px;} .sh_onemate_snippet_94 .sh_content ul li a{display: block; color: #fff; transition: all .4s;} .sh_onemate_snippet_94 .sh_content:hover .sh_content{background: #709587;} .sh_onemate_snippet_94 .sh_content:hover .sh_content ul li{background-color: #fff;} .sh_onemate_snippet_94 .sh_content:hover .sh_content ul li a{color: #709587;} .sh_onemate_snippet_94 .sh_content:hover .sh_content h4, .sh_onemate_snippet_94 .sh_content:hover .sh_content p{color: #fff;} .sh_onemate_snippet_94 .sh_content .sh_content h4:after{content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); border-bottom: 2px solid #414141; width: 40px;} .sh_onemate_snippet_94 .sh_content:hover .sh_content h4:after{border-color: #fff;} .sh_onemate_snippet_94 .sh_content:hover .sh_img img{transform: scale(1.1);} @media (max-width: 767px){.sh_onemate_snippet_94 .col-md-4:last-child > .sh_content{margin-top: 30px;}} @media (max-width: 576px){.sh_onemate_snippet_94 .col-md-4 > .sh_content{margin-top: 30px;}} .sh_onemate_snippet_95{margin-top: 70px;} .sh_onemate_snippet_95 .sh_title{text-align: center;} .sh_onemate_snippet_95 .sh_title h6{color: #709587; font-size: 20px; text-transform: capitalize; font-weight: 600; margin-bottom: 5px;} .sh_onemate_snippet_95 .sh_title h2{text-transform: capitalize; font-weight: 600; margin-bottom: 10px;} .sh_onemate_snippet_95 #myBtnContainer{text-align: center; margin-bottom: 40px;} .sh_onemate_snippet_95 #myBtnContainer button{font-weight: 600; border-radius: 0; padding: 0; margin: 10px 15px 0;} .sh_onemate_snippet_95 #myBtnContainer button.active{border-bottom: 2px solid #709587;} .sh_onemate_snippet_95 img{width: 100%; height: 255px; object-fit: cover; transition: all .4s;} .sh_onemate_snippet_95 .sh-box{margin-bottom: 20px; overflow: hidden; position: relative; transition: all .4s;} .sh_onemate_snippet_95 .sh-box:hover img{transform: scale(1.1);} .sh_onemate_snippet_95 .sh-box:after{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #212121; opacity: 0; transition: all .4s; pointer-events: none;} .sh_onemate_snippet_95 .sh-box:hover:after{opacity: 0.5;} .sh_onemate_snippet_96{margin-top: 70px; padding: 50px 0; position: relative; background: url(/sh_onemate_theme/static/src/img/theme_10/17.jpg); background-size: cover;} .sh_onemate_snippet_96 .sh_title{text-align: center;} .sh_onemate_snippet_96 .sh_title h6{color: #709587; font-size: 20px; text-transform: capitalize; font-weight: 600; margin-bottom: 5px;} .sh_onemate_snippet_96 .sh_title h2{color: #fff; text-transform: capitalize; font-weight: 600; margin-bottom: 50px;} .sh_onemate_snippet_96 .sh_content{background-color: #fff; padding: 30px; transition: all .4s;} .sh_onemate_snippet_96 .sh_content .sh_img{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center;} .sh_onemate_snippet_96 .sh_content .sh_img img{width: 90px; height: 90px; border-radius: 50%; object-fit: cover;} .sh_onemate_snippet_96 .sh_content .sh_name{margin-left: 20px;} .sh_onemate_snippet_96 .sh_content .sh_name h4{font-size: 20px; margin-bottom: 5px; font-weight: 600; transition: all .4s;} .sh_onemate_snippet_96 .sh_content .sh_name span{font-size: 14px; transition: all .4s;} .sh_onemate_snippet_96 .sh_content p{color: #777; margin: 0; margin-top: 20px; transition: all .4s;} .sh_onemate_snippet_96 .sh_content:hover{background: #709587;} .sh_onemate_snippet_96 .sh_content:hover .sh_name h4, .sh_onemate_snippet_96 .sh_content:hover .sh_name span, .sh_onemate_snippet_96 .sh_content:hover p{color: #fff;} .sh_onemate_snippet_97{margin-top: 70px; margin-bottom: 70px;} .sh_onemate_snippet_97 .sh_title{text-align: center;} .sh_onemate_snippet_97 .sh_title h6{color: #709587; font-size: 20px; text-transform: capitalize; font-weight: 600; margin-bottom: 5px;} .sh_onemate_snippet_97 .sh_title h2{text-transform: capitalize; font-weight: 600; margin-bottom: 10px;} .sh_onemate_snippet_97 .card{border: 0;} .sh_onemate_snippet_97 .card .card-header{background: transparent; border: 0;} .sh_onemate_snippet_97 .card .card-header ul{justify-content: center;} .sh_onemate_snippet_97 .card .card-header ul li a{border: 0; padding: 0; margin: 0 10px; font-weight: 600;} .sh_onemate_snippet_97 .card .card-header ul li a.active{border-bottom: 2px solid #709587; color: #709587;} .sh_onemate_snippet_97 .sh_content .sh_des{padding-top: 20px;} .sh_onemate_snippet_97 .sh_content .sh_des h4{margin-bottom: 10px;} .sh_onemate_snippet_97 .sh_content .sh_des h4 a{color: #212121; font-weight: 600; font-size: 20px;} .sh_onemate_snippet_97 .sh_content .sh_des h6{margin: 0; color: #777;} .sh_onemate_snippet_97 .sh_content .sh_des p, .sh_onemate_snippet_97 .sh_content .sh_des a.sh_btn{display: none;} .sh_onemate_snippet_97 .sh_content, .sh_onemate_snippet_97 .sh_content .sh_img{transition: all .4s; position: relative;} .sh_onemate_snippet_97 .sh_content .sh_img:after{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #212121; opacity: 0; transition: all .4s; pointer-events: none;} .sh_onemate_snippet_97 .sh_content:hover .sh_img:after{opacity: 0.5;} .sh_onemate_snippet_97 .sh_content .sh_img{overflow: hidden;} .sh_onemate_snippet_97 .sh_content:hover .sh_img .o_blog_cover_image{transform: scale(1.1);} .sh_onemate_snippet_97 .sh_content .sh_img .o_blog_cover_image{transition: all .4s;} .sh_onemate_snippet_97 .o_half_screen_height, .sh_onemate_snippet_97 .cover_mid{min-height: auto !important;} @media (max-width: 991px){.sh_onemate_snippet_97 .sh_content{margin-bottom: 20px;}} .sh_onemate_snippet_98{background: #efefef; padding: 50px 0;} .sh_onemate_snippet_98 form input{width: 100%; background: #e1e1e1; border-radius: 0; height: 45px; border: 0; padding-left: 20px; margin-bottom: 10px; transition: all .4s; box-shadow: none !important;} .sh_onemate_snippet_98 form textarea{height: 100px; border-radius: 0; background: #e1e1e1; border: 0; padding-left: 20px; transition: all .4s; box-shadow: none !important;} .sh_onemate_snippet_98 form .s_btn a{padding: 6px 30px; font-size: 18px; border-radius: 0; font-weight: 600; border: 2px solid #709587; background: #709587; transition: all .4s; border-radius: 3px;} .sh_onemate_snippet_98 .sh_contect_detail h4{text-transform: capitalize; font-weight: 600; font-size: 24px; margin-bottom: 20px;} .sh_onemate_snippet_98 .sh_contect_detail p{color: #777; margin-bottom: 30px; font-size: 16px;} .sh_onemate_snippet_98 .sh_contect_detail .sh_map_add{margin-bottom: 20px; color: #777;} .sh_onemate_snippet_98 .sh_contect_detail .sh_map_add span{font-size: 30px; color: #709587; vertical-align: middle; padding-right: 15px;} .sh_onemate_snippet_98 .sh_contect_detail .sh_phone{margin-bottom: 20px; color: #777;} .sh_onemate_snippet_98 .sh_contect_detail .sh_phone span{font-size: 30px; color: #709587; vertical-align: middle; padding-right: 15px;} .sh_onemate_snippet_98 .sh_contect_detail .sh_phone a{color: #777;} .sh_onemate_snippet_98 .sh_contect_detail .sh_mail{margin-bottom: 20px; color: #777;} .sh_onemate_snippet_98 .sh_contect_detail .sh_mail span{font-size: 30px; color: #709587; vertical-align: middle; padding-right: 15px;} .sh_onemate_snippet_98 .sh_contect_detail .sh_mail a{color: #777;} .sh_onemate_snippet_98 .sh_contect_detail ul{display: -webkit-box; display: -webkit-flex; display: flex; margin-top: 30px;} .sh_onemate_snippet_98 .sh_contect_detail ul li{width: 40px; background: #414141; text-align: center; line-height: 40px; color: #fff; margin-right: 10px; transition: all .4s; border-radius: 3px;} .sh_onemate_snippet_98 .sh_contect_detail ul li a{display: block; color: #fff;} .sh_onemate_snippet_98 .sh_contect_detail ul li:hover{background: #709587;} .sh_onemate_snippet_98 form .s_btn{padding-bottom: 0 !important;} .sh_onemate_snippet_98 form .form-group:last-child{margin-bottom: 0 !important;} .sh_onemate_snippet_98 form .s_btn a:hover{color: #709587; background: transparent;} @media (max-width: 767px){.sh_onemate_snippet_98 .sh_contect_detail{margin-top: 30px;}} .sh_onemate_snippet_99:after{position: absolute; content: ''; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); z-index: 1;} .sh_onemate_snippet_99 .sh_banner_content_box{position: absolute; content: ''; height: 500px; width: 300px; background-color: #8daba0 !important; top: 0; left: 10%; color: white; z-index: 3; text-align: center; box-sizing: border-box; padding: 80px 10px; box-sizing: border-box; opacity: 0.8;} .sh_banner_content_box h3{font-weight: bold;} .sh_banner_content_box p{color: #ffffff; margin-top: 40px; font-size: 16px; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden;} .sh_banner_content_box .sh_banner_btn{transition: 0.5s; position: relative; curser: none; border-radius: 0px !important; padding: 11px 20px !important; border: none; text-align: center; background-color: #ffffff; color: #709587; margin-top: 20px; font-weight: bold;} .sh_banner_content_box .sh_banner_btn:hover{position: relative; border-radius: 0px !important; padding: 11px 20px !important; border: none; text-align: center; background-color: #709587; color: #ffffff; margin-top: 20px; z-index: 1; font-weight: bold;} .sh_banner_btn:before{content: ''; transition: 0.5s; position: absolute; height: 85%; width: 95%; border: 4px solid #709587; top: 7%; bottom: -9%; left: 2.5%;} .sh_banner_btn:hover:before{content: ''; position: absolute; height: 85%; width: 95%; border: 4px solid #ffffff; top: 7%; bottom: -9%; left: 2.5%;} @media screen and (max-width: 640px){.sh_onemate_snippet_99 .sh_banner_content_box{position: absolute; content: ''; height: 500px; width: 90%; background-color: rgba(241, 95, 42, 0.7) !important; top: 0; left: 5%; color: white; z-index: 3; text-align: center; box-sizing: border-box; padding: 80px 10px; box-sizing: border-box;}} .sh_onemate_snippet_tmpl_100{background: #ffffff; position: relative; width: 100%; padding-bottom: 90px !important; padding: 50px 0px 50px !important; text-align: center;} .sh_onemate_snippet_tmpl_100 h1{color: #709587; font-family: 'Aguafina Script', cursive; font-size: 60px;} .sh_onemate_snippet_100 .remove-space{margin-left: 0px; margin-right: 0px; margin-top: 20px;} .sh_about_us_btn{position: relative; transform: rotate(-2deg) !important; pointer-events: none; text-transform: capitalize; padding: 11px 20px !important; border: none; text-align: center; background-color: #252525; color: #ffffff; margin-top: 0px; font-weight: bold;} .sh_about_us_btn:before{content: ''; position: absolute; height: 85%; width: 95%; border: 4px solid #ffffff; top: 7%; bottom: -9%; left: 2.5%; background: transparent;} .sh_onemate_snippet_tmpl_100 .sh_about_us_content{width: 100%; margin-top: 20px !important; margin-bottom: 20px !important;} .sh_about_us_details{position: absolute; top: 0; padding: 20px 15px; background: rgba(255, 255, 255, 0.7); left: -35%; height: 320px; margin-top: 30px; margin-bottom: 40px; width: 350px;} .sh_about_us_details h4{color: #709587; font-size: 24px; font-weight: bold;} .sh_about_us_details p{color: #212529; font-size: 15px; margin-top: 20px; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden;} .sh_onemate_snippet_tmpl_100 .sh_about_us_content img{object-fit: cover; float: left; width: 700px; margin-top: 20px !important; margin-bottom: 20px !important; height: 350px; position: relative;} @media screen and (max-width: 767.98px) and (min-width: 640px){.sh_about_us_btn{position: relative; transform: rotate(-2deg) !important; pointer-events: none; text-transform: capitalize; padding: 11px 12px !important; border: none; text-align: center; background-color: #252525; color: #ffffff; margin-top: 0px; font-weight: bold;}.sh_onemate_snippet_tmpl_100{background: #ffffff; position: relative; width: 100%; padding-bottom: 90px !important; padding: 20px 0px 20px !important; text-align: center;}.sh_onemate_snippet_tmpl_100 h1{color: #709587; font-family: 'Aguafina Script', cursive; font-size: 50px;}.sh_about_us_details{position: unset; top: 0; padding: 20px 15px; background: rgba(255, 255, 255, 0.7); left: 0; height: 320px; margin-top: 20px !important; margin-bottom: 0px !important; width: 100%;}.sh_onemate_snippet_tmpl_100 .sh_about_us_content{width: 100%; justify-content: center; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important;}.sh_onemate_snippet_tmpl_100 .sh_about_us_content img{object-fit: contain; float: left; width: 500px !important; margin-top: 0px !important; margin-bottom: 0px !important; height: 228px; position: relative;}} @media screen and (max-width: 639px) and (min-width: 560px){.sh_about_us_btn{position: relative; transform: rotate(-2deg) !important; pointer-events: none; text-transform: capitalize; padding: 11px 12px !important; border: none; text-align: center; background-color: #252525; color: #ffffff; margin-top: 0px; font-weight: bold;}.sh_onemate_snippet_tmpl_100{background: #ffffff; position: relative; width: 100%; padding-bottom: 90px !important; padding: 20px 0px 20px !important; text-align: center;}.sh_onemate_snippet_tmpl_100 h1{color: #709587; font-family: 'Aguafina Script', cursive; font-size: 50px;}.sh_about_us_details{position: unset; top: 0; padding: 20px 15px; background: rgba(255, 255, 255, 0.7); left: 0%; height: 320px; margin-top: 10px !important; margin-bottom: 0px !important; width: 100%;}.sh_onemate_snippet_tmpl_100 .sh_about_us_content img{object-fit: contain; float: left; width: 100% !important; margin-top: -3% !important; margin-bottom: 0px !important; height: 228px; position: relative;}} @media screen and (max-width: 559px) and (min-width: 360px){.sh_onemate_snippet_tmpl_100{background: #ffffff; position: relative; width: 100%; padding-bottom: 90px !important; padding: 20px 0px 20px !important; text-align: center;}.sh_onemate_snippet_tmpl_100 h1{color: #709587; font-family: 'Aguafina Script', cursive; font-size: 50px;}.sh_about_us_details{position: unset; top: 0; padding: 20px 15px; background: rgba(255, 255, 255, 0.7); left: 0%; height: 320px; margin-top: 15px !important; margin-bottom: 0px !important; width: 100%;}.sh_onemate_snippet_tmpl_100 .sh_about_us_content img{object-fit: contain; float: left; width: 100% !important; margin-top: -3% !important; margin-bottom: 0px !important; height: 228px; position: relative;}} @media screen and (max-width: 359px) and (min-width: 320px){.sh_onemate_snippet_tmpl_100{background: #ffffff; position: relative; width: 100%; padding-bottom: 90px !important; padding: 20px 0px 20px !important; text-align: center;}.sh_onemate_snippet_tmpl_100 h1{color: #709587; font-family: 'Aguafina Script', cursive; font-size: 40px;}.sh_about_us_details{position: unset; top: 0; padding: 20px 15px; background: rgba(255, 255, 255, 0.7); left: 0%; height: 320px; margin-top: 0px !important; margin-bottom: 0px !important; width: 100%;}.sh_onemate_snippet_tmpl_100 .sh_about_us_content img{object-fit: contain; float: left; width: 100% !important; margin-top: -3% !important; margin-bottom: 0px !important; height: 228px; position: relative;}} .sh_onemate_snippet_101{width: 100%; height: 400px !important; text-align: center !important; position: relative;} .sh_onemate_snippet_101 .sh_offer{position: relative;} .sh_onemate_snippet_101 .sh_offer_content{top: 50px; right: 0px; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center;} .sh_onemate_snippet_101 .sh_offer_content h3{color: #ffffff; font-weight: bold; vertical-align: middle; text-transform: capitalize; position: relative;} .sh_onemate_snippet_101 .sh_offer_content h3::before{content: '\f111'; font-size: 15px; font-family: FontAwesome; color: white; position: absolute; top: 10px; left: -13%; transform: translateX(0px);} .sh_onemate_snippet_101 .sh_offer_content h3::after{content: '\f111'; font-size: 15px; font-family: FontAwesome; color: white; position: absolute; top: 10px; right: -13%;} .sh_onemate_snippet_101 .sh_offer_content .sh_content_underline{width: 5%; margin-top: 20px; text-align: center; border-bottom: 4px solid white;} .sh_onemate_snippet_101 .sh_offer_content .sh_content_text{width: 30%; margin-top: 30px; color: #ffffff; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden;} .sh_onemate_snippet_101 .sh_offer_content .sh_content_price{color: white; font-size: 40px; font-weight: bold;} @media screen and (max-width: 768px){.sh_onemate_snippet_101 .sh_offer_content h3::before{content: '\f111'; font-size: 15px; font-family: FontAwesome; color: white; position: absolute; top: 5px; left: -13%; transform: translateX(0px);}.sh_onemate_snippet_101 .sh_offer_content h3::after{content: '\f111'; font-size: 15px; font-family: FontAwesome; color: white; position: absolute; top: 5px; right: -13%; transform: translateX(0px);}.sh_onemate_snippet_101 .sh_offer_content .sh_content_text{width: 90%; margin-top: 30px; color: #ffffff; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden;}.sh_onemate_snippet_101 .sh_offer_content .sh_content_underline{width: 10%; margin-top: 0px; text-align: center; border-bottom: 4px solid white;}} .sh_onemate_snippet_102{width: 100%; padding: 100px 0px; background: #ffffff; text-align: center;} .sh_onemate_snippet_102 h1{color: #709587; font-size: 60px; font-family: 'Aguafina Script', cursive;} .sh_our_menu_btn{position: relative; transform: rotate(-2deg) !important; pointer-events: none; text-transform: capitalize; padding: 11px 20px !important; border: none; text-align: center; background-color: #252525; color: #ffffff; margin-top: 0px; font-weight: bold;} .sh_our_menu_btn:before{content: ''; position: absolute; height: 85%; width: 95%; border: 4px solid #ffffff; top: 7%; bottom: -9%; left: 2.5%; background: transparent;} .sh_onemate_snippet_102 p{margin-top: 30px; color: #7c7ba9; font-weight: 500 !important;} .sh_onemate_snippet_102 .sh_our_menu_nav_tabs{width: 100%; position: relative; text-align: center; margin-top: 50px;} .sh_onemate_snippet_102 .sh_our_menu_nav_tabs .nav{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center;} .sh_onemate_snippet_102 .sh_our_menu_nav_tabs .nav-pills .nav-link{border-radius: 0px !important;} .sh_onemate_snippet_102 .sh_our_menu_nav_tabs ul li{margin-left: 15px; background: #f2f3f4; transition: 1s;} .sh_onemate_snippet_102 .sh_our_menu_nav_tabs ul li:hover{background: #709587; border-radius: none;} .sh_onemate_snippet_102 .sh_our_menu_nav_tabs ul li a{color: #212121; transition: 1s;} .sh_onemate_snippet_102 .sh_our_menu_nav_tabs ul li:hover a{color: #ffffff;} .sh_onemate_snippet_102 .sh_our_menu_nav_tabs .nav-pills .nav-link.active, .nav-pills .show > .nav-link{color: #FFFFFF; background-color: #709587;} .sh_onemate_snippet_102 .sh_our_menu_nav_tabs .sh_our_menu_nav_tabs_content{width: 80%; height: 665px; position: relative; background: #f2f3f4; border: 3px solid #709587; position: relative;} .sh_onemate_snippet_102 .sh_our_menu_nav_tabs .sh_our_menu_nav_tabs_content .remove-space{margin-left: 0px; margin-right: 0px;} .sh_onemate_snippet_102 .sh_our_menu_nav_tabs .sh_our_menu_nav_tabs_content .sh_menu_details{width: 100%; background: #f2f3f4; display: -webkit-box !important; display: -webkit-flex !important; display: flex !important; justify-content: space-around !important;} .sh_onemate_snippet_102 .sh_our_menu_nav_tabs .sh_our_menu_nav_tabs_content .sh_menu_details:hover{background: #709587; border: radius 0px !important; color: #ffffff;} .sh_onemate_snippet_102 .sh_our_menu_nav_tabs .sh_our_menu_nav_tabs_content .sh_menu_details .sh_menu_text{width: 87%; text-align: left; height: 100px; padding: 10px 0px;} .sh_onemate_snippet_102 .sh_our_menu_nav_tabs .sh_our_menu_nav_tabs_content .sh_menu_details .sh_menu_text .sh_menu_text_item{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between; border-bottom: 1px dashed #212121;} .sh_onemate_snippet_102 .sh_our_menu_nav_tabs .sh_our_menu_nav_tabs_content .sh_menu_details .sh_menu_price{position: absolute; right: 10px; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; border: 3px solid white; width: 50px; height: 50px; color: #ffffff; background: #709587; text-align: center; line-height: 50px; border-radius: 50%;} .sh_onemate_snippet_102 .sh_our_menu_nav_tabs .sh_our_menu_nav_tabs_content .sh_menu_details .sh_menu_text p{margin-top: 0px; font-weight: normal; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 18px; margin-bottom: 0px;} .sh_onemate_snippet_102 .sh_our_menu_nav_tabs .sh_our_menu_nav_tabs_content .sh_menu_details .sh_menu_text span{margin-top: 0px; font-size: 14px; color: #ffffff;} .sh_onemate_snippet_102 .sh_our_menu_nav_tabs::before{position: absolute; background: url(/sh_onemate_theme/static/src/img/theme11/fork.png); background-position: center; left: -12px; top: 0; width: 10%; height: 100%; z-index: 1; content: ''; background-repeat: no-repeat !important; background-size: cover !important;} .sh_onemate_snippet_102 .sh_our_menu_nav_tabs::after{position: absolute; background: url(/sh_onemate_theme/static/src/img/theme11/knife.png); background-position: center; right: -12px; top: 0; width: 10%; height: 100%; z-index: 1; content: ''; background-repeat: no-repeat !important; background-size: 100% 100% !important;} .sh_onemate_snippet_102 .sh_our_menu_nav_tabs .sh_our_menu_nav_tabs_content .sh_menu_details:hover .sh_menu_text p{color: white !important;} @media screen and (max-width: 768px){.sh_onemate_snippet_102{width: 100%; padding: 50px 0px; background: #ffffff; text-align: center;}.sh_onemate_snippet_102 h1{font-size: 50px;}.sh_our_menu_btn{position: relative; transform: rotate(-2deg) !important; pointer-events: none; text-transform: capitalize; padding: 11px 12px !important; border: none; text-align: center; background-color: #252525; color: #ffffff; margin-top: 0px; font-weight: bold;}.sh_onemate_snippet_102 .sh_our_menu_nav_tabs .sh_our_menu_nav_tabs_content{width: 80%; height: 100%; position: relative; background: #f2f3f4; border: 3px solid #709587; position: relative;}.sh_onemate_snippet_102 .sh_our_menu_nav_tabs .sh_our_menu_nav_tabs_content .sh_menu_details .sh_menu_text .sh_menu_text_item{display: -webkit-box; display: -webkit-flex; display: flex; width: 90%; justify-content: space-between; border-bottom: 1px dashed #212121;}.sh_onemate_snippet_102 .sh_our_menu_nav_tabs .sh_our_menu_nav_tabs_content .sh_menu_details .sh_menu_price{position: absolute; right: 10px; display: -webkit-box; display: -webkit-flex; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; border: 3px solid white; width: 50px; height: 50px; color: #ffffff; background: #709587; text-align: center; line-height: 50px;}} @media screen and (max-width: 640px){.sh_onemate_snippet_102{width: 100%; height: 100%; padding: 20px 0px; background: #ffffff; text-align: center;}.sh_onemate_snippet_102 h1{font-size: 50px;}.sh_our_menu_btn{position: relative; transform: rotate(-2deg) !important; pointer-events: none; text-transform: capitalize; padding: 11px 12px !important; border: none; text-align: center; background-color: #252525; color: #ffffff; margin-top: 0px; font-weight: bold;}.sh_onemate_snippet_102 .sh_our_menu_nav_tabs .sh_our_menu_nav_tabs_content{width: 80%; height: 100%; position: relative; background: #f2f3f4; border: 3px solid #709587; position: relative;}.sh_onemate_snippet_102 .sh_menu_details{width: 100%;}.sh_onemate_snippet_102 .sh_our_menu_nav_tabs .sh_our_menu_nav_tabs_content .sh_menu_details .sh_menu_price{position: absolute; right: 10px; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; border: 3px solid white; width: 50px; height: 50px; color: #ffffff; background: #709587; text-align: center; line-height: 50px; border-radius: 50%;}} @media screen and (max-width: 465px){.sh_onemate_snippet_102 h1{font-size: 50px;}.sh_onemate_snippet_102 .sh_our_menu_nav_tabs .sh_our_menu_nav_tabs_content .sh_menu_details .sh_menu_text p{margin-top: 0px; display: -webkit-box; max-width: 84%; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 18px; margin-bottom: 0px;}.sh_onemate_snippet_102 .sh_our_menu_nav_tabs ul li{margin-left: 5px; background: #f2f3f4;}.sh_onemate_snippet_102 .sh_our_menu_nav_tabs .sh_our_menu_nav_tabs_content{width: 80%; height: 100%; position: relative; background: #f2f3f4; border: 3px solid #709587; position: relative;}} @media screen and (max-width: 400px){.sh_onemate_snippet_102 h1{font-size: 50px;}.sh_onemate_snippet_102 .sh_our_menu_nav_tabs .sh_our_menu_nav_tabs_content .sh_menu_details .sh_menu_text p{margin-top: 0px; display: -webkit-box; max-width: 83%; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 14px; margin-bottom: 0px;}.sh_onemate_snippet_102 .sh_our_menu_nav_tabs ul li a{color: #212121; font-size: 14px; display: block; padding: 0.5rem 0.5rem;}.sh_onemate_snippet_102 .sh_our_menu_nav_tabs .sh_our_menu_nav_tabs_content{width: 80%; height: 100%; position: relative; background: #f2f3f4; border: 3px solid #709587; position: relative;}} .sh_onemate_snippet_103{width: 100%; padding: 50px 0px; padding-bottom: 100px; position: relative;} .sh_onemate_snippet_103:before{position: absolute; content: ''; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.7); z-index: 1;} .sh_onemate_snippet_103 .sh_food_photos{z-index: 3; position: relative;} .sh_onemate_snippet_103 .sh_food_item_images .remove-space{margin-left: 0px; margin-right: 0px; margin-top: 50px;} .sh_onemate_snippet_103 .sh_food_item_images .sh_food_item_image{width: 100%; margin-top: 10px; display: inline-block; margin-left: 1.4%; height: auto; position: relative; overflow: hidden;} .sh_onemate_snippet_103 .sh_food_item_images .sh_food_item_image .sh_food_item_content{position: absolute; transition: 0.5s; bottom: -25%; left: 0; width: 100%; height: 20%; box-sizing: border-box; background: #709587; padding: 15px 20px; color: white; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-arround; align-item: center;} .sh_onemate_snippet_103 .sh_food_item_images .sh_food_item_image:hover .sh_food_item_content{bottom: 0;} .sh_onemate_snippet_103 .sh_food_item_images .sh_food_item_image img{transition: 0.5s; width: 100%;} .sh_onemate_snippet_103 .sh_food_item_images .sh_food_item_image:hover img{transform: scale(1.2);} .sh_onemate_snippet_103 .sh_food_item_images .sh_food_item_image_icon{position: absolute; color: #ffffff; font-size: 20px; transition: 0.5s; content: '\f065'; top: 3%; right: 3%; height: 50px; width: 50px; border-radius: 50px; background-color: #709587; line-height: 50px; text-align: center;} .sh_onemate_snippet_103 .sh_food_item_images .btn{font-size: 18px; padding: 5px 10px; background: transparent; border-radius: 0px !important;} .sh_onemate_snippet_103 .sh_food_item_images .btn.active{background: #709587;} .sh_onemate_snippet_103 .sh_food_item_images .btn:hover{background: #709587;} @media only screen and (max-width: 992px){.sh_onemate_snippet_103{padding-bottom: 60px;}} @media screen and (max-width: 768px){.sh_onemate_snippet_103 .sh_food_item_images{width: 100%; padding: 0px 0px; display: -webkit-box; display: -webkit-flex; display: -webkit-box; display: -webkit-flex; display: flex; flex-direction: row; justify-content: space-between; align-items: center; top: 0; left: 0;}.sh_onemate_snippet_103 .sh_food_item_images .sh_food_item_image{width: 100%; margin-top: 10px; display: inline-block; margin-left: 1.4%; height: auto; position: relative; overflow: hidden;}.sh_onemate_snippet_103 .sh_food_photos{z-index: 3;}.sh_onemate_snippet_103 .sh_food_photos .sh_food_item_images .container{width: 95% !important; max-width: 95% !important;}} @media screen and (max-width: 640px){.sh_onemate_snippet_103 .sh_food_photos{z-index: 3;}} @media screen and (max-width: 575px) and (min-width: 320px){.sh_onemate_snippet_103 .sh_food_photos{z-index: 3;}.sh_onemate_snippet_103 .sh_food_photos .sh_food_item_images .button_name{display: block !important; justify-content: center !important; margin-left: 20%;}.sh_onemate_snippet_103 .sh_food_photos .sh_food_item_images .button_name .btn{display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: inline-flex !important; justify-content: center !important; margin-top: 5px; align-items: center;}.sh_onemate_snippet_103 .sh_food_item_images{width: 100%; padding: 0px 0px; display: -webkit-box; display: -webkit-flex; display: -webkit-box; display: -webkit-flex; display: flex; flex-direction: row; justify-content: space-between; align-items: center; top: 0; left: 0;}.sh_onemate_snippet_103 .sh_food_item_images .sh_food_item_image{width: 100%; margin-top: 10px; display: inline-block; margin-left: 1.4%; height: auto; position: relative; overflow: hidden;}.sh_onemate_snippet_103 .sh_food_photos .sh_food_item_images .container{width: 95% !important; max-width: 95% !important;}} .sh_onemate_snippet_104{width: 100%; padding: 100px 0px; background-color: #ffffff; text-align: center;} .sh_onemate_snippet_104 h1{color: #709587; font-size: 60px; font-family: 'Aguafina Script', cursive;} .sh_onemate_snippet_104 .sh_reservation_btn{position: relative; transform: rotate(-2deg) !important; pointer-events: none; padding: 11px 20px !important; border: none; text-align: center; background-color: #252525; color: #ffffff; margin-top: 0px; font-weight: bold;} .sh_onemate_snippet_104 .sh_reservation_btn::before{content: ''; position: absolute; height: 85%; width: 95%; border: 4px solid #ffffff; top: 7%; bottom: -9%; left: 2.5%; background: transparent;} .sh_onemate_snippet_104 p{margin-top: 30px; color: #7c7ba9; font-weight: 500 !important; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden;} .sh_onemate_snippet_104 .remove-space{margin-left: 0px; margin-right: 0px; margin-top: 50px;} .sh_onemate_snippet_104 .reservation_details{width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; margin: -10px 0px !important; text-align: left; justify-content: space-between; flex-direction: row; align-items: center; padding: 10px 0px;} .sh_onemate_snippet_104 .reservation_details .reservation_day{width: 30%; height: 20px;} .sh_onemate_snippet_104 .reservation_details .reservation_time{width: 70%; height: 20px; color: #7c7ba9;} .sh_onemate_snippet_104 .reservation_form_input_details{width: 90%;} .sh_onemate_snippet_104 .reservation_form_input_details .reservation_form_inputs{width: 100%; color: #7c7ba9;} .sh_onemate_snippet_104 .reservation_form_input_details .reservation_form_btn{width: 100%; font-weight: bold; border-radius: 0px !important; position: relative; z-index: 1; color: #ffffff; background: #709587; margin-top: 0px;} .sh_onemate_snippet_104 .reservation_form_input_details .reservation_form_inputs .form-group .form-control{border-radius: 0px !important;} .sh_onemate_snippet_104 .reservation_form_input_details .reservation_form_inputs .form-group .form-control:focus{background: rgba(128, 128, 128, 0.18);} .sh_onemate_snippet_104 .reservation_form_input_details .reservation_form_btn:before{content: ''; position: absolute; height: 85%; width: 95%; border: 4px solid #ffffff; top: 7%; bottom: -9%; left: 2.5%; background: transparent;} .sh_onemate_snippet_104 .reservation_form_input_details .reservation_form_btn:hover{background: rgba(255, 255, 255, 0.85); color: #709587;} .sh_onemate_snippet_104 .reservation_form_input_details .reservation_form_btn:hover:before{border: 4px solid #709587; color: #709587;} @media screen and (max-width: 768px){.sh_onemate_snippet_104{width: 100%; padding: 50px 0px; background-color: #ffffff; text-align: center;}.sh_onemate_snippet_104 h1{font-size: 50px;}.sh_onemate_snippet_104 .sh_reservation_btn{position: relative; transform: rotate(-2deg) !important; pointer-events: none; padding: 11px 12px !important; border: none; text-align: center; background-color: #252525; color: #ffffff; margin-top: 0px; font-weight: bold;}} @media screen and (max-width: 640px){.sh_onemate_snippet_104{width: 100%; padding: 20px 0px; background-color: #ffffff; text-align: center;}.sh_onemate_snippet_104 h1{font-size: 50px;}.sh_onemate_snippet_104 .sh_reservation_btn{position: relative; transform: rotate(-2deg) !important; pointer-events: none; padding: 11px 12px !important; border: none; text-align: center; background-color: #252525; color: #ffffff; margin-top: 0px; font-weight: bold;}} .sh_onemate_snippet_105{width: 100%; padding: 100px 0px; text-align: center;} .sh_onemate_snippet_105 h1{color: #709587; text-align: center; font-size: 60px; font-family: 'Aguafina Script', cursive;} .sh_onemate_snippet_105 .sh_our_team_btn{padding: 10px 30px; font-weight: bold; transform: rotate(-2deg) !important; background-color: #252525; color: white; position: relative;} .sh_onemate_snippet_105 .sh_our_team_btn::before{position: absolute; content: ''; height: 85%; width: 95%; border: 4px solid #ffffff; top: 7%; bottom: -9%; left: 2.5%; background: transparent;} .sh_onemate_snippet_105 p{color: #7c7ba9; margin-top: 30px; font: weight 500px !important;} .sh_onemate_snippet_105 .remove_space{margin-left: 0px !important; margin-right: 0px !important;} .sh_onemate_snippet_105 .sh_our_team{height: 300px; position: relative; overflow: hidden;} .sh_onemate_snippet_105 .sh_our_team::after{position: absolute; content: 'Ola Grudger'; text-align: right !important; font-weight: 800; padding: 10px 30px; text-transform: uppercase; -webkit-box-pack: end; justify-content: flex-end; background-color: #709587; color: white; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; bottom: 0; left: 0; height: 20%; width: 100%;} .sh_onemate_snippet_105 .sh_our_team .sh_our_team_sub_div{position: absolute; transition: 1s; top: -130px; left: -300px; transform: rotate(19deg); height: 145%; width: 100%; background: rgba(255, 255, 255, 0.9); z-index: 5; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column;} .sh_onemate_snippet_105 .sh_our_team .sh_our_team_sub_div h5{text-transform: uppercase; text-align: left !important; font-weight: bold;} .sh_onemate_snippet_105 .sh_our_team .sh_our_team_sub_div p{color: #7c7ba9; width: 90%; font-weight: 500 !important; margin-top: 0px; text-align: left !important; font-size: 15px;} .sh_onemate_snippet_105 .sh_our_team .sh_our_team_sub_div .sh_our_team_social_icons{width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: start; justify-content: flex-start; align-items: center;} .sh_onemate_snippet_105 .sh_our_team .sh_our_team_sub_div .sh_our_team_social_icons .sh_our_team_social_icon{height: 35px; width: 35px; border-radius: 50px; margin-left: 10px; text-align: center; line-height: 30px; background: #709587; color: white; transition: 2s; font-size: 15px; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center;} .sh_onemate_snippet_105 .sh_our_team:hover .sh_our_team_sub_div{left: 0; top: -48px; height: 135%; width: 100%;} .sh_onemate_snippet_105 .sh_our_team .sh_our_team_sub_div .sh_our_team_social_icons .sh_our_team_social_icon a{color: #ffffff; transition: 2s;} .sh_onemate_snippet_105 .sh_our_team .sh_our_team_sub_div .sh_our_team_sub_div_content{transform: rotate(341deg) !important; padding-left: 20px;} .sh_onemate_snippet_105 .sh_our_team .sh_our_team_sub_div .sh_our_team_social_icons .sh_our_team_social_icon:hover a{color: #f15f2a;} .sh_onemate_snippet_105 .sh_our_team .sh_our_team_sub_div .sh_our_team_social_icons .sh_our_team_social_icon:hover{background: #ffffff;} @media screen and (max-width: 991px){.sh_onemate_snippet_105 .sh_our_team .sh_our_team_sub_div .sh_our_team_sub_div_content{transform: rotate(341deg) !important; padding-left: 30px;}} @media screen and (max-width: 768px){.sh_onemate_snippet_105 .sh_our_team .sh_our_team_sub_div{position: absolute; transition: 1s; top: -176px; left: -360px; transform: rotate(19deg); height: 145%; width: 100%; background: rgba(255, 255, 255, 0.9); z-index: 5; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column;}.sh_onemate_snippet_105 .sh_our_team:hover .sh_our_team_sub_div{left: 0; top: -86px; height: 155%; width: 100%;}.sh_onemate_snippet_105{width: 100%; padding: 50px 0px; text-align: center;}.sh_onemate_snippet_105 h1{font-size: 50px;}.sh_onemate_snippet_105 .sh_our_team_btn{position: relative; transform: rotate(-2deg) !important; pointer-events: none; padding: 11px 20px !important; border: none; text-align: center; background-color: #252525; color: #ffffff; margin-top: 0px; font-weight: bold;}} @media screen and (max-width: 640px){.sh_onemate_snippet_105{width: 100%; padding: 20px 0px; text-align: center;}.sh_onemate_snippet_105 h1{font-size: 50px;}.sh_onemate_snippet_105 .sh_our_team_btn{position: relative; transform: rotate(-2deg) !important; pointer-events: none; padding: 11px 20px !important; border: none; text-align: center; background-color: #252525; color: #ffffff; margin-top: 0px; font-weight: bold;}} .sh_onemate_snippet_105 .sh_our_team_team_member_1{height: 300px; position: relative; overflow: hidden;} .sh_onemate_snippet_105 .sh_our_team_team_member_1::after{position: absolute; content: 'johanna marker'; font-weight: 800; text-align: right !important; padding: 10px 30px; text-transform: uppercase; -webkit-box-pack: end; justify-content: flex-end; background-color: #709587; color: white; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; bottom: 0; left: 0; height: 20%; width: 100%;} .sh_onemate_snippet_105 .sh_our_team_team_member_1 .sh_our_team_sub_div{position: absolute; transition: 1s; top: -130px; left: -300px; transform: rotate(19deg); height: 145%; width: 100%; background: rgba(255, 255, 255, 0.9); z-index: 5; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column;} .sh_onemate_snippet_105 .sh_our_team_team_member_1 .sh_our_team_sub_div h5{text-transform: uppercase; text-align: left !important; font-weight: bold;} .sh_onemate_snippet_105 .sh_our_team_team_member_1 .sh_our_team_sub_div p{color: #7c7ba9; width: 90%; margin-top: 0px; text-align: left !important; font-size: 15px; font-weight: 500 !important;} .sh_onemate_snippet_105 .sh_our_team_team_member_1 .sh_our_team_sub_div .sh_our_team_social_icons{width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: start; justify-content: flex-start; align-items: center;} .sh_onemate_snippet_105 .sh_our_team_team_member_1 .sh_our_team_sub_div .sh_our_team_social_icons .sh_our_team_social_icon{height: 35px; width: 35px; border-radius: 50px; transition: 2s; margin-left: 10px; text-align: center; line-height: 30px; background: #709587; color: white; font-size: 15px; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center;} .sh_onemate_snippet_105 .sh_our_team_team_member_1:hover .sh_our_team_sub_div{left: 0; top: -48px; height: 135%; width: 100%;} .sh_onemate_snippet_105 .sh_our_team_team_member_1 .sh_our_team_sub_div .sh_our_team_sub_div_content{transform: rotate(341deg) !important;} .sh_onemate_snippet_105 .sh_our_team_team_member_1 .sh_our_team_sub_div .sh_our_team_social_icons .sh_our_team_social_icon a{color: #ffffff; transition: 2s;} .sh_onemate_snippet_105 .sh_our_team_team_member_1 .sh_our_team_sub_div .sh_our_team_social_icons .sh_our_team_social_icon:hover a{color: #f15f2a;} .sh_onemate_snippet_105 .sh_our_team_team_member_1 .sh_our_team_sub_div .sh_our_team_social_icons .sh_our_team_social_icon:hover{background-color: #ffffff;} @media screen and (max-width: 991px){.sh_onemate_snippet_105 .sh_our_team_team_member_1 .sh_our_team_sub_div .sh_our_team_sub_div_content{transform: rotate(340deg) !important; padding-left: 30px;}} @media screen and (max-width: 768px){.sh_onemate_snippet_105 .sh_our_team_team_member_1 .sh_our_team_sub_div{position: absolute; transition: 1s; top: -176px; left: -360px; transform: rotate(19deg); height: 145%; width: 100%; background: rgba(255, 255, 255, 0.9); z-index: 5; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column;}.sh_onemate_snippet_105 .sh_our_team_team_member_1:hover .sh_our_team_sub_div{left: 0; top: -86px; height: 155%; width: 100%;}} .sh_onemate_snippet_105 .sh_our_team_team_member_2{height: 300px; position: relative; overflow: hidden;} .sh_onemate_snippet_105 .sh_our_team_team_member_2::after{position: absolute; content: 'john bjorn'; font-weight: 800; text-align: right !important; padding: 10px 30px; text-transform: uppercase; -webkit-box-pack: end; justify-content: flex-end; background-color: #709587; color: white; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; bottom: 0; left: 0; height: 20%; width: 100%;} .sh_onemate_snippet_105 .sh_our_team_team_member_2 .sh_our_team_sub_div{position: absolute; transition: 1s; top: -130px; left: -300px; transform: rotate(19deg); height: 145%; width: 100%; background: rgba(255, 255, 255, 0.9); z-index: 5; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column;} .sh_onemate_snippet_105 .sh_our_team_team_member_2 .sh_our_team_sub_div h5{text-transform: uppercase; text-align: left !important; font-weight: bold;} .sh_onemate_snippet_105 .sh_our_team_team_member_2 .sh_our_team_sub_div p{color: #7c7ba9; width: 90%; margin-top: 0px; text-align: left !important; font-size: 15px; font-weight: 500 !important;} .sh_onemate_snippet_105 .sh_our_team_team_member_2 .sh_our_team_sub_div .sh_our_team_social_icons{width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: start; justify-content: flex-start; align-items: center;} .sh_onemate_snippet_105 .sh_our_team_team_member_2 .sh_our_team_sub_div .sh_our_team_social_icons .sh_our_team_social_icon{height: 35px; width: 35px; transition: 2s; border-radius: 50px; margin-left: 10px; text-align: center; line-height: 30px; background: #709587; color: white; font-size: 15px; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center;} .sh_onemate_snippet_105 .sh_our_team_team_member_2:hover .sh_our_team_sub_div{left: 0; top: -48px; height: 135%; width: 100%;} .sh_onemate_snippet_105 .sh_our_team_team_member_2 .sh_our_team_sub_div .sh_our_team_sub_div_content{transform: rotate(341deg) !important;} .sh_onemate_snippet_105 .sh_our_team_team_member_2 .sh_our_team_sub_div .sh_our_team_social_icons .sh_our_team_social_icon a{color: #ffffff; transition: 2s;} .sh_onemate_snippet_105 .sh_our_team_team_member_2 .sh_our_team_sub_div .sh_our_team_social_icons .sh_our_team_social_icon:hover a{color: #f15f2a;} .sh_onemate_snippet_105 .sh_our_team_team_member_2 .sh_our_team_sub_div .sh_our_team_social_icons .sh_our_team_social_icon:hover{background-color: #ffffff;} @media screen and (max-width: 991px){.sh_onemate_snippet_105 .sh_our_team_team_member_2 .sh_our_team_sub_div .sh_our_team_sub_div_content{transform: rotate(341deg) !important; padding-left: 30px;}} @media screen and (max-width: 768px){.sh_onemate_snippet_105 .sh_our_team_team_member_2 .sh_our_team_sub_div{position: absolute; transition: 1s; top: -176px; left: -360px; transform: rotate(19deg); height: 145%; width: 100%; background: rgba(255, 255, 255, 0.9); z-index: 5; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column;}.sh_onemate_snippet_105 .sh_our_team_team_member_2:hover .sh_our_team_sub_div{left: 0; top: -86px; height: 155%; width: 100%;}} .sh_onemate_snippet_106{width: 100%; padding: 50px 0px; position: relative;} .sh_onemate_snippet_106 .container{z-index: 3;} .sh_onemate_snippet_106::before{position: absolute; content: ''; top: 0; left: 0; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.7); z-index: 1;} .sh_onemate_snippet_106 .remove_space{margin-left: 0px !important; margin-right: 0px !important; z-index: 3 !important;} .sh_onemate_snippet_106 .our_client_feedback{width: 100%; padding: 10px 10px; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column;} .sh_onemate_snippet_106 .our_client_feedback img{width: 50%;} .sh_onemate_snippet_106 .our_client_feedback .our_client_comments{width: 100%; color: azure !important; font-size: 16px; font-weight: bold !important; position: relative; padding: 10px 10px; color: #212121; font-size: 16px; font-weight: lighter; background: rgba(255, 255, 255, 0.4);} .sh_onemate_snippet_106 .our_client_feedback .our_client_comments::after{content: ''; position: absolute; border-top: 19px solid #ffffff; border-bottom: transparent 19px solid; border-left: transparent 19px solid; border-right: transparent 19px solid; bottom: -38px; left: 45%; opacity: 0.4;} .sh_onemate_snippet_106 .our_client_feedback h2{color: #709587; font-size: 25px; font-weight: bold; margin-top: 20px;} .sh_onemate_snippet_106 .our_client_feedback h3{color: #7c7ba9; font-size: 20px; font-weight: bold;} .sh_onemate_snippet_107{width: 100%; padding: 100px 0px; padding-bottom: 110px; background-color: #ffffff; text-align: center;} .sh_onemate_snippet_107 h1{color: #709587; font-size: 60px; font-family: 'Aguafina Script', cursive;} .sh_onemate_snippet_107 .sh_contact_us_btn{position: relative; transform: rotate(-2deg) !important; pointer-events: none; padding: 11px 20px !important; border: none; text-align: center; background-color: #252525; color: #ffffff; margin-top: 0px; font-weight: bold;} .sh_onemate_snippet_107 .sh_contact_us_btn::before{content: ''; position: absolute; top: 0; left: 0; height: 85%; width: 95%; border: 4px solid #ffffff; top: 7%; bottom: -9%; left: 2.5%; background: transparent;} .sh_onemate_snippet_107 p{margin-top: 30px; font-weight: 500 !important; color: #7c7ba9; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden;} .sh_onemate_snippet_107 .remove-space{margin-left: 0px; margin-right: 0px; margin-top: 50px;} .sh_onemate_snippet_107 .contact_details{width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; padding: 10px 20px;} .sh_onemate_snippet_107 .contact_details .contact_details_icon{font-size: 45px !important; color: #709587 !important;} .sh_onemate_snippet_107 .contact_details h3{font-weight: bold;} .sh_onemate_snippet_107 .contact_details a{color: #7c7ba9; padding: 0px 65px; margin-top: 0px;} .sh_onemate_snippet_107 .contact_details a:hover{color: #709587;} .sh_onemate_snippet_107 .contact_us_form{width: 100%; padding: 0px 0px; margin-top: 30px; text-align: center;} .sh_onemate_snippet_107 .contact_us_form .form-control{width: 85%; border-radius: 0px !important;} .sh_onemate_snippet_107 .contact_us_form .form-control:focus{background: rgba(128, 128, 128, 0.18);} .sh_onemate_snippet_107 textarea{width: 93% !important;} .sh_onemate_snippet_107 .contact_us_form .sh_contact_us_form_btn{border-radius: 0px; position: relative; curser: none; padding: 11px 25px !important; border: none; text-align: center; background: #709587; color: #ffffff; margin-top: 20px; font-weight: bold;} .sh_onemate_snippet_107 .sh_contact_us_form_btn:before{content: ''; position: absolute; height: 85%; width: 95%; border: 4px solid #ffffff; top: 7%; bottom: -9%; left: 2.5%;} .sh_onemate_snippet_107 .sh_contact_us_form_btn:hover{background: rgba(255, 255, 255, 0.85); color: #709587;} .sh_onemate_snippet_107 .sh_contact_us_form_btn:hover:before{border: 4px solid #709587; color: #709587;} @media screen and (max-width: 768px){.sh_onemate_snippet_107{width: 100%; padding: 50px 0px; padding-bottom: 10px; background-color: #ffffff; text-align: center;}.sh_onemate_snippet_107 .contact_us_form .form-control{width: 100%;}.sh_onemate_snippet_107 h1{font-size: 50px;}.sh_onemate_snippet_107 textarea{width: 100% !important;}.sh_onemate_snippet_107 .sh_contact_us_btn{position: relative; transform: rotate(-2deg) !important; pointer-events: none; padding: 11px 12px !important; border: none; text-align: center; background-color: #252525; color: #ffffff; margin-top: 0px; font-weight: bold;}} @media screen and (max-width: 640px){.sh_onemate_snippet_107{width: 100%; padding: 20px 0px; padding-bottom: 10px; background-color: #ffffff; text-align: center;}.sh_onemate_snippet_107 h1{font-size: 50px;}.sh_onemate_snippet_107 .sh_contact_us_btn{position: relative; transform: rotate(-2deg) !important; pointer-events: none; padding: 11px 12px !important; border: none; text-align: center; background-color: #252525; color: #ffffff; margin-top: 0px; font-weight: bold;}} .sh_onemate_snippet_108{width: 100%; padding: 50px 0px; position: relative; padding-bottom: 5px; margin-top: 20px;} .sh_onemate_snippet_108:before{position: absolute; content: ''; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.8); z-index: 1;} .sh_onemate_snippet_108 h3{color: #ffffff; font-weight: bold;} .sh_onemate_snippet_108 .container{z-index: 3;} .sh_onemate_snippet_108 .remove-space{margin-left: 0px; margin-right: 0px; margin-top: 20px;} .sh_onemate_snippet_108 .sh_our_timing_details_content{color: #709587; font-weight: bold; font-size: 18px;} .sh_onemate_snippet_108 .sh_our_timing_details_content_span{color: #7c7ba9; font-weight: lighter;} .sh_onemate_snippet_108 .sh_our_company_details{width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; padding: 10px 0px;} .sh_onemate_snippet_108 .sh_our_company_details h4{color: #ffffff; font-weight: bold; text-align: left !important;} .sh_onemate_snippet_108 .sh_our_company_details p{color: #7c7ba9; padding-right: 65px; margin-top: 0px;} .sh_onemate_snippet_108 .sh_copy_write_content{width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; padding: 10px 0px; height: auto; color: #7c7ba9; font-weight: bold;} .sh_onemate_snippet_109{width: 100%; position: relative; overflow: hidden;} .sh_onemate_snippet_109 .carousel-inner .carousel-item img{width: 100%; height: 100%; object-fit: cover;} .sh_onemate_snippet_109 .carousel-control-prev, .carousel-control-next{opacity: 0;} .sh_onemate_snippet_109 .banner-sub-div{width: 100%; position: absolute; z-index: 2; bottom: 0; left: 0; height: 100%;} .sh_onemate_snippet_109 .banner-sub-div .shape-1{height: 100%; width: 22.82%; position: absolute; bottom: 0; left: 0;} .sh_onemate_snippet_109 .banner-sub-div .shape-1 img{height: 100%; width: 100%;} .sh_onemate_snippet_109 .banner-sub-div .shape-2{height: 100%; width: 0%; position: absolute; bottom: 0;} .sh_onemate_snippet_109 .banner-sub-div .shape-2 img{height: 100%; transform: rotate(360deg);} .sh_onemate_snippet_109 .banner_section{background-color: #4d4d4d; height: 100%; min-height: 700px; position: relative; color: #fff; display: -webkit-flex; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit--webkit-box-pack: end; justify-content: flex-end; -webkit-box-pack: end; justify-content: flex-end;} .sh_onemate_snippet_109 .banner_section .banner_slides{position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; display: block; z-index: 1; opacity: 0.3; -webkit-filter: grayscale(1); -moz-filter: grayscale(1); -ms-filter: grayscale(1); filter: grayscale(1);} .sh_onemate_snippet_109 .banner_section .banner_slides .animated{animation-duration: 2s;} .sh_onemate_snippet_109 .banner_section .banner_slides .owl-stage-outer, .sh_onemate_snippet_109 .banner_section .banner_slides .owl-stage, .sh_onemate_snippet_109 .banner_section .banner_slides .owl-item{height: 100%;} .sh_onemate_snippet_109 .banner_section .banner_slides .owl-dots{position: absolute; top: 60px; left: 80px; margin-top: 0; display: none;} .sh_onemate_snippet_109 .banner_section .banner_slides .slide{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center center;} .sh_onemate_snippet_109 .banner_section > *{position: relative; z-index: 3;} .sh_onemate_snippet_109 .banner_section .banner_slides{position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; display: block; filter: grayscale(0); z-index: 1; opacity: 0.7;} .sh_onemate_snippet_109 .banner_section h1{margin-top: 20%; font-size: 70px; text-transform: uppercase; letter-spacing: 10px; font-weight: 300; color: #fff; margin-left: 10%;} .sh_onemate_snippet_109 .banner_section .banner_titles{margin-bottom: 15%; overflow: hidden; min-height: 42px; font-size: 1.75em; margin-left: 10%;} .sh_onemate_snippet_109 .banner_section .banner_titles h2{text-transform: capitalize;} .sh_onemate_snippet_109 .banner_section .banner_titles ul{list-style-type: none; margin: 0; padding: 0;} .sh_onemate_snippet_109 .banner_section .banner_titles ul > li{visibility: hidden;} .sh_onemate_snippet_109 .banner_section .down-arrow{width: 12px; height: 12px; border: 3px solid #fff; margin-top: -1px; border-left-width: 0; border-top-width: 0; -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); visibility: hidden;} .sh_onemate_snippet_109 .banner_section .down-arrow.play{animation: scroll-down 2s ease-in-out infinite; visibility: visible;} .down-arrow:nth-child(2){animation-delay: -0.2s;} .down-arrow:nth-child(3){animation-delay: -0.4s;} @keyframes scroll-down{0%{opacity: 0; transform: rotate(45deg);}50%{opacity: 1;}100%{opacity: 0; transform: rotate(45deg);}} .sh_onemate_snippet_109 .banner_section .down-arrow:nth-child(1){-webkit-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s;} .sh_onemate_snippet_109 .banner_section .down-arrow:nth-child(2){-webkit-animation-delay: 0.3s; -o-animation-delay: 0.1s; animation-delay: 0.1s;} .sh_onemate_snippet_109 .banner_section .down-arrow:nth-child(3){-webkit-animation-delay: 0.5s; -o-animation-delay: 0.2s; animation-delay: 0.2s;} .sh_onemate_snippet_109 .banner_section .btm{position: absolute; display: -webkit-flex; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; left: 0; right: 0; -webkit-flex-direction: row; flex-direction: row; bottom: 13%; padding: 0px 0px; margin-left: 10%;} .sh_onemate_snippet_109 .banner_section .btm > .left{margin-left: 16.5%;} .sh_onemate_snippet_109 .banner_section .btm > .right{margin-right: 80px;} .sh_onemate_snippet_109 .banner_section .btm .scroll-down-indicator{-webkit-transform: translate3d(-50%, 0, 0); -o-transform: translate3d(-50%, 0, 0); -ms-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); cursor: pointer;} .sh_onemate_snippet_109 .banner_section .btm ul.connect{list-style-type: none; margin: 0; padding: 0; display: inline-block; vertical-align: middle; margin-right: 3px;} .sh_onemate_snippet_109 .banner_section .btm ul.connect > li{display: inline-block; height: 48px; width: 48px; font-size: 2.4em; line-height: 54px; text-align: center; border-radius: 48px; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; transition: background-color 0.3s ease;} .sh_onemate_snippet_109 .banner_section .btm ul.connect > li:hover{background-color: #ae5a3b;} .sh_onemate_snippet_109 .banner_section .btm ul.connect > li a:link, .sh_onemate_snippet_109 .banner_section .btm ul.connect > li a:visited{color: rgba(255, 255, 255, 0.8);} .sh_onemate_snippet_109 .banner_section .btm ul.connect > li a:link:after, .sh_onemate_snippet_109 .banner_section .btm ul.connect > li a:visited:after{display: none;} .sh_onemate_snippet_109 .banner_section .btm ul.connect > li a:hover, .sh_onemate_snippet_109 .banner_section .btm ul.connect > li a:active{color: #fff;} .sh_onemate_snippet_109 .banner_section svg.banner-triangles{position: absolute; z-index: 2; left: 0; bottom: 0; width: 33%;} .sh_onemate_snippet_109 .banner_section svg.banner-triangles > .primary-triangle{fill: #709587;} .sh_onemate_snippet_109 .banner_section svg.banner-triangles > .gray-triangle{fill: #000; opacity: .5;} .sh_onemate_snippet_109 .banner_section .btm .btn{box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);} .sh_onemate_snippet_109 .banner_section .btm > .left, .sh_onemate_snippet_109 .banner_section .btm > .right{margin: 0;} .sh_onemate_snippet_109 .banner_section .btm > .left{margin-bottom: 10px;} .sh_onemate_snippet_109 .banner_section .btm > .left .scroll-down-indicator{-webkit-transform: none; -o-transform: none; -ms-transform: none; transform: none;} .sh_onemate_snippet_109 .banner_section .btm > .right ul.connect{margin-right: 100px; margin-bottom: 5px; display: block;} .sh_onemate_snippet_109 .banner_section .btm ul.connect{list-style-type: none; margin: 0; padding: 0; display: inline-block; vertical-align: middle; margin-right: 3px;} .sh_onemate_snippet_109 .banner_section .btm ul.connect > li{display: inline-block; height: 48px; width: 48px; font-size: 23px; border: 2px solid #fff; line-height: 48px; text-align: center; border-radius: 48px; margin-left: 15px; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; transition: background-color 0.3s ease;} .sh_onemate_snippet_109 .banner_section .btm ul.connect > li:hover{background-color: #709587; border: 2px solid transparent;} .sh_onemate_snippet_109 .banner_section .btm ul.connect > li a:link, .sh_onemate_snippet_109 .banner_section .btm ul.connect > li a:visited{color: rgba(255, 255, 255, 0.8);} .sh_onemate_snippet_109 .banner_section .btm ul.connect > li a:link:after, .sh_onemate_snippet_109 .banner_section .btm ul.connect > li a:visited:after{display: none;} .sh_onemate_snippet_109 .banner_section .btm ul.connect > li a:hover, .sh_onemate_snippet_109 .banner_section .btm ul.connect > li a:active{color: #fff;} @media screen and (max-width: 1024px){.sh_onemate_snippet_109 .banner_section{background-color: #4d4d4d; height: 100%; min-height: 600px; position: relative; color: #fff; display: -webkit-flex; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit--webkit-box-pack: end; justify-content: flex-end; -webkit-box-pack: end; justify-content: flex-end;}} @media screen and (max-width: 768px){.sh_onemate_snippet_109 .banner_section{background-color: #4d4d4d; height: 100%; min-height: 500px; position: relative; color: #fff; display: -webkit-flex; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit--webkit-box-pack: end; justify-content: flex-end; -webkit-box-pack: end; justify-content: flex-end;}.sh_onemate_snippet_109 .banner_section h1{margin-top: 20%; font-size: 50px; text-transform: uppercase; letter-spacing: 10px; font-weight: 300; color: #fff; margin-left: 10%;}.sh_onemate_snippet_109 .banner_section .banner_titles{margin-bottom: 20%; overflow: hidden; min-height: 42px; font-size: 1.75em; margin-left: 10%;}.sh_onemate_snippet_109 .banner_section .btm{position: absolute; display: -webkit-flex; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; left: 0; right: 0; -webkit--webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; bottom: 8%; padding: 0px 0px; margin-left: 10%;}.sh_onemate_snippet_109 .banner_section .btm > .right ul.connect{margin-right: 50px; margin-bottom: 5px; display: block; margin-top: 10px;}.sh_onemate_snippet_109 .banner_section .btm > .left, .sh_onemate_snippet_109 .banner_section .btm > .right{margin: 0; text-align: right;}.sh_onemate_snippet_109 .banner_section .banner_titles .main:after{height: 100%; width: 100%; top: 0; left: 0; color: #fff; font-size: 30px; position: absolute; content: 'Part - Time Farmer'; animation: text infinite 10s;}.sh_onemate_snippet_109 .banner_section .btm .scroll-down-indicator{-webkit-transform: translate3d(0%, 0, 0) !important; -o-transform: translate3d(0%, 0, 0) !important; -ms-transform: translate3d(0%, 0, 0) !important; transform: translate3d(0%, 0, 0) !important; cursor: pointer;}} @media screen and (max-width: 576px){.sh_onemate_snippet_109 .banner_section{background-color: #4d4d4d; height: 100%; min-height: 400px; position: relative; color: #fff; display: -webkit-flex; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit--webkit-box-pack: end; justify-content: flex-end; -webkit-box-pack: end; justify-content: flex-end;}.sh_onemate_snippet_109 .banner_section .banner_titles{margin-bottom: 40%; overflow: hidden; min-height: 42px; font-size: 1.75em; margin-left: 10%;}.sh_onemate_snippet_109 .banner_section h1{margin-top: 20%; font-size: 40px; text-transform: uppercase; letter-spacing: 6px; font-weight: 300; color: #fff; margin-left: 10%;}.sh_onemate_snippet_109 .banner_section .btm{position: absolute; display: -webkit-flex; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; left: 0; right: 0; -webkit--webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; bottom: 15%; padding: 0px 0px; margin-left: 10%;}.sh_onemate_snippet_109 .banner_section .btm ul.connect > li{display: inline-block; height: 35px; width: 35px; font-size: 15px; border: 2px solid #fff; line-height: 35px; text-align: center; border-radius: 35px; margin-left: 15px; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; transition: background-color 0.3s ease;}.sh_onemate_snippet_109 .carousel-inner .carousel-item img{width: 100%; height: 400px; object-fit: cover;}.sh_onemate_snippet_109 .banner_section .btm > .left, .sh_onemate_snippet_109 .banner_section .btm > .right{margin: 0; text-align: left;}.sh_onemate_snippet_109 .banner_section .banner_titles .main:after{height: 100%; width: 100%; top: 0; left: 0; color: #fff; font-size: 25px; position: absolute; content: 'Part - Time Farmer'; animation: text infinite 10s;}} @media screen and (max-width: 450px){.sh_onemate_snippet_109 .banner_section h1{margin-top: 20%; font-size: 35px; text-transform: uppercase; letter-spacing: 4px; font-weight: 300; color: #fff; margin-left: 10%;}.sh_onemate_snippet_109 .banner_section .banner_titles .main:after{height: 100%; width: 100%; top: 0; left: 0; color: #fff; font-size: 20px; position: absolute; content: 'Part - Time Farmer'; animation: text infinite 10s;}.sh_onemate_snippet_109 .banner_section .btm > .right ul.connect{margin-left: -20px; margin-bottom: 5px; margin-top: 15px;}} @media screen and (max-width: 360px){.sh_onemate_snippet_109 .banner_section .btm ul.connect > li{display: inline-block; height: 35px; width: 35px; font-size: 15px; border: 2px solid #fff; line-height: 35px; text-align: center; border-radius: 35px; margin-left: 10px; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; transition: background-color 0.3s ease;}.sh_onemate_snippet_109 .banner_section .btm{position: absolute; display: -webkit-flex; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; left: 0; right: 0; -webkit--webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; bottom: 10%; padding: 0px 0px; margin-left: 10%;}} .sh_onemate_snippet_110{width: 100%; padding: 50px 0px; position: relative;} .sh_onemate_snippet_110 .about-us-details{text-align: right; padding: 0px 80px 0px 0px; border-right: 1px solid #d7d7d7;} .sh_onemate_snippet_110 .about-us-details h1{margin-bottom: 0px; font-size: 33px; color: #709587; font-weight: bold; text-transform: capitalize;} .sh_onemate_snippet_110 .about-us-details p{margin-bottom: 0px; font-size: 16px; color: #7c7ba9; margin-top: 5px; text-transform: capitalize;} .sh_onemate_snippet_110 .about-us-details .about-us-detils-icon{text-align: right; font-size: 50px; color: #d7d7d7;} .sh_onemate_snippet_110 .about-us-content{text-align: left; padding: 0px 20px; font-size: 16px; line-height: 30px; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; color: #7c7ba9;} .sh_onemate_snippet_110 .second-row{margin-top: 0px;} .sh_onemate_snippet_110 .about-profile{padding: 0px 20px; text-align: left;} .sh_onemate_snippet_110 .about-profile .sh_division .progress{border-radius: 10px; height: 10px;} .sh_onemate_snippet_110 .about-profile .about-progress-bar{margin-top: 30px;} .sh_onemate_snippet_110 .about-profile .about-profile-content{padding: 0px 40px 0px 0px; margin-top: 50px; margin-bottom: 0px; color: #7c7ba9; font-size: 16px;} .sh_onemate_snippet_110 .about-profile-info{width: 50%; padding: 20px;} .sh_onemate_snippet_110 .about-profile .sh_division p span{float: right;} .sh_onemate_snippet_110 .about-profile .sh_division p{font-size: 16px; margin-bottom: 5px;} .sh_onemate_snippet_110 .about-profile .sh_division .progress{border-radius: 10px;} .sh_onemate_snippet_110 .about-profile .sh_division .progress .progress-bar{display: -webkit-box; display: -webkit-flex; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit--webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; justify-content: center; color: #FFFFFF; text-align: center; white-space: nowrap; background-color: #709587; border-radius: 10px; transition: width 0.6s ease;} .sh_onemate_snippet_110 .about-profile-img{height: 400px; border-radius: 10px; position: relative;} .sh_onemate_snippet_110 .about-profile-img img{height: 100%; width: 100%; object-fit: cover; border-radius: 10px; object-position: right;} .sh_onemate_snippet_110 .about-profile-img .layer{position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); top: 0; border-radius: 10px; left: 0;} .sh_onemate_snippet_110 .about-profile .profile-info-button{color: #fff; margin-top: 50px; border-radius: 10px;} .sh_onemate_snippet_110 .about-profile .profile-info-button .download-button{background-color: #709587; transition: all 0.5s ease-in-out; font-size: 16px; border-radius: 5px; border: 0px; position: relative; z-index: 1;} .sh_onemate_snippet_110 .about-profile .profile-info-button .download-button:hover:after{background: #709587; border-radius: 10px;} .sh_onemate_snippet_110 .about-profile .profile-info-button .download-button:hover:before{left: 0; opacity: 1; right: 0;} .sh_onemate_snippet_110 .about-profile .profile-info-button .download-button:hover{background-color: transparent; border-color: #709587;} .sh_onemate_snippet_110 .about-profile .profile-info-button .download-button:focus, .sh_onemate_snippet_110 .about-profile .profile-info-button .download-button:hover, .sh_onemate_snippet_110 .about-profile .profile-info-button .download-button.active{box-shadow: none; outline: medium none;} .sh_onemate_snippet_110 .about-profile .profile-info-button .download-button::before{content: ""; position: absolute; left: 50%; right: 50%; top: 0; bottom: 0; opacity: 0; border-radius: 5px; background-color: #709587; z-index: -1; transition: all 0.5s ease-in-out;} @media screen and (max-width: 768px){.sh_onemate_snippet_110 .about-profile-img img{height: 100%; width: 100%; object-fit: cover; border-radius: 10px; object-position: unset;}.sh_onemate_snippet_110 .second-row{margin-top: 0px;}.sh_onemate_snippet_110 .about-profile .sh_division .progress{border-radius: 10px; height: 10px;}.sh_onemate_snippet_110 .about-us-details h1{margin-bottom: 0px; font-size: 30px; color: #709587; font-weight: bold; text-transform: capitalize;}.sh_onemate_snippet_110 .about-profile .about-profile-content{padding: 0px 40px 0px 0px; margin-top: 0px; margin-bottom: 0px; color: #7c7ba9; font-size: 16px;}.sh_onemate_snippet_110 .about-us-details{text-align: right; padding: 0px 50px 0px 0px; border-right: 1px solid #d7d7d7;}.sh_onemate_snippet_110 .about-profile-img{height: 345px; border-radius: 10px; position: relative;}} @media screen and (max-width: 567px){.sh_onemate_snippet_110 .second-row .col-md-8{order: 2;}.sh_onemate_snippet_110 .second-row .col-md-4{order: 1;}.sh_onemate_snippet_110 .about-us-details .about-us-detils-icon{text-align: right; font-size: 40px !important; color: #d7d7d7;}.sh_onemate_snippet_110 .about-profile{padding: 0px 0px; text-align: left;}.sh_onemate_snippet_110 .about-us-details h1{margin-bottom: 0px; font-size: 28px; color: #709587; font-weight: bold; text-transform: capitalize;}.sh_onemate_snippet_110 .about-us-details{text-align: left; padding: 0px 80px 0px 0px; border-right: 1px solid transparent;}.sh_onemate_snippet_110 .about-us-details .about-us-detils-icon{text-align: left; font-size: 50px; color: #d7d7d7;}.sh_onemate_snippet_110{width: 100%; padding: 0px 0px 20px 0px; position: relative;}.sh_onemate_snippet_110 .about-us-content{text-align: left; padding: 0px; font-size: 14px; line-height: 30px; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; color: #7c7ba9;}.sh_onemate_snippet_110 .about-us-details p{margin-bottom: 0px; font-size: 14px; color: #7c7ba9; margin-top: 10px; text-transform: capitalize;}.sh_onemate_snippet_110 .about-profile .about-profile-content{padding: 0px 0px 0px 0px; margin-top: 20px; margin-bottom: 0px; color: #7c7ba9; font-size: 16px;}.sh_onemate_snippet_110 .about-profile .profile-info-button .download-button{background-color: #709587 !important; font-size: 14px; border: 0px;}.sh_onemate_snippet_110 .about-profile .sh_division p{font-size: 14px; margin-bottom: 5px;}} .sh_onemate_snippet_111{width: 100%; padding: 50px 0px 80px 0px; position: relative; background: #f1f1f1;} .sh_onemate_snippet_111 .service-details{text-align: right; padding: 0px 80px 0px 0px; border-right: 1px solid #d7d7d7;} .sh_onemate_snippet_111 .service-details h1{margin-bottom: 0px; font-size: 33px; color: #709587; font-weight: bold; text-transform: capitalize;} .sh_onemate_snippet_111 .service-details p{margin-bottom: 0px; font-size: 16px; color: #7c7ba9; margin-top: 5px; text-transform: capitalize;} .sh_onemate_snippet_111 .service-details .service-details-icon{text-align: right; font-size: 50px; color: #d7d7d7;} .sh_onemate_snippet_111 .service-content{text-align: left; padding: 0px 20px; font-size: 16px; line-height: 30px; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; color: #7c7ba9;} .sh_onemate_snippet_111 .second-row{margin-top: 40px;} .sh_onemate_snippet_111 .service-info{padding: 50px; position: relative; overflow: hidden; border-bottom: 5px solid #709587; border-radius: 5px; transition: 1s; z-index: 1; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; background: #fff; text-align: center;} .sh_onemate_snippet_111 .service-info::before{content: ''; background: #709587; transition: 1s; position: absolute; height: 100%; width: 100%; top: 100%; z-index: -1;} .sh_onemate_snippet_111 .service-info:hover::before{top: 0%;} .sh_onemate_snippet_111 .service-info .service-info-icon span{color: #709587; font-size: 40px; transition: 1s; text-align: center;} .sh_onemate_snippet_111 .service-info:hover .service-info-icon span{color: #fff;} .sh_onemate_snippet_111 .service-info:hover .service-info-title h3{font-weight: normal; color: #fff;} .sh_onemate_snippet_111 .service-info:hover .service-info-title p{color: #fff;} .sh_onemate_snippet_111 .service-info .service-info-title h3{font-weight: normal; color: #414141; transition: 1s; font-size: 25px; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 1; margin-bottom: 0px; margin-top: 10px; -webkit-box-orient: vertical; overflow: hidden;} .sh_onemate_snippet_111 .service-info .service-info-title p{font-size: 16px; color: #7c7ba9; padding: 0px 20px; transition: 1s; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 2; margin-top: 10px; margin-bottom: 0px; -webkit-box-orient: vertical; overflow: hidden;} @media screen and (max-width: 768px){.sh_onemate_snippet_111 .service-details h1{margin-bottom: 0px; font-size: 30px; color: #709587; font-weight: bold; text-transform: capitalize;}.sh_onemate_snippet_111 .service-details{text-align: right; padding: 0px 50px 0px 0px; border-right: 1px solid #d7d7d7;}.sh_onemate_snippet_111 .second-row{margin-top: 50px;}.sh_onemate_snippet_111 .service-info .service-info-title h3{font-weight: normal; color: #414141; transition: 1s; font-size: 22px; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 1; margin-bottom: 0px; margin-top: 10px; -webkit-box-orient: vertical; overflow: hidden;}} @media (max-width: 567px){.sh_onemate_snippet_111 .second-row{margin-top: 0px;}.sh_onemate_snippet_111 .service-details h1{margin-bottom: 0px; font-size: 28px; color: #709587; font-weight: bold; text-transform: capitalize;}.sh_onemate_snippet_111 .service-details .service-details-icon{text-align: left; font-size: 40px !important; color: #d7d7d7;}.sh_onemate_snippet_111 .service-details{text-align: left; padding: 0px 80px 0px 0px; border-right: 1px solid transparent;}.sh_onemate_snippet_111 .service-info .service-info-title h3{font-weight: normal; color: #414141; transition: 1s; font-size: 20px; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 1; margin-bottom: 0px; margin-top: 10px; -webkit-box-orient: vertical; overflow: hidden;}.sh_onemate_snippet_111 .service-info .service-info-icon span{color: #709587; font-size: 35px; transition: 1s; text-align: center;}.sh_onemate_snippet_111 .service-content{text-align: left; padding: 0px; font-size: 14px; line-height: 30px; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; color: #7c7ba9;}.sh_onemate_snippet_111 .service-details p{margin-bottom: 0px; font-size: 14px; color: #7c7ba9; margin-top: 10px; text-transform: capitalize;}.sh_onemate_snippet_111{width: 100%; padding: 0px 0px 50px 0px; position: relative; background: #f1f1f1;}.sh_onemate_snippet_111 .service-info .service-info-title p{font-size: 14px; color: #7c7ba9; padding: 0px 20px; transition: 1s; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 2; margin-top: 10px; margin-bottom: 0px; -webkit-box-orient: vertical; overflow: hidden;}} .sh_onemate_snippet_112{width: 100%; padding: 50px 0px 0px 0px; position: relative;} .sh_onemate_snippet_112 .portfolio-details{text-align: right; padding: 0px 80px 0px 0px; border-right: 1px solid #d7d7d7;} .sh_onemate_snippet_112 .portfolio-details h1{margin-bottom: 0px; font-size: 33px; color: #709587; font-weight: bold; text-transform: capitalize;} .sh_onemate_snippet_112 .portfolio-details p{margin-bottom: 0px; font-size: 16px; color: #7c7ba9; margin-top: 5px; text-transform: capitalize;} .sh_onemate_snippet_112 .portfolio-details .portfolio-details-icon{text-align: right; font-size: 50px; color: #d7d7d7;} .sh_onemate_snippet_112 .portfolio-content{text-align: left; padding: 0px 20px; font-size: 16px; line-height: 30px; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; color: #7c7ba9;} .sh_onemate_snippet_112 .second-row{margin-top: 80px;} .sh_onemate_snippet_112 .second-row .nav{display: -webkit-box; display: -webkit-flex; display: -webkit-box; display: -webkit-flex; display: flex; -webkit--webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; align-items: center; justify-content: center; padding-left: 0; margin-bottom: 0; list-style: none;} .sh_onemate_snippet_112 .second-row .nav-pills .nav-link{border-radius: 0px; color: #7c7ba9; background: #efefef; margin-left: 10px; font-weight: 700;} .sh_onemate_snippet_112 .second-row .nav-pills .nav-link.active, .nav-pills .show > .nav-link{color: #FFFFFF; background-color: #056bbb; font-weight: 700;} .sh_onemate_snippet_112 .second-row .Grid img{height: 100%; width: 100%; object-fit: cover;} .sh_onemate_snippet_112 .portfolio12 .card-img-top{position: relative;} .sh_onemate_snippet_112 .portfolio12 .js_cls_s_portfolio_lcl:hover .sh-overlay{opacity: 1;} .sh_onemate_snippet_112 .sh-overlay{left: 12px; top: 12px; right: 12px; bottom: 12px; text-align: center; background-color: rgba(0, 0, 0, 0.6); position: absolute; overflow: hidden; opacity: 0; transition: opacity .5s ease-out;} .sh_onemate_snippet_112 .sh-overlay .sh-overlay-content{position: absolute; left: 32%; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; top: 45%;} .sh_onemate_snippet_112 .sh-overlay .sh-overlay-content span:first-child{height: 50px; width: 50px; background: #709587; color: #fff; line-height: 50px; border-radius: 50px; margin-right: 10px; display: inline-block;} .sh_onemate_snippet_112 .sh-overlay .sh-overlay-content span:last-child{height: 50px; width: 50px; display: inline-block; background: #709587; color: #fff; line-height: 50px; border-radius: 50px;} .sh_onemate_snippet_112 .portfolio12 .js_cls_s_portfolio_lcl:hover:after{opacity: 1;} .sh_onemate_snippet_112 .portfolio12 .nav_name{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; margin: 80px 0px 50px 0px;} .sh_onemate_snippet_112 .portfolio12 .nav_name .btn.active{background: #709587; color: #fff; font-weight: normal;} .sh_onemate_snippet_112 .portfolio12-icons{display: -webkit-box; display: -webkit-flex; display: flex; opacity: 0; transition: 0.5s; justify-content: center; align-items: center; flex-direction: row;} .sh_onemate_snippet_112 .portfolio12-icons .portfolio12-icon-first{font-size: 25px; position: absolute; left: 40%; margin: 0px auto; transform: translate(-50%, -50%); top: 50%; color: red; height: 50px; z-index: 5; background: #709587; height: 50px; width: 50px; line-height: 50px; border-radius: 50px; text-align: center; color: #fff;} .sh_onemate_snippet_112 .portfolio12-icons .portfolio12-icon-second{font-size: 25px; position: absolute; right: 30%; margin: 0px auto; transform: translate(-50%, -50%); top: 50%; color: red; height: 50px; z-index: 5; background: #709587; height: 50px; width: 50px; line-height: 50px; border-radius: 50px; text-align: center; color: #fff;} .sh_onemate_snippet_112 .portfolio12 .js_cls_s_portfolio_filter_el:hover .portfolio12-icons{opacity: 1;} .sh_onemate_snippet_112 .portfolio12 .nav_name .btn:hover{background: #709587; color: #fff; font-weight: normal;} .sh_onemate_snippet_112 .portfolio12 .nav_name .btn{color: #7c7ba9; background: #efefef; font-weight: normal;} .sh_onemate_snippet_112 .portfolio12 .nav_name p{height: 0px; width: 0px; opacity: 0;} @media screen and (max-width: 768px){.sh_onemate_snippet_112 .sh-overlay .sh-overlay-content{position: absolute; left: 24%; display: -webkit-inline-box; display: -webkit-inline-flex; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; top: 45%;}.sh_onemate_snippet_112 .portfolio-details h1{margin-bottom: 0px; font-size: 30px; color: #709587; font-weight: bold; text-transform: capitalize;}.sh_onemate_snippet_112 .portfolio-details{text-align: right; padding: 0px 50px 0px 0px; border-right: 1px solid #d7d7d7;}.sh_onemate_snippet_112 .second-row{margin-top: 50px;}.sh_onemate_snippet_112 .portfolio12 .nav_name .btn{color: #7c7ba9; background: #efefef; font-weight: normal; font-size: 13px;}} @media (max-width: 567px){.sh_onemate_snippet_112 .second-row{margin-top: 0px;}.sh_onemate_snippet_112 .portfolio-details h1{margin-bottom: 0px; font-size: 28px; color: #709587; font-weight: bold; text-transform: capitalize;}.sh_onemate_snippet_112 .portfolio-details .portfolio-details-icon{text-align: left; font-size: 40px; color: #d7d7d7;}.sh_onemate_snippet_112 .sh-overlay .sh-overlay-content{position: absolute; left: 32%; display: -webkit-inline-box; display: -webkit-inline-flex; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; top: 45%;}.sh_onemate_snippet_112 .portfolio-details{text-align: left; padding: 0px 80px 0px 0px; border-right: 1px solid transparent;}.sh_onemate_snippet_112{width: 100%; padding: 0px 0px 0px 0px; position: relative;}.sh_onemate_snippet_112 .portfolio12 .nav_name{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; margin: 40px 0px 40px 0px;}.sh_onemate_snippet_112 .portfolio-content{text-align: left; padding: 0px; font-size: 14px; line-height: 30px; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; color: #7c7ba9;}.sh_onemate_snippet_112 .portfolio-details p{margin-bottom: 0px; font-size: 14px; color: #7c7ba9; margin-top: 10px; text-transform: capitalize;}.sh_onemate_snippet_112 .portfolio12 .nav_name .btn{color: #7c7ba9; background: #efefef; font-size: 11px;}} @media screen and (max-width: 360px){.sh_onemate_snippet_112 .portfolio12 .nav_name .btn{font-size: 9px; margin: 0px -3px 0px 0px;}} .sh_onemate_snippet_113{width: 100%; padding: 50px 0px; position: relative; background: #f1f1f1;} .sh_onemate_snippet_113 .header-content{font-size: 40px; color: #d7d7d7; margin: 0px 0px 50px 0px;} .sh_onemate_snippet_113 .header-content span:last-child{color: #709587; margin-left: 10px; font-size: 33px;} .sh_onemate_snippet_113 .timeline{border-left: 1px solid #c1c1c1; margin-left: 20px; margin-bottom: 30px; position: relative;} .sh_onemate_snippet_113 .timeline .timeline_box{padding-left: 40px; margin-bottom: 30px; position: relative;} .sh_onemate_snippet_113 .timeline .timeline_box .timeline_content{position: relative;} .sh_onemate_snippet_113 .timeline .timeline_box .timeline_content h4{color: #212121; font-size: 25px;} .sh_onemate_snippet_113 .timeline .timeline_box .timeline_content p{color: #7c7ba9;} .sh_onemate_snippet_113 .timeline .timeline_box .timeline_content .text_default{color: #709587;} .sh_onemate_snippet_113 .timeline .timeline_box .timeline_icon{left: -18px; top: 0; position: absolute; background-color: #709587; height: 35px; width: 35px; border-radius: 100%; z-index: 1; text-align: center; line-height: 35px;} .sh_onemate_snippet_113 .timeline .timeline_box .timeline_icon:after{content: ''; position: absolute; left: 0; top: 0; background-color: #709587; border-radius: 100%; opacity: 0.4; z-index: -1; margin: -4px; right: 0; bottom: 0;} .sh_onemate_snippet_113 .timeline .timeline_box .timeline_icon span{color: #fff;} @media screen and (max-width: 768px){.sh_onemate_snippet_113 .header-content span:last-child{color: #709587; margin-left: 10px; font-size: 30px;}.sh_onemate_snippet_113 .timeline .timeline_box .timeline_content h4{color: #212121; font-size: 22px;}} @media screen and (max-width: 567px){.sh_onemate_snippet_113{width: 100%; padding: 20px 0px; position: relative; background: #f1f1f1;}.sh_onemate_snippet_113 .timeline .timeline_box .timeline_content h4{color: #212121; font-size: 20px;}.sh_onemate_snippet_113 .timeline .timeline_box .timeline_content p{color: #7c7ba9; font-size: 14px;}} .sh_onemate_snippet_114{width: 100%; padding: 50px 0px 50px 0px; position: relative;} .sh_onemate_snippet_114 .our-blog-details{text-align: right; padding: 0px 80px 0px 0px; border-right: 1px solid #d7d7d7;} .sh_onemate_snippet_114 .our-blog-details h1{margin-bottom: 0px; font-size: 33px; color: #709587; font-weight: bold; text-transform: capitalize;} .sh_onemate_snippet_114 .our-blog-details p{margin-bottom: 0px; font-size: 16px; color: #7c7ba9; margin-top: 5px; text-transform: capitalize;} .sh_onemate_snippet_114 .our-blog-details .our-blog-details-icon{text-align: right; font-size: 50px; color: #d7d7d7;} .sh_onemate_snippet_114 .our-blog-content{text-align: left; padding: 0px 20px; font-size: 16px; line-height: 30px; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; color: #7c7ba9;} .sh_onemate_snippet_114 .second-row{margin-top: 50px;} .sh_onemate_snippet_114 .our-blog{padding: 20px 0px;} .sh_onemate_snippet_114 .our-blog .blog-img{height: 300px; border-radius: 10px; position: relative; overflow: hidden;} .sh_onemate_snippet_114 .our-blog .blog-img:hover img{transform: scale(1.2);} .sh_onemate_snippet_114 .our-blog .blog-img .blog-img-sub-btn{position: absolute; left: 5%; top: 5%; z-index: 2;} .sh_onemate_snippet_114 .our-blog .blog-img .blog-img-sub-btn .button{padding: 10px 30px; color: #fff; background: #709587; font-size: 16px; position: relative; z-index: 1;} .sh_onemate_snippet_114 .our-blog .blog-img .blog-img-sub-btn .button:after{content: ''; transition: 1s; z-index: -1; position: absolute; height: 100%; width: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.3); opacity: 0; z-index: -1;} .sh_onemate_snippet_114 .our-blog .blog-img .blog-img-sub-btn .button:hover:after{opacity: 1;} .sh_onemate_snippet_114 .our-blog .blog-img img{height: 100%; width: 100%; border-radius: 10px; transition: 1s; object-fit: cover;} .sh_onemate_snippet_114 .our-blog .blog-img .layer{position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); top: 0; border-radius: 10px; left: 0;} .sh_onemate_snippet_114 .our-blog .our-blog-text h4{margin-top: 20px; color: #212121;} .sh_onemate_snippet_114 .our-blog .our-blog-text p{margin-top: 20px; color: #7c7ba9;} .sh_onemate_snippet_114 .our-blog .blog-date{font-size: 35px; margin-top: 20px; color: #709587;} .sh_onemate_snippet_114 .our-blog .blog-date span:last-child{color: #7c7ba9; font-size: 16px; margin-left: 10px; vertical-align: middle;} .sh_onemate_snippet_114 .card-body{padding: 50px 0px;} .sh_onemate_snippet_114 .card{overflow: hidden; margin: 80px 0px 0px 0px; border: 0px;} .sh_onemate_snippet_114 .card-header{display: -webkit-box; display: -webkit-flex; display: flex; background: transparent; border: 0px; justify-content: center; padding: 0px !important; margin: 0; margin-bottom: 10px;} .sh_onemate_snippet_114 .card-header-tabs{margin-right: 0; margin-bottom: 0; margin-left: 0; border-bottom: 0;} .sh_onemate_snippet_114 .nav-tabs .nav-item{margin-bottom: 0px; padding: 0px 5px;} .sh_onemate_snippet_114 .owl-theme .owl-nav{margin-top: 10px; opacity: 0;} .sh_onemate_snippet_114 .nav-tabs .nav-item > p{margin: 0; opacity: 0; height: 0px; width: 0px;} .sh_onemate_snippet_114 .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link{color: #fff; background-color: #709587;} .sh_onemate_snippet_114 .nav-tabs .nav-link .nav-tabs .nav-item.show .nav-link{color: #fff; background-color: #709587;} .sh_onemate_snippet_114 .owl-carousel.owl-drag .owl-item{padding: 0px 15px;} .sh_onemate_snippet_114 .nav-tabs .nav-link{border: 1px solid transparent; border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-top-right-radius: 0.25rem; background: #efefef; color: #414141; border-bottom-right-radius: 0.25rem;} .sh_onemate_snippet_114 .project{margin-top: 15px; text-align: center !important;} .sh_onemate_snippet_114 .project p{margin-top: 0; margin-bottom: 1rem; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 3; -webkit-box-orient: vertical; color: #7c7ba9; overflow: hidden;} .sh_onemate_snippet_114 .project h4{font-size: 20px;} .sh_onemate_snippet_114 .project h2 a{font-size: 25px;} .sh_onemate_snippet_114 .project .btn-primary{color: #FFFFFF; background-color: #EE6F57; border-color: #EE6F57; font-size: 16px; position: relative; z-index: 1;} .sh_onemate_snippet_114 .project .btn-primary{background-color: #709587; transition: all 0.5s ease-in-out; font-size: 16px; border-radius: 5px; border: 0px; position: relative; z-index: 1;} .sh_onemate_snippet_114 .project .btn-primary:hover:after{background: #709587; border-radius: 10px;} .sh_onemate_snippet_114 .project .btn-primary:hover:before{left: 0; opacity: 1; right: 0;} .sh_onemate_snippet_114 .project .btn-primary:hover{background-color: transparent; border-color: #709587;} .sh_onemate_snippet_114 .project .btn-primary:focus, .sh_onemate_snippet_114 .project .btn-primary:hover, .sh_onemate_snippet_114 .project .btn-primary.active{box-shadow: none; outline: medium none;} .sh_onemate_snippet_114 .project .btn-primary::before{content: ""; position: absolute; left: 50%; right: 50%; top: 0; bottom: 0; opacity: 0; border-radius: 5px; background-color: #709587; z-index: -1; transition: all 0.5s ease-in-out;} .sh_onemate_snippet_114 .card-body .o_half_screen_height, .cover_mid{min-height: 0vh !important;} .sh_onemate_snippet_114 .o_full_screen_height, .o_half_screen_height, .cover_mid, .cover_full{display: -webkit-box; display: -webkit-flex; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit--webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; padding: 50px 0px; justify-content: space-around; min-height: 0vh !important;} @media screen and (max-width: 768px){.sh_onemate_snippet_114 .second-row{margin-top: 50px;}.sh_onemate_snippet_114 .our-blog-details{text-align: right; padding: 0px 50px 0px 0px; border-right: 1px solid #d7d7d7;}.sh_onemate_snippet_114 .our-blog-details h1{margin-bottom: 0px; font-size: 30px; color: #709587; font-weight: bold; text-transform: capitalize;}.sh_onemate_snippet_114 .project{margin-top: 15px; text-align: center !important;}.sh_onemate_snippet_114 .card-body{padding: 40px 0px;}.sh_onemate_snippet_114 .project h4{font-size: 18px;}.sh_onemate_snippet_114 .project h2 a{font-size: 22px;}.sh_onemate_snippet_114 .card{overflow: hidden; margin: 40px 0px 0px 0px; border: 0px;}} @media (max-width: 567px){.sh_onemate_snippet_114 .second-row{margin-top: 0px;}.sh_onemate_snippet_114 .our-blog-details h1{margin-bottom: 0px; font-size: 28px; color: #709587; font-weight: bold; text-transform: capitalize;}.sh_onemate_snippet_114 .our-blog-details .our-blog-details-icon{text-align: left; font-size: 40px; color: #d7d7d7;}.sh_onemate_snippet_114 .our-blog-details{text-align: left; padding: 0px 80px 0px 0px; border-right: 1px solid transparent;}.sh_onemate_snippet_114 .our-blog-details p{margin-bottom: 0px; font-size: 14px; color: #7c7ba9; margin-top: 10px; text-transform: capitalize;}.sh_onemate_snippet_114 .our-blog-content{text-align: left; padding: 0px; font-size: 14px; line-height: 30px; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; color: #7c7ba9;}.sh_onemate_snippet_114{width: 100%; padding: 0px 0px 30px 0px; position: relative;}.sh_onemate_snippet_114 .our-blog .our-blog-text p{margin-top: 20px; color: #7c7ba9; font-size: 14px;}.sh_onemate_snippet_114 .project h4{font-size: 16px;}.sh_onemate_snippet_114 .project h2 a{font-size: 20px;}.sh_onemate_snippet_114 .card-body{padding: 10px 0px;}.sh_onemate_snippet_114 .card{overflow: hidden; margin: 40px 0px 0px 0px; border: 0px;}.sh_onemate_snippet_114 .container .container, .container .container-fluid, .container-fluid .container-fluid{padding-right: 0; padding-left: 0; padding-top: 30px;}.sh_onemate_snippet_114 .o_full_screen_height, .o_half_screen_height, .cover_mid, .cover_full{display: -webkit-box; display: -webkit-flex; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit--webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; padding: 30px 0px; justify-content: space-around; min-height: 0vh !important;}} .sh_onemate_snippet_115{width: 100%; padding: 80px 0px 80px 0px; position: relative; z-index: 1;} .sh_onemate_snippet_115:after{width: 100%; content: ''; z-index: -1; background: rgba(0, 0, 0, 0.6); height: 100%; top: 0; left: 0; position: absolute;} .sh_onemate_snippet_115 .row{z-index: 2;} .sh_onemate_snippet_115 .news-content{color: #fff;} .sh_onemate_snippet_115 .news-content h2{color: #fff; font-weight: 700;} .sh_onemate_snippet_115 .news-content p{color: #fff; margin-top: 10px; margin-bottom: 0px;} .sh_onemate_snippet_115 .news-btn{text-align: right;} .sh_onemate_snippet_115 .row .col-4{align-self: center;} .sh_onemate_snippet_115 .news-btn .button{padding: 10px 30px; font-size: 15px; color: #fff; background: #709587; border: 0px; position: relative; z-index: 1;} .sh_onemate_snippet_115 .news-btn .button{background-color: #709587; transition: all 0.5s ease-in-out; font-size: 16px; border-radius: 5px; border: 0px; position: relative; z-index: 1;} .sh_onemate_snippet_115 .news-btn .button:hover:after{background: #709587; border-radius: 10px;} .sh_onemate_snippet_115 .news-btn .button:hover:before{left: 0; opacity: 1; right: 0;} .sh_onemate_snippet_115 .news-btn .button:hover{background-color: transparent; border-color: #709587;} .sh_onemate_snippet_115 .news-btn .button:focus, .sh_onemate_snippet_115 .news-btn .button:hover, .sh_onemate_snippet_115 .news-btn .button.active{box-shadow: none; outline: medium none;} .sh_onemate_snippet_115 .news-btn .button::before{content: ""; position: absolute; left: 50%; right: 50%; top: 0; bottom: 0; opacity: 0; border-radius: 5px; background-color: #709587; z-index: -1; transition: all 0.5s ease-in-out;} @media screen and (max-width: 576px){.sh_onemate_snippet_115 .news-btn{text-align: left; margin-top: 10px;}.sh_onemate_snippet_115 .news-content p{color: #fff; margin-top: 10px; margin-bottom: 0px; font-size: 14px;}.sh_onemate_snippet_115 .news-btn .button{padding: 10px 30px; font-weight: 700; font-size: 14px; color: #fff; background: #709587;}} .sh_onemate_snippet_116{width: 100%; padding: 50px 0px; position: relative;} .sh_onemate_snippet_116 .contact-details{text-align: right; padding: 0px 80px 0px 0px; border-right: 1px solid #d7d7d7;} .sh_onemate_snippet_116 .contact-details h1{margin-bottom: 0px; font-size: 33px; color: #709587; font-weight: bold; text-transform: capitalize;} .sh_onemate_snippet_116 .contact-details p{margin-bottom: 0px; font-size: 16px; color: #7c7ba9; margin-top: 5px; text-transform: capitalize;} .sh_onemate_snippet_116 .contact-details .contact-details-icon{text-align: right; font-size: 50px; color: #d7d7d7;} .sh_onemate_snippet_116 .contact-content{text-align: left; padding: 0px 20px; font-size: 16px; line-height: 30px; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; color: #7c7ba9;} .sh_onemate_snippet_116 .second-row{margin-top: 80px;} .sh_onemate_snippet_116 .sh_address .fa, .sh_onemate_snippet_116 .sh_phone .fa, .sh_onemate_snippet_116 .sh_email .fa{background: #709587; border-radius: 0%; display: inline-block; font-size: 23px; height: 50px; line-height: 50px; text-align: center; width: 50px; vertical-align: super; color: #fff; border-radius: 50px; float: left;} .sh_onemate_snippet_116 .sh_address p, .sh_onemate_snippet_116 .sh_phone a, .sh_onemate_snippet_116 .sh_email a{display: inline-block; color: #505050; margin: 0px; text-decoration: none;} .sh_onemate_snippet_116 input{background: #ebebeb; border: 1px solid #ebebeb; border-radius: 5px; box-shadow: none; height: 50px; width: 100%; color: #7c7ba9;} .sh_onemate_snippet_116 textarea{height: 120px; width: 100%; max-width: 100%; background: #ebebeb; border: 1px solid #ebebeb; border-radius: 5px; color: #7c7ba9; box-shadow: none;} .sh_onemate_snippet_116 .form-control:focus{color: #7c7ba9; background-color: #FFFFFF; border: 0px; outline: 0; box-shadow: 0 0 0 0.2rem rgba(5, 99, 187, 0.25);} .sh_onemate_snippet_116 .sh_address, .sh_onemate_snippet_116 .sh_phone, .sh_onemate_snippet_116 .sh_email{margin-top: 1pc;} .sh_onemate_snippet_116 .sh_address{margin-top: 0pc;} .sh_onemate_snippet_116 .info-text{padding-left: 0px;} .sh_onemate_snippet_116 .info-text .down-side{padding-top: 5px; padding-left: 61px;} .sh_onemate_snippet_116 h2{font-size: 20px; margin-bottom: 0px; font-weight: 600; padding-left: 4pc; padding-top: 10px;} .sh_onemate_snippet_116 .btn{background: #709587; color: #ffffff; font-size: 15px; line-height: 24px; border: none; padding: 10px 40px; text-transform: uppercase; letter-spacing: 1px; margin-top: 15px; transition: all 0.3s ease 0s; position: relative; z-index: 1;} .sh_onemate_snippet_116 .btn{background-color: #709587; transition: all 0.5s ease-in-out; font-size: 16px; border-radius: 5px; border: 0px; position: relative; z-index: 1;} .sh_onemate_snippet_116 .btn:hover:after{background: #709587; border-radius: 10px;} .sh_onemate_snippet_116 .btn:hover:before{left: 0; opacity: 1; right: 0;} .sh_onemate_snippet_116 .btn:hover{background-color: transparent; border-color: #709587;} .sh_onemate_snippet_116 .btn:focus, .sh_onemate_snippet_116 .btn:hover, .sh_onemate_snippet_116 .btn.active{box-shadow: none; outline: medium none;} .sh_onemate_snippet_116 .btn::before{content: ""; position: absolute; left: 50%; right: 50%; top: 0; bottom: 0; opacity: 0; border-radius: 5px; background-color: #709587; z-index: -1; transition: all 0.5s ease-in-out;} .sh_onemate_snippet_116 .sh_address span{font-size: 14px;} .sh_onemate_snippet_116 .sh_address p, .sh_onemate_snippet_116 .sh_phone a, .sh_onemate_snippet_116 .sh_email a{display: inline-block; color: #505050; margin: 0px; text-decoration: none; font-size: 14px; padding: 0px 0px;} .sh_onemate_snippet_116 .sh_phone a:hover{color: #709587;} .sh_onemate_snippet_116 .sh_email a:hover{color: #709587;} @media (max-width: 992px){.sh_onemate_snippet_116 .sh_contact_form_area{margin-top: 2pc;}} @media (max-width: 768px){.sh_onemate_snippet_116 .second-row{margin-top: 50px;}.sh_onemate_snippet_116 .sh_address{margin-top: 1pc;}.sh_onemate_snippet_116 .contact-details{text-align: right; padding: 0px 50px 0px 0px; border-right: 1px solid #d7d7d7;}.sh_onemate_snippet_116 .contact-details h1{margin-bottom: 0px; font-size: 30px; color: #709587; font-weight: bold; text-transform: capitalize;}.sh_onemate_snippet_116 h2{font-size: 18px; margin-bottom: 0px; font-weight: 600; padding-left: 4pc; padding-top: 10px;}} @media (max-width: 567px){.sh_onemate_snippet_116 .second-row{margin-top: 0px;}.sh_onemate_snippet_116 .contact-details h1{margin-bottom: 0px; font-size: 28px; color: #709587; font-weight: bold; text-transform: capitalize;}.sh_onemate_snippet_116{width: 100%; padding: 0px 0px 20px 0px; position: relative;}.sh_onemate_snippet_116 .contact-content{text-align: left; padding: 0px 0px; font-size: 14px; line-height: 30px; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; color: #7c7ba9;}.sh_onemate_snippet_116 .contact-details p{margin-bottom: 0px; font-size: 14px; color: #7c7ba9; margin-top: 10px; text-transform: capitalize;}.sh_onemate_snippet_116 .sh_address p, .sh_onemate_snippet_116 .sh_phone a, .sh_onemate_snippet_116 .sh_email a{display: inline-block; color: #505050; margin: 0px; text-decoration: none; font-size: 14px;}.sh_onemate_snippet_116 .sh_address span{font-size: 14px;}.sh_onemate_snippet_116 .sh_address p, .sh_onemate_snippet_116 .sh_phone a, .sh_onemate_snippet_116 .sh_email a{display: inline-block; color: #505050; margin: 0px; text-decoration: none; font-size: 14px;}.sh_onemate_snippet_116 .info-text .down-side{padding-top: 3px; padding-left: 61px;}.sh_onemate_snippet_116 .contact-details .contact-details-icon{text-align: left; font-size: 40px; color: #d7d7d7;}.sh_onemate_snippet_116 .contact-details{text-align: left; padding: 0px 80px 0px 0px; border-right: 1px solid transparent;}.sh_onemate_snippet_116 textarea{height: 120px; width: 100%; max-width: 100%; background: #ebebeb; border: 1px solid #ebebeb; border-radius: 5px; color: #7c7ba9; box-shadow: none; font-size: 14px;}.sh_onemate_snippet_116 input{background: #ebebeb; border: 1px solid #ebebeb; border-radius: 5px; box-shadow: none; height: 50px; width: 100%; color: #7c7ba9; font-size: 14px;}.sh_onemate_snippet_116 .btn{background: #709587; font-weight: 700; color: #ffffff; font-size: 14px; line-height: 24px; border: none; padding: 10px 40px; text-transform: uppercase; letter-spacing: 1px; margin-top: 15px; transition: all 0.3s ease 0s;}} .o_connected_user .o_header_affix.affixed{margin-top: 45px !important;} 

/* /sh_onemate_theme/static/src/scss/readymade/color_palettes.scss defined in bundle 'web.assets_frontend' */
 

/* /sh_onemate_theme/static/src/css/extra_addons/sh_notice_board/snippets.css defined in bundle 'web.assets_frontend' */
 #sh_nb_notice_board_main_horizontal_section_1{padding: 0;} #sh_nb_notice_board_main_horizontal_section_1 .left_box span{font-weight:600;position:relative;font-size:15px;} #sh_nb_notice_board_main_horizontal_section_1 .left_box:before{background: #000;content: "";position: absolute;top: 6px; right: -15px;z-index: 1;height: 28px; width: 30px;border-radius: 0;border: 0px solid #3d3d3d;transform: rotate(45deg); overflow: hidden;} #sh_nb_notice_board_main_horizontal_section_1 .right_box marquee span{border-right:0px solid;padding:0 20px 0 20px;font-size:16px;color:#fff;} #sh_nb_notice_board_main_horizontal_section_1 .left_box{background: #000;padding: 10px;text-align:center;color:#fff;} #sh_nb_notice_board_main_horizontal_section_1 .right_box{padding:0;padding-left:25px;} #sh_nb_notice_board_main_horizontal_section_1 .right_box .sh_nb_notice_board_main_horizontal_marquee_cls_1{padding-top:10px;} #sh_nb_notice_board_main_horizontal_section_1 .right_box marquee span:before{font-family: "FontAwesome";content: "\f178"; top: 0px;left: -8px;position: relative;font-size: 15px;} #sh_nb_notice_board_main_horizontal_section_2{margin-top:50px;margin-bottom:50px;overflow:hidden;line-height: 30px;} #sh_nb_notice_board_main_horizontal_section_2{display: block;width: 100%;margin: 50px auto;padding: 5px 10px;height: 40px;z-index: 999;} #sh_nb_notice_board_main_horizontal_section_2 a{padding: 7px 20px;border-radius: 0;outline: none;border: 0;margin-top: 0px;color:#fff;width:100%; font-size:16px;font-weight:600;} #sh_nb_notice_board_main_horizontal_section_2 marquee .sh_text{display: inline-block;font-weight: 500;margin-right: 20px;font-size:16px;} #sh_nb_notice_board_main_horizontal_section_2 marquee .sh_text .fa-caret-right{display:inline-block !important;padding-right:5px;} #sh_nb_notice_board_main_horizontal_section_2 .sh_nb_notice_board_main_horizontal_marquee_cls_2{line-height: 30px;} #sh_nb_notice_board_main_horizontal_section_3{overflow: hidden;} #sh_nb_notice_board_main_horizontal_section_3 .news_bg{background: #000;color: #fff;position: relative;padding: 10px;text-align: center;} #sh_nb_notice_board_main_horizontal_section_3 .news_bg:before{content: "";position: absolute;border-right: 68px solid #000;right: -34px;width: 10px;top: 10px; height: 65%; transform: rotate(54deg);overflow: hidden;} #sh_nb_notice_board_main_horizontal_section_3 .news_bg span{font-size: 16px;font-weight: 600;} #sh_nb_notice_board_main_horizontal_section_3 .sh_news_description{padding-top: 10px;font-size: 16px;margin-right:20px;display:inline-block;} #sh_nb_notice_board_main_horizontal_section_3 .sh_news_description span{padding-right:5px;} #sh_nb_notice_board_main_vertical_section_1 .sh_vertical_main{width:100%;} #sh_nb_notice_board_main_vertical_section_1 .sh_vertical_title{background:#000000;padding:8px 20px;color:#fff;text-align:center;} #sh_nb_notice_board_main_vertical_section_1 .sh_vertical_title span{font-size:18px;} #sh_nb_notice_board_main_vertical_section_1 .sh_vertical_main .sh_vertical_marquee{height:auto;background: rgb(161, 136, 127);} #sh_nb_notice_board_main_vertical_section_1 .sh_vertical_main .sh_vertical_marquee .sh_news{background: #fff; margin: 10px 5px 10px;padding: 10px;display:inline-block;white-space:normal;width:300px;} #sh_nb_notice_board_main_vertical_section_1 .sh_vertical_main .sh_vertical_marquee .sh_news h4{border-bottom: 1px dassh_nb_notice_board_main_horizontal_section_2 #b2b2b2;padding-bottom: 5px;color: #000;} #sh_nb_notice_board_main_vertical_section_1 .sh_vertical_main .sh_vertical_marquee .sh_news p{margin: 0 0 10px;color: #555;} #sh_nb_notice_board_main_vertical_section_2{margin: 30px 0;} #sh_nb_notice_board_main_vertical_section_2 .sh_nb_notice_board_main_vertical_section_2_title{text-align: center;background: #5e3e56;padding:10px 0;color:#fff;font-size: 16px;font-weight: 600;} #sh_nb_notice_board_main_vertical_section_2 .container-fluid{padding:0;} #sh_nb_notice_board_main_vertical_section_2 .container-fluid .sh_vertical_news_title{text-align: center;background: #5e3e56; padding: 8px 0;color: #fff;font-size: 16px;font-weight: 600;} #sh_nb_notice_board_main_vertical_section_2 .sh_news_box{height: auto;width: 300px;white-space: normal;margin: 10px 10px 10px 0;display: inline-block;background: #f5f5f5;color: #333;} #sh_nb_notice_board_main_vertical_section_2 .sh_news_box h4{padding: 10px;margin: 0;padding-bottom: 5px;border-bottom: 1px solid #e4e4e4;} #sh_nb_notice_board_main_vertical_section_2 .sh_news_box p{padding:10px;} #sh_nb_notice_board_main_vertical_section_3{margin: 30px 0;} #sh_nb_notice_board_main_vertical_section_3 .sh_nb_notice_board_main_vertical_section_2_title{text-align: center;font-size: 16px;font-weight: 600;padding:10px;} #sh_nb_notice_board_main_vertical_section_3 .sh_news_box{display: inline-block;padding:10px;color:#fff;width:300px;white-space: normal;margin: 15px 7px 0px;} #sh_nb_notice_board_main_vertical_section_3 .sh_news_box h4{font-weight: 900;color:#fff; border-bottom:1px solid #bfbfbf;padding-bottom:5px;} #sh_nb_notice_board_main_vertical_section_3 .sh_vertical_news_title{padding: 8px 0;text-align:center;color: #fff;font-size: 16px; font-weight: 600;} 

/* /sh_onemate_theme/static/src/css/extra_addons/sh_website_preloader/preloader.css defined in bundle 'web.assets_frontend' */
 #preloader{position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 10000;} #status{position: absolute; left: 50%; top: 50%; margin: 0px; transform: translate(-50% , -50%);} .ball-pulse-sync > div, .ball-pulse > div, .ball-scale-random > div, .ball-scale > div{background-color: #fff; border-radius: 100%; margin: 2px; display: inline-block;} @-webkit-keyframes scale{0%, 80%{-webkit-transform: scale(1); transform: scale(1); opacity: 1;}45%{-webkit-transform: scale(0.1); transform: scale(0.1); opacity: 0.7;}} @keyframes scale{0%, 80%{-webkit-transform: scale(1); transform: scale(1); opacity: 1;}45%{-webkit-transform: scale(0.1); transform: scale(0.1); opacity: 0.7;}} .ball-pulse > div:nth-child(1){-webkit-animation: scale 0.75s -0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); animation: scale 0.75s -0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);} .ball-pulse > div:nth-child(2){-webkit-animation: scale 0.75s -0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); animation: scale 0.75s -0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);} .ball-pulse > div:nth-child(3){-webkit-animation: scale 0.75s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); animation: scale 0.75s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);} .ball-pulse > div{width: 15px; height: 15px; -webkit-animation-fill-mode: both; animation-fill-mode: both;} @-webkit-keyframes ball-pulse-sync{33%{-webkit-transform: translateY(10px); transform: translateY(10px);}66%{-webkit-transform: translateY(-10px); transform: translateY(-10px);}100%{-webkit-transform: translateY(0); transform: translateY(0);}} @keyframes ball-pulse-sync{33%{-webkit-transform: translateY(10px); transform: translateY(10px);}66%{-webkit-transform: translateY(-10px); transform: translateY(-10px);}100%{-webkit-transform: translateY(0); transform: translateY(0);}} .ball-pulse-sync > div:nth-child(1){-webkit-animation: ball-pulse-sync 0.6s -0.14s infinite ease-in-out; animation: ball-pulse-sync 0.6s -0.14s infinite ease-in-out;} .ball-pulse-sync > div:nth-child(2){-webkit-animation: ball-pulse-sync 0.6s -70ms infinite ease-in-out; animation: ball-pulse-sync 0.6s -70ms infinite ease-in-out;} .ball-pulse-sync > div:nth-child(3){-webkit-animation: ball-pulse-sync 0.6s 0s infinite ease-in-out; animation: ball-pulse-sync 0.6s 0s infinite ease-in-out;} .ball-pulse-sync > div{width: 15px; height: 15px; -webkit-animation-fill-mode: both; animation-fill-mode: both;} @-webkit-keyframes ball-scale{0%{-webkit-transform: scale(0); transform: scale(0);}100%{-webkit-transform: scale(1); transform: scale(1); opacity: 0;}} @keyframes ball-scale{0%{-webkit-transform: scale(0); transform: scale(0);}100%{-webkit-transform: scale(1); transform: scale(1); opacity: 0;}} .ball-scale > div{height: 60px; width: 60px; -webkit-animation: ball-scale 1s 0s ease-in-out infinite; animation: ball-scale 1s 0s ease-in-out infinite;} .ball-scale-random{width: 37px; height: 40px;} .ball-scale-random > div{position: absolute; height: 30px; width: 30px; -webkit-animation: ball-scale 1s 0s ease-in-out infinite; animation: ball-scale 1s 0s ease-in-out infinite;} .ball-rotate, .ball-rotate > div{position: relative;} .ball-rotate > div, .ball-rotate > div:after, .ball-rotate > div:before{background-color: #fff; width: 15px; height: 15px; border-radius: 100%;} .ball-scale-random > div:nth-child(1){margin-left: -7px; -webkit-animation: ball-scale 1s 0.2s ease-in-out infinite; animation: ball-scale 1s 0.2s ease-in-out infinite;} .ball-scale-random > div:nth-child(3){margin-left: -2px; margin-top: 9px; -webkit-animation: ball-scale 1s 0.5s ease-in-out infinite; animation: ball-scale 1s 0.5s ease-in-out infinite;} @-webkit-keyframes rotate{0%{-webkit-transform: rotate(0); transform: rotate(0);}50%{-webkit-transform: rotate(180deg); transform: rotate(180deg);}100%{-webkit-transform: rotate(360deg); transform: rotate(360deg);}} .ball-rotate > div{margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both;} .ball-rotate > div:first-child{-webkit-animation: rotate 1s 0s cubic-bezier(0.7, -0.13, 0.22, 0.86) infinite; animation: rotate 1s 0s cubic-bezier(0.7, -0.13, 0.22, 0.86) infinite;} .ball-rotate > div:after, .ball-rotate > div:before{margin: 2px; content: ""; position: absolute; opacity: 0.8;} .ball-rotate > div:before{top: 0; left: -28px;} .ball-rotate > div:after{top: 0; left: 25px;} .ball-clip-rotate > div{border-radius: 100%; margin: 2px; border: 2px solid #fff; border-bottom-color: transparent; height: 26px; width: 26px; background: 0 0 !important; display: inline-block; -webkit-animation: rotate 0.75s 0s linear infinite; animation: rotate 0.75s 0s linear infinite;} @keyframes rotate{0%{-webkit-transform: rotate(0); transform: rotate(0);}50%{-webkit-transform: rotate(180deg); transform: rotate(180deg);}100%{-webkit-transform: rotate(360deg); transform: rotate(360deg);}} @keyframes scale{30%{-webkit-transform: scale(0.3); transform: scale(0.3);}100%{-webkit-transform: scale(1); transform: scale(1);}} .ball-clip-rotate-pulse{position: relative; -webkit-transform: translateY(-15px); transform: translateY(-15px);} .ball-clip-rotate-pulse > div{-webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute; top: 0; left: 0; border-radius: 100%;} .ball-clip-rotate-pulse > div:first-child{background: #fff; height: 16px; width: 16px; top: 7px; left: -7px; -webkit-animation: scale 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; animation: scale 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;} .ball-clip-rotate-pulse > div:last-child{position: absolute; width: 30px; height: 30px; left: -16px; top: -2px; background: 0 0; border: 2px solid; border-color: #fff transparent; -webkit-animation: rotate 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; animation: rotate 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; -webkit-animation-duration: 1s; animation-duration: 1s;} .ball-beat > div, .ball-scale-multiple > div{background-color: #fff; border-radius: 100%;} @keyframes rotate{0%{-webkit-transform: rotate(0) scale(1); transform: rotate(0) scale(1);}50%{-webkit-transform: rotate(180deg) scale(0.6); transform: rotate(180deg) scale(0.6);}100%{-webkit-transform: rotate(360deg) scale(1); transform: rotate(360deg) scale(1);}} .ball-clip-rotate-multiple{position: relative;} .ball-clip-rotate-multiple > div{position: absolute; left: -20px; top: -20px; border: 2px solid #fff; border-bottom-color: transparent; border-top-color: transparent; border-radius: 100%; height: 35px; width: 35px; -webkit-animation: rotate 1s 0s ease-in-out infinite; animation: rotate 1s 0s ease-in-out infinite;} .ball-clip-rotate-multiple > div:last-child{display: inline-block; top: -10px; left: -10px; width: 15px; height: 15px; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; border-color: #fff transparent; -webkit-animation-direction: reverse; animation-direction: reverse;} @-webkit-keyframes ball-scale-ripple{0%{-webkit-transform: scale(0.1); transform: scale(0.1); opacity: 1;}70%{-webkit-transform: scale(1); transform: scale(1); opacity: 0.7;}100%{opacity: 0;}} @keyframes ball-scale-ripple{0%{-webkit-transform: scale(0.1); transform: scale(0.1); opacity: 1;}70%{-webkit-transform: scale(1); transform: scale(1); opacity: 0.7;}100%{opacity: 0;}} .ball-scale-ripple > div{height: 50px; width: 50px; border-radius: 100%; border: 2px solid #fff; -webkit-animation: ball-scale-ripple 1s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8); animation: ball-scale-ripple 1s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);} @-webkit-keyframes ball-scale-ripple-multiple{0%{-webkit-transform: scale(0.1); transform: scale(0.1); opacity: 1;}70%{-webkit-transform: scale(1); transform: scale(1); opacity: 0.7;}100%{opacity: 0;}} @keyframes ball-scale-ripple-multiple{0%{-webkit-transform: scale(0.1); transform: scale(0.1); opacity: 1;}70%{-webkit-transform: scale(1); transform: scale(1); opacity: 0.7;}100%{opacity: 0;}} .ball-scale-ripple-multiple{position: relative; -webkit-transform: translateY(-25px); transform: translateY(-25px);} .ball-scale-ripple-multiple > div:nth-child(0){-webkit-animation-delay: -0.8s; animation-delay: -0.8s;} .ball-scale-ripple-multiple > div:nth-child(1){-webkit-animation-delay: -0.6s; animation-delay: -0.6s;} .ball-scale-ripple-multiple > div:nth-child(2){-webkit-animation-delay: -0.4s; animation-delay: -0.4s;} .ball-scale-ripple-multiple > div:nth-child(3){-webkit-animation-delay: -0.2s; animation-delay: -0.2s;} .ball-scale-ripple-multiple > div{position: absolute; top: -2px; left: -26px; width: 50px; height: 50px; border-radius: 100%; border: 2px solid #fff; -webkit-animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8); animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);} @-webkit-keyframes ball-beat{50%{opacity: 0.2; -webkit-transform: scale(0.75); transform: scale(0.75);}100%{opacity: 1; -webkit-transform: scale(1); transform: scale(1);}} @keyframes ball-beat{50%{opacity: 0.2; -webkit-transform: scale(0.75); transform: scale(0.75);}100%{opacity: 1; -webkit-transform: scale(1); transform: scale(1);}} .ball-beat > div{width: 15px; height: 15px; margin: 2px; display: inline-block; -webkit-animation: ball-beat 0.7s 0s infinite linear; animation: ball-beat 0.7s 0s infinite linear;} .ball-beat > div:nth-child(2n-1){-webkit-animation-delay: -0.35s !important; animation-delay: -0.35s !important;} @-webkit-keyframes ball-scale-multiple{0%{-webkit-transform: scale(0); transform: scale(0); opacity: 0;}5%{opacity: 1;}100%{-webkit-transform: scale(1); transform: scale(1); opacity: 0;}} @keyframes ball-scale-multiple{0%{-webkit-transform: scale(0); transform: scale(0); opacity: 0;}5%{opacity: 1;}100%{-webkit-transform: scale(1); transform: scale(1); opacity: 0;}} .ball-scale-multiple{position: relative; -webkit-transform: translateY(-30px); transform: translateY(-30px);} .ball-scale-multiple > div:nth-child(2){-webkit-animation-delay: -0.4s; animation-delay: -0.4s;} .ball-scale-multiple > div:nth-child(3){-webkit-animation-delay: -0.2s; animation-delay: -0.2s;} .ball-scale-multiple > div{position: absolute; left: -30px; top: 0; opacity: 0; margin: 0; width: 60px; height: 60px; -webkit-animation: ball-scale-multiple 1s 0s linear infinite; animation: ball-scale-multiple 1s 0s linear infinite;} .ball-triangle-path > div:nth-child(1), .ball-triangle-path > div:nth-child(2){-webkit-animation-duration: 2s; -webkit-animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite;} @-webkit-keyframes ball-triangle-path-1{33%{-webkit-transform: translate(25px, -50px); transform: translate(25px, -50px);}66%{-webkit-transform: translate(50px, 0); transform: translate(50px, 0);}100%{-webkit-transform: translate(0, 0); transform: translate(0, 0);}} @keyframes ball-triangle-path-1{33%{-webkit-transform: translate(25px, -50px); transform: translate(25px, -50px);}66%{-webkit-transform: translate(50px, 0); transform: translate(50px, 0);}100%{-webkit-transform: translate(0, 0); transform: translate(0, 0);}} @-webkit-keyframes ball-triangle-path-2{33%{-webkit-transform: translate(25px, 50px); transform: translate(25px, 50px);}66%{-webkit-transform: translate(-25px, 50px); transform: translate(-25px, 50px);}100%{-webkit-transform: translate(0, 0); transform: translate(0, 0);}} @keyframes ball-triangle-path-2{33%{-webkit-transform: translate(25px, 50px); transform: translate(25px, 50px);}66%{-webkit-transform: translate(-25px, 50px); transform: translate(-25px, 50px);}100%{-webkit-transform: translate(0, 0); transform: translate(0, 0);}} @-webkit-keyframes ball-triangle-path-3{33%{-webkit-transform: translate(-50px, 0); transform: translate(-50px, 0);}66%{-webkit-transform: translate(-25px, -50px); transform: translate(-25px, -50px);}100%{-webkit-transform: translate(0, 0); transform: translate(0, 0);}} @keyframes ball-triangle-path-3{33%{-webkit-transform: translate(-50px, 0); transform: translate(-50px, 0);}66%{-webkit-transform: translate(-25px, -50px); transform: translate(-25px, -50px);}100%{-webkit-transform: translate(0, 0); transform: translate(0, 0);}} .ball-triangle-path{position: relative; -webkit-transform: translate(-29.99px, -37.51px); transform: translate(-29.99px, -37.51px);} .ball-triangle-path > div:nth-child(1){-webkit-animation-name: ball-triangle-path-1; animation-name: ball-triangle-path-1; -webkit-animation-delay: 0; animation-delay: 0; animation-duration: 2s; animation-timing-function: ease-in-out; animation-iteration-count: infinite;} .ball-triangle-path > div:nth-child(2){-webkit-animation-name: ball-triangle-path-2; animation-name: ball-triangle-path-2; -webkit-animation-delay: 0; animation-delay: 0; animation-duration: 2s; animation-timing-function: ease-in-out; animation-iteration-count: infinite;} .ball-triangle-path > div:nth-child(3){-webkit-animation-name: ball-triangle-path-3; animation-name: ball-triangle-path-3; -webkit-animation-delay: 0; animation-delay: 0; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;} .ball-triangle-path > div{-webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute; width: 10px; height: 10px; border-radius: 100%; border: 1px solid #fff;} .ball-grid-beat > div, .ball-pulse-rise > div{-webkit-animation-fill-mode: both; -webkit-animation-iteration-count: infinite;} .ball-grid-beat > div, .ball-grid-pulse > div, .ball-pulse-rise > div{height: 15px; border-radius: 100%; display: inline-block; background-color: #fff; margin: 2px;} .ball-triangle-path > div:nth-of-type(1){top: 50px;} .ball-triangle-path > div:nth-of-type(2){left: 25px;} .ball-triangle-path > div:nth-of-type(3){top: 50px; left: 50px;} @-webkit-keyframes ball-pulse-rise-even{0%{-webkit-transform: scale(1.1); transform: scale(1.1);}25%{-webkit-transform: translateY(-30px); transform: translateY(-30px);}50%{-webkit-transform: scale(0.4); transform: scale(0.4);}75%{-webkit-transform: translateY(30px); transform: translateY(30px);}100%{-webkit-transform: translateY(0); transform: translateY(0); -webkit-transform: scale(1); transform: scale(1);}} @keyframes ball-pulse-rise-even{0%{-webkit-transform: scale(1.1); transform: scale(1.1);}25%{-webkit-transform: translateY(-30px); transform: translateY(-30px);}50%{-webkit-transform: scale(0.4); transform: scale(0.4);}75%{-webkit-transform: translateY(30px); transform: translateY(30px);}100%{-webkit-transform: translateY(0); transform: translateY(0); -webkit-transform: scale(1); transform: scale(1);}} @-webkit-keyframes ball-pulse-rise-odd{0%{-webkit-transform: scale(0.4); transform: scale(0.4);}25%{-webkit-transform: translateY(30px); transform: translateY(30px);}50%{-webkit-transform: scale(1.1); transform: scale(1.1);}75%{-webkit-transform: translateY(-30px); transform: translateY(-30px);}100%{-webkit-transform: translateY(0); transform: translateY(0); -webkit-transform: scale(0.75); transform: scale(0.75);}} @keyframes ball-pulse-rise-odd{0%{-webkit-transform: scale(0.4); transform: scale(0.4);}25%{-webkit-transform: translateY(30px); transform: translateY(30px);}50%{-webkit-transform: scale(1.1); transform: scale(1.1);}75%{-webkit-transform: translateY(-30px); transform: translateY(-30px);}100%{-webkit-transform: translateY(0); transform: translateY(0); -webkit-transform: scale(0.75); transform: scale(0.75);}} .ball-pulse-rise > div{width: 15px; animation-fill-mode: both; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: cubic-bezier(0.15, 0.46, 0.9, 0.6); animation-timing-function: cubic-bezier(0.15, 0.46, 0.9, 0.6); animation-iteration-count: infinite; -webkit-animation-delay: 0; animation-delay: 0;} .ball-pulse-rise > div:nth-child(2n){-webkit-animation-name: ball-pulse-rise-even; animation-name: ball-pulse-rise-even;} .ball-pulse-rise > div:nth-child(2n-1){-webkit-animation-name: ball-pulse-rise-odd; animation-name: ball-pulse-rise-odd;} @-webkit-keyframes ball-grid-beat{50%{opacity: 0.7;}100%{opacity: 1;}} @keyframes ball-grid-beat{50%{opacity: 0.7;}100%{opacity: 1;}} .ball-grid-beat{width: 57px;} .ball-grid-beat > div:nth-child(1){-webkit-animation-delay: 0.15s; animation-delay: 0.15s; -webkit-animation-duration: 1.45s; animation-duration: 1.45s;} .ball-grid-beat > div:nth-child(2){-webkit-animation-delay: -20ms; animation-delay: -20ms; -webkit-animation-duration: 0.97s; animation-duration: 0.97s;} .ball-grid-beat > div:nth-child(3){-webkit-animation-delay: 0.66s; animation-delay: 0.66s; -webkit-animation-duration: 1.23s; animation-duration: 1.23s;} .ball-grid-beat > div:nth-child(4){-webkit-animation-delay: 0.64s; animation-delay: 0.64s; -webkit-animation-duration: 1.24s; animation-duration: 1.24s;} .ball-grid-beat > div:nth-child(5){-webkit-animation-delay: -0.19s; animation-delay: -0.19s; -webkit-animation-duration: 1.13s; animation-duration: 1.13s;} .ball-grid-beat > div:nth-child(6){-webkit-animation-delay: 0.69s; animation-delay: 0.69s; -webkit-animation-duration: 1.42s; animation-duration: 1.42s;} .ball-grid-beat > div:nth-child(7){-webkit-animation-delay: 0.58s; animation-delay: 0.58s; -webkit-animation-duration: 1.14s; animation-duration: 1.14s;} .ball-grid-beat > div:nth-child(8){-webkit-animation-delay: 0.21s; animation-delay: 0.21s; -webkit-animation-duration: 1.17s; animation-duration: 1.17s;} .ball-grid-beat > div:nth-child(9){-webkit-animation-delay: -0.18s; animation-delay: -0.18s; -webkit-animation-duration: 0.65s; animation-duration: 0.65s;} .ball-grid-beat > div{width: 15px; animation-fill-mode: both; float: left; -webkit-animation-name: ball-grid-beat; animation-name: ball-grid-beat; animation-iteration-count: infinite; -webkit-animation-delay: 0; animation-delay: 0;} @-webkit-keyframes ball-grid-pulse{0%{-webkit-transform: scale(1); transform: scale(1);}50%{-webkit-transform: scale(0.5); transform: scale(0.5); opacity: 0.7;}100%{-webkit-transform: scale(1); transform: scale(1); opacity: 1;}} @keyframes ball-grid-pulse{0%{-webkit-transform: scale(1); transform: scale(1);}50%{-webkit-transform: scale(0.5); transform: scale(0.5); opacity: 0.7;}100%{-webkit-transform: scale(1); transform: scale(1); opacity: 1;}} .ball-grid-pulse{width: 57px;} .ball-grid-pulse > div:nth-child(1){-webkit-animation-delay: 0.22s; animation-delay: 0.22s; -webkit-animation-duration: 0.9s; animation-duration: 0.9s;} .ball-grid-pulse > div:nth-child(2){-webkit-animation-delay: 0.64s; animation-delay: 0.64s; -webkit-animation-duration: 1s; animation-duration: 1s;} .ball-grid-pulse > div:nth-child(3){-webkit-animation-delay: -0.15s; animation-delay: -0.15s; -webkit-animation-duration: 0.63s; animation-duration: 0.63s;} .ball-grid-pulse > div:nth-child(4){-webkit-animation-delay: -30ms; animation-delay: -30ms; -webkit-animation-duration: 1.24s; animation-duration: 1.24s;} .ball-grid-pulse > div:nth-child(5){-webkit-animation-delay: 80ms; animation-delay: 80ms; -webkit-animation-duration: 1.37s; animation-duration: 1.37s;} .ball-grid-pulse > div:nth-child(6){-webkit-animation-delay: 0.43s; animation-delay: 0.43s; -webkit-animation-duration: 1.55s; animation-duration: 1.55s;} .ball-grid-pulse > div:nth-child(7){-webkit-animation-delay: 50ms; animation-delay: 50ms; -webkit-animation-duration: 0.7s; animation-duration: 0.7s;} .ball-grid-pulse > div:nth-child(8){-webkit-animation-delay: 50ms; animation-delay: 50ms; -webkit-animation-duration: 0.97s; animation-duration: 0.97s;} .ball-grid-pulse > div:nth-child(9){-webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-duration: 0.63s; animation-duration: 0.63s;} .ball-grid-pulse > div{width: 15px; -webkit-animation-fill-mode: both; animation-fill-mode: both; float: left; -webkit-animation-name: ball-grid-pulse; animation-name: ball-grid-pulse; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-delay: 0; animation-delay: 0;} @-webkit-keyframes ball-spin-fade-loader{50%{opacity: 0.3; -webkit-transform: scale(0.4); transform: scale(0.4);}100%{opacity: 1; -webkit-transform: scale(1); transform: scale(1);}} @keyframes ball-spin-fade-loader{50%{opacity: 0.3; -webkit-transform: scale(0.4); transform: scale(0.4);}100%{opacity: 1; -webkit-transform: scale(1); transform: scale(1);}} .ball-spin-fade-loader{position: relative; top: -10px; left: -10px;} .ball-spin-fade-loader > div:nth-child(1){top: 25px; left: 0; -webkit-animation: ball-spin-fade-loader 1s -0.96s infinite linear; animation: ball-spin-fade-loader 1s -0.96s infinite linear;} .ball-spin-fade-loader > div:nth-child(2){top: 17.05px; left: 17.05px; -webkit-animation: ball-spin-fade-loader 1s -0.84s infinite linear; animation: ball-spin-fade-loader 1s -0.84s infinite linear;} .ball-spin-fade-loader > div:nth-child(3){top: 0; left: 25px; -webkit-animation: ball-spin-fade-loader 1s -0.72s infinite linear; animation: ball-spin-fade-loader 1s -0.72s infinite linear;} .ball-spin-fade-loader > div:nth-child(4){top: -17.05px; left: 17.05px; -webkit-animation: ball-spin-fade-loader 1s -0.6s infinite linear; animation: ball-spin-fade-loader 1s -0.6s infinite linear;} .ball-spin-fade-loader > div:nth-child(5){top: -25px; left: 0; -webkit-animation: ball-spin-fade-loader 1s -0.48s infinite linear; animation: ball-spin-fade-loader 1s -0.48s infinite linear;} .ball-spin-fade-loader > div:nth-child(6){top: -17.05px; left: -17.05px; -webkit-animation: ball-spin-fade-loader 1s -0.36s infinite linear; animation: ball-spin-fade-loader 1s -0.36s infinite linear;} .ball-spin-fade-loader > div:nth-child(7){top: 0; left: -25px; -webkit-animation: ball-spin-fade-loader 1s -0.24s infinite linear; animation: ball-spin-fade-loader 1s -0.24s infinite linear;} .ball-spin-fade-loader > div:nth-child(8){top: 17.05px; left: -17.05px; -webkit-animation: ball-spin-fade-loader 1s -0.12s infinite linear; animation: ball-spin-fade-loader 1s -0.12s infinite linear;} .ball-spin-fade-loader > div, .ball-spin-loader > div{-webkit-animation-fill-mode: both; position: absolute; width: 15px; height: 15px; border-radius: 100%;} .ball-spin-fade-loader > div{background-color: #fff; margin: 2px; animation-fill-mode: both;} @-webkit-keyframes ball-spin-loader{75%{opacity: 0.2;}100%{opacity: 1;}} @keyframes ball-spin-loader{75%{opacity: 0.2;}100%{opacity: 1;}} .ball-spin-loader{position: relative;} .ball-spin-loader > span:nth-child(1){top: 45px; left: 0; -webkit-animation: ball-spin-loader 2s 0.9s infinite linear; animation: ball-spin-loader 2s 0.9s infinite linear;} .ball-spin-loader > span:nth-child(2){top: 30.68px; left: 30.68px; -webkit-animation: ball-spin-loader 2s 1.8s infinite linear; animation: ball-spin-loader 2s 1.8s infinite linear;} .ball-spin-loader > span:nth-child(3){top: 0; left: 45px; -webkit-animation: ball-spin-loader 2s 2.7s infinite linear; animation: ball-spin-loader 2s 2.7s infinite linear;} .ball-spin-loader > span:nth-child(4){top: -30.68px; left: 30.68px; -webkit-animation: ball-spin-loader 2s 3.6s infinite linear; animation: ball-spin-loader 2s 3.6s infinite linear;} .ball-spin-loader > span:nth-child(5){top: -45px; left: 0; -webkit-animation: ball-spin-loader 2s 4.5s infinite linear; animation: ball-spin-loader 2s 4.5s infinite linear;} .ball-spin-loader > span:nth-child(6){top: -30.68px; left: -30.68px; -webkit-animation: ball-spin-loader 2s 5.4s infinite linear; animation: ball-spin-loader 2s 5.4s infinite linear;} .ball-spin-loader > span:nth-child(7){top: 0; left: -45px; -webkit-animation: ball-spin-loader 2s 6.3s infinite linear; animation: ball-spin-loader 2s 6.3s infinite linear;} .ball-spin-loader > span:nth-child(8){top: 30.68px; left: -30.68px; -webkit-animation: ball-spin-loader 2s 7.2s infinite linear; animation: ball-spin-loader 2s 7.2s infinite linear;} .ball-spin-loader > div{animation-fill-mode: both; background: green;} .ball-zig-zag-deflect > div, .ball-zig-zag > div{background-color: #fff; width: 15px; height: 15px; border-radius: 100%; margin: 2px 2px 2px 15px; top: 4px; left: -7px;} @-webkit-keyframes ball-zig{33%{-webkit-transform: translate(-15px, -30px); transform: translate(-15px, -30px);}66%{-webkit-transform: translate(15px, -30px); transform: translate(15px, -30px);}100%{-webkit-transform: translate(0, 0); transform: translate(0, 0);}} @keyframes ball-zig{33%{-webkit-transform: translate(-15px, -30px); transform: translate(-15px, -30px);}66%{-webkit-transform: translate(15px, -30px); transform: translate(15px, -30px);}100%{-webkit-transform: translate(0, 0); transform: translate(0, 0);}} @-webkit-keyframes ball-zag{33%{-webkit-transform: translate(15px, 30px); transform: translate(15px, 30px);}66%{-webkit-transform: translate(-15px, 30px); transform: translate(-15px, 30px);}100%{-webkit-transform: translate(0, 0); transform: translate(0, 0);}} @keyframes ball-zag{33%{-webkit-transform: translate(15px, 30px); transform: translate(15px, 30px);}66%{-webkit-transform: translate(-15px, 30px); transform: translate(-15px, 30px);}100%{-webkit-transform: translate(0, 0); transform: translate(0, 0);}} .ball-zig-zag{position: relative; -webkit-transform: translate(-15px, -15px); transform: translate(-15px, -15px);} .ball-zig-zag > div{-webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute;} .ball-zig-zag > div:first-child{-webkit-animation: ball-zig 0.7s 0s infinite linear; animation: ball-zig 0.7s 0s infinite linear;} .ball-zig-zag > div:last-child{-webkit-animation: ball-zag 0.7s 0s infinite linear; animation: ball-zag 0.7s 0s infinite linear;} @-webkit-keyframes ball-zig-deflect{17%, 84%{-webkit-transform: translate(-15px, -30px); transform: translate(-15px, -30px);}34%, 67%{-webkit-transform: translate(15px, -30px); transform: translate(15px, -30px);}100%, 50%{-webkit-transform: translate(0, 0); transform: translate(0, 0);}} @keyframes ball-zig-deflect{17%, 84%{-webkit-transform: translate(-15px, -30px); transform: translate(-15px, -30px);}34%, 67%{-webkit-transform: translate(15px, -30px); transform: translate(15px, -30px);}100%, 50%{-webkit-transform: translate(0, 0); transform: translate(0, 0);}} @-webkit-keyframes ball-zag-deflect{17%, 84%{-webkit-transform: translate(15px, 30px); transform: translate(15px, 30px);}34%, 67%{-webkit-transform: translate(-15px, 30px); transform: translate(-15px, 30px);}100%, 50%{-webkit-transform: translate(0, 0); transform: translate(0, 0);}} @keyframes ball-zag-deflect{17%, 84%{-webkit-transform: translate(15px, 30px); transform: translate(15px, 30px);}34%, 67%{-webkit-transform: translate(-15px, 30px); transform: translate(-15px, 30px);}100%, 50%{-webkit-transform: translate(0, 0); transform: translate(0, 0);}} .ball-zig-zag-deflect{position: relative; -webkit-transform: translate(-15px, -15px); transform: translate(-15px, -15px);} .ball-zig-zag-deflect > div{-webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute;} .line-scale-party > div, .line-scale-pulse-out-rapid > div, .line-scale-pulse-out > div, .line-scale > div{width: 4px; height: 35px; display: inline-block;} .line-scale-party > div, .line-scale-pulse-out-rapid > div, .line-scale-pulse-out > div, .line-scale > div, .line-spin-fade-loader > div{border-radius: 2px; margin: 2px; background-color: #fff;} .ball-zig-zag-deflect > div:first-child{-webkit-animation: ball-zig-deflect 1.5s 0s infinite linear; animation: ball-zig-deflect 1.5s 0s infinite linear;} .ball-zig-zag-deflect > div:last-child{-webkit-animation: ball-zag-deflect 1.5s 0s infinite linear; animation: ball-zag-deflect 1.5s 0s infinite linear;} @-webkit-keyframes line-scale{0%, 100%{-webkit-transform: scaley(1); transform: scaley(1);}50%{-webkit-transform: scaley(0.4); transform: scaley(0.4);}} @keyframes line-scale{0%, 100%{-webkit-transform: scaley(1); transform: scaley(1);}50%{-webkit-transform: scaley(0.4); transform: scaley(0.4);}} .line-scale > div:nth-child(1){-webkit-animation: line-scale 1s -0.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); animation: line-scale 1s -0.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);} .line-scale > div:nth-child(2){-webkit-animation: line-scale 1s -0.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); animation: line-scale 1s -0.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);} .line-scale > div:nth-child(3){-webkit-animation: line-scale 1s -0.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); animation: line-scale 1s -0.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);} .line-scale > div:nth-child(4){-webkit-animation: line-scale 1s -0.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); animation: line-scale 1s -0.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);} .line-scale > div:nth-child(5){-webkit-animation: line-scale 1s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); animation: line-scale 1s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);} .line-scale > div{-webkit-animation-fill-mode: both; animation-fill-mode: both;} @-webkit-keyframes line-scale-party{0%, 100%{-webkit-transform: scale(1); transform: scale(1);}50%{-webkit-transform: scale(0.5); transform: scale(0.5);}} @keyframes line-scale-party{0%, 100%{-webkit-transform: scale(1); transform: scale(1);}50%{-webkit-transform: scale(0.5); transform: scale(0.5);}} .line-scale-party > div:nth-child(1){-webkit-animation-delay: 0.48s; animation-delay: 0.48s; -webkit-animation-duration: 0.54s; animation-duration: 0.54s;} .line-scale-party > div:nth-child(2){-webkit-animation-delay: -0.15s; animation-delay: -0.15s; -webkit-animation-duration: 1.15s; animation-duration: 1.15s;} .line-scale-party > div:nth-child(3){-webkit-animation-delay: 40ms; animation-delay: 40ms; -webkit-animation-duration: 0.77s; animation-duration: 0.77s;} .line-scale-party > div:nth-child(4){-webkit-animation-delay: -0.12s; animation-delay: -0.12s; -webkit-animation-duration: 0.61s; animation-duration: 0.61s;} .line-scale-party > div{-webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: line-scale-party; animation-name: line-scale-party; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-delay: 0; animation-delay: 0;} @-webkit-keyframes line-scale-pulse-out{0%, 100%{-webkit-transform: scaley(1); transform: scaley(1);}50%{-webkit-transform: scaley(0.4); transform: scaley(0.4);}} @keyframes line-scale-pulse-out{0%, 100%{-webkit-transform: scaley(1); transform: scaley(1);}50%{-webkit-transform: scaley(0.4); transform: scaley(0.4);}} .line-scale-pulse-out > div{-webkit-animation: line-scale-pulse-out 0.9s -0.6s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85); animation: line-scale-pulse-out 0.9s -0.6s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85);} .line-scale-pulse-out > div:nth-child(2), .line-scale-pulse-out > div:nth-child(4){-webkit-animation-delay: -0.4s !important; animation-delay: -0.4s !important;} .line-scale-pulse-out > div:nth-child(1), .line-scale-pulse-out > div:nth-child(5){-webkit-animation-delay: -0.2s !important; animation-delay: -0.2s !important;} @-webkit-keyframes line-scale-pulse-out-rapid{0%, 90%{-webkit-transform: scaley(1); transform: scaley(1);}80%{-webkit-transform: scaley(0.3); transform: scaley(0.3);}} @keyframes line-scale-pulse-out-rapid{0%, 90%{-webkit-transform: scaley(1); transform: scaley(1);}80%{-webkit-transform: scaley(0.3); transform: scaley(0.3);}} .line-scale-pulse-out-rapid > div{vertical-align: middle; -webkit-animation: line-scale-pulse-out-rapid 0.9s -0.5s infinite cubic-bezier(0.11, 0.49, 0.38, 0.78); animation: line-scale-pulse-out-rapid 0.9s -0.5s infinite cubic-bezier(0.11, 0.49, 0.38, 0.78);} .line-scale-pulse-out-rapid > div:nth-child(2), .line-scale-pulse-out-rapid > div:nth-child(4){-webkit-animation-delay: -0.25s !important; animation-delay: -0.25s !important;} .line-scale-pulse-out-rapid > div:nth-child(1), .line-scale-pulse-out-rapid > div:nth-child(5){-webkit-animation-delay: 0s !important; animation-delay: 0s !important;} @-webkit-keyframes line-spin-fade-loader{50%{opacity: 0.3;}100%{opacity: 1;}} @keyframes line-spin-fade-loader{50%{opacity: 0.3;}100%{opacity: 1;}} .line-spin-fade-loader{position: relative; top: -10px; left: -4px;} .line-spin-fade-loader > div:nth-child(1){top: 20px; left: 0; -webkit-animation: line-spin-fade-loader 1.2s -0.84s infinite ease-in-out; animation: line-spin-fade-loader 1.2s -0.84s infinite ease-in-out;} .line-spin-fade-loader > div:nth-child(2){top: 13.64px; left: 13.64px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-animation: line-spin-fade-loader 1.2s -0.72s infinite ease-in-out; animation: line-spin-fade-loader 1.2s -0.72s infinite ease-in-out;} .line-spin-fade-loader > div:nth-child(3){top: 0; left: 20px; -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-animation: line-spin-fade-loader 1.2s -0.6s infinite ease-in-out; animation: line-spin-fade-loader 1.2s -0.6s infinite ease-in-out;} .line-spin-fade-loader > div:nth-child(4){top: -13.64px; left: 13.64px; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-animation: line-spin-fade-loader 1.2s -0.48s infinite ease-in-out; animation: line-spin-fade-loader 1.2s -0.48s infinite ease-in-out;} .line-spin-fade-loader > div:nth-child(5){top: -20px; left: 0; -webkit-animation: line-spin-fade-loader 1.2s -0.36s infinite ease-in-out; animation: line-spin-fade-loader 1.2s -0.36s infinite ease-in-out;} .line-spin-fade-loader > div:nth-child(6){top: -13.64px; left: -13.64px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-animation: line-spin-fade-loader 1.2s -0.24s infinite ease-in-out; animation: line-spin-fade-loader 1.2s -0.24s infinite ease-in-out;} .line-spin-fade-loader > div:nth-child(7){top: 0; left: -20px; -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-animation: line-spin-fade-loader 1.2s -0.12s infinite ease-in-out; animation: line-spin-fade-loader 1.2s -0.12s infinite ease-in-out;} .line-spin-fade-loader > div:nth-child(8){top: 13.64px; left: -13.64px; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-animation: line-spin-fade-loader 1.2s 0s infinite ease-in-out; animation: line-spin-fade-loader 1.2s 0s infinite ease-in-out;} .line-spin-fade-loader > div{-webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute; width: 5px; height: 15px;} @-webkit-keyframes triangle-skew-spin{25%{-webkit-transform: perspective(100px) rotateX(180deg) rotateY(0); transform: perspective(100px) rotateX(180deg) rotateY(0);}50%{-webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg); transform: perspective(100px) rotateX(180deg) rotateY(180deg);}75%{-webkit-transform: perspective(100px) rotateX(0) rotateY(180deg); transform: perspective(100px) rotateX(0) rotateY(180deg);}100%{-webkit-transform: perspective(100px) rotateX(0) rotateY(0); transform: perspective(100px) rotateX(0) rotateY(0);}} @keyframes triangle-skew-spin{25%{-webkit-transform: perspective(100px) rotateX(180deg) rotateY(0); transform: perspective(100px) rotateX(180deg) rotateY(0);}50%{-webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg); transform: perspective(100px) rotateX(180deg) rotateY(180deg);}75%{-webkit-transform: perspective(100px) rotateX(0) rotateY(180deg); transform: perspective(100px) rotateX(0) rotateY(180deg);}100%{-webkit-transform: perspective(100px) rotateX(0) rotateY(0); transform: perspective(100px) rotateX(0) rotateY(0);}} .triangle-skew-spin > div{width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-bottom: 20px solid #fff; -webkit-animation: triangle-skew-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; animation: triangle-skew-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;} @-webkit-keyframes square-spin{25%{-webkit-transform: perspective(100px) rotateX(180deg) rotateY(0); transform: perspective(100px) rotateX(180deg) rotateY(0);}50%{-webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg); transform: perspective(100px) rotateX(180deg) rotateY(180deg);}75%{-webkit-transform: perspective(100px) rotateX(0) rotateY(180deg); transform: perspective(100px) rotateX(0) rotateY(180deg);}100%{-webkit-transform: perspective(100px) rotateX(0) rotateY(0); transform: perspective(100px) rotateX(0) rotateY(0);}} @keyframes square-spin{25%{-webkit-transform: perspective(100px) rotateX(180deg) rotateY(0); transform: perspective(100px) rotateX(180deg) rotateY(0);}50%{-webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg); transform: perspective(100px) rotateX(180deg) rotateY(180deg);}75%{-webkit-transform: perspective(100px) rotateX(0) rotateY(180deg); transform: perspective(100px) rotateX(0) rotateY(180deg);}100%{-webkit-transform: perspective(100px) rotateX(0) rotateY(0); transform: perspective(100px) rotateX(0) rotateY(0);}} .square-spin > div{width: 50px; height: 50px; background: #fff; -webkit-animation: square-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; animation: square-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;} .pacman > div:first-of-type, .pacman > div:nth-child(2){width: 0; height: 0; border-right: 25px solid transparent; border-top: 25px solid #fff; border-left: 25px solid #fff; border-bottom: 25px solid #fff; border-radius: 25px; position: relative; left: -30px;} @-webkit-keyframes rotate_pacman_half_up{0%, 100%{-webkit-transform: rotate(270deg); transform: rotate(270deg);}50%{-webkit-transform: rotate(360deg); transform: rotate(360deg);}} @keyframes rotate_pacman_half_up{0%, 100%{-webkit-transform: rotate(270deg); transform: rotate(270deg);}50%{-webkit-transform: rotate(360deg); transform: rotate(360deg);}} @-webkit-keyframes rotate_pacman_half_down{0%, 100%{-webkit-transform: rotate(90deg); transform: rotate(90deg);}50%{-webkit-transform: rotate(0); transform: rotate(0);}} @keyframes rotate_pacman_half_down{0%, 100%{-webkit-transform: rotate(90deg); transform: rotate(90deg);}50%{-webkit-transform: rotate(0); transform: rotate(0);}} @-webkit-keyframes pacman-balls{75%{opacity: 0.7;}100%{-webkit-transform: translate(-100px, -6.25px); transform: translate(-100px, -6.25px);}} @keyframes pacman-balls{75%{opacity: 0.7;}100%{-webkit-transform: translate(-100px, -6.25px); transform: translate(-100px, -6.25px);}} .pacman{position: relative;} .pacman > div:nth-child(3){-webkit-animation: pacman-balls 1s -0.66s infinite linear; animation: pacman-balls 1s -0.66s infinite linear;} .pacman > div:nth-child(4){-webkit-animation: pacman-balls 1s -0.33s infinite linear; animation: pacman-balls 1s -0.33s infinite linear;} .pacman > div:nth-child(5){-webkit-animation: pacman-balls 1s 0s infinite linear; animation: pacman-balls 1s 0s infinite linear;} .pacman > div:first-of-type{-webkit-animation: rotate_pacman_half_up 0.5s 0s infinite; animation: rotate_pacman_half_up 0.5s 0s infinite;} .pacman > div:nth-child(2){-webkit-animation: rotate_pacman_half_down 0.5s 0s infinite; animation: rotate_pacman_half_down 0.5s 0s infinite; margin-top: -50px;} .pacman > div:nth-child(3), .pacman > div:nth-child(4), .pacman > div:nth-child(5), .pacman > div:nth-child(6){background-color: #fff; border-radius: 100%; margin: 2px; width: 10px; height: 10px; position: absolute; -webkit-transform: translate(0, -6.25px); transform: translate(0, -6.25px); top: 25px; left: 70px;} @-webkit-keyframes cube-transition{25%{-webkit-transform: translateX(50px) scale(0.5) rotate(-90deg); transform: translateX(50px) scale(0.5) rotate(-90deg);}50%{-webkit-transform: translate(50px, 50px) rotate(-180deg); transform: translate(50px, 50px) rotate(-180deg);}75%{-webkit-transform: translateY(50px) scale(0.5) rotate(-270deg); transform: translateY(50px) scale(0.5) rotate(-270deg);}100%{-webkit-transform: rotate(-360deg); transform: rotate(-360deg);}} @keyframes cube-transition{25%{-webkit-transform: translateX(50px) scale(0.5) rotate(-90deg); transform: translateX(50px) scale(0.5) rotate(-90deg);}50%{-webkit-transform: translate(50px, 50px) rotate(-180deg); transform: translate(50px, 50px) rotate(-180deg);}75%{-webkit-transform: translateY(50px) scale(0.5) rotate(-270deg); transform: translateY(50px) scale(0.5) rotate(-270deg);}100%{-webkit-transform: rotate(-360deg); transform: rotate(-360deg);}} .cube-transition{position: relative; -webkit-transform: translate(-25px, -25px); transform: translate(-25px, -25px);} .cube-transition > div{width: 10px; height: 10px; position: absolute; top: -5px; left: -5px; background-color: #fff; -webkit-animation: cube-transition 1.6s 0s infinite ease-in-out; animation: cube-transition 1.6s 0s infinite ease-in-out;} .cube-transition > div:last-child{-webkit-animation-delay: -0.8s; animation-delay: -0.8s;} @-webkit-keyframes spin-rotate{0%{-webkit-transform: rotate(0); transform: rotate(0);}50%{-webkit-transform: rotate(180deg); transform: rotate(180deg);}100%{-webkit-transform: rotate(360deg); transform: rotate(360deg);}} @keyframes spin-rotate{0%{-webkit-transform: rotate(0); transform: rotate(0);}50%{-webkit-transform: rotate(180deg); transform: rotate(180deg);}100%{-webkit-transform: rotate(360deg); transform: rotate(360deg);}} .semi-circle-spin{position: relative; width: 35px; height: 35px; overflow: hidden;} .semi-circle-spin > div{position: absolute; border-width: 0; border-radius: 100%; -webkit-animation: spin-rotate 0.6s 0s infinite linear; animation: spin-rotate 0.6s 0s infinite linear; background-image: linear-gradient(transparent 0, transparent 70%, #fff 30%, #fff 100%); width: 100%; height: 100%;} 

/* /sh_onemate_theme/static/src/scss/extra_addons/sh_website_quote/website_quote.scss defined in bundle 'web.assets_frontend' */
 .whatsapp{clear: both; border-radius: 4px;} .whatsapp:focus{border: 0; outline: none !important;} .whatsapp span{border-radius: 4px; background: #25D366; color: #fff; font-size: 13px; padding: 6px 8px; display: inline-block; outline: none;} .whatsapp a:-moz-focusring{color: transparent; text-shadow: 0 0 0 #000;} .whatsapp i.icon-whatsapp{font-size: 21px; line-height: 21px; padding-right: 7px;} .whatsapp.left{position: fixed; top: 0%; background: none !important; left: 0; -webkit-transform-origin: 0 50%; -moz-transform-origin: 0 50%; -ms-transform-origin: 0 50%; -o-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transform: rotate(-90deg) translate(-50%, 50%); -moz-transform: rotate(-90deg) translate(-50%, 50%); -ms-transform: rotate(-90deg) translate(-50%, 50%); -o-transform: rotate(-90deg) translate(-50%, 50%); transform: rotate(-90deg) translate(-50%, 50%);} .whatsapp.center{position: fixed; background: none !important; text-align: center; margin: -35px -80px 0 0; top: 50%; right: 50%;} .whatsapp.right{position: fixed; right: 5px; top: 40%; background: none !important;} .whatsapp.right{position: fixed; right: 0; top: 0; background: none !important; -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: rotate(90deg) translate(50%, 50%); -moz-transform: rotate(90deg) translate(50%, 50%); -ms-transform: rotate(90deg) translate(50%, 50%); -o-transform: rotate(90deg) translate(50%, 50%); transform: rotate(90deg) translate(50%, 50%);} .whatsapp.bottom-left{left: 0;} .whatsapp.bottom-right{right: 0;} .whatsapp.bottom-center{right: 45%;} .whatsapp.top-left{top: 0; left: 0; bottom: auto;} .whatsapp.top-right{top: 0; right: 0; bottom: auto;} .whatsapp.top-center{top: 0; right: 45%; bottom: auto;} .whatsapp-hookDisplayFooter{clear: none;} .whatsapp-hookDisplayNav{clear: none; float: left; margin-left: 15px; padding: 0;} .whatsapp-hookDisplayNav span{float: left; padding: 5px 0 10px; line-height: 18px; background: none;} .whatsapp-hookDisplayNav i.icon-whatsapp{vertical-align: 0;} .whatsapp-badge{position: fixed; bottom: 0; z-index: 1050; margin: 0px; width: auto !important;} .whatsapp-widget{bottom: 0; z-index: 999999; margin: 10px; width: auto !important;} .whatsapp-topWidth{padding: 0; text-align: center;} .whatsapp-sticky{position: fixed; bottom: 0; z-index: 999999; margin: 0; padding: 0; width: 100% !important; text-align: center; border-radius: 0;} .whatsapp-sticky.bottom-right{text-align: right;} .whatsapp-sticky.bottom-left{text-align: left;} .whatsapp-sticky.bottom-center{right: auto;} .whatsapp-sticky.top-right{text-align: right;} .whatsapp-sticky.top-left{text-align: left;} .whatsapp-sticky.top-center{right: auto;} .whatsapp-sticky.right{text-align: right; bottom: 46%;} .whatsapp-sticky.left{text-align: left; bottom: 46%;} .whatsapp-sticky.center{right: auto; bottom: 46%;} .label-container{position: fixed; bottom: 35px; right: 90px; display: table; visibility: hidden;} .label-container-top-right{position: fixed; top: 34px; right: 90px; display: table; visibility: hidden;} .label-container-top-left{position: fixed; top: 34px; left: 90px; display: table; visibility: hidden;} .label-container-top-center{position: fixed; top: 0px; left: 45%; display: table; visibility: hidden;} .label-container-bottom-left{position: fixed; bottom: 35px; left: 90px; display: table; visibility: hidden;} .label-container-bottom-center{position: fixed; bottom: 13%; left: 48%; display: table; visibility: hidden;} .label-container-left{top: 47.5%; position: fixed; bottom: 30px; left: 85px; display: table; visibility: hidden;} .label-container-right{top: 47.5%; position: fixed; bottom: 30px; right: 85px; display: table; visibility: hidden;} .label-container-center{position: fixed; bottom: 46%; left: 51.5%; display: table; visibility: hidden;} .label-text{display: table-cell; vertical-align: middle; padding: 10px; border-radius: 3px;} .label-arrow{display: table-cell; vertical-align: middle; color: #333; opacity: 0.5;} .float-center{position: fixed; bottom: 25px; left: 47.5%; color: #FFF; text-align: center;} .float-floating.float-left{top: 46%; position: fixed; left: 20px; color: #FFF; text-align: center;} .float-floating.float-right{top: 46%; position: fixed; right: 20px; color: #FFF; text-align: center;} .float-top-left{position: fixed; top: 25px; left: 25px; color: #FFF; text-align: center;} .float-top-right{position: fixed; top: 25px; right: 25px; color: #FFF; text-align: center;} .float-top-center{position: fixed; top: 25px; right: 46%; color: #FFF; text-align: center;} .float-bottom-right{position: fixed; bottom: 25px; right: 25px; color: #FFF; text-align: center;} .float-bottom-left{position: fixed; bottom: 25px; left: 25px; color: #FFF; text-align: center;} .float-bottom-center{position: fixed; bottom: 25px; right: 46%; color: #FFF; text-align: center;} .float-bottom{z-index: 9999999;} .float-center{top: 46%; z-index: 9999999;} .float-floating i.icon-whatsapp{position: relative; top: 11px; left: 1px;} .float-floating{z-index: 1050;} .my-float{font-size: 24px; margin-top: 18px;} a.float + div.label-container{visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.5s ease;} a.float:hover + div.label-container{visibility: visible; opacity: 1;} .float .fa-whatsapp:before{font-size: xx-large; top: 14px; left: 1px; position: relative;} .whatsapp-offline{background-color: #ff0000 !important;} #sh_wq_website_quote_model .modal-dialog{box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);} #sh_wq_website_quote_model .modal-header{text-align: center; margin: 0px; padding: 1.5rem; border: none; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); background: #709587; color: #FFF !important; border-top-left-radius: .125rem; border-top-right-radius: .125rem;} #sh_wq_website_quote_model .modal-header .close{color: #fff; opacity: 1;} #sh_wq_website_quote_model .modal-header .close h6{font-size: 1.2em;} #sh_wq_website_quote_model .modal-content{border-radius: 5px; border: 0;} #sh_wq_website_quote_model .modal-title{margin-bottom: 0; line-height: 1.5; font-weight: 700; font-size: 1.5em;} #sh_wq_website_quote_model .modal-title i{margin-right: 15px;} #sh_wq_website_quote_model .modal-body{color: #616161; padding: 25px;} #sh_wq_website_quote_mb_form .form-group .offset-lg-3{margin-left: 28% !important;} #sh_wq_website_quote_mb_form .form-group .offset-md-4{text-align: center;} #sh_wq_website_quote_mb_form .form-group .offset-md-4 input{font-size: 15px; padding: .85rem 2.13rem; margin: 30px 0px 0px; border-radius: 2px; border: 0; -webkit-transition: .2s ease-out; transition: .2s ease-out; white-space: normal !important; cursor: pointer; background-color: #33b5e5 !important; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);} #sh_wq_website_quote_model .modal-body textarea{display: block; height: 70px; width: 90%; margin: 0 auto; border: none;} #sh_wq_website_quote_model .modal-body textarea::placeholder{-webkit-transform: translateY(0px); transform: translateY(0px); -webkit-transition: .5s; transition: .5s;} #sh_wq_website_quote_model .modal-body textarea:hover, #sh_wq_website_quote_model .modal-body textarea:focus, #sh_wq_website_quote_model .modal-body textarea:active:focus{color: #709587; outline: none; border-bottom: 1px solid #709587 !important;} #sh_wq_website_quote_model .modal-body textarea:hover::placeholder, #sh_wq_website_quote_model .modal-body textarea:focus::placeholder, #sh_wq_website_quote_model .modal-body textarea:active:focus::placeholder{color: #709587; position: relative; -webkit-transform: translateY(-20px); transform: translateY(-20px);} #sh_wq_website_quote_model .modal-body input{display: block; height: 50px; width: 90%; margin: 0 auto; border: none;} #sh_wq_website_quote_model .modal-body input::placeholder{-webkit-transform: translateY(0px); transform: translateY(0px); -webkit-transition: .5s; transition: .5s;} #sh_wq_website_quote_model .modal-body input:hover, #sh_wq_website_quote_model .modal-body input:focus, #sh_wq_website_quote_model .modal-body input:active:focus{color: #709587; outline: none; border-bottom: 1px solid #709587 !important;} #sh_wq_website_quote_model .modal-body input:hover::placeholder, #sh_wq_website_quote_model .modal-body input:focus::placeholder, #sh_wq_website_quote_model .modal-body input:active:focus::placeholder{color: #709587; position: relative; -webkit-transform: translateY(-20px); transform: translateY(-20px);} .YourName, .PhoneNumber, .email, .YourCompany, .Subject, .Yourquestion{position: relative; z-index: 1; border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important; padding-left: 0px; font-family: 'Open Sans', sans-serif; text-transform: uppercase; color: #858585; font-weight: lighter; -webkit-transition: .5s; transition: .5s;} .link{text-decoration: none; display: inline-block; margin: 27px 28%; text-transform: uppercase; color: #858585; font-weight: lighter; -webkit-transition: .5s; transition: .5s;} .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus{color: #fff;} #sh_wq_website_quote_form .form-group{margin-bottom: 1rem; display: inline-block;} #sh_wq_website_quote_mb_form .form-group .col-lg-7{display: inline-block; flex: 0 0 58.33333333%; max-width: 100%;} .form-group input:hover{color: #000;} .mt32{margin-top: 0px !important;} #sh_wq_website_quote_model .modal-dialog{max-width: 500px; margin: 2.5% auto 0;} #sh_wq_website_quote_model .form-group{margin-bottom: 0rem;} .close:not(:disabled):not(.disabled){cursor: pointer; color: #fff !important; opacity: 1;} #sh_wq_website_quote_model .form-group .submit{webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); padding: .84rem 2.14rem; font-size: .81rem; -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; -o-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; margin-top: 25px; border: 0; -webkit-border-radius: .125rem; border-radius: .125rem; cursor: pointer; text-transform: uppercase; white-space: normal; word-wrap: break-word; color: #fff; background-color: #709587 !important;} #sh_wq_website_quote_model .form-group .submit:hover{box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); outline: 0;} #sh_wq_website_quote_model .form-group .cancel{border: 2px solid #709587 !important; background-color: transparent !important; color: #709587 !important; webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); padding: 0.6rem 2.14rem; font-size: .81rem; -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; -o-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; margin-left: 5px; border: 0; -webkit-border-radius: .125rem; border-radius: .125rem; cursor: pointer; text-transform: uppercase; white-space: normal; word-wrap: break-word; margin-top: 25px;} #sh_wq_website_quote_model .form-group .cancel:hover{box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); outline: 0;} #sh_wq_website_quote_model .modal-body .col-lg-8 .alert-success{color: #616161; background-color: #ffffff; border-color: #ffffff; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); line-height: 26px;} #sh_wq_website_quote_model .modal-body .col-lg-8{max-width: 100%;} #sh_wq_website_quote_model .form-group p{margin-bottom: 0px;} h1, h3, h3, h4, h5, h6, p{margin: 0px;} 

/* /sh_onemate_theme/static/src/css/extra_addons/sh_website_wtsapp/wtsapp.css defined in bundle 'web.assets_frontend' */
.whatsapp{clear: both; border-radius: 4px;} .whatsapp:focus{border: 0; outline: none !important;} .whatsapp span{border-radius: 4px; background: #25D366; color: #fff; font-size: 13px; padding: 6px 8px; display: inline-block; outline: none;} .whatsapp a:-moz-focusring{color: transparent; text-shadow: 0 0 0 #000;} .whatsapp i.icon-whatsapp{font-size: 21px; line-height: 21px; padding-right: 7px;} .whatsapp.left{position: fixed; top: 45%; background:none!important;} .whatsapp.center{position: fixed; background: none !important; text-align: center; margin: -35px -80px 0 0; top: 50%; right: 50%;} .whatsapp.right{position:fixed; right: 5px; top: 40%; background:none!important;} .whatsapp.bottom-left{left: 0;} .whatsapp.bottom-right{right: 0;} .whatsapp.bottom-center{right: 45%;} .whatsapp.top-left{top: 0; left: 0; bottom: auto;} .whatsapp.top-right{top: 0; right: 0; bottom: auto;} .whatsapp.top-center{top: 0; right: 45%; bottom: auto;} .whatsapp-hookDisplayFooter{clear: none;} .whatsapp-hookDisplayNav{clear: none; float: left; margin-left: 15px; padding: 0;} .whatsapp-hookDisplayNav span{float: left; padding: 5px 0 10px; line-height: 18px; background: none;} .whatsapp-hookDisplayNav i.icon-whatsapp{vertical-align: 0;} .whatsapp-badge{position: fixed; bottom: 0; z-index: 999999; margin: 10px; width: auto !important;} .whatsapp-widget{bottom: 0; z-index: 999999; margin: 10px; width: auto !important;} .whatsapp-topWidth{padding: 0; text-align: center;} .whatsapp-sticky{position: fixed; bottom: 0; z-index: 999999; margin: 0; padding: 0; width: 100%!important; text-align: center; border-radius: 0;} .whatsapp-sticky.bottom-right{text-align: right;} .whatsapp-sticky.bottom-left{text-align: left;} .whatsapp-sticky.bottom-center{right: auto;} .whatsapp-sticky.top-right{text-align: right;} .whatsapp-sticky.top-left{text-align: left;} .whatsapp-sticky.top-center{right: auto;} .whatsapp-sticky.right{text-align: right; bottom: 46%;} .whatsapp-sticky.left{text-align: left; bottom: 46%;} .whatsapp-sticky.center{right: auto; bottom: 46%;} .label-container{position:fixed; bottom:35px; right:90px; display:table; visibility: hidden;} .label-container-top-right{position:fixed; top:34px; right:90px; display:table; visibility: hidden;} .label-container-top-left{position:fixed; top:34px; left:90px; display:table; visibility: hidden;} .label-container-top-center{position:fixed; top:34px; left:45%; display:table; visibility: hidden;} .label-container-bottom-left{position:fixed; bottom:35px; left:90px; display:table; visibility: hidden;} .label-container-bottom-center{position:fixed; bottom:35px; left:45%; display:table; visibility: hidden;} .label-container-left{top:47.5%; position:fixed; bottom:30px; left:85px; display:table; visibility: hidden;} .label-container-right{top:47.5%; position:fixed; bottom:30px; right:85px; display:table; visibility: hidden;} .label-container-center{position:fixed; bottom:46%; left:51.5%; display:table; visibility: hidden;} .label-text{color:#FFF; background:rgba(51,51,51,0.5); display:table-cell; vertical-align:middle; padding:10px; border-radius:3px;} .label-arrow{display:table-cell; vertical-align:middle; color:#333; opacity:0.5;} .float-center{position:fixed; width:60px; height:60px; bottom:25px; left:47.5%; color:#FFF; text-align:center;} .float-floating.float-left{top:46%; position:fixed; width:60px; height:60px; left:20px; color:#FFF; text-align:center;} .float-floating.float-right{top:46%; position:fixed; width:60px; height:60px; right:20px; color:#FFF; text-align:center;} .float-top-left{position:fixed; width:60px; height:60px; top:25px; left:25px; color:#FFF; text-align:center;} .float-top-right{position:fixed; width:60px; height:60px; top:25px; right:25px; color:#FFF; text-align:center;} .float-top-center{position:fixed; width:60px; height:60px; top:25px; right:46%; color:#FFF; text-align:center;} .float-bottom-right{position:fixed; width:60px; height:60px; bottom:25px; right:25px; color:#FFF; text-align:center;} .float-bottom-left{position:fixed; width:60px; height:60px; bottom:25px; left:25px; color:#FFF; text-align:center;} .float-bottom-center{position:fixed; width:60px; height:60px; bottom:25px; right:46%; color:#FFF; text-align:center;} .float-bottom{z-index: 9999999;} .float-center{top:46%; z-index: 9999999;} .float-floating i.icon-whatsapp{position: relative; top: 11px; left: 1px;} .float-floating{z-index: 9999999;} .my-float{font-size:24px; margin-top:18px;} a.float + div.label-container{visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.5s ease;} a.float:hover + div.label-container{visibility: visible; opacity: 1;} .float .fa-whatsapp:before{font-size: xx-large; top: 14px; left: 1px; position: relative;} .whatsapp-offline{background-color: #ff0000!important;} 

/* /sh_onemate_theme/static/src/css/extra_addons/sh_website_coming_soon/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;} @-webkit-keyframes pulse{from{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}50%{-webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05);}to{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}} @keyframes pulse{from{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}50%{-webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05);}to{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}} .pulse{-webkit-animation-name: pulse; animation-name: pulse;} @-webkit-keyframes rubberBand{from{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}30%{-webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1);}40%{-webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1);}50%{-webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1);}65%{-webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1);}75%{-webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1);}to{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}} @keyframes rubberBand{from{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}30%{-webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1);}40%{-webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1);}50%{-webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1);}65%{-webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1);}75%{-webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1);}to{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}} .rubberBand{-webkit-animation-name: rubberBand; animation-name: rubberBand;} @-webkit-keyframes shake{from, to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}10%, 30%, 50%, 70%, 90%{-webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0);}20%, 40%, 60%, 80%{-webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0);}} @keyframes shake{from, to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}10%, 30%, 50%, 70%, 90%{-webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0);}20%, 40%, 60%, 80%{-webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0);}} .shake{-webkit-animation-name: shake; animation-name: shake;} @-webkit-keyframes headShake{0%{-webkit-transform: translateX(0); transform: translateX(0);}6.5%{-webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg);}18.5%{-webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg);}31.5%{-webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg);}43.5%{-webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg);}50%{-webkit-transform: translateX(0); transform: translateX(0);}} @keyframes headShake{0%{-webkit-transform: translateX(0); transform: translateX(0);}6.5%{-webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg);}18.5%{-webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg);}31.5%{-webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg);}43.5%{-webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg);}50%{-webkit-transform: translateX(0); transform: translateX(0);}} .headShake{-webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake;} @-webkit-keyframes swing{20%{-webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg);}40%{-webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg);}60%{-webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg);}80%{-webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg);}to{-webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg);}} @keyframes swing{20%{-webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg);}40%{-webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg);}60%{-webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg);}80%{-webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg);}to{-webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg);}} .swing{-webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing;} @-webkit-keyframes tada{from{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}10%, 20%{-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);}30%, 50%, 70%, 90%{-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);}40%, 60%, 80%{-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);}to{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}} @keyframes tada{from{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}10%, 20%{-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);}30%, 50%, 70%, 90%{-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);}40%, 60%, 80%{-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);}to{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}} .tada{-webkit-animation-name: tada; animation-name: tada;} @-webkit-keyframes wobble{from{-webkit-transform: 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;} @-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;} @-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: 0.75s; animation-duration: 0.75s; -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;} @-webkit-keyframes bounceInLeft{from, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0);}60%{opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0);}75%{-webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0);}90%{-webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0);}to{-webkit-transform: 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;} @-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;} @-webkit-keyframes bounceInUp{from, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}from{opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0);}60%{opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0);}75%{-webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0);}90%{-webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0);}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes bounceInUp{from, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}from{opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0);}60%{opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0);}75%{-webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0);}90%{-webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0);}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .bounceInUp{-webkit-animation-name: bounceInUp; animation-name: bounceInUp;} @-webkit-keyframes bounceOut{20%{-webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9);}50%, 55%{opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1);}to{opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3);}} @keyframes bounceOut{20%{-webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9);}50%, 55%{opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1);}to{opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3);}} .bounceOut{-webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: bounceOut; animation-name: bounceOut;} @-webkit-keyframes bounceOutDown{20%{-webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0);}40%, 45%{opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0);}to{opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0);}} @keyframes bounceOutDown{20%{-webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0);}40%, 45%{opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0);}to{opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0);}} .bounceOutDown{-webkit-animation-name: bounceOutDown; animation-name: bounceOutDown;} @-webkit-keyframes bounceOutLeft{20%{opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0);}to{opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0);}} @keyframes bounceOutLeft{20%{opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0);}to{opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0);}} .bounceOutLeft{-webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft;} @-webkit-keyframes bounceOutRight{20%{opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0);}to{opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0);}} @keyframes bounceOutRight{20%{opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0);}to{opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0);}} .bounceOutRight{-webkit-animation-name: bounceOutRight; animation-name: bounceOutRight;} @-webkit-keyframes bounceOutUp{20%{-webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0);}40%, 45%{opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0);}to{opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0);}} @keyframes bounceOutUp{20%{-webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0);}40%, 45%{opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0);}to{opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0);}} .bounceOutUp{-webkit-animation-name: bounceOutUp; animation-name: bounceOutUp;} @-webkit-keyframes fadeIn{from{opacity: 0;}to{opacity: 1;}} @keyframes fadeIn{from{opacity: 0;}to{opacity: 1;}} .fadeIn{-webkit-animation-name: fadeIn; animation-name: fadeIn;} @-webkit-keyframes fadeInDown{from{opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}to{opacity: 1; -webkit-transform: 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;} @-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;} @-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;} @-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;} @-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;} @-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;} @-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;} @-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;} @-webkit-keyframes fadeOut{from{opacity: 1;}to{opacity: 0;}} @keyframes fadeOut{from{opacity: 1;}to{opacity: 0;}} .fadeOut{-webkit-animation-name: fadeOut; animation-name: fadeOut;} @-webkit-keyframes fadeOutDown{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}} @keyframes fadeOutDown{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}} .fadeOutDown{-webkit-animation-name: fadeOutDown; animation-name: fadeOutDown;} @-webkit-keyframes fadeOutDownBig{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0);}} @keyframes fadeOutDownBig{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0);}} .fadeOutDownBig{-webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig;} @-webkit-keyframes fadeOutLeft{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}} @keyframes fadeOutLeft{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}} .fadeOutLeft{-webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft;} @-webkit-keyframes fadeOutLeftBig{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0);}} @keyframes fadeOutLeftBig{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0);}} .fadeOutLeftBig{-webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig;} @-webkit-keyframes fadeOutRight{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}} @keyframes fadeOutRight{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}} .fadeOutRight{-webkit-animation-name: fadeOutRight; animation-name: fadeOutRight;} @-webkit-keyframes fadeOutRightBig{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0);}} @keyframes fadeOutRightBig{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0);}} .fadeOutRightBig{-webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig;} @-webkit-keyframes fadeOutUp{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}} @keyframes fadeOutUp{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}} .fadeOutUp{-webkit-animation-name: fadeOutUp; animation-name: fadeOutUp;} @-webkit-keyframes fadeOutUpBig{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0);}} @keyframes fadeOutUpBig{from{opacity: 1;}to{opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0);}} .fadeOutUpBig{-webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig;} @-webkit-keyframes flip{from{-webkit-transform: perspective(400px) 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;} @-webkit-keyframes flipInX{from{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0;}40%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}60%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1;}80%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg);}to{-webkit-transform: perspective(400px); transform: perspective(400px);}} @keyframes flipInX{from{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0;}40%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}60%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1;}80%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg);}to{-webkit-transform: perspective(400px); transform: perspective(400px);}} .flipInX{-webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX;} @-webkit-keyframes flipInY{from{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0;}40%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}60%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1;}80%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg);}to{-webkit-transform: perspective(400px); transform: perspective(400px);}} @keyframes flipInY{from{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0;}40%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}60%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1;}80%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg);}to{-webkit-transform: perspective(400px); transform: perspective(400px);}} .flipInY{-webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY;} @-webkit-keyframes flipOutX{from{-webkit-transform: perspective(400px); transform: perspective(400px);}30%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1;}to{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0;}} @keyframes flipOutX{from{-webkit-transform: perspective(400px); transform: perspective(400px);}30%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1;}to{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0;}} .flipOutX{-webkit-animation-duration: 0.75s; animation-duration: 0.75s; -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: 0.75s; animation-duration: 0.75s; -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);}}