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

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

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

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

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

/* /skal_magazine/static/src/dflip/css/dflip.css defined in bundle 'web.assets_frontend' */
.df-abs-center{top: 50%; left: 50%; position: absolute; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} .df-abs-h-center{position: absolute; left: 50%; -webkit-transform: translate(-50%); -moz-transform: translate(-50%); -ms-transform: translate(-50%); transform: translate(-50%);} .df-container{min-height: 320px; background: no-repeat 50%; background-size: cover; width: 100%; position: relative; image-rendering: auto; direction: ltr;} .df-container.df-transparent:not(.df-fullscreen){background: transparent !important;} .df-container.df-custom-fullscreen.df-fullscreen{position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; margin: 0 !important; border: 0 !important; z-index: 999999;} .df-container .loading-info{position: absolute; top: 100%; margin-top: 20px; margin-left: 5px; padding: 6px 20px; background-color: rgba(0, 0, 0, 0.09); font-style: italic; border-radius: 5px; font-size: 11px; max-height: 30px; color: #fff; max-width: 200px; transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); left: 50%; opacity: 0.7; transition: 0.3s top ease; -webkit-transition: 0.3s top ease;} .loading-info.df-old-browser{color: gray; background-color: white; opacity: 0.9; text-align: center; max-height: none;} .loading-info.df-old-browser a{font-weight: bold; font-style: normal; text-transform: uppercase; color: #2196F3; display: block; text-decoration: underline; margin: 10px 0 0;} .df-container.df-init .loading-info{top: 50%;} .df-3dcanvas{position: absolute; z-index: 1; right: 0;} .df-rtl .df-3dcanvas{right: auto; right: initial; left: 0;} .df-container > canvas{} .df-container a{outline: none; text-decoration: none; box-shadow: none;} .df-container.df-zoom-enabled canvas.df-3dcanvas, .df-container.df-zoom-enabled .df-book-stage{cursor: move; cursor: -webkit-grab;} .df-container:before, .df-container:after{content: " "; transition: 0.3s 0.1s opacity; -webkit-transition: 0.3s 0.1s opacity; opacity: 0; height: 50px; width: 50px; left: 50%; top: 50%; font-size: 12px; margin: -45px -25px -25px; box-sizing: border-box; position: absolute; pointer-events: none;} .df-container.df-loading:before, .df-container.df-loading:after{content: " "; z-index: 100; opacity: 1;} .df-container.df-loading .df-loading-icon{} .df-container.df-loading:after{content: " "; background-image: url("/skal_magazine/static/src/dflip/css/../images/loading.gif"); background-repeat: no-repeat; background-size: 32px; background-position: 50%;} .df-container.df-loading:before{background-color: white; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; border: 1px solid rgba(150, 150, 150, 0.2);} .df-book-stage{position: absolute; overflow: hidden; right: 0; bottom: 0; z-index: 1; top: 0; left: 0; filter: blur(0); -webkit-filter: blur(0); padding: 30px 50px 70px;} .df-floating .df-book-stage{} .df-container.df-xs .df-book-stage{padding-left: 20px; padding-right: 20px;} .df-container.df-sidemenu-open .df-book-stage{padding-left: 230px; padding-right: 10px;} .df-container.df-sidemenu-open > .df-ui-btn.df-ui-prev{left: 220px;} .df-rtl.df-container.df-sidemenu-open > .df-ui-btn.df-ui-prev{left: 0;} .df-rtl.df-container.df-sidemenu-open > .df-ui-btn.df-ui-next{right: 220px;} .df-book-stage.df-zoom-enabled{cursor: move;} .df-page-front:before, .df-page-back:before{content: " ";} .df-book-page .df-page-front:before{background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.2) 10%, rgba(0, 0, 0, 0.15) 25%, rgba(0, 0, 0, 0) 70%); background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.2) 10%, rgba(0, 0, 0, 0.15) 25%, rgba(0, 0, 0, 0) 70%); background-image: -ms-linear-gradient(right, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.2) 10%, rgba(0, 0, 0, 0.15) 25%, rgba(0, 0, 0, 0) 70%);} .df-book-page .df-page-back:before{background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.15) 15%, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.0)); background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.15) 15%, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.0)); background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.15) 15%, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.0));} .df-book-wrapper, .df-page-wrapper, .df-book-page, .df-page-content, .df-page-front:before, .df-page-wrapper:after, .df-page-back:before, .df-page-content:after, .df-page-effects, .df-page-effects:before, .df-page-effects{position: absolute; height: 100%; display: block; top: 0;} .df-page-content, .df-book-page{width: 100%;} .df-book-wrapper{position: relative; margin: 0 auto; transition: 0.3s left; -webkit-transition: 0.3s left; left: 0;} .df-zoom-enabled .df-book-wrapper{transition: none; -webkit-transition: none;} .df-loading.df-container .df-book-wrapper{left: 100%;} .df-book-wrapper.close-right{left: 25%;} .df-book-wrapper.close-left{left: -25%;} .df-book-shadow{position: absolute; z-index: -1; height: 100%; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);} .df-book-wrapper .df-book-side-buttons{position: absolute; left: 100%; width: 40px; opacity: 0.3; height: 100%; cursor: pointer; z-index: 30; -webkit-border-radius: 0 20px 20px 0; -moz-border-radius: 0 20px 20px 0; border-radius: 0 20px 20px 0;} .df-book-prev-button.df-book-side-buttons{-webkit-border-radius: 20px 0 0 20px; -moz-border-radius: 20px 0 0 20px; border-radius: 20px 0 0 20px;} .df-book-wrapper .df-book-side-buttons:hover{opacity: 0.5; background-color: rgba(0, 0, 0, 0.18);} .df-book-wrapper .df-book-prev-button{right: 100%; left: auto; left: initial;} .df-book-wrapper .df-book-side-buttons:before{position: absolute; font-size: 30px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); left: 50%; top: 50%;} .df-book-wrapper .df-book-prev-button:before{} .df-page-wrapper{overflow: hidden;} .df-hard-page .df-page-wrapper{width: 100% !important; height: 100% !important; overflow: visible; transform-style: preserve-3d; -webkit-transform-origin: 0 50% 0; -moz-transform-origin: 0 50% 0; -ms-transform-origin: 0 50% 0; transform-origin: 0 50% 0;} .df-book-page.df-flipping, .df-book-page.df-folding{box-shadow: -2px 0 10px rgba(0, 0, 0, 0.0);} .df-book-page.df-left-side{left: 0; -webkit-transform-origin: right; -moz-transform-origin: right; -ms-transform-origin: right; transform-origin: right;} .df-book-page.df-right-side{left: 50%; -webkit-transform-origin: left; -moz-transform-origin: left; -ms-transform-origin: left; transform-origin: left;} .df-book-page.df-hard-page{} .df-book-page.df-right-side + .df-page-wrapper.df-right-side{z-index: -1;} .df-book-page .df-page-front, .df-book-page .df-page-back{width: 100%; background-size: 100.5% 100%; background-size: 100% 100%; height: 100%; background-color: white; position: absolute; box-sizing: border-box;} .df-page-back > canvas, .df-page-front > canvas{width: 100%; position: relative; z-index: -1;} .df-page-wrapper:before{} .df-quick-turn:before{opacity: 0;} .df-book-page.df-flipping.df-left-side:before{background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1)); background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1)); width: 10px; left: -10px;} .df-book-page.df-right-side:before{} .df-book-page{width: 50%;} .df-book-page.df-flipping, .df-book-page.df-folding{z-index: 200 !important;} .df-page-content{background-size: 100.25% !important; background-repeat: no-repeat !important; transition-property: transform; -webkit-transition-property: -webkit-transform; width: 100%; overflow: hidden;} .df-book-page.df-left-side .df-page-front{z-index: 2;} .df-book-page.df-left-side .df-page-back{z-index: 1;} .df-book-page.df-left-side.df-folding:not(.df-hard-page) .df-page-back{z-index: 3;} .df-book-page.df-right-side .df-page-front{top: 0; left: 0; z-index: 0;} .df-book-page, .df-page-front, .df-page-back, .df-page-fold-inner-shadow, .df-page-fold-outer-shadow, .df-page-wrapper{position: absolute; -webkit-transform-origin: 0 0 0; -moz-transform-origin: 0 0 0; -ms-transform-origin: 0 0 0; transform-origin: 0 0 0;} .df-page-front, .df-page-back{overflow: hidden;} .df-page-fold-outer-shadow{z-index: -1; width: 100%; height: 100%;} .df-page-fold-inner-shadow{position: absolute; z-index: 5; display: none;} .df-book-page.df-folding .df-page-fold-inner-shadow{display: block;} .df-book-page.df-right-side .df-page-back{left: 0; z-index: 1;} .df-book-page.df-right-side.df-folding .df-page-front{z-index: 2;} .df-page-wrapper.df-right-side .df-page-back{left: 100%; z-index: 1; overflow: hidden;} .df-hard-page .df-page-front, .df-hard-page .df-page-back{-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden;} .df-hard-page.df-right-side .df-page-front{-webkit-transform-origin: right 50%; -moz-transform-origin: right 50%; -ms-transform-origin: right 50%; transform-origin: right 50%; z-index: 3 !important;} .df-hard-page.df-left-side .df-page-front{-webkit-transform-origin: right 50%; -moz-transform-origin: right 50%; -ms-transform-origin: right 50%; transform-origin: right 50%;} .df-hard-page.df-right-side .df-page-back{-webkit-transform-origin: left 50%; -moz-transform-origin: left 50%; -ms-transform-origin: left 50%; transform-origin: left 50%; z-index: 3;} .df-hard-page.df-left-side .df-page-back{-webkit-transform-origin: left 50%; -moz-transform-origin: left 50%; -ms-transform-origin: left 50%; transform-origin: left 50%;} .df-page-front:before, .df-page-back:before{width: 20%; z-index: 5; pointer-events: none;} .df-page-front:before{right: 0;} .df-page-wrapper.df-right-side.df-flipping{z-index: 4;} .df-ui{height: 60px; padding: 20px 16px 0;} .df-ui-wrapper, .df-ui-btn{color: #888; vertical-align: top; background-color: #f7f7f7; box-sizing: border-box; text-align: center;} .df-ui-wrapper{box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); background-color: #f7f7f7; position: absolute;} .df-share-wrapper{z-index: 2; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(0, 0, 0, 0.35); display: none;} .df-share-wrapper.df-hidden{} .df-share-box{position: absolute; top: 50%; width: 280px; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); left: 50%; background-color: #fff; border-radius: 10px; padding: 10px 15px 5px; text-align: center;} span.df-share-title{color: #777; margin-bottom: 10px; display: block;} .df-share-url{background-color: #fff; height: 60px; color: #666; padding: 2px 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width: 100%; font-size: 12px; box-sizing: border-box; margin-bottom: 0px;} .df-share-button{display: inline-block; text-align: center; cursor: pointer; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; padding: 10px; margin: 3px; color: #aaa;} .df-share-button:hover{color: #444;} .df-ui-btn{position: relative; width: 35px; right: 0; height: 40px; font-size: 17px; cursor: pointer; z-index: 2; display: inline-block; padding: 12px 5px; line-height: 1;} .df-floating .df-ui-controls > .df-ui-btn:first-child{border-radius: 5px 0 0 5px;} .df-floating .df-ui-controls > .df-ui-btn:last-child{border-radius: 0 5px 5px 0;} .df-ui-btn:before{box-sizing: border-box;} .df-ui-fit, .df-ui-thumbnail{} .df-ui-thumbnail, .df-ui-share, .df-ui-outline, .df-ui-help, .df-ui-sound{float: left;} .df-ui-zoomin, .df-ui-zoomout{} .df-ui-btn:hover{color: #00ACCE;} .df-ui-btn.disabled, .df-ui-btn.disabled:hover{color: #ccc;} .df-ui-share:before{} .df-ui-page{padding: 8px 5px 2px; font-size: 12px; width: auto; width: 50px; margin: 0 0; border-radius: 0; background-color: rgba(0, 0, 0, 0.03);} .df-ui-page input{width: 100%; background-color: transparent; height: 25px; margin: 0; padding: 0 !important; border: 1px solid rgb(143, 143, 143); text-align: center; vertical-align: top; color: transparent; font-size: 14px; top: 0; box-sizing: border-box; z-index: -1; display: inline-block; opacity: 0;} .df-ui-page input:focus{z-index: 2; opacity: 1; color: inherit;} .df-ui-page input:focus + label{opacity: 0; display: none;} .df-ui-page label{position: absolute; height: 30px; width: 100%; display: block; top: 0; padding-top: 14px; line-height: 1.1em; color: #999; font-size: 13px; font-weight: normal; left: 0; cursor: pointer; background-color: transparent; z-index: 1; box-sizing: border-box;} .df-ui-share{float: left;} .df-ui-share:before{} .df-ui-fullscreen{bottom: 0;} .df-ui-fullscreen:before{} .df-ui-zoom{top: 24px; height: 60px; right: 24px; width: 30px; display: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} .df-ui-sidemenu-close{position: absolute; top: 10px; right: -32px; font-size: 14px; width: 32px; height: 35px; cursor: pointer; padding: 10px 0px; background: inherit; border-radius: 0 5px 5px 0; z-index: -1; transition: 0.5s ease; -webkit-transition: 0.5s ease;} .df-ui-controls{bottom: 0; width: 100%; height: 40px; padding: 0; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 4; display: block;} .df-floating .df-ui-controls{bottom: 10px; width: auto; width: intial; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); left: 50%; margin: 0 auto; display: table; display: flex; border-radius: 5px;} .df-floating.df-controls-top .df-ui-controls{bottom: auto; bottom: intial; top: 10px;} .df-floating.df-controls-hide .df-ui-controls{display: none;} .df-ui-wrapper.df-ui-controls .df-ui-btn{float: none;} .df-ui-size{bottom: 24px; height: 60px; right: 24px;} .df-ui-zoom:before, .df-ui-size:before{height: 0; border-bottom: 1px solid; content: " "; right: 5px; opacity: 0.3; display: block; position: absolute; top: 30px; left: 5px; z-index: 2;} .df-ui-zoomin{top: 0;} .df-ui-zoomin:before{} .df-ui-zoomout{bottom: 0;} .df-ui-btn.df-ui-zoomout{} .df-zoom-enabled .df-ui-btn.df-ui-zoomout{} .df-zoom-enabled .df-ui-btn.df-ui-zoomin{} .df-ui-zoomout:before{} .df-ui-next{right: 24px; right: 0; border-radius: 0;} .df-container.df-floating > .df-ui-next{right: 8px;} .df-container.df-floating > .df-ui-prev{left: 2px;} .df-container > .df-ui-next, .df-container > .df-ui-prev{margin-top: -5px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); top: 50%; position: absolute; opacity: 0.3; background-color: transparent; height: auto; height: initial; font-size: 36px; color: #000; width: auto; text-align: center; width: initial;} .df-container > .df-ui-next:hover, .df-container > .df-ui-prev:hover{opacity: 0.7;} .df-container.df-floating > .df-ui-next, .df-container.df-floating > .df-ui-prev{border-radius: 50%; width: 40px;} .df-ui-next:before{} .df-ui-prev{left: 0; right: auto; border-radius: 0;} .df-ui-prev:before{} .df-ui-alt{position: relative !important; right: auto; right: initial; left: auto; left: initial; box-shadow: none !important;} .df-ui-alt.df-ui-next, .df-ui-alt.df-ui-prev{} .df-ui-alt.df-ui-next{border-right: 1px solid #ddd;} .df-ui-start{} .df-ui-start:before{} .df-ui-end{} .df-ui-end:before{} .df-ui-thumbnail:before{} .df-ui-outline:before{} .df-ui-btn.df-active{color: #00ACCE; background-color: #e7e7e7;} .df-ui-fit{display: none;} .df-ui-zoomin, .df-ui-zoomout, .df-ui-fullscreen, .df-ui-more{float: right;} .df-ui-fit{top: 0;} .df-ui-fit:before{} .df-ui-fit.button-fit-active:before{} .df-page-content div{} .df-ui-more .more-container{display: none; position: absolute; bottom: 100%; margin-bottom: 8px !important; right: 10px; background-color: #f7f7f7; z-index: 20; border-radius: 5px; box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.2);} .df-controls-top .df-ui-more .more-container{bottom: auto; bottom: initial; margin-top: 8px !important; top: 100%; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);} .more-container:before{content: " "; position: absolute; border: solid transparent; border-width: 7px; border-top-color: #eee; height: 0; width: 0; bottom: -14px; right: 13px; margin-right: -8px; pointer-events: none;} .df-controls-top .more-container:before{border: solid transparent; border-bottom-color: #eee; border-width: 7px; top: -14px;} .more-container .df-ui-btn{width: auto; width: initial; width: 170px; text-align: left; padding: 8px 10px; height: 36px; border-top: 1px solid #e4e4e4; border-radius: 0;} .more-container .df-ui-btn:hover{background-color: #eee;} .more-container > .df-ui-btn:first-child{border-radius: 5px; border-top: none;} .more-container > .df-ui-btn:last-child{border-radius: 0 0 5px 5px;} .more-container .df-ui-btn:before{position: absolute; top: 11px; font-size: 14px;} .df-ui-btn span{display: none;} .more-container .df-ui-btn span{font-size: 12px; padding-left: 20px; vertical-align: middle; display: inline-block;} .df-ui-more.df-active .more-container{display: block;} .annotationLayer section, .annotationDiv section, .customLinkAnnotation, .customHtmlAnnotation, .customVideoAnnotation, .linkAnnotation, .highlightAnnotation, .popupAnnotation{position: absolute; z-index: 5; cursor: pointer; pointer-events: all;} .annotationDiv .popupWrapper{position: absolute; width: 20em;} .annotationDiv .popup{position: absolute; z-index: 200; max-width: 20em; background-color: #FFFF99; box-shadow: 0px 2px 5px #333; border-radius: 2px; padding: 0.6em; margin-left: 5px; cursor: pointer; word-wrap: break-word;} .annotationDiv .popup h1{font-size: 1em; border-bottom: 1px solid #000000; padding-bottom: 0.2em;} .annotationDiv .popup p{padding-top: 0.2em;} .annotationDiv .highlightAnnotation, .annotationDiv .underlineAnnotation, .annotationDiv .squigglyAnnotation, .annotationDiv .strikeoutAnnotation, .annotationDiv .fileAttachmentAnnotation{cursor: pointer;} .annotationDiv .textAnnotation img{position: absolute; cursor: pointer;} section.linkAnnotation a, .annotationDiv .buttonWidgetAnnotation.pushButton > a{display: block; height: 100%;} section.linkAnnotation a, a.linkAnnotation, a.customLinkAnnotation, .customHtmlAnnotation, .customVideoAnnotation{background-color: transparent; background-color: rgb(255, 255, 0); opacity: 0.1;} a.customLinkAnnotation{} section.linkAnnotation a:hover, a.linkAnnotation:hover, .highlightAnnotation:hover, a.customLinkAnnotation:hover{opacity: 0.4; border-color: transparent; background-color: #2196F3;} .annotationDiv{position: absolute; top: 0; left: 0; bottom: 0; right: 0; overflow: hidden;} section.linkAnnotation a .annotationLayer > a{display: block; position: absolute; height: 100%; cursor: pointer; box-sizing: border-box;} section.linkAnnotation a.internalLink:hover{} .df-page-loading:after, .df-page-loading:before{content: " "; height: 44px; width: 44px; position: absolute; top: 50%; left: 50%; margin: -22px -22px;} .df-page-loading:before{background-color: white; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; box-sizing: border-box;} .df-page-loading:after{background-image: url("/skal_magazine/static/src/dflip/css/../images/loading.gif"); background-repeat: no-repeat; background-position: center; background-size: 22px;} .df-thumb-container .df-vrow{height: 124px; left: 0; width: 90%; margin: 10px auto; background-position: 50%; cursor: pointer; background-repeat: no-repeat; right: 0; border-radius: 5px;} .df-thumb-container .df-vrow:before{content: ""; background-image: url("/skal_magazine/static/src/dflip/css/../images/loading.gif"); background-size: 22px; height: 22px; width: 22px; display: block; top: 60px; margin: 0 auto; position: relative; z-index: 0;} .df-thumb-container .df-vrow:hover{background-color: #bbb;} .df-floating .df-thumb-container .df-vrow:hover, .df-vrow.df-selected{background-color: #ccc; opacity: 1;} .df-thumb-container .df-vrow.df-thumb-loaded{background-size: contain;} .df-thumb-container .df-vrow.df-thumb-loaded:before{display: none;} .df-vrow > div{height: 20px; background-color: rgba(170, 170, 170, 0.54); width: 40px; margin: 0 auto;} .df-sidemenu{float: left; width: 220px; height: auto !important; position: absolute !important; top: 0; z-index: 3; transition: 0.5s transform ease; -webkit-transition: 0.5s -webkit-transform ease; transform: translateX(-100%); -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); left: -50px; background-color: rgba(238, 238, 238, 0.9);} .df-rtl .df-sidemenu{left: auto; left: initial; transform: translateX(100%); -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); right: -50px; direction: rtl;} .df-thumb-container{text-align: center;} .df-outline-container{color: #666; font-size: 12px;} .df-outline-wrapper, .df-thumb-wrapper{position: absolute !important; top: 0; bottom: 0; left: 0; right: 0; height: auto !important; box-shadow: 1px 0 4px rgba(102, 102, 102, 0.38);} .df-outline-wrapper{overflow: auto; padding: 10px 10px 5px 10px;} .df-floating .df-outline-container, .df-floating .df-thumb-container{bottom: 0;} .df-sidemenu.df-sidemenu-visible{display: block; transform: translateX(0); -ms-transform: translateX(0); -moz-transform: translateX(0); -webkit-transform: translateX(0); left: 0;} .df-outline-toggle{cursor: pointer; float: left; width: 18px; padding: 5px 0; margin-left: -18px; text-align: center;} .df-outline-toggle.df-outlines-hidden ~ .df-outline-items{display: none;} .df-outline-items > .df-outline-item{margin-left: 18px;} .df-outline-item a:hover, .df-outline-toggle:hover{background-color: #e7e7e7;} .df-outline-item a{color: inherit !important; text-decoration: none !important; display: block; padding: 5px 0 5px 5px; overflow: hidden; text-overflow: ellipsis; border: none !important; box-shadow: none !important;} .df-outline-toggle:before{content: "\e64b"; font-size: 10px; font-family: 'themify';} .df-outline-toggle.df-outlines-hidden:before{content: "\e649";} .df-lightbox-wrapper{position: fixed !important; top: 0; bottom: 0; right: 0; height: auto !important; left: 0; background-color: white; z-index: 99999;} .df-lightbox-controls{float: right; padding: 5px; z-index: 1000; position: relative;} .df-lightbox-close{float: right; height: 40px; text-align: center; font-size: 50px; cursor: pointer; color: #444; border-radius: 50%; border-color: transparent; width: 40px; background-color: transparent; transition: 0.2s; -webkit-transition: 0.2s;} .df-lightbox-close:hover{color: white; background-color: rgba(0, 0, 0, 0.21); border-color: black;} .df-lightbox-close:before{top: 50%; position: absolute; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); left: 50%; font-size: 24px;} .df-lightbox-wrapper .df-container{position: absolute !important; width: 100%; top: 0; bottom: 0; height: auto !important;} .df-container.df-xs .df-ui-controls .df-ui-btn.df-ui-next, .df-container.df-xs .df-ui-controls .df-ui-btn.df-ui-prev{} .df-container.df-xs .df-ui-controls .df-ui-btn.df-ui-page{display: none !important;} ._df_button, ._df_thumb{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; position: relative; cursor: pointer;} ._df_button{font-family: Roboto, 'Montserrat', sans-serif; padding: 5px 15px; background-color: #444; background: #0085ba; color: #fff; font-size: 14px; border-color: transparent !important; cursor: pointer; white-space: nowrap; transition: opacity 0.3s ease-in-out; opacity: 1 !important; border-radius: unset; background-color: #004894; font-weight: bolder;} ._df_button:hover{color: #fff; font-weight: bolder; background-color: #d4d4d4; border-color: #8c8c8c;} ._df_thumb{border: none; width: 140px; height: 200px; text-align: center;} ._df_thumb{cursor: pointer; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.22); display: inline-block; -webkit-transform-style: flat; -moz-transform-style: preserve-3d; transform-style: preserve-3d; box-sizing: border-box; -webkit-transition: 0.2s; margin: 30px 10px 10px; -moz-perspective: 1200px; perspective: 1200px;} ._df_books ._df_thumb, ._df_books .df-dummy{width: 140px; height: 200px; text-align: center; display: inline-block; position: relative; margin: 20px 10px; vertical-align: top;} ._df_books .df-dummy{} ._df_thumb[thumbtype="img"]{height: auto;} ._df_thumb[thumbtype="img"] img{max-width: 100%; max-height: 200px;} ._df_book-cover{background-size: 100% 100%; height: 100%; width: 100%; -webkit-transform-origin: left; transform-origin: left; top: 0; background-color: #eee; position: relative; overflow: hidden; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.22);} ._df_thumb ._df_book-title{bottom: -100%; position: absolute; width: 100%; left: 0; padding: 5px; font-size: 12px; background: rgba(1, 163, 163, 0.87); background: rgba(60, 60, 60, 0.8); box-sizing: border-box; display: block; color: white; transition: 0.4s; -webkit-transition: 0.4s; opacity: 0;} ._df_thumb ._df_book-tag{float: left; padding: 0 4px 2px; background-color: rgba(0, 0, 0, 0.26); text-transform: uppercase; font-size: 10px; margin: -15px 0 0 2px; z-index: -1; color: rgba(255, 255, 255, 0.8); position: relative;} ._df_thumb:hover ._df_book-title, ._df_thumb-not-found ._df_book-title{opacity: 1; bottom: 0;} ._df_thumb:hover ._df_book-title i{} ._df_thumb:hover{} ._df_thumb:hover ._df_book-cover{-webkit-transform: rotateY(-20deg) rotateZ(0deg); -moz-transform: rotateY(-20deg) rotateZ(0deg); -ms-transform: rotateY(-20deg) rotateZ(0deg); transform: rotateY(-20deg) rotateZ(0deg); box-shadow: 3px 0 12px rgba(0, 0, 0, 0.60);} .df-webkit ._df_thumb:hover ._df_book-cover{-webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; box-shadow: 1px 0 12px rgba(0, 0, 0, 0.60);} ._df_books{max-width: 960px; margin: 0 auto; text-align: center; position: relative; z-index: 1; padding: 20px 5px 150px;} ._df_books-break{color: rgba(255, 255, 255, 0.3); font-size: 14px; letter-spacing: 1px; font-weight: 600; margin-top: 25px; text-transform: uppercase;} ._df_books-break:after{content: " "; bottom: 0; width: 50px; height: 1px; background-color: rgba(255, 255, 255, 0.24); display: block; margin: 10px auto;} .df-page-wrapper{-webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0);} .df-container ::-webkit-scrollbar{width: 8px;} .df-container ::-webkit-scrollbar-button{height: 8px;} .df-container ::-webkit-scrollbar-thumb{background: rgba(0, 0, 0, 0.3); border: 0 none #ffffff; border-radius: 100px;} .df-container ::-webkit-scrollbar-thumb:hover{background: rgba(0, 0, 0, 0.5);} .df-container ::-webkit-scrollbar-thumb:active{background: rgba(0, 0, 0, 0.5);} .df-container ::-webkit-scrollbar-track{background: rgba(0, 0, 0, 0.20); border: 0 none #ffffff; border-radius: 100px;} .df-container ::-webkit-scrollbar-track:hover{background: rgba(0, 0, 0, 0.2);} .df-container ::-webkit-scrollbar-track:active{background: rgba(0, 0, 0, 0.15);} .df-container ::-webkit-scrollbar-corner{background: transparent;} .df-skipTransition{-webkit-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; transition: none !important;} .df-container.df-fullscreen{height: 100% !important; max-height: 100% !important; width: 100% !important; max-width: 100% !important;} .df-container.df-double-internal .df-page-front{background-position: left; background-size: cover;} .df-container.df-double-internal .df-page-back{background-position: right; background-size: cover;} .customHtmlAnnotation iframe{position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important;} .df-rtl .more-container .df-ui-btn{text-align: right; direction: rtl;} .df-rtl .more-container .df-ui-btn:before{right: 10px;} .df-rtl .more-container .df-ui-btn span{padding: 0; padding-right: 20px} .df-rtl .df-outline-items > .df-outline-item{margin: 0 18px 0 0; text-align: right; direction: rtl;} .df-rtl .df-outline-toggle{float: right; margin: 0 -18px 0 0;} .df-rtl .df-outline-toggle.df-outlines-hidden:before{content: "\e64a";} .df-rtl .df-sidemenu.df-sidemenu-visible{left: auto; left: initial; right: 0;} .df-rtl .df-ui-sidemenu-close{right: auto; right: initial; left: -32px; border-radius: 5px 0 0 5px;} ._df_thumb[thumbtype="img"] ._df_thumb-not-found{height: 200px; position: relative;} 

/* /skal_magazine/static/src/dflip/css/themify-icons.css defined in bundle 'web.assets_frontend' */
@font-face{font-family: 'themify'; src:url('/skal_magazine/static/src/dflip/css/../fonts/themify.eot'); src:url('/skal_magazine/static/src/dflip/css/../fonts/themify.eot?#iefix') format('embedded-opentype'), url('/skal_magazine/static/src/dflip/css/../fonts/themify.woff') format('woff'), url('/skal_magazine/static/src/dflip/css/../fonts/themify.ttf') format('truetype'), url('/skal_magazine/static/src/dflip/css/../fonts/themify.svg') format('svg'); font-weight: normal; font-style: normal;} [class^="ti-"]:before, [class*=" ti-"]:before{font-family: 'themify'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .ti-wand:before{content: "\e600";} .ti-volume:before{content: "\e601";} .ti-user:before{content: "\e602";} .ti-unlock:before{content: "\e603";} .ti-unlink:before{content: "\e604";} .ti-trash:before{content: "\e605";} .ti-thought:before{content: "\e606";} .ti-target:before{content: "\e607";} .ti-tag:before{content: "\e608";} .ti-tablet:before{content: "\e609";} .ti-star:before{content: "\e60a";} .ti-spray:before{content: "\e60b";} .ti-signal:before{content: "\e60c";} .ti-shopping-cart:before{content: "\e60d";} .ti-shopping-cart-full:before{content: "\e60e";} .ti-settings:before{content: "\e60f";} .ti-search:before{content: "\e610";} .ti-zoom-in:before{content: "\e611";} .ti-zoom-out:before{content: "\e612";} .ti-cut:before{content: "\e613";} .ti-ruler:before{content: "\e614";} .ti-ruler-pencil:before{content: "\e615";} .ti-ruler-alt:before{content: "\e616";} .ti-bookmark:before{content: "\e617";} .ti-bookmark-alt:before{content: "\e618";} .ti-reload:before{content: "\e619";} .ti-plus:before{content: "\e61a";} .ti-pin:before{content: "\e61b";} .ti-pencil:before{content: "\e61c";} .ti-pencil-alt:before{content: "\e61d";} .ti-paint-roller:before{content: "\e61e";} .ti-paint-bucket:before{content: "\e61f";} .ti-na:before{content: "\e620";} .ti-mobile:before{content: "\e621";} .ti-minus:before{content: "\e622";} .ti-medall:before{content: "\e623";} .ti-medall-alt:before{content: "\e624";} .ti-marker:before{content: "\e625";} .ti-marker-alt:before{content: "\e626";} .ti-arrow-up:before{content: "\e627";} .ti-arrow-right:before{content: "\e628";} .ti-arrow-left:before{content: "\e629";} .ti-arrow-down:before{content: "\e62a";} .ti-lock:before{content: "\e62b";} .ti-location-arrow:before{content: "\e62c";} .ti-link:before{content: "\e62d";} .ti-layout:before{content: "\e62e";} .ti-layers:before{content: "\e62f";} .ti-layers-alt:before{content: "\e630";} .ti-key:before{content: "\e631";} .ti-import:before{content: "\e632";} .ti-image:before{content: "\e633";} .ti-heart:before{content: "\e634";} .ti-heart-broken:before{content: "\e635";} .ti-hand-stop:before{content: "\e636";} .ti-hand-open:before{content: "\e637";} .ti-hand-drag:before{content: "\e638";} .ti-folder:before{content: "\e639";} .ti-flag:before{content: "\e63a";} .ti-flag-alt:before{content: "\e63b";} .ti-flag-alt-2:before{content: "\e63c";} .ti-eye:before{content: "\e63d";} .ti-export:before{content: "\e63e";} .ti-exchange-vertical:before{content: "\e63f";} .ti-desktop:before{content: "\e640";} .ti-cup:before{content: "\e641";} .ti-crown:before{content: "\e642";} .ti-comments:before{content: "\e643";} .ti-comment:before{content: "\e644";} .ti-comment-alt:before{content: "\e645";} .ti-close:before{content: "\e646";} .ti-clip:before{content: "\e647";} .ti-angle-up:before{content: "\e648";} .ti-angle-right:before{content: "\e649";} .ti-angle-left:before{content: "\e64a";} .ti-angle-down:before{content: "\e64b";} .ti-check:before{content: "\e64c";} .ti-check-box:before{content: "\e64d";} .ti-camera:before{content: "\e64e";} .ti-announcement:before{content: "\e64f";} .ti-brush:before{content: "\e650";} .ti-briefcase:before{content: "\e651";} .ti-bolt:before{content: "\e652";} .ti-bolt-alt:before{content: "\e653";} .ti-blackboard:before{content: "\e654";} .ti-bag:before{content: "\e655";} .ti-move:before{content: "\e656";} .ti-arrows-vertical:before{content: "\e657";} .ti-arrows-horizontal:before{content: "\e658";} .ti-fullscreen:before{content: "\e659";} .ti-arrow-top-right:before{content: "\e65a";} .ti-arrow-top-left:before{content: "\e65b";} .ti-arrow-circle-up:before{content: "\e65c";} .ti-arrow-circle-right:before{content: "\e65d";} .ti-arrow-circle-left:before{content: "\e65e";} .ti-arrow-circle-down:before{content: "\e65f";} .ti-angle-double-up:before{content: "\e660";} .ti-angle-double-right:before{content: "\e661";} .ti-angle-double-left:before{content: "\e662";} .ti-angle-double-down:before{content: "\e663";} .ti-zip:before{content: "\e664";} .ti-world:before{content: "\e665";} .ti-wheelchair:before{content: "\e666";} .ti-view-list:before{content: "\e667";} .ti-view-list-alt:before{content: "\e668";} .ti-view-grid:before{content: "\e669";} .ti-uppercase:before{content: "\e66a";} .ti-upload:before{content: "\e66b";} .ti-underline:before{content: "\e66c";} .ti-truck:before{content: "\e66d";} .ti-timer:before{content: "\e66e";} .ti-ticket:before{content: "\e66f";} .ti-thumb-up:before{content: "\e670";} .ti-thumb-down:before{content: "\e671";} .ti-text:before{content: "\e672";} .ti-stats-up:before{content: "\e673";} .ti-stats-down:before{content: "\e674";} .ti-split-v:before{content: "\e675";} .ti-split-h:before{content: "\e676";} .ti-smallcap:before{content: "\e677";} .ti-shine:before{content: "\e678";} .ti-shift-right:before{content: "\e679";} .ti-shift-left:before{content: "\e67a";} .ti-shield:before{content: "\e67b";} .ti-notepad:before{content: "\e67c";} .ti-server:before{content: "\e67d";} .ti-quote-right:before{content: "\e67e";} .ti-quote-left:before{content: "\e67f";} .ti-pulse:before{content: "\e680";} .ti-printer:before{content: "\e681";} .ti-power-off:before{content: "\e682";} .ti-plug:before{content: "\e683";} .ti-pie-chart:before{content: "\e684";} .ti-paragraph:before{content: "\e685";} .ti-panel:before{content: "\e686";} .ti-package:before{content: "\e687";} .ti-music:before{content: "\e688";} .ti-music-alt:before{content: "\e689";} .ti-mouse:before{content: "\e68a";} .ti-mouse-alt:before{content: "\e68b";} .ti-money:before{content: "\e68c";} .ti-microphone:before{content: "\e68d";} .ti-menu:before{content: "\e68e";} .ti-menu-alt:before{content: "\e68f";} .ti-map:before{content: "\e690";} .ti-map-alt:before{content: "\e691";} .ti-loop:before{content: "\e692";} .ti-location-pin:before{content: "\e693";} .ti-list:before{content: "\e694";} .ti-light-bulb:before{content: "\e695";} .ti-Italic:before{content: "\e696";} .ti-info:before{content: "\e697";} .ti-infinite:before{content: "\e698";} .ti-id-badge:before{content: "\e699";} .ti-hummer:before{content: "\e69a";} .ti-home:before{content: "\e69b";} .ti-help:before{content: "\e69c";} .ti-headphone:before{content: "\e69d";} .ti-harddrives:before{content: "\e69e";} .ti-harddrive:before{content: "\e69f";} .ti-gift:before{content: "\e6a0";} .ti-game:before{content: "\e6a1";} .ti-filter:before{content: "\e6a2";} .ti-files:before{content: "\e6a3";} .ti-file:before{content: "\e6a4";} .ti-eraser:before{content: "\e6a5";} .ti-envelope:before{content: "\e6a6";} .ti-download:before{content: "\e6a7";} .ti-direction:before{content: "\e6a8";} .ti-direction-alt:before{content: "\e6a9";} .ti-dashboard:before{content: "\e6aa";} .ti-control-stop:before{content: "\e6ab";} .ti-control-shuffle:before{content: "\e6ac";} .ti-control-play:before{content: "\e6ad";} .ti-control-pause:before{content: "\e6ae";} .ti-control-forward:before{content: "\e6af";} .ti-control-backward:before{content: "\e6b0";} .ti-cloud:before{content: "\e6b1";} .ti-cloud-up:before{content: "\e6b2";} .ti-cloud-down:before{content: "\e6b3";} .ti-clipboard:before{content: "\e6b4";} .ti-car:before{content: "\e6b5";} .ti-calendar:before{content: "\e6b6";} .ti-book:before{content: "\e6b7";} .ti-bell:before{content: "\e6b8";} .ti-basketball:before{content: "\e6b9";} .ti-bar-chart:before{content: "\e6ba";} .ti-bar-chart-alt:before{content: "\e6bb";} .ti-back-right:before{content: "\e6bc";} .ti-back-left:before{content: "\e6bd";} .ti-arrows-corner:before{content: "\e6be";} .ti-archive:before{content: "\e6bf";} .ti-anchor:before{content: "\e6c0";} .ti-align-right:before{content: "\e6c1";} .ti-align-left:before{content: "\e6c2";} .ti-align-justify:before{content: "\e6c3";} .ti-align-center:before{content: "\e6c4";} .ti-alert:before{content: "\e6c5";} .ti-alarm-clock:before{content: "\e6c6";} .ti-agenda:before{content: "\e6c7";} .ti-write:before{content: "\e6c8";} .ti-window:before{content: "\e6c9";} .ti-widgetized:before{content: "\e6ca";} .ti-widget:before{content: "\e6cb";} .ti-widget-alt:before{content: "\e6cc";} .ti-wallet:before{content: "\e6cd";} .ti-video-clapper:before{content: "\e6ce";} .ti-video-camera:before{content: "\e6cf";} .ti-vector:before{content: "\e6d0";} .ti-themify-logo:before{content: "\e6d1";} .ti-themify-favicon:before{content: "\e6d2";} .ti-themify-favicon-alt:before{content: "\e6d3";} .ti-support:before{content: "\e6d4";} .ti-stamp:before{content: "\e6d5";} .ti-split-v-alt:before{content: "\e6d6";} .ti-slice:before{content: "\e6d7";} .ti-shortcode:before{content: "\e6d8";} .ti-shift-right-alt:before{content: "\e6d9";} .ti-shift-left-alt:before{content: "\e6da";} .ti-ruler-alt-2:before{content: "\e6db";} .ti-receipt:before{content: "\e6dc";} .ti-pin2:before{content: "\e6dd";} .ti-pin-alt:before{content: "\e6de";} .ti-pencil-alt2:before{content: "\e6df";} .ti-palette:before{content: "\e6e0";} .ti-more:before{content: "\e6e1";} .ti-more-alt:before{content: "\e6e2";} .ti-microphone-alt:before{content: "\e6e3";} .ti-magnet:before{content: "\e6e4";} .ti-line-double:before{content: "\e6e5";} .ti-line-dotted:before{content: "\e6e6";} .ti-line-dashed:before{content: "\e6e7";} .ti-layout-width-full:before{content: "\e6e8";} .ti-layout-width-default:before{content: "\e6e9";} .ti-layout-width-default-alt:before{content: "\e6ea";} .ti-layout-tab:before{content: "\e6eb";} .ti-layout-tab-window:before{content: "\e6ec";} .ti-layout-tab-v:before{content: "\e6ed";} .ti-layout-tab-min:before{content: "\e6ee";} .ti-layout-slider:before{content: "\e6ef";} .ti-layout-slider-alt:before{content: "\e6f0";} .ti-layout-sidebar-right:before{content: "\e6f1";} .ti-layout-sidebar-none:before{content: "\e6f2";} .ti-layout-sidebar-left:before{content: "\e6f3";} .ti-layout-placeholder:before{content: "\e6f4";} .ti-layout-menu:before{content: "\e6f5";} .ti-layout-menu-v:before{content: "\e6f6";} .ti-layout-menu-separated:before{content: "\e6f7";} .ti-layout-menu-full:before{content: "\e6f8";} .ti-layout-media-right-alt:before{content: "\e6f9";} .ti-layout-media-right:before{content: "\e6fa";} .ti-layout-media-overlay:before{content: "\e6fb";} .ti-layout-media-overlay-alt:before{content: "\e6fc";} .ti-layout-media-overlay-alt-2:before{content: "\e6fd";} .ti-layout-media-left-alt:before{content: "\e6fe";} .ti-layout-media-left:before{content: "\e6ff";} .ti-layout-media-center-alt:before{content: "\e700";} .ti-layout-media-center:before{content: "\e701";} .ti-layout-list-thumb:before{content: "\e702";} .ti-layout-list-thumb-alt:before{content: "\e703";} .ti-layout-list-post:before{content: "\e704";} .ti-layout-list-large-image:before{content: "\e705";} .ti-layout-line-solid:before{content: "\e706";} .ti-layout-grid4:before{content: "\e707";} .ti-layout-grid3:before{content: "\e708";} .ti-layout-grid2:before{content: "\e709";} .ti-layout-grid2-thumb:before{content: "\e70a";} .ti-layout-cta-right:before{content: "\e70b";} .ti-layout-cta-left:before{content: "\e70c";} .ti-layout-cta-center:before{content: "\e70d";} .ti-layout-cta-btn-right:before{content: "\e70e";} .ti-layout-cta-btn-left:before{content: "\e70f";} .ti-layout-column4:before{content: "\e710";} .ti-layout-column3:before{content: "\e711";} .ti-layout-column2:before{content: "\e712";} .ti-layout-accordion-separated:before{content: "\e713";} .ti-layout-accordion-merged:before{content: "\e714";} .ti-layout-accordion-list:before{content: "\e715";} .ti-ink-pen:before{content: "\e716";} .ti-info-alt:before{content: "\e717";} .ti-help-alt:before{content: "\e718";} .ti-headphone-alt:before{content: "\e719";} .ti-hand-point-up:before{content: "\e71a";} .ti-hand-point-right:before{content: "\e71b";} .ti-hand-point-left:before{content: "\e71c";} .ti-hand-point-down:before{content: "\e71d";} .ti-gallery:before{content: "\e71e";} .ti-face-smile:before{content: "\e71f";} .ti-face-sad:before{content: "\e720";} .ti-credit-card:before{content: "\e721";} .ti-control-skip-forward:before{content: "\e722";} .ti-control-skip-backward:before{content: "\e723";} .ti-control-record:before{content: "\e724";} .ti-control-eject:before{content: "\e725";} .ti-comments-smiley:before{content: "\e726";} .ti-brush-alt:before{content: "\e727";} .ti-youtube:before{content: "\e728";} .ti-vimeo:before{content: "\e729";} .ti-twitter:before{content: "\e72a";} .ti-time:before{content: "\e72b";} .ti-tumblr:before{content: "\e72c";} .ti-skype:before{content: "\e72d";} .ti-share:before{content: "\e72e";} .ti-share-alt:before{content: "\e72f";} .ti-rocket:before{content: "\e730";} .ti-pinterest:before{content: "\e731";} .ti-new-window:before{content: "\e732";} .ti-microsoft:before{content: "\e733";} .ti-list-ol:before{content: "\e734";} .ti-linkedin:before{content: "\e735";} .ti-layout-sidebar-2:before{content: "\e736";} .ti-layout-grid4-alt:before{content: "\e737";} .ti-layout-grid3-alt:before{content: "\e738";} .ti-layout-grid2-alt:before{content: "\e739";} .ti-layout-column4-alt:before{content: "\e73a";} .ti-layout-column3-alt:before{content: "\e73b";} .ti-layout-column2-alt:before{content: "\e73c";} .ti-instagram:before{content: "\e73d";} .ti-google:before{content: "\e73e";} .ti-github:before{content: "\e73f";} .ti-flickr:before{content: "\e740";} .ti-facebook:before{content: "\e741";} .ti-dropbox:before{content: "\e742";} .ti-dribbble:before{content: "\e743";} .ti-apple:before{content: "\e744";} .ti-android:before{content: "\e745";} .ti-save:before{content: "\e746";} .ti-save-alt:before{content: "\e747";} .ti-yahoo:before{content: "\e748";} .ti-wordpress:before{content: "\e749";} .ti-vimeo-alt:before{content: "\e74a";} .ti-twitter-alt:before{content: "\e74b";} .ti-tumblr-alt:before{content: "\e74c";} .ti-trello:before{content: "\e74d";} .ti-stack-overflow:before{content: "\e74e";} .ti-soundcloud:before{content: "\e74f";} .ti-sharethis:before{content: "\e750";} .ti-sharethis-alt:before{content: "\e751";} .ti-reddit:before{content: "\e752";} .ti-pinterest-alt:before{content: "\e753";} .ti-microsoft-alt:before{content: "\e754";} .ti-linux:before{content: "\e755";} .ti-jsfiddle:before{content: "\e756";} .ti-joomla:before{content: "\e757";} .ti-html5:before{content: "\e758";} .ti-flickr-alt:before{content: "\e759";} .ti-email:before{content: "\e75a";} .ti-drupal:before{content: "\e75b";} .ti-dropbox-alt:before{content: "\e75c";} .ti-css3:before{content: "\e75d";} .ti-rss:before{content: "\e75e";} .ti-rss-alt:before{content: "\e75f";} 

/* /skal_website_club_finder/static/src/css/style.css defined in bundle 'web.assets_frontend' */
 h1, h2, h3, h4, h5, h6{color: #074575;} h1{line-height: 60px; letter-spacing: 1px; font-weight: 700; font-style: normal; font-size: 35px;} h2{line-height: 50px; letter-spacing: 1px; font-weight: 700; font-style: normal; font-size: 30px;} h3{line-height: 45px; letter-spacing: 1px; font-weight: 500; font-style: normal; font-size: 25px;} h4{line-height: 37px; letter-spacing: 1px; font-weight: 700; font-style: normal; font-size: 20px;} h5{line-height: 30px; letter-spacing: 1px; font-weight: 700; font-style: normal; font-size: 15px;} h6{line-height: 30px; letter-spacing: 0.5px; font-weight: 700; font-style: normal; font-size: 13px;} button, input, optgroup, select, textarea{font-family: Roboto, sans-serif; font-weight: 300;} .form-control{border-color: #ebebeb; border-radius: 2px; color: #8b95a5; padding: 5px 12px; font-size: 14px; line-height: inherit; -webkit-transition: 0.2s linear; transition: 0.2s linear;} .form-control[readonly]{background-color: #fff;} .form-control:disabled, .form-control[readonly]{color: #8b95a5;} .form-control:focus[readonly]{border-color: #ebebeb; -webkit-box-shadow: none; box-shadow: none;} .form-control:focus{border-color: #004894; color: #4d5259; -webkit-box-shadow: 0 0 0 0.1rem rgba(0, 72, 148, 0.15); box-shadow: 0 0 0 0.1rem rgba(0, 72, 148, 0.15);} .custom-select.has-error, .form-control.has-error, .was-validated .custom-select:invalid, .was-validated .form-control:invalid{border-color: #f96868 !important;} .custom-select.has-error:focus, .form-control.has-error:focus, .was-validated .custom-select:invalid:focus, .was-validated .form-control:invalid:focus{-webkit-box-shadow: 0 0 0 0.1rem rgba(249, 104, 104, 0.15) !important; box-shadow: 0 0 0 0.1rem rgba(249, 104, 104, 0.15) !important;} .has-error .form-control:focus{-webkit-box-shadow: 0 0 0 0.1rem rgba(249, 104, 104, 0.15) !important; box-shadow: 0 0 0 0.1rem rgba(249, 104, 104, 0.15) !important;} .input-group-text{display: -webkit-inline-box; display: inline-flex; -webkit-box-align: center; align-items: center; background-color: #f9fafb; border-color: #ebebeb; color: #8b95a5; font-weight: 300; border-radius: 2px; padding: 5px 12px; font-size: 14px; height: 100%;} .input-group{width: 100%;} .input-group .input-group-addon{background-color: #f9fafb; border-color: #ebebeb; color: #8b95a5; font-weight: 300; border-radius: 2px; padding: 5px 12px; font-size: 14px; height: 100%;} label.require::after, label.required::after{content: "*"; color: #f96868; font-weight: 500; margin-left: 8px;} select.form-control:not([size]):not([multiple]){height: 36px;} .file-group{position: relative; overflow: hidden;} .file-group input[type="file"]{position: absolute; opacity: 0; z-index: -1; width: 20px;} .form-control.file-value{cursor: text;} .w-100px{width: 100px !important;} hr{border-top-color: rgba(77, 82, 89, 0.07); margin: 2rem auto;} .banner{background-position: 50% 50%; background-size: cover; min-height: 450px; padding: 112px 0 30px; position: relative;} .banner .caption{text-align: center;} .banner .breadcrumbs li{margin: 0 3px 0 0; display: inline-block; vertical-align: middle; position: relative;} .banner h1{color: #ffffff;} .banner ul{color: #ffffff;} .banner a{color: #ffffff; text-decoration: none;} .main-content{padding-top: 50px; padding-bottom: 50px;} .main-content .page-title{margin-bottom: 35px;} .main-content .club-list{margin-top: 5em;} .main-content .club-body{margin-bottom: 20px; border-left-width: 3px; padding-left: 18px; border-left-color: #004894; border-left-style: solid; height: 215px; vertical-align: middle;} 

/* /skal_website_homepage/static/src/css/font-awesome.min.css defined in bundle 'web.assets_frontend' */
@font-face{font-family:'FontAwesome';src:url('/skal_website_homepage/static/src/css/../fonts/fontawesome-webfont.eot?v=4.7.0');src:url('/skal_website_homepage/static/src/css/../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('/skal_website_homepage/static/src/css/../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('/skal_website_homepage/static/src/css/../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('/skal_website_homepage/static/src/css/../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('/skal_website_homepage/static/src/css/../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal} .fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%} .fa-2x{font-size:2em} .fa-3x{font-size:3em} .fa-4x{font-size:4em} .fa-5x{font-size:5em} .fa-fw{width:1.28571429em;text-align:center} .fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none} .fa-ul>li{position:relative} .fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center} .fa-li.fa-lg{left:-1.85714286em} .fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em} .fa-pull-left{float:left} .fa-pull-right{float:right} .fa.fa-pull-left{margin-right:.3em} .fa.fa-pull-right{margin-left:.3em} .pull-right{float:right} .pull-left{float:left} .fa.pull-left{margin-right:.3em} .fa.pull-right{margin-left:.3em} .fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear} .fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)} @-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}} @keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}} .fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)} .fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)} .fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)} .fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)} .fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)} :root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none} .fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle} .fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center} .fa-stack-1x{line-height:inherit} .fa-stack-2x{font-size:2em} .fa-inverse{color:#fff} .fa-glass:before{content:"\f000"} .fa-music:before{content:"\f001"} .fa-search:before{content:"\f002"} .fa-envelope-o:before{content:"\f003"} .fa-heart:before{content:"\f004"} .fa-star:before{content:"\f005"} .fa-star-o:before{content:"\f006"} .fa-user:before{content:"\f007"} .fa-film:before{content:"\f008"} .fa-th-large:before{content:"\f009"} .fa-th:before{content:"\f00a"} .fa-th-list:before{content:"\f00b"} .fa-check:before{content:"\f00c"} .fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"} .fa-search-plus:before{content:"\f00e"} .fa-search-minus:before{content:"\f010"} .fa-power-off:before{content:"\f011"} .fa-signal:before{content:"\f012"} .fa-gear:before,.fa-cog:before{content:"\f013"} .fa-trash-o:before{content:"\f014"} .fa-home:before{content:"\f015"} .fa-file-o:before{content:"\f016"} .fa-clock-o:before{content:"\f017"} .fa-road:before{content:"\f018"} .fa-download:before{content:"\f019"} .fa-arrow-circle-o-down:before{content:"\f01a"} .fa-arrow-circle-o-up:before{content:"\f01b"} .fa-inbox:before{content:"\f01c"} .fa-play-circle-o:before{content:"\f01d"} .fa-rotate-right:before,.fa-repeat:before{content:"\f01e"} .fa-refresh:before{content:"\f021"} .fa-list-alt:before{content:"\f022"} .fa-lock:before{content:"\f023"} .fa-flag:before{content:"\f024"} .fa-headphones:before{content:"\f025"} .fa-volume-off:before{content:"\f026"} .fa-volume-down:before{content:"\f027"} .fa-volume-up:before{content:"\f028"} .fa-qrcode:before{content:"\f029"} .fa-barcode:before{content:"\f02a"} .fa-tag:before{content:"\f02b"} .fa-tags:before{content:"\f02c"} .fa-book:before{content:"\f02d"} .fa-bookmark:before{content:"\f02e"} .fa-print:before{content:"\f02f"} .fa-camera:before{content:"\f030"} .fa-font:before{content:"\f031"} .fa-bold:before{content:"\f032"} .fa-italic:before{content:"\f033"} .fa-text-height:before{content:"\f034"} .fa-text-width:before{content:"\f035"} .fa-align-left:before{content:"\f036"} .fa-align-center:before{content:"\f037"} .fa-align-right:before{content:"\f038"} .fa-align-justify:before{content:"\f039"} .fa-list:before{content:"\f03a"} .fa-dedent:before,.fa-outdent:before{content:"\f03b"} .fa-indent:before{content:"\f03c"} .fa-video-camera:before{content:"\f03d"} .fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"} .fa-pencil:before{content:"\f040"} .fa-map-marker:before{content:"\f041"} .fa-adjust:before{content:"\f042"} .fa-tint:before{content:"\f043"} .fa-edit:before,.fa-pencil-square-o:before{content:"\f044"} .fa-share-square-o:before{content:"\f045"} .fa-check-square-o:before{content:"\f046"} .fa-arrows:before{content:"\f047"} .fa-step-backward:before{content:"\f048"} .fa-fast-backward:before{content:"\f049"} .fa-backward:before{content:"\f04a"} .fa-play:before{content:"\f04b"} .fa-pause:before{content:"\f04c"} .fa-stop:before{content:"\f04d"} .fa-forward:before{content:"\f04e"} .fa-fast-forward:before{content:"\f050"} .fa-step-forward:before{content:"\f051"} .fa-eject:before{content:"\f052"} .fa-chevron-left:before{content:"\f053"} .fa-chevron-right:before{content:"\f054"} .fa-plus-circle:before{content:"\f055"} .fa-minus-circle:before{content:"\f056"} .fa-times-circle:before{content:"\f057"} .fa-check-circle:before{content:"\f058"} .fa-question-circle:before{content:"\f059"} .fa-info-circle:before{content:"\f05a"} .fa-crosshairs:before{content:"\f05b"} .fa-times-circle-o:before{content:"\f05c"} .fa-check-circle-o:before{content:"\f05d"} .fa-ban:before{content:"\f05e"} .fa-arrow-left:before{content:"\f060"} .fa-arrow-right:before{content:"\f061"} .fa-arrow-up:before{content:"\f062"} .fa-arrow-down:before{content:"\f063"} .fa-mail-forward:before,.fa-share:before{content:"\f064"} .fa-expand:before{content:"\f065"} .fa-compress:before{content:"\f066"} .fa-plus:before{content:"\f067"} .fa-minus:before{content:"\f068"} .fa-asterisk:before{content:"\f069"} .fa-exclamation-circle:before{content:"\f06a"} .fa-gift:before{content:"\f06b"} .fa-leaf:before{content:"\f06c"} .fa-fire:before{content:"\f06d"} .fa-eye:before{content:"\f06e"} .fa-eye-slash:before{content:"\f070"} .fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"} .fa-plane:before{content:"\f072"} .fa-calendar:before{content:"\f073"} .fa-random:before{content:"\f074"} .fa-comment:before{content:"\f075"} .fa-magnet:before{content:"\f076"} .fa-chevron-up:before{content:"\f077"} .fa-chevron-down:before{content:"\f078"} .fa-retweet:before{content:"\f079"} .fa-shopping-cart:before{content:"\f07a"} .fa-folder:before{content:"\f07b"} .fa-folder-open:before{content:"\f07c"} .fa-arrows-v:before{content:"\f07d"} .fa-arrows-h:before{content:"\f07e"} .fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"} .fa-twitter-square:before{content:"\f081"} .fa-facebook-square:before{content:"\f082"} .fa-camera-retro:before{content:"\f083"} .fa-key:before{content:"\f084"} .fa-gears:before,.fa-cogs:before{content:"\f085"} .fa-comments:before{content:"\f086"} .fa-thumbs-o-up:before{content:"\f087"} .fa-thumbs-o-down:before{content:"\f088"} .fa-star-half:before{content:"\f089"} .fa-heart-o:before{content:"\f08a"} .fa-sign-out:before{content:"\f08b"} .fa-linkedin-square:before{content:"\f08c"} .fa-thumb-tack:before{content:"\f08d"} .fa-external-link:before{content:"\f08e"} .fa-sign-in:before{content:"\f090"} .fa-trophy:before{content:"\f091"} .fa-github-square:before{content:"\f092"} .fa-upload:before{content:"\f093"} .fa-lemon-o:before{content:"\f094"} .fa-phone:before{content:"\f095"} .fa-square-o:before{content:"\f096"} .fa-bookmark-o:before{content:"\f097"} .fa-phone-square:before{content:"\f098"} .fa-twitter:before{content:"\f099"} .fa-facebook-f:before,.fa-facebook:before{content:"\f09a"} .fa-github:before{content:"\f09b"} .fa-unlock:before{content:"\f09c"} .fa-credit-card:before{content:"\f09d"} .fa-feed:before,.fa-rss:before{content:"\f09e"} .fa-hdd-o:before{content:"\f0a0"} .fa-bullhorn:before{content:"\f0a1"} .fa-bell:before{content:"\f0f3"} .fa-certificate:before{content:"\f0a3"} .fa-hand-o-right:before{content:"\f0a4"} .fa-hand-o-left:before{content:"\f0a5"} .fa-hand-o-up:before{content:"\f0a6"} .fa-hand-o-down:before{content:"\f0a7"} .fa-arrow-circle-left:before{content:"\f0a8"} .fa-arrow-circle-right:before{content:"\f0a9"} .fa-arrow-circle-up:before{content:"\f0aa"} .fa-arrow-circle-down:before{content:"\f0ab"} .fa-globe:before{content:"\f0ac"} .fa-wrench:before{content:"\f0ad"} .fa-tasks:before{content:"\f0ae"} .fa-filter:before{content:"\f0b0"} .fa-briefcase:before{content:"\f0b1"} .fa-arrows-alt:before{content:"\f0b2"} .fa-group:before,.fa-users:before{content:"\f0c0"} .fa-chain:before,.fa-link:before{content:"\f0c1"} .fa-cloud:before{content:"\f0c2"} .fa-flask:before{content:"\f0c3"} .fa-cut:before,.fa-scissors:before{content:"\f0c4"} .fa-copy:before,.fa-files-o:before{content:"\f0c5"} .fa-paperclip:before{content:"\f0c6"} .fa-save:before,.fa-floppy-o:before{content:"\f0c7"} .fa-square:before{content:"\f0c8"} .fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"} .fa-list-ul:before{content:"\f0ca"} .fa-list-ol:before{content:"\f0cb"} .fa-strikethrough:before{content:"\f0cc"} .fa-underline:before{content:"\f0cd"} .fa-table:before{content:"\f0ce"} .fa-magic:before{content:"\f0d0"} .fa-truck:before{content:"\f0d1"} .fa-pinterest:before{content:"\f0d2"} .fa-pinterest-square:before{content:"\f0d3"} .fa-google-plus-square:before{content:"\f0d4"} .fa-google-plus:before{content:"\f0d5"} .fa-money:before{content:"\f0d6"} .fa-caret-down:before{content:"\f0d7"} .fa-caret-up:before{content:"\f0d8"} .fa-caret-left:before{content:"\f0d9"} .fa-caret-right:before{content:"\f0da"} .fa-columns:before{content:"\f0db"} .fa-unsorted:before,.fa-sort:before{content:"\f0dc"} .fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"} .fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"} .fa-envelope:before{content:"\f0e0"} .fa-linkedin:before{content:"\f0e1"} .fa-rotate-left:before,.fa-undo:before{content:"\f0e2"} .fa-legal:before,.fa-gavel:before{content:"\f0e3"} .fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"} .fa-comment-o:before{content:"\f0e5"} .fa-comments-o:before{content:"\f0e6"} .fa-flash:before,.fa-bolt:before{content:"\f0e7"} .fa-sitemap:before{content:"\f0e8"} .fa-umbrella:before{content:"\f0e9"} .fa-paste:before,.fa-clipboard:before{content:"\f0ea"} .fa-lightbulb-o:before{content:"\f0eb"} .fa-exchange:before{content:"\f0ec"} .fa-cloud-download:before{content:"\f0ed"} .fa-cloud-upload:before{content:"\f0ee"} .fa-user-md:before{content:"\f0f0"} .fa-stethoscope:before{content:"\f0f1"} .fa-suitcase:before{content:"\f0f2"} .fa-bell-o:before{content:"\f0a2"} .fa-coffee:before{content:"\f0f4"} .fa-cutlery:before{content:"\f0f5"} .fa-file-text-o:before{content:"\f0f6"} .fa-building-o:before{content:"\f0f7"} .fa-hospital-o:before{content:"\f0f8"} .fa-ambulance:before{content:"\f0f9"} .fa-medkit:before{content:"\f0fa"} .fa-fighter-jet:before{content:"\f0fb"} .fa-beer:before{content:"\f0fc"} .fa-h-square:before{content:"\f0fd"} .fa-plus-square:before{content:"\f0fe"} .fa-angle-double-left:before{content:"\f100"} .fa-angle-double-right:before{content:"\f101"} .fa-angle-double-up:before{content:"\f102"} .fa-angle-double-down:before{content:"\f103"} .fa-angle-left:before{content:"\f104"} .fa-angle-right:before{content:"\f105"} .fa-angle-up:before{content:"\f106"} .fa-angle-down:before{content:"\f107"} .fa-desktop:before{content:"\f108"} .fa-laptop:before{content:"\f109"} .fa-tablet:before{content:"\f10a"} .fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"} .fa-circle-o:before{content:"\f10c"} .fa-quote-left:before{content:"\f10d"} .fa-quote-right:before{content:"\f10e"} .fa-spinner:before{content:"\f110"} .fa-circle:before{content:"\f111"} .fa-mail-reply:before,.fa-reply:before{content:"\f112"} .fa-github-alt:before{content:"\f113"} .fa-folder-o:before{content:"\f114"} .fa-folder-open-o:before{content:"\f115"} .fa-smile-o:before{content:"\f118"} .fa-frown-o:before{content:"\f119"} .fa-meh-o:before{content:"\f11a"} .fa-gamepad:before{content:"\f11b"} .fa-keyboard-o:before{content:"\f11c"} .fa-flag-o:before{content:"\f11d"} .fa-flag-checkered:before{content:"\f11e"} .fa-terminal:before{content:"\f120"} .fa-code:before{content:"\f121"} .fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"} .fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"} .fa-location-arrow:before{content:"\f124"} .fa-crop:before{content:"\f125"} .fa-code-fork:before{content:"\f126"} .fa-unlink:before,.fa-chain-broken:before{content:"\f127"} .fa-question:before{content:"\f128"} .fa-info:before{content:"\f129"} .fa-exclamation:before{content:"\f12a"} .fa-superscript:before{content:"\f12b"} .fa-subscript:before{content:"\f12c"} .fa-eraser:before{content:"\f12d"} .fa-puzzle-piece:before{content:"\f12e"} .fa-microphone:before{content:"\f130"} .fa-microphone-slash:before{content:"\f131"} .fa-shield:before{content:"\f132"} .fa-calendar-o:before{content:"\f133"} .fa-fire-extinguisher:before{content:"\f134"} .fa-rocket:before{content:"\f135"} .fa-maxcdn:before{content:"\f136"} .fa-chevron-circle-left:before{content:"\f137"} .fa-chevron-circle-right:before{content:"\f138"} .fa-chevron-circle-up:before{content:"\f139"} .fa-chevron-circle-down:before{content:"\f13a"} .fa-html5:before{content:"\f13b"} .fa-css3:before{content:"\f13c"} .fa-anchor:before{content:"\f13d"} .fa-unlock-alt:before{content:"\f13e"} .fa-bullseye:before{content:"\f140"} .fa-ellipsis-h:before{content:"\f141"} .fa-ellipsis-v:before{content:"\f142"} .fa-rss-square:before{content:"\f143"} .fa-play-circle:before{content:"\f144"} .fa-ticket:before{content:"\f145"} .fa-minus-square:before{content:"\f146"} .fa-minus-square-o:before{content:"\f147"} .fa-level-up:before{content:"\f148"} .fa-level-down:before{content:"\f149"} .fa-check-square:before{content:"\f14a"} .fa-pencil-square:before{content:"\f14b"} .fa-external-link-square:before{content:"\f14c"} .fa-share-square:before{content:"\f14d"} .fa-compass:before{content:"\f14e"} .fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"} .fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"} .fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"} .fa-euro:before,.fa-eur:before{content:"\f153"} .fa-gbp:before{content:"\f154"} .fa-dollar:before,.fa-usd:before{content:"\f155"} .fa-rupee:before,.fa-inr:before{content:"\f156"} .fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"} .fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"} .fa-won:before,.fa-krw:before{content:"\f159"} .fa-bitcoin:before,.fa-btc:before{content:"\f15a"} .fa-file:before{content:"\f15b"} .fa-file-text:before{content:"\f15c"} .fa-sort-alpha-asc:before{content:"\f15d"} .fa-sort-alpha-desc:before{content:"\f15e"} .fa-sort-amount-asc:before{content:"\f160"} .fa-sort-amount-desc:before{content:"\f161"} .fa-sort-numeric-asc:before{content:"\f162"} .fa-sort-numeric-desc:before{content:"\f163"} .fa-thumbs-up:before{content:"\f164"} .fa-thumbs-down:before{content:"\f165"} .fa-youtube-square:before{content:"\f166"} .fa-youtube:before{content:"\f167"} .fa-xing:before{content:"\f168"} .fa-xing-square:before{content:"\f169"} .fa-youtube-play:before{content:"\f16a"} .fa-dropbox:before{content:"\f16b"} .fa-stack-overflow:before{content:"\f16c"} .fa-instagram:before{content:"\f16d"} .fa-flickr:before{content:"\f16e"} .fa-adn:before{content:"\f170"} .fa-bitbucket:before{content:"\f171"} .fa-bitbucket-square:before{content:"\f172"} .fa-tumblr:before{content:"\f173"} .fa-tumblr-square:before{content:"\f174"} .fa-long-arrow-down:before{content:"\f175"} .fa-long-arrow-up:before{content:"\f176"} .fa-long-arrow-left:before{content:"\f177"} .fa-long-arrow-right:before{content:"\f178"} .fa-apple:before{content:"\f179"} .fa-windows:before{content:"\f17a"} .fa-android:before{content:"\f17b"} .fa-linux:before{content:"\f17c"} .fa-dribbble:before{content:"\f17d"} .fa-skype:before{content:"\f17e"} .fa-foursquare:before{content:"\f180"} .fa-trello:before{content:"\f181"} .fa-female:before{content:"\f182"} .fa-male:before{content:"\f183"} .fa-gittip:before,.fa-gratipay:before{content:"\f184"} .fa-sun-o:before{content:"\f185"} .fa-moon-o:before{content:"\f186"} .fa-archive:before{content:"\f187"} .fa-bug:before{content:"\f188"} .fa-vk:before{content:"\f189"} .fa-weibo:before{content:"\f18a"} .fa-renren:before{content:"\f18b"} .fa-pagelines:before{content:"\f18c"} .fa-stack-exchange:before{content:"\f18d"} .fa-arrow-circle-o-right:before{content:"\f18e"} .fa-arrow-circle-o-left:before{content:"\f190"} .fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"} .fa-dot-circle-o:before{content:"\f192"} .fa-wheelchair:before{content:"\f193"} .fa-vimeo-square:before{content:"\f194"} .fa-turkish-lira:before,.fa-try:before{content:"\f195"} .fa-plus-square-o:before{content:"\f196"} .fa-space-shuttle:before{content:"\f197"} .fa-slack:before{content:"\f198"} .fa-envelope-square:before{content:"\f199"} .fa-wordpress:before{content:"\f19a"} .fa-openid:before{content:"\f19b"} .fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"} .fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"} .fa-yahoo:before{content:"\f19e"} .fa-google:before{content:"\f1a0"} .fa-reddit:before{content:"\f1a1"} .fa-reddit-square:before{content:"\f1a2"} .fa-stumbleupon-circle:before{content:"\f1a3"} .fa-stumbleupon:before{content:"\f1a4"} .fa-delicious:before{content:"\f1a5"} .fa-digg:before{content:"\f1a6"} .fa-pied-piper-pp:before{content:"\f1a7"} .fa-pied-piper-alt:before{content:"\f1a8"} .fa-drupal:before{content:"\f1a9"} .fa-joomla:before{content:"\f1aa"} .fa-language:before{content:"\f1ab"} .fa-fax:before{content:"\f1ac"} .fa-building:before{content:"\f1ad"} .fa-child:before{content:"\f1ae"} .fa-paw:before{content:"\f1b0"} .fa-spoon:before{content:"\f1b1"} .fa-cube:before{content:"\f1b2"} .fa-cubes:before{content:"\f1b3"} .fa-behance:before{content:"\f1b4"} .fa-behance-square:before{content:"\f1b5"} .fa-steam:before{content:"\f1b6"} .fa-steam-square:before{content:"\f1b7"} .fa-recycle:before{content:"\f1b8"} .fa-automobile:before,.fa-car:before{content:"\f1b9"} .fa-cab:before,.fa-taxi:before{content:"\f1ba"} .fa-tree:before{content:"\f1bb"} .fa-spotify:before{content:"\f1bc"} .fa-deviantart:before{content:"\f1bd"} .fa-soundcloud:before{content:"\f1be"} .fa-database:before{content:"\f1c0"} .fa-file-pdf-o:before{content:"\f1c1"} .fa-file-word-o:before{content:"\f1c2"} .fa-file-excel-o:before{content:"\f1c3"} .fa-file-powerpoint-o:before{content:"\f1c4"} .fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"} .fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"} .fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"} .fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"} .fa-file-code-o:before{content:"\f1c9"} .fa-vine:before{content:"\f1ca"} .fa-codepen:before{content:"\f1cb"} .fa-jsfiddle:before{content:"\f1cc"} .fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"} .fa-circle-o-notch:before{content:"\f1ce"} .fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"} .fa-ge:before,.fa-empire:before{content:"\f1d1"} .fa-git-square:before{content:"\f1d2"} .fa-git:before{content:"\f1d3"} .fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"} .fa-tencent-weibo:before{content:"\f1d5"} .fa-qq:before{content:"\f1d6"} .fa-wechat:before,.fa-weixin:before{content:"\f1d7"} .fa-send:before,.fa-paper-plane:before{content:"\f1d8"} .fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"} .fa-history:before{content:"\f1da"} .fa-circle-thin:before{content:"\f1db"} .fa-header:before{content:"\f1dc"} .fa-paragraph:before{content:"\f1dd"} .fa-sliders:before{content:"\f1de"} .fa-share-alt:before{content:"\f1e0"} .fa-share-alt-square:before{content:"\f1e1"} .fa-bomb:before{content:"\f1e2"} .fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"} .fa-tty:before{content:"\f1e4"} .fa-binoculars:before{content:"\f1e5"} .fa-plug:before{content:"\f1e6"} .fa-slideshare:before{content:"\f1e7"} .fa-twitch:before{content:"\f1e8"} .fa-yelp:before{content:"\f1e9"} .fa-newspaper-o:before{content:"\f1ea"} .fa-wifi:before{content:"\f1eb"} .fa-calculator:before{content:"\f1ec"} .fa-paypal:before{content:"\f1ed"} .fa-google-wallet:before{content:"\f1ee"} .fa-cc-visa:before{content:"\f1f0"} .fa-cc-mastercard:before{content:"\f1f1"} .fa-cc-discover:before{content:"\f1f2"} .fa-cc-amex:before{content:"\f1f3"} .fa-cc-paypal:before{content:"\f1f4"} .fa-cc-stripe:before{content:"\f1f5"} .fa-bell-slash:before{content:"\f1f6"} .fa-bell-slash-o:before{content:"\f1f7"} .fa-trash:before{content:"\f1f8"} .fa-copyright:before{content:"\f1f9"} .fa-at:before{content:"\f1fa"} .fa-eyedropper:before{content:"\f1fb"} .fa-paint-brush:before{content:"\f1fc"} .fa-birthday-cake:before{content:"\f1fd"} .fa-area-chart:before{content:"\f1fe"} .fa-pie-chart:before{content:"\f200"} .fa-line-chart:before{content:"\f201"} .fa-lastfm:before{content:"\f202"} .fa-lastfm-square:before{content:"\f203"} .fa-toggle-off:before{content:"\f204"} .fa-toggle-on:before{content:"\f205"} .fa-bicycle:before{content:"\f206"} .fa-bus:before{content:"\f207"} .fa-ioxhost:before{content:"\f208"} .fa-angellist:before{content:"\f209"} .fa-cc:before{content:"\f20a"} .fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"} .fa-meanpath:before{content:"\f20c"} .fa-buysellads:before{content:"\f20d"} .fa-connectdevelop:before{content:"\f20e"} .fa-dashcube:before{content:"\f210"} .fa-forumbee:before{content:"\f211"} .fa-leanpub:before{content:"\f212"} .fa-sellsy:before{content:"\f213"} .fa-shirtsinbulk:before{content:"\f214"} .fa-simplybuilt:before{content:"\f215"} .fa-skyatlas:before{content:"\f216"} .fa-cart-plus:before{content:"\f217"} .fa-cart-arrow-down:before{content:"\f218"} .fa-diamond:before{content:"\f219"} .fa-ship:before{content:"\f21a"} .fa-user-secret:before{content:"\f21b"} .fa-motorcycle:before{content:"\f21c"} .fa-street-view:before{content:"\f21d"} .fa-heartbeat:before{content:"\f21e"} .fa-venus:before{content:"\f221"} .fa-mars:before{content:"\f222"} .fa-mercury:before{content:"\f223"} .fa-intersex:before,.fa-transgender:before{content:"\f224"} .fa-transgender-alt:before{content:"\f225"} .fa-venus-double:before{content:"\f226"} .fa-mars-double:before{content:"\f227"} .fa-venus-mars:before{content:"\f228"} .fa-mars-stroke:before{content:"\f229"} .fa-mars-stroke-v:before{content:"\f22a"} .fa-mars-stroke-h:before{content:"\f22b"} .fa-neuter:before{content:"\f22c"} .fa-genderless:before{content:"\f22d"} .fa-facebook-official:before{content:"\f230"} .fa-pinterest-p:before{content:"\f231"} .fa-whatsapp:before{content:"\f232"} .fa-server:before{content:"\f233"} .fa-user-plus:before{content:"\f234"} .fa-user-times:before{content:"\f235"} .fa-hotel:before,.fa-bed:before{content:"\f236"} .fa-viacoin:before{content:"\f237"} .fa-train:before{content:"\f238"} .fa-subway:before{content:"\f239"} .fa-medium:before{content:"\f23a"} .fa-yc:before,.fa-y-combinator:before{content:"\f23b"} .fa-optin-monster:before{content:"\f23c"} .fa-opencart:before{content:"\f23d"} .fa-expeditedssl:before{content:"\f23e"} .fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"} .fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"} .fa-battery-2:before,.fa-battery-half:before{content:"\f242"} .fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"} .fa-battery-0:before,.fa-battery-empty:before{content:"\f244"} .fa-mouse-pointer:before{content:"\f245"} .fa-i-cursor:before{content:"\f246"} .fa-object-group:before{content:"\f247"} .fa-object-ungroup:before{content:"\f248"} .fa-sticky-note:before{content:"\f249"} .fa-sticky-note-o:before{content:"\f24a"} .fa-cc-jcb:before{content:"\f24b"} .fa-cc-diners-club:before{content:"\f24c"} .fa-clone:before{content:"\f24d"} .fa-balance-scale:before{content:"\f24e"} .fa-hourglass-o:before{content:"\f250"} .fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"} .fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"} .fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"} .fa-hourglass:before{content:"\f254"} .fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"} .fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"} .fa-hand-scissors-o:before{content:"\f257"} .fa-hand-lizard-o:before{content:"\f258"} .fa-hand-spock-o:before{content:"\f259"} .fa-hand-pointer-o:before{content:"\f25a"} .fa-hand-peace-o:before{content:"\f25b"} .fa-trademark:before{content:"\f25c"} .fa-registered:before{content:"\f25d"} .fa-creative-commons:before{content:"\f25e"} .fa-gg:before{content:"\f260"} .fa-gg-circle:before{content:"\f261"} .fa-tripadvisor:before{content:"\f262"} .fa-odnoklassniki:before{content:"\f263"} .fa-odnoklassniki-square:before{content:"\f264"} .fa-get-pocket:before{content:"\f265"} .fa-wikipedia-w:before{content:"\f266"} .fa-safari:before{content:"\f267"} .fa-chrome:before{content:"\f268"} .fa-firefox:before{content:"\f269"} .fa-opera:before{content:"\f26a"} .fa-internet-explorer:before{content:"\f26b"} .fa-tv:before,.fa-television:before{content:"\f26c"} .fa-contao:before{content:"\f26d"} .fa-500px:before{content:"\f26e"} .fa-amazon:before{content:"\f270"} .fa-calendar-plus-o:before{content:"\f271"} .fa-calendar-minus-o:before{content:"\f272"} .fa-calendar-times-o:before{content:"\f273"} .fa-calendar-check-o:before{content:"\f274"} .fa-industry:before{content:"\f275"} .fa-map-pin:before{content:"\f276"} .fa-map-signs:before{content:"\f277"} .fa-map-o:before{content:"\f278"} .fa-map:before{content:"\f279"} .fa-commenting:before{content:"\f27a"} .fa-commenting-o:before{content:"\f27b"} .fa-houzz:before{content:"\f27c"} .fa-vimeo:before{content:"\f27d"} .fa-black-tie:before{content:"\f27e"} .fa-fonticons:before{content:"\f280"} .fa-reddit-alien:before{content:"\f281"} .fa-edge:before{content:"\f282"} .fa-credit-card-alt:before{content:"\f283"} .fa-codiepie:before{content:"\f284"} .fa-modx:before{content:"\f285"} .fa-fort-awesome:before{content:"\f286"} .fa-usb:before{content:"\f287"} .fa-product-hunt:before{content:"\f288"} .fa-mixcloud:before{content:"\f289"} .fa-scribd:before{content:"\f28a"} .fa-pause-circle:before{content:"\f28b"} .fa-pause-circle-o:before{content:"\f28c"} .fa-stop-circle:before{content:"\f28d"} .fa-stop-circle-o:before{content:"\f28e"} .fa-shopping-bag:before{content:"\f290"} .fa-shopping-basket:before{content:"\f291"} .fa-hashtag:before{content:"\f292"} .fa-bluetooth:before{content:"\f293"} .fa-bluetooth-b:before{content:"\f294"} .fa-percent:before{content:"\f295"} .fa-gitlab:before{content:"\f296"} .fa-wpbeginner:before{content:"\f297"} .fa-wpforms:before{content:"\f298"} .fa-envira:before{content:"\f299"} .fa-universal-access:before{content:"\f29a"} .fa-wheelchair-alt:before{content:"\f29b"} .fa-question-circle-o:before{content:"\f29c"} .fa-blind:before{content:"\f29d"} .fa-audio-description:before{content:"\f29e"} .fa-volume-control-phone:before{content:"\f2a0"} .fa-braille:before{content:"\f2a1"} .fa-assistive-listening-systems:before{content:"\f2a2"} .fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"} .fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"} .fa-glide:before{content:"\f2a5"} .fa-glide-g:before{content:"\f2a6"} .fa-signing:before,.fa-sign-language:before{content:"\f2a7"} .fa-low-vision:before{content:"\f2a8"} .fa-viadeo:before{content:"\f2a9"} .fa-viadeo-square:before{content:"\f2aa"} .fa-snapchat:before{content:"\f2ab"} .fa-snapchat-ghost:before{content:"\f2ac"} .fa-snapchat-square:before{content:"\f2ad"} .fa-pied-piper:before{content:"\f2ae"} .fa-first-order:before{content:"\f2b0"} .fa-yoast:before{content:"\f2b1"} .fa-themeisle:before{content:"\f2b2"} .fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"} .fa-fa:before,.fa-font-awesome:before{content:"\f2b4"} .fa-handshake-o:before{content:"\f2b5"} .fa-envelope-open:before{content:"\f2b6"} .fa-envelope-open-o:before{content:"\f2b7"} .fa-linode:before{content:"\f2b8"} .fa-address-book:before{content:"\f2b9"} .fa-address-book-o:before{content:"\f2ba"} .fa-vcard:before,.fa-address-card:before{content:"\f2bb"} .fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"} .fa-user-circle:before{content:"\f2bd"} .fa-user-circle-o:before{content:"\f2be"} .fa-user-o:before{content:"\f2c0"} .fa-id-badge:before{content:"\f2c1"} .fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"} .fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"} .fa-quora:before{content:"\f2c4"} .fa-free-code-camp:before{content:"\f2c5"} .fa-telegram:before{content:"\f2c6"} .fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"} .fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"} .fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"} .fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"} .fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"} .fa-shower:before{content:"\f2cc"} .fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"} .fa-podcast:before{content:"\f2ce"} .fa-window-maximize:before{content:"\f2d0"} .fa-window-minimize:before{content:"\f2d1"} .fa-window-restore:before{content:"\f2d2"} .fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"} .fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"} .fa-bandcamp:before{content:"\f2d5"} .fa-grav:before{content:"\f2d6"} .fa-etsy:before{content:"\f2d7"} .fa-imdb:before{content:"\f2d8"} .fa-ravelry:before{content:"\f2d9"} .fa-eercast:before{content:"\f2da"} .fa-microchip:before{content:"\f2db"} .fa-snowflake-o:before{content:"\f2dc"} .fa-superpowers:before{content:"\f2dd"} .fa-wpexplorer:before{content:"\f2de"} .fa-meetup:before{content:"\f2e0"} .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0} .sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} 

/* /skal_website_club_finder/static/src/js/leaflet/leaflet.css defined in bundle 'web.assets_frontend' */
 .leaflet-pane, .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-tile-container, .leaflet-pane > svg, .leaflet-pane > canvas, .leaflet-zoom-box, .leaflet-image-layer, .leaflet-layer{position: absolute; left: 0; top: 0;} .leaflet-container{overflow: hidden;} .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow{-webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-user-drag: none;} .leaflet-tile::selection{background: transparent;} .leaflet-safari .leaflet-tile{image-rendering: -webkit-optimize-contrast;} .leaflet-safari .leaflet-tile-container{width: 1600px; height: 1600px; -webkit-transform-origin: 0 0;} .leaflet-marker-icon, .leaflet-marker-shadow{display: block;} .leaflet-container .leaflet-overlay-pane svg, .leaflet-container .leaflet-marker-pane img, .leaflet-container .leaflet-shadow-pane img, .leaflet-container .leaflet-tile-pane img, .leaflet-container img.leaflet-image-layer, .leaflet-container .leaflet-tile{max-width: none !important; max-height: none !important;} .leaflet-container.leaflet-touch-zoom{-ms-touch-action: pan-x pan-y; touch-action: pan-x pan-y;} .leaflet-container.leaflet-touch-drag{-ms-touch-action: pinch-zoom; touch-action: none; touch-action: pinch-zoom;} .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action: none; touch-action: none;} .leaflet-container{-webkit-tap-highlight-color: transparent;} .leaflet-container a{-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);} .leaflet-tile{filter: inherit; visibility: hidden;} .leaflet-tile-loaded{visibility: inherit;} .leaflet-zoom-box{width: 0; height: 0; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 800;} .leaflet-overlay-pane svg{-moz-user-select: none;} .leaflet-pane{z-index: 400;} .leaflet-tile-pane{z-index: 200;} .leaflet-overlay-pane{z-index: 400;} .leaflet-shadow-pane{z-index: 500;} .leaflet-marker-pane{z-index: 600;} .leaflet-tooltip-pane{z-index: 650;} .leaflet-popup-pane{z-index: 700;} .leaflet-map-pane canvas{z-index: 100;} .leaflet-map-pane svg{z-index: 200;} .leaflet-vml-shape{width: 1px; height: 1px;} .lvml{behavior: url(/skal_website_club_finder/static/src/js/leaflet/#default#VML); display: inline-block; position: absolute;} .leaflet-control{position: relative; z-index: 800; pointer-events: visiblePainted; pointer-events: auto;} .leaflet-top, .leaflet-bottom{position: absolute; z-index: 1000; pointer-events: none;} .leaflet-top{top: 0;} .leaflet-right{right: 0;} .leaflet-bottom{bottom: 0;} .leaflet-left{left: 0;} .leaflet-control{float: left; clear: both;} .leaflet-right .leaflet-control{float: right;} .leaflet-top .leaflet-control{margin-top: 10px;} .leaflet-bottom .leaflet-control{margin-bottom: 10px;} .leaflet-left .leaflet-control{margin-left: 10px;} .leaflet-right .leaflet-control{margin-right: 10px;} .leaflet-fade-anim .leaflet-tile{will-change: opacity;} .leaflet-fade-anim .leaflet-popup{opacity: 0; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; transition: opacity 0.2s linear;} .leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity: 1;} .leaflet-zoom-animated{-webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0;} .leaflet-zoom-anim .leaflet-zoom-animated{will-change: transform;} .leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1); -moz-transition: -moz-transform 0.25s cubic-bezier(0,0,0.25,1); transition: transform 0.25s cubic-bezier(0,0,0.25,1);} .leaflet-zoom-anim .leaflet-tile, .leaflet-pan-anim .leaflet-tile{-webkit-transition: none; -moz-transition: none; transition: none;} .leaflet-zoom-anim .leaflet-zoom-hide{visibility: hidden;} .leaflet-interactive{cursor: pointer;} .leaflet-grab{cursor: -webkit-grab; cursor: -moz-grab; cursor: grab;} .leaflet-crosshair, .leaflet-crosshair .leaflet-interactive{cursor: crosshair;} .leaflet-popup-pane, .leaflet-control{cursor: auto;} .leaflet-dragging .leaflet-grab, .leaflet-dragging .leaflet-grab .leaflet-interactive, .leaflet-dragging .leaflet-marker-draggable{cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing;} .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-image-layer, .leaflet-pane > svg path, .leaflet-tile-container{pointer-events: none;} .leaflet-marker-icon.leaflet-interactive, .leaflet-image-layer.leaflet-interactive, .leaflet-pane > svg path.leaflet-interactive, svg.leaflet-image-layer.leaflet-interactive path{pointer-events: visiblePainted; pointer-events: auto;} .leaflet-container{background: #ddd; outline: 0;} .leaflet-container a{color: #0078A8;} .leaflet-container a.leaflet-active{outline: 2px solid orange;} .leaflet-zoom-box{border: 2px dotted #38f; background: rgba(255,255,255,0.5);} .leaflet-container{font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;} .leaflet-bar{box-shadow: 0 1px 5px rgba(0,0,0,0.65); border-radius: 4px;} .leaflet-bar a, .leaflet-bar a:hover{background-color: #fff; border-bottom: 1px solid #ccc; width: 26px; height: 26px; line-height: 26px; display: block; text-align: center; text-decoration: none; color: black;} .leaflet-bar a, .leaflet-control-layers-toggle{background-position: 50% 50%; background-repeat: no-repeat; display: block;} .leaflet-bar a:hover{background-color: #f4f4f4;} .leaflet-bar a:first-child{border-top-left-radius: 4px; border-top-right-radius: 4px;} .leaflet-bar a:last-child{border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom: none;} .leaflet-bar a.leaflet-disabled{cursor: default; background-color: #f4f4f4; color: #bbb;} .leaflet-touch .leaflet-bar a{width: 30px; height: 30px; line-height: 30px;} .leaflet-touch .leaflet-bar a:first-child{border-top-left-radius: 2px; border-top-right-radius: 2px;} .leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius: 2px; border-bottom-right-radius: 2px;} .leaflet-control-zoom-in, .leaflet-control-zoom-out{font: bold 18px 'Lucida Console', Monaco, monospace; text-indent: 1px;} .leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out{font-size: 22px;} .leaflet-control-layers{box-shadow: 0 1px 5px rgba(0,0,0,0.4); background: #fff; border-radius: 5px;} .leaflet-control-layers-toggle{background-image: url(/skal_website_club_finder/static/src/js/leaflet/images/layers.png); width: 36px; height: 36px;} .leaflet-retina .leaflet-control-layers-toggle{background-image: url(/skal_website_club_finder/static/src/js/leaflet/images/layers-2x.png); background-size: 26px 26px;} .leaflet-touch .leaflet-control-layers-toggle{width: 44px; height: 44px;} .leaflet-control-layers .leaflet-control-layers-list, .leaflet-control-layers-expanded .leaflet-control-layers-toggle{display: none;} .leaflet-control-layers-expanded .leaflet-control-layers-list{display: block; position: relative;} .leaflet-control-layers-expanded{padding: 6px 10px 6px 6px; color: #333; background: #fff;} .leaflet-control-layers-scrollbar{overflow-y: scroll; overflow-x: hidden; padding-right: 5px;} .leaflet-control-layers-selector{margin-top: 2px; position: relative; top: 1px;} .leaflet-control-layers label{display: block;} .leaflet-control-layers-separator{height: 0; border-top: 1px solid #ddd; margin: 5px -10px 5px -6px;} .leaflet-default-icon-path{background-image: url(/skal_website_club_finder/static/src/js/leaflet/images/marker-icon.png);} .leaflet-container .leaflet-control-attribution{background: #fff; background: rgba(255, 255, 255, 0.7); margin: 0;} .leaflet-control-attribution, .leaflet-control-scale-line{padding: 0 5px; color: #333;} .leaflet-control-attribution a{text-decoration: none;} .leaflet-control-attribution a:hover{text-decoration: underline;} .leaflet-container .leaflet-control-attribution, .leaflet-container .leaflet-control-scale{font-size: 11px;} .leaflet-left .leaflet-control-scale{margin-left: 5px;} .leaflet-bottom .leaflet-control-scale{margin-bottom: 5px;} .leaflet-control-scale-line{border: 2px solid #777; border-top: none; line-height: 1.1; padding: 2px 5px 1px; font-size: 11px; white-space: nowrap; overflow: hidden; -moz-box-sizing: border-box; box-sizing: border-box; background: #fff; background: rgba(255, 255, 255, 0.5);} .leaflet-control-scale-line:not(:first-child){border-top: 2px solid #777; border-bottom: none; margin-top: -2px;} .leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom: 2px solid #777;} .leaflet-touch .leaflet-control-attribution, .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar{box-shadow: none;} .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar{border: 2px solid rgba(0,0,0,0.2); background-clip: padding-box;} .leaflet-popup{position: absolute; text-align: center; margin-bottom: 20px;} .leaflet-popup-content-wrapper{padding: 1px; text-align: left; border-radius: 12px;} .leaflet-popup-content{margin: 13px 19px; line-height: 1.4;} .leaflet-popup-content p{margin: 18px 0;} .leaflet-popup-tip-container{width: 40px; height: 20px; position: absolute; left: 50%; margin-left: -20px; overflow: hidden; pointer-events: none;} .leaflet-popup-tip{width: 17px; height: 17px; padding: 1px; margin: -10px auto 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);} .leaflet-popup-content-wrapper, .leaflet-popup-tip{background: white; color: #333; box-shadow: 0 3px 14px rgba(0,0,0,0.4);} .leaflet-container a.leaflet-popup-close-button{position: absolute; top: 0; right: 0; padding: 4px 4px 0 0; border: none; text-align: center; width: 18px; height: 14px; font: 16px/14px Tahoma, Verdana, sans-serif; color: #c3c3c3; text-decoration: none; font-weight: bold; background: transparent;} .leaflet-container a.leaflet-popup-close-button:hover{color: #999;} .leaflet-popup-scrolled{overflow: auto; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd;} .leaflet-oldie .leaflet-popup-content-wrapper{zoom: 1;} .leaflet-oldie .leaflet-popup-tip{width: 24px; margin: 0 auto; -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)"; filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);} .leaflet-oldie .leaflet-popup-tip-container{margin-top: -1px;} .leaflet-oldie .leaflet-control-zoom, .leaflet-oldie .leaflet-control-layers, .leaflet-oldie .leaflet-popup-content-wrapper, .leaflet-oldie .leaflet-popup-tip{border: 1px solid #999;} .leaflet-div-icon{background: #fff; border: 1px solid #666;} .leaflet-tooltip{position: absolute; padding: 6px; background-color: #fff; border: 1px solid #fff; border-radius: 3px; color: #222; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; box-shadow: 0 1px 3px rgba(0,0,0,0.4);} .leaflet-tooltip.leaflet-clickable{cursor: pointer; pointer-events: auto;} .leaflet-tooltip-top:before, .leaflet-tooltip-bottom:before, .leaflet-tooltip-left:before, .leaflet-tooltip-right:before{position: absolute; pointer-events: none; border: 6px solid transparent; background: transparent; content: "";} .leaflet-tooltip-bottom{margin-top: 6px;} .leaflet-tooltip-top{margin-top: -6px;} .leaflet-tooltip-bottom:before, .leaflet-tooltip-top:before{left: 50%; margin-left: -6px;} .leaflet-tooltip-top:before{bottom: 0; margin-bottom: -12px; border-top-color: #fff;} .leaflet-tooltip-bottom:before{top: 0; margin-top: -12px; margin-left: -6px; border-bottom-color: #fff;} .leaflet-tooltip-left{margin-left: -6px;} .leaflet-tooltip-right{margin-left: 6px;} .leaflet-tooltip-left:before, .leaflet-tooltip-right:before{top: 50%; margin-top: -6px;} .leaflet-tooltip-left:before{right: 0; margin-right: -12px; border-left-color: #fff;} .leaflet-tooltip-right:before{left: 0; margin-left: -12px; border-right-color: #fff;} 

/* /skal_website_club_finder/static/src/js/leaflet/L.Control.Locate.scss defined in bundle 'web.assets_frontend' */
 .leaflet-control-locate-location circle{animation: leaflet-control-locate-throb 4s ease infinite;} @keyframes leaflet-control-locate-throb{0%{r: 9; stroke-width: 1;}50%{r: 7; stroke-width: 3;}100%{r: 9; stroke-width: 1;}} 

/* /skal_website_club_finder/static/src/css/map.css defined in bundle 'web.assets_frontend' */
#map{width: 100%; height: 746px;} 

/* /skal_website_club_finder/static/src/css/typeaheadjs.css defined in bundle 'web.assets_frontend' */
span.twitter-typeahead .tt-menu, span.twitter-typeahead .tt-dropdown-menu{cursor: pointer; position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; font-size: 14px; text-align: left; background-color: #ffffff; border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); background-clip: padding-box;} span.twitter-typeahead .tt-suggestion{display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.42857143; color: #333333; white-space: nowrap;} span.twitter-typeahead .tt-suggestion.tt-cursor, span.twitter-typeahead .tt-suggestion:hover, span.twitter-typeahead .tt-suggestion:focus{color: #ffffff; text-decoration: none; outline: 0; background-color: #337ab7;} .input-group.input-group-lg span.twitter-typeahead .form-control{height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px;} .input-group.input-group-sm span.twitter-typeahead .form-control{height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px;} span.twitter-typeahead{width: 100%;} .input-group span.twitter-typeahead{display: block !important; height: 34px;} .input-group span.twitter-typeahead .tt-menu, .input-group span.twitter-typeahead .tt-dropdown-menu{top: 32px !important;} .input-group span.twitter-typeahead:not(:first-child):not(:last-child) .form-control{border-radius: 0;} .input-group span.twitter-typeahead:first-child .form-control{border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 0; border-bottom-right-radius: 0;} .input-group span.twitter-typeahead:last-child .form-control{border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .input-group.input-group-sm span.twitter-typeahead{height: 30px;} .input-group.input-group-sm span.twitter-typeahead .tt-menu, .input-group.input-group-sm span.twitter-typeahead .tt-dropdown-menu{top: 30px !important;} .input-group.input-group-lg span.twitter-typeahead{height: 46px;} .input-group.input-group-lg span.twitter-typeahead .tt-menu, .input-group.input-group-lg span.twitter-typeahead .tt-dropdown-menu{top: 46px !important;} 

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

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

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

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

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

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

/* /skal_website_members_lists/static/src/css/style.css defined in bundle 'web.assets_frontend' */
.executive-comitte-charge > strong{display: block;} 

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

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

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

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

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

/* /website_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: #314691;} .website_blog section.blog_tags ul.nav-pills li a{padding: 2px 15px;} .s_latest_posts .media > a{width: 100%; height: 200px;} @media (min-width: 768px){.s_latest_posts .media > a{width: 100px; height: 100px;}} .s_latest_posts .media > a > .o_blog_cover_container{position: relative; width: 100%; height: 100%; padding: 0;} .s_latest_posts .media > a > .o_blog_cover_container > .o_blog_cover_component{position: absolute; top: 0; left: 0; bottom: 0; right: 0;} .s_latest_posts .media > a > .o_blog_cover_container > .o_blog_cover_image{background-size: cover; background-position: center;} .s_latest_posts_big_picture .s_latest_posts_post{position: relative; height: 250px; text-align: center; cursor: pointer; transition: all 300ms;} .s_latest_posts_big_picture .s_latest_posts_post.js-loading{background: #e9ecef !important;} .s_latest_posts_big_picture .s_latest_posts_post .thumb{position: relative; display: block; width: 100%; max-width: 100% !important; height: 100%; padding: 0; opacity: 0.8; overflow: hidden;} .s_latest_posts_big_picture .s_latest_posts_post .thumb > .o_blog_cover_component{position: absolute; top: 0; left: 0; bottom: 0; right: 0;} .s_latest_posts_big_picture .s_latest_posts_post .thumb > .o_blog_cover_image{background-size: cover; background-position: center;} .s_latest_posts_big_picture .s_latest_posts_post > div:not(.o_blog_cover_container):not(.js-loading), .s_latest_posts_big_picture .s_latest_posts_post > div:not(.o_blog_cover_container):not(.js-loading) > a{position: absolute; top: 0; left: 15px; bottom: 0; right: 15px; padding: 2em; color: #FFFFFF; text-transform: uppercase; font-size: 1.25em; backface-visibility: hidden;} .s_latest_posts_big_picture .s_latest_posts_post > div:not(.o_blog_cover_container):not(.js-loading)::after, .s_latest_posts_big_picture .s_latest_posts_post > div:not(.o_blog_cover_container):not(.js-loading)::before, .s_latest_posts_big_picture .s_latest_posts_post > div:not(.o_blog_cover_container):not(.js-loading) > a::after, .s_latest_posts_big_picture .s_latest_posts_post > div:not(.o_blog_cover_container):not(.js-loading) > a::before{pointer-events: none;} .s_latest_posts_big_picture .s_latest_posts_post > div:not(.o_blog_cover_container):not(.js-loading) > a{z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0;} .s_latest_posts_big_picture .s_latest_posts_post > div:not(.o_blog_cover_container):not(.js-loading) h2{margin: 0; font-size: 1.5em; font-weight: 300;} .s_latest_posts_big_picture .s_latest_posts_post > div:not(.o_blog_cover_container):not(.js-loading) h2 span{font-weight: 800;} .s_latest_posts_big_picture .s_latest_posts_post > div:not(.o_blog_cover_container):not(.js-loading) p{margin: 1em 0 0; letter-spacing: 1px; font-size: 68.5%;} .s_latest_posts .js_get_posts, .s_latest_posts_big_picture .js_get_posts{position: relative; min-height: 100px;} .s_latest_posts .progress.js-loading, .s_latest_posts_big_picture .progress.js-loading{position: absolute; top: 0; left: 0; bottom: 0; right: 0; border-radius: 0;} .s_latest_posts .progress.js-loading .progress-bar, .s_latest_posts_big_picture .progress.js-loading .progress-bar{position: absolute; top: 45%; left: 10%; bottom: auto; right: 10%; height: 10px; margin: 0; background: #6c757d; box-shadow: none;} 

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

/* /website_sale_delivery/static/src/scss/website_sale_delivery.scss defined in bundle 'web.assets_frontend' */
 @media (max-width: 767.98px){.o_delivery_compute{max-width: 130px; text-overflow: ellipsis; overflow: hidden;}} 

/* /sh_animated_snippets/static/src/css/snippet.css defined in bundle 'web.assets_frontend' */
*{box-sizing: border-box;} #sh_animated_content_box_1 .container .sh_title{max-width: 650px;margin: 0 auto;text-align: center;} #sh_animated_content_box_1 .container .sh_title h2{text-align: center;font-size: 40px;text-transform: capitalize; margin-bottom: 20px;margin-top: 0;} #sh_animated_content_box_1 .container .sh_title p{text-align: center;font-size: 14px;margin-bottom: 40px;} #sh_animated_content_box_1{padding-top: 4em;padding-bottom: 4em} #sh_animated_content_box_1 .snip_serviceBox{border: 1px solid #4e4e4e;text-align: center;padding: 40px 0;overflow: hidden; position: relative;z-index: 1; transition: all 0.5s ease 0s;} #sh_animated_content_box_1 .snip_serviceBox:before, #sh_animated_content_box_1 .snip_serviceBox:after{content: "";width: 200%;height: 200%; background: #00a09d;position: absolute; top: 160px;left: 0;z-index: -1;transform: rotate(-18deg);transition: all 0.5s ease 0s;} #sh_animated_content_box_1 .snip_serviceBox:before{background: #4e4e4e;left: -120%;transform: rotate(24deg);} #sh_animated_content_box_1 .snip_serviceBox:hover:before{transform: rotate(16deg);} #sh_animated_content_box_1 .snip_serviceBox:hover:after{background: #684f8e;transform: rotate(-10deg);} #sh_animated_content_box_1 .snip_serviceBox .snip_service_icon{font-size: 60px;color: #00a09d;line-height: 100px; margin-bottom: 100px;} #sh_animated_content_box_1 .snip_serviceBox .snip_service_content{color: #fff;line-height: 25px; padding: 0 20px 20px;} #sh_animated_content_box_1 .snip_serviceBox .snip_title{font-size: 22px;font-weight: 700;margin-bottom: 10px;color:#fff;} #sh_animated_content_box_1 .snip_serviceBox .snip_description{font-size: 14px;display: -webkit-box;max-width: 400px;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden; text-overflow: ellipsis;} #sh_animated_content_box_1 .snip_serviceBox .snip_read{display: block; width: 100%;background: #fff;font-size: 15px;font-weight: 600;color: #00a09d; padding: 10px; border-left: 1px solid #eba133;border-right: 1px solid #eba133;text-decoration: none;} #sh_animated_content_box_1 .snip_serviceBox:hover .snip_read{border-color: #684f8e;color: #684f8e;} @media only screen and (max-width: 990px){#sh_animated_content_box_1 .snip_serviceBox{margin-bottom: 30px;}} @media only screen and (max-width: 767px){#sh_animated_content_box_1 .snip_serviceBox:before, .snip_serviceBox:after{top: 80px;}} @media only screen and (max-width: 480px){#sh_animated_content_box_1 .snip_serviceBox:before, .snip_serviceBox:after{top: 140px;}} #sh_animated_content_box_2 .container .sh_title{text-align: center;max-width: 650px;margin: 0 auto;} #sh_animated_content_box_2 .container .sh_title h2{text-align: center;font-size: 40px;text-transform: capitalize; margin-bottom: 20px;margin-top: 0;} #sh_animated_content_box_2 .container .sh_title p{text-align: center;font-size: 14px;margin-bottom: 40px;} #sh_animated_content_box_2{padding-top: 4em;padding-bottom: 4em} #sh_animated_content_box_2 .snip_serviceBox{background-color:#00a09d !important;text-align: center;padding: 30px; margin: 0 -15px;overflow: hidden; position: relative;} #sh_animated_content_box_2 .snip_serviceBox .snip_service_content{border: 4px double rgba(255,255,255,0.6);padding: 40px 30px 20px;position: relative;transition: all 0.3s ease-in-out 0s;} #sh_animated_content_box_2 .snip_serviceBox:hover .snip_service_content{border: 4px double rgb(255,255,255);} #sh_animated_content_box_2 .snip_serviceBox .snip_service_content span{font-size: 30px;color: #fff;margin-bottom: 10px;transition: all 0.3s ease-in-out 0s;} #sh_animated_content_box_2 .snip_serviceBox:hover .snip_service_content span{transform: rotate(360deg);} #sh_animated_content_box_2 .snip_serviceBox .snip_title{font-size: 24px;font-weight: 700; color: #fff;margin-bottom: 15px;} #sh_animated_content_box_2 .snip_serviceBox .snip_description{font-size: 14px; color: #fff;line-height: 25px;display: -webkit-box;max-width: 400px; -webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;} #sh_animated_content_box_2 .snip_serviceBox .snip_icon_bg{font-size: 250px;color: rgba(255, 255, 255, 0.3); line-height: 120px;position: absolute; bottom: 0;right: -30px;transition: all 0.3s ease-in-out 0s;} #sh_animated_content_box_2 .snip_serviceBox:hover .snip_icon_bg{transform: rotate(360deg);} @media only screen and (max-width: 990px){#sh_animated_content_box_2 .snip_serviceBox{margin-bottom: 30px;}} #sh_animated_content_box_3 .container .sh_title{text-align: center;max-width: 650px;margin: 0 auto;} #sh_animated_content_box_3 .container .sh_title h2{text-align: center;font-size: 40px;text-transform: capitalize; margin-bottom: 20px;margin-top: 0;} #sh_animated_content_box_3 .container .sh_title p{text-align: center;font-size: 14px;margin-bottom: 40px;} #sh_animated_content_box_3{padding: 4em 0em;} #sh_animated_content_box_3 .serviceBox{font-family: 'Roboto', sans-serif;margin: 0 15px;position: relative;} #sh_animated_content_box_3 .serviceBox:after{content: '';height: 12px;width: 12px;background-color: #fff; border: 2px solid #00a09d;border-radius: 50%;position: absolute;left: -4px; bottom: -2px;} #sh_animated_content_box_3 .serviceBox .service-icon{color: #00a09d;font-size: 70px;text-align: center;line-height: 150px;height: 150px; width: 150px;margin: 0 0 25px;border-radius:50% 50% 50% 0;background: linear-gradient(to bottom,#EBEDEC,#E8E8E8); box-shadow: 0 0 3px #909090; display:block; position: relative;z-index: 1; transition: all 0.3s ease 0s;} #sh_animated_content_box_3 .serviceBox:hover .service-icon{font-size: 80px;box-shadow: 0 0 10px #909090;} #sh_animated_content_box_3 .serviceBox .service-icon:before,.serviceBox .service-icon:after{content: '';height: 90%; width: 90%;background-color: #00a09d;border-radius: 50% 50% 50% 0;transform:translateX(-50%) translateY(-50%); position: absolute; left: 50%;top: 50%;z-index: -1;} #sh_animated_content_box_3 .serviceBox .service-icon:after{height: 80%;width: 80%; background-color: #fff; border-radius: 50%;} #sh_animated_content_box_3 .serviceBox .service-content{padding: 0 20px 15px;border-left: 2px solid #d3d3d3;} #sh_animated_content_box_3 .serviceBox .title{color: #00a09d;font-size: 18px;font-weight: 700;letter-spacing: 1px;text-transform: uppercase; margin: 0 0 10px;} #sh_animated_content_box_3 .serviceBox .description{font-size: 15px;text-align: left;line-height: 28px;margin: 0;display: -webkit-box; max-width: 400px;-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;} #sh_animated_content_box_3 .serviceBox.pink:after{border-color: #FF7BD1;} #sh_animated_content_box_3 .serviceBox.pink .service-icon{color: #FF7BD1;} #sh_animated_content_box_3 .serviceBox.pink .service-icon:before{background-color: #FF7BD1;} #sh_animated_content_box_3 .serviceBox.pink .title{color: #FF7BD1;} #sh_animated_content_box_3 .serviceBox.purple:after{border-color: #B65EE8;} #sh_animated_content_box_3 .serviceBox.purple .service-icon{color: #B65EE8;} #sh_animated_content_box_3 .serviceBox.purple .service-icon:before{background-color: #B65EE8;} #sh_animated_content_box_3 .serviceBox.purple .title{color: #B65EE8;} #sh_animated_content_box_3 .serviceBox.blue:after{border-color: #6986FE;} #sh_animated_content_box_3 .serviceBox.blue .service-icon{color: #6986FE;} #sh_animated_content_box_3 .serviceBox.blue .service-icon:before{background-color: #6986FE;} #sh_animated_content_box_3 .serviceBox.blue .title{color: #6986FE;} @media only screen and (max-width:1200px){#sh_animated_content_box_3 .serviceBox{margin: 0;}} @media only screen and (max-width:990px){#sh_animated_content_box_3 .serviceBox{margin: 0 0 40px;}} #sh_animated_content_box_4 .container .sh_title{text-align: center;max-width: 650px;margin: 0 auto;} #sh_animated_content_box_4 .container .sh_title h2{text-align: center;font-size: 40px;text-transform: capitalize; margin-bottom: 20px;margin-top: 0;} #sh_animated_content_box_4 .container .sh_title p{text-align: center;font-size: 14px;margin-bottom: 40px;} #sh_animated_content_box_4{padding-top: 4em;padding-bottom: 4em} #sh_animated_content_box_4 .snip_serviceBox{text-align: center;position: relative;} #sh_animated_content_box_4 .snip_serviceBox .snip_service_icon{display: inline-block;width: 170px;height: 170px;line-height: 70px; border-radius: 50%;border: 3px solid #00A09D;padding: 50px;margin-bottom: 50px;font-size: 50px;color: #fff;z-index: 1;position: relative;transition: all 0.5s ease 0s;} #sh_animated_content_box_4 .snip_serviceBox:hover .snip_service_icon{transform: rotateY(360deg);} #sh_animated_content_box_4 .snip_serviceBox .snip_service_icon:before{content: ""; background: #00A09D;border-radius: 50%;position: absolute; top: 30px;left: 30px;bottom: 30px;right: 30px;z-index: -1; transition: all 0.5s ease 0.5s;} #sh_animated_content_box_4 .snip_serviceBox:hover .snip_service_icon:before{transform: rotateX(360deg);} #sh_animated_content_box_4 .snip_serviceBox .snip_service_content{padding: 40px 15px 20px;border: 3px solid #00A09D;border-left: 2px solid transparent;line-height: 27px;position: relative;} #sh_animated_content_box_4 .snip_serviceBox .snip_service_content:before{content: "";width: 15px;height: 15px;border-radius: 50%;background: #00A09D; margin: 0 auto;position: absolute;top: 10px;left: 0;right: 0;} #sh_animated_content_box_4 .snip_serviceBox .snip_service_content:after{content: ""; width: 3px;height: 70px;background: #00A09D;margin: 0 auto;position: absolute;top: -54px;left: 0;right: 0;} #sh_animated_content_box_4 .snip_serviceBox .snip_title{font-size: 17px;font-weight:600;color: #fff;background: #00A09D;border-radius: 10px; padding: 7px 5px; margin: 0 0 10px 0;} #sh_animated_content_box_4 .snip_serviceBox p{display: -webkit-box;max-width: 400px;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden; text-overflow: ellipsis;} #sh_animated_content_box_4 .snip_serviceBox.green .snip_service_icon{border-color: #93aa01;} #sh_animated_content_box_4 .snip_serviceBox.green .snip_service_icon:before, #sh_animated_content_box_4 .snip_serviceBox.green .snip_service_content:before, #sh_animated_content_box_4 .snip_serviceBox.green .snip_service_content:after, #sh_animated_content_box_4 .snip_serviceBox.green .snip_title{background: #93aa01;} #sh_animated_content_box_4 .snip_serviceBox.green .snip_service_content{border-color: #93aa01; border-left-color: transparent;} #sh_animated_content_box_4 .snip_serviceBox.blue .snip_service_icon{border-color: #02a2ad;} #sh_animated_content_box_4 .snip_serviceBox.blue .snip_service_icon:before, #sh_animated_content_box_4 .snip_serviceBox.blue .snip_service_content:before, #sh_animated_content_box_4 .snip_serviceBox.blue .snip_service_content:after, #sh_animated_content_box_4 .snip_serviceBox.blue .snip_title{background: #02a2ad;} #sh_animated_content_box_4 .snip_serviceBox.blue .snip_service_content{border-color: #02a2ad; border-left-color: transparent;} #sh_animated_content_box_4 .snip_serviceBox.orange .snip_service_icon{border-color: #eb700c;} #sh_animated_content_box_4 .snip_serviceBox.orange .snip_service_icon:before, #sh_animated_content_box_4 .snip_serviceBox.orange .snip_service_content:before, #sh_animated_content_box_4 .snip_serviceBox.orange .snip_service_content:after, #sh_animated_content_box_4 .snip_serviceBox.orange .snip_title{background: #eb700c;} #sh_animated_content_box_4 .snip_serviceBox.orange .snip_service_content{border-color: #eb700c;border-left-color: transparent;} @media only screen and (max-width:990px){#sh_animated_content_box_4 .snip_serviceBox{margin-bottom: 30px;}} #sh_animated_content_box_5 .container .sh_title{text-align: center;max-width: 650px;margin: 0 auto;} #sh_animated_content_box_5 .container .sh_title h2{text-align: center;font-size: 40px;text-transform: capitalize; margin-bottom: 20px;margin-top: 0;} #sh_animated_content_box_5 .container .sh_title p{text-align: center;font-size: 14px;margin-bottom: 40px;} #sh_animated_content_box_5{padding-top: 4em;padding-bottom: 4em} #sh_animated_content_box_5 .ship_serviceBox{padding: 70px 20px 30px;margin: 50px 0 110px;background: #00A09D;text-align: center; position: relative;} #sh_animated_content_box_5 .ship_serviceBox:before{content: "";width: 100%; height: 100px;background: #00A09D;position: absolute; bottom: -100px;left: 0;-webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);clip-path: polygon(50% 100%, 0 0, 100% 0);} #sh_animated_content_box_5 .ship_serviceBox:after{content: "";width: 50%;height: 2px;background: #fff;position: absolute;bottom: 0;left: 0; transition: all 0.3s ease 0s;} #sh_animated_content_box_5 .ship_serviceBox:hover:after{width: 100%;} #sh_animated_content_box_5 .ship_serviceBox .ship_service_icon{width: 100px; height: 100px; line-height: 100px; border-radius: 50%; background: #00A09D; border: 5px solid #fff; margin: 0 auto;font-size: 40px;color: #fff; position: absolute;top: -50px;left: 0;right: 0;transition: all 0.3s ease 0s;} #sh_animated_content_box_5 .ship_serviceBox:hover .ship_service_icon{transform: rotateX(360deg);} #sh_animated_content_box_5 .ship_serviceBox .ship_title{display: block;font-size: 20px;font-weight: 700;color: #fff;text-transform: uppercase; margin: 0 0 10px 0;} #sh_animated_content_box_5 .ship_serviceBox .ship_description{font-size: 15px;color: #fff;line-height: 27px;margin-bottom: 0;display: -webkit-box; max-width: 400px;-webkit-line-clamp: 3; -webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis; margin-bottom: 0;} #sh_animated_content_box_5 .ship_serviceBox.yellow, #sh_animated_content_box_5 .ship_serviceBox.yellow:before, #sh_animated_content_box_5 .ship_serviceBox.yellow .ship_service_icon{background: #f7912f;} #sh_animated_content_box_5 .ship_serviceBox.blue, #sh_animated_content_box_5 .ship_serviceBox.blue:before, #sh_animated_content_box_5 .ship_serviceBox.blue .ship_service_icon{background: #0c5685;} #sh_animated_content_box_5 .ship_serviceBox.green, #sh_animated_content_box_5 .ship_serviceBox.green:before, #sh_animated_content_box_5 .ship_serviceBox.green .ship_service_icon{background: #95be3e;} @media only screen and (max-width:767px){#sh_animated_content_box_5 .ship_serviceBox{margin: 50px 0 160px;}} #sh_animated_content_box_6 .container .sh_title{text-align: center;max-width: 650px;margin: 0 auto;} #sh_animated_content_box_6 .container .sh_title h2{text-align: center;font-size: 40px;text-transform: capitalize; margin-bottom: 20px;margin-top: 0;} #sh_animated_content_box_6 .container .sh_title p{text-align: center;font-size: 14px;margin-bottom: 40px;} #sh_animated_content_box_6{padding-top: 4em;padding-bottom: 4em} #sh_animated_content_box_6 .snip_serviceBox{text-align: center; position: relative;} #sh_animated_content_box_6 .snip_serviceBox .snip_service_icon{width: 130px;height: 140px;line-height: 145px;background: linear-gradient(to bottom,transparent 49%,#00A09D 50%); margin: 0 auto 15px;font-size: 45px;color: #fff; -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);position: relative;transition: all 0.3s ease 0s;} #sh_animated_content_box_6 .snip_serviceBox:hover .snip_service_icon{font-size: 60px;} #sh_animated_content_box_6 .snip_serviceBox .snip_service_icon:before, #sh_animated_content_box_6 .snip_serviceBox .snip_service_icon:after{content: ""; width: 93%; height: 93%;background: #fff;position: absolute; top: 50%;left: 50%; z-index: -1;-webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);transform: translate(-50%, -50%);} #sh_animated_content_box_6 .snip_serviceBox .snip_service_icon:after{width: 85%;height: 85%;background: #00A09D;transition: all 0.3s ease 0s;} #sh_animated_content_box_6 .snip_serviceBox:hover .snip_service_icon:after{box-shadow: 0 0 40px rgba(0,0,0,0.2) inset;} #sh_animated_content_box_6 .snip_serviceBox .snip_title{font-size: 20px; text-transform: capitalize;margin: 0 0 10px 0;position: relative;transition: all 0.3s ease 0s;} #sh_animated_content_box_6 .snip_serviceBox:hover .snip_title{color: #00a09d;} #sh_animated_content_box_6 .snip_serviceBox .snip_title:before{content: "";width: 20px;height: 20px;border-radius: 50%; border: 2px solid #00a09d; background: #00a09d;box-shadow: 0 0 0 3px #fff inset;position: absolute;top: -50px;left: 50%;opacity: 0; transform: translateX(-50%);transition: all 0.3s ease 0s;} #sh_animated_content_box_6 .snip_serviceBox:hover .snip_title:before{opacity: 1; top: -24px;} #sh_animated_content_box_6 .snip_serviceBox .snip_description{font-size: 15px;line-height: 27px; margin: 0;margin-bottom: 0;display: -webkit-box; max-width: 400px;-webkit-line-clamp: 3; -webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis; margin-bottom: 0;} #sh_animated_content_box_6 .snip_serviceBox.blue .snip_service_icon{background: linear-gradient(to bottom,transparent 49%,#1b87a4 50%);} #sh_animated_content_box_6 .snip_serviceBox.blue .snip_service_icon:after{background: #1b87a4;} #sh_animated_content_box_6 .snip_serviceBox.blue:hover .snip_title{color: #1b87a4;} #sh_animated_content_box_6 .snip_serviceBox.blue .snip_title:before{border-color: #1b87a4; background: #1b87a4;} #sh_animated_content_box_6 .snip_serviceBox.darkblue .snip_service_icon{background: linear-gradient(to bottom,transparent 49%,#4c3f8f 50%);} #sh_animated_content_box_6 .snip_serviceBox.darkblue .snip_service_icon:after{background: #4c3f8f;} #sh_animated_content_box_6 .snip_serviceBox.darkblue:hover .snip_title{color: #4c3f8f;} #sh_animated_content_box_6 .snip_serviceBox.darkblue .snip_title:before{border-color: #4c3f8f; background: #4c3f8f;} #sh_animated_content_box_6 .snip_serviceBox.purple .snip_service_icon{background: linear-gradient(to bottom,transparent 49%,#9f2369 50%);} #sh_animated_content_box_6 .snip_serviceBox.purple .snip_service_icon:after{background: #9f2369;} #sh_animated_content_box_6 .snip_serviceBox.purple:hover .snip_title{color: #9f2369;} #sh_animated_content_box_6 .snip_serviceBox.purple .snip_title:before{border-color: #9f2369;background: #9f2369;} @media only screen and (max-width:990px){#sh_animated_content_box_6 .snip_serviceBox{margin-bottom: 10px;}} #sh_animated_content_box_7 .container .sh_title{text-align: center;max-width: 650px;margin: 0 auto;} #sh_animated_content_box_7 .container .sh_title h2{text-align: center;font-size: 40px;text-transform: capitalize; margin-bottom: 20px;margin-top: 0;} #sh_animated_content_box_7 .container .sh_title p{text-align: center;font-size: 14px;margin-bottom: 40px;} #sh_animated_content_box_7{padding-top: 4em;padding-bottom: 4em} #sh_animated_content_box_7 .snip_serviceBox{padding: 130px 5px 10px; background: #e6e6e6;text-align: center;border-radius: 25px;overflow: hidden;position: relative;margin-bottom:1em;} #sh_animated_content_box_7 .snip_serviceBox .snip_service_icon{display: inline-block;width: 200px;height: 200px;line-height: 300px;border-radius: 50%;box-shadow: 0 0 5px #000 inset;background: #00a09d; font-size: 50px; color: #fff;position: absolute;top: -90px;left: 50%;transform: scale(1) translateX(-50%);transition: all 0.8s ease 0s;} #sh_animated_content_box_7 .snip_serviceBox:hover .snip_service_icon{font-size: 65px;} #sh_animated_content_box_7 .snip_serviceBox .snip_title{font-size: 17px;font-weight: 700;letter-spacing: 1px;text-transform: uppercase; margin: 0 0 10px 0;} #sh_animated_content_box_7 .snip_serviceBox:hover .snip_title{color: #00a09d;} #sh_animated_content_box_7 .snip_serviceBox .snip_description{font-size: 15px;line-height: 27px;letter-spacing: 1px;margin-bottom: 10px;margin-bottom: 0;display: -webkit-box; max-width: 400px;-webkit-line-clamp: 3; -webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis; margin-bottom: 0;} #sh_animated_content_box_7 .snip_serviceBox .snip_read_more{display: inline-block;padding: 5px 15px; font-size: 14px;font-style: italic; color: #fff; background:#00a09d;margin-top:15px;); border-radius: 10px 10px 0 0; transform: translateY(50px);transition: all 0.3s ease 0s;} #sh_animated_content_box_7 .snip_serviceBox .snip_read_more:hover{color: #fff;box-shadow: 0 0 5px #000;} #sh_animated_content_box_7 .snip_serviceBox:hover .snip_read_more{transform: translateY(0);} #sh_animated_content_box_7 .snip_serviceBox.yellow .snip_service_icon{background: linear-gradient(to top,#f1b02b,#fddb18 50%);} #sh_animated_content_box_7 .snip_serviceBox.yellow:hover .snip_title{color: #f1b02b;} #sh_animated_content_box_7 .snip_serviceBox.yellow .snip_read_more{background: linear-gradient(to top,#f1b02b,#fddb18);} #sh_animated_content_box_7 .snip_serviceBox.green .snip_service_icon{background: linear-gradient(to top,#50c338,#9dea28 50%);} #sh_animated_content_box_7 .snip_serviceBox.green:hover .snip_title{color: #50c338;} #sh_animated_content_box_7 .snip_serviceBox.green .snip_read_more{background: linear-gradient(to top,#50c338,#9dea28);} #sh_animated_content_box_7 .snip_serviceBox.pink .snip_service_icon{background: linear-gradient(to top,#fe4090,#ff58a6 50%);} #sh_animated_content_box_7 .snip_serviceBox.pink:hover .snip_title{color: #fe4090;} #sh_animated_content_box_7 .snip_serviceBox.pink .snip_read_more{background: linear-gradient(to top,#fe4090,#ff58a6);} @media only screen and (max-width:1200px){#sh_animated_content_box_7 .snip_serviceBox .snip_service_icon{width: 160px;height: 160px;line-height: 240px;top: -80px;}} @media only screen and (max-width:990px){#sh_animated_content_box_7 .snip_serviceBox{margin-bottom: 30px;}#sh_animated_content_box_7 .snip_serviceBox .snip_service_icon{width: 200px;height: 200px; line-height: 300px;top: -90px;}} #sh_animated_content_box_8 .container .sh_title{text-align: center;max-width: 650px;margin: 0 auto;} #sh_animated_content_box_8 .container .sh_title h2{text-align: center;font-size: 40px;text-transform: capitalize; margin-bottom: 20px;margin-top: 0;} #sh_animated_content_box_8 .container .sh_title p{text-align: center;font-size: 14px;margin-bottom: 40px;} #sh_animated_content_box_8{padding-top: 4em;padding-bottom: 4em} #sh_animated_content_box_8 .content_box{text-align: center;padding: 20px 15px;margin: 20px 0 0;border-radius: 20px 0 20px 0; position: relative;z-index: 1;transition: all ease .3s;} #sh_animated_content_box_8 .content_box:hover{box-shadow: 0 0 10px rgba(0,0,0,0.5);} #sh_animated_content_box_8 .content_box:before{content: '';background: linear-gradient(45deg,#014e4d 49%,transparent 50%);height: 15px;width: 15px;position: absolute;left: 115px; top: -15px;} #sh_animated_content_box_8 .content_box .sh_number{color: #fff;background: #00a09d;font-size: 90px;text-align: center;line-height: 130px;width: 100px;height: 140px; margin: -35px 0 0 0;display: block; -webkit-clip-path: polygon(0 0, 100% 0, 100% 75%, 0 100%);clip-path: polygon(0 0, 100% 0, 100% 75%, 0 100%);} #sh_animated_content_box_8 .content_box .sh_icon{color:#909090;font-size: 60px;position: absolute;right: 20px;top: 20px;transition: all 0.3s ease 0s;} #sh_animated_content_box_8 .content_box:hover .sh_icon{transform: rotateY(360deg);} #sh_animated_content_box_8 .content_box .content_text{padding: 20px 0 0;} #sh_animated_content_box_8 .content_box .title{font-size: 17px;font-weight: 600;text-transform: uppercase;margin: 0 0 10px;} #sh_animated_content_box_8 .content_box .sh_text{font-size: 13px;line-height: 25px; margin-bottom: 10px;height: 125px; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;overflow: hidden;} #sh_animated_content_box_8 .content_box .read-more{color:#202020;font-weight: 500;text-transform: uppercase;text-align: center;display: inline-block; position: relative;transition: all ease .3s;} #sh_animated_content_box_8 .content_box .read-more:hover{color: #fff;text-shadow: 0 0 5px #000;text-decoration: none;} @media only screen and (max-width:990px){#sh_animated_content_box_8 .content_box{margin: 0 0 50px;}} #sh_animated_content_box_9 .container .sh_title{text-align: center;max-width: 650px;margin: 0 auto;} #sh_animated_content_box_9 .container .sh_title h2{text-align: center;font-size: 40px;text-transform: capitalize; margin-bottom: 20px;margin-top: 0;} #sh_animated_content_box_9 .container .sh_title p{text-align: center;font-size: 14px;margin-bottom: 40px;} #sh_animated_content_box_9{padding-top: 4em;padding-bottom: 4em} #sh_animated_content_box_9 .content_box{color: #303030;text-align: center;padding: 25px 10px; margin: 75px 0 0;border-radius: 15px;} #sh_animated_content_box_9 .content_box .sh_icon{color: #fff;background: #00a09d;font-size: 80px;line-height: 170px;height: 170px;width: 170px;margin: -100px auto 30px; border-radius: 50%;display: block;transition: all 0.3s ease 0s;} #sh_animated_content_box_9 .content_box:hover .sh_icon{font-size: 90px;box-shadow: 0 0 20px -5px #000;} #sh_animated_content_box_9 .content_box .title{color: #00a09d;font-size: 17px;font-weight: 600;text-transform: uppercase;margin: 0 0 10px;} #sh_animated_content_box_9 .content_box .sh_text{font-size: 15px;text-align: center;line-height: 28px;margin: 0 0 20px;height: 140px;display: -webkit-box; -webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden;} #sh_animated_content_box_9 .content_box .read-more{color: #fff;font-size: 17px;font-weight: 600;padding: 8px 10px;border-radius: 20px 0;display: inline-block; overflow: hidden;position: relative;z-index: 1;transition: all 0.3s ease 0s;} #sh_animated_content_box_9 .content_box .read-more:hover{text-decoration: none;box-shadow: 0 0 10px #fff inset;text-shadow: 0 0 2px #000;} #sh_animated_content_box_9 .content_box .read-more:before, #sh_animated_content_box_9 .content_box .read-more:after{content: '';width: 50%;height: 100%;background: #00a09d;position: absolute;left: -100%; top: 0;z-index: -1;transition: all 0.3s ease 0s;} #sh_animated_content_box_9 .content_box .read-more:after{left: auto;right: -100%;} #sh_animated_content_box_9 .content_box:hover .read-more:before{left: 1px;} #sh_animated_content_box_9 .content_box:hover .read-more:after{right: 0;} #sh_animated_content_box_9 .content_box.orange .sh_icon{background: linear-gradient(to bottom,#E55928,#F39523);} #sh_animated_content_box_9 .content_box.orange .title{color: #E55928;} #sh_animated_content_box_9 .content_box.orange .read-more:before, #sh_animated_content_box_9 .content_box.orange .read-more:after{background: linear-gradient(to bottom,#E55928,#F39523);} #sh_animated_content_box_9 .content_box.purple .sh_icon{background: linear-gradient(to bottom,#A04A89,#E65844);} #sh_animated_content_box_9 .content_box.purple .title{color: #A04A89;} #sh_animated_content_box_9 .content_box.purple .read-more:before, #sh_animated_content_box_9 .content_box.purple .read-more:after{background: linear-gradient(to bottom,#A04A89,#E65844);} #sh_animated_content_box_9 .content_box.blue .sh_icon{background: linear-gradient(to bottom,#587EBC,#8D4D99);} #sh_animated_content_box_9 .content_box.blue .title{color: #587EBC;} #sh_animated_content_box_9 .content_box.blue .read-more:before, #sh_animated_content_box_9 .content_box.blue .read-more:after{background: linear-gradient(to bottom,#587EBC,#8D4D99);} @media only screen and (max-width:990px){#sh_animated_content_box_9 .content_box{margin: 110px 0 0;}} #sh_animated_content_box_10 .container .sh_title{text-align: center;max-width: 650px;margin: 0 auto;} #sh_animated_content_box_10 .container .sh_title h2{text-align: center;font-size: 40px;text-transform: capitalize; margin-bottom: 20px;margin-top: 0;} #sh_animated_content_box_10 .container .sh_title p{text-align: center;font-size: 14px;margin-bottom: 40px;} #sh_animated_content_box_10{padding-top: 4em;padding-bottom: 4em} #sh_animated_content_box_10 .content_box{text-align: center;} #sh_animated_content_box_10 .content_box .service-icon{width: 70px;height: 70px;line-height: 70px;border: 1px solid #00a09d;font-size: 30px;color: #00a09d; margin: 0 auto 30px;position: relative;z-index: 1;transition: all 0.5s ease 0s;} #sh_animated_content_box_10 .content_box:hover .service-icon{color: #fff;} #sh_animated_content_box_10 .content_box .service-icon:after{content: "";width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: #00a09d; z-index: -1;transform: scale(0);transition: all 0.3s ease 0s;} #sh_animated_content_box_10 .content_box:hover .service-icon:after{transform: scale(1);} #sh_animated_content_box_10 .content_box .title{font-size: 25px;margin: 0 0 10px 0;} #sh_animated_content_box_10 .content_box .description{font-size: 14px;line-height: 25px;margin: 0 0 30px 0;} #sh_animated_content_box_10 .content_box .read{display: inline-block;padding: 10px 30px;border: 1px solid #00a09d;font-weight: 600;color: #fff;position: relative; z-index: 1;transition: all 0.5s ease 0s;text-decoration: none;} #sh_animated_content_box_10 .content_box:hover .read{color: #00a09d;} #sh_animated_content_box_10 .content_box .read:after{content: "";width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: #00a09d; transform: scale(1);z-index: -1;transition: all 0.3s ease 0s;} #sh_animated_content_box_10 .content_box:hover .read:after{transform: scale(0);} @media only screen and (max-width: 990px){#sh_animated_content_box_10 .content_box{margin-bottom: 30px;}} #sh_animated_content_box_11 .container .sh_title{text-align: center;max-width: 650px;margin: 0 auto;} #sh_animated_content_box_11 .container .sh_title h2{text-align: center;font-size: 40px;text-transform: capitalize; margin-bottom: 20px;margin-top: 0;} #sh_animated_content_box_11 .container .sh_title p{text-align: center;font-size: 14px;margin-bottom: 40px;} #sh_animated_content_box_11{padding-top: 4em;padding-bottom: 4em} #sh_animated_content_box_11 .content_box{padding: 0 10px 60px;background-color: #00a09d;border: 1px solid transparent;border-radius: 20px; margin: 80px 0 30px;position: relative;} #sh_animated_content_box_11 .content_box .content_text{text-align: center;padding: 15px 5px 30px;margin-top: -80px;border-radius: 25px;background-color: #fff; position: relative;transition:all 0.3s;} #sh_animated_content_box_11 .content_box .content_text:hover{box-shadow: 0 0 20px -5px #000;} #sh_animated_content_box_11 .content_box .content_text:after{content: '';height: 50px;width: 50px;border: 25px solid transparent;border-top: 25px solid #fff; transform:translateX(-50%);position: absolute;bottom: -50px;left: 50%;} #sh_animated_content_box_11 .content_box .sh_icon{display: inline-block;color: #00a09d;font-size: 90px;margin-bottom: 10px;transition: all 0.3s ease 0s;} #sh_animated_content_box_11 .content_box:hover .sh_icon{transform:rotateX(360deg);} #sh_animated_content_box_11 .content_box .title{font-size: 17px;font-weight: 600;text-transform: uppercase;margin:0 0 10px;} #sh_animated_content_box_11 .content_box .sh_text{font-size: 15px;line-height: 25px;margin: 0;height: 150px;display: -webkit-box; -webkit-line-clamp: 6;-webkit-box-orient: vertical;overflow: hidden;} #sh_animated_content_box_11 .content_box .read-more{display: block;width: 60%;font-size: 15px;font-weight: 600;text-transform: uppercase; text-align: center;color: #fff;padding: 10px 0;border-radius: 15px;transform:translateX(-50%); transition:all 0.3s ease 0s;position: absolute;left: 50%;bottom: -20px;} #sh_animated_content_box_11 .content_box .read-more:hover{text-decoration: none;letter-spacing: 2px;box-shadow: 0 0 10px #000;} @media only screen and (max-width:990px){#sh_animated_content_box_11 .content_box{margin-bottom: 60px;}#sh_animated_content_box_11 .content_box .content_text{padding: 20px 5px 30px;}} @media only screen and (max-width:767px){#sh_animated_content_box_11 .content_box{margin-bottom: 130px;}} #sh_animated_content_box_12 .container .sh_title{text-align: center;max-width: 650px;margin: 0 auto;} #sh_animated_content_box_12 .container .sh_title h2{text-align: center;font-size: 40px;text-transform: capitalize; margin-bottom: 20px;margin-top: 0;} #sh_animated_content_box_12 .container .sh_title p{text-align: center;font-size: 14px;margin-bottom: 40px;} #sh_animated_content_box_12{padding-top: 4em;padding-bottom: 4em;} #sh_animated_content_box_12 .content_box{text-align: center;} #sh_animated_content_box_12 .content_box .sh_icon{display: inline-block;width: 120px;height: 120px;line-height: 95px;border-radius: 50%;border: 15px solid #00a09d; font-size: 45px;color: #00a09d;margin-bottom: 60px;position: relative;transition: all 0.3s ease 0s;} #sh_animated_content_box_12 .content_box:hover .sh_icon{line-height: 105px;border-width: 10px;font-size: 52px;} #sh_animated_content_box_12 .content_box .sh_icon:before{content: "";width: 15px;height: 100px;background: #00a09d;margin: 0 auto;position: absolute; bottom: -100px;left: 0;right: 0;transition: all 0.3s ease 0s;} #sh_animated_content_box_12 .content_box:hover .sh_icon:before{transform: rotateY(360deg);} #sh_animated_content_box_12 .content_box .content_text{padding: 60px 15px 0;border-radius: 50% 50% 0 0;overflow: hidden;z-index: 1;position: relative;} #sh_animated_content_box_12 .content_box .content_text:before{content: "";width: 100%;height: 100px;background: #00a09d;position: absolute;top: 0; left: 0;z-index: -1;} #sh_animated_content_box_12 .content_box .title{font-size: 17px;font-weight: 600;color: #fff;text-transform: capitalize;margin: 0 0 40px 0;} #sh_animated_content_box_12 .content_box .sh_text{font-size: 15px;line-height: 27px;height: 135px;overflow: hidden;display: -webkit-box; -webkit-line-clamp: 5;-webkit-box-orient: vertical;} #sh_animated_content_box_12 .content_box.blue .sh_icon{border-color: #1169e4;color: #1169e4;} #sh_animated_content_box_12 .content_box.blue .sh_icon:before, #sh_animated_content_box_12 .content_box.blue .content_text:before{background: #1169e4;} #sh_animated_content_box_12 .content_box.green .sh_icon{border-color: #1e9239;color: #1e9239;} #sh_animated_content_box_12 .content_box.green .sh_icon:before, #sh_animated_content_box_12 .content_box.green .content_text:before{background: #1e9239;} #sh_animated_content_box_12 .content_box.pink .sh_icon{border-color: #d43061;color: #d43061;} #sh_animated_content_box_12 .content_box.pink .sh_icon:before, #sh_animated_content_box_12 .content_box.pink .content_text:before{background: #d43061;} @media only screen and (max-width:990px){#sh_animated_content_box_12 .content_box{margin-bottom: 30px;}} #sh_animated_content_box_13 .container .sh_title{text-align: center;max-width: 650px;margin: 0 auto;} #sh_animated_content_box_13 .container .sh_title h2{text-align: center;font-size: 40px;text-transform: capitalize; margin-bottom: 20px;margin-top: 0;} #sh_animated_content_box_13 .container .sh_title p{text-align: center;font-size: 14px;margin-bottom: 40px;} #sh_animated_content_box_13{padding-top: 4em;padding-bottom: 4em} #sh_animated_content_box_13 .o_default_snippet_text{font-size:1.5em} #sh_animated_content_box_13 .content_box{padding-bottom: 20px;text-align: center;position: relative;} #sh_animated_content_box_13 .content_box:before{content: "";width: 100%;height: 2px;background: #1d1a3f;position: absolute;bottom: 0; left: 0;transform: scale(0);transition: all 0.5s ease 0s;} #sh_animated_content_box_13 .content_box:hover:before{transform: scale(1);} #sh_animated_content_box_13.content_box .title{font-size: 22px;font-weight: 700;color: #1d1a3f;text-transform: uppercase;margin: 0 0 5px 0;} #sh_animated_content_box_13 .content_box .sh_icon{display: inline-block;width: 150px;height: 150px;border-radius: 50%;border: 3px solid #1d1a3f; border-left: 3px solid transparent;border-right: 3px solid transparent;margin: 50px 0;position: relative;} #sh_animated_content_box_13 .content_box .sh_icon:before, #sh_animated_content_box_13 .content_box .sh_icon:after{content: "";width: 3px;height: 40px;background: #1d1a3f;margin: 0 auto;position: absolute; top: -40px;left: 0;right: 0;} #sh_animated_content_box_13 .content_box .sh_icon:after{top: auto;bottom: -40px;} #sh_animated_content_box_13 .content_box .sh_icon a{display: block;text-decoration: none;font-size: 50px;color: #fff;line-height: 130px;position: absolute; top: 10px;left: 10px;bottom: 10px;right: 10px;z-index: 999 ;} #sh_animated_content_box_13 .content_box .sh_icon a:before{content: "";width: 100%;height: 100%;border-radius: 50%;background: #00a09d;position: absolute; top: 0;left: 0;z-index: -1;transition: all 0.5s ease 0s;} #sh_animated_content_box_13 .content_box:hover .sh_icon a:before{transform: rotateY(180deg);} #sh_animated_content_box_13 .content_box .sh_text{font-size: 15px;line-height: 27px;margin: 0;height: 135px;overflow: hidden;display: -webkit-box; -webkit-line-clamp: 5;-webkit-box-orient: vertical;} @media only screen and (max-width:990px){#sh_animated_content_box_13 .content_box{margin-bottom: 30px;}} #sh_animated_content_box_14 .container .sh_title{text-align: center;max-width: 650px;margin: 0 auto;} #sh_animated_content_box_14 .container .sh_title h2{text-align: center;font-size: 40px;text-transform: capitalize; margin-bottom: 20px;margin-top: 0;} #sh_animated_content_box_14 .container .sh_title p{text-align: center;font-size: 14px;margin-bottom: 40px;} #sh_animated_content_box_14{padding-top: 4em;padding-bottom: 4em} #sh_animated_content_box_14 .content_box{padding: 60px 10px 25px 10px;margin-top: 50px;background: #00a09d;position: relative;transition: all 0.5s ease 0s} #sh_animated_content_box_14 .content_box:hover{padding-left: 10px;padding-right: 10px;background: #282F33;} #sh_animated_content_box_14 .content_box .sh_icon{width: 100px;height: 100px;line-height: 100px;border-radius: 10px;background: #00a09d;font-size: 35px;color: #fff; text-align: center;position: absolute;top: -50px;left: 0;transition: all 0.5s ease 0s} #sh_animated_content_box_14 .content_box:hover .sh_icon{background: #282F33;left: 30px;} #sh_animated_content_box_14 .content_box .title{font-size: 17px;font-weight: 700;color: #fff;text-transform: uppercase;margin: 0 0 10px 0;} #sh_animated_content_box_14 .content_box .sh_text{font-size: 15px;color: #fff;line-height: 25px;margin: 0;height: 100px;overflow: hidden;display: -webkit-box; -webkit-line-clamp: 4;-webkit-box-orient: vertical;} @media only screen and (max-width:990px){#sh_animated_content_box_14 .content_box{margin-bottom: 30px;}} @media only screen and (max-width:767px){#sh_animated_content_box_14 .content_box{margin-bottom: 70px;}} #sh_animated_content_box_15 .container .sh_title{text-align: center;max-width: 650px;margin: 0 auto;} #sh_animated_content_box_15 .container .sh_title h2{text-align: center;font-size: 40px;text-transform: capitalize; margin-bottom: 20px;margin-top: 0;} #sh_animated_content_box_15 .container .sh_title p{text-align: center;font-size: 14px;margin-bottom: 40px;} #sh_animated_content_box_15{padding-top: 4em;padding-bottom: 4em;} #sh_animated_content_box_15 .content_box{text-align: center;} #sh_animated_content_box_15 .content_box .sh_icon{width: 84px;height: 84px;line-height: 84px;margin: 0 auto 30px;font-size: 34px;color: #00a09d; position: relative;z-index: 1;transition: all 0.5s ease 0s;} #sh_animated_content_box_15 .content_box:hover .sh_icon{color: #fff;} #sh_animated_content_box_15 .content_box .sh_icon:before{content: "";width: 100%;height: 100%;border: 1px solid #00a09d;border-radius: 0 30px 30px; position: absolute;top: 0;left: 0;z-index: -1;transition: all 0.5s ease 0s;} #sh_animated_content_box_15 .content_box:hover .sh_icon:before{border-radius: 0 40px 40px 40px;background: #00a09d;transform: rotate(45deg);} #sh_animated_content_box_15 .content_box .title{font-size: 23px;font-weight: 500;margin-bottom: 10px;transition: all 0.5s ease 0s;} #sh_animated_content_box_15 .content_box:hover .title{color: #00a09d;} #sh_animated_content_box_15 .content_box .description{font-size: 13px;line-height: 27px;height: 81px;overflow: hidden;display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical;} @media only screen and (max-width: 990px){#sh_animated_content_box_15 .content_box{margin-bottom: 30px;}} #sh_animated_content_box_16 .container .sh_title{text-align: center;max-width: 650px;margin: 0 auto;} #sh_animated_content_box_16 .container .sh_title h2{text-align: center;font-size: 40px;text-transform: capitalize; margin-bottom: 20px;margin-top: 0;} #sh_animated_content_box_16 .container .sh_title p{text-align: center;font-size: 14px;margin-bottom: 40px;} #sh_animated_content_box_16{padding: 50px 0;} #sh_animated_content_box_16 .content_box{padding: 20px 25px;border-radius: 5px;text-align: right;overflow: hidden;z-index: 1;position: relative;} #sh_animated_content_box_16 .content_box:before{content: "";width: 100%;height: 100%;border-radius: 5px;background: #00a09d;position: absolute; top: 0;left: -100%;z-index: -1;transition: all 0.5s ease 0s;} #sh_animated_content_box_16 .content_box:hover:before{left: 0;} #sh_animated_content_box_16 .content_box:after{content: "";width: 7px;height: 0;border-radius: 5px;background: #000;position: absolute;top: 0; left: 0;transition: all 0.5s ease 0s;} #sh_animated_content_box_16 .content_box:hover:after{height: 100%;} #sh_animated_content_box_16 .content_box .service-icon{color: #094d92;margin-bottom: 10px;transition: all 0.5s ease 0s;} #sh_animated_content_box_16 .content_box .service-icon i{font-size: 30px;color: #00a09d;} #sh_animated_content_box_16 .content_box:hover .service-icon i{color: #fff;transition: all .3s;} #sh_animated_content_box_16 .content_box .title{display: inline-block;font-size: 22px;font-weight: 700;text-transform: capitalize;margin-right: 10px; color: #00a09d;} #sh_animated_content_box_16 .content_box:hover .title{color: #fff;transition: all .3s;} #sh_animated_content_box_16 .content_box .description{font-size: 15px;line-height: 25px;transition: all 0.5s ease 0s;height: 100px; overflow: hidden;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;} #sh_animated_content_box_16 .content_box:hover .service-icon, #sh_animated_content_box_16 .content_box:hover .description{color: #fff;} @media only screen and (max-width:990px){#sh_animated_content_box_16 .content_box{margin-bottom: 30px;}} #sh_animated_content_box_17 .container .sh_title{text-align: center;max-width: 650px;margin: 0 auto;} #sh_animated_content_box_17 .container .sh_title h2{text-align: center;font-size: 40px;text-transform: capitalize; margin-bottom: 20px;margin-top: 0;} #sh_animated_content_box_17 .container .sh_title p{text-align: center;font-size: 14px;margin-bottom: 40px;} #sh_animated_content_box_17{padding: 50px 0;} #sh_animated_content_box_17 .content_box{text-align: center;} #sh_animated_content_box_17 .content_box .service-icon{z-index:0;display: inline-block;width: 150px;height: 150px;line-height: 150px;border-radius: 50%; background: #00a09d;font-size: 40px;color: #fff;margin-bottom: 50px;position: relative;} #sh_animated_content_box_17 .content_box .service-icon:before{z-index:-1;content: "";position: absolute;top: 20px;left: 20px;bottom: 20px;right: 20px;border: 5px solid #fff; border-right-color: transparent;border-radius: 50%;transition: all 0.3s ease 0s;} #sh_animated_content_box_17 .content_box:hover .service-icon:before{transform: rotate(180deg);} #sh_animated_content_box_17 .content_box .service-icon:after{content: "";width: 2px;height: 30px;background: #00a09d;margin: 0 auto;position: absolute; bottom: -30px;left: 0;right: 0;} #sh_animated_content_box_17 .content_box .title{font-size: 20px;font-weight: 600;letter-spacing: 1px;text-transform: uppercase;margin: 0;} #sh_animated_content_box_17 .content_box .description{font-size: 15px;line-height: 27px;letter-spacing: 1px;margin: 10px 0 0 0;height: 81px; overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;} @media only screen and (max-width:990px){#sh_animated_content_box_17 .content_box{margin-bottom: 30px;}} #sh_animated_content_box_18 .container .sh_title{text-align: center;max-width: 650px;margin: 0 auto;} #sh_animated_content_box_18 .container .sh_title h2{text-align: center;font-size: 40px;text-transform: capitalize; margin-bottom: 20px;margin-top: 0;} #sh_animated_content_box_18 .container .sh_title p{text-align: center;font-size: 14px;margin-bottom: 40px;} #sh_animated_content_box_18{padding: 50px 0;} #sh_animated_content_box_18 .content_box{border: 1px solid hsl(0, 0%, 82%);box-shadow: 5px 5px 0 hsla(0, 0%, 0%, 0.07); padding: 20px;} #sh_animated_content_box_18 .content_box .service-icon{float: left;} #sh_animated_content_box_18 .content_box .service-content h3{margin: 11px 0 30px 67px;font-size: 16px;font-weight: 600;} #sh_animated_content_box_18 .content_box .service-content p{font-size: 13px;line-height: 22px;margin: 0;height: 66px;overflow: hidden;display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical;} #sh_animated_content_box_18 .content_box .service-icon span{background: #00a09d;box-shadow: 5px 5px 0 hsla(0, 0%, 0%, 0.1);color: hsl(0, 0%, 100%);font-size: 26px; font-weight: 600;height: 50px;line-height: 50px;text-align: center;width: 50px;transition:all 0.2s ease-in-out;} #sh_animated_content_box_18 .content_box:hover .service-icon span{background: hsl(208, 17%, 20%) none repeat scroll 0 0;border-radius: 50%;transform: translate(0px, 3px); transition:all 0.5s ease-in-out;} @media only screen and (max-width: 990px){#sh_animated_content_box_18 .content_box{margin-bottom: 20px;}} #sh_animated_content_box_19 .container .sh_title{text-align: center;max-width: 650px;margin: 0 auto;} #sh_animated_content_box_19 .container .sh_title h2{text-align: center;font-size: 40px;text-transform: capitalize; margin-bottom: 20px;margin-top: 0;} #sh_animated_content_box_19 .container .sh_title p{text-align: center;font-size: 14px;margin-bottom: 40px;} #sh_animated_content_box_19{padding: 50px 0;} #sh_animated_content_box_19 .content_box .service-icon a{border-bottom: 1px solid #d5d7d9;display: inline-block;width: 100%;overflow-y: hidden;position: relative;} #sh_animated_content_box_19 .content_box .service-icon a > span{width: 75px;height:75px;background: #00a09d;border-radius: 5px;display: block;text-align: center; transform: rotate(60deg);position: relative;left:22px;top:12px;transition:all 300ms ease-in-out 0s;} #sh_animated_content_box_19 .content_box:hover .service-icon a > span{background: #000;} #sh_animated_content_box_19 .content_box .service-icon a > span{font-size: 30px;color:#fff;transform: rotate(-60deg);line-height: 72px;} #sh_animated_content_box_19 .content_box .service-content h3{text-transform: uppercase;font-size: 18px;letter-spacing: 1px;margin-bottom: 20px; margin-top: 20px;} #sh_animated_content_box_19 .content_box .service-content p{line-height: 25px;height: 75px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical;} @media screen and (max-width: 990px){#sh_animated_content_box_19 .content_box{margin-bottom: 25px;}} #sh_animated_content_box_20 .container .sh_title{text-align: center;max-width: 650px;margin: 0 auto;} #sh_animated_content_box_20 .container .sh_title h2{text-align: center;font-size: 40px;text-transform: capitalize; margin-bottom: 20px;margin-top: 0;} #sh_animated_content_box_20 .container .sh_title p{text-align: center;font-size: 14px;margin-bottom: 40px;} #sh_animated_content_box_20{padding:50px 0;} #sh_animated_content_box_20 .content_box{font-family: sans-serif;text-align: center;padding: 20px 15px 60px;} #sh_animated_content_box_20 .content_box .service-icon{color: #00a09d;background-color: #fff;font-size: 50px;line-height: 100px;height: 100px;width: 100px; margin: 0 auto 40px;border-radius: 50%;border: 2px solid #00a09d;display: block;transition: all 0.3s;} #sh_animated_content_box_20 .content_box:hover .service-icon{border-color: transparent;box-shadow: 0 0 10px #fff, 0 -10px 0 10px #00a09d;} #sh_animated_content_box_20 .content_box .title{font-size: 20px;text-transform: uppercase;padding: 0 10px;margin-bottom: 15px;transition: all 0.3s;} #sh_animated_content_box_20 .content_box:hover .title{color:#00a09d;} #sh_animated_content_box_20 .content_box .description{font-size: 15px;text-align: center;line-height: 27px;margin-bottom: 20px;height: 135px;overflow: hidden; display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;} #sh_animated_content_box_20 .content_box .read-more{color: #fff;background: #00a09d;font-size: 18px;text-transform: uppercase;margin-bottom: -56px; padding: 5px;display: block;transform: rotateX(-90deg);transform-origin: top center;-webkit-clip-path: polygon(0 0, 100% 0, 75% 100%, 25% 100%); clip-path: polygon(0 0, 100% 0, 75% 100%, 25% 100%);transition:all 0.5s;} #sh_animated_content_box_20 .content_box:hover .read-more{box-shadow: 0 0 10px #fff inset;transform: rotateX(0);} #sh_animated_content_box_20 .content_box .read-more:hover{letter-spacing: 2px;text-shadow: 0 0 5px #000;text-decoration: none;} #sh_animated_content_box_21 .container .sh_title{text-align: center;max-width: 650px;margin: 0 auto;} #sh_animated_content_box_21 .container .sh_title h2{text-align: center;font-size: 40px;text-transform: capitalize; margin-bottom: 20px;margin-top: 0;} #sh_animated_content_box_21 .container .sh_title p{text-align: center;font-size: 14px;margin-bottom: 40px;} #sh_animated_content_box_21{padding:50px 0;} #sh_animated_content_box_21 .content_box{padding: 35px 20px 35px 90px;position: relative;} #sh_animated_content_box_21 .content_box:before{content: "";width: 100%;height: 100%;box-shadow: 0 0 8px 0 rgba(119, 94, 28, 0.3);position: absolute; top: 0;left: 0;opacity: 0;transform: scale3d(1.08, 1.08, 1.08);transition: all 0.33s ease 0s;} #sh_animated_content_box_21 .content_box:hover:before{opacity: 1;transform: scale3d(1, 1, 1);} #sh_animated_content_box_21 .content_box .service-icon{width: 50px;height: 60px;line-height: 60px;font-size: 30px;color: #00a09d;text-align: center; border: 2px solid #000;position: absolute;top: 55px;left: 20px;transition: all 0.3s ease 0s;} #sh_animated_content_box_21 .content_box:hover .service-icon{transform: translateY(20px);} #sh_animated_content_box_21 .content_box .service-icon:before, #sh_animated_content_box_21 .content_box .service-icon:after{content: "";height: 2px;background: #000;position: absolute;top: -20px;left: 10px;right: 10px; transition: all 0.3s ease 0s;} #sh_animated_content_box_21 .content_box .service-icon:after{top: auto;bottom: -20px;left: 10px;right: 10px;} #sh_animated_content_box_21 .content_box:hover .service-icon:before{top: -25px;transform: rotate(90deg);} #sh_animated_content_box_21 .content_box:hover .service-icon:after{transform: rotate(-90deg);bottom: -25px;} #sh_animated_content_box_21 .content_box .title{display: block;font-size: 20px;font-weight: 700;text-transform: uppercase;margin: 0 0 12px 0; position: relative;} #sh_animated_content_box_21 .content_box .description{font-size: 13px;line-height: 27px;letter-spacing: 1px;margin: 0;height: 108px; overflow: hidden;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;} @media only screen and (max-width:990px){#sh_animated_content_box_21 .content_box{margin-bottom: 30px;}} @media only screen and (max-width:767px){#sh_animated_content_box_21 .content_box:before{transform: scale3d(1, 1, 1);}#sh_animated_content_box_21 .content_box .service-icon{top: 30px;}} @media only screen and (max-width:480px){#sh_animated_content_box_21 .content_box .service-icon{top: 40px;}} #sh_animated_content_box_22 .container .sh_title{text-align: center;max-width: 650px;margin: 0 auto;} #sh_animated_content_box_22 .container .sh_title h2{text-align: center;font-size: 40px;text-transform: capitalize; margin-bottom: 20px;margin-top: 0;} #sh_animated_content_box_22 .container .sh_title p{text-align: center;font-size: 14px;margin-bottom: 40px;} #sh_animated_content_box_22{padding: 50px 0;} #sh_animated_content_box_22 .content_box{text-align: center;} #sh_animated_content_box_22 .content_box .service-icon{display: inline-block;width: 100px;height: 100px;border-radius: 50%;background: #00a09d; margin-bottom: 15px;} #sh_animated_content_box_22 .content_box .service-icon span{font-size: 35px;color: #fff;line-height: 100px;transition: all 0.3s ease 0s;} #sh_animated_content_box_22 .content_box:hover .service-icon span{transform: rotateY(180deg);} #sh_animated_content_box_22 .content_box .title{display: block;width: 190px;font-size: 24px;line-height: 30px;text-align: center; text-transform: uppercase;border-bottom: 1px solid #175faa;padding-bottom: 20px;margin: 0 auto 20px;position: relative;} #sh_animated_content_box_22 .content_box .title:before, #sh_animated_content_box_22 .content_box .title:after{content: "";width: 10px;height: 10px;border-radius: 50%;background: #000;margin: 0 -5px 0 0; position: absolute;bottom: -5px;right: 50%;transition: all 0.4s ease 0s;} #sh_animated_content_box_22 .content_box .title:before{left: 50%;margin: 0 0 0 -5px;} #sh_animated_content_box_22 .content_box:hover .title:before{left: 100%;} #sh_animated_content_box_22 .content_box:hover .title:after{right: 100%;} #sh_animated_content_box_22 .content_box .description{font-size: 14px;line-height: 27px;padding: 0 15px;margin: 0;height: 108px;overflow: hidden; display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;} @media only screen and (max-width:990px){#sh_animated_content_box_22 .content_box{margin-bottom: 30px;}} #sh_animated_content_box_23 .container .sh_title{text-align: center;max-width: 650px;margin: 0 auto;} #sh_animated_content_box_23 .container .sh_title h2{text-align: center;font-size: 40px;text-transform: capitalize; margin-bottom: 20px;margin-top: 0;} #sh_animated_content_box_23 .container .sh_title p{text-align: center;font-size: 14px;margin-bottom: 40px;} #sh_animated_content_box_23{padding: 50px 0;} #sh_animated_content_box_23 .content_box{border: 1px solid #ededed;padding: 30px 30px 30px 90px;position: relative;transition: all 0.5s ease 0s;} #sh_animated_content_box_23 .content_box:hover{border-color: #00a09d;} #sh_animated_content_box_23 .content_box:before, #sh_animated_content_box_23 .content_box:after{content: "";display: block;width: 50px;height: 5px;background: #00a09d;position: absolute;left: 0; opacity: 0;transition: all 0.5s ease 0s;} #sh_animated_content_box_23 .content_box:before{top: -3px;} #sh_animated_content_box_23 .content_box:after{bottom: -3px;} #sh_animated_content_box_23 .content_box:hover:before, #sh_animated_content_box_23 .content_box:hover:after{left: 40px;opacity: 1;} #sh_animated_content_box_23 .content_box .service-icon{display: inline-block;position: absolute;top: 33%;left: 23px;font-size: 45px;color: #00a09d; opacity: 0.3;transition: all 0.5s ease-in 0s;} #sh_animated_content_box_23 .content_box:hover .service-icon{opacity: 1;} #sh_animated_content_box_23 .content_box .title{font-size: 16px;font-weight: 700;margin-bottom: 15px;} #sh_animated_content_box_23 .content_box .description{font-size: 13px;line-height: 20px;height: 80px;overflow: hidden;display: -webkit-box; -webkit-line-clamp: 4;-webkit-box-orient: vertical;} @media only screen and (max-width: 990px){#sh_animated_content_box_23 .content_box{margin-bottom: 30px;}} #sh_animated_content_box_24 .container .sh_title{text-align: center;max-width: 650px;margin: 0 auto;} #sh_animated_content_box_24 .container .sh_title h2{text-align: center;font-size: 40px;text-transform: capitalize; margin-bottom: 20px;margin-top: 0;} #sh_animated_content_box_24 .container .sh_title p{text-align: center;font-size: 14px;margin-bottom: 40px;} #sh_animated_content_box_24{padding: 50px 0;} #sh_animated_content_box_24 .content_box{text-align: center;padding: 35px 15px;overflow: hidden;position: relative;transition: all 0.3s ease 0s;} #sh_animated_content_box_24 .content_box:hover{background: #00a09d;} #sh_animated_content_box_24 .content_box:before{content: "";width: 40px;height: 40px;border-width: 20px;border-style: solid;border-color: #fff #fff rgba(1, 1, 1, 0.2) rgba(0, 0, 0, 0.2); position: absolute;top: -40px;right: -40px;transition: all 0.3s ease 0s;} #sh_animated_content_box_24 .content_box:hover:before{top: 0;right: 0;} #sh_animated_content_box_24 .content_box span{display: block;font-size: 35px;color: #00a09d;margin-bottom: 14px;transition: all 0.3s ease 0s;} #sh_animated_content_box_24 .content_box .title{font-size: 18px;font-weight: 900;line-height: 25px;text-transform: capitalize;margin: 0 0 16px 0; transition: all 0.3s ease 0s;} #sh_animated_content_box_24 .content_box .description{font-size: 15px;line-height: 25px;margin: 0;transition: all 0.3s ease 0s; height: 75px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;} #sh_animated_content_box_24 .content_box:hover span, #sh_animated_content_box_24 .content_box:hover .title, #sh_animated_content_box_24 .content_box:hover .description{color: #fff;} @media only screen and (max-width: 990px){#sh_animated_content_box_24 .content_box{margin-bottom: 20px;}} #sh_animated_content_box_25 .container .sh_title{text-align: center;max-width: 650px;margin: 0 auto;} #sh_animated_content_box_25 .container .sh_title h2{text-align: center;font-size: 40px;text-transform: capitalize; margin-bottom: 20px;margin-top: 0;} #sh_animated_content_box_25 .container .sh_title p{text-align: center;font-size: 14px;margin-bottom: 40px;} #sh_animated_content_box_25{padding: 50px 0;} #sh_animated_content_box_25 .content_box{margin-top: 50px;border-bottom: 1px solid #c2c2c2;z-index: 1;position: relative;top: 0;transition: all 0.3s ease 0s;} #sh_animated_content_box_25 .content_box:hover{top: -20px;border-bottom: 1px solid #00a09d;} #sh_animated_content_box_25 .content_box:after{content: "";width: 2px;height: 100%;background: #c2c2c2;position: absolute;bottom: 0;left: 37.5px; z-index: -1;transition: all 0.3s ease 0s;} #sh_animated_content_box_25 .content_box:hover:after{background: #00a09d;} #sh_animated_content_box_25 .content_box .service-icon{display: inline-block;width: 75px;height: 75px;border-radius: 50%;background: #fff;border: 5px solid #c2c2c2; text-align: center;line-height: 70px;float: left;font-size: 40px;color: #c2c2c2;z-index: 1;transition: all 0.3s ease 0s;} #sh_animated_content_box_25 .content_box:hover .service-icon{border-color: #00a09d;color: #00a09d;margin-top: -30px;animation: bounce 1s ease normal none 1;} #sh_animated_content_box_25 .content_box .service-content{margin-left: 90px;padding-bottom: 70px;} #sh_animated_content_box_25 .content_box .title{font-size: 20px;margin-top: 0;} #sh_animated_content_box_25 .content_box .description{font-size: 16px;line-height: 24px;height: 120px;overflow: hidden;display: -webkit-box; -webkit-line-clamp: 5;-webkit-box-orient: vertical;} #sh_animated_content_box_25 .content_box .read-more{display: inline-block;padding: 4px 16px;font-size: 13px;color: #00a09d;text-transform: capitalize; border: 2px solid #00a09d;border-radius: 5px;position: absolute;bottom: 0;right: 0;opacity: 0;transition: all 0.3s ease 0s;} #sh_animated_content_box_25 .content_box:hover .read-more{bottom: 25px;opacity: 1;text-decoration: none;} #sh_animated_content_box_25 .content_box .read-more:hover{background: #00a09d;color: #fff;} @keyframes bounce{0%{transform:scale(1.8)}50%{transform:scale(0.95)}80%{transform:scale(1.05)}90%{transform:scale(0.98)}100%{transform:scale(1)}} @media only screen and (max-width:990px){#sh_animated_content_box_25 .content_box{margin-bottom: 20px;}} @media only screen and (max-width:767px){#sh_animated_content_box_25 .content_box{margin-bottom: 70px;}} #feature_box_snippet_26{margin: 50px 0; padding: 30px 0;} #feature_box_snippet_26 .container{max-width: 960px;} #feature_box_snippet_26 .container .sh_title{max-width: 650px; margin: 0 auto; text-align: center;} #feature_box_snippet_26 .container .sh_title h2{text-align: center; font-size: 40px; text-transform: capitalize; margin-bottom: 20px; margin-top: 0;} #feature_box_snippet_26 .container .sh_title p{text-align: center; font-size: 14px; margin-bottom: 40px;} #feature_box_snippet_26 .container .row .col-md-4 .feature_box{text-align: center; width: 100%; height: 280px; position: relative; margin-top: 20px;} #feature_box_snippet_26 .container .row .col-md-4 .feature_box .icon_box{border: 4px solid #ddd; width: 100%; height: 100%; display: table;} #feature_box_snippet_26 .container .row .col-md-4 .feature_box:after{border-top: 5px solid #000; border-left: 5px solid #000; top: 0px; left: 0px; content: ''; z-index: 2; width: 0; height: 0; visibility: hidden; position: absolute;} #feature_box_snippet_26 .container .row .col-md-4 .feature_box:hover:after{width: 100%; height: 100%; visibility: visible; transition: all .7s; z-index:0;} #feature_box_snippet_26 .container .row .col-md-4 .feature_box:before{border-bottom: 5px solid #000; border-right: 5px solid #000; bottom: 0px; right: 0px; content: ''; z-index: 2; width: 0; height: 0; visibility: hidden; position: absolute;} #feature_box_snippet_26 .container .row .col-md-4 .feature_box:hover:before{width: 100%; height: 100%; visibility: visible; transition: all .7s; z-index: 0;} #feature_box_snippet_26 .container .row .col-md-4 .feature_box .content_box{position: absolute; top: 50%; text-align: center; left: 0; right: 0; transform: translateY(-50%); width: 100%; z-index:10;} #feature_box_snippet_26 .container .row .col-md-4 .feature_box .sh_text{font-size: 20px; text-transform: uppercase; display: block; margin: 0 0 25px; padding-bottom: 15px; position: relative;} #feature_box_snippet_26 .container .row .col-md-4 .feature_box .sh_text:before{content: ""; position: absolute; width: 150px; height: 3px; bottom: 0; left: 50%; right: 0; text-align: center; border-bottom: 3px solid #000; transform: translateX(-50%);} #feature_box_snippet_26 .container .row .col-md-4 .feature_box .sh_icon{font-size: 80px; color:#000;} @media only screen and (max-width: 350px){#feature_box_snippet_26 .container .sh_title h1{font-size: 24px;}} #feature_box_snippet_27{margin: 50px 0; padding: 30px 0;} #feature_box_snippet_27 .container{max-width: 960px;} #feature_box_snippet_27 .container .sh_title{max-width: 650px; margin: 0 auto; text-align: center;} #feature_box_snippet_27 .container .sh_title h2{text-align: center; font-size: 40px; text-transform: capitalize; margin-bottom: 20px; margin-top: 0;} #feature_box_snippet_27 .container .sh_title p{text-align: center; font-size: 14px; margin-bottom: 40px;} #feature_box_snippet_27 .container .row .col-md-6 .feature_box{margin-top: 20px; box-shadow: #e8ebee 0px 5px 10px;} #feature_box_snippet_27 .container .row .col-md-6 .feature_box:hover img{opacity: .36; transition: all .3s;} #feature_box_snippet_27 .container .row .col-md-6 .feature_box img{width: 100%; transition: all .3s; height: 312px; object-fit: cover;} #feature_box_snippet_27 .container .row .col-md-6 .feature_box .content_text{padding: 30px 50px 20px; background:#fff;} #feature_box_snippet_27 .container .row .col-md-6 .feature_box .content_text:hover p{border-color: #00a09d; transition: all .3s;} #feature_box_snippet_27 .container .row .col-md-6 .feature_box .content_text:hover a{color: #00a09d; transition: all .3s;} #feature_box_snippet_27 .container .row .col-md-6 .feature_box .content_text h4{width: 100%; font-size: 25px; font-weight: 700; margin-bottom: 17px; margin-top: 0;} #feature_box_snippet_27 .container .row .col-md-6 .feature_box .content_text p{border-left: #181818 4px solid; margin: 0 0px 5px -21px; padding-left: 19px; font-size: 16px; display: block; display: -webkit-box; width: 100%; height: 68px; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} #feature_box_snippet_27 .container .row .col-md-6 .feature_box .content_text a{display: block; font-size: 16px; text-decoration: none; color: #000; text-transform: capitalize;} @media only screen and (max-width: 350px){#feature_box_snippet_27 .container .sh_title h1{font-size: 24px;}} #feature_box_snippet_28{margin: 50px 0; padding: 30px 0;} #feature_box_snippet_28 .container{max-width: 960px;} #feature_box_snippet_28 .container .sh_title{max-width: 650px; margin: 0 auto; text-align: center;} #feature_box_snippet_28 .container .sh_title h2{text-align: center; font-size: 40px; text-transform: capitalize; margin-bottom: 20px; margin-top: 0;} #feature_box_snippet_28 .container .sh_title p{text-align: center; font-size: 14px; margin-bottom:40px;} #feature_box_snippet_28 .container .row .col-md-4 .feature_box{padding: 34px 31px 55px; box-shadow: 0 20px 30px 0 rgba(0,0,0,0.06); border: 1px solid #ECECEC; border-radius: 5px; text-align: center; position: relative; margin-top: 70px;} #feature_box_snippet_28 .container .row .col-md-4 .feature_box h4{font-size: 24px; line-height: 33px; margin-bottom: 14px;} #feature_box_snippet_28 .container .row .col-md-4 .feature_box p{font-size: 15px; line-height: 24px; display: block; display: -webkit-box; width: 100%; height: 96px; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} #feature_box_snippet_28 .container .row .col-md-4 .feature_box .icon_box{color: #ffffff; font-size: 28px; margin: -72px auto 50px auto; width: 75px; height: 75px; border-radius: 50%; position: relative; background-color: #00a09d;} #feature_box_snippet_28 .container .row .col-md-4 .feature_box .icon_box span{color: #ffffff; position: absolute; top: 50%; bottom: 50%; left: 50%; right: 50%; margin: -14px;} #feature_box_snippet_28 .container .row .col-md-4 .feature_box .icon_box:before{content: ""; position: absolute; width: 75px; height: 75px; border: 2px solid #fff; border-radius: 50%; left: 0; transform: scale(1.2,1.2); transition: all .3s; visibility: hidden;} #feature_box_snippet_28 .container .row .col-md-4 .feature_box:hover .icon_box:before{transform: scale(.9,.9); transition: all .3s; visibility: visible;} @media only screen and (max-width: 991px) and (min-width: 768px){#feature_box_snippet_28 .container .row .col-md-4 .feature_box{padding: 34px 25px 55px;}} @media only screen and (max-width: 350px){#feature_box_snippet_28 .container .sh_title h1{font-size: 24px;}} #feature_box_snippet_29{margin: 50px 0; padding: 30px 0;} #feature_box_snippet_29 .container .sh_title{max-width: 650px; margin: 0 auto; text-align: center;} #feature_box_snippet_29 .container .sh_title h2{text-align: center; font-size: 40px; text-transform: capitalize; margin-bottom: 20px; margin-top: 0;} #feature_box_snippet_29 .container .sh_title p{text-align: center; font-size: 14px; margin-bottom: 40px;} #feature_box_snippet_29 .container .row .col-md-4 .feature_box{padding: 34px 31px 40px; marker-top: 20px; text-align: center; margin-top: 20px;} #feature_box_snippet_29 .container .row .col-md-4 .feature_box .icon_box{border: 4px solid #00a09d; height: 71px; width: 72px; margin: 0 auto;} #feature_box_snippet_29 .container .row .col-md-4 .feature_box span{font-size: 40px; height: 67px; width: 67px; line-height: 67px; color: #00a09d; margin-bottom: 25px;} #feature_box_snippet_29 .container .row .col-md-4 .feature_box:hover span{animation: toRightFromLeft 0.3s forwards;} @keyframes toRightFromLeft{49%{-webkit-transform: translate(100%); transform: translate(100%);}50%{opacity: 0; -webkit-transform: translate(-100%); transform: translate(-100%);}51%{opacity: 1;}} #feature_box_snippet_29 .container .row .col-md-4 .feature_box h4{font-size: 24px; margin-bottom: 14px; padding-top: 15px;} #feature_box_snippet_29 .container .row .col-md-4 .feature_box p{font-size: 15px; line-height: 24px; display: block; display: -webkit-box; width: 100%; height: 96px; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} @media only screen and (max-width: 350px){#feature_box_snippet_29 .container .sh_title h1{font-size: 24px;}} @media only screen and (max-width: 340px){#feature_box_snippet_29 .container .row .col-md-4 .feature_box{padding: 34px 15px 40px;}} #feature_box_snippet_30 > .container > .row > .sh_disable_hover_cls >.feature_box >.content_box{display:none;} #feature_box_snippet_30{margin: 50px 0; padding: 30px 0;} #feature_box_snippet_30 .container .sh_title{max-width: 650px; margin: 0 auto; text-align: center;} #feature_box_snippet_30 .container .sh_title h2{text-align: center; font-size: 40px; text-transform: capitalize; margin-bottom: 20px; margin-top: 0;} #feature_box_snippet_30 .container .sh_title p{text-align: center; font-size: 14px; margin-bottom: 40px;} #feature_box_snippet_30 .container .row .col-md-4 .feature_box{margin-top: 20px; padding: 30px; background: url(/sh_animated_snippets/static/src/img/sn_12_1.png); height: 315px; object-fit: cover; overflow: hidden;} #feature_box_snippet_30 .container .row .col-md-4 .feature_box2{background: url(/sh_animated_snippets/static/src/img/sn_12_1.png); height: 315px; object-fit: cover;} #feature_box_snippet_30 .container .row .col-md-4 .feature_box3{background: url(/sh_animated_snippets/static/src/img/sn_12_1.png); height: 315px; object-fit: cover;} #feature_box_snippet_30 .container .row .col-md-4 .feature_box .content_box{text-align: center; position: relative;} #feature_box_snippet_30 .container .row .col-md-4 .feature_box .content_box .icon_box{position: relative; width: 72px; height: 72px; margin: 0 auto;} #feature_box_snippet_30 .container .row .col-md-4 .feature_box .content_box .icon_box:before{content: ""; position: absolute; width: 72px; height: 72px; left: 0; border: 2px solid #fff; border-radius: 50%; transform: scale(1,1); transition: all .3s; visibility: hidden;} #feature_box_snippet_30 .container .row .col-md-4 .feature_box:hover .content_box .icon_box:before{transform: scale(1.2,1.2); visibility: visible; transition: all .3s;} #feature_box_snippet_30 .container .row .col-md-4 .feature_box .content_box span{font-size: 28px; width: 72px; height: 72px; line-height: 72px; border-radius: 50%; border: 2px solid #fff; margin-bottom: 20px; color: #fff; position: relative;} #feature_box_snippet_30 .container .row .col-md-4 .feature_box:hover .content_box:before{transform: scale(1.2,1.2) translateX(-49%); left: 52%; transition: all .3s;} #feature_box_snippet_30 .container .row .col-md-4 .feature_box .content_box h4{font-size: 24px; text-transform: capitalize; line-height: 33px; margin-bottom: 15px; font-weight: 600; color: #fff;} #feature_box_snippet_30 .container .row .col-md-4 .feature_box .content_box p{font-size: 15px; line-height: 24px; color: #fff; display: block; display: -webkit-box; width: 100%; height: 96px; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} @media only screen and (max-width: 991px) and (min-width: 768px){#feature_box_snippet_30 .container .row .col-md-4 .feature_box{padding: 25px;}#feature_box_snippet_30 .container .row .col-md-4 .feature_box .content_box h4{margin-top: 10px;}} @media only screen and (max-width: 767px){#feature_box_snippet_30 .container .row .col-md-4 .feature_box .content_box h4{margin-top: 15px;}} @media only screen and (max-width: 350px){#feature_box_snippet_30 .container .sh_title h1{font-size: 24px;}} #feature_box_snippet_31{margin: 50px 0; padding: 30px 0;} #feature_box_snippet_31 .container{max-width: 1050px;} #feature_box_snippet_31 .container .sh_title{max-width: 650px; margin: 0 auto; text-align: center;} #feature_box_snippet_31 .container .sh_title h2{text-align: center; font-size: 40px; text-transform: capitalize; margin-bottom: 20px; margin-top: 0;} #feature_box_snippet_31 .container .sh_title p{text-align: center; font-size: 14px; margin-bottom: 40px;} #feature_box_snippet_31 .container .row .col-md-6 .feature_box{width: 100%; margin-top: 20px; padding: 40px 20px;} #feature_box_snippet_31 .container .row .col-md-6 .feature_box .content_box{margin-right: 0; width: 100%; margin-bottom: 20px; display: inline-block;} #feature_box_snippet_31 .container .row .col-md-6 .feature_box .content_box .icon_box{width: 100%; height: 100%;} #feature_box_snippet_31 .container .row .col-md-6 .feature_box .content_box .icon_box .sh_icon{font-size: 32px; line-height: 60px; display: block; z-index: 2; text-align: center; height: 60px; width: 60px; color: #000; border: 3px solid #000; transition: all .3s; float: right;} #feature_box_snippet_31 .container .row .col-md-6 .feature_box .content_box .content_text h4{float: right; display: block; margin-top: 20px; font-size: 20px; margin-right: 20px; font-weight: 600;} #feature_box_snippet_31 .container .row .col-md-6 .feature_box p{text-align: right; width: 100%; display: block; display: -webkit-box; width: 100%; height: 40px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} #feature_box_snippet_31 .container .row .col-md-6 .feature_box .content_box .icon_box .sh_icon:hover{background-color: #00a09d; color: #fff; border-color: #00a09d; transition: all .3s;} #feature_box_snippet_31 .container .row .col-md-6 .feature_box2{width: 100%; margin-top: 20px; padding: 40px 20px;} #feature_box_snippet_31 .container .row .col-md-6 .feature_box2 .content_box{margin-right: 0; width: 100%; margin-bottom: 20px; display: inline-block;} #feature_box_snippet_31 .container .row .col-md-6 .feature_box2 .content_box .icon_box{width: 100%; height: 100%;} #feature_box_snippet_31 .container .row .col-md-6 .feature_box2 .content_box .icon_box .sh_icon{font-size: 32px; line-height: 60px; display: block; z-index: 2; text-align: center; height: 60px; width: 60px; color: #000; border: 3px solid #000; transition: all .3s; float: left;} #feature_box_snippet_31 .container .row .col-md-6 .feature_box2 .content_box .content_text h4{float: left; display: block; margin-top: 20px; font-size: 20px; padding-left: 20px; font-weight: 600;} #feature_box_snippet_31 .container .row .col-md-6 .feature_box2 p{width: 100%; display: block; display: -webkit-box; width: 100%; height: 40px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} #feature_box_snippet_31 .container .row .col-md-6 .feature_box2 .content_box .icon_box .sh_icon:hover{background-color: #00a09d; color: #fff; border-color:#00a09d; transition: all .3s;} @media only screen and (max-width: 768px){#feature_box_snippet_31 .container .row .col-md-6 .feature_box .content_box .icon_box .sh_icon{float: left;}#feature_box_snippet_31 .container .row .col-md-6 .feature_box .content_box .content_text h4{float: left; padding-left: 20px;}#feature_box_snippet_31 .container .row .col-md-6 .feature_box p{text-align: left;}} @media only screen and (max-width: 350px){#feature_box_snippet_31 .container .sh_title h1{font-size: 24px;}#feature_box_snippet_31 .container .row .col-md-6 .feature_box{padding: 40px 0;}#feature_box_snippet_31 .container .row .col-md-6 .feature_box .content_box .content_text h4{font-size: 16px; padding-left: 15px;}#feature_box_snippet_31 .container .row .col-md-6 .feature_box2{padding: 40px 0;}#feature_box_snippet_31 .container .row .col-md-6 .feature_box2 .content_box .content_text h4{font-size: 16px; padding-left: 15px;}} #feature_box_snippet_32{margin: 50px 0; padding: 30px 0;} #feature_box_snippet_32 .container .sh_title{max-width: 650px; margin: 0 auto; text-align: center;} #feature_box_snippet_32 .container .sh_title h2{text-align: center; font-size: 40px; text-transform: capitalize; margin-bottom: 20px; margin-top: 0;} #feature_box_snippet_32 .container .sh_title p{text-align: center; font-size: 14px; margin-bottom: 40px;} #feature_box_snippet_32 .container .row .col-md-6 .feature_box{padding: 50px 20px 40px; text-align: center; position: relative; margin-top: 50px;} #feature_box_snippet_32 .container .row .col-md-6 .feature_box .content_text h4{font-weight: 700; font-size: 18px;} #feature_box_snippet_32 .container .row .col-md-6 .feature_box .content_text p{font-size: 15px; width: 100%; height: 40px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} #feature_box_snippet_32 .container .row .col-md-6 .feature_box .icon_box .sh_icon{font-size: 32px; height: 60px; width: 60px; line-height: 60px; background-color: #00a09d; border-radius: 50%; color: #fff; position: absolute; top: -30px; left: 50%; transform: translateX(-50%) !important; z-index: 10;} #feature_box_snippet_32 .container .row .col-md-6 .feature_box .icon_box .sh_before{top: -30px; padding: 7px; border: 3px solid #337ab7; transition: transform 0.2s, opacity 0.2s; opacity: 0; border-radius: 50%; width: 60px; height: 60px; position: absolute; left: 50%; transform: translateX(-50%) scale(1); z-index: 0;} #feature_box_snippet_32 .container .row .col-md-6 .feature_box:hover .icon_box .sh_before{opacity: 1; transform: translateX(-50%) scale(1.4); border-color: #000;} #feature_box_snippet_32 .container .row .col-md-6 .feature_box:hover .icon_box .sh_icon{background-color: #000;} #feature_box_snippet_32 .container .row .col-md-6 .feature_box2{padding: 50px 20px 40px; text-align: center; position: relative; margin-top: 50px;} #feature_box_snippet_32 .container .row .col-md-6 .feature_box2 .content_text h4{font-weight: 700; font-size: 18px; color: #888;} #feature_box_snippet_32 .container .row .col-md-6 .feature_box2 .content_text p{font-size: 15px; color: #888; width: 100%; height: 40px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} #feature_box_snippet_32 .container .row .col-md-6 .feature_box2 .icon_box .sh_icon{font-size: 32px; height: 60px; width: 60px; line-height: 60px; background-color: #00a09d; color: #fff; position: absolute; top: -30px; left: 50%; transform: translateX(-50%) scale(1,1) !important;} #feature_box_snippet_32 .container .row .col-md-6 .feature_box2 .icon_box .sh_before{top: -30px; padding: 7px; border: 3px solid #337ab7; transition: transform 0.2s, opacity 0.2s; opacity: 0; width: 60px; height: 60px; position: absolute; left: 50%; transform: translateX(-50%) scale(1);} #feature_box_snippet_32 .container .row .col-md-6 .feature_box2:hover .icon_box .sh_before{opacity: 1; border-color: #000; z-index:0;} #feature_box_snippet_32 .container .row .col-md-6 .feature_box2:hover .icon_box .sh_icon{background-color: transparent; color: #000; transition: all .3s; z-index: 10;} #feature_box_snippet_32 .container .row .col-md-6 .feature_box3{padding: 50px 20px 40px; text-align: center; position: relative; margin-top: 50px;} #feature_box_snippet_32 .container .row .col-md-6 .feature_box3 .content_text h4{font-weight: 700; font-size: 18px; color: #888;} #feature_box_snippet_32 .container .row .col-md-6 .feature_box3 .content_text p{font-size: 15px; color: #888; width: 100%; height: 40px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} #feature_box_snippet_32 .container .row .col-md-6 .feature_box3 .icon_box{width: 60px; height: 60px; background-color: #00a09d; transform: rotate(45deg) translateX(-50%); position: absolute; top: -9px; left: 50%;} #feature_box_snippet_32 .container .row .col-md-6 .feature_box3 .icon_box .sh_icon{font-size: 32px; line-height: 60px; text-align: center; color: #fff; transform: rotate(-45deg) !important;} #feature_box_snippet_32 .container .row .col-md-6 .feature_box3:hover .icon_box{background-color: #000;} #feature_box_snippet_32 .container .row .col-md-6 .feature_box3:hover .sh_icon{animation: toBottomFromTop 0.3s forwards;} @keyframes toBottomFromTop{49%{transform: translateY(100%);}50%{opacity: 0; transform: translateY(-100%);}51%{opacity: 1;}} #feature_box_snippet_32 .container .row .col-md-6 .feature_box4{padding: 50px 20px 40px; text-align: center; position: relative; margin-top: 50px;} #feature_box_snippet_32 .container .row .col-md-6 .feature_box4 .content_text h4{font-weight: 700; font-size: 18px; color: #888;} #feature_box_snippet_32 .container .row .col-md-6 .feature_box4 .content_text p{font-size: 15px; color: #888; width: 100%; height: 40px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} #feature_box_snippet_32 .container .row .col-md-6 .feature_box4 .icon_box{width: 60px; height: 60px; background-color: #00a09d; position: absolute; top: -30px; left: 50%; transform: translateX(-50%); color: #fff; border: 3px solid #00a09d;} #feature_box_snippet_32 .container .row .col-md-6 .feature_box4 .icon_box .sh_icon{font-size: 32px; line-height: 57px; text-align: center;} #feature_box_snippet_32 .container .row .col-md-6 .feature_box4:hover .icon_box{background-color: #fff; transition: all .3s; color: #000; border: 3px solid #000;} @media only screen and (max-width: 768px){#feature_box_snippet_32 .container .row .col-xs-12{width: 50%;}} @media only screen and (max-width: 510px){#feature_box_snippet_32 .container .row .col-xs-12{width: 100%;}} @media only screen and (max-width: 370px){#feature_box_snippet_32 .container .sh_title h2{font-size: 24px;}} #feature_box_snippet_33{margin: 50px 0; padding: 30px 0;} #feature_box_snippet_33 .container .sh_title{max-width: 650px; margin: 0 auto; text-align: center;} #feature_box_snippet_33 .container .sh_title h2{text-align: center; font-size: 40px; text-transform: capitalize; margin-bottom: 20px; margin-top: 0;} #feature_box_snippet_33 .container .sh_title p{text-align: center; font-size: 14px; margin-bottom: 40px;} #feature_box_snippet_33 .container .row .col-md-6 .feature_box{text-align: center; width: 100%; padding: 40px 20px; margin: 0 auto; margin-top: 20px;} #feature_box_snippet_33 .container .row .col-md-6 .feature_box .icon_box{width: 50px; height: 50px; line-height: 50px; position: relative; transform: rotate(45deg); text-align: center; display: inline-block; margin-bottom: 30px;} #feature_box_snippet_33 .container .row .col-md-6 .feature_box .icon_box:before{content: ""; position: absolute; border: 3px solid #000; width: 100%; height: 100%; line-height: 50px; text-align: center;} #feature_box_snippet_33 .container .row .col-md-6 .feature_box .icon_box .sh_icon{line-height: 50px !important; font-size: 24px; transform: rotate(-45deg) !important; text-align: center; margin: 0 auto; width: 100%; color: #0da09d;} #feature_box_snippet_33 .container .row .col-md-6 .feature_box:hover .sh_icon{color: #000;} #feature_box_snippet_33 .container .row .col-md-6 .feature_box:hover .icon_box:before{animation: spinAround 9s linear infinite; border-style: dashed;} @keyframes spinAround{0%{transform: rotate(0deg);}100%{transform: rotate(360deg);}} #feature_box_snippet_33 .container .row .col-md-6 .feature_box .content_text h4{font-size: 18px; font-weight: 700;} #feature_box_snippet_33 .container .row .col-md-6 .feature_box .content_text p{line-height: 1.5; display: block; display: -webkit-box; width: 100%; height: 40px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} #feature_box_snippet_33 .container .row .col-md-6 .feature_box2{text-align: center; width: 100%; padding: 40px 20px; margin: 0 auto; margin-top: 20px;} #feature_box_snippet_33 .container .row .col-md-6 .feature_box2 .icon_box{width: 60px; height: 60px; transform: rotate(45deg); text-align: center; display: inline-block; margin-bottom: 30px; border: 3px solid #00a09d;} #feature_box_snippet_33 .container .row .col-md-6 .feature_box2 .icon_box .sh_icon{line-height: 57px; font-size: 32px; transform: rotate(-45deg) !important; color:#000;} #feature_box_snippet_33 .container .row .col-md-6 .feature_box2 .content_text h4{font-size: 18px; font-weight: 700;} #feature_box_snippet_33 .container .row .col-md-6 .feature_box2 .content_text p{line-height: 1.5; display: block; display: -webkit-box; width: 100%; height: 40px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} #feature_box_snippet_33 .container .row .col-md-6 .feature_box2:hover .icon_box{border-style: dashed; border-color: #000;} #feature_box_snippet_33 .container .row .col-md-6 .feature_box3{text-align: center; width: 100%; padding: 40px 20px; margin: 0 auto; margin-top: 20px;} #feature_box_snippet_33 .container .row .col-md-6 .feature_box3 .icon_box{width: 90px; height: 90px; transform: rotate(45deg); text-align: center; display: inline-block; margin-bottom: 30px; border: 3px solid #000; color: #00a09d;} #feature_box_snippet_33 .container .row .col-md-6 .feature_box3 .icon_box .sh_icon{line-height: 87px; font-size: 48px; transform: rotate(-45deg) !important; color:#0da09d;} #feature_box_snippet_33 .container .row .col-md-6 .feature_box3 .content_text h4{font-size: 18px; font-weight: 700;} #feature_box_snippet_33 .container .row .col-md-6 .feature_box3 .content_text p{line-height: 1.5; display: block; display: -webkit-box; width: 100%; height: 40px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} #feature_box_snippet_33 .container .row .col-md-6 .feature_box3:hover .icon_box{border-color: #000; background-color: #000; color: #0da09d;} #feature_box_snippet_33 .container .row .col-md-6 .feature_box3:hover .icon_box span{color:#fff;} #feature_box_snippet_33 .container .row .col-md-6 .feature_box4{text-align: center; width: 100%; padding: 40px 20px; margin: 0 auto; margin-top: 20px;} #feature_box_snippet_33 .container .row .col-md-6 .feature_box4 .icon_box{width: 120px; height: 120px; transform: rotate(45deg); text-align: center; display: inline-block; margin-bottom: 30px; border: 3px solid #000;} #feature_box_snippet_33 .container .row .col-md-6 .feature_box4 .icon_box .sh_icon{line-height: 117px; font-size: 48px; transform: rotate(-45deg) !important; color:#000;} #feature_box_snippet_33 .container .row .col-md-6 .feature_box4 .content_text h4{font-size: 18px; font-weight: 700;} #feature_box_snippet_33 .container .row .col-md-6 .feature_box4 .content_text p{line-height: 1.5; display: block; display: -webkit-box; width: 100%; height: 40px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} #feature_box_snippet_33 .container .row .col-md-6 .feature_box4:hover .icon_box{border-color: #000; background-color: #000; color: #fff;} #feature_box_snippet_33 .container .row .col-md-6 .feature_box4:hover .icon_box .sh_icon{color:#fff;} @media only screen and (max-width: 768px){#feature_box_snippet_33 .container .row .col-xs-12{width: 50%;}} @media only screen and (max-width: 510px){#feature_box_snippet_33 .container .row .col-xs-12{width: 100%;}} @media only screen and (max-width: 370px){#feature_box_snippet_33 .container .sh_title h2{font-size: 24px;}} #feature_box_snippet_34{margin: 50px 0; padding: 30px 0;} #feature_box_snippet_34 .container .sh_title{max-width: 650px; margin: 0 auto; text-align: center;} #feature_box_snippet_34 .container .sh_title h2{text-align: center; font-size: 40px; text-transform: capitalize; margin-bottom: 20px; margin-top: 0;} #feature_box_snippet_34 .container .sh_title p{text-align: center; font-size: 14px; margin-bottom: 40px;} #feature_box_snippet_34 .container .row .col-md-4 .feature_box{padding: 40px 20px; text-align: center; display: inline-block; margin-top: 20px; width: 100%;} #feature_box_snippet_34 .container .row .col-md-4 .feature_box .icon_box{text-align: center; border: 3px solid #000; width: 90px; height: 90px; display: inline-block; margin: 0 auto; max-width: 100%; border-radius: 50%; position: relative; color:#000;} #feature_box_snippet_34 .container .row .col-md-4 .feature_box .icon_box .sh_icon{font-size: 40px; line-height: 87px;} #feature_box_snippet_34 .container .row .col-md-4 .feature_box .icon_box:before{content: ""; position: absolute; width: 90px; height: 90px; line-height: 90px; border-radius: 50%; border: 2px solid #000; left: -3px; top: -3px; visibility: hidden; transition: all .3s; z-index: -10;} #feature_box_snippet_34 .container .row .col-md-4 .feature_box:hover .icon_box:before{visibility: visible; transition: all .3s; transform: scale(1.15,1.15); border-color: #00a09d;} #feature_box_snippet_34 .container .row .col-md-4 .feature_box:hover .icon_box{border-color: #00a09d; color: #00a09d;} #feature_box_snippet_34 .container .row .col-md-4 .feature_box .content_text{margin-top: 20px;} #feature_box_snippet_34 .container .row .col-md-4 .feature_box .content_text h4{font-size: 20px; font-weight: 600; position: relative; padding-bottom: 20px;} #feature_box_snippet_34 .container .row .col-md-4 .feature_box .content_text h4:before{width: 40px; height: 3px; content: ""; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); border: 2px solid #000; transition: all .3s;} #feature_box_snippet_34 .container .row .col-md-4 .feature_box:hover .content_text h4:before{width: 70px; transition: all .3s;} #feature_box_snippet_34 .container .row .col-md-4 .feature_box .content_text p{font-size: 15px; display: block; display: -webkit-box; width: 100%; height: 41px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} #feature_box_snippet_34 .container .row .col-md-4 .feature_box2{padding: 40px 20px; text-align: center; display: inline-block; width: 100%; margin-top: 20px;} #feature_box_snippet_34 .container .row .col-md-4 .feature_box2 .icon_box{text-align: center; border: 3px solid #00a09d; width: 90px; height: 90px; display: inline-block; margin: 0 auto; max-width: 100%;} #feature_box_snippet_34 .container .row .col-md-4 .feature_box2 .icon_box .sh_icon{font-size: 40px; line-height: 87px; color: #00a09d;} #feature_box_snippet_34 .container .row .col-md-4 .feature_box2 .content_text{margin-top: 20px;} #feature_box_snippet_34 .container .row .col-md-4 .feature_box2 .content_text h4{font-size: 20px; font-weight: 600; position: relative; padding-bottom: 20px;} #feature_box_snippet_34 .container .row .col-md-4 .feature_box2 .content_text h4:before{width: 40px; height: 3px; content: ""; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); border: 2px solid #000; transition: all .3s;} #feature_box_snippet_34 .container .row .col-md-4 .feature_box2:hover .content_text h4:before{width: 70px; transition: all .3s;} #feature_box_snippet_34 .container .row .col-md-4 .feature_box2 .content_text p{font-size: 15px; display: block; display: -webkit-box; width: 100%; height: 41px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} #feature_box_snippet_34 .container .row .col-md-4 .feature_box2:hover .sh_icon{animation: toRightFromLeft 0.3s forwards; color: #fff;} @keyframes toRightFromLeft{49%{transform: translate(100%);}50%{opacity: 0; transform: translate(-100%);}51%{opacity: 1;}} #feature_box_snippet_34 .container .row .col-md-4 .feature_box2:hover .icon_box{background-color: #00a09d; color: #fff;} #feature_box_snippet_34 .container .row .col-md-4 .feature_box3{padding: 40px 20px; text-align: center; display: inline-block; margin-top: 20px; width: 100%;} #feature_box_snippet_34 .container .row .col-md-4 .feature_box3 .icon_box{text-align: center; border: 3px solid #00a09d; width: 90px; height: 90px; display: inline-block; margin: 0 auto; max-width: 100%;} #feature_box_snippet_34 .container .row .col-md-4 .feature_box3 .icon_box .sh_icon{font-size: 40px; line-height: 87px; color: #00a09d;} #feature_box_snippet_34 .container .row .col-md-4 .feature_box3 .content_text{margin-top: 20px;} #feature_box_snippet_34 .container .row .col-md-4 .feature_box3 .content_text h4{font-size: 20px; font-weight: 600; position: relative; padding-bottom: 20px;} #feature_box_snippet_34 .container .row .col-md-4 .feature_box3 .content_text h4:before{width: 40px; height: 3px; content: ""; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); border: 2px solid #000; transition: all .3s;} #feature_box_snippet_34 .container .row .col-md-4 .feature_box3:hover .content_text h4:before{width: 70px; transition: all .3s;} #feature_box_snippet_34 .container .row .col-md-4 .feature_box3 .content_text p{font-size: 15px; display: block; display: -webkit-box; width: 100%; height: 41px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} #feature_box_snippet_34 .container .row .col-md-4 .feature_box3:hover .sh_icon{animation: toBottomFromTop 0.3s forwards; color: #000;} @keyframes toBottomFromTop{49%{transform: translateY(100%);}50%{opacity: 0; transform: translateY(-100%);}51%{opacity: 1;}} #feature_box_snippet_34 .container .row .col-md-4 .feature_box3:hover .icon_box{border-color: #000;} #feature_box_snippet_35{margin: 50px 0; padding: 30px 0;} #feature_box_snippet_35 .container .sh_title{max-width: 650px; margin: 0 auto; text-align: center;} #feature_box_snippet_35 .container .sh_title h2{text-align: center; font-size: 40px; text-transform: capitalize; margin-bottom: 20px; margin-top: 0;} #feature_box_snippet_35 .container .sh_title p{text-align: center; font-size: 14px; margin-bottom: 80px;} #feature_box_snippet_35 .container .row .col-md-4 .feature_box{text-align: right; margin-top: 20px; padding: 0 10px;} #feature_box_snippet_35 .container .row .col-md-4 .feature_box .title{display: inline-flex;} #feature_box_snippet_35 .container .row .col-md-4 .feature_box .title h4{font-weight: 700; font-size: 16px; text-transform: uppercase; display: inline-block;} #feature_box_snippet_35 .container .row .col-md-4 .feature_box .title span{margin-left: 20px; border: 3px solid #00a09d; width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 20px; border-radius: 3px; position: relative; color: #00a09d;} #feature_box_snippet_35 .container .row .col-md-4 .feature_box .title span:after{content: ""; position: absolute; width: 45px; height: 45px; border-right: 3px solid #00a09d; border-bottom: 3px solid #00a09d; left: 0px; top: 0px; border-radius: 3px; opacity: 0; transition: all .3s;} #feature_box_snippet_35 .container .row .col-md-4 .feature_box:hover .title span:after{opacity: 1; transition: all .3s;} #feature_box_snippet_35 .container .row .col-md-4 .feature_box .content_box p{margin-top: 15px; font-size: 15px; display: block; display: -webkit-box; width: 100%; height: 62px; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} #feature_box_snippet_35 .container .row .col-md-4 .feature_box2{text-align: right; margin-top: 20px; padding: 0 10px;} #feature_box_snippet_35 .container .row .col-md-4 .feature_box2 .title{display: inline-flex;} #feature_box_snippet_35 .container .row .col-md-4 .feature_box2 .title h4{font-weight: 700; font-size: 16px; text-transform: uppercase; display: inline-block;} #feature_box_snippet_35 .container .row .col-md-4 .feature_box2 .title span{margin-left: 20px; border: 3px solid #00a09d; width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 20px; border-radius: 3px; position: relative; color: #00a09d;} #feature_box_snippet_35 .container .row .col-md-4 .feature_box2 .content_box p{margin-top: 15px; font-size: 15px; display: block; display: -webkit-box; width: 100%; height: 62px; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} #feature_box_snippet_35 .container .row .col-md-4 .feature_box2:hover .title span{border-style: dashed; transition: all .3s; border-color: #000; color: #000;} #feature_box_snippet_35 .container .row .col-md-4 .feature_box3{text-align: right; margin-top: 20px; padding: 0 10px;} #feature_box_snippet_35 .container .row .col-md-4 .feature_box3 .title{display: inline-flex;} #feature_box_snippet_35 .container .row .col-md-4 .feature_box3 .title h4{font-weight: 700; font-size: 16px; text-transform: uppercase; display: inline-block;} #feature_box_snippet_35 .container .row .col-md-4 .feature_box3 .title span{margin-left: 20px; border: 3px solid #00a09d; width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 20px; border-radius: 3px; position: relative; color: #00a09d;} #feature_box_snippet_35 .container .row .col-md-4 .feature_box3 .title span:after{content: ""; position: absolute; width: 45px; height: 45px; border-right: 3px solid #00a09d; border-bottom: 3px solid #00a09d; left: 0px; top: -10px; border-radius: 3px; opacity: 0; transition: all .3s; transform: rotate(-90deg);} #feature_box_snippet_35 .container .row .col-md-4 .feature_box3:hover .title span:after{opacity: 1; top: 0; transform: rotate(0deg); transition: all .3s;} #feature_box_snippet_35 .container .row .col-md-4 .feature_box3 .content_box p{margin-top: 15px; font-size: 15px; display: block; display: -webkit-box; width: 100%; height: 62px; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} @media only screen and (min-width: 768px) and (max-width: 992px){#feature_box_snippet_35 .container .row .col-md-4 .feature_box3 .title h4{font-size: 14px;}#feature_box_snippet_35 .container .row .col-md-4 .feature_box2 .title h4{font-size: 14px;}#feature_box_snippet_35 .container .row .col-md-4 .feature_box .title h4{font-size: 14px;}} @media only screen and (max-width: 768px){#feature_box_snippet_35 .container .row .col-md-4 .feature_box3, #feature_box_snippet_35 .container .row .col-md-4 .feature_box2, #feature_box_snippet_35 .container .row .col-md-4 .feature_box{text-align: left;}} #feature_box_snippet_36{margin: 50px 0; padding: 30px 0;} #feature_box_snippet_36 .container .sh_title{max-width: 650px; margin: 0 auto; text-align: center;} #feature_box_snippet_36 .container .sh_title h2{text-align: center; font-size: 40px; text-transform: capitalize; margin-bottom: 20px; margin-top: 0;} #feature_box_snippet_36 .container .sh_title p{text-align: center; font-size: 14px; margin-bottom: 80px;} #feature_box_snippet_36 .container .row .col-md-4 .feature_box{text-align: center; margin-top: 20px;} #feature_box_snippet_36 .container .row .col-md-4 .feature_box .icon_box{width: 60px; height: 60px; max-width: 100%; border: 2px solid #000; display: inline-block;} #feature_box_snippet_36 .container .row .col-md-4 .feature_box .icon_box span{width: 100%; height: 100%; line-height: 56px; text-align: center; font-size: 24px; color: #fff; background-color: #000; margin-bottom: 2px;} #feature_box_snippet_36 .container .row .col-md-4 .feature_box:hover .icon_box{padding: 2px; border-color: #00a09d;} #feature_box_snippet_36 .container .row .col-md-4 .feature_box:hover .icon_box span{background-color: #00a09d; line-height: 54px;} #feature_box_snippet_36 .container .row .col-md-4 .feature_box .content_text h4{text-transform: uppercase; font-weight: 600; margin-top: 30px;} #feature_box_snippet_36 .container .row .col-md-4 .feature_box .content_text p{font-size: 15px; display: block; display: -webkit-box; width: 100%; height: 41px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} #feature_box_snippet_36 .container .row .col-md-4 .feature_box2{text-align: center; margin-top: 20px;} #feature_box_snippet_36 .container .row .col-md-4 .feature_box2 .icon_box{width: 60px; height: 60px; max-width: 100%; border: 2px solid #00a09d; display: inline-block; position: relative;} #feature_box_snippet_36 .container .row .col-md-4 .feature_box2 .icon_box span{width: 100%; height: 100%; line-height: 56px; text-align: center; font-size: 24px; color: #fff; background-color: #00a09d; margin-bottom: 2px;} #feature_box_snippet_36 .container .row .col-md-4 .feature_box2 .icon_box:before{content: ""; position: absolute; width: 80px; height: 80px; left: -12px; top: -12px; border: 3px solid #000; transform: scale(1.2,1.2); opacity: 0; transition: all .3s; z-index: -10;} #feature_box_snippet_36 .container .row .col-md-4 .feature_box2:hover .icon_box{border-color: #000;} #feature_box_snippet_36 .container .row .col-md-4 .feature_box2:hover .icon_box span{background-color: #000;} #feature_box_snippet_36 .container .row .col-md-4 .feature_box2:hover .icon_box:before{transform: scale(1,1); opacity: 1; transition: all .3s;} #feature_box_snippet_36 .container .row .col-md-4 .feature_box2 .content_text h4{text-transform: uppercase; font-weight: 600; margin-top: 30px;} #feature_box_snippet_36 .container .row .col-md-4 .feature_box2 .content_text p{font-size: 15px; display: block; display: -webkit-box; width: 100%; height: 41px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} #feature_box_snippet_36 .container .row .col-md-4 .feature_box3{text-align: center; margin-top: 20px;} #feature_box_snippet_36 .container .row .col-md-4 .feature_box3 .icon_box{width: 60px; height: 60px; max-width: 100%; border: 3px solid #000; display: inline-block;} #feature_box_snippet_36 .container .row .col-md-4 .feature_box3 .icon_box span{width: 100%; height: 100%; line-height: 56px; text-align: center; font-size: 24px; color: #fff; background-color: #000; margin-bottom: 2px;} #feature_box_snippet_36 .container .row .col-md-4 .feature_box3:hover .icon_box{border-color: #00a09d;} #feature_box_snippet_36 .container .row .col-md-4 .feature_box3:hover .icon_box span{background-color: #fff; color: #00a09d;} #feature_box_snippet_36 .container .row .col-md-4 .feature_box3 .content_text h4{text-transform: uppercase; font-weight: 600; margin-top: 30px;} #feature_box_snippet_36 .container .row .col-md-4 .feature_box3 .content_text p{font-size: 15px; display: block; display: -webkit-box; width: 100%; height: 41px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} @media only screen and (min-width: 768px)and (max-width: 992px){#feature_box_snippet_36 .container .row .col-md-4 .feature_box .content_text h4{font-size:19px;}#feature_box_snippet_36 .container .row .col-md-4 .feature_box2 .content_text h4{font-size:19px;}#feature_box_snippet_36 .container .row .col-md-4 .feature_box3 .content_text h4{font-size:19px;}} #feature_box_snippet_37{margin: 50px 0; padding: 30px 0;} #feature_box_snippet_37 .container .sh_title{max-width: 650px; margin: 0 auto; text-align: center;} #feature_box_snippet_37 .container .sh_title h2{text-align: center; font-size: 40px; text-transform: capitalize; margin-bottom: 20px; margin-top: 0;} #feature_box_snippet_37 .container .sh_title p{text-align: center; font-size: 14px; margin-bottom: 80px;} #feature_box_snippet_37 .container .row .col-md-6 .feature_box{text-align: center; margin-top: 20px;} #feature_box_snippet_37 .container .row .col-md-6 .feature_box .icon_box{width: 100%;} #feature_box_snippet_37 .container .row .col-md-6 .feature_box .icon_box span{width: 90px; height: 90px; max-width: 100%; line-height: 87px; font-size: 32px; color: #000; position: relative;} #feature_box_snippet_37 .container .row .col-md-6 .feature_box .icon_box:before{content: ""; position: absolute; width: 90px; height: 90px; border: 3px solid #000;} #feature_box_snippet_37 .container .row .col-md-6 .feature_box:hover .icon_box:before{border-style: dashed; border-color: #00a09d; -webkit-animation: spinAround 9s linear infinite; -moz-animation: spinAround 9s linear infinite; animation: spinAround 9s linear infinite;} @keyframes spinAround{0%{transform: rotate(0deg);}100%{transform: rotate(360deg);}} #feature_box_snippet_37 .container .row .col-md-6 .feature_box .content_text h4{font-size: 18px; font-weight: 600; margin-top: 20px; margin-bottom: 15px; padding-bottom: 20px; position: relative;} #feature_box_snippet_37 .container .row .col-md-6 .feature_box .content_text h4:before{content: ""; position: absolute; width: 40px; height: 3px; border-bottom: 2px solid #000; bottom: 0; left: 50%; transform: translate(-50%); transition: all .3s;} #feature_box_snippet_37 .container .row .col-md-6 .feature_box:hover h4:before{width: 60px; transition: all .3s;} #feature_box_snippet_37 .container .row .col-md-6 .feature_box .content_text p{padding: 0 20px; display: block; display: -webkit-box; width: 100%; height: 60px; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} #feature_box_snippet_37 .container .row .col-md-6 .feature_box2{text-align: center; margin-top: 20px;} #feature_box_snippet_37 .container .row .col-md-6 .feature_box2 .icon_box{max-width: 100%; width: 90px; height: 90px; border: 3px solid #00a09d; display: inline-block;} #feature_box_snippet_37 .container .row .col-md-6 .feature_box2 .icon_box span{width: 90px; height: 90px; max-width: 100%; line-height: 87px; font-size: 32px; color: #00a09d;} #feature_box_snippet_37 .container .row .col-md-6 .feature_box2:hover .icon_box span{-webkit-animation: toRightFromLeft 0.3s forwards; -moz-animation: toRightFromLeft 0.3s forwards; animation: toRightFromLeft 0.3s forwards;} @keyframes toRightFromeLeft{49%{transform: translate(100%);}50%{opacity: 0; transform: translate(-100%);}51%{opacity: 1;}} #feature_box_snippet_37 .container .row .col-md-6 .feature_box2 .content_text h4{font-size: 18px; font-weight: 600; margin-top: 20px; margin-bottom: 15px; padding-bottom: 20px; position: relative;} #feature_box_snippet_37 .container .row .col-md-6 .feature_box2 .content_text h4:before{content: ""; position: absolute; width: 40px; height: 3px; border-bottom: 2px solid #000; bottom: 0; left: 50%; transform: translate(-50%); transition: all .3s;} #feature_box_snippet_37 .container .row .col-md-6 .feature_box2:hover h4:before{width: 60px; transition: all .3s;} #feature_box_snippet_37 .container .row .col-md-6 .feature_box2 .content_text p{padding: 0 20px; display: block; display: -webkit-box; width: 100%; height: 60px; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} #feature_box_snippet_37 .container .row .col-md-6 .feature_box3{text-align: center; margin-top: 20px;} #feature_box_snippet_37 .container .row .col-md-6 .feature_box3 .icon_box{max-width: 100%; width: 90px; height: 90px; border: 3px solid #00a09d; display: inline-block;} #feature_box_snippet_37 .container .row .col-md-6 .feature_box3 .icon_box span{width: 90px; height: 90px; max-width: 100%; line-height: 87px; font-size: 32px; color: #00a09d;} #feature_box_snippet_37 .container .row .col-md-6 .feature_box3 .content_text h4{font-size: 18px; font-weight: 600; margin-top: 20px; margin-bottom: 15px; padding-bottom: 20px; position: relative;} #feature_box_snippet_37 .container .row .col-md-6 .feature_box3 .content_text h4:before{content: ""; position: absolute; width: 40px; height: 3px; border-bottom: 2px solid #000; bottom: 0; left: 50%; transform: translate(-50%); transition: all .3s;} #feature_box_snippet_37 .container .row .col-md-6 .feature_box3:hover h4:before{width: 60px; transition: all .3s;} #feature_box_snippet_37 .container .row .col-md-6 .feature_box3:hover .icon_box span{-webkit-animation: toLeftFromRight 0.3s forwards; -moz-animation: toLeftFromRight 0.3s forwards; animation: toLeftFromRight 0.3s forwards;} @keyframes toLeftFromRight{49%{transform: translate(-100%);}50%{opacity: 0; transform: translate(100%);}51%{opacity: 1;}} #feature_box_snippet_37 .container .row .col-md-6 .feature_box3 .content_text p{padding: 0 20px; display: block; display: -webkit-box; width: 100%; height: 60px; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} #feature_box_snippet_37 .container .row .col-md-6 .feature_box4{text-align: center; margin-top: 20px;} #feature_box_snippet_37 .container .row .col-md-6 .feature_box4 .icon_box{max-width: 100%; width: 90px; height: 90px; border: 3px solid #00a09d; border-radius: 50%; display: inline-block;} #feature_box_snippet_37 .container .row .col-md-6 .feature_box4 .icon_box span{width: 90px; height: 90px; max-width: 100%; line-height: 90px; font-size: 32px; color: #000;} #feature_box_snippet_37 .container .row .col-md-6 .feature_box4:hover .icon_box{background-color: #00a09d;} #feature_box_snippet_37 .container .row .col-md-6 .feature_box4:hover .icon_box span{line-height: 90px; color: #fff; -webkit-animation: spin 1.5s linear infinite; animation: spin 1.5s linear infinite;} @-webkit-keyframes spin{0%{-webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg);}100%{-webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg);}} @keyframes spin{0%{-webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg);}100%{-webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg);}} #feature_box_snippet_37 .container .row .col-md-6 .feature_box4 .content_text h4{font-size: 18px; font-weight: 600; margin-top: 20px; margin-bottom: 15px; padding-bottom: 20px; position: relative;} #feature_box_snippet_37 .container .row .col-md-6 .feature_box4 .content_text h4:before{content: ""; position: absolute; width: 40px; height: 3px; border-bottom: 2px solid #000; bottom: 0; left: 50%; transform: translate(-50%); transition: all .3s;} #feature_box_snippet_37 .container .row .col-md-6 .feature_box4:hover h4:before{width: 60px; transition: all .3s;} #feature_box_snippet_37 .container .row .col-md-6 .feature_box4 .content_text p{padding: 0 20px; display: block; display: -webkit-box; width: 100%; height: 60px; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} @media only screen and (max-width: 768px){#feature_box_snippet_37 .container .row .col-xs-12{width: 50%;}} @media only screen and (max-width: 510px){#feature_box_snippet_37 .container .row .col-xs-12{width: 100%;}} #feature_box_snippet_38{margin: 50px 0; padding: 30px 0;} #feature_box_snippet_38 .container .sh_title{max-width: 650px; margin: 0 auto; text-align: center;} #feature_box_snippet_38 .container .sh_title h2{text-align: center; font-size: 40px; text-transform: capitalize; margin-bottom: 20px; margin-top: 0;} #feature_box_snippet_38 .container .sh_title p{text-align: center; font-size: 14px; margin-bottom: 80px;} #feature_box_snippet_38 .container .row .col-md-6 .feature_box{width: 100%; margin-top: 20px; height: 340px; padding: 30px 10px 10px 10px; border-top: 4px solid #00a09d!important; border: 1px solid #e5e5e5; border-radius: 8px; text-align: center;} #feature_box_snippet_38 .container .row .col-md-6 .feature_box .icon_box{text-align: center; position: relative; width: 110px; height: 110px; border-radius: 50%; background-color: #00a09d; margin:0 auto;} #feature_box_snippet_38 .container .row .col-md-6 .feature_box .icon_box .sh_icon{font-size: 40px; color: #fff; text-align: center; line-height: 110px; transform: scale(1,1); transition: all .3s; position: relative; z-index:10;} #feature_box_snippet_38 .container .row .col-md-6 .feature_box .icon_box .sh_before{content: ""; position: absolute; transform: scale(1,1) translateX(-50%); width: 110px; height: 110px; border-radius: 50%; border: 2px solid #fff; left: 50%; top: 0; visibility: hidden; transition: all .3s;} #feature_box_snippet_38 .container .row .col-md-6 .feature_box .icon_box .sh_before2{content: ""; position: absolute; transform: scale(1,1) translateX(-50%); width: 110px; height: 110px; border-radius: 50%; border: 2px solid #fff; left: 50%; top: 0; visibility: hidden; transition: all .3s;} #feature_box_snippet_38 .container .row .col-md-6 .feature_box:hover .sh_before{visibility: visible; transition: all .3s; transform: scale(.9,.9) translateX(-55%);} #feature_box_snippet_38 .container .row .col-md-6 .feature_box:hover .sh_before2{visibility: visible; transition: all .3s; transform: scale(.9,.9) translateX(-56%);} #feature_box_snippet_38 .container .row .col-md-6 .feature_box .content_text h4{font-size: 1.3em; font-weight: 400; letter-spacing: -0.7px; margin-top: 20px; margin-bottom: 5px; color: #00a09d; text-transform: capitalize;} #feature_box_snippet_38 .container .row .col-md-6 .feature_box .content_text p{max-width: 193px; margin: 0 auto; margin-top: 10px; line-height: 24px; margin-bottom: 20px; display: block; display: -webkit-box; width: 100%; height: 72px; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} #feature_box_snippet_38 .container .row .col-md-6 .feature_box .content_text .sh_btn{text-transform: capitalize; text-decoration: none; color: #00a09d;} #feature_box_snippet_38 .container .row .col-md-6 .feature_box .content_text a span{font-weight: 600;} @media only screen and (max-width: 768px){#feature_box_snippet_38 .container .row .col-xs-12{width: 50%;}} @media only screen and (max-width: 510px){#feature_box_snippet_38 .container .row .col-xs-12{width: 100%;}} #feature_box_snippet_39{margin: 50px 0; padding: 30px 0;} #feature_box_snippet_39 .container .sh_title{max-width: 650px; margin: 0 auto; text-align: center;} #feature_box_snippet_39 .container .sh_title h2{text-align: center; font-size: 40px; text-transform: capitalize; margin-bottom: 20px; margin-top: 0;} #feature_box_snippet_39 .container .sh_title p{text-align: center; font-size: 14px; margin-bottom: 80px;} #feature_box_snippet_39 .container .row .col-md-6 .feature_box{margin-top: 50px; text-align: center; padding: 30px 10px; border-top: 4px solid #00a09d !important; border: 1px solid #e5e5e5; border-radius: 8px; position: relative;} #feature_box_snippet_39 .container .row .col-md-6 .feature_box .icon_box{width: 90px; height: 90px; margin: 0 auto; position: relative;} #feature_box_snippet_39 .container .row .col-md-6 .feature_box .icon_box .sh_icon{font-size: 40px; text-align: center; color: #fff; background-color: #00a09d; width: 90px; height: 90px; line-height: 90px; border-radius: 50%; position: relative;} #feature_box_snippet_39 .container .row .col-md-6 .feature_box .icon_box .sh_before{position: absolute; border: 2px solid #00a09d; width: 100%; height: 100%; border-radius: 50%; left: 0; top: 0; transform: scale(1,1); visibility: hidden; transition: all .3s; z-index: -10;} #feature_box_snippet_39 .container .row .col-md-6 .feature_box:hover .icon_box .sh_before{visibility: visible; transform: scale(1.15,1.15); transition: all .3s;} #feature_box_snippet_39 .container .row .col-md-6 .feature_box .content_box{position: absolute; top: -50px; left: 50%; transform: translateX(-50%);} #feature_box_snippet_39 .container .row .col-md-6 .feature_box .content_text{margin-top: 40px;} #feature_box_snippet_39 .container .row .col-md-6 .feature_box .content_text h4{color: #00a09d; text-transform: uppercase; font-size: 1.3em;} #feature_box_snippet_39 .container .row .col-md-6 .feature_box .content_text p{width: 190px; margin: 0 auto; line-height: 24px; display: block; display: -webkit-box; max-width: 100%; height: 72px; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} @media only screen and (max-width: 768px){#feature_box_snippet_39 .container .row .col-xs-12{width: 50%;}} @media only screen and (max-width: 510px){#feature_box_snippet_39 .container .row .col-xs-12{width: 100%;}} #feature_box_snippet_40{margin: 50px 0; padding: 30px 0;} #feature_box_snippet_40 .container .sh_title{max-width: 650px; margin: 0 auto; text-align: center;} #feature_box_snippet_40 .container .sh_title h2{text-align: center; font-size: 40px; text-transform: capitalize; margin-bottom: 20px; margin-top: 0;} #feature_box_snippet_40 .container .sh_title p{text-align: center; font-size: 14px; margin-bottom: 80px;} #feature_box_snippet_40 .container .row .col-md-6 .feature_box{width: 100%; text-align: center; margin-top: 50px; border: 1px solid #e5e5e5; border-top: 4px solid #00a09d; padding: 30px 10px; border-radius: 8px; position: relative;} #feature_box_snippet_40 .container .row .col-md-6 .feature_box .content_box{position: absolute; top: -40px; left: 50%; transform: translateX(-50%);} #feature_box_snippet_40 .container .row .col-md-6 .feature_box .content_box .icon_box{width: 75px; height: 75px; margin: 0 auto; position: relative;} #feature_box_snippet_40 .container .row .col-md-6 .feature_box .content_box .icon_box .sh_icon{font-size: 30px; background-color:#fff; color: #00a09d; border:3px solid #00a09d; width: 100%; height: 100%; border-radius: 50%; line-height: 72px; transform:scale(1,1); position: relative; z-index: 10; opacity: 1;} #feature_box_snippet_40 .container .row .col-md-6 .feature_box .content_box .icon_box .sh_before{position: absolute; width: 100%; height: 100%; transform: scale(1,1); top: 0; left: 0; z-index: 0; opacity: .7; border-radius: 50%; transition: all .3s;} #feature_box_snippet_40 .container .row .col-md-6 .feature_box:hover .content_box .icon_box .sh_before{transform: scale(1.2,1.2); transition: all .3s; background: #00a09d; z-index: -1;} #feature_box_snippet_40 .container .row .col-md-6 .feature_box:hover .icon_box .sh_icon{background-color: #00a09d; color: #fff;} #feature_box_snippet_40 .container .row .col-md-6 .feature_box .content_text{margin-top: 30px;} #feature_box_snippet_40 .container .row .col-md-6 .feature_box .content_text h4{font-size: 1.3em; color: #00a09d;} #feature_box_snippet_40 .container .row .col-md-6 .feature_box .content_text p{width: 193px; margin:0 auto; line-height: 24px; display: block; display: -webkit-box; max-width: 100%; height: 72px; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} @media only screen and (max-width: 768px){#feature_box_snippet_40 .container .row .col-xs-12{width: 50%;}} @media only screen and (max-width: 510px){#feature_box_snippet_40 .container .row .col-xs-12{width: 100%;}} #feature_box_snippet_41{margin: 50px 0; padding: 30px 0;} #feature_box_snippet_41 .container .sh_title{max-width: 650px; margin: 0 auto; text-align: center;} #feature_box_snippet_41 .container .sh_title h2{text-align: center; font-size: 40px; text-transform: capitalize; margin-bottom: 20px; margin-top: 0;} #feature_box_snippet_41 .container .sh_title p{text-align: center; font-size: 14px; margin-bottom: 80px;} #feature_box_snippet_41 .container .row .col-md-6 .feature_box{text-align: center; margin-top: 20px; width: 100%;} #feature_box_snippet_41 .container .row .col-md-6 .feature_box .icon_box span{font-size: 30px; background-color: #00a09d; width: 75px; height: 75px; line-height: 75px; color: #fff; border-radius: 50%; transform: scale(1,1); transition: all .3s;} #feature_box_snippet_41 .container .row .col-md-6 .feature_box:hover .icon_box span{transition: all .3s; transform: scale(1.15,1.15) !important;} #feature_box_snippet_41 .container .row .col-md-6 .feature_box .content_text h4{margin-top: 30px; color: #00a09d; font-weight: 600;} #feature_box_snippet_41 .container .row .col-md-6 .feature_box .content_text p{width: 195px; margin: 0 auto; line-height: 24px; max-width: 100%; display: block; display: -webkit-box; height: 72px; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} @media only screen and (max-width: 768px){#feature_box_snippet_41 .container .row .col-xs-12{width: 50%;}} @media only screen and (max-width: 510px){#feature_box_snippet_41 .container .row .col-xs-12{width: 100%;}} #feature_box_snippet_42{margin: 50px 0; padding: 30px 0;} #feature_box_snippet_42 .container .sh_title{max-width: 650px; margin: 0 auto; text-align: center;} #feature_box_snippet_42 .container .sh_title h2{text-align: center; font-size: 40px; text-transform: capitalize; margin-bottom: 20px; margin-top: 0;} #feature_box_snippet_42 .container .sh_title p{text-align: center; font-size: 14px; margin-bottom: 80px;} #feature_box_snippet_42 .container .row .col-md-6 .feature_box{text-align: center; margin-top: 30px;} #feature_box_snippet_42 .container .row .col-md-6 .feature_box .icon_box{width: 75px; height: 75px; margin: 0 auto; position: relative;} #feature_box_snippet_42 .container .row .col-md-6 .feature_box .icon_box .sh_icon{font-size: 30px; background-color:#fff; color: #00a09d; border:3px solid #00a09d; width: 100%; height: 100%; border-radius: 50%; line-height: 72px; transform:scale(1,1); position: relative; z-index: 10; text-align: center; opacity: 1;} #feature_box_snippet_42 .container .row .col-md-6 .feature_box .icon_box .sh_before{position: absolute; width: 100%; height: 100%; transform: scale(1,1); top: 0; left: 0; z-index: 5; opacity: .7; border-radius: 50%; transition: all .3s; z-index: 0;} #feature_box_snippet_42 .container .row .col-md-6 .feature_box:hover .icon_box .sh_before{transform: scale(1.2,1.2); background-color: #00a09d; z-index: -1;} #feature_box_snippet_42 .container .row .col-md-6 .feature_box:hover .icon_box .sh_icon{background-color: #00a09d; color: #fff;} #feature_box_snippet_42 .container .row .col-md-6 .feature_box .content_text h4{color: #00a09d; margin-top: 20px;} #feature_box_snippet_42 .container .row .col-md-6 .feature_box .content_text p{width: 195px; margin: 0 auto; line-height: 24px; display: block; display: -webkit-box; max-width: 100%; height: 72px; -webkit-line-clamp: 3; -webkit-box-orient:vertical; overflow: hidden; text-overflow: ellipsis;} @media only screen and (max-width: 768px){#feature_box_snippet_42 .container .row .col-xs-12{width: 50%;}} @media only screen and (max-width: 510px){#feature_box_snippet_42 .container .row .col-xs-12{width: 100%;}} #feature_box_snippet_43{margin: 50px 0; padding: 30px 0;} #feature_box_snippet_43 .container .sh_title{max-width: 650px; margin: 0 auto;} #feature_box_snippet_43 .container .sh_title h2{text-align: center; font-size: 40px; text-transform: capitalize; margin-bottom: 20px; margin-top: 0;} #feature_box_snippet_43 .container .sh_title p{text-align: center; font-size: 14px; margin-bottom: 80px;} #feature_box_snippet_43 .container .feature_box{margin-top: 20px; text-align: center; width: 100%;} #feature_box_snippet_43 .container .feature_box .icon_box .sh_icon{font-size: 40px; color: #00a09d;} #feature_box_snippet_43 .container .feature_box .content_text h4{margin-top: 30px; color: #00a09d; font-weight: 600;} #feature_box_snippet_43 .container .feature_box .content_text p{width: 195px; margin: 0 auto; line-height: 24px; max-width: 100%; height: 72px; display: block; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} #feature_box_snippet_43 .container .feature_box:hover .icon_box .sh_icon{-webkit-animation: toRightFromLeft 0.3s forwards; animation: toRightFromLeft 0.3s forwards;} @keyframes toRightFromLeft{49%{-webkit-transform: translate(100%); transform: translate(100%);}50%{opacity: 0; -webkit-transform: translate(-100%); transform: translate(-100%);}51%{opacity: 1;}} @media only screen and (max-width: 768px){#feature_box_snippet_43 .container .row .col-xs-12{width: 50%;}} @media only screen and (max-width: 510px){#feature_box_snippet_43 .container .row .col-xs-12{width: 100%;}} #feature_box_snippet_44{margin: 50px 0; padding: 30px 0;} #feature_box_snippet_44 .container .sh_title{max-width: 650px; margin: 0 auto;} #feature_box_snippet_44 .container .sh_title h2{text-align: center; font-size: 40px; text-transform: capitalize; margin-bottom: 20px; margin-top: 0;} #feature_box_snippet_44 .container .sh_title p{text-align: center; font-size: 14px; margin-bottom: 80px;} #feature_box_snippet_44 .container .row .col-md-6 .feature_box{width: 100%; text-align: center; margin-top: 20px;} #feature_box_snippet_44 .container .row .col-md-6 .feature_box .icon_box{position: relative; width: 75px; height: 75px; line-height: 75px; margin: 0 auto;} #feature_box_snippet_44 .container .row .col-md-6 .feature_box .icon_box .sh_icon{font-size: 40px; color: #00a09d; width: 75px; height: 75px; border: 1px solid #000; line-height: 74px; border-radius: 50%;} #feature_box_snippet_44 .container .row .col-md-6 .feature_box .icon_box .sh_before{position: absolute; width: 83px; height: 83px; border: 5px solid #e5e5e5; left: -4px; top: -4px; border-radius: 50%; transform: scale(1,1); transition: all .3s; z-index: -10;} #feature_box_snippet_44 .container .row .col-md-6 .feature_box:hover .icon_box .sh_before{transform: scale(1.1,1.1); transition: all .3s;} #feature_box_snippet_44 .container .row .col-md-6 .feature_box .content_text h4{margin-top: 30px; font-weight: 600; color: #00a09d;} #feature_box_snippet_44 .container .row .col-md-6 .feature_box .content_text p{width: 195px; margin: 0 auto; font-size: 15px; max-width: 100%; height: 65px; display: block; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;} @media only screen and (max-width: 768px){#feature_box_snippet_44 .container .row .col-xs-12{width: 50%;}} @media only screen and (max-width: 510px){#feature_box_snippet_44 .container .row .col-xs-12{width: 100%;}} #feature_box_snippet_45{margin: 50px 0; padding: 30px 0;} #feature_box_snippet_45 .container .sh_title{max-width: 650px; margin: 0 auto;} #feature_box_snippet_45 .container .sh_title h2{text-align: center; font-size: 40px; text-transform: capitalize; margin-bottom: 20px; margin-top: 0;} #feature_box_snippet_45 .container .sh_title p{text-align: center; font-size: 14px; margin-bottom: 80px;} #feature_box_snippet_45 .container .row .col-md-6 .feature_box{width: 100%; margin-top: 20px; text-align: center;} #feature_box_snippet_45 .container .row .col-md-6 .feature_box .icon_box{width: 75px; height: 75px; margin: 0 auto;} #feature_box_snippet_45 .container .row .col-md-6 .feature_box .icon_box .sh_icon{font-size: 40px; width: 100%; height: 100%; line-height: 73px; border: 1px solid #e5e5e5; border-radius: 50%; color: #00a09d; position: relative;} #feature_box_snippet_45 .container .row .col-md-6 .feature_box .icon_box .sh_icon:after{opacity: 0; -webkit-box-shadow: 3px 3px #d5d5d5; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, transform 0.2s; transition: opacity 0.2s, transform 0.2s, -webkit-transform 0.2s; left: 0; top: -1px; pointer-events: none; position: absolute; width: 100%; height: 100%; border-radius: 50%; content: ''; -webkit-box-sizing: content-box; box-sizing: content-box;} #feature_box_snippet_45 .container .row .col-md-6 .feature_box:hover .icon_box .sh_icon:after{opacity: 1; -webkit-transform: rotate(0deg); transform: rotate(0deg); transition: all .3s;} #feature_box_snippet_45 .container .row .col-md-6 .feature_box .content_text h4{font-weight: 600; text-transform: capitalize; color: #00a09d; margin-top: 30px;} #feature_box_snippet_45 .container .row .col-md-6 .feature_box .content_text p{font-size: 15px; width: 195px; margin: 0 auto; line-height: 24px; max-width: 100%; height: 72px; display: block; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;} @media only screen and (max-width: 768px){#feature_box_snippet_45 .container .row .col-xs-12{width: 50%;}} @media only screen and (max-width: 510px){#feature_box_snippet_45 .container .row .col-xs-12{width: 100%;}} #feature_box_snippet_46{margin: 50px 0; padding: 30px 0;} #feature_box_snippet_46 .container .sh_title{max-width: 650px; margin: 0 auto;} #feature_box_snippet_46 .container .sh_title h2{text-align: center; font-size: 40px; text-transform: capitalize; margin-bottom: 20px; margin-top: 0;} #feature_box_snippet_46 .container .sh_title p{text-align: center; font-size: 14px; margin-bottom: 80px;} #feature_box_snippet_46 .container .feature_box{margin-top: 50px;} #feature_box_snippet_46 .container .feature_box .icon_box{position: relative; transition: all .5s; top: 0px; width: 68px;} #feature_box_snippet_46 .container .feature_box .icon_box:before{content: ""; color: #ffffff; background-color: #00a09d; width: 100%; position: absolute; height: 20px; left: 0; bottom: -72px; -webkit-transform: skew(0deg, 4deg); transform: skew(0deg, 4deg); z-index: 1;} #feature_box_snippet_46 .container .feature_box .icon_box span{width: 68px; height: 68px; line-height: 68px; background-color: #00a09d; float: left; text-align: center; font-size: 40px; color: #fff; position: relative;} #feature_box_snippet_46 .container .row .feature_box .content_text{padding: 30px 15px; border: 0px solid #eee; float: left; width: 76%; position: relative;} #feature_box_snippet_46 .container .row .feature_box .content_text:before{content: ""; background-color: #fafafa; width: 100%; position: absolute; height: 33px; left: 0; bottom: -10px; -webkit-transform: skew(0deg, -4deg); transform: skew(0deg, -4deg); z-index: 1;} #feature_box_snippet_46 .container .row .feature_box .content_text h4{text-transform: capitalize; color: #00a09d;} #feature_box_snippet_46 .container .row .feature_box .content_text p{width: 100%; height: 60px; display: block; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; text-overflow: ellipsis; overflow: hidden;} #feature_box_snippet_46 .container .feature_box:hover .icon_box{position: relative; top: 20px; transition: all .5s;} #feature_box_snippet_47{margin: 50px 0; padding: 30px 0;} #feature_box_snippet_47 .container .sh_title{max-width: 650px; margin: 0 auto;} #feature_box_snippet_47 .container .sh_title h2{text-align: center; font-size: 40px; text-transform: capitalize; margin-bottom: 20px; margin-top: 0;} #feature_box_snippet_47 .container .sh_title p{text-align: center; font-size: 14px; margin-bottom: 80px;} #feature_box_snippet_47 .container .row .col-md-4 .feature_box{width: 100%; margin: 20px 0; min-height: 128px; position: relative;} #feature_box_snippet_47 .container .row .col-md-4 .feature_box .icon_box{width: 110px; height: 110px; border-radius: 50%; background-color: #fff; text-align: center; position: absolute; border: 1px solid #000; z-index: 1; opacity: 1; transition: all .3s; color: #00a09d; left: 0;} #feature_box_snippet_47 .container .row .col-md-4 .feature_box .icon_box:before{content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: 5px solid #e5e5e5; border-radius: 50%; transform: scale(1.1,1.1); z-index: -11; opacity: .7;} #feature_box_snippet_47 .container .row .col-md-4 .feature_box .icon_box span{line-height: 110px; font-size: 45px;} #feature_box_snippet_47 .container .row .col-md-4 .feature_box:hover .icon_box{transform: scale(.9); transition: all .3s; background-color: #00a09d; color: #fff; max-width: 100%;} #feature_box_snippet_47 .container .row .col-md-4 .feature_box .content_text{position: absolute; left: 35%;} #feature_box_snippet_47 .container .row .col-md-4 .feature_box .content_text h4{font-size: 20px; font-weight: 600; margin-bottom: 15px;} #feature_box_snippet_47 .container .row .col-md-4 .feature_box .content_text p{width: 100%; height: 60px; display: block; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; text-overflow: ellipsis; overflow: hidden;} @media only screen and (min-width: 990px) and (max-width: 1200px){#feature_box_snippet_47 .container .row .col-md-4 .feature_box .content_text{left: 45%;}} @media only screen and (max-width: 991px){#feature_box_snippet_47 .container .row .col-md-4 .feature_box .icon_box{max-width: 100%; margin: 0 auto; position: inherit;}#feature_box_snippet_47 .container .row .col-md-4 .feature_box .content_text{top: 100% !important; text-align: center!important; width: 100%!important; position: unset!important; padding-top: 15px;}} #feature_box_snippet_48{margin: 50px 0; padding: 30px 0;} #feature_box_snippet_48 .container .sh_title{max-width: 650px; margin: 0 auto;} #feature_box_snippet_48 .container .sh_title h2{text-align: center; font-size: 40px; text-transform: capitalize; margin-bottom: 20px; margin-top: 0;} #feature_box_snippet_48 .container .sh_title p{text-align: center; font-size: 14px; margin-bottom: 80px;} #feature_box_snippet_48 .container .row .col-md-4 .feature_box{margin-top: 20px; margin-bottom: 20px;} #feature_box_snippet_48 .container .row .col-md-4 .feature_box h4{text-align: center; font-weight: 600;} #feature_box_snippet_48 .container .row .col-md-4 .feature_box .img_box{height: 210px; overflow: hidden;} #feature_box_snippet_48 .container .row .col-md-4 .feature_box .img_box a{text-decoration: none; transition: all .3s;} #feature_box_snippet_48 .container .row .col-md-4 .feature_box .img_box img{width: 100%; height: 210px; object-fit: cover; transform: scaleY(1.15); overflow: hidden; transition: all .3s;} #feature_box_snippet_48 .container .row .col-md-4 .feature_box .img_box:hover img{margin-top: -15px; transition: all .3s;} #feature_box_snippet_48 .container .row .col-md-4 .feature_box .img_box:hover a{background:rgb(0,0,0); opacity: .7; transition: all .3s; z-index: 1;} #feature_box_snippet_48 .container .row .col-md-4 .feature_box .content_text p{text-align: center; font-size: 12px; margin-top: 15px; width: 100%; height: 33px; display: block; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow: ellipsis; overflow: hidden;} @media only screen and (min-width: 768px) and (max-width: 991px){#feature_box_snippet_48 .container .row .col-md-4 .feature_box .img_box img{height: 150px; transform: scaleY(1.2);}#feature_box_snippet_48 .container .row .col-md-4 .feature_box .img_box{height: 150px;}} #feature_box_snippet_49{margin: 50px 0; padding: 30px 0;} #feature_box_snippet_49 .container .sh_title{max-width: 650px; margin: 0 auto;} #feature_box_snippet_49 .container .sh_title h2{text-align: center; font-size: 40px; text-transform: capitalize; margin-bottom: 20px; margin-top: 0;} #feature_box_snippet_49 .container .sh_title p{text-align: center; font-size: 14px; margin-bottom: 80px;} #feature_box_snippet_49 .container .row .col-md-4 .feature_box{margin-top: 20px; position: relative;} #feature_box_snippet_49 .container .row .col-md-4 .feature_box .img_box img{width: 100%; position: relative; top: 0; transition: all.3s; height: 330px; object-fit: cover;} #feature_box_snippet_49 .container .row .col-md-4 .feature_box:hover img{top: -15px; transition: all.3s;} #feature_box_snippet_49 .container .row .col-md-4 .feature_box .img_text{position: relative;} #feature_box_snippet_49 .container .row .col-md-4 .feature_box .img_text h4{text-align: center; font-weight: 600; padding: 15px 20px; width: 100%; background-color: #00a09d; position: absolute; bottom: -10px; color: #fff;} #feature_box_snippet_49 .container .row .col-md-4 .feature_box .img_text:before{content: "\f0d8"; font-family: 'FontAwesome'; position: absolute; left: 50%; transform:translateX(-50%); font-size: 30px; color: #00a09d; bottom: 0px; transition: all .3s;} #feature_box_snippet_49 .container .row .col-md-4 .feature_box:hover .img_text:before{bottom:33px; transition: all .3s;} @media only screen and (min-width: 768px) and (max-width: 991px){#feature_box_snippet_49 .container .row .col-md-4 .feature_box .img_box img{height: 250px;}} #feature_box_snippet_50{margin: 50px 0; padding: 50px 0;} #feature_box_snippet_50 .container .sh_title{max-width: 650px; margin: 0 auto;} #feature_box_snippet_50 .container .sh_title h2{text-align: center; font-size: 40px; text-transform: capitalize; margin-bottom: 20px; margin-top: 0;} #feature_box_snippet_50 .container .sh_title p{text-align: center; font-size: 14px; margin-bottom: 80px;} #feature_box_snippet_50 .container .row .col-md-4 .feature_box{margin-top: 20px; text-align: center; padding: 30px 20px; border:1px solid #e5e5e5; position: relative; top: 0px; transition: all .3s;} #feature_box_snippet_50 .container .row .col-md-4 .feature_box .content_text h4{font-size: 20px; text-transform: capitalize; font-weight: 700; margin-top: 40px;} #feature_box_snippet_50 .container .row .col-md-4 .feature_box .content_text p{max-width: 100%; width: 268px; font-size: 15px; margin: 0 auto; line-height: 24px; margin-top: 20px; max-width: 100%; height: 72px; display: block; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; text-overflow: ellipsis; overflow: hidden;} #feature_box_snippet_50 .container .row .col-md-4 .feature_box:hover{top: -15px; box-shadow: 0 10px 50px -12px rgba(171,171,171,.9); transition: all .3s;} #feature_box_snippet_50 .container .row .col-md-4 .feature_box .content_icon{width: 100%;} #feature_box_snippet_50 .container .row .col-md-4 .feature_box .content_icon .icon_box{width: 100px; height: 100px; text-align: center; background-color: #00a09d; margin: 0 auto; border-radius: 50%; position: relative;} #feature_box_snippet_50 .container .row .col-md-4 .feature_box .content_icon .icon_box span{font-size: 50px; line-height: 100px; color: #fff;} #feature_box_snippet_50 .container .row .col-md-4 .feature_box .content_icon .icon_box:before{content: ""; position: absolute; width: 100%; height: 100%; left: 50%; transform: translateX(-50%); top: 0; border-radius: 50%; animation: shadow 1s infinite; box-shadow: 0 6px 12px #efefef; opacity: 0; z-index: -10;} @keyframes shadow{0%{-moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4); box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);}70%{-moz-box-shadow: 0 0 0 15px rgba(204,169,44, 0); box-shadow: 0 0 0 15px rgba(204,169,44, 0);}100%{-moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0); box-shadow: 0 0 0 0 rgba(204,169,44, 0);}} #feature_box_snippet_50 .container .row .col-md-4 .feature_box:hover .content_icon .icon_box:before{opacity: 1;} #feature_box_snippet_50 .container .row .col-md-4 .feature_box2{margin-top: 20px; text-align: center; padding: 30px 20px; border:1px solid #e5e5e5; position: relative; top: -15px; transition: all .3s; box-shadow: 0 10px 50px -12px rgba(171,171,171,.9);} #feature_box_snippet_50 .container .row .col-md-4 .feature_box2 .content_icon{width: 100%;} #feature_box_snippet_50 .container .row .col-md-4 .feature_box2 .content_icon .icon_box{width: 100px; height: 100px; text-align: center; border-radius: 50%; margin: 0 auto; background-color: #00a09d; position: relative;} #feature_box_snippet_50 .container .row .col-md-4 .feature_box2 .content_icon .icon_box:before{content: ""; position: absolute; width: 100%; height: 100%; animation: shadow 1s infinite; box-shadow: 0 6px 12px #efefef; border-radius: 50%; left: 50%; transform: translateX(-50%); z-index: -10;} @keyframes shadow{0%{-moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4); box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);}70%{-moz-box-shadow: 0 0 0 15px rgba(204,169,44, 0); box-shadow: 0 0 0 15px rgba(204,169,44, 0);}100%{-moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0); box-shadow: 0 0 0 0 rgba(204,169,44, 0);}} #feature_box_snippet_50 .container .row .col-md-4 .feature_box2 .content_icon .icon_box span{font-size: 50px; color: #fff; line-height: 100px;} #feature_box_snippet_50 .container .row .col-md-4 .feature_box2 .content_text h4{font-size: 20px; text-transform: capitalize; font-weight: 700; margin-top: 40px;} #feature_box_snippet_50 .container .row .col-md-4 .feature_box2 .content_text p{max-width: 100%; width: 268px; font-size: 15px; margin: 0 auto; line-height: 24px; margin-top: 20px; max-width: 100%; height: 72px; display: block; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; text-overflow: ellipsis; overflow: hidden;} #feature_box_snippet_51{margin: 50px 0; padding: 50px 0;} #feature_box_snippet_51 .container .sh_title{max-width: 650px; margin: 0 auto;} #feature_box_snippet_51 .container .sh_title h2{text-align: center; font-size: 40px; text-transform: capitalize; margin-bottom: 20px; margin-top: 0;} #feature_box_snippet_51 .container .sh_title p{text-align: center; font-size: 14px; margin-bottom: 80px;} #feature_box_snippet_51 .container .row .col-md-4 .feature_box{width: 100%; margin-top: 20px; text-align: center;} #feature_box_snippet_51 .container .row .col-md-4 .feature_box .icon_box span{width: 108px; height: 108px; font-size: 50px; line-height: 105px; border: 2px solid #00a09d; color: #00a09d;} #feature_box_snippet_51 .container .row .col-md-4 .feature_box .icon_box span:hover{background-color: #00a09d; color: #fff; transition: all .3s;} #feature_box_snippet_51 .container .row .col-md-4 .feature_box .content_text h4{margin-top: 30px; font-size: 22px; font-weight: 600;} #feature_box_snippet_51 .container .row .col-md-4 .feature_box .content_text p{margin-top: 15px; font-size: 15px; width: 100%; height: 65px; display: block; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;} #feature_box_snippet_51 .container .row .col-md-4 .feature_box2{width: 100%; margin-top: 20px; text-align: center;} #feature_box_snippet_51 .container .row .col-md-4 .feature_box2 .icon_box span{width: 108px; height: 108px; font-size: 50px; line-height: 105px; border: 2px dashed #00a09d; color: #00a09d; transition: all .3s;} #feature_box_snippet_51 .container .row .col-md-4 .feature_box2 .icon_box span:hover{background-color: #00a09d; color: #fff; transition: all .3s; border-radius: 50%;} #feature_box_snippet_51 .container .row .col-md-4 .feature_box2 .content_text h4{margin-top: 30px; font-size: 22px; font-weight: 600;} #feature_box_snippet_51 .container .row .col-md-4 .feature_box2 .content_text p{margin-top: 15px; font-size: 15px; width: 100%; height: 65px; display: block; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;} #feature_box_snippet_51 .container .row .col-md-4 .feature_box3{width: 100%; margin-top: 20px; text-align: center;} #feature_box_snippet_51 .container .row .col-md-4 .feature_box3 .icon_box span{width: 108px; height: 108px; font-size: 50px; line-height: 105px; border: 2px dashed #00a09d; color: #00a09d; transition: all .3s;} #feature_box_snippet_51 .container .row .col-md-4 .feature_box3 .icon_box span:hover{transition: all .3s; border-radius: 16px;} #feature_box_snippet_51 .container .row .col-md-4 .feature_box3 .content_text h4{margin-top: 30px; font-size: 22px; font-weight: 600;} #feature_box_snippet_51 .container .row .col-md-4 .feature_box3 .content_text p{margin-top: 15px; font-size: 15px; width: 100%; height: 65px; display: block; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;} #feature_box_snippet_52{margin: 50px 0; padding: 50px 0;} #feature_box_snippet_52 .container .sh_title{max-width: 650px; margin: 0 auto;} #feature_box_snippet_52 .container .sh_title h2{text-align: center; font-size: 40px; text-transform: capitalize; margin-bottom: 20px; margin-top: 0;} #feature_box_snippet_52 .container .sh_title p{text-align: center; font-size: 14px; margin-bottom: 80px;} #feature_box_snippet_52 .container .row .col-md-4 .feature_box{width: 100%; margin-top: 20px; text-align: center;} #feature_box_snippet_52 .container .row .col-md-4 .feature_box .icon_box span{font-size: 40px; width: 108px; line-height: 108px; height: 108px; border: 2px solid #00a09d; border-radius: 50%; background-color: #00a09d; color: #fff; transition: all .3s;} #feature_box_snippet_52 .container .row .col-md-4 .feature_box .icon_box span:hover{border-radius: 0; background-color: #fff; color: #00a09d; transition: all .3s;} #feature_box_snippet_52 .container .row .col-md-4 .feature_box .content_text h4{font-size: 22px; font-weight: 600; margin-top: 30px; text-transform: capitalize;} #feature_box_snippet_52 .container .row .col-md-4 .feature_box .content_text p{font-size: 15px; margin-top: 20px; width: 100%; height: 62px; display: block; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; text-overflow: ellipsis; overflow: hidden;} #feature_box_snippet_52 .container .row .col-md-4 .feature_box2{margin-top: 20px; text-align: center;} #feature_box_snippet_52 .container .row .col-md-4 .feature_box2 .icon_box span{font-size: 40px; width: 108px; line-height: 108px; height: 108px; border: 2px solid #00a09d; border-radius: 15px; background-color: #00a09d; color: #fff; transition: all .3s;} #feature_box_snippet_52 .container .row .col-md-4 .feature_box2 .icon_box span:hover{border-radius: 0; background-color: #fff; color: #00a09d; transition: all .3s;} #feature_box_snippet_52 .container .row .col-md-4 .feature_box2 .content_text h4{font-size: 22px; font-weight: 600; margin-top: 30px; text-transform: capitalize;} #feature_box_snippet_52 .container .row .col-md-4 .feature_box2 .content_text p{font-size: 15px; margin-top: 20px; width: 100%; height: 62px; display: block; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; text-overflow: ellipsis; overflow: hidden;} #feature_box_snippet_53{margin: 50px 0; padding: 50px 0;} #feature_box_snippet_53 .container .sh_title{max-width: 650px; margin: 0 auto;} #feature_box_snippet_53 .container .sh_title h2{text-align: center; font-size: 40px; text-transform: capitalize; margin-bottom: 20px; margin-top: 0;} #feature_box_snippet_53 .container .sh_title p{text-align: center; font-size: 14px; margin-bottom: 80px;} #feature_box_snippet_53 .container .row .col-md-4 .feature_box{margin-top: 20px;} #feature_box_snippet_53 .container .row .col-md-4 .feature_box .icon_box span{font-size: 40px; width: 90px; height: 90px; line-height: 88px; text-align: center; border: 2px solid #00a09d; background-color: #00a09d; color: #fff; border-radius: 50%; transition: all .3s;} #feature_box_snippet_53 .container .row .col-md-4 .feature_box .icon_box span:hover{border-radius: 0; background-color: #fff; color: #00a09d; transition: all .3s;} #feature_box_snippet_53 .container .row .col-md-4 .feature_box .content_text h4{font-size: 22px; font-weight: 600; text-transform: capitalize; margin-top: 30px;} #feature_box_snippet_53 .container .row .col-md-4 .feature_box .content_text p{font-size: 15px; margin-top: 20px; width: 100%; height: 62px; display: block; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; text-overflow: ellipsis; overflow: hidden;} #feature_box_snippet_53 .container .row .col-md-4 .feature_box2{margin-top: 20px; text-align: center;} #feature_box_snippet_53 .container .row .col-md-4 .feature_box2 .icon_box span{font-size: 40px; width: 90px; height: 90px; line-height: 88px; text-align: center; border: 2px solid #00a09d; background-color: #00a09d; color: #fff; border-radius: 50%; transition: all .3s;} #feature_box_snippet_53 .container .row .col-md-4 .feature_box2 .icon_box span:hover{border-radius: 0; background-color: #fff; color: #00a09d; transition: all .3s;} #feature_box_snippet_53 .container .row .col-md-4 .feature_box2 .content_text h4{font-size: 22px; font-weight: 600; text-transform: capitalize; margin-top: 30px;} #feature_box_snippet_53 .container .row .col-md-4 .feature_box2 .content_text p{font-size: 15px; margin-top: 20px; width: 100%; height: 62px; display: block; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; text-overflow: ellipsis; overflow: hidden;} #feature_box_snippet_53 .container .row .col-md-4 .feature_box3{margin-top: 20px; text-align: right;} #feature_box_snippet_53 .container .row .col-md-4 .feature_box3 .icon_box span{font-size: 40px; width: 90px; height: 90px; line-height: 88px; text-align: center; border: 2px solid #00a09d; background-color: #00a09d; color: #fff; border-radius: 50%; transition: all .3s;} #feature_box_snippet_53 .container .row .col-md-4 .feature_box3 .icon_box span:hover{border-radius: 0; background-color: #fff; color: #00a09d; transition: all .3s;} #feature_box_snippet_53 .container .row .col-md-4 .feature_box3 .content_text h4{font-size: 22px; font-weight: 600; text-transform: capitalize; margin-top: 30px;} #feature_box_snippet_53 .container .row .col-md-4 .feature_box3 .content_text p{font-size: 15px; margin-top: 20px; width: 100%; height: 62px; display: block; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; text-overflow: ellipsis; overflow: hidden;} @media only screen and (max-width: 768px){#feature_box_snippet_53 .container .row .col-md-4 .feature_box, #feature_box_snippet_53 .container .row .col-md-4 .feature_box2, #feature_box_snippet_53 .container .row .col-md-4 .feature_box3{text-align: left;}} #feature_box_snippet_54{margin: 50px 0; padding: 50px 0;} #feature_box_snippet_54 .container .sh_title{max-width: 650px; margin: 0 auto;} #feature_box_snippet_54 .container .sh_title h2{text-align: center; font-size: 40px; text-transform: capitalize; margin-bottom: 20px; margin-top: 0;} #feature_box_snippet_54 .container .sh_title p{text-align: center; font-size: 14px; margin-bottom: 80px;} #feature_box_snippet_54 .container .row .col-md-4 .feature_box{width: 100%; margin-top: 20px; text-align: center;} #feature_box_snippet_54 .container .row .col-md-4 .feature_box .icon_box span{font-size: 50px; width: 110px; height: 110px; background-color: #00a09d; line-height: 110px; color: #fff; border-radius: 50px 0; transition: all .3s;} #feature_box_snippet_54 .container .row .col-md-4 .feature_box:hover .icon_box span{border-radius: 0 50px; transition: all .3s;} #feature_box_snippet_54 .container .row .col-md-4 .feature_box .content_text h4{margin-top: 30px; font-size: 22px; font-weight: 600; text-transform: capitalize;} #feature_box_snippet_54 .container .row .col-md-4 .feature_box .content_text p{font-size: 15px; margin-top: 10px; width: 100%; height: 62px; display: block; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; text-overflow: ellipsis; overflow: hidden;} #feature_box_snippet_55{margin: 50px 0; padding: 50px 0;} #feature_box_snippet_55 .container .sh_title{max-width: 650px; margin: 0 auto;} #feature_box_snippet_55 .container .sh_title h2{text-align: center; font-size: 40px; text-transform: capitalize; margin-bottom: 20px; margin-top: 0;} #feature_box_snippet_55 .container .sh_title p{text-align: center; font-size: 14px; margin-bottom: 80px;} #feature_box_snippet_55 .container .row .col-md-4 .feature_box{border: 1px solid #e5e5e5; width: 100%; display: inline-flex; padding: 40px 20px; transition: all .3s;} #feature_box_snippet_55 .container .row .col-md-4 .feature_box .icon_box span{font-size: 40px; color: #00a09d; transition: all .3s;} #feature_box_snippet_55 .container .row .col-md-4 .feature_box .content_text h4{font-size: 22px; font-weight: 600; padding-left: 40px; text-transform: capitalize; margin-top: 0;} #feature_box_snippet_55 .container .row .col-md-4 .feature_box .content_text p{font-size: 15px; padding-left: 40px; width: 100%; height: 83px; display: block; display: -webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; text-overflow: ellipsis; overflow: hidden;} #feature_box_snippet_55 .container .row .col-md-4 .feature_box:hover{background-color: #00a09d; color:#fff; transition: all .3s;} #feature_box_snippet_55 .container .row .col-md-4 .feature_box:hover .icon_box span{-webkit-animation: pulse-shadow 0.5s; animation: pulse-shadow 0.5s; transition: all .3s; color: #fff;} @keyframes pulse-shadow{0%{transform: translate(0px,-20px); -webkit-transform: translate(0px,-20px); -moz-transform: translate(0px,-20px);}50%{transform: translate(0px,20px); -webkit-transform: translate(0px,20px); -moz-transform: translate(0px,20px);}} @media only screen and (min-width: 768px) and (max-width: 991px){#feature_box_snippet_55 .container .row .col-md-4 .feature_box{padding: 40px 10px;}#feature_box_snippet_55 .container .row .col-md-4 .feature_box .content_text p, #feature_box_snippet_55 .container .row .col-md-4 .feature_box .content_text h4{padding-left: 20px;}#feature_box_snippet_55 .container .row .col-md-4 .feature_box .content_text h4{font-size: 20px;}} #feature_box_snippet_56{margin: 50px 0; padding: 50px 0;} #feature_box_snippet_56 .container .sh_title{max-width: 650px; margin: 0 auto;} #feature_box_snippet_56 .container .sh_title h2{text-align: center; font-size: 40px; text-transform: capitalize; margin-bottom: 20px; margin-top: 0;} #feature_box_snippet_56 .container .sh_title p{text-align: center; font-size: 14px; margin-bottom: 80px;} #feature_box_snippet_56 .container .row .col-md-4 .feature_box{width: 100%; margin-top: 20px; display: inline-flex;} #feature_box_snippet_56 .container .row .col-md-4 .feature_box .icon_box span{font-size: 22px; width: 50px; height: 50px; line-height: 50px; text-align: center; border: 1px solid #00a09d; color: #00a09d; transition: all .3s;} #feature_box_snippet_56 .container .row .col-md-4 .feature_box .content_text{padding-left: 20px;} #feature_box_snippet_56 .container .row .col-md-4 .feature_box .content_text h4{text-transform: capitalize; font-size: 18px; font-weight: 600; margin-top: 0;} #feature_box_snippet_56 .container .row .col-md-4 .feature_box .content_text p{font-size: 16px; margin-top: 20px; line-height: 24px; width: 100%; height: 96px; display: block; display: -webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; text-overflow: ellipsis; overflow: hidden;} #feature_box_snippet_56 .container .row .col-md-4 .feature_box:hover .icon_box span{background-color: #00a09d; color: #fff; transition: all .3s;} #feature_box_snippet_57{margin: 50px 0; padding: 50px 0;} #feature_box_snippet_57 .container .sh_title{max-width: 650px; margin: 0 auto;} #feature_box_snippet_57 .container .sh_title h2{text-align: center; font-size: 40px; text-transform: capitalize; margin-bottom: 20px; margin-top: 0;} #feature_box_snippet_57 .container .sh_title p{text-align: center; font-size: 14px; margin-bottom: 80px;} #feature_box_snippet_57 .container .row .col-md-4 .feature_box{position: relative; border:1px solid #e5e5e5; padding: 50px 20px; text-align: center; margin-top: 50px;} #feature_box_snippet_57 .container .row .col-md-4 .feature_box .icon_box{position: absolute; top: -35px; left: 50%; transform: translateX(-50%); width: 70px; height: 70px; border: 1px solid #00a09d; text-align: center; background: #00a09d; color: #fff; transition: all .3s;} #feature_box_snippet_57 .container .row .col-md-4 .feature_box .icon_box span{font-size: 40px; line-height: 70px; color: #fff;} #feature_box_snippet_57 .container .row .col-md-4 .feature_box .content_text h4{font-weight: 600; text-transform: capitalize;} #feature_box_snippet_57 .container .row .col-md-4 .feature_box .content_text p{width: 278px; max-width: 100%; margin: 0 auto; margin-top: 15px; font-size: 16px; line-height: 24px; height: 96px; display: block; display: -webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; text-overflow: ellipsis; overflow: hidden;} #feature_box_snippet_57 .container .row .col-md-4 .feature_box:hover .icon_box{background-color: #000; color: #fff; transition: all .3s;} #feature_box_snippet_58{margin: 50px 0; padding: 50px 0;} #feature_box_snippet_58 .container .sh_title{max-width: 650px; margin: 0 auto;} #feature_box_snippet_58 .container .sh_title h2{text-align: center; font-size: 40px; text-transform: capitalize; margin-bottom: 20px; margin-top: 0;} #feature_box_snippet_58 .container .sh_title p{text-align: center; font-size: 14px; margin-bottom: 80px;} #feature_box_snippet_58 .container .row .col-md-6{padding-right: 0; padding-left: 0;} #feature_box_snippet_58 .container .row .col-md-6 .feature_box{border:1px solid #00a09d; padding: 40px 20px; text-align: center;} #feature_box_snippet_58 .container .row .col-md-6 .feature_box .icon_box{width: 100px; height: 100px; border: 1px solid #00a09d; margin: 0 auto; transform: rotate(45deg); border-right: 5px solid #00a09d; position: relative; transition: all .3s;} #feature_box_snippet_58 .container .row .col-md-6 .feature_box .icon_box .sh_icon{font-size: 50px; color: #000; line-height: 100px; transform: rotate(-45deg) !important; z-index: 1; opacity: 1; transition: all .3s;} #feature_box_snippet_58 .container .row .col-md-6 .feature_box .content_text h4{text-transform: capitalize; margin-top: 50px; font-weight: 600; position: relative;} #feature_box_snippet_58 .container .row .col-md-6 .feature_box .content_text p{margin-top: 20px; font-size: 16px; width:100%; height: 72px; display:block; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;} #feature_box_snippet_58 .container .row .col-md-6 .feature_box:hover .icon_box{background-color: #00a09d; color: #fff; transition: all .3s;} #feature_box_snippet_58 .container .row .col-md-6 .feature_box:hover .icon_box .sh_icon{color: #fff; transition: all .3s;} #feature_box_snippet_58 .container .row .col-md-6 .feature_box .icon_box .sh_before:after{content: ""; position: absolute; width: 100px; height: 100px; background-color: #337ab7; left: 0px; top: 0px; z-index: -1; background: transparent; transition: all .3s;} #feature_box_snippet_58 .container .row .col-md-6 .feature_box:hover .sh_before:after{background-color: #00a09d; transition: all .5s; left: -10px; top: 10px; opacity: .9;} @media only screen and (min-width: 1033px){#feature_box_snippet_58 .container .row .col-md-6 .feature_box .content_text h4:after{content: '\f0c8'; position: absolute; font-family: "FontAwesome"; right: -28px; transform: rotate(45deg); color: #00a09d;}} @media only screen and (max-width: 800px){#feature_box_snippet_58 .container .row .col-md-6 .feature_box .content_text h4:after{opacity: 0 !important; visibility: hidden;}} @media only screen and (max-width: 768px){#feature_box_snippet_58 .container .row .col-xs-12{width: 50%;}} @media only screen and (max-width: 510px){#feature_box_snippet_58 .container .row .col-xs-12{width: 100%;}} #feature_box_snippet_59{margin: 50px 0; padding: 50px 0;} #feature_box_snippet_59 .container .sh_title{max-width: 650px; margin: 0 auto;} #feature_box_snippet_59 .container .sh_title h2{text-align: center; font-size: 40px; text-transform: capitalize; margin-bottom: 20px; margin-top: 0;} #feature_box_snippet_59 .container .sh_title p{text-align: center; font-size: 14px; margin-bottom: 80px;} #feature_box_snippet_59 .container .row .col-md-4 .feature_box{width: 100%; height: 250px; background-color: #f8fafb; border-bottom: 4px solid #00a09d; border-radius: 5px; margin-top: 50px; text-align: center; position: relative;} #feature_box_snippet_59 .container .row .col-md-4 .feature_box .icon_box{top:50%; left: 50%; transform: translate(-50%,-50%); position: absolute; transition: all .3s;} #feature_box_snippet_59 .container .row .col-md-4 .feature_box .icon_box span{font-size: 50px; color: #00a09d; border-radius: 50%; padding:20px; box-shadow: 3px 4px 0 #00a09d; transition: all .3s;} #feature_box_snippet_59 .container .row .col-md-4 .feature_box .icon_box h4{font-weight: 600; text-transform: capitalize; margin-top: 30px;} #feature_box_snippet_59 .container .row .col-md-4 .feature_box .content_text{position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%) scale(0); transition: all .3s;} #feature_box_snippet_59 .container .row .col-md-4 .feature_box .content_text p{width: 250px; line-height: 24px; font-size: 16px; transition: all .3s; width:100%; height: 96px; display: block; display: -webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; text-overflow: ellipsis; overflow: hidden;} #feature_box_snippet_59 .container .row .col-md-4 .feature_box:hover .icon_box{top: 25px; transition: all .3s;} #feature_box_snippet_59 .container .row .col-md-4 .feature_box:hover .icon_box span{font-size: 40px; padding: 15px; transition: all .3s;} #feature_box_snippet_59 .container .row .col-md-4 .feature_box:hover .content_text{transform: translateX(-50%) scale(1); transition: all .3s;} #feature_box_snippet_60{margin: 50px 0; padding: 50px 0;} #feature_box_snippet_60 .container .sh_title{max-width: 650px; margin: 0 auto;} #feature_box_snippet_60 .container .sh_title h2{text-align: center; font-size: 40px; text-transform: capitalize; margin-bottom: 20px; margin-top: 0;} #feature_box_snippet_60 .container .sh_title p{text-align: center; font-size: 14px; margin-bottom: 80px;} #feature_box_snippet_60 .container .row .col-md-4 .feature_box{padding: 40px 20px; border: 1px solid #e5e5e5; text-align: center; transition: all .3s;} #feature_box_snippet_60 .container .row .col-md-4 .feature_box .icon_box span{font-size: 40px; color: #00a09d; border: 3px solid #00a09d; width: 80px; height: 80px; line-height: 77px; border-radius: 50%;} #feature_box_snippet_60 .container .row .col-md-4 .feature_box .content_text h4{font-weight: 600; text-transform: capitalize; margin-top: 30px; font-size: 20px;} #feature_box_snippet_60 .container .row .col-md-4 .feature_box .content_text p{font-size: 16px; line-height: 25px; margin-top: 20px; width: 100%; height: 74px; display: block; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;} #feature_box_snippet_60 .container .row .col-md-4 .feature_box:hover .icon_box span{-webkit-animation: b 2s infinite linear; animation: b 2s infinite linear;} #feature_box_snippet_60 .container .row .col-md-4 .feature_box:hover{background-color: #ededed; transition: all .3s;} @keyframes b{0%{-webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg);}100%{-webkit-transform: rotateY(1turn); -moz-transform: rotateY(1turn); -ms-transform: rotateY(1turn); -o-transform: rotateY(1turn); transform: rotateY(1turn);}} #feature_box_snippet_61{margin: 50px 0; padding: 50px 0;} #feature_box_snippet_61 .container .sh_title{max-width: 650px; margin: 0 auto;} #feature_box_snippet_61 .container .sh_title h2{text-align: center; font-size: 40px; text-transform: capitalize; margin-bottom: 20px; margin-top: 0;} #feature_box_snippet_61 .container .sh_title p{text-align: center; font-size: 14px; margin-bottom: 80px;} #feature_box_snippet_61 .container .row .col-md-4 .feature_box{text-align: center; width: 100%;} #feature_box_snippet_61 .container .row .col-md-4 .feature_box .icon_box{width: 90px; height: 90px; background-color: #00a09d; border-radius: 50%; margin: 0 auto;} #feature_box_snippet_61 .container .row .col-md-4 .feature_box .icon_box span{font-size: 30px; line-height: 90px; color: #fff; display: block; z-index: 3; transform: rotateZ(0deg); transition: all 1s ease-out;} #feature_box_snippet_61 .container .row .col-md-4 .feature_box .content_text h4{font-size: 20px; text-transform: capitalize; font-weight: 600; margin-top: 20px;} #feature_box_snippet_61 .container .row .col-md-4 .feature_box .content_text p{font-size: 16px; width: 300px; margin: 0 auto; margin-top: 30px; height: 67px; width: 100%; display: block; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; text-overflow: ellipsis; overflow: hidden;} #feature_box_snippet_61 .container .row .col-md-4 .feature_box:hover .icon_box span{transform: rotateZ(720deg) !important; transition: all 1s ease-out;} #feature_box_snippet_62{margin: 50px 0; padding: 50px 0;} #feature_box_snippet_62 .container .sh_title{max-width: 650px; margin: 0 auto;} #feature_box_snippet_62 .container .sh_title h2{text-align: center; font-size: 40px; text-transform: capitalize; margin-bottom: 20px; margin-top: 0;} #feature_box_snippet_62 .container .sh_title p{text-align: center; font-size: 14px; margin-bottom: 80px;} #feature_box_snippet_62 .container .row .col-md-4 .feature_box{margin-top: 20px; display: inline-flex;} #feature_box_snippet_62 .container .row .col-md-4 .feature_box .content_text{padding-right: 20px;} #feature_box_snippet_62 .container .row .col-md-4 .feature_box .content_text h4{font-size: 20px; font-weight: 600; text-transform: capitalize; text-align: right;} #feature_box_snippet_62 .container .row .col-md-4 .feature_box .content_text p{font-size: 15px; line-height: 24px; text-align: right; width: 100%; height: 72px; display: block; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; text-overflow: ellipsis; overflow: hidden;} #feature_box_snippet_62 .container .row .col-md-4 .feature_box .icon_box span{font-size: 30px; width: 80px; height: 80px; line-height: 80px; background-color: #00a09d; border-radius: 50%; text-align: center; color: #fff; transition: all .3s;} #feature_box_snippet_62 .container .row .col-md-4 .feature_box:hover .icon_box span{background-color: #000; transition: all .3s;} #feature_box_snippet_62 .container .row .col-md-4 .feature_box2{margin-top: 20px; display: inline-flex;} #feature_box_snippet_62 .container .row .col-md-4 .feature_box2 .content_text{padding-right: 20px;} #feature_box_snippet_62 .container .row .col-md-4 .feature_box2 .content_text h4{font-size: 20px; font-weight: 600; text-transform: capitalize; text-align: right;} #feature_box_snippet_62 .container .row .col-md-4 .feature_box2 .content_text p{font-size: 15px; line-height: 24px; text-align: right; width: 100%; height: 72px; display: block; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; text-overflow: ellipsis; overflow: hidden;} #feature_box_snippet_62 .container .row .col-md-4 .feature_box2 .icon_box span{font-size: 30px; width: 80px; height: 80px; line-height: 80px; background-color: #000; text-align: center; color: #fff; transition: all .3s;} #feature_box_snippet_62 .container .row .col-md-4 .feature_box2:hover .icon_box span{background-color: transparent; color: #000; border: 1px solid #000; animation: box .5s; transition: all .3s;} @keyframes box{0%{box-shadow: 0px 1px 10px 9px rgba(0,0,0,0);}50%{box-shadow: 0px 1px 10px 9px rgba(0,0,0,0.2);}100%{box-shadow: 0px 1px 10px 9px rgba(0,0,0,0);}} #feature_box_snippet_62 .container .row .col-md-4 .feature_box3{margin-top: 20px; display: inline-flex;} #feature_box_snippet_62 .container .row .col-md-4 .feature_box3 .content_text{padding-right: 20px;} #feature_box_snippet_62 .container .row .col-md-4 .feature_box3 .content_text h4{font-size: 20px; font-weight: 600; text-transform: capitalize; text-align: right;} #feature_box_snippet_62 .container .row .col-md-4 .feature_box3 .content_text p{font-size: 15px; line-height: 24px; text-align: right; width: 100%; height: 72px; display: block; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; text-overflow: ellipsis; overflow: hidden;} #feature_box_snippet_62 .container .row .col-md-4 .feature_box3 .icon_box span{font-size: 30px; width: 80px; height: 80px; line-height: 80px; background-color: #fff; text-align: center; color: #000; transition: all .3s; border:1px solid #000;} #feature_box_snippet_62 .container .row .col-md-4 .feature_box3:hover .icon_box span{background-color: #00a09d; color: #fff; border: 1px solid #000; animation: box .5s; transition: all .3s;} @keyframes box{0%{box-shadow: 0px 1px 10px 9px rgba(0,0,0,0);}50%{box-shadow: 0px 1px 10px 9px rgba(0,0,0,0.2);}100%{box-shadow: 0px 1px 10px 9px rgba(0,0,0,0);}} @media only screen and (min-width: 768px) and (max-width: 991px){#feature_box_snippet_62 .container .row .col-md-4 .feature_box3 .content_text h4, #feature_box_snippet_62 .container .row .col-md-4 .feature_box2 .content_text h4, #feature_box_snippet_62 .container .row .col-md-4 .feature_box .content_text h4{font-size: 18px;}} #feature_box_snippet_63{margin: 50px 0; padding: 50px 0;} #feature_box_snippet_63 .container .sh_title{max-width: 650px; margin: 0 auto;} #feature_box_snippet_63 .container .sh_title h2{text-align: center; font-size: 40px; text-transform: capitalize; margin-bottom: 20px; margin-top: 0;} #feature_box_snippet_63 .container .sh_title p{text-align: center; font-size: 14px; margin-bottom: 80px;} #feature_box_snippet_63 .container .row .col-md-4 .feature_box{padding: 40px 20px; border:1px solid #e5e5e5;} #feature_box_snippet_63 .container .row .col-md-4 .feature_box .content_box{width: 100%; display: inline-flex;} #feature_box_snippet_63 .container .row .col-md-4 .feature_box .content_box .icon_box{font-size: 30px; width: 60px; height: 60px; line-height: 58px; border-radius: 50%; border:1px solid #000; text-align: center; transition: all .3s; color:#000;} #feature_box_snippet_63 .container .row .col-md-4 .feature_box:hover .content_box .icon_box{background-color: #00a09d; color: #fff; border-color: #00a09d; transition: all .3s;} #feature_box_snippet_63 .container .row .col-md-4 .feature_box .content_box .sh_text h4{font-size: 20px; text-transform: capitalize; font-weight: 600; margin-top: 20px; margin-left: 50px; position: relative;} #feature_box_snippet_63 .container .row .col-md-4 .feature_box .content_box .sh_text h4:before{content: ""; position: absolute; border-bottom:1px solid #e5e5e5; left: -40px; top: 10px; width: 35px;} #feature_box_snippet_63 .container .row .col-md-4 .feature_box .content_text{padding-top: 20px; position: relative;} #feature_box_snippet_63 .container .row .col-md-4 .feature_box .content_text:after{content: ""; position: absolute; border-bottom: 2px solid #000; width: 0px; bottom: 24px; left: 0; transition: all .3s;} #feature_box_snippet_63 .container .row .col-md-4 .feature_box .content_text p{font-size: 16px; width: 100%; height: 90px; display: block; display: -webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; text-overflow: ellipsis; overflow: hidden;} #feature_box_snippet_63 .container .row .col-md-4 .feature_box .content_text a{text-decoration: none; color: #00a09d; text-transform: uppercase; font-weight: 600; margin-top: 20px; display: inline-block; position: relative;} #feature_box_snippet_63 .container .row .col-md-4 .feature_box .content_text a:after{content: ""; position: absolute; left: 0; top: -5px; border-top: 1px solid #e5e5e5; width: 85px;} #feature_box_snippet_63 .container .row .col-md-4 .feature_box:hover .content_text:after{width: 85px; transition: all .3s;} @media only screen and (min-width: 768px) and (max-width: 991px){#feature_box_snippet_63 .container .row .col-md-4 .feature_box{padding: 40px 10px;}#feature_box_snippet_63 .container .row .col-md-4 .feature_box .content_box .sh_text h4{font-size: 16px; margin-left: 28px;}#feature_box_snippet_63 .container .row .col-md-4 .feature_box .content_box .sh_text h4:before{width: 20px; left: -23px;}} #feature_box_snippet_64{margin: 50px 0; padding: 50px 0;} #feature_box_snippet_64 .container .sh_title{max-width: 650px; margin: 0 auto;} #feature_box_snippet_64 .container .sh_title h2{text-align: center; font-size: 40px; text-transform: capitalize; margin-bottom: 20px; margin-top: 0;} #feature_box_snippet_64 .container .sh_title p{text-align: center; font-size: 14px; margin-bottom: 80px;} #feature_box_snippet_64 .container .row .col-md-6 .feature_box{margin-top: 20px; text-align: center; height: 280px; width: 100%; border: 2px solid #e5e5e5; border-radius: 5px;} #feature_box_snippet_64 .container .row .col-md-6 .feature_box .content_box{padding: 40px 20px; z-index: 1; opacity: 1;} #feature_box_snippet_64 .container .row .col-md-6 .feature_box .content_box .icon_box{z-index: 10;} #feature_box_snippet_64 .container .row .col-md-6 .feature_box .content_box .icon_box span{font-size: 50px; color: #00a09d; margin-top: 10px;} #feature_box_snippet_64 .container .row .col-md-6 .feature_box .content_box .content_text h4{font-size: 20px; font-weight: 600; text-transform: capitalize; margin-top: 20px;} #feature_box_snippet_64 .container .row .col-md-6 .feature_box .content_box .content_text p{font-size: 16px; margin-top: 20px; height: 67px; width: 100%; display: block; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; text-overflow: ellipsis; overflow: hidden;} #feature_box_snippet_64 .container .row .col-md-6 .feature_box:hover{background: url(/sh_animated_snippets/static/src/img/sn_12_1.png); object-fit: cover; width: 100%; height: 280px; color: #fff; transition: all .3s; border: 2px solid #e5e5e5; border-radius: 5px;} #feature_box_snippet_64 .container .row .col-md-6 .feature_box:hover .content_box{background: rgba(0,0,0,.7); opacity: 1; width: 100%; height: 100%;} #feature_box_snippet_64 .container .row .col-md-6 .feature_box:hover .icon_box span, #feature_box_snippet_64 .container .row .col-md-6 .feature_box:hover .content_box .content_text p, #feature_box_snippet_64 .container .row .col-md-6 .feature_box:hover .content_box .content_text h4{color: #fff;} @media only screen and (max-width: 768px){#feature_box_snippet_64 .container .row .col-xs-12{width: 50%}} @media only screen and (max-width: 510px){#feature_box_snippet_64 .container .row .col-xs-12{width: 100%}} #feature_box_snippet_65{margin: 50px 0; padding: 50px 0;} #feature_box_snippet_65 .container .sh_title{max-width: 650px; margin: 0 auto;} #feature_box_snippet_65 .container .sh_title h2{text-align: center; font-size: 40px; text-transform: capitalize; margin-bottom: 20px; margin-top: 0;} #feature_box_snippet_65 .container .sh_title p{text-align: center; font-size: 14px; margin-bottom: 80px;} #feature_box_snippet_65 .container .row .col-md-4 .feature_box{text-align: center; margin-top: 50px;} #feature_box_snippet_65 .container .row .col-md-4 .feature_box .content_box{position: relative; top: 0; transition: all .3s;} #feature_box_snippet_65 .container .row .col-md-4 .feature_box .content_box .icon_box span{font-size: 40px; color: #00a09d;} #feature_box_snippet_65 .container .row .col-md-4 .feature_box .content_box .sh_text h4{font-size: 20px; font-weight: 600; text-transform: capitalize; margin-top: 30px;} #feature_box_snippet_65 .container .row .col-md-4 .feature_box .content_box .sh_text p{color: #777;} #feature_box_snippet_65 .container .row .col-md-4 .feature_box .content_box .sh_per{width: 298px; max-width: 100%; text-align: center; margin: 0 auto; margin-top: 20px; height: 60px; display: block; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;} #feature_box_snippet_65 .container .row .col-md-4 .feature_box .sh_icon span{font-size: 40px; color: #00a09d; visibility: hidden;} #feature_box_snippet_65 .container .row .col-md-4 .feature_box .sh_icon{position: absolute; bottom: -20px; left: 50%; transform: translateX(-50%); transition: all .3s;} #feature_box_snippet_65 .container .row .col-md-4 .feature_box:hover .content_box{top: -20px; transition: all .3s;} #feature_box_snippet_65 .container .row .col-md-4 .feature_box:hover .sh_icon span{visibility: visible;} #feature_box_snippet_66{margin: 50px 0; padding: 50px 0;} #feature_box_snippet_66 .container .sh_title{max-width: 650px; margin: 0 auto;} #feature_box_snippet_66 .container .sh_title h2{text-align: center; font-size: 40px; text-transform: capitalize; margin-bottom: 20px; margin-top: 0;} #feature_box_snippet_66 .container .sh_title p{text-align: center; font-size: 14px; margin-bottom: 80px;} #feature_box_snippet_66 .container .row .col-md-4 .feature_box{text-align: center; margin-top: 20px; border: 1px solid #e5e5e5; height: 300px; position: relative;} #feature_box_snippet_66 .container .row .col-md-4 .feature_box .content_box{position: relative; padding: 90px 0 0 0;} #feature_box_snippet_66 .container .row .col-md-4 .feature_box .content_box span{font-size: 50px; top:0; transition: all .3s; color:#000;} #feature_box_snippet_66 .container .row .col-md-4 .feature_box .content_box h4{font-size: 22px; font-weight: 600; text-transform: capitalize; margin-top: 30px; position: ; top: 0; transition: all .3s;} #feature_box_snippet_66 .container .row .col-md-4 .feature_box:hover .content_box span{margin-top: -30px; transition: all .3s;} #feature_box_snippet_66 .container .row .col-md-4 .feature_box:hover .content_box h4{margin-top: 90px; transition: all .3s;} #feature_box_snippet_66 .container .row .col-md-4 .feature_box .content_text p{position: absolute; top: 43%; width: 293px; left: 50%; transform: translateX(-50%); max-width: 100%; padding: 0 10px; visibility: hidden; height: 60px; display: block; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;} #feature_box_snippet_66 .container .row .col-md-4 .feature_box:hover .content_text p{visibility: visible; transition: all .3s;} #feature_box_snippet_67{margin: 50px 0; padding: 50px 0;} #feature_box_snippet_67 .container .sh_title{max-width: 650px; margin: 0 auto;} #feature_box_snippet_67 .container .sh_title h2{text-align: center; font-size: 40px; text-transform: capitalize; margin-bottom: 20px; margin-top: 0;} #feature_box_snippet_67 .container .sh_title p{text-align: center; font-size: 14px; margin-bottom: 80px;} #feature_box_snippet_67 .container .row .col-md-4 .feature_box{margin-top: 20px; padding: 50px 40px; border: 1px solid #e5e5e5; border-radius: 5px; position: relative; overflow: hidden;} #feature_box_snippet_67 .container .row .col-md-4 .feature_box .content_box span{font-size: 50px; color: #00a09d;} #feature_box_snippet_67 .container .row .col-md-4 .feature_box .content_box h4{font-size: 20px; font-weight: 600; text-transform: capitalize; margin-top: 20px;} #feature_box_snippet_67 .container .row .col-md-4 .feature_box .content_box p{margin-top: 20px; font-size: 15px; width: 100%; height: 41px; display: block; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow: ellipsis; overflow: hidden;} #feature_box_snippet_67 .container .row .col-md-4 .feature_box:before{content: ""; position: absolute; top: 0; left: 0; border-top: 5px solid #00a09d; width: 0%; border-radius: 5px; transition: all .3s;} #feature_box_snippet_67 .container .row .col-md-4 .feature_box:hover:before{width: 100%; transition: all .3s;} #feature_box_snippet_67 .container .row .col-md-4 .feature_box:hover{box-shadow: 0 20px 40px rgba(61,65,84,.15); transform: all .3s;} @media only screen and (min-width: 768px) and (max-width: 991px){#feature_box_snippet_67 .container .row .col-md-4 .feature_box{padding:20px 20px;}} #feature_box_snippet_68{margin: 50px 0; padding: 50px 0;} #feature_box_snippet_68 .container .sh_title{max-width: 650px; margin: 0 auto;} #feature_box_snippet_68 .container .sh_title h2{text-align: center; font-size: 40px; text-transform: capitalize; margin-bottom: 20px; margin-top: 0;} #feature_box_snippet_68 .container .sh_title p{text-align: center; font-size: 14px; margin-bottom: 80px;} #feature_box_snippet_68 .container .row .col-md-6 .feature_box{text-align: center; padding: 40px; position: relative; margin-top: 60px;} #feature_box_snippet_68 .container .row .col-md-6 .feature_box .icon_box span{width: 120px; height: 120px; display: inline-block; padding: 30px; line-height: 36px; font-size: 36px; background-color: #faa529; border: solid 12px #fad536; box-shadow: 4px 2px 0 rgba(0,0,0,.1); color: #fff; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 100px; overflow: hidden; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; position: absolute; top: -50px; left: 50%; transform: translateX(-50%) !important;} #feature_box_snippet_68 .container .row .col-md-6 .feature_box .content_text h4{font-size: 20px; text-transform: capitalize; font-weight: 600; margin-top: 70px;} #feature_box_snippet_68 .container .row .col-md-6 .feature_box .content_text p{width: 435px; max-width: 100%; margin: 0 auto; margin-top: 20px; height: 40px; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient:vertical; text-overflow: ellipsis; overflow: hidden;} #feature_box_snippet_68 .container .row .col-md-6 .feature_box:hover{background: linear-gradient(125deg,#b12d86,#f53e82); transition: all .3s;} #feature_box_snippet_68 .container .row .col-md-6 .feature_box:hover h4, #feature_box_snippet_68 .container .row .col-md-6 .feature_box:hover p{color: #fff;} #feature_box_snippet_68 .container .row .col-md-6 .feature_box:hover .icon_box span{top:-55px; transition: all .3s; box-shadow: 9px 7px 0 rgba(0,0,0,.1);} #feature_box_snippet_69{margin: 50px 0; padding: 50px 0;} #feature_box_snippet_69 .container .sh_title{max-width: 650px; margin: 0 auto;} #feature_box_snippet_69 .container .sh_title h2{text-align: center; font-size: 40px; text-transform: capitalize; margin-bottom: 20px; margin-top: 0;} #feature_box_snippet_69 .container .sh_title p{text-align: center; font-size: 14px; margin-bottom: 80px;} #feature_box_snippet_69 .container .row .col-md-4 .feature_box{text-align: center; margin-top: 20px; border: 1px solid #e5e5e5; padding: 40px 20px;} #feature_box_snippet_69 .container .row .col-md-4 .feature_box .con_title h4{font-size: 20px; text-align: center; font-weight: 600; text-transform: capitalize; margin-bottom: 30px;} #feature_box_snippet_69 .container .row .col-md-4 .feature_box .icon_box{font-size: 60px; padding: 30px; border-width: 1px 1px 1px 1px; position: relative; width: 110px; height: 110px; margin: 0 auto; border: 1px solid #00a09d; border-radius: 50%;} #feature_box_snippet_69 .container .row .col-md-4 .feature_box .icon_box:before{box-shadow: 0 0 0 10px rgba(132,190,56,0.1); border-radius: 50%; border-color: rgba(0,160,157,0.5); position: absolute; content: ""; width: calc(100% - 20px); height: calc(100% - 20px); left: 10px; top: 10px; z-index: -10; border-width: 2px; border-style: dashed;} #feature_box_snippet_69 .container .row .col-md-4 .feature_box .icon_box span{font-size: 50px; color: #00a09d; transform: rotate(0deg); width: 1em; height: 1em; position: relative; display: block;} #feature_box_snippet_69 .container .row .col-md-4 .feature_box:hover .icon_box:before{animation: spin 5s infinite linear;} @keyframes spin{0%{-webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg);}100%{-webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg);}} #feature_box_snippet_69 .container .row .col-md-4 .feature_box .content_text{margin-top: 40px !important; width: 340px; font-size: 15px; max-width: 100%; margin: 0 auto;} #feature_box_snippet_69 .container .row .col-md-4 .feature_box .content_text p{width: 100%; height: 62px; display: block; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient:vertical; text-overflow: ellipsis; overflow: hidden;} #feature_box_snippet_69 .container .row .col-md-4 .feature_box:hover{box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.12);} #feature_box_snippet_70{margin: 50px 0; padding: 50px 0;} #feature_box_snippet_70 .container .sh_title{max-width: 650px; margin: 0 auto;} #feature_box_snippet_70 .container .sh_title h2{text-align: center; font-size: 40px; text-transform: capitalize; margin-bottom: 20px; margin-top: 0;} #feature_box_snippet_70 .container .sh_title p{text-align: center; font-size: 14px; margin-bottom: 80px;} #feature_box_snippet_70 .container .row .col-md-4 .feature_box{text-align: center; margin-top: 20px;} #feature_box_snippet_70 .container .row .col-md-4 .feature_box .icon_box{width: 100px; height: 100px; background-color: #00a09d; transform: rotate(45deg); text-align: center; margin: 0 auto;} #feature_box_snippet_70 .container .row .col-md-4 .feature_box .icon_box span{color: #fff; font-size: 50px; transform: rotate(-45deg); line-height: 100px;} #feature_box_snippet_70 .container .row .col-md-4 .feature_box:hover .icon_box{transform: rotate(-45deg); transition: all .3s; box-shadow: 4px 0 25px 5px rgba(0, 0, 0, 0.1);} #feature_box_snippet_70 .container .row .col-md-4 .feature_box:hover .icon_box span{transform: rotate(45deg); transition: all .3s;} #feature_box_snippet_70 .container .row .col-md-4 .feature_box .content_text h4{margin-top: 40px; text-transform: capitalize; font-weight: 600; font-size: 20px;} #feature_box_snippet_70 .container .row .col-md-4 .feature_box .content_text p{font-size: 16px; height: 67px; width: 100%; display: block; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;} #feature_box_snippet_71{margin: 50px 0; padding: 50px 0;} #feature_box_snippet_71 .container .sh_title{max-width: 650px; margin: 0 auto;} #feature_box_snippet_71 .container .sh_title h2{text-align: center; font-size: 40px; text-transform: capitalize; margin-bottom: 20px; margin-top: 0;} #feature_box_snippet_71 .container .sh_title p{text-align: center; font-size: 14px; margin-bottom: 80px;} #feature_box_snippet_71 .container .row .col-md-4 .feature_box{text-align: center; margin-top: 50px;} #feature_box_snippet_71 .container .row .col-md-4 .feature_box .icon_box span{font-size: 40px; color: #00a09d; width: 80px; height: 80px; line-height: 80px; border-radius: 50%; transition: all .3s;} #feature_box_snippet_71 .container .row .col-md-4 .feature_box .content_text h4{margin-top: 20px; font-size: 20px; text-transform: capitalize; font-weight: 600; padding-bottom: 20px; position: relative;} #feature_box_snippet_71 .container .row .col-md-4 .feature_box .content_text h4:before{content: ""; position: absolute; width: 30px; height: 3px; border-bottom: 2px solid #000; left: 50%; transform: translateX(-50%); bottom: 0;} #feature_box_snippet_71 .container .row .col-md-4 .feature_box .content_text p{margin-top: 12px; font-size: 16px; width: 100%; height: 67px; display: block; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;} #feature_box_snippet_71 .container .row .col-md-4 .feature_box .sh_btn{position: relative;} #feature_box_snippet_71 .container .row .col-md-4 .feature_box .sh_btn span{position: absolute; left: 50%; transform: translateX(-50%); top: 20px; transition: all .3s;} #feature_box_snippet_71 .container .row .col-md-4 .feature_box .sh_btn a{text-decoration: none; font-weight: 600; text-transform: uppercase; position: absolute; left: 50%; top: 17px; transform: translateX(-50%); visibility: hidden; transition: all .3s; color: #00a09d !important;} #feature_box_snippet_71 .container .row .col-md-4 .feature_box:hover .sh_btn span{left: 45%; transition: all .3s;} #feature_box_snippet_71 .container .row .col-md-4 .feature_box:hover .sh_btn a{visibility: visible; left: 55%; transition: all .3s;} #feature_box_snippet_71 .container .row .col-md-4 .feature_box:hover .icon_box span{width: 80px; height: 80px; line-height: 80px; background-color: #00a09d; color: #fff; border-radius: 50%; transition: all .3s; animation: pulse 1s infinite; transition: all .3s;} @keyframes pulse{0%{-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);}100%{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}} #feature_box_snippet_72{margin: 50px 0; padding: 50px 0;} #feature_box_snippet_72 .container .sh_title{max-width: 650px; margin: 0 auto;} #feature_box_snippet_72 .container .sh_title h2{text-align: center; font-size: 40px; text-transform: capitalize; margin-bottom: 20px; margin-top: 0;} #feature_box_snippet_72 .container .sh_title p{text-align: center; font-size: 14px; margin-bottom: 80px;} #feature_box_snippet_72 .container .row .col-md-4 .feature_box{margin-top: 50px; border: 1px solid #e5e5e5; text-align: center; padding: 40px 20px; position: relative;} #feature_box_snippet_72 .container .row .col-md-4 .feature_box .icon_box{width: 80px; height: 80px; border:1px solid #00a09d; background-color: #fff; margin: 0 auto; position: absolute; top: -40px; left: 50%; transform: translateX(-50%); transition: all .5s;} #feature_box_snippet_72 .container .row .col-md-4 .feature_box .icon_box span{line-height: 80px; font-size: 40px; color: #00a09d; transition: all .3s;} #feature_box_snippet_72 .container .row .col-md-4 .feature_box .content_text h4{margin-top: 40px; text-transform: capitalize; text-transform: capitalize; font-weight: 600; font-size: 20px;} #feature_box_snippet_72 .container .row .col-md-4 .feature_box .content_text p{width: 260px; margin: 0 auto; margin-top: 15px; line-height: 26px; max-width: 100%; height: 76px; display: block; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;} #feature_box_snippet_72 .container .row .col-md-4 .feature_box:hover .icon_box{background-color: #e5a62d; color: #fff; transition: all .5s; border-color: #e5a62d;} #feature_box_snippet_72 .container .row .col-md-4 .feature_box:hover .icon_box span{color: #fff; transition: all .5s; transform: rotate(20deg);} #feature_box_snippet_72 .container .row .col-md-4 .feature_box:hover{background-color: #00a09d; color: #fff;} #feature_box_snippet_72 .container .row .col-md-4 .feature_box:hover .content_text h4, #feature_box_snippet_72 .container .row .col-md-4 .feature_box:hover .content_text p{color: #fff;} #feature_box_snippet_73{margin: 50px 0; padding: 50px 0;} #feature_box_snippet_73 .container .sh_title{max-width: 650px; margin: 0 auto;} #feature_box_snippet_73 .container .sh_title h2{text-align: center; font-size: 40px; text-transform: capitalize; margin-bottom: 20px; margin-top: 0;} #feature_box_snippet_73 .container .sh_title p{text-align: center; font-size: 14px; margin-bottom: 80px;} #feature_box_snippet_73 .container .row .col-md-4 .feature_box{display: inline-flex; width: 100%; margin-top: 20px;} #feature_box_snippet_73 .container .row .col-md-4 .feature_box .icon_box{width: 80px; height: 80px; border-radius: 50%; text-align: center; max-width: 25%; transition: all .3s;} #feature_box_snippet_73 .container .row .col-md-4 .feature_box .icon_box span{line-height: 78px; font-size: 40px; color: #00a09d; transition: all .3s;} #feature_box_snippet_73 .container .row .col-md-4 .feature_box .content_text{padding-left: 20px; max-width: 75%;} #feature_box_snippet_73 .container .row .col-md-4 .feature_box .content_text h4{font-size: 20px; font-weight: 600; text-transform: capitalize;} #feature_box_snippet_73 .container .row .col-md-4 .feature_box .content_text p{margin-top: 20px; font-size: 15px; line-height: 24px; width: 100%; height: 72px; display: block; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;} #feature_box_snippet_73 .container .row .col-md-4 .feature_box:hover .icon_box{color: #fff; transition: all .3s; box-shadow: 0 0 0 46px #00a09d inset;} #feature_box_snippet_73 .container .row .col-md-4 .feature_box:hover .icon_box span{color: #fff; transition: all .3s;} @media only screen and (min-width: 991px) and (max-width: 1200px){#feature_box_snippet_73 .container .row .col-md-4 .feature_box .icon_box{max-width: 30%;}#feature_box_snippet_73 .container .row .col-md-4 .feature_box .content_text{max-width: 70%;}} @media only screen and (min-width: 768px) and (max-width: 991px){#feature_box_snippet_73 .container .row .col-md-4 .feature_box .icon_box{max-width: 35%;}#feature_box_snippet_73 .container .row .col-md-4 .feature_box .content_text{padding-left: 8px; max-width: 65%;}} #feature_box_snippet_74{margin: 50px 0; padding: 50px 0;} #feature_box_snippet_74 .container .sh_title{max-width: 650px; margin: 0 auto;} #feature_box_snippet_74 .container .sh_title h2{text-align: center; font-size: 40px; text-transform: capitalize; margin-bottom: 20px; margin-top: 0;} #feature_box_snippet_74 .container .sh_title p{text-align: center; font-size: 14px; margin-bottom: 80px;} #feature_box_snippet_74 .container .row .col-md-4 .feature_box{text-align: center; margin-top: 50px; border: 1px solid #e5e5e5; position: relative; padding: 40px 20px;} #feature_box_snippet_74 .container .row .col-md-4 .feature_box .icon_box{width: 70px; height: 70px; max-width: 100%; text-align: center; background-color: #00a09d; border-radius: 50%; margin: 0 auto; position: absolute; top: -35px; left: 50%; transform: translateX(-50%);} #feature_box_snippet_74 .container .row .col-md-4 .feature_box .icon_box span{line-height: 68px; font-size: 30px; color: #fff;} #feature_box_snippet_74 .container .row .col-md-4 .feature_box .content_text h4{margin-top: 30px; text-transform: capitalize; font-size: 20px; font-weight: 600;} #feature_box_snippet_74 .container .row .col-md-4 .feature_box .content_text p{font-size: 16px; margin-top: 20px color: #777; margin-top: 20px; height: 67px; max-width: 100%; display: block; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;} #feature_box_snippet_74 .container .row .col-md-4 .feature_box:hover .icon_box{animation: big .7s;} @keyframes big{0%{transform: scale(1,1) translateX(-50%); opacity: 1; left: 50%;}50%{transform: scale(1.1,1.1) translateX(-50%); opacity: 0; left: 50%;}100%{transform: translateX(-50%) scale(1,1); opacity: 1; left: 50%;}} #feature_box_snippet_75{margin: 50px 0; padding: 50px 0;} #feature_box_snippet_75 .container .sh_title{max-width: 650px; margin: 0 auto;} #feature_box_snippet_75 .container .sh_title h2{text-align: center; font-size: 40px; text-transform: capitalize; margin-bottom: 20px; margin-top: 0;} #feature_box_snippet_75 .container .sh_title p{text-align: center; font-size: 14px; margin-bottom: 80px;} #feature_box_snippet_75 .container .row .col-md-4 .feature_box{margin-top: 20px; width: 100%; text-align: center; border: 1px solid #e5e5e5; padding: 30px 15px; transition: all .3s;} #feature_box_snippet_75 .container .row .col-md-4 .feature_box .icon_box{font-size: 40px; background: rgba(50,159,156,0.1); -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s; transition: transform ease-out 0.1s, background 0.2s; display: inline-block; font-size: 40px; cursor: pointer; margin: 15px 30px; width: 90px; height: 90px; border-radius: 50%; text-align: center; position: relative; z-index: 1; color: #000; transition: all .7s;} #feature_box_snippet_75 .container .row .col-md-4 .feature_box .icon_box span{line-height: 90px; color: #000;} #feature_box_snippet_75 .container .row .col-md-4 .feature_box:hover .icon_box{animation: shd .7s; transition: all .7s;} @keyframes shd{0%{box-shadow: 0 0 10px 10px rgba(51,122,183,0.1); opacity: 0;}50%{box-shadow: 0 0 10px 10px rgba(51,122,183,0.1); opacity: 1; transform: scale(1.2);}100%{box-shadow: 0 0 10px 10px rgba(51,122,183,0.1); opacity: 0}} #feature_box_snippet_75 .container .row .col-md-4 .feature_box:hover{box-shadow: 0 0 3px 3px rgba(51,122,183,0.1); transition: all .3s;} #feature_box_snippet_75 .container .row .col-md-4 .feature_box .content_text h4{font-size: 20px; font-weight: 600; text-transform: capitalize; margin-top: 20px;} #feature_box_snippet_75 .container .row .col-md-4 .feature_box .content_text p{font-size: 15px; margin-top: 20px; padding: 0 20px; max-width: 100%; height: 62px; display: block; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;} 

/* /sh_animated_snippets/static/src/css/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, 10); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 10);}0%{opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0);}60%{opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0);}75%{-webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0);}90%{-webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0);}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes bounceInLeft{from, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0);}60%{opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0);}75%{-webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0);}90%{-webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0);}to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .bounceInLeft{-webkit-animation-name: bounceInLeft; animation-name: bounceInLeft;} @-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);}}