/*
	Shortcodes Ultimate Skins
	Author: Vladimir Anokhin
	Link: http://gndev.info/shortcodes-ultimate/extra/
---------------------------------------------------------------*/ /*		Common
---------------------------------------------------------------*/ .sue-clearfix:before, .sue-clearfix:after { display: table; content: " "; } .sue-clearfix:after { clear: both; } .sue-content-wrap > *:first-child { margin-top: 0; } .sue-content-wrap > *:last-child { margin-bottom: 0; } /*		Common class for clickable panels
---------------------------------------------------------------*/ .sue-panel-clickable { cursor: pointer; -webkit-transition: opacity .2s; -moz-transition: opacity .2s; transition: opacity .2s; } .sue-panel-clickable:hover { opacity: 0.75; filter: alpha(opacity=75); } /*		Splash
---------------------------------------------------------------*/ .sue-splash { display: none; } .sue-splash-screen { position: relative; width: 94%; max-width: 480px; margin: 44px auto; padding: 44px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .sue-splash-style-dark .mfp-bg { background: #000; } .sue-splash-style-dark .mfp-close { color: #fff; text-shadow: none; } .sue-splash-style-dark .sue-splash-screen { background: transparent; color: #fff; } .sue-splash-style-dark-boxed .mfp-bg { background: #000; } .sue-splash-style-dark-boxed .sue-splash-screen { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #fff; color: #333; } .sue-splash-style-light .mfp-bg { background: #fff; } .sue-splash-style-light .sue-splash-screen { background: transparent; color: #000; } .sue-splash-style-light-boxed .mfp-bg { background: #fff; } .sue-splash-style-light-boxed .sue-splash-screen { border: 1px solid #ccc; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; background: #fff; -webkit-box-shadow: 0 0 25px #ccc; -moz-box-shadow: 0 0 25px #ccc; box-shadow: 0 0 25px #ccc; color: #333; } .sue-splash-style-maintenance .mfp-bg { background: #000 url(https://moneytransfercomparison.com/wp-content/plugins/shortcodes-ultimate-extra/public/images/maintenance.png); } .sue-splash-style-maintenance .sue-splash-screen { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #fff; color: #333; } .sue-splash-style-blue-boxed .mfp-bg { background: #66B2FF; } .sue-splash-style-blue-boxed .sue-splash-screen { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #E8F4FF; -webkit-box-shadow: 0 0 10px #00254A; -moz-box-shadow: 0 0 10px #00254A; box-shadow: 0 0 10px #00254A; color: #00172E; } .sue-splash-style-light-boxed-blue .mfp-bg { background: #fff; } .sue-splash-style-light-boxed-blue .sue-splash-screen { border: 7px solid #66B2FF; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: #feffff; /* Old browsers */ background: -moz-linear-gradient(top, #feffff 0%, #ddf1f9 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feffff), color-stop(100%,#ddf1f9)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #feffff 0%,#ddf1f9 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #feffff 0%,#ddf1f9 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #feffff 0%,#ddf1f9 100%); /* IE10+ */ background: linear-gradient(to bottom, #feffff 0%,#ddf1f9 100%); /* W3C */ color: #333; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#ddf1f9',GradientType=0 ); /* IE6-9 */ } .sue-splash-style-light-boxed-green .mfp-bg { background: #fff; } .sue-splash-style-light-boxed-green .sue-splash-screen { border: 7px solid #92E54E; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: #f8ffe8; background: -moz-linear-gradient(top, #f8ffe8 0%, #e3f5ab 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8ffe8), color-stop(100%,#e3f5ab)); background: -webkit-linear-gradient(top, #f8ffe8 0%,#e3f5ab 100%); background: -o-linear-gradient(top, #f8ffe8 0%,#e3f5ab 100%); background: -ms-linear-gradient(top, #f8ffe8 0%,#e3f5ab 100%); background: linear-gradient(to bottom, #f8ffe8 0%,#e3f5ab 100%); color: #333; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ffe8', endColorstr='#e3f5ab',GradientType=0 ); } .sue-splash-style-light-boxed-orange .mfp-bg { background: #fff; } .sue-splash-style-light-boxed-orange .sue-splash-screen { border: 7px solid #FF8121; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #ffe4ce 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ffe4ce)); background: -webkit-linear-gradient(top, #ffffff 0%,#ffe4ce 100%); background: -o-linear-gradient(top, #ffffff 0%,#ffe4ce 100%); background: -ms-linear-gradient(top, #ffffff 0%,#ffe4ce 100%); background: linear-gradient(to bottom, #ffffff 0%,#ffe4ce 100%); color: #333; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffe4ce',GradientType=0 ); } /*		Splash
---------------------------------------------------------------*/ .sue-exit-popup { display: none; } .sue-exit-popup-screen { position: relative; width: 94%; max-width: 480px; margin: 44px auto; padding: 44px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .sue-exit-popup-style-dark .mfp-bg { background: #000; } .sue-exit-popup-style-dark .mfp-close { color: #fff; text-shadow: none; } .sue-exit-popup-style-dark .sue-exit-popup-screen { background: transparent; color: #fff; } .sue-exit-popup-style-dark-boxed .mfp-bg { background: #000; } .sue-exit-popup-style-dark-boxed .sue-exit-popup-screen { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #fff; color: #333; } .sue-exit-popup-style-light .mfp-bg { background: #fff; } .sue-exit-popup-style-light .sue-exit-popup-screen { background: transparent; color: #000; } .sue-exit-popup-style-light-boxed .mfp-bg { background: #fff; } .sue-exit-popup-style-light-boxed .sue-exit-popup-screen { border: 1px solid #ccc; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; background: #fff; -webkit-box-shadow: 0 0 25px #ccc; -moz-box-shadow: 0 0 25px #ccc; box-shadow: 0 0 25px #ccc; color: #333; } .sue-exit-popup-style-maintenance .mfp-bg { background: #000 url(https://moneytransfercomparison.com/wp-content/plugins/shortcodes-ultimate-extra/public/images/maintenance.png); } .sue-exit-popup-style-maintenance .sue-exit-popup-screen { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #fff; color: #333; } .sue-exit-popup-style-blue-boxed .mfp-bg { background: #66B2FF; } .sue-exit-popup-style-blue-boxed .sue-exit-popup-screen { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #E8F4FF; -webkit-box-shadow: 0 0 10px #00254A; -moz-box-shadow: 0 0 10px #00254A; box-shadow: 0 0 10px #00254A; color: #00172E; } .sue-exit-popup-style-light-boxed-blue .mfp-bg { background: #fff; } .sue-exit-popup-style-light-boxed-blue .sue-exit-popup-screen { border: 7px solid #66B2FF; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: #feffff; /* Old browsers */ background: -moz-linear-gradient(top, #feffff 0%, #ddf1f9 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feffff), color-stop(100%,#ddf1f9)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #feffff 0%,#ddf1f9 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #feffff 0%,#ddf1f9 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #feffff 0%,#ddf1f9 100%); /* IE10+ */ background: linear-gradient(to bottom, #feffff 0%,#ddf1f9 100%); /* W3C */ color: #333; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#ddf1f9',GradientType=0 ); /* IE6-9 */ } .sue-exit-popup-style-light-boxed-green .mfp-bg { background: #fff; } .sue-exit-popup-style-light-boxed-green .sue-exit-popup-screen { border: 7px solid #92E54E; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: #f8ffe8; background: -moz-linear-gradient(top, #f8ffe8 0%, #e3f5ab 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8ffe8), color-stop(100%,#e3f5ab)); background: -webkit-linear-gradient(top, #f8ffe8 0%,#e3f5ab 100%); background: -o-linear-gradient(top, #f8ffe8 0%,#e3f5ab 100%); background: -ms-linear-gradient(top, #f8ffe8 0%,#e3f5ab 100%); background: linear-gradient(to bottom, #f8ffe8 0%,#e3f5ab 100%); color: #333; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ffe8', endColorstr='#e3f5ab',GradientType=0 ); } .sue-exit-popup-style-light-boxed-orange .mfp-bg { background: #fff; } .sue-exit-popup-style-light-boxed-orange .sue-exit-popup-screen { border: 7px solid #FF8121; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #ffe4ce 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ffe4ce)); background: -webkit-linear-gradient(top, #ffffff 0%,#ffe4ce 100%); background: -o-linear-gradient(top, #ffffff 0%,#ffe4ce 100%); background: -ms-linear-gradient(top, #ffffff 0%,#ffe4ce 100%); background: linear-gradient(to bottom, #ffffff 0%,#ffe4ce 100%); color: #333; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffe4ce',GradientType=0 ); } /*		Panel
---------------------------------------------------------------*/ .sue-panel { position: relative; width: 100%; margin: 0 auto 1.5em auto; background: #fff; } .sue-panel-content { padding: 1em; } /*		Photo panel
---------------------------------------------------------------*/ .sue-photo-panel { position: relative; width: 100%; margin: 0 auto 1.5em auto; background: #fff; } .sue-photo-panel-head img { display: block; width: 100%; height: auto; margin: 0; padding: 0; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .sue-photo-panel-content { padding: 1em; } /*		Icon panel
---------------------------------------------------------------*/ .sue-icon-panel { position: relative; width: 100%; margin: 0 auto 1.5em auto; background: #fff; } .sue-icon-panel-head { padding: 1em; padding-bottom: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; } .sue-icon-panel-head img { display: inline-block; max-width: 100%; margin: 0; padding: 0; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .sue-icon-panel-head i { display: inline-block; margin: 0; padding: 0; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .sue-icon-panel-content { padding: 1em; } /*		Icon text
---------------------------------------------------------------*/ .sue-icon-text { position: relative; margin-bottom: 1.5em; } .sue-icon-text-icon { position: absolute; top: 0; left: 0; } .sue-icon-text-icon i { display: block; width: 100%; height: 100%; text-align: center; line-height: 1; } .sue-icon-text-icon img { display: block; width: 100%; height: 100%; margin: 0; padding: 0; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /*		Progress pie
---------------------------------------------------------------*/ .sue-progress-pie { position: relative; } .sue-progress-pie-align-none { margin: 0 0 1.5em 0; } .sue-progress-pie-align-left { margin: 0 1em 1.5em 0; float: left; } .sue-progress-pie-align-right { margin: 0 0 1.5em 1em; float: right; } .sue-progress-pie-align-center { margin: 1.5em auto; clear: both; } .sue-progress-pie > div { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; width: 100%; height: 100%; text-align: center; } .sue-progress-pie-text { display: inline-block; } .sue-progress-pie-before, .sue-progress-pie-after { display: inline-block; margin: 0 0.1em; vertical-align: middle; font-size: 0.6em; } /*		Progress bar
---------------------------------------------------------------*/ .sue-progress-bar { position: relative; margin-bottom: 1.5em; } .sue-progress-bar span { position: absolute; bottom: 0; left: 0; } .sue-progress-bar-style-default { height: 24px; font-size: 14px; } .sue-progress-bar-style-default > span { display: block; height: 24px; overflow: visible !important; line-height: 24px; } .sue-progress-bar-style-default span span { margin: 0 0.7em; white-space: nowrap; } .sue-progress-bar-style-fancy { height: 24px; padding: 5px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; border-width: 1px; border-style: solid; -webkit-border-radius: 17px; -moz-border-radius: 17px; border-radius: 17px; font-size: 14px; } .sue-progress-bar-style-fancy > span { bottom: 5px; left: 5px; display: block; height: 24px; overflow: visible !important; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; background-image: url(https://moneytransfercomparison.com/wp-content/plugins/shortcodes-ultimate-extra/public/images/gradient.png); background-repeat: repeat-x; line-height: 24px; } .sue-progress-bar-style-fancy span span { bottom: 0; left: 0; margin: 0 0.7em; white-space: nowrap; } .sue-progress-bar-style-thin { height: 4px; margin-top: 30px; font-size: 13px; } .sue-progress-bar-style-thin span { display: block; height: 4px; overflow: visible !important; } .sue-progress-bar-style-thin span span { height: 30px; white-space: nowrap; line-height: 30px; } /*		Member
---------------------------------------------------------------*/ .sue-member { position: relative; width: 100%; margin: 0 auto 1.5em auto; background: #fff; } .sue-member-photo img { display: block; width: 100%; height: auto; margin: 0; padding: 0; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .sue-member-info { padding: 1.5em; } .sue-member-name { display: block; margin-bottom: 0.5em; font-size: 1.2em; } .sue-member-role { display: block; margin-bottom: 1em; font-size: 0.9em; opacity: 0.5; filter: alpha(opacity=50); } .sue-member-icons { padding: 1em; } .sue-member-icons a { display: inline-block; margin: 0 0.4em; font-size: 16px; } .sue-member-icons a i { font-size: 16px; } .sue-member-icons a img { display: block; width: 16px; height: 16px; margin: 0; padding: 0; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .sue-member-desc > :last-child { margin-bottom: 0 !important; } /*		Section
---------------------------------------------------------------*/ .sue-section { width: 100%; margin: 0; } .sue-section { position: relative; } .sue-section-background { position: absolute; left: 0; bottom: 0; right: 0; top: 0; width: 100%; height: 100%; background-position: left top; background-repeat: no-repeat; } .sue-section-content { width: 90%; margin: 0 auto; position: relative; } .sue-section-content h1, .sue-section-content h2, .sue-section-content h3, .sue-section-content h4, .sue-section-content h5, .sue-section-content h6 { color: inherit; } /*		Pricing table + plan
---------------------------------------------------------------*/ .sue-pricing-table { margin-bottom: 1.5em; } .sue-plan { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-width: 1px; border-style: solid; background: #fff; text-align: center; } .sue-pricing-table .sue-plan { float: left; border-left-width: 0; } .sue-plan-head { padding: 20px 0; overflow: hidden; border-bottom-width: 1px; border-bottom-style: solid; } .sue-plan-icon { margin-top: 15px; } .sue-plan-icon img { display: block; margin: 0 auto; padding: 0; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .sue-plan-name { margin-bottom: 15px; font-size: 1.3em; opacity: 0.8; filter: alpha(opacity=80); } .sue-plan-price { font-weight: bold; font-size: 2.3em; } .sue-plan-price-value { display: inline-block; margin: 0 3px; vertical-align: middle; } .sue-plan-price-before, .sue-plan-price-after { display: inline-block; vertical-align: middle; font-weight: normal; font-size: 0.7em; } .sue-plan-period { margin-top: 5px; font-size: 0.9em; opacity: 0.5; filter: alpha(opacity=50); } .sue-plan-options ul { margin: 0; padding: 0; list-style: none; } .sue-plan-options ul li { display: block; min-height: 41px; margin: 0 !important; padding: 0 !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-top: 1px dotted #ddd; list-style: none; line-height: 40px; } .sue-plan-options ul li:first-child { border: none; } .sue-plan-footer { padding: 15px 0; border-top-width: 1px; border-top-style: solid; } .sue-plan-footer a { display: inline-block; padding: 5px 15px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-decoration: none; -webkit-transition: all .2s; -moz-transition: all .2s; transition: all .2s; } .sue-plan-footer a:active, .sue-plan-footer a:focus, .sue-plan-footer a:hover { background: transparent !important; color: inherit !important; } .sue-pricing-table .sue-plan:first-child { border-left-width: 1px; } .sue-pricing-table-size-1 .sue-plan { width: 100%; } .sue-pricing-table-size-2 .sue-plan { width: 50%; } .sue-pricing-table-size-3 .sue-plan { width: 33.33%; } .sue-pricing-table-size-4 .sue-plan { width: 25%; } .sue-pricing-table-size-5 .sue-plan { width: 20%; } .sue-pricing-table-size-6 .sue-plan { width: 16.66%; } .sue-plan-featured { position: relative; z-index: 2; margin: -10px -10px -5px -10px; border-left-width: 1px; } .sue-pricing-table .sue-plan.sue-plan-featured { border-left-width: 1px; } .sue-plan-featured .sue-plan-head { padding: 25px 0; } .sue-plan-featured .sue-plan-footer { padding: 17px 0; } #su-generator-preview .sue-plan { position: relative; width: 240px; margin: 0 auto; } @media only screen and (max-width: 768px) { .sue-pricing-table .sue-plan { float: none; border-left-width: 1px; width: 100%; margin-bottom: 1em; } .sue-plan-featured { margin: 0; } } /*		Testimonial
---------------------------------------------------------------*/ .sue-testimonial { margin-bottom: 1.5em; } .sue-testimonial-text { margin-bottom: 0.5em; font-style: italic; font-size: 1.1em; } .sue-testimonial-text > p:first-child { margin-top: 0; } .sue-testimonial-text > p:last-child { margin-bottom: 0; } .sue-testimonial-cite { font-size: 0.9em; } .sue-testimonial-name { font-weight: bold; } .sue-testimonial-bordered .sue-testimonial-text { position: relative; margin-bottom: 0.8em; padding: 1em; border: 1px solid #ccc; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #fff; color: #555; } .sue-testimonial-bordered .sue-testimonial-text:before, .sue-testimonial-bordered .sue-testimonial-text:after { position: absolute; display: block; width: 0; height: 0; border-style: solid; content: ''; } .sue-testimonial-bordered .sue-testimonial-text:before { bottom: -16px; left: 29px; z-index: 2; border-width: 8px; border-color: #ccc transparent transparent transparent; } .sue-testimonial-bordered .sue-testimonial-text:after { bottom: -14px; left: 30px; z-index: 3; border-width: 7px; border-color: #fff transparent transparent transparent; } .sue-testimonial-bordered .sue-testimonial-cite { margin-left: 20px; } .sue-testimonial-has-photo { position: relative; min-height: 40px; padding-left: 60px; } .sue-testimonial-has-photo img.sue-testimonial-photo { position: absolute; top: 0; left: 0; display: block; width: 40px; height: 40px; margin: 0; padding: 0; border: none; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .sue-testimonial-bordered.sue-testimonial-has-photo .sue-testimonial-text:before { top: 12px; left: -16px; border-color: transparent #ccc transparent transparent; } .sue-testimonial-bordered.sue-testimonial-has-photo .sue-testimonial-text:after { top: 13px; left: -14px; border-color: transparent #fff transparent transparent; } .sue-testimonial-bordered.sue-testimonial-has-photo .sue-testimonial-cite { margin-left: 10px; } /*		Icon
---------------------------------------------------------------*/ a.sue-icon { display: inline-block; margin: 0 1em 1em 0; text-decoration: none !important; } a.sue-icon i { display: inline-block; width: 1em; height: 1em; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; vertical-align: middle; text-align: center; } a.sue-icon img { display: inline-block; vertical-align: middle; } a.sue-icon:hover { opacity: 0.7; filter: alpha(opacity=70); } .sue-icon-text { margin-left: 0.5em; } a.sue-icon.sue-icon-no-url { cursor: default; } a.sue-icon.sue-icon-no-url:hover { opacity: 1; filter: alpha(opacity=100); } /*		Content slider
---------------------------------------------------------------*/ .sue-content-slider { position: relative; margin: 0 -10px 1.5em -10px; } /* Slides */ .sue-content-slide { margin: 10px; } .sue-content-slide > *:first-child { margin-top: 0; } .sue-content-slide > *:last-child { margin-bottom: 0; } /* Controls */ .sue-content-slider .owl-controls { position: absolute; top: 0; right: 10px; left: 10px; } .sue-content-slider-arrows-yes, .sue-content-slider-pages-yes, .sue-content-slider-arrows-hover, .sue-content-slider-pages-hover { padding-top: 34px; } .sue-content-slider-arrows-no .owl-buttons, .sue-content-slider-arrows-hover .owl-buttons, .sue-content-slider-pages-no .owl-pagination, .sue-content-slider-pages-hover .owl-pagination { display: none; } .sue-content-slider-arrows-hover:hover .owl-buttons, .sue-content-slider-pages-hover:hover .owl-pagination { display: block; } /* L/R arrows */ .sue-content-slider .owl-prev, .sue-content-slider .owl-next { position: absolute; top: 0; display: block; width: 30px; height: 30px; color: #ccc; text-align: center; font-size: 14px; font-family: FontAwesome; line-height: 30px; cursor: pointer; -webkit-font-smoothing: antialiased; *margin-right: .3em; } .sue-content-slider .owl-prev { right: 30px; } .sue-content-slider .owl-next { right: 0; } .sue-content-slider .owl-prev:hover, .sue-content-slider .owl-next:hover { color: #000; } .sue-content-slider .owl-prev:before { content: "\f053"; } .sue-content-slider .owl-next:before { content: "\f054"; } /* Pagination */ .sue-content-slider .owl-pagination { position: absolute; top: 0; left: 0; } .sue-content-slider .owl-page { width: 30px; height: 30px; padding: 10px; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; } .sue-content-slider .owl-page span { display: block; width: 10px; height: 10px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #eee; } .sue-content-slider .owl-page:hover span, .sue-content-slider .owl-page.active span { background: #555; } /* Dark skin */ .sue-content-slider-style-dark .owl-prev, .sue-content-slider-style-dark .owl-next { width: 24px; height: 24px; background: #333; color: #eee; line-height: 24px; } .sue-content-slider-style-dark .owl-prev { right: 30px; } .sue-content-slider-style-dark .owl-prev:hover, .sue-content-slider-style-dark .owl-next:hover { background: #000; color: #fff; } .sue-content-slider-style-dark .owl-page span { background: #555; } .sue-content-slider-style-dark .owl-page:hover span, .sue-content-slider-style-dark .owl-page.active span { background: #000; } /* Light skin */ .sue-content-slider-style-light .owl-prev, .sue-content-slider-style-light .owl-next { width: 24px; height: 24px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #eee; color: #555; line-height: 24px; } .sue-content-slider-style-light .owl-prev { right: 30px; } .sue-content-slider-style-light .owl-prev:hover, .sue-content-slider-style-light .owl-next:hover { background: #f5f5f5; color: #000; } .sue-content-slider-style-light .owl-page span { background: #eee; } .sue-content-slider-style-light .owl-page:hover span, .sue-content-slider-style-light .owl-page.active span { background: #ccc; } /*		Shadow
---------------------------------------------------------------*/ .sue-shadow-wrap { position: relative; z-index: 1; margin-bottom: 1.5em; padding-bottom: 15px; } .sue-shadow-wrap.sue-shadow-inline-yes { display: inline-block; } .sue-shadow { position: relative; min-height: 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .sue-shadow:before, .sue-shadow:after { position: absolute; z-index: -1; display: block; background: rgba(0, 0, 0, 0.7); -webkit-box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.7); box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.7); content: ""; } .sue-shadow > img, .sue-shadow > a > img { display: block; min-height: 40px; max-width: 100%; margin: 0; padding: 0; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /* Default style */ .sue-shadow-style-default:before, .sue-shadow-style-default:after { bottom: 25px; left: 20px; width: 60%; height: 20px; -webkit-box-shadow: 0 20px 20px 0px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0 20px 20px 0px rgba(0, 0, 0, 0.7); box-shadow: 0 20px 20px 0px rgba(0, 0, 0, 0.7); -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -ms-transform: rotate(-3deg); -o-transform: rotate(-3deg); transform: rotate(-3deg); } .sue-shadow-style-default:after { right: 20px; left: auto; -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -ms-transform: rotate(3deg); -o-transform: rotate(3deg); transform: rotate(3deg); } /* left style */ .sue-shadow-style-left:before { bottom: 25px; left: 20px; width: 60%; height: 20px; -webkit-box-shadow: 0 20px 20px 0px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0 20px 20px 0px rgba(0, 0, 0, 0.7); box-shadow: 0 20px 20px 0px rgba(0, 0, 0, 0.7); -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -ms-transform: rotate(-3deg); -o-transform: rotate(-3deg); transform: rotate(-3deg); } /* right style */ .sue-shadow-style-right:before { right: 20px; bottom: 25px; width: 60%; height: 20px; -webkit-box-shadow: 0 20px 20px 0px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0 20px 20px 0px rgba(0, 0, 0, 0.7); box-shadow: 0 20px 20px 0px rgba(0, 0, 0, 0.7); -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -ms-transform: rotate(3deg); -o-transform: rotate(3deg); transform: rotate(3deg); } /* horizontal style */ .sue-shadow-style-horizontal:before, .sue-shadow-style-horizontal:after { top: 20px; right: 0; bottom: 20px; left: 0; width: 30px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .sue-shadow-style-horizontal:after { left: auto; } /* vertical style */ .sue-shadow-style-vertical:before, .sue-shadow-style-vertical:after { top: 0; right: 20px; bottom: 0; left: 20px; height: 30px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .sue-shadow-style-vertical:after { top: auto; } /* bottom style */ .sue-shadow-style-bottom:before { right: 20px; bottom: 0; left: 20px; height: 30px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } /* simple style */ .sue-shadow-style-simple:before { right: 20px; bottom: 0; left: 20px; height: 30px; }