.mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox{ position: relative; overflow: hidden; height: 100%; max-width: 100%; margin-right: 12px; outline: none; direction: ltr; } .mCSB_container{ overflow: hidden; width: auto; height: auto; } .mCSB_inside > .mCSB_container{ margin-right: 20px; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container{ margin-right: 0; margin-left: 30px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } .mCSB_scrollTools{ position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; } .mCSB_outside + .mCSB_scrollTools{ right: -26px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ right: auto; left: 0; } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } .mCSB_scrollTools .mCSB_draggerContainer{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; } .mCSB_scrollTools .mCSB_draggerRail{ width: 2px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCSB_scrollTools .mCSB_dragger{ cursor: pointer; width: 100%; height: 0px; z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ position: relative; width: 4px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-align: center; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown{ display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; } .mCSB_horizontal.mCSB_inside > .mCSB_container{ margin-right: 0; margin-bottom: 30px; } .mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; } .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal{ width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; } .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 2px; margin: 7px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 30px; height: 100%; left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 12px; margin: 2px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 8px; margin: 4px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; } .mCSB_container_wrapper{ position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px; } .mCSB_container_wrapper > .mCSB_container{ padding-right: 30px; padding-bottom: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; } .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; } .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ margin-right: 0; margin-left: 30px; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; margin-left: 0; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } .mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; transition: opacity .2s ease-in-out, background-color .2s ease-in-out; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{ -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; } .mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; } .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } .mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.4); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ background-image: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/css/mCSB_buttons.png); background-repeat: no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 0; } .mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -20px; } .mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -40px; } .mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -56px; } .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); } .mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -20px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -40px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; } .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -56px; } .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 4px; margin: 6px 0; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 6px; margin: 5px auto; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -20px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -40px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -56px; } .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); } .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 2px; margin: 7px auto; } .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); } .mCS-rounded.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; } .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 14px; margin: 0 1px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 14px; margin: 1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 16px; height: 16px; margin: -1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 16px; width: 16px; margin: 0 -1px; } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 4px; margin: 6px 0; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; } .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ background-color: transparent; background-position: center; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==); background-repeat: repeat-y; opacity: 0.3; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ height: 4px; margin: 6px 0; background-repeat: repeat-x; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=); } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-y; background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-x; background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; } .mCS-3d.mCSB_scrollTools, .mCS-3d-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 8px; background-color: #000; background-color: rgba(0,0,0,0.2); box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 8px; margin: 4px 0; box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 8px; margin: 4px auto; } .mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); box-shadow: inset 1px 0 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; } .mCS-3d-thick.mCSB_scrollTools_vertical, .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools_horizontal, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ bottom: 1px; box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4); width: 12px; margin: 2px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 12px; width: auto; } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #000; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } .mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #fff; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ right: 0; margin: 12px 0; } .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: 0; margin: 0 12px; } .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ left: 0; right: auto; } .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; } .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ width: 6px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; } .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 6px; margin: 5px 0; } .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 12px; } .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 12px; margin: 2px 0; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } .mCS-inset.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 12px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; margin: 3px 5px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 6px; margin: 5px 3px; position: absolute; width: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 12px; margin: 2px 0; } .mCS-inset.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; border-width: 1px; border-style: solid; border-color: #fff; border-color: rgba(255,255,255,0.2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); } .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }div.pp_default .pp_top, div.pp_default .pp_top .pp_middle, div.pp_default .pp_top .pp_left, div.pp_default .pp_top .pp_right, div.pp_default .pp_bottom, div.pp_default .pp_bottom .pp_left, div.pp_default .pp_bottom .pp_middle, div.pp_default .pp_bottom .pp_right { height: 13px; } div.pp_default .pp_top .pp_left { background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/default/sprite.png) -78px -93px no-repeat; } div.pp_default .pp_top .pp_middle { background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/default/sprite_x.png) top left repeat-x; } div.pp_default .pp_top .pp_right { background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/default/sprite.png) -112px -93px no-repeat; } div.pp_default .pp_content .ppt { color: #f8f8f8; } div.pp_default .pp_content_container .pp_left { background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y; padding-left: 13px; } div.pp_default .pp_content_container .pp_right { background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/default/sprite_y.png) top right repeat-y; padding-right: 13px; } div.pp_default .pp_content { background-color: #fff; } div.pp_default .pp_next:hover { background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/default/sprite_next.png) center right no-repeat; cursor: pointer; } div.pp_default .pp_previous:hover { background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/default/sprite_prev.png) center left no-repeat; cursor: pointer; } div.pp_default .pp_expand { background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/default/sprite.png) 0 -29px no-repeat; cursor: pointer; width: 28px; height: 28px; } div.pp_default .pp_expand:hover { background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/default/sprite.png) 0 -56px no-repeat; cursor: pointer; } div.pp_default .pp_contract { background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/default/sprite.png) 0 -84px no-repeat; cursor: pointer; width: 28px; height: 28px; } div.pp_default .pp_contract:hover { background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/default/sprite.png) 0 -113px no-repeat; cursor: pointer; } div.pp_default .pp_close { width: 30px; height: 30px; background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/default/sprite.png) 2px 1px no-repeat; cursor: pointer; } div.pp_default #pp_full_res .pp_inline { color: #000; } div.pp_default .pp_gallery ul li a { background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/default/default_thumb.png) center center #f8f8f8; border:1px solid #aaa; } div.pp_default .pp_gallery ul li a:hover, div.pp_default .pp_gallery ul li.selected a { border-color: #fff; } div.pp_default .pp_social { margin-top: 7px; } div.pp_default .pp_gallery a.pp_arrow_previous, div.pp_default .pp_gallery a.pp_arrow_next { position: static; left: auto; } div.pp_default .pp_nav .pp_play, div.pp_default .pp_nav .pp_pause { background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/default/sprite.png) -51px 1px no-repeat; height:30px; width:30px; } div.pp_default .pp_nav .pp_pause { background-position: -51px -29px; } div.pp_default .pp_details { position: relative; } div.pp_default a.pp_arrow_previous, div.pp_default a.pp_arrow_next { background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/default/sprite.png) -31px -3px no-repeat; height: 20px; margin: 4px 0 0 0; width: 20px; } div.pp_default a.pp_arrow_next { left: 52px; background-position: -82px -3px; } div.pp_default .pp_content_container .pp_details { margin-top: 5px; } div.pp_default .pp_nav { clear: none; height: 30px; width: 110px; position: relative; } div.pp_default .pp_nav .currentTextHolder{ font-family: Georgia; font-style: italic; color:#999; font-size: 11px; left: 75px; line-height: 25px; margin: 0; padding: 0 0 0 10px; position: absolute; top: 2px; } div.pp_default .pp_close:hover, div.pp_default .pp_nav .pp_play:hover, div.pp_default .pp_nav .pp_pause:hover, div.pp_default .pp_arrow_next:hover, div.pp_default .pp_arrow_previous:hover { opacity:0.7; } div.pp_default .pp_description{ font-size: 11px; font-weight: bold; line-height: 14px; margin: 5px 50px 5px 0; } div.pp_default .pp_bottom .pp_left { background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/default/sprite.png) -78px -127px no-repeat; } div.pp_default .pp_bottom .pp_middle { background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/default/sprite_x.png) bottom left repeat-x; } div.pp_default .pp_bottom .pp_right { background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/default/sprite.png) -112px -127px no-repeat; } div.pp_default .pp_loaderIcon { background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/default/loader.gif) center center no-repeat; } div.light_rounded .pp_top .pp_left { background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat; } div.light_rounded .pp_top .pp_middle { background: #fff; } div.light_rounded .pp_top .pp_right { background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat; } div.light_rounded .pp_content .ppt { color: #000; } div.light_rounded .pp_content_container .pp_left, div.light_rounded .pp_content_container .pp_right { background: #fff; } div.light_rounded .pp_content { background-color: #fff; } div.light_rounded .pp_next:hover { background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat; cursor: pointer; } div.light_rounded .pp_previous:hover { background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } div.light_rounded .pp_expand { background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } div.light_rounded .pp_expand:hover { background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } div.light_rounded .pp_contract { background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } div.light_rounded .pp_contract:hover { background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } div.light_rounded .pp_close { width: 75px; height: 22px; background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } div.light_rounded .pp_details { position: relative; } div.light_rounded .pp_description { margin-right: 85px; } div.light_rounded #pp_full_res .pp_inline { color: #000; } div.light_rounded .pp_gallery a.pp_arrow_previous, div.light_rounded .pp_gallery a.pp_arrow_next { margin-top: 12px !important; } div.light_rounded .pp_nav .pp_play { background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } div.light_rounded .pp_nav .pp_pause { background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } div.light_rounded .pp_arrow_previous { background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat; } div.light_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.light_rounded .pp_arrow_next { background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat; } div.light_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.light_rounded .pp_bottom .pp_left { background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat; } div.light_rounded .pp_bottom .pp_middle { background: #fff; } div.light_rounded .pp_bottom .pp_right { background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat; } div.light_rounded .pp_loaderIcon { background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } div.dark_rounded .pp_top .pp_left { background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat; } div.dark_rounded .pp_top .pp_middle { background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } div.dark_rounded .pp_top .pp_right { background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat; } div.dark_rounded .pp_content_container .pp_left { background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y; } div.dark_rounded .pp_content_container .pp_right { background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y; } div.dark_rounded .pp_content { background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } div.dark_rounded .pp_next:hover { background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat; cursor: pointer; } div.dark_rounded .pp_previous:hover { background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } div.dark_rounded .pp_expand { background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } div.dark_rounded .pp_expand:hover { background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } div.dark_rounded .pp_contract { background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } div.dark_rounded .pp_contract:hover { background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } div.dark_rounded .pp_close { width: 75px; height: 22px; background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } div.dark_rounded .pp_details { position: relative; } div.dark_rounded .pp_description { margin-right: 85px; } div.dark_rounded .currentTextHolder { color: #c4c4c4; } div.dark_rounded .pp_description { color: #fff; } div.dark_rounded #pp_full_res .pp_inline { color: #fff; } div.dark_rounded .pp_gallery a.pp_arrow_previous, div.dark_rounded .pp_gallery a.pp_arrow_next { margin-top: 12px !important; } div.dark_rounded .pp_nav .pp_play { background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } div.dark_rounded .pp_nav .pp_pause { background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } div.dark_rounded .pp_arrow_previous { background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat; } div.dark_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.dark_rounded .pp_arrow_next { background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat; } div.dark_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.dark_rounded .pp_bottom .pp_left { background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat; } div.dark_rounded .pp_bottom .pp_middle { background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } div.dark_rounded .pp_bottom .pp_right { background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat; } div.dark_rounded .pp_loaderIcon { background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } div.dark_square .pp_left , div.dark_square .pp_middle, div.dark_square .pp_right, div.dark_square .pp_content { background: #000; } div.dark_square .currentTextHolder { color: #c4c4c4; } div.dark_square .pp_description { color: #fff; } div.dark_square .pp_loaderIcon { background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/dark_square/loader.gif) center center no-repeat; } div.dark_square .pp_expand { background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } div.dark_square .pp_expand:hover { background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } div.dark_square .pp_contract { background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } div.dark_square .pp_contract:hover { background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } div.dark_square .pp_close { width: 75px; height: 22px; background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } div.dark_square .pp_details { position: relative; } div.dark_square .pp_description { margin: 0 85px 0 0; } div.dark_square #pp_full_res .pp_inline { color: #fff; } div.dark_square .pp_gallery a.pp_arrow_previous, div.dark_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; } div.dark_square .pp_nav { clear: none; } div.dark_square .pp_nav .pp_play { background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } div.dark_square .pp_nav .pp_pause { background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } div.dark_square .pp_arrow_previous { background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat; } div.dark_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.dark_square .pp_arrow_next { background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat; } div.dark_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.dark_square .pp_next:hover { background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/dark_square/btnNext.png) center right no-repeat; cursor: pointer; } div.dark_square .pp_previous:hover { background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat; cursor: pointer; } div.light_square .pp_left , div.light_square .pp_middle, div.light_square .pp_right, div.light_square .pp_content { background: #fff; } div.light_square .pp_content .ppt { color: #000; } div.light_square .pp_expand { background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } div.light_square .pp_expand:hover { background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } div.light_square .pp_contract { background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } div.light_square .pp_contract:hover { background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } div.light_square .pp_close { width: 75px; height: 22px; background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } div.light_square .pp_details { position: relative; } div.light_square .pp_description { margin-right: 85px; } div.light_square #pp_full_res .pp_inline { color: #000; } div.light_square .pp_gallery a.pp_arrow_previous, div.light_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; } div.light_square .pp_nav .pp_play { background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } div.light_square .pp_nav .pp_pause { background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } div.light_square .pp_arrow_previous { background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat; } div.light_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.light_square .pp_arrow_next { background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat; } div.light_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.light_square .pp_next:hover { background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/light_square/btnNext.png) center right no-repeat; cursor: pointer; } div.light_square .pp_previous:hover { background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat; cursor: pointer; } div.light_square .pp_loaderIcon { background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } div.facebook .pp_top .pp_left { background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat; } div.facebook .pp_top .pp_middle { background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x; } div.facebook .pp_top .pp_right { background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat; } div.facebook .pp_content .ppt { color: #000; } div.facebook .pp_content_container .pp_left { background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y; } div.facebook .pp_content_container .pp_right { background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y; } div.facebook .pp_content { background: #fff; } div.facebook .pp_expand { background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat; cursor: pointer; } div.facebook .pp_expand:hover { background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat; cursor: pointer; } div.facebook .pp_contract { background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat; cursor: pointer; } div.facebook .pp_contract:hover { background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat; cursor: pointer; } div.facebook .pp_close { width: 22px; height: 22px; background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat; cursor: pointer; } div.facebook .pp_details { position: relative; } div.facebook .pp_description { margin: 0 37px 0 0; } div.facebook #pp_full_res .pp_inline { color: #000; } div.facebook .pp_loaderIcon { background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/facebook/loader.gif) center center no-repeat; } div.facebook .pp_arrow_previous { background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } div.facebook .pp_arrow_previous.disabled { background-position: 0 -96px; cursor: default; } div.facebook .pp_arrow_next { background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } div.facebook .pp_arrow_next.disabled { background-position: -32px -96px; cursor: default; } div.facebook .pp_nav { margin-top: 0; } div.facebook .pp_nav p { font-size: 15px; padding: 0 3px 0 4px; } div.facebook .pp_nav .pp_play { background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat; height: 22px; width: 22px; } div.facebook .pp_nav .pp_pause { background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat; height: 22px; width: 22px; } div.facebook .pp_next:hover { background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/facebook/btnNext.png) center right no-repeat; cursor: pointer; } div.facebook .pp_previous:hover { background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat; cursor: pointer; } div.facebook .pp_bottom .pp_left { background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat; } div.facebook .pp_bottom .pp_middle { background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x; } div.facebook .pp_bottom .pp_right { background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat; } div.pp_pic_holder a:focus { outline:none; } div.pp_overlay { background: #000; display: none; left: 0; position: absolute; top: 0; width: 100%; z-index: 9500; } div.pp_pic_holder { display: none; position: absolute; width: 100px; z-index: 10000; } .pp_top { height: 20px; position: relative; } * html .pp_top { padding: 0 20px; } .pp_top .pp_left { height: 20px; left: 0; position: absolute; width: 20px; } .pp_top .pp_middle { height: 20px; left: 20px; position: absolute; right: 20px; } * html .pp_top .pp_middle { left: 0; position: static; } .pp_top .pp_right { height: 20px; left: auto; position: absolute; right: 0; top: 0; width: 20px; } .pp_content { height: 40px; min-width: 40px; } * html .pp_content { width: 40px; } .pp_fade { display: none; } .pp_content_container { position: relative; text-align: left; width: 100%; } .pp_content_container .pp_left { padding-left: 20px; } .pp_content_container .pp_right { padding-right: 20px; } .pp_content_container .pp_details { float: left; margin: 10px 0 2px 0; } .pp_description { display: none; margin: 0; } .pp_social { float: left; margin: 0; } .pp_social .facebook { float: left; margin-left: 5px; width: 55px; overflow: hidden; } .pp_social .twitter { float: left; } .pp_nav { clear: right; float: left; margin: 3px 10px 0 0; } .pp_nav p { float: left; margin: 2px 4px; white-space: nowrap; } .pp_nav .pp_play, .pp_nav .pp_pause { float: left; margin-right: 4px; text-indent: -10000px; } a.pp_arrow_previous, a.pp_arrow_next { display: block; float: left; height: 15px; margin-top: 3px; overflow: hidden; text-indent: -10000px; width: 14px; } .pp_hoverContainer { position: absolute; top: 0; width: 100%; z-index: 2000; } .pp_gallery { display: none; left: 50%; margin-top: -50px; position: absolute; z-index: 10000; } .pp_gallery div { float: left; overflow: hidden; position: relative; } .pp_gallery ul { float: left; height: 35px; margin: 0 0 0 5px; padding: 0; position: relative; white-space: nowrap; } .pp_gallery ul a { border: 1px #000 solid; border: 1px rgba(0,0,0,0.5) solid; display: block; float: left; height: 33px; overflow: hidden; } .pp_gallery ul a:hover, .pp_gallery li.selected a { border-color: #fff; } .pp_gallery ul a img { border: 0; } .pp_gallery li { display: block; float: left; margin: 0 5px 0 0; padding: 0; } .pp_gallery li.default a { background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat; display: block; height: 33px; width: 50px; } .pp_gallery li.default a img { display: none; } .pp_gallery .pp_arrow_previous, .pp_gallery .pp_arrow_next { margin-top: 7px !important; } a.pp_next { background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; display: block; float: right; height: 100%; text-indent: -10000px; width: 49%; } a.pp_previous { background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; display: block; float: left; height: 100%; text-indent: -10000px; width: 49%; } a.pp_expand, a.pp_contract { cursor: pointer; display: none; height: 20px; position: absolute; right: 30px; text-indent: -10000px; top: 10px; width: 20px; z-index: 20000; } a.pp_close { position: absolute; right: 0; top: 0; display: block; line-height:22px; text-indent: -10000px; } .pp_bottom { height: 20px; position: relative; } * html .pp_bottom { padding: 0 20px; } .pp_bottom .pp_left { height: 20px; left: 0; position: absolute; width: 20px; } .pp_bottom .pp_middle { height: 20px; left: 20px; position: absolute; right: 20px; } * html .pp_bottom .pp_middle { left: 0; position: static; } .pp_bottom .pp_right { height: 20px; left: auto; position: absolute; right: 0; top: 0; width: 20px; } .pp_loaderIcon { display: block; height: 24px; left: 50%; margin: -12px 0 0 -12px; position: absolute; top: 50%; width: 24px; } #pp_full_res { line-height: 1 !important; } #pp_full_res .pp_inline { text-align: left; } #pp_full_res .pp_inline p { margin: 0 0 15px 0; } div.ppt { color: #fff; display: none; font-size: 17px; margin: 0 0 5px 15px; z-index: 9999; }.sowl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .sowl-carousel .sowl-animated-in { z-index: 0; } .sowl-carousel .sowl-animated-out { z-index: 1; } .sowl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .sowl-height { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .sowl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1; } .sowl-carousel .sowl-stage { position: relative; -ms-touch-action: pan-Y; } .sowl-carousel .sowl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .sowl-carousel .sowl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px); } .sowl-carousel .sowl-controls .sowl-nav .sowl-prev, .sowl-carousel .sowl-controls .sowl-nav .sowl-next, .sowl-carousel .sowl-controls .sowl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .sowl-carousel.sowl-loaded { display: block; } .sowl-carousel.sowl-loading { opacity: 0; display: block; } .sowl-carousel.sowl-hidden { opacity: 0; } .sowl-carousel .sowl-refresh .sowl-item { display: none; } .sowl-carousel .sowl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .sowl-carousel .sowl-item img { display: block; width: 100%; -webkit-transform-style: preserve-3d; } .sowl-carousel.sowl-text-select-on .sowl-item { -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; } .sowl-carousel .sowl-grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .sowl-carousel.sowl-rtl { direction: rtl; } .sowl-carousel.sowl-rtl .sowl-item { float: right; } .no-js .sowl-carousel { display: block; } .sowl-carousel .sowl-item .sowl-lazy { opacity: 0; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .sowl-carousel .sowl-item img { transform-style: preserve-3d; } .sowl-carousel .sowl-video-wrapper { position: relative; height: 100%; background: #000; } .sowl-carousel .sowl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/sowl.video.play.png) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transition: scale 100ms ease; -moz-transition: scale 100ms ease; -ms-transition: scale 100ms ease; -o-transition: scale 100ms ease; transition: scale 100ms ease; } .sowl-carousel .sowl-video-play-icon:hover { -webkit-transition: scale(1.3, 1.3); -moz-transition: scale(1.3, 1.3); -ms-transition: scale(1.3, 1.3); -o-transition: scale(1.3, 1.3); transition: scale(1.3, 1.3); } .sowl-carousel .sowl-video-playing .sowl-video-tn, .sowl-carousel .sowl-video-playing .sowl-video-play-icon { display: none; } .sowl-carousel .sowl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .sowl-item .active { display: none; } .sowl-theme .sowl-controls{ margin-top:10px; text-align:center; -webkit-tap-highlight-color:transparent } .sowl-theme .sowl-controls .sowl-nav [class*=sowl-]{ color:#fff; font-size:14px; margin:5px; padding:4px 7px; background:#d6d6d6; display:inline-block; cursor:pointer; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px } .sowl-theme .sowl-controls .sowl-nav [class*=sowl-]:hover{ background:#869791; color:#fff; text-decoration:none } .sowl-theme .sowl-controls .sowl-nav .disabled{ opacity:.5; cursor:default } .sowl-theme .sowl-dots .sowl-dot{ display:inline-block; zoom:1; *display:inline } .sowl-theme .sowl-dots .sowl-dot span{ width:10px; height:10px; margin:5px 7px; background:#d6d6d6; display:block; -webkit-backface-visibility:visible; -webkit-transition:opacity 200ms ease; -moz-transition:opacity 200ms ease; -ms-transition:opacity 200ms ease; -o-transition:opacity 200ms ease; transition:opacity 200ms ease; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px } smls-vertical-main-container .bx-wrapper .bx-pager.bx-default-pager a { display: inline; } .sowl-item img { width: 100%; margin: 0 auto; }.bx-wrapper img { max-width: 100%; display: inline-block; } .bx-wrapper { position: relative; margin: 0 auto 60px; padding: 0; *zoom: 1; } .bx-wrapper .bx-viewport { -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; background: #fff; -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0); } .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; } .bx-wrapper .bx-loading { min-height: 50px; background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/loader/ajax-loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; } .bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; } .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; } .bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #000; } .bx-wrapper .bx-prev { left: 10px; background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/controls.png) no-repeat 0 -32px; } .bx-wrapper .bx-next { right: 10px; background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/controls.png) no-repeat -43px -32px; } .bx-wrapper .bx-prev:hover { background-position: 0 0; } .bx-wrapper .bx-next:hover { background-position: -43px 0; } .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999; } .bx-wrapper .bx-controls-direction a.disabled { display: none; } .bx-wrapper .bx-controls-auto { text-align: center; } .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/controls.png) -86px -11px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; } .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/images/controls.png) -86px -44px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; } .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666\9; background: rgba(80, 80, 80, 0.75); width: 100%; } .bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; }.flipster { display: block; margin: 0 auto; width: 100%; position: relative; overflow-x: hidden; overflow-y: visible; } .flip-items, .flip-item { display: block; margin: 0 auto; padding: 0; list-style-type: none; } .flip-items { width: 100%; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .flip-item { position: absolute; opacity: 0.99; } .flip-past, .flip-future, .flip-next, .flip-prev { cursor: pointer; } .flip-item img { display: block; width: 100%; } .flipster-coverflow .flip-items { -webkit-transition: all 350ms ease-in-out; -moz-transition: all 350ms ease-in-out; -o-transition: all 350ms ease-in-out; -ms-transition: all 350ms ease-in-out; transition: all 350ms ease-in-out; position: relative; padding-top: 2%; padding-bottom: 5%; } .flipster-coverflow .flip-item { display: block; -webkit-transition: all 175ms ease-in-out; -moz-transition: all 175ms ease-in-out; -o-transition: all 175ms ease-in-out; -ms-transition: all 175ms ease-in-out; transition: all 175ms ease-in-out; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-perspective: 800px; -moz-perspective: 800px; perspective: 800px; position: absolute; width: 30%; } .flipster-coverflow .flip-content { -webkit-transition: all 350ms ease-in-out; -moz-transition: all 350ms ease-in-out; -o-transition: all 350ms ease-in-out; -ms-transition: all 350ms ease-in-out; transition: all 350ms ease-in-out; -webkit-box-reflect: below 0 -webkit-gradient(linear, left bottom, left top, color-stop(0.05, rgba(255, 255, 255, 0.12)), color-stop(0.2, transparent)); } .flipster-coverflow .flip-past .flip-content { -webkit-transform: rotateY(55deg) scale(0.75); -moz-transform: rotateY(55deg) scale(0.75); -o-transform: rotateY(55deg) scale(0.75); -ms-transform: rotateY(55deg) scale(0.75); transform: rotateY(55deg) scale(0.75); } .flipster-coverflow .flip-future .flip-content { -webkit-transform: rotateY(-55deg) scale(0.75); -moz-transform: rotateY(-55deg) scale(0.75); -o-transform: rotateY(-55deg) scale(0.75); -ms-transform: rotateY(-55deg) scale(0.75); transform: rotateY(-55deg) scale(0.75); } .flipster-coverflow.no-rotate .flip-past .flip-content { -webkit-transform: scale(0.75); -moz-transform: scale(0.75); -o-transform:scale(0.75); -ms-transform:scale(0.75); transform: scale(0.75); } .flipster-coverflow.no-rotate .flip-future .flip-content { -webkit-transform: scale(0.75); -moz-transform: scale(0.75); -o-transform: scale(0.75); -ms-transform: scale(0.75); transform: scale(0.75); } .flipster-coverflow .flip-current .flip-content { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); } .flipster-coverflow .flip-hidden { visibility: hidden; -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; } .flipster-carousel .flip-items { -webkit-perspective: 2000px; -moz-perspective: 2000px; perspective: 2000px; } .flipster-carousel .flip-item { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: all 350ms ease-out; -moz-transition: all 350ms ease-out; -o-transition: all 350ms ease-out; -ms-transition: all 350ms ease-out; transition: all 350ms ease-out; } .no-csstransforms .flipster-carousel .flip-item { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; } .flipster-carousel .flip-items img { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } .flipster-carousel .flip-past { -webkit-transform: translateX(-80%) translateZ(0) rotateY(60deg) scale(0.65); -moz-transform: translateX(-80%) translateZ(0) rotateY(60deg) scale(0.65); -o-transform: translateX(-80%) translateZ(0) rotateY(60deg) scale(0.65); -ms-transform: translateX(-80%) translateZ(0) rotateY(60deg) scale(0.65); transform: translateX(-80%) translateZ(0) rotateY(60deg) scale(0.65); } .flipster-carousel.no-rotate .flip-past { -webkit-transform: translateX(-80%) translateZ(0) scale(0.65); -moz-transform: translateX(-80%) translateZ(0) scale(0.65); -o-transform: translateX(-80%) translateZ(0) scale(0.65); -ms-transform: translateX(-80%) translateZ(0) scale(0.65); transform: translateX(-80%) translateZ(0) scale(0.65); } .no-csstransforms3d .flipster-carousel .flip-past { -webkit-transform: translateX(-56%) scale(0.5); -moz-transform: translateX(-56%) scale(0.5); -o-transform: translateX(-56%) scale(0.5); -ms-transform: translateX(-56%) scale(0.5); transform: translateX(-56%) scale(0.5); } .no-csstransforms .flipster-carousel .flip-past { left: -20%; top: 40%; width: 50%; height: 50%; } .flipster-carousel .flip-future { -webkit-transform: translateX(80%) translateZ(0) rotateY(-60deg) scale(0.65); -moz-transform: translateX(80%) translateZ(0) rotateY(-60deg) scale(0.65); -o-transform: translateX(80%) translateZ(0) rotateY(-60deg) scale(0.65); -ms-transform: translateX(80%) translateZ(0) rotateY(-60deg) scale(0.65); transform: translateX(80%) translateZ(0) rotateY(-60deg) scale(0.65); } .flipster-carousel.no-rotate .flip-future { -webkit-transform: translateX(80%) translateZ(0) scale(0.65); -moz-transform: translateX(80%) translateZ(0) scale(0.65); -o-transform: translateX(80%) translateZ(0) scale(0.65); -ms-transform: translateX(80%) translateZ(0) scale(0.65); transform: translateX(80%) translateZ(0) scale(0.65); } .no-csstransforms3d .flipster-carousel .flip-future { -webkit-transform: translateX(56%) scale(0.5); -moz-transform: translateX(56%) scale(0.5); -o-transform: translateX(56%) scale(0.5); -ms-transform: translateX(56%) scale(0.5); transform: translateX(56%) scale(0.5); } .no-csstransforms .flipster-carousel .flip-future { left: 88%; top: 40%; width: 50%; height: 50%; } .flipster-carousel .flip-prev { -webkit-transform: translateX(-60%) translateZ(0) rotateY(60deg) scale(0.8); -moz-transform: translateX(-60%) translateZ(0) rotateY(60deg) scale(0.8); -o-transform: translateX(-60%) translateZ(0) rotateY(60deg) scale(0.8); -ms-transform: translateX(-60%) translateZ(0) rotateY(60deg) scale(0.8); transform: translateX(-60%) translateZ(0) rotateY(60deg) scale(0.8); } .flipster-carousel.no-rotate .flip-prev { -webkit-transform: translateX(-60%) translateZ(0) scale(0.8); -moz-transform: translateX(-60%) translateZ(0) scale(0.8); -o-transform: translateX(-60%) translateZ(0) scale(0.8); -ms-transform: translateX(-60%) translateZ(0) scale(0.8); transform: translateX(-60%) translateZ(0) scale(0.8); } .no-csstransforms3d .flipster-carousel .flip-prev { -webkit-transform: translateX(-24%) scale(0.75); -moz-transform: translateX(-24%) scale(0.75); -o-transform: translateX(-24%) scale(0.75); -ms-transform: translateX(-24%) scale(0.75); transform: translateX(-24%) scale(0.75); } .no-csstransforms .flipster-carousel .flip-prev { left: -9%; top: 20%; width: 75%; height: 75%; } .flipster-carousel .flip-next { -webkit-transform: translateX(60%) translateZ(0) rotateY(-60deg) scale(0.8); -moz-transform: translateX(60%) translateZ(0) rotateY(-60deg) scale(0.8); -o-transform: translateX(60%) translateZ(0) rotateY(-60deg) scale(0.8); -ms-transform: translateX(60%) translateZ(0) rotateY(-60deg) scale(0.8); transform: translateX(60%) translateZ(0) rotateY(-60deg) scale(0.8); } .flipster-carousel.no-rotate .flip-next { -webkit-transform: translateX(60%) translateZ(0) scale(0.8); -moz-transform: translateX(60%) translateZ(0) scale(0.8); -o-transform: translateX(60%) translateZ(0) scale(0.8); -ms-transform: translateX(60%) translateZ(0) scale(0.8); transform: translateX(60%) translateZ(0) scale(0.8); } .no-csstransforms3d .flipster-carousel .flip-next { -webkit-transform: translateX(24%) scale(0.75); -moz-transform: translateX(24%) scale(0.75); -o-transform: translateX(24%) scale(0.75); -ms-transform: translateX(24%) scale(0.75); transform: translateX(24%) scale(0.75); } .no-csstransforms .flipster-carousel .flip-next { left: 39%; top: 20%; width: 75%; height: 75%; } .flipster-carousel .flip-past, .flipster-carousel .flip-future { -webkit-opacity: 0.6; -moz-opacity: 0.6; opacity: 0.6; z-index: 1; -webkit-transition-delay: 87.5ms; -moz-transition-delay: 87.5ms; -o-transition-delay: 87.5ms; transition-delay: 87.5ms; } .flipster-carousel .flip-prev, .flipster-carousel .flip-next { -webkit-opacity: 0.8; -moz-opacity: 0.8; opacity: 0.8; z-index: 2; -webkit-transition-delay: 58.333333333333336ms; -moz-transition-delay: 58.333333333333336ms; -o-transition-delay: 58.333333333333336ms; transition-delay: 58.333333333333336ms; } .flipster-carousel .flip-current { z-index: 999; -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-transition-delay: 58.333333333333336ms; -moz-transition-delay: 58.333333333333336ms; -o-transition-delay: 58.333333333333336ms; transition-delay: 58.333333333333336ms; } .flipster-carousel .flip-hidden { visibility: hidden; -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; -webkit-transform: rotateY(0deg) translateX(0) scale(0.5); -moz-transform: rotateY(0deg) translateX(0) scale(0.5); -o-transform: rotateY(0deg) translateX(0) scale(0.5); -ms-transform: rotateY(0deg) translateX(0) scale(0.5); transform: rotateY(0deg) translateX(0) scale(0.5); -webkit-transition-delay: 116.66666666666667ms; -moz-transition-delay: 116.66666666666667ms; -o-transition-delay: 116.66666666666667ms; transition-delay: 116.66666666666667ms; } .no-transition { -webkit-transition-duration: 0ms !important; -moz-transition-duration: 0ms !important; -o-transition-duration: 0ms !important; transition-duration: 0ms !important; } .smls-thumbnails { display: block; width: 90%; margin: 20px auto; } .smls-tumb { position: relative; display: inline-block; width: 32.6%; height: 150px; overflow: hidden; background: url(//dubailondonhospital.com/wp-content/plugins/smart-logo-showcase/css/loader.gif) no-repeat center center rgba(255, 255, 255, 0); padding: 0; margin: 0.1em; -webkit-transition: all 1s ease; transition: all 1s ease; } .smls-tumb img { display: block; width: auto; } .smls-tumb span { display: none; visibility: hidden; } .smls-info span { position: absolute; top: 0%; left: 0%; display: block; visibility: visible; width: 100%; padding: 0; margin: 0 auto; } .smls-info:not(.smls-blurme) span { display: block; text-align: center; margin: 0 auto; padding: 5px 10px; background: #000; background: rgba(0, 0, 0, 0.24); color: #FFF; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .smls-blurme { -moz-filter:opacity(0.2); -webkit-filter: opacity(0.2); filter:opacity(0.2); -webkit-transition: all 1s ease; transition: all 1s ease; } @media(min-width:320px) { .smls-tumb { width: 100%; height: auto; } } @media(min-width:480px) { .smls-tumb { width: 100%; height: auto; } } @media(min-width:768px) { .smls-tumb { width: 49.3%; height: 200px; } } @media(min-width:1024px) { .smls-tumb { width: 32.7%; height: 150px; } } .smls-inline-description{ height:180px; }.tooltipster-base { display: flex; pointer-events: none; position: absolute; } .tooltipster-box { flex: 1 1 auto; } .tooltipster-content { box-sizing: border-box; max-height: 100%; max-width: 100%; overflow: auto; } .tooltipster-ruler { bottom: 0; left: 0; overflow: hidden; position: fixed; right: 0; top: 0; visibility: hidden; } .tooltipster-fade { opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; -ms-transition-property: opacity; transition-property: opacity; } .tooltipster-fade.tooltipster-show { opacity: 1; } .tooltipster-grow { -webkit-transform: scale(0,0); -moz-transform: scale(0,0); -o-transform: scale(0,0); -ms-transform: scale(0,0); transform: scale(0,0); -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-backface-visibility: hidden; } .tooltipster-grow.tooltipster-show { -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -o-transform: scale(1,1); -ms-transform: scale(1,1); transform: scale(1,1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); } .tooltipster-swing { opacity: 0; -webkit-transform: rotateZ(4deg); -moz-transform: rotateZ(4deg); -o-transform: rotateZ(4deg); -ms-transform: rotateZ(4deg); transform: rotateZ(4deg); -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; } .tooltipster-swing.tooltipster-show { opacity: 1; -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); transform: rotateZ(0deg); -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1); -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); -moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); -ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); -o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); } .tooltipster-fall { -webkit-transition-property: top; -moz-transition-property: top; -o-transition-property: top; -ms-transition-property: top; transition-property: top; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); } .tooltipster-fall.tooltipster-initial { top: 0 !important; } .tooltipster-fall.tooltipster-show { } .tooltipster-fall.tooltipster-dying { -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; -ms-transition-property: all; transition-property: all; top: 0 !important; opacity: 0; } .tooltipster-slide { -webkit-transition-property: left; -moz-transition-property: left; -o-transition-property: left; -ms-transition-property: left; transition-property: left; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); } .tooltipster-slide.tooltipster-initial { left: -40px !important; } .tooltipster-slide.tooltipster-show { } .tooltipster-slide.tooltipster-dying { -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; -ms-transition-property: all; transition-property: all; left: 0 !important; opacity: 0; } @keyframes tooltipster-fading { 0% { opacity: 0; } 100% { opacity: 1; } } .tooltipster-update-fade { animation: tooltipster-fading 400ms; } @keyframes tooltipster-rotating { 25% { transform: rotate(-2deg); } 75% { transform: rotate(2deg); } 100% { transform: rotate(0); } } .tooltipster-update-rotate { animation: tooltipster-rotating 600ms; } @keyframes tooltipster-scaling { 50% { transform: scale(1.1); } 100% { transform: scale(1); } } .tooltipster-update-scale { animation: tooltipster-scaling 600ms; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-box { margin-top: 8px; } .tooltipster-sidetip.tooltipster-left .tooltipster-box { margin-right: 8px; } .tooltipster-sidetip.tooltipster-right .tooltipster-box { margin-left: 8px; } .tooltipster-sidetip.tooltipster-top .tooltipster-box { margin-bottom: 8px; } .tooltipster-sidetip .tooltipster-arrow { overflow: hidden; position: absolute; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow { height: 10px; margin-left: -10px; top: 0; width: 20px; } .tooltipster-sidetip.tooltipster-left .tooltipster-arrow { height: 20px; margin-top: -10px; right: 0; top: 0; width: 10px; } .tooltipster-sidetip.tooltipster-right .tooltipster-arrow { height: 20px; margin-top: -10px; left: 0; top: 0; width: 10px; } .tooltipster-sidetip.tooltipster-top .tooltipster-arrow { bottom: 0; height: 10px; margin-left: -10px; width: 20px; } .tooltipster-sidetip .tooltipster-arrow-background, .tooltipster-sidetip .tooltipster-arrow-border { height: 0; position: absolute; width: 0; } .tooltipster-sidetip .tooltipster-arrow-background { border: 10px solid transparent; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background { border-bottom-color: #565656; left: 0px; top: 3px; } .tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background { border-left-color: #565656; left: -3px; top: 0px; } .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background { border-right-color: #565656; left: 3px; top: 0px; } .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background { border-top-color: #565656; left: 0px; top: -3px; } .tooltipster-sidetip .tooltipster-arrow-border { border: 10px solid transparent; left: 0; top: 0; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border { border-bottom-color: black; } .tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border { border-left-color: black; } .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border { border-right-color: black; } .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border { border-top-color: black; } .tooltipster-sidetip .tooltipster-arrow-uncropped { position: relative; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped { top: -10px; } .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped { left: -10px; } .tooltipster-sidetip.tooltipster-noir.smls-tooltip-template-1 .tooltipster-box { background-color:#333333; display: inline-block; border-radius: 5px; word-wrap:break-word; padding: 6px 14px; } .tooltipster-sidetip.tooltipster-noir.smls-tooltip-template-1 .tooltipster-content { font-size: 10px; color:#f2f2f2; text-transform: uppercase; font-family: 'Raleway',Sans-serif; } .tooltipster-sidetip.tooltipster-noir.smls-tooltip-template-1.tooltipster-bottom .tooltipster-arrow-background { border-bottom-color: #333333; } .tooltipster-sidetip.tooltipster-noir.smls-tooltip-template-1.tooltipster-left .tooltipster-arrow-background { border-left-color: #333333; } .tooltipster-sidetip.tooltipster-noir.smls-tooltip-template-1.tooltipster-right .tooltipster-arrow-background { border-right-color: #333333; } .tooltipster-sidetip.tooltipster-noir.smls-tooltip-template-1.tooltipster-top .tooltipster-arrow-background { border-top-color: #333333; } .tooltipster-sidetip.tooltipster-noir.smls-tooltip-template-1 .tooltipster-arrow-border, .tooltipster-sidetip.tooltipster-noir.smls-tooltip-template-2 .tooltipster-arrow-border, .tooltipster-sidetip.tooltipster-noir.smls-tooltip-template-3 .tooltipster-arrow-border, .tooltipster-sidetip.tooltipster-noir.smls-tooltip-template-4 .tooltipster-arrow-border { border:none; } .tooltipster-sidetip.tooltipster-noir.smls-tooltip-template-2 .tooltipster-box { background-color:#75bd07; width:100%; display: inline-block; padding: 4px 14px; } .tooltipster-sidetip.tooltipster-noir.smls-tooltip-template-2 .tooltipster-content { font-size: 14px; color:#ffffff; text-transform: uppercase; font-family: 'Open Sans',Sans-serif; } .tooltipster-sidetip.tooltipster-noir.smls-tooltip-template-2.tooltipster-bottom .tooltipster-arrow-background { border-bottom-color: #75bd07; } .tooltipster-sidetip.tooltipster-noir.smls-tooltip-template-2.tooltipster-left .tooltipster-arrow-background { border-left-color: #75bd07; } .tooltipster-sidetip.tooltipster-noir.smls-tooltip-template-2.tooltipster-right .tooltipster-arrow-background { border-right-color: #75bd07; } .tooltipster-sidetip.tooltipster-noir.smls-tooltip-template-2.tooltipster-top .tooltipster-arrow-background { border-top-color: #75bd07; } .tooltipster-sidetip.tooltipster-noir.smls-tooltip-template-3 .tooltipster-box { background-color:#fc562e; display: inline-block; border-radius: 20px; padding: 7px 16px; } .tooltipster-sidetip.tooltipster-noir.smls-tooltip-template-3 .tooltipster-content { font-size: 11px; color:#ffffff; text-transform: capitalize; font-family: 'Open Sans',Sans-serif; } .tooltipster-sidetip.tooltipster-noir.smls-tooltip-template-3.tooltipster-bottom .tooltipster-arrow-background { border-bottom-color: #fc562e; } .tooltipster-sidetip.tooltipster-noir.smls-tooltip-template-3.tooltipster-left .tooltipster-arrow-background { border-left-color: #fc562e; } .tooltipster-sidetip.tooltipster-noir.smls-tooltip-template-3.tooltipster-right .tooltipster-arrow-background { border-right-color: #fc562e; } .tooltipster-sidetip.tooltipster-noir.smls-tooltip-template-3.tooltipster-top .tooltipster-arrow-background { border-top-color: #fc562e; } .tooltipster-sidetip.tooltipster-noir.smls-tooltip-template-4 .tooltipster-box { background-color:#f2f2f2; display: inline-block; border-radius: 20px; padding: 7px 16px; box-shadow: 0 0 25px rgba(0,0,0,0.4); } .tooltipster-sidetip.tooltipster-noir.smls-tooltip-template-4 .tooltipster-content { font-size: 12px; color:#333333; text-transform: capitalize; font-family: 'Raleway',Sans-serif; } .tooltipster-sidetip.tooltipster-noir.smls-tooltip-template-4.tooltipster-bottom .tooltipster-arrow-background{ border-bottom-color: #f2f2f2; left: 0px; top:1px; } .tooltipster-sidetip.tooltipster-noir.smls-tooltip-template-4.tooltipster-left .tooltipster-arrow-background { border-left-color: #f2f2f2; left: -1px; top: 0px; } .tooltipster-sidetip.tooltipster-noir.smls-tooltip-template-4.tooltipster-right .tooltipster-arrow-background { border-right-color: #f2f2f2; left: 1px; top: 0px; } .tooltipster-sidetip.tooltipster-noir.smls-tooltip-template-4.tooltipster-top .tooltipster-arrow-background { border-top-color: #f2f2f2; left: 0px; top: -1px; } .tooltipster-sidetip.tooltipster-noir.smls-tooltip-template-5 .tooltipster-box { background-color:#333333; display: inline-block; border-radius: 3px; padding: 7px 16px; } .tooltipster-sidetip.tooltipster-noir.smls-tooltip-template-5 .tooltipster-content { font-size: 11px; color:#ffffff; text-transform: capitalize; font-family: 'Open Sans',Sans-serif; } .tooltipster-sidetip.tooltipster-noir.smls-tooltip-template-5.tooltipster-top .tooltipster-box { border-bottom:3px solid #fc562e; } .tooltipster-sidetip.tooltipster-noir.smls-tooltip-template-5.tooltipster-right .tooltipster-box { border-left:3px solid #fc562e; } .tooltipster-sidetip.tooltipster-noir.smls-tooltip-template-5.tooltipster-left .tooltipster-box { border-right:3px solid #fc562e; } .tooltipster-sidetip.tooltipster-noir.smls-tooltip-template-5.tooltipster-bottom .tooltipster-box { border-top:3px solid #fc562e; } .tooltipster-sidetip.tooltipster-noir.smls-tooltip-template-5 .tooltipster-arrow-border { border: 10px solid transparent; left: 0; top: 0; } .tooltipster-sidetip.tooltipster-noir.smls-tooltip-template-5.tooltipster-bottom .tooltipster-arrow-background, .tooltipster-sidetip.tooltipster-noir.smls-tooltip-template-5.tooltipster-bottom .tooltipster-arrow-border { border-bottom-color: #fc562e; } .tooltipster-sidetip.tooltipster-noir.smls-tooltip-template-5.tooltipster-left .tooltipster-arrow-background, .tooltipster-sidetip.tooltipster-noir.smls-tooltip-template-5.tooltipster-left .tooltipster-arrow-border { border-left-color: #fc562e; } .tooltipster-sidetip.tooltipster-noir.smls-tooltip-template-5.tooltipster-right .tooltipster-arrow-background, .tooltipster-sidetip.tooltipster-noir.smls-tooltip-template-5.tooltipster-right .tooltipster-arrow-border { border-right-color: #fc562e; } .tooltipster-sidetip.tooltipster-noir.smls-tooltip-template-5.tooltipster-top .tooltipster-arrow-background, .tooltipster-sidetip.tooltipster-noir.smls-tooltip-template-5.tooltipster-top .tooltipster-arrow-border { border-top-color: #fc562e; }.smls-hide{ display: none; } .smls-main-logo-wrapper * { box-sizing:border-box; } .clearfix:after, .clearfix:before { content: ""; display: table; clear: both; } .smls-main-logo-wrapper a { -moz-transition:all 350ms ease-in-out; -webkit-transition:all 350ms ease-in-out; transition:all 350ms ease-in-out; text-decoration: none; border-bottom: 0; box-shadow: none; } .smls-item{ opacity:0.4; transition:0.6s ease-in-out all; -webkit-transition:0.6s ease-in-out all; -moz-transition:0.6s ease-in-out all; margin:0 10px; transform:scale(0.9); -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -webkit-box-shadow: inset 0 0 10em 0 rgba(0,0,0,.75); box-shadow: inset 0 0 10em 0 rgba(0,0,0,.75); } .sowl-item.active.center .smls-item{ opacity:1; transform:scale(1) translateZ(0); -webkit-transform:scale(1) translateZ(0); -moz-transform:scale(1) translateZ(0); transform: scale(1.1); -moz-transition: all 350ms ease-in-out; -webkit-transition: all 350ms ease-in-out; transition: all 350ms ease-in-out; } .sowl-item { -webkit-backface-visibility: hidden; -webkit-transform: scale(1.0, 1.0); } .smls-main-logo-wrapper { width: 100%; margin:0 auto; } .smls-grid-column-2 .smls-popup-wrap, .smls-grid-column-2 .smls-grid-each-item, .smls-grid-column-2 .smls-grid-image-wrap, .smls-grid-container-template-8.smls-grid-column-2 .smls-logo-rec-wrap, .smls-grid-container-template-9.smls-grid-column-2 .smls-grid-nine-wapper { width:50%; } .smls-grid-column-3 .smls-popup-wrap, .smls-grid-column-3 .smls-grid-each-item, .smls-grid-column-3 .smls-grid-image-wrap, .smls-grid-container-template-8.smls-grid-column-3 .smls-logo-rec-wrap, .smls-grid-container-template-9.smls-grid-column-3 .smls-grid-nine-wapper { width:33.33%; } .smls-grid-column-4 .smls-popup-wrap, .smls-grid-column-4 .smls-grid-each-item, .smls-grid-column-4 .smls-grid-image-wrap, .smls-grid-container-template-8.smls-grid-column-4 .smls-logo-rec-wrap, .smls-grid-container-template-9.smls-grid-column-4 .smls-grid-nine-wapper { width:25%; } .smls-grid-column-5 .smls-popup-wrap, .smls-grid-column-5 .smls-grid-each-item, .smls-grid-column-5 .smls-grid-image-wrap, .smls-grid-container-template-8.smls-grid-column-5 .smls-logo-rec-wrap, .smls-grid-container-template-9.smls-grid-column-5 .smls-grid-nine-wapper { width:20%; } .smls-grid-column-6 .smls-popup-wrap, .smls-grid-column-6 .smls-grid-each-item, .smls-grid-column-6 .smls-grid-image-wrap, .smls-grid-container-template-8.smls-grid-column-6 .smls-logo-rec-wrap, .smls-grid-container-template-9.smls-grid-column-6 .smls-grid-nine-wapper { width:16.667%; } .smls-grid-container-template-1, .smls-grid-container-template-2, .smls-grid-container-template-3, .smls-grid-container-template-4, .smls-grid-container-template-5, .smls-grid-container-template-6, .smls-grid-container-template-8, .smls-grid-container-template-9, .smls-main-logo-wrapper .smls-thumbnails{ position: relative; } .smls-grid-container-template-1 .smls-popup-wrap, .smls-grid-container-template-1 .smls-grid-each-item, .smls-grid-container-template-1 .smls-grid-image-wrap, .smls-grid-container-template-2 .smls-popup-wrap, .smls-grid-container-template-2 .smls-grid-each-item, .smls-grid-container-template-2 .smls-grid-image-wrap, .smls-grid-container-template-3 .smls-popup-wrap, .smls-grid-container-template-3 .smls-grid-each-item, .smls-grid-container-template-3 .smls-grid-image-wrap, .smls-grid-container-template-4 .smls-popup-wrap, .smls-grid-container-template-4 .smls-grid-each-item, .smls-grid-container-template-4 .smls-grid-image-wrap, .smls-grid-container-template-5 .smls-popup-wrap, .smls-grid-container-template-5 .smls-grid-each-item, .smls-grid-container-template-5 .smls-grid-image-wrap, .smls-grid-container-template-6 .smls-popup-wrap, .smls-grid-container-template-6 .smls-grid-each-item, .smls-grid-container-template-6 .smls-grid-image-wrap, .smls-main-logo-wrapper .smls-thumbnails .smls-tumb{ padding:20px; background-color:transparent; position: relative; -webkit-transition:all 350ms ease-in-out; -moz-transition:all 350ms ease-in-out; transition:all 350ms ease-in-out; min-height: 130px; max-height: 250px; float: left; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content:center; align-items:center; } .smls-grid-container-template-1 .smls-popup-wrap, .smls-grid-container-template-1 .smls-grid-each-item, .smls-grid-container-template-1 .smls-grid-image-wrap, .smls-grid-container-template-2 .smls-popup-wrap, .smls-grid-container-template-2 .smls-grid-each-item, .smls-grid-container-template-2 .smls-grid-image-wrap { min-height: 180px; max-height: 180px; height: 100px; } .smls-grid-container-template-1.smls-grid-column-5 .smls-popup-wrap, .smls-grid-container-template-1.smls-grid-column-5 .smls-grid-each-item, .smls-grid-container-template-1.smls-grid-column-5 .smls-grid-image-wrap, .smls-grid-container-template-2.smls-grid-column-5 .smls-popup-wrap, .smls-grid-container-template-2.smls-grid-column-5 .smls-grid-each-item, .smls-grid-container-template-2.smls-grid-column-5 .smls-grid-image-wrap, .smls-grid-container-template-1.smls-grid-column-6 .smls-popup-wrap, .smls-grid-container-template-1.smls-grid-column-6 .smls-grid-each-item, .smls-grid-container-template-1.smls-grid-column-6 .smls-grid-image-wrap, .smls-grid-container-template-2.smls-grid-column-6 .smls-popup-wrap, .smls-grid-container-template-2.smls-grid-column-6 .smls-grid-each-item, .smls-grid-container-template-2.smls-grid-column-6 .smls-grid-image-wrap { min-height: 160px; max-height: 160px; } .smls-grid-container-template-1 .smls-popup-wrap:before, .smls-grid-container-template-1 .smls-grid-each-item:before, .smls-grid-container-template-1 .smls-grid-image-wrap:before, .smls-grid-container-template-2 .smls-popup-wrap:before, .smls-grid-container-template-2 .smls-grid-each-item:before, .smls-grid-container-template-2 .smls-grid-image-wrap:before { content: ''; position: absolute; height: 100%; top: 0; left: -1px; border-left: 1px solid #e9e9e9; } .smls-grid-container-template-1 .smls-popup-wrap:after, .smls-grid-container-template-1 .smls-grid-each-item:after, .smls-grid-container-template-1 .smls-grid-image-wrap:after, .smls-grid-container-template-2 .smls-popup-wrap:after, .smls-grid-container-template-2 .smls-grid-each-item:after, .smls-grid-container-template-2 .smls-grid-image-wrap:after{ content: ''; position: absolute; width: 100%; height: 0; left: 0; top: auto; bottom: -1px; border-bottom: 1px solid #e9e9e9; } .smls-grid-container-template-1 .smls-grid-each-item.smls-active-inline:before, .smls-grid-container-template-2 .smls-grid-each-item.smls-active-inline:before { opacity: 0.3; } .smls-grid-container-template-1 { overflow: hidden; } .smls-popup-wrap img, .smls-logo-inline-wrap img { display: block; } .smls-grid-container-template-2 { border:1px solid #e9e9e9; } .smls-grid-container-template-1[class*=smls-hover-type-] .smls-popup-wrap, .smls-grid-container-template-1[class*=smls-hover-type-] .smls-grid-each-item, .smls-grid-container-template-1[class*=smls-hover-type-] .smls-grid-image-wrap.smls-external-link-wrapper, .smls-grid-container-template-2[class*=smls-hover-type-] .smls-popup-wrap, .smls-grid-container-template-2[class*=smls-hover-type-] .smls-grid-each-item, .smls-grid-container-template-2[class*=smls-hover-type-] .smls-grid-image-wrap.smls-external-link-wrapper { padding: 0; } .smls-grid-container-template-1[class*=smls-hover-type-] .smls-popup-wrap .smls-popup-tag, .smls-grid-container-template-1[class*=smls-hover-type-] .smls-grid-each-item .smls-inline-img-wrap, .smls-grid-container-template-1[class*=smls-hover-type-] .smls-grid-image-wrap.smls-external-link-wrapper .smls-url-link-only, .smls-grid-container-template-2[class*=smls-hover-type-] .smls-popup-wrap .smls-popup-tag, .smls-grid-container-template-2[class*=smls-hover-type-] .smls-grid-each-item .smls-inline-img-wrap, .smls-grid-container-template-2[class*=smls-hover-type-] .smls-grid-image-wrap.smls-external-link-wrapper .smls-url-link-only{ padding: 0 10px; } .smls-grid-container-template-3 .smls-popup-wrap, .smls-grid-container-template-3 .smls-grid-each-item, .smls-grid-container-template-3 .smls-grid-image-wrap { padding: 0; min-height: 120px; max-height: 250px; overflow: hidden; align-items:initial; } .smls-grid-container-template-3.smls-grid-column-5 .smls-popup-wrap, .smls-grid-container-template-3.smls-grid-column-5 .smls-grid-each-item, .smls-grid-container-template-3.smls-grid-column-5 .smls-grid-image-wrap{ max-height: 180px; } .smls-grid-container-template-3.smls-grid-column-6 .smls-popup-wrap, .smls-grid-container-template-3.smls-grid-column-6 .smls-grid-each-item, .smls-grid-container-template-3.smls-grid-column-6 .smls-grid-image-wrap{ max-height: 150px; } .smls-grid-container-template-3 .smls-popup-wrap img, .smls-grid-container-template-3 .smls-grid-each-item img, .smls-grid-container-template-3 .smls-grid-image-wrap img { -webkit-transform:scale(1.02); -moz-transform:scale(1.02); transform:scale(1.02); } .smls-grid-container-template-4.smls-grid-column-2 .smls-popup-wrap, .smls-grid-container-template-4.smls-grid-column-2 .smls-grid-each-item, .smls-grid-container-template-5.smls-grid-column-2 .smls-popup-wrap, .smls-grid-container-template-5.smls-grid-column-2 .smls-grid-each-item, .smls-grid-container-template-4.smls-grid-column-2 .smls-grid-image-wrap, .smls-grid-container-template-5.smls-grid-column-2 .smls-grid-image-wrap { width:48%; } .smls-grid-container-template-4.smls-grid-column-3 .smls-popup-wrap, .smls-grid-container-template-4.smls-grid-column-3 .smls-grid-each-item, .smls-grid-container-template-5.smls-grid-column-3 .smls-popup-wrap, .smls-grid-container-template-5.smls-grid-column-3 .smls-grid-each-item, .smls-grid-container-template-4.smls-grid-column-3 .smls-grid-image-wrap, .smls-grid-container-template-5.smls-grid-column-3 .smls-grid-image-wrap { width:31%; } .smls-grid-container-template-4.smls-grid-column-4 .smls-popup-wrap, .smls-grid-container-template-4.smls-grid-column-4 .smls-grid-each-item, .smls-grid-container-template-5.smls-grid-column-4 .smls-popup-wrap, .smls-grid-container-template-5.smls-grid-column-4 .smls-grid-each-item, .smls-grid-container-template-4.smls-grid-column-4 .smls-grid-image-wrap, .smls-grid-container-template-5.smls-grid-column-4 .smls-grid-image-wrap { width:23%; } .smls-grid-container-template-4.smls-grid-column-5 .smls-popup-wrap, .smls-grid-container-template-4.smls-grid-column-5 .smls-grid-each-item, .smls-grid-container-template-5.smls-grid-column-5 .smls-popup-wrap, .smls-grid-container-template-5.smls-grid-column-5 .smls-grid-each-item, .smls-grid-container-template-4.smls-grid-column-5 .smls-grid-image-wrap, .smls-grid-container-template-5.smls-grid-column-5 .smls-grid-image-wrap { width:18%; } .smls-grid-container-template-4.smls-grid-column-6 .smls-popup-wrap, .smls-grid-container-template-4.smls-grid-column-6 .smls-grid-each-item, .smls-grid-container-template-5.smls-grid-column-6 .smls-popup-wrap, .smls-grid-container-template-5.smls-grid-column-6 .smls-grid-each-item, .smls-grid-container-template-4.smls-grid-column-6 .smls-grid-image-wrap, .smls-grid-container-template-5.smls-grid-column-6 .smls-grid-image-wrap { width:15%; } .smls-grid-container-template-4, .smls-grid-container-template-5 { justify-content:flex-start; } .smls-grid-container-template-4 .smls-popup-wrap, .smls-grid-container-template-4 .smls-grid-each-item, .smls-grid-container-template-4 .smls-grid-image-wrap{ border:1px solid #e9e9e9; margin:0 15px 15px 0; } .smls-grid-container-template-4.smls-grid-column-6 .smls-popup-wrap, .smls-grid-container-template-4.smls-grid-column-6 .smls-grid-each-item, .smls-grid-container-template-4.smls-grid-column-6 .smls-grid-image-wrap, .smls-grid-container-template-4.smls-grid-column-5 .smls-popup-wrap, .smls-grid-container-template-4.smls-grid-column-5 .smls-grid-each-item, .smls-grid-container-template-4.smls-grid-column-5 .smls-grid-image-wrap{ padding:10px; min-height: 100px; max-height: 180px; } .smls-grid-container-template-4 .smls-popup-wrap .smls-only-image-wrap, .smls-grid-container-template-4 .smls-grid-each-item .smls-inline-img-wrap, .smls-grid-container-template-4 .smls-grid-each-item .smls-logo-inline-detail, .smls-grid-container-template-4 .smls-grid-image-wrap .smls-url-link-only, .smls-grid-container-template-4 .smls-popup-wrap a.smls-popup-tag { max-height: 180px; } .smls-grid-container-template-5 .smls-popup-wrap, .smls-grid-container-template-5 .smls-grid-each-item, .smls-grid-container-template-5 .smls-grid-image-wrap { background-color:#ffffff; margin:0 15px 15px 0; padding:10px; min-height: 100px; max-height: 140px; overflow: hidden; } .smls-grid-container-template-4.smls-grid-column-2 .smls-popup-wrap:nth-of-type(2n), .smls-grid-container-template-4.smls-grid-column-2 .smls-grid-each-item:nth-of-type(2n), .smls-grid-container-template-4.smls-grid-column-2 .smls-grid-image-wrap:nth-of-type(2n), .smls-grid-container-template-4.smls-grid-column-3 .smls-popup-wrap:nth-of-type(3n), .smls-grid-container-template-4.smls-grid-column-3 .smls-grid-each-item:nth-of-type(3n), .smls-grid-container-template-4.smls-grid-column-3 .smls-grid-image-wrap:nth-of-type(3n), .smls-grid-container-template-4.smls-grid-column-4 .smls-popup-wrap:nth-of-type(4n), .smls-grid-container-template-4.smls-grid-column-4 .smls-grid-each-item:nth-of-type(4n), .smls-grid-container-template-4.smls-grid-column-4 .smls-grid-image-wrap:nth-of-type(4n), .smls-grid-container-template-4.smls-grid-column-5 .smls-popup-wrap:nth-of-type(5n), .smls-grid-container-template-4.smls-grid-column-5 .smls-grid-each-item:nth-of-type(5n), .smls-grid-container-template-4.smls-grid-column-5 .smls-grid-image-wrap:nth-of-type(5n), .smls-grid-container-template-4.smls-grid-column-6 .smls-popup-wrap:nth-of-type(6n), .smls-grid-container-template-4.smls-grid-column-6 .smls-grid-each-item:nth-of-type(6n), .smls-grid-container-template-4.smls-grid-column-6 .smls-grid-image-wrap:nth-of-type(6n), .smls-grid-container-template-5.smls-grid-column-2 .smls-popup-wrap:nth-of-type(2n), .smls-grid-container-template-5.smls-grid-column-2 .smls-grid-each-item:nth-of-type(2n), .smls-grid-container-template-5.smls-grid-column-2 .smls-grid-image-wrap:nth-of-type(2n), .smls-grid-container-template-5.smls-grid-column-3 .smls-popup-wrap:nth-of-type(3n), .smls-grid-container-template-5.smls-grid-column-3 .smls-grid-each-item:nth-of-type(3n), .smls-grid-container-template-5.smls-grid-column-3 .smls-grid-image-wrap:nth-of-type(3n), .smls-grid-container-template-5.smls-grid-column-4 .smls-popup-wrap:nth-of-type(4n), .smls-grid-container-template-5.smls-grid-column-4 .smls-grid-each-item:nth-of-type(4n), .smls-grid-container-template-5.smls-grid-column-4 .smls-grid-image-wrap:nth-of-type(4n), .smls-grid-container-template-5.smls-grid-column-5 .smls-popup-wrap:nth-of-type(5n), .smls-grid-container-template-5.smls-grid-column-5 .smls-grid-each-item:nth-of-type(5n), .smls-grid-container-template-5.smls-grid-column-5 .smls-grid-image-wrap:nth-of-type(5n), .smls-grid-container-template-5.smls-grid-column-6 .smls-popup-wrap:nth-of-type(6n), .smls-grid-container-template-5.smls-grid-column-6 .smls-grid-each-item:nth-of-type(6n), .smls-grid-container-template-5.smls-grid-column-6 .smls-grid-image-wrap:nth-of-type(6n), .smls-grid-container-template-6.smls-grid-column-2 .smls-popup-wrap:nth-of-type(2n), .smls-grid-container-template-6.smls-grid-column-2 .smls-grid-each-item:nth-of-type(2n), .smls-grid-container-template-6.smls-grid-column-2 .smls-grid-image-wrap:nth-of-type(2n), .smls-grid-container-template-6.smls-grid-column-3 .smls-popup-wrap:nth-of-type(3n), .smls-grid-container-template-6.smls-grid-column-3 .smls-grid-each-item:nth-of-type(3n), .smls-grid-container-template-6.smls-grid-column-3 .smls-grid-image-wrap:nth-of-type(3n), .smls-grid-container-template-6.smls-grid-column-4 .smls-popup-wrap:nth-of-type(4n), .smls-grid-container-template-6.smls-grid-column-4 .smls-grid-each-item:nth-of-type(4n), .smls-grid-container-template-6.smls-grid-column-4 .smls-grid-image-wrap:nth-of-type(4n), .smls-grid-container-template-6.smls-grid-column-5 .smls-popup-wrap:nth-of-type(5n), .smls-grid-container-template-6.smls-grid-column-5 .smls-grid-each-item:nth-of-type(5n), .smls-grid-container-template-6.smls-grid-column-5 .smls-grid-image-wrap:nth-of-type(5n), .smls-grid-container-template-6.smls-grid-column-6 .smls-popup-wrap:nth-of-type(6n), .smls-grid-container-template-6.smls-grid-column-6 .smls-grid-each-item:nth-of-type(6n), .smls-grid-container-template-6.smls-grid-column-6 .smls-grid-image-wrap:nth-of-type(6n) { margin-right: 0; } .smls-main-logo-wrapper .smls-grid-column-2 .smls-popup-wrap:nth-of-type(2n+1), .smls-main-logo-wrapper .smls-grid-column-2 .smls-grid-each-item:nth-of-type(2n+1), .smls-main-logo-wrapper .smls-grid-column-2 .smls-grid-image-wrap:nth-of-type(2n+1), .smls-main-logo-wrapper .smls-grid-column-3 .smls-popup-wrap:nth-of-type(3n+1), .smls-main-logo-wrapper .smls-grid-column-3 .smls-grid-each-item:nth-of-type(3n+1), .smls-main-logo-wrapper .smls-grid-column-3 .smls-grid-image-wrap:nth-of-type(3n+1), .smls-main-logo-wrapper .smls-grid-column-4 .smls-popup-wrap:nth-of-type(4n+1), .smls-main-logo-wrapper .smls-grid-column-4 .smls-grid-each-item:nth-of-type(4n+1), .smls-main-logo-wrapper .smls-grid-column-4 .smls-grid-image-wrap:nth-of-type(4n+1), .smls-main-logo-wrapper .smls-grid-column-5 .smls-popup-wrap:nth-of-type(5n+1), .smls-main-logo-wrapper .smls-grid-column-5 .smls-grid-each-item:nth-of-type(5n+1), .smls-main-logo-wrapper .smls-grid-column-5 .smls-grid-image-wrap:nth-of-type(5n+1), .smls-main-logo-wrapper .smls-grid-column-6 .smls-popup-wrap:nth-of-type(6n+1), .smls-main-logo-wrapper .smls-grid-column-6 .smls-grid-each-item:nth-of-type(6n+1), .smls-main-logo-wrapper .smls-grid-column-6 .smls-grid-image-wrap:nth-of-type(6n+1) { clear: left; } .smls-popup-wrap a.smls-only-image-wrap, .smls-logo-inline-detail, .smls-grid-pad-container, .smls-popup-wrap .smls-only-image-wrap, .smls-logo-inline-detail .smls-inline-img-wrap { width: 100%; overflow: hidden; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content:center; } .smls-grid-container-template-1 .smls-popup-wrap a.smls-only-image-wrap, .smls-grid-container-template-1 .smls-logo-inline-detail, .smls-grid-container-template-1 .smls-grid-pad-container, .smls-grid-container-template-1 .smls-popup-wrap .smls-only-image-wrap, .smls-grid-container-template-1 .smls-logo-inline-detail .smls-inline-img-wrap, .smls-grid-container-template-2 .smls-popup-wrap a.smls-only-image-wrap, .smls-grid-container-template-2 .smls-logo-inline-detail, .smls-grid-container-template-2 .smls-grid-pad-container, .smls-grid-container-template-2 .smls-popup-wrap .smls-only-image-wrap, .smls-grid-container-template-2 .smls-logo-inline-detail .smls-inline-img-wrap { max-height: 140px; } .smls-grid-container-template-1.smls-grid-column-5 .smls-popup-wrap a.smls-only-image-wrap, .smls-grid-container-template-1.smls-grid-column-5 .smls-logo-inline-detail, .smls-grid-container-template-1.smls-grid-column-5 .smls-grid-pad-container, .smls-grid-container-template-1.smls-grid-column-5 .smls-popup-wrap .smls-only-image-wrap, .smls-grid-container-template-1.smls-grid-column-5 .smls-logo-inline-detail .smls-inline-img-wrap, .smls-grid-container-template-2.smls-grid-column-5 .smls-popup-wrap a.smls-only-image-wrap, .smls-grid-container-template-2.smls-grid-column-5 .smls-logo-inline-detail, .smls-grid-container-template-2.smls-grid-column-5 .smls-grid-pad-container, .smls-grid-container-template-2.smls-grid-column-5 .smls-popup-wrap .smls-only-image-wrap, .smls-grid-container-template-2.smls-grid-column-5 .smls-logo-inline-detail .smls-inline-img-wrap, .smls-grid-container-template-1.smls-grid-column-6 .smls-popup-wrap a.smls-only-image-wrap, .smls-grid-container-template-1.smls-grid-column-6 .smls-logo-inline-detail, .smls-grid-container-template-1.smls-grid-column-6 .smls-grid-pad-container, .smls-grid-container-template-1.smls-grid-column-6 .smls-popup-wrap .smls-only-image-wrap, .smls-grid-container-template-1.smls-grid-column-6 .smls-logo-inline-detail .smls-inline-img-wrap, .smls-grid-container-template-2.smls-grid-column-6 .smls-popup-wrap a.smls-only-image-wrap, .smls-grid-container-template-2.smls-grid-column-6 .smls-logo-inline-detail, .smls-grid-container-template-2.smls-grid-column-6 .smls-grid-pad-container, .smls-grid-container-template-2.smls-grid-column-6 .smls-popup-wrap .smls-only-image-wrap, .smls-grid-container-template-2.smls-grid-column-6 .smls-logo-inline-detail .smls-inline-img-wrap { max-height: 120px; } .smls-main-logo-wrapper .smls-url-link-only, .smls-popup-wrap .smls-only-image-wrap a.smls-popup-tag { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; border-bottom: 0; box-shadow: none; overflow: hidden; } .smls-grid-container-template-5 .smls-popup-wrap .smls-only-image-wrap, .smls-grid-container-template-5 .smls-grid-each-item .smls-inline-img-wrap, .smls-grid-container-template-5 .smls-grid-each-item .smls-logo-inline-detail, .smls-grid-container-template-5 .smls-grid-image-wrap .smls-url-link-only, .smls-grid-container-template-5 .smls-popup-wrap a.smls-popup-tag{ min-height: 120px; max-height: 120px; } .smls-main-logo-wrapper .smls-url-link-only img, .smls-popup-wrap .smls-only-image-wrap a.smls-popup-tag img, .smls-main-logo-wrapper .smls-gallery-wrap-template-2 a img, .smls-main-logo-wrapper .smls-url-link-only:hover, .smls-popup-wrap .smls-only-image-wrap a.smls-popup-tag:hover{ -webkit-box-shadow:none; box-shadow: none; } .smls-grid-container-template-6 .smls-popup-wrap, .smls-grid-container-template-6 .smls-grid-each-item, .smls-grid-container-template-6 .smls-grid-image-wrap { padding: 0; margin:5px; max-height: 190px; overflow: hidden; } .smls-grid-container-template-6.smls-grid-column-5 .smls-popup-wrap, .smls-grid-container-template-6.smls-grid-column-5 .smls-grid-each-item, .smls-grid-container-template-6.smls-grid-column-5 .smls-grid-image-wrap { max-height: 170px; } .smls-grid-container-template-6.smls-grid-column-6 .smls-popup-wrap, .smls-grid-container-template-6.smls-grid-column-6 .smls-grid-each-item, .smls-grid-container-template-6.smls-grid-column-6 .smls-grid-image-wrap { max-height: 140px; min-height: 100px; } .smls-grid-container-template-6.smls-grid-column-6 .smls-popup-wrap, .smls-grid-container-template-6.smls-grid-column-6 .smls-grid-each-item, .smls-grid-container-template-6.smls-grid-column-6 .smls-grid-image-wrap { width:15% ; } .smls-grid-container-template-6.smls-grid-column-5 .smls-popup-wrap, .smls-grid-container-template-6.smls-grid-column-5 .smls-grid-each-item, .smls-grid-container-template-6.smls-grid-column-5 .smls-grid-image-wrap { width: 18.5%; } .smls-grid-container-template-6.smls-grid-column-4 .smls-popup-wrap, .smls-grid-container-template-6.smls-grid-column-4 .smls-grid-each-item, .smls-grid-container-template-6.smls-grid-column-4 .smls-grid-image-wrap { width:23.5% ; } .smls-grid-container-template-6.smls-grid-column-3 .smls-popup-wrap, .smls-grid-container-template-6.smls-grid-column-3 .smls-grid-each-item, .smls-grid-container-template-6.smls-grid-column-3 .smls-grid-image-wrap { width:32% ; } .smls-grid-container-template-6.smls-grid-column-2 .smls-popup-wrap, .smls-grid-container-template-6.smls-grid-column-2 .smls-grid-each-item, .smls-grid-container-template-6.smls-grid-column-2 .smls-grid-image-wrap { width: 48%; } .smls-grid-container-template-7.smls-grid-column-6 .smls-grid-image-wrap { width:15.3%; } .smls-grid-container-template-7.smls-grid-column-5 .smls-grid-image-wrap { width:18.3%; } .smls-grid-container-template-7.smls-grid-column-4 .smls-grid-image-wrap { width:23.33%; } .smls-grid-container-template-7.smls-grid-column-3 .smls-grid-image-wrap { width:31.33%; } .smls-grid-container-template-7.smls-grid-column-2 .smls-grid-image-wrap { width:48.3%; } .smls-grid-container-template-7 .smls-grid-image-wrap { float:left; margin-right: 15px; } .smls-grid-container-template-7 { margin:0 auto; } .smls-grid-container-template-7.smls-grid-column-6 { max-width: 1570px; } .smls-grid-container-template-7.smls-grid-column-5 { max-width: 1310px; } .smls-grid-container-template-7.smls-grid-column-4 { max-width: 1040px; } .smls-grid-container-template-7.smls-grid-column-3 { max-width: 775px; } .smls-grid-container-template-7.smls-grid-column-2 { max-width: 505px; } .smls-grid-container-template-7 .smls-grid-image-wrap:last-child, .smls-grid-container-template-7.smls-grid-column-6 .smls-grid-image-wrap:nth-of-type(6n), .smls-grid-container-template-7.smls-grid-column-5 .smls-grid-image-wrap:nth-of-type(5n), .smls-grid-container-template-7.smls-grid-column-4 .smls-grid-image-wrap:nth-of-type(4n), .smls-grid-container-template-7.smls-grid-column-3 .smls-grid-image-wrap:nth-of-type(3n), .smls-grid-container-template-7.smls-grid-column-2 .smls-grid-image-wrap:nth-of-type(2n) { margin-right: 0; } .smls-grid-container-template-7.smls-grid-column-6 .smls-grid-image-wrap:nth-of-type(6n+1), .smls-grid-container-template-7.smls-grid-column-5 .smls-grid-image-wrap:nth-of-type(5n+1), .smls-grid-container-template-7.smls-grid-column-4 .smls-grid-image-wrap:nth-of-type(4n+1), .smls-grid-container-template-7.smls-grid-column-3 .smls-grid-image-wrap:nth-of-type(3n+1), .smls-grid-container-template-7.smls-grid-column-2 .smls-grid-image-wrap:nth-of-type(2n+1) { clear: left; } .smls-grid-container-template-7 .smls-grid-image-wrap figure { margin:0; } .smls-grid-container-template-7 .smls-grid-image-wrap img{ bottom: 0; display: block; height: auto; max-width: 100%; width: 240px; } .smls-grid-container-template-7 .smls-grid-image-wrap ul{ list-style: none; margin-left: 0; padding: 0; } .smls-grid-container-template-7 .smls-logo-image-container { overflow: hidden; position: relative; width: 100%; margin: 0; left: 0; -webkit-transition:all 400ms ease-in-out; -moz-transition:all 400ms ease-in-out; transition:all 400ms ease-in-out; } .smls-grid-container-template-7 .smls-logo-info-wrap { background: #f5f5f5; bottom: 0; color: #666666; height: 100%; left: 240px; opacity: 0; position: absolute; z-index: 99; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform 400ms, opacity .1s .3s; -moz-transition: -moz-transform 400ms, opacity .1s .3s; -ms-transition: -ms-transform 400ms, opacity .1s .3s; -o-transition: -o-transform 400ms, opacity .1s .3s; transition: transform 400ms, opacity .1s .3s; width: 0; } .smls-grid-container-template-7 .smls-info-hover-wrap { background:#f5f5f5; width: 260px; padding: 20px 18px; text-align: left; height: 100%; } .smls-grid-container-template-7 .smls-logo-image-container:hover { position: relative; left: -257px; width: 205%; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; } .smls-grid-container-template-7 .smls-logo-image-container:hover .smls-logo-info-wrap { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition: -webkit-transform 400ms, opacity .1s; -moz-transition: -moz-transform 400ms, opacity .1s; -ms-transition: -ms-transform 400ms, opacity .1s; -o-transition: -o-transform 400ms, opacity .1s; transition: transform 400ms, opacity .1s; } .smls-grid-container-template-7 .smls-grid-image-wrap:first-child .smls-logo-info-wrap, .smls-grid-container-template-7.smls-grid-column-6 .smls-grid-image-wrap:nth-of-type(6n+1) .smls-logo-info-wrap, .smls-grid-container-template-7.smls-grid-column-5 .smls-grid-image-wrap:nth-of-type(5n+1) .smls-logo-info-wrap, .smls-grid-container-template-7.smls-grid-column-4 .smls-grid-image-wrap:nth-of-type(4n+1) .smls-logo-info-wrap, .smls-grid-container-template-7.smls-grid-column-3 .smls-grid-image-wrap:nth-of-type(3n+1) .smls-logo-info-wrap, .smls-grid-container-template-7.smls-grid-column-2 .smls-grid-image-wrap:nth-of-type(2n+1) .smls-logo-info-wrap { z-index: 1; } .smls-grid-container-template-7 .smls-grid-image-wrap:first-child .smls-logo-image-container:hover, .smls-grid-container-template-7.smls-grid-column-6 .smls-grid-image-wrap:nth-of-type(6n+1) .smls-logo-image-container:hover, .smls-grid-container-template-7.smls-grid-column-5 .smls-grid-image-wrap:nth-of-type(5n+1) .smls-logo-image-container:hover, .smls-grid-container-template-7.smls-grid-column-4 .smls-grid-image-wrap:nth-of-type(4n+1) .smls-logo-image-container:hover, .smls-grid-container-template-7.smls-grid-column-3 .smls-grid-image-wrap:nth-of-type(3n+1) .smls-logo-image-container:hover, .smls-grid-container-template-7.smls-grid-column-2 .smls-grid-image-wrap:nth-of-type(2n+1) .smls-logo-image-container:hover { right:-245px; left:0; z-index: 99; } .smls-grid-container-template-7 .smls-hover-title { color:#555555; font-size: 22px; font-family: 'Merriweather Sans', Sans-serif; font-weight:800; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 20px; } .smls-grid-container-template-7 .smls-hover-description { color:#333333; font-size: 14px; font-family: 'Droid Sans', Sans-serif; line-height: 1.6; margin-bottom: 20px; } .smls-grid-container-template-7 .smls-hover-icon-wrap a{ width:30px; height: 30px; display: inline-block; margin:0 2px; text-align: center; line-height: 30px; color:#ffffff; opacity: 0.8; border:0; -webkit-box-shadow: none; box-shadow: none; -webkit-transition:all 350ms ease-in-out; -moz-transition:all 350ms ease-in-out; transition:all 350ms ease-in-out; } .smls-grid-container-template-7 .smls-hover-icon-wrap a:hover { opacity: 1; color: #ffffff; -webkit-box-shadow: none; box-shadow: none; } .smls-grid-container-template-8 .smls-logo-rec-wrap { background-color:transparent; -webkit-transition:all 350ms ease-in-out; -moz-transition:all 350ms ease-in-out; transition:all 350ms ease-in-out; min-height: 160px; float: left; } .smls-grid-container-template-8 .smls-block-img-wrap { overflow:hidden; position: relative; } .smls-grid-container-template-8 .smls-block-content-wrap { position: relative; z-index: 99; } .smls-grid-container-template-8 .smls-eight-outer-container { background-color:#107dda; color:#ffffff; padding:10px 15px; position: relative; cursor: pointer; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content:center; } .smls-grid-container-template-8 .smls-pre-content-wrap { min-height: 150px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-flow:column; align-items:center; justify-content:center; } .smls-grid-container-template-8 .smls-logo-rec-wrap:nth-of-type(2n) .smls-eight-outer-container, .smls-grid-container-template-8 .smls-logo-rec-wrap:nth-of-type(2n+1) .smls-eight-outer-container { background-color:#4ea7f2; } .smls-grid-container-template-8 .smls-logo-rec-wrap:nth-of-type(3n) .smls-eight-outer-container { background-color:#74baf5; } .smls-grid-container-template-8 .smls-logo-rec-wrap:nth-of-type(3n+1) .smls-eight-outer-container { background-color:#107dda; } .smls-grid-container-template-8 .smls-block-content-wrap:before { content:''; position:absolute; border-width:20px; border-style: solid; border-color:transparent transparent #107dda; top:-36px; left:50%; margin-left:-20px; z-index: 9; } .smls-grid-container-template-8 .smls-logo-rec-wrap:nth-of-type(2n) .smls-block-content-wrap:before, .smls-grid-container-template-8 .smls-logo-rec-wrap:nth-of-type(2n+1) .smls-block-content-wrap:before { border-color:transparent transparent #4ea7f2; } .smls-grid-container-template-8 .smls-logo-rec-wrap:nth-of-type(3n) .smls-block-content-wrap:before { border-color:transparent transparent #74baf5; } .smls-grid-container-template-8 .smls-logo-rec-wrap:nth-of-type(3n+1) .smls-block-content-wrap:before { border-color:transparent transparent #107dda; } .smls-grid-container-template-8 .smls-logo-title { font-size: 20px; font-family: 'Oxygen', Sans-serif; font-weight:400; text-transform: uppercase; line-height: 1; margin-bottom: 10px; text-align: center; } .smls-grid-container-template-8 .smls-logo-tagline { font-size: 14px; font-family: 'Oxygen', Sans-serif; font-weight:400; line-height: 1; margin-bottom: 10px; text-align: center; text-transform: capitalize; } .smls-grid-container-template-3 .smls-grid-pad-container img, .smls-grid-container-template-3 .smls-popup-wrap img, .smls-grid-container-template-3 .smls-grid-each-item .smls-logo-inline-detail img, .smls-grid-container-template-4 .smls-grid-pad-container img, .smls-grid-container-template-4 .smls-popup-wrap img, .smls-grid-container-template-4 .smls-grid-each-item .smls-logo-inline-detail img, .smls-grid-container-template-5 .smls-grid-pad-container img, .smls-grid-container-template-5 .smls-popup-wrap img, .smls-grid-container-template-5 .smls-grid-each-item .smls-logo-inline-detail img, .smls-grid-container-template-6 .smls-grid-pad-container img, .smls-grid-container-template-6 .smls-popup-wrap img, .smls-grid-container-template-6 .smls-grid-each-item .smls-logo-inline-detail img, .smls-grid-container-template-8 .smls-block-img-wrap img, .smls-grid-container-template-9 .smls-image-wrap img{ display: block; width: 100%; } .smls-grid-container-template-8 .smls-hover-icon-wrap { text-align: center; } .smls-grid-container-template-8 .smls-grid-eight-toggle-content { position: absolute; background: inherit; width: 100%; top: 90%; left: 0; padding: 0 15px 15px; z-index: 999; text-align: left; } .smls-grid-container-template-8 .smls-inline-active-wrap { -moz-box-shadow: 0 0 30px rgba(0,0,0,0.9); -webkit-box-shadow: 0 0 30px rgba(0,0,0,0.9); box-shadow: 0 0 30px rgba(0,0,0,0.9); } .smls-grid-container-template-8 .smls-inline-active-wrap .smls-grid-eight-toggle-content { box-shadow: 0 13px 23px rgba(0,0,0,0.9); } .smls-grid-container-template-8 .smls-block-content-wrap .smls-close-detail { position: absolute; top:10px; right: 15px; color: #000000; font-weight: 300; z-index: 999; cursor: pointer; } .smls-grid-container-template-8 .smls-grid-eight-toggle-content .smls-grid-desp { font-family: 'Droid Serif', Serif; font-size: 14px; line-height: 2; color: #ffffff; height: 120px; margin-bottom: 15px; } .smls-grid-container-template-8 .smls-hover-icon-wrap a { display: inline-block; margin:3px 5px; line-height: 1; color: #ffffff; border-bottom: 0; box-shadow: none; } .smls-grid-container-template-8 .smls-hover-icon-wrap a:hover { -moz-transform:translateY(-5px); -webkit-transform:translateY(-5px); transform:translateY(-5px); color: #ffffff; -webkit-box-shadow: none; box-shadow: none; } .smls-grid-container-template-8 .smls-grid-eight-gallery a{ display: inline-block; width: 32%; margin-bottom: 2px; border:2px solid #cccccc; } .smls-grid-container-template-8 .smls-grid-eight-gallery img { display: block; width: 100%; -webkit-box-shadow: none; box-shadow: none; } .smls-grid-container-template-8 .smls-grid-eight-gallery a:hover { opacity: 0.6; border: 2px solid #cccccc; } .smls-grid-container-template-9 .smls-grid-nine-wapper { background-color:transparent; position: relative; -webkit-transition:all 350ms ease-in-out; -moz-transition:all 350ms ease-in-out; transition:all 350ms ease-in-out; min-height: 160px; max-height: 250px; float: left; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; cursor:pointer; } .smls-grid-container-template-9 .smls-image-wrap { overflow: hidden; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items:center; width:100%; max-height: 250px; } .smls-grid-container-template-9 .smls-block-nine-img-wrap { width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .smls-grid-container-template-9 .smls-grid-nine-container { position: absolute; width: 100%; top:15px; left:90%; z-index: 10000; padding: 10px 0 20px; background-color:#ffffff; border:4px solid #c0b9b9; text-align: left; -moz-box-shadow:3px 0 25px rgba(0,0,0,0.5); -webkit-box-shadow:3px 0 25px rgba(0,0,0,0.5); box-shadow:3px 0 25px rgba(0,0,0,0.5); } .smls-grid-container-template-9 .smls-grid-nine-container:before { content:''; position: absolute; top:35px; left:-27px; border-style:solid; border-width:12px; border-color:transparent #c0b9b9 transparent transparent; } .smls-grid-container-template-9 .smls-close-detail { position: absolute; right: 9px; top:0; } .smls-grid-container-template-9 .smls-grid-nine-title { padding:0 20px; font-family: 'Open Sans', Sans-serif; font-size:16px; text-transform: uppercase; font-weight:600; color:#f46632; line-height: 1.2; margin-bottom: 5px; } .smls-grid-container-template-9 .smls-grid-desp { font-family: 'Droid Serif', Serif; font-size: 14px; line-height: 2; color: #666666; height: 120px; padding:0 7px 0 20px; margin-bottom: 10px; } .smls-grid-container-template-9 .smls-grid-nine-gallery { padding:0 20px; margin-bottom: 15px; } .smls-grid-container-template-9 .smls-grid-nine-gallery a { display: inline-block; width: 25%; margin-bottom: 2px; border:0; } .smls-grid-container-template-9 .smls-grid-nine-gallery a img { -moz-filter:grayscale(0); -webkit-filter:grayscale(0); filter:grayscale(0); -moz-transition:all 400ms ease-in-out; -webkit-transition:all 400ms ease-in-out; transition:all 400ms ease-in-out; } .smls-grid-container-template-9 .smls-grid-nine-gallery a:hover img { -moz-filter:grayscale(1); -webkit-filter:grayscale(1); filter:grayscale(1); } .smls-grid-container-template-9 .smls-social-icons { padding:0 20px; } .smls-grid-container-template-9 .smls-social-icons a { display: inline-block; width:26px; height:26px; background-color:#f46632; color: #ffffff; border-radius: 50%; text-align: center; line-height: 26px; font-size: 12px; margin-left: 3px; border:0; -webkit-box-shadow: none; box-shadow: none; } .smls-grid-container-template-9 .smls-social-icons a:hover { background-color: #000000; color: #ffffff; -webkit-box-shadow: none; box-shadow: none; } .smls-grid-container-template-9 .smls-social-icons a:hover i { -moz-animation:DownToUp 400ms forwards; -webkit-animation:DownToUp 400ms forwards; animation:DownToUp 400ms forwards; } .smls-grid-container-template-9.smls-grid-column-2 .smls-grid-nine-wapper:nth-of-type(2n) .smls-grid-nine-container, .smls-grid-container-template-9.smls-grid-column-3 .smls-grid-nine-wapper:nth-of-type(3n) .smls-grid-nine-container, .smls-grid-container-template-9.smls-grid-column-4 .smls-grid-nine-wapper:nth-of-type(4n) .smls-grid-nine-container, .smls-grid-container-template-9.smls-grid-column-5 .smls-grid-nine-wapper:nth-of-type(5n) .smls-grid-nine-container, .smls-grid-container-template-9.smls-grid-column-6 .smls-grid-nine-wapper:nth-of-type(6n) .smls-grid-nine-container { left: auto; right: 90%; } .smls-grid-container-template-9.smls-grid-column-2 .smls-grid-nine-wapper:nth-of-type(2n) .smls-grid-nine-container:before, .smls-grid-container-template-9.smls-grid-column-3 .smls-grid-nine-wapper:nth-of-type(3n) .smls-grid-nine-container:before, .smls-grid-container-template-9.smls-grid-column-4 .smls-grid-nine-wapper:nth-of-type(4n) .smls-grid-nine-container:before, .smls-grid-container-template-9.smls-grid-column-5 .smls-grid-nine-wapper:nth-of-type(5n) .smls-grid-nine-container:before, .smls-grid-container-template-9.smls-grid-column-6 .smls-grid-nine-wapper:nth-of-type(6n) .smls-grid-nine-container:before { border-color:transparent transparent transparent #c0b9b9; left: auto; right: -27px; } .smls-main-logo-wrapper .smls-thumbnails .smls-tumb { min-height: 120px; max-height: 180px; padding: 5px; } .smls-list-container-template-1 .smls-list-image-wrap { width: 25%; overflow: hidden; max-width: 280px; position: relative; } .smls-list-container-template-1 .smls-list-detail-wrap { width: 72%; text-align: left; } .smls-list-container-template-1 .smls-list-block:nth-of-type(odd) .smls-list-image-wrap { float:left; } .smls-list-container-template-1 .smls-list-block:nth-of-type(odd) .smls-list-detail-wrap { float:right; margin-left: 3%; } .smls-list-container-template-1 .smls-list-block:nth-of-type(even) .smls-list-image-wrap { float:right; margin-left:3%; } .smls-list-container-template-1 .smls-list-block:nth-of-type(even) .smls-list-detail-wrap { float:left; } .smls-list-container-template-1 .smls-list-block, .smls-list-container-template-2 .smls-list-block { margin-bottom: 50px; position:relative; } .smls-list-container-template-1 .smls-list-title, .smls-list-container-template-2 .smls-list-title { font-size: 18px; font-weight:700; font-family:'Montserrat', Sans-serif; color:#000000; text-transform: uppercase; line-height: 1.2; margin: 10px 0 20px; } .smls-list-container-template-1 .smls-list-description, .smls-list-container-template-2 .smls-list-description { font-size: 14px; color:#666666; font-family: 'Droid Serif', serif; line-height: 2; margin-bottom: 20px; } .smls-list-container-template-1.smls-overlay-effect .smls-list-image-wrap img { -webkit-transform:scale(1.05); -moz-transform:scale(1.05); transform:scale(1.05); -webkit-transition:all 450ms ease-in-out; -moz-transition:all 450ms ease-in-out; transition:all 450ms ease-in-out; display: block; width: 100%; } .smls-list-container-template-1.smls-overlay-effect .smls-list-image-wrap a:hover img, .smls-list-container-template-1.smls-overlay-effect .smls-list-image-wrap .smls-inline-image-wrap:hover img{ -webkit-transform:scale(1.3) rotate(10deg); -moz-transform:scale(1.3) rotate(10deg); transform:scale(1.3) rotate(10deg); } .smls-list-container-template-1 .smls-list-icon-wrap a { width:34px; height:34px; border-radius: 50%; display: inline-block; margin:5px 2px; border:1px solid; text-align: center; line-height: 32px; font-size: 18px; -webkit-box-shadow: none; box-shadow: none; } .smls-list-container-template-1 .smls-list-icon-wrap a.smls-fb-link{ color:#3b5998; border-color:#3b5998; } .smls-list-container-template-1 .smls-list-icon-wrap a.smls-twitter-link { color:#00aced; border-color:#00aced; } .smls-list-container-template-1 .smls-list-icon-wrap a.smls-linkedin-link { color:#007bb6; border-color:#007bb6; } .smls-list-container-template-1 .smls-list-icon-wrap a.smls-instagram-link { color:#3f729b; border-color:#3f729b; } .smls-list-container-template-1 .smls-list-icon-wrap a.smls-gplus-link { color:#dd4b39; border-color:#dd4b39; } .smls-list-container-template-1 .smls-list-icon-wrap a.smls-youtube-link { color:#bb0000; border-color:#bb0000; } .smls-list-container-template-1 .smls-list-icon-wrap a.smls-skype-link { color:#12A5F4; border-color:#12A5F4; } .smls-list-container-template-1 .smls-list-icon-wrap a.smls-pinterest-link{ color:#cb2027; border-color:#cb2027; } .smls-list-container-template-1 .smls-list-icon-wrap a.smls-tumblr-link { color:#32506d; border-color:#32506d; } .smls-list-container-template-1 .smls-list-icon-wrap a.smls-url-link-style { color:#CC2200; border-color:#CC2200; } .smls-list-container-template-1 .smls-list-icon-wrap a.smls-url-link-style:hover { background-color:#CC2200; } .smls-list-container-template-1 .smls-list-icon-wrap a:hover { color:#ffffff; -webkit-box-shadow: none; box-shadow: none; } .smls-list-container-template-2 .smls-list-image-wrap { width: 25%; float:left; max-width: 280px; overflow: hidden; position: relative; } .smls-list-container-template-2 .smls-list-detail-wrap { width: 72%; float:right; margin-left: 3%; cursor: pointer; text-align: left; } .smls-list-container-template-2 .smls-list-block:nth-of-type(odd) { border:1px solid #eaeaea; padding:14px; } .smls-list-container-template-2 .smls-list-block:nth-of-type(even) { background-color:#eaeaea; padding:14px; } .smls-list-container-template-2.smls-overlay-effect .smls-list-image-wrap img { -webkit-transform:scale(1.05) translateZ(0); -moz-transform:scale(1.05) translateZ(0); transform:scale(1.05) translateZ(0); -webkit-transition:all 400ms ease-in-out; -moz-transition:all 400ms ease-in-out; transition:all 400ms ease-in-out; display: block; width: 100%; } .smls-list-container-template-2.smls-overlay-effect .smls-list-image-wrap a:hover img, .smls-list-container-template-2.smls-overlay-effect .smls-list-image-wrap .smls-inline-image-wrap:hover img { transform:scale(1.15); -webkit-transform:scale(1.15); -moz-transform:scale(1.15); } .smls-list-container-template-2 .smls-list-icon-wrap a { width: 36px; height:36px; line-height: 36px; text-align: center; border-radius: 50%; background-color:#6e7678; color:#ffffff; font-size: 18px; display: inline-block; margin:5px; border:none; -webkit-box-shadow: none; box-shadow: none; } .smls-list-container-template-2 .smls-list-icon-wrap a:hover { -webkit-box-shadow: none; box-shadow: none; color:#ffffff; } .smls-list-container-template-1 .smls-list-icon-wrap a.smls-fb-link:hover, .smls-list-container-template-2 .smls-list-icon-wrap a.smls-fb-link:hover { background-color:#3b5998; } .smls-list-container-template-1 .smls-list-icon-wrap a.smls-twitter-link:hover, .smls-list-container-template-2 .smls-list-icon-wrap a.smls-twitter-link:hover { background-color:#00aced; } .smls-list-container-template-1 .smls-list-icon-wrap a.smls-linkedin-link:hover, .smls-list-container-template-2 .smls-list-icon-wrap a.smls-linkedin-link:hover { background-color:#007bb6; } .smls-list-container-template-1 .smls-list-icon-wrap a.smls-instagram-link:hover, .smls-list-container-template-2 .smls-list-icon-wrap a.smls-instagram-link:hover { background-color:#3f729b; } .smls-list-container-template-1 .smls-list-icon-wrap a.smls-gplus-link:hover, .smls-list-container-template-2 .smls-list-icon-wrap a.smls-gplus-link:hover { background-color:#dd4b39; } .smls-list-container-template-1 .smls-list-icon-wrap a.smls-youtube-link:hover, .smls-list-container-template-2 .smls-list-icon-wrap a.smls-youtube-link:hover { background-color:#bb0000; } .smls-list-container-template-1 .smls-list-icon-wrap a.smls-skype-link:hover, .smls-list-container-template-2 .smls-list-icon-wrap a.smls-skype-link:hover { background-color:#12A5F4; } .smls-list-container-template-1 .smls-list-icon-wrap a.smls-pinterest-link:hover, .smls-list-container-template-2 .smls-list-icon-wrap a.smls-pinterest-link:hover{ background-color:#cb2027; } .smls-list-container-template-1 .smls-list-icon-wrap a.smls-tumblr-link:hover, .smls-list-container-template-2 .smls-list-icon-wrap a.smls-tumblr-link:hover { background-color:#32506d; } .smls-list-container-template-2 .smls-list-icon-wrap a.smls-url-link-style:hover { background-color:#CC2200; } .smls-list-container-template-1 .smls-list-active-inline .smls-list-image-wrap .smls-inline-image-wrap img, .smls-list-container-template-1 .smls-list-active-inline .smls-list-image-wrap .smls-inline-image-wrap:hover img, .smls-list-container-template-2 .smls-list-active-inline .smls-list-image-wrap .smls-inline-image-wrap img, .smls-list-container-template-2 .smls-list-active-inline .smls-list-image-wrap .smls-inline-image-wrap:hover img { -moz-transform:none; -webkit-transform:none; transform:none; } .smls-list-inline-wrap { margin-top: 20px; } .smls-list-inline-gallery a { display: inline-block; margin:0 2px 2px 0; width:23%; } .smls-main-logo-wrapper .smls-list-inline-gallery a:hover { -webkit-box-shadow:none; box-shadow: none; } .smls-main-logo-wrapper .smls-list-inline-gallery a img { display: block; width:100%; -webkit-box-shadow:none; box-shadow: none; } .smls-list-contact-heading { font-size: 18px; font-weight: 700; font-family: 'Montserrat', Sans-serif; color: #000000; text-transform: uppercase; line-height: 1.2; margin-bottom: 10px; } .smls-list-company-name { font-family: 'Merriweather Sans', Sans-serif; color: #696868; text-transform: uppercase; font-size: 12px; font-weight: 400; line-height: 1; margin-bottom: 20px; } .smls-list-company-address, .smls-list-company-contact-number, .smls-list-company-email, .smls-list-company-url { font-family: 'Open Sans',Sans-serif; font-size: 14px; font-weight: 400; color: #333333; line-height: 1.2; } .smls-list-company-address{ text-transform: capitalize; } .smls-list-company-address span, .smls-list-company-contact-number span, .smls-list-company-email span, .smls-list-company-url span{ float: left; width: 20px; vertical-align: top; font-size: 16px; color:#fc754f; } .smls-list-company-address p, .smls-list-company-contact-number p, .smls-list-company-email p, .smls-list-company-url p{ float: left; width: 90%; margin: 0 0 15px 10px; color: #333333; } .smls-main-logo-wrapper .smls-list-company-email a, .smls-main-logo-wrapper .smls-list-company-url a { color: #333333; border:0; -webkit-box-shadow:none; box-shadow: none; } .smls-main-logo-wrapper .smls-list-company-email a:hover, .smls-main-logo-wrapper .smls-list-company-url a:hover { color:#e23815; -webkit-box-shadow:none; box-shadow: none; } .smls-close-list-inline { position: absolute; top:10px; right: 10px; background-color:#fc754f; color: #fff; font-weight: 300; width: 24px; height: 24px; text-align: center; line-height: 22px; border-radius: 50%; font-size: 14px; cursor: pointer; z-index: 99; } .smls-list-container-template-1 .smls-list-active-inline { -moz-box-shadow: 0 0 20px rgba(0,0,0,0.4); -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.4); box-shadow: 0 0 20px rgba(0,0,0,0.4); padding:15px; transition:all 350ms ease-in-out; } .smls-list-inline-contact{ float: left; width: 51%; } .smls-list-inline-gallery { float: left; width: 47%; } .smls-list-inline-gallery { margin-left: 2%; } .smls-perspective{ overflow-y: hidden; } .smls-perspective.flipster-carousel .flip-prev { -webkit-transform:translateX(-60%) translateZ(0) rotateY(0deg) scale(0.75); -moz-transform:translateX(-60%) translateZ(0) rotateY(0deg) scale(0.75); -o-transform:translateX(-60%) translateZ(0) rotateY(0deg) scale(0.75); -ms-transform:translateX(-60%) translateZ(0) rotateY(0deg) scale(0.75); transform:translateX(-60%) translateZ(0) rotateY(0deg) scale(0.75); opacity: 1; } .smls-perspective.flipster-carousel .flip-next { -webkit-transform:translateX(60%) translateZ(0) rotateY(-0deg) scale(0.75); -moz-transform:translateX(60%) translateZ(0) rotateY(-0deg) scale(0.75); -o-transform:translateX(60%) translateZ(0) rotateY(-0deg) scale(0.75); -ms-transform:translateX(60%) translateZ(0) rotateY(-0deg) scale(0.75); transform:translateX(60%) translateZ(0) rotateY(-0deg) scale(0.75); opacity: 1; } .smls-perspective.flipster-carousel .flip-past { -webkit-transform:translateX(-100%) translateZ(0) rotateY(0deg) scale(0.65); -moz-transform:translateX(-100%) translateZ(0) rotateY(0deg) scale(0.65); -o-transform:translateX(-100%) translateZ(0) rotateY(0deg) scale(0.65); -ms-transform:translateX(-100%) translateZ(0) rotateY(0deg) scale(0.65); transform:translateX(-100%) translateZ(0) rotateY(0deg) scale(0.65); } .smls-perspective.flipster-carousel .flip-future { -webkit-transform:translateX(100%) translateZ(0) rotateY(0deg) scale(0.65); -moz-transform:translateX(100%) translateZ(0) rotateY(0deg) scale(0.65); -o-transform:translateX(100%) translateZ(0) rotateY(0deg) scale(0.65); -ms-transform:translateX(100%) translateZ(0) rotateY(0deg) scale(0.65); transform:translateX(100%) translateZ(0) rotateY(0deg) scale(0.65); } .smls-perspective.flipster-carousel .flip-items .flip-item { background-color:#ffffff; opacity: 1; } .smls-perspective.flipster-carousel .flip-items { margin:0 auto; list-style: none; } .smls-perspective.smls-perspective-template-1[class*=smls-carousel-arrow-type-], .smls-perspective.smls-perspective-template-2[class*=smls-carousel-arrow-type-], .smls-perspective.smls-perspective-template-3[class*=smls-carousel-arrow-type-] .smls-perspective.smls-perspective-template-4[class*=smls-carousel-arrow-type-] { padding: 0 50px; } .smls-perspective-template-2.flipster-carousel .flip-items img { box-shadow: none; width:auto; margin-bottom: 0; } .smls-perspective-template-2.flipster-carousel .flip-content { border:1px solid #cccccc; } .smls-perspective-template-2 .smls-perspective-title-block { background-color:#e6e6e6; border-top:1px solid #cccccc; padding:25px 30px; line-height: 1.2; text-align: center; font-size: 16px; font-family: 'Open Sans', sans-serif; font-weight:600; text-transform: uppercase; color:#000000; opacity: 0; visibility: hidden; display: none; -webkit-transition:all 350ms ease-in-out; -moz-transition:all 350ms ease-in-out; transition:all 350ms ease-in-out; } .smls-perspective-template-2 .flip-current .smls-perspective-title-block { opacity: 1; visibility: visible; display: block; } .smls-perspective-template-3 .flip-content { position:relative; } .smls-perspective-template-3 .smls-perspective-content-block { position: absolute; top:0; left:0; width:100%; height:0; text-align: center; background-color:rgba(0,0,0,0.7); color:#ffffff; padding:20px; z-index: 99; opacity: 0; visibility: hidden; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction:column; -moz-flex-direction:column; flex-direction:column; justify-content:center; align-items:center; -webkit-transition:all 500ms ease-in-out; -moz-transition:all 500ms ease-in-out; transition:all 500ms ease-in-out; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .smls-perspective-template-3 .smls-perspective-title-block { font-size: 16px; font-family: 'Open sans', Sans-serif; font-weight:600; text-transform:uppercase; margin-bottom: 20px; } .smls-perspective-template-3 .smls-perspective-description { font-size: 12px; font-family: 'Open sans', Sans-serif; font-weight:300; text-transform:uppercase; line-height: 1.8; margin-bottom: 20px; } .smls-perspective-template-3 .smls-list-icon-wrap a { color:#ffffff; font-size: 18px; margin:0 4px; display:inline-block; border:0; -webkit-box-shadow: none; box-shadow: none; } .smls-perspective-template-3 .smls-list-icon-wrap a:hover { color:#cccccc; -webkit-box-shadow: none; box-shadow: none; -webkit-transform:scale(1.15) translateZ(0); -moz-transform:scale(1.15) translateZ(0); transform:scale(1.15) translateZ(0); } .smls-perspective-template-3 .flip-current:hover .smls-perspective-content-block { opacity: 1; visibility: visible; height: 100%; } .smls-perspective-template-4.flipster-carousel .flip-items img { box-shadow: none; border:1px solid #aeaeae; width:auto; -webkit-filter:grayscale(1); -moz-filter:grayscale(1); -o-filter:grayscale(1); -ms-filter:grayscale(1); filter:grayscale(1); } .smls-perspective-template-4.flipster-carousel .flip-items .flip-past img, .smls-perspective-template-4.flipster-carousel .flip-items .flip-future img { border-color: #777777; } .smls-perspective-template-4.flipster-carousel .flip-items .flip-current img { -webkit-filter:grayscale(0); -moz-filter:grayscale(0); -o-filter:grayscale(0); -ms-filter:grayscale(0); filter:grayscale(0); } .smls-perspective-template-4 .smls-flip-four-title { background-color:#75bd07; padding:10px; color:#ffffff; text-transform: uppercase; text-align: center; line-height: 1.2; font-family: 'Open Sans', Sans-serif; font-size: 14px; font-weight: 400; margin-bottom: 10px; position: relative; opacity: 0; visibility: hidden; } .smls-perspective-template-4 .smls-flip-four-title:after { content: ''; position: absolute; width: 0; height:0; left: 0; right: 0; margin:0 auto; text-align: center; bottom:-18px; border-width:10px; border-style:solid; border-color:#75bd07 transparent transparent; z-index: 9; } .smls-perspective-template-4 .flip-item.flip-current .smls-flip-four-title { opacity: 1; visibility: visible; } .smls-carousel-arrow-type-1.sowl-theme .sowl-controls .sowl-nav [class*=sowl-], .smls-carousel-vertical-wrapper .smls-carousel-arrow-type-1 .bx-controls-direction a, .smls-perspective.smls-carousel-arrow-type-1 a.flipto-prev, .smls-perspective.smls-carousel-arrow-type-1 a.flipto-next{ background-color:#474747; height: 30px; width: 30px; text-align: center; line-height: 28px; padding:0; font-size: 18px; color:#ffffff; border-radius: 0; position: absolute; top:50%; margin:0; margin-top: -15px; opacity: 0; visibility: hidden; border:0; box-shadow: none; -moz-transition:all 350ms ease-in-out; -webkit-transition:all 350ms ease-in-out; transition:all 350ms ease-in-out; } .smls-carousel-arrow-type-1.sowl-theme .sowl-controls .sowl-nav [class*=sowl-]:hover, .smls-carousel-vertical-wrapper .smls-carousel-arrow-type-1 .bx-controls-direction a:hover, .smls-perspective.smls-carousel-arrow-type-1 a.flipto-pre:hover, .smls-perspective.smls-carousel-arrow-type-1 a.flipto-next:hover { background-color:rgba(71, 71, 71, 0.7); } .smls-carousel-arrow-type-1.sowl-carousel .sowl-controls .sowl-nav .sowl-prev, .smls-carousel-vertical-wrapper .smls-carousel-arrow-type-1 .bx-controls-direction a.bx-prev, .smls-perspective.smls-carousel-arrow-type-1 a.flipto-prev { left:0px; } .smls-carousel-arrow-type-1.sowl-carousel .sowl-controls .sowl-nav .sowl-next, .smls-carousel-vertical-wrapper .smls-carousel-arrow-type-1 .bx-controls-direction a.bx-next, .smls-perspective.smls-carousel-arrow-type-1 a.flipto-next{ right:0px; } .smls-carousel-arrow-type-1.sowl-theme:hover .sowl-nav [class*=sowl-], .smls-carousel-vertical-wrapper .smls-carousel-arrow-type-1:hover .bx-controls-direction a, .smls-perspective.smls-carousel-arrow-type-1:hover a.flipto-prev, .smls-perspective.smls-carousel-arrow-type-1:hover a.flipto-next { opacity: 1; visibility: visible; } .smls-carousel-arrow-type-2.sowl-theme .sowl-controls .sowl-nav [class*=sowl-], .smls-carousel-vertical-wrapper .smls-carousel-arrow-type-2 .bx-controls-direction a, .smls-perspective.smls-carousel-arrow-type-2 a.flipto-prev, .smls-perspective.smls-carousel-arrow-type-2 a.flipto-next { background-color:#bcbcbc; height: 40px; width: 40px; text-align: center; line-height: 38px; padding:0; font-size: 18px; color:#ffffff; position: absolute; top:50%; margin:0; margin-top: -20px; border-radius: 0; opacity: 0; border:0; box-shadow: none; -webkit-transition:all 350ms ease-in-out; -moz-transition:all 350ms ease-in-out; transition:all 350ms ease-in-out; } .smls-carousel-arrow-type-2.sowl-theme .sowl-controls .sowl-nav [class*=sowl-]:hover, .smls-carousel-vertical-wrapper .smls-carousel-arrow-type-2 .bx-controls-direction a:hover, .smls-perspective.smls-carousel-arrow-type-2 a.flipto-prev:hover, .smls-perspective.smls-carousel-arrow-type-2 a.flipto-next:hover { background-color:#f6881f; } .smls-carousel-arrow-type-2.sowl-theme:hover .sowl-nav [class*=sowl-], .smls-carousel-vertical-wrapper .smls-carousel-arrow-type-2:hover .bx-controls-direction a, .smls-perspective.smls-carousel-arrow-type-2:hover a.flipto-prev, .smls-perspective.smls-carousel-arrow-type-2:hover a.flipto-next { opacity: 1; } .smls-carousel-arrow-type-2.sowl-carousel .sowl-controls .sowl-nav .sowl-prev, .smls-carousel-vertical-wrapper .smls-carousel-arrow-type-2 .bx-controls-direction a.bx-prev, .smls-perspective.smls-carousel-arrow-type-2 a.flipto-prev { left:5px; } .smls-carousel-arrow-type-2.sowl-carousel .sowl-controls .sowl-nav .sowl-next, .smls-carousel-vertical-wrapper .smls-carousel-arrow-type-2 .bx-controls-direction a.bx-next, .smls-perspective.smls-carousel-arrow-type-2 a.flipto-next { right:5px; } .smls-carousel-arrow-type-3.sowl-theme .sowl-controls .sowl-nav [class*=sowl-], .smls-carousel-vertical-wrapper .smls-carousel-arrow-type-3 .bx-controls-direction a, .smls-perspective.smls-carousel-arrow-type-3 a.flipto-prev, .smls-perspective.smls-carousel-arrow-type-3 a.flipto-next { background-color:transparent; height: 26px; width: 30px; text-align: center; line-height: 20px; border:2px solid #e8e8e8; padding:0; font-size: 18px; position: absolute; color: #000000; top:50%; margin:0; margin-top: -20px; border-radius: 0; opacity: 0; box-shadow: none; -webkit-transition:all 350ms ease-in-out; -moz-transition:all 350ms ease-in-out; transition:all 350ms ease-in-out; } .smls-carousel-arrow-type-3.sowl-theme .sowl-controls .sowl-nav [class*=sowl-]:before, .smls-carousel-vertical-wrapper .smls-carousel-arrow-type-3 .bx-controls-direction a:before, .smls-perspective.smls-carousel-arrow-type-3 a.flipto-prev:before, .smls-perspective.smls-carousel-arrow-type-3 a.flipto-next:before { content:''; position: absolute; width: 0; height:100%; background-color:#f24831; top:0; left:0; z-index: -1; -webkit-transition:all 350ms ease-in-out; -moz-transition:all 350ms ease-in-out; transition:all 350ms ease-in-out; } .smls-carousel-arrow-type-3.sowl-carousel .sowl-controls .sowl-nav .sowl-prev, .smls-carousel-vertical-wrapper .smls-carousel-arrow-type-3 .bx-controls-direction a.bx-prev, .smls-perspective.smls-carousel-arrow-type-3 a.flipto-prev { left:10px; } .smls-carousel-arrow-type-3.sowl-carousel .sowl-controls .sowl-nav .sowl-next, .smls-carousel-vertical-wrapper .smls-carousel-arrow-type-3 .bx-controls-direction a.bx-next, .smls-perspective.smls-carousel-arrow-type-3 a.flipto-next { right:10px; } .smls-carousel-arrow-type-3.sowl-theme .sowl-controls .sowl-nav [class*=sowl-]:hover, .smls-carousel-vertical-wrapper .smls-carousel-arrow-type-3 .bx-controls-direction a:hover, .smls-perspective.smls-carousel-arrow-type-3 a.flipto-prev:hover, .smls-perspective.smls-carousel-arrow-type-3 a.flipto-next:hover{ border-color:#f24831; color:#ffffff; } .smls-carousel-arrow-type-3.sowl-theme .sowl-controls .sowl-nav [class*=sowl-]:hover:before, .smls-carousel-vertical-wrapper .smls-carousel-arrow-type-3 .bx-controls-direction a:hover:before, .smls-perspective.smls-carousel-arrow-type-3 a.flipto-prev:hover:before, .smls-perspective.smls-carousel-arrow-type-3 a.flipto-next:hover:before { width: 100%; } .smls-carousel-arrow-type-3.sowl-theme:hover .sowl-nav [class*=sowl-], .smls-carousel-vertical-wrapper .smls-carousel-arrow-type-3:hover .bx-controls-direction a, .smls-perspective.smls-carousel-arrow-type-3 a.flipto-prev, .smls-perspective.smls-carousel-arrow-type-3 a.flipto-next { opacity: 1; } .smls-carousel-arrow-type-4.sowl-theme .sowl-controls .sowl-nav [class*=sowl-], .smls-carousel-vertical-wrapper .smls-carousel-arrow-type-4 .bx-controls-direction a, .smls-perspective.smls-carousel-arrow-type-4 a.flipto-prev, .smls-perspective.smls-carousel-arrow-type-4 a.flipto-next { background-color:transparent; height: 40px; width: 40px; text-align: center; line-height: 35px; border:2px solid #cccccc; padding:0; font-size: 20px; position: absolute; color: #cccccc; top:50%; margin:0; margin-top: -20px; border-radius: 50%; opacity: 0; box-shadow: none; visibility: hidden; z-index: 99; -webkit-transition:all 350ms ease-in-out; -moz-transition:all 350ms ease-in-out; transition:all 350ms ease-in-out; } .smls-carousel-arrow-type-4.sowl-carousel .sowl-controls .sowl-nav .sowl-prev, .smls-carousel-vertical-wrapper .smls-carousel-arrow-type-4 .bx-controls-direction a.bx-prev, .smls-perspective.smls-carousel-arrow-type-4 a.flipto-prev { left:28px; } .smls-carousel-arrow-type-4.sowl-carousel .sowl-controls .sowl-nav .sowl-next, .smls-carousel-vertical-wrapper .smls-carousel-arrow-type-4 .bx-controls-direction a.bx-next, .smls-perspective.smls-carousel-arrow-type-4 a.flipto-next { right:28px; } .smls-carousel-arrow-type-4.sowl-carousel:hover .sowl-nav .sowl-prev, .smls-carousel-vertical-wrapper .smls-carousel-arrow-type-4:hover .bx-controls-direction a.bx-prev { left: 8px; opacity: 1; visibility: visible; } .smls-carousel-arrow-type-4.sowl-carousel:hover .sowl-nav .sowl-next, .smls-carousel-vertical-wrapper .smls-carousel-arrow-type-4:hover .bx-controls-direction a.bx-next { right:8px; opacity: 1; visibility: visible; } .smls-perspective.smls-carousel-arrow-type-4:hover a.flipto-prev { left: 5px; opacity: 1; visibility: visible; } .smls-perspective.smls-carousel-arrow-type-4:hover a.flipto-next { right:5px; opacity: 1; visibility: visible; } .smls-carousel-arrow-type-4.sowl-carousel .sowl-controls .sowl-nav [class*=sowl-]:hover, .smls-carousel-vertical-wrapper .smls-carousel-arrow-type-4 .bx-controls-direction a:hover, .smls-perspective.smls-carousel-arrow-type-4 a.flipto-prev:hover, .smls-perspective.smls-carousel-arrow-type-4 a.flipto-next:hover { box-shadow: 0 0 10px rgba(0,0,0,0.3); background-color:#e8e8e8; color: #333333; } .smls-main-logo-wrapper .smls-carousel-arrow-type-5.sowl-theme, .smls-perspective.smls-carousel-arrow-type-5 { padding:0 45px; } .smls-carousel-arrow-type-5.sowl-theme .sowl-controls .sowl-nav [class*=sowl-], .smls-carousel-vertical-wrapper .smls-carousel-arrow-type-5 .bx-controls-direction a, .smls-perspective.smls-carousel-arrow-type-5 a.flipto-prev, .smls-perspective.smls-carousel-arrow-type-5 a.flipto-next { background-color:#75be08; height: 34px; width: 34px; text-align: center; line-height: 34px; padding:0; position: absolute; color: #ffffff; top:50%; margin:0; margin-top: -20px; border-radius: 50%; border:0; box-shadow: none; -webkit-transition:all 350ms ease-in-out; -moz-transition:all 350ms ease-in-out; transition:all 350ms ease-in-out; } .smls-perspective.smls-perspective-template-2[class*=smls-carousel-arrow-type-] a.flipto-prev, .smls-perspective.smls-perspective-template-2[class*=smls-carousel-arrow-type-] a.flipto-next { top:45%; } .smls-perspective.smls-perspective-template-4[class*=smls-carousel-arrow-type-] a.flipto-prev, .smls-perspective.smls-perspective-template-4[class*=smls-carousel-arrow-type-] a.flipto-next { top:55%; } .smls-perspective.smls-perspective-template-4.smls-carousel-arrow-type-3 a.flipto-prev, .smls-perspective.smls-perspective-template-4.smls-carousel-arrow-type-3 a.flipto-next { top:57%; } .smls-carousel-arrow-type-5.sowl-carousel .sowl-controls .sowl-nav .sowl-prev, .smls-carousel-vertical-wrapper .smls-carousel-arrow-type-5 .bx-controls-direction a.bx-prev, .smls-perspective.smls-carousel-arrow-type-5 a.flipto-prev { left:0; } .smls-carousel-arrow-type-5.sowl-carousel .sowl-controls .sowl-nav .sowl-next, .smls-carousel-vertical-wrapper .smls-carousel-arrow-type-5 .bx-controls-direction a.bx-next, .smls-perspective.smls-carousel-arrow-type-5 a.flipto-next { right:0; } .smls-carousel-arrow-type-5.sowl-carousel .sowl-controls .sowl-nav .sowl-prev:hover i, .smls-perspective.smls-carousel-arrow-type-5 a.flipto-prev:hover i { -moz-animation:RightToLeft 350ms forwards; -webkit-animation:RightToLeft 350ms forwards; animation:RightToLeft 350ms forwards; } .smls-carousel-arrow-type-5.sowl-carousel .sowl-controls .sowl-nav .sowl-next:hover i, .smls-perspective.smls-carousel-arrow-type-5 a.flipto-next:hover i{ -moz-animation: LeftToRight 350ms forwards; -webkit-animation:LeftToRight 350ms forwards; animation:LeftToRight 350ms forwards; } .smls-carousel-logo.smls-text-arrow, .smls-perspective.smls-text-arrow { padding-top: 50px; } .smls-text-arrow.sowl-theme .sowl-controls .sowl-nav{ position: absolute; top: 0; right: 0; } .smls-text-arrow a.flipto-prev { position: absolute; top: 10px; right: 90px; } .smls-text-arrow a.flipto-next { position: absolute; top:10px; right:0; } .smls-text-arrow.sowl-theme .sowl-controls .sowl-nav [class*=sowl-], .smls-carousel-vertical-wrapper .smls-text-arrow .bx-controls-direction a, .smls-text-arrow a.flipto-prev, .smls-text-arrow a.flipto-next{ background: #fc562e; padding: 10px 15px; line-height: 1; border-radius: 20px; text-transform: uppercase; font-size: 12px; color: #ffffff; font-family: 'Open Sans', sans-serif; letter-spacing: 1px; } .smls-text-arrow.sowl-theme .sowl-controls .sowl-nav .sowl-prev i, .smls-carousel-vertical-wrapper .smls-text-arrow .bx-controls-direction a.bx-prev i, .smls-text-arrow a.flipto-prev i{ margin-right: 8px; } .smls-text-arrow.sowl-theme .sowl-controls .sowl-nav .sowl-next i, .smls-carousel-vertical-wrapper .smls-text-arrow .bx-controls-direction a.bx-next i, .smls-text-arrow a.flipto-next i { margin-left: 8px; } .smls-text-arrow.sowl-theme .sowl-controls .sowl-nav [class*=sowl-]:hover, .smls-carousel-vertical-wrapper .smls-text-arrow .bx-controls-direction a:hover, .smls-text-arrow a.flipto-prev:hover, .smls-text-arrow a.flipto-next:hover{ opacity: 0.8; } .smls-carousel-pager-template-1.sowl-theme .sowl-dots .sowl-dot, .smls-bx-pager-template-1 .bx-wrapper .bx-pager.bx-default-pager a{ margin:5px; width:30px; height: 30px; border-radius: 50%; font-family: 'Droid Sans',Sans-serif; font-weight: 300; line-height: 31px; text-align: center; color:#676767; position: relative; background: none; text-indent: 0; webkit-transition:all 350ms ease-in-out; -moz-transition:all 350ms ease-in-out; transition:all 350ms ease-in-out; } .smls-carousel-pager-template-1.sowl-theme .sowl-dots .sowl-dot:before, .smls-bx-pager-template-1 .bx-wrapper .bx-pager.bx-default-pager a:before { content: ''; position: absolute; background-color:#75be08; width: 100%; height: 100%; border-radius: 50%; top:0; left:0; z-index: -1; -webkit-transform:scale(0); -moz-transform:scale(0); transform:scale(0); webkit-transition:all 350ms ease-in-out; -moz-transition:all 350ms ease-in-out; transition:all 350ms ease-in-out; } .smls-carousel-pager-template-1.sowl-theme .sowl-dots .sowl-dot:hover, .smls-carousel-pager-template-1.sowl-theme .sowl-dots .sowl-dot.active, .smls-bx-pager-template-1 .bx-wrapper .bx-pager.bx-default-pager a:hover, .smls-bx-pager-template-1 .bx-wrapper .bx-pager.bx-default-pager a.active { color:#ffffff; background: none; } .smls-carousel-pager-template-1.sowl-theme .sowl-dots .sowl-dot:hover:before, .smls-carousel-pager-template-1.sowl-theme .sowl-dots .sowl-dot.active:before, .smls-bx-pager-template-1 .bx-wrapper .bx-pager.bx-default-pager a:hover:before, .smls-bx-pager-template-1 .bx-wrapper .bx-pager.bx-default-pager a.active:before{ -webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1); } .smls-carousel-pager-template-2.sowl-theme .sowl-dots .sowl-dot span, .smls-bx-pager-template-2 .bx-wrapper .bx-pager.bx-default-pager a { background:#7c7c7c; margin:4px; position:relative; } .smls-carousel-pager-template-2.sowl-theme .sowl-dots .sowl-dot span:before, .smls-bx-pager-template-2 .bx-wrapper .bx-pager.bx-default-pager a:before { content:''; position: absolute; top:0; left:0; width:100%; height:100%; border-radius: 50%; z-index: 2; background-color:#0d98dc; -webkit-transform:scale(0); -moz-transform:scale(0); transform:scale(0); webkit-transition:all 350ms ease-in-out; -moz-transition:all 350ms ease-in-out; transition:all 350ms ease-in-out; } .smls-carousel-pager-template-2.sowl-theme .sowl-dots .sowl-dot span:hover:before, .smls-carousel-pager-template-2.sowl-theme .sowl-dots .sowl-dot.active span:before, .smls-bx-pager-template-2 .bx-wrapper .bx-pager.bx-default-pager a:hover:before, .smls-bx-pager-template-2 .bx-wrapper .bx-pager.bx-default-pager a.active:before { -webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1); } .smls-carousel-pager-template-3.sowl-theme .sowl-dots .sowl-dot span, .smls-bx-pager-template-3 .bx-wrapper .bx-pager.bx-default-pager a { border-radius: 0; width: 30px; height: 4px; background-color:#cacaca; margin:5px 3px; webkit-transition:all 350ms ease-in-out; -moz-transition:all 350ms ease-in-out; transition:all 350ms ease-in-out; } .smls-carousel-pager-template-3.sowl-theme .sowl-dots .sowl-dot span:hover, .smls-carousel-pager-template-3.sowl-theme .sowl-dots .sowl-dot.active span, .smls-bx-pager-template-3 .bx-wrapper .bx-pager.bx-default-pager a:hover, .smls-bx-pager-template-3 .bx-wrapper .bx-pager.bx-default-pager a.active { width: 45px; background-color: #f7a644; } .smls-carousel-logo.sowl-theme[class*=smls-carousel-arrow-type-][class*=smls-carousel-pager-template-] .sowl-controls .sowl-dots { position: absolute; width: 100%; bottom:-45px; left: 0; } .smls-carousel-logo.sowl-theme[class*=smls-carousel-arrow-type-][class*=smls-carousel-pager-template-] { margin-bottom: 50px; } .smls-carousel-logo.smls-carousel-template-1[class*=smls-carousel-arrow-type-] { padding: 0 40px; } .smls-carousel-template-2 .smls-item { text-align: center; box-shadow: none; -webkit-box-shadow:none; opacity:1; margin:0; -webkit-transform:scale(0.7) translateY(90%) translateZ(0); -moz-transform:scale(0.7) translateY(90%) translateZ(0); transform:scale(0.7) translateY(90%) translateZ(0); transform-origin:bottom center; -moz-transition: transform 500ms ease-in-out; -webkit-transition: transform 500ms ease-in-out; transition: transform 500ms ease-in-out; } .smls-carousel-template-2 .smls-item .smls-car-two-content-wrap { opacity: 0; visibility: hidden; display: none; } .smls-carousel-template-2 .smls-carousel-two-title { font-family: 'Raleway', Sans-serif; font-size:16px; font-weight:600; color:#333333; text-transform: uppercase; position:relative; padding-bottom: 20px; margin-bottom: 15px; line-height: 1; } .smls-carousel-template-2 .smls-carousel-two-title:after { content:''; position:absolute; bottom:0; left:0; right:0; margin:0 auto; background-color:#f7a23c; width:30px; height:1px; } .smls-carousel-template-2 .smls-carousel-two-description { font-family: 'Open Sans', Sans-serif; font-weight:400; font-size:14px; color:#2e2d2d; line-height: 1.8; margin-bottom: 20px; } .smls-carousel-template-2 .smls-social-icon-wrap a{ display:inline-block; margin:0 8px; color:#999999; font-size: 16px; border:0; box-shadow: none; } .smls-carousel-template-2 .smls-social-icon-wrap a:hover { -moz-transform:translateY(-5px); -webkit-transform:translateY(-5px); transform:translateY(-5px); } .smls-carousel-template-2 .sowl-item.center .smls-item { -webkit-transform:scale(1) translateY(0); -moz-transform:scale(1) translateY(0); transform:scale(1) translateY(0); } .smls-carousel-template-2 .sowl-item.center .smls-item .smls-car-two-content-wrap{ visibility: visible; opacity: 1; display: inline-block; margin-bottom: 20px; width: 540px; position:relative; left:50%; -moz-transform:translateX(-50%); -webkit-transform:translateX(-50%); transform:translateX(-50%); } .smls-carousel-template-2 .smls-external-link-wrap .smls-car-img-wrap, .smls-carousel-template-3 .smls-external-link-wrap .smls-car-img-wrap { position: relative; } .smls-carousel-template-3 .smls-carousel-two-title { font-family: 'Open Sans', Sans-serif; font-weight:600; font-size:18px; text-transform: uppercase; color:#f6881f; text-align: center; margin: 20px 0; } .smls-carousel-template-3 .smls-social-icon-wrap { text-align: center; font-size: 0; } .smls-carousel-template-3 .smls-social-icon-wrap a{ display: inline-block; width: 65px; height:40px; background-color:#f6881f; color:#ffffff; text-align: center; font-size: 16px; line-height: 40px; margin-bottom: 5px; border:0; box-shadow: none; border-right:1px solid #cccccc; } .smls-carousel-template-3 .smls-social-icon-wrap a:last-child{ border-right: none; } .smls-carousel-template-3 .smls-social-icon-wrap a:hover { background-color:rgba(246, 136, 31, 0.7); color:#ffffff; -webkit-box-shadow:none; box-shadow: none; } .smls-carousel-template-3 .smls-social-icon-wrap a:hover i{ -moz-animation:DownToUp 400ms forwards; -webkit-animation:DownToUp 400ms forwards; animation:DownToUp 400ms forwards; } .smls-carousel-template-3 .sowl-item .smls-carousel-3-items { -webkit-transform:scale(0.7); -moz-transform:scale(0.7); transform:scale(0.7); -webkit-transition:all 350ms ease-in-out; -moz-transition:all 350ms ease-in-out; transition:all 350ms ease-in-out; } .smls-carousel-template-3 .sowl-item.center .smls-carousel-3-items { -webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1); } .smls-carousel-template-3 .smls-car-three-content-wrap { display: none; } .smls-carousel-template-3 .sowl-item.center .smls-car-three-content-wrap { display: block; } .smls-carousel-template-3.sowl-theme .sowl-controls .sowl-nav [class*=sowl-] { top:40%; } .smls-carousel-template-3.smls-overlay-effect.sowl-theme .smls-car-img-wrap { position: relative; } .smls-carousel-template-4.sowl-carousel .smls-carousel-four-items { border:1px solid #eee; } .smls-carousel-template-4.sowl-carousel .sowl-stage-outer { padding-bottom: 1px; } .smls-carousel-template-4.sowl-carousel.smls-carousel-arrow-type-1 { padding-left:40px; padding-right: 40px; } .smls-carousel-template-4.sowl-carousel.smls-carousel-arrow-type-2 { padding-left:60px; padding-right: 60px; } .smls-carousel-template-4.sowl-carousel.smls-carousel-arrow-type-3 { padding-left:50px; padding-right:50px; } .smls-carousel-template-4.sowl-carousel.smls-carousel-arrow-type-4 { padding-left:60px; padding-right: 60px; } .smls-carousel-template-5 .smls-carousel-five-items { position:relative; } .smls-carousel-template-5 .smls-car-two-content-wrap { position: absolute; background-color:rgba(255,255,255,0.9); top:0; bottom:0; left:0; right:0; margin:auto; width:90%; height: 90%; z-index: 2; -moz-transition:all 450ms ease-in-out; -webkit-transition:all 450ms ease-in-out; transition:all 450ms ease-in-out; -moz-transform:scale(0); -webkit-transform:scale(0); transform:scale(0); } .smls-carousel-template-5.sowl-carousel .sowl-item:hover .smls-car-two-content-wrap { -moz-transform:scale(1); -webkit-transform:scale(1); transform:scale(1); } .smls-carousel-template-5 .smls-car-two-content-wrap .smls-car-five-hover-wrap { position: absolute; top:50%; left:0; right: 0; margin:0 auto; padding: 20px 25px; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); } .smls-carousel-template-5 .smls-carousel-two-title, .smls-carousel-template-6 .smls-carousel-two-title { font-family: 'Raleway', Sans-serif; font-size: 18px; color:#fc562e; font-weight:600; text-transform: uppercase; margin-bottom: 20px; line-height: 1.2; } .smls-carousel-template-5 .smls-carousel-two-description, .smls-carousel-template-6 .smls-carousel-two-description { font-family: 'Raleway', Sans-serif; font-size: 14px; line-height: 1.7; font-weight:400; color:#7b7b7b; margin-bottom: 30px; } .smls-carousel-template-5 .smls-social-icon-wrap a, .smls-carousel-template-6 .smls-social-icon-wrap a { display: inline-block; width: 30px; height:30px; background-color:#fc562e; margin-right:5px; margin-bottom: 5px; color:#ffffff; text-align: center; line-height: 30px; border:0; border-radius: 50%; font-size: 14px; box-shadow: none; -moz-transition:all 500ms ease-in-out; -webkit-transition:all 500ms ease-in-out; transition:all 500ms ease-in-out; } .smls-carousel-template-5 .smls-social-icon-wrap a:hover, .smls-carousel-template-6 .smls-social-icon-wrap a:hover { -moz-transform:rotate3d(0,1,0,360deg); -webkit-transform:rotate3d(0,1,0,360deg); transform:rotate3d(0,1,0,360deg); background-color:#333333; color: #ffffff; -webkit-box-shadow: none; box-shadow: none; } .smls-carousel-template-6 .smls-car-two-content-wrap { background-color:#f3f3f3; padding:30px; } .smls-carousel-template-7 .sowl-item { -webkit-perspective: 1000; -moz-perspective: 1000; -o-perspective: 1000; perspective: 1000; } .smls-carousel-template-7 .sowl-item:hover .smls-carousel-five-items{ -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); transform: rotateY(180deg); } .smls-carousel-template-7 .smls-carousel-five-items { -webkit-transition: transform 0.6s ease-in-out; -moz-transition: transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; position: relative; } .smls-carousel-template-7 .smls-car-two-content-wrap { -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; text-align: left; -moz-transform: rotateY(180deg); -webkit-transform: rotateY(180deg); transform: rotateY(180deg); background-color:#2b4055; width: 100%; top: 0; left: 0; height: inherit; padding: 20px; bottom: 0; right: 0; z-index: 9; } .smls-carousel-template-7 .smls-car-temp-7-image-wrap { z-index: 2; -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); transform: rotateY(0deg); -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .smls-carousel-template-7 .smls-carousel-two-title { font-family: 'Raleway', Sans-serif; font-size: 14px; font-weight:700; color:#ffffff; text-transform: uppercase; line-height:1.3; margin:12px 0; } .smls-carousel-template-7 .smls-carousel-two-description { font-family: 'Raleway', sans-serif; font-size:14px; color:#ffffff; font-weight:400; line-height: 1.8; margin-bottom: 20px; } .smls-carousel-template-7 .smls-social-icon-wrap a { display: inline-block; width: 30px; height: 30px; background-color: #ffffff; color:#2b4055; text-align: center; line-height: 30px; border:0; -webkit-box-shadow: none; box-shadow: none; border-radius: 50%; margin:0 5px 5px 0; } .smls-carousel-template-7 .smls-social-icon-wrap a:hover { color: #2b4055; -webkit-box-shadow: none; box-shadow: none; } .smls-carousel-template-7 .smls-social-icon-wrap a:hover i{ -webkit-animation:DownToUp 0.5s forwards; -moz-animation:DownToUp 0.5s forwards; animation:DownToUp 0.5s forwards; } .smls-carousel-template-8.sowl-carousel.sowl-theme[class*=smls-carousel-arrow-type-], .smls-carousel-template-9.sowl-carousel.sowl-theme[class*=smls-carousel-arrow-type-] { padding:0 50px; } .smls-carousel-template-8.sowl-carousel .sowl-item img, .smls-carousel-template-9.sowl-carousel .sowl-item img { width: auto; } .smls-carousel-template-8.sowl-carousel .sowl-item .smls-row-wrap, .smls-carousel-template-9.sowl-carousel .sowl-item .smls-row-wrap { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display:-webkit-flex; display:flex; flex-flow: column wrap; -webkit-flex-flow: column wrap; -moz-flex-flow: column wrap; } .smls-carousel-template-8.sowl-carousel .sowl-item .smls-row-wrap .smls-row-image, .smls-carousel-template-9.sowl-carousel .sowl-item .smls-row-wrap .smls-row-image { height: 50%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display:-webkit-flex; display:flex; align-items:center; justify-content:center; min-height: 160px; max-height: 240px; position: relative; padding: 10px; } .smls-carousel-template-8.sowl-carousel .sowl-item .smls-row-wrap .smls-row-image .smls-car-img-wrap, .smls-carousel-template-9.sowl-carousel .sowl-item .smls-row-wrap .smls-row-image .smls-car-img-wrap{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display:-webkit-flex; display:flex; align-items:center; justify-content:center; } .smls-carousel-template-8.sowl-carousel .sowl-item.active .smls-row-wrap .smls-row-image:before, .smls-carousel-template-9.sowl-carousel .sowl-item .smls-row-wrap .smls-row-image:before { content:''; background-color:#eeeeee; width: 1px; height:100%; position:absolute; top:0; left:-1px; } .smls-carousel-template-8.sowl-carousel .sowl-item.active .smls-row-wrap .smls-row-image:after, .smls-carousel-template-9.sowl-carousel .sowl-item .smls-row-wrap .smls-row-image:after{ content:''; position:absolute; background-color: #eeeeee; bottom:-1px; left:0; width: 100%; height:1px; } .smls-carousel-template-9.sowl-carousel .sowl-stage-outer { border:1px solid #eeeeee; } .smls-carousel-template-8.sowl-carousel .sowl-stage-outer { border-right: 1px solid #ffffff; } .smls-carousel-logo.smls-carousel-template-10 { width: 280px; margin:0 auto; border:1px solid #eeeeee; padding:15px; position: relative; } .smls-carousel-logo.smls-carousel-template-10 .smls-single-image { margin-top: 15px; } .smls-carousel-logo.smls-carousel-template-10[class*=smls-carousel-arrow-type-], .smls-carousel-logo.smls-carousel-template-10.smls-text-arrow { padding-top:60px; } .smls-carousel-logo.smls-carousel-template-10[class*=smls-carousel-arrow-type-]:before, .smls-carousel-logo.smls-carousel-template-10.smls-text-arrow:before { content:''; position:absolute; top:60px; left:0; right: 0; width: 100%; height:1px; background-color:#eeeeee; } .smls-carousel-logo.smls-carousel-template-10.smls-carousel-pager-template-1{ padding-bottom: 60px; } .smls-carousel-logo.smls-carousel-template-10.smls-carousel-pager-template-2 { padding-bottom: 50px; } .smls-carousel-logo.smls-carousel-template-10.smls-carousel-pager-template-3 { padding-bottom: 45px; } .smls-main-logo-wrapper .smls-carousel-template-10.smls-carousel-arrow-type-5.sowl-theme { padding-left:15px; padding-right: 15px; } .smls-carousel-template-10.smls-carousel-arrow-type-1.sowl-theme .sowl-controls .sowl-nav [class*=sowl-], .smls-carousel-template-10.smls-carousel-arrow-type-2.sowl-theme .sowl-controls .sowl-nav [class*=sowl-], .smls-carousel-template-10.smls-carousel-arrow-type-4.sowl-theme .sowl-controls .sowl-nav [class*=sowl-]{ top:30px; opacity: 1; visibility: visible; } .smls-carousel-template-10.smls-carousel-arrow-type-3.sowl-theme .sowl-controls .sowl-nav [class*=sowl-]{ top:37px; opacity: 1; visibility: visible; } .smls-carousel-template-10.smls-carousel-arrow-type-5.sowl-theme .sowl-controls .sowl-nav [class*=sowl-]{ top:33px; opacity: 1; visibility: visible; } .smls-carousel-template-10.smls-carousel-arrow-type-1.sowl-carousel .sowl-controls .sowl-nav .sowl-prev, .smls-carousel-template-10.smls-carousel-arrow-type-2.sowl-carousel .sowl-controls .sowl-nav .sowl-prev, .smls-carousel-template-10.smls-carousel-arrow-type-3.sowl-carousel .sowl-controls .sowl-nav .sowl-prev, .smls-carousel-template-10.smls-carousel-arrow-type-4.sowl-carousel .sowl-controls .sowl-nav .sowl-prev, .smls-carousel-template-10.smls-carousel-arrow-type-5.sowl-carousel .sowl-controls .sowl-nav .sowl-prev, .smls-carousel-template-10.smls-text-arrow.sowl-theme .sowl-controls .sowl-nav .sowl-prev { left:15px; } .smls-carousel-template-10.smls-carousel-arrow-type-1.sowl-carousel .sowl-controls .sowl-nav .sowl-next, .smls-carousel-template-10.smls-carousel-arrow-type-2.sowl-carousel .sowl-controls .sowl-nav .sowl-next, .smls-carousel-template-10.smls-carousel-arrow-type-3.sowl-carousel .sowl-controls .sowl-nav .sowl-next, .smls-carousel-template-10.smls-carousel-arrow-type-4.sowl-carousel .sowl-controls .sowl-nav .sowl-next, .smls-carousel-template-10.smls-carousel-arrow-type-5.sowl-carousel .sowl-controls .sowl-nav .sowl-next, .smls-carousel-template-10.smls-text-arrow.sowl-theme .sowl-controls .sowl-nav .sowl-next { right:15px; } .smls-carousel-template-10.sowl-theme .sowl-controls { margin-top: 0; } .smls-carousel-template-10.sowl-theme .sowl-controls .sowl-dots, .smls-carousel-template-10.sowl-theme[class*=smls-carousel-arrow-type-][class*=smls-carousel-pager-template-] .sowl-controls .sowl-dots{ position: absolute; bottom: 10px; left:0; right:0; width: 100%; } .smls-carousel-template-10.smls-text-arrow.sowl-theme .sowl-controls .sowl-nav { position:static; } .smls-carousel-template-10.smls-text-arrow.sowl-theme .sowl-controls .sowl-nav [class*=sowl-] { position: absolute; top:9px; } .smls-main-logo-wrapper.smls-carousel-vertical-wrapper .bx-wrapper .bx-viewport { -webkit-box-shadow: none; box-shadow: none; } .smls-carousel-vertical-wrapper .smls-vertical-main-container{ border:1px solid #cccccc; padding:30px; margin:0 auto; width:280px; } .smls-carousel-vertical-wrapper .smls-vertical-main-container.smls-carousel-arrow-type-1, .smls-carousel-vertical-wrapper .smls-vertical-main-container.smls-carousel-arrow-type-2, .smls-carousel-vertical-wrapper .smls-vertical-main-container.smls-carousel-arrow-type-3, .smls-carousel-vertical-wrapper .smls-vertical-main-container.smls-carousel-arrow-type-4, .smls-carousel-vertical-wrapper .smls-vertical-main-container.smls-carousel-arrow-type-5, .smls-carousel-vertical-wrapper .smls-vertical-main-container.smls-text-arrow { padding:50px 30px; } .smls-main-logo-wrapper.smls-carousel-vertical-wrapper .bx-wrapper { margin:0 auto; } .smls-main-logo-wrapper .smls-vertical-carousel { margin:0; padding:0; } .smls-carousel-vertical-wrapper .smls-vertical-main-container .bx-controls-direction a { position: absolute; margin-top:0; text-indent: 0; background-image: none; } .smls-carousel-vertical-wrapper .smls-vertical-main-container .bx-controls-direction a.bx-prev, .smls-carousel-vertical-wrapper .smls-vertical-main-container .bx-controls-direction a.bx-next { left:50%; -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); transform:rotate(90deg); } .smls-carousel-vertical-wrapper .smls-carousel-arrow-type-1 .bx-controls-direction a.bx-prev{ top:-39px; margin-left: -15px; opacity: 1; visibility: visible; } .smls-carousel-vertical-wrapper .smls-carousel-arrow-type-1 .bx-controls-direction a.bx-next{ bottom:-39px; top:auto; margin-left: -15px; opacity: 1; visibility: visible; } .smls-carousel-vertical-wrapper .smls-carousel-arrow-type-2 .bx-controls-direction a.bx-prev{ top:-45px; margin-left: -20px; opacity: 1; visibility: visible; } .smls-carousel-vertical-wrapper .smls-carousel-arrow-type-2 .bx-controls-direction a.bx-next{ bottom:-45px; top:auto; margin-left: -20px; opacity: 1; visibility: visible; } .smls-carousel-vertical-wrapper .smls-carousel-arrow-type-3 .bx-controls-direction a.bx-prev{ top:-38px; margin-left: -13px; opacity: 1; visibility: visible; } .smls-carousel-vertical-wrapper .smls-carousel-arrow-type-3 .bx-controls-direction a.bx-next{ bottom:-38px; top:auto; margin-left: -13px; opacity: 1; visibility: visible; } .smls-carousel-vertical-wrapper .smls-carousel-arrow-type-4 .bx-controls-direction a { opacity: 1; visibility: visible; margin-left: -20px; } .smls-carousel-vertical-wrapper .smls-carousel-arrow-type-4 .bx-controls-direction a.bx-prev { top:-45px; } .smls-carousel-vertical-wrapper .smls-carousel-arrow-type-4 .bx-controls-direction a.bx-next { top:auto; bottom:-45px; } .smls-carousel-vertical-wrapper .smls-carousel-arrow-type-4:hover .bx-controls-direction a.bx-prev { left:50%; } .smls-carousel-vertical-wrapper .smls-carousel-arrow-type-4:hover .bx-controls-direction a.bx-next { left:50%; right: auto; } .smls-carousel-vertical-wrapper .smls-carousel-arrow-type-5 .bx-controls-direction a.bx-prev { -moz-transform:none; -webkit-transform:none; transform:none; top:-41px; margin-left: -17px; } .smls-carousel-vertical-wrapper .smls-carousel-arrow-type-5 .bx-controls-direction a.bx-next { -moz-transform:none; -webkit-transform:none; transform:none; bottom: -41px; top:auto; margin-left: -17px; } .smls-carousel-vertical-wrapper .smls-carousel-arrow-type-5 .bx-controls-direction a.bx-prev:hover i { -moz-animation:DownToUp 350ms forwards; -webkit-animation:DownToUp 350ms forwards; animation:DownToUp 350ms forwards; } .smls-carousel-vertical-wrapper .smls-carousel-arrow-type-5 .bx-controls-direction a.bx-next:hover i { -moz-animation:UpToDown 350ms forwards; -webkit-animation:UpToDown 350ms forwards; animation:UpToDown 350ms forwards; } .smls-carousel-vertical-wrapper .smls-text-arrow .bx-controls-direction a { width: auto; height: auto; color: #ffffff; margin-left: -36px; } .smls-carousel-vertical-wrapper .smls-text-arrow .bx-controls-direction a.bx-prev { top:-40px; -moz-transform:none; -webkit-transform:none; transform:none; } .smls-carousel-vertical-wrapper .smls-text-arrow .bx-controls-direction a.bx-next { bottom: -40px; top:auto; right: auto; -moz-transform:none; -webkit-transform:none; transform:none; } .smls-carousel-vertical-wrapper .bx-wrapper .bx-pager { bottom: auto; top:50%; width: auto; padding-top: 0; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); } .smls-carousel-vertical-wrapper .bx-wrapper .bx-pager .bx-pager-item { display: block; } .smls-carousel-vertical-wrapper .smls-bx-pager-template-1 .bx-wrapper .bx-pager { right: -26px; } .smls-carousel-vertical-wrapper .smls-bx-pager-template-1 .bx-wrapper .bx-pager .bx-pager-item a{ margin:10px 0; } .smls-bx-pager-template-1 .bx-wrapper .bx-pager.bx-default-pager a { width: 22px; height: 22px; font-size: 12px; line-height: 22px; margin:6px 0; } .smls-carousel-vertical-wrapper .smls-bx-pager-template-2 .bx-wrapper .bx-pager { right:-21px; } .smls-bx-pager-template-2 .bx-wrapper .bx-pager.bx-default-pager a:hover, .smls-bx-pager-template-2 .bx-wrapper .bx-pager.bx-default-pager a.active{ background:none; } .smls-carousel-vertical-wrapper .smls-bx-pager-template-3 .bx-wrapper .bx-pager { right: -20px; } .smls-bx-pager-template-3 .bx-wrapper .bx-pager.bx-default-pager a { width: 4px; height: 20px; margin:7px 3px; } .smls-bx-pager-template-3 .bx-wrapper .bx-pager.bx-default-pager a:hover, .smls-bx-pager-template-3 .bx-wrapper .bx-pager.bx-default-pager a.active { height: 35px; width: 4px; } .smls-logo-description > .mCustomScrollBox { margin-right: 0; } .smls-logo-inline-wrap { position: relative; background-color: #fff; padding: 40px; width: 100%; text-align: left; clear: left; } .smls-logo-inline-delete { position: absolute; right: 10px; top:5px; cursor: pointer; } .smls-inline-template-1.smls-logo-inline-wrap { border: 1px solid #e9e9e9; -moz-box-shadow: 0px 4px 20px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 4px 20px rgba(0,0,0,0.2); box-shadow: 0px 4px 20px rgba(0,0,0,0.2); } .smls-inline-template-1 .smls-logo-inline-title, .smls-inline-template-1 .smls-contact-heading, .smls-inline-template-2 .smls-logo-inline-title, .smls-inline-template-2 .smls-contact-heading, .smls-inline-template-3 .smls-logo-inline-title, .smls-inline-template-3 .smls-contact-heading { font-family: 'Merriweather Sans', Sans-serif; color:#555555; font-size: 22px; font-weight:800; text-transform: uppercase; line-height: 1.1; margin-bottom: 15px; padding-bottom: 10px; position: relative; } .smls-inline-template-1 .smls-logo-inline-title:after, .smls-inline-template-1 .smls-contact-heading:after, .smls-inline-template-2 .smls-logo-inline-title:after, .smls-inline-template-2 .smls-contact-heading:after, .smls-inline-template-3 .smls-logo-inline-title:after, .smls-inline-template-3 .smls-contact-heading:after { content:''; position:absolute; bottom: 0; left:0; background-color:#eeaf2d; width: 30px; height: 2px; } .smls-inline-description{ font-family: 'Droid Sans', Sans-serif; font-size: 14px; font-weight:400; color:#696868; line-height: 1.8; margin-bottom: 30px; } .smls-inline-template-1 .smls-company-name, .smls-inline-template-2 .smls-company-name, .smls-inline-template-3 .smls-company-name { font-family: 'Merriweather Sans', Sans-serif; color:#696868; text-transform: uppercase; font-size: 14px; font-weight:400; line-height: 1.2; } .smls-inline-template-1 .smls-company-name { margin-bottom: 15px; } .smls-contact-block-template-1 { float:left; width: 50%; } .smls-inline-gallery-detail-wrap-template-1 { float: right; width: 48%; margin-left: 2%; } .smls-company-address, .smls-company-contact-number, .smls-company-email, .smls-company-url { color:#696868; font-size: 14px; font-family: 'Droid Sans', Sans-serif; } .smls-contact-wrap span { display: inline-block; width: 5%; vertical-align: baseline; font-size: 18px; } .smls-company-address p, .smls-company-contact-number p, .smls-company-email p, .smls-company-url p{ display: inline-block; width: 88%; margin: 0 0 10px 10px; line-height: 1; } .smls-contact-block-template-1 .smls-company-address, .smls-contact-block-template-1 .smls-company-contact-number, .smls-contact-block-template-1 .smls-company-email, .smls-contact-block-template-1 .smls-company-url, .smls-inline-3-contact-wrap .smls-company-address, .smls-inline-3-contact-wrap .smls-company-contact-number, .smls-inline-3-contact-wrap .smls-company-email, .smls-inline-3-contact-wrap .smls-company-url{ display: inline-block; width: 49%; } .smls-contact-block-template-1 .smls-social-icon-wrap a{ font-size: 18px; margin-right: 15px; display: inline-block; color:#686868; border:0; box-shadow: none; } .smls-main-logo-wrapper .smls-company-email a, .smls-main-logo-wrapper .smls-company-url a { border: 0; box-shadow: none; color: #696868; } .smls-main-logo-wrapper .smls-contact-block-template-1 .smls-social-icon-wrap a:hover, .smls-main-logo-wrapper .smls-company-email a:hover, .smls-main-logo-wrapper .smls-company-url a:hover { color:#eeaf2d; -webkit-box-shadow: none; box-shadow: none; } .smls-contact-block-template-1 .smls-social-icon-wrap { margin-top: 15px; } .smls-main-logo-wrapper .smls-inline-gallery-detail-wrap-template-1 a { display: inline-block; width: 22%; border:5px solid #eeeeee; margin:0 0 5px 5px; overflow: hidden; box-shadow: none; } .smls-main-logo-wrapper .smls-inline-gallery-detail-wrap-template-1 a:hover { border-bottom: 5px solid #eeeeee; -webkit-box-shadow: none; box-shadow: none; } .smls-inline-gallery-detail-wrap-template-1 a img{ width: 100%; -webkit-transform:scale(1.13); -moz-transform:scale(1.13); transform:scale(1.13); -webkit-transition:all 450ms ease-in-out; -moz-transition:all 450ms ease-in-out; transition:all 450ms ease-in-out; } .smls-inline-gallery-detail-wrap-template-1 a:hover img { -webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1); } .smls-inline-template-2.smls-logo-inline-wrap, .smls-inline-template-3.smls-logo-inline-wrap { background-color: #eeeeee; } .smls-inline-template-3.smls-logo-inline-wrap{ -moz-box-shadow:0 3px 20px rgba(0,0,0,0.2); -webkit-box-shadow:0 3px 20px rgba(0,0,0,0.2); box-shadow:0 3px 20px rgba(0,0,0,0.2); } .smls-inline-template-2 .smls-logo-inline-description-wrap { float: left; width: 48%; padding-right: 10px; } .smls-inline-template-2 .smls-company-name p, .smls-inline-template-3 .smls-company-name p { margin:0 0 12px; } .smls-contact-wrapper-template-2 { float: left; width: 50%; margin-left: 2%; padding-left: 40px; border-left:1px solid #dddddd; } .smls-contact-wrapper-template-2 .smls-company-address, .smls-contact-wrapper-template-2 .smls-company-contact-number, .smls-contact-wrapper-template-2 .smls-company-email, .smls-contact-wrapper-template-2 .smls-company-url, .smls-inline-3-contact-wrap .smls-company-address, .smls-inline-3-contact-wrap .smls-company-contact-number, .smls-inline-3-contact-wrap .smls-company-email, .smls-inline-3-contact-wrap .smls-company-url { text-transform: uppercase; font-family: 'Open Sans',Sans-serif; font-size: 13px; font-weight: 400; } .smls-contact-wrapper-template-2 .smls-company-address p, .smls-inline-3-contact-wrap .smls-company-address p { margin-left: 0; } .smls-contact-wrapper-template-2 .smls-company-address p, .smls-contact-wrapper-template-2 .smls-company-contact-number p, .smls-contact-wrapper-template-2 .smls-company-email p, .smls-contact-wrapper-template-2 .smls-company-url p, .smls-inline-3-contact-wrap .smls-company-address p, .smls-inline-3-contact-wrap .smls-company-contact-number p, .smls-inline-3-contact-wrap .smls-company-email p, .smls-inline-3-contact-wrap .smls-company-url p { text-transform: none; width: auto; } .smls-contact-wrapper-template-2 .smls-social-icon-wrap a, .smls-inline-template-3-wrap .smls-social-icon-wrap a{ font-size: 14px; height: 38px; width:38px; text-align: center; line-height: 36px; border-radius: 50%; border:1px solid #555555; display: inline-block; background-color: transparent; color:#555555; margin-right: 5px; margin-bottom: 5px; box-shadow: none; } .smls-contact-wrapper-template-2 .smls-social-icon-wrap a:hover { color:#ffffff; -webkit-box-shadow: none; box-shadow: none; } .smls-content-wrap-template-2 { margin-bottom: 30px; } .smls-gallery-wrap-template-2 { text-align: center; } .smls-main-logo-wrapper .smls-gallery-wrap-template-2 a { display: inline-block; margin:5px; width: 12%; border:0; box-shadow: none; } .smls-gallery-wrap-template-2 a img { -webkit-filter:grayscale(0); -moz-filter:grayscale(0); -o-filter:grayscale(0); -ms-filter:grayscale(0); filter:grayscale(0); -webkit-transition: all 350ms ease-in-out; -moz-transition: all 350ms ease-in-out; transition: all 350ms ease-in-out; width: 100%; } .smls-gallery-wrap-template-2 a:hover img { -webkit-filter:grayscale(1); -moz-filter:grayscale(1); -o-filter:grayscale(1); -ms-filter:grayscale(1); filter:grayscale(1); } .smls-inline-three-content-wrap { float: left; width: 52%; padding-right: 20px; border-right: 1px solid #cccccc; } .smls-inline-3-gallery-wrap, .smls-inline-template-3-wrap .smls-social-icon-wrap { float: left; width:44%; margin-left: 4% } .smls-inline-three-content-wrap .smls-inline-description { height: 130px; } .smls-inline-template-3-wrap .smls-social-icon-wrap a { position: relative; box-shadow: none; } .smls-inline-template-3-wrap .smls-social-icon-wrap a:before { content:''; position:absolute; width: 100%; height: 100%; top:0; left:0; border-radius: 50%; -webkit-transform:scale(0); -moz-transform:scale(0); transform:scale(0); -webkit-transition:all 350ms ease-in-out; -moz-transition:all 350ms ease-in-out; transition:all 350ms ease-in-out; } .smls-inline-template-3-wrap .smls-social-icon-wrap a.smls-fb-link:before{ background-color:#3b5998; border-color:#3b5998; } .smls-inline-template-3-wrap .smls-social-icon-wrap a.smls-twitter-link:before { background-color:#00aced; border-color:#00aced; } .smls-inline-template-3-wrap .smls-social-icon-wrap a.smls-linkedin-link:before { background-color:#007bb6; border-color:#007bb6; } .smls-inline-template-3-wrap .smls-social-icon-wrap a.smls-instagram-link:before { background-color:#3f729b; border-color:#3f729b; } .smls-inline-template-3-wrap .smls-social-icon-wrap a.smls-gplus-link:before { background-color:#dd4b39; border-color:#dd4b39; } .smls-inline-template-3-wrap .smls-social-icon-wrap a.smls-youtube-link:before { background-color:#bb0000; border-color:#bb0000; } .smls-inline-template-3-wrap .smls-social-icon-wrap a.smls-skype-link:before { background-color:#12A5F4; border-color:#12A5F4; } .smls-inline-template-3-wrap .smls-social-icon-wrap a.smls-pinterest-link:before { background-color:#cb2027; border-color:#cb2027; } .smls-inline-template-3-wrap .smls-social-icon-wrap a.smls-tumblr-link:before { background-color:#32506d; border-color:#32506d; } .smls-inline-template-3-wrap .smls-social-icon-wrap a:hover { color:#ffffff; border-color: transparent; box-shadow: none; } .smls-inline-template-3-wrap .smls-social-icon-wrap a i { position: relative; z-index: 999; } .smls-inline-template-3-wrap .smls-social-icon-wrap a:hover:before { -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1); } .smls-inline-template-3-wrap .smls-social-icon-wrap { margin-top: 20px; } .smls-main-logo-wrapper .smls-inline-3-gallery-wrap a { display: inline-block; width: 21%; margin:0 0 5px 5px; overflow: hidden; border:0; box-shadow: none; } .smls-main-logo-wrapper .smls-gallery-wrap-template-2 a:hover, .smls-main-logo-wrapper .smls-inline-3-gallery-wrap a:hover { -webkit-box-shadow: none; box-shadow: none; } .smls-inline-3-gallery-wrap a img { width: 100%; -webkit-transition:all 350ms ease-in-out; -moz-transition:all 350ms ease-in-out; transition:all 350ms ease-in-out; } .smls-inline-3-gallery-wrap a:hover img { -webkit-transform:scale(1.1) translateZ(0); -moz-transform:scale(1.1) translateZ(0); transform:scale(1.1) translateZ(0); } .smls-inline-loading { position:absolute; top: 0; right: 0px; left: 0px; z-index: 99; width: 100%; height: 100%; } .smls-inline-loading img { position: absolute; top:50%; left:0; right:0; margin:-17.5px auto 0; width: 35px; height: 35px; background-color: transparent; } .smls-popup-content-wrap { padding:15px; } .smls-popup-template-1 .smls-popup-logo-image { float:left; width: 43%; } .smls-popup-template-1 .smls-only-content-wrap { float:left; width: 56%; margin-left: 2%; } .smls-popup-template-1 .smls-popup-logo-image img { display:block; margin:0 auto; } .smls-logo-description-heading { font-size: 26px; font-family: 'Roboto', Sans-serif; text-transform: uppercase; color:#000000; margin-bottom: 15px; } .smls-logo-sub-heading { color:#db588a; font-size: 14px; font-family: 'Roboto', Sans-serif; margin-bottom: 15px; text-transform: capitalize; } .smls-logo-description { font-size: 14px; font-family: 'Roboto', Sans-serif; color: #4d4c4c; line-height: 1.5; } .smls-popup-template-1 .smls-first-content-wrap { margin-bottom: 40px; display: -webkit-box; display: -moz-flex; display: -ms-filter; display: -webkit-flex; display: flex; align-items:center; } .smls-popup-template-1 .smls-popup-third-content-wrap{ float: left; width:43%; } .smls-popup-template-1 .smls-inline-gallery-detail-wrap{ float: left; width:55%; } .smls-popup-template-1 .smls-inline-gallery-detail-wrap{ margin-left:2%; } .smls-popup-content-wrap .smls-contact-wrap { font-family: 'Roboto', Sans-serif; font-size: 14px; color: #4d4c4c; } .smls-popup-content-wrap .smls-contact-wrap div { position: relative; } .smls-popup-content-wrap .smls-contact-wrap .smls-contact-heading { font-size: 18px; text-transform: capitalize; margin-bottom: 15px; padding-bottom: 10px; color: #000000; } .smls-popup-content-wrap .smls-contact-wrap .smls-contact-heading:after { content:''; position: absolute; width: 30px; height: 2px; bottom:0; left:0; background-color: #db588a; } .smls-popup-content-wrap .smls-contact-wrap .smls-company-name { color: #000000; text-transform: uppercase; margin-bottom: 15px; } .smls-popup-content-wrap .smls-contact-wrap div span{ display: inline-block; width: 5%; vertical-align: top; text-align: center; } #pp_full_res .smls-contact-wrap div p{ display: inline-block; width: 90%; line-height: 1.3; margin:0 0 15px 10px; } #pp_full_res .smls-contact-wrap div a { color: #696868; text-decoration: none; } #pp_full_res .smls-contact-wrap div a:hover { color:#db588a; } .smls-popup-content-wrap .smls-social-icon-wrap a{ display: inline-block; margin:0 5px 10px 0; width: 30px; height: 30px; text-align: center; background-color:transparent; color:#4d4c4c; border:1px solid #4d4c4c; -webkit-transition:all 350ms ease-in-out; -moz-transition:all 350ms ease-in-out; transition:all 350ms ease-in-out; } .smls-popup-content-wrap .smls-social-icon-wrap a i { line-height: 30px; } .smls-popup-template-1 .smls-social-icon-wrap a:hover { color:#ffffff; } .smls-popup-template-1 .smls-social-icon-wrap a.smls-fb-link:hover, .smls-contact-wrapper-template-2 .smls-social-icon-wrap a.smls-fb-link:hover { background-color:#3b5998; border-color:#3b5998; } .smls-popup-template-1 .smls-social-icon-wrap a.smls-twitter-link:hover, .smls-contact-wrapper-template-2 .smls-social-icon-wrap a.smls-twitter-link:hover { background-color:#00aced; border-color:#00aced; } .smls-popup-template-1 .smls-social-icon-wrap a.smls-linkedin-link:hover, .smls-contact-wrapper-template-2 .smls-social-icon-wrap a.smls-linkedin-link:hover { background-color:#007bb6; border-color:#007bb6; } .smls-popup-template-1 .smls-social-icon-wrap a.smls-instagram-link:hover, .smls-contact-wrapper-template-2 .smls-social-icon-wrap a.smls-instagram-link:hover { background-color:#3f729b; border-color:#3f729b; } .smls-popup-template-1 .smls-social-icon-wrap a.smls-gplus-link:hover, .smls-contact-wrapper-template-2 .smls-social-icon-wrap a.smls-gplus-link:hover { background-color:#dd4b39; border-color:#dd4b39; } .smls-popup-template-1 .smls-social-icon-wrap a.smls-youtube-link:hover, .smls-contact-wrapper-template-2 .smls-social-icon-wrap a.smls-youtube-link:hover { background-color:#bb0000; border-color:#bb0000; } .smls-popup-template-1 .smls-social-icon-wrap a.smls-skype-link:hover, .smls-contact-wrapper-template-2 .smls-social-icon-wrap a.smls-skype-link:hover { background-color:#12A5F4; border-color:#12A5F4; } .smls-popup-template-1 .smls-social-icon-wrap a.smls-pinterest-link:hover, .smls-contact-wrapper-template-2 .smls-social-icon-wrap a.smls-pinterest-link:hover{ background-color:#cb2027; border-color:#cb2027; } .smls-popup-template-1 .smls-social-icon-wrap a.smls-tumblr-link:hover, .smls-contact-wrapper-template-2 .smls-social-icon-wrap a.smls-tumblr-link:hover { background-color:#32506d; border-color:#32506d; } .smls-popup-template-1 .smls-inline-gallery-detail-wrap a{ width: 22%; display: inline-block; overflow: hidden; margin:2px; box-shadow: none; border:0; } .smls-popup-template-1 .smls-inline-gallery-detail-wrap a img { -webkit-transition:all 350ms ease-in-out; -moz-transition:all 350ms ease-in-out; transition:all 350ms ease-in-out; display: block; } .smls-popup-template-1 .smls-inline-gallery-detail-wrap a:hover img { -webkit-transform:scale(1.1) translateZ(0); -moz-transform:scale(1.1) translateZ(0); transform:scale(1.1) translateZ(0); } div.pp_default .pp_details { position: static !important; } .smls-close { position: absolute; right: -20px; top: -5px; } div.pp_default .smls-close .pp_close { background:none; background-color:#ffffff; position: relative; text-indent: 0; line-height: 30px; } div.pp_default .smls-close .pp_close:before { position:absolute; top:0; left:0; right:0; bottom: 0; margin:0 auto; text-align: center; color: #888888; } div.pp_default .smls-close .pp_close:hover { background-color:#ebebeb; opacity: 1; } div.pp_default .smls-close .pp_close:hover:before { color:#000000; } .smls-popup-template-2 .smls-popup-logo-image, .smls-popup-template-2 .smls-first-content-wrap, .smls-popup-template-2 .smls-inline-gallery-detail-wrap{ margin-bottom: 20px; } .smls-popup-template-2 .smls-popup-logo-image { width: 100%; max-width: 300px; } .smls-popup-template-2 .smls-inline-gallery-detail-wrap a{ width: 12%; display: inline-block; overflow: hidden; border:3px solid #bbbbbb; -webkit-transition:all 350ms ease-in-out; -moz-transition:all 350ms ease-in-out; transition:all 350ms ease-in-out; } .smls-popup-template-2 .smls-inline-gallery-detail-wrap a img { -ms-filter: grayscale(1); -webkit-filter: grayscale(1); -moz-filter: grayscale(1); -o-filter: grayscale(1); filter: grayscale(1); -webkit-transition:all 350ms ease-in-out; -moz-transition:all 350ms ease-in-out; transition:all 350ms ease-in-out; display: block; } .smls-popup-template-2 .smls-inline-gallery-detail-wrap a:hover{ border:3px solid #dddddd; } .smls-popup-template-2 .smls-inline-gallery-detail-wrap a:hover img { -ms-filter: grayscale(0); -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0); } .smls-popup-template-2 .smls-popup-template2-wrap div{ float:left; width:48%; margin-left: 2%; } .smls-popup-template-2 .smls-popup-template2-wrap div:nth-of-type(2n+1) { clear:left; } .smls-popup-template-2 .smls-popup-template2-wrap { margin-left: -2%; margin-bottom: 15px; } .smls-popup-content-wrap.smls-popup-template-2 .smls-contact-wrap { float: left; width: 60%; } .smls-popup-template-2 .smls-popup-third-content-wrap { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items:center; } #pp_full_res .smls-popup-template-2 .smls-contact-wrap div p { width: 85%; } .smls-popup-template-2 .smls-social-icon-wrap { width: 38%; margin-left: 2%; float: left; } .smls-popup-template-2 .smls-social-icon-wrap a { width:34px; height: 34px; color:#ffffff; border-radius: 100%; line-height: 31px; margin:3px; -webkit-transition:transform 500ms ease-in-out; -moz-transition:transform 500ms ease-in-out; transition:transform 500ms ease-in-out; } .smls-popup-template-2 .smls-social-icon-wrap a.smls-fb-link, .smls-grid-container-template-7 .smls-hover-icon-wrap a.smls-fb-link{ background-color:#3b5998; border-color:#3b5998; } .smls-popup-template-2 .smls-social-icon-wrap a.smls-twitter-link, .smls-grid-container-template-7 .smls-hover-icon-wrap a.smls-twitter-link { background-color:#00aced; border-color:#00aced; } .smls-popup-template-2 .smls-social-icon-wrap a.smls-linkedin-link, .smls-grid-container-template-7 .smls-hover-icon-wrap a.smls-linkedin-link { background-color:#007bb6; border-color:#007bb6; } .smls-popup-template-2 .smls-social-icon-wrap a.smls-instagram-link, .smls-grid-container-template-7 .smls-hover-icon-wrap a.smls-instagram-link { background-color:#3f729b; border-color:#3f729b; } .smls-popup-template-2 .smls-social-icon-wrap a.smls-gplus-link, .smls-grid-container-template-7 .smls-hover-icon-wrap a.smls-gplus-link{ background-color:#dd4b39; border-color:#dd4b39; } .smls-popup-template-2 .smls-social-icon-wrap a.smls-youtube-link, .smls-grid-container-template-7 .smls-hover-icon-wrap a.smls-youtube-link { background-color:#bb0000; border-color:#bb0000; } .smls-popup-template-2 .smls-social-icon-wrap a.smls-skype-link, .smls-grid-container-template-7 .smls-hover-icon-wrap a.smls-skype-link{ background-color:#12A5F4; border-color:#12A5F4; } .smls-popup-template-2 .smls-social-icon-wrap a.smls-pinterest-link, .smls-grid-container-template-7 .smls-hover-icon-wrap a.smls-pinterest-link { background-color:#cb2027; border-color:#cb2027; } .smls-popup-template-2 .smls-social-icon-wrap a.smls-tumblr-link, .smls-grid-container-template-7 .smls-hover-icon-wrap a.smls-tumblr-link { background-color:#32506d; border-color:#32506d; } .smls-popup-template-2 .smls-social-icon-wrap a:hover { -webkit-transform: rotateX(180deg) rotateY(180deg) rotateZ(180deg); -moz-transform: rotateX(180deg) rotateY(180deg) rotateZ(180deg); transform: rotateX(180deg) rotateY(180deg) rotateZ(180deg); } .smls-filtr-item.smls-filter-masonry { padding:12px; } .smls-filter-border-wrap .smls-filtr-item { border:1px solid #eeeeee; } .smls-filter-border-wrap .smls-filtr-item .smls-car-img-wrap, .smls-filter-border-wrap .smls-filtr-item .smls-popup-wrap { padding:15px; } .smls-fil-img-wrap { overflow: hidden; } .smls-fil-img-wrap img { display: block; } .smls-filter, .smls-filter-blur { margin:0; list-style: none; } .smls-filter li, .smls-filter-blur li { display: inline-block; line-height: 1; cursor: pointer; -webkit-transition:all 350ms ease-in-out; -moz-transition:all 350ms ease-in-out; transition:all 350ms ease-in-out; } .smls-filter-blur li a { display: inline-block; } .smls-filter.smls-tab-template-1, .smls-filter.smls-tab-template-2, .smls-filter.smls-tab-template-3, .smls-filter.smls-tab-template-6, .smls-filter-blur.smls-tab-template-1, .smls-filter-blur.smls-tab-template-2, .smls-filter-blur.smls-tab-template-3, .smls-filter-blur.smls-tab-template-6 { text-align: center; margin-bottom: 40px; padding-left: 0; } .smls-filter.smls-tab-template-1 li a, .smls-filter-blur.smls-tab-template-1 li a { border:1px solid #e8e8e8; border-radius:20px; padding:10px 30px; font-family: 'Montserrat',Sans-serif; color:#3b3d40; background-color:transparent; text-transform: uppercase; font-size: 11px; font-weight: 400; margin: 0 7px 10px; box-shadow: none; } .smls-filter.smls-tab-template-1 li a:hover, .smls-filter.smls-tab-template-1 li a.smls-active-filter, .smls-filter-blur.smls-tab-template-1 li a:hover, .smls-filter-blur.smls-tab-template-1 li.smls-current a { background-color:#dd4a39; border-color:#dd4a39; color: #ffffff; } .smls-filter.smls-tab-template-2 li a, .smls-filter-blur.smls-tab-template-2 li a{ margin:0 10px 10px; padding:12px 15px; font-size: 15px; font-family: 'Open Sans', Sans-serif; font-weight:600; color:#4d4d4d; border-radius: 3px; border:0; box-shadow: none; letter-spacing: 0.5px; text-transform: uppercase; } .smls-filter.smls-tab-template-2 li a:hover, .smls-filter.smls-tab-template-2 li a.smls-active-filter, .smls-filter-blur.smls-tab-template-2 li a:hover, .smls-filter-blur.smls-tab-template-2 li.smls-current a{ background-color:#8cc63e; color:#ffffff; } .smls-filter.smls-tab-template-3 li a, .smls-filter-blur.smls-tab-template-3 li a{ margin:4px; padding:10px 20px; background-color:#3a3a3a; color:#ffffff; font-size: 13px; font-family: 'Open Sans', Sans-serif; font-weight:600; border:0; box-shadow: none; text-transform: uppercase; } .smls-filter.smls-tab-template-3 li a:hover, .smls-filter.smls-tab-template-3 li a.smls-active-filter, .smls-filter-blur.smls-tab-template-3 li a:hover, .smls-filter-blur.smls-tab-template-3 li.smls-current a { background-color:#8cc63e; } .smls-filter.smls-tab-template-4, .smls-filter-blur.smls-tab-template-4 { margin-bottom: 40px; margin-left: 20px; padding-left: 0; text-align: left; } .smls-filter-blur.smls-tab-template-4 li { display: block; } .smls-filter.smls-tab-template-4 li a, .smls-filter-blur.smls-tab-template-4 li a{ padding: 10px 15px; font-size: 12px; color: #4d4d4d; font-family: 'Open Sans',Sans-serif; font-weight:400; text-transform: uppercase; position: relative; float: left; border:0; box-shadow: none; } .smls-filter.smls-tab-template-4 li a:before, .smls-filter-blur.smls-tab-template-4 li a:before { content:''; position: absolute; top:0; left:0; background-color:transparent; height: 100%; width: 100%; border-top:1px solid #eeeeee; border-bottom: 1px solid #eeeeee; border-left: 1px solid #eeeeee; z-index: -1; -webkit-transform:skew(-25deg); -moz-transform:skew(-25deg); transform:skew(-25deg); -webkit-transition: all 350ms ease-in-out; -moz-transition: all 350ms ease-in-out; transition: all 350ms ease-in-out; } .smls-filter.smls-tab-template-4 li a:last-child:after, .smls-filter-blur.smls-tab-template-4 li a:last-child:after { content:''; position: absolute; top:0; right:-1px; background-color:#eeeeee; width: 1px; height:100%; -webkit-transform:skew(-25deg); -moz-transform:skew(-25deg); transform:skew(-25deg); } .smls-filter.smls-tab-template-4 li a:hover, .smls-filter.smls-tab-template-4 li a.smls-active-filter, .smls-filter-blur.smls-tab-template-4 li a:hover, .smls-filter-blur.smls-tab-template-4 li.smls-current a{ color:#ffffff; } .smls-filter.smls-tab-template-4 li a:hover:before, .smls-filter.smls-tab-template-4 li a.smls-active-filter:before, .smls-filter-blur.smls-tab-template-4 li a:hover:before, .smls-filter-blur.smls-tab-template-4 li.smls-current a:before { background-color:#0091d5; } .smls-filter.smls-tab-template-5, .smls-filter-blur.smls-tab-template-5 { text-align: right; margin-bottom: 40px; border-bottom: 1px solid #cfcfcf; } .smls-filter.smls-tab-template-5 li a, .smls-filter-blur.smls-tab-template-5 li a{ display: block; padding:18px 15px; margin-left:5px; font-size: 16px; font-family: 'Open Sans', Sans-serif; font-weight:400; color:#333333; text-transform: capitalize; border:0; box-shadow: none; } .smls-filter.smls-tab-template-5 li a:hover, .smls-filter-blur.smls-tab-template-5 li a:hover { color:#0091d5; border-color: transparent; } .smls-filter.smls-tab-template-5 li a.smls-active-filter, .smls-filter-blur.smls-tab-template-5 li.smls-current a{ color:#0091d5; border-top:1px solid #cfcfcf; border-left:1px solid #cfcfcf; border-right:1px solid #cfcfcf; border-bottom: 1px solid #ffffff; margin-bottom:-1px; border-radius: 3px; } .smls-filter.smls-tab-template-6 li a, .smls-filter-blur.smls-tab-template-6 li a{ padding:0 23px 0 20px; display: block; font-size: 14px; font-weight:700; font-family: 'Lato', Sans-serif; text-transform: uppercase; color:rgba(114,114,114,0.5); position:relative; border:0; box-shadow: none; } .smls-filter.smls-tab-template-6 li a:after, .smls-filter-blur.smls-tab-template-6 li a:after { content:''; position:absolute; top:0; right:0; height: 100%; width:2px; background-color:#727272; } .smls-filter.smls-tab-template-6 li a:hover, .smls-filter.smls-tab-template-6 li a.smls-active-filter, .smls-filter-blur.smls-tab-template-6 li a:hover, .smls-filter-blur.smls-tab-template-6 li.smls-current a{ color:#000000; } .smls-hover-type-1 .smls-popup-wrap img, .smls-hover-type-1 .smls-grid-each-item img, .smls-hover-type-1 .smls-grid-image-wrap img, .smls-hover-type-1.smls-grid-container-template-8 .smls-block-img-wrap img, .smls-hover-type-1.smls-grid-container-template-9 .smls-image-wrap img, .smls-hover-type-1.smls-carousel-logo .smls-car-img-wrap img, .smls-hover-type-1.smls-filtr-container .smls-car-img-wrap img, .smls-list-container-template-1.smls-hover-type-1 .smls-list-image-wrap img, .smls-list-container-template-2.smls-hover-type-1 .smls-list-image-wrap img, .smls-perspective.smls-hover-type-1 .flip-current .smls-perspective-img-wrap img{ -ms-filter: grayscale(0); -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0); -webkit-transition:all 350ms ease-in-out; -moz-transition:all 350ms ease-in-out; transition:all 350ms ease-in-out; } .smls-hover-type-1 .smls-popup-wrap:hover, .smls-hover-type-1 .smls-grid-each-item:hover, .smls-hover-type-1 .smls-grid-image-wrap:hover, .smls-hover-type-1.smls-filtr-container .smls-car-img-wrap:hover, .smls-carousel-template-8.smls-hover-type-1 .smls-row-image:hover, .smls-carousel-template-9.smls-hover-type-1 .smls-row-image:hover, .smls-carousel-template-10.smls-hover-type-1 .smls-single-image:hover { background-color:#e9e9e9; } .smls-hover-type-1 .smls-popup-wrap:hover img, .smls-hover-type-1 .smls-grid-each-item:hover img, .smls-hover-type-1 .smls-grid-image-wrap:hover img, .smls-hover-type-1.smls-grid-container-template-8 .smls-block-img-wrap:hover img, .smls-hover-type-1.smls-grid-container-template-9 .smls-block-nine-img-wrap:hover .smls-image-wrap img, .smls-hover-type-1.smls-carousel-logo .smls-car-img-wrap:hover img, .smls-carousel-template-8.smls-hover-type-1 .smls-row-image:hover img, .smls-carousel-template-9.smls-hover-type-1 .smls-row-image:hover img, .smls-carousel-template-10.smls-hover-type-1 .smls-single-image:hover img, .smls-hover-type-1.smls-filtr-container .smls-car-img-wrap:hover img, .smls-list-container-template-1.smls-hover-type-1 .smls-list-image-wrap:hover img, .smls-list-container-template-2.smls-hover-type-1 .smls-list-image-wrap:hover img, .smls-perspective.smls-hover-type-1 .flip-current .smls-perspective-img-wrap:hover img { -ms-filter: grayscale(0.8); -webkit-filter: grayscale(0.8); -moz-filter: grayscale(0.8); -o-filter: grayscale(0.8); filter: grayscale(0.8); } .smls-hover-type-2 .smls-popup-wrap img, .smls-hover-type-2 .smls-grid-each-item img, .smls-hover-type-2 .smls-grid-image-wrap img, .smls-hover-type-2.smls-grid-container-template-8 .smls-block-img-wrap img, .smls-hover-type-2.smls-grid-container-template-9 .smls-image-wrap img, .smls-hover-type-2.smls-carousel-logo .smls-car-img-wrap img, .smls-hover-type-2.smls-filtr-container .smls-car-img-wrap img, .smls-list-container-template-1.smls-hover-type-2 .smls-list-image-wrap img, .smls-list-container-template-2.smls-hover-type-2 .smls-list-image-wrap img, .smls-perspective.smls-hover-type-2 .flip-current .smls-perspective-img-wrap img { -ms-filter: grayscale(1); -webkit-filter: grayscale(1); -moz-filter: grayscale(1); -o-filter: grayscale(1); filter: grayscale(1); -webkit-transition:all 350ms ease-in-out; -moz-transition:all 350ms ease-in-out; transition:all 350ms ease-in-out; } .smls-hover-type-2 .smls-popup-wrap:hover, .smls-hover-type-2 .smls-grid-each-item:hover, .smls-hover-type-2 .smls-grid-image-wrap:hover, .smls-carousel-template-8.smls-hover-type-2 .smls-row-image:hover, .smls-carousel-template-9.smls-hover-type-2 .smls-row-image:hover, .smls-carousel-template-10.smls-hover-type-2 .smls-single-image:hover, .smls-hover-type-2.smls-filtr-container .smls-car-img-wrap:hover { background-color:#d5fcfd; } .smls-hover-type-2.smls-carousel-logo .sowl-item .smls-popup-wrap:hover{ background-color: transparent; } .smls-hover-type-2 .smls-popup-wrap:hover img, .smls-hover-type-2 .smls-grid-each-item:hover img, .smls-hover-type-2 .smls-grid-image-wrap:hover img, .smls-hover-type-2.smls-grid-container-template-8 .smls-block-img-wrap:hover img, .smls-hover-type-2.smls-grid-container-template-9 .smls-block-nine-img-wrap:hover .smls-image-wrap img, .smls-hover-type-2.smls-carousel-logo .smls-car-img-wrap:hover img, .smls-hover-type-2.smls-carousel-logo .sowl-item.center img, .smls-hover-type-2.smls-filtr-container .smls-car-img-wrap:hover img, .smls-list-container-template-1.smls-hover-type-2 .smls-list-image-wrap:hover img, .smls-list-container-template-2.smls-hover-type-2 .smls-list-image-wrap:hover img, .smls-perspective.smls-hover-type-2 .flip-current .smls-perspective-img-wrap:hover img { -ms-filter: grayscale(0); -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0); } .smls-hover-type-3 .smls-popup-wrap img, .smls-hover-type-3 .smls-grid-each-item img, .smls-hover-type-3 .smls-grid-image-wrap img, .smls-hover-type-3.smls-grid-container-template-8 .smls-block-img-wrap img, .smls-hover-type-3.smls-grid-container-template-9 .smls-image-wrap img, .smls-hover-type-3.smls-carousel-logo .smls-car-img-wrap img, .smls-hover-type-3.smls-filtr-container .smls-car-img-wrap img, .smls-list-container-template-1.smls-hover-type-3 .smls-list-image-wrap img, .smls-list-container-template-2.smls-hover-type-3 .smls-list-image-wrap img, .smls-perspective.smls-hover-type-3 .flip-current .smls-perspective-img-wrap img { -webkit-transform:scale(1.02) translateZ(0); -moz-transform:scale(1.02) translateZ(0); transform:scale(1.02) translateZ(0); -webkit-transition:all 350ms ease-in-out; -moz-transition:all 350ms ease-in-out; transition:all 350ms ease-in-out; } .smls-hover-type-3 .smls-popup-wrap:hover img, .smls-hover-type-3 .smls-grid-each-item:hover img, .smls-hover-type-3 .smls-grid-image-wrap:hover img, .smls-hover-type-3.smls-grid-container-template-8 .smls-block-img-wrap:hover img, .smls-hover-type-3.smls-grid-container-template-9 .smls-block-nine-img-wrap:hover .smls-image-wrap img, .smls-hover-type-3.smls-carousel-logo .smls-car-img-wrap:hover img, .smls-carousel-template-8.smls-hover-type-3 .smls-row-image:hover img, .smls-carousel-template-9.smls-hover-type-3 .smls-row-image:hover img, .smls-carousel-template-10.smls-hover-type-3 .smls-single-image:hover img, .smls-hover-type-3.smls-filtr-container .smls-car-img-wrap:hover img, .smls-list-container-template-1.smls-hover-type-3 .smls-list-image-wrap:hover img, .smls-list-container-template-2.smls-hover-type-3 .smls-list-image-wrap:hover img, .smls-perspective.smls-hover-type-3 .flip-current .smls-perspective-img-wrap:hover img{ -webkit-transform:scale(1.15); -moz-transform:scale(1.15); transform:scale(1.15); } .smls-hover-type-3.smls-carousel-logo .sowl-item .smls-car-img-wrap, .smls-carousel-logo.smls-carousel-template-10.smls-hover-type-3 .smls-single-image, .smls-carousel-logo.smls-carousel-template-10.smls-hover-type-5 .smls-single-image, .smls-filtr-container .smls-car-img-wrap{ overflow: hidden; } .smls-hover-type-3.smls-carousel-logo .sowl-item .smls-row-image .smls-car-img-wrap { overflow:visible; } .smls-hover-type-4 .smls-popup-wrap img, .smls-hover-type-4 .smls-grid-each-item img, .smls-hover-type-4 .smls-grid-image-wrap img, .smls-hover-type-4.smls-grid-container-template-8 .smls-block-img-wrap img, .smls-hover-type-4.smls-grid-container-template-9 .smls-image-wrap img, .smls-hover-type-4.smls-carousel-logo .smls-car-img-wrap img, .smls-hover-type-4.smls-filtr-container .smls-car-img-wrap img, .smls-list-container-template-1.smls-hover-type-4 .smls-list-image-wrap img, .smls-list-container-template-2.smls-hover-type-4 .smls-list-image-wrap img{ -webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; transition:all 1s ease-in-out; } .smls-hover-type-4 .smls-popup-wrap:hover img, .smls-hover-type-4 .smls-grid-each-item:hover img, .smls-hover-type-4 .smls-grid-image-wrap:hover img, .smls-hover-type-4.smls-grid-container-template-8 .smls-block-img-wrap:hover img, .smls-hover-type-4.smls-grid-container-template-9 .smls-block-nine-img-wrap:hover .smls-image-wrap img, .smls-hover-type-4.smls-carousel-logo .smls-car-img-wrap:hover img, .smls-carousel-template-8.smls-hover-type-4 .smls-row-image:hover img, .smls-carousel-template-9.smls-hover-type-4 .smls-row-image:hover img, .smls-carousel-template-10.smls-hover-type-4 .smls-single-image:hover img, .smls-hover-type-4.smls-filtr-container .smls-car-img-wrap:hover img, .smls-list-container-template-1.smls-hover-type-4 .smls-list-image-wrap:hover img, .smls-list-container-template-2.smls-hover-type-4 .smls-list-image-wrap:hover img { -webkit-animation:FlipH 1s forwards; -moz-animation:FlipH 1s forwards; animation:FlipH 1s forwards; } .smls-hover-type-5 .smls-popup-wrap img, .smls-hover-type-5 .smls-grid-each-item img, .smls-hover-type-5 .smls-grid-image-wrap img, .smls-hover-type-5.smls-grid-container-template-8 .smls-block-img-wrap img, .smls-hover-type-5.smls-grid-container-template-9 .smls-image-wrap img, .smls-hover-type-5.smls-carousel-logo .smls-car-img-wrap img, .smls-hover-type-5.smls-filtr-container .smls-car-img-wrap img, .smls-list-container-template-1.smls-hover-type-5 .smls-list-image-wrap img, .smls-list-container-template-2.smls-hover-type-5 .smls-list-image-wrap img, .smls-perspective.smls-hover-type-5 .flip-current .smls-perspective-img-wrap img { -webkit-transition:all 400ms ease-in-out; -moz-transition:all 400ms ease-in-out; transition:all 400ms ease-in-out; -webkit-transform:scale(1.2) translateZ(0); -moz-transform:scale(1.2) translateZ(0); transform:scale(1.2) translateZ(0); } .smls-hover-type-5 .smls-popup-wrap, .smls-hover-type-5 .smls-grid-each-item, .smls-hover-type-5 .smls-grid-image-wrap, .smls-hover-type-5.smls-grid-container-template-8 .smls-block-img-wrap, .smls-hover-type-5.smls-grid-container-template-9 .smls-image-wrap, .smls-hover-type-5.smls-carousel-logo .smls-car-img-wrap .smls-car-img-wrap, .smls-hover-type-5.smls-filtr-container .smls-car-img-wrap, .smls-list-container-template-1.smls-hover-type-5 .smls-list-image-wrap, .smls-list-container-template-2.smls-hover-type-5 .smls-list-image-wrap, .smls-perspective.smls-hover-type-5 .flip-current .smls-perspective-img-wrap{ position: relative; overflow: hidden; z-index: 2; prespective:1000px; } .smls-hover-type-3 .smls-popup-wrap .smls-only-image-wrap a, .smls-hover-type-5 .smls-popup-wrap .smls-only-image-wrap a, .smls-list-container-template-1.smls-hover-type-3 .smls-list-image-wrap a, .smls-list-container-template-1.smls-hover-type-5 .smls-list-image-wrap a, .smls-list-container-template-2.smls-hover-type-3 .smls-list-image-wrap a, .smls-list-container-template-2.smls-hover-type-5 .smls-list-image-wrap a, .smls-perspective.smls-hover-type-3 .flip-current .smls-perspective-img-wrap{ overflow: hidden; } .smls-hover-type-5 .smls-popup-wrap:before, .smls-hover-type-5 .smls-grid-each-item:before, .smls-hover-type-5 .smls-grid-image-wrap:before, .smls-hover-type-5.smls-grid-container-template-8 .smls-block-img-wrap:before, .smls-hover-type-5.smls-grid-container-template-9 .smls-image-wrap:before, .smls-hover-type-5.smls-carousel-logo .smls-car-img-wrap .smls-car-img-wrap:before, .smls-hover-type-5.smls-filtr-container .smls-car-img-wrap:before, .smls-list-container-template-1.smls-hover-type-5 .smls-list-image-wrap:before, .smls-list-container-template-2.smls-hover-type-5 .smls-list-image-wrap:before, .smls-perspective.smls-hover-type-5 .flip-current .smls-perspective-img-wrap:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.2); content: ''; z-index: 10; -webkit-transition: -webkit-transform .6s; -moz-transition: -moz-transform .6s; -ms-transition: -ms-transform .6s; transition: transform .6s; -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-110%,22px); -moz-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-110%,22px); -ms-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-110%,22px); transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-110%,22px); -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; backface-visibility:hidden; } .smls-hover-type-5 .smls-popup-wrap:hover:before, .smls-hover-type-5 .smls-grid-each-item:hover:before, .smls-hover-type-5 .smls-grid-image-wrap:hover:before, .smls-hover-type-5.smls-grid-container-template-8 .smls-block-img-wrap:hover:before, .smls-hover-type-5.smls-grid-container-template-9 .smls-image-wrap:hover:before, .smls-hover-type-5.smls-carousel-logo .smls-car-img-wrap:hover .smls-car-img-wrap:before, .smls-carousel-template-8.smls-hover-type-5 .smls-row-image:hover .smls-car-img-wrap:before, .smls-carousel-template-9.smls-hover-type-5 .smls-row-image:hover .smls-car-img-wrap:before, .smls-carousel-template-10.smls-hover-type-5 .smls-single-image:hover .smls-car-img-wrap:before, .smls-hover-type-5.smls-filtr-container .smls-car-img-wrap:hover:before, .smls-list-container-template-1.smls-hover-type-5 .smls-list-image-wrap:hover:before, .smls-list-container-template-2.smls-hover-type-5 .smls-list-image-wrap:hover:before, .smls-perspective.smls-hover-type-5 .flip-current .smls-perspective-img-wrap:hover:before{ -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,110%,22px); -moz-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,110%,22px); -ms-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,110%,22px); transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,110%,22px); opacity: 1; } .smls-hover-type-5 .smls-popup-wrap:hover img, .smls-hover-type-5 .smls-grid-each-item:hover img, .smls-hover-type-5 .smls-grid-image-wrap:hover img, .smls-hover-type-5.smls-grid-container-template-8 .smls-block-img-wrap:hover img, .smls-hover-type-5.smls-grid-container-template-9 .smls-block-nine-img-wrap:hover .smls-image-wrap img, .smls-hover-type-5.smls-carousel-logo .smls-car-img-wrap:hover img, .smls-carousel-template-8.smls-hover-type-5 .smls-row-image:hover img, .smls-carousel-template-9.smls-hover-type-5 .smls-row-image:hover img, .smls-carousel-template-10.smls-hover-type-5 .smls-single-image:hover img, .smls-hover-type-5.smls-filtr-container .smls-car-img-wrap:hover img, .smls-list-container-template-1.smls-hover-type-5 .smls-list-image-wrap:hover img, .smls-list-container-template-2.smls-hover-type-5 .smls-list-image-wrap:hover img, .smls-perspective.smls-hover-type-5 .flip-current .smls-perspective-img-wrap:hover img { -webkit-transform:scale(1.1) translateZ(0); -moz-transform:scale(1.1) translateZ(0); transform:scale(1.1) translateZ(0); } .smls-hover-type-6 .smls-popup-wrap img, .smls-hover-type-6 .smls-grid-each-item img, .smls-hover-type-6 .smls-grid-image-wrap img, .smls-hover-type-6.smls-grid-container-template-8 .smls-block-img-wrap img, .smls-hover-type-6.smls-grid-container-template-9 .smls-image-wrap img, .smls-hover-type-6.smls-carousel-logo .smls-car-img-wrap img, .smls-hover-type-6.smls-filtr-container .smls-car-img-wrap img, .smls-list-container-template-1.smls-hover-type-6 .smls-list-image-wrap img, .smls-list-container-template-2.smls-hover-type-6 .smls-list-image-wrap img, .smls-perspective.smls-hover-type-6 .flip-current .smls-perspective-img-wrap img { opacity: 1; -webkit-transition:opacity 300ms ease-in-out; -moz-transition:opacity 300ms ease-in-out; transition:opacity 300ms ease-in-out; } .smls-hover-type-6 .smls-popup-wrap:hover img, .smls-hover-type-6 .smls-grid-each-item:hover img, .smls-hover-type-6 .smls-grid-image-wrap:hover img, .smls-hover-type-6.smls-grid-container-template-8 .smls-block-img-wrap:hover img, .smls-hover-type-6.smls-grid-container-template-9 .smls-block-nine-img-wrap:hover .smls-image-wrap img, .smls-hover-type-6.smls-carousel-logo .smls-car-img-wrap:hover img, .smls-carousel-template-8.smls-hover-type-6 .smls-row-image:hover img, .smls-carousel-template-9.smls-hover-type-6 .smls-row-image:hover img, .smls-carousel-template-10.smls-hover-type-6 .smls-single-image:hover img, .smls-hover-type-6.smls-filtr-container .smls-car-img-wrap:hover img, .smls-list-container-template-1.smls-hover-type-6 .smls-list-image-wrap:hover img, .smls-list-container-template-2.smls-hover-type-6 .smls-list-image-wrap:hover img, .smls-perspective.smls-hover-type-6 .flip-current .smls-perspective-img-wrap:hover img { opacity: 0.5; } .smls-hover-type-7 .smls-popup-wrap img, .smls-hover-type-7 .smls-grid-each-item img, .smls-hover-type-7 .smls-grid-image-wrap img, .smls-hover-type-7.smls-grid-container-template-8 .smls-block-img-wrap img, .smls-hover-type-7.smls-grid-container-template-9 .smls-image-wrap img, .smls-hover-type-7.smls-carousel-logo .smls-car-img-wrap img, .smls-hover-type-7.smls-filtr-container .smls-car-img-wrap img, .smls-list-container-template-1.smls-hover-type-7 .smls-list-image-wrap img, .smls-list-container-template-2.smls-hover-type-7 .smls-list-image-wrap img, .smls-perspective.smls-hover-type-7 .flip-current .smls-perspective-img-wrap img { -ms-filter: grayscale(1); -webkit-filter: grayscale(1); -moz-filter: grayscale(1); -o-filter: grayscale(1); filter: grayscale(1); -webkit-transition:all 350ms ease-in-out; -moz-transition:all 350ms ease-in-out; transition:all 350ms ease-in-out; } .smls-hover-type-7 .smls-popup-wrap:hover img, .smls-hover-type-7 .smls-grid-each-item:hover img, .smls-hover-type-7 .smls-grid-image-wrap:hover img, .smls-hover-type-7.smls-grid-container-template-8 .smls-block-img-wrap:hover img, .smls-hover-type-7.smls-grid-container-template-9 .smls-block-nine-img-wrap:hover .smls-image-wrap img, .smls-hover-type-7.smls-carousel-logo .smls-car-img-wrap:hover img, .smls-carousel-template-8.smls-hover-type-7 .smls-row-image:hover img, .smls-carousel-template-9.smls-hover-type-7 .smls-row-image:hover img, .smls-carousel-template-10.smls-hover-type-7 .smls-single-image:hover img, .smls-hover-type-7.smls-filtr-container .smls-car-img-wrap:hover img, .smls-list-container-template-1.smls-hover-type-7 .smls-list-image-wrap:hover img, .smls-list-container-template-2.smls-hover-type-7 .smls-list-image-wrap:hover img, .smls-perspective.smls-hover-type-7 .flip-current .smls-perspective-img-wrap:hover img { -ms-filter: grayscale(0); -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0); } .smls-logo-description{ height:130px; } .smls-main-logo-wrapper [class*=smls-hover-type-] .smls-grid-each-item.smls-active-inline img, .smls-main-logo-wrapper [class*=smls-hover-type-] .smls-grid-image-wrap.smls-active-inline img, .smls-grid-container-template-7.smls-hover-type-7 .smls-grid-image-wrap img, .smls-main-logo-wrapper [class*=smls-hover-type-] .smls-grid-each-item:hover .smls-inline-loading img, .smls-list-container-template-1[class*=smls-hover-type-] .smls-list-active-inline .smls-list-image-wrap:hover img, .smls-list-container-template-2[class*=smls-hover-type-] .smls-list-active-inline .smls-list-image-wrap:hover img{ -moz-transform:none; -webkit-transform:none; transform:none; -moz-filter:grayscale(0); -webkit-filter:grayscale(0); filter:grayscale(0); opacity: 1; } .smls-main-logo-wrapper [class*=smls-hover-type-] .smls-grid-each-item, .smls-main-logo-wrapper [class*=smls-hover-type-] .smls-popup-wrap, .smls-main-logo-wrapper [class*=smls-hover-type-] .smls-list-image-wrap img, .smls-main-logo-wrapper .smls-grid-container-template-4[class*=smls-hover-type-] .smls-grid-each-item .smls-inline-img-wrap, .smls-main-logo-wrapper .smls-grid-container-template-5[class*=smls-hover-type-] .smls-popup-wrap .smls-only-image-wrap, .smls-main-logo-wrapper .smls-grid-container-template-4[class*=smls-hover-type-] .smls-popup-wrap .smls-only-image-wrap, .smls-main-logo-wrapper .smls-grid-container-template-5[class*=smls-hover-type-] .smls-grid-each-item .smls-inline-img-wrap { cursor: pointer; } .smls-main-logo-wrapper .smls-grid-container-template-4[class*=smls-hover-type-] .smls-grid-each-item, .smls-main-logo-wrapper .smls-grid-container-template-4[class*=smls-hover-type-] .smls-popup-wrap, .smls-main-logo-wrapper .smls-grid-container-template-5[class*=smls-hover-type-] .smls-grid-each-item, .smls-main-logo-wrapper .smls-grid-container-template-5[class*=smls-hover-type-] .smls-popup-wrap{ cursor: inherit; } .smls-hover-type-5 .smls-grid-each-item.smls-active-inline:before { display: none; } .smls-grid-container-template-7.smls-hover-type-7 .smls-grid-image-wrap:hover, .smls-grid-container-template-7.smls-hover-type-1 .smls-grid-image-wrap:hover { background-color:transparent; } .smls-grid-container-template-7.smls-hover-type-6 .smls-grid-image-wrap:hover img{ opacity: 1; } .smls-overlay-effect .smls-grid-each-item, .smls-overlay-effect .smls-grid-image-wrap, .smls-overlay-effect .smls-popup-wrap, .smls-carousel-template-6.smls-overlay-effect .smls-car-img-wrap, .smls-carousel-logo.smls-carousel-template-10.smls-overlay-effect .smls-single-image, .smls-perspective.smls-overlay-effect .smls-perspective-img-wrap, .smls-vertical-main-container.smls-overlay-effect .smls-car-img-wrap { position: relative; } .smls-carousel-template-8.smls-overlay-effect .smls-popup-wrap, .smls-carousel-template-9.smls-overlay-effect .smls-popup-wrap { position: static; } .smls-overlay-effect .smls-overlay-wrap{ content:''; position: absolute; background-color:rgba(0,0,0,0.6); top:0; left:0; right: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; visibility: hidden; -moz-transition:all 350ms ease-in-out; -webkit-transition:all 350ms ease-in-out; transition:all 350ms ease-in-out; } .smls-overlay-all-wrap { position: absolute; top:50%; left:50%; -moz-transform:translate(-50%,-50%) translateZ(0); -webkit-transform:translate(-50%,-50%) translateZ(0); transform:translate(-50%,-50%) translateZ(0); z-index: 3; opacity: 0; visibility: hidden; width: 100%; text-align: center; -moz-transition:all 350ms ease-in-out; -webkit-transition:all 350ms ease-in-out; transition:all 350ms ease-in-out; } .smls-overlay-title { font-size: 16px; font-family: 'Montserrat', Sans-serif; font-weight: 300; color:#ffffff; text-align: center; text-transform: capitalize; -moz-transition:all 400ms ease-in-out; -webkit-transition:all 400ms ease-in-out; transition:all 400ms ease-in-out; margin:0 auto 10px; padding: 0 10px 10px; position: relative; line-height: 1.2; -moz-transform:translateY(-10px); -webkit-transform:translateY(-10px); transform:translateY(-10px); } .smls-overlay-title:after { content: ''; position: absolute; width: 80%; height: 1px; bottom:0; left: 0; right:0; margin:0 auto; background-color:#ffffff; } .smls-overlay-effect .smls-link-style, .smls-overlay-effect .smls-popup-icon, .smls-overlay-effect .smls-inline-icon{ display: inline-block; position: relative; cursor: pointer; border-bottom: 0; box-shadow: none; -moz-transform:translateY(-20px); -webkit-transform:translateY(-20px); transform:translateY(-20px); -moz-transition:all 500ms ease-in-out; -webkit-transition:all 500ms ease-in-out; transition:all 500ms ease-in-out; } .smls-overlay-effect .smls-link-style span, .smls-overlay-effect .smls-popup-icon span, .smls-overlay-effect .smls-inline-icon span { background-color:rgba(255, 0, 0, 0.6); color:#ffffff; font-size: 14px; width: 35px; height: 35px; border-radius: 50%; line-height: 35px; text-align: center; display: inline-block; -moz-transition:all 400ms ease-in-out; -webkit-transition:all 400ms ease-in-out; transition:all 400ms ease-in-out; } .smls-overlay-effect .smls-icon-center .smls-popup-icon, .smls-overlay-effect .smls-icon-center .smls-inline-icon { -moz-transition:all 750ms ease-in-out; -webkit-transition:all 750ms ease-in-out; transition:all 750ms ease-in-out; } .smls-perspective.smls-overlay-effect .flip-item .smls-popup-wrap .smls-overlay-wrap, .smls-perspective.smls-overlay-effect .flip-item .smls-grid-image-wrap .smls-overlay-wrap, .smls-perspective.smls-overlay-effect .flip-item .smls-popup-wrap .smls-overlay-all-wrap, .smls-perspective.smls-overlay-effect .flip-item .smls-grid-image-wrap .smls-overlay-all-wrap, .smls-main-logo-wrapper .smls-overlay-effect .smls-grid-each-item.smls-active-inline:hover .smls-overlay-wrap, .smls-main-logo-wrapper .smls-overlay-effect .smls-grid-each-item.smls-active-inline:hover .smls-overlay-all-wrap, .smls-overlay-effect .smls-list-block.smls-list-active-inline:hover .smls-overlay-wrap, .smls-overlay-effect .smls-list-block.smls-list-active-inline:hover .smls-overlay-all-wrap{ opacity: 0; visibility: hidden; } .smls-overlay-effect .smls-grid-each-item:hover .smls-overlay-wrap, .smls-overlay-effect .smls-grid-image-wrap:hover .smls-overlay-wrap, .smls-overlay-effect .smls-popup-wrap:hover .smls-overlay-wrap, .smls-perspective.smls-overlay-effect .flip-item .smls-grid-image-wrap:hover .smls-overlay-wrap, .smls-perspective.smls-overlay-effect .flip-item.flip-current .smls-popup-wrap:hover .smls-overlay-wrap, .smls-perspective.smls-overlay-effect .flip-item.flip-current .flip-content:hover .smls-overlay-wrap, .smls-carousel-logo.smls-overlay-effect .sowl-item:hover .smls-overlay-wrap, .smls-overlay-effect .smls-list-image-wrap:hover .smls-overlay-wrap, .smls-grid-container-template-8.smls-overlay-effect .smls-block-img-wrap:hover .smls-overlay-wrap, .smls-filtr-container.smls-overlay-effect .smls-filtr-item .smls-car-img-wrap:hover .smls-overlay-wrap, .smls-vertical-main-container.smls-overlay-effect .smls-car-img-wrap:hover .smls-overlay-wrap{ opacity: 1; visibility: visible; } .smls-overlay-effect .smls-grid-each-item:hover .smls-overlay-all-wrap, .smls-overlay-effect .smls-grid-image-wrap:hover .smls-overlay-all-wrap, .smls-overlay-effect .smls-popup-wrap:hover .smls-overlay-all-wrap, .smls-perspective.smls-overlay-effect .flip-item.flip-current .smls-grid-image-wrap:hover .smls-overlay-all-wrap, .smls-perspective.smls-overlay-effect .flip-item.flip-current .smls-popup-wrap:hover .smls-overlay-all-wrap, .smls-perspective.smls-overlay-effect .flip-item.flip-current .flip-content:hover .smls-overlay-all-wrap, .smls-carousel-logo.smls-overlay-effect .sowl-item:hover .smls-overlay-all-wrap, .smls-overlay-effect .smls-list-image-wrap:hover .smls-overlay-all-wrap, .smls-grid-container-template-8.smls-overlay-effect .smls-block-img-wrap:hover .smls-overlay-all-wrap, .smls-filtr-container.smls-overlay-effect .smls-filtr-item .smls-car-img-wrap:hover .smls-overlay-all-wrap, .smls-vertical-main-container.smls-overlay-effect .smls-car-img-wrap:hover .smls-overlay-all-wrap { opacity: 1; visibility: visible; } .smls-carousel-logo.smls-carousel-template-8.smls-overlay-effect .sowl-item:hover .smls-overlay-all-wrap, .smls-carousel-logo.smls-carousel-template-8.smls-overlay-effect .sowl-item:hover .smls-overlay-wrap, .smls-carousel-logo.smls-carousel-template-9.smls-overlay-effect .sowl-item:hover .smls-overlay-all-wrap, .smls-carousel-logo.smls-carousel-template-9.smls-overlay-effect .sowl-item:hover .smls-overlay-wrap, .smls-carousel-logo.smls-carousel-template-10.smls-overlay-effect .sowl-item:hover .smls-overlay-all-wrap, .smls-carousel-logo.smls-carousel-template-10.smls-overlay-effect .sowl-item:hover .smls-overlay-wrap { opacity: 0; visibility: hidden; } .smls-carousel-logo.smls-carousel-template-8.smls-overlay-effect .smls-row-image:hover .smls-overlay-wrap, .smls-carousel-logo.smls-carousel-template-8.smls-overlay-effect .smls-row-image:hover .smls-overlay-all-wrap, .smls-carousel-logo.smls-carousel-template-9.smls-overlay-effect .smls-row-image:hover .smls-overlay-wrap, .smls-carousel-logo.smls-carousel-template-9.smls-overlay-effect .smls-row-image:hover .smls-overlay-all-wrap, .smls-carousel-logo.smls-carousel-template-10.smls-overlay-effect .smls-single-image:hover .smls-overlay-all-wrap, .smls-carousel-logo.smls-carousel-template-10.smls-overlay-effect .smls-single-image:hover .smls-overlay-wrap{ opacity: 1; visibility: visible; } .smls-overlay-effect .smls-grid-each-item:hover .smls-link-style, .smls-overlay-effect .smls-grid-image-wrap:hover .smls-link-style, .smls-overlay-effect .smls-popup-wrap:hover .smls-link-style, .smls-overlay-effect .smls-popup-wrap:hover .smls-popup-icon, .smls-overlay-effect .smls-grid-image-wrap:hover .smls-popup-icon, .smls-overlay-effect .smls-grid-each-item:hover .smls-inline-icon, .smls-overlay-effect .smls-grid-image-wrap:hover .smls-inline-icon, .smls-overlay-effect .smls-grid-each-item:hover .smls-overlay-title, .smls-overlay-effect .smls-grid-image-wrap:hover .smls-overlay-title, .smls-overlay-effect .smls-popup-wrap:hover .smls-overlay-title, .smls-carousel-logo.smls-overlay-effect .sowl-item:hover .smls-overlay-title, .smls-carousel-logo.smls-overlay-effect .sowl-item:hover .smls-link-style, .smls-carousel-logo.smls-overlay-effect .sowl-item:hover .smls-popup-icon, .smls-overlay-effect .smls-list-image-wrap:hover .smls-link-style, .smls-overlay-effect .smls-list-image-wrap:hover .smls-popup-icon, .smls-overlay-effect .smls-list-image-wrap:hover .smls-inline-icon, .smls-overlay-effect .smls-list-image-wrap:hover .smls-overlay-title, .smls-grid-container-template-8.smls-overlay-effect .smls-block-img-wrap:hover .smls-link-style, .smls-grid-container-template-8.smls-overlay-effect .smls-block-img-wrap:hover .smls-popup-icon, .smls-grid-container-template-8.smls-overlay-effect .smls-block-img-wrap:hover .smls-overlay-title, .smls-filtr-container.smls-overlay-effect .smls-filtr-item .smls-car-img-wrap:hover .smls-link-style, .smls-filtr-container.smls-overlay-effect .smls-filtr-item .smls-car-img-wrap:hover .smls-popup-icon, .smls-filtr-container.smls-overlay-effect .smls-filtr-item .smls-car-img-wrap:hover .smls-overlay-title, .smls-perspective.smls-overlay-effect .flip-item.flip-current .flip-content:hover .smls-link-style, .smls-perspective.smls-overlay-effect .flip-item.flip-current .flip-content:hover .smls-popup-icon, .smls-perspective.smls-overlay-effect .flip-item.flip-current .flip-content:hover .smls-overlay-title, .smls-vertical-main-container.smls-overlay-effect .smls-car-img-wrap:hover .smls-link-style, .smls-vertical-main-container.smls-overlay-effect .smls-car-img-wrap:hover .smls-popup-icon, .smls-vertical-main-container.smls-overlay-effect .smls-car-img-wrap:hover .smls-overlay-title{ -webkit-transform:translateY(0) translateZ(0); -moz-transform:translateY(0) translateZ(0); transform:translateY(0) translateZ(0); -webkit-box-shadow: none; box-shadow: none; } .smls-overlay-effect .smls-link-style:hover span, .smls-overlay-effect .smls-popup-icon:hover span, .smls-overlay-effect .smls-inline-icon:hover span{ background-color:rgba(255, 0, 0, 1); } @-moz-keyframes LeftToRight { 49% { -moz-transform:translate(100%); -webkit-transform:translate(100%); transform:translate(100%); } 50% { -moz-transform:translate(-100%); -webkit-transform:translate(-100%); transform:translate(-100%); opacity: 0; } 51% { opacity: 1; } } @-webkit-keyframes LeftToRight { 49% { -moz-transform:translate(100%); -webkit-transform:translate(100%); transform:translate(100%); } 50% { -moz-transform:translate(-100%); -webkit-transform:translate(-100%); transform:translate(-100%); opacity: 0; } 51% { opacity: 1; } } @keyframes LeftToRight { 49% { -moz-transform:translate(100%); -webkit-transform:translate(100%); transform:translate(100%); } 50% { -moz-transform:translate(-100%); -webkit-transform:translate(-100%); transform:translate(-100%); opacity: 0; } 51% { opacity: 1; } } @-moz-keyframes RightToLeft { 49% { -moz-transform:translate(-100%); -webkit-transform:translate(-100%); transform:translate(-100%); } 50% { -moz-transform:translate(100%); -webkit-transform:translate(100%); transform:translate(100%); opacity: 0; } 51% { opacity: 1; } } @-webkit-keyframes RightToLeft { 49% { -moz-transform:translate(-100%); -webkit-transform:translate(-100%); transform:translate(-100%); } 50% { -moz-transform:translate(100%); -webkit-transform:translate(100%); transform:translate(100%); opacity: 0; } 51% { opacity: 1; } } @keyframes RightToLeft { 49% { -moz-transform:translate(-100%); -webkit-transform:translate(-100%); transform:translate(-100%); } 50% { -moz-transform:translate(100%); -webkit-transform:translate(100%); transform:translate(100%); opacity: 0; } 51% { opacity: 1; } } @-moz-keyframes DownToUp { 49% { -moz-transform:translateY(-100%); -webkit-transform:translateY(-100%); transform:translateY(-100%); } 50% { -moz-transform:translateY(100%); -webkit-transform:translateY(100%); transform:translateY(100%); opacity: 0; } 51% { opacity: 1; } } @-webkit-keyframes DownToUp { 49% { -moz-transform:translateY(-100%); -webkit-transform:translateY(-100%); transform:translateY(-100%); } 50% { -moz-transform:translateY(100%); -webkit-transform:translateY(100%); transform:translateY(100%); opacity: 0; } 51% { opacity: 1; } } @keyframes DownToUp { 49% { -moz-transform:translateY(-100%); -webkit-transform:translateY(-100%); transform:translateY(-100%); } 50% { -moz-transform:translateY(100%); -webkit-transform:translateY(100%); transform:translateY(100%); opacity: 0; } 51% { opacity: 1; } } @-moz-keyframes UpToDown { 49% { -moz-transform:translateY(100%); -webkit-transform:translateY(100%); transform:translateY(100%); } 50% { -moz-transform:translateY(-100%); -webkit-transform:translateY(-100%); transform:translateY(-100%); opacity: 0; } 51% { opacity: 1; } } @-webkit-keyframes UpToDown { 49% { -moz-transform:translateY(100%); -webkit-transform:translateY(100%); transform:translateY(100%); } 50% { -moz-transform:translateY(-100%); -webkit-transform:translateY(-100%); transform:translateY(-100%); opacity: 0; } 51% { opacity: 1; } } @keyframes UpToDown { 49% { -moz-transform:translateY(100%); -webkit-transform:translateY(100%); transform:translateY(100%); } 50% { -moz-transform:translateY(-100%); -webkit-transform:translateY(-100%); transform:translateY(-100%); opacity: 0; } 51% { opacity: 1; } } @-moz-keyframes FlipH { 0% { -webkit-transform:rotateY360deg); -moz-transform:rotateY(360deg); transform:rotateY(360deg); } 100% { -webkit-transform:rotateY(0); -moz-transform:rotateY(0); transform:rotateY(0); } } @-webkit-keyframes FlipH { 0% { -webkit-transform:rotateY(360deg); -moz-transform:rotateY(360deg); transform:rotateY(360deg); } 100% { -webkit-transform:rotateY(0); -moz-transform:rotateY(0); transform:rotateY(0); } } @keyframes FlipH { 0% { -webkit-transform:rotateY360deg); -moz-transform:rotateY(360deg); transform:rotateY(360deg); } 100% { -webkit-transform:rotateY(0); -moz-transform:rotateY(0); transform:rotateY(0); } } .smls-masonry-sizer, .smls-filtr-item{ width: 25%; } .smls-filtr-container.smls-filter-layout-margin .smls-filtr-item{ padding: 10px; } .smls-hidden{ visibility: hidden; }@media all and (min-width: 768px) and (max-width: 1024px){ .smls-main-logo-wrapper .smls-tablet-column-2 .smls-popup-wrap:nth-of-type(2n+1), .smls-main-logo-wrapper .smls-tablet-column-2 .smls-grid-each-item:nth-of-type(2n+1), .smls-main-logo-wrapper .smls-tablet-column-2 .smls-grid-image-wrap:nth-of-type(2n+1), .smls-main-logo-wrapper .smls-tablet-column-3 .smls-popup-wrap:nth-of-type(3n+1), .smls-main-logo-wrapper .smls-tablet-column-3 .smls-grid-each-item:nth-of-type(3n+1), .smls-main-logo-wrapper .smls-tablet-column-3 .smls-grid-image-wrap:nth-of-type(3n+1), .smls-main-logo-wrapper .smls-tablet-column-4 .smls-popup-wrap:nth-of-type(4n+1), .smls-main-logo-wrapper .smls-tablet-column-4 .smls-grid-each-item:nth-of-type(4n+1), .smls-main-logo-wrapper .smls-tablet-column-4 .smls-grid-image-wrap:nth-of-type(4n+1) { clear: left; } .ap-template-wise-design .ap-container-5 .ap-container.smls-temp-4-wrap { max-width: 100%; } .smls-tablet-column-2 .smls-popup-wrap, .smls-tablet-column-2 .smls-grid-each-item, .smls-tablet-column-2 .smls-grid-image-wrap, .smls-grid-container-template-8.smls-tablet-column-2 .smls-logo-rec-wrap, .smls-grid-container-template-9.smls-tablet-column-2 .smls-grid-nine-wapper { width:50%; } .smls-tablet-column-3 .smls-popup-wrap, .smls-tablet-column-3 .smls-grid-each-item, .smls-tablet-column-3 .smls-grid-image-wrap, .smls-grid-container-template-8.smls-tablet-column-3 .smls-logo-rec-wrap, .smls-grid-container-template-9.smls-tablet-column-3 .smls-grid-nine-wapper { width:33.33%; } .smls-tablet-column-4 .smls-popup-wrap, .smls-tablet-column-4 .smls-grid-each-item, .smls-tablet-column-4 .smls-grid-image-wrap, .smls-grid-container-template-8.smls-tablet-column-4 .smls-logo-rec-wrap, .smls-grid-container-template-9.smls-tablet-column-4 .smls-grid-nine-wapper { width:25%; } .smls-grid-container-template-4.smls-tablet-column-4 .smls-popup-wrap, .smls-grid-container-template-4.smls-tablet-column-4 .smls-grid-each-item, .smls-grid-container-template-5.smls-tablet-column-4 .smls-popup-wrap, .smls-grid-container-template-5.smls-tablet-column-4 .smls-grid-each-item, .smls-grid-container-template-4.smls-tablet-column-4 .smls-grid-image-wrap, .smls-grid-container-template-5.smls-tablet-column-4 .smls-grid-image-wrap{ width: 23%; min-height: 100px; max-height: 120px; padding:10px; } .smls-grid-container-template-5.smls-tablet-column-4 .smls-popup-wrap, .smls-grid-container-template-5.smls-tablet-column-4 .smls-grid-each-item, .smls-grid-container-template-5.smls-tablet-column-4 .smls-grid-image-wrap { max-height: 160px; min-height: 120px; } .smls-grid-container-template-5 .smls-popup-wrap .smls-only-image-wrap, .smls-grid-container-template-5 .smls-grid-each-item .smls-inline-img-wrap, .smls-grid-container-template-5 .smls-grid-each-item .smls-logo-inline-detail, .smls-grid-container-template-5 .smls-grid-image-wrap .smls-url-link-only, .smls-grid-container-template-5 .smls-popup-wrap a.smls-popup-tag { min-height: 100px; max-height: 100px; } .smls-grid-container-template-6.smls-tablet-column-4 .smls-popup-wrap, .smls-grid-container-template-6.smls-tablet-column-4 .smls-grid-each-item, .smls-grid-container-template-6.smls-tablet-column-4 .smls-grid-image-wrap{ width: 23%; min-height: 100px; max-height: 120px; } .smls-grid-container-template-4.smls-tablet-column-3 .smls-popup-wrap, .smls-grid-container-template-4.smls-tablet-column-3 .smls-grid-each-item, .smls-grid-container-template-5.smls-tablet-column-3 .smls-popup-wrap, .smls-grid-container-template-5.smls-tablet-column-3 .smls-grid-each-item, .smls-grid-container-template-4.smls-tablet-column-3 .smls-grid-image-wrap, .smls-grid-container-template-5.smls-tablet-column-3 .smls-grid-image-wrap, .smls-grid-container-template-6.smls-tablet-column-3 .smls-popup-wrap, .smls-grid-container-template-6.smls-tablet-column-3 .smls-grid-each-item, .smls-grid-container-template-6.smls-tablet-column-3 .smls-grid-image-wrap{ width: 31.5%; min-height: 140px; max-height: 160px; } .smls-grid-container-template-4.smls-tablet-column-2 .smls-popup-wrap, .smls-grid-container-template-4.smls-tablet-column-2 .smls-grid-each-item, .smls-grid-container-template-5.smls-tablet-column-2 .smls-popup-wrap, .smls-grid-container-template-5.smls-tablet-column-2 .smls-grid-each-item, .smls-grid-container-template-4.smls-tablet-column-2 .smls-grid-image-wrap, .smls-grid-container-template-5.smls-tablet-column-2 .smls-grid-image-wrap, .smls-grid-container-template-6.smls-tablet-column-2 .smls-popup-wrap, .smls-grid-container-template-6.smls-tablet-column-2 .smls-grid-each-item, .smls-grid-container-template-6.smls-tablet-column-2 .smls-grid-image-wrap{ width: 48%; } .smls-grid-container-template-7.smls-tablet-column-2 .smls-grid-image-wrap, .smls-grid-container-template-7.smls-tablet-column-3 .smls-grid-image-wrap, .smls-grid-container-template-7.smls-tablet-column-4 .smls-grid-image-wrap { width: 47%; } .smls-grid-container-template-7.smls-tablet-column-2 .smls-grid-image-wrap:nth-of-type(2n+1) .smls-logo-image-container:hover, .smls-grid-container-template-7.smls-tablet-column-3 .smls-grid-image-wrap:nth-of-type(2n+1) .smls-logo-image-container:hover, .smls-grid-container-template-7.smls-tablet-column-4 .smls-grid-image-wrap:nth-of-type(2n+1) .smls-logo-image-container:hover { right: -245px; left: 0; z-index: 99; } .smls-grid-container-template-7.smls-tablet-column-2, .smls-grid-container-template-7.smls-tablet-column-3, .smls-grid-container-template-7.smls-tablet-column-4 { max-width: 516px; } .smls-grid-container-template-9.smls-tablet-column-2 .smls-grid-nine-wapper, .smls-grid-container-template-9.smls-tablet-column-3 .smls-grid-nine-wapper, .smls-grid-container-template-9.smls-tablet-column-4 .smls-grid-nine-wapper { min-height: 140px; max-height: 180px; } .smls-grid-container-template-9.smls-tablet-column-2 .smls-grid-nine-wapper:nth-of-type(2n) .smls-grid-nine-container, .smls-grid-container-template-9.smls-tablet-column-3 .smls-grid-nine-wapper:nth-of-type(3n) .smls-grid-nine-container, .smls-grid-container-template-9.smls-tablet-column-4 .smls-grid-nine-wapper:nth-of-type(4n) .smls-grid-nine-container{ left: auto; right: 90%; } .smls-grid-container-template-9.smls-tablet-column-2 .smls-grid-nine-wapper:nth-of-type(2n) .smls-grid-nine-container:before, .smls-grid-container-template-9.smls-tablet-column-3 .smls-grid-nine-wapper:nth-of-type(3n) .smls-grid-nine-container:before, .smls-grid-container-template-9.smls-tablet-column-4 .smls-grid-nine-wapper:nth-of-type(4n) .smls-grid-nine-container:before { border-color:transparent transparent transparent #c0b9b9; left: auto; right: -27px; } .smls-grid-container-template-4.smls-tablet-column-2 .smls-popup-wrap:nth-of-type(2n), .smls-grid-container-template-4.smls-tablet-column-2 .smls-grid-each-item:nth-of-type(2n), .smls-grid-container-template-4.smls-tablet-column-2 .smls-grid-image-wrap:nth-of-type(2n), .smls-grid-container-template-4.smls-tablet-column-3 .smls-popup-wrap:nth-of-type(3n), .smls-grid-container-template-4.smls-tablet-column-3 .smls-grid-each-item:nth-of-type(3n), .smls-grid-container-template-4.smls-tablet-column-3 .smls-grid-image-wrap:nth-of-type(3n), .smls-grid-container-template-4.smls-tablet-column-4 .smls-popup-wrap:nth-of-type(4n), .smls-grid-container-template-4.smls-tablet-column-4 .smls-grid-each-item:nth-of-type(4n), .smls-grid-container-template-4.smls-tablet-column-4 .smls-grid-image-wrap:nth-of-type(4n), .smls-grid-container-template-5.smls-tablet-column-2 .smls-popup-wrap:nth-of-type(2n), .smls-grid-container-template-5.smls-tablet-column-2 .smls-grid-each-item:nth-of-type(2n), .smls-grid-container-template-5.smls-tablet-column-2 .smls-grid-image-wrap:nth-of-type(2n), .smls-grid-container-template-5.smls-tablet-column-3 .smls-popup-wrap:nth-of-type(3n), .smls-grid-container-template-5.smls-tablet-column-3 .smls-grid-each-item:nth-of-type(3n), .smls-grid-container-template-5.smls-tablet-column-3 .smls-grid-image-wrap:nth-of-type(3n), .smls-grid-container-template-5.smls-tablet-column-4 .smls-popup-wrap:nth-of-type(4n), .smls-grid-container-template-5.smls-tablet-column-4 .smls-grid-each-item:nth-of-type(4n), .smls-grid-container-template-5.smls-tablet-column-4 .smls-grid-image-wrap:nth-of-type(4n){ margin-right: 0; } .smls-carousel-template-7 .smls-carousel-two-title { margin-top: 0; } .smls-carousel-template-7 .smls-carousel-two-description { line-height: 1.5; } .smls-logo-inline-wrap { padding: 20px; } .smls-inline-gallery-detail-wrap-template-1 a { width: 23%; margin: 0; border:4px solid #eeeeee; } .smls-contact-block-template-1 .smls-social-icon-wrap { margin:10px 0; } .smls-contact-block-template-1 .smls-company-address, .smls-contact-block-template-1 .smls-company-contact-number, .smls-contact-block-template-1 .smls-company-email, .smls-contact-block-template-1 .smls-company-url, .smls-inline-3-contact-wrap .smls-company-address, .smls-inline-3-contact-wrap .smls-company-contact-number, .smls-inline-3-contact-wrap .smls-company-email, .smls-inline-3-contact-wrap .smls-company-url { display: block; width: 100%; } .smls-main-logo-wrapper .smls-tooltip-title-template-1 { width: 50%; } } @media all and (min-width: 850px) and (max-width: 1024px){ .smls-grid-container-template-7.smls-tablet-column-3, .smls-grid-container-template-7.smls-tablet-column-4 { max-width: 770px; } .smls-grid-container-template-7.smls-tablet-column-3 .smls-grid-image-wrap, .smls-grid-container-template-7.smls-tablet-column-4 .smls-grid-image-wrap { width: 31.2%; } .smls-grid-container-template-7.smls-tablet-column-3 .smls-grid-image-wrap:nth-of-type(3n+1) .smls-logo-image-container:hover, .smls-grid-container-template-7.smls-tablet-column-4 .smls-grid-image-wrap:nth-of-type(3n+1) .smls-logo-image-container:hover { right: -245px; left: 0; z-index: 99; } .smls-grid-container-template-7.smls-tablet-column-3 .smls-grid-image-wrap:nth-of-type(3n) .smls-logo-image-container:hover, .smls-grid-container-template-7.smls-tablet-column-4 .smls-grid-image-wrap:nth-of-type(3n) .smls-logo-image-container:hover { right: auto; left: -270px; z-index: 99; } .smls-filter.smls-tab-template-1 li a, .smls-filter-blur.smls-tab-template-1 li a{ padding: 6px 18px; margin: 0 3px 9px; font-size: 10px; } .smls-filter.smls-tab-template-2 li a, .smls-filter-blur.smls-tab-template-2 li a{ margin: 0 3px 10px; padding: 6px 10px; font-size: 12px; } .smls-filter.smls-tab-template-3 li a, .smls-filter-blur.smls-tab-template-3 li a{ margin: 2px; padding: 5px 10px; font-size: 10px; } .smls-filter.smls-tab-template-4 li a, .smls-filter-blur.smls-tab-template-4 li a{ padding: 6px 10px; font-size: 10px; } .smls-filter.smls-tab-template-5 li a, .smls-filter-blur.smls-tab-template-5 li a{ padding: 8px 10px; font-size: 12px; margin-left: 2px; } .smls-filter.smls-tab-template-6 li a, .smls-filter-blur.smls-tab-template-6 li a{ padding: 0px 10px; font-size: 12px; } .smls-filter.smls-tab-template-1 li a:focus, .smls-filter-blur.smls-tab-template-1 li a:focus, .smls-filter.smls-tab-template-2 li a:focus, .smls-filter-blur.smls-tab-template-2 li a:focus, .smls-filter.smls-tab-template-3 li a:focus, .smls-filter-blur.smls-tab-template-3 li a:focus, .smls-filter.smls-tab-template-4 li a:focus, .smls-filter-blur.smls-tab-template-4 li a:focus, .smls-filter.smls-tab-template-5 li a:focus, .smls-filter-blur.smls-tab-template-5 li a:focus, .smls-filter.smls-tab-template-6 li a:focus, .smls-filter-blur.smls-tab-template-6 li a:focus{ outline: none; -webkit-box-shadow: none; box-shadow: none; } } @media all and (max-width: 850px) and (min-width:768px){ .smls-grid-container-template-8.smls-tablet-column-4 .smls-logo-title { font-size: 18px; } .smls-grid-container-template-8.smls-tablet-column-4 .smls-logo-tagline, .smls-grid-container-template-8.smls-tablet-column-4 .smls-hover-icon-wrap a { font-size: 12px; } .smls-grid-container-template-8.smls-tablet-column-4 .smls-pre-content-wrap { min-height: 120px; } div.pp_default .pp_content { max-width: 100%; } .smls-close { right:20px; top: 0; } div.pp_default .pp_close { background-color:transparent; } .smls-contact-wrapper-template-2 { padding-left: 20px; margin-left: 1%; } .smls-carousel-template-5 .smls-car-two-content-wrap .smls-car-five-hover-wrap { padding: 10px; } .smls-carousel-template-5 .smls-carousel-two-title, .smls-carousel-template-6 .smls-carousel-two-title { margin-bottom: 5px; } .smls-carousel-template-5 .smls-carousel-two-description, .smls-carousel-template-6 .smls-carousel-two-description, .smls-carousel-template-7 .smls-carousel-two-description{ margin-bottom: 10px; line-height: 1.3; } .smls-carousel-template-7 .smls-carousel-two-title { margin-bottom: 6px; } .smls-carousel-template-7 .smls-car-two-content-wrap { padding:15px; } .smls-carousel-template-6 .smls-car-two-content-wrap { padding: 15px; } .smls-list-container-template-1 .smls-list-title, .smls-list-container-template-2 .smls-list-title { margin:5px 0 10px; } .smls-list-container-template-1 .smls-list-description, .smls-list-container-template-2 .smls-list-description { line-height: 1.7; } .smls-logo-inline-delete { font-size: 20px; } .smls-inline-three-content-wrap { padding-right: 10px; } .smls-inline-3-gallery-wrap { margin-top:20px; } .smls-inline-3-gallery-wrap a { margin:0; } .smls-list-inline-contact, .smls-list-inline-gallery { float:none; width: 100%; margin-left: 0; } .smls-list-inline-contact { margin-bottom: 20px; } .smls-content-wrap-template-2 { margin-bottom: 10px; } .smls-gallery-wrap-template-2 a { width: 15%; margin:0; } .smls-filter.smls-tab-template-1 li a, .smls-filter-blur.smls-tab-template-1 li a{ padding: 6px 18px; margin: 0 3px 9px; font-size: 10px; } .smls-filter.smls-tab-template-2 li a, .smls-filter-blur.smls-tab-template-2 li a{ margin: 0 3px 10px; padding: 6px 10px; font-size: 12px; } .smls-filter.smls-tab-template-3 li a, .smls-filter-blur.smls-tab-template-3 li a{ margin: 2px; padding: 5px 10px; font-size: 10px; } .smls-filter.smls-tab-template-4 li a, .smls-filter-blur.smls-tab-template-4 li a{ padding: 6px 10px; font-size: 10px; } .smls-filter.smls-tab-template-5 li a, .smls-filter-blur.smls-tab-template-5 li a{ padding: 8px 10px; font-size: 12px; margin-left: 2px; } .smls-filter.smls-tab-template-6 li a, .smls-filter-blur.smls-tab-template-6 li a{ padding: 0px 10px; font-size: 12px; } .smls-filter.smls-tab-template-1 li a:focus, .smls-filter-blur.smls-tab-template-1 li a:focus, .smls-filter.smls-tab-template-2 li a:focus, .smls-filter-blur.smls-tab-template-2 li a:focus, .smls-filter.smls-tab-template-3 li a:focus, .smls-filter-blur.smls-tab-template-3 li a:focus, .smls-filter.smls-tab-template-4 li a:focus, .smls-filter-blur.smls-tab-template-4 li a:focus, .smls-filter.smls-tab-template-5 li a:focus, .smls-filter-blur.smls-tab-template-5 li a:focus, .smls-filter.smls-tab-template-6 li a:focus, .smls-filter-blur.smls-tab-template-6 li a:focus{ outline: none; -webkit-box-shadow: none; box-shadow: none; } } @media (max-width: 767px) { .smls-main-logo-wrapper .smls-mobile-column-2 .smls-popup-wrap:nth-of-type(2n+1), .smls-main-logo-wrapper .smls-mobile-column-2 .smls-grid-each-item:nth-of-type(2n+1), .smls-main-logo-wrapper .smls-mobile-column-2 .smls-grid-image-wrap:nth-of-type(2n+1), .smls-main-logo-wrapper .smls-mobile-column-3 .smls-popup-wrap:nth-of-type(3n+1), .smls-main-logo-wrapper .smls-mobile-column-3 .smls-grid-each-item:nth-of-type(3n+1), .smls-main-logo-wrapper .smls-mobile-column-3 .smls-grid-image-wrap:nth-of-type(3n+1) { clear:left; } .smls-mobile-column-1 .smls-popup-wrap, .smls-mobile-column-1 .smls-grid-each-item, .smls-mobile-column-1 .smls-grid-image-wrap, .smls-grid-container-template-8.smls-mobile-column-1 .smls-logo-rec-wrap, .smls-grid-container-template-9.smls-mobile-column-1 .smls-grid-nine-wapper { width:100%; max-width: 320px; margin:0 auto; float: none; } .smls-resposive-wrap .smls-grid-container-template-1.smls-mobile-column-1 .smls-popup-wrap:before, .smls-resposive-wrap .smls-grid-container-template-1.smls-mobile-column-1 .smls-grid-each-item:before, .smls-resposive-wrap .smls-grid-container-template-1.smls-mobile-column-1 .smls-grid-image-wrap:before{ border-left: 0; } .smls-grid-container-template-2.smls-mobile-column-1 { max-width:320px; width:100%; margin:0 auto; } .smls-mobile-column-2 .smls-popup-wrap, .smls-mobile-column-2 .smls-grid-each-item, .smls-mobile-column-2 .smls-grid-image-wrap, .smls-grid-container-template-8.smls-mobile-column-2 .smls-logo-rec-wrap, .smls-grid-container-template-9.smls-mobile-column-2 .smls-grid-nine-wapper { width:50%; } .smls-grid-container-template-4.smls-mobile-column-2 .smls-popup-wrap, .smls-grid-container-template-4.smls-mobile-column-2 .smls-grid-each-item, .smls-grid-container-template-5.smls-mobile-column-2 .smls-popup-wrap, .smls-grid-container-template-5.smls-mobile-column-2 .smls-grid-each-item, .smls-grid-container-template-4.smls-mobile-column-2 .smls-grid-image-wrap, .smls-grid-container-template-5.smls-mobile-column-2 .smls-grid-image-wrap { width: 48%; min-height: 120px; max-height: 160px; } .smls-grid-container-template-4.smls-mobile-column-1 .smls-popup-wrap, .smls-grid-container-template-4.smls-mobile-column-1 .smls-grid-each-item, .smls-grid-container-template-5.smls-mobile-column-1 .smls-popup-wrap, .smls-grid-container-template-5.smls-mobile-column-1 .smls-grid-each-item, .smls-grid-container-template-4.smls-mobile-column-1 .smls-grid-image-wrap, .smls-grid-container-template-5.smls-mobile-column-1 .smls-grid-image-wrap { margin-bottom: 15px; min-height: 140px; max-height: 180px; } .smls-grid-container-template-6.smls-mobile-column-2 .smls-popup-wrap, .smls-grid-container-template-6.smls-mobile-column-2 .smls-grid-each-item, .smls-grid-container-template-6.smls-mobile-column-2 .smls-grid-image-wrap{ width: 47%; min-height: 120px; max-height: 160px; } .smls-grid-container-template-7.smls-mobile-column-1 .smls-grid-image-wrap { width: 97%; margin-bottom: 10px; } .smls-grid-container-template-7.smls-mobile-column-2 .smls-grid-image-wrap{ width: 47%; } .smls-grid-container-template-7 .smls-logo-image-container:hover, .smls-grid-container-template-7.smls-mobile-column-1 .smls-grid-image-wrap:nth-of-type(2n+1) .smls-logo-image-container:hover{ right: auto; left: -253px; z-index: 99; } .smls-grid-container-template-7.smls-mobile-column-2 .smls-grid-image-wrap:nth-of-type(2n+1) .smls-logo-image-container:hover { right: -245px; left: 0; z-index: 99; } .smls-grid-container-template-7.smls-mobile-column-2 { max-width: 520px; } .smls-grid-container-template-7.smls-mobile-column-1 { max-width: 240px; } .smls-grid-container-template-9.smls-mobile-column-2 .smls-grid-nine-wapper:nth-of-type(2n) .smls-grid-nine-container{ left: auto; right: 90%; } .smls-grid-container-template-9.smls-mobile-column-2 .smls-grid-nine-wapper:nth-of-type(2n) .smls-grid-nine-container:before{ border-color:transparent transparent transparent #c0b9b9; left: auto; right: -27px; } .smls-grid-container-template-9.smls-mobile-column-1 .smls-grid-nine-wapper .smls-grid-nine-container{ left: 20px; top:80%; width: 80%; } .smls-grid-container-template-9.smls-mobile-column-1 .smls-grid-nine-wapper .smls-grid-nine-container:before{ border-color:transparent transparent #c0b9b9 transparent; left: 50%; top:-27px; margin-left: -12px; } .smls-grid-container-template-9.smls-mobile-column-1 .smls-grid-nine-wapper:last-child .smls-grid-nine-container { top:auto; bottom: 80%; } .smls-grid-container-template-9.smls-mobile-column-1 .smls-grid-nine-wapper:last-child .smls-grid-nine-container:before{ border-color: #c0b9b9 transparent transparent transparent; left: 50%; top:auto; bottom: -27px; margin-left: -12px; } .smls-grid-container-template-4.smls-mobile-column-2 .smls-popup-wrap:nth-of-type(2n), .smls-grid-container-template-4.smls-mobile-column-2 .smls-grid-each-item:nth-of-type(2n), .smls-grid-container-template-4.smls-mobile-column-2 .smls-grid-image-wrap:nth-of-type(2n), .smls-grid-container-template-5.smls-mobile-column-2 .smls-popup-wrap:nth-of-type(2n), .smls-grid-container-template-5.smls-mobile-column-2 .smls-grid-each-item:nth-of-type(2n), .smls-grid-container-template-5.smls-mobile-column-2 .smls-grid-image-wrap:nth-of-type(2n) { margin-right: 0; } .smls-carousel-template-3 .smls-car-three-content-wrap { display: block; } .smls-carousel-template-2 .smls-item, .smls-carousel-template-2 .sowl-item.center .smls-item, .smls-carousel-template-3 .sowl-item .smls-carousel-3-items { transform:none; } .smls-carousel-template-2 .sowl-item .smls-item .smls-car-two-content-wrap, .smls-carousel-template-2 .sowl-item.center .smls-item .smls-car-two-content-wrap{ width: 100%; display: block; opacity: 1; visibility: visible; margin-bottom: 20px; } .smls-carousel-template-7 .smls-carousel-two-title { margin-top: 0; } .smls-carousel-template-7 .smls-carousel-two-description { line-height: 1.5; } div.pp_pic_holder, div.pp_default .pp_content, div.pp_overlay, .pp_hoverContainer, div.pp_default .pp_content_container .pp_details { max-width: 100%; } div.ppt { max-width: 100%; margin:0; } div.pp_default .pp_content_container .pp_right { padding-right: 20px; } .smls-close { right:20px; top:0; } div.pp_default .pp_close { background-color:transparent; } .smls-popup-template-2 .smls-inline-gallery-detail-wrap a { width: 16%; } .smls-popup-template-1 .smls-inline-gallery-detail-wrap a img, .smls-popup-template-2 .smls-inline-gallery-detail-wrap a img { display: block; width: 100%; } .smls-popup-template-2 .smls-popup-template2-wrap div, .smls-popup-template-1 .smls-popup-third-content-wrap, .smls-popup-template-1 .smls-inline-gallery-detail-wrap, .smls-inline-template-2 .smls-logo-inline-description-wrap, .smls-contact-wrapper-template-2, .smls-contact-block-template-1, .smls-inline-gallery-detail-wrap-template-1, .smls-inline-three-content-wrap, .smls-inline-3-gallery-wrap, .smls-inline-template-3-wrap .smls-social-icon-wrap{ float: none; width:100%; margin-left:0; } .smls-contact-block-template-1 .smls-company-address, .smls-contact-block-template-1 .smls-company-contact-number, .smls-contact-block-template-1 .smls-company-email, .smls-contact-block-template-1 .smls-company-url, .smls-inline-3-contact-wrap .smls-company-address, .smls-inline-3-contact-wrap .smls-company-contact-number, .smls-inline-3-contact-wrap .smls-company-email, .smls-inline-3-contact-wrap .smls-company-url { width: 100%; display: block; } .smls-inline-3-gallery-wrap { margin-top: 15px; } .smls-popup-content-wrap .smls-contact-wrap, .smls-popup-template-1 .smls-social-icon-wrap { margin-bottom: 15px; } .smls-inline-template-2 .smls-logo-inline-description-wrap, .smls-contact-wrapper-template-2, .smls-inline-three-content-wrap { padding: 0; } .smls-logo-inline-delete { font-size: 20px; } .smls-logo-inline-wrap { padding:30px 20px; } .smls-contact-wrapper-template-2 { border-left:0; } .smls-logo-inline-delete { top:5px; } .smls-inline-gallery-detail-wrap-template-1 a { width: 22%; margin:0 15px 15px 0; } .smls-inline-three-content-wrap { border-right:none; } .smls-inline-3-contact-wrap .smls-social-icon-wrap { margin-bottom: 20px; } .smls-inline-3-gallery-wrap a{ margin:0 5px 5px 0; } .smls-overlay-effect .smls-link-style span, .smls-overlay-effect .smls-popup-icon span, .smls-overlay-effect .smls-inline-icon span { width: 40px; height: 40px; font-size: 18px; line-height: 40px; } .smls-filter.smls-tab-template-5, .smls-filter-blur.smls-tab-template-5 { text-align: left; padding: 0; } .smls-filter.smls-tab-template-1 li a, .smls-filter-blur.smls-tab-template-1 li a{ padding: 6px 18px; margin: 0 3px 9px; font-size: 10px; } .smls-filter.smls-tab-template-2 li a, .smls-filter-blur.smls-tab-template-2 li a{ margin: 0 3px 10px; padding: 6px 10px; font-size: 12px; } .smls-filter.smls-tab-template-3 li a, .smls-filter-blur.smls-tab-template-3 li a{ margin: 2px; padding: 5px 10px; font-size: 10px; } .smls-filter.smls-tab-template-4 li a, .smls-filter-blur.smls-tab-template-4 li a{ padding: 6px 10px; font-size: 10px; } .smls-filter.smls-tab-template-5 li a, .smls-filter-blur.smls-tab-template-5 li a{ padding: 8px 10px; font-size: 12px; margin-left: 2px; } .smls-filter.smls-tab-template-6 li a, .smls-filter-blur.smls-tab-template-6 li a{ padding: 0px 10px; font-size: 12px; } .smls-filter.smls-tab-template-1 li a:focus, .smls-filter-blur.smls-tab-template-1 li a:focus, .smls-filter.smls-tab-template-2 li a:focus, .smls-filter-blur.smls-tab-template-2 li a:focus, .smls-filter.smls-tab-template-3 li a:focus, .smls-filter-blur.smls-tab-template-3 li a:focus, .smls-filter.smls-tab-template-4 li a:focus, .smls-filter-blur.smls-tab-template-4 li a:focus, .smls-filter.smls-tab-template-5 li a:focus, .smls-filter-blur.smls-tab-template-5 li a:focus, .smls-filter.smls-tab-template-6 li a:focus, .smls-filter-blur.smls-tab-template-6 li a:focus{ outline: none; -webkit-box-shadow: none; box-shadow: none; } .smls-masonry-sizer, .smls-filtr-item{ width: 33.33%; } } @media (max-width: 640px) { .smls-list-container-template-1 .smls-list-block:nth-of-type(odd) .smls-list-image-wrap, .smls-list-container-template-1 .smls-list-block:nth-of-type(even) .smls-list-image-wrap { float: none; margin:0 0 20px; width: auto; } .smls-list-container-template-1 .smls-list-block:nth-of-type(odd) .smls-list-detail-wrap, .smls-list-container-template-1 .smls-list-block:nth-of-type(even) .smls-list-detail-wrap, .smls-list-container-template-2 .smls-list-detail-wrap { float:none; margin:0; width: 100%; } .smls-list-image-wrap .smls-popup-wrap a.smls-only-image-wrap{ display: inline-block; width: auto; } .smls-list-container-template-2 .smls-list-image-wrap { float: none; margin:0 auto 20px; width: auto; text-align: center; } .smls-list-container-template-2 .smls-list-detail-wrap { text-align: center; } .smls-list-company-address p, .smls-list-company-contact-number p, .smls-list-company-email p, .smls-list-company-url p { width: auto; } .smls-list-inline-gallery a { width:15%; } .smls-list-inline-contact, .smls-list-inline-gallery { float:none; width: 100%; margin-left: 0; } .smls-list-inline-contact { margin-bottom: 20px; } .smls-list-contact-wrap { display: inline-block; } .smls-carousel-template-2 .smls-item .smls-car-two-content-wrap { display: block; opacity: 1; visibility: visible; margin-bottom: 20px; } .smls-carousel-template-2 .sowl-item.center .smls-item .smls-car-two-content-wrap { width: 100%; max-width: 450px; } .smls-carousel-template-2 .sowl-item.center .smls-item { } .smls-carousel-logo.smls-text-arrow, .smls-perspective.smls-text-arrow { padding-top: 70px; } .smls-filter.smls-tab-template-5 li, .smls-filter-blur.smls-tab-template-5 li a { font-size: 14px; } .smls-gallery-wrap-template-2 a { width: 25%; margin:0; } .smls-filter.smls-tab-template-1 li a, .smls-filter-blur.smls-tab-template-1 li a{ padding: 3px 10px; margin: 0 0px 9px; font-size: 10px; } .smls-filter.smls-tab-template-2 li a, .smls-filter-blur.smls-tab-template-2 li a{ margin: 0 3px 10px; padding: 3px 6px; font-size: 10px; } .smls-filter.smls-tab-template-3 li a, .smls-filter-blur.smls-tab-template-3 li a{ margin: 0px; padding: 4px 6px; font-size: 10px; } .smls-filter.smls-tab-template-4 li a, .smls-filter-blur.smls-tab-template-4 li a{ padding: 6px 10px; font-size: 10px; } .smls-filter.smls-tab-template-5 li a, .smls-filter-blur.smls-tab-template-5 li a{ padding: 8px 10px; font-size: 12px; margin-left: 2px; } .smls-filter.smls-tab-template-6 li a, .smls-filter-blur.smls-tab-template-6 li a{ padding: 0px 9px 0 5px; font-size: 10px; } .smls-filter.smls-tab-template-1 li, .smls-filter-blur.smls-tab-template-1 li{ margin-bottom: 5px; } .smls-filter.smls-tab-template-2 li, .smls-filter-blur.smls-tab-template-2 li{ margin-bottom: 5px; } .smls-filter.smls-tab-template-3 li, .smls-filter-blur.smls-tab-template-3 li{ margin-bottom: 5px; } .smls-filter.smls-tab-template-4 li, .smls-filter-blur.smls-tab-template-4 li{ margin-bottom: 0px; } .smls-filter.smls-tab-template-5 li, .smls-filter-blur.smls-tab-template-5 li{ margin-bottom: 5px; } .smls-filter.smls-tab-template-5 li a.smls-active-filter, .smls-filter-blur.smls-tab-template-5 li.smls-current a{ border-bottom: 1px solid #cfcfcf; } .smls-filter.smls-tab-template-6 li, .smls-filter-blur.smls-tab-template-6 li{ margin-bottom: 5px; } } @media all and (max-width: 640px) and (min-width:481px){ .smls-carousel-template-5 .smls-car-two-content-wrap .smls-car-five-hover-wrap { padding: 10px; } .smls-carousel-template-5 .smls-carousel-two-title, .smls-carousel-template-6 .smls-carousel-two-title { margin-bottom: 5px; } .smls-carousel-template-5 .smls-carousel-two-description, .smls-carousel-template-6 .smls-carousel-two-description, .smls-carousel-template-7 .smls-carousel-two-description { margin-bottom: 10px; line-height: 1.3; } .smls-carousel-template-7 .smls-car-two-content-wrap { padding: 10px 15px; } .smls-carousel-template-6 .smls-car-two-content-wrap { padding: 15px; } } @media (max-width: 480px){ .smls-grid-container-template-1 .smls-popup-wrap, .smls-grid-container-template-1 .smls-grid-each-item, .smls-grid-container-template-1 .smls-grid-image-wrap, .smls-grid-container-template-2 .smls-popup-wrap, .smls-grid-container-template-2 .smls-grid-each-item, .smls-grid-container-template-2 .smls-grid-image-wrap, .smls-grid-container-template-4 .smls-popup-wrap, .smls-grid-container-template-4 .smls-grid-each-item, .smls-grid-container-template-4 .smls-grid-image-wrap, .smls-grid-container-template-5 .smls-popup-wrap, .smls-grid-container-template-5 .smls-grid-each-item, .smls-grid-container-template-5 .smls-grid-image-wrap{ padding: 10px; } .smls-list-container-template-1 .smls-list-description, .smls-list-container-template-2 .smls-list-description { font-size: 16px; line-height: 1.5; } .smls-popup-template-1 .smls-popup-logo-image, .smls-popup-template-1 .smls-only-content-wrap { float: none; width: 100%; margin-left: 0; } .smls-popup-template-1 .smls-popup-logo-image { margin-bottom: 20px; } .smls-logo-inline-wrap{ padding:25px 20px; } .smls-inline-gallery-detail-wrap-template-1 a { width: 31%; margin: 0 2px 2px 0; border-width: 4px; } .smls-list-image-wrap .smls-inline-image-wrap img { width: 100%; } .smls-list-container-template-1 .smls-list-block:nth-of-type(odd) .smls-list-image-wrap, .smls-list-container-template-1 .smls-list-block:nth-of-type(even) .smls-list-image-wrap, .smls-list-container-template-2 .smls-list-image-wrap { max-width: 300px; width: 100%; } .smls-list-inline-gallery a { width:22%; } .smls-grid-container-template-7.smls-mobile-column-2 .smls-grid-image-wrap { width: 100%; margin-right: 0; } .smls-grid-container-template-7.smls-mobile-column-2 .smls-grid-image-wrap:nth-of-type(2n+1) .smls-logo-image-container:hover { right: auto; left: -253px; z-index: 99; } .smls-grid-container-template-7.smls-mobile-column-2 { max-width: 240px; } .smls-grid-container-template-5 .smls-popup-wrap, .smls-grid-container-template-5 .smls-grid-each-item, .smls-grid-container-template-5 .smls-grid-image-wrap { max-height: 160px; } .smls-perspective-template-2 .smls-perspective-title-block { padding: 15px 20px; } .smls-popup-template-1 .smls-first-content-wrap, .smls-popup-template-2 .smls-popup-third-content-wrap { display: block; } .smls-popup-content-wrap.smls-popup-template-2 .smls-contact-wrap { float: none; width: 100%; } .smls-popup-template-2 .smls-social-icon-wrap { float:none; width: 100%; margin-left: 0; } .smls-popup-template-2 .smls-inline-gallery-detail-wrap a { width: 20%; } .smls-contact-block-template-1 .smls-social-icon-wrap { margin:5px 0 10px; } .smls-contact-wrapper-template-2 .smls-social-icon-wrap { margin-top: 10px; } .smls-masonry-sizer, .smls-filtr-item{ width: 50%; } } @media (max-width: 400px){ .smls-mobile-column-2 .smls-popup-wrap, .smls-mobile-column-2 .smls-grid-each-item, .smls-mobile-column-2 .smls-grid-image-wrap, .smls-grid-container-template-8.smls-mobile-column-2 .smls-logo-rec-wrap, .smls-grid-container-template-9.smls-mobile-column-2 .smls-grid-nine-wapper, .smls-grid-container-template-4.smls-mobile-column-2 .smls-popup-wrap, .smls-grid-container-template-4.smls-mobile-column-2 .smls-grid-each-item, .smls-grid-container-template-5.smls-mobile-column-2 .smls-popup-wrap, .smls-grid-container-template-5.smls-mobile-column-2 .smls-grid-each-item, .smls-grid-container-template-4.smls-mobile-column-2 .smls-grid-image-wrap, .smls-grid-container-template-5.smls-mobile-column-2 .smls-grid-image-wrap { width:50%; margin: 0; } .smls-grid-container-template-6.smls-mobile-column-2 .smls-popup-wrap, .smls-grid-container-template-6.smls-mobile-column-2 .smls-grid-each-item, .smls-grid-container-template-6.smls-mobile-column-2 .smls-grid-image-wrap{ width: 100%; margin:5px 0; } .smls-grid-container-template-9.smls-mobile-column-1 .smls-grid-nine-wapper .smls-grid-nine-container { width: 90%; } .smls-popup-template-2 .smls-inline-gallery-detail-wrap a, .smls-popup-template-1 .smls-inline-gallery-detail-wrap a { width: 30%; } .smls-main-logo-wrapper .smls-gallery-wrap-template-2 a, .smls-main-logo-wrapper .smls-inline-3-gallery-wrap a { width: 21%; margin:2px; } #pp_full_res .smls-contact-wrap div p { width: 88%; } .smls-perspective.flipster { overflow: hidden; } .smls-main-logo-wrapper .smls-inline-gallery-detail-wrap-template-1 a{ width: 29%; } .smls-masonry-sizer, .smls-filtr-item{ width: 100%; } }.ow-button-base{zoom:1}.ow-button-base:before{content:'';display:block}.ow-button-base:after{content:'';display:table;clear:both}.ow-button-base .sowb-button{cursor:pointer;display:inline-block;line-height:1em;text-align:center;text-decoration:none}.ow-button-base .sowb-button .sow-icon-image,.ow-button-base .sowb-button [class^="sow-icon-"]{font-size:1.3em;height:1em;width:auto;margin:-0.1em .75em -0.2em -0.75em;display:block;float:left}.ow-button-base .sowb-button .sow-icon-image{width:1em;background-size:cover}.ow-button-base .sowb-button.ow-icon-placement-top .sow-icon-image,.ow-button-base .sowb-button.ow-icon-placement-top [class^="sow-icon-"]{margin:0 auto .5em;float:none}.ow-button-base .sowb-button.ow-icon-placement-right .sow-icon-image,.ow-button-base .sowb-button.ow-icon-placement-right [class^="sow-icon-"]{margin:-0.1em -0.75em -0.2em .75em;float:right}.ow-button-base .sowb-button.ow-icon-placement-bottom .sow-icon-image,.ow-button-base .sowb-button.ow-icon-placement-bottom [class^="sow-icon-"]{float:none;margin:.5em auto 0}.ow-button-base .sowb-button.ow-icon-placement-bottom>span{display:flex;flex-direction:column-reverse}.ow-button-base .sowb-button.ow-icon-placement-left .sow-icon-image,.ow-button-base .sowb-button.ow-icon-placement-left [class^="sow-icon-"]{margin:-0.1em .75em -0.2em -0.75em;float:left}.ow-button-base.ow-button-align-left{text-align:left}.ow-button-base.ow-button-align-right{text-align:right}.ow-button-base.ow-button-align-center{text-align:center}.ow-button-base.ow-button-align-justify .sowb-button{display:block}.so-widget-sow-button-flat-40b1c1a1a964-17848 .ow-button-base { zoom: 1; } .so-widget-sow-button-flat-40b1c1a1a964-17848 .ow-button-base:before { content: ''; display: block; } .so-widget-sow-button-flat-40b1c1a1a964-17848 .ow-button-base:after { content: ''; display: table; clear: both; } @media (max-width: 780px) { .so-widget-sow-button-flat-40b1c1a1a964-17848 .ow-button-base.ow-button-align-center { text-align: center; } .so-widget-sow-button-flat-40b1c1a1a964-17848 .ow-button-base.ow-button-align-center.ow-button-align-justify .sowb-button { display: inline-block; } } .so-widget-sow-button-flat-40b1c1a1a964-17848 .ow-button-base .sowb-button { -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 5em 5em 5em 5em; -moz-border-radius: 5em 5em 5em 5em; border-radius: 5em 5em 5em 5em; background: #044b73; border-width: 1px 0; border: 1px solid #044b73; color: #ffffff !important; font-size: 1em; padding: 1em; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.05); padding-inline: 2em; } .so-widget-sow-button-flat-40b1c1a1a964-17848 .ow-button-base .sowb-button.ow-button-hover:active, .so-widget-sow-button-flat-40b1c1a1a964-17848 .ow-button-base .sowb-button.ow-button-hover:hover { background: #055887; border-color: #055887; color: #ffffff !important; }.so-widget-sow-accordion-default-b26cdf0aaa80-17848 .sow-accordion .sow-accordion-panel { margin-bottom: 10px; } .so-widget-sow-accordion-default-b26cdf0aaa80-17848 .sow-accordion .sow-accordion-panel .sow-accordion-panel-header { align-items: center; background-color: #ffffff; color: #0a0a0a; cursor: pointer; display: flex; font-size: 20px; padding: 0px 0px 15px 0px; position: relative; text-transform: none; flex-direction: row; border-color: #044b73; border-style: solid; border-width: 0px 0px 1px 0px; } .so-widget-sow-accordion-default-b26cdf0aaa80-17848 .sow-accordion .sow-accordion-panel .sow-accordion-panel-header:focus, .so-widget-sow-accordion-default-b26cdf0aaa80-17848 .sow-accordion .sow-accordion-panel .sow-accordion-panel-header:hover { background-color: #ffffff; color: #42a240; } .so-widget-sow-accordion-default-b26cdf0aaa80-17848 .sow-accordion .sow-accordion-panel .sow-accordion-panel-header .sow-accordion-title { display: flex; align-items: center; margin: 0; color: inherit; font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; width: 100%; } .so-widget-sow-accordion-default-b26cdf0aaa80-17848 .sow-accordion .sow-accordion-panel .sow-accordion-panel-header .sow-accordion-open-close-button { line-height: 0; } .so-widget-sow-accordion-default-b26cdf0aaa80-17848 .sow-accordion .sow-accordion-panel .sow-accordion-panel-header .sow-accordion-icon-image:not(.sow-accordion-icon-image-custom), .so-widget-sow-accordion-default-b26cdf0aaa80-17848 .sow-accordion .sow-accordion-panel .sow-accordion-panel-header .sow-accordion-icon-image:not([width]), .so-widget-sow-accordion-default-b26cdf0aaa80-17848 .sow-accordion .sow-accordion-panel .sow-accordion-panel-header .sow-accordion-icon-image:not([width]) { height: 20px; width: auto; } .so-widget-sow-accordion-default-b26cdf0aaa80-17848 .sow-accordion .sow-accordion-panel .sow-accordion-panel-header .sow-accordion-title-icon-left > .sow-accordion-icon-image, .so-widget-sow-accordion-default-b26cdf0aaa80-17848 .sow-accordion .sow-accordion-panel .sow-accordion-panel-header .sow-accordion-title-icon-left > span[data-sow-icon] { margin-right: 5px; } .so-widget-sow-accordion-default-b26cdf0aaa80-17848 .sow-accordion .sow-accordion-panel .sow-accordion-panel-header .sow-accordion-title-icon-right > .sow-accordion-icon-image, .so-widget-sow-accordion-default-b26cdf0aaa80-17848 .sow-accordion .sow-accordion-panel .sow-accordion-panel-header .sow-accordion-title-icon-right > span[data-sow-icon] { margin-left: 5px; } .so-widget-sow-accordion-default-b26cdf0aaa80-17848 .sow-accordion .sow-accordion-panel:not(.sow-accordion-panel-open) > .sow-accordion-panel-header-container > .sow-accordion-panel-header .sow-accordion-close-button { display: none; } .so-widget-sow-accordion-default-b26cdf0aaa80-17848 .sow-accordion .sow-accordion-panel.sow-accordion-panel-open > .sow-accordion-panel-header-container > .sow-accordion-panel-header .sow-accordion-open-button { display: none; } .so-widget-sow-accordion-default-b26cdf0aaa80-17848 .sow-accordion .sow-accordion-panel .sow-accordion-panel-content .sow-accordion-panel-border { background-color: #ffffff; overflow: auto; padding: 15px 0px 15px 0px; } @media print { .so-widget-sow-accordion-default-b26cdf0aaa80-17848 .sow-accordion .sow-accordion-panel .sow-accordion-open-close-button { display: none; } .so-widget-sow-accordion-default-b26cdf0aaa80-17848 .sow-accordion .sow-accordion-panel .sow-accordion-panel-content { display: block !important; } } .so-widget-sow-accordion-default-b26cdf0aaa80-17848 .sow-accordion-panel.sow-accordion-panel-open .sow-accordion-panel-header-container:not(:hover) .sow-accordion-panel-header { color: #42a240; } .so-widget-sow-accordion-default-b26cdf0aaa80-17848 .sow-accordion .sow-accordion-panel .sow-accordion-panel-header .sow-accordion-icon-image.sow-accordion-icon-image-custom { max-height: none; }@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}@font-face{font-family:'FontAwesome';src:url(//dubailondonhospital.com/wp-content/plugins/testimonial-free/src/Frontend/assets/fonts/fontawesome-webfont.eot?v=4.6.3);src:url(//dubailondonhospital.com/wp-content/plugins/testimonial-free/src/Frontend/assets/fonts/fontawesome-webfont.eot?#iefix&v=4.6.3) format('embedded-opentype'),url(//dubailondonhospital.com/wp-content/plugins/testimonial-free/src/Frontend/assets/fonts/fontawesome-webfont.woff2?v=4.6.3) format('woff2'),url(//dubailondonhospital.com/wp-content/plugins/testimonial-free/src/Frontend/assets/fonts/fontawesome-webfont.woff?v=4.6.3) format('woff'),url(//dubailondonhospital.com/wp-content/plugins/testimonial-free/src/Frontend/assets/fonts/fontawesome-webfont.ttf?v=4.6.3) format('truetype'),url(//dubailondonhospital.com/wp-content/plugins/testimonial-free/src/Frontend/assets/fonts/fontawesome-webfont.svg?v=4.6.3#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-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"}.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}.sp-testimonial-section a{transition:all .3s ease}.sp-testimonial-section .clear{clear:both}.sp-testimonial-section .text-center{text-align:center}.sp-testimonial-section{padding:0 30px}.sp-testimonial-section .testimonial-free{margin:0 15px;font-size:14px;line-height:24px}.sp-testimonial-section .slick-dots li button:focus,.sp-testimonial-section .testimonial-free:focus{outline:0}.sp-testimonial-section .testimonial-free .tf-client-name{color:#343434;font-size:18px;line-height:18px;font-weight:700;margin-top:25px;margin-bottom:0}.sp-testimonial-section .testimonial-free .tf-client-designation{color:#999;font-size:14px;margin-bottom:0;margin-top:14px;line-height:16px}.sp-testimonial-section .slick-next,.sp-testimonial-section .slick-prev{font-size:26px;line-height:26px;color:#444;transition:all .3s ease;text-align:center;position:absolute;z-index:9;cursor:pointer;top:50%;margin-top:-14px}.sp-testimonial-section .slick-next:hover,.sp-testimonial-section .slick-prev:hover{color:#1595ce}.sp-testimonial-section .slick-prev{left:0}.sp-testimonial-section .slick-next{right:0}.sp-testimonial-section .slick-dots{margin:0;margin-top:20px;padding:0;list-style:none;text-align:center}.sp-testimonial-section .slick-dots li{display:inline-block;border:0;padding:0;width:12px;height:12px;margin:3px;overflow:hidden}.sp-testimonial-section .slick-dots li button{border-radius:50%;text-indent:-999px;width:12px;height:12px;padding:0;border:0;background:#ccc;display:block}.sp-testimonial-section .slick-dots li.slick-active button{background:#1595ce}.sp-testimonial-section .tf-client-image{max-width:90px;max-height:90px;margin:0 auto 20px}.sp-testimonial-section .tf-client-image img{border-radius:100%}.sp-testimonial-free-section *{box-sizing:border-box}div.sp-testimonial-free-section .slick-list{margin-right:-24px}div.sp-testimonial-free-section.slick-initialized{display:block}.sp-testimonial-free-section .slick-dots li.slick-active button:focus,.sp-testimonial-free-section .sp-testimonial-item:focus{outline:0}.sp-testimonial-free-section .sp-testimonial-item{text-align:center;will-change:transform}#poststuff .sp-testimonial-free-wrapper h2.sp-testimonial-free-section-title,.sp-testimonial-free-wrapper h2.sp-testimonial-free-section-title{margin:0;padding:0;margin-bottom:50px;font-size:25px;line-height:22px;font-weight:600;font-style:normal;text-align:center}.sp-testimonial-free-section .sp-testimonial-title{margin:0 0 18px 0}.sp-testimonial-free-section .sp-testimonial-title h3{font-size:20px;line-height:30px;text-transform:none;text-align:center;letter-spacing:normal;font-weight:600;font-style:normal;padding:0;margin:0}.sp-testimonial-free-section .sp-testimonial-client-testimonial,.sp-testimonial-free-section .sp-testimonial-client-testimonial p{font-size:16px;line-height:26px;text-transform:none;text-align:center;letter-spacing:normal;font-weight:400;font-style:normal;margin:0 0 20px 0}.sp-testimonial-free-section .sp-testimonial-client-testimonial p{padding:0 10px}.sp-testimonial-free-section .sp-testimonial-client-testimonial .wp-video{margin-left:auto;margin-right:auto}#sp_tpro-preview-box .sp-testimonial-free-section .sp-testimonial-client-testimonial{margin:0 20px 20px 0}.sp-testimonial-free-section .sp-testimonial-client-testimonial .sp-testimonial-content{display:inline;margin:0;padding:0}.sp-testimonial-free-section .sp-testimonial-client-name{font-size:16px;line-height:24px;text-transform:none;text-align:center;letter-spacing:normal;font-weight:700;font-style:normal;margin:0 0 8px 0;padding:0}.sp-testimonial-free-section .sp-testimonial-client-rating{margin:0 0 6px 0;text-align:center;line-height:1}.sp-testimonial-free-section .sp-testimonial-client-rating i.fa{font-size:19px;font-family:FontAwesome}.sp-testimonial-free-section .sp-testimonial-client-designation{font-size:16px;line-height:24px;text-transform:none;text-align:center;letter-spacing:normal;font-weight:400;font-style:normal}.sp-testimonial-free-section .sp-testimonial-client-image{margin:0 0 22px 0}.sp-testimonial-free-section .sp-testimonial-client-image img{display:inline-block;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;max-width:100%;height:auto}.theme-twentytwentyone .sp-testimonial-free-section .sp-testimonial-client-image img{width:auto!important}.sp-testimonial-free-section .testimonial-pagination{margin:0;margin-top:20px;padding:0;list-style:none;align-items:center;justify-content:center;display:inline-block}.sp-testimonial-free-section .testimonial-pagination .swiper-pagination-bullet{display:inline-block;border:0;padding:0;width:13px;height:13px;margin:3px;overflow:hidden;border-radius:50%;text-indent:-999px;opacity:1}.sp-testimonial-free-section .testimonial-pagination span:focus{outline-offset:unset;outline:0}.sp-testimonial-free-section .testimonial-nav-arrow{top:50%;font-size:20px;line-height:1;display:block;width:32px;height:36px;padding:0;cursor:pointer;outline:0;position:absolute;text-align:center;z-index:22;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;transform:translateY(-50px);display:flex;justify-content:center;align-items:center}.sp-testimonial-free-section .testimonial-nav-arrow.swiper-button-prev{left:0;right:auto}.sp-testimonial-free-section .testimonial-nav-arrow.swiper-button-next{right:0;left:auto}.sp-testimonial-free-section .swiper-button-next.testimonial-nav-arrow.top_right{top:22px;right:4px;transform:unset}.sp-testimonial-free-section .swiper-button-prev.testimonial-nav-arrow.top_right{top:22px;right:44px;transform:unset;left:auto}.sp-testimonial-free-section .testimonial-nav-arrow::after{font-size:20px}.sp-testimonial-free-wrapper .sp-testimonial-free-section .testimonial-nav-arrow:after{content:"";display:none}.tfree-style-theme-one-v2 .sp-testimonial-item .sp-testimonial-free{display:flex;flex-direction:column-reverse}.tfree-style-theme-one-v2 .sp-testimonial-free .sp-testimonial-client-image{margin:20px 0 0 0}.sp-testimonial-free-wrapper{position:relative;overflow:hidden}.sp-testimonial-preloader{background-color:#fff;background-repeat:no-repeat;background-position:center center;position:absolute;z-index:90;width:100%;height:100%;text-align:center;top:0;left:0;right:0;border:0}.sp-testimonial-preloader img{position:relative;top:50%;display:inline-block;margin-top:-16px}.sp-testimonial-free-section.swiper-initialized,.sp-testimonial-free-section:not(.swiper-initialized,.tfree-layout-grid){display:flex;flex-wrap:wrap;padding:unset!important;overflow:hidden;margin-bottom:50px}.sp-testimonial-free-section:not(.swiper-initialized)>.sp-testimonial-item{min-width:100%;width:100%;padding:0}.sp-testimonial-item{direction:ltr}html[dir=rtl] .sp-testimonial-item{direction:rtl}.sp-testimonial-free-section .tfree-grid-items{display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-10px;margin-left:-10px;width:calc(100% + 20px)}.sp-testimonial-free-section.tfree-layout-grid .sp-testimonial-item.ast-article-single{padding:initial}[class*=tfree-col-]{position:relative;min-height:1px;display:inline-block;vertical-align:top;box-sizing:border-box}.tfree-col-xl-1{-ms-flex:0 0 100%;flex:0 0 100%;width:100%}.tfree-col-xl-2{-ms-flex:0 0 50%;flex:0 0 50%;width:50%}.tfree-col-xl-3{-ms-flex:0 0 33.22222222%;flex:0 0 33.22222222%;width:33.22222222%}.tfree-col-xl-4{-ms-flex:0 0 24.9%;flex:0 0 24.9%;width:24.9%}.tfree-col-xl-5{-ms-flex:0 0 19.9%;flex:0 0 19.9%;width:19.9%}.tfree-col-xl-6{-ms-flex:0 0 16.66666666666667%;flex:0 0 16.66666666666667%;width:16.66666666666667%}@media (min-width:980px) and (max-width:1280px){.tfree-col-lg-1{-ms-flex:0 0 100%;flex:0 0 100%;width:100%}.tfree-col-lg-2{-ms-flex:0 0 50%;flex:0 0 50%;width:50%}.tfree-col-lg-3{-ms-flex:0 0 33.22222222%;flex:0 0 33.22222222%;width:33.22222222%}.tfree-col-lg-4{-ms-flex:0 0 24.9%;flex:0 0 24.9%;width:24.9%}.tfree-col-lg-5{-ms-flex:0 0 19.9%;flex:0 0 19.9%;width:19.9%}.tfree-col-lg-6{-ms-flex:0 0 16.66666666666667%;flex:0 0 16.66666666666667%;width:16.66666666666667%}}@media (min-width:736px) and (max-width:979px){.tfree-col-md-1{-ms-flex:0 0 100%;flex:0 0 100%;width:100%}.tfree-col-md-2{-ms-flex:0 0 50%;flex:0 0 50%;width:50%}.tfree-col-md-3{-ms-flex:0 0 33.22222222%;flex:0 0 33.22222222%;width:33.22222222%}.tfree-col-md-4{-ms-flex:0 0 24.9%;flex:0 0 24.9%;width:24.9%}.tfree-col-md-5{-ms-flex:0 0 19.9%;flex:0 0 19.9%;width:19.9%}.tfree-col-md-6{-ms-flex:0 0 16.66666666666667%;flex:0 0 16.66666666666667%;width:16.66666666666667%}}@media (min-width:480px) and (max-width:735px){.tfree-col-sm-1{-ms-flex:0 0 100%;flex:0 0 100%;width:100%}.tfree-col-sm-2{-ms-flex:0 0 50%;flex:0 0 50%;width:50%}.tfree-col-sm-3{-ms-flex:0 0 33.22222222%;flex:0 0 33.22222222%;width:33.22222222%}.tfree-col-sm-4{-ms-flex:0 0 24.9%;flex:0 0 24.9%;width:24.9%}.tfree-col-sm-5{-ms-flex:0 0 19.9%;flex:0 0 19.9%;width:19.9%}.tfree-col-sm-6{-ms-flex:0 0 16.66666666666667%;flex:0 0 16.66666666666667%;width:16.66666666666667%}}@media (max-width:479px){.tfree-col-xs-1{-ms-flex:0 0 100%;flex:0 0 100%;width:100%}.tfree-col-xs-2{-ms-flex:0 0 50%;flex:0 0 50%;width:50%}.tfree-col-xs-3{-ms-flex:0 0 33.22222222%;flex:0 0 33.22222222%;width:33.22222222%}.tfree-col-xs-4{-ms-flex:0 0 24.9%;flex:0 0 24.9%;width:24.9%}.tfree-col-xs-5{-ms-flex:0 0 19.9%;flex:0 0 19.9%;width:19.9%}.tfree-col-xs-6{-ms-flex:0 0 16.66666666666667%;flex:0 0 16.66666666666667%;width:16.66666666666667%}}.sp-testimonial-free-section .tfree-col-xl-1.sp-tfree-pagination-area{text-align:left}.sp-testimonial-free-section ul.sp-tfree-pagination{display:inline-block;padding-left:0;margin-left:0;border-radius:4px}.sp-testimonial-free-section ul.sp-tfree-pagination li{display:inline}.sp-testimonial-free-section ul.sp-tfree-pagination li a,.sp-testimonial-free-section ul.sp-tfree-pagination li span{position:relative;float:left;margin-right:5px;line-height:38px;text-decoration:none;font-weight:600;font-size:16px;height:38px;width:38px;box-sizing:content-box;text-align:center;padding:0;border-radius:3px}ul.sp-tfree-pagination li:first-child a,ul.sp-tfree-pagination li:first-child span{margin-left:0}.elementor .sp-testimonial-free-wrapper .swiper-wrapper{overflow:initial!important}