/*-------------------------------------------------------------------------------------------------------------------------------*/ /*This is main CSS file that contains custom style rules used in this template*/ /*-------------------------------------------------------------------------------------------------------------------------------*/ /* Template Name: blogup */ /* Version: 1.0 Initial Release */ /* Build Date: 12-09-2017 */ /* Author: theme_bubble */ /*-------------------------------------------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------*/ /* TABLE OF CONTENTS: */ /*--------------------------------------------------------*/ /* 01 - RESET STYLES */ /* 02 - LOADRER */ /* 03 - GLOBAL SETTINGS */ /* 04 - ELEMENTS */ /* 05 - TT-HEADER */ /* 06 - TT-S-POPUP */ /* 07 - TT-SWIPER */ /* 08 - TT-MSLIDE */ /* 09 - TT-SLIDER-WIDE */ /* 10 - TT-SPONSOR */ /* 11 - TT-TITLE-BLOCK */ /* 12 - TT-TITLE-BLOCK TYPE-2 */ /* 13 - TT-TITLE-BLOCK-2 */ /* 14 - TT-POST */ /* 15 - TT-POST TYPE-2*/ /* 16 - TT-POST TYPE-3*/ /* 17 - TT-POST TYPE-4*/ /* 18 - TT-POST TYPE-5*/ /* 19 - TT-POST TYPE-6*/ /* 20 - TT-POST TYPE-7*/ /* 21 - TT-POST TYPE-8*/ /* 22 - TT-POST TYPE-9*/ /* 23 - TT-POST-LIST */ /* 24 - TT-BORDER-BLOCK */ /* 25 - TT-NEWSLETTER */ /* 26 - TT-TAB-WRAPPER TYPE-1 */ /* 27 - TT-FOOTER */ /* 28 - TT-TAGS */ /* 29 - TT-PAGINATION */ /* 30 - TT-BLOG */ /* 31 - TT-THUMB-POPUP */ /* 32 - TT-VIDEO-POPUP */ /* 33 - TT-AUTHOR */ /* 34 - TT-COMMENT */ /* 35 - TT-COMMENT-FORM */ /* 36 - TT-SEARCH */ /* 37 - TT-SHARE */ /* 38 - TT-HEADING */ /* 39 - TT-CONTACT */ /* 40 - TT-ABOUT */ /* 41 - TT-NEWS */ /* 42 - TT-BANNER */ /* 43 - TT-MSLIDE-2 */ /* 44 - CUSTOM 5 COL */ /* 45 - CUSTOM MARGINS */ /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 01 - RESET STYLES */ /*-------------------------------------------------------------------------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } blockquote, q { quotes: none; } img { max-width: 100%; height: auto; vertical-align: middle; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } body * { -webkit-text-size-adjust: none; } .clear { clear: both; overflow: hidden; height: 0px; font-size: 0px; display: block; } input:focus, select:focus, textarea:focus, button:focus { outline: none; } input, textarea, select { font-family: 'Lora', sans-serif, Arial; font-weight: 400; -moz-border-radius: 0; border-radius: 0; } a, a:link, a:visited, a:active, a:hover { cursor: pointer; text-decoration: none; outline: none; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } ul, ol { padding: 0; } ul li ul, ol li ol { padding-left: 15px; } ul { list-style: disc; list-style-position: inside; } ol { list-style: decimal; list-style-position: inside; } li>ul, li>ol { margin-bottom: 0; } dl { margin: 0 0 1.75em; } dt { font-weight: 700; } dd { margin: 0 0 1.75em; } del { opacity: 0.8; } table, th, td { border: 1px solid #d1d1d1; } caption, th, td { font-weight: normal; text-align: left; } th { border-width: 0 1px 1px 0; font-weight: 700; } td { border-width: 0 1px 1px 0; } th, td { padding: 10px; } table { margin-bottom: 30px; width: 100%; } body { font-family: 'Open Sans', sans-serif, Arial; font-weight: normal; font-size: 14px; line-height: 1; background: #444; overflow-y: scroll; } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 02 - LOADRER */ /*-------------------------------------------------------------------------------------------------------------------------------*/ #loader-wrapper { background-color: #fff; height: 100%; width: 100%; position: fixed; z-index: 200; margin-top: 0px; top: 0px; } #loading-text { position: absolute; left: 50%; top: 50%; font-family: 'Lora'; margin-top: 45px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); font-size: 16px; line-height: 22px; font-weight: 700; color: #222; } #loader { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #loader { height: 0; width: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 0 solid #666666; -moz-border-radius: 50%; border-radius: 50%; -webkit-animation: loader-figure 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1); -moz-animation: loader-figure 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1); animation: loader-figure 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1); } @-webkit-keyframes loader-figure { 0% { height: 0; width: 0; } 30% { height: 2em; width: 2em; border-width: 1em; opacity: 1; } 100% { height: 2em; width: 2em; border-width: 0; opacity: 0; } } @-moz-keyframes loader-figure { 0% { height: 0; width: 0; } 30% { height: 2em; width: 2em; border-width: 1em; opacity: 1; } 100% { height: 2em; width: 2em; border-width: 0; opacity: 0; } } @keyframes loader-figure { 0% { height: 0; width: 0; } 30% { height: 2em; width: 2em; border-width: 1em; opacity: 1; } 100% { height: 2em; width: 2em; border-width: 0; opacity: 0; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 03 - GLOBAL SETTINGS */ /*-------------------------------------------------------------------------------------------------------------------------------*/ body.bg-grey { background-color: #dfdfdf; -webkit-background-size: contain; -moz-background-size: contain; background-size: cover; background-repeat: no-repeat; background-position: top center; background-attachment: fixed; } .bg-white { background: #fff; margin-left: -15px; margin-right: -15px; padding-left: 15px; padding-right: 15px; } /*table*/ .table-view { height: 100%; width: 100%; display: table; } .row-view { display: table-row; } .cell-view { display: table-cell; vertical-align: middle; } .background-block { -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; background-position: center center; } /*nopadding class*/ .nopadding { padding-left: 0; padding-right: 0; } .nomargin { margin-left: 0; margin-right: 0; } a, input, textarea, button, select { outline: none!important; } a { -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } a, a:link, a:visited, a:active, a:hover { cursor: pointer; text-decoration: none; outline: none; } a:focus { text-decoration: none; } #wrapper { overflow: hidden; } .boxed #content-wrapper { width: 1338px; margin: 0 auto; } .fluid-9 { padding-left: 9px; padding-right: -9px; overflow: hidden; } .row-14 { margin-left: -7px; margin-right: -7px; } .row-14>div[class^="col-"] { padding-left: 7px; padding-right: 7px; } @media (min-width:1310px) { .container { width: 1280px; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 04 - ELEMENTS */ /*-------------------------------------------------------------------------------------------------------------------------------*/ /*custom hover*/ .custom-hover { display: inline-block; font-size: 0; position: relative; overflow: hidden; vertical-align: top; max-width: 100%; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); } .custom-hover img, .custom-hover-img { max-width: 100%; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .custom-hover:hover img, .custom-hover:hover .custom-hover-img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } /*typography*/ .simple-text h1, .c-h1 { font-family: 'Lora'; font-size: 48px; line-height: 58px; font-weight: 700; color: #111; } .simple-text h2, .c-h2 { font-family: 'Lora'; font-size: 32px; line-height: 38px; font-weight: 700; color: #111; } .simple-text h3, .c-h3 { font-family: 'Lora'; font-size: 28px; line-height: 34px; font-weight: 700; color: #111; } .simple-text h3 small, .c-h3 small { font-size: 24px; line-height: 28px; font-weight: inherit; color: inherit; } .simple-text h4, .c-h4 { font-family: 'Lora'; font-size: 20px; line-height: 24px; font-weight: 700; color: #111; } .simple-text h4 small, .c-h4 small { font-size: 18px; line-height: 22px; font-weight: inherit; color: inherit; } .simple-text h5, .c-h5 { font-family: 'Lora'; font-size: 16px; line-height: 20px; font-weight: 700; color: #111; } .simple-text h5 small, .c-h5 small { font-size: 14px; line-height: 18px; font-weight: inherit; color: inherit; } .simple-text h6, .c-h6 { font-family: 'Lora'; font-size: 13px; line-height: 17px; font-weight: 700; color: #111; } .simple-text h6 small, .c-h6 small { font-size: 12px; line-height: 16px; font-weight: inherit; color: inherit; } @media (max-width:767px) { .simple-text h1, .c-h1 { font-size: 32px; line-height: 38px; } .simple-text h2, .c-h2 { font-size: 28px; line-height: 34px; } .simple-text h3, .c-h3 { font-size: 26px; line-height: 30px; } .tt-rating-progress, .tt-rating-average { float: none !important; width: 100% !important; } .tt-header-type-6 .tt-s-popup-btn { color: #111; } .tt-header-type-6.tt-header .cmn-mobile-switch span, .tt-header-type-6.tt-header .cmn-mobile-switch::before, .tt-header-type-6.tt-header .cmn-mobile-switch::after { background: #111; } } .simple-text { font-size: 13px; line-height: 21px; font-weight: 400; color: #666; } .simple-text i, .simple-text em { font-style: italic; } .simple-text b, .simple-text strong, strong, b { font-weight: 700; } .simple-text u { text-decoration: underline; } .simple-text a { color: #666666; } .simple-text a:hover { color: #111; } .simple-text.size-2 { font-size: 11px; line-height: 16px; } .simple-text.size-3 { font-size: 24px; line-height: 36px; } .simple-text.size-4 { font-size: 18px; line-height: 30px; } .simple-text.size-5 { font-size: 14px; line-height: 18px; } .simple-text.size-6 { font-size: 16px; line-height: 24px; } .simple-text.color-2 { color: #111; } .simple-text.color-3 { color: #b5b5b5; } .simple-text.color-4 { color: rgba(255, 255, 255, 0.7); } .simple-text.color-5 { color: #a9b3ae; } .simple-text.font-Lora { font-family: 'Lora'; } .simple-text.title-droid h1, .simple-text.title-droid h2, .simple-text.title-droid h3, .simple-text.title-droid h4, .simple-text.title-droid h5, .simple-text.title-droid h6 { font-family: 'Lora'; } /*margins*/ .simple-text p, .simple-text h1, .simple-text h2, .simple-text h3, .simple-text h4, .simple-text h5, .simple-text h6, .simple-text img, .simple-text blockquote, .simple-text ul, .simple-text ol, .simple-text div[class^="col-"], .simple-text .embed-responsive, .simple-text .instagram-media, .simple-text .swiper-container, .simple-text iframe { max-width: 100%; margin-bottom: 20px; } .simple-text .row:last-child { margin-bottom: -20px; } .simple-text *:last-child { margin-bottom: 0; } /*margins*/ .simple-text.margin-big p, .simple-text.margin-big img, .simple-text.margin-big blockquote, .simple-text.margin-big ul, .simple-text.margin-big ol, .simple-text.margin-big div[class^="col-"] { margin-bottom: 40px; } .simple-text.margin-big .row:last-child { margin-bottom: -40px; } .simple-text.margin-big *:last-child { margin-bottom: 0; } @media (max-width:767px) { .simple-text.margin-big p, .simple-text.margin-big img, .simple-text.margin-big blockquote, .simple-text.margin-big ul, .simple-text.margin-big ol, .simple-text.margin-big div[class^="col-"] { margin-bottom: 20px; } .simple-text.margin-big .row:last-child { margin-bottom: -20px; } .simple-text.margin-big *:last-child { margin-bottom: 0; } } /*blockquote*/ .simple-text blockquote { font-size: 24px; line-height: 30px; color: #111; border: 1px solid #eaeaea; text-align: center; padding: 56px 60px; } .simple-text blockquote p, .simple-text.margin-big blockquote p { margin-bottom: 20px; } .simple-text blockquote p:last-child, .simple-text.margin-big blockquote p:last-child { margin-bottom: 0; } .simple-text blockquote footer { font-size: 18px; line-height: 30px; font-weight: 700; margin-top: -11px; color: #111; } .simple-text blockquote footer:before { content: '-'; } @media (max-width:767px) { .simple-text blockquote { padding: 30px 15px; } } .simple-text .simple-img[align="left"] { float: left; margin-right: 30px; margin-bottom: 20px; } .simple-text .simple-img[align="right"] { float: left; margin-right: 30px; margin-bottom: 20px; } /*c-btn type-1*/ .c-btn, .tt-comment-form .form-submit { display: inline-block; overflow: hidden; vertical-align: bottom; } .c-btn.type-1, .tt-comment-form .form-submit { position: relative; font-family: 'Lora'; font-size: 10px; line-height: 18px; font-weight: 400; color: #111; border: 2px solid #111; text-transform: uppercase; text-align: center; z-index: 2; } .c-btn.type-1 span, .c-btn.type-1 input, .tt-comment-form .form-submit input { font-family: inherit; display: block; font-weight: 600; position: relative; padding: 2px 35px 1px 35px; } .c-btn.type-1:before, .tt-comment-form .form-submit:before { content: ''; position: absolute; width: 0; height: 100%; left: -10%; bottom: 0; background: #111; -webkit-transform: skewX(15deg); -moz-transform: skewX(15deg); -ms-transform: skewX(15deg); transform: skewX(15deg); -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .c-btn.type-1 input, .tt-comment-form .form-submit input { background: transparent; border: 0; font-size: inherit; line-height: inherit; text-transform: inherit; letter-spacing: inherit; font-weight: inherit; } .c-btn.type-1:hover, .tt-comment-form .form-submit:hover { color: #fff; } .c-btn.type-1:hover:before, .tt-comment-form .form-submit:hover:before { width: 120%; } .c-btn.type-1.inherit, .tt-comment-form .form-submit { text-transform: inherit; } .c-btn.type-1.size-2, .tt-comment-form .form-submit { font-size: 14px; font-weight: 700; } .c-btn.type-1.size-2 span, .c-btn.type-1.size-2 input { padding: 9px 23px 7px 23px; } .c-btn.type-1.size-3 { font-size: 12px; font-weight: 700; width: 100%; } .c-btn.type-1.size-3 span, .c-btn.type-1.size-3 input { width: 100%; padding: 10px 23px 8px 23px; } .c-btn.type-1.size-3 .fa { font-size: 16px; line-height: 16px; margin-right: 5px; vertical-align: text-top; } .c-btn.type-1.size-4 { font-size: 12px; font-weight: 700; } .c-btn.type-1.size-4 span, .c-btn.type-1.size-4 input { padding: 6px 15px 3px 15px; } .c-btn.type-1.full { width: 100%; } .c-btn.type-1.full span, .c-btn.type-1.full input { width: 100%; } .c-btn.type-1.color-2, .tt-comment-form .form-submit { border-color: #666666; color: #666666; } .c-btn.type-1.color-2:before, .tt-comment-form .form-submit:before { background: #666666; } .c-btn.type-1.color-2:hover, .tt-comment-form .form-submit:hover { color: #fff; } .c-btn.type-1.color-3 { border-color: #485f95; color: #485f95; } .c-btn.type-1.color-3:before { background: #485f95; } .c-btn.type-1.color-3:hover { color: #fff; } .c-btn.type-1.color-4 { border-color: #49c4f0; color: #49c4f0; } .c-btn.type-1.color-4:before { background: #49c4f0; } .c-btn.type-1.color-4:hover { color: #fff; } .c-btn.type-1.color-5 { border-color: #4a7393; color: #4a7393; } .c-btn.type-1.color-5:before { background: #4a7393; } .c-btn.type-1.color-5:hover { color: #fff; } .c-btn.type-1.color-6 { border-color: #efefef; color: #666; } .c-btn.type-1.color-6:before { background: #efefef; } .c-btn.type-1.color-7 { border-color: #666; color: #666; } .c-btn.type-1.color-7:before { background: #666; } .c-btn.type-1.color-7:hover { color: #fff; } .c-btn.type-1.style-2, .tt-comment-form .form-submit { background: #111; color: #fff; } .c-btn.type-1.style-2:before { background: #fff; } .c-btn.type-1.style-2:hover { color: #111; } .c-btn.type-1.style-2.color-2, .tt-comment-form .form-submit { background: #666666; } .c-btn.type-1.style-2.color-2:before, .tt-comment-form .form-submit:before { background: #fff; } .c-btn.type-1.style-2.color-2:hover, .tt-comment-form .form-submit:hover { color: #666666; } .c-btn.type-1.style-2.color-3 { background: #485f95; } .c-btn.type-1.style-2.color-3:before { background: #fff; } .c-btn.type-1.style-2.color-3:hover { color: #485f95; } .c-btn.type-1.style-2.color-4 { background: #49c4f0; } .c-btn.type-1.style-2.color-4:before { background: #fff; } .c-btn.type-1.style-2.color-4:hover { color: #49c4f0; } .c-btn.type-1.style-2.color-5 { background: #4a7393; } .c-btn.type-1.style-2.color-5:before { background: #fff; } .c-btn.type-1.style-2.color-5:hover { color: #4a7393; } .c-btn.type-1.style-2.color-6 { background: #efefef; color: #666; } .c-btn.type-1.style-2.color-6:before { background: #fff; } .c-btn.type-1.style-2.color-7 { background: #666; } .c-btn.type-1.style-2.color-7:before { background: #fff; } .c-btn.type-1.style-2.color-7:hover { color: #666; } @media (max-width:767px) { .c-btn.type-1 { width: 100%; } .c-btn.type-1 input { width: 100%; text-align: center; } } /*c-btn type-2*/ .c-btn.type-2 { display: block; font-family: 'Lora'; font-size: 12px; line-height: 16px; font-weight: 700; color: #666; text-transform: uppercase; text-align: center; } .c-btn.type-2:hover { color: #666666; } .c-btn.type-3, .footer_widget.widget_tag_cloud .tagcloud a { font-family: 'Lora'; font-size: 10px; line-height: 14px; font-weight: 400; color: #fff; opacity: 0.4; text-transform: uppercase; border: 1px solid rgba(255, 255, 255, 0.2); padding: 3px 7px; -moz-border-radius: 3px; border-radius: 3px; } .c-btn.type-3:hover, .footer_widget.widget_tag_cloud .tagcloud a:hover { opacity: 1; border-color: #fff; } .c-btn.type-3.color-2 { color: #fff; border-color: #fff; opacity: 1; } .c-btn.type-3.color-2:hover { color: #666666; border-color: #666666; } .c-btn.type-3.color-3 { color: #666666; opacity: 1; border-color: #eaeaea; } .c-btn.type-3.color-3:hover { color: #111; } .c-btn.type-3.color-4 { color: rgba(102, 102, 102, 0.6); opacity: 1; border-color: rgba(102, 102, 102, 0.1); } .c-btn.type-3.color-4:hover { color: #111; border-color: #111; } /*c-input*/ .c-input { width: 100%; height: 40px; font-family: 'Lora'; font-size: 13px; line-height: 38px; font-weight: 400; color: #b5b5b5; padding: 0 15px; border: 1px solid #eaeaea; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .c-input::-webkit-input-placeholder { font-family: 'Lora'; font-size: 13px; font-weight: 400; color: #b5b5b5; opacity: 1; } .c-input:-moz-placeholder { font-family: 'Lora'; font-size: 13px; font-weight: 400; color: #b5b5b5; opacity: 1; } .c-input::-moz-placeholder { font-family: 'Lora'; font-size: 13px; font-weight: 400; color: #b5b5b5; opacity: 1; } .c-input:-ms-input-placeholder { font-family: 'Lora'; font-size: 13px; font-weight: 400; color: #b5b5b5; opacity: 1; } .c-input:focus { border-color: #666666; } .c-input.size-2 { height: 52px; } .c-input.size-3 { height: 30px; } .c-area { width: 100%; height: 134px; font-family: 'Lora'; font-size: 13px; line-height: 17px; font-weight: 400; color: #b5b5b5; padding: 10px 15px; border: 1px solid #eaeaea; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .c-area::-webkit-input-placeholder { font-family: 'Lora'; font-size: 13px; font-weight: 400; color: #b5b5b5; opacity: 1; } .c-area:-moz-placeholder { font-family: 'Lora'; font-size: 13px; font-weight: 400; color: #b5b5b5; opacity: 1; } .c-area::-moz-placeholder { font-family: 'Lora'; font-size: 13px; font-weight: 400; color: #b5b5b5; opacity: 1; } .c-area:-ms-input-placeholder { font-family: 'Lora'; font-size: 13px; font-weight: 400; color: #b5b5b5; opacity: 1; } .c-area:focus { border-color: #666666; } .img-border { border: 1px solid #eaeaea; } .tt-devider { width: 100%; height: 1px; background: #eaeaea; } .pleft30 { padding-left: 30px; } @media (max-width:1199px) { .pleft30 { padding-left: 0; } } @media (max-width:767px) { .simple-image { display: table; margin-left: auto; margin-right: auto; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 05 - TT-HEADER */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-header-wrapper { background: #fff; border-bottom: 1px solid #eaeaea; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-header { position: fixed; top: 0; left: 0; width: 100%; z-index: 101; } .tt-disable-sticky .tt-header, .tt-disble-sticky .tt-header.banner { position: relative !important; } .tt-disable-sticky.admin-bar .tt-header { top: 0; } .admin-bar .tt-header { top: 32px; } .admin-bar #content-wrapper.active .tt-header { top: 0 !important; } .tt-header ul { padding-left: 0; } .tt-header .logo { display: inline-block; position: relative; max-width: 370px; height: 52px; line-height: 52px; z-index: 101; } .tt-header .logo img { display: inline-block; max-width: 100%; max-height: 100%; width: auto; height: auto; vertical-align: middle; } /*general navigation*/ .tt-header .main-nav { font-family: 'Open Sans'; } .tt-header .main-nav>ul { list-style: none; margin-bottom: 0; } .tt-header .main-nav>ul>li>a { font-size: 14px; line-height: 17px; font-weight: 400; color: #111; } .tt-header .main-nav>ul>li.active>a, .tt-header .main-nav>ul>li:hover>a { color: #666666; } .tt-header .main-nav>ul>li>ul { list-style: none; } .tt-header .main-nav>ul>li>ul>li>ul { list-style: none; } /*nav-more*/ .tt-top-header-disable .tt-header .nav-more { top: 14px; } .tt-top-header-disable.header-style11 .tt-header .nav-more { top: 78px; } /* .header-style1 .tt-header .nav-more { top: 49px; }*/ .tt-header .nav-more { position: absolute; top: 61px; right: 50%; text-align: left; margin-right: -625px; height: 90px; line-height: 90px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-header .nav-more.nav-more-left { left: 50%; margin-left: -625px; width: 20%; } .tt-post-breaking-news.tt-post.type-7 .tt-post-img { width: auto; margin-right: 10px; } .tt-header .nav-more>* { vertical-align: middle; } /*cmn-toggle-switch*/ .cmn-toggle-switch:focus { outline: none; } .tt-header .cmn-toggle-switch { display: none; position: relative; float: right; margin-top: 19px; padding: 0; width: 30px; height: 17px; cursor: pointer; z-index: 101; } .tt-header .cmn-toggle-switch span { display: block; position: absolute; top: 7px; left: 0; right: 0; height: 3px; background: #949494; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-header .cmn-toggle-switch::before, .tt-header .cmn-toggle-switch::after { content: ""; position: absolute; display: block; top: 7px; left: 0; width: 100%; height: 3px; background: #949494; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-header .cmn-toggle-switch::before { margin-top: -7px; } .tt-header .cmn-toggle-switch::after { margin-top: 7px; } .tt-header .cmn-toggle-switch.active::before { -webkit-transform: translateY(7px) rotate(45deg); -moz-transform: translateY(7px) rotate(45deg); -ms-transform: translateY(7px) rotate(45deg); transform: translateY(7px) rotate(45deg); -webkit-transform-origin: center center; -moz-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; } .tt-header .cmn-toggle-switch.active::after { -webkit-transform: translateY(-7px) rotate(-45deg); -moz-transform: translateY(-7px) rotate(-45deg); -ms-transform: translateY(-7px) rotate(-45deg); transform: translateY(-7px) rotate(-45deg); -webkit-transform-origin: center center; -moz-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; } .tt-header .cmn-toggle-switch.active span { opacity: 0; } .tt-header-margin { height: 222px; } .tt-header.banner+.tt-header-margin { height: 428px; } .tt-s-popup-btn { display: block; width: 40px; height: 40px; font-size: 14px; line-height: 14px; color: #111; text-align: center; line-height: 40px; } .tt-s-popup-btn:hover { color: #666666; } /*cmn-mobile-switch*/ .cmn-mobile-switch:focus { outline: none; } .tt-header .cmn-mobile-switch { position: absolute; bottom: -70px; left: 15px; padding: 0; width: 12px; height: 9px; cursor: pointer; z-index: 101; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-header .cmn-mobile-switch span { display: block; position: absolute; top: 4px; left: 0; right: 0; height: 2px; background: #111; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-header .cmn-mobile-switch::before, .tt-header .cmn-mobile-switch::after { content: ""; position: absolute; display: block; left: 0; width: 100%; height: 2px; background: #111; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-header .cmn-mobile-switch::before { top: 0px; } .tt-header .cmn-mobile-switch::after { top: 8px; } .tt-header .cmn-mobile-switch:hover:before, .tt-header .cmn-mobile-switch:hover:after, .tt-header .cmn-mobile-switch:hover span { background: #111; } /*mobile block*/ .tt-mobile-block { position: fixed; top: 0; left: 0; bottom: 0; width: 270px; background: #000; overflow: auto; padding: 60px 30px 30px 30px; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); z-index: 201; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-mobile-block.active { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .tt-mobile-overlay { display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; z-index: 200; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-mobile-overlay.active { visibility: visible; } .tt-mobile-close { display: block; position: absolute; top: 18px; right: 20px; width: 16px; height: 16px; cursor: pointer; } .tt-mobile-close:before, .tt-mobile-close:after { content: ""; position: absolute; display: block; top: 7px; left: 0; width: 100%; height: 2px; background: #d1d1d1; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-mobile-close:before { margin-top: -7px; -webkit-transform: translateY(7px) rotate(45deg); -moz-transform: translateY(7px) rotate(45deg); -ms-transform: translateY(7px) rotate(45deg); transform: translateY(7px) rotate(45deg); -webkit-transform-origin: center center; -moz-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; } .tt-mobile-close:after { margin-top: 7px; -webkit-transform: translateY(-7px) rotate(-45deg); -moz-transform: translateY(-7px) rotate(-45deg); -ms-transform: translateY(-7px) rotate(-45deg); transform: translateY(-7px) rotate(-45deg); -webkit-transform-origin: center center; -moz-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; } .tt-mobile-close:hover:before, .tt-mobile-close:hover:after { background: #fff; } .tt-mobile-logo { margin-bottom: 25px; } .tt-mobile-nav ul { list-style: none; } .tt-mobile-nav>ul>li { margin-bottom: 20px; } .tt-mobile-nav>ul>li:last-child { margin-bottom: 0; } .tt-mobile-nav>ul>li>a { display: block; position: relative; font-family: 'Lora'; font-size: 13px; line-height: 17px; font-weight: 400 !important; color: #fff; opacity: 0.6; } .tt-mobile-nav ul li.menu-item-has-children > a:before { position: absolute; right: 0; top: 50%; margin-top: -6px; font-size: 12px; content: '\f107'; font-family: 'FontAwesome'; } .tt-mobile-nav>ul>li.active>a, .tt-mobile-nav>ul>li:hover>a { opacity: 0.9; } .tt-mobile-nav>ul>li>ul { padding-top: 15px; padding-left: 18px; padding-bottom: 2px; } .tt-mobile-nav>ul>li>ul>li, .tt-mobile-nav>ul>li>ul>li>ul>li { margin-bottom: 10px; } .tt-mobile-nav>ul>li>ul>li:last-child { margin-bottom: 0; } .tt-mobile-nav>ul>li>ul>li>a, .tt-mobile-nav>ul>li>ul>li>ul>li>a { position: relative; font-family: 'Lora'; font-size: 12px; line-height: 16px; font-weight: 400; color: #fff; opacity: 0.6; } .tt-mobile-nav>ul>li>ul>li>a { margin-bottom: 10px; display: block; } .tt-mobile-nav>ul>li>ul>li.active>a, .tt-mobile-nav>ul>li>ul>li:hover>a, .tt-mobile-nav>ul>li>ul>li>ul>li:hover>a { opacity: 0.9; } #content-wrapper { -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; background: #fff; } #content-wrapper.active { -webkit-transform: translateX(270px); -moz-transform: translateX(270px); -ms-transform: translateX(270px); transform: translateX(270px); } /*header banner*/ .tt-header.banner { position: absolute; padding-top: 0; } .tt-header.banner .tt-header-wrapper { position: relative; padding-top: 45px; } .tt-top-header-disable .tt-header-type-6 .tt-header-wrapper, .tt-top-header-disable .tt-header-wrapper { padding-top: 0; } .tt-header.banner .tt-header-banner { height: 200px; } .tt-top-header-disable .tt-header-type-6 .tt-header.banner .tt-header-banner { height: 200px; } .tt-top-header-disable.header-style4 .tt-header-margin { height: 193px; } .tt-header.banner.move { position: fixed; top: 0; } .tt-header.banner.move .tt-header-banner { display: none; } /*header boxed*/ .tt-header.boxed .tt-header-wrapper { position: relative; /*width: 1368px;*/ width: 1338px; /*padding-right: 15px; padding-left: 15px;*/ margin-right: auto; margin-left: auto; } @media (max-width:1309px) { .tt-header .nav-more { margin-right: -570px; } .tt-header.boxed .tt-header-wrapper { width: 1170px; } } @media (max-width:1199px) { .tt-header .nav-more { margin-right: -470px; max-width: 500px; } .tt-header .nav-more-left { margin-left: -471px !important; width: 26% !important; } .tt-header.boxed .tt-header-wrapper { width: 970px; } } @media (min-width:992px) { /*top line*/ .tt-header-wrapper { padding-top: 40px; } .tt-header .top-line { position: absolute; top: 0; left: 0; width: 100%; height: 40px; background: #000; } .tt-header .top-line-left { float: left; font-size: 0; } .tt-header .top-line-right { float: right; font-size: 0; } .tt-header .top-line-entry { display: inline-block; } .tt-header .top-menu { display: block; list-style: none; } .tt-header .top-menu li { display: inline-block; margin-right: 22px; } .tt-header .top-menu a { display: block; font-family: 'Lora'; font-size: 12px; line-height: 16px; font-weight: 400; color: rgba(255, 255, 255, 0.6); padding: 12px 0; } .tt-header .top-menu a:hover { color: #fff; } .tt-header .top-social { display: block; list-style: none; } .tt-header .top-social li { display: inline-block; margin-right: 22px; } .tt-header .top-social a { display: block; font-size: 16px; line-height: 16px; color: rgba(255, 255, 255, 0.9); padding: 11px 0; } .tt-header .top-social a:hover { color: rgba(255, 255, 255, 0.6); } /*top inner*/ .tt-header .top-inner { position: relative; padding: 35px 0; text-align: center; border-bottom: 1px solid #eaeaea; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-header .top-inner .container { position: relative; } .tt-s-popup-btn { position: absolute; bottom: -85px; right: 4px; } .tt-header .toggle-block { display: block!important; text-align: center; } .tt-header .main-nav { display: inline-block; vertical-align: top; } .tt-header .main-nav>ul>li { float: left; } .tt-header .main-nav>ul>li:not(.mega) { position: relative; } .tt-header .main-nav>ul>li>a { display: block; position: relative; padding: 21px 21px; } .tt-header .main-nav>ul>li>a:before { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; width: 1px; } .tt-header .main-nav>ul>li:last-child>a:before { display: none; } /*2nd level*/ .tt-header .main-nav>ul>li:not(.mega)>ul { display: block!important; position: absolute; top: 100%; left: 0; width: 200px; background: #fff; margin-top: -10px; padding: 10px 0; visibility: hidden; opacity: 0; border: 1px solid #eaeaea; -webkit-box-shadow: 0px 1px 0px 0px #eaeaea; -moz-box-shadow: 0px 1px 0px 0px #eaeaea; box-shadow: 0px 1px 0px 0px #eaeaea; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); transform: translateY(40px); -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-header .main-nav>ul>li:not(.mega):hover>ul { visibility: visible; opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } .tt-header .main-nav>ul>li:not(.mega)>ul>li { text-align: left; } .tt-header .main-nav>ul>li:not(.mega)>ul>li>a { display: block; font-family: 'Lora'; position: relative; font-size: 13px; line-height: 17px; font-weight: 400 !important; color: #666; padding: 13px 35px 13px 19px; } .tt-header .main-nav>ul>li:not(.mega)>ul>li>a:hover { background: #666666; color: #fff; } .tt-header .main-nav>ul>li:not(.mega)>ul>li>a .menu-toggle { display: none; } /*3rd level*/ .tt-header .main-nav>ul>li:not(.mega)>ul>li { position: relative; } .tt-header .main-nav>ul>li:not(.mega)>ul>li>ul { display: block!important; position: absolute; top: -11px; left: 100%; width: 216px; padding: 10px 0; background: #fff; border: 1px solid #eaeaea; visibility: hidden; opacity: 0; -webkit-box-shadow: 0px 1px 0px 0px #eaeaea; -moz-box-shadow: 0px 1px 0px 0px #eaeaea; box-shadow: 0px 1px 0px 0px #eaeaea; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); transform: translateY(40px); -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; z-index: 1; } .tt-header .main-nav>ul>li:not(.mega):nth-last-child(1)>ul>li>ul, .tt-header .main-nav>ul>li:nth-last-child(2)>ul>li>ul { left: auto; right: 100%; margin-right: 5px; } .tt-header .main-nav>ul>li:not(.mega)>ul>li:hover>ul { visibility: visible; opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } .tt-header .main-nav>ul>li:not(.mega)>ul>li>ul>li { text-align: left; } .tt-header .main-nav>ul>li:not(.mega)>ul>li>ul>li>a { display: block; position: relative; font-size: 12px; line-height: 17px; font-weight: 400; color: #666; padding: 9px 19px 9px 19px; } .tt-header .main-nav>ul>li:not(.mega)>ul>li>ul>li>a:hover { background: #666666; color: #fff; } /*mega*/ .tt-header .main-nav>ul>li.mega>.tt-mega-wrapper { display: block!important; position: absolute; top: 100%; left: 50%; width: 1126px; background: #fff; margin-top: -10px; margin-left: -563px; text-align: left; visibility: hidden; /*height: 100%;*/ height: auto; opacity: 0; border: 1px solid #eaeaea; -webkit-box-shadow: 0px 1px 0px 0px #eaeaea; -moz-box-shadow: 0px 1px 0px 0px #eaeaea; box-shadow: 0px 1px 0px 0px #eaeaea; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); transform: translateY(40px); -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-header-type-6.tt-header .main-nav>ul>li.mega>.tt-mega-wrapper { margin-left: -263px; } .tt-header .main-nav>ul>li.mega:hover>.tt-mega-wrapper { visibility: visible; opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } .tt-mega-list, .mega.type-2 ul.tt-mega-wrapper li>ul { position: absolute; top: 0; left: 0; /*height: 100%;*/ height: auto; list-style: none; width: 250px; padding: 40px 0; /*border-right: 1px solid #eaeaea;*/ } .tt-mega-list a, .mega.type-2 ul.tt-mega-wrapper li>ul a { display: block; font-family: 'Lora'; font-size: 13px; font-weight: 700 !important; color: #666; padding: 13px 100px 13px 19px; } .tt-mega-list a:hover, .mega.type-2 ul.tt-mega-wrapper li>ul a:hover { background: #666666; color: #fff; } .tt-mega-content { padding-left: 250px; } .tt-mega-entry { display: none; padding: 30px; border-left: 1px solid #eaeaea; height: 100%; } .tt-mega-entry.active { display: block; } .tt-mobile-nav>ul>li>ul, .tt-mobile-nav>ul>li>ul>li>ul { display: none; } .tt-mobile-nav>ul>li.active>ul { display: block!important; } .tt-mobile-nav .menu-toggle { display: none; } .tt-header .menu-toggle { margin-left: 6px; } .tt-header.stick .top-inner { padding: 15px 0; } .tt-header.stick .nav-more { -webkit-transform: translateY(-200%); -moz-transform: translateY(-200%); -ms-transform: translateY(-200%); transform: translateY(-200%); } .tt-header.stick .cmn-mobile-switch { bottom: -50px; } .tt-header.stick .tt-s-popup-btn { bottom: -65px; } .tt-header.color-2 .top-line { background: #e9e5d9; } .tt-header.color-2 .top-menu a { color: rgba(102, 102, 102, 0.6); } .tt-header.color-2 .top-menu a:hover { color: #666666; } .tt-header.color-2 .top-social a { color: rgba(102, 102, 102, 0.6); } .tt-header.color-2 .top-social a:hover { color: #666666; } /*banner*/ .tt-header.banner.stick .top-inner { padding: 35px 0; } .tt-header.banner.stick .cmn-mobile-switch { bottom: -70px; } .tt-header.banner.stick .tt-s-popup-btn { bottom: -85px; } .tt-header.banner.move .top-inner { padding: 15px 0; } .tt-header.banner.move .cmn-mobile-switch { bottom: -50px; } .tt-header.banner.move .tt-s-popup-btn { bottom: -65px; } /*boxed*/ .tt-header.boxed .top-inner, .header-style4 .tt-header .top-inner { text-align: left; } .header-style1 .tt-header.boxed .top-inner { text-align: center; } .tt-header.left .top-inner { text-align: left; } } @media (max-width: 1199px) { .tt-header .main-nav>ul>li.mega>.tt-mega-wrapper { width: 950px; margin-left: -475px; } } @media (max-width:991px) { .tt-header .logo { height: 52px; line-height: 52px; } .boxed #content-wrapper { width: 100%; } .tt-disable-sticky .tt-header { padding-left: 0; padding-right: 0; } .tt-disable-sticky .tt-header .top-inner { position: relative; } .tt-header { position: absolute; left: 0; right: 0; padding-left: 15px; padding-right: 15px; height: auto; } .tt-header .top-inner { position: fixed; top: 0; left: 0; right: 0; height: 70px; padding: 9px 15px; background: #fff; text-align: center; z-index: 1; -webkit-box-shadow: 0px 1px 2px 0px #eaeaea; -moz-box-shadow: 0px 1px 2px 0px #eaeaea; box-shadow: 0px 1px 2px 0px #eaeaea; } .admin-bar .tt-header .top-inner { margin-top: 0px; float: none; top: 49px; } .tt-header .top-inner-container { width: 750px; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .tt-header .toggle-block { display: none; } .tt-header .menu-toggle, .tt-header .menu-toggle-inner { position: absolute; top: 50%; right: 0; padding: 13px 16px; margin-top: -20px; } .tt-header .top-inner>.container { position: relative; } .tt-s-popup-btn { position: absolute; top: 50%; right: 0; margin-top: -20px; } .tt-header.banner+.tt-header-margin { height: 190px; } .tt-header-margin { height: 70px !important; } .tt-header .nav-more { margin-left: 0; padding-top: 0; } .tt-header .cmn-mobile-switch { top: 50%; bottom: auto; margin-top: -4px; } .tt-mobile-nav>ul>li>ul { display: none; } .tt-mobile-nav .menu-toggle { position: absolute; top: 50%; right: 0; width: 40px; height: 40px; margin-top: -20px; text-align: center; line-height: 40px; } .tt-header.banner { padding-left: 0; padding-right: 0; } .tt-header.banner .top-inner { position: absolute; top: 0; } .tt-header.banner .tt-header-banner { height: 120px; } .tt-header.boxed .tt-header-wrapper { width: 750px; } .tt-header.boxed .top-inner { width: 750px; left: 50%; margin-left: -375px; padding-left: 0; padding-right: 0; } .tt-header.boxed .tt-header-wrapper { -webkit-transition: none; -moz-transition: none; transition: none; } .tt-item-wh-25-wrap { float: none !important; display: block !important; } .slider-style17 .tt-slide-item.item-3 { border-bottom: 10px solid #fff; } } @media (max-width:767px) { .tt-header .top-inner-container { width: 100%; } .tt-header.banner .tt-header-banner { height: 60px; } .tt-header.banner+.tt-header-margin { height: 130px; } .tt-header.boxed .top-inner { width: 100%; left: 0; margin-left: 0; } .tt-header.boxed .tt-header-wrapper { width: 100%; } } @media (max-width:600px) { .tt-header .logo { max-width: 200px; } .tt-header.stick .top-inner { top: 0; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 06 - TT-S-POPUP */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-s-popup { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 501; visibility: hidden; opacity: 0; -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); -webkit-transition: all 400ms cubic-bezier(0.345, 0.855, 0.565, 1) 10ms; -moz-transition: all 400ms cubic-bezier(0.345, 0.855, 0.565, 1) 10ms; transition: all 400ms cubic-bezier(0.345, 0.855, 0.565, 1) 10ms; } .tt-s-popup.open { visibility: visible; opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .tt-s-popup-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; opacity: 0.9; } .tt-s-popup-content { position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: auto; -webkit-overflow-scrolling: touch; font-size: 0; text-align: center; padding: 15px; } .tt-s-popup-content:after { content: ""; display: inline-block; vertical-align: middle; height: 100%; } .tt-s-popup-container { display: inline-block; vertical-align: middle; width: 100%; max-width: 945px; position: relative; text-align: left; } .tt-s-popup-layer { position: absolute; left: 0; bottom: 0; right: 0; height: 10000px; } .tt-s-popup-form { position: relative; width: 100%; background: #111; padding: 120px 63px 90px 63px; } .tt-s-popup-title { font-family: 'Lora'; font-size: 14px; line-height: 18px; font-weight: 400; color: rgba(255, 255, 255, 0.6); padding-bottom: 0px; margin-top: 0; } .tt-s-popup-field { position: relative; } .tt-s-popup-field input[type="text"] { font-family: 'Lora'; width: 100%; font-size: 36px; line-height: 36px; background: none; color: #fff; width: 100%; padding-right: 50px; padding-bottom: 12px; border: 0; } .tt-s-popup-field input[type="text"]::-webkit-input-placeholder { font-family: 'Lora'; font-size: 36px; font-weight: 400; color: #fff; opacity: 0.4; } .tt-s-popup-field input[type="text"]:-moz-placeholder { font-family: 'Lora'; font-size: 36px; font-weight: 400; color: #fff; opacity: 0.4; } .tt-s-popup-field input[type="text"]::-moz-placeholder { font-family: 'Lora'; font-size: 36px; font-weight: 400; color: #fff; opacity: 0.4; } .tt-s-popup-field input[type="text"]:-ms-input-placeholder { font-family: 'Lora'; font-size: 36px; font-weight: 400; color: #fff; opacity: 0.4; } .tt-s-popup-devider { position: relative; width: 100%; height: 2px; background: rgba(255, 255, 255, 0.4); margin-bottom: 6px; overflow: hidden; z-index: 5; -webkit-transition: all 400ms cubic-bezier(0.345, 0.855, 0.565, 1) 10ms; -moz-transition: all 400ms cubic-bezier(0.345, 0.855, 0.565, 1) 10ms; transition: all 400ms cubic-bezier(0.345, 0.855, 0.565, 1) 10ms; } .tt-s-popup-devider:after { content: ''; position: absolute; top: 0px; left: -100%; width: 100%; height: 2px; background: #666666; z-index: 5; -webkit-transition: all 400ms cubic-bezier(0.345, 0.855, 0.565, 1) 10ms; -moz-transition: all 400ms cubic-bezier(0.345, 0.855, 0.565, 1) 10ms; transition: all 400ms cubic-bezier(0.345, 0.855, 0.565, 1) 10ms; } .tt-s-popup-field input[type="text"]:focus+.tt-s-popup-devider:after { left: 0; } .tt-s-popup-submit { position: absolute; top: 0; right: 0; width: 30px; height: 30px; line-height: 30px; text-align: center; color: #909090; } .tt-s-popup-submit input { position: absolute; top: 0px; right: 0px; width: 30px; height: 30px; padding: 0px; background: transparent; border: 0; } .tt-s-popup-submit .fa { font-size: 14px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-s-popup-submit:hover .fa { color: #666666; } .tt-s-popup-close { position: absolute; right: 19px; top: 19px; width: 40px; height: 40px; } .tt-s-popup-close:before { content: ''; display: block; position: absolute; top: 50%; left: 50%; width: 22px; height: 1px; background: #787878; margin-left: -11px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-s-popup-close:after { content: ''; display: block; position: absolute; top: 50%; left: 50%; width: 22px; height: 1px; background: #787878; margin-left: -11px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-s-popup-close:hover:before, .tt-s-popup-close:hover:after { background: #666666; } @media (max-width:767px) { .tt-s-popup form { padding: 30px; } .tt-s-popup-title { padding-bottom: 20px; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 07 - TT-SWIPER */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-custom-arrows { position: relative; } .custom-arrow-left, .custom-arrow-right { position: absolute; top: 50%; cursor: pointer; z-index: 99; } .tt-footer-post-slider .custom-arrow-left, .tt-footer-post-slider .custom-arrow-right { position: relative; display: inline-block; z-index: 8; } .custom-arrow-left { left: 0; } .custom-arrow-right { right: 0; } .custom-arrow-left.tt-swiper-arrow.type-2 { left: 20px; } .custom-arrow-right.tt-swiper-arrow.type-2 { right: 20px; } .c-arrow { width: 32px; height: 32px; font-size: 12px; line-height: 32px; text-align: center; color: #fff; background: rgba(17, 17, 17, 0.7); margin-top: -16px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .c-arrow:hover { background: #111111; } .c-arrow .fa { font-style: normal; } .c-arrow.size-2 { width: 40px; height: 40px; font-size: 16px; line-height: 40px; margin-top: -20px; } .tt-trending-slider-post .c-arrow.size-2 { /*margin-top: -55px !important;*/ margin-top: 20px !important; width: 26px; height: 26px; line-height: 26px; margin: 0 2px; font-size: 12px; } .tt-trending-slider-post .c-arrow.pos-2.left { left: 0; } .tt-trending-slider-post .c-arrow.pos-2.right { right: 0; } .c-arrow.size-2.left .fa { margin-left: -2px; } .c-arrow.size-2.right .fa { margin-right: -2px; } .c-arrow.style-2 { border: 1px solid #404040; background: transparent; color: rgba(255, 255, 255, 0.6); } .c-arrow.style-2:hover { background: #404040; color: #fff; } .c-arrow.pos-2.left { left: -40px; } .c-arrow.pos-2.right { right: -40px; } .c-arrow.pos-3.left { left: -40px; margin-top: -45px; } .c-arrow.pos-3.right { right: -40px; margin-top: -45px; } .c-arrow.pos-4.left { top: auto; bottom: 10px; left: auto; right: 47px; margin-top: 0px; } .c-arrow.pos-4.right { top: auto; bottom: 10px; right: 10px; margin-top: 0px; } .widget_latest_posts_entries .tt-post-list.type-2 .c-arrow, .tt-classic-grid-series .tt-post-list.type-3 .c-arrow, .widget_recent_posts_entries .c-arrow, .widget_posts_tabbed_entries .tt-post-list .c-arrow { width: 22px; height: 22px; line-height: 22px; font-size: 10px; margin-top: -12px; } .c-pagination { position: absolute; bottom: 7px; left: 0; } .c-pagination .swiper-pagination-switch { width: 8px; height: 8px; } .c-pagination .swiper-active-switch { background: #fff; border-color: #fff; } .c-pagination.color-2 .swiper-pagination-switch { border-color: #666666; } .c-pagination.color-2 .swiper-active-switch { background: #666666; } .c-pagination.pos-2 { bottom: 13px; } .c-pagination.pos-3 { position: static; margin-top: 25px; } .tt-swiper-margin { margin-left: -15px; margin-right: -15px; } .tt-swiper-margin-entry { padding-left: 15px; padding-right: 15px; } .tt-swiper-margin-10 { margin-left: -5px; margin-right: -5px; } .tt-swiper-margin-10-entry { position: relative; padding-left: 5px; padding-right: 5px; } .tt-slide-anchor { position: absolute; left: 0; top: 0; z-index: 1; display: block; width: 100%; height: 100%; } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 08 - TT-MSLIDE */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-mslide { position: relative; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; background-position: center center; } .tt-mslide:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../img/slider/shadow.png); -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; background-size: 100% 100%; } .tt-mslide-table { position: relative; display: table; width: 100%; height: 454px; padding: 40px 0; } .tt-mslide-cell { display: table-cell; position: relative; vertical-align: middle; } .tt-mslide-block { position: absolute; bottom: 0; left: 0; width: 41.66666667%; z-index: 1; } .slider-style2 .tt-mslide-block { width: 70%; } .slider-style2-post-grid { position: relative; z-index: 999; background: rgba(0, 0, 0, 0.6); padding: 30px; } .slider-style6 .tt-mslide-block { width: 100%; text-align: center; top: 50%; margin-top: -60px; } .slider-style6 .tt-mslide-table { height: calc(100vh - 223px); } .slider-style6 .tt-mslide-title.c-h1 { width: 40%; font-size: 36px !important; line-height: 1.2em; margin: 0 auto; } .slider-style6 .tt-mslide-label { font-size: 16px !important; margin-top: 18px; } .tt-mslide.long .tt-mslide-block { width: 100%; } .tt-mslide-cat { font-size: 0; margin-bottom: 12px; } .tt-mslide-cat .c-btn { margin-right: 10px; } .tt-mslide-cat .c-btn:last-child { margin-right: 0; } .tt-mslide-title, .tt-mslide-title a { color: #fff; } .tt-mslide-label { font-family: 'Lora'; font-size: 13px; line-height: 17px; font-weight: 400; color: #b5b5b5; opacity: 0.7; } .tt-mslide-label span:after { content: '•'; display: inline-block; padding-left: 4px; padding-right: 1px; } .tt-mslide-label span:last-child:after { display: none; } .tt-mslide-label a { font-weight: 700; color: #fff; } .tt-mslide-label a:hover { color: #666666; } .tt-mslide.type-2 .tt-mslide-block { padding: 0 40px; width: 100%; } .tt-mslide.long.type-2 .tt-mslide-block { padding: 0 25px; } .tt-mslide.type-2:before { background-image: url(../img/slider/shadow_3.png); } .tt-mslide.type-2:after { content: ''; display: block; /*position: absolute;*/ top: 0; left: 0; width: 100%; height: 100%; background: #fff; opacity: 0.5; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .swiper-slide.active .tt-mslide.type-2:after { opacity: 0; } .tt-mslide.type-2.style-2:after { opacity: 0; } .tt-mslide.type-2.big .tt-mslide-block { /*width: 65%;*/ } .tt-mslide.type-2.big .tt-mslide-table, .tt-mslide.type-2.long .tt-mslide-table { height: 506px; } .tt-mslide.type-2.small .tt-mslide-table { height: 248px; } .tt-mslide.type-2.small .tt-mslide-block { width: 90%; } @media (max-width:991px) { .tt-mslide-table { height: 400px; } .tt-mslide .tt-post.type-7 .tt-post-img { display: none; } .tt-mslide .tt-post.type-7 .tt-post-info { padding-left: 0; } .tt-mslide-block { width: 65%; } .tt-mslide.type-2.big .tt-mslide-table { height: 400px; } .tt-mslide.type-2.big .tt-mslide-block { width: 75%; } .tt-mslide.type-2.small .tt-mslide-table { height: 200px; } .tt-mslide.type-2.small .tt-mslide-block { width: 100%; } } @media (max-width:767px) { .tt-mslide-block { width: 100%; } .tt-mslide.type-2.big .tt-mslide-block { width: 100%; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 09 - TT-SLIDER-WIDE */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-slider-wide { overflow: hidden; } .tt-slider-wide .container { position: relative; } /*.tt-slider-entry { width: 300%; }*/ .tt-slider-entry { width: 300%; -webkit-transform: translateX(-33.33333%); -moz-transform: translateX(-33.33333%); -ms-transform: translateX(-33.33333%); transform: translateX(-33.33333%); } .slider-style1 .tt-slider-entry { -webkit-transform: translateX(-33.33333%); -moz-transform: translateX(-33.33333%); -ms-transform: translateX(-33.33333%); transform: translateX(-33.33333%); } .slider-style6 .tt-slider-entry-style6 { width: 100%; } .tt-slide-2 { position: relative; padding-bottom: 80px; } .tt-slide-2-img { position: relative; width: 100%; height: 454px; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; } .tt-slide-2-img:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; opacity: 0.5; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-slide-2-info { position: absolute; left: 185px; bottom: 0; right: 185px; background: #fff; border: 1px solid #eaeaea; text-align: center; padding: 40px 100px 35px 100px; -webkit-box-shadow: 0px 1px 0px 0px #eaeaea; -moz-box-shadow: 0px 1px 0px 0px #eaeaea; box-shadow: 0px 1px 0px 0px #eaeaea; } .slider-style7 .tt-slide-2-info { bottom: 10px; right: 197px; border: 0 none; } .slider-style7 .custom-hover-image .bg-two { z-index: -2; } .slider-style7 .tt-slide-2-title { margin-bottom: 8px; } .tt-slide-2-cat { position: relative; z-index: 999; margin-bottom: 7px; } .tt-slide-2-cat .c-btn { margin-right: 10px; } .tt-slide-2-cat .c-btn:last-child { margin-right: 0; } .tt-slide-2-title span { font-family: 'Lora'; font-style: italic; } .swiper-slide.active .tt-slide-2-img:before { opacity: 0; } @media (max-width:1199px) { .tt-slide-2-info { padding: 40px 50px 35px 50px; left: 120px; right: 120px; } } @media (max-width:991px) { .tt-slide-2-img { height: 400px; } .tt-slide-2-info { padding: 30px; left: 60px; right: 60px; } } @media (max-width:767px) { .tt-slide-2-img { height: 360px; } .tt-slide-2-info { padding: 15px; left: 15px; right: 15px; } .slider-style7 .tt-slide-2-info { padding: 15px; left: 15px; right: 25px; } } @media (max-width:479px) { .tt-slide-2-info .simple-text { font-size: 14px; line-height: 22px; } .tt-instagram-post .tt-footer-instagram li { width: 44.83% !important; } .tt-instagram-post .tt-footer-instagram li:nth-child(2n) { margin-right: 0; } .tt-parallax-on.background-block { background-size: initial !important; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 10 - TT-SPONSOR */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-sponsor { line-height: 1; } .tt-sponsor-img { float: left; } .tt-sponsor-info { display: table-cell; height: 89px; padding-left: 15px; vertical-align: middle; } .tt-sponsor-title { display: block; color: #111; margin-bottom: 3px; } .tt-sponsor-title:hover { color: #666666; } .tt-sponsor-info .simple-text { margin-bottom: 10px; } .tt-sponsor.type-2 .tt-sponsor-entry { width: 650px; background: #ecf8f2; padding: 14px 0 14px 11px; } .tt-sponsor.type-2 .tt-sponsor-info { padding-left: 0; letter-spacing: 0.3px; } .tt-sponsor.type-2 .tt-sponsor-title { color: #67736d; } .tt-sponsor.type-2 .tt-sponsor-title:hover { color: #666666; } .tt-sponsor.type-2 .simple-text { margin-bottom: 0; } @media (max-width: 1199px) { .tt-sponsor.type-2 .tt-sponsor-entry { width: 420px; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 11 - TT-TITLE-BLOCK */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .slider-style2 .tt-title-block:after { background: rgba(234, 234, 234, 0.20); } .tt-title-block { overflow: hidden; position: relative; } .tt-title-text { display: inline-block; font-family: 'Lora'; font-size: 14px; color: #111; font-weight: 600; } .style1.tt-title-block, .style6.tt-title-block, .sidebar-heading-style6 .tt-title-block, .sidebar-heading-style1 .tt-title-block { text-align: center; } .style1 .tt-title-text, .style6 .tt-title-text, .sidebar-heading-style1 .tt-title-text, .sidebar-heading-style6 .tt-title-text { position: relative; line-height: 18px; } .style6 .tt-title-text, .sidebar-heading-style6 .tt-title-text { height: 32px; padding: 0 12px; line-height: 33px; color: #fff; background: #666666; } .style1 .tt-title-text:before, .style1 .tt-title-text:after, .style6 .tt-title-text:before, .style6 .tt-title-text:after, .sidebar-heading-style1 .tt-title-text:before, .sidebar-heading-style1 .tt-title-text:after, .sidebar-heading-style6 .tt-title-text:before, .sidebar-heading-style6 .tt-title-text:after { content: ''; display: block; position: absolute; top: 50%; left: -10000px; width: 10000px; height: 1px; background: #eaeaea; margin-left: -15px; } .style1 .tt-title-text:after, .style6 .tt-title-text:after, .sidebar-heading-style1 .tt-title-text:after, .sidebar-heading-style6 .tt-title-text:after { left: auto; right: -10000px; margin: 0 -15px 0 0; } .style2 .tt-title-text, .sidebar-heading-style2 .tt-title-text { position: relative; display: inline-block; border-bottom: 3px solid #666666; height: 32px; line-height: 28px; font-weight: 700; color: #111; text-transform: none; z-index: 22; } .style2.tt-title-block:after, .sidebar-heading-style2 .tt-title-block:after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; z-index: 1; background: rgba(234, 234, 234, 1); } .style3.tt-title-block, .sidebar-heading-style3 .tt-title-block { background: #eaeaea; border-left: 4px solid #666666; padding: 8px 10px 7px 10px; width: 100%; } .style4.tt-title-block, .style5.tt-title-block, .sidebar-heading-style4 .tt-title-block, .sidebar-heading-style5 .tt-title-block { border-bottom: 3px solid #666666; } .style4 .tt-title-text, .style5 .tt-title-text, .sidebar-heading-style4 .tt-title-text, .sidebar-heading-style5 .tt-title-text { position: relative; background: #666666; height: 32px; line-height: 35px; text-transform: none; color: #fff; padding: 0 15px; } .style5 .tt-title-text, .sidebar-heading-style5 .tt-title-text { padding: 0 10px 0 20px; } .style5 .tt-title-text:after, .sidebar-heading-style5 .tt-title-text:after { position: absolute; content: ''; width: 0; height: 0; border-style: solid; border-width: 32px 0 0 32px; border-color: transparent transparent transparent #666666; top: 0; right: -32px; } .tt-title-block.light .tt-title-text { color: #fff; opacity: 0.9; } .tt-title-block.dark .tt-title-text { color: #fff; opacity: 0.6; } .tt-title-block.dark .tt-title-text:before, .tt-title-block.dark .tt-title-text:after { background: #b7e7e7; opacity: 0.1; } .tt-title-block.grey .tt-title-text { color: rgba(17, 17, 17, 0.6); } .tt-title-block.grey .tt-title-text:before, .tt-title-block.grey .tt-title-text:after { background: #666; opacity: 0.1; } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 12 - TT-TITLE-BLOCK TYPE-2 */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-title-block.type-2 .tt-title-text { font-size: 15px; text-transform: initial; } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 13 - TT-TITLE-BLOCK-2 */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-title-block-2, .comment-reply-title, .footer_widget .tt-title-block.type-2 .tt-title-text, .footer_widget .tt-newsletter-title { font-family: 'Lora'; font-size: 12px; line-height: 16px; font-weight: 700; color: #fff; opacity: 0.8; text-transform: uppercase; } .footer_widget .tt-newsletter-title.c-h4 small { font-size: 12px; line-height: 16px; } .tt-title-block-2.size-2, .comment-reply-title { font-size: 16px; line-height: 22px; font-weight: 700; text-transform: initial; } .tt-title-block-2.color-2, .comment-reply-title { color: #666; opacity: 1; } .comment-reply-title { margin-bottom: 25px; } .footer_widget.widget_text p { color:#666; } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 14 - TT-POST */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-post { border: 1px solid #eaeaea; -webkit-box-shadow: 0px 1px 0px 0px #eaeaea; -moz-box-shadow: 0px 1px 0px 0px #eaeaea; box-shadow: 0px 1px 0px 0px #eaeaea; } .tt-post-info { padding: 26px 30px 28px 30px; } .tt-post-cat { font-family: 'Open Sans'; font-size: 10px; line-height: 14px; font-weight: 400; color: #666; text-transform: uppercase; margin-bottom: 9px; } .tt-post-cat a { color: inherit; } .tt-post-cat a:hover { color: #666666; } .tt-post-title { display: block; margin-bottom: 5px; } .tt-post-title:hover { color: #666666; } .tt-post-label { font-family: 'Open Sans'; font-size: 12px; line-height: 16px; font-weight: 400; color: #b5b5b5; margin-bottom: 11px; } .tt-post-label span:after { content: '•'; display: inline-block; padding-left: 4px; padding-right: 1px; } .tt-post-label span:last-child:after { display: none; } .tt-post-label span a { color: #b5b5b5; } .tt-post-label span a:hover { color: #666666; } .tt-post-info .simple-text { margin-bottom: 11px; } .tt-post-bottom { font-family: 'Open Sans'; font-size: 12px; line-height: 16px; font-weight: 400; color: #b5b5b5; } .tt-post-bottom span { margin-right: 10px; } .tt-post-bottom span.zilla-likes-postfix { margin: 0; } .tt-post-bottom .fa, .tt-post-bottom .material-icons { color: #ddd; margin-right: 4px; } .tt-post-bottom .material-icons { font-size: 14px; vertical-align: top; } .tt-post-bottom a { color: #b5b5b5; } .tt-post-bottom a:hover { color: #666666; } .tt-post-bottom a:hover .fa { color: #666666; } .tt-post-img, .tt-post-img img, .tt-classic-grid-series img { width: 100%; } .tt-post.dark .tt-post-title, .footer_widget .tt-post-title { color: #fff; opacity: 0.6; } .tt-post.dark .tt-post-title:hover, .footer_widget .tt-post-title:hover { opacity: 1; } .tt-post.dark .tt-post-cat, .footer_widget .tt-post .tt-post-label { color: #fff; opacity: 0.25; } .tt-post.light .tt-post-title, .footer_widget.widget_recent_entries a:hover { color: #fff; } .tt-post.light .tt-post-title:hover { color: #666666; } .tt-post.light .tt-post-cat { color: #fff; opacity: 0.7; } .tt-post.grey .tt-post-title { color: rgba(17, 17, 17, 0.6); } .tt-post.grey .tt-post-title:hover { color: #111; } .tt-post.grey .tt-post-cat { color: #666; opacity: 0.7; } .tt-post-length { right: 0; padding: 5px; bottom: 0; } .tt-post-icon, .tt-post-length { display: block; position: absolute; font-weight: 500; font-size: 12px; text-align: center; color: #fff; background: rgba(17, 17, 17, 0.7); z-index: 100; } .tt-post-icon { left: 0; bottom: 0; padding: 10px 12px; font-size: 16px; font-weight: 500; } .tt-post-icon small { font-weight: 500; font-size: 9px; } .type-7 .tt-post-icon, .tt-post-list .tt-post-two-col .tt-post-icon { padding: 4px 6px 3px 6px; } .type-7 .tt-post-icon .material-icons, .tt-post-list .tt-post-two-col .tt-post-icon .material-icons { font-size: 14px; } @media (max-width:1199px) { .tt-post-info { padding-right: 70px; } } @media (max-width:767px) { .tt-post { max-width: 480px; margin-left: auto; margin-right: auto; } .tt-post-info { padding-left: 15px; padding-right: 15px; } .tt-shortcode-1 .row { overflow-y: scroll; height: 70px; } .tt-shortcode-1 .tt-post { margin-bottom: 10px; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 15 - TT-POST TYPE-2*/ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-post.type-2 .tt-post-info { padding: 26px 40px 28px 30px; } .tt-post.type-2 .tt-post-title { margin-bottom: 9px; } @media (max-width:1199px) { .tt-post.type-2 .tt-post-info { padding-right: 30px; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 16 - TT-POST TYPE-3*/ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-post.type-3 { border: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .tt-post.type-3 .tt-post-info { padding: 10px 0 0 0; } .tt-post.type-3 .tt-post-label { margin-bottom: 0; } @media (max-width:767px) { .tt-post.type-3 { text-align: center; } .tt-post.type-3 .tt-post-img { width: auto; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 17 - TT-POST TYPE-4*/ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-post.type-4 { border: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .tt-post.type-4 .tt-post-img { margin-bottom: 8px; } .tt-post.type-4 .tt-post-info { padding: 4px 0 0 0; } .tt-post.type-4 .tt-post-title { margin-bottom: 4px; } .tt-post.type-4 .tt-post-label { margin-bottom: 0; } @media (max-width:767px) { .tt-post.type-4 { text-align: center; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 18 - TT-POST TYPE-5*/ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-post.type-5 { border: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .tt-post.type-5 .tt-post-img { margin-bottom: 8px; } .tt-post.type-5 .tt-post-info { padding: 4px 10px 0 0; } .tt-post.type-5 .tt-post-cat { margin-bottom: 1px; } .tt-post.type-5 .tt-post-title { margin-bottom: 4px; } @media (max-width:767px) { .tt-post.type-5 { max-width: 100%; text-align: center; } .tt-post.type-5 .tt-post-img, .tt-post.type-5 .swiper-slide a.custom-hover, .tt-post.type-5 .tt-post-img img { width: 100%; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 19 - TT-POST TYPE-6*/ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-post.type-6 { border: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .tt-post.type-6 .tt-post-img { float: left; width: 288px; float: left; } .tt-post.type-6 .tt-post-info { display: block; padding: 10px 0 0 308px; vertical-align: middle; } @media (max-width:767px) { .tt-post.type-6 { text-align: center; } .tt-post.type-6 .tt-post-img { float: none; margin-bottom: 15px; width: 100%; } .tt-post.type-6 .tt-post-info { padding-left: 0; padding-top: 0; } .tt-recent-news img, .tt-footer-post-slider .tt-post-img, .tt-footer-post-slider .tt-post-img img, .tt-post.type-8 .tt-post-img, .tt-post.type-8 .tt-post-img img { width: 100% !important; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 20 - TT-POST TYPE-7*/ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-post.type-7 { border: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .tt-post.type-7 .tt-post-img { float: left; width: 80px; } .tt-post.type-7 .tt-post-info { padding: 0 0 0 92px; } .tt-post.type-7 .tt-post-cat { margin-bottom: 0; } .tt-post.type-7 .tt-post-label { margin-bottom: 0; } @media (max-width:1199px) { .tt-post.type-7 .tt-post-info { padding-right: 0; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 21 - TT-POST TYPE-8*/ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-post.type-8 { border: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .tt-post.type-8 .tt-post-img { float: left; width: 182px; } .tt-post-grid-series .tt-post.type-8 .tt-post-info { padding-top: 0; } .tt-post.type-8 .tt-post-info { padding: 7px 0 0 200px; } @media (max-width:480px) { .tt-post.type-8 .tt-post-img { float: none; margin: 0 0 10px 0; } .tt-post.type-8 .tt-post-info { padding-left: 0; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 22 - TT-POST TYPE-9*/ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-post.type-9 { border: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .tt-post.type-9 .tt-post-img { margin-bottom: 4px; } .tt-post.type-9 .tt-post-info { padding: 4px 10px 0 10px; } .tt-post.type-9 .tt-post-title { margin-bottom: 0; } @media (max-width:767px) { .tt-post.type-9 { text-align: center; } .tt-post.type-9 .tt-post-img { width: auto; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 23 - TT-POST-LIST */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-post-list { list-style: none; } .tt-post-list li { border-bottom: 1px solid #eaeaea; } .tt-post-list li:last-child { margin-bottom: 0; } .tt-post-list.dark li, .footer_widget .tt-post-list li, .footer_widget .tt-post-list.type-2 li:first-child, .footer_widget .tt-post-list.type-2 li:last-child, .footer_widget .tt-tab-wrapper.type-1, .footer_widget .tt-tab-wrapper.type-1 .tt-nav-tab-item, .footer_widget .tt-border-block, .footer_widget #wp-calendar, .footer_widget #wp-calendar caption, .footer_widget #wp-calendar tfoot, .footer_widget #wp-calendar td, .footer_widget #wp-calendar th, .footer_widget .tt-s-search input[type="text"] { border-color: rgba(255, 255, 255, 0.18); } .tt-post-list.grey li { border-color: rgba(102, 102, 102, 0.1); } .tt-post-list.type-2 li:first-child { padding-top: 9px; border-top: 1px solid #eaeaea; } .tt-post-list.type-2 li:last-child { border-bottom: 0; padding-bottom: 0; } .tt-post-list.type-3 li:first-child { padding-top: 10px; border-top: 1px solid #eaeaea } .tt-post-list.type-4 li { border: 0; } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 24 - TT-BORDER-BLOCK */ /*----------------------------------------------------------------------------------------------------------------------------.---*/ .tt-border-block { border: 1px solid #eaeaea; padding: 30px; -webkit-box-shadow: 0px 1px 0px 0px #eaeaea; -moz-box-shadow: 0px 1px 0px 0px #eaeaea; box-shadow: 0px 1px 0px 0px #eaeaea; } @media (max-width:767px) { .tt-border-block { padding: 15px; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 25 - TT-NEWSLETTER */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-newsletter { text-align: center; } .tt-newsletter .simple-text { margin-bottom: 12px; } .tt-newsletter-img { margin-bottom: 28px; display: inline-block; } .tt-newsletter input[type="text"], .tt-newsletter input[type="email"] { margin-bottom: 10px; } .tt-newsletter .c-btn.type-1.style-2 { color: #fff; } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 26 - TT-TAB-WRAPPER TYPE-1 */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-tab-wrapper .tt-tab-info { display: none; } .tt-tab-wrapper .tt-tab-info.active { display: block; } .tt-tab-wrapper.type-1 { border: 1px solid #eaeaea; -webkit-box-shadow: 0px 1px 0px 0px #eaeaea; -moz-box-shadow: 0px 1px 0px 0px #eaeaea; box-shadow: 0px 1px 0px 0px #eaeaea; } .tt-tab-wrapper.type-1 .tt-nav-tab { display: table; width: 100%; } .tt-tab-wrapper.type-1 .tt-nav-tab-item { display: table-cell; position: relative; width: 1%; font-family: 'Lora'; font-size: 13px; line-height: 19px; font-weight: 700; color: #b5b5b5; text-align: center; padding: 13px 0; border-bottom: 1px solid #eaeaea; border-right: 1px solid #eaeaea; cursor: pointer; } .tt-tab-wrapper.type-1 .tt-nav-tab-item:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 0; height: 3px; background: #666666; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-tab-wrapper.type-1 .tt-nav-tab-item:last-child { border-right: 0; } .tt-tab-wrapper.type-1 .tt-nav-tab-item.active { color: #111; border-bottom-color: transparent; } .tt-tab-wrapper.type-1 .tt-nav-tab-item.active:before { width: 100%; } .tt-tab-wrapper.type-1 .tt-nav-tab-item .fa, .tt-tab-wrapper.type-1 .tt-nav-tab-item .material-icons { margin-right: 6px; } .tt-tab-wrapper.type-1 .tt-nav-tab-item .material-icons { font-size: 20px; vertical-align: top; } .tt-tab-wrapper.type-1 .tt-tab-info { padding: 30px 30px 10px 30px; } .sidebar-item .tt-tab-wrapper.type-1 .tt-tab-info { padding: 20px 30px 10px 30px; } .tt-tab-wrapper.type-1 .tt-post-list { margin-bottom: 12px; } .tt-tab-wrapper.tt-blog-tab .tt-nav-tab { text-align: center; margin-bottom: 25px; } .tt-tab-wrapper.tt-blog-tab .tt-nav-tab .tt-nav-tab-item { display: inline-block; color: #666; padding: 7px 12px; font-family: 'Lora'; font-size: 13px; } .tt-tab-wrapper.tt-blog-tab .tt-nav-tab .tt-nav-tab-item:hover { color: #111; cursor: pointer; } .tt-tab-wrapper.tt-blog-tab .tt-nav-tab .tt-nav-tab-item.active { color: #111; background: #f1f1f1; } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 27 - TT-FOOTER */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-footer { position: relative; background: #000; padding-top: 60px; } .tt-f-social { list-style: none; font-size: 0; } .tt-f-social li { display: inline-block; margin-right: 15px; } .tt-f-social li:last-child { margin-right: 0; } .tt-f-social a { display: block; font-size: 16px; color: #fff; opacity: 0.4; } .tt-f-social a:hover { opacity: 1; } .tt-f-social.grey a { color: #666; opacity: 0.6; } .tt-f-social.grey a:hover { opacity: 1; } .tt-f-list { list-style: none; } .tt-f-list li, .footer_widget.widget_nav_menu li { margin-bottom: 20px; } .tt-f-list a, .footer_widget.widget_nav_menu li a { font-family: 'Lora'; font-size: 12px; line-height: 16px; font-weight: 400; color: #fff; opacity: 0.4; } .tt-f-list a:hover, .footer_widget.widget_nav_menu li a:hover { opacity: 1; } .tt-f-list.grey a { color: #666; opacity: 0.6; } .tt-f-list.grey a:hover { opacity: 1; } .tt-footer-copy { font-family: 'Lora'; font-size: 10px; line-height: 14px; font-weight: 500; color: rgba(255, 255, 255, 0.3); border-top: 1px solid rgba(255, 255, 255, 0.1); text-align: center; padding: 12px 0; } .tt-footer-copy a { color: rgba(255, 255, 255, 0.3); } .tt-footer-copy a { color: #fff; } .tt-footer.grey { background: #e9e5d9; } .tt-footer.grey .tt-footer-copy, .tt-footer-copy.grey { background: #e9e5d9; color: rgba(17, 17, 17, 0.6); opacity: 1; border-color: #dcd8cd; } .tt-footer.boxed { margin-left: -15px; margin-right: -15px; padding-left: 15px; padding-right: 15px; } @media (max-width:991px) { .tt-footer { padding-top: 50px; } } @media (max-width:767px) { .tt-footer { padding-top: 30px; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 28 - TT-TAGS */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-tags, .tagcloud { font-size: 0; list-style: none; margin: 8px 0; } .tagcloud a { font-size: 10px !important; color: #666; border: 1px solid #ddd; opacity: 1; padding: 3px 7px; margin-right: 5px; margin-bottom: 5px; display: inline-block; } .tagcloud a:hover { border-color: #666666; } .tt-tags li { display: inline-block; margin-right: 10px; margin-bottom: 10px; } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 29 - TT-PAGINATION */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .page-links { padding-top: 15px; clear: both; } .tt-pagination, .page-numbers, .woo-pagination { font-size: 0; list-style: none; margin-bottom: -10px; } .tt-pagination li, .page-numbers li, .woo-pagination span, .woo-pagination a, .page-links a, .page-links>span { display: inline-block; margin-right: 10px; margin-bottom: 10px; height: 30px; line-height: 30px; } .page-numbers span, .page-numbers a, .page-links a, .page-links>span { display: inline-block; } .tt-pagination a, .page-numbers a, .page-numbers span, .woo-pagination a, .woo-pagination span.current, .page-links a, .page-links>span { min-width: 30px; font-family: 'Open Sans', sans-serif; font-size: 12px; line-height: 30px; font-weight: 500; color: #666; text-align: center; background: #eaeaea; padding: 0 5px; } .tt-pagination a:hover, .tt-pagination li.active a, .page-numbers a:hover, .page-numbers li span.current, .woo-pagination a:hover, .woo-pagination span.current, .page-links>span, .page-links a:hover { background: #666666; color: #fff; } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 30 - TT-BLOG */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-blog-head { position: relative; display: table; width: 100%; height: 660px; z-index: 100; padding: 60px 0; } .tt-blog-head.alternative-cover { height: 500px; z-index: 8; } .tt-alternative-cover-content { margin-top: -40px; padding: 0 35px; background: #fff; position: relative; z-index: 9; } .tt-blog-head:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../img/slider/shadow_2.png); -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; background-size: 100% 100%; } .tt-blog-head.tt-alternative-title-middle:before { background: rgba(0, 0, 0, 0.5) !important; } .tt-alternative-title-middle { margin-top: 10px; } .tt-alternative-title-middle .tt-blog-head-inner { vertical-align: middle; } .tt-blog-head-inner { display: table-cell; vertical-align: bottom; } .tt-blog-head .c-h1 { color: #fff; } .tt-blog-category { margin-bottom: -9px; } .tt-blog-category .c-btn { margin-right: 9px; margin-bottom: 9px; } .tt-blog-category .c-btn:last-child { margin-right: 0; } .tt-thumb { display: inline-block; position: relative; } .tt-thumb-icon { position: absolute; top: 0; right: 0; width: 40px; height: 40px; font-size: 14px; line-height: 40px; text-align: center; color: #fff; background: rgba(17, 17, 17, 0.7); -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-thumb-icon:hover { background: #111; } .tt-blog-user { display: inline-block; } .tt-blog-user-img { float: left; width: 40px; height: 40px; -moz-border-radius: 100%; border-radius: 100%; overflow: hidden; } .tt-blog-user-img img { -moz-border-radius: 100%; border-radius: 100%; } .tt-blog-user-content { display: table-cell; height: 40px; font-family: 'Lora'; font-size: 13px; line-height: 17px; font-weight: 400; color: #b5b5b5; vertical-align: middle; padding-left: 10px; } .tt-blog-user-content span:after { content: '•'; display: inline-block; padding-left: 4px; padding-right: 1px; } .tt-blog-user-content span:last-child:after { display: none; } .tt-blog-user-content a { color: #111; } .tt-blog-user-content a:hover { color: #666666; } .tt-blog-user.light .tt-blog-user-content a { color: #fff; } .tt-blog-user.light .tt-blog-user-content a:hover { color: #666666; } /*simple-img*/ .simple-img { display: inline-block; text-align: center; } .simple-img img.img-responwsive { margin-bottom: 2px; } .single .simple-img img.img-responwsive { width: 100%; } .simple-img-desc { font-size: 13px; line-height: 17px; font-weight: 400; color: #666; } .simple-img-desc a { color: #666; } .simple-img-desc a:hover { color: #666666; } .simple-img-desc span { font-weight: 700; color: #111; } @media (max-width:991px) { .tt-blog-head { height: 520px; } } @media (max-width:767px) { .tt-blog-head { height: 480px; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 31 - TT-THUMB-POPUP */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-thumb-popup { position: fixed; z-index: 11; left: 0; top: 0; width: 100%; height: 100%; left: -100%; -moz-transition-delay: .3s; transition-delay: .3s; -webkit-transition-delay: .3s; z-index: 999; } .tt-thumb-popup.active { left: 0; -moz-transition-delay: 0s; transition-delay: 0s; -webkit-transition-delay: 0s; } .tt-thumb-popup-overlay { position: absolute; left: 0; top: -100px; right: 0; bottom: -100px; background: #fff; -moz-transition: all .3s ease-out; transition: all .3s ease-out; -webkit-transition: all .3s ease-out; opacity: 0; } .tt-thumb-popup.active .tt-thumb-popup-overlay { opacity: 0.9; } .tt-thumb-popup-content { position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: auto; -webkit-overflow-scrolling: touch; font-size: 0; text-align: center; -moz-transition: all .3s ease-out; transition: all .3s ease-out; -webkit-transition: all .3s ease-out; -moz-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); -webkit-transform: translateY(100px); opacity: 0; visibility: hidden; padding: 15px; } .tt-thumb-popup.active .tt-thumb-popup-content { -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transform: translateY(0); opacity: 1; visibility: visible; } .tt-thumb-popup-content:after { display: inline-block; vertical-align: middle; height: 100%; content: ""; } .tt-thumb-popup-container { display: inline-block; vertical-align: middle; position: relative; text-align: left; background: #fff; max-width: 1200px; } .tt-thumb-popup-close { position: absolute; top: 0; right: 0; width: 40px; height: 40px; background: #fff; cursor: pointer; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-thumb-popup-close:before { content: ''; display: block; position: absolute; top: 50%; left: 50%; width: 20px; height: 1px; background: #787878; margin-left: -10px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-thumb-popup-close:after { content: ''; display: block; position: absolute; top: 50%; left: 50%; width: 20px; height: 1px; background: #787878; margin-left: -10px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-thumb-popup-close:hover { background: #666666; } .tt-thumb-popup-close:hover:before, .tt-thumb-popup-close:hover:after { background: #fff; } .tt-thumb-popup-layer { position: absolute; left: 0; bottom: 0; right: 0; height: 10000px; } .tt-thumb-popup-align { overflow: hidden; } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 32 - TT-VIDEO-POPUP */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-video-popup { position: fixed; z-index: 11; left: 0; top: 0; width: 100%; height: 100%; left: -100%; -moz-transition-delay: .3s; transition-delay: .3s; -webkit-transition-delay: .3s; z-index: 999; } .tt-video-popup.active { left: 0; -moz-transition-delay: 0s; transition-delay: 0s; -webkit-transition-delay: 0s; } .tt-video-popup-overlay { position: absolute; left: 0; top: -100px; right: 0; bottom: -100px; background: #fff; -moz-transition: all .3s ease-out; transition: all .3s ease-out; -webkit-transition: all .3s ease-out; opacity: 0; } .tt-video-popup.active .tt-video-popup-overlay { opacity: 0.9; } .tt-video-popup-content { position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: auto; -webkit-overflow-scrolling: touch; font-size: 0; text-align: center; -moz-transition: all .3s ease-out; transition: all .3s ease-out; -webkit-transition: all .3s ease-out; -moz-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); -webkit-transform: translateY(100px); opacity: 0; visibility: hidden; padding: 15px; } .tt-video-popup.active .tt-video-popup-content { -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transform: translateY(0); opacity: 1; visibility: visible; } .tt-video-popup-content:after { display: inline-block; vertical-align: middle; height: 100%; content: ""; } .tt-video-popup-container { display: inline-block; vertical-align: middle; position: relative; text-align: left; background: #fff; max-width: 1200px; } .tt-video-popup-container .embed-responsive { width: 700px; max-width: 100%; } .tt-video-popup-close { position: absolute; top: 0; right: 0; width: 40px; height: 40px; background: #fff; cursor: pointer; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-video-popup-close:before { content: ''; display: block; position: absolute; top: 50%; left: 50%; width: 20px; height: 1px; background: #787878; margin-left: -10px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-video-popup-close:after { content: ''; display: block; position: absolute; top: 50%; left: 50%; width: 20px; height: 1px; background: #787878; margin-left: -10px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-video-popup-close:hover { background: #666666; } .tt-video-popup-close:hover:before, .tt-video-popup-close:hover:after { background: #fff; } .tt-video-popup-layer { position: absolute; left: 0; bottom: 0; right: 0; height: 10000px; } .tt-video-popup-align { overflow: hidden; } @media (max-width:767px) { .tt-video-popup-container .embed-responsive { width: 400px; } .slider-style3-frame, .slider-style4-frame, .slider-style5-frame, .slider-style3-frame:nth-child(2), .slider-style3-frame:nth-child(3), .slider-style4-frame:nth-child(2), .slider-style4-frame:nth-child(3) { width: 100% !important; float: none !important; } .slider-style6 .tt-mslide-title.c-h1 { padding: 0; } } @media (max-width:480px) { .tt-video-popup-container .embed-responsive { width: 290px; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 33 - TT-AUTHOR */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-author { border: 1px solid #eaeaea; padding: 30px 60px 30px 30px; } .tt-author-img { float: left; width: 90px; height: 90px; -moz-border-radius: 100%; border-radius: 100%; overflow: hidden; } .tt-author-img img { -moz-border-radius: 90px; border-radius: 90px; } .tt-author-info { padding-left: 107px; padding-top: 7px; } .tt-author-title { display: inline-block; font-family: 'Lora'; font-size: 14px; line-height: 18px; font-weight: 700; color: #111; margin-bottom: 9px; } .tt-author-title:hover { color: #666666; } .tt-author-info .simple-text { margin-bottom: 15px; } .tt-author-info .simple-text p { font-weight: 400 !important; } .tt-author-social { font-size: 0; } .tt-author-social li { display: inline-block; margin-right: 13px; } .tt-author-social li:last-child { margin-right: 0; } .tt-author-social a { display: block; font-size: 14px; line-height: 18px; color: #111; } .tt-author-social a:hover { color: #666666; } @media (max-width:767px) { .tt-author { padding: 15px; text-align: center; } .tt-author-img { float: none; } .tt-author-info { padding-left: 0; } } .tt-blog-nav-label { font-family: 'Lora'; font-size: 12px; line-height: 16px; font-weight: 400; color: #b5b5b5; text-transform: uppercase; margin-bottom: 8px; } .tt-blog-nav-title { font-family: 'Lora'; font-size: 14px; line-height: 18px; font-weight: 700; color: #111; } .tt-blog-nav-title:hover { color: #666666; } .tt-blog-nav.right { text-align: right; } @media (max-width:767px) { .tt-blog-nav.right { text-align: left; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 34 - TT-COMMENT */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-comment { list-style: none; margin-bottom: -15px; } .tt-comment-container { margin-bottom: 25px; } .tt-comment-avatar { float: left; width: 40px; height: 40px; -moz-border-radius: 100%; border-radius: 100%; overflow: hidden; } .tt-comment-avatar img { -moz-border-radius: 100%; border-radius: 100%; } .tt-comment-info { padding-left: 50px; padding-top: 10px; } .tt-comment-label { font-family: 'Lora'; font-size: 14px; line-height: 18px; font-weight: 400; color: #b5b5b5; margin-bottom: 5px; } .tt-comment-label span:after { content: '•'; display: inline-block; padding-left: 4px; padding-right: 1px; } .tt-comment-label span:last-child:after { display: none; } .tt-comment-label a { font-weight: 700; color: #111; } .tt-comment-label a:hover { color: #666666; } .tt-comment-info .simple-text { margin-bottom: 5px; } .tt-comment-reply, .comment-reply-link, .comment-edit-link { font-size: 13px; line-height: 17px; font-weight: 500; color: #111; } .tt-comment-reply .fa, .comment-reply-link .fa { color: #ccc; margin-right: 6px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-comment-reply:hover, .tt-comment-reply:hover .fa, .comment-reply-link:hover, .comment-reply-link:hover .fa, .comment-edit-link:hover { color: #666666; } .tt-comment .children { list-style: none; padding-left: 35px; } .tt-comment .children .tt-comment-avatar { width: 30px; height: 30px; } .tt-comment-container p { margin-bottom: 0px; } .tt-comment .children .tt-comment-info { padding-left: 40px; padding-top: 2px; } @media (max-width:767px) { .tt-comment-container { text-align: center; } .tt-comment-avatar { display: inline-block; float: none; margin-bottom: 10px; } .tt-comment-info { padding-left: 0; } .tt-comment .children { padding-left: 0; } .tt-comment .children .tt-comment-info { padding-left: 0; } } .tt-comment li.pingback { padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px solid #e1e1e1; } .tt-comment li.pingback a { color: #666666; } .tt-comment li.pingback:last-child { margin-bottom: 25px !important; } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 35 - TT-COMMENT-FORM */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .comment-form .tt-comment-form-ava { float: left; display: block; width: 40px; border-radius: 50%; } .tt-comment-form-content, .tt-comment-form { padding-left: 55px; padding-top: 6px; } p.logged-in-as { margin-bottom: 10px !important; } .tt-comment-form { padding-left: 0; } .tt-comment-form .c-area { margin-bottom: 10px; } .tt-comment-form .c-input { margin-bottom: 19px; } .tt-comment-form .c-btn { margin-top: -17px; } @media (max-width:767px) { .tt-comment-form-ava { float: none; margin: 0 auto 10px auto; } .tt-comment-form-content { padding-left: 0; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 36 - TT-SEARCH */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-search { position: relative; } .tt-search input[type="text"] { width: 100%; height: 50px; font-family: 'Lora'; font-size: 13px; line-height: 48px; font-weight: 300; color: #b5b5b5; padding: 0 15px 0 43px; border: 1px solid #eaeaea; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-search input[type="text"]::-webkit-input-placeholder { font-size: 13px; font-weight: 300; color: #b5b5b5; opacity: 1; } .tt-search input[type="text"]:-moz-placeholder { font-size: 13px; font-weight: 300; color: #b5b5b5; opacity: 1; } .tt-search input[type="text"]::-moz-placeholder { font-size: 13px; font-weight: 300; color: #b5b5b5; opacity: 1; } .tt-search input[type="text"]:-ms-input-placeholder { font-size: 13px; font-weight: 300; color: #b5b5b5; opacity: 1; } .tt-search input[type="text"]:focus { border-color: #666666; } .tt-search-submit { position: absolute; top: 0; left: 0; width: 40px; height: 50px; font-size: 14px; line-height: 50px; text-align: right; color: #666; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-search-submit input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; border: 0; } .tt-search-submit:hover { color: #666666; } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 37 - TT-SHARE */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-share { position: fixed; top: 50%; left: 0; z-index: 9; width: 36px; /*margin-left: -680px;*/ margin-top: -80px; } .tt-share-title { font-family: 'Lora'; font-size: 10px; line-height: 14px; font-weight: 700; color: #666; text-transform: uppercase; text-align: center; margin-bottom: 12px; } .tt-share-title span { display: block; font-size: 24px; line-height: 24px; font-weight: 700; } .tt-share-list { list-style: none; } .tt-share-list li { /*margin-bottom: 10px;*/ } .tt-share-list a { display: block; width: 36px; height: 36px; font-size: 16px; line-height: 32px; border-width: 2px; border-style: solid; text-align: center; color: #fff; } .tt-share-list li:last-child { margin-bottom: 0; } .tt-share-facebook { background: #3b5998; border-color: #3b5998; } .tt-share-facebook:hover { color: #3b5998; } .tt-share-twitter { background: #00aced; border-color: #00aced; } .tt-share-twitter:hover { color: #00aced; } .tt-share-pinterest { background: #cc2026; border-color: #cc2026; } .tt-share-pinterest:hover { color: #cc2026; } .tt-share-google { background: #dc4a38; border-color: #dc4a38; } .tt-share-google:hover { color: #dc4a38; } .tt-share-reddit { background: #b6d4e5; border-color: #b6d4e5; } .tt-share-reddit:hover { color: #b6d4e5; } .tt-share-mail { background: #333; border-color: #333; } .tt-share-mail:hover { color: #333; } .tt-share-list a:hover { background: #fff; } .tt-share.position-2 { /*margin-left: -480px;*/ } @media (max-width:1309px) { .tt-share { margin-left: -625px; } .tt-share.position-2 { margin-left: -430px; } } @media (max-width:1199px) { .tt-share { margin-left: -527px; } .tt-share.position-2 { margin-left: -364px; } } @media (max-width:991px) { .tt-share { position: static; margin-left: 0; width: 100%; vertical-align: top; margin-bottom: 15px; margin-top: 0; } .tt-share.position-2 { margin-left: 0; } .tt-share-title { display: inline-block; vertical-align: top; margin-bottom: 5px; margin-right: 10px; } .tt-share-list { display: inline-block; margin-bottom: -5px; } .tt-share-list li { display: inline-block; margin-right: 10px; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 38 - TT-HEADING */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-heading { position: relative; padding: 44px 0; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; } .tt-heading:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #111; opacity: 0.7; } .tt-heading>* { position: relative; } .tt-heading-title { font-family: 'Lora'; font-size: 36px; line-height: 42px; font-weight: 700; color: #fff; } .tt-sub-heading { margin-top: 15px; display: block; } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 39 - TT-CONTACT */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-contact .c-input, .tt-contact .c-area { margin-bottom: 19px; } .tt-request-success { display: none; } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 40 - TT-ABOUT */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-about { text-align: center; } .tt-about .custom-hover { margin-bottom: 12px; } .tt-about .simple-text { margin-bottom: 15px; } .tt-about-block a { background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; width: 100%; position: relative; height: 195px; } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 41 - TT-NEWS */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-news { border: 1px solid #eaeaea; -webkit-box-shadow: 0px 1px 0px 0px #eaeaea; -moz-box-shadow: 0px 1px 0px 0px #eaeaea; box-shadow: 0px 1px 0px 0px #eaeaea; text-align: center; } .tt-news-info { padding: 17px 17px 33px 17px; } .tt-news-title { font-size: 15px; } .tt-category-img { position: relative; overflow: hidden; } .tt-category-block-style1 .bg:before { content: ''; position: absolute; background: url(../img/slider/shadow_2.png); -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; background-size: 100% 100%; left: 0; top: 0; width: 100%; height: 100%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .tt-category-text-style1 h5 { position: relative; color: #fff; } .tt-category-block-title { font-size: 16px; display: block; padding-bottom: 4px; } .tt-category-block-style1 .tt-category-block-inner { height: 210px !important; } .tt-category-block-inner { display: table; width: 100%; height: 280px !important; position: relative !important; background-size: cover; background-repeat: no-repeat; background-position: center center; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 22px; position: relative; } .widget_category_block .tt-category-block-inner { height: 120px !important; } .tt-category-block-style2 a, .tt-category-block-style1 a { position: absolute; left: 0; top: 0; z-index: 999; width: 100%; height: 100%; } .tt-category-text-style2 { height: 100%; display: table-cell; vertical-align: middle; text-align: center; } .tt-category-text-style1 { height: 100%; display: table-cell; vertical-align: bottom; } .tt-category-text-style2 .tt-category-title { background: #fff; color: #111; padding: 10px 50px; display: inline-block; } .tt-news-title:hover { color: #666666; } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 42 - TT-BANNER */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-banner { position: relative; background: #e8e4d8; padding: 20px 0; overflow: hidden; } .tt-banner-info { padding-left: 215px; } .tt-banner-img { position: absolute; top: 0; left: 52px; -webkit-box-shadow: 4px 4px 5px 0px rgba(186, 184, 184, 0.75); -moz-box-shadow: 4px 4px 5px 0px rgba(186, 184, 184, 0.75); box-shadow: 4px 4px 5px 0px rgba(186, 184, 184, 0.75); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .tt-banner-info .simple-text { margin-bottom: 15px; } .tt-banner-bottom { width: 70%; margin-left: -5px; margin-right: -5px; } .tt-banner-bottom-left, .tt-banner-bottom-right { float: left; padding-left: 5px; padding-right: 5px; } .tt-banner-bottom-left { width: 59%; } .tt-banner-bottom-right { width: 41%; } @media (max-width:767px) { .tt-banner { text-align: center; } .tt-banner-img { display: table; position: static; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); margin: 0 auto 15px auto; } .tt-banner-bottom { width: 100%; margin-left: 0; margin-right: 0; } .tt-banner-info { padding: 0 15px; } .tt-banner-info input[type="text"] { text-align: center; } .tt-banner-bottom-left, .tt-banner-bottom-right { width: 100%; padding-left: 0; padding-right: 0; } .tt-banner-bottom-left { margin-bottom: 15px; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 43 - TT-MSLIDE-2 */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-mblock { position: relative; border: 1px solid #eaeaea; -webkit-box-shadow: 0px 1px 0px 0px #eaeaea; -moz-box-shadow: 0px 1px 0px 0px #eaeaea; box-shadow: 0px 1px 0px 0px #eaeaea; } .tt-mblock-info { width: 32%; padding: 29px; } .tt-mblock-cat { font-size: 0; margin-bottom: 10px; } .tt-mblock-cat .c-btn { margin-right: 10px; } .tt-mblock-cat .c-btn:last-child { margin-right: 0; } .tt-mblock-bg { display: block; position: absolute; top: 0; left: 32%; right: 0; bottom: 0; } .tt-mblock-bg:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0) 48%, rgba(0, 0, 0, 0) 54%, rgba(0, 0, 0, 0.1) 72%, rgba(0, 0, 0, 0.32) 100%); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0) 48%, rgba(0, 0, 0, 0) 54%, rgba(0, 0, 0, 0.1) 72%, rgba(0, 0, 0, 0.32) 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0) 48%, rgba(0, 0, 0, 0) 54%, rgba(0, 0, 0, 0.1) 72%, rgba(0, 0, 0, 0.32) 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#52000000', GradientType=0); z-index: 2; } .tt-mblock-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .tt-mblock-title { display: inline-block; height: 207px; margin-bottom: 40px; } .tt-mblock-title:hover { color: #666666; } .tt-mblock-label { font-family: 'Lora'; font-size: 13px; line-height: 17px; font-weight: 700; color: #b5b5b5; } .tt-mblock-label span:after { content: '•'; display: inline-block; padding-left: 8px; padding-right: 4px; } .tt-mblock-label span:last-child:after { display: none; } .tt-mblock-label a { color: #111; } .tt-mblock-label a:hover { color: #666666; } @media (max-width:991px) { .tt-mblock-info { width: 45%; } .tt-mblock-bg { left: 45%; } } @media (max-width:767px) { .tt-mblock-bg { position: relative; left: 0; width: 100%; height: 200px; } .tt-mblock-title { height: auto; margin-bottom: 25px; } .tt-mblock-info { width: 100%; padding: 15px; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 44 - CUSTOM 5 COL */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .cust-xs-5 { width: 20%; } @media screen and (min-width:768px) { .cust-sm-5 { width: 20%; } } @media screen and (min-width:992px) { .cust-md-5 { width: 20%; } } @media screen and (min-width:1200px) { .cust-lg-5 { width: 20%; } } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 45 - CUSTOM MARGINS */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .marg-lg-b0 { height: 0px; } .marg-lg-b4 { height: 4px; } .marg-lg-b5 { height: 5px; } .marg-lg-b10 { height: 10px; } .marg-lg-b15 { height: 15px; } .marg-lg-b20 { height: 20px; } .marg-lg-b25 { height: 25px; } .marg-lg-b30 { height: 30px; } .marg-lg-b35 { height: 35px; } .marg-lg-b40 { height: 40px; } .marg-lg-b45 { height: 45px; } .marg-lg-b50 { height: 50px; } .marg-lg-b55 { height: 55px; } .marg-lg-b60 { height: 60px; } .marg-lg-b65 { height: 65px; } .marg-lg-b70 { height: 70px; } .marg-lg-b75 { height: 75px; } .marg-lg-b80 { height: 80px; } .marg-lg-b85 { height: 85px; } .marg-lg-b90 { height: 90px; } .marg-lg-b95 { height: 95px; } .marg-lg-b100 { height: 100px; } .marg-lg-b105 { height: 105px; } .marg-lg-b110 { height: 110px; } .marg-lg-b115 { height: 115px; } .marg-lg-b120 { height: 120px; } .marg-lg-b125 { height: 125px; } .marg-lg-b130 { height: 130px; } .marg-lg-b135 { height: 135px; } .marg-lg-b140 { height: 140px; } .marg-lg-b145 { height: 145px; } .marg-lg-b150 { height: 150px; } .marg-lg-b155 { height: 155px; } .marg-lg-b160 { height: 160px; } .marg-lg-b165 { height: 165px; } .marg-lg-b170 { height: 170px; } .marg-lg-b175 { height: 175px; } .marg-lg-b180 { height: 180px; } .marg-lg-b185 { height: 185px; } .marg-lg-b190 { height: 190px; } .marg-lg-b195 { height: 195px; } .marg-lg-b200 { height: 200px; } .marg-lg-b205 { height: 205px; } .marg-lg-b210 { height: 210px; } @media (max-width:1199px) { .marg-md-b0 { height: 0px; } .marg-md-b5 { height: 5px; } .marg-md-b10 { height: 10px; } .marg-md-b15 { height: 15px; } .marg-md-b20 { height: 20px; } .marg-md-b25 { height: 25px; } .marg-md-b30 { height: 30px; } .marg-md-b35 { height: 35px; } .marg-md-b40 { height: 40px; } .marg-md-b45 { height: 45px; } .marg-md-b50 { height: 50px; } .marg-md-b55 { height: 55px; } .marg-md-b60 { height: 60px; } .marg-md-b65 { height: 65px; } .marg-md-b70 { height: 70px; } .marg-md-b75 { height: 75px; } .marg-md-b80 { height: 80px; } .marg-md-b85 { height: 85px; } .marg-md-b90 { height: 90px; } .marg-md-b95 { height: 95px; } .marg-md-b100 { height: 100px; } .marg-md-b105 { height: 105px; } .marg-md-b110 { height: 110px; } .marg-md-b115 { height: 115px; } .marg-md-b120 { height: 120px; } .marg-md-b125 { height: 125px; } .marg-md-b130 { height: 130px; } .marg-md-b135 { height: 135px; } .marg-md-b140 { height: 140px; } .marg-md-b145 { height: 145px; } .marg-md-b150 { height: 150px; } .marg-md-b155 { height: 155px; } .marg-md-b160 { height: 160px; } .marg-md-b165 { height: 165px; } .marg-md-b170 { height: 170px; } .marg-md-b175 { height: 175px; } .marg-md-b180 { height: 180px; } .marg-md-b185 { height: 185px; } .marg-md-b190 { height: 190px; } .marg-md-b195 { height: 195px; } .marg-md-b200 { height: 200px; } .marg-md-b205 { height: 205px; } .marg-md-b210 { height: 210px; } } @media (max-width:991px) { .marg-sm-b0 { height: 0px; } .marg-sm-b5 { height: 5px; } .marg-sm-b10 { height: 10px; } .marg-sm-b15 { height: 15px; } .marg-sm-b20 { height: 20px; } .marg-sm-b25 { height: 25px; } .marg-sm-b30 { height: 30px; } .marg-sm-b35 { height: 35px; } .marg-sm-b40 { height: 40px; } .marg-sm-b45 { height: 45px; } .marg-sm-b50 { height: 50px; } .marg-sm-b55 { height: 55px; } .marg-sm-b60 { height: 60px; } .marg-sm-b65 { height: 65px; } .marg-sm-b70 { height: 70px; } .marg-sm-b75 { height: 75px; } .marg-sm-b80 { height: 80px; } .marg-sm-b85 { height: 85px; } .marg-sm-b90 { height: 90px; } .marg-sm-b95 { height: 95px; } .marg-sm-b100 { height: 100px; } .marg-sm-b105 { height: 105px; } .marg-sm-b110 { height: 110px; } .marg-sm-b115 { height: 115px; } .marg-sm-b120 { height: 120px; } .marg-sm-b125 { height: 125px; } .marg-sm-b130 { height: 130px; } .marg-sm-b135 { height: 135px; } .marg-sm-b140 { height: 140px; } .marg-sm-b145 { height: 145px; } .marg-sm-b150 { height: 150px; } .marg-sm-b155 { height: 155px; } .marg-sm-b160 { height: 160px; } .marg-sm-b165 { height: 165px; } .marg-sm-b170 { height: 170px; } .marg-sm-b175 { height: 175px; } .marg-sm-b180 { height: 180px; } .marg-sm-b185 { height: 185px; } .marg-sm-b190 { height: 190px; } .marg-sm-b195 { height: 195px; } .marg-sm-b200 { height: 200px; } .marg-sm-b205 { height: 205px; } .marg-sm-b210 { height: 210px; } } @media (max-width:767px) { .marg-xs-b0 { height: 0px; } .marg-xs-b5 { height: 5px; } .marg-xs-b10 { height: 10px; } .marg-xs-b15 { height: 15px; } .marg-xs-b20 { height: 20px; } .marg-xs-b25 { height: 25px; } .marg-xs-b30 { height: 30px; } .marg-xs-b35 { height: 35px; } .marg-xs-b40 { height: 40px; } .marg-xs-b45 { height: 45px; } .marg-xs-b50 { height: 50px; } .marg-xs-b55 { height: 55px; } .marg-xs-b60 { height: 60px; } .marg-xs-b65 { height: 65px; } .marg-xs-b70 { height: 70px; } .marg-xs-b75 { height: 75px; } .marg-xs-b80 { height: 80px; } .marg-xs-b85 { height: 85px; } .marg-xs-b90 { height: 90px; } .marg-xs-b95 { height: 95px; } .marg-xs-b100 { height: 100px; } .marg-xs-b105 { height: 105px; } .marg-xs-b110 { height: 110px; } .marg-xs-b115 { height: 115px; } .marg-xs-b120 { height: 120px; } .marg-xs-b125 { height: 125px; } .marg-xs-b130 { height: 130px; } .marg-xs-b135 { height: 135px; } .marg-xs-b140 { height: 140px; } .marg-xs-b145 { height: 145px; } .marg-xs-b150 { height: 150px; } .marg-xs-b155 { height: 155px; } .marg-xs-b160 { height: 160px; } .marg-xs-b165 { height: 165px; } .marg-xs-b170 { height: 170px; } .marg-xs-b175 { height: 175px; } .marg-xs-b180 { height: 180px; } .marg-xs-b185 { height: 185px; } .marg-xs-b190 { height: 190px; } .marg-xs-b195 { height: 195px; } .marg-xs-b200 { height: 200px; } .marg-xs-b205 { height: 205px; } .marg-xs-b210 { height: 210px; } } .no-menu { padding: 24px 0; font-size: 12px; } .wp-caption { max-width: 100%; } .tt-post.sticky { border-color: #666666; } .wp-caption-text { color: #666; font-size: 12px; line-height: 1.5; padding: 0.5em 0; } .comment-list .bypostauthor { border:1px solid transparent; } .alignleft { float: left; margin: 0.375em 1.75em 1.75em 0; } .alignright { float: right; margin: 0.375em 0 1.75em 1.75em; } .aligncenter { clear: both; display: block; margin: 0 auto 1.75em; } .tt-mobile-nav .no-menu { color: #666; line-height: 18px; } /*.vc_column_container { padding-left: 15px !important; padding-right: 15px !important; } */ .sound-cloud-embed iframe, .gif-showcase iframe { width: 100%; } .widget ul { position: relative; list-style: none; } .sidebar-item.widget ul li, .tt-classic-grid-series ul li, .tt-post-list.dark li, .footer_widget .tt-post-list li { padding: 12px 0; } .sidebar-item.widget ul li:first-child, .tt-post-list.dark li:first-child, .footer_widget .tt-post-list li:first-child { padding-top: 10px; } .sidebar-item.widget ul li a:hover { color: #666666; } .sidebar-item.widget select { width: 100%; padding: 8px; background: #fff; } #wp-calendar { width: 100%; border: 1px solid #d1d1d1; margin-bottom: 0; } #wp-calendar caption { border: 1px solid #d1d1d1; border-bottom: none; padding: 10px; } #wp-calendar td, #wp-calendar th { padding: 10px; text-align: center; color: #666; } #wp-calendar thead { border-bottom: 1px solid #d1d1d1; } #wp-calendar tfoot { border-top: 1px solid #d1d1d1; } #wp-calendar tfoot #prev { text-align: left; } #wp-calendar tfoot #next { text-align: right; } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 38 - TT-S-SEARCH */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .tt-s-search { position: relative; } .tt-s-search input[type="text"] { width: 100%; height: 42px; border: 1px solid #eaeaea; background: transparent; padding-left: 44px; padding-right: 15px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-s-search input[type="text"]:focus { border-color: #666666; } .tt-s-search-submit { position: absolute; top: 0; left: 0; width: 42px; height: 42px; text-align: center; } .tt-s-search-submit .fa { font-size: 16px; color: #666666; line-height: 42px; font-style: normal; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-s-search-submit:hover .fa { color: #30373b; } .tt-s-search-submit input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; border: 0; } .widget_archive label, .widget_categories label { display: none; } .widget_rss, .widget_text, .widget_recent_comments { position: relative; line-height: 21px; } .widget_nav_menu ul li ul { padding-left: 15px; } .footer_widget.widget_tag_cloud .tagcloud { position: relative; margin: 0; } .footer_widget.widget_tag_cloud .tagcloud a { margin-right: 10px; margin-bottom: 10px; display: inline-block; } .tt-fluid-inner { position: relative; overflow: hidden; height: 0; padding-bottom: 56.25%; } .tt-fluid-inner .tt-fluid-inner-iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .tt-comment-form .form-submit { display: inline-block; padding: 7px 0; } .logged-in .tt-comment-form textarea { margin-bottom: 20px; } .comment-respond .simple-text .row:last-child, .comment-respond div[class^="col-"] { margin-bottom: 0 !important; } .tt-blog-tag { display: none; } .footer_widget .tt-post-cat a:hover { color: #fff; } .post-grid-view .tt-post-img img, .isotope-content .tt-post-img img { width: 100%; } #lp-pom-button-16 { display: none; } .lp-pom-video, .tt-fluid-inner .tt-iframe { transition: all 0.4s linear; } .smallVid { left: 0 !important; bottom: 0 !important; z-index: 999999 !important; ms-transform: scale(0.35, 0.35); -webkit-transform: scale(0.35, 0.35); transform: scale(0.35, 0.35); -webkit-transform-origin-x: 0%; -webkit-transform-origin-y: 100%; transform-origin: 0% 100%; position: fixed !important; display: block !important; } .tt-category-title { display: inline-block; color: #fff; margin-right: 5px; } .tt-category-text a { color: #fff; } .slider-style3, .slider-style4, .slider-style5 { position: relative; display: block; padding: 5px 5px 0 5px; overflow: hidden; } .slider-style3-frame, .slider-style4-frame, .slider-style5-frame { position: relative; display: block; float: left; width: 25%; padding: 5px } .tt-mslide-link { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; } .slider-style4-frame { padding: 5px 0 5px 0; width: 65%; } .slider-style3-frame { width: 65%; } .slider-style4-frame:nth-child(1) { padding-right: 10px; } .slider-style5-frame.style1 { width: 25%; } .slider-style5-frame.style2 { width: 33.3333333%; } .slider-style5-frame .tt-mslide-title { margin-bottom: 13px; } .slider-style3-frame .tt-mslide.big, .slider-style4-frame .tt-mslide.big { padding-bottom: 0; } .slider-style3-frame:nth-child(2), .slider-style3-frame:nth-child(3), .slider-style4-frame:nth-child(2), .slider-style4-frame:nth-child(3) { width: 35%; } .tt-mslide-gradient { position: absolute; width: 100%; height: 100%; left: 0; background: linear-gradient(to bottom, #000, transparent); background: -webkit-linear-gradient(bottom, #000, transparent); opacity: 0.7; z-index: 1; } .sidebar-item.widget_recent_posts_entries .tt-post.dark .tt-post-title { color: #111; opacity: 1; } .sidebar-item.widget_recent_posts_entries .tt-post.dark .tt-post-title:hover { color: #666666; } .sidebar-item.widget_recent_posts_entries .tt-post.dark .tt-post-cat { opacity: 1; color: #b5b5b5; } .post-password-form input { border: 1px solid #eaeaea; } .post-password-form input[type='submit'] { background: #666666; color: #fff; padding: 2px 20px; border: 0 none; font-size: 14px; } .tt-page-404-content h1 { font-size: 140px; line-height: 170px; } .footer_widget.widget_archive, .footer_widget.widget_calendar, .footer_widget.widget_categories, .footer_widget.widget_pages, .footer_widget.widget_meta, .footer_widget.widget_recent_comments, .footer_widget.widget_recent_entries, .footer_widget.widget_rss, .footer_widget.widget_search, .footer_widget.widget_text, .footer_widget.widget_tag_cloud { margin-bottom: 30px; } .footer_widget.widget_archive li, .footer_widget.widget_categories li, .footer_widget.widget_recent_entries li, .footer_widget.widget_pages li, .footer_widget.widget_meta li, .footer_widget.widget_recent_comments li, .footer_widget.widget_rss li { padding: 5px 0; color: #666; } .footer_widget.widget_archive select, .footer_widget.widget_categories select, .footer_widget select, .sidebar-item select { width: 100%; padding: 5px 0; } .footer_widget.widget_archive a, .footer_widget.widget_categories a, .footer_widget.widget_pages a, .footer_widget.widget_meta a, .footer_widget.widget_recent_comments a, .footer_widget.widget_recent_entries a, .footer_widget.widget_rss a { color: #666; font-size: 13px; } .sidebar-item.widget_archive a, .sidebar-item.widget_categories a, .sidebar-item.widget_pages a, .sidebar-item.widget_meta a, .sidebar-item.widget_recent_comments a, .sidebar-item.widget_recent_entries a, .sidebar-item.widget_nav_menu a, .sidebar-item.widget_rss a, .sidebar-item.widget_latest_tweets_widget p { color: #666; } .sidebar-item.widget_latest_tweets_widget .my-tweet img { position: absolute; left: 0; top: 17px; } .sidebar-item.widget_latest_tweets_widget li:first-child { padding-top: 5px !important; } .sidebar-item.widget_latest_tweets_widget li { padding: 12px 0 !important; padding-left: 60px !important; position: relative; overflow: hidden; border-bottom: 1px solid #eaeaea; } .sidebar-item.widget_latest_tweets_widget li:last-child { border-bottom: 0; } .sidebar-item.widget_latest_tweets_widget a { color: #1DA1F2; } .sidebar-item.widget_latest_tweets_widget .my-date a { color: #b7b7b7; display: block; margin-top: 3px; } .sidebar-item.widget_latest_tweets_widget p { line-height: 1.5; } span.ajax-loader { display: none; } .custom-sidebar .tt-title-text { font-size: 15px; } .tt-rating { position: relative; overflow: hidden; border: 1px solid #eaeaea; padding: 40px; } .tt-rating-text { color: #111; font-weight: 700; font-size: 48px; } .tt-rating-text span { font-size: 15px; color: #666; } .tpl-progress { margin-top: 10px; text-transform: uppercase; overflow: visible; height: 13px; background: #f0f0f0; border-radius: 0; box-shadow: none; } .progress-bar { width: 0; -webkit-transition: all 1s cubic-bezier(.17, .67, .31, .95); transition: all 1s cubic-bezier(.17, .67, .31, .95); } .tpl-progress .progress-bar { padding-top: 2px; position: relative; overflow: visible; background: #666666; font-size: 11px; color: #000; box-shadow: none; text-align: left; box-sizing: border-box; } .tt-progress-title { float: left; display: inline-block; color: #111; font-size: 14px; line-height: 14px; } .tt-progress-number { text-align: right; color: #111; font-size: 14px; line-height: 14px; } .single .tt-rating-content { margin-top: 20px; } .tt-rating-content { margin-top: 5px; } .tt-rating-title .c-h5, .tt-summary-title .c-h5 { font-size: 16px; font-weight: 600; } .tt-post-grid-series-style3 li:first-child { border-top: 0 !important; padding-top: 0 !important; } .tt-post-grid-series-style3 li:last-child { border-bottom: 0; } .tt-post-card { position: relative; overflow: hidden; } .tt-slider-content .slider-style5-frame.style1:first-child { padding-left: 0; } .slider-style13 .swiper-slide.swiper-slide-active .tt-item-post-block { border-left: 0; } .tt-slider-content .c-pagination { /*position: relative;*/ margin: 0 !important; bottom: 0; left: 15px; } .tt-slider-content .swiper-arrow-left-content, .tt-slider-content .swiper-arrow-right-content.c-arrow { cursor: pointer; bottom: 0; } .tt-slider-content .swiper-arrow-left-content.c-arrow, .tt-slider-content .swiper-arrow-right-content.c-arrow { background: transparent; display: inline-block; margin-right: 5px; margin-top: 15px; border-width: 1px 1px 1px 1px; border-style: solid; border-color: #ddd; color: #bdbdbd; font-size: 14px; width: 24px; height: 24px; line-height: 22px; } .tt-slider-content .swiper-arrow-right-content.c-arrow:hover, .tt-slider-content .swiper-arrow-left-content.c-arrow:hover { color: #fff; background: rgba(17, 17, 17, 0.7); border-color: transparent; } #main-footer .instagram-pics { margin-left: -10px; overflow: hidden; } .tt-footer .instagram-pics li { width: 25%; display: inline-block; border-bottom: none; padding: 0; float: left; } .tt-footer .instagram-pics li img { max-width: 100%; vertical-align: middle; } .tt-footer .instagram-pics li img:hover { opacity: .87; } /*---------------------------------------- UPDATED SLIDERS CSS MAY 9 2017 ------------------------*/ .tt-container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px } @media (min-width:768px) { .tt-container { width: 750px } } @media (min-width:992px) { .tt-container { width: 970px } } @media (min-width:1200px) { .tt-container { width: 1170px } } .tt-vertical-align { transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); top: 50%; position: absolute; } .tt-vertical-align.full { left: 0px; width: 100%; text-align: center; } .resp-img { display: block; width: 100%; height: auto; } .tt-swiper-arrow { position: absolute; width: 36px; background: #fff; height: 36px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); text-align: center; z-index: 6; cursor: pointer; transition: all 0.35s ease-in; -webkit-transition: all 0.35s ease-in; border-radius: 50%; } .tt-swiper-arrow img, .tt-swiper-arrow i, .tt-swiper-arrow-2 img, .tt-swiper-arrow-2 i { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); display: block; backface-visibility: hidden; } .tt-swiper-arrow:hover { background: rgba(255, 255, 255, 0.7); } .arrow-closest { position: relative; } .swiper-arrow-left { left: 30px; margin-top: 0px; } .swiper-arrow-right { right: 30px; margin-top: 0px; } .tt-swiper-arrow.type-2 { background: rgba(17, 17, 17, 0.6); } .tt-swiper-arrow.type-2:hover { background: #111; } .tt-swiper-arrow-2, .slider-style12 .tt-swiper-arrow-2, .slider-style13 .tt-swiper-arrow-2, .slider-style14 .tt-swiper-arrow-2, .slider-style15 .tt-swiper-arrow-2, .slider-style16 .tt-swiper-arrow-2, .slider-style17 .tt-swiper-arrow-2 { position: absolute; top: 0px; height: 100%; width: 36px; color: #fff; text-align: center; background: rgba(17, 17, 17, 0.26); cursor: pointer; z-index: 5; transition: all 0.35s ease-in; -webkit-transition: all 0.35s ease-in; } .tt-swiper-arrow-2.swiper-arrow-left { left: 0px; margin-top: 0px; } .tt-swiper-arrow-2.swiper-arrow-right { right: 0px; margin-top: 0px; } .tt-swiper-arrow-2:hover { background: #111; } .pagination-hidden { display: none; } .tt-shortcode { background: #fff; } @media screen and (max-width: 991px) { .mobile-show-pagination .tt-swiper-arrow-2, .mobile-show-pagination .tt-swiper-arrow { display: none; } .mobile-show-pagination .swiper-container { padding-bottom: 70px; } .mobile-show-pagination .pagination-hidden { display: block; } } .bg { background-position: 50% 50%; background-repeat: no-repeat; background-attachment: scroll; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -ms-background-size: cover; background-size: cover; position: absolute; left: 0px; top: 0px; z-index: 1; width: 100%; height: 100%; } .tt-h1-title { font-size: 48px; line-height: 52px; font-family: 'Lora', sans-serif; font-weight: 700; color: #111; } .tt-h2-title { font-size: 32px; line-height: 38px; font-family: 'Lora', sans-serif; font-weight: 700; color: #111; } .tt-h4-title { font-size: 18px; font-family: 'Lora', sans-serif; line-height: 24px; font-weight: 700; color: #111; } .tt-main-caption a { color: inherit; } .tt-main-caption:hover a { color: #666666; } .tt-slider-type-1 .swiper-slide { position: relative; min-height: 620px; } .tt-slider-type-2-wrap { position: relative; overflow: hidden; padding-right: 150px; } .mr-bott-30 { margin-bottom: 30px; } .tt-slider-type-2 .swiper-slide { position: relative; } .tt-slider-type-2 { position: relative; width: 100%; height: 620px; } .tt-slider-type-2 .swiper-container { height: 100%!important; overflow: visible; } .tt-slider-type-2 .tt-swiper-slide-wrap { height: 100%; } .tt-slider-type-2 .tt-swiper-slide-wrap .bg { top: 20px; right: 20px; left: 20px; bottom: 20px; height: auto; width: auto; transition: all 0.35s ease-out; -webkit-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; } .tt-slider-type-2 .swiper-slide-active .tt-swiper-slide-wrap .bg { left: 0px; top: 0px; right: 0px; bottom: 0px; } .tt-main-slider-title { position: relative; display: block; max-width: 720px; margin: 0 auto; padding: 50px; text-align: center; z-index: 5; margin-top: -10px; } .tt-main-slider-title:before, .slider-style7 .tt-slide-2-info:before { content: ''; border: 5px solid #111; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #fff; backface-visibility: hidden; } .slider-style7 .tt-slide-2-info:before { background: transparent !important; } .tt-main-slider-title:after, .slider-style7 .tt-slide-2-info:after { content: ''; position: absolute; width: 100%; height: 100%; background: #fff; top: 10px; left: 10px; border: 5px solid #111; z-index: -1; } .tt-main-slider-title.type-2 { margin-top: -8px; } .tt-main-slider-title.type-2:before { border-width: 4px; } .tt-main-slider-title.type-2:after { top: 8px; left: 8px; border-width: 4px; background: #111; } .tt-main-slider-title.type-3 { background: #fff; padding: 55px 60px 60px; } .tt-main-slider-title.type-3:before, .tt-main-slider-title.type-3:after { display: none; } .tt-title-ul { display: block; text-align: center; font-size: 0px; line-height: 1; } .tt-title-ul li { display: inline-block; padding: 0 11px; position: relative; font-size: 16px; color: #666; } .tt-title-ul.sm li { font-size: 14px; } .tt-title-ul li:before { content: ''; position: absolute; right: -4px; top: 50%; width: 4px; height: 4px; margin-top: -2px; background: #666; border-radius: 2px; } .tt-title-ul li:last-child:before { display: none; } .tt-title-ul li b { font-weight: 700; color: #111; display: inline-block; vertical-align: middle; } .tt-title-ul li i { padding-right: 4px; display: inline-block; vertical-align: middle; font-size: inherit; } .tt-title-ul li span { vertical-align: middle; display: inline-block; } .tt-main-caption { margin-bottom: 20px; position: relative; } .tt-main-slider-title.type-3 .tt-main-caption { margin-bottom: 10px; } .tt-main-link { position: relative; z-index: 2; display: inline-block; height: 40px; line-height: 40px; padding: 0 40px; font-size: 12px; font-weight: 700; color: #fff; text-transform: uppercase; background: #111; text-align: center; overflow: hidden; transition: all 0.25s ease-in; -webkit-transition: all 0.25s ease-in; backface-visibility: hidden; } .tt-main-link span { position: relative; z-index: 1; } .tt-main-link:before { content: ''; position: absolute; left: 50%; width: 0%; height: 100%; background: #fff; top: 0px; transition: width 0.35s ease-in; -webkit-transition: width 0.35s ease-in; opacity: 0; } .tt-main-link:after { content: ''; position: absolute; right: 50%; width: 0%; height: 100%; background: #fff; top: 0px; transition: width 0.35s ease-in; -webkit-transition: width 0.35s ease-in; opacity: 0; } .tt-main-link:hover { color: #111; } .tt-main-link:hover:before { width: 50%; opacity: 1; } .tt-main-link:hover:after { width: 50%; opacity: 1; } .padd-5 .swiper-slide { padding: 0 5px; } .tt-item-post-block { position: relative; min-height: 400px; } .tt-small-blog-slider .swiper-container { padding-bottom: 20px; border-bottom: 1px solid #eaeaea; } .tt-small-blog-slider .tt-item-post-block { min-height: 100px; border: 2px solid #fff; box-shadow: none; } .tt-slider-style-twenty { min-height: 150px !important; } .tt-small-blog-slider .tt-h4-title { font-size: 13px; line-height: 17px; margin-top: 5px; padding: 0 10px; } .tt-small-blog-slider .tt-h4-title a { color: #111; } .tt-small-blog-slider .tt-h4-title a:hover { color: #666666; } .tt-item-post-block.ht-50, .wv-25 .tt-item-post-block, .slider-style16 .tt-slide-item.item-3 .tt-item-post-block, .slider-style16 .tt-slide-item.item-4 .tt-item-post-block, .slider-style17 .tt-slide-item.item-1 .tt-item-post-block, .slider-style17 .tt-slide-item.item-2 .tt-item-post-block, .slider-style17 .tt-slide-item.item-4 .tt-item-post-block, .slider-style17 .tt-slide-item.item-5 .tt-item-post-block { min-height: 195px; } .tt-item-post-block.ht-50:first-child { border-bottom: 5px solid #fff; } .tt-item-post-block.ht-50:last-child { border-top: 5px solid #fff; } .tt-item-post-title { text-align: left; position: absolute; left: 40px; bottom: 40px; right: 40px; } .tt-item-post-block.type-2 .tt-item-post-title { padding: 0 30px 26px 30px; left: 0; right: 0; bottom: 0; } .tt-item-post-title .c-btn { margin-bottom: 10px; } .tt-item-post-block.type-2 .c-btn { margin-bottom: 5px; } .tt-item-post-block.type-2 .c-btn:hover { border-color: rgba(255, 255, 255, 0.80) !important; color: rgba(255, 255, 255, 0.80) !important; } .tt-item-post-block.type-2 .tt-h2-title { margin-bottom: 10px; } .tt-item-post-title a { color: #fff; } .tt-item-post-title a:hover { color: rgba(255, 255, 255, 0.80); } .tt-item-post-title .tt-h2-title { margin-bottom: 10px; } .tt-item-post-title .tt-title-ul { text-align: left; } .tt-item-post-title .tt-title-ul li { color: rgba(255, 255, 255, 0.7); } .tt-item-post-title .tt-title-ul li:first-child { padding-left: 0px; } .tt-item-post-title .tt-title-ul li b { color: #fff; } .tt-item-post-title .tt-title-ul li:before { background: rgba(255, 255, 255, 0.2); } .tt-item-post-border { border-left: 5px solid #fff; border-right: 5px solid #fff; } .tt-slider-type-5:before { content: ''; position: absolute; left: 0px; top: 0px; height: 100%; background: #fff; z-index: 2; } .tt-slider-type-5:after { content: ''; position: absolute; right: 0px; top: 0px; /*width: 5px;*/ height: 100%; background: #fff; z-index: 2; } /*.tt-swiper-arrow-2.swiper-arrow-right { right: 5px; }*/ .wh-25 .tt-item-post-block, .wv-25 .tt-item-post-block, .tt-slide-item.item-1, .tt-slide-item.item-3, .tt-slide-item.item-4, .slider-style17 .tt-slide-item.item-2, .slider-style17 .tt-slide-item.item-4, .slider-style17 .tt-slide-item.item-5 { width: 313px; } .wh-33 .tt-item-post-block { width: 417px; } .wh-50 .tt-item-post-block, .slider-style16 .tt-slide-item.item-2, .slider-style17 .tt-slide-item.item-3 { width: 624px; } .tt-hold-link { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 6; } .custom-hover-image { overflow: hidden; z-index: 1; position: relative; } .custom-hover-image .bg-two { position: relative; z-index: 0; } .slider-style7 .bg-two { height: 454px; } .custom-hover-image .bg, .custom-hover-image .bg-two { -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .custom-hover-image:hover .bg, .custom-hover-image:hover .bg-two { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .tt-header-margin-sm { height: 115px; } .tt-header-margin-lg { height: 220px; } @media screen and (max-width: 1200px) { .tt-main-slider-title { max-width: 520px; } } @media screen and (max-width: 991px) { .tt-slider-type-2-wrap { padding: 0px; } .tt-header-margin-sm, .tt-header-margin-lg, .header-style9 .tt-header-margin-lg { height: 70px !important; } .tt-section { margin-bottom: 100px; } .tt-vertical-align.mobile-relative { position: relative; display: inline-block; top: auto; transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); padding: 110px 0px 120px; } .tt-slider-type-1 .swiper-slide, .tt-slider-type-2 { height: 100%; display: inline-block; } .tt-slide-item { width: 100% !important; } .tt-slide-item.item-1, .tt-slide-item.item-2 { border-bottom: 10px solid #fff; } .tt-slider-type-2 .swiper-container { display: inline-block; width: 100%; } .tt-slider-type-1 .swiper-slide { min-height: 100%; } .tt-tem-post-title { left: 30px; bottom: 30px; right: 30px; } .tt-item-post-border { border: 0; } } @media screen and (max-width: 600px) { .tt-title-ul li { display: block; padding: 0px 0px 15px 0px; } .tt-title-ul li:before { display: none; } .tt-title-ul li:last-child { padding-bottom: 0px; } .tt-main-slider-title { max-width: 100%; margin-left: 30px; margin-right: 30px; } } @media screen and (max-width: 480px) { .tt-h1-title, .tt-h2-title { font-size: 30px; line-height: 32px; } .tt-main-slider-title.type-3, .tt-main-slider-title { padding: 50px 15px; } .tt-main-slider-title:not(.type-3) { max-width: 100%; margin-left: 15px; margin-right: 30px; } .tt-main-slider-title { margin-left: 15px; margin-right: 15px; } } @media screen and (max-width: 360px) { .tt-item-post-title, .tt-item-post-block.type-2 .tt-item-post-title { left: 15px; right: 15px; bottom: 15px; } .tt-vertical-align.mobile-relative { padding: 80px 0px; } } @media screen and (min-width: 991px) { .swiper-container[data-anime="type-1"] .tt-main-slider-title:after { top: 30px; left: 30px; transition: all 0.35s ease-out 0.3s; -webkit-transition: all 0.35s ease-out 0.3s; opacity: 0; } .swiper-container[data-anime="type-1"] .link-wrap { transform: translateX(60px); -webkit-transform: translateX(60px); transition: all 0.3s ease-out 0.8s; -webkit-transition: all 0.3s ease-out 0.8s; opacity: 0; } .swiper-container[data-anime="type-1"] .tt-main-caption { transform: translateX(80px); -webkit-transform: translateX(80px); transition: all 0.4s ease-out 0.4s; -webkit-transition: all 0.4s ease-out 0.4s; opacity: 0; } .swiper-container[data-anime="type-1"] .tt-title-ul { transform: translateX(60px); -webkit-transform: translateX(60px); transition: all 0.3s ease-out 0.6s; -webkit-transition: all 0.3s ease-out 0.6s; opacity: 0; } .swiper-container[data-anime="type-1"] .swiper-slide-active .tt-main-slider-title:after { top: 10px; left: 10px; opacity: 1; } .swiper-container[data-anime="type-1"] .swiper-slide-active .tt-title-ul, .swiper-container[data-anime="type-1"] .swiper-slide-active .link-wrap, .swiper-container[data-anime="type-1"] .swiper-slide-active .tt-main-caption { transform: translateX(0px); -webkit-transform: translateX(0px); opacity: 1; } } /*------------------------------------ Write header css code from here but keep in mind you need to resuse our existing header css codes don't repeat with new code over and over again for example check line no 1562 you will find this code .tt-header { position: fixed; top: 0; left: 0; width: 100%; z-index: 101; } DON'T REWRITE THIS SAME CODE AGAIN HERE USE THAT ABOVE CSS CLASS, NEVER REPEAT ANY CSS CLASS OR CODE -------- */ /* ========== HEADER 1 ===========*/ .tt-header-type-2 .main-nav ul, .tt-header-type-2 .tt-mega-wrapper { z-index: 200; } .tt-header-type-2 .toggle-block { border-bottom: 1px solid #eaeaea; } .tt-header-type-2 .main-nav { position: relative; } .tt-header-type-2 .cmn-mobile-switch { top: -70px; bottom: auto; } .tt-header-type-2 .tt-s-popup-btn { top: -85px; bottom: auto; right: 25px; } .tt-header-type-2.stick .cmn-mobile-switch { top: -50px; } .tt-header-type-2.stick .tt-s-popup-btn { top: -65px; } @media (max-width: 991px) { .tt-header-type-2 .cmn-mobile-switch { top: 25px; } .tt-header-type-2 .tt-s-popup-btn { top: 25px; right: 5px; } } @media (max-width: 480px) { .tt-header-type-2 .tt-s-popup-btn { right: -10px; } .tt-header-type-2 .cmn-mobile-switch { left: 0px; } } /* ========== HEADER 2 ===========*/ .tt-header-type-3 .toggle-block { background: #111; } .tt-header-type-3 .main-nav>ul>li>a { color: rgba(255, 255, 255, 0.48); } .tt-header-type-3 .cmn-mobile-switch:hover span, .tt-header-type-3 .cmn-mobile-switch:hover:after, .tt-header-type-3 .cmn-mobile-switch:hover:before { background: #666666; } .tt-header-type-3 .tt-s-popup-btn:hover { color: #666666; } .tt-header .main-nav>ul>li>a>i { padding-right: 8px; font-size: 13px; } .tt-header-type-3 .tt-header-wrapper { border-bottom: 0px none; } @media (min-width: 991px) { .tt-header-type-3 .cmn-mobile-switch span, .tt-header-type-3 .cmn-mobile-switch:after, .tt-header-type-3 .cmn-mobile-switch:before { background: rgba(255, 255, 255, 0.8); } .tt-header-type-3 .tt-s-popup-btn { color: rgba(255, 255, 255, 0.8); } } /* ========== HEADER 3 ===========*/ .tt-header-type-4 .top-line, .tt-header-type-4 .toggle-block { background: #666666; } .tt-header-type-4 .top-inner { text-align: left; } .tt-header-type-4 .top-menu a, .tt-header-type-4 .top-social a { color: rgba(255, 255, 255, 0.8); } .tt-header-type-4 .top-menu a:hover, .tt-header-type-4 .top-social a:hover { color: #fff; } .tt-header-type-4 .main-nav>ul>li>a { color: rgba(255, 255, 255, 0.8); } .tt-header-type-4 .main-nav>ul>li:hover>a { color: #fff; } .tt-header-type-4 .main-nav { display: block; max-width: 1280px; margin: 0 auto; } .tt-header-type-4 .cmn-mobile-switch { left: auto; right: 50px; } .tt-header-type-4 .main-nav>ul>li.active>a, .tt-header-type-4 .main-nav>ul>li:hover>a { background: #d45497; color: rgba(255, 255, 255, 0.8); } .tt-header-type-4 .cmn-mobile-switch:hover span, .tt-header-type-4 .cmn-mobile-switch:hover:after, .tt-header-type-4 .cmn-mobile-switch:hover:before { background: #fff; } .tt-header-type-4 .tt-header-wrapper { border-bottom: 0px; } .tt-top-header-disable.header-style1 .tt-header-margin-lg { height: 182px; } @media (max-width: 1310px) { .tt-header-type-4 .main-nav { width: 1170px; } } @media (max-width: 1200px) { .tt-header-type-4 .main-nav { width: 970px; } } @media (min-width: 991px) { .tt-header-type-4 .cmn-mobile-switch span, .tt-header-type-4 .cmn-mobile-switch:after, .tt-header-type-4 .cmn-mobile-switch:before { background: rgba(255, 255, 255, 0.8); } .tt-header-type-4 .tt-s-popup-btn { color: rgba(255, 255, 255, 0.8); } .tt-header-type-4 .tt-s-popup-btn:hover { color: #fff; } } @media (max-width: 480px) { .tt-header-type-4 .top-inner { padding: 9px 0px; } } /* ========== HEADER 4 ===========*/ .tt-header-type-5 .top-inner { position: absolute; left: 0px; padding: 0px; border-bottom: 0px; width: 100%; } .tt-header-type-5 .logo { display: block; max-width: 260px; margin-left: 65px; margin-top: 12px; margin-bottom: 12px; } .tt-header-type-5 .top-inner .container { margin: 0 auto; } .tt-header-type-5 .toggle-block-container { text-align: right; } .tt-header-type-5 .toggle-block { max-width: 1280px; margin: 0 auto; } .tt-header-type-5 .cmn-mobile-switch { top: 31px; bottom: auto; } .tt-header-type-5 .tt-s-popup-btn { top: 17px; bottom: auto; right: auto; left: 30px; } .tt-header-type-5 .main-nav>ul>li>a { position: relative; padding: 28px 20px; } .tt-header-type-5 .main-nav>ul>li>a:after { content: ''; position: absolute; left: 0px; bottom: 0px; background: #666666; height: 4px; width: 0px; transition: all 0.35s ease-out; -webkit-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; } .tt-header-type-5 .main-nav>ul>li.active>a:after, .tt-header-type-5 .main-nav>ul>li:hover>a:after { width: 100%; } .tt-header-type-5 .main-nav>ul>li.active>a, .tt-header-type-5 .main-nav>ul>li:hover>a { background: none; color: #666666; } .tt-header-type-5 .cmn-mobile-switch:hover span, .tt-header-type-5 .cmn-mobile-switch:hover:after, .tt-header-type-5 .cmn-mobile-switch:hover:before { background: #666666; } .tt-header-type-5.stick .top-inner { padding: 0px; } .tt-label { position: absolute; right: 0px; top: 5px; background: #ff0606; color: #fff; text-align: center; height: 17px; line-height: 18px; border-radius: 2px; font-weight: 700; font-size: 10px; text-transform: uppercase; padding: 0 5px; } .header-style8 .tt-label { top: 10px; } @media (max-width: 1310px) { .tt-header-type-5 .toggle-block { width: 1170px; } } @media (max-width: 1200px) { .tt-header-type-5 .toggle-block { width: 970px; } .tt-header-type-5 .logo { margin-left: 55px; max-width: 155px; } .tt-header-type-5 .main-nav>ul>li>a { padding: 28px 10px; } } @media (max-width: 991px) { .tt-header-type-5 .logo { max-width: 200px; margin: 9px auto; } .tt-header-type-5 .tt-s-popup-btn { top: 36px; right: 0px; left: auto; } .tt-header-type-5 .top-inner { position: fixed; } .tt-header-type-5 .cmn-mobile-switch { top: 34px; } } /* ========== HEADER 5 - 6 ===========*/ .tt-header-type-6 .main-nav { position: relative; } .tt-header-type-6 .main-nav ul, .tt-header-type-6 .tt-mega-wrapper { z-index: 200; } .tt-header-type-6 .toggle-block { border-bottom: 1px solid #eaeaea; text-align: right; } .tt-header-type-6 .toggle-block-container { max-width: 1280px; margin: 0 auto; } .tt-header-type-6 .cmn-mobile-switch { top: -70px; bottom: auto; } .tt-header-type-6 .main-nav>ul>li.active>a, .tt-header-type-6 .main-nav>ul>li:hover>a { background: #ebebeb; color: #111; } .tt-header-type-6 .tt-s-popup-btn { right: auto; left: 30px; bottom: auto; top: -85px; } .tt-header-type-6 .cmn-mobile-switch:hover span, .tt-header-type-6 .cmn-mobile-switch:hover:after, .tt-header-type-6 .cmn-mobile-switch:hover:before { background: #666666; } .tt-header-type-6.stick .tt-s-popup-btn, .tt-header-type-6.stick .cmn-mobile-switch { bottom: auto; } .tt-header-type-6.stick .cmn-mobile-switch { top: -50px; } .tt-header-type-6.stick .tt-s-popup-btn { top: -65px; } .tt-header-type-6.tt-header-6-2 .tt-s-popup-btn { left: auto; right: 20px; } .tt-header-type-6.tt-header-6-2 .toggle-block { text-align: left; } .tt-header-type-6.tt-header-6-2 .cmn-mobile-switch { left: auto; right: 68px; } .tt-top-header-disable .tt-header-margin-lg { height: 195px; } .header-style12 .tt-header-margin-lg { height: 235px; } @media (max-width: 1310px) { .tt-header-type-6 .toggle-block-container { width: 1170px; } } @media (max-width: 1200px) { .tt-header-type-6 .toggle-block-container { width: 970px; } } @media (max-width: 991px) { .tt-header-type-6 .cmn-mobile-switch, .tt-header-type-6.stick .cmn-mobile-switch { top: 25px; } .tt-header-type-6 .tt-s-popup-btn, .tt-header-type-6.stick .tt-s-popup-btn { top: 26px; right: 5px; } .tt-header-type-6 .top-inner { text-align: right; } .tt-header-type-6.tt-header-6-2 .top-inner { text-align: left; } .tt-header-type-6.tt-header-6-2 .tt-s-popup-btn { right: 0px; } .tt-header-type-6.tt-header-6-2 .cmn-mobile-switch { right: 45px; } } @media (max-width: 480px) { .tt-header-type-6.tt-header-6-2 .top-inner { padding: 9px 0px; } } /* ========== HEADER 7 ===========*/ .tt-header-type-7 .toggle-block { background: #232323; } .tt-header-type-7.stick .tt-s-popup-btn, .tt-header-type-7.stick .cmn-mobile-switch { bottom: auto; } .tt-header-type-7.stick .cmn-mobile-switch { top: -50px; } .tt-header-type-7 .cmn-mobile-switch { top: -70px; bottom: auto; } .tt-header-type-7.stick .tt-s-popup-btn { top: -65px; } .tt-header-type-7 .tt-s-popup-btn { bottom: auto; top: -85px; right: 20px; } .tt-header-type-7 .tt-s-popup-btn:hover { color: #666666; } .tt-header-type-7 .cmn-mobile-switch:hover span, .tt-header-type-7 .cmn-mobile-switch:hover:after, .tt-header-type-7 .cmn-mobile-switch:hover:before { background: #666666; } .tt-header-type-7 .main-nav>ul>li.active>a, .tt-header-type-7 .main-nav>ul>li:hover>a { background: none; color: #666666; } .tt-header-type-7 .main-nav>ul>li>a { color: rgba(255, 255, 255, 0.48); } .tt-header-type-7 .main-nav ul, .tt-header-type-7 .tt-mega-wrapper { z-index: 200; } .tt-header-type-7 .main-nav { position: relative; } .tt-header-type-7 .top-inner { text-align: left; } .tt-header-type-7 .nav-more { position: absolute; top: 115px; z-index: 150; margin-right: -608px; } .tt-header-type-7.stick .nav-more { opacity: 0; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); } @media (min-width: 991px) { .tt-header-type-7 .tt-s-popup-btn { color: rgba(255, 255, 255, 0.8); } .tt-header-type-7 .cmn-mobile-switch span, .tt-header-type-7 .cmn-mobile-switch:after, .tt-header-type-7 .cmn-mobile-switch:before { background: rgba(255, 255, 255, 0.8); } } @media (max-width: 1310px) { .tt-header-type-7 .nav-more { margin-right: -555px; } } @media (max-width: 1200px) { .tt-header-type-7 .nav-more { margin-right: -454px; top: 130px; } } @media (max-width: 991px) { .tt-header-type-7 .top-inner { text-align: center; } .tt-header-type-7 .cmn-mobile-switch, .tt-header-type-7.stick .cmn-mobile-switch { top: 25px; } .tt-header-type-7 .tt-s-popup-btn, .tt-header-type-7.stick .tt-s-popup-btn { top: 26px; right: 5px; } } @media (max-width: 480px) { .tt-header-type-7 .top-inner { padding: 9px 0px; } } /* ========== HEADER 8 ===========*/ .tt-header-style-link.icon-pos-top .main-nav>ul>li>a>.material-icons { display: block; margin: 0 auto 8px; padding: 0px; font-size: 18px; } .tt-header-style-link.icon-pos-top .main-nav>ul>li>a { text-align: center; padding: 14px 21px; } .tt-header-style-link .main-nav>ul>li>a:after { content: ''; position: absolute; left: 0px; bottom: 0px; height: 3px; background: #111; width: 0px; transition: all 0.35s ease-out; -webkit-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; } .tt-header-style-link .main-nav>ul>li.active>a:after, .tt-header-style-link .main-nav>ul>li:hover>a:after { width: 100%; } .tt-header-type-6.stick.tt-header-style-link .cmn-mobile-switch { top: -55px; } .tt-header-type-6.tt-header-style-link .cmn-mobile-switch { top: -75px; } .tt-header-type-6.tt-header-style-link .tt-s-popup-btn { top: -90px; } .tt-header-type-6.stick.tt-header-style-link .tt-s-popup-btn { top: -70px; } @media (max-width: 991px) { .tt-header-type-6.tt-header-style-link .cmn-mobile-switch, .tt-header-type-6.stick.tt-header-style-link .cmn-mobile-switch { top: 25px; } .tt-header-type-6.tt-header-style-link .tt-s-popup-btn, .tt-header-type-6.stick.tt-header-style-link .tt-s-popup-btn { top: 26px; right: 5px; } } .tt-shortcode .tt-header-margin { height: 221px; } .c-btn.size-6 { height: 40px; font-size: 12px; line-height: 37px; } .c-btn.size-6 span { padding-left: 40px; padding-right: 40px; } .slider-style11 .swiper-arrow-left, .slider-style10 .swiper-arrow-left, .slider-style9 .swiper-arrow-left { left: 30px !important; } .slider-style11 .swiper-arrow-right, .slider-style10 .swiper-arrow-right, .slider-style9 .swiper-arrow-right { right: 30px !important; } .slider-style11 .c-btn span { padding-top: 0; } .tt-top-header-disable.header-style1 .nav-more { top: 21px; } .tt-top-header-disable.header-style1 .tt-header-margin { height: 182px; } .tt-top-header-disable.header-style8 .tt-header-margin-sm { height: 72px; } .tt-slider-info { background: rgba(255, 0, 0, 0.10); text-align: center; padding: 50px 15px; color: #ff0000; width: 100%; } .pt-10 { padding-top: 10px; } .tt-post-breaking-news .tt-post-icon { display: none; } .tt-post-breaking-news .tt-breaking-title { margin-bottom: 6px; color: #b5b5b5; margin-top: 6px; font-family: 'Open Sans', sans-serif; font-weight: 400; } /* Header Height All */ .header-style13.tt-top-header-disable .tt-header-margin { height: 182px; } .header-style9 .tt-header-margin-lg { height: 223px; } .header-style13.tt-top-header-disable .tt-header .nav-more { top: 23px; } /* Before New Shortcodes */ .tt-slide-item, .tt-item-wh-25-wrap { float: left; display: inline-block; } /*.slider-style16 .tt-slide-item.item-3, .slider-style16 .tt-slide-item.item-4,*/ .tt-item-wh-25-wrap .tt-slide-item { float: none; display: block; } .slider-style16 .tt-slide-item.item-3, .slider-style17 .tt-slide-item.item-1, .slider-style17 .tt-slide-item.item-4 { border-bottom: 10px solid #fff; } .slider-style9 .bg, .slider-style10 .bg, .slider-style11 .bg, .slider-style12 .bg, .slider-style13 .bg, .slider-style14 .bg, .slider-style15 .bg, .slider-style16 .bg, .slider-style17 .bg { z-index: 0; } .slider-style10 .tt-slide-2 { padding-bottom: 0; } .slider-style10 .tt-slide-2-img { height: 620px; } .tt-breaking-news-weather-wrapper { position: relative; margin: 10px 0; height: 33px; line-height: 33px; overflow: hidden; } .tt-breaking-news { position: relative; overflow: hidden; width: 70%; float: left; display: inline-block; } .tt-breaking-news-title { display: inline-block; padding: 0 12px; background: #ff5353; font-size: 10px; color: #fff; margin-right: 10px; text-transform: uppercase; } .tt-news-content { display: inline-block; width: 70%; vertical-align: middle; } .tt-breaking-post { width: 600px; line-height: 18px; } .tt-breaking-post a { font-size: 13px; color: #666; } .tt-trending-tag { float: right; font-size: 13px; color: #666; display: inline-block; } .tt-author-tag img, .tt-hash-tags { display: inline-block; padding-right: 2px; } .tt-trending-tag img { vertical-align: middle; border-radius: 100%; } .tt-hash-tags a { display: inline-block; padding-left: 5px; color: #666; } .tt-hash-tags a:hover, .tt-breaking-post a:hover { color: #111; } .tt-trending-title { color: #111; font-size: 13px; font-weight: 600; display: inline-block; } .widget_category_block .tt-category-block { padding-bottom: 10px; } .widget_category_block .tt-category-block:last-child { padding-bottom: 0; } .swiper-slide.swiper-slide-active>.tt-item-post-block, .swiper-slide.swiper-slide-active .item-1 .tt-item-post-block, .slider-style17 .swiper-slide.swiper-slide-active .item-2 .tt-item-post-block { border-left: 0; } .slider-style16 .tt-slide-item+.tt-slide-item+.tt-slide-item .tt-item-post-block, .slider-style17 .tt-slide-item.item-4 .tt-item-post-border, .slider-style17 .tt-slide-item.item-5 .tt-item-post-border, .slider-style12 .swiper-slide-visible+.swiper-slide-visible .tt-item-post-border, .slider-style13 .swiper-slide-visible+.swiper-slide-visible+.swiper-slide-visible+.swiper-slide-visible .tt-item-post-border, .slider-style14 .swiper-slide-visible+.swiper-slide-visible+.swiper-slide-visible .tt-item-post-border, .slider-style15 .swiper-slide-visible+.swiper-slide-visible+.swiper-slide-visible .tt-item-post-border { border-right: 0; } .about-us-block.style2 a { border-radius: 100%; } .tt-blog-masonry { padding: 0 15px; box-sizing: border-box; } /* Shortcode 1 Related Post New */ /*@media(min-width: 992px) {*/ /* shortcode-1 */ .tt-shortcode-1 { bottom: 0; height: 124px; left: 0; position: fixed; -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transition: transform 0.5s ease-in-out; transition: transform 0.5s ease-in-out; width: 100%; z-index: 10; background-color: #fff; cursor: pointer; } .tt-shortcode-1.open { transform: translateY(0); } .tt-shortcode-1.open.active .tt-shortcode-1-close { display: none; } .tt-shortcode-1.active { -webkit-transform: translateY(87px); transform: translateY(87px); } .tt-shortcode-1 .tt-title-block { position: relative; padding: 11px 40px 10px 40px; text-align: center; margin: 0 auto; margin-bottom: 10px; background: #f3f3f3; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; } .tt-shortcode-1 .tt-shortcode-1-close { position: absolute; right: 10px; top: 7px; width: 20px; height: 20px; } .tt-shortcode-1-close:before { content: ''; display: block; position: absolute; top: 50%; left: 50%; width: 10px; height: 1px; background: #666666; margin-left: -11px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-shortcode-1-close:after { content: ''; display: block; position: absolute; top: 50%; left: 50%; width: 10px; height: 1px; background: #666666; margin-left: -11px; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-shortcode-1-close:hover:before, .tt-shortcode-1-close:hover:after { background: #666666; } .tt-shortcode-1-close:hover:before { -webkit-transform: rotate(-135deg); transform: rotate(-135deg); } .tt-shortcode-1-close:hover:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .tt-shortcode-1 .tt-post.type-7 .tt-post-img { width: 70px; } .tt-shortcode-1 .tt-post.type-7 .tt-post-info { padding: 6px 0 0 80px; } /*}*/ /* shortcode-2 */ .tt-shortcode-2 { bottom: 0; width: 396px; min-width: 396px; right: 0; position: fixed; transform: translateX(100%); -webkit-transition: transform 0.5s ease-in-out; transition: transform 0.5s ease-in-out; z-index: 11; background-color: #fff; border: 1px solid #eaeaea; padding: 30px; } .tt-shortcode-2.open { transform: translateY(0); } .tt-shortcode-2 .tt-shortcode-2-close { position: absolute; right: 4px; top: 2px; width: 10px; height: 10px; display: block; cursor: pointer; } .tt-shortcode-2-close:before { content: ''; display: block; position: absolute; top: 50%; left: 50%; width: 10px; height: 1px; background: #666666; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-shortcode-2-close:after { content: ''; display: block; position: absolute; top: 50%; left: 50%; width: 10px; height: 1px; background: #666666; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .tt-shortcode-2-close:hover:before { -webkit-transform: rotate(-135deg); transform: rotate(-135deg); } .tt-shortcode-2-close:hover:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .tt-shortcode-2-close:hover:before, .tt-shortcode-2-close:hover:after { background: #666666; } .tt-video-post-wrapper, .tt-video-post-wrapper.alternative-cover.tt-on-scroll { position: relative; background: #111; padding: 50px 0; z-index: 15; } .tt-video-post-wrapper.alternative-cover { padding: 50px 0 90px 0; z-index: 7; } .tt-video-post-wrapper .tt-fluid-inner { -webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.75); } .tt-pagi { width: 45px; height: 45px; line-height: 45px; background: rgba(0, 0, 0, 0.8); display: inline-block; text-align: center; color: #fff; position: absolute; top: 50%; margin-top: -22px; } .tt-pagi.tt-prev-post { left: 0; } .tt-pagi.tt-next-post { right: 0; } .tt-pagi:hover { color: #fff; background: rgba(0, 0, 0, 1); } /* shortcode - 3*/ .tt-content-wrapp { background-image: url(../img/border-pattern.png); padding: 10px; } .tt-content-wrapp .tt-block-inner { display: block; top: 0; bottom: 0; background: #fff; padding: 30px; height: 100%; width: 100%; } .tt-section .embed-responsive { max-width: 100%; margin-bottom: 0; position: relative; } .embed-responsive-16by9 { padding-bottom: 56.25%; } .embed-responsive .embed-responsive-item, .embed-responsive iframe { position: absolute; top: 0; bottom: 0; width: 100%; height: 100%; border: 0; } .shortcode-3 .tt-post.type-7 { margin-bottom: 20px; position: relative; } .shortcode-3 .tt-post.type-7 .tt-post-img { float: none; z-index: 5; } .shortcode-3 .tt-post.type-7 .tt-post-img i { position: absolute; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.8); font-size: 16px; padding: 3px 5px; color: #fff; } .shortcode-3 .tt-post-info { position: absolute; top: 45%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .shortcode-3 .tt-list { padding: 15px 20px; padding-bottom: 0; height: 444px; overflow-y: auto; } .shortcode-3.style-2 .tt-list { height: auto; } .tt-list::-webkit-scrollbar { width: 8px; } .tt-list::-webkit-scrollbar-track { background: #e9e9e9; } .tt-list::-webkit-scrollbar-thumb { background: #999; border-radius: 8px; } .shortcode-3 .tt-divider { width: 100%; height: 1px; display: block; background: #eaeaea; } .shortcode-3 .tt-more { font-size: 12px; line-height: 16px; font-weight: 600; margin-top: 10px; text-align: center; } .shortcode-3 .tt-more a { color: #717274; text-transform: uppercase; } .shortcode-3 .tt-more a:hover { color: #666666; } @media (max-width: 1199px) { .shortcode-3 .tt-list { padding: 20px 15px; } } @media(min-width: 768px) and (max-width: 1199px) { .shortcode-3 .tt-post.type-7 { width: 50%; float: left; } .shortcode-3 .tt-divider { clear: both; } .shortcode-3 .tt-more { margin: 20px 0 10px; } .shortcode-3.tt-content-wrapp .tt-block-inner { padding-bottom: 10px; } .shortcode-3 .tt-list { padding-bottom: 0; } .tt-content-wrapp .tt-block-inner { padding-bottom: 10px; } } @media (max-width: 767px) { .tt-content-wrapp .tt-block-inner { padding: 15px 15px 0; } } /* shortcode - 4*/ .tt-alternative-cover-style .shortcode-4 { padding: 50px 0 90px 0; } .shortcode-4 { background: #111111; padding: 50px 0; clear: both; } .shortcode-4 .tt-title-slider a { color: #ebebeb; font-family: 'Lora'; font-size: 24px; line-height: 30px; font-weight: 500; padding: 20px 0; } .shortcode-4 .tt-title-slider a:hover { color: #666666; } .shortcode-4 .simple-text { color: rgba(235, 235, 235, 0.80); font-family: 'Lora'; font-size: 16px; line-height: 24px; font-weight: 400; } .custom-arrow-left.tt-swiper-arrow-3, .custom-arrow-right.tt-swiper-arrow-3 { width: 36px; height: 36px; position: relative; margin-top: 40px; display: inline-block; cursor: pointer; background: transparent; border: 1px solid #414141; -webkit-transition: all 0.35s ease-out; transition: all 0.35s ease-out; line-height: 36px; text-align: center; } .custom-arrow-left.tt-swiper-arrow-3 { margin-right: 8px; } .custom-arrow-left.tt-swiper-arrow-3:hover, .custom-arrow-right.tt-swiper-arrow-3:hover { border: 1px solid #666666; } .custom-arrow-left.tt-swiper-arrow-3 i, .custom-arrow-right.tt-swiper-arrow-3 i { color: #fff; } .img-block { position: relative; width: 100%; height: 100%; padding-bottom: 70%; } .img-block .bg { position: absolute; top: 0; left: 0; opacity: 0; height: 100%; width: 100%; background-position: center center; background-size: cover; -webkit-transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1); } .img-block .bg.active { opacity: 1; } @media(max-width: 768px) { .shortcode-4 *[class*="col"] { padding-right: 0; padding-left: 0; } } /* shortcode - 5*/ .shortcode-3.style-2 .tt-post.type-7 { width: 25%; float: left; } .shortcode-3.style-2 .tt-list { padding: 20px 15px; padding-bottom: 0; } .shortcode-3.style-2 .tt-divider { clear: both; } .shortcode-3.style-2 .tt-post-title { margin-bottom: 6px; } .shortcode-3.style-2 .tt-more { margin: 20px 0 10px; } .shortcode-3.style-2 .tt-content-wrapp .tt-block-inner { padding-bottom: 10px; } @media(min-width: 768px) and (max-width: 1199px) { .shortcode-3.style-2 .tt-post.type-7 { width: 50%; float: left; } } @media(max-width: 767px) { .shortcode-3.style-2 .tt-post.type-7 { width: 100%; } .tt-item-post-border { border: 0; } .tt-slider-content .tt-post.type-2+.empty-space { height: 30px !important; } .wh-25 .tt-item-post-block { width: 100%; } } /* Instagram Widget */ .sidebar-item.null-instagram-feed, .sidebar-item.widget_latest_tweets_widget { padding: 40px 40px 30px 40px; border: 1px solid #eaeaea; } .sidebar-item.null-instagram-feed .instagram-pics { overflow: hidden; } .sidebar-item.null-instagram-feed li { width: 31.1%; float: left; padding: 0 !important; margin-right: 10px; margin-bottom: 10px; } .sidebar-item.null-instagram-feed li:nth-child(3n) { margin-right: 0; } .sidebar-item.widget_fbw_id { padding: 40px; border: 1px solid #eaeaea; } /* Playlist */ #frame { width: 100%; height: 493px; } .tt-slider-content .tt-post.type-2+.empty-space { height: 0; } /* Mega Menu-2 */ @media (min-width: 992px) { .tt-header .main-nav>ul>li.mega.type-2>.tt-mega-wrapper { position: absolute; margin-left: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); overflow: hidden; } .mega.type-2 .tt-mega-list, .mega.type-2 ul.tt-mega-wrapper li>ul { position: relative; width: 281px; left: 0 !important; padding: 0 0 10px; margin-right: 0 !important; border-right: none; } .mega.type-2 ul.tt-mega-wrapper>li { position: relative; } .mega.type-2 ul.tt-mega-wrapper>li:after { content: ''; position: absolute; background: #eaeaea; width: 1px; height: 100vh; left: -1px; top: 0; } .mega.type-2 .tt-mega-content, .mega.type-2 ul.tt-mega-wrapper>li { padding-left: 0; display: inline-block; float: left; } .mega.type-2 .tt-mega-content:last-child, .mega.type-2 ul.tt-mega-wrapper li:last-child { border-right: none; } .mega.type-2 .tt-mega-content .tt-mega-title, .mega.type-2 ul.tt-mega-wrapper>li>a { position: relative; font-size: 13px; line-height: 19px; display: block; font-weight: 700; color: #111111; text-align: left; padding: 22px 77px 13px 19px; } } .tt-header .main-nav>ul>li.mega.tt-both-mega-enabled>.tt-mega-wrapper { display: none !important; } .tt-post-video-length { color: #b7b7b7; font-size: 13px; } .tt-video-wrapper .tt-post-title { font-size: 14px; display: block; } .footer_widget .tt-border-block, .footer_widget .tt-tab-wrapper.type-1 { box-shadow: none; } .footer_widget .tt-tab-wrapper.type-1 .tt-nav-tab-item.active { color: #fff; } .footer_widget .tt-title-text:before, .footer_widget .tt-title-text:after { background: transparent; } .footer_widget .tt-about a { border: 0 none; } .tt-logo-2x { display: none !important; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) { .tt-logo-2x { display: inline-block !important; } .tt-header-type-5 .tt-logo-2x { display: block !important; } .tt-logo-1x { display: none !important; } } .tt-instagram-post .tt-footer-instagram li { margin-right: 30px; margin-bottom: 30px; width: 23.20%; float: left; display: inline-block; } .tt-instagram-post .tt-footer-instagram li:nth-child(4n) { margin-right: 0; } .tt-tag-title { display: inline-block; margin-right: 10px; color: #111; font-weight: 600; } .tt-tags { font-size: 14px; display: inline-block; } .tt-tags a { color: #4f4f4f; } .tt-tags a:hover { color: #666666; } .fb_iframe_widget { display: block !important; text-align: center; } .ajax-loader { display: none !important; } .swiper-slide .tt-post-img img { width: 100%; } @media(min-width: 768px) and (max-width: 1300px) and (orientation: landscape) { .slider-style16 .tt-slide-item.item-1, .slider-style16 .tt-slide-item.item-3, .slider-style16 .tt-slide-item.item-4 { width: 27.5%; } .slider-style16 .tt-slide-item.item-2 { width: 27.5%; } } @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) { .slider-style16 .tt-slide-item.item-1, .slider-style16 .tt-slide-item.item-3, .slider-style16 .tt-slide-item.item-4 { width: 27.5%; } .slider-style16 .tt-slide-item.item-2 { width: 27.5%; } } @media(min-width: 768px) and (max-width: 1320px) { .slider-style16 .tt-slide-item.item-2, .slider-style17 .tt-slide-item.item-3 { width: 45%; } } @media(max-width: 480px) { .tt-breaking-news { width: auto !important; } } .wpvq { width: 100% !important; } .customizer-editing { position: relative; border: 2px dashed #b5b5b5; } .customizer-edit { cursor: pointer; position: absolute; top: 1px; right: 1px; color: #555; font-size: 14px; line-height: 11px; padding: 5px 10px; background: #e1e1e1; z-index: 999999; } .customizer-edit i { margin-right: 3px; } .customizer-border-transparent { border: 2px dashed transparent; } .tt-heading.title-wrapper { background-position: center center; background-size: cover; background-repeat: no-repeat; } .tt-blog-list-index a.tt-post-img { text-align: center; } .tt-blog-list-index img { width: auto; display: inline-block; } .no-thumbnail .tt-post-info { padding-left:0 !important; } .single-post .blogup-pro-quote { margin-bottom: 40px !important; } .tt-parallax-on.background-block { background-attachment: fixed; background-position: 50% 50%; } .ajax-load-more { font-size:14px; font-weight: 700; padding:12px 12px 10px 12px; text-align: center; background: #eaeaea; color:#666; border:0 none; width: 100%; display: inline-block; } .ajax-load-more:hover { background: #e2e2e2; } .tt-featured-blog-style5 .tt-post, .tt-featured-blog-style6 .tt-post { border:0 none; } .tt-featured-blog-style6 .tt-post-info { padding-left: 0; padding-right: 0; } .tt-featured-blog-style5 .tt-post-info .simple-text, .tt-featured-blog-style6 .tt-post-info .simple-text { text-align: left; } .text-logo { font-size:32px; color:#111; } /* Change Log CSS */ .section-change-log h2 { margin-bottom: 30px; } .section-change-log h3 { margin-bottom: 15px; color: #30373b; border-top: 1px solid #eaeaea; padding-top: 45px; margin-top: 42px; } .section-change-log .no-border { border:0 none; padding:0; margin-top: 0; } .section-change-log h3 span { display: block; color:#b7b7b7; font-weight: 400; font-style: italic; font-size:14px; margin-top: 5px; } .section-change-log ul { position: relative; list-style: none; } .section-change-log ul li { padding:8px 0; } .section-change-log .badge { border-radius: 2px; padding:4px 6px 5px 6px; color:#fff; margin-right: 10px; font-weight: 400; } .badge-new { background: #44db5e; } .badge-improvements { background: #0076ff; } .badge-fixed { background: #8e8e93; } .badge-update { background: #ff3824; } .badge-added { background: #5AC8FA; } .tt-join-fb { background: rgba(0,118,255,0.10); width:100%; font-style: 16px; color:#666; padding:40px; text-align: center; border:1px solid rgba(0,118,255,0.20); border-radius: 3px; } .tt-join-fb a { color:#0076ff; } .tt-join-fb a:hover { text-decoration: underline; }