/* Theme Name: IonMag Theme URI: http://wpion.com Description: Free Premium WordPress template, clean and easy to use. Version: 1.0.3 Author: WPion Author URI: http://wpion.com License: License URI: Tags: black, white, one-column, two-columns, fixed-layout */ /* _____ __ __ |_ _| | \/ | | | ___ _ __ | \ / | __ _ __ _ | | / _ \| '_ \| |\/| |/ _` |/ _` | _| || (_) | | | | | | | (_| | (_| | |_____\___/|_| |_|_| |_|\__,_|\__, | __/ | |___/ ~ WPion 2016 ~ Thanks for using our theme! */ .td-header-sp-text {color: #2b6088;font-size: 18px;text-transform: uppercase;max-width: 315px;padding: 28px 0 0;display: inline-block;font-weight: bold;} .td-login-modal-js {color: #848484;font-size: 12px;margin-top: 7px;display: inline-block;vertical-align: top;} .td-search-btns-wrap {clear: both;float: right;width: 207px;border-bottom: 1px solid black;margin: 10px 0 0;} .td-header-menu-search .td-search-btns-wrap {border: 0;} .rev_slider_wrapper {margin: 0 auto 40px!important;} .td-footer-sp-top-widget {text-align: right;} .footer-home-content-left {float: left;display: inline-block;max-width: 49%;} .footer-home-content-right {float: right;display: inline-block;max-width: 49%;} .footer-home-content-left a {text-decoration: underline;} .footer-home-content-hr {border-top: 1px solid #7c9296;margin: 0 0 10px;} .qtranxs_widget {text-align: right;font-size: 10px;font-weight: bold;margin-bottom: 20px;} .map-content .wpcf7, .map-content figure {float: left;display: inline-block;width: 315px;vertical-align: top;} .map-content figure {float: right;height: 240px;} .map-content figure iframe {height: 240px;width: 315px;} .map-content .wpcf7 label {color: #202020;font-size: 14px;list-style: 17px;font-weight: bold;margin-bottom: 8px;} .map-content .wpcf7 input, .map-content .wpcf7 textarea {color: #202020;border: 1px solid #e8e8e8;margin: 0 0 7px;} textarea {resize: none;} ::-webkit-input-placeholder {color:#202020;} ::-moz-placeholder {color:#202020;}/* Firefox 19+ */ :-moz-placeholder {color:#202020;}/* Firefox 18- */ :-ms-input-placeholder {color:#202020;} .wpcf7-submit {color: #ffffff!important;font-size: 11px!important;border: 0!important;text-transform: uppercase!important;background: #31909c!important;padding: 8px 40px!important;} .wpcf7-submit:hover {background: #080808!important;} .contact-box {margin: 0 0 15px;} .search-field::-webkit-input-placeholder {color:#fff!important;} .td-footer-wrapper .search-field::-webkit-input-placeholder {font-size: 0!important;} .td-footer-wrapper input.search-submit {top: 35px;border: 1px solid #ebebeb;padding: 4px 30px 4px;height: 30px;margin: 1px 0;} .td-default-sharing .td-icon-facebook, .td-default-sharing .td-icon-twitter, .td-default-sharing .td-icon-facebook:hover, .td-default-sharing .td-icon-twitter:hover {background: none;padding: 5px 0 0;} .td-default-sharing .td-icon-facebook:before {content: "\e818";} .td-default-sharing .td-icon-twitter:before {content: "\e831";} .contact-block {display: inline-block;width: 150px;margin: 15px 7px 0 0;vertical-align: top;font-size: 13px;line-height: 18px;} .contact-block img {max-width: 150px;margin-bottom: 10px;} .lang-ua.active a span, .lang-ru.active a span {color: #42bdcd;} .lang-ua {position: relative;left: -35px;} .lang-ru {position: relative;right: -35px;} .td-post-comments {display: none!important;} .td-post-date:after {display: none;} .strelochka {/*display: inline-block;*/margin-top: 10px;} .strelochka a {display: inline-block;padding: 8px 16px 8px;font-family: 'Work Sans', sans-serif;color: #848484!important;text-transform: uppercase;line-height: 1;text-align: center;vertical-align: middle;border: #848484 1px solid;} .strelochka a:hover {color: #42bdcd!important;} .tp-parallax-wrap {background: #ececec;width: 495px;height: 200px;padding: 65px 0 0 40px;transition: all ease-out 2s;} .tp-parallax-wrap + .tp-parallax-wrap {padding: 10px 0 0 40px;} .tp-resizeme a {text-decoration: none;color: #848484;font-size: 12px!important;padding: 10px 25px!important;border: 1px solid #848484;text-transform: uppercase;display: inline-block;} .td-ss-main-sidebar {background: #f3f9fa;padding-top: 15px;padding-left: 20px;padding-right: 20px;margin-top: -15px;font-weight: bold;} .td-main-sidebar {padding-left: 0!important;} .td-footer-wrapper .td-pb-row [class*="td-pb-span"] {padding: 0 10px!important;} .Ukraine-map {max-width: 679px;margin-left: -20px;} .td_block_inner {margin-left: 20px;} .td-main-sidebar .td_block_inner {margin-left: 0px;} .media-body div {display: inline;float: right;} .wpdm_icon {height: 30px;} .w3eden {border-bottom: 1px solid #f0f0f0;} .td-post-prev-post {padding-left: 20px;} .td-main-sidebar .widget_nav_menu {} #fname, #selected_region {background: #f3f9fa;border-left: 0;border-top: 0;border-right: 0; border-bottom: 1px solid black;} #send-search, #myBtn {background: #31909c;border: 0;color: white;margin: 20px 0 0;padding: 4px 30px 2px;font-size: 12px;} #myBtn {margin: 0 0 20px;padding: 10px 35px 8px} #table {margin-top: 20px;font-size: 13px;} #tribe-bar-collapse-toggle {text-transform: none!important;} h2.tribe-events-page-title {font-size: 20px!important;} .tribe-events-calendar thead th {font-size: 9px;} .grey-fon-q2d {padding: 22px;background: #f3f9fa;margin-bottom: 20px;} .img-grey-fon {overflow: hidden;width: 208px;display: inline-block;margin-right: 20px;vertical-align: top;} .img-grey-fon img {max-width: 208px;height: auto;} .text-grey-fon {width: 340px;display: inline-block;vertical-align: top;} .p-grey-fon {font-size: 17px;margin-bottom: 15px;margin-top: 0px;} .span-grey-fon {display: block;font-weight: bold;} .a-grey-fon {color: #848484;font-size: 12px;} .text-grey-fon + p {display: none;} .text-grey-fon p:last-child {margin-bottom: 0;} @media (min-width: 100px) and (max-width: 630px) { .text-grey-fon {width: 100%;} } .tribe-event-date-start, .tribe-event-date-end, .tribe-events-single-event-title {font-size: 20px!important;} .td_module_1 {margin-left: 20px;} #bwg_standart_thumbnails_0 {text-align: left!important;} .bwg_lightbox_0 {height: 185px;display: inline-block;overflow: hidden;} .td-menu-background, .td-search-background {background-image: none!important;} .td-menu-background:before, .td-search-background:before {background: rgb(255,255,255)!important;} .modal {padding-top: 50px!important;} .modal-content {width: 50%!important;min-width: 300px!important;} .modal-content p {margin-bottom: 10px!important;font-size: 12px!important;line-height: 18px!important;} .modal-content .g-recaptcha {float: left;margin: 0 10px 0 0;} .modal-content .wpcf7-submit {margin: 0 0 25px;} .modal-content .wpcf7-validates-as-required {height: 25px!important;} .tribe-events-calendar thead th {background-color: #58758a!important;} .tribe-events-calendar td.tribe-events-past div[id*=tribe-events-daynum-], .tribe-events-calendar td.tribe-events-past div[id*=tribe-events-daynum-]>a {background-color: #7a94a6;} .tribe-events-calendar div[id*=tribe-events-daynum-], .tribe-events-calendar div[id*=tribe-events-daynum-] a {background-color: #405e73;} .tribe-events-has-events {background: #f7c427;} #tribe-bar-form .tribe-bar-submit input[type=submit] {background: #58758a!important;} #tribe-bar-form, #tribe-bar-collapse-toggle, .tribe-bar-views-inner, #tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option a {background: #f3f9fa;} .assoc .td-item-details {display: block;} .assoc .td_module_5 {background: #f3f9fa;padding: 15px 15px 15px;} .td-module-with-sidebar .td_module_5 {background: #f3f9fa;padding: 15px 15px 15px;} .single-tribe_events .tribe-events-schedule .tribe-events-cost {display: none;} .tribe-events-ical, .tribe-events-gcal {display: none!important;} .td-phone-info-text { margin-top: 10px!important; margin-bottom: 20px;font-size: 13px;} .post-author {padding-left: 20px;display: inline-block;} .td-footer-outer-wrapper .search-field {color: black!important;} #bwg_container1_1 #bwg_container2_1 .bwg_standart_thumbnails_1 {text-align: left!important;} .bwg_lightbox_0 {height: 270px!important;} /*.td-icon-facebook:before { content: "\e818"; }*/ /*.td-icon-twitter:before { content: "\e831"; }*/ body { visibility: visible !important; background-color: #fff; } /* ---------------------------------------------------------------------------- responsive settings */ /* responsive landscape tablet */ /* responsive portrait tablet */ /* responsive portrait phone */ .mx_image_background { background-color: #f2f2f2; } .td-visibility-hidden { visibility: hidden; } /* ---------------------------------------------------------------------------- from bootstrap */ .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; content: ''; line-height: 0; } .clearfix:after { clear: both; } /* usage: .td-block-row { .mx-row(td-block-span); } @all_span_selector - is the begining of the span selector */ /*! normalize.css v3.0.2 | MIT License | git.io/normalize */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Remove default margin. */ body { margin: 0; } /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 * and Firefox. * Correct `block` display not defined for `main` in IE 11. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */ [hidden], template { display: none; } /* Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ a { background-color: transparent; } /** * Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* Text-level semantics ========================================================================== */ /** * Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ b, strong { font-weight: bold; } /** * Address styling not present in Safari and Chrome. */ dfn { font-style: italic; } /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari, and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } /** * Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari. */ figure { margin: 0; } /** * Address differences between Firefox and other browsers. */ hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } /* Forms ========================================================================== */ /** * Known limitation: by default, Chrome and Safari on OS X allow very limited * styling of `select`, unless a `border` property is set. */ /** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */ button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ } /** * Address `overflow` set to `hidden` in IE 8/9/10/11. */ button { overflow: visible; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */ button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ input { line-height: normal; } /** * It's recommended that you don't attempt to style these elements. * Firefox's implementation doesn't respect box-sizing, padding, or width. * * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome * (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct `color` not being inherited in IE 8/9/10/11. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * Remove default vertical scrollbar in IE 8/9/10/11. */ textarea { overflow: auto; } /** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ optgroup { font-weight: bold; } /* Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } * { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } img { max-width: 100%; width: auto\9; height: auto; } /* ---------------------------------------------------------------------------- container */ .td-container, .tdc-row { margin-right: auto; margin-left: auto; width: 980px; /* responsive portrait tablet */ /* responsive portrait phone */ } .td-container:before, .tdc-row:before, .td-container:after, .tdc-row:after { display: table; content: ''; line-height: 0; } .td-container:after, .tdc-row:after { clear: both; } @media (min-width: 768px) and (max-width: 1018px) { .td-container, .tdc-row { width: 732px; } } @media (max-width: 767px) { .td-container, .tdc-row { width: 100%; } } /* ---------------------------------------------------------------------------- rows */ .td-pb-row { *zoom: 1; margin-right: -20px; margin-left: -20px; } .td-pb-row:before, .td-pb-row:after { display: table; content: ""; } .td-pb-row:after { clear: both; } /* ---------------------------------------------------------------------------- all spans */ .td-pb-row [class*="td-pb-span"] { display: block; min-height: 1px; float: left; /* responsive portrait tablet */ /* responsive portrait phone */ padding-right: 20px; padding-left: 20px; position: relative; } @media (min-width: 768px) and (max-width: 1018px) { .td-pb-row [class*="td-pb-span"] { padding-right: 12px; padding-left: 12px; } } @media (max-width: 767px) { .td-pb-row [class*="td-pb-span"] { padding-right: 0; padding-left: 0; } } /* ---------------------------------------------------------------------------- smart sidebar - fix */ .td-ss-main-sidebar, .td-ss-row .td-pb-span4 .wpb_wrapper { -webkit-backface-visibility: hidden; -webkit-perspective: 1000; } /* ---------------------------------------------------------------------------- main grid */ .td-pb-span1 { width: 8.33333333%; } .td-pb-span2 { width: 16.66666667%; } .td-pb-span3 { width: 25%; } .td-pb-span4 { width: 33.33333333%; } .td-pb-span5 { width: 41.66666667%; } .td-pb-span6 { width: 50%; } .td-pb-span7 { width: 58.33333333%; } .td-pb-span8 { width: 66.66666667%; } .td-pb-span9 { width: 75%; } .td-pb-span10 { width: 83.33333333%; } .td-pb-span11 { width: 91.66666667%; } .td-pb-span12 { width: 100%; } .td-sidebar-right-fixed .wpb_column:first-child { width: 100%; padding-right: 168px !important; margin-right: -150px; } .td-sidebar-right-fixed .wpb_column:last-child { width: 150px; } /* ---------------------------------------------------------------------------- hacks Visual Composer */ .wpb_row { margin-bottom: 0; } .vc_col-has-fill > .vc_column-inner, .vc_row-has-fill + .vc_row-full-width + .vc_row > .vc_column_container > .vc_column-inner, .vc_row-has-fill + .vc_row > .vc_column_container > .vc_column-inner, .vc_row-has-fill + .vc_vc_row > .vc_row > .vc_vc_column > .vc_column_container > .vc_column-inner, .vc_row-has-fill + .vc_vc_row_inner > .vc_row > .vc_vc_column_inner > .vc_column_container > .vc_column-inner, .vc_row-has-fill > .vc_column_container > .vc_column-inner, .vc_row-has-fill > .vc_row > .vc_vc_column > .vc_column_container > .vc_column-inner, .vc_row-has-fill > .vc_vc_column_inner > .vc_column_container > .vc_column-inner { padding-top: 0; } .vc_row .vc_column-inner { padding-left: 0; padding-right: 0; } /* block row + global block spans */ .td-block-row { *zoom: 1; margin-left: -20px; margin-right: -20px; } .td-block-row:before, .td-block-row:after { display: table; content: ""; } .td-block-row:after { clear: both; } .td-block-row [class*="td-block-span"] { display: block; min-height: 1px; float: left; padding-right: 20px; /*padding-left: 20px;*/ /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td-block-row [class*="td-block-span"] { padding-right: 12px; padding-left: 12px; } } @media (max-width: 767px) { .td-block-row [class*="td-block-span"] { padding-right: 0; padding-left: 0; } } .td-block-span3 { /* 1/3 - used when the block is on td-3-col */ width: 25%; } .td-block-span4 { /* 1/3 - used when the block is on td-3-col */ width: 33.33333333%; } .td-block-span6 { /* half - used when the block is on td-2-col */ width: 50%; } /* responsive portrait tablet */ @media (min-width: 768px) and (max-width: 1018px) { /* ---------------------------------------------------------------------------- rows */ .td-pb-row { *zoom: 1; margin-right: -12px; margin-left: -12px; } .td-pb-row:before, .td-pb-row:after { display: table; content: ""; } .td-pb-row:after { clear: both; } /* ---------------------------------------------------------------------------- all spans */ .td-pb-row [class*="td-pb-span"] { display: block; min-height: 1px; float: left; padding-right: 12px; padding-left: 12px; } /* ---------------------------------------------------------------------------- blocks grid */ /* block row + global block spans */ .td-block-row { *zoom: 1; margin-left: -12px; margin-right: -12px; } .td-block-row:before, .td-block-row:after { display: table; content: ""; } .td-block-row:after { clear: both; } .td-block-row [class*="td-block-span"] { display: block; min-height: 1px; float: left; padding-right: 20px; padding-left: 20px; /* responsive portrait tablet */ /* responsive portrait phone */ } } @media (min-width: 768px) and (max-width: 1018px) and (min-width: 768px) and (max-width: 1018px) { .td-block-row [class*="td-block-span"] { padding-right: 12px; padding-left: 12px; } } @media (min-width: 768px) and (max-width: 1018px) and (max-width: 767px) { .td-block-row [class*="td-block-span"] { padding-right: 0; padding-left: 0; } } /* responsive portrait phone */ @media (max-width: 767px) { /* container */ .td-container, .tdc-row { padding-left: 10px; padding-right: 10px; } .td-pb-row { width: 100%; margin-left: 0; margin-right: 0; } /* ---------------------------------------------------------------------------- all spans */ .td-pb-row [class*="td-pb-span"] { display: block; min-height: 1px; float: left; padding-right: 0; padding-left: 0; } .td-pb-row .td-pb-span1, .td-pb-row .td-pb-span2, .td-pb-row .td-pb-span3, .td-pb-row .td-pb-span4, .td-pb-row .td-pb-span5, .td-pb-row .td-pb-span6, .td-pb-row .td-pb-span7, .td-pb-row .td-pb-span8, .td-pb-row .td-pb-span9, .td-pb-row .td-pb-span10, .td-pb-row .td-pb-span11, .td-pb-row .td-pb-span12 { float: none; width: 100%; } /* ---------------------------------------------------------------------------- blocks grid */ /* block row + global block spans */ .td-block-row { *zoom: 1; margin-left: 0; margin-right: 0; } .td-block-row:before, .td-block-row:after { display: table; content: ""; } .td-block-row:after { clear: both; } .td-block-row [class*="td-block-span"] { display: block; min-height: 1px; float: left; padding-right: 20px; padding-left: 20px; /* responsive portrait tablet */ /* responsive portrait phone */ } .td-block-span4, .td-block-span6, .td-block-span12 { float: none; width: 100%; } } @media (max-width: 767px) and (min-width: 768px) and (max-width: 1018px) { .td-block-row [class*="td-block-span"] { padding-right: 12px; padding-left: 12px; } } @media (max-width: 767px) and (max-width: 767px) { .td-block-row [class*="td-block-span"] { padding-right: 0; padding-left: 0; } } .td-boxed-layout .td-container-wrap { width: 1060px; } @media (max-width: 1080px) { .td-boxed-layout .td-container-wrap { width: 100%; } } .td-container-wrap { background-color: #fff; margin-left: auto; margin-right: auto; } .backstretch { width: 100%; height: 100%; position: fixed; z-index: -99999; top: 0; } .td-backstretch { max-width: none; opacity: 0; transition: opacity 2s; display: block; } .td-stretch-width { height: auto; width: 100.03%; margin: 0; position: relative; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); } .td-stretch-height { position: relative; height: 100%; width: auto; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); } .td-header-logo-wrap { position: relative; padding: 20px 0 13px; border-top: 10px solid #f7c427; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td-header-logo-wrap { padding: 16px 0; } } @media (max-width: 767px) { .td-header-logo-wrap { padding: 0; } } .td-header-menu-wrap-full { z-index: 9998; position: relative; } .td-header-rec-wrap .td-a-rec, .td-header-rec-wrap .td-g-rec { margin-bottom: 0; } /* ---------------------------------------------------------------------------- Logo in header */ .td-header-sp-logo { position: relative; float: left; width: 22.85714285714286%; max-width: 140px; /* responsive portrait phone */ } .td-header-sp-logo img { /* margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0;*/ } /*@media (max-width: 767px) { .td-header-sp-logo { display: none; } }*/ @media (max-width: 485px) { .td-header-sp-text { font-size: 12px; max-width: 215px; padding: 12px 0 0; } } /* ---------------------------------------------------------------------------- Logo in menu */ #td-header-menu .td-header-logo { padding: 0; } .td-main-menu-logo { display: none; float: left; margin-right: 10px; height: 55px; /* responsive portrait phone */ } @media (max-width: 767px) { .td-main-menu-logo { /* display: block;*/ margin-right: 0; height: 0; } } .td-main-menu-logo a { line-height: 55px; } .td-main-menu-logo img { padding: 3px 0; position: relative; vertical-align: middle; max-height: 55px; } @media (max-width: 767px) { .td-main-menu-logo img { position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; padding: 0; } } @media (max-width: 1140px) { .td-main-menu-logo img { max-width: 160px; } } @media (min-width: 768px) { .td-affix .td-logo-sticky { display: block; } .td-header-wrap .td-affix .td-main-menu-logo { height: 55px !important; } .td-header-wrap .td-affix .td-main-menu-logo a { line-height: 55px !important; } .td-header-wrap .td-affix .td-main-menu-logo img { max-height: 55px !important; top: -2px; } .td-header-wrap .td-affix .sf-menu > li > a, .td-header-wrap .td-affix .td-icon-search { line-height: 55px !important; } } .td-visual-hidden { border: 0; width: 1px; height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; } .td-logo { margin: 0; padding: 0; line-height: 1; font-size: inherit !important; } /* ------------------------------------------------------------------------------- logo on sticky menu */ .td-logo-in-header .td-sticky-disable.td-mobile-logo, .td-logo-in-header .td-sticky-disable.td-header-logo { display: none; } .td-logo-in-header .td-sticky-disable.td-mobile-logo { /* responsive portrait phone */ } @media (max-width: 767px) { .td-logo-in-header .td-sticky-disable.td-mobile-logo { display: block; } } .td-logo-in-header .td-sticky-header.td-mobile-logo { display: none; /* responsive portrait phone */ } @media (max-width: 767px) { .td-logo-in-header .td-sticky-header.td-mobile-logo { display: inherit; } } .td-logo-in-header .td-sticky-header.td-header-logo { display: block; /* responsive portrait phone */ } @media (max-width: 767px) { .td-logo-in-header .td-sticky-header.td-header-logo { display: none; } } .td-logo-in-header .td-sticky-mobile.td-mobile-logo { display: block; } .td-logo-in-header .td-sticky-mobile.td-header-logo { display: none; } .td-logo-in-menu .td-sticky-disable.td-mobile-logo { display: none; /* responsive portrait phone */ } @media (max-width: 767px) { .td-logo-in-menu .td-sticky-disable.td-mobile-logo { display: block; } } .td-logo-in-menu .td-sticky-disable.td-header-logo { display: block; /* responsive portrait phone */ } @media (max-width: 767px) { .td-logo-in-menu .td-sticky-disable.td-header-logo { display: none; } } .td-affix .td-logo-in-menu .td-sticky-disable.td-header-logo { display: none; } .td-logo-in-menu .td-sticky-header.td-mobile-logo { display: none; /* responsive portrait phone */ } @media (max-width: 767px) { .td-logo-in-menu .td-sticky-header.td-mobile-logo { display: block; } } .td-logo-in-menu .td-sticky-header.td-header-logo { display: block; /* responsive portrait phone */ } @media (max-width: 767px) { .td-logo-in-menu .td-sticky-header.td-header-logo { display: none; } } .td-logo-in-menu .td-sticky-mobile.td-mobile-logo { display: none; /* responsive portrait phone */ } @media (max-width: 767px) { .td-logo-in-menu .td-sticky-mobile.td-mobile-logo { display: block; } } .td-logo-in-menu .td-sticky-mobile.td-header-logo { /* responsive portrait phone */ } @media (max-width: 767px) { .td-logo-in-menu .td-sticky-mobile.td-header-logo { display: none; } } .td-affix .td-logo-in-menu .td-sticky-mobile.td-header-logo { display: none; } .td-affix .td-logo-in-menu .td-sticky-mobile.td-mobile-logo { display: block; } .td-affix .td-logo-in-menu .td-main-logo { display: none; /* responsive portrait phone */ } @media (max-width: 767px) { .td-affix .td-logo-in-menu .td-main-logo { display: block; } } .td-affix .td-logo-in-menu.td-logo-sticky .td-main-logo { display: block; } /* ---------------------------------------------------------------------------- Header menu affix */ .td-header-menu-wrap.td-affix { transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); margin-right: auto; margin-left: auto; width: 100%; z-index: 9999; position: fixed !important; background-color: #fff; background-color: rgba(255, 255, 255, 0.95); top: 0; left: 0; /* responsive portrait phone */ } @media (max-width: 767px) { .td-header-menu-wrap.td-affix { background-color: #222; } } .td-header-menu-wrap.td-affix .td-main-menu-logo { margin-right: 32px; } .td-header-menu-wrap.td-affix #td-header-menu { width: 100%; } .td-header-menu-wrap.td-affix .sf-menu ul ul { margin-top: -15px; padding: 15px 0; } .td-affix .td-logo-in-menu .td-sticky-mobile.td-header-logo { display: none; } .td-affix .td-logo-in-menu .td-sticky-mobile.td-mobile-logo { display: block; } .td-affix .td-logo-in-menu .td-sticky-disable.td-header-logo { display: none; } .td-affix .td-logo-in-menu .td-main-logo { display: none; /* responsive portrait phone */ } @media (max-width: 767px) { .td-affix .td-logo-in-menu .td-main-logo { display: block; } } .td-affix .td-logo-in-menu.td-logo-sticky .td-main-logo { display: block; } .admin-bar .td-header-menu-wrap.td-affix { top: 32px; /* responsive portrait phone */ } @media (max-width: 767px) { .admin-bar .td-header-menu-wrap.td-affix { top: 46px; } } @media (max-width: 602px) { .admin-bar .td-header-menu-wrap.td-affix { top: 0; } } @media (min-width: 768px) { .td-affix .td-logo-sticky { display: block; } } /* ---------------------------------------------------------------------------- Style 1 */ .td-header-style-1 .td-header-sp-logo { min-height: 90px; } .td-header-style-1 .td-header-rec-wrap { min-height: 90px; /* responsive portrait phone */ } @media (max-width: 767px) { .td-header-style-1 .td-header-rec-wrap { min-height: 0; } } /* ---------------------------------------------------------------------------- Style 2 */ .td-header-style-2 { /* desktop only */ } @media (min-width: 768px) { .td-header-style-2 .td-header-logo-wrap { padding: 19px 0; } } .td-header-style-2 .td-header-sp-logo img { position: relative; } .td-header-style-2 .td-a-rec, .td-header-style-2 .td-g-rec { margin-bottom: 19px; /* responsive portrait phone */ } @media (max-width: 767px) { .td-header-style-2 .td-a-rec, .td-header-style-2 .td-g-rec { margin-bottom: 0; } } .td-header-style-2 .td-header-sp-recs img, .td-header-style-2 .td-header-sp-recs .adsbygoogle { position: relative; margin: 0 auto; /* responsive portrait phone */ } @media (max-width: 767px) { .td-header-style-2 .td-header-sp-recs img, .td-header-style-2 .td-header-sp-recs .adsbygoogle { margin: 10px auto; } } .td-header-style-2 .td-header-sp-logo, .td-header-style-2 .td-header-sp-recs { text-align: center; width: 100%; } .td-header-style-2 .td-header-main-menu { padding-right: 0; /* desktop only */ } @media (min-width: 768px) { .td-header-style-2 .td-header-main-menu { text-align: center; } } .td-header-style-2 #td-header-search-button i { margin-left: 10px; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td-header-style-2 #td-header-search-button i { margin-left: 0; } } /* the search button */ #td-header-search-button { /* responsive portrait phone */ } @media (max-width: 767px) { #td-header-search-button { display: none; } } #td-header-search-button-mob { display: none; /* responsive portrait phone */ } @media (max-width: 767px) { #td-header-search-button-mob { display: block; } } .td-icon-search { color: #42bdcd; width: 200px; text-align: right!important; } /* the search drop down */ .td-search-box-wrap { position: absolute; top: 100%; z-index: 9999; right: 0; background-color: #fff; -webkit-box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, 0.25); border-top: 0; width: 340px; } .td-header-wrap .td-drop-down-search { display: none; font-family: 'Source Sans Pro', sans-serif; color: #000; /* responsive portrait phone */ /* search form */ /* this class is added by the js to open the menu - will be used for animation */ /* responsive all without phone */ } @media (max-width: 767px) { .td-header-wrap .td-drop-down-search { width: 100%; } } .td-header-wrap .td-drop-down-search #td-header-search { width: 100%; height: 28px; margin: 0; padding: 0 11px; font-size: 13px; color: #666; border: 0; border-bottom: 1px solid #ebebeb; } .td-header-wrap .td-drop-down-search .btn { position: absolute; right: 20px; background-color: transparent; height: 14px; margin: 6px 0; padding: 0 1px 0 8px; text-transform: uppercase; font-size: 11px; font-weight: 700; text-shadow: none; color: #000; border-left: 1px solid #ebebeb; } .td-header-wrap .td-drop-down-search .btn:hover { background-color: transparent; color: #42bdcd; } @media (min-width: 768px) { .td-header-wrap .td-drop-down-search.td-drop-down-search-open { display: block; } } .td-header-wrap .td-drop-down-search .td-search-form { margin: 20px; } .td-header-wrap .td-drop-down-search .result-msg { text-align: center; padding: 10px 0 12px 0; font-family: 'Source Sans Pro', sans-serif; font-size: 11px; text-transform: uppercase; font-weight: 700; } .td-header-wrap .td-drop-down-search .result-msg a { color: #42bdcd; display: block; line-height: initial; } .td-header-wrap .td-drop-down-search .result-msg a:hover { opacity: 0.8; } .td-header-wrap .td-drop-down-search .td-aj-search-results { background-color: #fff; padding: 10px 0; -webkit-box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, 0.25); } .td-header-wrap .td-drop-down-search .td-aj-search-results .td_module_mx2 { padding-bottom: 10px; padding-top: 10px; } .td-header-wrap .td-drop-down-search .td-aj-search-results .td_module_mx2 .td-item-details { margin: 0 20px 0 115px; } .td-header-wrap .td-drop-down-search .td-aj-search-results .td_module_mx2 .td-module-thumb { margin-left: 20px; } .td-header-wrap .td-drop-down-search .no-result { background-color: #fdfdfd; border: 1px solid #ededed; } .td-header-wrap .td-drop-down-search .td-aj-cur-element { background-color: #f5f5f5; } .td-header-wrap .td-drop-down-search:after { position: absolute; top: -1px; display: block; content: ''; width: 100%; height: 1px; background-color: #000; } .td-header-top-menu { position: relative; background-color: #1a1f2b; font: 12px 'Work Sans', sans-serif; color: #fff; z-index: 9999; /* responsive portrait phone */ } @media (max-width: 767px) { .td-header-top-menu { display: none !important; } } .td-header-top-menu a { color: #fff; } .td-header-top-menu:before { content: ''; position: absolute; bottom: -1px; left: 0; width: 100%; height: 1px; opacity: 0.07; background-color: #fff; } /* left menu side */ .td-header-sp-top-menu { line-height: 35px; z-index: 1000; float: right; } .td-header-sp-top-menu .td_ul_login { margin-right: 10px; } .td-header-sp-top-menu .td_ul_logout { margin-right: 40px; } /* ---------------------------------------------------------------------------- top-menu data time */ .td_data_time { display: inline-block; margin-right: 36px; } /* ---------------------------------------------------------------------------- login & menu */ .menu-top-container { display: inline-block; } .top-header-menu { list-style: none; margin: 0; padding: 0; display: inline-block; } .top-header-menu > li { display: inline-block; position: relative; margin-left: 0; line-height: 35px; } .top-header-menu > li a { margin-right: 16px; line-height: 1; text-decoration: none; } .top-header-menu > li:last-of-type a { margin-right: 0; } .top-header-menu .avatar { display: inline-block; vertical-align: middle; margin-right: 6px; position: relative; top: -1px; border-radius: 100%; } .top-header-menu .td-icon-menu-down { padding-left: 5px; font-size: 6px; position: relative; top: -1px; } .top-header-menu .td-icon-logout { font-size: 10px; position: relative; top: 1px; margin-right: 2px; } .top-header-menu .sub-menu { display: none; position: absolute; top: 100%; left: -20px; padding: 10px 0; min-width: 130px; background-color: #fff; -webkit-box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, 0.25); z-index: 1000; list-style: none; } .top-header-menu .sub-menu li { width: 100%; line-height: 1; margin: 0; } .top-header-menu .sub-menu a { display: block; padding: 2px 20px; margin: 0; white-space: nowrap; line-height: 20px; color: #000; font-weight: 500; } .top-header-menu .td_user_logd_in { font-weight: bold; } .top-header-menu .td_user_logd_in:hover { text-decoration: none !important; } .top-header-menu > .td-normal-menu:hover > .sub-menu { display: block !important; } .top-header-menu .sub-menu, .top-header-menu ul .td-icon-menu-down, .top-header-menu .td-mega-menu .td-icon-menu-down { display: none !important; } .td_sp_login_ico_style { position: absolute; top: 3px; right: -9px; } .td_sp_logout_ico_style { top: 3px; left: 17px; } .td-header-top-menu .top-header-menu a:hover, .td-header-top-menu .top-header-menu .current-menu-item > a, .td-header-top-menu .top-header-menu .current-menu-ancestor > a, .td-header-top-menu .top-header-menu .current-category-ancestor > a { color: #42bdcd; } /* ---------------------------------------------------------------------------- search & social */ .td-header-sp-top-widget { float: right; position: relative; } .td-header-sp-top-widget .td-search-btns-wrap i, .td-header-sp-top-widget .td-social-icon-wrap i { line-height: 35px; font-size: 13px; min-width: 30px; } .td-header-sp-top-widget .td-search-btns-wrap:before, .td-header-sp-top-widget .td-social-icon-wrap:first-of-type:before, .td-header-sp-top-widget .td-social-icon-wrap:after { content: ''; position: absolute; top: 0; right: 0; width: 1px; height: 100%; background-color: #fff; opacity: 0.07; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity='7.000000000000001')"; filter: alpha(opacity=7); } .td-header-sp-top-widget .td-search-btns-wrap:before, .td-header-sp-top-widget .td-social-icon-wrap:first-of-type:before { right: auto; left: 0; } .td-header-sp-top-widget .td-search-btns-wrap { float: left; } .td-header-sp-top-widget .td-search-btns-wrap:hover .td-icon-search { opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity='80')"; filter: alpha(opacity=80); } .td-header-sp-top-widget .td-social-icon-wrap { float: left; position: relative; } .td-header-sp-top-widget .td-social-icon-wrap > a { display: inline-block; } .td-header-sp-top-widget #td-header-search-button i { margin-left: 0; } .td-header-sp-top-widget .td-drop-down-search:after { display: none; } /* ---------------------------------------------------------------------------- Style 2 */ .top-bar-style-2 .td-header-sp-top-menu { float: right; } .top-bar-style-2 .td-header-sp-top-widget { float: left; } .top-bar-style-2 .td-search-box-wrap { right: auto; left: 0; } /* ---------------------------------------------------------------------------- Style 3 */ .top-bar-style-3 .td-header-sp-top-widget { float: left; margin-left: 40px; } /* ---------------------------------------------------------------------------- Style 4 */ .top-bar-style-4 .td-header-sp-top-menu { float: right; } .top-bar-style-4 .td-header-sp-top-widget { margin-left: 40px; } .td-header-menu-wrap { position: relative; /* responsive portrait phone */ } .td-header-menu-wrap:before, .td-header-menu-wrap:after { content: ''; position: absolute; left: 0; width: 100%; height: 1px; background-color: #000; opacity: 0.08; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity='8')"; filter: alpha(opacity=8); } .td-header-menu-wrap:before { top: 0; } .td-header-menu-wrap:after { bottom: 0; } .td-header-menu-wrap.td-affix:after { display: block; bottom: -12px; background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAMBAMAAABRpcpkAAAAD1BMVEUAAAAAAAAAAAAAAAAAAABPDueNAAAABXRSTlMGAhQQCyEd++8AAAAUSURBVAjXY1AAQgMgdABCCBAAQQAT6AFRBPHcWgAAAABJRU5ErkJggg=='); height: 12px; opacity: 1; } @media (max-width: 767px) { .td-header-menu-wrap { background-color: #222 !important; border: none; } .td-header-menu-wrap:after { display: block !important; bottom: -12px; background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAMBAMAAABRpcpkAAAAD1BMVEUAAAAAAAAAAAAAAAAAAABPDueNAAAABXRSTlMGAhQQCyEd++8AAAAUSURBVAjXY1AAQgMgdABCCBAAQQAT6AFRBPHcWgAAAABJRU5ErkJggg=='); height: 12px; opacity: 1; } } .td-header-main-menu { position: relative; z-index: 999; padding-right: 35px; font-family: 'Work Sans', sans-serif; } @media (max-width: 767px) { .td-header-main-menu { padding-right: 64px; padding-left: 0; } } .td-header-main-menu .td-search-box-wrap { margin-top: -1px; } /* ---------------------------------------------------------------------------- SF menu */ .sf-menu, .sf-menu ul, .sf-menu li { margin: 0; list-style: none; text-align: left; } /* responsive phone */ @media (max-width: 767px) { .sf-menu { display: none; } } .sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } .sf-menu li { float: left; position: relative; } .sf-menu li .fa { margin-right: 10px; font-size: 1.4em; vertical-align: middle; position: relative; top: -1px; } .sf-menu li .td-only-icon { margin-right: 0; } .sf-menu .menu-item > a { display: block; position: relative; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: auto; z-index: 99; } ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 10em; /* match ul width */ top: 0 !important; } ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; } .sf-menu > .current-menu-ancestor, .sf-menu > .current-category-ancestor, .sf-menu > .current-menu-item { z-index: 1; } .sf-menu > li:last-child > a { padding-right: 0; } /* ---------------------------------------------------------------------------- All the links */ /* remove the down arrow on links with (icons menus) */ .td-no-down-arrow > a .sf-sub-indicator { display: none; } .sf-menu > li > a { padding-right: 20px; font-weight: 600; line-height: 55px; font-size: 11px; color: #2b6088; text-transform: uppercase; -webkit-backface-visibility: hidden; } @media (min-width: 768px) and (max-width: 1018px) { .sf-menu > li > a { padding-right: 17px; font-size: 11px; } } /* menu icons */ .sf-menu .menu_icon { position: relative; top: 13px; float: left; } .sf-menu .sub-menu .menu_icon { top: 0; } .sf-menu .menu_hidden { display: none !important; } /* hover and current menu */ .sf-menu > .current-menu-item > a, .sf-menu > .current-menu-ancestor > a, .sf-menu > .current-category-ancestor > a, .sf-menu > li > a:hover, .sf-menu > .sfHover > a { background-color: transparent; color: #42bdcd; z-index: 999; } #td-header-menu { display: inline-block; vertical-align: top; } /* ---------------------------------------------------------------------------- submenu */ .sf-menu li > ul { margin-top: -1px; } .sf-menu ul { position: absolute; top: -999em; min-width: 173px; margin-left: -30px; padding: 16px 0; background-color: #fff; -webkit-box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, 0.25); } .sf-menu ul li { width: 100%; } .sf-menu ul:after { position: absolute; top: -3px; display: block; content: ''; width: 100%; height: 4px; background-color: #2b6088; } .sf-menu ul .menu-item > a { display: block; padding: 3px 30px 3px 30px; font-size: 12px; color: #2b6088; } .sf-menu ul .menu-item > a .fa { font-size: 1em; position: relative; top: -1px; width: 20px; margin-right: 5px; text-align: center; } .sf-menu ul .menu-item > a:hover { color: #42bdcd; } .sf-menu ul ul { margin: -16px 0 0 -1px; border-top-width: 1px; } .sf-menu ul ul:after { display: none; } .sf-menu ul .td-icon-menu-down { float: right; top: 0; font-size: 6px; } .sf-menu ul .menu-item > a:hover, .sf-menu ul .sfHover > a, .sf-menu ul .current-menu-ancestor > a, .sf-menu ul .current-category-ancestor > a, .sf-menu ul .current-menu-item > a { color: #42bdcd; } .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { outline: 0; } /* ---------------------------------------------------------------------------- arrows */ .sf-menu .td-icon-menu-down { vertical-align: top; padding-left: 10px; font-size: 7px; line-height: inherit; } @media (min-width: 768px) and (max-width: 1018px) { .sf-menu .td-icon-menu-down { padding-left: 6px; } } .sf-menu .sub-menu { -webkit-backface-visibility: hidden; } .sf-menu .sub-menu .td-icon-menu-down { position: absolute; top: 50%; right: 24px; margin-top: -9px; line-height: 19px; } .sf-menu .td-menu-badge { font-size: 10px; background-color: #222; color: #fff; border-radius: 2px; padding: 0 4px 1px; margin-left: 6px; line-height: 1; position: relative; top: -1px; } .td-menu-badge { /* responsive portrait phone */ } @media (max-width: 767px) { .td-menu-badge { display: none; } } /* arrow for all items in the menues */ a.sf-with-ul i.td-icon-menu-down:before { content: '\e808'; } /* arrow for all items in the menues AT FIRST LEVEL*/ ul.sf-js-enabled > li > a > i.td-icon-menu-down:before { content: '\e806' !important; } /* ---------------------------------------------------------------------------- Mega Menu */ .td-mega-menu { position: static !important; } .td-mega-menu ul { position: absolute; width: 100% !important; height: auto; margin-left: 0; padding: 0; display: none; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td-mega-menu ul { width: 732px !important; } } .td-mega-menu .td_block_mega_menu .td-next-prev-wrap { margin-right: 22px; } /* page in mega menu mega-menu-page */ .td-mega-menu-page .wpb_content_element { clear: both; } .td-mega-menu-page .wpb_content_element .td_block_wrap .td-pulldown-filter-display-option { display: none; } .td-mega-menu-page .wpb_content_element .widgettitle:after { width: 1200px; } .td-mega-menu-page .wpb_content_element ul { display: inline-block !important; position: relative !important; width: 100% !important; border: none !important; left: 0 !important; top: 0 !important; margin-left: 0 !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } .td-mega-menu-page .wpb_content_element ul li { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; float: none !important; width: auto !important; line-height: 30px !important; margin-left: 0; padding: 0 !important; list-style-type: disc !important; list-style-position: inside; } .td-mega-menu-page .wpb_content_element ul li ul { opacity: 1 !important; margin-top: 4px !important; margin-left: 21px !important; padding-bottom: 0 !important; } .td-mega-menu-page .wpb_content_element ul li ul li:last-child { border-bottom: 0 !important; padding-bottom: 0 !important; } .td-mega-menu-page .wpb_content_element ul li a { background-color: transparent !important; line-height: 26px !important; padding: 0 !important; margin: 0 !important; color: #222222 !important; } .td-mega-menu-page .wpb_content_element ul li a i { display: none; } .td-mega-menu-page .wpb_content_element ul li a:hover { background-color: transparent !important; color: #42bdcd !important; } .td-mega-menu-page .vc_wp_custommenu ul li { padding: 5px 0 !important; border-top: 1px dashed #EDEDED; list-style-type: none !important; } .td-mega-menu-page .vc_wp_custommenu ul li:first-child { border: none; } .td-mega-menu-page .vc_wp_custommenu ul li:last-child { border-bottom: 1px dashed #EDEDED; } .td-mega-menu-page .vc_wp_custommenu ul li li { border-top: 1px dashed #EDEDED !important; } /* end fix mega menu with page */ .td_block_mega_menu { display: table; width: 100%; padding-bottom: 0 !important; margin-bottom: 0 !important; min-height: 286px; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td_block_mega_menu { min-height: 225px; } } .td_block_mega_menu .td_block_inner { margin-left: 200px; position: relative; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td_block_mega_menu .td_block_inner { margin-left: 165px; } } .td_mega_menu_sub_cats { position: absolute; top: 0; left: 0; width: 200px; max-width: 200px; display: table-cell; height: 100%; vertical-align: top; padding: 22px 0; line-height: 1; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td_mega_menu_sub_cats { width: 165px; max-width: 165px; padding: 10px 0; } } .td_mega_menu_sub_cats a { display: block; font-size: 12px; text-transform: uppercase; font-weight: 500; color: #000; padding: 7px 10px 7px 32px; position: relative; vertical-align: middle; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td_mega_menu_sub_cats a { padding: 7px 10px 7px 17px; font-size: 10px; } } .td_mega_menu_sub_cats .mega-menu-cat-all { margin-top: 17px; padding-top: 25px; line-height: 1; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td_mega_menu_sub_cats .mega-menu-cat-all { margin-top: 8px; padding-top: 14px; } } .td_mega_menu_sub_cats .mega-menu-cat-all:before { content: ''; position: absolute; top: 0; left: 0; width: 95px; height: 1px; background-color: #f2f2f2; } .td_mega_menu_sub_cats .cur-sub-cat { color: #42bdcd; } .block-mega-child-cats { overflow-x: hidden; overflow-y: auto; max-height: 252px; -webkit-overflow-scrolling: touch; } .td-mega-row { width: 100%; } .td-mega-span { width: 33.33333%; min-width: 260px; float: left; text-align: center; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td-mega-span { min-width: 189px; } } .td-mega-span .td-item-details { display: block; margin-bottom: 16px; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td-mega-span .td-item-details { margin-bottom: 8px; } } .td-mega-span .td-item-details > span, .td-mega-span .td-item-details > div { margin: 0; padding: 0; } .td-mega-span .td-item-details > span:after, .td-mega-span .td-item-details > div:after { display: none; } .td-mega-span .td-post-category-wrap { bottom: -4px; } .td-mega-span .entry-title { font-weight: 500; font-size: 14px; line-height: 18px; margin: 7px 6px 0; padding-bottom: 0; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td-mega-span .entry-title { font-size: 12px; line-height: 14px; } } .td-mega-span .entry-title a { color: #000; display: block; } .td-mega-span .entry-title:after { display: none; } .td-mega-span .entry-review-stars { font-size: 12px; } .td-mega-span .td-post-date { font-size: 12px; display: block; } .td-mega-span .td-module-image { margin-bottom: 8px; } .td-no-subcats .td_block_inner { margin-left: 0; } .td-no-subcats .td-mega-span { width: 25%; min-width: 0; } .td_module_mega_menu:hover .entry-title a { color: #42bdcd; } /* ---------------------------------------------------------------------------- Search */ .td-header-menu-search { position: absolute; top: 0; right: 0; } .td-header-menu-search .td-search-btns-wrap { text-align: center; } .td-header-menu-search .td-search-btns-wrap:hover .td-icon-search { color: #42bdcd; } .td-header-menu-search #td-header-search-button .td-icon-search { font-size: 15px; line-height: 55px; width: 55px; color: #000; } .td-header-menu-search #td-header-search-button .td-icon-search:before { position: relative; top: 2px; } .td-header-menu-search #td-header-search-button-mob .td-icon-search { font-size: 20px; line-height: 58px; width: 58px; color: #fff; } .td-header-menu-search #td-header-search-button-mob .td-icon-search:before { position: relative; top: 2px; } /* Mobile menu */ #td-outer-wrap { overflow: hidden; /* responsive portrait phone */ } @media (max-width: 767px) { #td-outer-wrap { overflow: auto; margin: auto; width: 100%; } } /* toggle button - burger button */ #td-top-mobile-toggle { display: none; /* responsive phone */ } @media (max-width: 767px) { #td-top-mobile-toggle { display: inline-block; position: relative; } } #td-top-mobile-toggle a { display: inline-block; } #td-top-mobile-toggle i { font-size: 22px; width: 58px; line-height: 58px; display: inline-block; color: #fff; } #td-top-mobile-toggle i:before { position: relative; top: 2px; } /* Mobile opened menu with admin bar */ .admin-bar #td-mobile-nav { padding-top: 32px; } @media (max-width: 767px) { .admin-bar #td-mobile-nav { padding-top: 46px; } } .td-menu-background { background-repeat: no-repeat; background-size: cover; background-position: center top; position: fixed; display: block; width: 100%; height: 113%; z-index: 9999; visibility: hidden; transform: translate3d(-100%, 0, 0); -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); } .td-menu-background:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0.98; background: #fff; } #td-mobile-nav { padding: 0; position: absolute; width: 100%; height: auto; top: 0; z-index: 9999; visibility: hidden; transform: translate3d(-99%, 0, 0); -webkit-transform: translate3d(-99%, 0, 0); -moz-transform: translate3d(-99%, 0, 0); -ms-transform: translate3d(-99%, 0, 0); -o-transform: translate3d(-99%, 0, 0); left: -1%; font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif; } #td-mobile-nav .td_display_err { text-align: center; color: #000; border: none; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.16); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.16); box-shadow: 0 0 8px rgba(0, 0, 0, 0.16); margin: -9px -30px 24px; font-size: 14px; border-radius: 0; padding: 12px; position: relative; background-color: rgba(0, 0, 0, 0.06); display: none; } #td-mobile-nav input:invalid { box-shadow: none !important; } .td-js-loaded .td-menu-background, .td-js-loaded #td-mobile-nav { visibility: visible; -webkit-transition: transform 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86); -moz-transition: transform 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86); -o-transition: transform 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86); transition: transform 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86); } #td-mobile-nav { height: 1px; overflow: hidden; } #td-mobile-nav .td-menu-socials { padding: 0 65px 0 20px; overflow: hidden; height: 60px; } #td-mobile-nav .td-social-icon-wrap { margin: 20px 5px 0 0; display: inline-block; } #td-mobile-nav .td-social-icon-wrap i { border: none; background-color: transparent; font-size: 14px; width: 40px; height: 40px; line-height: 38px; color: #000; } .td-mobile-close { position: absolute; right: 1px; top: 0; z-index: 1000; } .td-mobile-close .td-icon-close-mobile { height: 70px; width: 70px; line-height: 70px; font-size: 21px; color: #000; top: 4px; position: relative; } .td-mobile-content { padding: 20px 20px 0; } .td-mobile-container { padding-bottom: 20px; position: relative; } .td-mobile-content { /* first submenu */ /* hide the icons */ /* reposition the main menu */ } .td-mobile-content .fa { margin-right: 10px; min-width: 22px !important; display: inline-block; font-size: 18px; text-align: center; position: relative; top: -1px; } .td-mobile-content .sub-menu .fa { margin-right: 5px; min-width: 16px !important; font-size: 13px; } .td-mobile-content ul { list-style: none; margin: 0; padding: 0; } .td-mobile-content li { float: none; margin-left: 0; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .td-mobile-content li a { display: block; line-height: 17px; font-size: 17px; color: #000; margin-left: 0; padding: 12px 30px 12px 12px; font-weight: bold; } .td-mobile-content .td-icon-menu-right { position: absolute; cursor: pointer; top: 3px; right: -3px; z-index: 1000; font-size: 12px; padding: 12px; width: 37px; height: 37px; float: right; color: #000; -webkit-transform-origin: 50% 48% 0; -moz-transform-origin: 50% 48% 0; -o-transform-origin: 50% 48% 0; transform-origin: 50% 48% 0; -webkit-transition: transform 0.3s ease; -moz-transition: transform 0.3s ease; -o-transition: transform 0.3s ease; transition: transform 0.3s ease; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); } .td-mobile-content .td-icon-menu-right:before { content: '\e83d'; } .td-mobile-content .td-sub-menu-open > a i { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); } .td-mobile-content .td-sub-menu-open > ul { display: block; max-height: 2000px; opacity: 0.9; } .td-mobile-content .sub-menu { max-height: 0; overflow: hidden; opacity: 0; -webkit-transition: max-height 0.5s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.5s cubic-bezier(0.77, 0, 0.175, 1); -moz-transition: max-height 0.5s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.5s cubic-bezier(0.77, 0, 0.175, 1); -o-transition: max-height 0.5s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.5s cubic-bezier(0.77, 0, 0.175, 1); transition: max-height 0.5s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.5s cubic-bezier(0.77, 0, 0.175, 1); /* 2nd level submenu */ } .td-mobile-content .sub-menu .td-icon-menu-right { padding: 14px; font-size: 9px; right: -3px; top: 1px; color: #000; } .td-mobile-content .sub-menu a { padding: 9px 26px 9px 36px !important; line-height: 19px; font-size: 16px; font-weight: normal; } .td-mobile-content .sub-menu .sub-menu { /* 3rd level submenu */ } .td-mobile-content .sub-menu .sub-menu a { padding-left: 55px !important; } .td-mobile-content .sub-menu .sub-menu .sub-menu a { padding-left: 74px !important; } .td-mobile-content .current-menu-item > a, .td-mobile-content .current-menu-ancestor > a, .td-mobile-content .current-category-ancestor > a { color: #73C7E3; } .td-mobile-content .menu_icon { display: none; } .td-mobile-content .menu-item-has-children a { width: 100%; z-index: 1; } .td-mobile-content .td-link-element-after { position: relative; } .td-menu-mob-open-menu { position: relative; } .td-menu-mob-open-menu #wpadminbar { position: fixed !important; } .td-menu-mob-open-menu #td-outer-wrap { position: fixed; } .td-menu-mob-open-menu #td-mobile-nav { height: auto; overflow: auto; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); left: 0; } .td-menu-mob-open-menu .td-menu-background { transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); } .td-menu-mob-open-menu.admin-bar #td-mobile-nav { padding-top: 0; } /* Mobile menu - login */ /* Animation */ .td-mobile-container { opacity: 1; -webkit-transition: all 0.5s ease 0.5s; -moz-transition: all 0.5s ease 0.5s; -o-transition: all 0.5s ease 0.5s; transition: all 0.5s ease 0.5s; } .td-hide-menu-content .td-mobile-container { opacity: 0; visibility: hidden; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .td-hide-menu-content .td-mobile-content { display: none; } #td-mobile-nav .td-login-animation { opacity: 0; -webkit-transition: all 0.5s ease 0.5s; -moz-transition: all 0.5s ease 0.5s; -o-transition: all 0.5s ease 0.5s; transition: all 0.5s ease 0.5s; position: absolute; top: 0; width: 100%; } #td-mobile-nav .td-login-hide { -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; visibility: hidden !important; } #td-mobile-nav .td-login-show { visibility: visible !important; opacity: 1; } /* Logged section */ #td-mobile-nav .td-menu-login-section { list-style: none; position: relative; margin-top: 20px; } #td-mobile-nav .td-menu-login-section .td-logged-wrap { height: 60px; line-height: 60px; /* responsive portrait phone */ } @media (max-width: 320px) { #td-mobile-nav .td-menu-login-section .td-logged-wrap { height: 40px; line-height: 40px; } } #td-mobile-nav .td-menu-login-section a { color: #000; } #td-mobile-nav .td-menu-avatar { position: absolute; top: 0; left: 20px; margin: 0; } #td-mobile-nav .td-menu-avatar .td-avatar-container { width: 60px; height: 60px; border-radius: 40px; -webkit-box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.1); box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.1); overflow: hidden; position: relative; /* responsive portrait phone */ } @media (max-width: 320px) { #td-mobile-nav .td-menu-avatar .td-avatar-container { -webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1); box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1); width: 40px; height: 40px; } } #td-mobile-nav .td-menu-avatar .avatar { position: absolute; margin: 0 auto; left: -9999px; right: -9999px; max-width: none; width: 100%; height: 100%; } #td-mobile-nav .td-menu-username { font-size: 20px; font-weight: bold; margin: 0 100px 0 95px; overflow: hidden; height: 60px; /* responsive portrait phone */ } @media (max-width: 320px) { #td-mobile-nav .td-menu-username { font-size: 18px; height: 40px; margin: 0 100px 0 75px; } } #td-mobile-nav .td-menu-logout { position: absolute; top: 0; right: 20px; margin: 0; } #td-mobile-nav .td-menu-logout a { padding: 10px 14px; font-size: 14px; font-weight: bold; position: relative; } #td-mobile-nav .td-menu-logout a:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #000; opacity: 0.1; } /* Guest section */ #td-mobile-nav .td-guest-wrap { height: 40px; text-align: center; } #td-mobile-nav .td-guest-wrap .td-menu-avatar { position: relative; display: inline-block; vertical-align: middle; top: auto; left: auto; margin-right: 15px; } #td-mobile-nav .td-guest-wrap .td-menu-avatar .td-avatar-container { width: 40px; height: 40px; } #td-mobile-nav .td-guest-wrap .td-menu-login { display: inline-block; font-size: 12px; font-weight: bold; color: #000; vertical-align: middle; white-space: nowrap; } #td-mobile-nav .td-guest-wrap .td-menu-login span { background-color: #000; width: 1px; height: 20px; display: inline-block; margin: 0 13px; line-height: 20px; position: relative; top: 3px; opacity: 0.3; } #td-mobile-nav .td-guest-wrap .td-menu-login a { cursor: pointer; } /* Register section */ #td-mobile-nav .td-register-section { position: absolute; top: 0; color: #000; width: 100%; z-index: -1; } #td-mobile-nav .td-register-section a { color: #000; } #td-mobile-nav .td-register-section .td-icon-read-down { font-size: 23px; transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); line-height: 74px; width: 74px; } #td-mobile-nav .td-register-section .td-login-input { color: #000; font-weight: normal; font-size: 17px; height: 40px; line-height: 40px; border: 0; background: transparent; outline: 0; margin: 18px 0; position: relative; border-bottom: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0; box-shadow: none; } #td-mobile-nav .td-register-section .td-login-input:focus ~ label, #td-mobile-nav .td-register-section .td-login-input:valid ~ label { top: -6px; font-size: 14px; opacity: 0.4; } #td-mobile-nav .td-register-section .td-login-form-wrap { padding: 0 30px; } #td-mobile-nav .td-register-section .td-login-button { display: block; text-align: center; width: 100%; text-transform: uppercase; line-height: 50px; color: #fff; border: none; margin: 17px 0 15px; font-size: 17px; border-radius: 0; background-color: #000; opacity: 0.8; text-shadow: none; } #td-mobile-nav .td-register-section .td-login-info-text { text-align: center; margin-bottom: 20px; } #td-mobile-nav .td-login-title { position: absolute; top: 0; padding: 0 50px; text-align: center; line-height: 74px; text-transform: uppercase; width: 100%; font-size: 17px; height: 74px; overflow: hidden; z-index: -1; } #td-mobile-nav .td-login-panel-title { text-align: center; font-size: 16px; padding: 30px 10px; } #td-mobile-nav .td-login-panel-title span { display: inline-block; font-size: 28px; font-weight: bold; width: 100%; margin-bottom: 10px; } /* Search */ .td-search-wrap-mob { padding: 0; position: absolute; width: 100%; height: auto; top: 0; text-align: center; z-index: 9999; visibility: hidden; color: #000; font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif; } .td-search-wrap-mob .td-drop-down-search { opacity: 0; visibility: hidden; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -webkit-backface-visibility: hidden; position: relative; } .td-search-wrap-mob #td-header-search-mob { color: #000; font-weight: bold; font-size: 26px; height: 40px; line-height: 36px; border: 0; background: transparent; outline: 0; margin: 8px 0; padding: 0; text-align: center; } .td-search-wrap-mob .td-search-input { margin: 0 5%; position: relative; } .td-search-wrap-mob .td-search-input span { opacity: 0.8; font-size: 12px; } .td-search-wrap-mob .td-search-input:before, .td-search-wrap-mob .td-search-input:after { content: ''; position: absolute; display: block; width: 100%; height: 1px; background-color: #000; bottom: 0; left: 0; opacity: 0.2; } .td-search-wrap-mob .td-search-input:after { opacity: 0.8; transform: scaleX(0); -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); -webkit-transition: transform 0.5s ease 0.8s; -moz-transition: transform 0.5s ease 0.8s; -o-transition: transform 0.5s ease 0.8s; transition: transform 0.5s ease 0.8s; } .td-search-wrap-mob .td_module_wrap { padding-bottom: 0; text-align: left; } .td-search-wrap-mob .td_module_wrap .entry-title { font-size: 15px; line-height: 20px; } .td-search-wrap-mob .td_module_wrap .entry-title a { color: #000; } .td-search-wrap-mob .td_module_wrap:hover .entry-title a { color: #000; } .td-search-wrap-mob .td-post-date { opacity: 0.8; } .td-search-wrap-mob .td-search-form { margin-bottom: 30px; } .td-search-wrap-mob .td-aj-search-results { margin: 0 5%; text-align: left; } .td-search-wrap-mob .td-module-thumb { top: auto; left: auto; } .td-search-wrap-mob .result-msg { margin: 0 5%; } .td-search-wrap-mob .result-msg a { display: block; text-align: center; width: 100%; text-transform: uppercase; line-height: 50px; color: #fff; border: none; margin: 10px 0 40px; font-size: 17px; border-radius: 0; background-color: #000; opacity: 0.8; } .td-search-background { background-repeat: no-repeat; background-size: cover; background-position: center top; position: fixed; display: block; width: 100%; height: 113%; z-index: 9999; -webkit-transition: all 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86); -moz-transition: all 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86); -o-transition: all 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86); transition: all 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86); transform: translate3d(100%, 0, 0); -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); visibility: hidden; } .td-search-background:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0.98; background: #fff; } .td-search-close { text-align: right; z-index: 1000; } .td-search-close .td-icon-close-mobile { height: 70px; width: 70px; line-height: 70px; font-size: 21px; color: #000; position: relative; top: 4px; right: 0; } .td-search-opened { position: relative; } .td-search-opened #wpadminbar { position: fixed !important; } .td-search-opened #td-outer-wrap { position: fixed; } .td-search-opened .td-search-wrap-mob .td-drop-down-search { opacity: 1; visibility: visible; -webkit-transition: all 0.5s ease 0.3s; -moz-transition: all 0.5s ease 0.3s; -o-transition: all 0.5s ease 0.3s; transition: all 0.5s ease 0.3s; } .td-search-opened .td-search-background { transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); visibility: visible; } .td-search-opened .td-search-input:after { transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); } .td-search-opened.admin-bar .td-search-wrap-mob { padding-top: 0; } /* Search opened menu with admin bar */ .admin-bar .td-search-wrap-mob { padding-top: 32px; } @media (max-width: 767px) { .admin-bar .td-search-wrap-mob { padding-top: 46px; } } #td-mobile-nav label { position: absolute; top: 26px; left: 10px; font-size: 17px; color: #000; opacity: 0.6; pointer-events: none; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .td-login-inputs { position: relative; } /* ---------------------------------------------------------------------------- Site wide > typography style ---------------------------------------------------------------------------- */ body, p { font-family: 'Source Sans Pro', sans-serif; font-size: 16px; line-height: 24px; } p { margin-top: 0; margin-bottom: 21px; } a:active, a:focus { /* IE remove focus */ outline: none; } a { color: #42bdcd; text-decoration: none; } ins { background: white; text-decoration: none; } code { position: relative; top: -1px; border: none; background-color: #F1F1F1; padding: 2px 6px; } pre { background-color: #f1f1f1; padding: 4px 10px 4px 10px; border: none; border-radius: 0; margin-top: 24px; } cite { font-family: 'Work Sans', sans-serif; font-size: 13px; /* ovveride bootstrap */ font-style: italic; font-weight: normal; text-transform: none; color: #000; } cite a { color: #000; } cite a:hover { color: #42bdcd; } q { font-style: italic; } ul, ol { padding: 0; } ul li, ol li { line-height: 24px; margin-left: 21px; } .dl-horizontal a { font-weight: 500 !important; } .dl-horizontal dt { width: 70px; font-weight: 400; line-height: 24px; font-size: 15px; } .dl-horizontal dd { margin-left: 90px; line-height: 24px; font-size: 14px; } address { font-size: inherit !important; line-height: inherit !important; margin-bottom: 21px; } big { text-transform: uppercase; } embed { width: 100%; } /* ---------------------------------------------------------------------------- table */ table { width: 100%; } table th { text-align: left; /*border: 1px solid #ededed;*/ padding: 2px 8px; } table td { /* border: 1px solid #ededed;*/ padding: 2px 8px; } table .odd td { background-color: #fcfcfc; } /* ---------------------------------------------------------------------------- h */ h1, h2, h3, h4, h5, h6 { color: #000; font-weight: 600; margin: 6px 0 6px 0; } h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a { color: #000; } h1 { font-size: 44px; line-height: 48px; margin-top: 33px; margin-bottom: 23px; } h2 { font-size: 33px; line-height: 37px; margin-top: 27px; margin-bottom: 17px; } h3 { font-size: 25px; line-height: 29px; margin-top: 24px; margin-bottom: 14px; } h4 { font-size: 19px; line-height: 24px; margin-top: 21px; margin-bottom: 11px; font-weight: bold; } h5 { font-size: 16px; line-height: 24px; margin-top: 19px; margin-bottom: 9px; font-weight: bold; } h6 { font-size: 13px; line-height: 19px; margin-top: 19px; margin-bottom: 9px; font-weight: bold; } .videopress-placeholder { width: 100% !important; } .videopress-poster { height: auto !important; width: 100% !important; } .video-player { width: 100% !important; } /* ---------------------------------------------------------------------------- Site wide > Forms ---------------------------------------------------------------------------- */ textarea { font-size: 12px; line-height: 21px; color: #444; border: 1px solid #e1e1e1; width: 100%; max-width: 100%; height: 85px; min-height: 85px; padding: 6px 9px; /* responsive portrait phone */ } @media (max-width: 767px) { textarea { font-size: 16px; } } textarea:active, textarea:focus { border-color: #b0b0b0; } textarea:focus, input:focus, input[type]:focus { outline: 0 none; } /* Input buttons */ input[type=submit] { font-family: 'Source Sans Pro', sans-serif; font-size: 13px; background-color: #31414d; border-radius: 0; color: #fff; border: none; padding: 8px 15px; font-weight: 500; } input[type=submit]:hover { background-color: #42bdcd; } input[type=text], input[type=url], input[type=tel], input[type=email] { font-size: 12px; line-height: 21px; color: #444; border: 1px solid #e1e1e1; width: 100%; max-width: 100%; height: 34px; padding: 3px 9px; /* responsive portrait phone */ } @media (max-width: 767px) { input[type=text], input[type=url], input[type=tel], input[type=email] { font-size: 16px; } } input[type=text]:active, input[type=url]:active, input[type=tel]:active, input[type=email]:active, input[type=text]:focus, input[type=url]:focus, input[type=tel]:focus, input[type=email]:focus { border-color: #b0b0b0; } input[type=password] { width: 100%; position: relative; top: 0; display: inline-table; vertical-align: middle; font-size: 12px; line-height: 21px; color: #444; border: 1px solid #ccc; max-width: 100%; height: 34px; padding: 3px 9px; margin-bottom: 10px; /* responsive portrait phone */ } @media (max-width: 767px) { input[type=password] { font-size: 16px; } } /* ---------------------------------------------------------------------------- Site wide > WordPress Text, Images & Captions ---------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------- text and Images align */ .td-post-content img, .wpb_text_column img, .td_block_text_with_title img, .woocommerce #tab-description img, .mce-content-body img { margin-bottom: 21px; } .td-post-content figure img, .wpb_text_column figure img, .td_block_text_with_title figure img, .woocommerce #tab-description figure img, .mce-content-body figure img { margin-bottom: 0; } .td-post-content .alignnone, .wpb_text_column .alignnone, .td_block_text_with_title .alignnone, .woocommerce #tab-description .alignnone, .mce-content-body .alignnone { display: inline-block; margin: 0 10px 0 0; } .td-post-featured-image figure img { margin-bottom: 0; } img.wp-smiley { width: auto; } .wp-caption-text, .wp-caption-dd { font-family: 'Source Sans Pro', sans-serif; text-align: left; margin-bottom: 26px; font-size: 13px; font-style: italic; font-weight: normal; line-height: 17px; color: #444; } .wp-caption { text-align: center; max-width: 100% !important; } .wp-caption img { max-width: 100% !important; } .alignnone { margin-top: 0; } .aligncenter { text-align: center; clear: both; display: block; margin-left: auto; margin-right: auto; margin-top: 6px; margin-bottom: 6px; } figure.alignright, figure.alignleft, figure.aligncenter { margin-bottom: 0; } .alignnone img, .aligncenter img { width: 100%; } /* ---------------------------------------------------------------------------- align left -> on desktop - the tinyMCE size is used -> on tablet(s) - apply the max-width to make it look nice -> on phones - center, max width 100% + fix for tinyMCE padding -> on full width td-pb-span12 */ .alignleft { float: left; margin-top: 6px; margin-right: 24px; margin-left: 0; /* responsive portrait tablet */ /* responsive portrait phone - just a bit, after 500px we make it non float */ /* responsive phone CUSTOM - align the image on center */ } @media (min-width: 768px) and (max-width: 1018px) { .alignleft { max-width: 220px !important; margin-right: 21px; } } @media (max-width: 767px) { .alignleft { max-width: 220px !important; margin-right: 21px; } } @media (max-width: 500px) { .alignleft { float: none; text-align: center; margin-left: auto; margin-right: auto; max-width: 100% !important; margin-bottom: 21px; } .alignleft img { text-align: center; margin-left: auto; margin-right: auto; } .alignleft figcaption { text-align: center; } } .mce-content-body .alignleft { margin: 6px 24px 6px 0; } .td-pb-span12 .alignleft, .mceContentBody-max-width-big .alignleft { /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td-pb-span12 .alignleft, .mceContentBody-max-width-big .alignleft { max-width: 400px !important; } } /* ---------------------------------------------------------------------------- Screen reader text */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; } /* ---------------------------------------------------------------------------- align right -> on desktop - the tinyMCE size is used -> on tablets - apply the max-width to make it look nice -> on phones - center, max width 100% + fix for tinyMCE padding -> on full width td-pb-span12 */ .alignright { float: right; margin-top: 6px; margin-right: 0; margin-bottom: 6px !important; /* hack for tinyMCE / post content diffs*/ margin-left: 24px; /* responsive portrait tablet */ /* responsive portrait phone - just a bit, after 500px we make it non float */ /* responsive phone CUSTOM - align the image on center */ } @media (min-width: 768px) and (max-width: 1018px) { .alignright { max-width: 220px !important; margin-left: 21px; } } @media (max-width: 767px) { .alignright { max-width: 220px !important; margin-left: 21px; } } @media (max-width: 500px) { .alignright { float: none; text-align: center; margin-left: auto; margin-right: auto; max-width: 100% !important; margin-bottom: 21px; } .alignright img { text-align: center; margin-left: auto; margin-right: auto; } .alignright figcaption { text-align: center; } } .mce-content-body .alignright { margin: 6px 0 6px 24px; } .td-pb-span12 .alignright, .mceContentBody-max-width-big .alignright { /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td-pb-span12 .alignright, .mceContentBody-max-width-big .alignright { max-width: 400px !important; } } /* ---------------------------------------------------------------------------- Css for: Page content Post content TinyMCE content ---------------------------------------------------------------------------- */ .td-page-content, .td-post-content, .wpb_text_column, .td_block_text_with_title, .woocommerce #tab-description, .mce-content-body { font-size: 16px; line-height: 24px; color: #222; } .td-page-content a:hover, .td-post-content a:hover, .wpb_text_column a:hover, .td_block_text_with_title a:hover, .woocommerce #tab-description a:hover, .mce-content-body a:hover { text-decoration: underline; } .td-page-content ul, .td-post-content ul, .wpb_text_column ul, .td_block_text_with_title ul, .woocommerce #tab-description ul, .mce-content-body ul { margin-bottom: 26px; } .td-page-content p, .td-post-content p, .wpb_text_column p, .td_block_text_with_title p, .woocommerce #tab-description p, .mce-content-body p, .td-page-content li, .td-post-content li, .wpb_text_column li, .td_block_text_with_title li, .woocommerce #tab-description li, .mce-content-body li { font-size: 16px; line-height: 26px; } .td-page-content p, .td-post-content p, .wpb_text_column p, .td_block_text_with_title p, .woocommerce #tab-description p, .mce-content-body p { margin-bottom: 24px; } .td-page-content .td-arrow-list, .td-post-content .td-arrow-list, .wpb_text_column .td-arrow-list, .td_block_text_with_title .td-arrow-list, .woocommerce #tab-description .td-arrow-list, .mce-content-body .td-arrow-list { list-style: none; margin-left: 16px; } .td-page-content .td-arrow-list li:before, .td-post-content .td-arrow-list li:before, .wpb_text_column .td-arrow-list li:before, .td_block_text_with_title .td-arrow-list li:before, .woocommerce #tab-description .td-arrow-list li:before, .mce-content-body .td-arrow-list li:before { font-family: 'wpion', sans-serif; content: '\e803'; float: left; margin-left: -16px; line-height: 26px; font-size: 14px; } .entry-title a:hover, .td-post-category:hover, .widget a:hover, .td_block_wrap a:hover { text-decoration: none !important; } /* ---------------------------------------------------------------------------- quote */ .td-page-content blockquote, .td-post-content blockquote, .wpb_text_column blockquote, .td_block_text_with_title blockquote, .bbpress blockquote, .woocommerce #tab-description blockquote, .mce-content-body blockquote, .comment-content blockquote, .vc_raw_html blockquote { padding: 0; position: relative; border-left: none; margin: 37px 5% 32px 5%; /* responsive portrait phone */ } @media (max-width: 767px) { .td-page-content blockquote, .td-post-content blockquote, .wpb_text_column blockquote, .td_block_text_with_title blockquote, .bbpress blockquote, .woocommerce #tab-description blockquote, .mce-content-body blockquote, .comment-content blockquote, .vc_raw_html blockquote { margin: 20px 3% 18px 3%; } } .td-page-content blockquote p, .td-post-content blockquote p, .wpb_text_column blockquote p, .td_block_text_with_title blockquote p, .bbpress blockquote p, .woocommerce #tab-description blockquote p, .mce-content-body blockquote p, .comment-content blockquote p, .vc_raw_html blockquote p { font-family: 'Work Sans', sans-serif; font-size: 31px; line-height: 36px; font-weight: 400; font-style: italic; text-align: center; text-transform: uppercase; color: #42bdcd; word-wrap: break-word; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td-page-content blockquote p, .td-post-content blockquote p, .wpb_text_column blockquote p, .td_block_text_with_title blockquote p, .bbpress blockquote p, .woocommerce #tab-description blockquote p, .mce-content-body blockquote p, .comment-content blockquote p, .vc_raw_html blockquote p { font-size: 24px; line-height: 32px; } } @media (max-width: 767px) { .td-page-content blockquote p, .td-post-content blockquote p, .wpb_text_column blockquote p, .td_block_text_with_title blockquote p, .bbpress blockquote p, .woocommerce #tab-description blockquote p, .mce-content-body blockquote p, .comment-content blockquote p, .vc_raw_html blockquote p { font-size: 22px; line-height: 30px; } } .td-page-content .twitter-tweet p, .td-post-content .twitter-tweet p, .wpb_text_column .twitter-tweet p, .td_block_text_with_title .twitter-tweet p, .bbpress .twitter-tweet p, .woocommerce #tab-description .twitter-tweet p, .mce-content-body .twitter-tweet p, .comment-content .twitter-tweet p, .vc_raw_html .twitter-tweet p { font-family: initial; font-size: initial; line-height: initial; font-style: initial; text-align: initial; text-transform: initial; color: initial; font-weight: initial; } .td-page-content .td_quote_right, .td-post-content .td_quote_right, .wpb_text_column .td_quote_right, .td_block_text_with_title .td_quote_right, .bbpress .td_quote_right, .woocommerce #tab-description .td_quote_right, .mce-content-body .td_quote_right, .comment-content .td_quote_right, .vc_raw_html .td_quote_right { float: right; width: 50%; margin: 21px 0 21px 21px; /* responsive portrait phone */ } @media (max-width: 767px) { .td-page-content .td_quote_right, .td-post-content .td_quote_right, .wpb_text_column .td_quote_right, .td_block_text_with_title .td_quote_right, .bbpress .td_quote_right, .woocommerce #tab-description .td_quote_right, .mce-content-body .td_quote_right, .comment-content .td_quote_right, .vc_raw_html .td_quote_right { float: none; width: auto; margin-right: 5%; margin-left: 5%; } } .td-page-content .td_quote_left, .td-post-content .td_quote_left, .wpb_text_column .td_quote_left, .td_block_text_with_title .td_quote_left, .bbpress .td_quote_left, .woocommerce #tab-description .td_quote_left, .mce-content-body .td_quote_left, .comment-content .td_quote_left, .vc_raw_html .td_quote_left { float: left; width: 50%; margin: 18px 18px 18px 0; /* responsive portrait phone */ } @media (max-width: 767px) { .td-page-content .td_quote_left, .td-post-content .td_quote_left, .wpb_text_column .td_quote_left, .td_block_text_with_title .td_quote_left, .bbpress .td_quote_left, .woocommerce #tab-description .td_quote_left, .mce-content-body .td_quote_left, .comment-content .td_quote_left, .vc_raw_html .td_quote_left { float: none; width: auto; margin-right: 5%; margin-left: 5%; } } .td-page-content .td_quote_left p, .td-post-content .td_quote_left p, .wpb_text_column .td_quote_left p, .td_block_text_with_title .td_quote_left p, .bbpress .td_quote_left p, .woocommerce #tab-description .td_quote_left p, .mce-content-body .td_quote_left p, .comment-content .td_quote_left p, .vc_raw_html .td_quote_left p { text-align: left; /* responsive portrait phone */ } @media (max-width: 767px) { .td-page-content .td_quote_left p, .td-post-content .td_quote_left p, .wpb_text_column .td_quote_left p, .td_block_text_with_title .td_quote_left p, .bbpress .td_quote_left p, .woocommerce #tab-description .td_quote_left p, .mce-content-body .td_quote_left p, .comment-content .td_quote_left p, .vc_raw_html .td_quote_left p { text-align: center; } } .td-page-content .td_quote_box, .td-post-content .td_quote_box, .wpb_text_column .td_quote_box, .td_block_text_with_title .td_quote_box, .bbpress .td_quote_box, .woocommerce #tab-description .td_quote_box, .mce-content-body .td_quote_box, .comment-content .td_quote_box, .vc_raw_html .td_quote_box { margin: 0; background-color: #FCFCFC; border-left: 2px solid #42bdcd; padding: 15px 23px 0 23px; position: relative; top: 6px; clear: both; } .td-page-content .td_quote_box p, .td-post-content .td_quote_box p, .wpb_text_column .td_quote_box p, .td_block_text_with_title .td_quote_box p, .bbpress .td_quote_box p, .woocommerce #tab-description .td_quote_box p, .mce-content-body .td_quote_box p, .comment-content .td_quote_box p, .vc_raw_html .td_quote_box p { font-family: 'Source Sans Pro', sans-serif; color: #777777; font-size: 14px; line-height: 20px; padding-bottom: 16px; margin: 0; text-transform: none; } .td-page-content .td_box_left, .td-post-content .td_box_left, .wpb_text_column .td_box_left, .td_block_text_with_title .td_box_left, .bbpress .td_box_left, .woocommerce #tab-description .td_box_left, .mce-content-body .td_box_left, .comment-content .td_box_left, .vc_raw_html .td_box_left { width: 40%; float: left; margin: 0 34px 20px 0; /* responsive portrait phone */ } @media (max-width: 767px) { .td-page-content .td_box_left, .td-post-content .td_box_left, .wpb_text_column .td_box_left, .td_block_text_with_title .td_box_left, .bbpress .td_box_left, .woocommerce #tab-description .td_box_left, .mce-content-body .td_box_left, .comment-content .td_box_left, .vc_raw_html .td_box_left { float: none; margin: 0 0 36px 0; width: auto; } } .td-page-content .td_box_left p, .td-post-content .td_box_left p, .wpb_text_column .td_box_left p, .td_block_text_with_title .td_box_left p, .bbpress .td_box_left p, .woocommerce #tab-description .td_box_left p, .mce-content-body .td_box_left p, .comment-content .td_box_left p, .vc_raw_html .td_box_left p { text-align: left; } .td-page-content .td_box_right, .td-post-content .td_box_right, .wpb_text_column .td_box_right, .td_block_text_with_title .td_box_right, .bbpress .td_box_right, .woocommerce #tab-description .td_box_right, .mce-content-body .td_box_right, .comment-content .td_box_right, .vc_raw_html .td_box_right { width: 30%; float: right; margin: 0 0 20px 34px; /* responsive portrait phone */ } @media (max-width: 767px) { .td-page-content .td_box_right, .td-post-content .td_box_right, .wpb_text_column .td_box_right, .td_block_text_with_title .td_box_right, .bbpress .td_box_right, .woocommerce #tab-description .td_box_right, .mce-content-body .td_box_right, .comment-content .td_box_right, .vc_raw_html .td_box_right { float: none; margin: 0 0 36px 0; width: auto; } } .td-page-content .td_box_right p, .td-post-content .td_box_right p, .wpb_text_column .td_box_right p, .td_block_text_with_title .td_box_right p, .bbpress .td_box_right p, .woocommerce #tab-description .td_box_right p, .mce-content-body .td_box_right p, .comment-content .td_box_right p, .vc_raw_html .td_box_right p { text-align: left; } .td-page-content .td_box_center, .td-post-content .td_box_center, .wpb_text_column .td_box_center, .td_block_text_with_title .td_box_center, .bbpress .td_box_center, .woocommerce #tab-description .td_box_center, .mce-content-body .td_box_center, .comment-content .td_box_center, .vc_raw_html .td_box_center { margin: 0 0 29px 0; /* responsive portrait phone */ } @media (max-width: 767px) { .td-page-content .td_box_center, .td-post-content .td_box_center, .wpb_text_column .td_box_center, .td_block_text_with_title .td_box_center, .bbpress .td_box_center, .woocommerce #tab-description .td_box_center, .mce-content-body .td_box_center, .comment-content .td_box_center, .vc_raw_html .td_box_center { margin-bottom: 36px; } } .td-page-content .td_pull_quote, .td-post-content .td_pull_quote, .wpb_text_column .td_pull_quote, .td_block_text_with_title .td_pull_quote, .bbpress .td_pull_quote, .woocommerce #tab-description .td_pull_quote, .mce-content-body .td_pull_quote, .comment-content .td_pull_quote, .vc_raw_html .td_pull_quote { padding: 18px 25px; margin: 0; clear: both; } .td-page-content .td_pull_quote p, .td-post-content .td_pull_quote p, .wpb_text_column .td_pull_quote p, .td_block_text_with_title .td_pull_quote p, .bbpress .td_pull_quote p, .woocommerce #tab-description .td_pull_quote p, .mce-content-body .td_pull_quote p, .comment-content .td_pull_quote p, .vc_raw_html .td_pull_quote p { font-family: 'Source Sans Pro', sans-serif; font-size: 14px; line-height: 20px; font-weight: 600; text-transform: none; text-align: center; margin-bottom: 0; } .td-page-content .td_pull_quote p:first-child:before, .td-post-content .td_pull_quote p:first-child:before, .wpb_text_column .td_pull_quote p:first-child:before, .td_block_text_with_title .td_pull_quote p:first-child:before, .bbpress .td_pull_quote p:first-child:before, .woocommerce #tab-description .td_pull_quote p:first-child:before, .mce-content-body .td_pull_quote p:first-child:before, .comment-content .td_pull_quote p:first-child:before, .vc_raw_html .td_pull_quote p:first-child:before { position: absolute; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAALBAMAAABSacpvAAAALVBMVEUAAAC0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLRK0HxpAAAADnRSTlMAd+67mWZR3SKqMxGIzB8/1rAAAABlSURBVAjXFcexDQEBAAXQd+KCRm4CDZURFGICMYFadTHBxQQmEDHCzWAI9XGJ8s/ANS95FBvccKwYr5kuUQ/5omm5dpQ9Fu+H2efEPX07Sg62f+bJ2T6pJkmnTi5FslM2L56r9geMACBhjTsodgAAAABJRU5ErkJggg==') no-repeat; left: 0; display: block; content: ''; width: 15px; height: 15px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .td-page-content .td_pull_quote p:after, .td-post-content .td_pull_quote p:after, .wpb_text_column .td_pull_quote p:after, .td_block_text_with_title .td_pull_quote p:after, .bbpress .td_pull_quote p:after, .woocommerce #tab-description .td_pull_quote p:after, .mce-content-body .td_pull_quote p:after, .comment-content .td_pull_quote p:after, .vc_raw_html .td_pull_quote p:after { position: absolute; bottom: 10px; right: 0; display: block; content: ''; width: 15px; height: 15px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAALBAMAAABSacpvAAAALVBMVEUAAAC0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLRK0HxpAAAADnRSTlMA3ZnuqndmIhG7VYhEMzOiL2oAAABkSURBVAjXY+D1E2PgULZuYGB89+4A07t3AQzn3r1T4Hv3ToCh7t27CUDRBwxAYQe2d+8MGBiuAuWr5BwYGBjeFTAwzEtgYOB6xMDA8RAowGnOwMD6CsjIA4oWKwBFXYGcLQ0MAFHHH+tW1OhlAAAAAElFTkSuQmCC') no-repeat; } .td-page-content .td_pull_left, .td-post-content .td_pull_left, .wpb_text_column .td_pull_left, .td_block_text_with_title .td_pull_left, .bbpress .td_pull_left, .woocommerce #tab-description .td_pull_left, .mce-content-body .td_pull_left, .comment-content .td_pull_left, .vc_raw_html .td_pull_left { width: 40%; float: left; margin-right: 34px; /* responsive portrait phone */ } @media (max-width: 767px) { .td-page-content .td_pull_left, .td-post-content .td_pull_left, .wpb_text_column .td_pull_left, .td_block_text_with_title .td_pull_left, .bbpress .td_pull_left, .woocommerce #tab-description .td_pull_left, .mce-content-body .td_pull_left, .comment-content .td_pull_left, .vc_raw_html .td_pull_left { float: none; margin: 0 0 30px 0; width: auto; } } .td-page-content .td_pull_right, .td-post-content .td_pull_right, .wpb_text_column .td_pull_right, .td_block_text_with_title .td_pull_right, .bbpress .td_pull_right, .woocommerce #tab-description .td_pull_right, .mce-content-body .td_pull_right, .comment-content .td_pull_right, .vc_raw_html .td_pull_right { width: 40%; float: right; margin-left: 34px; /* responsive portrait phone */ } @media (max-width: 767px) { .td-page-content .td_pull_right, .td-post-content .td_pull_right, .wpb_text_column .td_pull_right, .td_block_text_with_title .td_pull_right, .bbpress .td_pull_right, .woocommerce #tab-description .td_pull_right, .mce-content-body .td_pull_right, .comment-content .td_pull_right, .vc_raw_html .td_pull_right { float: none; margin: 0 0 30px 0; width: auto; } } .td-page-content .td_pull_center, .td-post-content .td_pull_center, .wpb_text_column .td_pull_center, .td_block_text_with_title .td_pull_center, .bbpress .td_pull_center, .woocommerce #tab-description .td_pull_center, .mce-content-body .td_pull_center, .comment-content .td_pull_center, .vc_raw_html .td_pull_center { margin: 17px 0; padding: 15px 50px; /* responsive portrait phone */ } @media (max-width: 767px) { .td-page-content .td_pull_center, .td-post-content .td_pull_center, .wpb_text_column .td_pull_center, .td_block_text_with_title .td_pull_center, .bbpress .td_pull_center, .woocommerce #tab-description .td_pull_center, .mce-content-body .td_pull_center, .comment-content .td_pull_center, .vc_raw_html .td_pull_center { padding: 15px 20px; } } blockquote small { margin-top: 5px; display: block; font-size: 13px; font-style: italic; font-weight: normal; text-transform: none; color: #444; } blockquote.pull-right { padding-left: 20px; border-right: none; } blockquote.pull-right:after { border-right: 2px solid #FB5502; width: 40px; right: -40px; } /* ---------------------------------------------------------------------------- dropcaps */ body .dropcap { float: left; display: block; font-size: 50px; line-height: 56px; background-color: #42bdcd; color: white; text-align: center; margin: 9px 13px 0 0; padding: 2px 10px 4px; font-family: 'Source Sans Pro', sans-serif; text-transform: uppercase; min-width: 62px; min-height: 62px; } body .dropcap1 { -webkit-border-radius: 70px; -moz-border-radius: 70px; border-radius: 70px; font-size: 40px; padding: 2px 14px 4px; } body .dropcap2 { background-color: transparent !important; color: #4B4B4B; font-size: 79px; line-height: 69px; margin: 0 9px 0 0; padding: 0 13px 0 0; } body .dropcap3 { background-color: transparent !important; color: #4B4B4B; font-weight: bold; font-size: 79px; line-height: 69px; margin: 0; padding: 0 13px 0 0; } /* ---------------------------------------------------------------------------- text columns */ .td_text_columns_two_cols { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; -webkit-column-rule-style: solid; -moz-column-rule-style: solid; column-rule-style: solid; -webkit-column-rule-width: 1px; -moz-column-rule-width: 1px; column-rule-width: 1px; -webkit-column-rule-color: #e9e9e9; -moz-column-rule-color: #e9e9e9; column-rule-color: #e9e9e9; margin-bottom: 26px; } /* ---------------------------------------------------------------------------- text highlighting */ .td_text_highlight_0 { background-color: rgba(0, 0, 0, 0.77); padding: 2px 0 3px 0; margin: 0 8px 0 8px; box-shadow: 8px 0 0 rgba(0, 0, 0, 0.77), -8px 0 0 rgba(0, 0, 0, 0.77); color: #2a2a2a; -webkit-transition: color 400ms; -moz-transition: color 400ms; -o-transition: color 400ms; transition: color 400ms; } .td_text_highlight_0:hover { color: #F9F9F9; cursor: default; } .td_text_highlight_marker { padding: 2px 0 3px 0; margin: 0 8px 0 8px; color: white; -webkit-transition: color 400ms; -moz-transition: color 400ms; -o-transition: color 400ms; transition: color 400ms; } .td_text_highlight_marker:hover { color: #F9F9F9; } .td_text_highlight_marker_red { background-color: rgba(255, 28, 26, 0.62); box-shadow: 8px 0 0 rgba(255, 28, 26, 0.62), -8px 0 0 rgba(255, 28, 26, 0.62); } .td_text_highlight_marker_blue { background-color: rgba(57, 213, 255, 0.75); box-shadow: 8px 0 0 rgba(57, 213, 255, 0.75), -8px 0 0 rgba(57, 213, 255, 0.75); } .td_text_highlight_marker_green { background-color: rgba(77, 216, 69, 0.65); box-shadow: 8px 0 0 rgba(77, 216, 69, 0.65), -8px 0 0 rgba(77, 216, 69, 0.65); } .td_text_highlight_marker_yellow { background-color: rgba(255, 203, 0, 0.75); box-shadow: 8px 0 0 rgba(255, 203, 0, 0.75), -8px 0 0 rgba(255, 203, 0, 0.75); } .td_text_highlight_marker_pink { background-color: rgba(255, 101, 243, 0.75); box-shadow: 8px 0 0 rgba(255, 101, 243, 0.75), -8px 0 0 rgba(255, 101, 243, 0.75); } /* ---------------------------------------------------------------------------- custom post padding */ .td-paragraph-padding-0 { display: block; padding-left: 0; padding-right: 6%; } .td-paragraph-padding-1 { display: block; padding-left: 6%; padding-right: 6%; } .td-paragraph-padding-2 { display: block; padding-left: 12%; padding-right: 12%; } .td-paragraph-padding-3 { display: block; padding-left: 6%; padding-right: 12%; } .td-paragraph-padding-4 { display: block; padding-left: 6%; padding-right: 0; } .td-paragraph-padding-5 { display: block; padding-left: 18%; padding-right: 18%; } .td-paragraph-padding-6 { display: block; padding-left: 12%; padding-right: 6%; } .td-pb-span8 .td-paragraph-padding-0, .mceContentBody-max-width-small .td-paragraph-padding-0 { padding-right: 4%; } .td-pb-span8 .td-paragraph-padding-1, .mceContentBody-max-width-small .td-paragraph-padding-1 { padding-left: 4%; padding-right: 4%; } .td-pb-span8 .td-paragraph-padding-2, .mceContentBody-max-width-small .td-paragraph-padding-2 { padding-left: 8%; padding-right: 8%; } .td-pb-span8 .td-paragraph-padding-3, .mceContentBody-max-width-small .td-paragraph-padding-3 { padding-left: 4%; padding-right: 8%; } .td-pb-span8 .td-paragraph-padding-4, .mceContentBody-max-width-small .td-paragraph-padding-4 { padding-left: 4%; } .td-pb-span8 .td-paragraph-padding-5, .mceContentBody-max-width-small .td-paragraph-padding-5 { padding-left: 12%; padding-right: 12%; } .td-pb-span8 .td-paragraph-padding-6, .mceContentBody-max-width-small .td-paragraph-padding-6 { padding-left: 8%; padding-right: 4%; } /* responsive phone */ @media (max-width: 500px) { .td-paragraph-padding-0, .td-paragraph-padding-1, .td-paragraph-padding-2, .td-paragraph-padding-3, .td-paragraph-padding-4, .td-paragraph-padding-5, .td-paragraph-padding-6 { padding-left: 10px !important; padding-right: 10px !important; } } /* ---------------------------------------------------------------------------- Modules */ .td-modules-container { *zoom: 1; } .td-modules-container:before, .td-modules-container:after { display: table; content: ''; line-height: 0; } .td-modules-container:after { clear: both; } .td_module_wrap { position: relative; padding-bottom: 37px; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td_module_wrap { padding-bottom: 27px; } } .td_module_wrap:hover .entry-title a { color: #42bdcd; } .entry-title { font-family: 'Work Sans', sans-serif; position: relative; margin: 0 0 13px 0; padding-bottom: 11px; font-size: 15px; line-height: 20px; font-weight: 600; -ms-word-wrap: break-word; word-wrap: break-word; } .entry-title:after { content: ''; position: absolute; bottom: 0; left: 0; width: 40px; height: 1px; background-color: #42bdcd; opacity: 0.2; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity='20')"; filter: alpha(opacity=20); } .td-item-details { display: table; } .td-item-details a {color: #202020;font-size: 12px;font-weight: bold;} /* ---------------------------------------------------------------------------- thumbnail */ .td-module-image { margin-bottom: 13px; } .td-module-thumb { position: relative; overflow: hidden; } .td-module-thumb .entry-thumb { width: 100%; display: block; } .td-thumb-css { height: 100%; background-position: center center; background-size: cover; } .td-module-image { position: relative; } .td-video-play-ico > img { position: absolute; margin: auto; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; } .td-module-image-float { position: relative; display: inline-block; float: left; } /* ---------------------------------------------------------------------------- admin edit */ .td-admin-edit { position: absolute; display: none; top: 0; left: 0; padding: 3px 10px; background-color: rgba(0, 0, 0, 0.3); color: #fff; font-size: 12px; font-weight: 600; line-height: 20px; -webkit-transition: background-color 0.4s; -moz-transition: background-color 0.4s; -o-transition: background-color 0.4s; transition: background-color 0.4s; z-index: 999; } .td-admin-edit:hover { background-color: #000; } .td-module-thumb:hover .td-admin-edit { display: block; } /* ---------------------------------------------------------------------------- category on modules */ .td-post-category-wrap { position: absolute; bottom: -3px; width: 100%; text-align: center; } .td-post-category { display: none; /* q2d */ font-family: 'Work Sans', sans-serif; padding: 4px 8px; background-color: rgba(0, 0, 0, 0.8); font-size: 10px; font-weight: 500; line-height: 1; color: #fff; } .td-post-category:hover { background-color: #42bdcd; } .td-category-small .td-post-category { margin-right: 4px; margin-bottom: 4px; padding: 3px 6px; position: relative; top: -1px; } /* ---------------------------------------------------------------------------- metainfo */ .td-module-meta-info { font-family: 'Work Sans', sans-serif; font-size: 12px; line-height: 1; } .td-module-meta-info > div:last-child, .td-module-meta-info > a:last-child, .td-module-meta-info > span:last-child { margin-right: 0; padding-right: 0; } .td-module-meta-info > div:last-child:after, .td-module-meta-info > a:last-child:after, .td-module-meta-info > span:last-child:after { display: none; } .td-no-comment .td-post-date { margin-right: 0; padding-right: 0; } .td-no-comment .td-post-date:after { display: none; } .entry-review-stars, .td-post-author-name, .td-post-date, .td-module-comments, .td-post-comments, .td-post-views { display: inline-block; } .entry-review-stars, .td-post-author-name, .td-post-date { position: relative; margin-right: 8px; padding-right: 11px; } .entry-review-stars:after, .td-post-author-name:after, .td-post-date:after { content: ''; position: absolute; bottom: 2px; right: -1px; width: 2px; height: 2px; background-color: #000; opacity: 0.2; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity='20')"; filter: alpha(opacity=20); } .entry-review-stars { vertical-align: bottom; } .td-post-author-name { font-weight: 500; display: none; /* q2d */ } .td-post-author-name .td-author-by { display: inline; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity='50')"; filter: alpha(opacity=50); } .td-post-author-name .td-author-line { display: none; } .td-post-author-name span { display: none; } .td-post-date { opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity='50')"; filter: alpha(opacity=50); } .entry-review-stars a, .td-module-comments a, .td-post-comments a { position: relative; color: #000; opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity='70')"; filter: alpha(opacity=70); } .entry-review-stars a i, .td-module-comments a i, .td-post-comments a i { vertical-align: middle; margin: -1px 6px 0 0; } .entry-review-stars a:hover, .td-module-comments a:hover, .td-post-comments a:hover { color: #42bdcd; } .entry-review-stars a:before, .td-module-comments a:before, .td-post-comments a:before { font-family: 'wpion', sans-serif; line-height: 1; content: '\f27a'; width: 10px; height: 10px; position: relative; top: -1px; vertical-align: middle; margin-right: 5px; } .td-post-views { color: #666; } .td-post-views i { display: none; } .td-post-views span { padding: 2px 8px; border: 1px solid #ccc; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } /* ---------------------------------------------------------------------------- excerpt */ .td-excerpt { padding-top: 19px; font-size: 13px; /*font-style: italic;*/ line-height: 19px; color: #202020; word-wrap: break-word; /* responsive portrait tablet + mobile */ } .td-excerpt p {font-size: 13px;line-height: 20px;} @media (max-width: 1018px) { .td-excerpt { padding-top: 14px; } } /* ---------------------------------------------------------------------------- Module 1 */ .td_module_1 .td-module-image { /* responsive portrait phone */ } @media (max-width: 767px) { .td_module_1 .td-module-image { margin-bottom: 12px; } } .td_module_1 .td-module-title { /* responsive portrait phone */ } @media (max-width: 767px) { .td_module_1 .td-module-title { margin-bottom: 11px; font-size: 19px; line-height: 23px; } } /* ---------------------------------------------------------------------------- Module 2 */ .td_module_2 .td-module-image { /* responsive portrait phone */ } @media (max-width: 767px) { .td_module_2 .td-module-image { margin-bottom: 12px; } } .td_module_2 .td-module-title { /* responsive portrait phone */ } @media (max-width: 767px) { .td_module_2 .td-module-title { margin-bottom: 11px; font-size: 19px; line-height: 23px; } } /* ---------------------------------------------------------------------------- Module 3 */ .td_module_3 { padding-bottom: 30px; } .td_module_3 .td-module-image { margin: 0 20px 0 0; width: 100px; /* responsive landscape tablet */ /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 1019px) and (max-width: 1140px) { .td_module_3 .td-module-image { margin: 0 15px 0 0; } } @media (min-width: 768px) and (max-width: 1018px) { .td_module_3 .td-module-image { width: 80px; margin: 0 12px 0 0; } } @media (max-width: 767px) { .td_module_3 .td-module-image { margin: 0 15px 0 0; } } .td_module_3 .td-module-title { padding-bottom: 0; font-size: 13px; font-weight: 500; line-height: 16px; margin-bottom: 7px; /* responsive portrait phone */ } @media (min-width: 321px) and (max-width: 767px) { .td_module_3 .td-module-title { font-size: 15px; line-height: 20px; font-weight: 600; } } .td_module_3 .td-module-title:after { display: none; } .td_module_3 .entry-review-stars { vertical-align: middle; } .td_module_3 .td-video-play-ico > img { width: 28px; } .td_module_3 .td_quote_on_blocks { display: none; } /* ---------------------------------------------------------------------------- Module 4 */ .td_module_4 { padding-bottom: 47px; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td_module_4 { padding-bottom: 37px; } } .td_module_4 .td-module-image { margin-bottom: 17px; /* responsive portrait phone */ } @media (max-width: 767px) { .td_module_4 .td-module-image { margin-bottom: 12px; } } .td_module_4 .td-module-title { margin-bottom: 16px; padding-bottom: 15px; font-size: 21px; line-height: 26px; /* responsive portrait phone */ } @media (max-width: 767px) { .td_module_4 .td-module-title { margin-bottom: 11px; padding-bottom: 11px; font-size: 19px; line-height: 23px; } } @media (max-width: 767px) { .td_module_4 { padding-bottom: 37px; } } .td-module-number4 { /* responsive portrait phone */ } @media (min-width: 767px) { .td-module-number4.td-module-no-sidebar { margin: 0 -15px; } .td-module-number4.td-module-no-sidebar .td_module_wrap { width: 50%; padding-left: 15px; padding-right: 15px; float: left; } .td-module-number4.td-module-no-sidebar .td_module_wrap:nth-child(odd) { clear: both; } } .td-module-number4.td-module-no-sidebar .td-module-thumb { max-height: 300px; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td-module-number4.td-module-no-sidebar .td-module-thumb { max-height: 220px; } } @media (max-width: 767px) { .td-module-number4.td-module-no-sidebar .td-module-thumb { max-height: none; } } .td-module-number4.td-module-no-sidebar .td-module-title { /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td-module-number4.td-module-no-sidebar .td-module-title { font-size: 19px; line-height: 23px; } } /* ---------------------------------------------------------------------------- Module 5 */ .td_module_5 { margin-bottom: 30px; padding-bottom: 31px; padding: 20px 40px 20px 0; /* responsive portrait tablet + phone */ } @media (max-width: 1018px) { .td_module_5 { margin-bottom: 20px; padding-bottom: 20px; } } .td_module_5:before { content: ''; width: 100%; height: 1px; position: absolute; bottom: 0; left: 0; background-color: #000; opacity: 0.06; } .td_module_5 .td-module-image { margin: 0 30px 0 0; width: 260px; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td_module_5 .td-module-image { width: 160px; margin-right: 20px; } } @media (max-width: 767px) { .td_module_5 .td-module-image { width: 100px; margin-right: 15px; } } .td_module_5 .td-excerpt { margin-bottom: 7px; /* responsive portrait tablet */ } @media (max-width: 1018px) { .td_module_5 .td-excerpt { display: none; } } .td_module_5 .td-post-category { display: inline-block; vertical-align: top; top: 0; } .td_module_5 .td-module-title { margin-bottom: 13px; padding-bottom: 10px; font-size: 17px; line-height: 23px; display: table; /* responsive portrait phone */ } @media (max-width: 767px) { .td_module_5 .td-module-title { margin-bottom: 11px; padding-bottom: 11px; font-size: 15px; line-height: 20px; } } @media (max-width: 320px) { .td_module_5 .td-module-title { font-size: 13px; font-weight: 500; line-height: 16px; } } .td_module_5 .td-video-play-ico img { /* responsive portrait phone */ } @media (max-width: 767px) { .td_module_5 .td-video-play-ico img { width: 28px; } } .td-module-number5 .td_module_wrap:last-child:before { display: none; } /* ---------------------------------------------------------------------------- Module 6 */ .td_module_6 { margin-bottom: 16px; padding-bottom: 19px; } .td_module_6:before { content: ''; width: 100%; height: 1px; position: absolute; bottom: 0; left: 0; background-color: #000; opacity: 0.06; } .td_module_6 .td-module-title { margin-bottom: 6px; padding-bottom: 0; font-size: 14px; line-height: 15px; } .td_module_6 .td-module-title:after { display: none; } .td_module_6 .entry-review-stars { vertical-align: middle; } .td-module-number6 .td-block-row .td-module-wrap:before { display: block; } .td-module-number6 .td-block-row:last-child .td-module-wrap:before { display: none; } .td-module-number6 .td-block-row:last-child .td_module_wrap:before { display: none; } /* ---------------------------------------------------------------------------- Module MX2 */ .td_module_mx2 { text-align: left; } .td_module_mx2 .td-module-thumb { position: absolute; margin-bottom: 0; } .td_module_mx2 .td-item-details { margin: 0 0 20px 100px; min-height: 60px; padding-top: 2px; } .td_module_mx2 .td-module-title { margin: 0 0 8px 0; padding-bottom: 0; font-size: 12px; line-height: 15px; } .td_module_mx2 .td-module-title a { font-weight: 500; color: #000; } .td_module_mx2 .td-module-title:after { display: none; } /* ---------------------------------------------------------------------------- Block Wrap */ .td_block_wrap { margin-bottom: 40px; position: relative; clear: both; } /* ---------------------------------------------------------------------------- Block Titles + Line */ .td-block-title-wrap { position: relative; *zoom: 1; } .td-block-title-wrap:before, .td-block-title-wrap:after { display: table; content: ''; line-height: 0; } .td-block-title-wrap:after { clear: both; } .block-title { float: left; position: relative; padding: 0; font-family: 'Work Sans', sans-serif; font-size: 15px; font-weight: 600; text-transform: uppercase; line-height: 1; margin: 0 0 20px 0; } .block-title a, .block-title span, .block-title label { /* label is for jetpack */ display: inline-block; margin: 8px 0; } .block-title:after { content: ''; position: absolute; bottom: 0; left: 0; width: 80px; height: 1px; background-color: #42bdcd; opacity: 0.3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity='30')"; filter: alpha(opacity=30); } /* ---------------------------------------------------------------------------- Ajax Next Prev */ .td-next-prev-wrap { position: relative; text-align: center; clear: both; line-height: 1; margin-top: 20px; } .td-next-prev-wrap a { display: inline-block; vertical-align: middle; font-size: 9px; line-height: 20px; text-align: center; color: #000; } .td-next-prev-wrap a:hover { color: #42bdcd; } .td-next-prev-wrap .ajax-page-disabled { opacity: 0.5; } .td-next-prev-wrap .td-ajax-prev-page { padding-right: 19px; } .td-next-prev-wrap .td-ajax-next-page { position: relative; padding-left: 21px; } .td-next-prev-wrap .td-ajax-next-page:before { content: ''; position: absolute; top: 0; left: 0; width: 1px; height: 100%; background-color: #000; opacity: 0.08; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity='8')"; filter: alpha(opacity=8); } /* ---------------------------------------------------------------------------- Load more button */ .td-load-more-wrap { margin-top: 20px; text-align: left; clear: both; } .td_ajax_load_more { display: inline-block; padding: 12px 18px 10px; font-family: 'Work Sans', sans-serif; font-size: 11px; font-weight: 400; color: #848484; text-transform: uppercase; line-height: 1; text-align: center; vertical-align: middle; /* -webkit-box-shadow: inset 1px 1px 0 0 rgba(0, 0, 0, 0.06); -moz-box-shadow: inset 1px 1px 0 0 rgba(0, 0, 0, 0.06); box-shadow: inset 1px 1px 0 0 rgba(0, 0, 0, 0.06);*/ border: #848484 1px solid; } .td_ajax_load_more i { margin-top: 3px; position: relative; display: block; font-size: 0; } .td_ajax_load_more i:after { /* content: '\e900';*/ font-family: 'wpion', sans-serif; font-size: 9px; color: #bebebe; } .td_ajax_load_more:hover { color: #42bdcd; text-decoration: none !important; -webkit-box-shadow: inset 1px 1px 0 0 rgba(0, 0, 0, 0.09); -moz-box-shadow: inset 1px 1px 0 0 rgba(0, 0, 0, 0.09); box-shadow: inset 1px 1px 0 0 rgba(0, 0, 0, 0.09); } .td_ajax_load_more.ajax-page-disabled { visibility: hidden !important; } .td_block_inner_overflow { overflow: hidden; } /* ---------------------------------------------------------------------------- infinite loader */ .td-load-more-infinite-wrap { display: none; } /* ---------------------------------------------------------------------------- Block category filter */ /* control wrapper (default white) */ .td-wrapper-pulldown-filter { position: absolute; bottom: 20px; top: 0; right: 0; margin: auto; display: inline-block; font-style: italic; font-size: 13px; color: #666; text-align: right; height: 30px; } .td-wrapper-pulldown-filter .td-pulldown-filter-display-option { display: inline-block; position: relative; right: 0; padding-left: 13px; cursor: pointer; white-space: nowrap; line-height: 30px; } .td-wrapper-pulldown-filter .td-pulldown-filter-display-option i { font-size: 12px; padding: 0 5px; vertical-align: middle; top: 1px; position: relative; } .td-wrapper-pulldown-filter .td-pulldown-filter-display-option i:before { content: "\e801"; } .td-wrapper-pulldown-filter .td-pulldown-filter-display-option:hover { color: #42bdcd; } .td-wrapper-pulldown-filter .td-pulldown-filter-display-option:hover ul { display: block; } .td-wrapper-pulldown-filter .td-pulldown-filter-display-option:before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; width: 1px; height: 20px; background-color: #000; opacity: 0.08; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity='8')"; filter: alpha(opacity=8); } .td-wrapper-pulldown-filter .td-pulldown-filter-list { position: absolute; display: none; top: 100%; right: 0; padding: 11px 0; margin: -1px 0 0 0; min-width: 141px; background-color: rgba(255, 255, 255, 0.94); -webkit-box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, 0.3); z-index: 99; } .td-wrapper-pulldown-filter .td-pulldown-filter-list:before { content: ''; width: 100%; height: 1px; background-color: #42bdcd; position: absolute; top: 0; left: 0; } .td-wrapper-pulldown-filter .td-pulldown-filter-item { list-style: none; margin: 0; } .td-wrapper-pulldown-filter .td-pulldown-filter-item .td-cur-simple-item { color: #42bdcd; } .td-wrapper-pulldown-filter .td-pulldown-filter-link, .td-wrapper-pulldown-filter .td-pulldown-category-filter-link { line-height: 23px; color: #444; white-space: nowrap; display: block; padding: 0 20px; } .td-wrapper-pulldown-filter .td-pulldown-filter-link:hover, .td-wrapper-pulldown-filter .td-pulldown-category-filter-link:hover { color: #42bdcd; } /* ---------------------------------------------------------------------------- Quote on Blocks */ .td_quote_on_blocks { font-family: 'Work Sans', sans-serif; font-size: 25px; line-height: 30px; font-weight: 400; font-style: italic; text-align: left; text-transform: uppercase; color: #42bdcd; margin-top: 15px; /* responsive portrait tablet */ } @media (max-width: 1018px) { .td_quote_on_blocks { font-size: 22px; line-height: 28px; margin-top: 10px; } } /* ---------------------------------------------------------------------------- Block 1 */ .td_block_1 .td-block-row:last-child .td_module_wrap { /* without mobile */ } @media (min-width: 768px) { .td_block_1 .td-block-row:last-child .td_module_wrap { padding-bottom: 0; margin-bottom: -3px; } } .td_block_1 .td-block-row:last-child > div:last-child .td_module_wrap { /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_1 .td-block-row:last-child > div:last-child .td_module_wrap { padding-bottom: 0; margin-bottom: -3px; } } .td_block_1.td-column-1 .td_module_wrap:last-child { padding-bottom: 0; margin-bottom: -3px; } .td_block_1 .td-next-prev-wrap, .td_block_1 .td-load-more-wrap { margin-top: 30px; } /* ---------------------------------------------------------------------------- Block 2 */ .td_block_2 .td-block-row:last-child .td_module_wrap { /* without mobile */ } @media (min-width: 768px) { .td_block_2 .td-block-row:last-child .td_module_wrap { padding-bottom: 0; margin-bottom: -4px; } } .td_block_2 .td-block-row:last-child > div:last-child .td_module_wrap { /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_2 .td-block-row:last-child > div:last-child .td_module_wrap { padding-bottom: 0; margin-bottom: -4px; } } .td_block_2.td-column-1 .td_module_wrap:last-child { padding-bottom: 0; margin-bottom: -4px; } .td_block_2 .td-next-prev-wrap, .td_block_2 .td-load-more-wrap { margin-top: 30px; } /* ---------------------------------------------------------------------------- Block 3 */ .td_block_3 .td-block-row:last-child .td_module_wrap { /* without mobile */ } @media (min-width: 768px) { .td_block_3 .td-block-row:last-child .td_module_wrap { padding-bottom: 0; } } .td_block_3 .td-block-row:last-child > div:last-child .td_module_wrap { /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_3 .td-block-row:last-child > div:last-child .td_module_wrap { padding-bottom: 0; } } .td_block_3.td-column-1 .td_module_wrap:last-child { padding-bottom: 0; } .td_block_3 .td-post-category { margin-bottom: 4px; } .td_block_3.td-column-2 .td-next-prev-wrap, .td_block_3.td-column-3 .td-next-prev-wrap, .td_block_3.td-column-2 .td-load-more-wrap, .td_block_3.td-column-3 .td-load-more-wrap { margin-top: 30px; } /* ---------------------------------------------------------------------------- Block 4 */ .td_block_4 .td-block-row:last-child .td_module_wrap { /* without mobile */ } @media (min-width: 768px) { .td_block_4 .td-block-row:last-child .td_module_wrap { padding-bottom: 0; margin-bottom: -3px; } } .td_block_4 .td-block-row:last-child > div:last-child .td_module_wrap { /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_4 .td-block-row:last-child > div:last-child .td_module_wrap { padding-bottom: 0; margin-bottom: -3px; } } .td_block_4.td-column-1 .td_module_wrap:last-child, .td_block_4.td-column-2 .td_module_wrap:last-child { padding-bottom: 0; margin-bottom: -3px; } .td_block_4.td-column-3 .td-module-thumb { max-height: 300px; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td_block_4.td-column-3 .td-module-thumb { max-height: 220px; } } @media (max-width: 767px) { .td_block_4.td-column-3 .td-module-thumb { max-height: none; } } .td_block_4.td-column-3 .td-module-title { /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td_block_4.td-column-3 .td-module-title { font-size: 19px; line-height: 23px; } } .td_block_4 .td-next-prev-wrap, .td_block_4 .td-load-more-wrap { margin-top: 30px; } /* ---------------------------------------------------------------------------- Block 5 */ .td_block_5 .td-block-row:last-child .td_module_wrap { /* without mobile */ } @media (min-width: 768px) { .td_block_5 .td-block-row:last-child .td_module_wrap { padding-bottom: 0; margin-bottom: 0; } .td_block_5 .td-block-row:last-child .td_module_wrap:before { display: none; } } .td_block_5 .td-block-row:last-child > div:last-child .td_module_wrap { /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_5 .td-block-row:last-child > div:last-child .td_module_wrap { padding-bottom: 0; margin-bottom: 0; } .td_block_5 .td-block-row:last-child > div:last-child .td_module_wrap:before { display: none; } } .td_block_5.td-column-1 .td_module_wrap:last-child, .td_block_5.td-column-2 .td_module_wrap:last-child { padding-bottom: 0; margin-bottom: 0; } .td_block_5.td-column-1 .td_module_wrap:last-child:before, .td_block_5.td-column-2 .td_module_wrap:last-child:before { display: none; } .td_block_5 .td-video-play-ico > img { /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td_block_5 .td-video-play-ico > img { width: 28px; } } .td_block_5.td-column-3 .td_module_5 .td-module-image { /* desktop */ /* responsive portrait tablet */ } @media (min-width: 1019px) { .td_block_5.td-column-3 .td_module_5 .td-module-image { width: 150px; margin-right: 20px; } } @media (min-width: 768px) and (max-width: 1018px) { .td_block_5.td-column-3 .td_module_5 .td-module-image { width: 130px; } } .td_block_5.td-column-3 .td_module_5 .td-module-title { /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td_block_5.td-column-3 .td_module_5 .td-module-title { margin-bottom: 10px; font-size: 15px; line-height: 20px; } } .td_block_5.td-column-3 .td_module_5 .td-excerpt { display: none; } .td_block_5.td-column-3 .td-video-play-ico > img { width: 28px; } .td_block_5.td-column-2 .td-next-prev-wrap, .td_block_5.td-column-3 .td-next-prev-wrap, .td_block_5.td-column-2 .td-load-more-wrap, .td_block_5.td-column-3 .td-load-more-wrap { margin-top: 30px; } /* ---------------------------------------------------------------------------- Block 6 */ .td_block_6 .td-block-row:last-child .td_module_wrap { /* without mobile */ } @media (min-width: 768px) { .td_block_6 .td-block-row:last-child .td_module_wrap { padding-bottom: 0; margin-bottom: -1px; } .td_block_6 .td-block-row:last-child .td_module_wrap:before { display: none; } } .td_block_6 .td-block-row:last-child > div:last-child .td_module_wrap { /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_6 .td-block-row:last-child > div:last-child .td_module_wrap { padding-bottom: 0; margin-bottom: -1px; } .td_block_6 .td-block-row:last-child > div:last-child .td_module_wrap:before { display: none; } } .td_block_6.td-column-1 .td_module_wrap:last-child { padding-bottom: 0; margin-bottom: -1px; } .td_block_6.td-column-1 .td_module_wrap:last-child:before { display: none; } .td_block_6 .td-next-prev-wrap, .td_block_6 .td-load-more-wrap { margin-top: 30px; } /* ---------------------------------------------------------------------------- Block 7 */ .td_block_7 .td-block-row:last-child .td_module_wrap { /* without mobile */ } @media (min-width: 768px) { .td_block_7 .td-block-row:last-child .td_module_wrap { padding-bottom: 0; margin-bottom: -3px; } } .td_block_7 .td-block-row:last-child > div:last-child .td_module_wrap { /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_7 .td-block-row:last-child > div:last-child .td_module_wrap { padding-bottom: 0; margin-bottom: -3px; } } .td_block_7.td-column-1 .td_module_wrap:last-child { padding-bottom: 0; margin-bottom: -3px; } .td_block_7.td-column-2 .td-next-prev-wrap, .td_block_7.td-column-2 .td-load-more-wrap { margin-top: 30px; } .td_block_7.td-column-3 .td-next-prev-wrap, .td_block_7.td-column-3 .td-load-more-wrap { margin-top: 40px; } .td_block_7.td-column-3 .td_module_4 .td-module-thumb { max-height: 300px; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td_block_7.td-column-3 .td_module_4 .td-module-thumb { max-height: 220px; } } @media (max-width: 767px) { .td_block_7.td-column-3 .td_module_4 .td-module-thumb { max-height: none; } } .td_block_7.td-column-3 .td_module_4 .td-module-title { /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td_block_7.td-column-3 .td_module_4 .td-module-title { font-size: 19px; line-height: 23px; } } .td_block_7.td-column-1 .td_module_1 { padding-bottom: 27px; } .td_block_7.td-column-2, .td_block_7.td-column-3 { /* responsive portrait phone */ } .td_block_7.td-column-2 .td_module_1, .td_block_7.td-column-3 .td_module_1, .td_block_7.td-column-2 .td_module_2, .td_block_7.td-column-3 .td_module_2 { /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_7.td-column-2 .td_module_1, .td_block_7.td-column-3 .td_module_1, .td_block_7.td-column-2 .td_module_2, .td_block_7.td-column-3 .td_module_2 { padding-bottom: 28px; } .td_block_7.td-column-2 .td_module_1 .td-module-image, .td_block_7.td-column-3 .td_module_1 .td-module-image, .td_block_7.td-column-2 .td_module_2 .td-module-image, .td_block_7.td-column-3 .td_module_2 .td-module-image { position: relative; display: inline-block; float: left; width: 100px; margin: 0 15px 30px 0; } .td_block_7.td-column-2 .td_module_1 .td-module-title, .td_block_7.td-column-3 .td_module_1 .td-module-title, .td_block_7.td-column-2 .td_module_2 .td-module-title, .td_block_7.td-column-3 .td_module_2 .td-module-title { font-size: 15px; line-height: 20px; font-weight: 600; padding-bottom: 0; margin-bottom: 7px; } .td_block_7.td-column-2 .td_module_1 .td-video-play-ico > img, .td_block_7.td-column-3 .td_module_1 .td-video-play-ico > img, .td_block_7.td-column-2 .td_module_2 .td-video-play-ico > img, .td_block_7.td-column-3 .td_module_2 .td-video-play-ico > img { width: 28px; } .td_block_7.td-column-2 .td_module_1 .td-excerpt, .td_block_7.td-column-3 .td_module_1 .td-excerpt, .td_block_7.td-column-2 .td_module_2 .td-excerpt, .td_block_7.td-column-3 .td_module_2 .td-excerpt { display: none; } .td_block_7.td-column-2 .td_module_1 .td-post-category-wrap, .td_block_7.td-column-3 .td_module_1 .td-post-category-wrap, .td_block_7.td-column-2 .td_module_2 .td-post-category-wrap, .td_block_7.td-column-3 .td_module_2 .td-post-category-wrap { bottom: 0; text-align: left; } .td_block_7.td-column-2 .td_module_1 .entry-title:after, .td_block_7.td-column-3 .td_module_1 .entry-title:after, .td_block_7.td-column-2 .td_module_2 .entry-title:after, .td_block_7.td-column-3 .td_module_2 .entry-title:after { display: none; } } @media (max-width: 767px) { .td_block_7.td-column-2 .td-next-prev-wrap, .td_block_7.td-column-3 .td-next-prev-wrap, .td_block_7.td-column-2 .td-load-more-wrap, .td_block_7.td-column-3 .td-load-more-wrap { margin-top: 0; } } .td_block_7 .td_module_4 { padding-bottom: 37px; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td_block_7 .td_module_4 { padding-bottom: 27px; } } /* ---------------------------------------------------------------------------- Block 8 */ .td_block_8 .td-block-row:last-child .td_module_wrap { /* without mobile */ } @media (min-width: 768px) { .td_block_8 .td-block-row:last-child .td_module_wrap { padding-bottom: 0; margin-bottom: 0; } .td_block_8 .td-block-row:last-child .td_module_wrap:before { display: none; } } .td_block_8 .td-block-row:last-child > div:last-child .td_module_wrap { /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_8 .td-block-row:last-child > div:last-child .td_module_wrap { padding-bottom: 0; margin-bottom: 0; } .td_block_8 .td-block-row:last-child > div:last-child .td_module_wrap:before { display: none; } } .td_block_8.td-column-1 .td_module_wrap:last-child, .td_block_8.td-column-2 .td_module_wrap:last-child { padding-bottom: 0; margin-bottom: 0; } .td_block_8.td-column-1 .td_module_wrap:last-child:before, .td_block_8.td-column-2 .td_module_wrap:last-child:before { display: none; } .td_block_8.td-column-2 .td-next-prev-wrap, .td_block_8.td-column-2 .td-load-more-wrap { margin-top: 30px; } .td_block_8.td-column-3 .td-next-prev-wrap, .td_block_8.td-column-3 .td-load-more-wrap { margin-top: 40px; } .td_block_8.td-column-1 .td_module_1 { padding-bottom: 27px; } .td_block_8.td-column-2 .td_module_4 { margin-bottom: 30px; padding-bottom: 28px; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td_block_8.td-column-2 .td_module_4 { margin-bottom: 20px; padding-bottom: 18px; } } .td_block_8.td-column-2 .td_module_4:before { content: ''; width: 100%; height: 1px; position: absolute; bottom: 0; left: 0; background-color: #000; opacity: 0.06; } .td_block_8.td-column-3 .td_module_4 { padding-bottom: 37px; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td_block_8.td-column-3 .td_module_4 { padding-bottom: 27px; } } .td_block_8.td-column-3 .td_module_4 .td-module-thumb { max-height: 300px; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td_block_8.td-column-3 .td_module_4 .td-module-thumb { max-height: 220px; } } @media (max-width: 767px) { .td_block_8.td-column-3 .td_module_4 .td-module-thumb { max-height: none; } } .td_block_8.td-column-3 .td_module_4 .td-module-title { /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td_block_8.td-column-3 .td_module_4 .td-module-title { font-size: 19px; line-height: 23px; } } .td_block_8.td-column-3 .td_module_5 .td-module-image { /* desktop */ /* responsive portrait tablet */ } @media (min-width: 1019px) { .td_block_8.td-column-3 .td_module_5 .td-module-image { width: 150px; margin-right: 20px; } } @media (min-width: 768px) and (max-width: 1018px) { .td_block_8.td-column-3 .td_module_5 .td-module-image { width: 130px; } } .td_block_8.td-column-3 .td_module_5 .td-module-title { /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td_block_8.td-column-3 .td_module_5 .td-module-title { margin-bottom: 10px; font-size: 15px; line-height: 20px; } } .td_block_8.td-column-3 .td_module_5 .td-excerpt { display: none; } /* ---------------------------------------------------------------------------- Author block */ .td_block_author .block-title { float: none; margin-bottom: 20px; width: 100%; } .td_block_author .td_author_wrap { font-family: 'Work Sans', sans-serif; text-align: center; } .td_block_author .avatar { margin-bottom: 7px; -webkit-border-radius: 500px; -moz-border-radius: 500px; border-radius: 500px; } .td_block_author .td-author-name { position: relative; margin-bottom: 10px; padding-bottom: 15px; font-size: 18px; font-weight: 500; text-transform: uppercase; } .td_block_author .td-author-name:after { content: ''; position: absolute; bottom: 0; right: 0; left: 0; margin: 0 auto; background-color: #42bdcd; width: 40px; height: 1px; opacity: 0.2; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity='20')"; filter: alpha(opacity=20); } .td_block_author .td-author-description { padding: 2px 0 16px 0; font-family: 'Source Sans Pro', sans-serif; font-size: 15px; line-height: 19px; } .td_block_author .td-author-page { font-family: 'Source Sans Pro', sans-serif; font-size: 15px; font-style: italic; } .td_block_author a { color: #000; } .td_block_author a:hover { color: #42bdcd; } /* ---------------------------------------------------------------------------- Image box */ .td_block_image_box .td-custom { position: relative; /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_image_box .td-custom { margin: 0 -10px; } } .td_block_image_box .td-custom a:hover:after { opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity='60')"; filter: alpha(opacity=60); } .td_block_image_box .td-custom-image a { display: block; background-size: cover; background-position: center; /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_image_box .td-custom-image a { margin-bottom: 5px; } } .td_block_image_box .td-custom-image a:before { content: ''; width: 100%; height: 100%; opacity: 0.4; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity='40')"; filter: alpha(opacity=40); position: absolute; top: 0; left: 0; background-color: #000; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .td_block_image_box .td-custom-image a:after { content: ''; border: 1px solid #fff; opacity: 0.3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity='30')"; filter: alpha(opacity=30); position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: 10px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .td_block_image_box .td-custom-image img { vertical-align: top; } .td_block_image_box .td-custom-title { position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); display: table; text-align: center; width: 100%; padding: 10px 20px; pointer-events: none; } .td_block_image_box .entry-title { margin: 0; padding: 0; font-size: 19px; text-transform: uppercase; /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_image_box .entry-title { font-size: 16px; } } .td_block_image_box .entry-title a { color: #fff; } .td_block_image_box .entry-title:after { display: none; } .td_block_image_box .td-image-box-row { margin: 0 -20px; *zoom: 1; } .td_block_image_box .td-image-box-row:before, .td_block_image_box .td-image-box-row:after { display: table; content: ''; line-height: 0; } .td_block_image_box .td-image-box-row:after { clear: both; } .td_block_image_box .td-image-box-span { padding: 0 20px; float: left; /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_image_box .td-image-box-span { width: 100% !important; float: none; } } .td_block_image_box .td-big-image .td-image-box-span { width: 100%; } .td_block_image_box .td-big-image .td-custom-image a { height: 360px; /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_image_box .td-big-image .td-custom-image a { height: 160px; } } .td_block_image_box .td-medium-image .td-image-box-span { width: 50%; } .td_block_image_box .td-medium-image .td-custom-image a { height: 320px; /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_image_box .td-medium-image .td-custom-image a { height: 160px; } } .td_block_image_box .td-small-image .td-image-box-span { width: 33.33333333%; } .td_block_image_box .td-small-image .td-custom-image a { height: 220px; /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_image_box .td-small-image .td-custom-image a { height: 160px; } } .td_block_image_box .td-tiny-image .td-image-box-span { width: 25%; } .td_block_image_box .td-tiny-image .td-custom-image a { height: 160px; } .td_block_image_box .td-tiny-image .td-custom-image a:after { margin: 8px; } .td_block_image_box .td-tiny-image .entry-title { font-size: 12px; /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_image_box .td-tiny-image .entry-title { font-size: 16px; } } .td_block_image_box.td-box-horizontal .td-image-box-row { margin-left: 0 !important; margin-right: 0 !important; } .td_block_image_box.td-box-horizontal .td-image-box-span { float: none; width: 100%; padding-left: 0 !important; padding-right: 0 !important; margin-bottom: 5px; } .td_block_image_box.td-box-horizontal .td-image-box-span a:after { margin: 8px; } .td_block_image_box.td-box-horizontal .td-image-box-span:last-child { margin-bottom: 0 !important; } .td_block_image_box.td-box-horizontal .entry-title { font-size: 15px; } .td_block_image_box.td-image-box-top .td-custom-image a { background-position: top center; } .td_block_image_box.td-image-box-bottom .td-custom-image a { background-position: bottom center; } .td_block_image_box.td-image-box-style-2 .td-custom-image a:before, .td_block_image_box.td-image-box-style-2 .td-custom-image a:after { display: none; } .td_block_image_box.td-image-box-style-2 .entry-title { font-size: 15px; } .td_block_image_box.td-image-box-style-2 .entry-title a { padding: 8px 16px; background-color: #fff; color: #000; } /* ---------------------------------------------------------------------------- Empty space */ .vc_empty_space { margin-bottom: 0; } /* ---------------------------------------------------------------------------- Block list menu */ .td-list-menu-inline { padding: 0 60px; margin-bottom: 0 !important; margin-top: 10px; /* responsive portrait tablet */ } @media (max-width: 1018px) { .td-list-menu-inline { padding: 0; } } .td-list-menu-inline ul { text-align: center; } .td-list-menu-inline ul li { display: inline-block; margin-bottom: 8px; margin-left: 0; margin-right: 7px; } .td-list-menu-inline ul li a { border: 1px solid #eaeaea; padding: 0 12px; font-family: 'Work Sans', sans-serif; font-size: 13px; font-weight: 500; line-height: 31px; color: #000; display: block; } .td-list-menu-inline ul li a:hover { background-color: #111; color: #fff; border-color: #111; } .td-list-menu-inline .current-menu-item a { border-color: #42bdcd; background-color: #42bdcd; color: #fff !important; } /* Font for MX modules */ .td-mx-15 .entry-title { font-size: 15px; line-height: 20px; /* responsive portrait tablet + phone */ } @media (max-width: 1018px) { .td-mx-15 .entry-title { font-size: 13px !important; line-height: 18px !important; } } .td-mx-15 .td-post-category { margin-bottom: 10px; } .td-mx-15 .td-module-meta-info { margin-top: 6px; } .td-mx-15 .td-meta-info-container { padding: 0 10px 18px; /* responsive portrait tablet + phone */ } @media (max-width: 1018px) { .td-mx-15 .td-meta-info-container { padding-bottom: 11px; } } .td-mx-19 .entry-title { font-size: 19px; line-height: 24px; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td-mx-19 .entry-title { font-size: 17px !important; line-height: 22px !important; } } @media (max-width: 767px) { .td-mx-19 .entry-title { font-size: 19px !important; line-height: 24px !important; } } .td-mx-19 .td-post-category { margin-bottom: 10px; /* responsive portrait phone */ } @media (max-width: 767px) { .td-mx-19 .td-post-category { margin-bottom: 12px; } } .td-mx-19 .td-module-meta-info { margin-top: 8px; } .td-mx-19 .td-meta-info-container { padding: 0 20px 18px; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td-mx-19 .td-meta-info-container { padding: 0 15px 10px; } } @media (max-width: 767px) { .td-mx-19 .td-meta-info-container { padding: 0 13px 14px; } } .td-mx-23 .entry-title { font-size: 23px; line-height: 30px; /* responsive portrait tablet + phone */ } @media (max-width: 1018px) { .td-mx-23 .entry-title { font-size: 19px !important; line-height: 24px !important; } } .td-mx-23 .td-post-category { margin-bottom: 14px; /* responsive portrait tablet + phone */ } @media (max-width: 1018px) { .td-mx-23 .td-post-category { margin-bottom: 10px; } } .td-mx-23 .td-module-meta-info { margin-top: 8px; } .td-mx-23 .td-meta-info-container { padding: 0 8% 20px; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td-mx-23 .td-meta-info-container { padding: 0 4% 20px; } } @media (max-width: 767px) { .td-mx-23 .td-meta-info-container { padding: 0 15px 14px; } } /* Style 1 - Center */ /* Style 2 - Left */ .td-grid-style-2 { /* General */ /* Big grids custom css */ /* Individual Big Grids */ } .td-grid-style-2 .td-big-grid-post { text-align: left; } .td-grid-style-2 .td-mx-15 .td-meta-info-container { padding: 0 17px 16px; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td-grid-style-2 .td-mx-15 .td-meta-info-container { padding: 0 13px 9px; } } @media (max-width: 767px) { .td-grid-style-2 .td-mx-15 .td-meta-info-container { padding: 0 13px 11px; } } .td-grid-style-2 .td-mx-23 .td-meta-info-container { padding: 0 25px 23px; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td-grid-style-2 .td-mx-23 .td-meta-info-container { padding: 0 15px 14px; } } @media (max-width: 767px) { .td-grid-style-2 .td-mx-23 .td-meta-info-container { padding: 0 13px 14px; } } .td-grid-style-2.td_block_big_grid_2 .td-meta-info-container { padding: 0 10px 0 0; /* responsive portrait phone */ } @media (max-width: 767px) { .td-grid-style-2.td_block_big_grid_2 .td-meta-info-container { padding: 0 10px; } } .td-grid-style-2.td_block_big_grid_3 .td-meta-align { /* responsive portrait phone */ } @media (max-width: 767px) { .td-grid-style-2.td_block_big_grid_3 .td-meta-align { padding: 15px 15px 0; } } .td-grid-style-2.td_block_big_grid_3 .td-big-grid-post-1 .td-meta-align { /* responsive tablet + desktop */ } @media (min-width: 768px) { .td-grid-style-2.td_block_big_grid_3 .td-big-grid-post-1 .td-meta-align { padding-left: 0; } } /* General big grids */ .td-big-grids { margin-bottom: 50px; } .td-big-grids .td_module_wrap { padding-bottom: 0; } .td-big-grids .td-module-image { margin-bottom: 0; height: 100%; } .td-big-grid-post { position: relative; font-family: 'Work Sans', sans-serif; text-align: center; overflow: hidden; /* responsive desktop */ } .td-big-grid-post .entry-review-stars { color: #fff; margin-top: -5px; } .td-big-grid-post .td-meta-info-container { position: absolute; pointer-events: none; z-index: 1; bottom: 0; width: 100%; } .td-big-grid-post .td-meta-align { pointer-events: none; } .td-big-grid-post .td-post-category-wrap { z-index: 10; bottom: -5px; } .td-big-grid-post .td-post-category { padding: 3px 6px; pointer-events: auto; } .td-big-grid-post .entry-title { margin: 0; padding: 0; font-weight: 600; text-transform: uppercase; } .td-big-grid-post .entry-title:after { display: none; } .td-big-grid-post .td-module-meta-info { min-height: 0; z-index: 1; } .td-big-grid-post .entry-review-stars, .td-big-grid-post .td-post-author-name, .td-big-grid-post .td-post-date { margin: 0; padding: 0; } .td-big-grid-post .entry-review-stars:after { display: none; } .td-big-grid-post .td-big-grid-meta { z-index: 1; line-height: 1; } .td-big-grid-post .td-module-thumb { margin: 0; height: 100%; background-color: #f1f1f1; } .td-big-grid-post .td-module-thumb a:last-child:before { bottom: 0; content: ''; display: block; height: 100%; width: 100%; position: absolute; z-index: 1; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 50%, #000000 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(0, 0, 0, 0)), color-stop(100%, #000000)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 50%, #000000 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 50%, #000000 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 50%, #000000 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, #000000 100%); /* W3C */ opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity='50')"; filter: alpha(opacity=50); -webkit-transition: background 0.3s ease; -moz-transition: background 0.3s ease; -o-transition: background 0.3s ease; transition: background 0.3s ease; /* responsive portrait phone */ } @media (max-width: 767px) { .td-big-grid-post .td-module-thumb a:last-child:before { background-color: rgba(0, 0, 0, 0.1); } } @media (min-width: 1019px) { .td-big-grid-post .td-module-thumb .entry-thumb { transition: transform 0.3s ease, opacity 0.3s; -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s; } .td-big-grid-post .td-post-category { -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } .td-big-grid-post:hover .td-module-thumb .entry-thumb { transform: scale3d(1.06, 1.06, 1); -webkit-transform: scale3d(1.06, 1.06, 1); -moz-transform: scale3d(1.06, 1.06, 1) rotate(0.02deg); } .td-big-grid-post:hover .td-module-thumb a:last-child:before { background-color: rgba(0, 0, 0, 0.3); } .td-big-grid-post:hover .td-post-category { background-color: #42bdcd; } } .td-big-grid-post .td-post-author-name, .td-big-grid-post .td-post-date { top: 0; } .td-big-grid-post .td-video-play-ico img { z-index: 1; } /* Scroll bar */ .td_block_wrap .td-big-grid-wrapper .td-big-grid-scroll { /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_wrap .td-big-grid-wrapper .td-big-grid-scroll { overflow-x: auto; white-space: nowrap; font-size: 0; overflow-y: hidden; padding-top: 4px; z-index: 0; -webkit-overflow-scrolling: touch; transform: translate3d(0, 0, 0); } .td_block_wrap .td-big-grid-wrapper .td-big-grid-scroll .td-big-grid-post { margin-left: 4px; margin-right: 0; margin-bottom: 0; } .td_block_wrap .td-big-grid-wrapper .td-big-grid-scroll .td-big-grid-post:first-child { margin-left: 0; } } .td_block_wrap .td-big-grid-wrapper .td-big-grid-scroll .td-big-grid-post { /* responsive portrait phone */ /* responsive smaller portrait phone */ } @media (max-width: 767px) { .td_block_wrap .td-big-grid-wrapper .td-big-grid-scroll .td-big-grid-post { display: inline-block; white-space: normal; float: none; vertical-align: top; width: 80%; height: 170px; } } @media (max-width: 320px) { .td_block_wrap .td-big-grid-wrapper .td-big-grid-scroll .td-big-grid-post { height: 130px; } } .td_block_wrap .td-big-grid-wrapper .td-big-grid-scroll .td-big-grid-post .td-meta-info-container { /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_wrap .td-big-grid-wrapper .td-big-grid-scroll .td-big-grid-post .td-meta-info-container { padding: 0 13px 12px !important; } } .td_block_wrap .td-big-grid-wrapper .td-big-grid-scroll .td-big-grid-post .td-post-category { /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_wrap .td-big-grid-wrapper .td-big-grid-scroll .td-big-grid-post .td-post-category { margin-bottom: 10px; } } .td_block_wrap .td-big-grid-wrapper .td-big-grid-scroll .td-big-grid-post .entry-title { /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_wrap .td-big-grid-wrapper .td-big-grid-scroll .td-big-grid-post .entry-title { font-size: 15px !important; line-height: 20px !important; } } .td-big-grids-scroll .td-big-grid-post-0 { /* responsive portrait phone */ } @media (max-width: 767px) { .td-big-grids-scroll .td-big-grid-post-0 { width: 100% !important; height: auto; max-height: 420px; float: none !important; } } .td-big-grids-scroll .td-big-grid-post-0 .td-post-category { /* responsive portrait phone */ } @media (max-width: 767px) { .td-big-grids-scroll .td-big-grid-post-0 .td-post-category { margin-bottom: 12px !important; } } .td-big-grids-scroll .td-big-grid-post-0 .entry-title { /* responsive portrait phone */ } @media (max-width: 767px) { .td-big-grids-scroll .td-big-grid-post-0 .entry-title { font-size: 19px !important; line-height: 24px !important; } } /* Big grid 1 */ .td_block_big_grid_1 { /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_1 { margin-left: -10px; margin-right: -10px; } } .td_block_big_grid_1 .td-big-grid-post { float: left; } .td_block_big_grid_1 .entry-title a, .td_block_big_grid_1 .td-meta-info-container { color: #fff; } .td_block_big_grid_1 .td-post-date { opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity='80')"; filter: alpha(opacity=80); } .td_block_big_grid_1 .td-module-meta-info { /* responsive portrait tablet */ } @media (max-width: 1018px) { .td_block_big_grid_1 .td-module-meta-info { display: none; } } .td_block_big_grid_1 .td-video-play-ico > img { top: 10px; right: 10px; bottom: auto; left: auto; /* responsive portrait tablet + phone */ } @media (max-width: 1018px) { .td_block_big_grid_1 .td-video-play-ico > img { width: 28px; } } .td_block_big_grid_1 .td-posts-1 .td_module_mx_empty { /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_1 .td-posts-1 .td_module_mx_empty { display: none; } } .td_block_big_grid_1 .td_module_mx3 { width: 66.3265306122449%; height: 400px; border-right: 10px solid transparent; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td_block_big_grid_1 .td_module_mx3 { height: 296px; } } @media (max-width: 767px) { .td_block_big_grid_1 .td_module_mx3 { width: 100%; height: auto; border-right: none; border-bottom: 4px solid transparent; } } .td_block_big_grid_1 .td_module_mx1 { width: 33.6734693877551%; height: 195px; float: right; /* responsive portrait tablet */ /* responsive portrait phone */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td_block_big_grid_1 .td_module_mx1 { height: 143px; } } @media (max-width: 767px) { .td_block_big_grid_1 .td_module_mx1 { width: 50%; height: 130px; margin-bottom: 0; } } @media (max-width: 320px) { .td_block_big_grid_1 .td_module_mx1 { height: 104px; } } .td_block_big_grid_1 .td_module_mx1 .entry-title { /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_1 .td_module_mx1 .entry-title { font-size: 12px !important; line-height: 15px !important; } } .td_block_big_grid_1 .td-big-grid-post-1 { margin-bottom: 10px; /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_1 .td-big-grid-post-1 { margin-bottom: 0; border-right: 2px solid transparent; float: left; } } .td_block_big_grid_1 .td-big-grid-post-2 { /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_1 .td-big-grid-post-2 { border-left: 2px solid transparent; float: none; } } .td_block_big_grid_1 .td-post-category { color: #000; background-color: #fff; } @media (min-width: 1019px) { .td_block_big_grid_1 .td-big-grid-post:hover .td-post-category { color: #fff; background-color: #42bdcd; } } /* Big grid 2 */ .td_block_big_grid_2 { margin-left: -5px; margin-right: -5px; /* responsive portrait phone */ /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_2 { margin-left: -10px; margin-right: -10px; } } .td_block_big_grid_2 .td-big-grid-post { width: 33.33333333%; padding: 0 5px; float: left; overflow: visible; /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_2 .td-big-grid-post { width: 100%; padding: 0; float: none; margin-bottom: 35px; } } .td_block_big_grid_2 .entry-review-stars { color: #000; } .td_block_big_grid_2 .td-meta-info-container { pointer-events: auto; position: relative; padding: 0 10px; margin-bottom: -2px; /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_2 .td-meta-info-container { margin-bottom: 0; } } .td_block_big_grid_2 .td-meta-align { pointer-events: auto; } .td_block_big_grid_2 .td-module-image { margin-bottom: 15px; /* responsive portrait tablet */ } @media (max-width: 1018px) { .td_block_big_grid_2 .td-module-image { margin-bottom: 11px; } } .td_block_big_grid_2 .td-module-thumb { height: 235px; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td_block_big_grid_2 .td-module-thumb { height: 174px; } } @media (max-width: 767px) { .td_block_big_grid_2 .td-module-thumb { height: auto; max-height: 360px; } } .td_block_big_grid_2 .td-module-thumb a:last-child:before { display: none; } .td_block_big_grid_2 .td-post-category { margin-bottom: 0; } .td_block_big_grid_2 .entry-title { margin-bottom: 11px; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td_block_big_grid_2 .entry-title { margin-bottom: 5px; } } @media (max-width: 767px) { .td_block_big_grid_2 .entry-title { margin-bottom: 6px; font-size: 15px !important; line-height: 20px !important; } } .td_block_big_grid_2 .td-big-grid-post-2 { /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_2 .td-big-grid-post-2 { margin-bottom: 0; } } .td_block_big_grid_2 .td_module_mx_empty { /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_2 .td_module_mx_empty { display: none; } } @media (max-width: 767px) { .td_block_big_grid_2 .td-posts-1 .td-big-grid-post-0 { margin-bottom: 0; } .td_block_big_grid_2 .td-posts-2 .td-big-grid-post-1 { margin-bottom: 0; } } /* Big grid 3 */ .td_block_big_grid_3 { /* responsive portrait phone */ /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_3 { margin-left: -10px; margin-right: -10px; } } .td_block_big_grid_3 .entry-review-stars { color: #000; } .td_block_big_grid_3 .td-module-image { margin-bottom: 0; } .td_block_big_grid_3 .td-big-grid-post { width: 50%; float: left; /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_3 .td-big-grid-post { width: 100%; float: none; border: none !important; } } .td_block_big_grid_3 .td-meta-info-container { position: relative; top: 100%; width: 92%; margin-top: -36px; pointer-events: auto; margin-bottom: -2px; padding: 0; /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_3 .td-meta-info-container { width: 100%; margin-bottom: 0; } } .td_block_big_grid_3 .td-module-thumb { height: 360px; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td_block_big_grid_3 .td-module-thumb { height: 260px; } } @media (max-width: 767px) { .td_block_big_grid_3 .td-module-thumb { height: auto; } } .td_block_big_grid_3 .td-module-thumb a:last-child:before { display: none; } .td_block_big_grid_3 .td-post-category { margin-bottom: 0; } .td_block_big_grid_3 .td-meta-align { pointer-events: auto; background-color: #fff; padding: 18px 20px 0; /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_3 .td-meta-align { padding: 15px 20px 0; margin-left: 10px; margin-right: 10px; } } .td_block_big_grid_3 .td-module-meta-info { margin-top: 10px; } .td_block_big_grid_3 .td-post-category-wrap { width: 92%; bottom: 31px; /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_3 .td-post-category-wrap { width: 100%; } } .td_block_big_grid_3 .td-video-play-ico img { top: 20px; bottom: auto; /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_3 .td-video-play-ico img { top: 10px; left: auto !important; right: 10px !important; } } .td_block_big_grid_3 .td-big-grid-post-0 { border-right: 5px solid transparent; /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_3 .td-big-grid-post-0 { margin-bottom: 30px; } } .td_block_big_grid_3 .td-big-grid-post-0 .td-meta-info-container { float: right; /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_3 .td-big-grid-post-0 .td-meta-info-container { float: none; } } .td_block_big_grid_3 .td-big-grid-post-0 .td-post-category-wrap { right: 0; } .td_block_big_grid_3 .td-big-grid-post-0 .td-video-play-ico img { left: 20px; right: auto; } .td_block_big_grid_3 .td-big-grid-post-1 { border-left: 5px solid transparent; } .td_block_big_grid_3 .td-big-grid-post-1 .td-video-play-ico img { right: 20px; left: auto; } .td_block_big_grid_3 .td_module_mx_empty { /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_big_grid_3 .td_module_mx_empty { display: none; } } @media (max-width: 767px) { .td_block_big_grid_3 .td-posts-1 .td-big-grid-post-0 { margin-bottom: 0; } .td_block_big_grid_3 .td-posts-2 .td-big-grid-post-1 { margin-bottom: 0; } } .td_block_authors .block-title { float: none; } .td_block_authors .td_authors_wrap { width: 100%; margin-bottom: 15px; font-family: 'Work Sans', sans-serif; *zoom: 1; } .td_block_authors .td_authors_wrap:before, .td_block_authors .td_authors_wrap:after { display: table; content: ''; line-height: 0; } .td_block_authors .td_authors_wrap:after { clear: both; } .td_block_authors .td_authors_wrap:hover .td-authors-name a, .td_block_authors .td_authors_wrap.td-active .td-authors-name a { color: #42bdcd; } .td_block_authors .td-author-avatar { display: inline-block; float: left; margin-right: 20px; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td_block_authors .td-author-avatar { margin-right: 9px; } } .td_block_authors .td-author-avatar img { display: block; } .td_block_authors .avatar { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td_block_authors .avatar { width: 25px; } } .td_block_authors .item-details { display: table; font-size: 11px; } .td_block_authors .td-authors-name { margin-bottom: 7px; margin-top: 11px; font-size: 13px; font-weight: 500; line-height: 1; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td_block_authors .td-authors-name { margin-top: 6px; } } .td_block_authors .td-authors-name a { color: #000; } .td_block_authors .td-author-post-count, .td_block_authors .td-author-comments-count { margin-bottom: 1px; text-transform: lowercase; display: inline-block; } .td_block_authors .td-author-comments-count { margin-left: 15px; } .td_block_authors .count { margin-right: 8px; padding: 3px 8px 2px 7px; border: 1px solid #ccc; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .td_block_authors .td-authors-url { font-style: italic; line-height: 1; margin-top: 5px; } .td_block_authors .td-authors-url a { color: #000; } .td_block_authors .td-authors-url a:hover { color: #42bdcd; } #td_css_split_separator { visibility: visible; } .td-post-source-tags, .author-box-wrap, .td-post-sharing-bottom, .td_block_related_posts { position: relative; } .td-post-source-tags:before, .author-box-wrap:before, .td-post-sharing-bottom:before, .td_block_related_posts:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background-color: #000; opacity: 0.04; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity='4')"; filter: alpha(opacity=4); } .single-post .page-nav { margin-bottom: 30px; } .single-post .page-nav > div { display: inline-block; background-color: #42bdcd; margin-right: 2px; min-width: 35px; text-align: center; color: #fff; line-height: 35px; float: left; padding: 0 14px; border-radius: 35px; } .td-sidebar-left .td-crumb-container { padding-left: 340px; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td-sidebar-left .td-crumb-container { padding-left: 252px; } } @media (max-width: 767px) { .td-sidebar-left .td-crumb-container { padding-left: 0; } } .td-sidebar-left-content { float: right !important; /* responsive portrait phone */ } @media (max-width: 767px) { .td-sidebar-left-content { float: none !important; } } /* ---------------------------------------------------------------------------- Category */ .td-category { list-style: none; font-family: 'Work Sans', sans-serif; font-size: 10px; margin: 0 0 12px 0; line-height: 1; } .td-category li { display: inline-block; margin: 0 5px 5px 0; line-height: 1; } .td-category a { display: inline-block; background-color: #000; padding: 3px 8px; color: #fff; white-space: nowrap; } .td-category a:hover { background-color: #42bdcd; } /* ---------------------------------------------------------------------------- Post title */ .td-post-header { margin-bottom: 17px; } .td-post-header .entry-title { margin-bottom: 8px; padding-bottom: 15px; word-wrap: break-word; font-size: 28px; font-weight: 400; line-height: 28px; color: #000; /* responsive portrait tablet */ } @media (max-width: 1018px) { .td-post-header .entry-title { font-size: 28px !important; line-height: 34px !important; } } .td-post-header .td-post-comments a:before { display: none; } .td-post-header .td-post-views-wrap { float: right; } .td-post-header .td-post-views-text { margin-left: 3px; color: #666; } /* ---------------------------------------------------------------------------- Subtitle */ .td-post-sub-title { display: block; font-family: 'Source Sans Pro', sans-serif; font-style: italic; font-weight: 300; line-height: 24px; color: #999; margin: 9px 0 14px 0; } /* ---------------------------------------------------------------------------- Sharing */ .td-post-sharing { font-family: 'Source Sans Pro', sans-serif; /* responsive portrait phone */ } .td-post-sharing a { display: inline-block; vertical-align: middle; } @media (max-width: 767px) { .td-post-sharing { text-align: center; } } .td-post-sharing-top { margin-bottom: 20px; } .td-post-sharing-bottom { padding: 30px 0; } .td-post-share-title { position: relative; margin-right: 10px; vertical-align: middle; font-family: 'Work Sans', sans-serif; font-weight: 600; font-size: 15px; /* responsive portrait phone */ } @media (max-width: 767px) { .td-post-share-title { display: none; } } .td-default-sharing { display: inline-block; vertical-align: middle; } .td-social-sharing-buttons { background-color: #fff; font-size: 12px; color: #666; margin-right: 7px; padding: 0 16px; min-width: 29px; height: 29px; text-align: center; border: 1px solid #ebebeb; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; /* responsive portrait phone */ } @media (max-width: 767px) { .td-social-sharing-buttons { min-width: 45px; height: 35px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } } .td-social-sharing-buttons .td-sp { width: 14px; height: 20px; } .td-social-sharing-buttons i { /* responsive portrait phone */ } @media (max-width: 767px) { .td-social-sharing-buttons i { line-height: 35px; } } .td-social-sharing-buttons:hover { border-color: #dbdbdb; } .td-social-sharing-buttons:hover .td-social-but-text { color: #42bdcd; } .td-social-but-text { display: inline-block; position: relative; font-weight: 600; line-height: 29px; margin: -2px 0 0 12px; } .td-social-facebook, .td-social-twitter { /* responsive portrait phone */ } @media (max-width: 767px) { .td-social-facebook, .td-social-twitter { padding: 0; } .td-social-facebook .td-social-but-text, .td-social-twitter .td-social-but-text { display: none; } } .td-social-facebook .td-icon-facebook, .td-social-twitter .td-icon-twitter { vertical-align: middle; } .td-social-google, .td-social-pinterest, .td-social-whatsapp { padding: 0; line-height: 29px; } .td-icon-facebook { background: url(./social-icons/fb.png) center center no-repeat; width: 27px; height: 27px; } .td-icon-facebook:hover { background: url(./social-icons/fb-h.png) center center no-repeat; } .td-icon-twitter { background: url(./social-icons/tw.png) center center no-repeat; width: 27px; height: 27px; } .td-icon-twitter:hover { background: url(./social-icons/tw-h.png) center center no-repeat; } .td-icon-youtube { background: url(./social-icons/yt.png) center center no-repeat; width: 27px; height: 27px; } .td-icon-youtube:hover { background: url(./social-icons/yt-h.png) center center no-repeat; } .td-social-facebook .td-icon-facebook { font-size: 14px; position: relative; color: #3d76c3; /* responsive portrait phone */ } @media (max-width: 767px) { .td-social-facebook .td-icon-facebook { font-size: 18px; } } .td-social-twitter .td-icon-twitter { font-size: 11px; color: #29c5f6; /* responsive portrait phone */ } @media (max-width: 767px) { .td-social-twitter .td-icon-twitter { font-size: 16px; } } .td-social-google .td-icon-googleplus { font-size: 13px; position: relative; top: 0; color: #eb4026; /* responsive portrait phone */ } @media (max-width: 767px) { .td-social-google .td-icon-googleplus { font-size: 18px; } } .td-social-pinterest { margin-right: 0; } .td-social-pinterest .td-icon-pinterest { font-size: 13px; position: relative; top: 1px; color: #ca212a; /* responsive portrait phone */ } @media (max-width: 767px) { .td-social-pinterest .td-icon-pinterest { font-size: 16px; } } .td-social-whatsapp { display: none !important; color: #7bbf6a; margin-right: 0; margin-left: 7px; /* responsive portrait phone */ } @media (max-width: 767px) { .td-social-whatsapp { display: inline-block !important; } } .td-social-whatsapp i { font-size: 20px; top: 1px; position: relative; } .td-classic-sharing { display: inline-block; vertical-align: middle; } .td-classic-sharing ul { margin: 0 0 0 30px; height: 20px; } @media (max-width: 580px) { .td-classic-sharing ul { margin-left: 0; } } .td-classic-sharing li { display: inline-block; height: 20px; margin-left: 0; } @media (max-width: 580px) { .td-classic-sharing { width: 100%; margin: 20px 0 0; } } .td-classic-twitter { position: relative; top: -1px; } .td-classic-twitter .twitter-share-button { margin: 0 !important; } .td-pb-span8 .td-classic-sharing { /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td-pb-span8 .td-classic-sharing { width: 100%; margin: 20px 0 0 49px; } } /* ---------------------------------------------------------------------------- Post content */ .td-post-content { /* padding-bottom: 24px;*/ } .td-post-content input[type=submit] { position: relative; width: 100%; height: 44px; font-family: 'Work Sans', sans-serif; font-weight: 600; text-transform: uppercase; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 2px 0 0 rgba(166, 166, 166, 0.75); -moz-box-shadow: 0 2px 0 0 rgba(166, 166, 166, 0.75); box-shadow: 0 2px 0 0 rgba(166, 166, 166, 0.75); } .td-post-content p { word-wrap: break-word; color: #202020; font-size: 15px; line-height: 20px; text-indent: 20px; } .td-post-content p iframe { margin: 15px 0 0; } .td-post-content p:empty { display: none; } .td-post-content:after { display: table; content: ''; line-height: 0; } .td-post-content:after { clear: both; } /* ---------------------------------------------------------------------------- Source and Via */ .td-post-source-tags { position: relative; font-size: 11px; /*display: none; q2d */ } .td-post-source-tags:before { top: auto; bottom: 0; } .td-post-source-tags > div:last-child, .td-post-source-tags > ul { padding-bottom: 29px; } .td-post-source-via { position: relative; margin-bottom: 9px; padding-top: 4px; font-family: 'Work Sans', sans-serif; font-style: italic; } .td-post-source-via.td-no-tags { margin-bottom: -8px; } .td-post-source-via:before { content: ''; position: absolute; top: 0; left: 0; width: 80px; height: 1px; background-color: #42bdcd; opacity: 0.3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity='30')"; filter: alpha(opacity=30); } .td-post-small-box { display: inline-block; margin-right: 29px; } .td-post-small-box span { text-transform: uppercase; font-weight: 500; float: left; margin-right: 7px; } .td-post-small-box span:after { content: ':'; } .td-post-small-box a { color: #666; } .td-post-small-box a:hover { color: #42bdcd; } .td-tags { margin: 0; font-family: 'Work Sans', sans-serif; font-weight: 600; text-transform: uppercase; } .td-tags li { list-style: none; display: inline-block; margin: 0 5px 0 0; } .td-tags li:first-of-type span:after { display: none; } .td-tags a, .td-tags span { display: block; padding: 0 10px; font-size: 10px; line-height: 20px; border: 1px solid #ebebeb; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .td-tags span { float: none; margin-right: 0; color: #42bdcd; border-color: #42bdcd; } /* ---------------------------------------------------------------------------- Next / Prev article */ .td-post-next-prev { position: relative; padding: 5px 0 24px 0; } .td-post-next-prev-content { display: inline-block; font-family: 'Work Sans', sans-serif; } .td-post-next-prev-content span { display: block; margin-bottom: 4px; font-size: 10px; font-weight: 500; text-transform: uppercase; color: #42bdcd; } .td-post-next-prev-content a { display: block; line-height: 20px; font-size: 15px; font-weight: 500; color: #000; } .td-post-next-prev-content a:hover { color: #42bdcd; } .td-post-next-post { text-align: right; } .td-next-prev-separator { display: none; } .td-post-prev-post, .td-post-next-post { /* responsive portrait phone */ } @media (max-width: 767px) { .td-post-prev-post, .td-post-next-post { width: 50%; } } /* ---------------------------------------------------------------------------- Author box */ .author-box-wrap { padding: 22px 0 30px 0; } .author-box-wrap .avatar { float: left; width: 60px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .author-box-wrap .desc { font-family: 'Work Sans', sans-serif; margin-left: 80px; font-size: 13px; margin-top: 3px; } .author-box-wrap .td-social-icon-wrap { display: inline-block; } .author-box-wrap .td-social-icon-wrap .td-icon-font { color: #222; } .author-box-wrap .td-author-social { margin: 5px 0 -12px -5px; } .author-box-wrap .td-author-social a { color: #444; margin-top: 11px; } .author-box-wrap .td-author-social a:hover { color: #42bdcd; } .author-box-wrap .td-author-social .td-icon-font { font-size: 13px; width: auto; min-width: 18px; height: auto; margin: 10px 5px; } .td-author-name a, .td-author-url a { color: #000; } .td-author-name a:hover, .td-author-url a:hover { color: #42bdcd; } .td-author-name { position: relative; margin-bottom: 4px; padding-bottom: 4px; font-size: 15px; line-height: 24px; font-weight: 500; } .td-author-name:after { content: ''; position: absolute; bottom: 0; left: 0; width: 80px; height: 1px; background-color: #42bdcd; opacity: 0.3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity='30')"; filter: alpha(opacity=30); } .td-author-url { margin-bottom: 9px; font-size: 11px; font-style: italic; } .td-author-description { font-style: italic; line-height: 21px; color: #666; } /* ---------------------------------------------------------------------------- Related / similar articles */ .td-related-row { margin-right: -21px; /* responsive portrait phone */ *zoom: 1; } @media (max-width: 767px) { .td-related-row { margin-right: 0; } } .td-related-row:before, .td-related-row:after { display: table; content: ""; } .td-related-row:after { clear: both; } .td-related-row [class*="td-related-span"] { display: block; min-height: 1px; float: left; padding-right: 20px; padding-left: 20px; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td-related-row [class*="td-related-span"] { padding-right: 12px; padding-left: 12px; } } @media (max-width: 767px) { .td-related-row [class*="td-related-span"] { padding-right: 0; padding-left: 0; } } .td-related-row .td-related-span4 { width: 33.33333333%; padding-left: 0; padding-right: 21px; /* responsive portrait phone */ } @media (max-width: 767px) { .td-related-row .td-related-span4 { width: 100%; padding-right: 0; } } .td-related-full-width .td-related-row { margin-right: -22px; /* responsive portrait phone */ } @media (max-width: 767px) { .td-related-full-width .td-related-row { margin-right: 0; } } .td-related-full-width .td-related-row .td-related-span4 { width: 20%; padding-right: 22px; position: relative; /* responsive portrait phone */ } @media (max-width: 767px) { .td-related-full-width .td-related-row .td-related-span4 { width: 100%; padding-right: 0; } } .td_block_related_posts { position: relative; margin: 0; padding: 21px 0 15px; /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_related_posts { padding-bottom: 10px; } } .td_block_related_posts .td-next-prev-wrap { margin-top: 0; /* tablet + desktop */ /* responsive portrait phone */ } @media (min-width: 767px) { .td_block_related_posts .td-next-prev-wrap { position: absolute; top: 26px; right: 0; } } @media (max-width: 767px) { .td_block_related_posts .td-next-prev-wrap { margin-bottom: 20px; } } .td_block_related_posts .td-module-image { margin-bottom: 8px; /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_related_posts .td-module-image { width: 100px; margin-bottom: 20px; margin-right: 15px; float: left; } } .td_block_related_posts .item-details { /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_related_posts .item-details { padding-top: 3px; display: table; } } .td_block_related_posts .entry-title { margin-bottom: 0; font-weight: 500; font-size: 12px; line-height: 15px; /* responsive portrait phone */ } .td_block_related_posts .entry-title:after { display: none; } @media (max-width: 767px) { .td_block_related_posts .entry-title { font-size: 15px; line-height: 19px; } } .td_block_related_posts .entry-title a:hover { color: #42bdcd; } .td_block_related_posts .td-video-play-ico > img { width: 28px; } .td-related-title { margin: 0 0 20px 0; font-family: 'Work Sans', sans-serif; font-weight: 600; font-size: 15px; line-height: 1; } .td-related-title .td-related-left, .td-related-title .td-related-right { line-height: 1; display: inline-block; padding-bottom: 8px; margin-top: 8px; white-space: nowrap; } .td-related-title .td-related-left { margin-right: 30px; } .td-related-title .td-cur-simple-item, .td-related-title a:hover { color: #42bdcd; } .td-related-title .td-cur-simple-item { position: relative; } .td-related-title .td-cur-simple-item:after { content: ''; position: absolute; bottom: 0; left: 0; width: 80px; height: 1px; background-color: #42bdcd; opacity: 0.3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity='30')"; filter: alpha(opacity=30); } .td-related-title .td-cur-simple-item:hover { color: #000; } .td_module_related_posts .td-post-category-wrap { position: absolute; bottom: 0; left: 0; text-align: left; } .wpb_video_wrapper { margin-bottom: 21px; } .td-post-template-default .td-post-featured-image { /*display: none; q2d */ /* responsive portrait phone */ } @media (max-width: 767px) { .td-post-template-default .td-post-featured-image { margin: 0 -10px; } } .td-post-template-default .td-post-featured-image .wp-caption-text { /* responsive portrait phone */ } @media (max-width: 767px) { .td-post-template-default .td-post-featured-image .wp-caption-text { padding-left: 10px; } } /* ---------------------------------------------------------------------------- wordpress default galleries */ .gallery-item { display: inline-block; text-align: center; vertical-align: top; margin-bottom: 20px; width: 100%; } .gallery-item .gallery-caption { text-align: center; margin: 0; } .gallery-item .gallery-icon img { display: inline-block; } .gallery-columns-2, .gallery-columns-3, .gallery-columns-4, .gallery-columns-5, .gallery-columns-6, .gallery-columns-7, .gallery-columns-8, .gallery-columns-9 { margin-bottom: 20px; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } /* ---------------------------------------------------------------------------- custom gallery-columns-1 */ .gallery-columns-1 .gallery-item { margin-bottom: 30px; position: relative; } .gallery-columns-1 .gallery-item img { display: block; } .gallery-columns-1 .gallery-caption { position: absolute; bottom: 0; width: 100%; background-color: #0e0e0e; color: white; font-size: 12px; font-style: normal; padding: 8px 14px 10px 14px; } /* ---------------------------------------------------------------------------- General */ .comments { position: relative; font-family: 'Work Sans', sans-serif; clear: both; } .comments > div:first-child { position: relative; padding-top: 21px; } .comments > div:first-child:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background-color: #000; opacity: 0.04; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity='4')"; filter: alpha(opacity=4); } .td-comments-title-wrap h4, .comment-reply-title { position: relative; margin: 0; padding-bottom: 8px; font-size: 15px; line-height: 1; font-weight: 600; } .td-comments-title-wrap h4:after, .comment-reply-title:after { content: ''; position: absolute; bottom: 0; left: 0; width: 80px; height: 1px; background-color: #42bdcd; opacity: 0.3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity='30')"; filter: alpha(opacity=30); } .comment-reply-title { margin-bottom: 20px; } /* ---------------------------------------------------------------------------- Comment section */ .comment-list { margin: 0 0 20px 0; } .logged-in-as { margin: 0 0 10px 0; font-size: 13px; } .logged-in-as a { font-weight: 600; } .logged-in-as a:hover { color: #42bdcd; } .comment { position: relative; list-style: none; margin-left: 0; } .comment footer, .comment .comment-content, .comment .comment-meta, .comment .comment-respond { margin-left: 80px; } .comment:before, .comment .comment:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background-color: #000; opacity: 0.04; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity='4')"; filter: alpha(opacity=4); } .comment:first-child:before { display: none; } .comment .comment:before { display: block; } .comment article { padding: 20px 0 11px 0; min-height: 60px; } .comment .avatar { position: absolute; top: 20px; left: 0; width: 60px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .comment cite { display: inline-block; padding-top: 5px; font-weight: 500; font-size: 15px; font-style: normal; line-height: 21px; } .comment-link { float: right; padding-top: 11px; font-size: 11px; font-style: italic; line-height: 1; color: #ccc; } .comment-content { margin: 6px 0 0 0; word-wrap: break-word; color: #666; } .comment-content p { font-family: 'Work Sans', sans-serif; margin-bottom: 18px; font-size: 13px; } .comment-content p:last-child { margin-bottom: 0; } .comment-content li, .comment-content table { font-size: 13px; } .comment-content h1, .comment-content h2, .comment-content h3, .comment-content h4, .comment-content h5, .comment-content h6 { margin-bottom: 6px; } .comment-content dd { font-size: 13px; font-style: italic; } .comment-content blockquote p { font-size: 24px; line-height: 32px; } .comment-meta { margin-top: 3px; } .comment-reply-link { font-size: 11px; color: #42bdcd; } .comment-reply-link:hover { color: #000; } .comments .children { margin-left: 80px; /* responsive portrait phone */ } @media (max-width: 600px) { .comments .children { margin-left: 40px; } } .comments .children .children { margin-left: 60px; /* responsive portrait phone */ } @media (max-width: 600px) { .comments .children .children { margin-left: 0; } } .comments .children .children .children { /* responsive portrait phone */ } @media (max-width: 767px) { .comments .children .children .children { margin-left: 0; } } @media (min-width: 768px) and (max-width: 1018px) { .comments .children .children .children { margin-left: 0; } } .comments .children .comment:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .comments .children .comment article { min-height: 40px; } .comments .children .comment .avatar { width: 40px; } .comments .children footer, .comments .children .comment-content, .comments .children .comment-meta, .comments .children .comment-respond { margin-left: 60px; } /* ---------------------------------------------------------------------------- Comment form */ .comment-respond form { display: block; margin-right: -23px; /* responsive portrait phone */ } @media (max-width: 767px) { .comment-respond form { margin-right: -8px; } } .comment-form-input-wrap, .form-submit { padding-right: 23px; /* responsive portrait phone */ } @media (max-width: 767px) { .comment-form-input-wrap, .form-submit { padding-right: 8px; } } .comment-form-input-wrap { float: left; width: 33.3333%; margin-bottom: 23px; font-family: 'Work Sans', sans-serif; color: #666; } .comment-form-input-wrap textarea, .comment-form-input-wrap input { padding: 0 14px; border-color: #ebebeb; } .comment-form-input-wrap textarea:focus, .comment-form-input-wrap input:focus { border-color: #d6d6d6; } .comment-form-input-wrap textarea { height: 200px; padding-top: 14px; padding-bottom: 14px; } .comment-form-input-wrap input { height: 36px; } .form-submit .submit { width: 100%; height: 52px; font-family: 'Work Sans', sans-serif; font-weight: 600; text-transform: uppercase; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 2px 0 0 rgba(166, 166, 166, 0.75); -moz-box-shadow: 0 2px 0 0 rgba(166, 166, 166, 0.75); box-shadow: 0 2px 0 0 rgba(166, 166, 166, 0.75); -webkit-transition: background-color 0.2s ease; -moz-transition: background-color 0.2s ease; -o-transition: background-color 0.2s ease; transition: background-color 0.2s ease; } .td-form-comment { margin-bottom: 16px; width: 100%; } #cancel-comment-reply-link { font-size: 12px; font-weight: 400; margin-left: 10px; } #cancel-comment-reply-link:hover { color: #42bdcd; } .comment .comment-form-input-wrap { margin-top: 0; } .comment-subscription-form { margin-bottom: 3px; font-size: 13px; } .comment-subscription-form .subscribe-label { margin-left: 3px; position: relative; top: -1px; } /* ---------------------------------------------------------------------------- Default page template */ .td-main-page-wrap { padding: 30px 0; } .tdc-content-wrap p:empty { display: none; } /* ---------------------------------------------------------------------------- Breadcrumbs */ .td-crumb-container { min-height: 33px; margin-bottom: 10px; padding-top: 23px; /* responsive portrait phone */ } @media (max-width: 767px) { .td-crumb-container { margin-bottom: 10px; padding-top: 15px; } } .entry-crumbs { font-family: 'Work Sans', sans-serif; font-size: 12px; color: #c3c3c3; line-height: 18px; /* responsive portrait phone */ } @media (max-width: 767px) { .entry-crumbs { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } } .entry-crumbs a { color: #a3bacb; } .entry-crumbs a:hover { color: #6a6a6a; } .entry-crumbs .td-bread-sep { font-size: 10px; margin: 0 6px; } .td-blog-index .td-crumb-container { margin-bottom: 25px; /* responsive portrait phone */ } @media (max-width: 767px) { .td-blog-index .td-crumb-container { margin-bottom: 15px; } } /* ---------------------------------------------------------------------------- Page title */ .td-page-title { display: inline-block; margin: 1px 0 26px 0; padding: 0; font-size: 23px; font-weight: 500; line-height: 24px; /* responsive portrait phone */ } @media (max-width: 767px) { .td-page-title { margin-bottom: 18px; } } .td-page-title:after { display: none; } .no-results h2 { font-size: 25px; /* responsive portrait phone */ } @media (max-width: 767px) { .no-results h2 { margin-top: 0; } } /* ---------------------------------------------------------------------------- Pagination */ .page-nav { font-family: 'Work Sans', sans-serif; font-size: 13px; margin-bottom: 48px; *zoom: 1; /* responsive portrait phone */ } .page-nav:before, .page-nav:after { display: table; content: ''; line-height: 0; } .page-nav:after { clear: both; } @media (max-width: 767px) { .page-nav { margin-right: auto; margin-left: auto; display: table; width: auto; } } .page-nav a, .page-nav span { display: inline-block; margin-right: 2px; min-width: 35px; text-align: center; color: #666; line-height: 35px; float: left; padding: 0 14px; border-radius: 35px; } .page-nav .extend { border: none; } .page-nav i { font-size: 0.615em; line-height: 1; top: -1px; position: relative; } .page-nav .pages { float: right; margin: 0; border: none; padding-left: 6px; /* responsive portrait phone */ } @media (max-width: 767px) { .page-nav .pages { display: none; } } .page-nav .current { background-color: #42bdcd; color: #fff; } .page-nav a { position: relative; } .page-nav a:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border: 1px solid #000; border-radius: 35px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity='0')"; filter: alpha(opacity=0); } .page-nav a:hover:before { opacity: 0.06; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity='6')"; filter: alpha(opacity=6); } /* ---------------------------------------------------------------------------- Attachment page */ .td-attachment-page-content p { color: #444; font-size: 11px; font-style: italic; line-height: 17px; } .td-attachment-page-image { display: block; } .td-attachment-prev { display: inline-block; margin: 10px 0 21px; } .td-attachment-prev img { width: 100px; height: 100px; } .td-attachment-next { float: right; margin: 10px 0 21px; } .td-attachment-next img { width: 100px; height: 100px; } /* ---------------------------------------------------------------------------- Search page */ .search-page-wrap { margin-top: -1px; float: right; } /* ---------------------------------------------------------------------------- Author page */ .td-author-header { padding-bottom: 43px; /* responsive portrait tablet */ } @media (max-width: 1018px) { .td-author-header { padding-bottom: 23px; } } .td-author-header .author-box-wrap { padding: 0; margin: 0; text-align: center; } .td-author-header .author-box-wrap:before { display: none; } .td-author-header .entry-title, .td-author-header .avatar { display: inline-block; vertical-align: middle; } .td-author-header .entry-title { margin-bottom: 0; padding-bottom: 17px; font-size: 25px; line-height: 24px; text-transform: uppercase; /* responsive portrait phone */ } @media (max-width: 767px) { .td-author-header .entry-title { padding-bottom: 0; margin-top: 10px; width: 100%; } } .td-author-header .entry-title:after { display: block; left: 0; right: 0; margin: 0 auto; width: 80px; /* responsive portrait phone */ } @media (max-width: 767px) { .td-author-header .entry-title:after { display: none; } } .td-author-header .avatar { float: none; margin: -8px 0 0 22px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; /* responsive portrait phone */ } @media (max-width: 767px) { .td-author-header .avatar { margin: 15px 0 0; width: 120px; } } .td-author-header .desc { margin-left: 0; padding-top: 14px; } .td-author-header .td-author-counters, .td-author-header .td-author-url, .td-author-header .td-author-social { display: inline-block; /* responsive portrait phone */ } @media (max-width: 767px) { .td-author-header .td-author-counters, .td-author-header .td-author-url, .td-author-header .td-author-social { display: block; } } .td-author-header .td-author-url, .td-author-header .td-author-social { margin: 0 0 0 41px; /* responsive portrait phone */ } @media (max-width: 767px) { .td-author-header .td-author-url, .td-author-header .td-author-social { margin: 0; } } .td-author-header .td-author-counters { font-size: 11px; font-style: italic; /* responsive portrait phone */ } @media (max-width: 767px) { .td-author-header .td-author-counters { margin-bottom: 5px; } } .td-author-header .td-author-comments-count { margin-left: 15px; } .td-author-header .count { margin-right: 8px; padding: 3px 8px 2px 7px; border: 1px solid #ccc; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .td-author-header .td-author-description { width: 80%; margin: 0 auto 2px auto; padding-top: 33px; font-family: 'Work Sans', sans-serif; font-size: 15px; line-height: 23px; /* responsive portrait tablet */ } @media (max-width: 1018px) { .td-author-header .td-author-description { width: 95%; padding-top: 13px; } } /* ---------------------------------------------------------------------------- Search page */ .td-search-header { *zoom: 1; } .td-search-header:before, .td-search-header:after { display: table; content: ''; line-height: 0; } .td-search-header:after { clear: both; } .td-search-header .td-search-query { color: #42bdcd; } .td-search-header .search-page-wrap { width: 300px; /* responsive portrait phone */ } @media (max-width: 767px) { .td-search-header .search-page-wrap { width: 100%; margin-bottom: 30px; } } /* ---------------------------------------------------------------------------- 404 page */ .td-404-head { padding: 60px 0; text-align: center; /* responsive */ } @media (max-width: 1018px) { .td-404-head { padding: 30px 0; } } .td-404-head .search-page-wrap { float: none; } .td-404-head .search-page-wrap { width: 300px; margin: 0 auto; /* responsive portrait phone */ } @media (max-width: 767px) { .td-404-head .search-page-wrap { width: 100%; } } .td-404-title { position: relative; padding-bottom: 17px; font-family: 'Work Sans', sans-serif; font-size: 25px; font-weight: 500; line-height: 24px; } .td-404-title:after { content: ''; position: absolute; bottom: 0; right: 0; left: 0; margin: 0 auto; background-color: #42bdcd; width: 80px; height: 1px; opacity: 0.3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity='30')"; filter: alpha(opacity=30); } .td-404-sub-title { margin-bottom: 18px; font-family: 'Droid Serif', serif; font-size: 72px; font-weight: 700; line-height: 1; } .td-404-sub-sub-title { margin-bottom: 31px; font-family: 'Work Sans', sans-serif; font-size: 14px; line-height: 21px; color: #666; } /* ---------------------------------------------------------------------------- header */ .td-review { width: 100%; margin-bottom: 40px; font-family: 'Work Sans', sans-serif; font-size: 13px; } .td-review td { padding: 7px 14px; } .td-review .td-review-header td { padding: 0; border: 0; } .td-review .block-title { display: inline-block; padding-top: 0; float: none; margin-bottom: 20px; padding-bottom: 9px; } .td-review .td-review-summary { padding: 10px 14px; } .td-review .td-review-row-stars:hover { background-color: #fcfcfc; } .td-review .td-review-percent-sign { font-size: 15px; line-height: 1; } .entry-review-stars i { width: 14px; } /* ---------------------------------------------------------------------------- rating stars */ .td-review-stars { text-align: center; } .td-review-stars i { margin-top: 5px; width: 18px; font-size: 13px; } .td-review-final-score { line-height: 80px; font-size: 48px; margin-bottom: 5px; } /* ---------------------------------------------------------------------------- review bars */ .td-rating-bar-wrap { margin: 0 0 7px 0; background-color: #f5f5f5; } .td-rating-bar-wrap div { height: 20px; background-color: #42bdcd; max-width: 100%; } .td-review-row-bars .td-review-desc { display: inline-block; padding-bottom: 2px; } /* ---------------------------------------------------------------------------- percent */ .td-review-percent { float: right; padding-bottom: 2px; } /* ---------------------------------------------------------------------------- footer */ @media (max-width: 767px) { .td-review-footer { border-left: 1px solid #ededed; position: relative; display: block; } .td-review-footer:after { content: ''; width: 1px; background-color: #ededed; position: absolute; right: -1px; top: 0; height: 100%; } } .td-review-summary { padding: 21px 0 0 0; vertical-align: top; } @media (max-width: 767px) { .td-review-summary { display: block; width: 100%; clear: both; border: 0; } } .td-review-summary .block-title { padding: 0; margin-bottom: 14px; } .td-review-summary .block-title:after { display: none; } .td-review-summary-content { margin-right: 21px; } .td-review-score { font-weight: 700; text-align: center; padding: 0; vertical-align: bottom; width: 150px; } @media (max-width: 767px) { .td-review-score { display: block; width: 100%; padding: 0; border-left: 0; border-right: 0; } } .td-review-overall { padding: 0 0 28px 0; line-height: 14px; } .td-review-overall i { width: 18px; font-size: 13px; color: #42bdcd; } .td-review-overall span { font-size: 11px; } .td-review-final-score { color: #42bdcd; } .td-review-final-star { margin-bottom: 5px; } /* ---------------------------------------------------------------------------- General Category Templates */ .td-category-header { clear: both; } .td-category-header .td-container { position: relative; } .td-category-header .entry-title { display: block; margin-bottom: 20px; padding-bottom: 17px; font-size: 25px; line-height: 24px; /*text-transform: uppercase;*/ } .td-category-header .entry-title:after { display: block; width: 80px; } .td-category-header .td-category-siblings { margin: 0 0 13px 0; } .td-category-header .td-pulldown-filter-list { margin: 0; } .td-category-header .entry-category { list-style: none; display: inline-block; margin: 0 5px 5px 0; line-height: 0; } .td-category-header .entry-category a { display: inline-block; font-family: 'Work Sans', sans-serif; padding: 3px 6px; background-color: rgba(0, 0, 0, 0.8); font-size: 10px; font-weight: 500; line-height: 1; color: #fff; } .td-category-header .entry-category a:hover { background-color: #42bdcd; } .td-category-crumb-filter { margin-bottom: 6px; padding-top: 22px; *zoom: 1; /* responsive portrait phone */ } .td-category-crumb-filter:before, .td-category-crumb-filter:after { display: table; content: ''; line-height: 0; } .td-category-crumb-filter:after { clear: both; } @media (max-width: 767px) { .td-category-crumb-filter { padding-top: 12px; } } .td-category-crumb-filter .entry-crumbs { padding-top: 3px; float: left; } .td-category-crumb-filter .td-wrapper-pulldown-filter { position: relative; float: right; margin-top: -3px; } .td-category-crumb-filter .td-pulldown-filter-display-option { padding-left: 0; } .td-category-crumb-filter .td-pulldown-filter-display-option:before { display: none; } .td-category-description { display: table; } .td-category-description p { font-style: italic; font-family: 'Work Sans', sans-serif; color: #666; font-size: 15px; line-height: 23px; } .td-category-grid .td_block_wrap { margin-bottom: 40px; } .td-category-grid .td_block_big_grid_2, .td-category-grid .td_block_big_grid_3 { margin-bottom: 50px; } /* ---------------------------------------------------------------------------- Category template 1 */ .td_category_template_1 .td-category-header .entry-title { text-align: left; /* q2d */ } .td_category_template_1 .td-category-header .entry-title:after { left: 0; right: 0; /* margin: 0 auto;*/ } .td_category_template_1 .td-category-crumb-filter { margin-bottom: 12px; /* responsive portrait phone */ } @media (max-width: 767px) { .td_category_template_1 .td-category-crumb-filter { margin-bottom: 16px; } } .td_category_template_1 .td-category-description { width: 80%; margin: 22px auto 33px; text-align: center; /* responsive portrait phone */ } @media (max-width: 767px) { .td_category_template_1 .td-category-description { width: 100%; margin-bottom: 22px; } } /** * More stories box */ .td-more-articles-box { position: fixed; width: 341px; bottom: 64px; right: -384px; background-color: #fff; padding: 20px; border-style: solid; border-width: 1px 0 1px 1px; border-color: rgba(0, 0, 0, 0.08); z-index: 9999; visibility: hidden; -webkit-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865); -moz-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865); -o-transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865); transition: all 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865); /* responsive portrait phone */ } @media (max-width: 767px) { .td-more-articles-box { display: none !important; } } .td-more-articles-box-title { font-family: 'Work Sans', sans-serif; font-size: 15px; font-weight: 600; display: inline-block; text-align: center; min-width: 300px; margin-bottom: 18px; } .td-content-more-articles-box .td_module_wrap:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; } .td-content-more-articles-box .td_module_wrap:last-child:after { display: none; } .td-content-more-articles-box .td-module-thumb { height: auto !important; } .td-close-more-articles-box { display: inline-block; cursor: pointer; position: absolute; left: 14px; top: 22px; line-height: 26px; padding: 2px 11px; font-size: 17px; } .td-front-end-display-block { right: 0; visibility: visible; } @font-face { font-family: 'wpion'; src: url('images/icons/wpion.eot?1'); src: url('images/icons/wpion.eot?1#iefix') format('embedded-opentype'), url('images/icons/wpion.woff?1') format('woff'), url('images/icons/wpion.ttf?1') format('truetype'), url('images/icons/wpion.svg?1#wpion') format('svg'); font-weight: normal; font-style: normal; } [class^="td-icon-"]:before, [class*=" td-icon-"]:before { font-family: 'wpion' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; text-align: center; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class*="td-icon-"] { line-height: 1; text-align: center; display: inline-block; } .td-icon-modal-back:before { content: "\e904"; } .td-icon-modal-close:before { content: "\e905"; } .td-icon-heart:before { content: "\f08a"; } .td-icon-dots:before { content: "\e900"; } .td-icon-logout:before { content: "\e800"; } .td-icon-down:before { content: "\e801"; } .td-icon-left:before { content: "\e802"; } .td-icon-right:before { content: "\e803"; } .td-icon-up:before { content: "\e804"; } .td-icon-views:before { content: "\e805"; } .td-icon-menu-down:before { content: "\e806"; } .td-icon-left-arrow:before { content: "\e807"; } .td-icon-right-arrow:before { content: "\e808"; } .td-icon-menu-up:before { content: "\e809"; } .td-icon-user:before { content: "\e80b"; } .td-icon-menu-left:before { content: "\e80c"; } .td-icon-menu-right:before { content: "\e80d"; } .td-icon-star:before { content: "\e80f"; } .td-icon-mail:before { content: "\e810"; } .td-icon-behance:before { content: "\e811"; } .td-icon-blogger:before { content: "\e812"; } .td-icon-mobile:before { content: "\e902"; } .td-icon-delicious:before { content: "\e813"; } .td-icon-deviantart:before { content: "\e814"; } .td-icon-digg:before { content: "\e815"; } .td-icon-dribbble:before { content: "\e816"; } .td-icon-evernote:before { content: "\e817"; } /*.td-icon-facebook:before { content: "\e818"; }*/ .td-icon-flickr:before { content: "\e819"; } .td-icon-forrst:before { content: "\e81a"; } .td-icon-googleplus:before { content: "\e81b"; } .td-icon-html5:before { content: "\e81c"; } .td-icon-lastfm:before { content: "\e81e"; } .td-icon-linkedin:before { content: "\e81f"; } .td-icon-mail-1:before { content: "\e820"; } .td-icon-myspace:before { content: "\e821"; } .td-icon-path:before { content: "\e822"; } .td-icon-paypal:before { content: "\e823"; } .td-icon-picasa:before { content: "\e824"; } .td-icon-pinterest:before { content: "\e825"; } .td-icon-posterous:before { content: "\e826"; } .td-icon-reddit:before { content: "\e827"; } .td-icon-rss:before { content: "\e828"; } .td-icon-stackoverflow:before { content: "\e82d"; } .td-icon-steam:before { content: "\e82e"; } .td-icon-stumbleupon:before { content: "\e82f"; } .td-icon-tumblr:before { content: "\e830"; } /*.td-icon-twitter:before { content: "\e831"; }*/ .td-icon-vimeo:before { content: "\e832"; } .td-icon-windows:before { content: "\e833"; } .td-icon-wordpress:before { content: "\e834"; } .td-icon-yahoo:before { content: "\e835"; } /*.td-icon-youtube:before { content: "\e836"; }*/ .td-icon-vk:before { content: "\e837"; } .td-icon-grooveshark:before { content: "\e838"; } .td-icon-star-empty:before { content: "\e839"; } .td-icon-star-half:before { content: "\e83a"; } .td-icon-close:before { content: "\e83c"; } .td-icon-read-down:before { content: "\e83d"; } .td-icon-close-mobile:before { content: "\e903"; } .td-icon-instagram:before { content: "\f16d"; } .td-icon-comments:before { content: "\f27a"; } .td-icon-search:before { content: "\e901"; color: black; } .td-icon-share:before { content: "\e829"; } .td-icon-skype:before { content: "\e82a"; } .td-icon-soundcloud:before { content: "\e82b"; } .td-icon-spotify:before { content: "\e82c"; } .td-icon-whatsapp:before { content: "\f232"; } .td-social-icon-wrap:hover .td-icon-font { -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; color: #fff; } .td-social-icon-wrap:hover i.td-icon-behance { color: #000000; } .td-social-icon-wrap:hover i.td-icon-blogger { color: #ffa900; } .td-social-icon-wrap:hover i.td-icon-delicious { color: #3399ff; } .td-social-icon-wrap:hover i.td-icon-deviantart { color: #4e6252; } .td-social-icon-wrap:hover i.td-icon-digg { color: #000000; } .td-social-icon-wrap:hover i.td-icon-dribbble { color: #ea4c89; } .td-social-icon-wrap:hover i.td-icon-evernote { color: #07c257; } .td-social-icon-wrap:hover i.td-icon-facebook { color: #3B5998; } .td-social-icon-wrap:hover i.td-icon-flickr { color: #ff0084; } .td-social-icon-wrap:hover i.td-icon-forrst { color: #3b7140; } .td-social-icon-wrap:hover i.td-icon-googleplus { color: #dd4b39; } .td-social-icon-wrap:hover i.td-icon-grooveshark { color: #f77f00; } .td-social-icon-wrap:hover i.td-icon-html5 { color: #f16729; } .td-social-icon-wrap:hover i.td-icon-instagram { color: #3f729b; } .td-social-icon-wrap:hover i.td-icon-lastfm { color: #ce2127; } .td-social-icon-wrap:hover i.td-icon-linkedin { color: #007bb6; } .td-social-icon-wrap:hover i.td-icon-mail { color: #000000; } .td-social-icon-wrap:hover i.td-icon-myspace { color: #000000; } .td-social-icon-wrap:hover i.td-icon-path { color: #e62f17; } .td-social-icon-wrap:hover i.td-icon-paypal { color: #009cde; } .td-social-icon-wrap:hover i.td-icon-picasa { color: #000000; } .td-social-icon-wrap:hover i.td-icon-pinterest { color: #cb2027; } .td-social-icon-wrap:hover i.td-icon-posterous { color: #ffe173; } .td-social-icon-wrap:hover i.td-icon-reddit { color: #ff4100; } .td-social-icon-wrap:hover i.td-icon-rss { color: #f36f24; } .td-social-icon-wrap:hover i.td-icon-share { color: #000000; } .td-social-icon-wrap:hover i.td-icon-skype { color: #01aef2; } .td-social-icon-wrap:hover i.td-icon-soundcloud { color: #ff5500; } .td-social-icon-wrap:hover i.td-icon-spotify { color: #81b900; } .td-social-icon-wrap:hover i.td-icon-stackoverflow { color: #000000; } .td-social-icon-wrap:hover i.td-icon-steam { color: #000000; } .td-social-icon-wrap:hover i.td-icon-stumbleupon { color: #eb4923; } .td-social-icon-wrap:hover i.td-icon-tumblr { color: #32506d; } .td-social-icon-wrap:hover i.td-icon-twitter { color: #00aced; } .td-social-icon-wrap:hover i.td-icon-vimeo { color: #5289cc; } .td-social-icon-wrap:hover i.td-icon-vk { color: #45668e; } .td-social-icon-wrap:hover i.td-icon-windows { color: #319de5; } .td-social-icon-wrap:hover i.td-icon-wordpress { color: #222222; } .td-social-icon-wrap:hover i.td-icon-yahoo { color: #720e9e; } .td-social-icon-wrap:hover i.td-icon-youtube { color: #bb0000; } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; filter: alpha(opacity=80); } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #cccccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #cccccc; } .mfp-preloader a:hover { color: white; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity='65')"; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: white; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: white; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; bottom: 0; right: 0; color: #ccc; line-height: 18px; padding-right: 15px; font-size: 13px; } .mfp-arrow { font-family: 'wpion', sans-serif; font-size: 30px; position: absolute; opacity: 0.65; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:before { content: '\e807'; color: #ffffff; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:before { content: '\e808'; color: #ffffff; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: black; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:before { bottom: 40px; content: ""; display: block; height: 20%; width: 100%; position: absolute; z-index: 0; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.7))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0); /* IE6-9 */ opacity: 0; -webkit-transition: opacity 1s ease; -moz-transition: opacity 1s ease; -o-transition: opacity 1s ease; transition: opacity 1s ease; } .mfp-ready .mfp-s-ready .mfp-figure:before { opacity: 1; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444444; } .mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { font-size: 13px; line-height: 18px; margin-bottom: 50px; position: absolute; bottom: 0; left: 0; width: 100%; cursor: auto; padding: 0 65px 0 15px; z-index: 1; } .mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { transform: scale(0.75); -webkit-transform: scale(0.75); -moz-transform: scale(0.75); -ms-transform: scale(0.75); -o-transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; -moz-transform-origin: 0; -o-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; -moz-transform-origin: 100%; -o-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .mfp-ie7 .mfp-img { padding: 0; } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; } /* Zoom */ .image-source-link { color: #98C3D1; } .mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg { opacity: 0.001; -webkit-backface-visibility: hidden; /* ideally, transition speed should match zoom duration */ -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .mfp-with-zoom.mfp-ready .mfp-container { opacity: 1; } .mfp-with-zoom.mfp-ready.mfp-bg { opacity: 0.8; } .mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg { opacity: 0; } .mfp-bg { z-index: 10000; } .mfp-wrap { z-index: 10000; } /* ---------------------------------------------------------------------------- Login window */ .white-popup-block { position: relative; margin: 0 auto; max-width: 500px; min-height: 500px; font-family: 'Work Sans', sans-serif; text-align: center; color: #fff; vertical-align: top; -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); padding: 0 0 24px; overflow: hidden; } .white-popup-block:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: block; background: rgba(42, 128, 203, 0.9); background: -moz-linear-gradient(45deg, rgba(42, 128, 203, 0.9) 0%, rgba(66, 189, 205, 0.9) 100%); background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(42, 128, 203, 0.9)), color-stop(100%, rgba(66, 189, 205, 0.9))); background: -webkit-linear-gradient(45deg, rgba(42, 128, 203, 0.9) 0%, rgba(66, 189, 205, 0.9) 100%); background: -o-linear-gradient(45deg, rgba(42, 128, 203, 0.9) 0%, rgba(66, 189, 205, 0.9) 100%); background: -ms-linear-gradient(45deg, rgba(42, 128, 203, 0.9) 0%, rgba(66, 189, 205, 0.9) 100%); background: linear-gradient(45deg, rgba(42, 128, 203, 0.9) 0%, rgba(66, 189, 205, 0.9) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2a80cb', endColorstr='#42bdcd', GradientType=1); z-index: -2; } .white-popup-block:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: block; background-size: cover; background-position: top; background-repeat: no-repeat; z-index: -3; } .mfp-content { /* wrapper */ /* the panel title */ /* error message */ } .mfp-content .td-login-wrap { position: relative; } .mfp-content .td-back-button { visibility: hidden; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity='0')"; filter: alpha(opacity=0); -webkit-transition: all 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86) 0s; -moz-transition: all 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86) 0s; -o-transition: all 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86) 0s; transition: all 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86) 0s; position: absolute; top: 13px; left: 8px; color: #fff; width: 50px; height: 50px; z-index: 99; } .mfp-content .td-back-button i { line-height: 50px; font-size: 16px; } .mfp-content .td-login-inputs { width: 100%; display: inline-block; position: relative; margin-bottom: 20px; font-size: 15px; font-weight: 400; color: #fff; } .mfp-content .td-login-inputs label { position: absolute; top: 8px; left: 0; text-transform: uppercase; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; pointer-events: none; } .mfp-content .td-login-inputs:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #fff; opacity: 0.3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity='30')"; filter: alpha(opacity=30); } .mfp-content .td-login-input { position: relative; background-color: transparent !important; height: 40px; margin: 0 !important; padding: 0; box-shadow: none !important; font-size: 15px; color: #fff; outline: none; border: 0; } .mfp-content .td-login-input:focus ~ label, .mfp-content .td-login-input:valid ~ label { top: -18px; font-size: 11px; opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity='60')"; filter: alpha(opacity=60); } .mfp-content .td-login-input:invalid { font-style: italic; } .mfp-content .td-login-button { width: 100%; height: 50px; background-color: #fff; padding: 5px 12px 6px; margin-top: 20px; margin-bottom: 0; text-transform: uppercase; text-shadow: none; font-size: 13px; font-weight: 500; color: #000; -webkit-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.2); border: 0; border-radius: 0; -webkit-transition: background-color 0.2s ease !important; -moz-transition: background-color 0.2s ease !important; -o-transition: background-color 0.2s ease !important; transition: background-color 0.2s ease !important; } .mfp-content .td-login-button:active, .mfp-content .td-login-button:hover { -webkit-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.2); background-color: #d4e328; } .mfp-content .td-login-info-text { display: block; margin-top: 6px; font-size: 11px; color: #fff; } .mfp-content .td-login-info-text a { color: inherit; -webkit-transition: color 0.2s ease; -moz-transition: color 0.2s ease; -o-transition: color 0.2s ease; transition: color 0.2s ease; } .mfp-content .td-login-info-text a:hover { color: #000; } .mfp-content #register-link { width: 100%; display: block; padding: 13px; margin-top: 24px; font-size: 13px; text-transform: uppercase; color: #fff; cursor: pointer; position: relative; } .mfp-content #register-link:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border: 1px solid #fff; opacity: 0; -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } .mfp-content #register-link:hover:before { opacity: 0.2; } .mfp-content .td-login-form-div { width: 100%; position: absolute; top: 0; padding: 0 20%; /* responsive portrait phone */ } @media (max-width: 480px) { .mfp-content .td-login-form-div { padding: 0 5%; } } .mfp-content #td-login-div { transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -webkit-transition: all 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86) 0s; -moz-transition: all 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86) 0s; -o-transition: all 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86) 0s; transition: all 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86) 0s; } .mfp-content #td-login-div.td-display-none { visibility: hidden; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity='0')"; filter: alpha(opacity=0); -webkit-transition: all 0.3s cubic-bezier(0.79, 0.14, 0.15, 0.86) 0s; -moz-transition: all 0.3s cubic-bezier(0.79, 0.14, 0.15, 0.86) 0s; -o-transition: all 0.3s cubic-bezier(0.79, 0.14, 0.15, 0.86) 0s; transition: all 0.3s cubic-bezier(0.79, 0.14, 0.15, 0.86) 0s; } .mfp-content .td-login-animation #td-login-div { transform: translate3d(-300px, 0, 0); -webkit-transform: translate3d(-300px, 0, 0); -moz-transform: translate3d(-300px, 0, 0); -ms-transform: translate3d(-300px, 0, 0); -o-transform: translate3d(-300px, 0, 0); } .mfp-content .td-login-animation .td-back-button { visibility: visible; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity='100')"; filter: alpha(opacity=100); } .mfp-content #td-register-div, .mfp-content #td-forgot-pass-div { visibility: hidden; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity='0')"; filter: alpha(opacity=0); -webkit-transition: all 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86) 0s; -moz-transition: all 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86) 0s; -o-transition: all 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86) 0s; transition: all 0.5s cubic-bezier(0.79, 0.14, 0.15, 0.86) 0s; transform: translate3d(300px, 0, 0); -webkit-transform: translate3d(300px, 0, 0); -moz-transform: translate3d(300px, 0, 0); -ms-transform: translate3d(300px, 0, 0); -o-transform: translate3d(300px, 0, 0); } .mfp-content #td-register-div.td-display-block, .mfp-content #td-forgot-pass-div.td-display-block { visibility: visible; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity='100')"; filter: alpha(opacity=100); -webkit-transition: all 0.3s cubic-bezier(0.79, 0.14, 0.15, 0.86) 0s; -moz-transition: all 0.3s cubic-bezier(0.79, 0.14, 0.15, 0.86) 0s; -o-transition: all 0.3s cubic-bezier(0.79, 0.14, 0.15, 0.86) 0s; transition: all 0.3s cubic-bezier(0.79, 0.14, 0.15, 0.86) 0s; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); } .mfp-content #login-form .mfp-close { position: absolute; top: 26px; width: 20px; height: 20px; line-height: 0; font-size: 0; color: #fff; } .mfp-content #login-form .mfp-close:before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, 50%); -webkit-transform: translate(-50%, 50%); -moz-transform: translate(-50%, 50%); -ms-transform: translate(-50%, 50%); -o-transform: translate(-50%, 50%); font-family: 'wpion', sans-serif; font-size: 16px; vertical-align: bottom; color: #fff; } .mfp-content #login-form #login-link { position: absolute; left: 26px; top: 28px; cursor: pointer; } .mfp-content #login-form .mfp-close { right: 27px; left: auto; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity='100')"; filter: alpha(opacity=100); } .mfp-content #login-form .mfp-close:before { content: '\e905'; } .mfp-content .td-login-panel-title { padding: 26px 0 22px 0; line-height: 20px; font-size: 17px; text-transform: uppercase; color: #fff; pointer-events: none; } .mfp-content .td-login-panel-descr { margin-bottom: 25px; font-size: 13px; line-height: 1; } .mfp-content .td_display_err { color: #fff; padding: 15px 30px; display: none; position: absolute; top: 93px; left: 0; right: 0; font-size: 12px; text-transform: uppercase; margin: 0 -40%; line-height: 1; background: #083a48; z-index: 99; box-shadow: 0 1px 3px black; } .mfp-content .td_display_err:before { content: ''; width: 100%; height: 100%; background-color: #000; position: absolute; top: 0; left: 0; opacity: 0.8; z-index: -1; } .mfp-content .td_display_msg_ok:before { background-color: #fff; opacity: 0.1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity='10')"; filter: alpha(opacity=10); } /** tagdiv animations - - mfp-with-anim - has to be on the wrapper */ .mpf-td-login-effect { /* start state */ /* animate in */ /* animate out */ } .mpf-td-login-effect .mfp-with-anim { opacity: 0; -webkit-transition: all 400ms cubic-bezier(0.55, 0, 0.1, 1); -moz-transition: all 400ms cubic-bezier(0.55, 0, 0.1, 1); -o-transition: all 400ms cubic-bezier(0.55, 0, 0.1, 1); transition: all 400ms cubic-bezier(0.55, 0, 0.1, 1); /* custom */ transform: perspective( 600px ) scale(0.4); -webkit-transform: perspective( 600px ) scale(0.4); -moz-transform: perspective( 600px ) scale(0.4); -ms-transform: perspective( 600px ) scale(0.4); -o-transform: perspective( 600px ) scale(0.4); } .mpf-td-login-effect.mfp-bg { opacity: 0; transition: all 0.3s ease-out; } .mpf-td-login-effect.mfp-ready .mfp-with-anim { opacity: 1; transform: perspective( 600px ) scale(1); -webkit-transform: perspective( 600px ) scale(1); -moz-transform: perspective( 600px ) scale(1); -ms-transform: perspective( 600px ) scale(1); -o-transform: perspective( 600px ) scale(1); } .mpf-td-login-effect.mfp-ready.mfp-bg { opacity: 0.8; } .mpf-td-login-effect.mfp-removing .mfp-with-anim { transform: perspective( 600px ) scale(0.4); -webkit-transform: perspective( 600px ) scale(0.4); -moz-transform: perspective( 600px ) scale(0.4); -ms-transform: perspective( 600px ) scale(0.4); -o-transform: perspective( 600px ) scale(0.4); opacity: 0; } .mpf-td-login-effect.mfp-removing.mfp-bg { opacity: 0; } .td-a-rec, .td-g-rec { margin-bottom: 40px; } .td-a-rec img, .td-g-rec img { display: block; } .td-a-rec .adsbygoogle, .td-g-rec .adsbygoogle { display: block !important; margin: 0 auto; } .td-adspot-title { display: block; margin-bottom: 5px; text-align: center; font-size: 14px; font-style: italic; } .td-rec-wrap { margin-bottom: 21px; } .td-rec-wrap img { margin: auto; } .td-visible-desktop, .td-visible-tablet-landscape, .td-visible-tablet-l, .td-visible-tablet-portrait, .td-visible-tablet-tp, .td-visible-phone { margin: 0 auto; } .td-visible-desktop { display: table; } .td-visible-tablet-landscape, .td-visible-tablet-l, .td-visible-tablet-portrait, .td-visible-tablet-tp, .td-visible-phone { display: none; } /* responsive landscape landscape */ @media (min-width: 1019px) and (max-width: 1140px) { .td-visible-tablet-landscape, .td-visible-tablet-l { display: table; } .td-visible-desktop { display: none; } .td-visible-tablet-portrait, .td-visible-tablet-tp { display: none; } .td-visible-phone { display: none; } } /* responsive portrait tablet */ @media (min-width: 768px) and (max-width: 1018px) { .td-visible-tablet-portrait, .td-visible-tablet-tp { display: table; } .td-visible-desktop { display: none; } .td-visible-tablet-landscape, .td-visible-tablet-l { display: none; } .td-visible-phone { display: none; } } /* responsive portrait phone */ @media (max-width: 767px) { .td-visible-phone { display: table; } .td-visible-desktop { display: none; } .td-visible-tablet-landscape, .td-visible-tablet-l { display: none; } .td-visible-tablet-portrait, .td-visible-tablet-tp { display: none; } } /* responsive landscape desktop */ @media (min-width: 1141px) { .td-rec-hide-on-m { display: none !important; } } /* responsive landscape tablet */ @media (min-width: 1019px) and (max-width: 1140px) { .td-rec-hide-on-tl { display: none !important; } } /* responsive portrait tablet */ @media (min-width: 768px) and (max-width: 1018px) { .td-rec-hide-on-tp { display: none !important; } } /* responsive portrait phone */ @media (max-width: 767px) { .td-rec-hide-on-p { display: none !important; } } .td-header-rec-wrap { /* responsive portrait phone */ } @media (max-width: 767px) { .td-header-rec-wrap { margin-left: auto; margin-right: auto; display: table; } } .td-header-rec-wrap .td-rec-wrap { margin-bottom: 0; } .td-header-rec-wrap .td_block_wrap { position: static; } .td-header-sp-recs { position: relative; float: right; max-width: 500px; width: 74.28571428571429%; /* responsive portrait phone */ } @media (max-width: 767px) { .td-header-sp-recs { width: 50%; /* q2d */ margin: 10px 0 0; /* q2d */ height: auto; } } .td-header-sp-recs img, .td-header-sp-recs .adsbygoogle { position: absolute; top: 0; bottom: 0; right: 0; left: 0; /* responsive portrait phone */ } @media (max-width: 500px) { .td-header-sp-recs img, .td-header-sp-recs .adsbygoogle { position: relative; top: 0; left: 0; margin: 10px auto; } } .td-header-sp-recs .adsbygoogle { display: block !important; } .td-g-rec-id-content_top, .td-g-rec-id-content_bottom { clear: both; } .td-g-rec-id-content_top .adsbygoogle, .td-g-rec-id-content_bottom .adsbygoogle { margin-bottom: 21px; position: relative; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); } .td-a-rec-id-content_top, .td-a-rec-id-content_bottom { clear: both; text-align: center; } .td-g-rec-id-content_inline .adsbygoogle { margin-bottom: 21px; position: relative; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); } .td-g-rec-id-content_inlineleft, .td-a-rec-id-content_inlineleft { float: left; /* responsive portrait phone */ } .td-g-rec-id-content_inlineleft .td-adspot-title, .td-a-rec-id-content_inlineleft .td-adspot-title { margin-right: 21px; } @media (max-width: 767px) { .td-g-rec-id-content_inlineleft .td-adspot-title, .td-a-rec-id-content_inlineleft .td-adspot-title { margin: 0; } } .td-g-rec-id-content_inlineleft .adsbygoogle, .td-a-rec-id-content_inlineleft .adsbygoogle { margin-bottom: 15px; margin-top: 9px; margin-right: 21px; /* responsive portrait phone */ } @media (max-width: 767px) { .td-g-rec-id-content_inlineleft .adsbygoogle, .td-a-rec-id-content_inlineleft .adsbygoogle { margin: 0 auto 26px auto; } } @media (max-width: 767px) { .td-g-rec-id-content_inlineleft, .td-a-rec-id-content_inlineleft { float: none; text-align: center; } } .td-g-rec-id-content_inlineright, .td-a-rec-id-content_inlineright { float: right; /* responsive portrait phone */ } .td-g-rec-id-content_inlineright .adsbygoogle, .td-a-rec-id-content_inlineright .adsbygoogle { margin-bottom: 15px; margin-top: 6px; margin-left: 21px; /* responsive portrait phone */ } @media (max-width: 767px) { .td-g-rec-id-content_inlineright .adsbygoogle, .td-a-rec-id-content_inlineright .adsbygoogle { margin: 0 auto 26px auto; } } @media (max-width: 767px) { .td-g-rec-id-content_inlineright, .td-a-rec-id-content_inlineright { float: none; text-align: center; } } .td-a-rec-id-sidebar .td-rec-wrap { margin-bottom: 40px; } .td-g-rec-id-sidebar { text-align: center; } .td-footer-ad { background-color: #f3f3f3; -webkit-box-shadow: inset 0 20px 20px -20px rgba(0, 0, 0, 0.28); -moz-box-shadow: inset 0 20px 20px -20px rgba(0, 0, 0, 0.28); box-shadow: inset 0 20px 20px -20px rgba(0, 0, 0, 0.28); } .td-footer-ad .adsbygoogle { display: block !important; } .td-footer-ad .td-rec-wrap { margin-bottom: 0; } .td-a-rec-id-footer_top, .td-g-rec-id-footer_top { display: table; margin: 0 auto; padding: 58px 10px; text-align: center; } .td-a-rec-id-footer_top .td-adspot-title, .td-g-rec-id-footer_top .td-adspot-title { position: relative; display: table; margin: -29px auto 5px; padding: 0 10px; /* responsive portrait phone */ /* responsive portrait phone */ } @media (max-width: 767px) { .td-a-rec-id-footer_top .td-adspot-title, .td-g-rec-id-footer_top .td-adspot-title { margin: -24px auto 0; } } .td-a-rec-id-footer_top .td-adspot-title:before, .td-g-rec-id-footer_top .td-adspot-title:before, .td-a-rec-id-footer_top .td-adspot-title:after, .td-g-rec-id-footer_top .td-adspot-title:after { content: ''; position: absolute; top: 50%; width: 93px; height: 1px; background-color: #d8d8d8; } .td-a-rec-id-footer_top .td-adspot-title:before, .td-g-rec-id-footer_top .td-adspot-title:before { left: 100%; } .td-a-rec-id-footer_top .td-adspot-title:after, .td-g-rec-id-footer_top .td-adspot-title:after { right: 100%; } @media (max-width: 767px) { .td-a-rec-id-footer_top .td-adspot-title:before, .td-g-rec-id-footer_top .td-adspot-title:before, .td-a-rec-id-footer_top .td-adspot-title:after, .td-g-rec-id-footer_top .td-adspot-title:after { display: none; } } .td-a-rec-id-footer_top a, .td-g-rec-id-footer_top a { display: block; width: 100%; } @media (max-width: 767px) { .td-a-rec-id-footer_top, .td-g-rec-id-footer_top { padding-top: 34px; padding-bottom: 34px; } } .td-a-rec-id-custom_ad_1 .td-rec-wrap, .td-a-rec-id-custom_ad_2 .td-rec-wrap, .td-a-rec-id-custom_ad_3 .td-rec-wrap, .td-a-rec-id-custom_ad_4 .td-rec-wrap, .td-a-rec-id-custom_ad_5 .td-rec-wrap { margin-bottom: 40px; } /* ---------------------------------------------------------------------------- WordPress default widgets */ .widget { margin-bottom: 38px; font-size: 14px; font-family: 'Work Sans', sans-serif; font-weight: bold; } .widget.td_block_wrap { padding-bottom: 0; } .widget a { color: #2b6088; } .widget a:hover { color: #42bdcd; } .widget ul { list-style: none; box-shadow: none; margin: 0; } .widget li { line-height: 1; list-style: none; margin-left: 0; } .widget li a { padding: 7px 0; display: inline-block; cursor: pointer; /* q2d */ } .widget li:first-child a { /*padding: 0px 0 7px; font-size: 12px; color: #fff;*/ } .widget li li { margin-left: 21px; font-size: 12px; } .widget select { width: 100%; height: 30px; margin-top: 9px; padding: 0 5px; } .widget .block-title { float: none; margin-bottom: 11px; width: 100%; } .widget .block-title span a { padding: 0; color: inherit; } .widget .current-menu-item a { color: #42bdcd; } .td-search-form-widget, .search-form { position: relative; } input.td-widget-search-input, .search-field { width: 100%; height: 28px; margin: 0; padding: 0 11px; font-family: 'Source Sans Pro', sans-serif; font-size: 13px; color: #666; border: 0; border-bottom: 1px solid #ebebeb; /* responsive portrait phone */ } @media (max-width: 767px) { input.td-widget-search-input, .search-field { font-size: 16px; } } #searchsubmit, input.search-submit { position: absolute; top: 0; right: 0; background-color: transparent; height: 14px; margin: 6px 0; padding: 0 1px 0 8px; text-transform: uppercase; font-size: 11px; font-weight: 700; text-shadow: none; color: #000; border-left: 1px solid #ebebeb; } #searchsubmit:hover, input.search-submit:hover { background-color: transparent; color: #42bdcd; } .widget_search { margin-bottom: 48px; } .widget_search .block-title { margin-bottom: 20px; } .widget_search .search-field { padding: 0; } .widget_search input[type=submit]:hover { background-color: transparent; } .widget_calendar { margin-bottom: 36px; } .widget_calendar .block-title { margin-bottom: 13px; } .widget_calendar table { width: 100%; text-align: center; } .widget_calendar th { text-align: center; } .widget_calendar td { padding: 8px 0; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .widget_calendar td { padding: 5px 0; } } .widget_calendar tbody a { color: #42bdcd; } .widget_calendar #today { background-color: #42bdcd; font-weight: bold; color: #fff; border-color: #42bdcd; } .widget_calendar #today a { color: #fff; } .widget_calendar caption { font-weight: bold; padding-bottom: 10px; } .widget_calendar thead tr { line-height: 34px; /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .widget_calendar thead tr { line-height: 28px; } } .widget_calendar tfoot td { border: none; } .widget_calendar tfoot #prev { text-align: left; } .widget_calendar tfoot #next { text-align: right; } .widget_calendar tfoot a:hover { color: #42bdcd; } .widget_categories li { line-height: 1; padding-right: 40px; } .widget_categories li:hover > a span:before { border-color: #42bdcd; } .widget_categories li:hover > a { color: #42bdcd; } .widget_categories li li { margin-right: 0; } .widget_categories li a { padding: 11px 0; width: 100%; display: block; } .widget_categories li span { display: inline-block; margin-top: -5px; padding: 4px 6px; min-width: 22px; line-height: 1; position: absolute; right: 0; text-align: center; } .widget_categories li span:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #000; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; opacity: 0.2; } .widget_recent_comments { margin-bottom: 42px; font-size: 12px; color: #444; } .widget_recent_comments .block-title { margin-bottom: 18px; } .widget_recent_comments a { display: inline !important; font-size: 13px; font-weight: 500; } .widget_recent_comments li { position: relative; margin: 10px 0 !important; line-height: 21px; padding-bottom: 13px; } .widget_recent_comments li:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #f5f5f5; } .widget_recent_comments li:last-child { padding-bottom: 0; } .widget_recent_comments li:last-child:after { display: none; } .widget_recent_entries { margin-bottom: 32px; } .widget_recent_entries li { margin-bottom: 8px; padding-bottom: 7px; border-bottom: 1px solid #f5f5f5; } .widget_recent_entries li:last-child { border-bottom: none; } .widget_recent_entries li a { display: inline-block; line-height: 21px; } .widget_recent_entries .post-date { display: block; font-family: 'Source Sans Pro', sans-serif; font-size: 11px; line-height: 16px; color: #b5b5b5; font-style: italic; margin-bottom: 5px; } .widget_rss { margin-bottom: 29px; } .widget_rss .block-title { margin-bottom: 15px; } .widget_rss .block-title span { padding: 0; line-height: 1; } .widget_rss .block-title a { margin: 0; } .widget_rss .block-title a:first-child { margin-right: 2px; vertical-align: middle; } .widget_rss li { position: relative; margin-bottom: 6px; padding-bottom: 11px; line-height: 21px; } .widget_rss li:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #f5f5f5; } .widget_rss li .rsswidget { margin-right: 10px; font-family: 'Work Sans', sans-serif; font-weight: 600; font-size: 15px; } .widget_rss li .rssSummary { font-size: 12px; color: #444; } .widget_rss li:last-child:after { display: none; } .widget_rss .rss-date, .widget_rss cite { display: block; font-family: 'Work Sans', sans-serif; font-size: 12px; line-height: 16px; color: #000; position: relative; margin-bottom: 5px; margin-top: 5px; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity='50')"; filter: alpha(opacity=50); } .widget_text .block-title { margin-bottom: 13px; } .widget_text p { font-size: 15px; } .widget_text .wp-smiley { width: auto; } .widget_tag_cloud { margin-bottom: 48px; } .widget_tag_cloud .block-title { margin-bottom: 16px; } .widget_tag_cloud .tagcloud { padding: 0 12px; } .widget_tag_cloud a { margin-right: 10px; margin-bottom: 10px; display: inline-block; } .wp-video { margin-bottom: 26px; position: relative; } .wp-video .wp-video-shortcode { outline: none; } .widget_tag_cloud .tagcloud { padding: 0; } .td_block_social_counter .block-title { float: none; margin-bottom: 20px; width: 100%; } .td-social-list { *zoom: 1; } .td-social-list:before, .td-social-list:after { display: table; content: ''; line-height: 0; } .td-social-list:after { clear: both; } .td-social-list .td_social_type:last-child { margin-bottom: 0; } .td_social_type { position: relative; width: 100%; margin-bottom: 10px; font-size: 12px; } .td_social_type:hover .td-sp:before { background-color: #42bdcd; } .td_social_type .td-sp, .td_social_type .td_social_info { display: inline-block; } .td_social_type .td-sp { position: relative; vertical-align: top; margin-right: 20px; } .td_social_type .td-sp:before { content: ''; display: block; width: 44px; height: 44px; background-color: #333; font-family: 'wpion', sans-serif; font-size: 14px; text-align: center; line-height: 44px; color: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .td_social_type .td_social_info { margin-top: 10px; padding-right: 12px; font-weight: 600; } .td_social_type .td_social_button { display: block; float: right; margin-top: 8px; font-size: 11px; font-weight: 700; text-transform: uppercase; } .td_social_type .td_social_button a { display: block; padding: 1px 0 2px 15px; color: #000; border-style: solid; border-color: rgba(0, 0, 0, 0.08); border-width: 1px 0 0 1px; } .td_social_type .td_social_button a:hover { color: #42bdcd; } .td_social_type .td_social_button a:after { content: ''; position: absolute; right: 0; top: 0; display: block; width: 100%; height: 100%; } .td_social_type .td_social_info_name { /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td_social_type .td_social_info_name { display: none; } } .td_social_facebook .td-sp:before { content: '\e818'; } .td_social_rss .td-sp:before { content: '\e828'; } .td_social_soundcloud .td-sp:before { content: '\e82b'; } .td_social_twitter .td-sp:before { content: '\e831'; } .td_social_vimeo .td-sp:before { content: '\e832'; } .td_social_youtube .td-sp:before { content: '\e836'; } .td_social_googleplus .td-sp:before { content: '\e81b'; } .td_social_instagram .td-sp:before { content: '\f16d'; } .td-scroll-up { cursor: pointer; position: fixed; bottom: 10px; right: 10px; width: 44px; height: 44px; background-color: rgba(0, 0, 0, 0.5); border: 2px solid rgba(255, 255, 255, 0.5); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; z-index: 9999; transform: translate3d(0, 70px, 0); -webkit-transform: translate3d(0, 70px, 0); -moz-transform: translate3d(0, 70px, 0); -ms-transform: translate3d(0, 70px, 0); -o-transform: translate3d(0, 70px, 0); -webkit-transition: all 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0s; -moz-transition: all 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0s; -o-transition: all 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0s; transition: all 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0s; } .td-scroll-up .td-icon-menu-up { position: relative; color: #fff; font-size: 14px; display: block; text-align: center ; width: 40px; line-height: 40px; } .td-scroll-up:hover { background-color: #000000; border-color: #ffffff; } .td-scroll-up-visible { transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); } @media print { html, body { background-color: #fff; color: #000; margin: 0; padding: 0; } img { max-width: 100%; display: block; } h1, h2, h3, h4, h5, h6 { page-break-after: avoid; } ul, ol, li { page-break-inside: avoid; } table, tr, td { page-break-before: avoid; } .single-post .td-header-wrap, .single-post .td-main-sidebar, .single-post #td-theme-settings, .single-post .td-header-top-menu, .single-post .td-header-menu-wrap, .single-post .td-header-sp-ads, .single-post .td-main-sidebar, .single-post .td-post-source-tags, .single-post .td-post-sharing, .single-post .td-post-next-prev, .single-post .td_block_related_posts, .single-post #comments, .single-post .td-footer-instagram-container, .single-post .td-footer-container, .single-post .td-footer-wrapper, .single-post .td-sub-footer-container, .single-post .td-category, .single-post .td-post-views-wrap, .single-post .td-post-comments, .single-post .td-scroll-up, .single-post iframe, .single-post .td-more-articles-box, .single-post .td_block_video_playlist, .single-post .td-crumb-container, .single-post .td-g-rec, .single-post .td-a-rec, .single-post .author-box-wrap .avatar { /*display: none !important;*/ } .backstretch { display: none; } .author-box-wrap .desc { margin: 0; padding: 20px; border: 1px solid rgba(0, 0, 0, 0.08); } .td-main-content, header { width: 100% !important; } } /* ---------------------------------------------------------------------------- General smart list style */ .td-smart-list-pagination { text-align: center; margin-bottom: 26px; } .td-sml-link-to-image img { display: block; } .td-smart-list-button { display: inline-block; background-color: #000; margin: 0; padding: 0 18px; font-family: 'Work Sans', sans-serif; font-size: 13px; line-height: 40px; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 2px 0px 0px #a6a6a6; -moz-box-shadow: 0px 2px 0px 0px #a6a6a6; box-shadow: 0px 2px 0px 0px #a6a6a6; -webkit-transition: background-color 0.2s ease 0s; -moz-transition: background-color 0.2s ease 0s; -o-transition: background-color 0.2s ease 0s; transition: background-color 0.2s ease 0s; cursor: pointer; } .td-smart-list-button:hover { background-color: #42bdcd; text-decoration: none !important; } .td-smart-list-button .td-icon-left, .td-smart-list-button .td-icon-right { font-size: 13px; position: relative; top: 2px; } .td-smart-list-button .td-icon-left { padding-right: 9px; padding-left: 2px; } .td-smart-list-button .td-icon-right { padding-left: 10px; } .td-sml-current-item-nr { vertical-align: top; } .td-sml-current-item-title { vertical-align: top; /* responsive portrait phone */ } @media (max-width: 767px) { .td-sml-current-item-title { font-size: 21px !important; line-height: 26px !important; } } .td-smart-disable { opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity='50')"; filter: alpha(opacity=50); cursor: default; -webkit-user-select: none; /* Chrome/Safari */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* IE10+ */ -o-user-select: none; user-select: none; } .td-smart-disable:hover { background-color: #222 !important; } .td-smart-list-dropdown-wrap { text-align: center; border: 1px solid #ebebeb; margin-bottom: 29px; clear: both; } .td-smart-list-dropdown-wrap .td-smart-list-dropdown { height: 30px; padding: 0 45px 0 20px; margin: 8px 0; overflow: hidden; background-color: #fff; border: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; outline: none; font-family: 'Work Sans', sans-serif; font-size: 15px; max-width: 40%; text-overflow: ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; cursor: pointer; /* responsive portrait tablet */ /* responsive portrait phone */ } .td-smart-list-dropdown-wrap .td-smart-list-dropdown::-ms-expand { display: none; } @media (min-width: 768px) and (max-width: 1018px) { .td-smart-list-dropdown-wrap .td-smart-list-dropdown { max-width: 60%; } } @media (max-width: 767px) { .td-smart-list-dropdown-wrap .td-smart-list-dropdown { text-align: center; max-width: 70%; } } .td-smart-list-dropdown-wrap .td-smart-list-dropdown option { /* responsive portrait phone */ } @media (max-width: 767px) { .td-smart-list-dropdown-wrap .td-smart-list-dropdown option { text-align: left; } } .td-smart-list-dropdown-wrap .td-smart-list-container { display: inline; position: relative; } .td-smart-list-dropdown-wrap .td-smart-list-container:before { content: ''; width: 0; height: 0; position: absolute; top: 7px; right: 20px; z-index: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid black; pointer-events: none; } .td-smart-list-dropdown-wrap .td-smart-list-button { padding: 0 19px; margin: 0; background-color: transparent !important; font-size: 15px; line-height: 24px; color: inherit; -webkit-box-shadow: 0px 0px 0px 0px #a6a6a6; -moz-box-shadow: 0px 0px 0px 0px #a6a6a6; box-shadow: 0px 0px 0px 0px #a6a6a6; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; /* responsive portrait phone */ } @media (max-width: 767px) { .td-smart-list-dropdown-wrap .td-smart-list-button { padding: 0 6px; } } .td-smart-list-dropdown-wrap .td-smart-list-button i { display: none; /* responsive portrait phone */ } @media (max-width: 767px) { .td-smart-list-dropdown-wrap .td-smart-list-button i { display: inline; font-size: 12px; top: 0; } } .td-smart-list-dropdown-wrap .td-smart-list-button:hover { background-color: transparent !important; color: #42bdcd; } .td-smart-list-dropdown-wrap .td-smart-list-button .td-icon-left:before { /* responsive portrait phone */ } @media (max-width: 767px) { .td-smart-list-dropdown-wrap .td-smart-list-button .td-icon-left:before { content: '\e80c'; } } .td-smart-list-dropdown-wrap .td-smart-list-button .td-icon-right:before { /* responsive portrait phone */ } @media (max-width: 767px) { .td-smart-list-dropdown-wrap .td-smart-list-button .td-icon-right:before { content: '\e80d'; } } .td-smart-list-dropdown-wrap .td-smart-list-button span { /* responsive portrait phone */ } @media (max-width: 767px) { .td-smart-list-dropdown-wrap .td-smart-list-button span { display: none; } } .td-smart-list-dropdown-wrap .td-smart-disable:hover { color: #222; } .td-smart-list-dropdown-wrap .td-smart-next { border-left: 1px solid #ededed; } .td-smart-list-dropdown-wrap .td-smart-back { border-right: 1px solid #ededed; } .td-sml-caption { font-family: 'Source Sans Pro', sans-serif; text-align: left; font-size: 13px; font-style: italic; font-weight: normal; line-height: 17px; color: #444; } .td-sml-caption div { margin: 6px 0 0 0; } /* ---------------------------------------------------------------------------- Smart list 1 */ .td_smart_list_1 { margin-top: 30px; } .td_smart_list_1 .td-item { margin-bottom: 53px; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (min-width: 768px) and (max-width: 1018px) { .td_smart_list_1 .td-item { margin-bottom: 43px; } } @media (max-width: 767px) { .td_smart_list_1 .td-item { margin-bottom: 33px; } } .td_smart_list_1 .td-item:last-child { margin-bottom: 0; } .td_smart_list_1 .td-title-smart { line-height: 40px; margin-bottom: 0; /* responsive portrait phone */ } @media (max-width: 767px) { .td_smart_list_1 .td-title-smart { text-align: center; margin-top: 0; } } .td_smart_list_1 .td-number-and-title { width: 100%; min-height: 40px; position: relative; padding: 0 0 22px 0; font-family: 'Work Sans', sans-serif; text-align: left; /* responsive portrait phone */ } @media (max-width: 767px) { .td_smart_list_1 .td-number-and-title { padding-bottom: 13px; } } .td_smart_list_1 .td-sml-current-item-nr { position: absolute; top: 0; left: 0; background-color: #000; padding: 0 7px; font-size: 21px; line-height: 40px; font-weight: 500; color: #fff; min-width: 40px; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 2px 0px 0px #a6a6a6; -moz-box-shadow: 0px 2px 0px 0px #a6a6a6; box-shadow: 0px 2px 0px 0px #a6a6a6; /* responsive portrait phone */ } @media (max-width: 767px) { .td_smart_list_1 .td-sml-current-item-nr { position: relative; display: inline-block; } } .td_smart_list_1 .td-sml-current-item-title { display: inline-block; padding: 7px 0 0 59px; font-size: 21px; line-height: 26px; font-weight: 600; vertical-align: top; /* responsive portrait phone */ } @media (max-width: 767px) { .td_smart_list_1 .td-sml-current-item-title { padding: 17px 0 0; width: 100%; } } .td_smart_list_1 .td-sml-description { margin-top: 0; } .td_smart_list_1 .td-slide-smart-list-figure { margin: 0 0 29px 0; /* responsive portrait tablet */ /* responsive portrait phone */ } @media (max-width: 1018px) { .td_smart_list_1 .td-slide-smart-list-figure { margin-bottom: 19px; } } @media (max-width: 767px) { .td_smart_list_1 .td-slide-smart-list-figure { margin-left: -10px; margin-right: -10px; } } .td_smart_list_1 .td-slide-smart-list-figure img { display: block; } .td_smart_list_1 .td-sml-caption { /* responsive portrait phone */ } @media (max-width: 767px) { .td_smart_list_1 .td-sml-caption { margin-left: 10px; margin-right: 10px; } } /* general */ .td-instagram-image { display: block; } .td-instagram-element { position: relative; float: left; } .td-instagram-element a { position: relative; display: block; } .td-instagram-element a:before { content: ''; width: 94%; height: 94%; border: 1px solid #fff; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity='0')"; filter: alpha(opacity=0); position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; -webkit-transition: opacity 0.3s ease 0s; -moz-transition: opacity 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s; transition: opacity 0.3s ease 0s; } .td-instagram-element a:after { content: ''; width: 100%; height: 100%; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity='0')"; filter: alpha(opacity=0); position: absolute; top: 0; left: 0; background-color: #fff; -webkit-transition: opacity 0.3s ease 0s; -moz-transition: opacity 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s; transition: opacity 0.3s ease 0s; } .td-instagram-element:hover a:before { opacity: 0.4; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity='40')"; filter: alpha(opacity=40); } .td-instagram-element:hover a:after { opacity: 0.1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity='10')"; filter: alpha(opacity=10); } .td-images-on-row-1 .td-instagram-element { width: 100%; } .td-images-on-row-2 .td-instagram-element { width: 50%; } .td-images-on-row-3 .td-instagram-element { width: 33.33333333%; } .td-images-on-row-4 .td-instagram-element { width: 25%; /* responsive portrait phone */ } @media (max-width: 767px) { .td-images-on-row-4 .td-instagram-element { width: 50%; } } .td-images-on-row-5 .td-instagram-element { width: 20%; /* responsive portrait phone */ } @media (max-width: 767px) { .td-images-on-row-5 .td-instagram-element { width: 50%; } } .td-images-on-row-6 .td-instagram-element { width: 16.66666667%; /* responsive portrait phone */ } @media (max-width: 767px) { .td-images-on-row-6 .td-instagram-element { width: 33.33333333%; } } .td-images-on-row-7 .td-instagram-element { width: 14.28571428571429%; /* responsive portrait phone */ } @media (max-width: 767px) { .td-images-on-row-7 .td-instagram-element { width: 50%; } } .td-images-on-row-8 .td-instagram-element { width: 12.5%; /* responsive portrait phone */ } @media (max-width: 767px) { .td-images-on-row-8 .td-instagram-element { width: 50%; } } .td-image-gap-2 { margin: 0 -2px; } .td-image-gap-2 .td-instagram-element { padding: 0 2px 4px; } .td-image-gap-5 { margin: 0 -5px; } .td-image-gap-5 .td-instagram-element { padding: 0 5px 10px; } .td_block_instagram .td-video-play-ico { pointer-events: none; } .td_block_instagram .td-instagram-element { /* responsive portrait phone */ } @media (max-width: 767px) { .td_block_instagram .td-instagram-element .td-video-play-ico img { width: 24px; } } .td-instagram-header { position: relative; margin-bottom: 16px; } .td-instagram-profile-image { width: 60px; height: 60px; border-radius: 60px; overflow: hidden; } .td-instagram-profile-image { margin-right: 12px; float: left; } .td-instagram-meta { padding-top: 4px; font-size: 13px; color: #000; } .td-instagram-button { position: absolute; top: 14px; right: 0; padding: 8px 14px 9px; border: 1px solid #ededed; line-height: 1; font-size: 11px; text-transform: uppercase; font-weight: 700; color: #000; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; } .td-instagram-button:hover { border-color: #ccc; text-decoration: none !important; } .td-instagram-user { font-size: 15px; font-weight: 600; } .td-instagram-user a { line-height: 26px; color: #42bdcd; } .td-instagram-user a:hover { text-decoration: none !important; color: #000; } .td-instagram-followers span { font-weight: 600; } .td_block_instagram.td-column-1 .td-images-on-row-3 .td-video-play-ico img, .td_block_instagram.td-column-1 .td-images-on-row-4 .td-video-play-ico img, .td_block_instagram.td-column-1 .td-images-on-row-5 .td-video-play-ico img, .td_block_instagram.td-column-1 .td-images-on-row-6 .td-video-play-ico img, .td_block_instagram.td-column-1 .td-images-on-row-7 .td-video-play-ico img, .td_block_instagram.td-column-1 .td-images-on-row-8 .td-video-play-ico img { width: 24px; } .td_block_instagram.td-column-1 .td-instagram-button { /* responsive portrait tablet */ } @media (min-width: 768px) and (max-width: 1018px) { .td_block_instagram.td-column-1 .td-instagram-button { display: none; } } .td_block_instagram.td-column-2 .td-images-on-row-5 .td-video-play-ico img, .td_block_instagram.td-column-2 .td-images-on-row-6 .td-video-play-ico img, .td_block_instagram.td-column-2 .td-images-on-row-7 .td-video-play-ico img, .td_block_instagram.td-column-2 .td-images-on-row-8 .td-video-play-ico img { width: 24px; } .td_block_instagram.td-column-3 .td-images-on-row-7 .td-video-play-ico img, .td_block_instagram.td-column-3 .td-images-on-row-8 .td-video-play-ico img { width: 24px; } .td_block_instagram .td-instagram-user a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; display: block; margin-right: 80px; } /* ---------------------------------------------------------------------------- Footer Instagram ---------------------------------------------------------------------------- */ .td-footer-instagram-container { padding-top: 40px; } .td-footer-instagram-container .td_block_instagram { margin-bottom: 0; /* responsive portrait phone */ } @media (max-width: 767px) { .td-footer-instagram-container .td_block_instagram { overflow: hidden; } } .td-footer-instagram-container .td-footer-instagram-title { text-align: center; text-transform: uppercase; font-size: 15px; margin: 0; padding-bottom: 10px; font-family: 'Work Sans', sans-serif; font-weight: 600; } /* General footer styles */ .td-footer-outer-wrapper { position: relative; background-color: #31414d!important; text-align: center; color: #fff; } .td-footer-outer-wrapper:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-size: auto; background-position: center bottom; display: none; /* q2d */ } .td-footer-outer-wrapper a { color: #a8bdc0; font-size: 11px; font-weight: 400; } .td-footer-outer-wrapper a:hover { color: #42bdcd; } .td-footer-outer-wrapper .td-post-category:hover { color: #fff; } .td-footer-outer-wrapper .td_block_wrap, .td-footer-outer-wrapper .widget { margin-top: 20px; text-align: left; } .td-footer-outer-wrapper .td-pulldown-filter-display-option span, .td-footer-outer-wrapper .block-title a, .td-footer-outer-wrapper .block-title span, .td-footer-outer-wrapper .block-title label, .td-footer-outer-wrapper .rss-date, .td-footer-outer-wrapper cite, .td-footer-outer-wrapper .td-admin-edit:hover, .td-footer-outer-wrapper .search-field, .td-footer-outer-wrapper input.search-submit { color: #fff; } .td-footer-outer-wrapper .td-pulldown-filter-display-option span { opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity='60')"; filter: alpha(opacity=60); } .td-footer-outer-wrapper .wp-caption-text, .td-footer-outer-wrapper .wp-caption-dd { color: #969696; } .td-footer-outer-wrapper .widget_categories li span:before { border-color: #fff; } .td-footer-outer-wrapper .td-author-description, .td-footer-outer-wrapper .rssSummary { color: #ccc !important; } .td-footer-outer-wrapper .widget_recent_comments li:after, .td-footer-outer-wrapper .widget_rss li:after { opacity: 0.1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity='10')"; filter: alpha(opacity=10); } .td-footer-outer-wrapper select { background-color: transparent; border-color: rgba(255, 255, 255, 0.3); } .td-footer-outer-wrapper option { color: #000; } .td-footer-outer-wrapper .search-field { /*background-color: transparent;*/ border-color: rgba(255, 255, 255, 0.11); } .td-footer-outer-wrapper input.search-submit { border-color: rgba(255, 255, 255, 0.11); } .td-footer-outer-wrapper input.search-submit:hover { color: #42bdcd; } .td-footer-outer-wrapper .widget_recent_comments { color: #a9a9a9; } .td-footer-outer-wrapper table th, .td-footer-outer-wrapper table td { border-color: #4a4a4a; } .td-footer-wrapper { padding: 22px 0; } .footer-social-wrap:after, .td-subfooter-menu:after { content: ''; position: absolute; right: 0; left: 0; bottom: -1px; margin: 0 auto; width: 100%; height: 1px; background-color: #fff; opacity: 0.11; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity='11')"; filter: alpha(opacity=11); } /* Social media */ .footer-social-wrap { position: relative; margin-bottom: 30px; padding-bottom: 24px; } .footer-social-wrap .td-social-icon-wrap { display: inline-block; margin: 0 26px; } .footer-social-wrap .td-social-icon-wrap a, .footer-social-wrap .td-social-icon-wrap a span { color: #fff; } .footer-social-wrap .td-icon-font { margin-right: 6px; vertical-align: middle; } .footer-social-wrap .td-social-name { font-family: 'Work Sans', sans-serif; font-size: 12px; text-transform: uppercase; vertical-align: middle; } /* Logo */ .footer-logo-wrap img { display: inline-block; margin-right: auto; margin-left: auto; /* responsive portrait phone */ } @media (max-width: 767px) { .footer-logo-wrap img { max-width: 70%; } } .footer-text-wrap { width: 100%; margin: 12px auto; padding: 8px 0; font-family: 'Work Sans', sans-serif; font-size: 13px; line-height: 21px; /* responsive portrait phone */ } @media (max-width: 767px) { .footer-text-wrap { width: 100%; } } .footer-text-wrap .footer-email-wrap { margin-top: 12px; } .footer-text-wrap .footer-email-wrap a { color: #42bdcd; } .footer-text-wrap .footer-email-wrap a:hover { text-decoration: underline; } /* ---------------------------------------------------------------------------- Sub Footer */ .td-sub-footer-container { padding-top: 12px; } .td-subfooter-menu { position: relative; margin: 0 0 15px 0; padding-bottom: 12px; } .td-subfooter-menu li { position: relative !important; display: inline-block; margin-left: 0; padding: 0 28px; line-height: 18px; /* responsive portrait phone */ } @media (max-width: 767px) { .td-subfooter-menu li { padding-left: 12px; padding-right: 12px; } } .td-subfooter-menu li a { line-height: 18px; display: inline-block; font-family: 'Work Sans', sans-serif; font-size: 15px; font-weight: 500; text-transform: uppercase; /* responsive portrait phone */ } @media (max-width: 767px) { .td-subfooter-menu li a { font-size: 12px; } } .td-subfooter-menu li:last-of-type:after { display: none; } .td-subfooter-menu li:after { content: ''; position: absolute; right: -3px; bottom: 4px; width: 2px; height: 2px; background-color: #fff; opacity: 0.26; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity='26')"; filter: alpha(opacity=26); } .td-subfooter-menu .menu-item > a:hover, .td-subfooter-menu .sfHover > a, .td-subfooter-menu .current-menu-ancestor > a, .td-subfooter-menu .current-category-ancestor > a, .td-subfooter-menu .current-menu-item > a { color: #42bdcd; } .td-subfooter-menu ul { display: none; } .td-subfooter-menu .fa { margin-right: 3px; } .td-sub-footer-copy { padding-bottom: 16px; font-size: 13px; color: #ccc; } .td-sub-footer-copy i { color: #42bdcd; margin: 0 5px; position: relative; top: 1px; } /* ---------------------------------------------------------------------------- Style 2 */ .td-footer-template-2 .footer-social-wrap:after { width: 50%; } .td-lb-box { position: absolute; width: 17px; height: 17px; border-radius: 19px; } .td-lb-box-1 { top: 0; left: 0; } .td-lb-box-2 { top: -7px; left: 19px; } .td-lb-box-3 { top: 0; left: 38px; } .td-lb-box-4 { top: 19px; right: -7px; } .td-lb-box-5 { bottom: 0; right: 0; } .td-lb-box-6 { bottom: -7px; left: 19px; } .td-lb-box-7 { bottom: 0; left: 0; } .td-lb-box-8 { top: 19px; left: -7px; } /* ---------------------------------------------------------------------------- loader */ .td-loader-gif { position: absolute; top: 50%; left: 50%; width: 55px; height: 55px; margin-top: -27.5px; /* Half the height */ margin-left: -27.5px; /* Half the width */ /* responsive phone */ -webkit-transition: all 400ms cubic-bezier(0.55, 0, 0.1, 1); -moz-transition: all 400ms cubic-bezier(0.55, 0, 0.1, 1); -o-transition: all 400ms cubic-bezier(0.55, 0, 0.1, 1); transition: all 400ms cubic-bezier(0.55, 0, 0.1, 1); /* custom */ } @media (max-width: 767px) { .td-loader-gif { top: 200px; } } /* ---------------------------------------------------------------------------- infinite loader - the small loader used on infinite scroll */ .td-loader-infinite { top: auto; bottom: 0; } .td-loader-infinite .td-lb-box { position: absolute; width: 10px; height: 10px; } .td-loader-infinite .td-lb-box-1 { top: 0; left: 0; } .td-loader-infinite .td-lb-box-2 { top: -4px; left: 11px; } .td-loader-infinite .td-lb-box-3 { top: 0; left: 22px; } .td-loader-infinite .td-lb-box-4 { top: 11px; right: -4px; } .td-loader-infinite .td-lb-box-5 { bottom: 0; right: 0; } .td-loader-infinite .td-lb-box-6 { bottom: -4px; left: 11px; } .td-loader-infinite .td-lb-box-7 { bottom: 0; left: 0; } .td-loader-infinite .td-lb-box-8 { top: 11px; left: -4px; } .td-loader-infinite.td-loader-gif { width: 32px; height: 32px; margin-top: -16px; /* Half the height */ margin-left: -16px; /* Half the width */ } .td-loader-blocks-load-more { top: auto; bottom: 48px; } .td-loader-animation-start { opacity: 0; transform: perspective( 600px ) scale(0.4); -webkit-transform: perspective( 600px ) scale(0.4); -moz-transform: perspective( 600px ) scale(0.4); -ms-transform: perspective( 600px ) scale(0.4); -o-transform: perspective( 600px ) scale(0.4); } .td-loader-animation-mid { opacity: 1; transform: perspective( 600px ) scale(1); -webkit-transform: perspective( 600px ) scale(1); -moz-transform: perspective( 600px ) scale(1); -ms-transform: perspective( 600px ) scale(1); -o-transform: perspective( 600px ) scale(1); } .td-loader-animation-end { opacity: 0; } @-webkit-keyframes rotateplane { 0% { -webkit-transform: perspective(120px); } 50% { -webkit-transform: perspective(120px) rotateY(180deg); } 100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg); } } @keyframes rotateplane { 0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg); } 50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); } 100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } } body.td-animation-stack-type0 .td-animation-stack .entry-thumb, body.td-animation-stack-type0 .post img { opacity: 0; } .td-animation-stack-type0-2 { opacity: 1 !important; transition: opacity 0.3s; transition-timing-function: cubic-bezier(0.39, 0.76, 0.51, 0.56); /* linear */ } body.td-animation-stack-type1 .td-animation-stack .entry-thumb, body.td-animation-stack-type1 .post .entry-thumb, body.td-animation-stack-type1 .post img[class*="wp-image-"], body.td-animation-stack-type1 .post a.td-sml-link-to-image > img { opacity: 0; transform: scale(0.95); -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -ms-transform: scale(0.95); -o-transform: scale(0.95); } .td-animation-stack-type1-2 { opacity: 1 !important; transform: scale(1) !important; -webkit-transform: scale(1) !important; -moz-transform: scale(1) !important; -ms-transform: scale(1) !important; -o-transform: scale(1) !important; -webkit-transition: transform 0.5s ease, opacity 0.3s cubic-bezier(0.39, 0.76, 0.51, 0.56) 0s; -moz-transition: transform 0.5s ease, opacity 0.3s cubic-bezier(0.39, 0.76, 0.51, 0.56) 0s; -o-transition: transform 0.5s ease, opacity 0.3s cubic-bezier(0.39, 0.76, 0.51, 0.56) 0s; transition: transform 0.5s ease, opacity 0.3s cubic-bezier(0.39, 0.76, 0.51, 0.56) 0s; } body.td-animation-stack-type2 .td-animation-stack .entry-thumb, body.td-animation-stack-type2 .post .entry-thumb, body.td-animation-stack-type2 .post img[class*="wp-image-"], body.td-animation-stack-type2 .post a.td-sml-link-to-image > img { opacity: 0; transform: translate(0px, 10px); -webkit-transform: translate(0px, 10px); -moz-transform: translate(0px, 10px); -ms-transform: translate(0px, 10px); -o-transform: translate(0px, 10px); } .td-animation-stack-type2-2 { opacity: 1 !important; transform: scale(1) !important; -webkit-transform: scale(1) !important; -moz-transform: scale(1) !important; -ms-transform: scale(1) !important; -o-transform: scale(1) !important; -webkit-transition: transform 0.4s cubic-bezier(0.13, 0.43, 0.57, 0.88), opacity 0.4s cubic-bezier(0.13, 0.43, 0.57, 0.88); -moz-transition: transform 0.4s cubic-bezier(0.13, 0.43, 0.57, 0.88), opacity 0.4s cubic-bezier(0.13, 0.43, 0.57, 0.88); -o-transition: transform 0.4s cubic-bezier(0.13, 0.43, 0.57, 0.88), opacity 0.4s cubic-bezier(0.13, 0.43, 0.57, 0.88); transition: transform 0.4s cubic-bezier(0.13, 0.43, 0.57, 0.88), opacity 0.4s cubic-bezier(0.13, 0.43, 0.57, 0.88); } .ie8 .td-menu-background, .ie9 .td-menu-background, .ie8 #td-mobile-nav, .ie9 #td-mobile-nav { display: none; } .ie8 .td-menu-mob-open-menu .td-menu-background, .ie9 .td-menu-mob-open-menu .td-menu-background, .ie8 .td-menu-mob-open-menu #td-mobile-nav, .ie9 .td-menu-mob-open-menu #td-mobile-nav { display: block; } .ie9 .td-post-category-wrap, .ie10 .td-post-category-wrap, .ie11 .td-post-category-wrap { bottom: -4px; } .ie9 .td-post-sharing-bottom .td-social-but-text, .ie10 .td-post-sharing-bottom .td-social-but-text, .ie11 .td-post-sharing-bottom .td-social-but-text { margin-top: -1px; } .ie9 .td-tags a, .ie10 .td-tags a, .ie11 .td-tags a { padding-bottom: 1px; line-height: 19px; } .ie10 .td_block_big_grid_2 .td-big-grid-post .td-post-category-wrap, .ie11 .td_block_big_grid_2 .td-big-grid-post .td-post-category-wrap { bottom: -5px; } .ie10 .td_block_big_grid_3 .td-big-grid-post .td-post-category-wrap, .ie11 .td_block_big_grid_3 .td-big-grid-post .td-post-category-wrap { bottom: 31px; } .td-md-is-firefox .td-header-menu-search #td-header-search-button .td-icon-search:before { top: 1px; } .td-md-is-firefox .td-pulldown-filter-display-option i { vertical-align: baseline; } .td-md-is-firefox .td-post-category { padding-top: 3px; padding-bottom: 5px; } .td-md-is-firefox .td-post-category-small .td-post-category { padding-top: 4px; padding-bottom: 4px; } .td-md-is-firefox .td_block_big_grid_2 .td-big-grid-post .td-post-category-wrap { bottom: -3px; } .td-md-is-firefox .td_block_big_grid_3 .td-big-grid-post .td-post-category-wrap { bottom: 33px; } .td-md-is-firefox .td-post-sharing-top .td-social-but-text { margin-top: -1px; } .td-md-is-android .widget_categories li span { padding-top: 5px; padding-bottom: 3px; } .td-md-is-android .td-tags a { padding-top: 2px; line-height: 18px; } .td-md-is-android .td_block_big_grid_2 .td-big-grid-post .td-post-category-wrap { bottom: -4px; } .td-md-is-android .td_block_big_grid_3 .td-big-grid-post .td-post-category-wrap { bottom: 32px; } .td-md-is-ios .td-social-but-text { margin-top: -1px; } .td-md-is-ios .td-post-views span { padding-top: 1px; padding-bottom: 3px; } .td-md-is-ios .td-author-header .count { padding-top: 2px; padding-bottom: 3px; } .td-md-is-iemobile .td-post-views span { padding-bottom: 1px; } .td-md-is-iemobile .td-tags a { line-height: 18px; } .td-md-is-iemobile .td-author-header .count { padding-bottom: 2px; } .td-wrapper-pulldown-filter , .td-pulldown-filter-display-option{ display: none; } @media (max-width: 767px) { .td-header-menu-search, .td-search-btns-wrap {display: none;} }