/* Theme Name: Mogo Theme URI: https://smartdata.tonytemplates.com/wpmogo Author: smartdatasoft Author URI: https://themeforest.net/user/smartdatasoft Description: Smart Data Soft Mogo WooCommerce Theme Version: 2.0 License: This theme or plugin is comprised of two parts.(1) the PHP code and integrated HTML are licensed under the General Public License (GPL). You will find a copy of the GPL in the same directory as this text file. (2) All other parts, but not limited to the CSS code, images, and design are licensed according to the terms of your purchased license. Read more about licensing here: http://themeforest.net/licenses License URI: License.txt Text Domain: mogo Tags: flexible-header,custom-background,custom-header,featured-images This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ body { font-size: 16px; line-height: 1.75; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} h1, h2, h3, h4, h5, h6 { font-weight: 700;color: #333333;} h1 { font-size: 60px; line-height: 1.216;} h2 { font-size: 60px; line-height: 1.216;} h3 { font-size: 44px; line-height: 1.272;} h4 { font-size: 30px; line-height: 1.4;} h5 { font-size: 22px; line-height: 1.41;} h6 { font-size: 18px; line-height: 1.555;} p { font-weight: 400; margin-bottom: 10px;} p {color: #777777;} img { image-rendering: auto; width: 100%; height: auto;} a { display: inline-block; -webkit-tap-highlight-color: transparent;} a {color: #777777;} a:hover, a:visited, a:active, a:link { text-decoration: none;} a:visited, a:active, a:link {color: #777777;} a:focus, img:focus { outline: 0;} ul, ol { padding: 0; margin: 0; list-style: none;} [class^="icon-"] { justify-content: center; align-items: center; display: -moz-inline-box; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex;} [class^="icon-"]::before { margin: 0;} /** * (c) Tonytemplates Ltd, https://www.tonytemplates.com/support@tonytemplates.com */ .ttg-hidden { display: none !important;} .ttg-f--12 { font-size: 12px !important;} .ttg-f--14 { font-size: 14px !important;} .ttg-f--16 { font-size: 16px !important;} .ttg-f--18 { font-size: 18px !important;} .ttg-f--20 { font-size: 20px !important;} .ttg-f--22 { font-size: 22px !important;} .ttg-f--24 { font-size: 24px !important;} .ttg-f--26 { font-size: 26px !important;} .ttg-f--28 { font-size: 28px !important;} .ttg-f--30 { font-size: 30px !important;} .ttg-fw--light { font-weight: 300 !important;} .ttg-fw--regular { font-weight: 400 !important;} .ttg-fw--semi-bold { font-weight: 600 !important;} .ttg-fw--bold { font-weight: 700 !important;} .ttg-fw--extra-bold { font-weight: 800 !important;} .ttg-text--line-through { text-decoration: line-through !important;} .ttg-text--underline { text-decoration: underline !important;} .ttg-text--italic { font-style: italic !important;} .ttg-text--highlight { display: inline; padding-top: 2px; padding-bottom: 6px;} .ttg-quote { position: relative;} .ttg-quote div:first-child { position: absolute; left: 0; top: 0;} .ttg-quote div:last-child { padding-left: 80px;} .ttg-quote i { text-align: left; font-size: 60px;} .ttg-quote p, .ttg-quote a { font-size: 30px; font-weight: 700; line-height: 1.4;} @media only screen and (min-width: 768px) { .ttg-quote p, .ttg-quote a { font-size: 30px;}} @media only screen and (max-width: 767px) { .ttg-quote p, .ttg-quote a { font-size: 18px;}} .ttg-capitalize:first-letter { float: left; padding: 24px 24px; margin-right: 24px; margin-top: 8px; font-size: 30px; font-weight: 800; line-height: 0.8;} .ttg-capitalize--small:first-letter { padding-left: 14px; padding-right: 14px; margin-right: 16px; line-height: 42px; font-size: 26px;} .ttg__required::after { content: ' *';} body.ttg-ovf-hidden { width: 100% !important; overflow: hidden !important;} .ttg-grid-padding--none { margin-left: auto; margin-right: auto;} .ttg-grid-padding--none [class^="col-"] { padding-left: 0; padding-right: 0;} .ttg-grid-padding--none .tt-listing-page__products .tt-product-view:not(.tt-product-list) .tt-product{ margin-bottom: 0;} @media only screen and (max-width: 479px) { .ttg-grid-pdg-btm--xs > [class^="col-"] { padding-bottom: 24px !important;}} @media only screen and (max-width: 767px) { .ttg-grid-pdg-btm--sm > [class^="col-"] { padding-bottom: 24px !important;}} @media only screen and (max-width: 1024px) { .ttg-grid-pdg-btm--md > [class^="col-"] { padding-bottom: 24px !important;}} @media only screen and (min-width: 1024px) { .ttg-grid-border > [class^="col-"]:not(:first-child) .tt-shp-info__section { border-left: solid 1px transparent;} } .ttg-cont-padding--none { overflow: hidden; padding-left: 0 !important; padding-right: 0 !important;} .ttg-mt--0 { margin-top: 0px !important;} .ttg-mt--10 { margin-top: 10px !important;} .ttg-mt--20 { margin-top: 20px !important;} .ttg-mt--30 { margin-top: 30px !important;} .ttg-mt--40 { margin-top: 40px !important;} .ttg-mt--50 { margin-top: 50px !important;} .ttg-mt--60 { margin-top: 60px !important;} .ttg-mt--70 { margin-top: 70px !important;} .ttg-mt--80 { margin-top: 80px !important;} .ttg-mt--90 { margin-top: 90px !important;} .ttg-mt--100 { margin-top: 100px !important;} .ttg-mt--110 { margin-top: 110px !important;} .ttg-mt--120 { margin-top: 120px !important;} .ttg-mt--130 { margin-top: 130px !important;} .ttg-mt--140 { margin-top: 140px !important;} .ttg-mt--150 { margin-top: 150px !important;} .ttg-mt--200 { margin-top: 200px !important;} .ttg-mt--300 { margin-top: 300px !important;} .ttg-mb--0 { margin-bottom: 0px !important;} .ttg-mb--10 { margin-bottom: 10px !important;} .ttg-mb--20 { margin-bottom: 20px !important;} .ttg-mb--30 { margin-bottom: 30px !important;} .ttg-mb--40 { margin-bottom: 40px !important;} .ttg-mb--50 { margin-bottom: 50px !important;} .ttg-mb--60 { margin-bottom: 60px !important;} .ttg-mb--70 { margin-bottom: 70px !important;} .ttg-mb--80 { margin-bottom: 80px !important;} .ttg-mb--90 { margin-bottom: 90px !important;} .ttg-mb--100 { margin-bottom: 100px !important;} .ttg-mb--110 { margin-bottom: 110px !important;} .ttg-mb--120 { margin-bottom: 120px !important;} .ttg-mb--130 { margin-bottom: 130px !important;} .ttg-mb--140 { margin-bottom: 140px !important;} .ttg-mb--150 { margin-bottom: 150px !important;} .ttg-mb--200 { margin-bottom: 200px !important;} .ttg-mb--300 { margin-bottom: 300px !important;} .ttg-m--center { margin-left: auto !important; margin-right: auto !important;} .ttg-list li { font-weight: 700;} .ttg-list > li:not(:first-child) { margin-top: 4px;} .ttg-list > li li:first-child { margin-top: 4px;} ul.ttg-list li::before { display: inline-block; content: ''; margin-right: 12px; border-radius: 50%; width: 6px; height: 6px;} ul.ttg-list ul { padding-left: 36px;} ol.ttg-list { counter-reset: list1;} ol.ttg-list li { list-style-type: none;} ol.ttg-list li::before { margin-right: 6px; counter-increment: list1; content: counter(list1) ". ";} ol.ttg-list ol { padding-left: 36px; counter-reset: list2;} ol.ttg-list ol li::before { counter-increment: list2; content: counter(list1) "@mixin " counter(list2) ". ";} /*DOCUMENTATION*/ /* //grid ttg-grid-padding--none */ /** * (c) Tonytemplates Ltd, https://www.tonytemplates.com/support@tonytemplates.com */ /* animation */ .ttg-text-animation-parent .ttg-text-animation--emersion { display: block; overflow: hidden;} .ttg-text-animation-parent .ttg-text-animation--emersion > * { display: inline-block; will-change: transform; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateY(120%); -ms-transform: translateY(120%); -o-transform: translateY(120%); transform: translateY(120%);} .ttg-text-animation-parent:hover .ttg-text-animation--emersion > * { -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);} .ttg-image-translate--left img { -webkit-transform: scale(1.05) translateX(2%); -moz-transform: scale(1.05) translateX(2%); -ms-transform: scale(1.05) translateX(2%); transform: scale(1.05) translateX(2%);} .ttg-image-translate--left:hover img:not(.ttg-transition--off) { -webkit-transform: scale(1.05) translateX(-2%); -moz-transform: scale(1.05) translateX(-2%); -ms-transform: scale(1.05) translateX(-2%); transform: scale(1.05) translateX(-2%);} .ttg-image-translate--right img { -webkit-transform: scale(1.05) translateX(-2%); -moz-transform: scale(1.05) translateX(-2%); -ms-transform: scale(1.05) translateX(-2%); transform: scale(1.05) translateX(-2%);} .ttg-image-translate--right:hover img:not(.ttg-transition--off) { -webkit-transform: scale(1.05) translateX(2%); -moz-transform: scale(1.05) translateX(2%); -ms-transform: scale(1.05) translateX(2%); transform: scale(1.05) translateX(2%);} .ttg-image-translate--top img { -webkit-transform: scale(1.05) translateY(2%); -moz-transform: scale(1.05) translateY(2%); -ms-transform: scale(1.05) translateY(2%); transform: scale(1.05) translateY(2%);} .ttg-image-translate--top:hover img:not(.ttg-transition--off) { -webkit-transform: scale(1.05) translateY(-2%); -moz-transform: scale(1.05) translateY(-2%); -ms-transform: scale(1.05) translateY(-2%); transform: scale(1.05) translateY(-2%);} .ttg-image-translate--bottom img { -webkit-transform: scale(1.05) translateY(-2%); -moz-transform: scale(1.05) translateY(-2%); -ms-transform: scale(1.05) translateY(-2%); transform: scale(1.05) translateY(-2%);} .ttg-image-translate--bottom:hover img:not(.ttg-transition--off) { -webkit-transform: scale(1.05) translateY(2%); -moz-transform: scale(1.05) translateY(2%); -ms-transform: scale(1.05) translateY(2%); transform: scale(1.05) translateY(2%);} .ttg-image-scale img { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);} .ttg-image-scale:hover img:not(.ttg-transition--off) { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05);} .ttg-image-translate--left, .ttg-image-translate--right, .ttg-image-translate--top, .ttg-image-translate--bottom, .ttg-image-scale { overflow: hidden;} .ttg-image-translate--left img, .ttg-image-translate--right img, .ttg-image-translate--top img, .ttg-image-translate--bottom img, .ttg-image-scale img { will-change: transform; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden;} @media only screen and (max-width: 1024px) { .ttg-image-translate--left.ttg-animation-disable--md img, .ttg-image-translate--right.ttg-animation-disable--md img, .ttg-image-translate--top.ttg-animation-disable--md img, .ttg-image-translate--bottom.ttg-animation-disable--md img, .ttg-image-scale.ttg-animation-disable--md img { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; transform: none !important;}} @media only screen and (max-width: 767px) { .ttg-image-translate--left.ttg-animation-disable--sm img, .ttg-image-translate--right.ttg-animation-disable--sm img, .ttg-image-translate--top.ttg-animation-disable--sm img, .ttg-image-translate--bottom.ttg-animation-disable--sm img, .ttg-image-scale.ttg-animation-disable--sm img { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; transform: none !important;}} .ttg-animation-icon--wave i { position: relative;} .ttg-animation-icon--wave i::before { position: relative; z-index: 1;} .ttg-animation-icon--wave i::after { border: solid 1px transparent; border-radius: 50%; will-change: transform; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); content: ''; display: block; width: 0px; height: 0px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-opacity: 0; -moz-opacity: 0; -o-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity="+0*100); filter: alpha(opacity=0*100);} .ttg-animation-icon--wave:hover i::after { -webkit-animation: animation-icon-wave 0.7s ease-out forwards; -ms-animation: animation-icon-wave 0.7s ease-out forwards; -o-animation: animation-icon-wave 0.7s ease-out forwards; animation: animation-icon-wave 0.7s ease-out forwards;} .ttg-transform-in-load { position: relative; top: 200px; -webkit-opacity: 0.4; -moz-opacity: 0.4; -o-opacity: 0.4; opacity: 0.4; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity="+0.4*100); filter: alpha(opacity=0.4*100);} .ttg-transform-in-load.is-load { top: 0; -webkit-opacity: 1; -moz-opacity: 1; -o-opacity: 1; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity="+1*100); filter: alpha(opacity=1*100);} .ttg-loading::before { position: absolute; display: inline-block; content: ''; top: 50%; left: 50%; padding: 0px; margin-top: -30px; margin-left: -30px; border-radius: 100%; border: 3px solid; z-index: 1000000000; width: 60px; height: 60px; -webkit-animation: preloader 0.8s ease-in-out infinite alternate; -ms-animation: preloader 0.8s ease-in-out infinite alternate; -o-animation: preloader 0.8s ease-in-out infinite alternate; animation: preloader 0.8s ease-in-out infinite alternate;} .ttg-loading::after { display: block; content: ''; z-index: 10; position: absolute; top: 0; bottom: 0; left: 0; right: 0; -webkit-opacity: 0.7; -moz-opacity: 0.7; -o-opacity: 0.7; opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity="+0.7*100); filter: alpha(opacity=0.7*100);} /* animations */ @-webkit-keyframes animation-icon-wave { 0% { -webkit-opacity: 0; -moz-opacity: 0; -o-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity="+0*100); filter: alpha(opacity=0*100);} 20% { -webkit-opacity: 0.6; -moz-opacity: 0.6; -o-opacity: 0.6; opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity="+0.6*100); filter: alpha(opacity=0.6*100);} 50% { border-width: 3px;} to { border-width: 6px; width: 80px; height: 80px; -webkit-opacity: 0; -moz-opacity: 0; -o-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity="+0*100); filter: alpha(opacity=0*100);}} @keyframes animation-icon-wave { 0% { -webkit-opacity: 0; -moz-opacity: 0; -o-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity="+0*100); filter: alpha(opacity=0*100);} 20% { -webkit-opacity: 0.6; -moz-opacity: 0.6; -o-opacity: 0.6; opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity="+0.6*100); filter: alpha(opacity=0.6*100);} 50% { border-width: 3px;} to { border-width: 6px; width: 80px; height: 80px; -webkit-opacity: 0; -moz-opacity: 0; -o-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity="+0*100); filter: alpha(opacity=0*100);}} @keyframes preloader { from { transform: rotate(0deg);} to { transform: rotate(360deg);}} @-webkit-keyframes preloader { from { -webkit-transform: rotate(0deg);} to { -webkit-transform: rotate(360deg);}} /* //text animation ttg-text-animation-parent, ttg-text-animation--emersion //image animation ttg-image-translate--left ttg-image-translate--right ttg-image-translate--top ttg-image-translate--bottom ttg-image-scale === disable animation in devices === ttg-animation-disable--sm ttg-animation-disable--md //icon animation ttg-animation-icon--wave */ /** * (c) Tonytemplates Ltd, https://www.tonytemplates.com/support@tonytemplates.com */ .mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg { -webkit-opacity: 0; -moz-opacity: 0; -o-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity="+0*100); filter: alpha(opacity=0*100); -webkit-backface-visibility: hidden;} .mfp-with-zoom .mfp-container { -webkit-transform: scale(0.6); -ms-transform: scale(0.6); -o-transform: scale(0.6); transform: scale(0.6);} .mfp-with-zoom.mfp-ready .mfp-container { -webkit-opacity: 1; -moz-opacity: 1; -o-opacity: 1; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity="+1*100); filter: alpha(opacity=1*100); -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);} .mfp-with-zoom.mfp-ready.mfp-bg { -webkit-opacity: 0.9; -moz-opacity: 0.9; -o-opacity: 0.9; opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity="+0.9*100); filter: alpha(opacity=0.9*100);} .mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg { -webkit-opacity: 0; -moz-opacity: 0; -o-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity="+0*100); filter: alpha(opacity=0*100);} .mfp-with-zoom.mfp-removing.mfp-bg { -webkit-opacity: 0; -moz-opacity: 0; -o-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity="+0*100); filter: alpha(opacity=0*100);} .mfp-with-zoom.mfp-removing .mfp-container { -webkit-transform: scale(0.6); -ms-transform: scale(0.6); -o-transform: scale(0.6); transform: scale(0.6);} .mfp-bg, .mfp-wrap { z-index: 10000000 !important;} .mfp-wrap { cursor: default;} .mfp-wrap .mfp-content > .tt-product-head__video { display: block;} .mfp-wrap .mfp-close { font-size: 15px;} @media only screen and (min-width: 768px) { .mfp-wrap .mfp-close { width: 56px; height: 56px;}} /** * (c) Tonytemplates Ltd, https://www.tonytemplates.com/support@tonytemplates.com */ .lazy { display: none;} /** * (c) Tonytemplates Ltd, https://www.tonytemplates.com/support@tonytemplates.com */ input[type='text'].form-control, input[type='email'].form-control, input[type='search'].form-control, input[type='password'].form-control, input[type='tel'].form-control, textarea.form-control, select.form-control { padding: 12px 20px; border-radius: 0; min-height: 46px; border: solid 1px transparent; border-radius: 0; font-weight: 700; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important;} input[type='text'].form-control::-webkit-input-placeholder, input[type='text'].form-control ::-moz-placeholder, input[type='text'].form-control:-ms-input-placeholder, input[type='text'].form-control:-moz-placeholder, input[type='email'].form-control::-webkit-input-placeholder, input[type='email'].form-control ::-moz-placeholder, input[type='email'].form-control:-ms-input-placeholder, input[type='email'].form-control:-moz-placeholder, input[type='search'].form-control::-webkit-input-placeholder, input[type='search'].form-control ::-moz-placeholder, input[type='search'].form-control:-ms-input-placeholder, input[type='search'].form-control:-moz-placeholder, input[type='password'].form-control::-webkit-input-placeholder, input[type='password'].form-control ::-moz-placeholder, input[type='password'].form-control:-ms-input-placeholder, input[type='password'].form-control:-moz-placeholder, input[type='tel'].form-control::-webkit-input-placeholder, input[type='tel'].form-control ::-moz-placeholder, input[type='tel'].form-control:-ms-input-placeholder, input[type='tel'].form-control:-moz-placeholder, textarea.form-control::-webkit-input-placeholder, textarea.form-control ::-moz-placeholder, textarea.form-control:-ms-input-placeholder, textarea.form-control:-moz-placeholder, select.form-control::-webkit-input-placeholder, select.form-control ::-moz-placeholder, select.form-control:-ms-input-placeholder, select.form-control:-moz-placeholder { font-weight: 700; font-size: 14px;} textarea.form-control, select.form-control { font-weight: 700; font-size: 14px;} textarea.form-control { resize: none;} select.form-control { cursor: pointer; -moz-appearance: none; -webkit-appearance: none; appearance: none;} select.form-control::-ms-expand { display: none;} .tt-input { position: relative;} .tt-input__t-valid-true, .tt-input__t-valid-false { display: none; margin-top: 4px; font-size: 12px;} .tt-input__t-valid-true i, .tt-input__t-valid-false i { position: absolute; top: 14px; right: 16px; font-size: 18px;} .tt-input-valid--true .tt-input__t-valid-true { display: block;} .tt-input-valid--false .tt-input__t-valid-false { display: block;} .tt-select { position: relative; display: block; margin: 0;} .tt-select::before { position: absolute; content: '\e824'; font-size: 8px; top: 50%; right: 15px; margin-top: -3px; pointer-events: none; font-family: "myfont"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .tt-select select { display: block; width: 100%; padding-right: 30px; -webkit-appearance: none; -moz-appearance: none; appearance: none;} .tt-checkbox span { font-size: 16px; cursor: pointer; font-family: "myfont"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .tt-checkbox span::before { content: '\e815';} .tt-checkbox input { display: none;} .tt-checkbox input:checked + span::before { content: '\e814';} .tt-checkbox p { display: inline;} .tt-checkbox-circle span { border: solid 1px transparent; border-radius: 50%; cursor: pointer; width: 20px; height: 20px; justify-content: center; align-items: center; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} .tt-checkbox-circle input { display: none;} .tt-checkbox-circle input:checked + span::before { font-family: "myfont"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\e8fb'; font-size: 10px;} /** * (c) Tonytemplates Ltd, https://www.tonytemplates.com/support@tonytemplates.com */ .tt-btn { position: relative; border: solid 2px transparent; border-radius: 50%; overflow: hidden; outline: none !important; cursor: pointer; width: 58px; height: 58px; display: -moz-inline-box; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; justify-content: center; align-items: center;} .tt-btn i::before { font-size: 23px;} .tt-btn.tt-btn__state--wait i::before { content: '\e8f5' !important; font-size: 23px !important; -webkit-animation: spin 2s infinite linear; -ms-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; animation: spin 2s infinite linear; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%;} .tt-btn--big { width: 84px; height: 84px;} @media only screen and (max-width: 479px) { .tt-btn--big { width: 58px; height: 58px;}} .tt-btn--big i::before { margin-top: 4px; font-size: 42px;} @media only screen and (max-width: 479px) { .tt-btn--big i::before { font-size: 36px;}} .tt-btn--hover-effect { overflow: visible;} .tt-btn--hover-effect::after { position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0; border-radius: 100%; pointer-events: none; z-index: 1; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box; -webkit-transform: scale(1.4); -ms-transform: scale(1.4); -o-transform: scale(1.4); transform: scale(1.4); -webkit-opacity: 0; -moz-opacity: 0; -o-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity="+0*100); filter: alpha(opacity=0*100);} .tt-btn--hover-effect i { z-index: 2;} @media only screen and (min-width: 1025px) { .tt-btn--hover-effect:hover::after { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-opacity: 1; -moz-opacity: 1; -o-opacity: 1; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity="+1*100); filter: alpha(opacity=1*100);}} .tt-btn--cart { padding-left: 20px; padding-right: 20px; border-radius: 0;} @media only screen and (min-width: 768px) { .tt-btn--cart { width: auto; min-width: 170px;}} @media only screen and (max-width: 767px) { .tt-btn--cart { width: 100%; margin-left: 0 !important; margin-right: 0 !important;}} .tt-btn--cart i { margin-left: 0; margin-right: 0;} .tt-btn--cart i::before { font-size: 32px;} .tt-btn--cart > span { font-size: 14px; font-weight: 700;} .tt-btn--cart.tt-btn__state--active i::before { content: '\e8b3'; font-size: 20px;} .tt-btn--cart.tt-btn__state--active > span, .tt-btn--cart.tt-btn__state--wait > span { display: none;} .btn { padding: 10px 26px; border-radius: 0; border: solid 2px transparent; font-size: 14px; font-weight: 700; align-items: center; display: -moz-inline-box; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex;} .btn:focus { outline-color: transparent;} @media only screen and (max-width: 767px) { .btn.btn--sm-flw { width: 100%; justify-content: center;}} @media only screen and (max-width: 479px) { .btn.btn--xs-flw { width: 100%; justify-content: center;}} .btn.btn-type--icon { justify-content: center; align-items: center; display: -moz-inline-box; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex;} .btn.btn-type--icon i { font-size: 32px;} .btn.btn-type--icon span { margin-left: 4px;} .btn.btn--lg { height: 56px;} .btn.btn--sm { height: 46px;} .btn.btn--stretch { width: 100%; max-width: 100%; justify-content: center;} /** * (c) Tonytemplates Ltd, https://www.tonytemplates.com/support@tonytemplates.com */ .tt-label__new, .tt-label__hot, .tt-label__sale, .tt-label__out-stock, .tt-label__in-stock, .tt-label__discount { font-size: 14px; font-weight: 600;} .tt-label__new, .tt-label__hot, .tt-label__sale, .tt-label__out-stock, .tt-label__in-stock { display: inline-block; padding: 2px 8px;} .tt-label__discount { border-radius: 50%; display: -moz-inline-box; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; justify-content: center; align-items: center; float: right; width: 58px; height: 58px;} /** * (c) Tonytemplates Ltd, https://www.tonytemplates.com/support@tonytemplates.com */ .tt-product-btn-vw { align-items: center; display: -moz-inline-box; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex;} .tt-product-btn-vw label { margin: 0;} .tt-product-btn-vw label i { font-size: 19px; cursor: pointer;} .tt-product-btn-vw label i:before { margin: 0;} .tt-product-btn-vw label input { display: none;} .tt-product-btn-vw label:not(first-child) i { margin-left: 6px;} .tt-product-btn-vw label:not(last-child) i { margin-right: 6px;} @media only screen and (max-width: 767px) { .tt-product-btn-vw label:first-child i.icon-th-large { display: none;}} @media only screen and (min-width: 768px) { .tt-product-btn-vw label:first-child i.icon-check-empty { display: none;}} /** * (c) Tonytemplates Ltd, https://www.tonytemplates.com/support@tonytemplates.com */ .tt-logo { display: inline-block; max-width: 100%;} .tt-logo h1 { font-size: 18px;} .tt-logo img { max-width: 100%; width: 132px; height: auto;} @media only screen and (min-width: 1025px) { .tt-logo__curtain { position: relative;}} @media only screen and (min-width: 1025px) { .tt-logo__curtain::before { position: absolute; display: block; content: ''; width: 100%; height: 100%;}} @media only screen and (min-width: 1025px) { .tt-logo__curtain.tt-logo__curtain-hide::before { height: 0;}} /** * (c) Tonytemplates Ltd, https://www.tonytemplates.com/support@tonytemplates.com */ .tt-list-toggle > li a { align-items: center; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} .tt-list-toggle > li > *:not(a) { display: none;} .tt-list-toggle__next > a { position: relative;} .tt-list-toggle__next > a::after { display: block; content: ''; margin-left: auto; margin-right: 4px; border-right: solid 2px transparent; border-bottom: solid 2px transparent; cursor: pointer; pointer-events: none; width: 6px; height: 6px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);} .tt-list-toggle__next.tt-list-toggle__open > a::after { top: 14px; -webkit-transform: rotate3d(10, -4, 0, 180deg); -moz-transform: rotate3d(10, -4, 0, 180deg); -ms-transform: rotate3d(10, -4, 0, 180deg); transform: rotate3d(10, -4, 0, 180deg);} @media only screen and (max-width: 767px) { .tt-list-toggle.tt-list-toggle__accordion li { padding-left: 12px; padding-right: 12px;}} .tt-list-toggle.tt-list-toggle__accordion li:not(:first-child) { border-top: solid 1px transparent;} @media only screen and (min-width: 768px) { .tt-list-toggle.tt-list-toggle__accordion li:not(:first-child) { padding-top: 50px; margin-top: 50px;}} @media only screen and (max-width: 767px) { .tt-list-toggle.tt-list-toggle__accordion li:not(:first-child) { padding-top: 24px; margin-top: 24px;}} .tt-list-toggle.tt-list-toggle__accordion li > a { font-size: 22px; line-height: 1.41; font-weight: 700;} .tt-list-toggle.tt-list-toggle__accordion li > a::after { border-width: 3px; width: 12px; height: 12px;} .tt-list-toggle.tt-list-toggle__accordion li div { padding-top: 20px;} .tt-list-toggle.tt-list-toggle__accordion li p { margin: 0;} .tt-list-toggle.tt-list-toggle__accordion li p:not(:first-child) { margin-top: 24px;} .tt-list-toggle.tt-list-toggle--toogles li > a::after { margin-right: 16px; margin-left: 0; order: -1; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);} .tt-list-toggle.tt-list-toggle--toogles .tt-list-toggle__next.tt-list-toggle__open > a::after { -webkit-transform: rotate(45deg) translateY(-4px); -moz-transform: rotate(45deg) translateY(-4px); -ms-transform: rotate(45deg) translateY(-4px); transform: rotate(45deg) translateY(-4px);} /** * (c) Tonytemplates Ltd, https://www.tonytemplates.com/support@tonytemplates.com */ .tt-counter { position: relative; width: 104px; max-width: 100%; min-width: 70px; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} .tt-counter input { height: 46px; text-align: center; font-size: 14px; font-weight: 700;} .tt-counter input, .tt-counter input:focus { outline: none; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;} .tt-counter__control { margin-left: 12px; text-align: center; flex-wrap: wrap; justify-content: space-between; flex-direction: column; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} .tt-counter__control span { height: 20px; font-size: 20px; cursor: pointer;} .tt-counter.tt-counter__inner { width: 86px;} .tt-counter.tt-counter__inner input { height: 58px; font-size: 25px; font-weight: 700; border-bottom: solid 2px transparent;} .tt-counter.tt-counter__inner .tt-counter__control { position: absolute; padding: 6px 2px; margin: 0; right: 0; height: 100%;} @media only screen and (min-width: 1025px) { .tt-counter.tt-counter__inner .tt-counter__control { -webkit-opacity: 0; -moz-opacity: 0; -o-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity="+0*100); filter: alpha(opacity=0*100);}} @media only screen and (min-width: 1025px) { .tt-counter.tt-counter__inner:hover .tt-counter__control { -webkit-opacity: 1; -moz-opacity: 1; -o-opacity: 1; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity="+1*100); filter: alpha(opacity=1*100);}} /** * (c) Tonytemplates Ltd, https://www.tonytemplates.com/support@tonytemplates.com */ .tt-social-icons { font-size: 0;} .tt-social-icons .tt-btn { margin-top: 10px; margin-bottom: 10px;} .tt-social-icons .tt-btn:not(:last-child) { margin-right: 8px;} /** * (c) Tonytemplates Ltd, https://www.tonytemplates.com/support@tonytemplates.com */ .irs { margin: 24px 0;} .irs .irs-line, .irs .irs-line span { height: 6px; background: none;} .irs .irs-bar { height: 6px; background: none;} .irs .irs-from, .irs .irs-to, .irs .irs-single, .irs .irs-min, .irs .irs-max { top: -18px; height: 26px; bottom: 36px; border-radius: 0; font-size: 14px; font-family: 'Lato', sans-serif;} .irs .irs-from, .irs .irs-to, .irs .irs-single { min-width: 60px; padding: 4px 12px; text-align: center;} .irs .irs-from::after, .irs .irs-to::after, .irs .irs-single::after { border-width: 8px; top: 23px; margin-left: -8px;} .irs .irs-min, .irs .irs-max { font-weight: 700; background-color: transparent;} .irs .irs-min { padding: 4px 4px 4px 0; text-align: left;} .irs .irs-max { padding: 4px 0 4px 4px; text-align: right;} .irs .irs-slider { width: 20px; height: 20px; top: 18px; background: none; border-radius: 50%; border: solid 2px transparent; cursor: pointer;} /** * (c) Tonytemplates Ltd, https://www.tonytemplates.com/support@tonytemplates.com */ .tt-video { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; margin-left: auto; margin-right: auto;} .tt-video > video { display: block; max-width: 100%;} .tt-video > iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;} /** * (c) Tonytemplates Ltd, https://www.tonytemplates.com/support@tonytemplates.com */ .tt-list__title { font-weight: 700;} @media only screen and (min-width: 768px) { .tt-list__title { font-size: 22px;}} @media only screen and (max-width: 767px) { .tt-list__title { font-size: 18px;}} .tt-list ul { margin-top: 14px;} .tt-list ul li { list-style: none; font-weight: 700; line-height: 2; align-items: center; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} .tt-list ul li:before { content: ''; display: inline-block; margin-right: 12px; border-radius: 50%; width: 6px; height: 6px;} /** * (c) Tonytemplates Ltd, https://www.tonytemplates.com/support@tonytemplates.com */ .tt-payment-opt { margin-left: -12px; margin-right: -12px; flex-wrap: wrap; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} .tt-payment-opt li { margin-left: 12px; margin-right: 12px; margin-top: 10px; margin-bottom: 10px;} .tt-payment-opt a { display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center;} .tt-payment-opt i { font-size: 25px;} /** * (c) Tonytemplates Ltd, https://www.tonytemplates.com/support@tonytemplates.com */ .tt-price { font-size: 1em; font-weight: 800; line-height: 1.1em; min-height: 1em; flex-wrap: wrap; display: -moz-inline-box; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex;} .tt-price.tt-price--sale del{ order: 2;} .tt-price.tt-price--sale del, .tt-price.tt-price--sale ins { align-items: flex-end; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} .tt-price.tt-price--sale del span { font-size: 0.75em; line-height: 1.3em; font-weight: 700; text-decoration: line-through; color: #333333 !important;} .tt-price.tt-price--sale ins { text-decoration: none; margin-right: 0.4em; order: 1;} .tt-product-head__category span a:first-child { margin-left: 4px; margin-right: 0;} .tt-tabs__content h2 { font-weight: 700; font-size: 30px; color: #333333; margin-bottom: 12px;} .tt-product__buttons a.button.yith-wcqv-button { display: none;} .tt-layout { display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} .tt-layout__sidebar { display: none; z-index: 1;} @media only screen and (min-width: 1400px) { .tt-layout__sidebar { min-width: 384px; width: 384px;}} @media only screen and (min-width: 1025px) and (max-width: 1399px) { .tt-layout__sidebar { min-width: 320px; width: 320px;}} @media only screen and (max-width: 1024px) { .tt-layout__sidebar { z-index: 10000;}} .tt-layout__content { width: 100%; min-height: 400px; margin: 0 auto;} .tt-layout__sidebar-left .tt-layout__sidebar, .tt-layout__sidebar-right .tt-layout__sidebar { display: block;} @media only screen and (min-width: 1400px) { .tt-layout__sidebar-left .tt-layout__content, .tt-layout__sidebar-right .tt-layout__content { width: calc(100% - 384px);} .tt-layout__sidebar-left .width100per .tt-layout__content{ width: 100%;}} @media only screen and (min-width: 1025px) and (max-width: 1399px) { .tt-layout__sidebar-left .tt-layout__content, .tt-layout__sidebar-right .tt-layout__content { width: calc(100% - 320px);}} .tt-layout__sidebar-left .tt-layout__content > .container, .tt-layout__sidebar-right .tt-layout__content > .container { width: 100%;} @media only screen and (min-width: 1400px) { .tt-layout__sidebar-left .tt-layout__content > .container, .tt-layout__sidebar-right .tt-layout__content > .container { padding-left: 60px; padding-right: 60px;}} .tt-layout__sidebar-right .tt-layout__sidebar { order: 1;} .tt-layout__fullwidth .tt-layout__content > .container { width: 100%; max-width: 100%;} .tt-layout__fullwidth .tt-layout__content > .container { padding-left: 0; padding-right: 0;} .tt-layout__fullwidth .tt-layout__section--pdg { padding-left: 12px; padding-right: 12px;} @media only screen and (max-width: 1024px) { .tt-layout__fullwidth .tt-layout__section--pdg-mob { padding-left: 12px; padding-right: 12px;}} @media only screen and (min-width: 1025px) { .tt-layout__fullwidth .tt-layout__section--pdg-desk { padding-left: 12px; padding-right: 12px;}} @media only screen and (max-width: 1024px) { .tt-layout:not(.tt-layout__fullwidth) .tt-layout__section--full-mob { margin-left: -12px; margin-right: -12px;}} @media only screen and (max-width: 1024px) { .tt-layout__section--full-mob-all { margin-left: -12px; margin-right: -12px;}} .tt-layout:not(.tt-layout__fullwidth):not(.tt-layout__sidebar-left):not(.tt-layout__sidebar-right) .tt-layout__section--full { margin-left: -12px; margin-right: -12px;} @media only screen and (min-width: 1400px) { .tt-layout__sidebar-left .tt-layout__section--full, .tt-layout__sidebar-right .tt-layout__section--full { margin-left: -60px; margin-right: -60px;}} @media only screen and (max-width: 1399px) { .tt-layout__sidebar-left .tt-layout__section--full, .tt-layout__sidebar-right .tt-layout__section--full { margin-left: -12px; margin-right: -12px;}} /** * (c) Tonytemplates Ltd, https://www.tonytemplates.com/support@tonytemplates.com */ .tt-page__cont-small { max-width: 888px; margin-left: auto !important; margin-right: auto !important;} @media only screen and (min-width: 1025px) { .tt-page__breadcrumbs { padding-top: 55px; margin-bottom: 0px;}} @media only screen and (max-width: 1024px) { .tt-page__breadcrumbs { padding-top: 20px; margin-bottom: 20px;}} .tt-page__title { font-size: 22px; font-weight: 700;} .tt-page__arrows { display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center;} .tt-page__arrows span { height: 32px; cursor: pointer;} .tt-page__arrows span i { font-size: 34px;} .tt-page__arrows--in-head { position: absolute; right: 0; top: 0; height: 100%;} .tt-page__arrows--vertical { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);} .tt-page__section-head { position: relative; margin-top: 86px; margin-bottom: 34px; align-items: center; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} @media only screen and (min-width: 768px) { .tt-page__section-head.tt-page__section-head--center { justify-content: center;}} .tt-page__section-head.tt-page__section-head--arrows { padding-right: 62px;} @media only screen and (min-width: 768px) { .tt-page__section-head.tt-page__section-head--arrows.tt-page__section-head--center .tt-page__title { padding-left: 62px;}} .tt-page__name, .tt-page__name-sm { max-width: 880px; padding-left: 12px; padding-right: 12px; margin-top: 40px; margin-bottom: 45px !important;margin-left: auto;margin-right: auto;} .tt-page__name h1, .tt-page__name h2, .tt-page__name h3, .tt-page__name h4, .tt-page__name h5, .tt-page__name h6, .tt-page__name > a, .tt-page__name > span, .tt-page__name-sm h1, .tt-page__name-sm h2, .tt-page__name-sm h3, .tt-page__name-sm h4, .tt-page__name-sm h5, .tt-page__name-sm h6, .tt-page__name-sm > a, .tt-page__name-sm > span { margin: 0;} @media only screen and (max-width: 767px) { .tt-page__name h1, .tt-page__name h2, .tt-page__name h3, .tt-page__name h4, .tt-page__name h5, .tt-page__name h6, .tt-page__name > a, .tt-page__name > span, .tt-page__name-sm h1, .tt-page__name-sm h2, .tt-page__name-sm h3, .tt-page__name-sm h4, .tt-page__name-sm h5, .tt-page__name-sm h6, .tt-page__name-sm > a, .tt-page__name-sm > span { font-size: 30px;}} .tt-page__name.text-center, .tt-page__name-sm.text-center { margin-left: auto; margin-right: auto;} .tt-page__name .btn, .tt-page__name-sm .btn { margin-top: 32px;} .tt-page__name { align-items: center; justify-content: center; flex-wrap: wrap; flex-direction: column; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} @media only screen and (min-width: 768px) { .tt-page__name--row { flex-direction: row;}} @media only screen and (min-width: 768px) { .tt-page__name h1, .tt-page__name h2, .tt-page__name h3, .tt-page__name h4, .tt-page__name h5, .tt-page__name h6, .tt-page__name a, .tt-page__name span { font-size: 60px;}} .tt-page__name p { margin-top: 22px; font-weight: 700; margin-bottom: 0 !important;} .tt-page__name > a, .tt-page__name span { font-weight: 700; line-height: 1.216;} .tt-page__name > span { margin: 0 20px;} @media only screen and (max-width: 767px) { .tt-page__name > span { display: none;}} @media only screen and (max-width: 767px) { .tt-page__name > *:not(:first-child) { margin-top: 10px;}} .tt-page__name.text-left { align-items: flex-start;margin-left: 0;} .tt-page__name.text-right { align-items: flex-end;} .tt-page__name--pdg-off { padding-left: 0; padding-right: 0;} @media only screen and (min-width: 768px) { .tt-page__name-sm h1, .tt-page__name-sm h2, .tt-page__name-sm h3, .tt-page__name-sm h4, .tt-page__name-sm h5, .tt-page__name-sm h6 { font-size: 44px;}} .tt-page__name-sm p { margin-top: 22px; margin-bottom: 0 !important;} .tt-page__pagination , .woocommerce-pagination{ margin-top: 60px; margin-bottom: 100px;} @media only screen and (min-width: 1025px) { .tt-layout__fullwidth .tt-page__breadcrumbs, .tt-layout__fullwidth .tt-page__name, .tt-layout__fullwidth .tt-page__pagination { padding-left: 60px; padding-right: 60px;}} @media only screen and (max-width: 1024px) { .tt-layout__fullwidth .tt-page__breadcrumbs, .tt-layout__fullwidth .tt-page__name, .tt-layout__fullwidth .tt-page__pagination { padding-left: 12px; padding-right: 12px;}} /** * (c) Tonytemplates Ltd, https://www.tonytemplates.com/support@tonytemplates.com */ .tt-preloader::after { position: fixed; display: block; content: ''; top: 0; bottom: 0; left: 0; right: 0; z-index: 100000001; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center;} .tt-preloader::before { position: fixed; display: inline-block; content: ''; top: 50%; left: 50%; padding: 0px; margin-top: -50px; margin-left: -50px; border-radius: 100%; border: 3px solid; border-top-color: transparent; border-bottom-color: transparent; border-left-color: transparent; border-right-color: transparent; z-index: 1000000000; width: 100px; height: 100px; -webkit-animation: preloader 0.8s ease-in-out infinite alternate; -ms-animation: preloader 0.8s ease-in-out infinite alternate; -o-animation: preloader 0.8s ease-in-out infinite alternate; animation: preloader 0.8s ease-in-out infinite alternate;} .tt-preloader.tt-loaded::before, .tt-preloader.tt-loaded::after { -webkit-opacity: 0; -moz-opacity: 0; -o-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity="+0*100); filter: alpha(opacity=0*100);} /** * (c) Tonytemplates Ltd, https://www.tonytemplates.com/support@tonytemplates.com */ /* variables */ .tt-promobox { position: relative; display: block; overflow: hidden; outline: none !important; backface-visibility: hidden; /* start sizes */ } .tt-promobox::before { display: block; content: '';} .tt-promobox:not(.tt-promobox__size-auto)::before { padding-bottom: 74.5%;} .tt-promobox.tt-promobox__size-high::before { padding-bottom: 149%;} .tt-promobox.tt-promobox__size-wide::before { padding-bottom: 37.25%;} .tt-promobox.tt-promobox__size-square::before { padding-bottom: 100%;} .tt-promobox:not(.tt-promobox__size-auto) .tt-promobox__content { position: absolute; top: 0; bottom: 0; left: 0; right: 0;} .tt-promobox:not(.tt-promobox__size-auto) .tt-promobox__content > img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 101%; min-height: 100%;} .tt-promobox__text { position: absolute; width: 100%; text-align: left;} .tt-promobox__text div { margin: 0; font-size: 30px; line-height: 1.4; font-weight: 700;} .tt-promobox__text > a { font-size: 30px; line-height: 1.4; font-weight: 700;} .tt-promobox__text p { line-height: 1.2; font-weight: 700;} .tt-promobox__text ul { margin-top: 20px;} .tt-promobox__text ul li:not(:first-child) { margin-top: 6px;} .tt-promobox__text ul li a { font-size: 14px; font-weight: 700;} .tt-promobox__hover { position: absolute; top: 0; bottom: 0; left: 0; right: 0;} .tt-promobox__hover.tt-promobox__hover--up { top: calc(100% - 60px);} .tt-promobox__hover-bg { position: absolute; top: 0; bottom: 0; left: 0; right: 0; -webkit-opacity: 0; -moz-opacity: 0; -o-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity="+0*100); filter: alpha(opacity=0*100);} .tt-promobox__hover-bg--visible { -webkit-opacity: 1; -moz-opacity: 1; -o-opacity: 1; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity="+1*100); filter: alpha(opacity=1*100);} .tt-promobox:hover .tt-promobox__hover-bg { -webkit-opacity: 0.8; -moz-opacity: 0.8; -o-opacity: 0.8; opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity="+0.8*100); filter: alpha(opacity=0.8*100);} .tt-promobox__mask { position: absolute; top: 0; bottom: 0; left: 0; right: 0; -webkit-opacity: 0.3; -moz-opacity: 0.3; -o-opacity: 0.3; opacity: 0.3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity="+0.3*100); filter: alpha(opacity=0.3*100);} .tt-promobox__quantity { position: absolute; right: 34px; top: 34px; border-radius: 50px; font-weight: 700; font-size: 14px; width: 60px; height: 60px; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center;} @media only screen and (min-width: 1025px) { .tt-promobox:hover .tt-promobox__hover--up { top: 0;}} @media only screen and (min-width: 1025px) { .tt-promobox:hover .tt-promobox__hover.tt-promobox__hover--up .tt-promobox__text { top: 30px;}} @media only screen and (max-width: 1024px) { .tt-promobox__hover-disable--md.tt-promobox:hover .tt-promobox__hover { display: none !important; -webkit-opacity: 0 !important; -moz-opacity: 0 !important; -o-opacity: 0 !important; opacity: 0 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity="+0*100) !important; filter: alpha(opacity=0*100) !important;}} @media only screen and (max-width: 767px) { .tt-promobox__hover-disable--sm.tt-promobox:hover .tt-promobox__hover { display: none !important; -webkit-opacity: 0 !important; -moz-opacity: 0 !important; -o-opacity: 0 !important; opacity: 0 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity="+0*100) !important; filter: alpha(opacity=0*100) !important;}} @media only screen and (max-width: 1024px) { .tt-promobox:hover .tt-promobox__hover.tt-promobox__hover--up { display: block !important; -webkit-opacity: 1 !important; -moz-opacity: 1 !important; -o-opacity: 1 !important; opacity: 1 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity="+1*100) !important; filter: alpha(opacity=1*100) !important;}} @media only screen and (max-width: 1024px) { .tt-promobox:hover .tt-promobox__hover.tt-promobox__hover--up .tt-promobox__hover-bg { -webkit-opacity: 1 !important; -moz-opacity: 1 !important; -o-opacity: 1 !important; opacity: 1 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity="+1*100) !important; filter: alpha(opacity=1*100) !important;}} @media only screen and (max-width: 1024px) { .tt-promobox__hover-disable--md.tt-promobox:hover .tt-promobox__content > .tt-promobox__text { -webkit-opacity: 1; -moz-opacity: 1; -o-opacity: 1; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity="+1*100); filter: alpha(opacity=1*100);}} @media only screen and (max-width: 767px) { .tt-promobox__hover-disable--sm.tt-promobox:hover .tt-promobox__content > .tt-promobox__text { -webkit-opacity: 1; -moz-opacity: 1; -o-opacity: 1; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity="+1*100); filter: alpha(opacity=1*100);}} .tt-promobox__text { top: 60px; bottom: auto; left: 60px; right: auto; max-width: calc(100% - 60px * 2);z-index:1;} .tt-promobox__text > div, .tt-promobox__text > div > span { font-size: 30px;} .tt-promobox__text > p, .tt-promobox__text > p > span { font-size: 16px; line-height: 22px; } @media only screen and (max-width: 1024px) { .tt-promobox__text[data-resp-md="lg"] { top: 50px; bottom: auto; left: 60px; right: auto; max-width: calc(100% - 60px * 2);} .tt-promobox__text[data-resp-md="lg"] > div, .tt-promobox__text[data-resp-md="lg"] > div > span { font-size: 30px;} .tt-promobox__text[data-resp-md="lg"] > p, .tt-promobox__text[data-resp-md="lg"] > p > span { font-size: 14px;}} @media only screen and (max-width: 1024px) { .tt-promobox__text[data-resp-md="md"] { top: calc(50px / 1.5); bottom: auto; left: calc(60px / 1.5); right: auto; max-width: calc(100% - 60px / 1.5 * 2);} .tt-promobox__text[data-resp-md="md"] > div, .tt-promobox__text[data-resp-md="md"] > div > span { font-size: calc(30px / 1.5);} .tt-promobox__text[data-resp-md="md"] > p, .tt-promobox__text[data-resp-md="md"] > p > span { font-size: calc(14px / 1.5);}} @media only screen and (max-width: 1024px) { .tt-promobox__text[data-resp-md="sm"] { top: calc(50px / 2); bottom: auto; left: calc(60px / 2); right: auto; max-width: calc(100% - 60px / 2 * 2);} .tt-promobox__text[data-resp-md="sm"] > div, .tt-promobox__text[data-resp-md="sm"] > div > span { font-size: calc(30px / 2);} .tt-promobox__text[data-resp-md="sm"] > p, .tt-promobox__text[data-resp-md="sm"] > p > span { font-size: calc(14px / 2);}} @media only screen and (max-width: 767px) { .tt-promobox__text[data-resp-sm="lg"] { top: 50px; bottom: auto; left: 60px; right: auto; max-width: calc(100% - 60px * 2);} .tt-promobox__text[data-resp-sm="lg"] > div, .tt-promobox__text[data-resp-sm="lg"] > div > span { font-size: 30px;} .tt-promobox__text[data-resp-sm="lg"] > p, .tt-promobox__text[data-resp-sm="lg"] > p > span { font-size: 14px;}} @media only screen and (max-width: 767px) { .tt-promobox__text[data-resp-sm="md"] { top: calc(50px / 1.5); bottom: auto; left: calc(60px / 1.5); right: auto; max-width: calc(100% - 60px / 1.5 * 2);} .tt-promobox__text[data-resp-sm="md"] > div, .tt-promobox__text[data-resp-sm="md"] > div > span { font-size: calc(30px / 1.5);} .tt-promobox__text[data-resp-sm="md"] > p, .tt-promobox__text[data-resp-sm="md"] > p > span { font-size: calc(14px / 1.5);}} @media only screen and (max-width: 767px) { .tt-promobox__text[data-resp-sm="sm"] { top: calc(50px / 2); bottom: auto; left: calc(60px / 2); right: auto; max-width: calc(100% - 60px / 2 * 2);} .tt-promobox__text[data-resp-sm="sm"] > div, .tt-promobox__text[data-resp-sm="sm"] > div > span { font-size: calc(30px / 2);} .tt-promobox__text[data-resp-sm="sm"] > p, .tt-promobox__text[data-resp-sm="sm"] > p > span { font-size: calc(14px / 2);}} @media only screen and (max-width: 479px) { .tt-promobox__text[data-resp-xs="lg"] { top: 50px; bottom: auto; left: 60px; right: auto; max-width: calc(100% - 60px * 2);} .tt-promobox__text[data-resp-xs="lg"] > div, .tt-promobox__text[data-resp-xs="lg"] > div > span { font-size: 30px;} .tt-promobox__text[data-resp-xs="lg"] > p, .tt-promobox__text[data-resp-xs="lg"] > p > span { font-size: 14px;}} @media only screen and (max-width: 479px) { .tt-promobox__text[data-resp-xs="md"] { top: calc(50px / 1.5); bottom: auto; left: calc(60px / 1.5); right: auto; max-width: calc(100% - 60px / 1.5 * 2);} .tt-promobox__text[data-resp-xs="md"] > div, .tt-promobox__text[data-resp-xs="md"] > div > span { font-size: calc(30px / 1.5);} .tt-promobox__text[data-resp-xs="md"] > p, .tt-promobox__text[data-resp-xs="md"] > p > span { font-size: calc(14px / 1.5);}} @media only screen and (max-width: 479px) { .tt-promobox__text[data-resp-xs="sm"] { top: calc(50px / 2); bottom: auto; left: calc(60px / 2); right: auto; max-width: calc(100% - 60px / 2 * 2);} .tt-promobox__text[data-resp-xs="sm"] > div, .tt-promobox__text[data-resp-xs="sm"] > div > span { font-size: calc(30px / 2);} .tt-promobox__text[data-resp-xs="sm"] > p, .tt-promobox__text[data-resp-xs="sm"] > p > span { font-size: calc(14px / 2);}} .tt-promobox__text.tt-promobox__point-lg--center-vertical, .tt-promobox__text.tt-promobox__point-lg--center-vertical[data-resp-md], .tt-promobox__text.tt-promobox__point-lg--center-vertical[data-resp-sm], .tt-promobox__text.tt-promobox__point-lg--center-vertical[data-resp-xs] { top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);} .tt-promobox__text.tt-promobox__point-lg--center-horizontal, .tt-promobox__text.tt-promobox__point-lg--center-horizontal[data-resp-md], .tt-promobox__text.tt-promobox__point-lg--center-horizontal[data-resp-sm], .tt-promobox__text.tt-promobox__point-lg--center-horizontal[data-resp-xs] { left: 50%; right: auto; text-align: center; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);} .tt-promobox__text.tt-promobox__point-lg--center-vertical.tt-promobox__text.tt-promobox__point-lg--center-horizontal, .tt-promobox__text.tt-promobox__point-lg--center-vertical.tt-promobox__text.tt-promobox__point-lg--center-horizontal[data-resp-md], .tt-promobox__text.tt-promobox__point-lg--center-vertical.tt-promobox__text.tt-promobox__point-lg--center-horizontal[data-resp-sm], .tt-promobox__text.tt-promobox__point-lg--center-vertical.tt-promobox__text.tt-promobox__point-lg--center-horizontal[data-resp-xs] { -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} .tt-promobox__text.tt-promobox__point-lg--center { left: 60px; right: auto; top: auto; bottom: 60px; -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); } .tt-promobox__text.tt-promobox__point-lg--top { top: 50px; bottom: auto;} @media only screen and (max-width: 1024px) { .tt-promobox__text.tt-promobox__point-lg--top[data-resp-md="lg"] { top: 50px; bottom: auto;}} @media only screen and (max-width: 1024px) { .tt-promobox__text.tt-promobox__point-lg--top[data-resp-md="md"] { top: calc(50px / 1.5); bottom: auto;}} @media only screen and (max-width: 1024px) { .tt-promobox__text.tt-promobox__point-lg--top[data-resp-md="sm"] { top: calc(50px / 2); bottom: auto;}} @media only screen and (max-width: 767px) { .tt-promobox__text.tt-promobox__point-lg--top[data-resp-sm="lg"] { top: 50px; bottom: auto;}} @media only screen and (max-width: 767px) { .tt-promobox__text.tt-promobox__point-lg--top[data-resp-sm="md"] { top: calc(50px / 1.5); bottom: auto;}} @media only screen and (max-width: 767px) { .tt-promobox__text.tt-promobox__point-lg--top[data-resp-sm="sm"] { top: calc(50px / 2); bottom: auto;}} @media only screen and (max-width: 479px) { .tt-promobox__text.tt-promobox__point-lg--top[data-resp-xs="lg"] { top: 50px; bottom: auto;}} @media only screen and (max-width: 479px) { .tt-promobox__text.tt-promobox__point-lg--top[data-resp-xs="md"] { top: calc(50px / 1.5); bottom: auto;}} @media only screen and (max-width: 479px) { .tt-promobox__text.tt-promobox__point-lg--top[data-resp-xs="sm"] { top: calc(50px / 2); bottom: auto;}} .tt-promobox__text.tt-promobox__point-lg--bottom { bottom: 50px; top: auto;} @media only screen and (max-width: 1024px) { .tt-promobox__text.tt-promobox__point-lg--bottom[data-resp-md="lg"] { bottom: 50px; top: auto;}} @media only screen and (max-width: 1024px) { .tt-promobox__text.tt-promobox__point-lg--bottom[data-resp-md="md"] { bottom: calc(50px / 1.5); top: auto;}} @media only screen and (max-width: 1024px) { .tt-promobox__text.tt-promobox__point-lg--bottom[data-resp-md="sm"] { bottom: calc(50px / 2); top: auto;}} @media only screen and (max-width: 767px) { .tt-promobox__text.tt-promobox__point-lg--bottom[data-resp-sm="lg"] { bottom: 50px; top: auto;}} @media only screen and (max-width: 767px) { .tt-promobox__text.tt-promobox__point-lg--bottom[data-resp-sm="md"] { bottom: calc(50px / 1.5); top: auto;}} @media only screen and (max-width: 767px) { .tt-promobox__text.tt-promobox__point-lg--bottom[data-resp-sm="sm"] { bottom: calc(50px / 2); top: auto;}} @media only screen and (max-width: 479px) { .tt-promobox__text.tt-promobox__point-lg--bottom[data-resp-xs="lg"] { bottom: 50px; top: auto;}} @media only screen and (max-width: 479px) { .tt-promobox__text.tt-promobox__point-lg--bottom[data-resp-xs="md"] { bottom: calc(50px / 1.5); top: auto;}} @media only screen and (max-width: 479px) { .tt-promobox__text.tt-promobox__point-lg--bottom[data-resp-xs="sm"] { bottom: calc(50px / 2); top: auto;}} .tt-promobox__text.tt-promobox__point-lg--left { text-align: left; left: 60px; right: auto;} @media only screen and (max-width: 1024px) { .tt-promobox__text.tt-promobox__point-lg--left[data-resp-md="lg"] { left: 60px; right: auto;}} @media only screen and (max-width: 1024px) { .tt-promobox__text.tt-promobox__point-lg--left[data-resp-md="md"] { left: calc(60px / 1.5); right: auto;}} @media only screen and (max-width: 1024px) { .tt-promobox__text.tt-promobox__point-lg--left[data-resp-md="sm"] { left: calc(60px / 2); right: auto;}} @media only screen and (max-width: 767px) { .tt-promobox__text.tt-promobox__point-lg--left[data-resp-sm="lg"] { left: 60px; right: auto;}} @media only screen and (max-width: 767px) { .tt-promobox__text.tt-promobox__point-lg--left[data-resp-sm="md"] { left: calc(60px / 1.5); right: auto;}} @media only screen and (max-width: 767px) { .tt-promobox__text.tt-promobox__point-lg--left[data-resp-sm="sm"] { left: calc(60px / 2); right: auto;}} @media only screen and (max-width: 479px) { .tt-promobox__text.tt-promobox__point-lg--left[data-resp-xs="lg"] { left: 60px; right: auto;}} @media only screen and (max-width: 479px) { .tt-promobox__text.tt-promobox__point-lg--left[data-resp-xs="md"] { left: calc(60px / 1.5); right: auto;}} @media only screen and (max-width: 479px) { .tt-promobox__text.tt-promobox__point-lg--left[data-resp-xs="sm"] { left: calc(60px / 2); right: auto;}} .tt-promobox__text.tt-promobox__point-lg--right { text-align: right; right: 60px; left: auto;} @media only screen and (max-width: 1024px) { .tt-promobox__text.tt-promobox__point-lg--right[data-resp-md="lg"] { right: 60px; left: auto;}} @media only screen and (max-width: 1024px) { .tt-promobox__text.tt-promobox__point-lg--right[data-resp-md="md"] { right: calc(60px / 1.5); left: auto;}} @media only screen and (max-width: 1024px) { .tt-promobox__text.tt-promobox__point-lg--right[data-resp-md="sm"] { right: calc(60px / 2); left: auto;}} @media only screen and (max-width: 767px) { .tt-promobox__text.tt-promobox__point-lg--right[data-resp-sm="lg"] { right: 60px; left: auto;}} @media only screen and (max-width: 767px) { .tt-promobox__text.tt-promobox__point-lg--right[data-resp-sm="md"] { right: calc(60px / 1.5); left: auto;}} @media only screen and (max-width: 767px) { .tt-promobox__text.tt-promobox__point-lg--right[data-resp-sm="sm"] { right: calc(60px / 2); left: auto;}} @media only screen and (max-width: 479px) { .tt-promobox__text.tt-promobox__point-lg--right[data-resp-xs="lg"] { right: 60px; left: auto;}} @media only screen and (max-width: 479px) { .tt-promobox__text.tt-promobox__point-lg--right[data-resp-xs="md"] { right: calc(60px / 1.5); left: auto;}} @media only screen and (max-width: 479px) { .tt-promobox__text.tt-promobox__point-lg--right[data-resp-xs="sm"] { right: calc(60px / 2); left: auto;}} @media only screen and (max-width: 1024px) { .tt-promobox__text.tt-promobox__point-md--center-vertical, .tt-promobox__text.tt-promobox__point-md--center-vertical[data-resp-md], .tt-promobox__text.tt-promobox__point-md--center-vertical[data-resp-sm], .tt-promobox__text.tt-promobox__point-md--center-vertical[data-resp-xs] { top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}} @media only screen and (max-width: 1024px) { .tt-promobox__text.tt-promobox__point-md--center-horizontal, .tt-promobox__text.tt-promobox__point-md--center-horizontal[data-resp-md], .tt-promobox__text.tt-promobox__point-md--center-horizontal[data-resp-sm], .tt-promobox__text.tt-promobox__point-md--center-horizontal[data-resp-xs] { left: 50%; right: auto; text-align: center; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);}} @media only screen and (max-width: 1024px) { .tt-promobox__text.tt-promobox__point-md--center-vertical.tt-promobox__text.tt-promobox__point-md--center-horizontal, .tt-promobox__text.tt-promobox__point-md--center-vertical.tt-promobox__text.tt-promobox__point-md--center-horizontal[data-resp-md], .tt-promobox__text.tt-promobox__point-md--center-vertical.tt-promobox__text.tt-promobox__point-md--center-horizontal[data-resp-sm], .tt-promobox__text.tt-promobox__point-md--center-vertical.tt-promobox__text.tt-promobox__point-md--center-horizontal[data-resp-xs] { -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}} @media only screen and (max-width: 1024px) { .tt-promobox__text.tt-promobox__point-md--center { left: 50%; right: auto; top: 50%; bottom: auto; text-align: center; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}} @media only screen and (max-width: 1024px) { .tt-promobox__text.tt-promobox__point-md--top[data-resp-md="lg"] { top: 50px; bottom: auto;}} @media only screen and (max-width: 1024px) { .tt-promobox__text.tt-promobox__point-md--top[data-resp-md="md"] { top: calc(50px / 1.5); bottom: auto;}} @media only screen and (max-width: 1024px) { .tt-promobox__text.tt-promobox__point-md--top[data-resp-md="sm"] { top: calc(50px / 2); bottom: auto;}} @media only screen and (max-width: 767px) { .tt-promobox__text.tt-promobox__point-md--top[data-resp-sm="lg"] { top: 50px; bottom: auto;}} @media only screen and (max-width: 767px) { .tt-promobox__text.tt-promobox__point-md--top[data-resp-sm="md"] { top: calc(50px / 1.5); bottom: auto;}} @media only screen and (max-width: 767px) { .tt-promobox__text.tt-promobox__point-md--top[data-resp-sm="sm"] { top: calc(50px / 2); bottom: auto;}} @media only screen and (max-width: 479px) { .tt-promobox__text.tt-promobox__point-md--top[data-resp-xs="lg"] { top: 50px; bottom: auto;}} @media only screen and (max-width: 479px) { .tt-promobox__text.tt-promobox__point-md--top[data-resp-xs="md"] { top: calc(50px / 1.5); bottom: auto;}} @media only screen and (max-width: 479px) { .tt-promobox__text.tt-promobox__point-md--top[data-resp-xs="sm"] { top: calc(50px / 2); bottom: auto;}} @media only screen and (max-width: 1024px) { .tt-promobox__text.tt-promobox__point-md--bottom[data-resp-md="lg"] { bottom: 50px; top: auto;}} @media only screen and (max-width: 1024px) { .tt-promobox__text.tt-promobox__point-md--bottom[data-resp-md="md"] { bottom: calc(50px / 1.5); top: auto;}} @media only screen and (max-width: 1024px) { .tt-promobox__text.tt-promobox__point-md--bottom[data-resp-md="sm"] { bottom: calc(50px / 2); top: auto;}} @media only screen and (max-width: 767px) { .tt-promobox__text.tt-promobox__point-md--bottom[data-resp-sm="lg"] { bottom: 50px; top: auto;}} @media only screen and (max-width: 767px) { .tt-promobox__text.tt-promobox__point-md--bottom[data-resp-sm="md"] { bottom: calc(50px / 1.5); top: auto;}} @media only screen and (max-width: 767px) { .tt-promobox__text.tt-promobox__point-md--bottom[data-resp-sm="sm"] { bottom: calc(50px / 2); top: auto;}} @media only screen and (max-width: 479px) { .tt-promobox__text.tt-promobox__point-md--bottom[data-resp-xs="lg"] { bottom: 50px; top: auto;}} @media only screen and (max-width: 479px) { .tt-promobox__text.tt-promobox__point-md--bottom[data-resp-xs="md"] { bottom: calc(50px / 1.5); top: auto;}} @media only screen and (max-width: 479px) { .tt-promobox__text.tt-promobox__point-md--bottom[data-resp-xs="sm"] { bottom: calc(50px / 2); top: auto;}} @media only screen and (max-width: 1024px) { .tt-promobox__text.tt-promobox__point-md--left { text-align: left;}} @media only screen and (max-width: 1024px) { .tt-promobox__text.tt-promobox__point-md--left[data-resp-md="lg"] { left: 60px; right: auto;}} @media only screen and (max-width: 1024px) { .tt-promobox__text.tt-promobox__point-md--left[data-resp-md="md"] { left: calc(60px / 1.5); right: auto;}} @media only screen and (max-width: 1024px) { .tt-promobox__text.tt-promobox__point-md--left[data-resp-md="sm"] { left: calc(60px / 2); right: auto;}} @media only screen and (max-width: 767px) { .tt-promobox__text.tt-promobox__point-md--left[data-resp-sm="lg"] { left: 60px; right: auto;}} @media only screen and (max-width: 767px) { .tt-promobox__text.tt-promobox__point-md--left[data-resp-sm="md"] { left: calc(60px / 1.5); right: auto;}} @media only screen and (max-width: 767px) { .tt-promobox__text.tt-promobox__point-md--left[data-resp-sm="sm"] { left: calc(60px / 2); right: auto;}} @media only screen and (max-width: 479px) { .tt-promobox__text.tt-promobox__point-md--left[data-resp-xs="lg"] { left: 60px; right: auto;}} @media only screen and (max-width: 479px) { .tt-promobox__text.tt-promobox__point-md--left[data-resp-xs="md"] { left: calc(60px / 1.5); right: auto;}} @media only screen and (max-width: 479px) { .tt-promobox__text.tt-promobox__point-md--left[data-resp-xs="sm"] { left: calc(60px / 2); right: auto;}} @media only screen and (max-width: 1024px) { .tt-promobox__text.tt-promobox__point-md--right { text-align: right;}} @media only screen and (max-width: 1024px) { .tt-promobox__text.tt-promobox__point-md--right[data-resp-md="lg"] { right: 60px; left: auto;}} @media only screen and (max-width: 1024px) { .tt-promobox__text.tt-promobox__point-md--right[data-resp-md="md"] { right: calc(60px / 1.5); left: auto;}} @media only screen and (max-width: 1024px) { .tt-promobox__text.tt-promobox__point-md--right[data-resp-md="sm"] { right: calc(60px / 2); left: auto;}} @media only screen and (max-width: 767px) { .tt-promobox__text.tt-promobox__point-md--right[data-resp-sm="lg"] { right: 60px; left: auto;}} @media only screen and (max-width: 767px) { .tt-promobox__text.tt-promobox__point-md--right[data-resp-sm="md"] { right: calc(60px / 1.5); left: auto;}} @media only screen and (max-width: 767px) { .tt-promobox__text.tt-promobox__point-md--right[data-resp-sm="sm"] { right: calc(60px / 2); left: auto;}} @media only screen and (max-width: 479px) { .tt-promobox__text.tt-promobox__point-md--right[data-resp-xs="lg"] { right: 60px; left: auto;}} @media only screen and (max-width: 479px) { .tt-promobox__text.tt-promobox__point-md--right[data-resp-xs="md"] { right: calc(60px / 1.5); left: auto;}} @media only screen and (max-width: 479px) { .tt-promobox__text.tt-promobox__point-md--right[data-resp-xs="sm"] { right: calc(60px / 2); left: auto;}} @media only screen and (max-width: 767px) { .tt-promobox__text.tt-promobox__point-sm--center-vertical, .tt-promobox__text.tt-promobox__point-sm--center-vertical[data-resp-md], .tt-promobox__text.tt-promobox__point-sm--center-vertical[data-resp-sm], .tt-promobox__text.tt-promobox__point-sm--center-vertical[data-resp-xs] { top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}} @media only screen and (max-width: 767px) { .tt-promobox__text.tt-promobox__point-sm--center-horizontal, .tt-promobox__text.tt-promobox__point-sm--center-horizontal[data-resp-md], .tt-promobox__text.tt-promobox__point-sm--center-horizontal[data-resp-sm], .tt-promobox__text.tt-promobox__point-sm--center-horizontal[data-resp-xs] { left: 50%; right: auto; text-align: center; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);}} @media only screen and (max-width: 767px) { .tt-promobox__text.tt-promobox__point-sm--center-vertical.tt-promobox__text.tt-promobox__point-sm--center-horizontal, .tt-promobox__text.tt-promobox__point-sm--center-vertical.tt-promobox__text.tt-promobox__point-sm--center-horizontal[data-resp-md], .tt-promobox__text.tt-promobox__point-sm--center-vertical.tt-promobox__text.tt-promobox__point-sm--center-horizontal[data-resp-sm], .tt-promobox__text.tt-promobox__point-sm--center-vertical.tt-promobox__text.tt-promobox__point-sm--center-horizontal[data-resp-xs] { -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}} @media only screen and (max-width: 767px) { .tt-promobox__text.tt-promobox__point-sm--center { left: 50%; right: auto; top: 50%; bottom: auto; text-align: center; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}} @media only screen and (max-width: 767px) { .tt-promobox__text.tt-promobox__point-sm--top[data-resp-sm="lg"] { top: 50px; bottom: auto;}} @media only screen and (max-width: 767px) { .tt-promobox__text.tt-promobox__point-sm--top[data-resp-sm="md"] { top: calc(50px / 1.5); bottom: auto;}} @media only screen and (max-width: 767px) { .tt-promobox__text.tt-promobox__point-sm--top[data-resp-sm="sm"] { top: calc(50px / 2); bottom: auto;}} @media only screen and (max-width: 479px) { .tt-promobox__text.tt-promobox__point-sm--top[data-resp-xs="lg"] { top: 50px; bottom: auto;}} @media only screen and (max-width: 479px) { .tt-promobox__text.tt-promobox__point-sm--top[data-resp-xs="md"] { top: calc(50px / 1.5); bottom: auto;}} @media only screen and (max-width: 479px) { .tt-promobox__text.tt-promobox__point-sm--top[data-resp-xs="sm"] { top: calc(50px / 2); bottom: auto;}} @media only screen and (max-width: 767px) { .tt-promobox__text.tt-promobox__point-sm--bottom[data-resp-sm="lg"] { bottom: 50px; top: auto;}} @media only screen and (max-width: 767px) { .tt-promobox__text.tt-promobox__point-sm--bottom[data-resp-sm="md"] { bottom: calc(50px / 1.5); top: auto;}} @media only screen and (max-width: 767px) { .tt-promobox__text.tt-promobox__point-sm--bottom[data-resp-sm="sm"] { bottom: calc(50px / 2); top: auto;}} @media only screen and (max-width: 479px) { .tt-promobox__text.tt-promobox__point-sm--bottom[data-resp-xs="lg"] { bottom: 50px; top: auto;}} @media only screen and (max-width: 479px) { .tt-promobox__text.tt-promobox__point-sm--bottom[data-resp-xs="md"] { bottom: calc(50px / 1.5); top: auto;}} @media only screen and (max-width: 479px) { .tt-promobox__text.tt-promobox__point-sm--bottom[data-resp-xs="sm"] { bottom: calc(50px / 2); top: auto;}} @media only screen and (max-width: 767px) { .tt-promobox__text.tt-promobox__point-sm--left { text-align: left;}} @media only screen and (max-width: 767px) { .tt-promobox__text.tt-promobox__point-sm--left[data-resp-sm="lg"] { left: 60px; right: auto;}} @media only screen and (max-width: 767px) { .tt-promobox__text.tt-promobox__point-sm--left[data-resp-sm="md"] { left: calc(60px / 1.5); right: auto;}} @media only screen and (max-width: 767px) { .tt-promobox__text.tt-promobox__point-sm--left[data-resp-sm="sm"] { left: calc(60px / 2); right: auto;}} @media only screen and (max-width: 479px) { .tt-promobox__text.tt-promobox__point-sm--left[data-resp-xs="lg"] { left: 60px; right: auto;}} @media only screen and (max-width: 479px) { .tt-promobox__text.tt-promobox__point-sm--left[data-resp-xs="md"] { left: calc(60px / 1.5); right: auto;}} @media only screen and (max-width: 479px) { .tt-promobox__text.tt-promobox__point-sm--left[data-resp-xs="sm"] { left: calc(60px / 2); right: auto;}} @media only screen and (max-width: 767px) { .tt-promobox__text.tt-promobox__point-sm--right { text-align: right;}} @media only screen and (max-width: 767px) { .tt-promobox__text.tt-promobox__point-sm--right[data-resp-sm="lg"] { right: 60px; left: auto;}} @media only screen and (max-width: 767px) { .tt-promobox__text.tt-promobox__point-sm--right[data-resp-sm="md"] { right: calc(60px / 1.5); left: auto;}} @media only screen and (max-width: 767px) { .tt-promobox__text.tt-promobox__point-sm--right[data-resp-sm="sm"] { right: calc(60px / 2); left: auto;}} @media only screen and (max-width: 479px) { .tt-promobox__text.tt-promobox__point-sm--right[data-resp-xs="lg"] { right: 60px; left: auto;}} @media only screen and (max-width: 479px) { .tt-promobox__text.tt-promobox__point-sm--right[data-resp-xs="md"] { right: calc(60px / 1.5); left: auto;}} @media only screen and (max-width: 479px) { .tt-promobox__text.tt-promobox__point-sm--right[data-resp-xs="sm"] { right: calc(60px / 2); left: auto;}} @media only screen and (max-width: 479px) { .tt-promobox__text.tt-promobox__point-xs--center-vertical, .tt-promobox__text.tt-promobox__point-xs--center-vertical[data-resp-md], .tt-promobox__text.tt-promobox__point-xs--center-vertical[data-resp-sm], .tt-promobox__text.tt-promobox__point-xs--center-vertical[data-resp-xs] { top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}} @media only screen and (max-width: 479px) { .tt-promobox__text.tt-promobox__point-xs--center-horizontal, .tt-promobox__text.tt-promobox__point-xs--center-horizontal[data-resp-md], .tt-promobox__text.tt-promobox__point-xs--center-horizontal[data-resp-sm], .tt-promobox__text.tt-promobox__point-xs--center-horizontal[data-resp-xs] { left: 50%; right: auto; text-align: center; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);}} @media only screen and (max-width: 479px) { .tt-promobox__text.tt-promobox__point-xs--center-vertical.tt-promobox__text.tt-promobox__point-xs--center-horizontal, .tt-promobox__text.tt-promobox__point-xs--center-vertical.tt-promobox__text.tt-promobox__point-xs--center-horizontal[data-resp-md], .tt-promobox__text.tt-promobox__point-xs--center-vertical.tt-promobox__text.tt-promobox__point-xs--center-horizontal[data-resp-sm], .tt-promobox__text.tt-promobox__point-xs--center-vertical.tt-promobox__text.tt-promobox__point-xs--center-horizontal[data-resp-xs] { -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}} @media only screen and (max-width: 479px) { .tt-promobox__text.tt-promobox__point-xs--center { left: 50%; right: auto; top: 50%; bottom: auto; text-align: center; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}} @media only screen and (max-width: 479px) { .tt-promobox__text.tt-promobox__point-xs--top[data-resp-xs="lg"] { top: 50px; bottom: auto;}} @media only screen and (max-width: 479px) { .tt-promobox__text.tt-promobox__point-xs--top[data-resp-xs="md"] { top: calc(50px / 1.5); bottom: auto;}} @media only screen and (max-width: 479px) { .tt-promobox__text.tt-promobox__point-xs--top[data-resp-xs="sm"] { top: calc(50px / 2); bottom: auto;}} @media only screen and (max-width: 479px) { .tt-promobox__text.tt-promobox__point-xs--bottom[data-resp-xs="lg"] { bottom: 50px; top: auto;}} @media only screen and (max-width: 479px) { .tt-promobox__text.tt-promobox__point-xs--bottom[data-resp-xs="md"] { bottom: calc(50px / 1.5); top: auto;}} @media only screen and (max-width: 479px) { .tt-promobox__text.tt-promobox__point-xs--bottom[data-resp-xs="sm"] { bottom: calc(50px / 2); top: auto;}} @media only screen and (max-width: 479px) { .tt-promobox__text.tt-promobox__point-xs--left { text-align: left;}} @media only screen and (max-width: 479px) { .tt-promobox__text.tt-promobox__point-xs--left[data-resp-xs="lg"] { left: 60px; right: auto;}} @media only screen and (max-width: 479px) { .tt-promobox__text.tt-promobox__point-xs--left[data-resp-xs="md"] { left: calc(60px / 1.5); right: auto;}} @media only screen and (max-width: 479px) { .tt-promobox__text.tt-promobox__point-xs--left[data-resp-xs="sm"] { left: calc(60px / 2); right: auto;}} @media only screen and (max-width: 479px) { .tt-promobox__text.tt-promobox__point-xs--right { text-align: right;}} @media only screen and (max-width: 479px) { .tt-promobox__text.tt-promobox__point-xs--right[data-resp-xs="lg"] { right: 60px; left: auto;}} @media only screen and (max-width: 479px) { .tt-promobox__text.tt-promobox__point-xs--right[data-resp-xs="md"] { right: calc(60px / 1.5); left: auto;}} @media only screen and (max-width: 479px) { .tt-promobox__text.tt-promobox__point-xs--right[data-resp-xs="sm"] { right: calc(60px / 2); left: auto;}} .tt-promobox__text.tt-promobox__text--sz-01 div { font-size: 44px;} .tt-promobox__text.tt-promobox__text--sz-01 p { font-size: 22px; margin-bottom: 0 !important;} .tt-promobox__hover.tt-promobox__hover--up .tt-promobox__text { max-width: calc(100% - 80px); top: 10px; left: 40px;} .tt-promobox__text.tt-promobox__align-lg--left, .tt-promobox__text.tt-promobox__align-lg--left[data-resp-md], .tt-promobox__text.tt-promobox__align-lg--left[data-resp-sm], .tt-promobox__text.tt-promobox__align-lg--left[data-resp-xs] { text-align: left;} .tt-promobox__text.tt-promobox__align-lg--right, .tt-promobox__text.tt-promobox__align-lg--right[data-resp-md], .tt-promobox__text.tt-promobox__align-lg--right[data-resp-sm], .tt-promobox__text.tt-promobox__align-lg--right[data-resp-xs] { text-align: right;} .tt-promobox__text.tt-promobox__align-lg--center, .tt-promobox__text.tt-promobox__align-lg--center[data-resp-md], .tt-promobox__text.tt-promobox__align-lg--center[data-resp-sm], .tt-promobox__text.tt-promobox__align-lg--center[data-resp-xs] { text-align: center;} @media only screen and (max-width: 1024px) { .tt-promobox__text.tt-promobox__align-md--left, .tt-promobox__text.tt-promobox__align-md--left[data-resp-md], .tt-promobox__text.tt-promobox__align-md--left[data-resp-sm], .tt-promobox__text.tt-promobox__align-md--left[data-resp-xs] { text-align: left;}} @media only screen and (max-width: 1024px) { .tt-promobox__text.tt-promobox__align-md--right, .tt-promobox__text.tt-promobox__align-md--right[data-resp-md], .tt-promobox__text.tt-promobox__align-md--right[data-resp-sm], .tt-promobox__text.tt-promobox__align-md--right[data-resp-xs] { text-align: right;}} @media only screen and (max-width: 1024px) { .tt-promobox__text.tt-promobox__align-md--center, .tt-promobox__text.tt-promobox__align-md--center[data-resp-md], .tt-promobox__text.tt-promobox__align-md--center[data-resp-sm], .tt-promobox__text.tt-promobox__align-md--center[data-resp-xs] { text-align: center;}} @media only screen and (max-width: 767px) { .tt-promobox__text.tt-promobox__align-sm--left, .tt-promobox__text.tt-promobox__align-sm--left[data-resp-md], .tt-promobox__text.tt-promobox__align-sm--left[data-resp-sm], .tt-promobox__text.tt-promobox__align-sm--left[data-resp-xs] { text-align: left;}} @media only screen and (max-width: 767px) { .tt-promobox__text.tt-promobox__align-sm--right, .tt-promobox__text.tt-promobox__align-sm--right[data-resp-md], .tt-promobox__text.tt-promobox__align-sm--right[data-resp-sm], .tt-promobox__text.tt-promobox__align-sm--right[data-resp-xs] { text-align: right;}} @media only screen and (max-width: 767px) { .tt-promobox__text.tt-promobox__align-sm--center, .tt-promobox__text.tt-promobox__align-sm--center[data-resp-md], .tt-promobox__text.tt-promobox__align-sm--center[data-resp-sm], .tt-promobox__text.tt-promobox__align-sm--center[data-resp-xs] { text-align: center;}} @media only screen and (max-width: 479px) { .tt-promobox__text.tt-promobox__align-xs--left, .tt-promobox__text.tt-promobox__align-xs--left[data-resp-md], .tt-promobox__text.tt-promobox__align-xs--left[data-resp-sm], .tt-promobox__text.tt-promobox__align-xs--left[data-resp-xs] { text-align: left;}} @media only screen and (max-width: 479px) { .tt-promobox__text.tt-promobox__align-xs--right, .tt-promobox__text.tt-promobox__align-xs--right[data-resp-md], .tt-promobox__text.tt-promobox__align-xs--right[data-resp-sm], .tt-promobox__text.tt-promobox__align-xs--right[data-resp-xs] { text-align: right;}} @media only screen and (max-width: 479px) { .tt-promobox__text.tt-promobox__align-xs--center, .tt-promobox__text.tt-promobox__align-xs--center[data-resp-md], .tt-promobox__text.tt-promobox__align-xs--center[data-resp-sm], .tt-promobox__text.tt-promobox__align-xs--center[data-resp-xs] { text-align: center;}} /* DOCUMENTATION */ /* //modifiers from .tt-promobox === sizes === - .tt-promobox__size-[high, wide, square, auto] === hover === - .tt-promobox__hover-disable--[md, sm] from .tt-promobox__text === color === - . === responsive text=== - data-resp-[md, sm, xs]="[lg, md, sm]" === positions === - .tt-promobox__point-[lg, md, sm, xs]--[top, bottom, left, right, center, center-vertical, center-horizontal] === aligns === - .tt-promobox__align-[lg, md, sm, xs]--[left, right, center] //attributes from .tt-promobox - [data="tt-link-dbclick] //prevent default in first click from links in touch devices */ /** * (c) Tonytemplates Ltd, https://www.tonytemplates.com/support@tonytemplates.com */ .tt-shp-info { text-align: center; overflow: hidden;} .tt-shp-info__section { max-width: 100%; text-align: center; align-items: center; justify-content: center; margin: 0 auto; display: -moz-inline-box; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex;} .tt-shp-info__section > * { max-width: 100%;} .tt-shp-info__strong { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden;} .tt-shp-info__number { margin-bottom: 40px; font-size: 30px; font-weight: 700; border: solid 2px transparent; border-radius: 50%; width: 100px; height: 100px; justify-content: center; align-items: center; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} @media only screen and (min-width: 767px) and (max-width: 1024px) { .tt-shp-info p { font-size: 14px;}} .tt-shp-info p strong > em, .tt-shp-info p em > strong, .tt-shp-info p span { font-style: normal; font-weight: 700;} .tt-shp-info.tt-shp-info__design-01 .tt-shp-info__section { flex-direction: column;} @media only screen and (min-width: 1025px) { .tt-shp-info.tt-shp-info__design-01 .tt-shp-info__section { padding: 0px 40px;margin:60px 0}} @media only screen and (max-width: 1024px) and (min-width: 768px) { .tt-shp-info.tt-shp-info__design-01 .tt-shp-info__section { padding: 60px 32px;}} .tt-shp-info.tt-shp-info__design-01 .tt-shp-info__section i { margin-bottom: 18px;} .tt-shp-info.tt-shp-info__design-01 .tt-shp-info__section i.icon-phone { font-size: 32px;} .tt-shp-info.tt-shp-info__design-01 .tt-shp-info__strong { margin-bottom: 20px; font-size: 30px; line-height: 1.4; font-weight: 700;} @media only screen and (min-width: 767px) and (max-width: 1024px) { .tt-shp-info.tt-shp-info__design-01 .tt-shp-info__strong { font-size: 24px;}} .tt-shp-info.tt-shp-info__design-02 .tt-shp-info__section { padding: 20px 24px; min-height: 128px;} .tt-shp-info.tt-shp-info__design-02 .tt-shp-info__section i { margin-right: 24px; margin-bottom: 8px;} .tt-shp-info.tt-shp-info__design-02 .tt-shp-info__section p { margin-bottom: 0;} .tt-shp-info.tt-shp-info__design-02 .tt-shp-info__strong { font-size: 22px; font-weight: 700; line-height: 1;} .tt-shp-info.tt-shp-info__design-03 [class^='col-'] { margin-bottom: 24px;} .tt-shp-info.tt-shp-info__design-03 .tt-shp-info__section { width: 100%; padding: 20px 24px; min-height: 128px; border: solid 1px transparent;} .tt-shp-info.tt-shp-info__design-03 .tt-shp-info__section i { margin-right: 24px; margin-bottom: 8px;} .tt-shp-info.tt-shp-info__design-03 .tt-shp-info__section p { margin-bottom: 0;} .tt-shp-info.tt-shp-info__design-03 .tt-shp-info__strong { font-size: 30px; font-weight: 700; line-height: 1;} .tt-shp-info.tt-shp-info__design-04 .tt-shp-info__section { flex-direction: column;} @media only screen and (min-width: 1025px) { .tt-shp-info.tt-shp-info__design-04 .tt-shp-info__section { padding: 80px 58px 65px;}} @media only screen and (max-width: 1024px) and (min-width: 768px) { .tt-shp-info.tt-shp-info__design-04 .tt-shp-info__section { padding: 60px 32px;}} @media only screen and (max-width: 767px) { .tt-shp-info.tt-shp-info__design-04 .tt-shp-info__section { padding: 20px 12px;}} .tt-shp-info.tt-shp-info__design-04 .tt-shp-info__section i { margin-bottom: 18px;} .tt-shp-info.tt-shp-info__design-04 .tt-shp-info__strong { margin-bottom: 40px; font-size: 30px; font-weight: 700; line-height: 1;} @media only screen and (min-width: 767px) and (max-width: 1024px) { .tt-shp-info.tt-shp-info__design-04 .tt-shp-info__strong { font-size: 24px;}} .tt-shp-info i { display: inline-block; font-size: 42px;line-height:42px; will-change: transform; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden;} @media only screen and (min-width: 1400px) { .tt-shp-info__align--left { text-align: left;}} @media only screen and (min-width: 1400px) { .tt-shp-info__align--right { text-align: right;}} @media only screen and (min-width: 1400px) { .tt-shp-info__design-01 .tt-shp-info__align--left { align-items: flex-start;}} @media only screen and (min-width: 1400px) { .tt-shp-info__design-01 .tt-shp-info__align--right { align-items: flex-end;}} .tt-shp-info__animation.tt-shp-info__section:hover i { -webkit-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3);} /* DOCUMENTATION */ /* //modifiers from .tt-shp-info === align === - .tt-shp-info__align--left - .tt-shp-info__align--right ===animation=== - .tt-shp-info__animation - .ttg-animation-icon--wave */ /** * (c) Tonytemplates Ltd, https://www.tonytemplates.com/support@tonytemplates.com */ .tt-product { position: relative; overflow: hidden;} @media only screen and (min-width: 1025px) { .tt-product { min-height: 100px;}} .tt-product img { width: 100%;} .tt-product a { outline: none;} .tt-product__image { position: relative;} .tt-product__image a { position: relative; display: block;} .tt-product__image a.ttg-loading::before { z-index: 1;} .tt-product__image a.ttg-loading::after { z-index: auto;} .tt-product__image.tt-product__image--square::after { content: ''; display: block; padding-top: 100%;} .tt-product__image.tt-product__image--square a { justify-content: center; align-items: center; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; position: absolute; top: 0; bottom: 0; left: 0; right: 0;} .tt-product__image.tt-product__image--square a img { width: auto; max-width: 100%; max-height: 100%;} .tt-product__hover { position: relative; overflow: hidden; align-items: center; z-index: 1; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} @media only screen and (min-width: 1025px) { .tt-product__view-overlay .tt-product__hover { will-change: transform; position: absolute; top: 0; bottom: 0; left: 0; right: 0; -webkit-opacity: 0; -moz-opacity: 0; -o-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity="+0*100); filter: alpha(opacity=0*100);}} @media only screen and (min-width: 1025px) { .tt-product__view-overlay .tt-product__hover::before { content: ''; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; -webkit-opacity: 0.95; -moz-opacity: 0.95; -o-opacity: 0.95; opacity: 0.95; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity="+0.95*100); filter: alpha(opacity=0.95*100);}} @media only screen and (min-width: 1025px) { .tt-product__view-overlay:hover .tt-product__hover { z-index: 2; -webkit-opacity: 1; -moz-opacity: 1; -o-opacity: 1; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity="+1*100); filter: alpha(opacity=1*100);}} @media only screen and (min-width: 1025px) { .tt-product.tt-product__hover-down .tt-product__hover { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%);}} @media only screen and (min-width: 1025px) { .tt-product__hover.tt-product__hover-transparent::before { -webkit-opacity: 0; -moz-opacity: 0; -o-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity="+0*100); filter: alpha(opacity=0*100);}} @media only screen and (min-width: 1025px) { .tt-product__hover.tt-product__view-overlay.tt-product__hover-transparent .tt-product__content .ttg-text-animation--emersion > *:not(.tt-product__option), .tt-product__hover.tt-product__hover-down.tt-product__hover-transparent .tt-product__content .ttg-text-animation--emersion > *:not(.tt-product__option) { -webkit-opacity: 0; -moz-opacity: 0; -o-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity="+0*100); filter: alpha(opacity=0*100);}} @media only screen and (min-width: 1025px) { .tt-product__hover.tt-product__hover-transparent .tt-product__option { -webkit-opacity: 0.6; -moz-opacity: 0.6; -o-opacity: 0.6; opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity="+0.6*100); filter: alpha(opacity=0.6*100);}} @media only screen and (min-width: 1025px) { .tt-product__hover-down:hover .tt-product__hover { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%);}} .tt-product__content { position: relative; width: 100%; max-height: 100%; text-align: center;} .tt-product__content p { padding-left: 13.2%; padding-right: 13.2%; margin: 10px 0; line-height: 1.6;} @media only screen and (max-width: 1024px) { .tt-product__content p { padding-left: 14px; padding-right: 14px;}} .tt-product__content p a { display: inline-block; font-weight: 700; font-size: 14px; line-height: calc(1.6 * 14px);} .tt-product__content p a:not(:first-child) { margin-left: 8px;} .tt-product__content h3 { margin: 0; font-size: 18px; line-height: 1.555; font-weight: 700;} @media only screen and (max-width: 1024px) { .tt-product__content h3 { padding: 0 14px;}} @media only screen and (min-width: 1025px) { .tt-product__content h3 { padding: 0 13.2%;}} .tt-product__content .ps__scrollbar-x-rail { display: none !important;} .tt-product__view-sheet .tt-product__content { margin: 20px 0;} @media only screen and (max-width: 1024px) { .tt-product__view-overlay .tt-product__content { margin-top: 20px; margin-bottom: 20px;}} .tt-product-view:not(.tt-product-view--list) .tt-product__description { display: none;} .tt-product__option { margin: 5px 0;} .tt-product__price { font-size: 24px;} .tt-product__stars { margin: 10px 0 14px;} .tt-product__buttons { margin-top: 14px; display: -moz-inline-box !important; display: -ms-inline-flexbox !important; display: -webkit-inline-flex !important; display: inline-flex !important; justify-content: center; align-items: center;} .tt-product__buttons .tt-btn { margin: 0 5px; margin-bottom: 20px;} @media only screen and (max-width: 1024px) { .tt-product__buttons .tt-btn { border-color: transparent !important;}} @media only screen and (min-width: 1025px) { .tt-product__buttons_cart:hover { background-color: transparent;}} .tt-product__buttons_cart i::before { font-size: 32px;} .tt-product__buttons_cart.tt-btn__state--active i::before { content: '\e8b3'; font-size: 20px;} .tt-product__buttons_cart > span { display: none;} .tt-product__buttons_like i::before { margin-top: 2px;} @media only screen and (max-width: 1024px) { .tt-product__buttons_qv { display: none;}} .tt-product__countdown .countdown-row { font-weight: 700; display: inline-block;} @media only screen and (min-width: 480px) { .tt-product__countdown .countdown-row { font-size: 14px;}} @media only screen and (max-width: 479px) { .tt-product__countdown .countdown-row { font-size: 12px;}} .tt-product__countdown .countdown-row .countdown-section { display: block; float: left; white-space: nowrap;} @media only screen and (min-width: 480px) { .tt-product__countdown .countdown-row .countdown-section { width: 64px;}} @media only screen and (max-width: 479px) { .tt-product__countdown .countdown-row .countdown-section { width: 54px;}} .tt-product__countdown .countdown-row .countdown-section:first-child { text-align: right; padding-right: 2px;} .tt-product__countdown .countdown-row .countdown-section:not(:first-child)::before { float: left; display: block; content: ':'; text-align: center; width: 14px;} .tt-product__countdown .countdown-row .countdown-section span { display: inline-block;} .tt-product__countdown .countdown-row .countdown-section .countdown-period { margin-left: 4px;} .tt-product__countdown .countdown-row .countdown-section--small { width: 32px;} .tt-product__labels { position: absolute; top: 20px; left: 20px; right: 20px; font-size: 0; z-index: 2; pointer-events: none;} .tt-product__labels span { margin-bottom: 4px;} .tt-product__labels span { margin-right: 4px;} @media only screen and (min-width: 1025px) { .tt-product.tt-product__view-overlay:hover .tt-product__labels { -webkit-opacity: 0; -moz-opacity: 0; -o-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity="+0*100); filter: alpha(opacity=0*100);}} @media only screen and (min-width: 1025px) { .tt-product.tt-product__hover-down:hover .tt-product__labels { top: 0; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%);}} @media only screen and (max-width: 1024px) { .tt-product.ttg-text-animation-parent .ttg-text-animation--emersion > * { -webkit-transform: translateY(0px) !important; -ms-transform: translateY(0px) !important; -o-transform: translateY(0px) !important; transform: translateY(0px) !important;}} .tt-product-view { position: relative;} .tt-product-view.ttg-loading::before { top: 220px;} .tt-product-view--list .tt-product { padding-bottom: 24px; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} @media only screen and (min-width: 1025px) { .tt-product-view--list .tt-product__description { display: block; font-weight: 400; font-size: 16px;}} @media only screen and (max-width: 1024px) { .tt-product-view--list .tt-product__description { display: none;}} @media only screen and (min-width: 1025px) { .tt-product-view--list .tt-product__image { width: 39%;}} @media only screen and (max-width: 1024px) { .tt-product-view--list .tt-product__image { width: 40%;}} .tt-product-view--list .tt-product__hover { display: block; position: relative; will-change: auto; -webkit-transform: translateY(0px) !important; -ms-transform: translateY(0px) !important; -o-transform: translateY(0px) !important; transform: translateY(0px) !important; -webkit-opacity: 1; -moz-opacity: 1; -o-opacity: 1; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity="+1*100); filter: alpha(opacity=1*100);} @media only screen and (min-width: 1025px) { .tt-product-view--list .tt-product__hover { width: 61%;}} @media only screen and (max-width: 1024px) { .tt-product-view--list .tt-product__hover { width: 60%;}} .tt-product-view--list .tt-product__hover::before { display: none;} @media only screen and (min-width: 1025px) { .tt-product-view--list .tt-product__hover.tt-product__hover-transparent h3, .tt-product-view--list .tt-product__hover.tt-product__hover-transparent p, .tt-product-view--list .tt-product__hover.tt-product__hover-transparent .tt-product__price, .tt-product-view--list .tt-product__hover.tt-product__hover-transparent .tt-product__stars, .tt-product-view--list .tt-product__hover.tt-product__hover-transparent .tt-product__buttons, .tt-product-view--list .tt-product__hover.tt-product__hover-transparent .tt-product__countdown, .tt-product-view--list .tt-product__hover.tt-product__hover-transparent .tt-product__option { -webkit-opacity: 1; -moz-opacity: 1; -o-opacity: 1; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity="+1*100); filter: alpha(opacity=1*100);}} .tt-product-view--list .tt-product__content { text-align: left; margin: 0;} @media only screen and (min-width: 1025px) { .tt-product-view--list .tt-product__content { padding: 0 40px;}} @media only screen and (max-width: 1024px) { .tt-product-view--list .tt-product__content { padding: 0 0 0 20px;}} .tt-product-view--list .tt-product__content h3 { padding: 0; margin-top: 0;} .tt-product-view--list .tt-product__content p { padding: 0;} @media only screen and (max-width: 1024px) { .tt-product-view--list .tt-product__content p > span > a { font-size: 18px;}} .tt-product-view--list .tt-product__option { text-align: left;} .tt-product-view--list .tt-product__buttons { justify-content: flex-start; flex-wrap: wrap;} @media only screen and (max-width: 479px) { .tt-product-view--list .tt-product__buttons .tt-btn { width: 34px; height: 34px;}} @media only screen and (min-width: 1025px) { .tt-product-view--list .tt-product__buttons_cart { width: 170px; padding-left: 20px; padding-right: 20px; margin-right: 14px; border-radius: 0;}} @media only screen and (min-width: 1025px) { .tt-product-view--list .tt-product__buttons_cart i { margin-left: 0; margin-right: 0;}} @media only screen and (min-width: 1025px) { .tt-product-view--list .tt-product__buttons_cart > span { display: inline; font-size: 14px; font-weight: 700;}} @media only screen and (min-width: 1025px) { .tt-product-view--list .tt-product__buttons_cart.tt-btn__state--active > span, .tt-product-view--list .tt-product__buttons_cart.tt-btn__state--wait > span { display: none;}} @media only screen and (min-width: 1025px) { .tt-product-view--list .tt-product__countdown { text-align: left;}} @media only screen and (max-width: 1024px) { .tt-product-view--list .tt-product__countdown { display: none;}} .tt-product-view--list .tt-product__countdown .countdown-row { text-align: center;} .tt-product-view--list .tt-product__countdown .countdown-row .countdown-section:first-child { text-align: center;} @media only screen and (min-width: 1025px) { .tt-product-view--list .tt-product__labels { top: 20px !important; -webkit-opacity: 1 !important; -moz-opacity: 1 !important; -o-opacity: 1 !important; opacity: 1 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity="+1*100) !important; filter: alpha(opacity=1*100) !important;}} @media only screen and (max-width: 1024px) { .tt-product-view--list .tt-product__labels { display: none;}} .tt-product-view--list .tt-product.ttg-text-animation-parent .ttg-text-animation--emersion { overflow: visible;} .tt-product-view--list .tt-product.ttg-text-animation-parent .ttg-text-animation--emersion > * { -webkit-transform: translateY(0px) !important; -ms-transform: translateY(0px) !important; -o-transform: translateY(0px) !important; transform: translateY(0px) !important;} @media only screen and (max-width: 1024px) { .tt-product-view--list .tt-product__stars { display: none;}} .tt-product-view--list [class^='col-'] { max-width: 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%;} .tt-product-view--preview .tt-product__image, .tt-product-view--preview .tt-product__hover { width: 50%;} .tt-product-view--preview .tt-product__content { padding-left: 24px; padding-right: 0;} .tt-product-view--list .prdbut__option { justify-content: flex-start; text-align: left !important;} @media only screen and (min-width: 1025px) { .tt-product-view--offset { margin-bottom: -24px;}} @media only screen and (min-width: 1025px) { .tt-product-view--offset .tt-product__view-overlay { margin-bottom: 24px;}} /* DOCUMENTATION */ /* //modifiers from .product === animation hover === - .tt-product__hover-down - .ttg-text-animation-parent from .product__hover === color click transparent=== - .tt-product__clr-clk-transp */ .tt-stars { position: relative; display: inline-block; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden;} .tt-stars > span::before { display: block; content: '\e878 \e878 \e878 \e878 \e878'; margin: 0; font-size: 16px;} .tt-stars > span:nth-child(1)::before { width: 100%;} .tt-stars > span:nth-child(2) { width: 0%; position: absolute; top: 0; left: 0; overflow: hidden;} .tt-stars input { display: none;} .tt-stars__input { cursor: pointer;} .tt-stars.tt-stars__stars-01 > span:nth-child(2) { width: 20%;} .tt-stars.tt-stars__stars-02 > span:nth-child(2) { width: 40%;} .tt-stars.tt-stars__stars-03 > span:nth-child(2) { width: 60%;} .tt-stars.tt-stars__stars-04 > span:nth-child(2) { width: 80%;} .tt-stars.tt-stars__stars-05 > span:nth-child(2) { width: 100%;} /** * (c) Tonytemplates Ltd, https://www.tonytemplates.com/support@tonytemplates.com */ .tt-newsletter { position: relative; display: block;} .tt-newsletter input, .tt-newsletter button { height: 46px;} .tt-newsletter button { justify-content: center; will-change: width;} @media only screen and (max-width: 1024px) { .tt-newsletter:not(.tt-newsletter__design-mobile) input, .tt-newsletter:not(.tt-newsletter__design-mobile) button { display: block; width: 100% !important;}} .tt-newsletter.tt-newsletter__design-mobile input, .tt-newsletter.tt-newsletter__design-mobile button { display: block; width: 100% !important;} @media only screen and (max-width: 1024px) { .tt-newsletter:not(tt-newsletter__design-mobile) input { margin-bottom: 10px;}} @media only screen and (min-width: 1025px) { .tt-newsletter:not(tt-newsletter__design-mobile) input { padding-right: 150px;}} .tt-newsletter.tt-newsletter__design-mobile input { margin-bottom: 10px;} .tt-newsletter button { min-width: 130px;} .tt-newsletter button span { font-size: 14px;} @media only screen and (min-width: 1025px) { .tt-newsletter:not(.tt-newsletter__design-mobile) button { position: absolute; height: 47px; top: 0; right: 0;}} @media only screen and (max-width: 1024px) { .tt-newsletter:not(.tt-newsletter__design-mobile) button { padding-left: 0; padding-right: 0;}} .tt-newsletter.tt-newsletter__design-mobile button { padding-left: 0; padding-right: 0;} .tt-newsletter__message button { min-width: 100%; cursor: default; font-weight: 400;} .tt-newsletter__text-default { white-space: nowrap;} .tt-newsletter__text-error, .tt-newsletter__text-complete { display: none; white-space: nowrap;} .tt-newsletter__text-error i, .tt-newsletter__text-complete i { margin-right: 4px; vertical-align: middle; margin-top: -4px;} .tt-newsletter__text-error i::before, .tt-newsletter__text-complete i::before { font-size: 20px;} @media only screen and (max-width: 479px) { .tt-newsletter:not(.tt-newsletter__design-mobile) .tt-newsletter__text-error, .tt-newsletter:not(.tt-newsletter__design-mobile) .tt-newsletter__text-complete { font-size: 12px !important;}} .tt-newsletter__design-mobile .tt-newsletter__text-error, .tt-newsletter__design-mobile .tt-newsletter__text-complete { font-size: 12px !important;} /** * (c) Tonytemplates Ltd, https://www.tonytemplates.com/support@tonytemplates.com */ .tt-sr { visibility: hidden;} .tt-sr .tp-caption.text-center { text-align: center !important;} .tt-sr .tp-caption.text-right { text-align: right !important;} .tt-sr__text div:not(.tt-btn):not(.btn), .tt-sr__text span, .tt-sr__text p { display: block; font-weight: 700;} .tt-sr__text div:not(.tt-btn):not(.btn), .tt-sr__text span { font-size: 60px; line-height: 1.216;} @media only screen and (max-width: 767px) { .tt-sr__text div:not(.tt-btn):not(.btn), .tt-sr__text span { font-size: 30px;}} .tt-sr__text span { margin-bottom: 20px !important;} @media only screen and (max-width: 767px) { .tt-sr__text span { margin-bottom: 26px !important;}} .tt-sr__text p { font-size: 16px; line-height: 1.25; margin-bottom: 45px !important;margin-top: 25px;} @media only screen and (max-width: 767px) { .tt-sr__text p { display: none;}} @media only screen and (max-width: 1024px) { .tparrows { display: none !important;} .tp-tabs, .tp-thumbs, .tp-bullets { top: 0px; left: 0px; left: 0 !important; right: 0 !important; transform: unset !important; bottom: 6%; top: unset !important; margin: auto;}} .tt-sr .tparrows.uranus::before { font-size: 30px; font-weight: 700;} .ares .tp-bullet { width: 8px !important; height: 8px !important;background:#fff} .ares .tp-bullet.selected { background: #333 !important;} .ares .tp-bullet-title { display: none; } .tt-sr.tt-sr__nav--off .tp-bullets, .tt-sr.tt-sr__nav--off .tparrows { display: none !important;} .tt-sr.tt-sr__bullets--off .tp-bullets { display: none !important;} .tt-sr.tt-sr__arrows--off .tparrows { display: none !important;} .tt-sr.tt-sr__nav-vertical .tparrows { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);} .tt-sr .tp-video-play-button { z-index: 10; -webkit-opacity: 1; -moz-opacity: 1; -o-opacity: 1; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity="+1*100); filter: alpha(opacity=1*100);} .tt-sr--video * { height: 100% !important;} .forcefullwidth_wrapper_tp_banner { overflow: hidden;} /** * (c) Tonytemplates Ltd, https://www.tonytemplates.com/support@tonytemplates.com */ .tt-slider-scroll { position: relative; -webkit-opacity: 0; -moz-opacity: 0; -o-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity="+0*100); filter: alpha(opacity=0*100);} .tt-slider-scroll__nav { position: fixed; right: 5%; top: 200px; z-index: 7; flex-direction: column; align-items: center; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} @media only screen and (max-width: 1024px) { .tt-slider-scroll__nav ul { display: none;}} .tt-slider-scroll__nav ul li a { display: inline-block; position: relative; margin-bottom: 15px; backface-visibility: hidden; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; width: 8px; height: 8px;} .tt-slider-scroll__nav ul li.active a::before { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);} @media only screen and (max-width: 1024px) { .tt-slider-scroll__nav_arrows { display: none;}} .tt-slider-scroll__nav_arrows span { height: 30px; cursor: pointer; flex-direction: column; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} .tt-slider-scroll__nav_arrows span:first-child { margin-bottom: 12px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);} .tt-slider-scroll__nav_arrows span:last-child { margin-top: 12px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);} .tt-slider-scroll__nav_arrows span i { font-size: 42px;} .tt-slider-scroll__item { position: relative; overflow: hidden;} .tt-slider-scroll__item img { position: absolute; display: block; width: auto; min-width: 100%; min-height: 100%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} .tt-slider-scroll__text { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);} @media only screen and (min-width: 480px) { .tt-slider-scroll__text { left: 60px;}} @media only screen and (max-width: 479px) { .tt-slider-scroll__text { left: 24px;}} .tt-slider-scroll__text div, .tt-slider-scroll__text span, .tt-slider-scroll__text p { display: block; font-weight: 700; white-space: nowrap;} .tt-slider-scroll__text div, .tt-slider-scroll__text span { font-size: 60px; line-height: 1.216;} @media only screen and (max-width: 767px) { .tt-slider-scroll__text div, .tt-slider-scroll__text span { font-size: 32px;}} @media only screen and (max-width: 479px) { .tt-slider-scroll__text div, .tt-slider-scroll__text span { font-size: 18px;}} .tt-slider-scroll__text span { margin-bottom: 20px;} @media only screen and (max-width: 767px) { .tt-slider-scroll__text span { margin-bottom: 26px;}} .tt-slider-scroll__text p { margin-bottom: 52px; font-size: 16px; line-height: 1.25;} @media only screen and (max-width: 767px) { .tt-slider-scroll__text p { display: none;}} .persephone.tparrows:before { font-size: 30px; line-height: 30px;} span.tp-bullet-title { display: none;} /** * (c) Tonytemplates Ltd, https://www.tonytemplates.com/support@tonytemplates.com */ .tt-product-head { display: none; position: relative;} @media only screen and (min-width: 1025px) { .tt-product-head { align-items: flex-start; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;}} @media only screen and (max-width: 1024px) { .tt-product-head { display: block;}} @media only screen and (min-width: 1025px) { .tt-product-head__sticky { width: 50%;}} .tt-product-head__images { visibility: hidden;} .tt-product-head__images--loaded { visibility: visible;} @media only screen and (min-width: 1025px) { .tt-product-head__images { padding-right: 50px;}} @media only screen and (min-width: 1400px) { .tt-product-head__images { position: relative; align-items: flex-start; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;}} @media only screen and (min-width: 1400px) { .tt-product-head__images .tt-sticky-side { display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;}} .tt-product-head .woocommerce-product-gallery__image { position: relative; order: 1; } @media only screen and (max-width: 1399px) { .tt-product-head__image-main { margin-bottom: 32px;}} @media only screen and (min-width: 1400px) { .tt-product-head .woocommerce-product-gallery__image { width: 75%;} } .tt-product-head__btn-video { position: relative; display: block; outline: none !important; cursor: pointer;} .tt-product-head__btn-video::before { display: block; content: ''; padding-top: 100%;} .tt-product-head__btn-video i { position: absolute; left: 50%; top: 50%; margin-left: -12px; margin-top: -12px; font-size: 24px;} .tt-product-head__video { display: none; position: relative; max-width: 1192px; -webkit-box-shadow: 0px 0px 50px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 50px 10px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 50px 10px rgba(0, 0, 0, 0.1);} @media only screen and (min-width: 1400px) { .tt-product-head__video { padding-bottom: 35.25%;}} @media only screen and (min-width: 1193px) { .tt-product-head__video { padding-bottom: 40.25%;}} @media only screen and (max-width: 1192px) { .tt-product-head__video { padding-bottom: 56.25%;}} .tt-product-head__video > iframe { position: absolute; width: 100%; height: 100%;} @media only screen and (min-width: 1400px) { .tt-product-head__image-preview { min-width: 100px; width: 16%; margin-right: 52px;}} @media only screen and (max-width: 1399px) { .tt-product-head__image-preview { margin-bottom: 32px; margin-left: -4px;}} @media only screen and (max-width: 479px) { .tt-product-head__image-preview { display: none;}} .tt-product-head__image-preview img { height: auto; outline: none; border: none !important; cursor: pointer;} @media only screen and (min-width: 1400px) { .tt-product-head__image-preview img { margin-bottom: 6px;}} @media only screen and (max-width: 1399px) { .tt-product-head__image-preview img { margin-left: 6px;}} @media only screen and (min-width: 1025px) { .tt-product-head__image-preview .slick-slide { -webkit-opacity: 0.6; -moz-opacity: 0.6; -o-opacity: 0.6; opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity="+0.6*100); filter: alpha(opacity=0.6*100);}} @media only screen and (min-width: 1025px) { .tt-product-head__image-preview .slick-slide.current, .tt-product-head__image-preview .slick-slide:hover { -webkit-opacity: 1; -moz-opacity: 1; -o-opacity: 1; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity="+1*100); filter: alpha(opacity=1*100);}} .tt-product-head__image-sheet { width: 100%;} @media only screen and (min-width: 1025px) { .tt-product-head__image-sheet { margin-bottom: 80px;}} @media only screen and (max-width: 1024px) { .tt-product-head__image-sheet { margin-bottom: 40px;}} .tt-product-head__image-sheet .tt-product-head__video { display: block; padding-bottom: 56.25%;} .tt-product-head__info-head { margin-bottom: 36px; flex-wrap: wrap; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} .tt-product-head__index { margin-right: 30px; font-size: 14px; font-weight: 700;} .tt-product-head__availability { font-size: 14px; font-weight: 700;} .tt-product-head__category { margin-bottom: 6px; font-size: 14px; font-weight: 700;} .tt-product-head__name { margin-bottom: 14px;} .tt-product-head__name > * { font-weight: 700;} @media only screen and (min-width: 768px) { .tt-product-head__name > * { font-size: 44px; line-height: 1.272;}} @media only screen and (max-width: 767px) { .tt-product-head__name > * { font-size: 22px; line-height: 1.41;}} .tt-product-head__stars { float: left; margin-top: 6px; margin-bottom: 8px; margin-right: 24px;} .tt-product-head__review { margin-bottom: 10px; flex-wrap: wrap; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} .tt-product-head__review-count a, .tt-product-head__review-add a { margin-right: 24px; font-size: 14px; font-weight: 700;} .tt-product-head__review-count a:hover, .tt-product-head__review-add a:hover { text-decoration: underline;} .tt-product-head__price { margin-bottom: 28px; font-size: 44px;} .tt-product-head__brand { margin-bottom: 30px; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} @media only screen and (max-width: 767px) { .tt-product-head__brand { flex-wrap: wrap;}} .tt-product-head__brand > a { width: 176px; min-width: 176px; margin-right: 40px; margin-top: 8px; margin-bottom: 20px;} .tt-product-head__brand p { max-width: 460px; margin: 0;} .tt-product-head__sale { padding: 22px 26px 18px; margin-bottom: 40px; flex-wrap: wrap; align-items: center; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} .tt-product-head__sale-info { margin-right: 10px; margin-top: 5px; margin-bottom: 5px;} .tt-product-head__sale-info div { font-weight: 800; font-size: 44px; line-height: 1;} .tt-product-head__sale-info p { margin: 0; font-weight: 700; font-size: 18px;} @media only screen and (min-width: 768px) { .tt-product-head__sale-countdown { margin-left: auto;}} .tt-product-head__countdown { margin-top: 5px; margin-bottom: 5px;} .tt-product-head__countdown .countdown-row { font-size: 14px; font-weight: 700; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} @media only screen and (max-width: 767px) { .tt-product-head__countdown .countdown-row { flex-wrap: wrap;}} .tt-product-head__countdown .countdown-row .countdown-section { margin-top: 5px; margin-bottom: 5px; white-space: nowrap; border-radius: 50%; flex-direction: column; justify-content: center; align-items: center; display: -moz-inline-box; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; width: 74px; height: 74px;} @media only screen and (max-width: 767px) { .tt-product-head__countdown .countdown-row .countdown-section { width: 42px; height: 42px;}} .tt-product-head__countdown .countdown-row .countdown-section:not(:last-child) { margin-right: 10px;} .tt-product-head__countdown .countdown-row .countdown-section span { display: block; clear: both; font-weight: 700; line-height: 1.2;} .tt-product-head__countdown .countdown-row .countdown-section .countdown-amount { font-size: 24px;} @media only screen and (max-width: 767px) { .tt-product-head__countdown .countdown-row .countdown-section .countdown-amount { font-size: 14px;}} .tt-product-head__countdown .countdown-row .countdown-section .countdown-period { font-size: 14px;} .tt-product-head__grouped { padding: 26px 0; margin-bottom: 40px; border-top: solid 1px transparent; border-bottom: solid 1px transparent;} .tt-product-head__grouped > div { align-items: center; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} @media only screen and (max-width: 767px) { .tt-product-head__grouped > div { flex-wrap: wrap;}} .tt-product-head__grouped > div:not(:first-child) { margin-top: 20px;} .tt-product-head__grouped > div p { max-width: 310px; margin: 0; margin-right: 10px; font-weight: 700; line-height: 1.555;} @media only screen and (min-width: 767px) { .tt-product-head__grouped > div p { font-size: 18px;}} @media only screen and (max-width: 767px) { .tt-product-head__grouped > div p { font-size: 14px; order: 1;}} .tt-product-head__grouped-counter { margin-bottom: 10px;} @media only screen and (min-width: 768px) { .tt-product-head__grouped-counter { margin-right: 50px;}} @media only screen and (max-width: 767px) { .tt-product-head__grouped-counter { margin-right: 10px;}} .tt-product-head__grouped-price { font-size: 24px; margin-left: auto; align-items: baseline; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} .tt-product-head__more-detailed { margin-bottom: 44px;} .tt-product-head__required { margin-left: auto; font-size: 12px; font-weight: 400;} .tt-product-head__required::before { content: '* ';} .tt-product-head__control { margin-bottom: 22px; flex-wrap: wrap; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} .tt-product-head__counter { margin-bottom: 20px;} @media only screen and (min-width: 768px) { .tt-product-head__counter { margin-right: 24px !important;}} @media only screen and (max-width: 767px) { .tt-product-head__counter { width: 100% !important;}} .tt-product-head__like i::before { margin-top: 2px;} .tt-product-head__cart, .tt-product-head__like, .tt-product-head__compare { margin-right: 14px; margin-bottom: 20px;} @media only screen and (max-width: 1024px) { .tt-product-head__like, .tt-product-head__compare { border: none !important;}} .tt-product-head__tags { margin-bottom: 38px; font-size: 14px; font-weight: 700;} .tt-product-head__tags span { margin-right: 4px;} .tt-product-head__tags a:hover { text-decoration: underline;} .tt-product-head__notes { margin-bottom: 38px;} .tt-product-head__notes span { display: block; margin-bottom: 8px; font-size: 14px; font-weight: 700;} .tt-product-head__notes label { width: 100%;} /** * (c) Tonytemplates Ltd, https://www.tonytemplates.com/support@tonytemplates.com */ .tt-qv { position: relative; width: 1192px; max-width: 100%; max-height: 800px; margin: 0 auto; overflow: auto; -webkit-box-shadow: 0px 0px 50px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 50px 10px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 50px 10px rgba(0, 0, 0, 0.1);} @media only screen and (min-width: 768px) { .tt-qv .tt-product-head { padding: 60px;}} @media only screen and (max-width: 767px) { .tt-qv .tt-product-head { padding: 30px;}} .tt-qv .tt-product-head__images { display: block;} .tt-qv .tt-product-head__image-main { width: 100%; margin-bottom: 32px;} .tt-qv .tt-product-head__image-preview { min-width: auto; width: 100%; margin-right: 0; margin-left: -4px;} .tt-qv .tt-product-head__sale { justify-content: center;} .tt-qv .tt-product-head__sale-countdown { margin-left: 0;} .tt-qv .tt-product-head__tags { margin-bottom: 0;} .tt-qv .fotorama__fullscreen-custom { display: none !important;} /** * (c) Tonytemplates Ltd, https://www.tonytemplates.com/support@tonytemplates.com */ .tt-add-to-cart { display: none; position: relative; width: 434px; max-width: 100%; padding: 60px 40px; margin: 0 auto; text-align: center;} .tt-add-to-cart > i { position: relative; display: inline-block; top: -12px; font-size: 38px;} .tt-add-to-cart p { margin-bottom: 28px; font-size: 22px; font-weight: 700;} .tt-add-to-cart .btn { height: 46px; display: -moz-inline-box; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex;} .tt-add-to-cart .btn i { margin-right: 4px; font-size: 32px;} .mfp-content .tt-add-to-cart { display: block;} /** * (c) Tonytemplates Ltd, https://www.tonytemplates.com/support@tonytemplates.com */ .tt-newsletter-popup { display: none; position: relative; width: 500px; max-width: 100%; margin: 0 auto; text-align: center;} @media only screen and (min-width: 480px) { .tt-newsletter-popup { padding: 50px;}} @media only screen and (max-width: 479px) { .tt-newsletter-popup { padding: 30px 30px;}} .tt-newsletter-popup > p { font-weight: 400; margin-bottom: 42px !important;} .tt-newsletter-popup__text-01 { margin-bottom: 12px; text-align: left; display: -moz-inline-box; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex;} .tt-newsletter-popup__text-01 span { display: block; line-height: 0.8; font-weight: 800;} @media only screen and (min-width: 480px) { .tt-newsletter-popup__text-01 span:nth-child(1) { font-size: 110px;}} @media only screen and (max-width: 479px) { .tt-newsletter-popup__text-01 span:nth-child(1) { font-size: 60px;}} .tt-newsletter-popup__text-01 span:nth-child(2) span:nth-child(1) { line-height: 1.1;} @media only screen and (min-width: 480px) { .tt-newsletter-popup__text-01 span:nth-child(2) span:nth-child(1) { font-size: 40px;}} @media only screen and (max-width: 479px) { .tt-newsletter-popup__text-01 span:nth-child(2) span:nth-child(1) { font-size: 25px;}} .tt-newsletter-popup__text-01 span:nth-child(2) span:nth-child(2) { text-transform: uppercase; line-height: 0.65;} @media only screen and (min-width: 480px) { .tt-newsletter-popup__text-01 span:nth-child(2) span:nth-child(2) { font-size: 60px;}} @media only screen and (max-width: 479px) { .tt-newsletter-popup__text-01 span:nth-child(2) span:nth-child(2) { font-size: 40px;}} .tt-newsletter-popup__text-02 p { font-weight: 700;} @media only screen and (min-width: 480px) { .tt-newsletter-popup__text-02 p { font-size: 24px; line-height: 35px;}} @media only screen and (max-width: 479px) { .tt-newsletter-popup__text-02 p { font-size: 20px; line-height: 26px;}} .tt-newsletter-popup__newsletter { margin-bottom: 30px;} .tt-newsletter-popup__social { margin-bottom: 30px;} @media only screen and (max-width: 479px) { .tt-newsletter-popup__social .tt-btn { width: 42px; height: 42px;}} @media only screen and (max-width: 479px) { .tt-newsletter-popup__social .tt-btn i::before { font-size: 18px;}} .tt-newsletter-popup__show_popup { font-weight: 400;} .tt-newsletter-popup__show_popup { margin-bottom: 0;} .mfp-content .tt-newsletter-popup { display: block;} /** * (c) Tonytemplates Ltd, https://www.tonytemplates.com/support@tonytemplates.com */ .tt-tabs { overflow: hidden;} @media only screen and (min-width: 1025px) { .tt-tabs[data-tt-type="horizontal"] .tt-tabs__head { position: relative;}} @media only screen and (max-width: 1024px) { .tt-tabs[data-tt-type="horizontal"] .tt-tabs__head { display: none;}} @media only screen and (min-width: 1025px) { .tt-tabs[data-tt-type="horizontal"] .tt-tabs__slider { position: relative; margin: 0 -16px; flex-wrap: wrap; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;}} @media only screen and (min-width: 1025px) { .tt-tabs[data-tt-type="horizontal"] .tt-tabs__btn { padding: 0 16px; outline: none;}} @media only screen and (min-width: 1025px) { .tt-tabs[data-tt-type="horizontal"] .tt-tabs__btn > span { position: relative; display: block; padding: 18px 0; font-size: 14px; font-weight: 700; text-transform: uppercase; cursor: pointer;}} @media only screen and (min-width: 1025px) { .tt-tabs[data-tt-type="horizontal"] .tt-tabs__btn > span::after { position: absolute; display: none; content: ''; width: 100%; bottom: 0; border-bottom: solid 4px transparent; -webkit-opacity: 0.3; -moz-opacity: 0.3; -o-opacity: 0.3; opacity: 0.3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity="+0.3*100); filter: alpha(opacity=0.3*100);}} @media only screen and (min-width: 1025px) { .tt-tabs[data-tt-type="horizontal"] .tt-tabs__btn > span:hover::after { display: block;}} .tt-tabs[data-tt-type="vertical"] { display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} @media only screen and (min-width: 1025px) { .tt-tabs[data-tt-type="vertical"] .tt-tabs__head { position: relative; width: 270px; min-width: 270px; border-right: solid 1px transparent;}} @media only screen and (max-width: 1024px) { .tt-tabs[data-tt-type="vertical"] .tt-tabs__head { display: none;}} @media only screen and (min-width: 1025px) { .tt-tabs[data-tt-type="vertical"] .tt-tabs__slider { margin: 0 -16px; flex-direction: column; flex-wrap: wrap; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;}} @media only screen and (min-width: 1025px) { .tt-tabs[data-tt-type="vertical"] .tt-tabs__btn { padding: 0 16px;}} @media only screen and (min-width: 1025px) { .tt-tabs[data-tt-type="vertical"] .tt-tabs__btn > span { position: relative; display: block; padding: 8px 0; font-size: 14px; font-weight: 700; text-transform: uppercase; cursor: pointer;}} @media only screen and (min-width: 1025px) { .tt-tabs[data-tt-type="vertical"] .tt-tabs__btn > span::after { position: absolute; display: none; content: ''; height: 100%; top: 0; right: 0; border-right: solid 4px transparent; -webkit-opacity: 0.3; -moz-opacity: 0.3; -o-opacity: 0.3; opacity: 0.3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity="+0.3*100); filter: alpha(opacity=0.3*100);}} @media only screen and (min-width: 1025px) { .tt-tabs[data-tt-type="vertical"] .tt-tabs__btn > span:hover::after { display: block;}} @media only screen and (min-width: 1025px) { .tt-tabs__head.tt-tabs__head--slider { margin-left: 30px; margin-right: 30px;}} .tt-tabs__btn > span { letter-spacing: 1px;} .tt-tabs__btn-prev, .tt-tabs__btn-next { display: none;} @media only screen and (min-width: 1025px) { .tt-tabs__head.tt-tabs__head--slider .tt-tabs__btn-prev, .tt-tabs__head.tt-tabs__head--slider .tt-tabs__btn-next { display: block; position: absolute; width: 20px; height: 100%; top: 0; cursor: pointer; z-index: 2; -webkit-opacity: 0.5; -moz-opacity: 0.5; -o-opacity: 0.5; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity="+0.5*100); filter: alpha(opacity=0.5*100);}} @media only screen and (min-width: 1025px) { .tt-tabs__head.tt-tabs__head--slider .tt-tabs__btn-prev::before, .tt-tabs__head.tt-tabs__head--slider .tt-tabs__btn-next::before { position: absolute; display: block; content: ''; top: 50%; left: 50%; margin-top: -6px; border-top: solid 3px transparent; border-left: solid 3px transparent; width: 12px; height: 12px;}} .tt-tabs__head.tt-tabs__head--slider .tt-tabs__btn-prev:not(.disabled):hover, .tt-tabs__head.tt-tabs__head--slider .tt-tabs__btn-next:not(.disabled):hover { -webkit-opacity: 1; -moz-opacity: 1; -o-opacity: 1; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity="+1*100); filter: alpha(opacity=1*100);} .tt-tabs__head.tt-tabs__head--slider .tt-tabs__btn-prev { left: -30px;} .tt-tabs__head.tt-tabs__head--slider .tt-tabs__btn-prev::before { margin-left: -4px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);} .tt-tabs__head.tt-tabs__head--slider .tt-tabs__btn-next { right: -30px;} .tt-tabs__head.tt-tabs__head--slider .tt-tabs__btn-next::before { margin-left: -8px; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg);} .tt-tabs__head.tt-tabs__head--slider::before, .tt-tabs__head.tt-tabs__head--slider::after { position: absolute; display: block; content: ''; height: 100%; width: 30px; top: 0; cursor: default; z-index: 1;} .tt-tabs__head.tt-tabs__head--slider::before { left: -30px;} .tt-tabs__head.tt-tabs__head--slider::after { right: -30px;} @media only screen and (max-width: 1024px) { .tt-tabs[data-tt-type="horizontal"] .tt-tabs__border { display: none;}} @media only screen and (min-width: 1025px) { .tt-tabs[data-tt-type="horizontal"] .tt-tabs__border { position: absolute; width: 100px; left: 0; bottom: 0; border-bottom: solid 4px transparent;}} @media only screen and (max-width: 1024px) { .tt-tabs[data-tt-type="vertical"] .tt-tabs__border { display: none;}} @media only screen and (min-width: 1025px) { .tt-tabs[data-tt-type="vertical"] .tt-tabs__border { position: absolute; height: 100px; right: 0; top: 0; border-right: solid 4px transparent;}} @media only screen and (min-width: 1025px) { .tt-tabs__body { overflow-x: auto;}} @media only screen and (max-width: 1024px) { .tt-tabs__body { border-top: solid 1px transparent; border-bottom: solid 1px transparent;}} .tt-tabs__body > div { display: block;} .tt-tabs__body > div:not(:first-child) > span { border-top: solid 1px transparent;} @media only screen and (min-width: 1025px) { .tt-tabs__body > div > span { display: none;}} @media only screen and (max-width: 1024px) { .tt-tabs__body > div > span { position: relative; display: block; padding: 15px 24px; font-size: 14px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; cursor: pointer;}} .tt-tabs__body > div > span i { position: absolute; right: 24px; top: 30px; margin-top: -7px; font-size: 8px;} .tt-tabs__body > div.active > span i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);} .tt-tabs__body > div > div { display: none;} .tt-tabs[data-tt-type="vertical"] .tt-tabs__body { width: 100%;} @media only screen and (max-width: 1024px) { .tt-tabs__content { padding: 30px 24px; border-top: solid 1px transparent;}} @media only screen and (min-width: 1025px) { .tt-tabs__content-head { font-weight: 700; font-size: 30px;}} @media only screen and (max-width: 1024px) { .tt-tabs__content-head { display: none;}} /** * (c) Tonytemplates Ltd, https://www.tonytemplates.com/support@tonytemplates.com */ .tt-review-shopify .spr-header-title { font-size: 30px; line-height: 1.4; font-weight: 700;} @media only screen and (max-width: 1024px) { .tt-review-shopify .spr-header-title { display: none;}} .tt-review-shopify .spr-summary { padding: 32px 0; border-bottom: solid 1px transparent; align-items: center; flex-wrap: wrap; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} .tt-review-shopify .spr-summary .spr-summary-actions { margin-left: auto;} .tt-review-shopify .spr-summary .spr-summary-actions-newreview { font-weight: 700; font-size: 14px;} .tt-review-shopify .spr-starrating, .tt-review-shopify .spr-starratings { margin-right: 10px; font-size: 0;} .tt-review-shopify .spr-starrating .spr-icon, .tt-review-shopify .spr-starratings .spr-icon { font-size: 16px; font-family: "myfont"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin: 0;} .tt-review-shopify .spr-starrating .spr-icon::before, .tt-review-shopify .spr-starratings .spr-icon::before { content: '\e878';} .tt-review-shopify .spr-content { padding-top: 44px;} .tt-review-shopify .spr-form-title { margin: 0 0 30px; font-size: 22px;} .tt-review-shopify .spr-form fieldset > div { margin-bottom: 18px; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} @media only screen and (max-width: 479px) { .tt-review-shopify .spr-form fieldset > div { flex-wrap: wrap;}} .tt-review-shopify .spr-form fieldset > div label { margin-right: 24px; margin-bottom: 10px;} @media only screen and (min-width: 480px) { .tt-review-shopify .spr-form fieldset > div label { width: 30%;}} @media only screen and (min-width: 480px) { .tt-review-shopify .spr-form fieldset > div input, .tt-review-shopify .spr-form fieldset > div .spr-form-input { width: 70%;}} @media only screen and (max-width: 479px) { .tt-review-shopify .spr-form fieldset > div label, .tt-review-shopify .spr-form fieldset > div input, .tt-review-shopify .spr-form fieldset > div .spr-form-input { width: 100%;}} .tt-review-shopify .spr-form fieldset > div input, .tt-review-shopify .spr-form fieldset > div textarea.spr-form-input { padding: 12px 20px; border: solid 1px transparent; outline: none; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important;} .tt-review-shopify .spr-form fieldset > div input::-webkit-input-placeholder, .tt-review-shopify .spr-form fieldset > div textarea.spr-form-input::-webkit-input-placeholder { font-weight: 700; font-size: 14px;} .tt-review-shopify .spr-form fieldset > div input::-moz-placeholder, .tt-review-shopify .spr-form fieldset > div textarea.spr-form-input::-moz-placeholder { font-weight: 700; font-size: 14px;} .tt-review-shopify .spr-form fieldset > div input:-ms-input-placeholder, .tt-review-shopify .spr-form fieldset > div textarea.spr-form-input:-ms-input-placeholder { font-weight: 700; font-size: 14px;} .tt-review-shopify .spr-form fieldset > div input:-moz-placeholder, .tt-review-shopify .spr-form fieldset > div textarea.spr-form-input:-moz-placeholder { font-weight: 700; font-size: 14px;} .tt-review-shopify .spr-form fieldset > div textarea.spr-form-input { width: 100%; height: 152px; font-weight: 700; font-size: 14px; resize: none;} .tt-review-shopify .spr-form fieldset input { line-height: 1; min-height: 46px;} .tt-review-shopify .spr-form fieldset input[type="submit"] { margin-top: 18px;} .tt-review-shopify .spr-form .spr-starrating { align-items: center; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} .tt-review-shopify .spr-review { padding-top: 36px; margin-top: 40px; border-top: solid 1px transparent;} .tt-review-shopify .spr-review-header-title { margin: 6px 0 2px; font-size: 18px;} .tt-review-shopify .spr-review-header-byline { font-size: 12px;} .tt-review-shopify .spr-review-content-body { margin: 30px 0 10px;} /** * (c) Tonytemplates Ltd, https://www.tonytemplates.com/support@tonytemplates.com */ .tt-carousel-box { overflow: hidden;} @media only screen and (min-width: 768px) { .tt-carousel-box__slider { margin-left: -12px; margin-right: -12px;}} .tt-carousel-box__slider:not(.slick-initialized) { visibility: hidden;} @media only screen and (max-width: 767px) { .tt-carousel-box [class^='col-'] { padding: 0;}} .tt-carousel-box [class^='col-'], .tt-carousel-box [class^='col-'] a { outline: none;} .tt-carousel-box .slick-track > div { outline: none;} /** * (c) Tonytemplates Ltd, https://www.tonytemplates.com/support@tonytemplates.com */ .tt-breadcrumbs { align-items: center; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} .tt-breadcrumbs li { align-items: center; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; margin-top: 0;} .tt-breadcrumbs li:not(:first-child)::before { display: inline-block; content: ''; height: 14px; margin: 0 10px; border-right: solid 1px transparent;} .tt-breadcrumbs li a, .tt-breadcrumbs li span, .tt-breadcrumbs li i { font-size: 12px;} .tt-breadcrumbs li a { align-items: center; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} .tt-breadcrumbs li i { margin-top: -2px;} /** * (c) Tonytemplates Ltd, https://www.tonytemplates.com/support@tonytemplates.com */ .tt-subcategory { width: 100%; align-items: center; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} @media only screen and (min-width: 1025px) { .tt-subcategory { margin-top: 40px;}} @media only screen and (max-width: 1024px) { .tt-subcategory { margin-top: 30px;}} .tt-subcategory img { margin-right: 20px; border-radius: 50%;} @media only screen and (min-width: 1025px) { .tt-subcategory img { max-width: 130px;}} @media only screen and (max-width: 1024px) { .tt-subcategory img { max-width: 105px;}} @media only screen and (min-width: 480px) and (max-width: 600px) { .tt-subcategory img { max-width: 80px;}} @media only screen and (min-width: 768px) and (max-width: 840px) { .tt-subcategory img { max-width: 80px;}} @media only screen and (min-width: 1400px) and (max-width: 1500px) { .tt-subcategory img { max-width: 80px;}} .tt-subcategory p { display: inline; margin: 0; font-weight: 700;} .tt-subcategory span { font-weight: 700;} #theme .tt-subcategory p { padding: 0 25px;} /** * (c) Tonytemplates Ltd, https://www.tonytemplates.com/support@tonytemplates.com */ .side-block { margin-bottom: 30px; } .tt-categories li { position: relative; backface-visibility: hidden;} .tt-categories li a, .cat-item a { position: relative; display: inline-block; padding-right: 40px; font-weight: 700; font-size: 14px; align-items: flex-start; display: -moz-inline-box; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; line-height: 1.75;} .tt-categories li a span { margin-left: 4px;} .tt-categories li ul { display: none;} .tt-categories > li > a { margin-top: 10px !important;} .tt-categories > li ul { margin-top: 10px;} @media only screen and (min-width: 1400px) { .tt-categories > li ul { margin-left: 28px;}} @media only screen and (max-width: 1399px) { .tt-categories > li ul { margin-left: 14px;}} .tt-categories > li ul > li:not(:first-child) a { margin-top: 10px;} .tt-categories > li ul li:first-child > a { margin-top: 0;} .tt-categories__next { position: absolute; height: 24px; width: 48px; right: 0; top: 12px; cursor: pointer; font-size: 8px; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center;} .tt-categories__open > .tt-categories__next { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);} .tt-categories:not(.tt-categories__single) li a::before { display: inline-block; content: ''; margin: 0 !important; margin-top: 1px !important; margin-right: 8px !important; font-size: 20px; border: solid 2px transparent; border-radius: 50%; min-width: 20px; width: 20px !important; height: 20px !important; font-family: "myfont"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .tt-categories:not(.tt-categories__single) li a::after { position: absolute; left: 2px; top: 7px; font-family: "myfont"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\e8fb'; font-size: 10px; display: none;} .tt-categories:not(.tt-categories__single) li.active > a::after { display: block;} .tt-categories:not(.tt-categories__single) .tt-categories__next::before { margin: 0;} #theme .tt-categories:not(.tt-categories__single) li.active > a::before { background-color: #fe5a1a; border-color: #fe5a1a;} /** * (c) Tonytemplates Ltd, https://www.tonytemplates.com/support@tonytemplates.com */ .tt-layer-nav { top: 0; left: 0; font-size: 14px;} @media only screen and (min-width: 1400px) { .tt-layer-nav { padding: 50px 60px;}} @media only screen and (min-width: 1025px) and (max-width: 1399px) { .tt-layer-nav { padding: 50px 24px;}} @media only screen and (max-width: 1024px) { .tt-layer-nav { padding: 50px 24px;}} .tt-layer-nav__title { font-weight: 700; font-size: 22px; margin-bottom: 20px;} .widget_categories .tt-layer-nav__title { margin-bottom: 15px;} .widget_text.widget_custom_html.side-block.widget .tt-layer-nav__title{ margin-bottom: 12px; } .widget_text.side-block.widget .tt-layer-nav__title{ margin-bottom: 25px; } .widget_tag_cloud .tt-layer-nav__title{ margin-bottom: 25px; } .tt-layer-nav__categories { margin-bottom: 36px;} .tt-layer-nav__price, .tt-layer-nav__size, .tt-layer-nav__color { margin-bottom: 32px !important; margin-top: 16px !important;} .tt-layer-nav__price li:first-child a, .tt-layer-nav__size li:first-child a, .tt-layer-nav__color li:first-child a { margin-top: 0;} .tt-layer-nav__size, .tt-layer-nav__color { margin-top: 30px;} .tt-layer-nav__color.tt-categories li a::after, .tt-layer-nav__color.tt-categories li a::before { display: none !important;} .tt-layer-nav__color.tt-categories li a > i { position: relative; display: inline-block; margin-top: 1px !important; margin-right: 8px !important; border-radius: 50%; line-height: 1; overflow: hidden; width: 20px; height: 20px;} .tt-layer-nav__color.tt-categories li a > i i { position: absolute; left: 50%; top: 50%; margin-top: -4px; margin-left: -6px; font-size: 10px; display: none;} .tt-layer-nav__color.tt-categories li.active > a > i i { display: block;} .tt-layer-nav__price-section { justify-content: space-between; align-items: center; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} @media only screen and (max-width: 1399px) { .tt-layer-nav__price-section { flex-wrap: wrap;}} .tt-layer-nav__price-range { width: 100%;} @media only screen and (min-width: 1400px) { .tt-layer-nav__filter { margin-bottom: 16px;}} @media only screen and (max-width: 1399px) { .tt-layer-nav__filter { margin-bottom: 24px;}} @media only screen and (max-width: 1024px) { .tt-layer-nav__filter { width: 100%;}} @media only screen and (max-width: 1024px) { .tt-layer-nav__filter .btn { width: 100%;}} .tt-layer-nav__tags, .widget_tag_cloud { margin-bottom: 40px;} .tt-layer-nav__tags > span { margin-bottom: 4px; line-height: 2.2; font-weight: 700;} .tt-layer-nav__tags > span:not(:last-child) { margin-right: 20px;} .tt-layer-nav__tags > span a { font-weight: 700;} .tt-layer-nav__tags > span i { margin-left: 4px; cursor: pointer;} .tagcloud a.tag-cloud-link, .tt-post-text__tags a { font-size: 14px !important; margin-right: 8px; margin-bottom: 10px; font-weight: 700; color: #fe5a1a; background: #fff; text-align: center; padding: 5px 10px; display: inline-block; transition:unset; } .tagcloud a.tag-cloud-link:hover { background: #fe5a1a; color:#fff; } .tt-post-text__tags a{ background: transparent; text-transform: capitalize !important; border: 1px solid #e6e6e6; text-decoration: none !important; } .tt-post-text__tags a:hover{ background: #fe5a1a; border-color: #fe5a1a; color: #fff !important; } .tt-layer-nav__tags > a:not(:last-child) { margin-right: 20px;} .tt-layer-nav__product-section { align-items: flex-start; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} .tt-layer-nav__product-section:not(:first-child) { margin-top: 30px;} .tt-layer-nav__product-image { position: relative; width: 104px; min-width: 104px; margin-right: 20px; border: solid 2px transparent;} .tt-layer-nav__product-info a p { display: inline-block; margin-bottom: 0; font-weight: 700; line-height: 1.6;} .tt-layer-nav__product-price { font-size: 20px;} .tt-layer-nav__product-label { position: absolute; padding: 0px 4px; left: 0; top: 0; font-size: 12px;} .tt-layer-nav__new { margin-top: 30px; margin-bottom: 40px;} .tt-layer-nav__sale { margin-top: 30px; margin-bottom: 40px;} .tt-layer-nav__prod-list-section { position: relative; padding-right: 24px;} .tt-layer-nav__prod-list-section a p { font-weight: 700;} .tt-layer-nav__prod-list-close { position: absolute; height: 12px; top: 3px; right: 6px;} .tt-layer-nav__prod-list-close i { font-size: 12px; vertical-align: 6px;} .tt-layer-nav__prod-list-info p { font-weight: 400;} .tt-layer-nav__prod-list-info p span { font-weight: 700;} .tt-layer-nav__compare { margin-top: 20px; margin-bottom: 40px;} .tt-layer-nav__wishlist { margin-top: 20px; margin-bottom: 40px;} .tt-layer-nav__more a { font-weight: 700; text-decoration: underline;} .widget_categories,.widget_archive { margin-bottom: 42px;} .tt-layer-nav__recent,.widget_recent_comments { margin-bottom: 44px; } .widget_recent_comments ul li:not(:first-child) { margin-top: 24px; } .tt-layer-nav__recent > div:not(:first-child) { margin-top: 20px;} .tt-layer-nav__recent-category { font-weight: 800; font-size: 12px;} .tt-layer-nav__recent-info, .recentcomments {text-transform: uppercase; font-size: 12px; margin-bottom: 8px;} .tt-layer-nav__recent-info span, .recentcomments span,.recentcomments span > a { font-weight: 800; text-transform: uppercase; color: #777777; display: inline-block; } #recentcomments li.recentcomments > a { font-weight: 700; text-transform: capitalize; color: #333; display: block !important; font-size: 18px; line-height: 24px; margin-top: 5px !important; } .tt-layer-nav__recent-title { font-size: 18px; font-weight: 700; text-transform: capitalize; line-height: 24px; margin: 4px 0 10px; } .tt-layer-nav__recent p { margin-bottom: 8px;} .tt-layer-nav__about { margin-bottom: 40px;} .tt-layer-nav__about a { display: inline-block;} .tt-layer-nav__about p { margin-top: 18px;} .tt-layer-nav__newslatter { margin-bottom: 50px;} .tt-layer-nav__newslatter p { margin-bottom: 22px;} .tt-layer-nav__social { margin-bottom: 30px;} /** * (c) Tonytemplates Ltd, https://www.tonytemplates.com/support@tonytemplates.com */ .tt-sidebar { width: 100%;} @media only screen and (max-width: 1024px) { .tt-sidebar { position: fixed; width: 296px; max-width: calc(100% - 26px); max-height: 100%; left: 0; top: 0; bottom: 0; z-index: 1001; -webkit-transform: translate3d(-100%, 0px, 0px); -moz-transform: translate3d(-100%, 0px, 0px); -ms-transform: translate3d(-100%, 0px, 0px); transform: translate3d(-100%, 0px, 0px);}} @media only screen and (max-width: 1024px) { .tt-sidebar--ready { z-index: 10001;}} @media only screen and (max-width: 1024px) { .tt-sidebar--open { -webkit-transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); -ms-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px);}} .tt-sidebar__content { width: 100%; height: 100%;} @media only screen and (max-width: 1024px) { .tt-sidebar__content { overflow: hidden;}} .tt-sidebar__content .ps__scrollbar-y-rail, .tt-sidebar__content .ps__scrollbar-x-rail { display: none !important;} .tt-sidebar__content .ps__scrollbar-y-rail { top: 0 !important;} @media only screen and (min-width: 1025px) { .tt-sidebar__btn { display: none;}} @media only screen and (max-width: 1024px) { .tt-sidebar__btn { position: absolute; top: 60%; left: 100%; cursor: pointer;}} @media only screen and (max-width: 1024px) { .tt-sidebar__btn-open, .tt-sidebar__btn-close { position: absolute; width: 24px; height: 106px; cursor: pointer; flex-direction: column; align-items: center; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;}} @media only screen and (max-width: 1024px) { .tt-sidebar__btn-open i, .tt-sidebar__btn-open span, .tt-sidebar__btn-close i, .tt-sidebar__btn-close span { display: inline-block;}} @media only screen and (max-width: 1024px) { .tt-sidebar__btn-open span, .tt-sidebar__btn-close span { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);}} @media only screen and (max-width: 1024px) { .tt-sidebar__btn-open i { margin-top: 14px;}} @media only screen and (max-width: 1024px) { .tt-sidebar__btn-open span { margin-top: 10px; font-size: 14px; font-weight: 700;}} @media only screen and (max-width: 1024px) { .tt-sidebar__btn-close i { margin-top: 16px; font-size: 12px;}} @media only screen and (max-width: 1024px) { .tt-sidebar__btn-close span { margin-top: 14px; font-size: 14px; font-weight: 700;}} @media only screen and (max-width: 1024px) { .tt-sidebar--open .tt-sidebar__btn-open { -webkit-transform: translate3d(12px, 0px, 0px) rotateY(-90deg); -moz-transform: translate3d(12px, 0px, 0px) rotateY(-90deg); -ms-transform: translate3d(12px, 0px, 0px) rotateY(-90deg); transform: translate3d(12px, 0px, 0px) rotateY(-90deg);}} @media only screen and (max-width: 1024px) { .tt-sidebar:not(.tt-sidebar--open) .tt-sidebar__btn-close { -webkit-transform: translate3d(-12px, 0px, 0px) rotateY(90deg); -moz-transform: translate3d(-12px, 0px, 0px) rotateY(90deg); -ms-transform: translate3d(-12px, 0px, 0px) rotateY(90deg); transform: translate3d(-12px, 0px, 0px) rotateY(90deg);}} @media only screen and (min-width: 1025px) { .tt-sidebar__bg { display: none !important;}} @media only screen and (max-width: 1024px) { .tt-sidebar__bg { display: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 10000;}} @media only screen and (max-width: 1024px) { .tt-sidebar__bg--ready { display: block; -webkit-opacity: 0; -moz-opacity: 0; -o-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity="+0*100); filter: alpha(opacity=0*100);}} @media only screen and (max-width: 1024px) { .tt-sidebar__bg--visible { -webkit-opacity: 0.2; -moz-opacity: 0.2; -o-opacity: 0.2; opacity: 0.2; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity="+0.2*100); filter: alpha(opacity=0.2*100);}} /** * (c) Tonytemplates Ltd, https://www.tonytemplates.com/support@tonytemplates.com */ @media only screen and (min-width: 1025px) { .tt-sticky-block { will-change: min-height;}} @media only screen and (max-width: 1024px) { .tt-sticky-block { position: static !important; height: auto !important;}} @media only screen and (min-width: 1025px) { .tt-sticky-block__inner { will-change: position, transform; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @media only screen and (max-width: 1024px) { .tt-sticky-block__inner { position: static !important; width: 100% !important; -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; transform: none !important;}} /** * (c) Tonytemplates Ltd, https://www.tonytemplates.com/support@tonytemplates.com */ .tt-vw-opt__length, .tt-vw-opt__sort, .tt-vw-opt__direction { align-items: center; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} .tt-vw-opt__length > span, .tt-vw-opt__sort > span { margin-right: 10px; font-weight: 700;} .tt-vw-opt__length { margin-right: 16px;} @media only screen and (max-width: 1024px) { .tt-vw-opt__length { display: none;}} .tt-vw-opt__length select { min-width: 86px;} .tt-vw-opt__sort { margin-right: 24px;} @media only screen and (min-width: 1832px) { .tt-vw-opt__sort select { min-width: 350px;}} @media only screen and (min-width: 1400px) and (max-width: 1832px) { .tt-vw-opt__sort select { min-width: 250px;}} @media only screen and (min-width: 480px) and (max-width: 1399px) { .tt-vw-opt__sort select { min-width: 180px;}} @media only screen and (max-width: 479px) { .tt-vw-opt__sort select { min-width: 130px;}} .tt-vw-opt__direction a i { margin-right: 6px; font-size: 19px;} @media only screen and (max-width: 767px) { .tt-vw-opt__sort, .tt-vw-opt__direction, .tt-vw-opt__length, .tt-vw-opt__grid { margin-top: 20px;}} @media only screen and (min-width: 1025px) and (max-width: 1200px) { .tt-vw-opt__info { margin-top: 20px;}} .tt-vw-opt__info > span { font-size: 14px;} .tt-vw-opt.row > [class^='col-'] { align-items: center; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} @media only screen and (min-width: 1025px) and (max-width: 1200px) { .tt-vw-opt > .row > [class^='col-']:nth-child(1) { flex: 0 0 50%; max-width: 50%;}} @media only screen and (min-width: 1025px) and (max-width: 1200px) { .tt-vw-opt > .row > [class^='col-']:nth-child(2) { order: 1; flex: 0 0 100%; max-width: 100%;}} @media only screen and (max-width: 767px) { .tt-vw-opt > .row > [class^='col-']:nth-child(2) { order: -1;}} .tt-vw-opt > .row > [class^='col-']:nth-child(3) { justify-content: flex-end;} @media only screen and (min-width: 1025px) and (max-width: 1200px) { .tt-vw-opt.row > [class^='col-']:nth-child(3) { flex: 0 0 50%; max-width: 50%;}} /** * (c) Tonytemplates Ltd, https://www.tonytemplates.com/support@tonytemplates.com */ .tt-pagination, nav.navigation, .nav-links, .woocommerce-pagination .page-numbers { margin: 40px 0; align-items: center; display: -moz-box !important; display: -ms-flexbox !important; display: -webkit-box !important; display: -webkit-flex !important; display: flex !important;} .tt-pagination__numbs, .page-numbers { align-items: center; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; border-color: transparent !important;} .tt-pagination__prev, .prev.page-numbers { margin-right: 14px !important;} .tt-pagination__next, .next.page-numbers { margin-left: 14px !important;} .page-numbers li{ display: inline-block; border-color: transparent !important;} .page-numbers li span.current{ display: inline-block; border-color: transparent !important; background: transparent !important;} .tt-pagination span, .page-numbers li a { display: inline-block !important; padding: 10px 14px !important; font-size: 14px !important; color: #fe5a1a !important;} .page-numbers li a:hover { background:transparent !important;} .tt-pagination span a { font-weight: 700;} .page-numbers { display: inline-block; padding: 10px 14px; font-size: 14px; color: #fe5a1a !important;} .page-numbers.current{ color: #777 !important;} /** * (c) Tonytemplates Ltd, https://www.tonytemplates.com/support@tonytemplates.com */ .tt-gallery__slider { display: none;} .tt-gallery__slider img { width: auto; height: 100%; max-width: 100%;} .tt-gallery__slider .swiper-btn-next, .tt-gallery__slider .swiper-btn-prev { position: absolute; width: 60px; height: 70px; top: 50%; margin-top: -35px; font-size: 40px; z-index: 10; cursor: pointer;} @media only screen and (max-width: 1024px) { .tt-gallery__slider .swiper-btn-next, .tt-gallery__slider .swiper-btn-prev { display: none;}} .tt-gallery__slider .swiper-btn-next:hover, .tt-gallery__slider .swiper-btn-prev:hover { -webkit-transform: scale(1.4); -ms-transform: scale(1.4); -o-transform: scale(1.4); transform: scale(1.4);} .tt-gallery__slider .swiper-btn-next.swiper-button-disabled, .tt-gallery__slider .swiper-btn-prev.swiper-button-disabled { pointer-events: none; cursor: default;} @media only screen and (min-width: 1025px) { .tt-gallery__slider .swiper-btn-next { right: 30px;}} @media only screen and (min-width: 1025px) { .tt-gallery__slider .swiper-btn-prev { left: 30px;}} .tt-gallery__slider .swiper-container { width: 100%; margin-left: auto; margin-right: auto;} .tt-gallery__slider .swiper-wrapper { align-items: center;} .tt-gallery__slider .swiper-slide { text-align: center;} .tt-gallery__slider .swiper-title { font-size: 30px; font-weight: 700; text-align: center;} .tt-gallery__slider .swiper-tags { font-size: 14px; font-weight: 700; text-align: center;} .tt-gallery__slider .swiper-tags a:hover { text-decoration: underline;} @media only screen and (max-width: 767px) { .tt-gallery__slider .swiper-info { display: none;}} @media only screen and (min-width: 768px) { .tt-gallery__slider .swiper-info { margin-top: 20px; margin-bottom: 50px;}} .tt-gallery__slider .gallery-top { width: 100%; min-height: 300px; align-items: center; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} .tt-gallery__slider .gallery-thumbs { padding-top: 60px;} @media only screen and (max-width: 1024px) { .tt-gallery__slider .gallery-thumbs { display: none;}} .tt-gallery__slider .gallery-thumbs .swiper-wrapper { max-height: 100px;} .tt-gallery__slider .gallery-thumbs .swiper-slide { width: auto;} .tt-gallery__slider .gallery-thumbs .swiper-slide img { max-height: 80px;} .tt-gallery__slider .gallery-thumbs .swiper-slide-active img { -webkit-transform: scale(1.01) translateY(-20px); -moz-transform: scale(1.01) translateY(-20px); -ms-transform: scale(1.01) translateY(-20px); transform: scale(1.01) translateY(-20px);} .tt-gallery__slider.tt-gallery__slider-single .swiper-btn-next, .tt-gallery__slider.tt-gallery__slider-single .swiper-btn-prev { display: none;} .tt-gallery__slider.tt-gallery__slider-single .gallery-thumbs { display: none;} .mfp-gallery .mfp-content .tt-gallery__slider { display: block;} .mfp-gallery .mfp-content .mfp-close { font-size: 26px; -webkit-opacity: 0.8; -moz-opacity: 0.8; -o-opacity: 0.8; opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity="+0.8*100); filter: alpha(opacity=0.8*100);} @media only screen and (max-width: 767px) { .mfp-gallery .mfp-content .mfp-close { right: 10px; top: 10px;}} @media only screen and (min-width: 768px) { .mfp-gallery .mfp-content .mfp-close { right: 30px; top: 30px;}} .mfp-gallery .mfp-content .mfp-close:hover { -webkit-opacity: 1; -moz-opacity: 1; -o-opacity: 1; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity="+1*100); filter: alpha(opacity=1*100);} .tt-masonry { visibility: hidden;} .tt-gallery .tt-masonry { margin-bottom: -1px;} /** * (c) Tonytemplates Ltd, https://www.tonytemplates.com/support@tonytemplates.com */ .tt-post { position: relative; overflow: hidden;} .tt-post.wp_gellary{ height:480px; position: relative; overflow: hidden;} .tt-post.wp_gellary .slick-track{ position: absolute; left:0; top:0; width:100%; height:100%;} .tt-post.wp_gellary img{width:100%;height:100%;} .tt-post img { width: 100%;} .tt-post__content { position: relative; z-index: 1; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} @media only screen and (min-width: 768px) { .tt-post__content { padding: 60px 60px;}} @media only screen and (max-width: 767px) { .tt-post__content { padding: 40px 12px;}} @media only screen and (max-width: 1399px) { .tt-post__content { flex-wrap: wrap;}} @media only screen and (min-width: 1400px) { .tt-post__content { min-height: 480px;}} .tt-post__content > div { flex-direction: column; align-items: flex-start; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} @media only screen and (min-width: 1400px) { .tt-post__content > div:first-child { margin-right: 5px; width: 16%;}} @media only screen and (max-width: 1399px) { .tt-post__content > div:first-child { width: 100%; flex-wrap: wrap; flex-direction: row;}} @media only screen and (max-width: 1399px) { .tt-post__content > div:not(:last-child) { margin-bottom: 20px;}} .tt-post__content p { margin-bottom: 20px;max-width: 825px;} .tt-post__content-quote { position: relative; padding-top: 90px; padding-bottom: 90px; z-index: 1; text-align: center; align-items: center; flex-direction: column; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} @media only screen and (min-width: 768px) { .tt-post__content-quote { padding-top: 80px; padding-bottom: 80px;}} @media only screen and (max-width: 767px) { .tt-post__content-quote { padding-top: 40px; padding-bottom: 40px;}} .tt-post__content-quote.tt-post__content-quote--bg-slider img { position: absolute; min-height: 100%; min-width: 100%; width: auto; top: 0; z-index: -1;} .tt-post__content-quote > i { margin-bottom: 20px; font-size: 40px;} .tt-post__content-quote_title { margin-bottom: 18px; font-weight: 700;} @media only screen and (min-width: 768px) { .tt-post__content-quote_title { font-size: 30px;}} @media only screen and (max-width: 767px) { .tt-post__content-quote_title { font-size: 24px; line-height: 1.6;}} .tt-post__content-quote p { max-width: 840px; margin: 0 auto; margin-bottom: 30px;} .tt-post__content-quote_quote { margin-bottom: 42px; font-size: 14px; font-weight: 700;} .tt-post__content-quote .slick-arrow { display: none !important;} .tt-post__content-quote .slick-dots li { -webkit-opacity: 0.5 !important; -moz-opacity: 0.5 !important; -o-opacity: 0.5 !important; opacity: 0.5 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity="+0.5*100) !important; filter: alpha(opacity=0.5*100) !important;} .tt-post__content-quote .slick-dots li.slick-active { -webkit-opacity: 1 !important; -moz-opacity: 1 !important; -o-opacity: 1 !important; opacity: 1 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity="+1*100) !important; filter: alpha(opacity=1*100) !important;} @media only screen and (min-width: 768px) { .tt-post__bg { position: absolute; top: 0; bottom: 0; left: 0; right: 0;}} @media only screen and (max-width: 767px) { .tt-post__bg { display: none;}} .tt-post__bg > img { min-width: 100%; width: auto; min-height: 100%;} .tt-post__bg--curtain::before { display: block; content: ''; z-index: 1; position: absolute; top: 0; bottom: 0; left: 0; right: 0; -webkit-opacity: 0.5; -moz-opacity: 0.5; -o-opacity: 0.5; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity="+0.5*100); filter: alpha(opacity=0.5*100);} .tt-post__category { margin-top: 8px;} .tt-post__category a { display: inline-block; font-weight: 700; font-size: 16px; text-transform: uppercase; line-height: 18px; } .tt-post__category a:not(:first-child) { margin-top: 8px;} @media only screen and (min-width: 1400px) { .tt-post__comments { margin-top: auto;}} @media only screen and (max-width: 1399px) { .tt-post__comments { margin-top: 10px; margin-left: auto;}} .tt-post__comments i { font-size: 19px;} .tt-post__comments > span { margin-left: 10px; font-size: 12px; font-weight: 700;} .tt-post__title { max-width: 870px; margin-bottom: 34px; font-weight: 700;} @media only screen and (min-width: 1400px) { .tt-post__title { font-size: 44px; line-height: 1.27;}} @media only screen and (min-width: 768px) and (max-width: 1399px) { .tt-post__title { font-size: 30px; line-height: 1.27;}} @media only screen and (max-width: 767px) { .tt-post__title { font-size: 18px;}} .tt-post__quote { display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} .tt-post__quote i { margin-right: 20px; font-size: 60px;} .tt-post__signature { display: block; margin-top: -18px; text-transform:capitalize;} .tt-post__info { margin-top: auto; font-size: 12px;} .tt-post__info span { text-transform: uppercase;} .tt-post__tags { margin-top: 4px;} .tt-post__tags i { font-size: 13px;} .tt-post__tags a:not(:first-child) { margin-left: 4px;} .tt-post__tags a:hover { text-decoration: underline;} .tt-post__slider.tt-post__slider--text-fixed, .tt-post__slider.tt-post__slider--text-fixed * { height: 100%;overflow: visible;} .tt-post__slider .slick-arrow, .tt-post__slider .slick-dots { display: none !important;} @media only screen and (min-width: 768px) { .tt-post__slider-nav { height: 100%; align-items: flex-end; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;}} @media only screen and (max-width: 767px) { .tt-post__slider-nav { display: none;}} .tt-post__slider-nav.tt-post__slider-nav--fixed-c { position: absolute; height: auto; bottom: 80px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);} .tt-post__slider-nav > div { align-items: center; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} .tt-post__slider-nav .slick-arrow { margin: 0 10px; font-size: 30px; cursor: pointer; order: 1;} .tt-post__slider-nav .slick-dots { margin-right: 12px; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} .tt-post__slider-nav .slick-dots li { margin: 0 8px; border-radius: 50%; cursor: pointer; width: 8px; height: 8px;} .tt-post__slider-nav .slick-dots li button { display: none;} .tt-post__slider-nav .slick-arrow, .tt-post__slider-nav .slick-dots li { -webkit-opacity: 0.7; -moz-opacity: 0.7; -o-opacity: 0.7; opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity="+0.7*100); filter: alpha(opacity=0.7*100);} .tt-post__slider-nav .slick-arrow:hover, .tt-post__slider-nav .slick-dots li:hover { -webkit-opacity: 1; -moz-opacity: 1; -o-opacity: 1; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity="+1*100); filter: alpha(opacity=1*100);} .tt-post__slider-nav.tt-post__slider-nav--arrows-none .slick-arrow { display: none !important;} .tt-post-grid { position: relative; margin-bottom: 24px; overflow: hidden; flex-wrap: wrap; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} .tt-post-grid img { width: 100%;} .tt-post-grid__wrap { align-items: flex-start;margin-top: 50px;} .tt-post-grid__wrap > [class^='col-'] { display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} .tt-post-grid__content { position: relative; max-width: 100%; flex-direction: column; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} @media only screen and (min-width: 768px) { .tt-post-grid__content { padding: 50px 60px 50px;}} @media only screen and (max-width: 767px) { .tt-post-grid__content { padding: 40px 24px;}} .tt-post-grid__image { position: relative; display: block; width: 100%; overflow: hidden;} .tt-post-grid__category { margin-bottom: 12px;} .tt-post-grid__category a { display: inline-block; font-weight: 700; font-size: 12px;text-transform: uppercase;} .tt-post-grid__title { display: block; margin-bottom: 24px !important; font-weight: 700;} @media only screen and (min-width: 768px) { .tt-post-grid__title { font-size: 30px; line-height: 1.27;}} @media only screen and (min-width: 1367px) and (max-width: 1680px) { .tt-post-grid__title { max-height: 114px; overflow: hidden; } a.post-link i { padding-right: 5px !important; font-size: 14px !important; } a.post-link { padding: 2px 10px !important; font-size: 10px !important; } .tt-layout__sidebar-left .grid-post-link-div, .tt-layout__sidebar-right .grid-post-link-div { top: 17% !important; } } @media only screen and (max-width: 767px) { .tt-post-grid__title { font-size: 18px;}} .tt-post-grid__quote { margin-top: 20px; margin-bottom: 20px; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} .tt-post-grid__quote i { margin-right: 20px; font-size: 60px;} .tt-post-grid__quote .tt-post-grid__title { margin-bottom: 10px;} .tt-post-grid p { margin-bottom: 0; max-width: 700px;} .tt-post-grid__footer { margin-top: auto; padding-top: 12px; align-items: flex-end; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} .tt-post-grid__info { font-size: 12px;} .tt-post-grid__info span:first-child { font-weight: 800;} .tt-post-grid__info span {text-transform: uppercase;} .tt-post-grid__tags { margin-top: 4px;} .tt-post-grid__tags i { font-size: 13px;} .tt-post-grid__tags a:not(:first-child) { margin-left: 4px;} .tt-post-grid__tags a:hover { text-decoration: underline;} .tt-post-grid__comments { margin-top: 10px; margin-left: auto; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} .tt-post-grid__comments i { font-size: 19px;} .tt-post-grid__comments span { margin-left: 10px; font-size: 12px; font-weight: 700;} .tt-post-grid__slider .slick-arrow, .tt-post-grid__slider .slick-dots { display: none !important;} .tt-post-grid__slider-nav { position: absolute; bottom: 30px; right: 20px; align-items: center; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} .tt-post-grid__slider-nav .slick-arrow { margin: 0 10px; font-size: 30px; cursor: pointer; order: 1;} .tt-post-grid__slider-nav .slick-dots { margin-right: 12px; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} .tt-post-grid__slider-nav .slick-dots li { margin: 0 8px; border-radius: 50%; cursor: pointer; width: 8px; height: 8px;} .tt-post-grid__slider-nav .slick-dots li button { display: none;} .tt-post-grid__slider-nav .slick-arrow, .tt-post-grid__slider-nav .slick-dots li { -webkit-opacity: 0.7; -moz-opacity: 0.7; -o-opacity: 0.7; opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity="+0.7*100); filter: alpha(opacity=0.7*100);} @media only screen and (min-width: 1025px) { .tt-post-grid__slider-nav .slick-arrow:hover, .tt-post-grid__slider-nav .slick-dots li:hover { -webkit-opacity: 1; -moz-opacity: 1; -o-opacity: 1; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity="+1*100); filter: alpha(opacity=1*100);}} .tt-post img { width: 100%;} .tt-post-head { margin-bottom: 40px; text-align: center;} .tt-post-head__category { font-size: 14px; font-weight: 700;} .tt-post-head__title { margin-top: 14px; font-weight: 700;} @media only screen and (min-width: 1025px) { .tt-post-head__title { font-size: 60px; line-height: 1.216;}} @media only screen and (min-width: 480px) and (max-width: 1024px) { .tt-post-head__title { font-size: 24px;}} @media only screen and (max-width: 479px) { .tt-post-head__title { font-size: 18px;}} .tt-post-head__info { margin-top: 24px; font-size: 12px;} .tt-post-img { position: relative; overflow: unset; margin-bottom: 128px;} .tt-post-img.tt-post-img--curtain::before { display: block; content: ''; z-index: 1; position: absolute; top: 0; bottom: 0; left: 0; right: 0; -webkit-opacity: 0.5; -moz-opacity: 0.5; -o-opacity: 0.5; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity="+0.5*100); filter: alpha(opacity=0.5*100);} .tt-post-img__text { padding-left: 24px; padding-right: 24px; background: #f4f4f4; width: 650px; position: absolute; right: 40px; float: right; top: 40px; height: 100%; } .tt-post-img__text .tt-post-img__category .post-categories li a { color: #fff !important; background: #fd591c; display: inline-block; padding: 5px 10px; } .tt-post-img__text { padding-top: 124px; padding-bottom: 117px; padding-left: 100px; padding-right: 100px; } @media only screen and (max-width: 1680px) { .tt-post-img__text { padding-top: 64px; padding-bottom: 57px; padding-left: 80px; padding-right: 80px; } .tt-post-img__title { font-size: 51px !important; } } @media only screen and (max-width: 767px) { .tt-post-img__text { padding-top: 60px; padding-bottom: 60px;}} .tt-post-img__text .btn { padding: 16px 40px; margin-top: 46px;} .tt-post-img__category { margin-bottom: 16px;} .tt-post-img__category a { display: block; font-weight: 700; font-size: 14px;text-transform: uppercase;} .tt-post-img__title { max-width: 850px; margin-left: auto; margin-right: auto; margin-bottom: 29px; line-height: 1.22; font-weight: 700;} @media only screen and (min-width: 768px) { .tt-post-img__title { font-size: 60px;}} @media only screen and (max-width: 767px) { .tt-post-img__title { font-size: 24px;}} .tt-post-img__title--long { max-width: 1024px;} .tt-post-img__info { font-size: 12px;} .tt-post-img__info span { text-transform: uppercase;} .tt-post-slider { visibility: hidden; margin-bottom: 80px;} .tt-post-slider.tt-post-slider__init { visibility: visible;} .tt-post-slider .slick-dots { position: absolute; bottom: -42px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} .tt-post-slider .slick-dots li { margin: 0 8px; border-radius: 50%; cursor: pointer; width: 8px; height: 8px; -webkit-opacity: 0.7; -moz-opacity: 0.7; -o-opacity: 0.7; opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity="+0.7*100); filter: alpha(opacity=0.7*100);} .tt-post-slider .slick-dots li:hover { -webkit-opacity: 1; -moz-opacity: 1; -o-opacity: 1; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity="+1*100); filter: alpha(opacity=1*100);} .tt-post-slider .slick-dots li button { display: none;} .tt-post-slider .slick-prev, .tt-post-slider .slick-next { position: absolute; top: 50%; margin-top: -35px; font-size: 40px; cursor: pointer; z-index: 1;} .tt-post-slider .slick-prev:hover, .tt-post-slider .slick-next:hover { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2);} @media only screen and (min-width: 480px) { .tt-post-slider .slick-prev { left: 50px;}} @media only screen and (max-width: 479px) { .tt-post-slider .slick-prev { left: 0px;}} @media only screen and (min-width: 480px) { .tt-post-slider .slick-next { right: 50px;}} @media only screen and (max-width: 479px) { .tt-post-slider .slick-next { right: 0px;}} @media only screen and (max-width: 767px) { .tt-post-text { margin-top: 26px;}} .tt-post-text > p:not(:first-child) { margin-top: 18px;} .tt-post-text > p { font-size: 18px; margin-bottom: 29px; line-height: 29px; color: #555555; } .tt-post-text p img { font-size: 14px; margin-top: 8px; } @media only screen and (min-width: 768px) { .tt-post-text__quote { margin-top: 42px; margin-bottom: 42px;}} @media only screen and (max-width: 767px) { .tt-post-text__quote { margin-top: 26px; margin-bottom: 26px;}} .tt-post-text__signature { display: block; margin-top: 14px;} .tt-post-text__list { margin-top: 28px;} .tt-post-text__tags { margin-top: 3px; font-size: 12px;} .tt-post-text__tags > * { margin-right: 6px;} .tt-post-text__info { font-size: 12px;} .tt-post-text__info span { font-weight: 800;} .tt-post-text__footer { margin-top: 24px; padding-bottom: 48px; border-bottom: solid 1px transparent; flex-wrap: wrap; justify-content: space-between; align-items: center; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} .tt-post-text .tt-social-icons i::before { font-size: 19px;} .tt-post-user { margin-top: 60px; /* margin-bottom: 100px; */ align-items: flex-start; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; padding: 30px; /* padding-bottom: 0; */ border: 3px solid #f4f4f4; } @media only screen and (max-width: 479px) { .tt-post-user { flex-wrap: wrap;}} .tt-post-user__image { display: block; width: 100px; min-width: 100px; margin-right: 24px; border-radius: 100%; overflow: hidden;} @media only screen and (max-width: 479px) { .tt-post-user__image { margin-left: auto; margin-right: auto; margin-bottom: 20px;}} .tt-post-user__name { font-size: 30px; font-weight: 700; text-transform: capitalize; line-height: 42px; } .tt-post-user__name > span { color: #fe5a1a; } @media only screen and (max-width: 479px) { .tt-post-user__name { text-align: center;}} .tt-post-user p { margin-top: 5px; font-size: 20px; margin-bottom: 0; } @media only screen and (max-width: 479px) { .tt-post-user p { text-align: center;}} .tt-post-nav { padding-top: 30px; padding-bottom: 30px; justify-content: space-between; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} .tt-post-nav__prev, .tt-post-nav__next { display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} @media only screen and (max-width: 479px) { .tt-post-nav__prev, .tt-post-nav__next { align-items: center;}} .tt-post-nav__prev i, .tt-post-nav__next i { font-size: 14px; color: #fe5a1a; } .tt-post-nav__prev span, .tt-post-nav__next span { font-size: 14px; font-family: 'Montserrat', sans-serif; font-weight: 700; color: #fe5a1a !important; } .tt-post-nav__prev p, .tt-post-nav__next p { font-size: 22px; font-weight: 700; line-height: 31px; } @media only screen and (max-width: 479px) { .tt-post-nav__prev p, .tt-post-nav__next p { display: none;}} .tt-post-nav__prev i { margin-right: 8px;} .tt-post-nav__next { margin-left: auto; text-align: right;} .tt-post-nav__next i { margin-left: 8px;} /** * (c) Tonytemplates Ltd, https://www.tonytemplates.com/support@tonytemplates.com */ .tt-comments__title { margin-bottom: 44px; font-size: 44px; font-weight: 700;} .tt-comments__section { display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} .tt-comments > .tt-comments__section { margin-top: 44px;} .tt-comments > .tt-comments__section .tt-comments__section { margin-top: 24px;} .tt-comments__image { max-width: 64px; min-width: 32px; margin-right: 16px;} .tt-comments__info { margin-bottom: 8px; font-size: 12px;} .tt-comments__info span { font-weight: 800;} .tt-comments__reply ,.comment-reply-link { font-weight: 700; font-family: 'Montserrat', sans-serif; font-size: 14px; } /** * (c) Tonytemplates Ltd, https://www.tonytemplates.com/support@tonytemplates.com */ .comment-reply-title { margin-bottom: 40px; font-size: 44px; font-weight: 700;} .tt-form__title.tt-form__title--lg { font-size: 30px;} .tt-form > p { margin-bottom: 33px;} .tt-form__message { margin-bottom: 20px;} .tt-form__form > .input_label { display: block; margin: 0;} .tt-form__form > .input_label:not(:first-child), .tt-form__form .row:not(:first-child) { margin-top: 20px;} .tt-form__form .row .input_label, .tt-form__form > .input_label span { display: block; margin-top: 10px; margin-bottom: 10px; font-size: 14px; font-weight: 700;} .tt-form .form-submit { margin-top: 28px;} .tt-form__form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]), .tt-form__form textarea { width: 100%; padding-left: 20px; padding-right: 20px; outline: none; font-size: 14px;} .tt-form__form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]), .woocommerce form .form-row input.input-text { height: 44px;} .tt-form__form textarea { height: 154px; padding-top: 8px; resize: none;} .tt-form__back { flex-wrap: wrap; align-items: center; display: -moz-inline-box; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex;} .tt-form__back span { margin: 0 8px;} .tt-form__back a { font-weight: 700;} .tt-form__section { width: 100%; align-items: center; display: -moz-inline-box; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex;} .tt-form__section input { margin-right: 10px;} /** * (c) Tonytemplates Ltd, https://www.tonytemplates.com/support@tonytemplates.com */ @media only screen and (max-width: 767px) { .tt-carousel-brands { margin-left: -12px; margin-right: -12px;}} @media only screen and (min-width: 768px) { .tt-carousel-brands { margin-left: -24px; margin-right: -24px;}} .tt-carousel-brands__wrap { overflow: hidden;} .tt-carousel-brands .slick-track { align-items: center; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} .tt-carousel-brands a { outline: none; -webkit-opacity: 0.3; -moz-opacity: 0.3; -o-opacity: 0.3; opacity: 0.3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity="+0.3*100); filter: alpha(opacity=0.3*100);} @media only screen and (max-width: 767px) { .tt-carousel-brands a { margin-left: 12px; margin-right: 12px;}} @media only screen and (min-width: 768px) { .tt-carousel-brands a { margin-left: 24px; margin-right: 24px;}} @media only screen and (min-width: 768px) { .tt-carousel-brands a:hover { -webkit-opacity: 1; -moz-opacity: 1; -o-opacity: 1; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity="+1*100); filter: alpha(opacity=1*100);}} /** * (c) Tonytemplates Ltd, https://www.tonytemplates.com/support@tonytemplates.com */ .tt-contacts { margin-top: 90px; margin-bottom: 100px;} .tt-contacts__adress { margin-bottom: 90px;} .tt-contacts__map { max-height: 670px;} .tt-contacts__map::before { content: ''; display: block; padding-top: 70%;} .tt-contacts__map iframe { width: 100%; height: 100%; -webkit-filter: grayscale(90%); filter: grayscale(90%); position: absolute; top: 0; bottom: 0; left: 0; right: 0;} .tt-contacts__map:hover iframe { -webkit-filter: grayscale(0%); filter: grayscale(0%);} .tt-contacts__info { min-height: 100%; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center;} .tt-contacts__info_text { padding-top: 40px; margin-bottom: 40px;} .tt-contacts__info p { font-weight: 700; line-height: 1.3;} .tt-contacts__form_title { margin-bottom: 8px !important;} .tt-contacts__form_inputs { margin-top: 54px;} .tt-team { position: relative; overflow: hidden;} .tt-team img { width: 100%;} .tt-team a { outline: none;} .tt-team__image > a { display: block;} .tt-team__hover { overflow: hidden; align-items: center; z-index: 1; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} @media only screen and (min-width: 1025px) { .tt-team__hover { position: absolute; will-change: transform; position: absolute; top: 0; bottom: 0; left: 0; right: 0; -webkit-opacity: 0; -moz-opacity: 0; -o-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity="+0*100); filter: alpha(opacity=0*100);}} @media only screen and (min-width: 1025px) { .tt-team__hover::before { content: ''; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; -webkit-opacity: 0.9; -moz-opacity: 0.9; -o-opacity: 0.9; opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity="+0.9*100); filter: alpha(opacity=0.9*100);}} @media only screen and (min-width: 1025px) { .tt-team:hover .tt-team__hover { -webkit-opacity: 1; -moz-opacity: 1; -o-opacity: 1; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity="+1*100); filter: alpha(opacity=1*100);}} .tt-team__content { position: relative; width: 100%; text-align: center;} @media only screen and (max-width: 1024px) { .tt-team__content { margin-top: 20px; margin-bottom: 20px;}} .tt-team__content p { margin-top: 28px;} @media only screen and (min-width: 1025px) { .tt-team__name, .tt-team__status, .tt-team p { padding-left: 13.2%; padding-right: 13.2%;}} @media only screen and (max-width: 1024px) { .tt-team__name, .tt-team__status, .tt-team p { padding-left: 12px; padding-right: 12px;}} .tt-team__name { font-size: 30px; line-height: 1.2; font-weight: 700;} .tt-team__status { margin-top: 8px; font-size: 14px;} .tt-team__social { padding-left: 12px; padding-right: 12px; margin-top: 24px; flex-wrap: wrap; display: -moz-inline-box !important; display: -ms-inline-flexbox !important; display: -webkit-inline-flex !important; display: inline-flex !important; justify-content: center; align-items: center;} .tt-team__social .tt-btn { margin: 0 5px; margin-bottom: 4px;} @media only screen and (max-width: 1024px) { .tt-team.ttg-text-animation-parent .ttg-text-animation--emersion > * { -webkit-transform: translateY(0px) !important; -ms-transform: translateY(0px) !important; -o-transform: translateY(0px) !important; transform: translateY(0px) !important;}} /** * (c) Tonytemplates Ltd, https://www.tonytemplates.com/support@tonytemplates.com */ .tt-about { margin-top: 90px; margin-bottom: 90px;} .tt-about a { display: block;} .tt-about img { width: 100%;} .tt-about a, .tt-about img { height: 100%;} .tt-about__info { height: 100%; padding: 40px 24px; flex-direction: column; justify-content: center; align-items: center; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} .tt-about__info div, .tt-about__info p { max-width: 620px; text-align: center;} .tt-about__info div { font-size: 30px; line-height: 1.3; font-weight: 700;} .tt-about__info p { margin-top: 24px;} /** * (c) Tonytemplates Ltd, https://www.tonytemplates.com/support@tonytemplates.com */ .tt-wishlist { position: relative; margin-bottom: 110px;} .tt-wishlist__products { padding-top: 40px; padding-bottom: 40px; margin-top: 60px; margin-bottom: 60px; border-top: solid 1px transparent; border-bottom: solid 1px transparent;} .tt-wishlist__footer { text-align: center;} .tt-wishlist__footer .btn { width: 100%; min-height: 56px;} @media only screen and (min-width: 768px) { .tt-wishlist__footer .btn { max-width: 170px;}} .tt-wishlist__footer .btn i { margin-right: 10px; font-size: 14px;} .tt-wishlist__empty { text-align: center; font-size: 18px; margin-bottom: 0;} .tt-wishlist__product { font-size: 14px;} .tt-wishlist__product:not(:first-child) { margin-top: 40px;} .tt-wishlist__product-example { display: none;} .tt-wishlist__product [class^='col-'] { align-items: center; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} @media only screen and (max-width: 1024px) { .tt-wishlist__product [class^='col-']:nth-child(2), .tt-wishlist__product [class^='col-']:nth-child(3), .tt-wishlist__product [class^='col-']:nth-child(4) { margin-top: 16px;}} .tt-wishlist__product [class^='col-']:nth-child(2) { flex-wrap: wrap;} @media only screen and (min-width: 768px) { .tt-wishlist__product_image { width: 174px; min-width: 174px; margin-right: 40px;}} @media only screen and (max-width: 767px) { .tt-wishlist__product_image { width: 100px; min-width: 100px; margin-right: 12px;}} .tt-wishlist__product_image a { display: block;} .tt-wishlist__product_image img { border: solid 2px transparent;} .tt-wishlist__product_info p { margin-bottom: 0;} .tt-wishlist__product_info a p { font-size: 14px; font-weight: 700;} .tt-wishlist__product_info > p { font-size: 12px;} .tt-wishlist__product_info > p:first-of-type { margin-top: 10px;} .tt-wishlist__product_info > p span { font-weight: 800;} .tt-wishlist__product_price { font-size: 25px; line-height: 1;} @media only screen and (min-width: 480px) { .tt-wishlist__product_status { margin: 0 auto;}} .tt-wishlist__product_status span { font-weight: 700;} @media only screen and (min-width: 480px) { .tt-wishlist__product_to-cart { margin-left: auto;}} @media only screen and (max-width: 767px) { .tt-wishlist__product_to-cart { width: 100%; max-width: 170px;}} .tt-wishlist__product_to-cart .btn { margin-right: 24px;} @media only screen and (min-width: 480px) { .tt-wishlist__product_del { margin-right: 8px; margin-left: auto;}} @media only screen and (max-width: 767px) { .tt-wishlist__product_del { margin-left: 24px;}} .tt-compare { margin-top: 60px; margin-bottom: 100px; overflow-x: auto;} .tt-compare table { width: 100%;} .tt-compare table tr { display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} .tt-compare table tr:not(:first-child) { border-top: solid 1px transparent;} .tt-compare table tr:not(:first-child) { border-top: solid 1px transparent;} .tt-compare table tr th { width: 280px; padding: 22px 30px;} .tt-compare table tr th p { margin: 0; font-size: 14px; font-weight: 700;} .tt-compare table tr td { width: 504px; padding-left: 20px; padding-right: 20px;} .tt-compare table tr td:not(:first-child):not(:last-child) { border-right: solid 1px transparent;} .tt-compare__product_del { margin-bottom: 30px;} .tt-compare__product_image { width: 180px; margin-bottom: 24px;} .tt-compare__product_name { max-width: 284px;} .tt-compare__product_name a p { margin-bottom: 0; font-size: 18px; line-height: 1.45; font-weight: 700;} .tt-compare__product_price { margin-bottom: 20px; font-size: 24px;} .tt-compare__product_to-cart { margin-bottom: 30px;} .tt-compare__product_description { margin-top: 22px; margin-bottom: 30px;} .tt-compare__product_description p { max-width: 290px;} .tt-compare__product_param { height: 100%; font-weight: 700; align-items: center; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} .tt-compare__product_param > * { margin: 14px 0;} .tt-compare__product_status span { font-size: 14px;} .tt-checkout { margin-top: 70px; margin-bottom: 90px;} @media only screen and (max-width: 1024px) { .tt-checkout > .row > [class^='col-'] { padding: 0;}} @media only screen and (max-width: 479px) { .tt-checkout h4 { font-size: 22px;}} .tt-checkout--border { padding-top: 40px; margin-top: 40px; border-top: solid 1px transparent;} .tt-checkout__steps { height: 120px; margin-top: 50px; margin-bottom: 50px; border-top: solid 3px transparent; justify-content: space-around; align-items: center; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} .tt-checkout__steps > div { position: relative; top: -60px; border-radius: 50%; justify-content: center; align-items: center; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} @media only screen and (min-width: 768px) { .tt-checkout__steps > div { width: 100px; height: 100px;}} @media only screen and (max-width: 767px) { .tt-checkout__steps > div { width: 60px; height: 60px;}} .tt-checkout__steps > div span { font-weight: 700;} @media only screen and (min-width: 768px) { .tt-checkout__steps > div span { font-size: 30px;}} @media only screen and (max-width: 767px) { .tt-checkout__steps > div span { font-size: 22px;}} .tt-checkout__steps > div p { position: absolute; top: calc(100% + 12px); left: 50%; font-weight: 700; white-space: nowrap; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);} @media only screen and (min-width: 768px) { .tt-checkout__steps > div p { font-size: 32px;}} @media only screen and (min-width: 480px) and (max-width: 767px) { .tt-checkout__steps > div p { font-size: 20px;}} @media only screen and (max-width: 479px) { .tt-checkout__steps > div p { font-size: 14px;}} @media only screen and (min-width: 768px) { .tt-checkout__step-03 i { font-size: 28px;}} @media only screen and (max-width: 767px) { .tt-checkout__step-03 i { font-size: 20px;}} .tt-checkout__form [class^='col-'] > p { font-size: 14px; font-weight: 700; margin-top: 10px;} .tt-checkout__form .tt-input, .tt-checkout__form select { margin-bottom: 20px;} .tt-checkout__form textarea { min-height: 330px;} .tt-checkout__methods ul li { font-size: 14px; line-height: 2; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} .tt-checkout__methods ul li p { min-width: 130px;} .tt-checkout__methods ul li p, .tt-checkout__methods ul li span { font-weight: 700;} .tt-checkout__payment ul li { font-size: 14px; font-weight: 700; align-items: center; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} .tt-checkout__payment ul li:not(:first-child) { margin-top: 14px;} .tt-checkout__payment ul li label { margin-top: 4px; margin-right: 12px;} .tt-checkout__coupon p { font-weight: 700; font-size: 14px;} @media only screen and (min-width: 768px) { .tt-checkout__coupon p { min-width: 100px; margin-right: 64px;}} .tt-checkout__coupon input { margin-right: 10px;} .tt-checkout__coupon form, .tt-checkout__coupon label { display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} .tt-checkout__coupon label { width: 100%; margin: 0; align-items: center;} @media only screen and (max-width: 767px) { .tt-checkout__coupon label { flex-wrap: wrap;}} .tt-checkout__coupon form { align-items: flex-end;} .tt-checkout__btn-order { width: 464px; max-width: 100%;} .tt-checkout__btn-order i { margin-right: 8px; font-size: 18px !important;} .tt-checkout__label-link { align-items: baseline; flex-wrap: wrap; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} .tt-checkout__label-link h4, .tt-checkout__label-link h5 { margin-right: 26px;} .tt-checkout__label-link a { font-size: 14px; font-weight: 700;} /** * (c) Tonytemplates Ltd, https://www.tonytemplates.com/support@tonytemplates.com */ .tt-sitemap { margin-bottom: 50px; margin-top: 50px;} .tt-sitemap [class^='col-'] { margin-bottom: 50px;} .tt-sitemap h5 { margin-bottom: 20px;} .tt-sitemap ul li a { font-weight: 700;} .tt-sitemap ul li ul { margin-left: 38px;} /** * (c) Tonytemplates Ltd, https://www.tonytemplates.com/support@tonytemplates.com */ .tt-faq { margin-top: 40px;} .tt-faq.tt-faq--arrow { position: relative;} .tt-faq.tt-faq--arrow > i:first-child { position: absolute; top: 8px; left: -58px;} .tt-faq i { font-size: 18px;} .tt-faq__section { margin-bottom: 50px;} .tt-faq__section:not(:first-of-type) { padding-top: 40px; border-top: solid 1px transparent;} .tt-faq__section_head { margin-bottom: 22px; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} .tt-faq__section_head i { margin-right: 16px;} .tt-faq__section_head h5 { max-width: 710px; margin: 0;} @media only screen and (max-width: 479px) { .tt-faq__section_head h5 { font-size: 20px;}} .tt-faq__section p { margin: 0;} /** * (c) Tonytemplates Ltd, https://www.tonytemplates.com/support@tonytemplates.com */ .tt-comming-soon > img { position: fixed; width: auto; max-width: 100%; max-height: 100%; bottom: 0;} .tt-comming-soon__image--pos-left { left: 0;} .tt-comming-soon__image--pos-right { right: 0;} .tt-comming-soon__content { position: relative; width: 608px; max-width: 100%; padding: 30px 12px 40px; z-index: 2;} @media only screen and (min-width: 768px) { .tt-comming-soon__content { margin-left: 10%;}} .tt-comming-soon__content::before { content: ''; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; -webkit-opacity: 0.5; -moz-opacity: 0.5; -o-opacity: 0.5; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity="+0.5*100); filter: alpha(opacity=0.5*100); z-index: -1;} @media only screen and (min-width: 768px) { .tt-comming-soon__content h1 { margin-bottom: 60px;}} @media only screen and (max-width: 767px) { .tt-comming-soon__content h1 { font-size: 30px; margin-bottom: 30px;}} @media only screen and (max-width: 767px) { .tt-comming-soon__content h4 { font-size: 20px;}} .tt-comming-soon__newsletter { margin-top: 60px;} .tt-comming-soon__form { margin-bottom: 30px; flex-wrap: wrap; align-items: center; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} .tt-comming-soon__form > label { margin-top: 10px; margin-bottom: 10px; margin-right: 24px;} .tt-comming-soon__form form { width: 490px;} @media only screen and (min-width: 480px) { .tt-comming-soon__countdown { margin: 60px 0;}} @media only screen and (max-width: 479px) { .tt-comming-soon__countdown { margin: 30px 0;}} .tt-comming-soon__countdown .countdown-row { font-size: 14px; font-weight: 700; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} .tt-comming-soon__countdown .countdown-row .countdown-section { margin-top: 5px; margin-bottom: 5px; white-space: nowrap; border-radius: 50%; flex-direction: column; justify-content: center; align-items: center; display: -moz-inline-box; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; width: 74px; height: 74px;} @media only screen and (max-width: 767px) { .tt-comming-soon__countdown .countdown-row .countdown-section { width: 42px; height: 42px;}} .tt-comming-soon__countdown .countdown-row .countdown-section:not(:last-child) { margin-right: 60px;} @media only screen and (max-width: 767px) { .tt-comming-soon__countdown .countdown-row .countdown-section:not(:last-child) { margin-right: 40px;}} @media only screen and (max-width: 479px) { .tt-comming-soon__countdown .countdown-row .countdown-section:not(:last-child) { margin-right: 12px;}} .tt-comming-soon__countdown .countdown-row .countdown-section span { display: block; clear: both; font-weight: 700; line-height: 1.2;} .tt-comming-soon__countdown .countdown-row .countdown-section .countdown-amount { font-size: 60px;} @media only screen and (max-width: 767px) { .tt-comming-soon__countdown .countdown-row .countdown-section .countdown-amount { font-size: 30px;}} @media only screen and (max-width: 479px) { .tt-comming-soon__countdown .countdown-row .countdown-section .countdown-amount { font-size: 18px;}} .tt-comming-soon__countdown .countdown-row .countdown-section .countdown-period { font-size: 18px;} @media only screen and (max-width: 767px) { .tt-comming-soon__countdown .countdown-row .countdown-section .countdown-period { font-size: 16px;}} @media only screen and (max-width: 479px) { .tt-comming-soon__countdown .countdown-row .countdown-section .countdown-period { font-size: 12px;}} .tt-comming-soon__copyright { margin-top: 60px;} .tt-comming-soon__copyright p { font-size: 12px;} /** * (c) Tonytemplates Ltd, https://www.tonytemplates.com/support@tonytemplates.com */ .tt-summary { padding-top: 40px; padding-bottom: 60px; margin-bottom: 100px;} @media only screen and (min-width: 1400px) { .tt-summary { padding-left: 60px; padding-right: 60px;}} @media only screen and (max-width: 1399px) { .tt-summary { padding-left: 24px; padding-right: 24px;}} @media only screen and (max-width: 1024px) { .tt-summary { margin-top: 100px;}} .tt-summary--border { padding-bottom: 40px; margin-bottom: 40px; border-bottom: solid 1px transparent;} .tt-summary h4, .tt-summary h5, .tt-summary p { margin: 0;} @media only screen and (max-width: 479px) { .tt-summary h5 { font-size: 22px;}} .tt-summary textarea { height: 240px; margin-top: 24px;} .tt-summary__form input, .tt-summary__form select { margin-bottom: 20px;} .tt-summary__total p { font-size: 22px; line-height: 1.41; font-weight: 700;} @media only screen and (max-width: 479px) { .tt-summary__total p { font-size: 20px;}} .tt-summary__total span { font-size: 26px; margin-left: 16px; font-weight: 800;} @media only screen and (max-width: 479px) { .tt-summary__total span { font-size: 18px;}} .tt-summary__total.tt-summary__total--lg p, .tt-summary__total.tt-summary__total--lg span { font-size: 30px; line-height: 1.4; font-weight: 700;} @media only screen and (max-width: 479px) { .tt-summary__total.tt-summary__total--lg p, .tt-summary__total.tt-summary__total--lg span { font-size: 22px;}} .tt-summary__total:not(:first-child) { margin-top: 8px;} .tt-summary__total.tt-summary__total--m-price-50 span { margin-left: 50px;} .tt-summary__btn-checkout { width: 100%; margin-top: 32px;} .tt-summary__btn-checkout i { margin-right: 8px; font-size: 18px !important;} .tt-summary__categories > li:first-child > a { margin-top: 6px;} .tt-summary__list { flex-wrap: wrap; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} .tt-summary__list > a { margin-left: auto;} .tt-summary__list ul { width: 100%; margin-top: 12px;} .tt-summary__list ul li { font-weight: 700; font-size: 14px;} .tt-summary__list ul li:not(:first-child) { margin-top: 10px;} .tt-summary__products { position: relative;} .tt-summary__products li { margin: 0 -10px; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} .tt-summary__products li:not(:first-child) { margin-top: 40px;} .tt-summary__products li > div { padding: 0 10px;} @media only screen and (min-width: 1025px) { .tt-summary__products li > div:nth-child(2) { max-width: 280px;}} .tt-summary__products li img { width: 104px; height: auto; border: solid 2px transparent;} @media only screen and (max-width: 479px) { .tt-summary__products li img { width: 76px;}} .tt-summary__products li p { margin-right: 20px; margin-bottom: 6px;} .tt-summary__products li p a { font-weight: 700;} @media only screen and (min-width: 480px) { .tt-summary__products li p a { font-size: 14px;}} @media only screen and (max-width: 479px) { .tt-summary__products li p a { font-size: 12px;}} .tt-summary__products_price { display: block; font-size: 14px; margin-bottom: 8px;} .tt-summary__products_color { display: block; font-size: 12px; font-weight: 400;} .tt-summary__products_color span { font-weight: 800;} .tt-summary__products_size { display: block; font-size: 12px; font-weight: 400;} .tt-summary__products_size span { font-weight: 800;} .tt-summary__products .tt-counter { margin-top: 16px;} .tt-summary__products_edit, .tt-summary__products_delete { display: block; float: left;} .tt-summary__products_edit i::before, .tt-summary__products_delete i::before { margin: 0;} .tt-summary__products_edit { margin-right: 20px;} .tt-summary__products_param { display: none;} .tt-summary__products_param-control { align-items: center; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} .tt-summary__products_param-control span { font-size: 14px; font-weight: 700;} .tt-summary__products_param-control i { margin-left: 8px; font-size: 8px;} .tt-summary__products_param-control span, .tt-summary__products_param-control i { cursor: pointer;} .tt-summary__products_param-control.active i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);} .tt-summary__products.tt-summary__products--shot-list li, .tt-summary__products.tt-summary__products--shot-list p { margin: 0;} .tt-summary__products.tt-summary__products--shot-list li { align-items: baseline;} .tt-summary__products--shot-list .tt-summary__products_price { margin: 0; margin-left: auto;} /** * (c) Tonytemplates Ltd, https://www.tonytemplates.com/support@tonytemplates.com */ .tt-cart { margin-bottom: 100px;} .tt-cart .btn i { margin-right: 4px; font-size: 20px;} .tt-cart__caption { padding: 8px 0; border-top: solid 1px transparent; border-bottom: solid 1px transparent;} @media only screen and (max-width: 767px) { .tt-cart__caption { display: none;}} .tt-cart__caption span { font-weight: 700; font-size: 14px;} .tt-cart__list { padding-bottom: 40px; margin-bottom: 32px; border-bottom: solid 1px transparent;} @media only screen and (min-width: 767px) { .tt-cart__list { padding-top: 40px;}} .tt-cart__product:not(:first-child) { margin-top: 40px;} .tt-cart__product [class^='col-'] { align-items: center; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} @media only screen and (max-width: 767px) { .tt-cart__product [class^='col-']:first-child { margin-bottom: 16px;}} @media only screen and (min-width: 480px) { .tt-cart__product [class^='col-'].text-center { justify-content: center;}} .tt-cart__product_info { flex-direction: column; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} @media only screen and (max-width: 767px) { .tt-cart__product_info { margin-right: 12px;}} .tt-cart__product_info p { margin-bottom: 0;} .tt-cart__product_info > p { font-size: 12px;} .tt-cart__product_info > p:first-of-type { margin-top: 10px; margin-bottom: 10px;} .tt-cart__product_info > p > span span { font-weight: 700;} .tt-cart__product_info a p { font-size: 14px; font-weight: 700;} @media only screen and (min-width: 768px) { .tt-cart__product_price { font-size: 24px;}} @media only screen and (max-width: 767px) { .tt-cart__product_price { font-size: 18px;}} @media only screen and (min-width: 1400px) { .tt-cart__product_del { margin-right: 40px;}} @media only screen and (max-width: 1399px) { .tt-cart__product_del { margin-right: 12px;}} @media only screen and (max-width: 767px) { .tt-cart__product_del { margin-left: auto; order: 1;}} .tt-cart__product_image { display: block; width: 130px; min-width: 130px;} @media only screen and (min-width: 1400px) { .tt-cart__product_image { margin-right: 40px;}} @media only screen and (max-width: 1399px) { .tt-cart__product_image { margin-right: 12px;}} @media only screen and (max-width: 767px) { .tt-cart__product_image { order: -1;}} .tt-cart__product_image img { border: solid 2px transparent;} .tt-cart__footer .coupon { margin-bottom: 20px; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} .tt-cart__footer .btn { min-height: 46px; margin-left: 20px;} /** * (c) Tonytemplates Ltd, https://www.tonytemplates.com/support@tonytemplates.com */ .tt-tabs-product .tt-tabs__content { max-width: 830px;} @media only screen and (min-width: 1025px) { .tt-tabs-product .tt-tabs__content { padding: 50px 60px;}} .tt-tabs-product p { margin-top: 18px; font-weight: 400;} @media only screen and (max-width: 1024px) { .tt-tabs-product p:first-of-type { margin-top: 0;}} .tt-tabs-product__list { margin-top: 18px; list-style-type: disc; padding-left: 18px;} .tt-tabs-product__list li { font-size: 18px;} .tt-tabs-product__list li span { font-size: 16px; font-weight: 700;} .tt-tabs__content table { margin-bottom: 0;} @media only screen and (min-width: 1025px) { .tt-tabs__content table { margin-top: 12px;}} .tt-tabs-product table.shop_attributes tr:first-child td { border-top: none;} .tt-tabs-product table.shop_attributes tr td { padding: 10px 0; font-weight: 700;} .tt-tabs-product table.shop_attributes tr td:first-child { padding-right: 15px;} @media only screen and (min-width: 480px) { .tt-tabs-product table.shop_attributes tr td:first-child { width: 260px;}} .tt-tabs-product table.shop_attributes tr th { color: #333333; text-transform: capitalize; } .tt-tabs-product__tags { display: table; margin: 0 -6px; font-size: 0;} @media only screen and (max-width: 1024px) { .tt-tabs-product__tags { margin-top: 12px;}} @media only screen and (min-width: 1025px) { .tt-tabs-product__tags { margin-top: 22px;}} .tt-tabs-product__tags a { height: 44px; padding: 0 24px; margin: 0 6px; margin-bottom: 12px; font-weight: 700; font-size: 14px; display: -moz-inline-box; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; justify-content: center; align-items: center;} .tt-tabs-product__review .spr-summary-actions-newreview:hover { text-decoration: underline;} .tt-counter.tt-counter__inner input { width: 86px;} @media only screen and (max-width: 767px){ .tt-counter.tt-counter__inner input { width: 100%;}} .ui-spinner-button.ui-spinner-up::before, .ui-spinner-button.ui-spinner-down::before { content: "\e804"; cursor: pointer; display: block; text-align: center; transition: color 0.3s ease 0s; width: 30px; font-size: 21px; font-family: "myfont"; opacity: .8;} .ui-spinner-button.ui-spinner-down::before { content: "\e807"; font-family: "myfont";} input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0;} span.ui-button-text { display: none;} a.ui-spinner-button.ui-spinner-up { top: 0px;} a.ui-spinner-button.ui-spinner-down { bottom: 0px;} a.ui-spinner-button { position: absolute; right: 0;} @media only screen and (min-width: 1025px){ a.ui-spinner-button { -webkit-opacity: 0; -moz-opacity: 0; -o-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity="+0*100); filter: alpha(opacity=0*100);} .tt-counter.tt-counter__inner:hover a.ui-spinner-button { -webkit-opacity: 1; -moz-opacity: 1; -o-opacity: 1; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity="+1*100); filter: alpha(opacity=1*100);}} .tt-product-head__control span.ui-spinner.ui-widget.ui-widget-content.ui-corner-all { height: 58px !important; position: relative;} /** * (c) Tonytemplates Ltd, https://www.tonytemplates.com/support@tonytemplates.com */ @media only screen and (min-width: 1025px) { .tt-tabs-my-account .tt-tabs__content { padding: 0 44px 36px;}} .tt-tabs-my-account h2, .tt-tabs-my-account h3, .tt-tabs-my-account h4 { font-size: 30px; line-height: 1.4; font-weight: 700; margin-bottom: 16px;} @media only screen and (max-width: 767px) { .tt-tabs-my-account h2, .tt-tabs-my-account h3, .tt-tabs-my-account h4 { font-size: 22px;}} .tt-tabs-my-account__table { overflow-x: auto;} .tt-tabs-my-account table.table tr { margin: 0 -12px;} .tt-tabs-my-account table.table tr:first-child th, .tt-tabs-my-account table.table tr:first-child td { min-width: 100px; border-top: none;} .tt-tabs-my-account table.table tr th, .tt-tabs-my-account table.table tr td { padding: 12px; font-size: 14px;} .tt-tabs-my-account table.table tr td { font-weight: 700;} .tt-tabs-my-account .btn:not(:last-of-type) { margin-right: 8px;} .tt-tabs-my-account--table-sm th:first-child, .tt-tabs-my-account--table-sm td:first-child { width: 268px;} .tt-tabs-my-account__head-edit { flex-wrap: wrap; align-items: baseline; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} .tt-tabs-my-account__head-edit i { margin-right: 8px; font-size: 19px;} .tt-tabs-my-account__head-edit a, .tt-tabs-my-account__head-edit .address-delete { font-size: 14px; font-weight: 700; cursor: pointer;} .tt-tabs-my-account__head-edit a:not(:last-child), .tt-tabs-my-account__head-edit .address-delete:not(:last-child) { margin-right: 24px;} .tt-tabs-my-account__head-edit a:first-of-type, .tt-tabs-my-account__head-edit div:first-of-type { margin-left: auto;} .tt-tabs-my-account__head-edit div { align-items: baseline; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} .tt-tabs-my-account__head-edit > *:first-child { margin-right: 8px;} @media only screen and (min-width: 768px) { .tt-tabs-my-account__form { padding: 30px 40px 40px;}} @media only screen and (max-width: 767px) { .tt-tabs-my-account__form { padding: 18px 12px 24px;}} .tt-tabs-my-account__form_title { margin-bottom: 18px; font-size: 18px; font-weight: 700;} .tt-tabs-my-account__form p { margin-bottom: 4px; font-size: 14px; font-weight: 700;} .tt-tabs-my-account__form input:not(:last-child) { margin-bottom: 20px;} /** * (c) Tonytemplates Ltd, https://www.tonytemplates.com/support@tonytemplates.com */ .tt-my-account { max-width: 1200px; margin: 0 auto; margin-top: 50px; margin-bottom: 110px;} /** * (c) Tonytemplates Ltd, https://www.tonytemplates.com/support@tonytemplates.com */ .tt-login { max-width: 640px; margin: 0 auto 112px; box-sizing: content-box; overflow: hidden;} .tt-login a { font-weight: 700;} .tt-login__title { margin-bottom: 34px; text-align: center;} .tt-login__title p { margin: 0; font-size: 22px; line-height: 1.41; font-weight: 700;} @media only screen and (max-width: 767px) { .tt-login__title p { font-size: 18px;}} .shopify-challenge__container { margin: 112px auto !important;} .shopify-challenge__container .g-recaptcha, .shopify-challenge__container p { margin-bottom: 40px !important;} /** * (c) Tonytemplates Ltd, https://www.tonytemplates.com/support@tonytemplates.com */ .tt-elements__img-bnts { position: relative;} .tt-elements__img-bnts img { position: absolute; width: 100%; min-height: 100%; left: 0; top: 0;} @media only screen and (min-width: 480px) { .tt-elements__img-bnts div { padding: 100px 0;}} @media only screen and (max-width: 767px) { .tt-elements__img-bnts div { padding: 80px 0;}} .tt-elements__img-bnts div a { margin: 0 14px;} /** * (c) Tonytemplates Ltd, https://www.tonytemplates.com/support@tonytemplates.com */ .tt-instagram { position: relative; display: block; overflow: hidden;} .tt-instagram::before { display: block; content: ''; padding-bottom: 100%;} .tt-instagram img { position: absolute; width: 100%; min-width: 100%; top: 0; left: 0;} @media only screen and (min-width: 1025px) { .tt-instagram__mask { position: absolute; position: absolute; top: 0; bottom: 0; left: 0; right: 0; justify-content: center; align-items: center; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-opacity: 0; -moz-opacity: 0; -o-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity="+0*100); filter: alpha(opacity=0*100);}} @media only screen and (max-width: 1024px) { .tt-instagram__mask { display: none;}} @media only screen and (min-width: 1025px) { .tt-instagram__mask::before { content: ''; display: block; position: absolute; position: absolute; top: 0; bottom: 0; left: 0; right: 0; -webkit-opacity: 0.8; -moz-opacity: 0.8; -o-opacity: 0.8; opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity="+0.8*100); filter: alpha(opacity=0.8*100);}} @media only screen and (min-width: 1025px) { .tt-instagram__mask i { position: relative; font-size: 37px;}} @media only screen and (min-width: 1025px) { .tt-instagram:hover .tt-instagram__mask { -webkit-opacity: 1; -moz-opacity: 1; -o-opacity: 1; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity="+1*100); filter: alpha(opacity=1*100);}} /** * (c) Tonytemplates Ltd, https://www.tonytemplates.com/support@tonytemplates.com */ .fotorama__arr { display: none !important;} .fotorama__fullscreen-icon { display: none !important;} .fotorama__fullscreen-custom, .fotorama__btn-zoom, .fotorama__arrow-custom { display: block !important; cursor: pointer; z-index: 1;} @media all and (-ms-high-contrast: none) { .fotorama__fullscreen-custom, .fotorama__btn-zoom, .fotorama__arrow-custom { z-index: 1000;}} .fotorama__fullscreen-custom { position: absolute; top: 10px; right: 10px; font-size: 20px;} .fotorama__fullscreen-custom i { vertical-align: top;} .fotorama__btn-zoom { position: absolute; top: 10px; left: 10px; font-size: 20px;} @media only screen and (max-width: 1024px) { .fotorama__btn-zoom { display: none !important;}} .fotorama__btn-zoom i { vertical-align: top;} .fotorama__arrow-custom { position: absolute; top: 50%; margin-top: -35px; font-size: 40px;} .fotorama__arrow-custom--disabled { pointer-events: none; -webkit-opacity: 0; -moz-opacity: 0; -o-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity="+0*100); filter: alpha(opacity=0*100);} .fotorama__arrow-custom-prev { left: 0;} .fotorama__arrow-custom-next { right: 0;} .fotorama .zoomContainer { display: block !important; position: absolute !important; left: 50% !important; top: 50% !important; -webkit-transform: translate(-50%, -50%) !important; -ms-transform: translate(-50%, -50%) !important; -o-transform: translate(-50%, -50%) !important; transform: translate(-50%, -50%) !important;} .fotorama--fullscreen .fotorama__btn-zoom { display: none !important;} /** * (c) Tonytemplates Ltd, https://www.tonytemplates.com/support@tonytemplates.com */ .tt-testimonials { position: relative;} .tt-testimonials__bg { overflow: hidden; position: absolute; top: 0; bottom: 0; left: 0; right: 0;} .tt-testimonials__bg::before { display: block; content: ''; z-index: 1; position: absolute; top: 0; bottom: 0; left: 0; right: 0; -webkit-opacity: 0.5; -moz-opacity: 0.5; -o-opacity: 0.5; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity="+0.5*100); filter: alpha(opacity=0.5*100);} .tt-testimonials__bg img { width: auto; height: 100%; min-width: 100%;} .tt-testimonials__slider { position: relative; z-index: 1;} .tt-testimonials__content { position: relative; text-align: center; align-items: center; flex-direction: column; outline: none !important; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} @media only screen and (min-width: 768px) { .tt-testimonials__content { padding-top: 100px; padding-bottom: 100px;}} @media only screen and (max-width: 767px) { .tt-testimonials__content { padding-top: 40px; padding-bottom: 40px;}} .tt-testimonials__content > i { margin-bottom: 24px; font-size: 40px;} .tt-testimonials__title { margin-bottom: 12px; font-weight: 700;} @media only screen and (min-width: 768px) { .tt-testimonials__title { font-size: 30px;}} @media only screen and (max-width: 767px) { .tt-testimonials__title { font-size: 24px; line-height: 1.6;}} .tt-testimonials p { max-width: 840px; margin: 0 auto; margin-bottom: 33px;} .tt-testimonials__quote { margin-bottom: 42px; font-size: 14px; font-weight: 700;} .tt-testimonials .slick-dots { position: relative; justify-content: center; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} @media only screen and (min-width: 768px) { .tt-testimonials .slick-dots { bottom: 100px;}} @media only screen and (max-width: 767px) { .tt-testimonials .slick-dots { bottom: 40px;}} .tt-testimonials .slick-dots li { margin: 0 8px; border-radius: 50%; cursor: pointer; width: 8px; height: 8px;} .tt-testimonials .slick-dots li.slick-active { -webkit-opacity: 1; -moz-opacity: 1; -o-opacity: 1; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity="+1*100); filter: alpha(opacity=1*100);} .tt-testimonials .slick-dots li button { display: none;} .tt-testimonials .slick-arrow, .tt-testimonials .slick-dots li { -webkit-opacity: 0.6; -moz-opacity: 0.6; -o-opacity: 0.6; opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity="+0.6*100); filter: alpha(opacity=0.6*100);} .tt-testimonials .slick-arrow:hover, .tt-testimonials .slick-dots li:hover { -webkit-opacity: 0.8; -moz-opacity: 0.8; -o-opacity: 0.8; opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity="+0.8*100); filter: alpha(opacity=0.8*100);} /** * (c) Tonytemplates Ltd, https://www.tonytemplates.com/support@tonytemplates.com */ .tt-giftcard { margin-bottom: 114px; text-align: center;} .tt-giftcard__logo, .tt-giftcard__image, .tt-giftcard__qr { display: block; max-width: 100%; margin: 0 auto;} .tt-giftcard__image { position: relative; width: 440px;} @media (max-width: 1024px) { .tt-giftcard__image { margin-top: 40px;}} @media (min-width: 1025px) { .tt-giftcard__image { margin-top: 70px;}} .tt-giftcard__image img { border-radius: 10px;} .tt-giftcard__qr { width: 122px;} .tt-giftcard__code { width: 330px; max-width: 100%; min-height: 62px; padding: 6px; border-radius: 4px;} @media (max-width: 1024px) { .tt-giftcard__code { margin: 20px auto;}} @media (min-width: 1025px) { .tt-giftcard__code { position: absolute; bottom: 20px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);}} .tt-giftcard__code span { padding: 8px; height: 100%; border: dashed 1px #e8e9eb; align-items: center; justify-content: center; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; font-size: 22px; line-height: 1.41; font-weight: 700;} .tt-giftcard .btn { min-width: 194px; max-width: 100%;} .tt-giftcard__btn-shopping i { margin-top: 2px; font-size: 18px;} .tt-giftcard__btn-shopping > * { margin-left: 12px;} .tt-prog-bar { flex-wrap: wrap; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} .tt-prog-bar p, .tt-prog-bar span { margin: 0; font-weight: 700;} @media only screen and (min-width: 768px) { .tt-prog-bar p, .tt-prog-bar span { font-size: 22px;}} @media only screen and (max-width: 767px) { .tt-prog-bar p, .tt-prog-bar span { font-size: 18px;}} .tt-prog-bar span { margin-left: auto;} .tt-prog-bar__range { width: 100%; margin-top: 8px;} @media only screen and (min-width: 768px) { .tt-prog-bar__range { height: 20px;}} @media only screen and (max-width: 767px) { .tt-prog-bar__range { height: 12px;}} .tt-prog-bar__range div { width: 0%; height: 100%; border-right-radius: 10px;} /** * (c) Tonytemplates Ltd, https://www.tonytemplates.com/support@tonytemplates.com */ .tt-header { position: relative; z-index: 10000;} .tt-header__spacer { display: none;} .tt-header__spacer.tt-header__spacer--visible { display: block; position: relative; width: 100%;} .tt-header__sticky { position: fixed !important; width: 100% !important; top: 0 !important; left: 0 !important;} .tt-header__tape { position: relative; width: 100%; font-size: 12px;} @media only screen and (min-width: 1025px) { .tt-header__tape { min-height: 45px; padding: 8px 58px; flex-wrap: wrap; align-items: center; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;}} @media only screen and (max-width: 1024px) { .tt-header__tape { display: none; padding: 8px 12px; z-index: 1;}} .tt-header__tape-text { display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} @media only screen and (min-width: 1025px) { .tt-header__tape-text { margin: 4px 12px 4px 0;}} @media only screen and (max-width: 1024px) { .tt-header__tape-text { margin: 6px 0; justify-content: center;}} .tt-header__tape-text i { margin-right: 6px; font-size: 13px;} .tt-header__tape-text span { font-weight: 800; color: #fff;} @media only screen and (min-width: 1025px) { .tt-header__tape-social { margin-left: auto; margin-right: -6px;}} @media only screen and (max-width: 1024px) { .tt-header__tape-social { text-align: center;}} .tt-header__tape-social .tt-btn { margin: 0 6px; border: none !important; width: 24px; height: 24px;} .tt-header__tape-social .tt-btn i::before { font-size: 16px;} @media only screen and (min-width: 1025px) { .tt-header__btn-info { display: none;}} @media only screen and (max-width: 1024px) { .tt-header__btn-info { position: absolute; width: 60px; height: 100%; top: 0; right: 0; cursor: pointer;}} @media only screen and (max-width: 1024px) { .tt-header__btn-info i { position: absolute; top: 50%; right: 20px; margin-top: -8px; margin-right: 4px; border-right: solid 3px transparent; border-bottom: solid 3px transparent; width: 12px; height: 12px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}} @media only screen and (max-width: 1024px) { .tt-header__btn-info--open i { margin-top: -4px; -webkit-transform: rotate3d(10, -4, 0, 180deg); -moz-transform: rotate3d(10, -4, 0, 180deg); -ms-transform: rotate3d(10, -4, 0, 180deg); transform: rotate3d(10, -4, 0, 180deg);}} .tt-header__content { position: relative; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} @media only screen and (max-width: 1024px) { .tt-header__content { flex-wrap: wrap;}} .tt-header__logo { position: relative; z-index: 1; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center;} @media only screen and (min-width: 1025px) { .tt-header__logo { min-width: 250px; width: 250px;}} @media only screen and (max-width: 1024px) { .tt-header__logo { width: 100%; min-height: 80px;}} .tt-header__logo > .tt-logo { margin: 0; margin-top: 8px; line-height: 1; font-size: 16px; font-weight: 700;} .tt-header__nav { position: relative; width: 100%; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} .tt-header__menu { display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} @media only screen and (max-width: 1024px) { .tt-header__menu { width: 0;}} .tt-header__sidebar { position: relative; z-index: 1000003;} @media only screen and (min-width: 1025px) { .tt-header__sidebar { padding-right: 58px; margin-left: auto;}} @media only screen and (max-width: 1024px) { .tt-header__sidebar { width: 100%; height: 66px;}} .tt-header__options { height: 100%; justify-content: center; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} @media only screen and (min-width: 1281px) { .tt-header__options { margin-right: -18px;}} @media only screen and (min-width: 1025px) and (max-width: 1280px) { .tt-header__options { margin-right: -12px;}} .tt-header__btn { position: relative; height: 100%; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden;} @media only screen and (min-width: 1281px) { .tt-header__btn { padding: 12px 18px;}} @media only screen and (min-width: 1025px) and (max-width: 1280px) { .tt-header__btn { padding: 12px 12px;}} @media only screen and (max-width: 1024px) { .tt-header__btn { width: 62px; min-height: 66px;}} .tt-header__btn > i { cursor: pointer;} .tt-header__btn > i::before { margin: 0;} .tt-header__btn > i.icon-menu { font-size: 18px;} .tt-header__btn > i.icon-heart-empty-2 { font-size: 22px;} @media only screen and (max-width: 1024px) { .tt-header__btn > i.icon-heart-empty-2 { margin-top: 2px;}} .tt-header__btn > i.icon-shop24 { font-size: 32px;} .tt-header__btn > i.icon-user-outline { font-size: 26px;} .tt-header__btn > i.icon-cog { font-size: 21px;} .tt-header__btn > i.icon-search { font-size: 18px;} .tt-header__btn > i.icon-cancel-1 { font-size: 15px;} .tt-header__btn > div { display: block; position: absolute; bottom: 50%; left: 50%; margin-bottom: 8px; margin-left: 8px; border-radius: 50%; font-weight: 700; text-align: center;} #theme .tt-header--style-01 .tt-header__btn > div, #theme .tt-header--style-04 .tt-header__btn > div, #theme .tt-header--style-05 .tt-header__btn > div, #theme .tt-header--style-06:not(.tt-header--transparent) .tt-header__btn > div { background-color: #f5f5f5;} #theme .tt-header--style-02 .tt-header__btn > div, #theme .tt-header--style-03 .tt-header__btn > div{ background-color: #ffffff;} @media only screen and (min-width: 1025px){ #theme .tt-header--style-02 .tt-header__menu.tt-header__sticky .tt-header__btn > div{ background-color: #f5f5f5;}} @media only screen and (min-width: 1025px) { .tt-header__btn > div { font-size: 14px; width: 24px; height: 24px;}} @media only screen and (max-width: 1024px) { .tt-header__btn > div { font-size: 12px; width: 20px; height: 20px;}} @media only screen and (min-width: 1025px) { .tt-header__content.tt-header__sticky .tt-header__btn > div, .tt-header__menu.tt-header__sticky .tt-header__btn > div { font-size: 12px; width: 20px; height: 20px;}} @media only screen and (min-width: 1025px) { .tt-header__btn-menu { display: none;}} @media only screen and (min-width: 1025px) { .tt-header__btn-open-search { margin-left: auto;}} @media only screen and (max-width: 1024px) { .tt-header__btn-close-search { margin-right: 24px;}} @media only screen and (max-width: 1024px) { .tt-header--search .tt-header__btn:not(.tt-header__btn-close-search) { display: none;}} .tt-header--search .tt-header__btn-open-search { display: none;} .tt-header:not(.tt-header--search) .tt-header__btn-close-search { display: none;} @media only screen and (max-width: 1024px) { .tt-header__btn { width: auto;}} @media only screen and (max-width: 1024px) { .tt-header__options > * { width: 62px;}} @media only screen and (min-width: 1025px) { .tt-header--search .tt-header__sidebar { position: absolute; width: 100%; height: 100%; right: 0; justify-content: flex-end;}} .tt-header--search .tt-header__search { width: 100%; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} @media only screen and (min-width: 1025px) { .tt-header--search .tt-header__search { position: relative;}} @media only screen and (max-width: 1024px) { .tt-header--search .tt-header__search { position: absolute; right: 0; height: 100%;}} .tt-header__search-form { width: 100%; align-items: center; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} @media only screen and (min-width: 1025px) { .tt-header__search-form { margin-right: 20px;}} @media only screen and (min-width: 1025px) and (max-width: 1399px) { .tt-header__search-form { padding-left: 12px;}} @media only screen and (min-width: 1400px) { .tt-header__search-form { padding-left: 40px;}} .tt-header:not(.tt-header--search) .tt-header__search-form { display: none;} .tt-header__search-dropdown { position: absolute; padding: 60px; width: 100%; min-height: 100px; top: 100%; left: 0; overflow: auto;} @media only screen and (max-width: 767px) { .tt-header__search-dropdown { padding: 20px;}} .tt-header__search-dropdown > div { align-items: baseline; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} .tt-header__search-dropdown > div:not(:first-child):not([class^="ps__"]) { margin-top: 30px;} @media only screen and (max-width: 479px) { .tt-header__search-dropdown > div:not(:first-child):not([class^="ps__"]) { margin-top: 20px;}} .tt-header__search-dropdown > div a:first-child { margin-right: 20px;} .tt-header__search-dropdown > div img { width: 104px; height: auto; border: solid 2px transparent;} @media only screen and (max-width: 479px) { .tt-header__search-dropdown > div img { width: 60px;}} .tt-header__search-dropdown > div p { font-size: 18px; font-weight: 700;} @media only screen and (max-width: 479px) { .tt-header__search-dropdown > div p { font-size: 12px;}} .tt-header:not(.tt-header--search) .tt-header__search-dropdown, .tt-header__search-dropdown:not(.tt-header__search-dropdown--open) { display: none;} .tt-header__search-empty p { margin: 18px 0;} @media only screen and (min-width: 1025px) { .tt-header--search .tt-header__menu > .TonyM { display: none;}} @media only screen and (min-width: 1025px) { .tt-header__login { margin-top: 20px;}} @media only screen and (max-width: 1024px) { .tt-header__login { padding: 40px 22px;}} .tt-header__login h6 { font-size: 16px;} .tt-header__login form, .tt-header__login form > *:not(:first-child) { margin-top: 20px;} @media only screen and (max-width: 1024px) { .tt-header__login div { text-align: right;}} .tt-header__cart { display: none; position: absolute; top: 100%; right: 0; overflow-y: auto; -ms-overflow-y: auto;} @media only screen and (min-width: 1025px) { .tt-header__cart { width: 550px;}} @media only screen and (max-width: 1024px) { .tt-header__cart { width: 100%; border-top: solid 1px transparent;}} .tt-header__cart-example { display: none !important;} .tt-header__cart-empty { margin-top: 0 !important;} .tt-header__cart ul { position: relative; min-height: 100px; border-bottom: solid 1px transparent;} @media only screen and (min-width: 1025px) { .tt-header__cart ul { padding: 40px 40px;}} @media only screen and (max-width: 1024px) { .tt-header__cart ul { padding: 38px 18px 40px;}} .tt-header__cart ul li { margin: 0 -10px; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} .tt-header__cart ul li:not(:first-child) { margin-top: 40px;} .tt-header__cart ul li > div { padding: 0 10px;} @media only screen and (min-width: 1025px) { .tt-header__cart ul li > div:nth-of-type(2) { max-width: 280px;}} .tt-header__cart ul li > div:nth-child(3) { min-width: 72px; margin-left: auto;} .tt-header__cart ul li img { width: 104px; height: auto; border: solid 2px transparent;} @media only screen and (max-width: 479px) { .tt-header__cart ul li img { width: 76px;}} .tt-header__cart ul li p { margin-right: 20px;} @media only screen and (min-width: 1025px) { .tt-header__cart ul li p { margin-bottom: 20px;}} @media only screen and (min-width: 480px) and (max-width: 1024px) { .tt-header__cart ul li p { margin-bottom: 10px;}} @media only screen and (max-width: 1024px) { .tt-header__cart ul li p { margin-bottom: 6px;}} .tt-header__cart ul li p a { font-weight: 700;} @media only screen and (min-width: 480px) { .tt-header__cart ul li p a { font-size: 14px;}} @media only screen and (max-width: 479px) { .tt-header__cart ul li p a { font-size: 12px;}} .tt-header__cart-price { display: block; font-size: 14px; font-weight: 700;} @media only screen and (min-width: 480px) { .tt-header__cart-price { margin-bottom: 8px;}} @media only screen and (max-width: 479px) { .tt-header__cart-price { margin-bottom: 4px;}} .tt-header__cart-price span { margin-right: 2px;} .tt-header__cart-price-val { font-size: 20px; font-weight: 800;} .tt-header__cart-color { display: block; font-size: 12px; font-weight: 400;} .tt-header__cart-color span { font-weight: 800;} .tt-header__cart-size { display: block; font-size: 12px; font-weight: 400;} .tt-header__cart-size span { font-weight: 800;} .tt-header__cart .tt-counter { margin-top: 16px;} .tt-header__cart-edit, .tt-header__cart-delete { display: block; float: left;} .tt-header__cart-edit i::before, .tt-header__cart-delete i::before { margin: 0;} .tt-header__cart-edit { margin-right: 20px;} .tt-header__cart-footer { overflow: hidden;} @media only screen and (min-width: 1025px) { .tt-header__cart-footer { padding: 32px 40px 40px;}} @media only screen and (max-width: 1024px) { .tt-header__cart-footer { padding: 28px 18px 42px;}} .tt-header__cart-subtotal { display: block; margin-bottom: 26px; font-weight: 700; font-size: 22px;} .tt-header__cart-subtotal span { margin-left: 10px;} .tt-header__cart-viewcart, .tt-header__cart-checkout { width: 100%; height: 46px; justify-content: center; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} @media only screen and (max-width: 1024px) { .tt-header__cart-viewcart, .tt-header__cart-checkout { margin-bottom: 10px;}} .tt-header__cart-viewcart::before, .tt-header__cart-viewcart i::before, .tt-header__cart-checkout::before, .tt-header__cart-checkout i::before { position: relative; margin: 0;} .tt-header__cart-viewcart i { margin-right: 6px; font-size: 32px;} .tt-header__cart-checkout i { margin-right: 10px; font-size: 18px;} .tt-header__cart-checkout i::before { top: -2px;} .tt-header__user, .tt-header__settings { display: none; position: absolute; max-width: 100%; top: 100%; overflow-y: auto; -ms-overflow-y: auto;} @media only screen and (min-width: 1025px) { .tt-header__user, .tt-header__settings { width: 280px; padding: 36px 40px; right: 0;}} @media only screen and (max-width: 1024px) { .tt-header__user, .tt-header__settings { width: 100%; left: 0; border-top: 1px solid transparent;}} .tt-header .tt-list-toggle { width: 100%;} .tt-header .tt-list-toggle li { display: block; margin-top: 0;} @media only screen and (min-width: 1025px) { .tt-header .tt-list-toggle li.tt-list-toggle__next a::after { top: 12px;}} @media only screen and (max-width: 1024px) { .tt-header .tt-list-toggle li.tt-list-toggle__next a::after { top: 20px; right: 24px; width: 7px; height: 7px;}} .tt-header .tt-list-toggle li.tt-list-toggle__next a span { margin-left: 6px;} @media only screen and (min-width: 1025px) { .tt-header .tt-list-toggle li.tt-list-toggle__open::after { top: 14px;}} @media only screen and (max-width: 1024px) { .tt-header .tt-list-toggle li.tt-list-toggle__open::after { top: 22px;}} .tt-header .tt-list-toggle li a { font-weight: 700; font-size: 14px;} @media only screen and (min-width: 1025px) { .tt-header .tt-list-toggle li a { height: 30px; line-height: 30px;}} @media only screen and (max-width: 1024px) { .tt-header .tt-list-toggle li a { width: 100%; height: 50px; line-height: 50px; padding-left: 22px; padding-right: 22px; border-bottom: 1px solid transparent;}} @media only screen and (min-width: 1025px) { .tt-header .tt-list-toggle li ul { margin-bottom: 20px;}} @media only screen and (min-width: 1025px) { .tt-header .tt-list-toggle li ul li a { padding-left: 12px; font-weight: 400; font-size: 12px;}} @media only screen and (max-width: 1024px) { .tt-header .tt-list-toggle li ul li a { padding-left: 58px; padding-right: 58px;}} @media only screen and (min-width: 1025px) { .tt-header.tt-header--build-01 .tt-header__content { min-height: 80px;}} @media all and (-ms-high-contrast: none) and (min-width: 1025px) { .tt-header.tt-header--build-01 .tt-header__content > * { min-height: 80px;}} @media only screen and (min-width: 1025px) and (max-width: 1399px) { .tt-header.tt-header--build-01 .tt-header__menu { padding-left: 20px;}} @media only screen and (min-width: 1400px) { .tt-header.tt-header--build-01 .tt-header__menu { padding-left: 40px;} .TonyM .tt-header__menu.tt-header__menu2 { padding-left: 0 !important;}} @media only screen and (min-width: 1025px) { .tt-header.tt-header--build-02 { flex-wrap: wrap;}} .tt-header.tt-header--build-02 .tonyMenu__item { padding-top: 2px; padding-bottom: 1px;} @media only screen and (min-width: 1025px) { .tt-header.tt-header--build-02 .tt-header__content { min-height: 80px;}} @media all and (-ms-high-contrast: none) and (min-width: 1025px) { .tt-header.tt-header--build-02 .tt-header__content > * { min-height: 80px;}} .tt-header.tt-header--build-02.tt-header--search .tt-header__menu > .TonyM { display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} @media only screen and (min-width: 1025px) { .tt-header.tt-header--build-02 .tt-header__menu { width: 100%; min-height: 60px;}} @media only screen and (min-width: 1025px) and (max-width: 1399px) { .tt-header.tt-header--build-02 .tt-header__menu { padding-left: 49px;}} @media only screen and (min-width: 1400px) { .tt-header.tt-header--build-02 .tt-header__menu { padding-left: 40px;}} @media all and (-ms-high-contrast: none) and (min-width: 1025px) { .tt-header.tt-header--build-02 .tt-header__menu > * { min-height: 60px;}} @media only screen and (min-width: 1025px) { .tt-header.tt-header--build-03 .tt-header__logo { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}} @media only screen and (min-width: 1025px) { .tt-header.tt-header--build-03 .tt-header__content { min-height: 80px;}} @media all and (-ms-high-contrast: none) and (min-width: 1025px) { .tt-header.tt-header--build-03 .tt-header__content > * { min-height: 80px;}} @media only screen and (min-width: 1025px) { .tt-header.tt-header--build-03.tt-header--search .tt-header__menu > .TonyM { display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;}} @media only screen and (min-width: 1025px) { .tt-header.tt-header--build-03 .tt-header__menu { width: 100%; min-height: 60px; justify-content: center;}} @media only screen and (min-width: 1025px) and (max-width: 1399px) { .tt-header.tt-header--build-03 .tt-header__menu { padding-left: 20px; padding-right: 20px;}} @media only screen and (min-width: 1400px) { .tt-header.tt-header--build-03 .tt-header__menu { padding-left: 40px; padding-right: 40px;}} @media all and (-ms-high-contrast: none) and (min-width: 1025px) { .tt-header.tt-header--build-03 .tt-header__menu > * { min-height: 60px;}} @media only screen and (min-width: 1025px) { .tt-header.tt-header--build-03 .tt-header__menu.tt-header__sticky { padding-right: 0;}} @media only screen and (min-width: 1025px) { .tt-header.tt-header--build-03.tt-header--search .tt-header__logo { display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;}} @media only screen and (min-width: 1025px) { .tt-header.tt-header--build-04 .tt-header__content { min-height: 100px;}} @media all and (-ms-high-contrast: none) and (min-width: 1025px) { .tt-header.tt-header--build-04 .tt-header__content > * { min-height: 100px;}} @media only screen and (min-width: 1025px) and (max-width: 1399px) { .tt-header.tt-header--build-04 .tt-header__menu { padding-left: 20px;}} @media only screen and (min-width: 1400px) { .tt-header.tt-header--build-04 .tt-header__menu { padding-left: 40px;}} @media only screen and (min-width: 1025px) { .tt-header.tt-header--style-01 [data-tm-dir='row'] .TonyM__mm, .tt-header.tt-header--style-06 [data-tm-dir='row'] .TonyM__mm { top: calc(100% + 1px);}} @media only screen and (min-width: 1025px) { .tt-header.tt-header--style-01:not(.tt-header--transparent) .tt-header__spacer--d::before, .tt-header.tt-header--style-06:not(.tt-header--transparent) .tt-header__spacer--d::before { content: ''; position: absolute; min-width: 250px; width: 250px; height: 100%; left: 0; top: 0;}} @media only screen and (min-width: 1025px) { .tt-header.tt-header--transparent[data-sticky-effect='1'] .tt-header__spacer { height: 0 !important;}} .tt-header.tt-header--transparent { position: absolute; width: 100%; top: 0; left: 0;} .tt-header.tt-header--transparent .tt-header__content, .tt-header.tt-header--transparent .tt-header__logo, .tt-header.tt-header--transparent .tt-header__nav { border-bottom: none !important;} /** * (c) Tonytemplates Ltd, https://www.tonytemplates.com/support@tonytemplates.com */ .tt-footer { position: relative;} .tt-footer .tt-logo { margin-top: 8px; margin-bottom: 32px;} .tt-footer__title ,.tt-footer .widget h4 { display: inline-block; min-height: 32px; margin-bottom: 20px; font-size: 20px; font-weight: 700; margin-top: 0;} .tt-footer__info p { font-size: 14px; line-height: 1.5;} .tt-footer__newsletter em > strong { font-style: normal; font-weight: 400;} .tt-footer__newsletter p { margin-bottom: 18px;} .tt-footer__newsletter .tt-newsletter { margin-bottom: 48px;} .tt-footer__social { margin-right: -10px;} @media only screen and (min-width: 1025px) { .tt-footer__social { margin-bottom: 18px;}} @media only screen and (max-width: 1024px) { .tt-footer__social { margin-bottom: 38px;}} .tt-footer__list-menu { margin-bottom: 32px;} .tt-footer__list-menu ul li a { font-size: 14px; font-weight: 700; line-height: calc(2.22 * 14px);} .tt-footer__copyright { display: block; margin-top: 10px; margin-bottom: 10px; font-size: 12px;} .tt-footer__pay-tape { min-height: 80px; align-items: center; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} @media all and (-ms-high-contrast: none) { .tt-footer__pay-tape { height: 80px;}} .tt-footer__pay-tape [class^='col-'] { flex-wrap: wrap; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} .tt-footer__payment-opt { margin-left: auto;} .tt-footer__to-top { justify-content: center; align-items: center;} @media only screen and (min-width: 1025px) { .tt-footer__to-top { display: none; position: fixed; bottom: -64px; left: 50%; margin-left: -30px; border: solid 2px transparent; border-radius: 50%; z-index: 100; width: 58px; height: 58px; -webkit-opacity: 0.5; -moz-opacity: 0.5; -o-opacity: 0.5; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity="+0.5*100); filter: alpha(opacity=0.5*100);}} @media only screen and (max-width: 1024px) { .tt-footer__to-top { width: 100%; height: 44px; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;}} @media only screen and (min-width: 1025px) { .tt-footer__to-top-desktop { display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;}} @media only screen and (min-width: 1025px) { .tt-footer__to-top.show { bottom: 50px;}} @media only screen and (min-width: 1025px) { .tt-footer__to-top[data-bind] { -webkit-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg);}} @media only screen and (min-width: 1025px) { .tt-footer__to-top[data-bind]:hover { -webkit-transform: rotateX(180deg) scale(0.9) !important; -moz-transform: rotateX(180deg) scale(0.9) !important; -ms-transform: rotateX(180deg) scale(0.9) !important; transform: rotateX(180deg) scale(0.9) !important;}} @media only screen and (min-width: 1025px) { .tt-footer__to-top[data-bind] { bottom: 50px;}} @media only screen and (min-width: 1025px) { .tt-footer__to-top i { font-size: 32px;}} @media only screen and (max-width: 1024px) { .tt-footer__to-top i { margin-right: 4px;}} @media only screen and (min-width: 1025px) { .tt-footer__to-top i.icon-up { display: none;}} @media only screen and (max-width: 1024px) { .tt-footer__to-top i.icon-up-open-1 { display: none;}} @media only screen and (min-width: 1025px) { .tt-footer__to-top span { display: none;}} @media only screen and (min-width: 1025px) { .tt-footer__to-top:hover { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); -webkit-opacity: 1; -moz-opacity: 1; -o-opacity: 1; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity="+1*100); filter: alpha(opacity=1*100);}} @media only screen and (min-width: 768px) { .tt-footer.tt-footer__01 .tt-footer__content, .tt-footer.tt-footer__02 .tt-footer__content, .tt-footer.tt-footer__03 .tt-footer__content, .tt-footer.tt-footer__04 .tt-footer__content, .tt-footer.tt-footer__05 .tt-footer__content { padding-top: 92px; padding-bottom: 100px;}} @media only screen and (max-width: 767px) { .tt-footer.tt-footer__01 .tt-footer__content, .tt-footer.tt-footer__02 .tt-footer__content, .tt-footer.tt-footer__03 .tt-footer__content, .tt-footer.tt-footer__04 .tt-footer__content, .tt-footer.tt-footer__05 .tt-footer__content { padding-top: 40px; padding-bottom: 80px;}} .tt-footer.tt-footer__03 .tt-footer__content { text-align: center;} .tt-footer.tt-footer__05 .tt-footer__content { text-align: center;} .tt-footer.tt-footer__05 .tt-footer__newsletter form { max-width: 432px; margin-left: auto; margin-right: auto;} .tt-footer.tt-footer__06 .tt-footer__content { min-height: 100px; align-items: center; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} @media only screen and (max-width: 767px) { .tt-footer.tt-footer__06 .tt-footer__content { padding-top: 20px; padding-bottom: 20px;}} .tt-footer.tt-footer__06 .tt-footer__content > .container > .row > [class^='col-'] { flex-wrap: wrap; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} .tt-footer.tt-footer__06 .tt-logo { margin-right: 18px; margin-bottom: auto;} .tt-footer.tt-footer__06 .tt-footer__social { margin-left: auto !important; margin-bottom: 0;} .tt-footer.tt-footer__06.tt-footer__reverse .tt-footer__content > .container > .row > [class^='col-'] { flex-direction: row-reverse;} .tt-footer.tt-footer__06.tt-footer__reverse .tt-footer__social { margin-left: 0; margin-right: auto;} .tt-footer.tt-footer__reverse .tt-footer__content > .container > .row { flex-direction: row-reverse;} .tt-footer.tt-footer__reverse .tt-footer__pay-tape .tt-footer__copyright { order: 1; margin-left: auto;} .tt-footer.tt-footer__reverse .tt-footer__pay-tape .tt-footer__payment-opt { margin-left: 0;} /** * (c) Tonytemplates Ltd, https://www.tonytemplates.com/support@tonytemplates.com */ @media only screen and (min-width: 480px) { .tt-product-page { padding-top: 78px;}} @media only screen and (max-width: 479px) { .tt-product-page { padding-top: 20px;}} @media only screen and (min-width: 1025px) { .tt-product-page__breadcrumbs { margin-bottom: 30px;}} @media only screen and (max-width: 1024px) { .tt-product-page__breadcrumbs { margin-bottom: 22px;}} .tt-product-page__tabs { margin-top: 40px;} @media only screen and (max-width: 479px) { .tt-product-page__tabs { margin-bottom: 40px;}} @media only screen and (min-width: 480px) { .tt-product-page__upsell { margin-bottom: 100px;}} @media only screen and (max-width: 479px) { .tt-product-page__upsell { margin-bottom: 20px;}} .tt-product-page__upsell-title { margin-bottom: 30px; font-weight: 700;} @media only screen and (min-width: 768px) { .tt-product-page__upsell-title { font-size: 30px; line-height: 1.4;}} @media only screen and (max-width: 767px) { .tt-product-page__upsell-title { font-size: 22px; line-height: 1.41;}} .tt-product-page .tt-product-head, .tt-product-head + .tt-product-page__tabs { margin-bottom: 92px;} /** * (c) Tonytemplates Ltd, https://www.tonytemplates.com/support@tonytemplates.com */ .tt-listing-page__subcategories { margin-bottom: 30px;} @media only screen and (min-width: 1025px) { .tt-listing-page__view-options { margin-top: 30px; margin-bottom: 60px;}} @media only screen and (max-width: 1024px) { .tt-listing-page__view-options { margin-top: 40px; margin-bottom: 60px;}} .tt-listing-page__category-name > * { margin: 0;} @media only screen and (max-width: 767px) { .tt-listing-page__category-name > * { font-size: 30px;}} .tt-listing-page__products { position: relative; margin-bottom: 60px; overflow: hidden;} .tt-listing-page__products .tt-product-view:not(.tt-product-list) .tt-product { margin-bottom: 24px;} @media only screen and (max-width: 1024px) { .tt-listing-page__products > .row.tt-product-list { margin-left: 0; margin-right: 0;}} @media only screen and (max-width: 1024px) { .tt-listing-page__products > .row.tt-product-list > [class^='col-'] { padding-left: 24px; padding-right: 24px;}} .tt-listing-page__promobox { display: block; position: relative; overflow: hidden;} @media only screen and (min-width: 1025px) { .tt-listing-page__promobox { margin-top: 50px;}} .tt-listing-page__promobox-text { position: relative;} @media only screen and (min-width: 767px) { .tt-listing-page__promobox-text { padding: 84px 80px; max-width: 650px; position: absolute; left: 0; top: 75px; background: #f5f5f5; height: 402px; } } @media only screen and (min-width: 1025px) and (max-width: 1399px) { .tt-listing-page__promobox-text { padding: 40px 60px;}} .tt-listing-page__promobox-text div, .tt-listing-page__promobox-text div span { font-size: 30px; line-height: 1.4; font-weight: 700;} @media only screen and (min-width: 1025px) { .tt-listing-page__promobox-text div, .tt-listing-page__promobox-text div span { font-size: 60px;}} @media only screen and (max-width: 1024px) { .tt-listing-page__promobox-text div, .tt-listing-page__promobox-text div span { font-size: 30px;}} .tt-listing-page__promobox-text p, .tt-listing-page__promobox-text p span { font-size: 16px; font-weight: 400;} .tt-layout__fullwidth .tt-listing-page { padding: 0;} .tt-layout__fullwidth .tt-listing-page__subcategories, .tt-layout__fullwidth .tt-listing-page__view-options, .tt-layout__fullwidth .tt-listing-page__category-name, .tt-layout__fullwidth .tt-listing-page__products { overflow: hidden;} .tt-layout__fullwidth .tt-listing-page__products > .row:not(.tt-product-list) { margin-left: 0; margin-right: 0;} .tt-layout__fullwidth .tt-listing-page__products > .row:not(.tt-product-list) [class^='col-'] { padding-left: 0; padding-right: 0;} .tt-layout__fullwidth .tt-listing-page__products > .row:not(.tt-product-list) [class^='col-'] > * { margin: 0;} @media only screen and (min-width: 1025px) { .tt-layout__fullwidth .tt-listing-page__subcategories, .tt-layout__fullwidth .tt-listing-page__view-options, .tt-layout__fullwidth .tt-listing-page__category-name { padding-left: 60px; padding-right: 60px;}} @media only screen and (max-width: 1024px) { .tt-layout__fullwidth .tt-listing-page__subcategories, .tt-layout__fullwidth .tt-listing-page__view-options, .tt-layout__fullwidth .tt-listing-page__category-name { padding-left: 12px; padding-right: 12px;}} @media only screen and (max-width: 1024px) { .tt-layout__fullwidth .tt-listing-page__promobox { padding-left: 12px; padding-right: 12px;}} /** * (c) Tonytemplates Ltd, https://www.tonytemplates.com/support@tonytemplates.com */ .tt-home__promobox-02 { margin-top: 100px; margin-bottom: 90px;} .tt-home__promobox-03 { margin-top: 24px; margin-bottom: 66px;} .tt-home__promobox-03 .tt-promobox { margin-bottom: 24px;} .tt-home__promobox-04 { margin-bottom: 90px;} .tt-home__brands-01 { margin-top: 50px; margin-bottom: 50px;} .tt-home__brands-02 { margin-top: 80px; margin-bottom: 80px;} .tt-home__carousel-product { margin-bottom: 100px;} .tt-home__carousel-blog { margin-bottom: 100px;} @media only screen and (max-width: 767px) { .tt-home__shipping-info-01 { margin-bottom: 40px;}} .tt-home__shipping-info-03 { margin-bottom: 100px;} .tt-home__post-img-01 { margin-top: 100px; margin-bottom: 90px;} /** * (c) Tonytemplates Ltd, https://www.tonytemplates.com/support@tonytemplates.com */ .tt-empty { text-align: center;} @media only screen and (min-width: 480px) { body.error404 .tt-empty { margin-top: 80px; margin-bottom: 110px; overflow:hidden}} @media only screen and (max-width: 479px) { .tt-empty { margin-top: 50px; margin-bottom: 60px;}} .tt-empty__icon { display: inline-block; max-width: 100%;} @media only screen and (min-width: 480px) { .tt-empty__icon { margin-bottom: 40px;}} @media only screen and (max-width: 479px) { .tt-empty__icon { margin-bottom: 34px;}} @media only screen and (min-width: 480px) { .tt-empty__btn { margin-top: 44px;}} @media only screen and (max-width: 479px) { .tt-empty__btn { margin-top: 24px;}} /** * (c) Tonytemplates Ltd, https://www.tonytemplates.com/support@tonytemplates.com */ [dir="rtl"] { direction: rtl; text-align: right;} @media only screen and (min-width: 1025px) and (max-width: 1399px) { [dir="rtl"] .tt-header.tt-header--build-01 .tt-header__menu { padding-left: 0; padding-right: 20px;}} @media only screen and (min-width: 1400px) { [dir="rtl"] .tt-header.tt-header--build-01 .tt-header__menu { padding-left: 0; padding-right: 40px;}} @media only screen and (min-width: 1025px) and (max-width: 1399px) { [dir="rtl"] .tt-header.tt-header--build-02 .tt-header__menu { padding-left: 0; padding-right: 49px;}} @media only screen and (min-width: 1400px) { [dir="rtl"] .tt-header.tt-header--build-02 .tt-header__menu { padding-left: 0; padding-right: 40px;}} @media only screen and (min-width: 1025px) and (max-width: 1399px) { [dir="rtl"] .tt-header.tt-header--build-04 .tt-header__menu { padding-left: 0; padding-right: 20px;}} @media only screen and (min-width: 1400px) { [dir="rtl"] .tt-header.tt-header--build-04 .tt-header__menu { padding-left: 0; padding-right: 40px;}} @media only screen and (min-width: 1025px) { [dir="rtl"] .tt-header__sidebar { padding-left: 58px; padding-right: 0; margin-left: 0; margin-right: auto;}} @media only screen and (min-width: 1281px) { [dir="rtl"] .tt-header__options { margin-left: -18px; margin-right: 0;}} @media only screen and (min-width: 1025px) and (max-width: 1280px) { [dir="rtl"] .tt-header__options { margin-left: -12px; margin-right: 0;}} @media only screen and (min-width: 1025px) { [dir="rtl"] .tt-header__search-form { margin-left: 20px; margin-right: 0;}} @media only screen and (min-width: 1025px) and (max-width: 1399px) { [dir="rtl"] .tt-header__search-form { padding-left: 0; padding-right: 12px;}} @media only screen and (min-width: 1400px) { [dir="rtl"] .tt-header__search-form { padding-left: 0; padding-right: 40px;}} [dir="rtl"] .tt-header__options [dir="rtl"] .tt-header__search-product > div a:first-child { margin-left: 20px; margin-right: 0;} [dir="rtl"] .tt-header__user > ul li ul li a, [dir="rtl"] .tt-header__settings > ul li ul li a { padding-left: auto; padding-right: 12px;} [dir="rtl"] .tt-header__cart ul li img { margin-left: 20px; margin-right: 0;} [dir="rtl"] .tt-header__cart ul li p { margin-left: 20px; margin-right: 0;} [dir="rtl"] .tt-header__cart ul li > div:nth-child(3) { margin-left: 0; margin-right: auto;} [dir="rtl"] .tt-header__cart-checkout i { margin-left: 10px; margin-right: 0;} [dir="rtl"] .tt-header__cart-viewcart i { margin-left: 0; margin-right: 6px;} [dir="rtl"] .tt-header__options [dir="rtl"] .tt-header__cart > a > span, [dir="rtl"] .tt-header__options [dir="rtl"] .tt-header__btn-wishlist > a > span { left: -18px; right: auto;} [dir="rtl"] .tt-header__cart, [dir="rtl"] .tt-header__settings, [dir="rtl"] .tt-header__user { left: 0; right: auto;} [dir="rtl"] .tt-header__tape-text i { margin-left: 6px; margin-right: 0;} [dir="rtl"] .tt-header__tape-social { margin-left: 0; margin-right: auto;} @media only screen and (min-width: 1025px) { [dir="rtl"] .tt-product-head__images { padding-left: 50px; padding-right: 0;}} @media only screen and (min-width: 1025px) { [dir="rtl"] .tt-product-head__image-preview { margin-left: 52px; margin-right: 0;}} @media only screen and (max-width: 1024px) { [dir="rtl"] .tt-product-head__image-preview { margin-left: 0;}} [dir="rtl"] .tt-product-head__index { margin-left: 30px; margin-right: 0;} [dir="rtl"] .tt-product-head__brand > a { margin-left: 40px; margin-right: 0;} [dir="rtl"] .tt-product-head__sale-info { margin-left: 10px; margin-right: 0;} [dir="rtl"] .tt-product-head__sale-countdown { margin-left: 0; margin-right: auto;} [dir="rtl"] .tt-product-head__countdown .countdown-row .countdown-section:not(:last-child) { margin-left: 10px; margin-right: 0;} [dir="rtl"] .tt-product-head__grouped > div p { margin-left: 10px; margin-right: 0;} [dir="rtl"] .tt-product-head__grouped-price { margin-left: 0; margin-right: auto;} [dir="rtl"] .tt-product-head__grouped-price-sale span:first-child { margin-left: 6px; margin-right: 0;} @media only screen and (min-width: 768px) { [dir="rtl"] .tt-product-head__grouped-counter { margin-left: 50px; margin-right: 0;}} @media only screen and (max-width: 767px) { [dir="rtl"] .tt-product-head__grouped-counter { margin-left: 10px; margin-right: 0;}} [dir="rtl"] .tt-product-head__counter { margin-left: 24px; margin-right: 0;} [dir="rtl"] .tt-product-head .tt-product-head__cart, [dir="rtl"] .tt-product-head .tt-product-head__like, [dir="rtl"] .tt-product-head .tt-product-head__compare { margin-left: 14px; margin-right: 0;} [dir="rtl"] .tt-product-head__required { margin-right: auto; margin-left: 0;} [dir="rtl"] .tt-product-head__tags span { margin-left: 4px; margin-right: 0;} [dir="rtl"] .tt-wishlist__product_image { margin-left: 40px; margin-right: 0;} @media only screen and (max-width: 479px) { [dir="rtl"] .tt-wishlist__product_to-cart { margin-left: 23px; margin-right: 0;}} @media only screen and (min-width: 480px) { [dir="rtl"] .tt-wishlist__product_to-cart { margin-left: 0; margin-right: auto;}} [dir="rtl"] .tt-wishlist__product_del { margin-left: 0; margin-right: auto;} [dir="rtl"] .tt-checkout__payment ul li label { margin-left: 12px; margin-right: 0;} [dir="rtl"] .tt-checkout__coupon p { margin-left: 64px; margin-right: 0;} [dir="rtl"] .tt-checkout__coupon input { margin-left: 10px; margin-right: 0;} [dir="rtl"] .tt-checkout__btn-order i { margin-left: 8px; margin-right: 0;} [dir="rtl"] .tt-checkout__label-link h4, [dir="rtl"] .tt-checkout__label-link h5 { margin-left: 26px; margin-right: 0;} @media only screen and (min-width: 768px) { [dir="rtl"] .tt-cart__product_del { margin-left: 40px; margin-right: 0;}} @media only screen and (max-width: 767px) { [dir="rtl"] .tt-cart__product_del { margin-left: 12px; margin-right: auto;}} @media only screen and (min-width: 768px) { [dir="rtl"] .tt-cart__product_image { margin-left: 40px; margin-right: 0;}} @media only screen and (max-width: 767px) { [dir="rtl"] .tt-cart__product_image { margin-left: 12px; margin-right: 0;}} [dir="rtl"] .tt-cart__footer input { margin-left: 10px; margin-right: 0;} [dir="rtl"] .tt-cart .btn i { margin-left: 4px; margin-right: 0;} [dir="rtl"] .tt-faq__section_head i { margin-left: 16px; margin-right: 0;} [dir="rtl"] .tt-faq.tt-faq--arrow > i:first-child { left: auto; right: -58px; -webkit-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg);} [dir="rtl"] .tt-comming-soon__countdown .countdown-row .countdown-section:not(:last-child) { margin-left: 60px; margin-right: 0;} [dir="rtl"] .tt-comming-soon__content { margin-left: 0; margin-right: 10%;} [dir="rtl"] .tt-comming-soon > img { left: 0; right: auto;} [dir="rtl"] .tt-post__comments > span { margin-left: 0; margin-right: 10px;} [dir="rtl"] .tt-post__tags a:not(:first-child) { margin-left: 0; margin-right: 4px;} [dir="rtl"] .tt-post__quote i { margin-left: 20px; margin-right: 0;} [dir="rtl"] .tt-post-user__image { margin-left: 24px; margin-right: 0;} [dir="rtl"] .tt-post-nav__next i, [dir="rtl"] .tt-post-nav__prev i { -webkit-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg);} [dir="rtl"] .tt-post-nav__slider-nav .slick-arrow { -webkit-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg);} [dir="rtl"] .tt-comments__image { margin-left: 16px; margin-right: 0;} [dir="rtl"] .tt-comments__info span { margin-left: 0; margin-right: 10px;} @media only screen and (min-width: 1025px) { [dir="rtl"] .tt-tabs[data-tt-type="horizontal"] .tt-tabs__border { left: auto; right: 0;}} @media only screen and (min-width: 1025px) { [dir="rtl"] .tt-tabs[data-tt-type="vertical"] .tt-tabs__head { border: none; border-left: solid 1px transparent;}} @media only screen and (min-width: 1025px) { [dir="rtl"] .tt-tabs[data-tt-type="vertical"] .tt-tabs__border { left: 0; right: auto;}} @media only screen and (min-width: 1025px) { [dir="rtl"] .tt-tabs[data-tt-type="vertical"] .tt-tabs__btn span::after { left: 0; right: auto;}} [dir="rtl"] .tt-tabs__body > div > span i { left: 24px; right: auto;} [dir="rtl"] .tt-tabs__body > div.active > span i { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg);} [dir="rtl"] .tt-tabs-my-account__head-edit i { margin-left: 8px; margin-right: 0;} [dir="rtl"] .tt-tabs-my-account__head-edit a:first-of-type, [dir="rtl"] .tt-tabs-my-account__head-edit div:first-of-type { margin-left: 0; margin-right: auto;} [dir="rtl"] .tt-tabs-my-account .address-delete { margin-right: 24px;} [dir="rtl"] .tt-categories__next { left: 0; right: auto;} [dir="rtl"] .tt-categories:not(.tt-categories__single) li a::before { margin-left: 8px !important; margin-right: 0 !important;} [dir="rtl"] .tt-categories:not(.tt-categories__single) li.active > a::after { left: 0; right: 2px;} [dir="rtl"] .tt-categories li a { padding-left: 40px; padding-right: 0;} [dir="rtl"] .tt-categories li a span { margin-left: 0; margin-right: 4px;} [dir="rtl"] .tt-categories li a i { left: auto; right: 0;} @media only screen and (min-width: 1400px) { [dir="rtl"] .tt-categories > li ul { margin-left: 0; margin-right: 28px;}} @media only screen and (max-width: 1399px) { [dir="rtl"] .tt-categories > li ul { margin-left: 0; margin-right: 14px;}} [dir="rtl"] .tt-vw-opt__length > span, [dir="rtl"] .tt-vw-opt__sort > span { margin-left: 10px; margin-right: 0;} [dir="rtl"] .tt-vw-opt__length { margin-left: 16px; margin-right: 0;} [dir="rtl"] .tt-layer-nav__tags a { margin-left: 20px; margin-right: 0;} [dir="rtl"] .tt-layer-nav__tags > span:not(:last-child) { margin-left: 20px; margin-right: 0;} [dir="rtl"] .tt-layer-nav__tags > span i { margin-left: 0; margin-right: 4px;} [dir="rtl"] .tt-layer-nav__product-image { margin-left: 20px; margin-right: 0;} [dir="rtl"] .tt-layer-nav__product-label { left: auto; right: 0;} [dir="rtl"] .tt-layer-nav__color.tt-categories li a > i { margin-left: 8px !important; margin-right: 0 !important;} [dir="rtl"] .tt-layer-nav__color.tt-categories li a > i i { left: auto; right: 50%; margin-left: 0; margin-right: -6px;} [dir="rtl"] .tt-review__head a { margin-left: 15px; margin-right: 15auto;} [dir="rtl"] .tt-review__head-stars { margin-left: 12px; margin-right: 0;} [dir="rtl"] .tt-review-shopify .spr-starrating, [dir="rtl"] .tt-review-shopify .tt-review-shopify .spr-starratings { margin-left: 10px; margin-right: 0;} [dir="rtl"] .tt-review-shopify .spr-summary .spr-summary-actions { margin-left: 0; margin-right: auto;} [dir="rtl"] .tt-summary__products li img, [dir="rtl"] .tt-summary__products li p { margin-left: 20px; margin-right: 0;} [dir="rtl"] .tt-summary__products_param-control i { margin-left: 0; margin-right: 8px;} [dir="rtl"] .tt-summary__products--shot-list .tt-summary__products_price { margin-right: auto; margin-left: 0;} [dir="rtl"] .tt-summary__list > a { margin-left: 0; margin-right: auto;} [dir="rtl"] .tt-summary__btn-checkout i { margin-left: 8px; margin-right: 0;} [dir="rtl"] .tt-input__t-valid-true i, [dir="rtl"] .tt-input__t-valid-false i { left: 16px; right: auto;} [dir="rtl"] .tt-subcategory img { margin-left: 20px; margin-right: 0;} [dir="rtl"] .tt-pagination .btn { margin-left: 0; margin-right: 14px;} [dir="rtl"] .tt-product__option > span:not(:last-child) { margin-left: 12px; margin-right: 0;} [dir="rtl"] .tt-product__labels span:not(:last-child) { margin-left: 4px; margin-right: 0;} [dir="rtl"] .tt-product__content p a { margin-left: 0 !important;} [dir="rtl"] .tt-product__content p a:not(:first-child) { margin-right: 8px;} [dir="rtl"] .tt-product-view--list .tt-product__content { text-align: right;} [dir="rtl"] .tt-product-view--list .prdbut__option { text-align: right !important;} @media only screen and (min-width: 1025px) { [dir="rtl"] .tt-product-view--list .tt-product__buttons_cart { margin-left: 14px; margin-right: 0;}} [dir="rtl"] .tt-product-view--preview .tt-product__content { padding-left: 0; padding-right: 24px;} [dir="rtl"] .tt-shp-info.tt-shp-info__design-02 .tt-shp-info__section i, [dir="rtl"] .tt-shp-info.tt-shp-info__design-03 .tt-shp-info__section i { margin-left: 24px;} @media only screen and (min-width: 480px) { [dir="rtl"] .tt-shp-info.tt-shp-info__design-02 .tt-shp-info__section i, [dir="rtl"] .tt-shp-info.tt-shp-info__design-03 .tt-shp-info__section i { margin-right: 36px;}} [dir="rtl"] .tt-post-grid__comments { margin-left: 0; margin-right: auto;} [dir="rtl"] .tt-post-grid__comments span { margin-right: 10px; margin-left: 0;} [dir="rtl"] .tt-post-grid__tags a:not(:first-child) { margin-left: 0; margin-right: 4px;} [dir="rtl"] .tt-slider-scroll__nav { left: 5%; right: auto;} [dir="rtl"] .tt-slider-scroll__text { left: 0; right: 60px;} [dir="rtl"] ol.ttg-list li::before { margin-left: 6px; margin-right: 0;} [dir="rtl"] ul.ttg-list li::before { margin-left: 12px; margin-right: 0;} [dir="rtl"] .rte ol li::before { margin-left: 6px; margin-right: 0;} [dir="rtl"] .rte ul li::before { margin-left: 12px; margin-right: 0;} [dir="rtl"] .rte blockquote { border: none; border-right: 5px solid transparent;} [dir="rtl"] .rte label { margin-left: 12px; margin-right: 0;} [dir="rtl"] .tt-list-toggle.tt-list-toggle--toogles li > a::after { margin-left: 16px; margin-right: 0; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg);} [dir="rtl"] .tt-list-toggle.tt-list-toggle--toogles .tt-list-toggle__next.tt-list-toggle__open > a::after { -webkit-transform: rotate(45deg) translate(-4px, 0px); -moz-transform: rotate(45deg) translate(-4px, 0px); -ms-transform: rotate(45deg) translate(-4px, 0px); transform: rotate(45deg) translate(-4px, 0px);} [dir="rtl"] .tt-prog-bar span { margin-left: 0; margin-right: auto;} [dir="rtl"] .tt-list-toggle__next a::after { margin-left: 4px; margin-right: auto;} [dir="rtl"] .tt-list-toggle li.tt-list-toggle__next a span { margin-left: 0; margin-right: 6px;} [dir="rtl"] .tt-list-toggle li ul li a { padding-left: 0; padding-right: 12px;} [dir="rtl"] .tt-stars > span:nth-child(2) { left: auto; right: 0;} [dir="rtl"] .tt-label__discount { float: left;} [dir="rtl"] .tt-page__arrows span i, [dir="rtl"] .tt-post-grid__slider-nav .slick-arrow { -webkit-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg);} [dir="rtl"] .tt-counter__control { margin-left: 0; margin-right: 12px;} [dir="rtl"] .tt-social-icons .tt-btn:not(:last-child) { margin-left: 8px; margin-right: 0;} [dir="rtl"] .ttg-grid-border > [class^="col-"] { border: none;} [dir="rtl"] .ttg-grid-border > [class^="col-"]:not(:first-child) { border-right: solid 1px transparent;} [dir="rtl"] .ttg-quote i { margin-left: 20px; margin-right: 0;} [dir="rtl"] .prdbut__options--list .prdbut__val { margin-right: 0 !important;} [dir="rtl"] .prdbut__options--list .prdbut__val:not(:last-child) { margin-left: 12px;} [dir="rtl"] .prdbut__options--page .prdbut__val { margin-right: 0 !important;} [dir="rtl"] .prdbut__options--page .prdbut__val:not(:last-child) { margin-left: 14px;} [dir="rtl"] .tt-price.tt-price--sale > span { margin-right: 0 !important;} [dir="rtl"] .tt-price.tt-price--sale > span:first-child { margin-left: 0.4em;} [dir="rtl"] .tt-footer__payment-opt { margin-left: 0; margin-right: auto;} @media only screen and (min-width: 1025px) { [dir="rtl"] .tt-newsletter:not(.tt-newsletter__design-mobile) button { right: auto; left: 0;}} [dir="rtl"] .tt-newsletter__text-error i { margin-left: 4px; margin-right: 0;} [dir="rtl"] .tt-qv { text-align: right;} [dir="rtl"] .tt-search-page__grid { margin-left: 0; margin-right: auto;} [dir="rtl"] .ttg-capitalize::first-letter { float: right; margin-left: 24px; margin-right: 0;} [dir="rtl"] th { text-align: right;} [dir="rtl"] .ps__scrollbar-y-rail { left: 0 !important; right: auto !important;} [dir="rtl"] .ps__scrollbar-y-rail .ps__scrollbar-y { left: 0 !important; right: auto !important;} @media only screen and (min-width: 768px) { [dir="rtl"] .tt-form .offset-md-2 { margin-left: 0; margin-right: 16.66667%;}} /** * (c) Tonytemplates Ltd, https://www.tonytemplates.com/support@tonytemplates.com */ .prdbut__visible--disabled { display: none !important;} .prdbut__title { margin-bottom: 8px; font-size: 14px; font-weight: 700; align-items: center; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} .prdbut__option .tt-select { max-width: 240px;} .prdbut__val { position: relative;} .prdbut__val.active:not(.default):hover::before { border-radius: 50%; border: solid 1px transparent; justify-content: center; align-items: center; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; font-family: "myfont"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 24px; height: 24px; -webkit-opacity: 0.7; -moz-opacity: 0.7; -o-opacity: 0.7; opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity="+0.7*100); filter: alpha(opacity=0.7*100); content: '\e868'; margin: 0; line-height: 24px;} @media all and (-ms-high-contrast: none) { .prdbut__val.active:not(.default):hover::before { line-height: 22px;}} .prdbut__option--design-image .prdbut__val span, .prdbut__option--design-color .prdbut__val span { display: none;} .prdbut__options--list .prdbut__option { display: table; width: 100%; text-align: center; font-size: 0;} .prdbut__options--list .prdbut__option--design-image, .prdbut__options--list .prdbut__option--design-color { margin-top: 12px;} .prdbut__options--list .prdbut__option--design-text, .prdbut__options--list .prdbut__option--design-bg, .prdbut__options--list .prdbut__option--design-bg-n-bd { margin-top: 8px;} .prdbut__options--list .prdbut__val { display: inline-block; padding: 0 4px; margin: 3px 0; border: solid 1px transparent; font-size: 14px; font-weight: 700; cursor: pointer; justify-content: center; align-items: center; display: -moz-inline-box; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden;} .prdbut__options--list .prdbut__val:not(:last-child) { margin-right: 12px;} .prdbut__options--list .prdbut__val label { display: none;} .prdbut__options--list .prdbut__option:not([class*='prdbut__option--design-']) .prdbut__val.disabled::after { content: ''; position: absolute; display: block; width: calc(100% - 6px); height: 1px; top: calc(50% + 1px); left: 50%; -webkit-transform: translate(-50%); -moz-transform: translate(-50%); -ms-transform: translate(-50%); transform: translate(-50%);} .prdbut__options--list .prdbut__option--design-text .prdbut__val.disabled::after { content: ''; position: absolute; display: block; width: calc(100% - 6px); height: 1px; top: calc(50% + 1px); left: 50%; -webkit-transform: translate(-50%); -moz-transform: translate(-50%); -ms-transform: translate(-50%); transform: translate(-50%);} .prdbut__options--list .prdbut__option--design-image .prdbut__val.active, .prdbut__options--list .prdbut__option--design-image .prdbut__val:not(.disabled):hover, .prdbut__options--list .prdbut__option--design-color .prdbut__val.active, .prdbut__options--list .prdbut__option--design-color .prdbut__val:not(.disabled):hover { -webkit-transform: scale(1.25); -ms-transform: scale(1.25); -o-transform: scale(1.25); transform: scale(1.25);} .prdbut__options--list .prdbut__option--design-bg .prdbut__val, .prdbut__options--list .prdbut__option--design-bg-n-bd .prdbut__val { padding: 0 10px;} .prdbut__options--list .prdbut__option--design-bg .prdbut__val:not(:last-child), .prdbut__options--list .prdbut__option--design-bg-n-bd .prdbut__val:not(:last-child) { margin-right: 6px;} .prdbut__options--list .prdbut__option--design-bg .prdbut__val.disabled::after, .prdbut__options--list .prdbut__option--design-bg-n-bd .prdbut__val.disabled::after { content: ''; position: absolute; display: block; width: calc(100% - 20px); height: 1px; top: calc(50% + 1px); left: 50%; -webkit-transform: translate(-50%); -moz-transform: translate(-50%); -ms-transform: translate(-50%); transform: translate(-50%);} .prdbut__options--list .prdbut__option--design-bg-n-bd .prdbut__val { border: solid 1px transparent;} .prdbut__options--list .prdbut__option--design-image .prdbut__val { width: 38px; height: 38px; will-change: transform; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden;} .prdbut__options--list .prdbut__option--design-image .prdbut__val.disabled::after, .prdbut__options--list .prdbut__option--design-image .prdbut__val.disabled::before { content: ''; position: absolute; display: block; width: calc(100% + 24px); height: 1px; top: 50%; left: 50%;} .prdbut__options--list .prdbut__option--design-image .prdbut__val.disabled::after { -webkit-transform: translate(-50%) rotate(45deg); -moz-transform: translate(-50%) rotate(45deg); -ms-transform: translate(-50%) rotate(45deg); transform: translate(-50%) rotate(45deg);} .prdbut__options--list .prdbut__option--design-image .prdbut__val.disabled::before { -webkit-transform: translate(-50%) rotate(-45deg); -moz-transform: translate(-50%) rotate(-45deg); -ms-transform: translate(-50%) rotate(-45deg); transform: translate(-50%) rotate(-45deg);} .prdbut__options--list .prdbut__option--design-color .prdbut__val, .prdbut__options--list .prdbut__option--design-color .prdbut__val { border: solid 2px transparent; border-radius: 50%; width: 24px; height: 24px;} .prdbut__options--list .prdbut__option--design-color .prdbut__val.disabled::after, .prdbut__options--list .prdbut__option--design-color .prdbut__val.disabled::before, .prdbut__options--list .prdbut__option--design-color .prdbut__val.disabled::after, .prdbut__options--list .prdbut__option--design-color .prdbut__val.disabled::before { content: ''; position: absolute; display: block; width: calc(100% + 4px); height: 1px; top: 50%; left: 50%;} .prdbut__options--list .prdbut__option--design-color .prdbut__val.disabled::after, .prdbut__options--list .prdbut__option--design-color .prdbut__val.disabled::after { -webkit-transform: translate(-50%) rotate(45deg); -moz-transform: translate(-50%) rotate(45deg); -ms-transform: translate(-50%) rotate(45deg); transform: translate(-50%) rotate(45deg);} .prdbut__options--list .prdbut__option--design-color .prdbut__val.disabled::before, .prdbut__options--list .prdbut__option--design-color .prdbut__val.disabled::before { -webkit-transform: translate(-50%) rotate(-45deg); -moz-transform: translate(-50%) rotate(-45deg); -ms-transform: translate(-50%) rotate(-45deg); transform: translate(-50%) rotate(-45deg);} .prdbut__options--page .prdbut__option { display: table; width: 100%; margin-bottom: 36px; font-size: 0;} .prdbut__options--page .prdbut__val { display: inline-block; padding: 0 4px; margin: 6px; border: solid 1px transparent; font-size: 14px; font-weight: 700; cursor: pointer; justify-content: center; align-items: center; display: -moz-inline-box; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden;} .prdbut__options--page .prdbut__val:not(:last-child) { margin-right: 14px;} .prdbut__options--page .prdbut__option:not([class*='prdbut__option--design-']) .prdbut__val.disabled::after { content: ''; position: absolute; display: block; width: calc(100% - 6px); height: 1px; top: calc(50% + 1px); left: 50%; -webkit-transform: translate(-50%); -moz-transform: translate(-50%); -ms-transform: translate(-50%); transform: translate(-50%);} .prdbut__options--page .prdbut__option--design-text .prdbut__val.disabled::after { content: ''; position: absolute; display: block; width: calc(100% - 6px); height: 1px; top: calc(50% + 1px); left: 50%; -webkit-transform: translate(-50%); -moz-transform: translate(-50%); -ms-transform: translate(-50%); transform: translate(-50%);} .prdbut__options--page .prdbut__option--design-image .prdbut__val.active, .prdbut__options--page .prdbut__option--design-image .prdbut__val:not(.disabled):hover, .prdbut__options--page .prdbut__option--design-color .prdbut__val.active, .prdbut__options--page .prdbut__option--design-color .prdbut__val:not(.disabled):hover { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9);} .prdbut__options--page .prdbut__option--design-bg .prdbut__val, .prdbut__options--page .prdbut__option--design-bg-n-bd .prdbut__val { padding: 0 10px;} .prdbut__options--page .prdbut__option--design-bg .prdbut__val:not(:last-child), .prdbut__options--page .prdbut__option--design-bg-n-bd .prdbut__val:not(:last-child) { margin-right: 6px;} .prdbut__options--page .prdbut__option--design-bg .prdbut__val.disabled::after, .prdbut__options--page .prdbut__option--design-bg-n-bd .prdbut__val.disabled::after { content: ''; position: absolute; display: block; width: calc(100% - 20px); height: 1px; top: calc(50% + 1px); left: 50%; -webkit-transform: translate(-50%); -moz-transform: translate(-50%); -ms-transform: translate(-50%); transform: translate(-50%);} .prdbut__options--page .prdbut__option--design-bg-n-bd .prdbut__val { border: solid 1px transparent;} .prdbut__options--page .prdbut__option--design-image .prdbut__val { width: 58px; height: 60px; will-change: transform; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden;} .prdbut__options--page .prdbut__option--design-image .prdbut__val.disabled::after, .prdbut__options--page .prdbut__option--design-image .prdbut__val.disabled::before { content: ''; position: absolute; display: block; width: calc(100% + 24px); height: 1px; top: 50%; left: 50%;} .prdbut__options--page .prdbut__option--design-image .prdbut__val.disabled::after { -webkit-transform: translate(-50%) rotate(45deg); -moz-transform: translate(-50%) rotate(45deg); -ms-transform: translate(-50%) rotate(45deg); transform: translate(-50%) rotate(45deg);} .prdbut__options--page .prdbut__option--design-image .prdbut__val.disabled::before { -webkit-transform: translate(-50%) rotate(-45deg); -moz-transform: translate(-50%) rotate(-45deg); -ms-transform: translate(-50%) rotate(-45deg); transform: translate(-50%) rotate(-45deg);} .prdbut__options--page .prdbut__option--design-color .prdbut__val, .prdbut__options--page .prdbut__option--design-colour .prdbut__val { border: solid 2px transparent; border-radius: 50%; width: 58px; height: 58px;} .prdbut__options--page .prdbut__option--design-color .prdbut__val.disabled::after, .prdbut__options--page .prdbut__option--design-color .prdbut__val.disabled::before, .prdbut__options--page .prdbut__option--design-colour .prdbut__val.disabled::after, .prdbut__options--page .prdbut__option--design-colour .prdbut__val.disabled::before { content: ''; position: absolute; display: block; width: calc(100% + 4px); height: 1px; top: 50%; left: 50%;} .prdbut__options--page .prdbut__option--design-color .prdbut__val.disabled::after, .prdbut__options--page .prdbut__option--design-colour .prdbut__val.disabled::after { -webkit-transform: translate(-50%) rotate(45deg); -moz-transform: translate(-50%) rotate(45deg); -ms-transform: translate(-50%) rotate(45deg); transform: translate(-50%) rotate(45deg);} .prdbut__options--page .prdbut__option--design-color .prdbut__val.disabled::before, .prdbut__options--page .prdbut__option--design-colour .prdbut__val.disabled::before { -webkit-transform: translate(-50%) rotate(-45deg); -moz-transform: translate(-50%) rotate(-45deg); -ms-transform: translate(-50%) rotate(-45deg); transform: translate(-50%) rotate(-45deg);} .prdbut__options--page .prdbut__option--design-label .prdbut__val { border: solid 2px transparent; border-radius: 50%; width: 58px; height: 58px; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);} .prdbut__options--page .prdbut__option--design-label .prdbut__val.disabled::after, .prdbut__options--page .prdbut__option--design-label .prdbut__val.disabled::before { content: ''; position: absolute; display: block; width: calc(100% + 4px); height: 1px; top: 50%; left: 50%;} .prdbut__options--page .prdbut__option--design-label .prdbut__val.disabled::after { -webkit-transform: translate(-50%) rotate(45deg); -moz-transform: translate(-50%) rotate(45deg); -ms-transform: translate(-50%) rotate(45deg); transform: translate(-50%) rotate(45deg);} .prdbut__options--page .prdbut__option--design-label .prdbut__val.disabled::before { -webkit-transform: translate(-50%) rotate(-45deg); -moz-transform: translate(-50%) rotate(-45deg); -ms-transform: translate(-50%) rotate(-45deg); transform: translate(-50%) rotate(-45deg);} .prdbut__options--page .prdbut__option--design-label .prdbut__val label { display: block; position: absolute; max-width: inherit; bottom: 100%; left: 50%; margin-bottom: 20px; margin-left: -40px; background-color: white; border: solid 1px black; font-weight: 400; width: 80px; height: 80px;} .prdbut__option:first-of-type .prdbut__val.disabled::after, .prdbut__option:first-of-type .prdbut__val.disabled::before, .prdbut__title:first-of-type + .prdbut__option .prdbut__val.disabled::after, .prdbut__title:first-of-type + .prdbut__option .prdbut__val.disabled::before { display: none !important;} /** * (c) Tonytemplates Ltd, https://www.tonytemplates.com/support@tonytemplates.com */ /* review start icon */ [class^="spr-icon-"]:before, [class*=" spr-icon-"]:before { font-family: myfont !important; font-style: normal; font-weight: 400; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: 0; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: 0;} .spr-icon-star:before { content: '\e878' !important; font-size: 16px !important;} .spr-icon-star-empty:before { content: '\e878' !important; font-size: 16px !important; color: #b7b7b7 !important;} .spr-icon-star-half-alt:before { content: '\e878' !important; font-size: 16px !important; opacity: 0.5;} .tt-product-view .spr-badge-caption { display: none;} .spr-badge-caption { margin-right: 24px; font-size: 14px; font-weight: 700; color: #fe5a1a; padding-left: 10px;} /* END review start icon */ /* Pagination */ .tt-pagination a.active { color: #777;} /* END Pagination */ /* Article page */ .tt-post-text__footer { border-bottom: none; padding-bottom: 0;} /* END Article page*/ /* MegaMenu paddings */ .TonyM__mm--pdg-only-c .TonyM__bx-t, .TonyM__mm--pdg-only-c .TonyM__bx-b { margin-top: 0 !important; margin-bottom: 0 !important; margin: 0 !important;} .TonyM__mm--pdg-only-c .TonyM__bx-l, .TonyM__mm--pdg-only-c .TonyM__bx-l { padding: 0 !important;} /* END MegaMenu paddings */ .note { padding: 20px; border: 1px solid #ccc;} .note--success { border-color: green; background-color: lightgreen;} .note--error { border-color: red; background-color: lightred;} /** * (c) Tonytemplates Ltd, https://www.tonytemplates.com/support@tonytemplates.com */ /** * (c) Tonytemplates Ltd, https://www.tonytemplates.com/support@tonytemplates.com */ body { font-family: "Muli", sans-serif;} body { background-color: #fff; color: #777;} .tt-label__new, .tt-label__hot, .tt-label__sale, .tt-label__out-stock, .tt-label__in-stock, .tt-label__discount, .tt-counter input, .tt-product-head__countdown .countdown-row, .tt-product__countdown .countdown-row, .tt-promobox__quantity, .tt-tabs-product__tags a { font-family: "Montserrat", sans-serif;} .tt-footer__copyright, .tt-comming-soon__copyright p { font-family: "Open Sans", sans-serif;} /** * (c) Tonytemplates Ltd, https://www.tonytemplates.com/support@tonytemplates.com */ /** * (c) Tonytemplates Ltd, https://www.tonytemplates.com/support@tonytemplates.com */ a, [class^="icon-"] { -webkit-transition: color 0.7s; -moz-transition: color 0.7s; -ms-transition: color 0.7s; transition: color 0.7s;} .ttg-text-animation-parent .ttg-text-animation--emersion > * { -webkit-transition: transform ease 0.7s; -moz-transition: transform ease 0.7s; -ms-transition: transform ease 0.7s; transition: transform ease 0.7s;} .ttg-image-translate--left img, .ttg-image-translate--right img, .ttg-image-translate--top img, .ttg-image-translate--bottom img, .ttg-image-scale img { -webkit-transition: transform ease 0.7s; -moz-transition: transform ease 0.7s; -ms-transition: transform ease 0.7s; transition: transform ease 0.7s;} .ttg-transform-in-load, .ttg-loading::after { -webkit-transition: opacity 0.7s; -moz-transition: opacity 0.7s; -ms-transition: opacity 0.7s; transition: opacity 0.7s;} input, textarea, select, button, .btn, .tt-btn { -webkit-transition: background-color 0.7s, border-color 0.7s, color 0.7s; -moz-transition: background-color 0.7s, border-color 0.7s, color 0.7s; -ms-transition: background-color 0.7s, border-color 0.7s, color 0.7s; -o-transition: background-color 0.7s, border-color 0.7s, color 0.7s; transition: background-color 0.7s, border-color 0.7s, color 0.7s;} .btn > span, .btn > i, .tt-btn > span, .tt-btn > i { -webkit-transition: color 0.7s; -moz-transition: color 0.7s; -ms-transition: color 0.7s; transition: color 0.7s;} .btn.tt-btn--hover-effect::after, .tt-btn.tt-btn--hover-effect::after { -webkit-transition: -webkit-transform 0.3s, opacity 0.7s; -moz-transition: -moz-transform 0.3s, opacity 0.7s; transition: transform 0.3s, opacity 0.7s;} .tt-cart__product_info a p, .tt-wishlist__product_info a p, .tt-counter__inner .tt-counter__control span, .tt-layer-nav__product-info a > p, .tt-layer-nav__prod-list-section a > p { -webkit-transition: color 0.7s; -moz-transition: color 0.7s; -ms-transition: color 0.7s; transition: color 0.7s;} .tt-cart__product_image img, .tt-wishlist__product_image img, .tt-header__search-dropdown img, .tt-header__cart-list ul li img, .tt-layer-nav__product-image { -webkit-transition: border-color 0.7s; -moz-transition: border-color 0.7s; -ms-transition: border-color 0.7s; transition: border-color 0.7s;} .tt-header__user-list > ul li, .tt-header__settings-list > ul li { -webkit-transition: background-color 0.7s; -moz-transition: background-color 0.7s; -ms-transition: background-color 0.7s; transition: background-color 0.7s;} .tt-categories__next { -webkit-transition: transform 0.7s; -moz-transition: transform 0.7s; -ms-transition: transform 0.7s; transition: transform 0.7s;} .tt-footer__to-top, .tt-header__btn-info i, .tt-newsletter .btn, .tt-categories:not(.tt-categories__single) li a::before { -webkit-transition: 0.7s; -moz-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s;} .tt-header--build-01 .tt-header__btn > div, .tt-header--build-04 .tt-header__btn > div{ -webkit-transition: 0.1s; -moz-transition: 0.1s; -ms-transition: 0.1s; transition: 0.1s;} .tt-contacts__map iframe { -webkit-transition: filter 0.7s; -moz-transition: filter 0.7s; -ms-transition: filter 0.7s; transition: filter 0.7s;} .tt-carousel-brands .slick-slide { -webkit-transition: opacity 0.7s; -moz-transition: opacity 0.7s; -ms-transition: opacity 0.7s; transition: opacity 0.7s;} .tt-gallery__slider .swiper-btn-next, .tt-gallery__slider .swiper-btn-prev { -webkit-transition: 0.7s; -moz-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s;} .tt-gallery__slider .gallery-thumbs .swiper-slide img { -webkit-transition: 0.7s; -moz-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s;} @media only screen and (min-width: 1025px) { .TonyM__arw { -webkit-transition: border-color 0.7s; -moz-transition: border-color 0.7s; -ms-transition: border-color 0.7s; transition: border-color 0.7s;}} @media only screen and (max-width: 1024px) { .TonyM__arw::before { -webkit-transition: 0.7s; -moz-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s;}} @media only screen and (min-width: 1025px) { .TonyM__mm--anim_fade { -webkit-transition: opacity 0.7s; -moz-transition: opacity 0.7s; -ms-transition: opacity 0.7s; transition: opacity 0.7s;}} @media only screen and (min-width: 1025px) { .TonyM__mm--anim_emersion, .TonyM__mm--anim_emersion-vert { -webkit-transition: opacity 0.7s, margin 0.7s; -moz-transition: opacity 0.7s, margin 0.7s; -ms-transition: opacity 0.7s, margin 0.7s; -o-transition: opacity 0.7s, margin 0.7s; transition: opacity 0.7s, margin 0.7s;}} .TonyM__ttl-img img { -webkit-transition: 0.7s; -moz-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s;} @media only screen and (max-width: 1024px) { .TonyM--ready[data-tm-mob='true'] { -webkit-transition: transform 0.46667s; -moz-transition: transform 0.46667s; -ms-transition: transform 0.46667s; transition: transform 0.46667s;}} @media only screen and (max-width: 1024px) { .TonyM + .TonyM__bg { -webkit-transition: opacity 0.46667s; -moz-transition: opacity 0.46667s; -ms-transition: opacity 0.46667s; transition: opacity 0.46667s;}} @media only screen and (min-width: 1025px) { .tt-instagram__mask { -webkit-transition: opacity 0.7s; -moz-transition: opacity 0.7s; -ms-transition: opacity 0.7s; transition: opacity 0.7s;}} .tt-list-toggle__next > a::after { -webkit-transition: 0.7s; -moz-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s;} .tt-logo__curtain::before { -webkit-transition: height 0.7s; -moz-transition: height 0.7s; -ms-transition: height 0.7s; transition: height 0.7s;} .mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-bg, .mfp-with-zoom.mfp-removing.mfp-bg { -webkit-transition: 0.7s ease-out; -moz-transition: 0.7s ease-out; -o-transition: 0.7s ease-out; transition: 0.7s ease-out;} .tt-post-nav__prev i, .tt-post-nav__prev p, .tt-post-nav__next i, .tt-post-nav__next p { -webkit-transition: color 0.7s; -moz-transition: color 0.7s; -ms-transition: color 0.7s; transition: color 0.7s;} .prdbut__val { -webkit-transition: 0.7s; -moz-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s;} .tt-preloader::before, .tt-preloader::after { -webkit-transition: opacity 0.7s; -moz-transition: opacity 0.7s; -ms-transition: opacity 0.7s; transition: opacity 0.7s;} @media only screen and (min-width: 1025px) { .tt-product__view-overlay .tt-product__hover { -webkit-transition: ease 1.05s; -moz-transition: ease 1.05s; -ms-transition: ease 1.05s; transition: ease 1.05s;}} @media only screen and (min-width: 1025px) { .tt-product__view-overlay .tt-product__hover::before { -webkit-transition: 0.7s; -moz-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s;}} .tt-product__hover.tt-product__clr-clk-transp .ttg-text-animation--emersion, .tt-product__hover.tt-product__clr-clk-transp h3, .tt-product__hover.tt-product__clr-clk-transp p { -webkit-transition: opacity 0.7s; -moz-transition: opacity 0.7s; -ms-transition: opacity 0.7s; transition: opacity 0.7s;} @media only screen and (min-width: 1025px) { .tt-product.tt-product__view-overlay .tt-product__labels { -webkit-transition: 0.23333s; -moz-transition: 0.23333s; -ms-transition: 0.23333s; transition: 0.23333s;}} @media only screen and (min-width: 1025px) { .tt-product.tt-product__hover-down .tt-product__labels { -webkit-transition: 0.7s; -moz-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s;}} @media only screen and (max-width: 1024px) { .tt-product.ttg-text-animation-parent .ttg-text-animation--emersion > * { -webkit-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; transition: none !important;}} @media only screen and (min-width: 1025px) { .tt-product-view--list .tt-product__buttons_cart > span { -webkit-transition: 0.7s; -moz-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s;}} .tt-product-btn-vw i { -webkit-transition: color 0.7s; -moz-transition: color 0.7s; -ms-transition: color 0.7s; transition: color 0.7s;} .fotorama__arrow-custom { -webkit-transition: opacity 0.7s; -moz-transition: opacity 0.7s; -ms-transition: opacity 0.7s; transition: opacity 0.7s;} @media only screen and (min-width: 1025px) { .tt-product-head__image-preview .slick-slide { -webkit-transition: opacity 0.7s; -moz-transition: opacity 0.7s; -ms-transition: opacity 0.7s; transition: opacity 0.7s;}} .tt-product-head__cart > span { -webkit-transition: 0.7s; -moz-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s;} .tt-promobox__hover--fade { -webkit-transition: opacity 0.7s; -moz-transition: opacity 0.7s; -ms-transition: opacity 0.7s; transition: opacity 0.7s;} .tt-promobox__hover--up { -webkit-transition: top 0.7s; -moz-transition: top 0.7s; -ms-transition: top 0.7s; transition: top 0.7s;} .tt-promobox__hover-bg { -webkit-transition: 0.7s; -moz-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s;} .tt-promobox__mask { -webkit-transition: opacity 0.7s; -moz-transition: opacity 0.7s; -ms-transition: opacity 0.7s; transition: opacity 0.7s;} .tt-promobox:not(.tt-promobox__hover-disable):hover .tt-promobox__content > .tt-promobox__text { -webkit-transition: 0.42s; -moz-transition: 0.42s; -ms-transition: 0.42s; transition: 0.42s;} .tt-promobox__hover.tt-promobox__hover--up .tt-promobox__text { -webkit-transition: top 0.7s; -moz-transition: top 0.7s; -ms-transition: top 0.7s; transition: top 0.7s;} .irs-slider { -webkit-transition: background-color 0.7s, border-color 0.7s; -moz-transition: background-color 0.7s, border-color 0.7s; -ms-transition: background-color 0.7s, border-color 0.7s; -o-transition: background-color 0.7s, border-color 0.7s; transition: background-color 0.7s, border-color 0.7s;} .tt-shp-info__strong { -webkit-transition: 0.7s; -moz-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s;} .tt-shp-info i { -webkit-transition: 0.7s; -moz-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s;} @media only screen and (max-width: 1024px) { .tt-sidebar--ready { -webkit-transition: transform 0.7s; -moz-transition: transform 0.7s; -ms-transition: transform 0.7s; transition: transform 0.7s;}} @media only screen and (max-width: 1024px) { .tt-sidebar__btn-open, .tt-sidebar__btn-close { -webkit-transition: 0.7s; -moz-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s;}} @media only screen and (max-width: 1024px) { .tt-sidebar__bg--ready { -webkit-transition: opacity 0.7s; -moz-transition: opacity 0.7s; -ms-transition: opacity 0.7s; transition: opacity 0.7s;}} .tt-slider-scroll__nav_arrows i { -webkit-transition: 0.7s; -moz-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s;} .tt-subcategory p { -webkit-transition: 0.7s; -moz-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s;} @media only screen and (min-width: 1025px) { .tt-tabs__btn > span { -webkit-transition: color 0.7s; -moz-transition: color 0.7s; -ms-transition: color 0.7s; transition: color 0.7s;}} @media only screen and (min-width: 1025px) { .tt-tabs__head.tt-tabs__head--slider .tt-tabs__btn-prev, .tt-tabs__head.tt-tabs__head--slider .tt-tabs__btn-next { -webkit-transition: 0.7s; -moz-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s;}} @media only screen and (max-width: 1024px) { .tt-tabs__body > div > span { -webkit-transition: color 0.7s; -moz-transition: color 0.7s; -ms-transition: color 0.7s; transition: color 0.7s;}} .tt-tabs__body > div > span i { -webkit-transition: transform 0.7s; -moz-transition: transform 0.7s; -ms-transition: transform 0.7s; transition: transform 0.7s;} .tt-tabs-my-account__head-edit i { -webkit-transition: 0.7s; -moz-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s;} .slick-arrow, .slick-dots li { -webkit-transition: 0.7s; -moz-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s;} .ttg-transition--off { -webkit-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; transition: none !important;} @media only screen and (max-width: 1024px) { .tt-team.ttg-text-animation-parent .ttg-text-animation--emersion > * { -webkit-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; transition: none !important;}} @media only screen and (min-width: 1025px) { .tt-team__hover { -webkit-transition: ease 1.05s; -moz-transition: ease 1.05s; -ms-transition: ease 1.05s; transition: ease 1.05s;}} @media only screen and (min-width: 1025px) { .tt-team__hover::before { -webkit-transition: 0.7s; -moz-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s;}} .tt-summary__list > a i { -webkit-transition: 0.7s; -moz-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s;} .tt-summary__products li img { -webkit-transition: 0.7s; -moz-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s;} .tt-summary__products li p a { -webkit-transition: color 0.7s; -moz-transition: color 0.7s; -ms-transition: color 0.7s; transition: color 0.7s;} .tt-summary__products_edit i::before, .tt-summary__products_delete i::before { -webkit-transition: color 0.7s; -moz-transition: color 0.7s; -ms-transition: color 0.7s; transition: color 0.7s;} .tt-summary__products_param-control i { -webkit-transition: 0.7s; -moz-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s;} #theme .tt-header .tt-header__menu .TonyM__mm { background-color: #f5f5f5;} .tt-header__menu ol > li, .tt-header__menu ul li { margin-top: 0;} .menu-depth-1 li a i.TonyM__arw { display: block !important; margin-left: 10px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg);} #theme .tt-header .tt-header__menu .TonyM__mm .TonyM__list li:hover .TonyM__mm.menu-depth-2{ opacity: 1 !important; visibility: visible !important;} .TonyM custom_menu ul.TonyM__panel > li { padding-top: 15px !important; padding-bottom: 15px !important;} .tt-post__tags ul.post-categories{ display: inline-block;} /* Blog Comment */ .says{ display:none;} .comment ul > li.comment{ display: table;margin-top: 0;} .comment-content p { margin-bottom: 9px; font-size: 16px; line-height: 28px; } .comment li .media-left{ display: table-cell; vertical-align: top; padding-right: 20px;} .comment li .media-left a img{ border-radius: 100%; width: 70px; height: 70px; } ul.children{ display: table-cell; vertical-align: top; padding: 30px 0 30px 70px;} #theme .tt-comments__title { margin-bottom: 30px; border-bottom: solid 1px transparent;margin-top: 0;} .comments-block .comment .text { overflow: hidden; padding-left: 0px; padding-top: 0px;} .comments-block .comment .text .meta{ overflow: hidden; padding-bottom: 5px;} .comments-block .comment .text .meta-date { font-size: 12px; margin-left: 5px;} .tt-comments { margin-top: 50px; margin-bottom: 70px; } span.post-music, .post-music iframe{ width:100%;} .widget_archive ul li a{ position: relative; display: inline-block; padding-right: 40px; font-weight: 700; font-size: 12px; align-items: flex-start; display: -moz-inline-box; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; margin-top: 10px; color: #333; text-transform: uppercase; } .widget_archive ul li a:hover{color: #333333;} .widget_mc4wp_form_widget button.btn { display: block; width: 100%; margin: 5px 0 !important;} .promobox-area{ margin-top: -35px; display: flex !important; flex-wrap: wrap; height: 100%;} .promobox-area .tt-promobox.custom-class { display: flex !important; height: 100%; overflow: unset !important;} .fixed-height{ height:100%; overflow: hidden;} .fixed-height img { height: 100% !important;} .promobox-area .tt-promobox{ margin-top: -35px; display: flex !important; height: 100%; overflow: hidden !important;} .tt-promobox__content.custom-class { height: 100%; overflow: unset;} /*custom master class*/ .margin_spacing{ margin: 100px 0 !important;} .margin_top_zero{ margin-top: 0px !important;} .margin_bottom_zero{ margin-bottom: 0px !important;} .margin_top_spacing{ margin-top: 100px !important;} .margin_bottom_spacing{ margin-bottom: 100px !important;} .padding_spacing{ padding: 100px 0 !important;} .paddong_top_zero { margin-top: 0px !important;} .paddong_top_zero div{ margin-top: 0px !important;} .paddong_bottom_zero{ margin-bottom: 0px !important;} .paddong_top_spacing{ margin-top: 1000px !important;} .paddong_bottom_spacing{ margin-bottom: 1000px !important;} #theme .tt-price .price { color: #333333 !important;} /* Added css for plugin */ .tt-product__buttons .added_to_cart.wc-forward { display: none;} #theme .tt-product__buttons .colorize-btn5.added,#theme .tt-product__buttons .colorize-btn5.added > span ,#theme .tt-product__buttons .colorize-btn5.added > i { background-color: #1cc373; border-color: #1cc373; color: #fff;} /* Added css for plugin */ .about-page-area p{ color: #000 !important;} .grid-testimonial-area { margin-top: 10px!important;} .grid-testimonial-area .person-carousel .col-sm-6.col-xl-3{ margin: 0 !important; padding: 0 !important;} .content-area h3{ margin-bottom: 30px;} .content-area p{ line-height: 1.8 !important; font-weight: 400;} @media only screen and (max-width: 1023px) { .content-area p{ padding: 0 0px;} .tt-post-grid-wrapper.wpb_column.vc_column_container.vc_col-sm-4 { width: 100%;} .tt-contacts__map.vc_col-sm-6, #theme .tt-contacts__info.vc_col-sm-6 { width: 100%;}} .interested-area{ margin: -10px 0 50px;} .tt-tt-contacts__info_text.content-area p { font-weight: 400; line-height: 1.3;} /* Added css for plugin */ /* contcat form design */ .colorize-classes.tt-page__cont-small form .tt-contacts_form_inputs.tt-form .tt-form_form input { background-color: #f5f5f5 !important;} .header-fix > .TonyM__panel > li { padding-top: 10px; padding-bottom: 10px;} .quick-contact .col-lg-4.icon_box_extra_css { border-color: transparent !important;} .content-area .product-category .ttg-text-animation--emersion { padding: 0;} .tt-product-head__images { visibility: visible;} .tt-product-head__tags span { margin-right: 0;} .tt-product-head__tags span a:first-child { margin-left: 4px;} .tt-footer.tt-footer__06 #mogo-social-media-2 { margin-left: auto;} #theme .tt-footer__06 .tt-social-icons.tt-social-icons--style-01 a { background-color: transparent; border-color: transparent; padding: 0 !important; font-size: 10px !important; margin-left: 6px; margin-right: 6px; border: none !important; width: 24px !important; height: 24px !important;} #theme .tt-footer__06 .tt-social-icons.tt-social-icons--style-01 a i:hover { background-color: transparent; border-color: transparent;} #theme .tt-footer__06 .tt-social-icons.tt-social-icons--style-01 a .tt-btn i:hover { background-color: transparent; border-color: transparent; color: #333;} #theme .tt-footer__06 .tt-social-icons.tt-social-icons--style-01 .tt-btn i::before { font-size: 16px !important;} #theme .tt-header .tt-header__menu .TonyM__mm a > .TonyM__arw { border-color: #777777;} .TonyM--gr5-in > .menu-col-fullwidth { width: 100% !important;} /*woocommerce price filtering */ .woocommerce .widget_price_filter .ui-slider .ui-slider-handle { width: 20px; height: 20px; top: -7px; border: 2px solid #d8d8d8; -webkit-transition: background-color 0.7s,border-color 0.7s; -moz-transition: background-color 0.7s,border-color 0.7s; -ms-transition: background-color 0.7s,border-color 0.7s; -o-transition: background-color 0.7s,border-color 0.7s; transition: background-color 0.7s,border-color 0.7s;} .woocommerce .widget_price_filter .ui-slider .ui-slider-range { background-color: #333 !important;} .woocommerce .widget_price_filter .ui-slider .ui-slider-handle { background-color: #fff !important;} .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content{ background-color: #d8d8d8;} .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { padding: .818em 1.2em !important; border-radius: 0px !important; color: #fff; background-color: #ef6237; border: 0px solid transparent ; box-shadow: transparent !important;} .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover { color: #fff; background-color: #de511a; border: 0px solid transparent !important; box-shadow: transparent !important;} /*woocommerce pagination*/ .next.page-numbers,.prev.page-numbers{ padding: 10px 26px !important; background-color: #de511a !important; color: #fff !important; border: solid 2px transparent; font-weight: 700 !important; font-size: 14px !important; -webkit-transition: background-color 0.7s,border-color 0.7s,color 0.7s; -moz-transition: background-color 0.7s,border-color 0.7s,color 0.7s; -ms-transition: background-color 0.7s,border-color 0.7s,color 0.7s; -o-transition: background-color 0.7s,border-color 0.7s,color 0.7s; transition: background-color 0.7s,border-color 0.7s,color 0.7s;} .next.page-numbers:hover,.prev.page-numbers:hover { padding: 10px 26px; background-color: #fff !important; color: #de511a !important; border-color: #de511a !important;} .expander-list .expander { position: absolute; display: block; top: 0px; right: 0px; width: 26px; height: 26px; cursor: pointer; text-align: right;} .expander-list ul { margin: 0 0 0 20px; padding: 0; list-style-type: none; display: none;} .expander-list li { position: relative; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .expander-list li.cat-item >a{ text-transform: uppercase !important; font-weight: 700 !important; position: relative;} .expander-list .expander:before { font-family: "myfont"; font-size: 10px; content: '\e824'; line-height: 1em; color: #333; font-weight: 300;} .expander-list .open > .expander:before { content: "\e821";} span.count { color: #b8b8b8; margin-left: 0; font-size: 14px !important;} .page__fullwidth .tt-layout__content > .container { width: 100%; max-width: 100%;} .page__fullwidth .tt-layout__content > .container { padding-left: 0; padding-right: 0;} .row.sorting { float: left; width: 100%;} .woocommerce ul.products li.product.small-size { margin: 0 !important;} .woocommerce .tt-layout__fullwidth .product.product-category,.woocommerce .tt-layout__fullwidth .product.type-product { margin: 0 !important;} .woocommerce .tt-layout__fullwidth .product a img{ margin:0 !important;} .tt-product-page__upsell ul.tt-carousel-box__slider li { padding-right: 12px; padding-left: 12px; outline: none;} .woocommerce .product .star-rating { font-size: unset;} .woocommerce .star-rating { width: 5.8em; height: 1.1em; } .woocommerce .star-rating::before { color: #b7b7b7; content: '\e878 \e878 \e878 \e878 \e878'; font-family: "myfont" ; font-size: 16px;} .woocommerce .star-rating span::before { content: '\e878 \e878 \e878 \e878 \e878'; font-family: "myfont"; color: #fec01a; font-size: 16px;} .tt-product-head .tt-layout__mobile-full { position: relative;} .tt-product-head .tt-layout__mobile-full .tt-label__sale { position: absolute; right: 100px; top: 8px; z-index: 1;} input[type='text'].form-control, input[type='email'].form-control, input[type='search'].form-control, input[type='password'].form-control, input[type='tel'].form-control, textarea.form-control, select.form-control { padding: 12px 20px; border-radius: 0; min-height: 46px; border: solid 1px transparent; border-radius: 0; font-weight: 700; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important;} #theme input[type='text'], #theme input[type='email'], #theme input[type='search'], #theme input[type='password'], #theme input[type='tel'], #theme textarea, #theme select { background-color: #ffffff; border-color: transparent; color: #777777;} #theme input[type='text']:focus, #theme input[type='email']:focus, #theme input[type='search']:focus, #theme input[type='password']:focus, #theme input[type='tel']:focus, #theme textarea:focus, #theme select:focus { background-color: #ffffff; border-color: #fe5a1a;} #theme .btn:not([class*="colorize-btn"]):not([class*="colorize-btn1"]), #theme .colorize-btn, #theme .colorize-btn1 { background-color: #fe5a1a; border-color: #fe5a1a;} @media only screen and (min-width: 1025px){ #theme .btn:not([class*="colorize-btn"]):not([class*="colorize-btn1"]):hover, #theme .colorize-btn:hover, #theme .colorize-btn1:hover { background-color: #ffffff; border-color: #fe5a1a; color: #fe5a1a;}} .woocommerce p.stars a::before { content: '\e878'; font-family: "myfont"; color: #b7b7b7; font-size: 16px;} .woocommerce p.stars a:hover~a::before { content: '\e878'; font-family: "myfont";} .woocommerce p.stars:hover a::before { content: '\e878'; font-family: "myfont"; color: #fec01a;} .woocommerce p.stars.selected a.active::before { content: '\e878'; font-family: "myfont"; color: #fec01a;} .woocommerce p.stars.selected a:not(.active)::before { content: '\e878'; color: #fec01a;} .woocommerce p.stars.selected a.active~a::before { content: '\e878'; color: #b7b7b7;} .woocommerce p.stars a:hover:before { color: #b7b7b7;} .woocommerce #review_form #respond p { margin: 0; margin-top: 3px;} .woocommerce table.shop_attributes { border: 0;} .woocommerce table.shop_attributes tr:nth-child(even) td, .woocommerce table.shop_attributes tr:nth-child(even) th { background: transparent;} .tt-tabs-product table.shop_attributes tr td { padding: 10px 0; font-weight: 700; border: none;} .woocommerce table.shop_attributes th { border: none;} #theme .tt-tabs-product table.shop_attributes tr td:first-child { color: #333333;} @media only screen and (min-width: 480px){ .tt-tabs-product table.shop_attributes tr td:first-child { width: 260px;}} .woocommerce table.shop_attributes>thead>tr>th, .woocommerce table.shop_attributes>tbody>tr>th, .woocommerce table.shop_attributes>tfoot>tr>th, .woocommerce table.shop_attributes>thead>tr>td, .woocommerce table.shop_attributes>tbody>tr>td, table>tfoot>tr>td { padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd;} .tt-tabs-product table.shop_attributes tr:first-child td, .tt-tabs-product table.shop_attributes tr:first-child th { border-top: none;} .woocommerce div.product form.cart .variations td { display: block; text-align: left;} .woocommerce div.product form.cart .variations label { border-radius: 0 !important;} .woocommerce div.product form.cart .variations label.wcvasquare { width: auto; height: auto;} .woocommerce div.product form.cart .variations label.wcvaround { width: 54px !important; height: 54px !important; border-radius: 100% !important;} .swatchtitlelabel { font-weight: 700; color: #333333; font-size: 14px;} #theme .swatchtitlelabel::after { content: ' *'; color: #fc2a2e;} .variations .value select { background: #f5f5f5 !important; min-height: 46px; padding: 12px 20px; max-width: 240px !important; min-width: 240px !important; border: solid 1px transparent; cursor: pointer;margin-bottom: 20px;} .variations .value select:focus { outline: none;} #theme .single_variation .tt-price { color: #fc2a2e;} #theme .tt-product-btn-vw input:checked ~ i { color: #fe5a1a;} .tt-vw-opt > .row > [class^="col-"] { align-items: center; display: flex;} .woocommerce .products .star-rating { margin: 0;} .tt-product-view:not(.tt-product-view--list) .tt-product__buttons--design-2 { margin-bottom: 20px; flex-wrap: wrap;} .tt-product-view:not(.tt-product-view--list) .tt-product__buttons--design-2 > div:first-child { width: 100%; order: 1;} .tt-product__buttons_cart_added { display: none !important; margin-left: 4px;} .tt-product-view:not(.tt-product-view--list) .tt-product__buttons--design-2 .tt-btn--cart.tt-btn__state--active .tt-product__buttons_cart_added{ display: block;} .woocommerce div.product span.price { font-size: 1em;} .ttg-grid-padding--none .tt-listing-page__products { margin-bottom: 0;} #theme .tt-shp-info .tt-shp-info__strong { color: #333;} #theme .tt-header--style-01 .tt-header__btn-open-search>i, #theme .tt-header--style-04 .tt-header__btn-open-search>i, #theme .tt-header--style-05 .tt-header__btn-open-search>i, #theme .tt-header--style-06:not(.tt-header--transparent) .tt-header__btn-open-search>i { color: #fe5a1a;} #theme .tt-header--style-01 .tt-header__btn-user>i, #theme .tt-header--style-04 .tt-header__btn-user>i, #theme .tt-header--style-05 .tt-header__btn-user>i, #theme .tt-header--style-06:not(.tt-header--transparent) .tt-header__btn-user>i { color: #fe5a1a;} #theme .tt-header--style-01 .tt-header__btn-wishlist>i, #theme .tt-header--style-04 .tt-header__btn-wishlist>i, #theme .tt-header--style-05 .tt-header__btn-wishlist>i, #theme .tt-header--style-06:not(.tt-header--transparent) .tt-header__btn-wishlist>i { color: #fe5a1a;} #theme .tt-header--style-01 .tt-header__btn-cart>i, #theme .tt-header--style-04 .tt-header__btn-cart>i, #theme .tt-header--style-05 .tt-header__btn-cart>i, #theme .tt-header--style-06:not(.tt-header--transparent) .tt-header__btn-cart>i { color: #fe5a1a;} #theme .tt-footer { background-color: #161616;} #theme .tt-shp-info__design-01 [class^="icon-"] { color: #d8d8d8;} #theme .tt-footer__list-menu a, #theme .tt-footer__list-menu a:visited, #theme .tt-footer__list-menu a:active, #theme .tt-footer__list-menu a:link { color: #fe5a1a;} .tt-footer__list-menu ul li { margin-top: 0;} #theme .tt-footer__newsletter em>strong, #theme .tt-footer__newsletter strong>em { color: #fff;} .tt-page__pagination nav.navigation { margin: 0;} .tt-product-view--list .add_to_cart_button.added .tt-product__buttons_cart_added { display: block !important;} #theme .tt-promobox__content>.tt-promobox__text div, #theme .tt-promobox__content>.tt-promobox__text>p { color: #fff;} .woocommerce-error, .woocommerce-info, .woocommerce-message { width: 100%;} .tt-page__name-sm.ttg-mb--100 { margin-bottom: 100px !important;} .tt-post-grid-wrapper { margin-bottom: 24px;} .tt-form__title { margin-bottom: 44px; font-size: 22px; font-weight: 700;} .ttg-mb--0 { margin-bottom: 0 !important;} .ttg-mt--0 { margin-top: 0 !important;} .tt-contacts__map .google-map { bottom: 0; left: 0; min-height: auto; position: absolute !important; right: 0; top: 0; width: 100%;} .tt-contacts__map .google-map img{ height:auto; width:auto;} .tt-contacts__map:hover .google-map { transition: filter 0.7s ease 0s;} .tt-contacts__map .google-map { transition: filter 0.7s ease 0s;} .tt-contacts__map .google-map { bottom: 0; filter: grayscale(90%); height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%;} .tt-page__pagination .nav-links { margin: 0;} @media only screen and (min-width: 1025px){#theme .tt-header .tt-header__menu .TonyM__mm { background-color: #f5f5f5;}} .tt-layer-nav__price.tt-categories.tt-categories__toggle > li { text-align: left;} .TonyM__bx-in-c .menu-col-fullwidth { width: 100% !important;} #theme .tt-categories:not(.tt-categories__single) li a.red::before{ background-color:red; border: 2px solid red;} #theme .tt-categories:not(.tt-categories__single) li a.blue::before{ background-color:blue; border: 2px solid blue;} #theme .tt-categories:not(.tt-categories__single) li a.gray::before{ background-color:gray; border: 2px solid gray;} #theme .tt-categories:not(.tt-categories__single) li a.green::before{ background-color:green; border: 2px solid green;} #theme .tt-categories:not(.tt-categories__single) li a.black::before{ background-color:black; border: 2px solid black;} #theme .tt-categories:not(.tt-categories__single) li a.white::before{ background-color:white; border: 2px solid white;} #theme .tt-categories:not(.tt-categories__single) li a.yellow::before{ background-color:yellow; border: 2px solid yellow;} #yith-quick-view-content .padding-right-50 { visibility: visible; width: 50%; float: left; padding-right: 0; padding: 15px;} #yith-quick-view-content div.summary { width: 50%;} #yith-quick-view-content .tt-product-head__name > * { font-size: 24px; margin-top: 0;} #yith-quick-view-content .tt-product-head__price { margin-bottom: 10px; font-size: 30px;} #yith-quick-view-content .tt-product-head__name { margin-bottom: 0;} #yith-quick-view-content .variations .swatchinput label { width: 30px !important; height: 30px !important; border-radius: 100%;} #yith-quick-view-content .swatchinput { display: inline-block;} #yith-quick-view-content .variations tr { display: flex; flex-wrap: wrap;} #yith-quick-view-content .tt-label__sale { position: absolute; left: 15px; top: 15px; z-index: 9;} #yith-quick-view-content .tt-product-head__image-preview { min-width: 0; width: 0; margin-right: 0;} #yith-quick-view-content .tt-product-head__image-main:not(.tt-product-head__image-main--single) { width: 100%;} #yith-quick-view-content div.product form.cart { margin-bottom: 0;} #yith-quick-view-content .tt-product-head__control { margin-bottom: 0;} #yith-quick-view-content .tt-product-head__info-head { margin-bottom: 10px;} @media only screen and (max-width: 1024px){ .tt-header__menu2 { width: 100%; background-color: #fff !important;}} #theme .tt-categories:not(.tt-categories__single) li a.orange::before { background-color: orange; border: 2px solid orange;} textarea.form-control, select.form-control { font-weight: 700; font-size: 14px;} .btn.btn__state--wait i::before { content: "\e8f5"; display: block; font-size: 23px;} .btn.btn__state--wait i { -moz-osx-font-smoothing: grayscale; animation: 2s linear 0s normal none infinite running spin; display: inline-block; font-family: "myfont"; font-style: normal; font-variant: normal; font-weight: normal; margin: 0 auto; line-height: 1em; text-align: center; text-decoration: inherit; text-transform: none; transform-origin: 50% 50% 0; width: 23px;} .btn.btn__state--wait > span{ display:none} .btn.btn__state--wait { justify-content: center;} .btn-for-product-add-by-ajax.btn { height: 44px; min-width: 128px;} .btn.btn__state--wait { justify-content: center;} .tt-carousel-box__slider.no-slick { display: flex; visibility: visible;} .mb-0 { margin-bottom: 0 !important;} .mt-0 { margin-top: 0 !important;} .tt-footer.tt-footer__06 .tt-social-icons .tt-btn { margin-left: 6px; margin-right: 6px; border: none !important; width: 24px; height: 24px;} .tt-footer.tt-footer__06 .tt-social-icons .tt-btn i::before { font-size: 16px;} .admin-bar .tt-header__sticky { top: 32px !important;} #yith-quick-view-content .tt-product-head__image-main img:not(:first-child){ width: 100px; margin-top: 10px; margin-right: 10px;float: left;} #add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img { width: 130px;} #add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text { border: 1px solid #d3ced2 !important;} .woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text { width: 150px; height: 42px;} .input-text.qty.text.ui-spinner-input { -moz-appearance: textfield;} .woocommerce .wishlist_table .product-add-to-cart .tt-btn { width: 150px; line-height: 18px; font-size: 14px; height: 40px; display: inline-block !important;} .woocommerce .wishlist_table .product-name .yith-wcqv-button { display: none;} #add_payment_method table.cart td, #add_payment_method table.cart th, .woocommerce-cart table.cart td, .woocommerce-cart table.cart th, .woocommerce-checkout table.cart td, .woocommerce-checkout table.cart th { text-align: center;} .woocommerce-cart-form .tt-counter { display: inline-block;} .woocommerce .woocommerce-cart-form a.remove, .woocommerce .wishlist_table a.remove { margin: auto;} @media only screen and (max-width: 767px){ .woocommerce .woocommerce-cart-form a.remove, .woocommerce .wishlist_table a.remove { margin-right: 15px;}} .woocommerce a.remove:hover { color: red !important;} .woocommerce .woocommerce-cart-form span.woocommerce-Price-amount.amount, .woocommerce .wishlist_table span.woocommerce-Price-amount.amount { font-size: 24px; font-weight: 800; color: #333;} .woocommerce table.wishlist_table tbody td.product-price del { text-decoration: none; } .woocommerce table.wishlist_table tbody td.product-price ins span.woocommerce-Price-amount.amount { color: #fc2a2e;} .woocommerce table.wishlist_table tbody td.product-price ins { text-decoration: none;} #add_payment_method .cart-collaterals .cart_totals table th,.woocommerce-cart .cart-collaterals .cart_totals table th, .woocommerce-checkout .cart-collaterals .cart_totals table th { font-size: 20px;} .cart_totals table.shop_table { border: none;} .cart_totals table.shop_table th, .cart_totals table.shop_table td { border: none; border-color: #ebebeb;} .woocommerce table.wishlist_table thead th { text-align: center;} .wishlist-title { display: block; text-align: center; margin-bottom: 40px;} .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { width: 100%;} .woocommerce .woocommerce-cart-form a.remove:hover, .woocommerce .wishlist_table a.remove:hover { background: transparent;} .instagram-section .colorize-theme-c { text-transform: uppercase;} .select2-container--default .select2-selection--single { background-color: #f5f5f5; border: 1px solid #aaa; border-radius: 4px; height: 40px; line-height: 40px;} .select2-container--default .select2-selection--single .select2-selection__arrow { height: 40px;} .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 40px;} .select2-container--default .select2-selection--single { border: none; border-radius: 0;} .select2-dropdown { background-color: #f5f5f5;} .cart_total_item_empty { display: none !important;} .tt-promobox__content .tt-price del { margin-right: 10px;} @media only screen and (min-width: 1025px){ #theme .tt-header__btn:hover>i { color: #333 !important;}} .tt-listing-page__promobox-text h1 { font-size: 30px; line-height: 1.4; font-weight: 700;} @media only screen and (min-width: 667px){ .tt-listing-page__promobox-text h1 { font-size: 60px;}} .tt-breadcrumbs strong { font-weight: 400; color: #333; font-size: 12px;} .price_slider_wrapper { position: relative;} .irs-from, .irs-to, .irs-single { top: -24px;} #theme .tt-header--style-01 .tt-header__btn > div.wishlist_total_item_empty, #theme .tt-header--style-02 .tt-header__btn > div.wishlist_total_item_empty, #theme .tt-header--style-03 .tt-header__btn > div.wishlist_total_item_empty, #theme .tt-header--style-04 .tt-header__btn > div.wishlist_total_item_empty, #theme .tt-header--style-05 .tt-header__btn > div.wishlist_total_item_empty, #theme .tt-header--style-06:not(.tt-header--transparent) .tt-header__btn > div.wishlist_total_item_empty { background-color: transparent;} @media only screen and (min-width: 1025px){ #theme .tt-header--style-02 .tt-header__menu.tt-header__sticky .tt-header__btn > div.wishlist_total_item_empty { background-color: transparent;}} .btn.btn--flw { width: 100%; justify-content: center;} #theme .tt-product-view--list .tt-product__buttons_cart { margin-left: 0;} .ttg-grid-padding--none .tt-product-view.row { margin-left: 0; margin-right: 0;} @media only screen and (min-width: 1025px){ .TonyM__mm > .TonyM__list .TonyM__dd > ul ul { margin-left: 0;}} @media only screen and (max-width: 1024px){ [data-tm-mob='true'] .TonyM__label { margin-left: 4px;}} .mfp-container { padding: 0;} .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register { border: 0; padding: 0; margin: 40px 0; border-radius: 0;} #customer_login { margin: 40px 0;} .woocommerce-error, .woocommerce-info, .woocommerce-message { margin: 2em 0 2em;} .woocommerce-ResetPassword.lost_reset_password { margin: 40px 0;} .tt-header__cart ul li img { border-color: #ffffff !important;} #theme .tt-counter input:focus { outline: none; box-shadow: none;} .tp-mask-wrap { overflow: visible !important;} form#price_slider_custom_form { margin-top: 40px;} .woocommerce form .form-row .input-checkbox { position: unset;} .woocommerce-checkout-payment { margin-bottom: 80px;} #theme input[type="text"]:focus, #theme input[type="email"]:focus, #theme input[type="search"]:focus, #theme input[type="password"]:focus, #theme input[type="tel"]:focus, #theme textarea:focus, #theme select:focus { -moz-outline: none; -webkit-outline: none; outline: none;} .flex-div { display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex;} .tt-tabs__content h3 { font-size: 30px; line-height: 1.5;} @media only screen and (max-width: 767px){ .tt-tabs__content h3 { font-size: 18px; line-height: 1.41;}} .woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before { display: none;} .wishlist-title { display: none;} .woocommerce table.wishlist_table { margin-bottom: 80px;} /* CSS from Emad Uddin*/ body{ overflow-x:hidden;} .tt-form__form span { font-weight: 700; font-size: 14px; color: #333;} .ui-spinner-button.ui-spinner-up::before, .ui-spinner-button.ui-spinner-down::before{ font-size:20px;} @media only screen and (max-width: 1024px){ .img_block .vc_single_image-wrapper.vc_box_border_grey { width: 100%;} .img_block figure.wpb_wrapper.vc_figure { display: block;} .mogo_promo .tt-promobox__text>div, .tt-promobox__text>div>span{ font-size:30px !important;} .medium_zero .ttg-mt--90 { margin-top: 0 !important;}} @media only screen and (min-width: 768px) and (max-width: 991px) { #mogo-social-media-2 { margin-bottom: 38px;} .img_block .vc_single_image-wrapper.vc_box_border_grey { width: 100%;} .img_block figure.wpb_wrapper.vc_figure { display: block;} .medium_zero .ttg-mt--90 { margin-top: 50px !important;} .tt-footer__list-menu { margin-bottom: 15px;} .mogo_promo .tt-promobox__text>div, .tt-promobox__text>div>span{ font-size:30px !important;} .medium_zero .ttg-mt--90 { margin-top: 0 !important;}} @media only screen and (max-width: 767px){ .tt-page__name-sm .btn{ font-size: 30px;} .tt-form__form .col-md-2 { margin-top: 10px; margin-bottom: 10px;} #mogo-social-media-2 { margin-bottom: 38px;} .tt-footer__list-menu { margin-bottom: 15px;} .mb-t4{ margin-bottom:13px;}} /*blog side-bar*/ .payment_method_paypal img { width: auto;} .woocommerce-info { border-top-color: #fe5a1a;} .woocommerce-info::before { color: #fe5a1a;} .woocommerce-info a { font-weight: 600;} ::-webkit-input-placeholder { background:rgba(255,255,255,0) !important;} .woocommerce table.shop_table.cart { border: 0; border-radius: 0;} .woocommerce table.shop_table.cart thead th { border-top: 1px solid #ebebeb; border-right: 0; border-left: 0; color: #333333; border-bottom-color: #ebebeb;} .woocommerce table.shop_table.cart td { border: none;} .woocommerce table.shop_table.cart td.product-name { text-align: left !important;} .woocommerce table.shop_table.cart td.product-name a { color: #333333; font-size: 14px; font-weight: 700;} .woocommerce table.shop_table.cart tbody tr:last-child td { border-top: 1px solid #ebebeb;} .woocommerce a.remove { font-size: 16px; line-height: 1.75;} @media only screen and (min-width: 1025px){ .single-product .tt-page__breadcrumbs { padding-top: 0px; margin-bottom: 30px; } } .mfp-content .woocommerce-error .button { display: block; width: 100%; margin-bottom: 8px; } .mfp-content .woocommerce-error::before { top: 52px; left: -6px; } .mfp-content .woocommerce-error{ margin: 0; padding: 0; background: transparent; border: none; } .woocommerce .tt-tabs__content table.shop_attributes td p { padding: 0; } p.return-to-shop { margin-bottom: 80px !important; } span.irs-to { left: 92% !important; } @media only screen and (max-width: 1024px){ .tt-layer-nav { overflow: hidden; } } .woocommerce-account .woocommerce-MyAccount-content { margin-top: 80px; margin-bottom: 80px; } .woocommerce-account .woocommerce-MyAccount-navigation { margin-top: 80px; margin-bottom: 80px; } #theme .tt-header--style-01 .tt-header__logo, #theme .tt-header--style-01 .tt-logo__curtain::before, #theme .tt-header--style-06 .tt-header__logo, #theme .tt-header--style-06 .tt-logo__curtain::before { background-color: #fe5a1a; } .tt-empty .input-group { margin: 0 auto; width: 500px; } .tt-empty .searchform input[type="text"] { width: 300px; border: 1px solid #fe5a1a !important; float: left; } .input-group-btn { float: left; } .tt-empty .btn { padding: 14px 26px; height: 46px; } .tt-layout__content > .container > .tt-page__name { margin-top: 0; } .tt-page__pagination.tt-grid__pagination .nav-links { display: unset !important; margin: 0 auto !important; } .comments-area .comment .comment { margin-bottom: 45px; } .tt-comments__reply ,.comment-reply-link {color: #fe5a1a !important;} @media only screen and (min-width: 1025px){ .single-post .tt-page__breadcrumbs { margin-bottom: 40px; } } blockquote { margin-bottom: 60px !important; margin-top: 64px !important; padding-top: 0 !important; padding-bottom: 0 !important; padding-left: 107px !important; position: relative; } blockquote p { font-size: 18px !important; color: #333333; font-weight: 700; line-height: 29px !important; font-style: normal !important; } blockquote:before { font-size: 160px; position: absolute; color: #f4f4f4; } blockquote p + p, blockquote h6, blockquote cite { font-weight: normal; color: #333333; font-size: 16px; line-height: 1.75; } a.post-link { background: #fe5a1a; padding: 7px 30px; color: #fff !important; font-size: 14px; line-height: 30px; font-weight: 700; } a.post-link i { font-size: 19px; line-height: 30px; padding-right: 15px; vertical-align: middle; } .transparent-post { background-color: #ffffff !important; color: #777777 !important; } #theme .transparent-post .tt-post__title, #theme .transparent-post .tt-post__title:visited, #theme .transparent-post .tt-post__title:active, #theme .transparent-post .tt-post__title:link { color: #333333; } #theme .transparent-post .tt-post__comments > * { color: #777777; } #theme .tt-post.transparent-post p, #theme .tt-post.transparent-post i { color: #777777; } .quote-post { background-color: #fe5a1a !important; } #theme .quote-post .tt-post__category a, #theme .quote-post .tt-post__category a:visited, #theme .quote-post .tt-post__category a:active, #theme .quote-post .tt-post__category a:link { color: #ffffff !important; } #theme .quote-post .tt-post__tags a { color: #ffffff !important; } .post-categories li { margin-top: 0; display: inline-block; } .post-music audio { display: block; width: 100%; } .audio-post { background-color: #161616 !important; } @media only screen and (min-width: 1025px){ .tt-page__breadcrumbs.blog-page-breadcrumbs { margin-bottom: 10px; } } a.tt-post-grid__image { position: relative; } .grid-post-link-div { position: absolute; text-align: center; top: 135px; padding: 0 20px; } .post-link i,.post-link:hover i { color: #fff !important; } #theme .tt-post-grid { min-height: 787px; } #theme .tt-masonry .tt-post-grid { min-height: auto; } .grid-post-quote { background-color: #fe5a1a !important; color: #fff; } #theme .grid-post-quote .tt-post-grid__title, #theme .grid-post-quote .tt-post-grid__title:visited, #theme .grid-post-quote .tt-post-grid__title:active, #theme .grid-post-quote .tt-post-grid__title:link { color: #fff !important; } .grid-post-quote .tt-post__quote i { color: #fff; } #theme .grid-post-quote .tt-post-grid__tags a, #theme .grid-post-quote .tt-post-grid__tags a:visited, #theme .grid-post-quote .tt-post-grid__tags a:active, #theme .grid-post-quote .tt-post-grid__tags a:link { color: #fff; } #theme .grid-post-quote .tt-post-grid__comments, #theme .grid-post-quote .tt-post-grid__comments:visited, #theme .grid-post-quote .tt-post-grid__comments:active, #theme .grid-post-quote .tt-post-grid__comments:link { color: #fff; } .grid-post-quote .tt-post-grid__comments i { color: #fff; } .grid-post-quote .tt-post-grid__tags i { color: #fff; } .grid-post-audio { background-color: #161616 !important; color: #fff; } #theme .grid-post-audio .tt-post-grid__title, #theme .grid-post-audio .tt-post-grid__title:visited, #theme .grid-post-audio .tt-post-grid__title:active, #theme .grid-post-audio .tt-post-grid__title:link { color: #fff; } .grid-post-link-div { position: absolute; top: 25.5%; text-align: center; width: 100%; margin-top: -15px; } .tt-layout__sidebar-left .grid-post-link-div, .tt-layout__sidebar-right .grid-post-link-div { top: 20%; } @media only screen and (max-width: 767px){ .grid-post-link-div { top: 20%; } #theme .tt-post-grid { min-height: unset; } } .tt-post-grid__slider-nav .slick-arrow:hover { color: #fe5a1a; } .tt-post-link { position: relative; } .vert-wrap { display: table; height: 100%; width: 100%; position: absolute; z-index: 1; top: 50%; bottom: 0; left: 0; right: 0; text-align: center; margin-top: -20px; vertical-align: middle; } .tt-post-quote { background: #fe5a1a; color: #fff; padding: 90px 70px; } #theme .tt-post-quote .tt-post-grid__title, #theme .tt-post-quote .tt-post-grid__title:visited, #theme .tt-post-quote .tt-post-grid__title:active, #theme .tt-post-quote .tt-post-grid__title:link { color: #ffffff; } .tt-post-quote i { color: #ffffff; } .tt-post-audio { background: #161616; padding: 50px; } @media only screen and (min-width: 768px){ .tt-post-quote .tt-post-grid__title { font-size: 44px; line-height: 56px; } } @media only screen and (max-width: 767px){ .tt-post-quote { padding: 40px 20px; } a.post-link { padding: 5px 10px; font-size: 12px; } .post-link i { font-size: 15px; padding-right: 5px; } .tt-post-audio{ padding: 10px; } } .grid-post-audio p { color: #fff; } .tt-empty .input-group { width: 300px; position: relative; } .input-group-btn { position: absolute; right: 0; } .mfp-wrap{z-index: 2147483647 !important;} .tt-preloader.tt-loaded{ display:none; } .woocommerce table.wishlist_table tbody td.product-price del span { text-decoration: line-through; font-size: 18px !important; } @media only screen and (max-width: 768px){ #add_payment_method table.cart .product-thumbnail, .woocommerce table.cart .product-thumbnail, .woocommerce-page #content table.cart .product-thumbnail, .woocommerce-page table.cart .product-thumbnail { display: block; float: left; } .woocommerce table.shop_table_responsive tr:nth-child(2n) td, .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td { background-color: transparent; } .woocommerce-page table.cart td.product-quantity { position: relative; top: -50px; } .woocommerce-page table.cart tbody td.product-subtotal { margin-top: -70px; } .woocommerce-page table.cart tbody tr { margin-bottom: 40px; } .woocommerce .cart_totals table.shop_table_responsive tbody th, .woocommerce-page .cart_totals table.shop_table_responsive tbody th { display: inline-block; } .woocommerce-page .cart_totals table.shop_table_responsive tr td { display: inline-block; float: right; } .woocommerce-cart .cart-collaterals .cart_totals tr th,.woocommerce-cart .cart-collaterals .cart_totals tr td{ border-top: none; } tr.cart-subtotal.tt-summary__total { border-bottom: 1px solid #ebebeb; } .woocommerce .wishlist_table a.remove { position: relative; bottom: -45px; } } .cart_totals.tt-summary { margin-bottom: 0; } .woocommerce .wishlist_table a.remove { font-size: 24px; line-height: 24px; } .badge--menu { font-size: 9px; line-height: 10px; padding: 2px 4px; margin-left: 4px; font-weight: bold; } .woocommerce-error li, .woocommerce-info li, .woocommerce-message li { margin-top: 0; } @media only screen and (min-width: 1025px){ .post-type-archive-product .tt-page__breadcrumbs { margin-bottom: 40px; } } .woocommerce-order { margin-bottom: 80px; } h2.woocommerce-order-details__title, h2.woocommerce-column__title { margin-bottom: 26px; font-size: 30px; line-height: 1.4; text-transform: capitalize; margin-top: 0; } .woocommerce .woocommerce-order-details table.shop_table { border: 1px solid #ccc; border-radius: 0; } .woocommerce .woocommerce-order-details table.shop_table th, .woocommerce .woocommerce-order-details table.shop_table td { font-weight: 700; padding: 15px 30px !important; border-color: #ccc !important; } @media only screen and (max-width: 767px){ .woocommerce .woocommerce-order-details table.shop_table th, .woocommerce .woocommerce-order-details table.shop_table td { padding: 10px 10px !important; } .woocommerce ul.order_details li { float: unset; margin-right: 0; border-right: none; padding-right: 0; margin-left: 0; padding-left: 0; margin-bottom: 15px; } } .woocommerce .woocommerce-customer-details address { border-radius: 0; padding: 30px; color: #333; font-weight: 700; } .woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone { color: #fe5a1a; font-weight: 700; } .tt-product-head__info .woocommerce-product-details__short-description { margin-bottom: 45px; } .woocommerce div.product .tt-product-head__info form.cart .variations td { padding: 0; } .woocommerce .tt-product-head__info div.product form.cart .variations { margin-bottom: 0; } .woocommerce div.product .tt-product-head__info form.cart .variations td.label { padding-right: 0; margin-bottom: 8px; } .woocommerce div.product form.cart .tt-product-head__info .variations label.wcvaround { margin-bottom: 0; } .tt-product-head__info .single_variation_wrap div.woocommerce-variation { line-height: normal; } .woocommerce div.product form.cart .tt-product-head__info .variations label { margin-bottom: 0; } .woocommerce div.product form.cart { margin-bottom: 0; } .tt-layer-nav__recent-category a{ color:#fe5a1a; } a.tt-layer-nav__more { color: #fe5a1a; text-decoration: underline; font-weight: bold; } .calendar_wrap caption { text-align: center; color: #fe5a1a; font-weight: 700; font-size: 14px; } .calendar_wrap table, .calendar_wrap table > thead > tr > th, .calendar_wrap table > thead > tr, .calendar_wrap th, .calendar_wrap td { border:none; } .calendar_wrap th, .calendar_wrap td:not(.pad) { width: 35px; height: 35px; border-radius: 100%; text-align: center; line-height: 35px; padding: 0; font-size: 10px; font-weight: 700; color: #777777; } .calendar_wrap thead th, .calendar_wrap thead td:not(.pad) { background: #333333; color: #fff } .calendar_wrap tbody th, .calendar_wrap tbody td:not(.pad) { background: #fff; } td#today { border: 1px solid #fe5a1a; } .calendar_wrap { position: relative; } .calendar_wrap tfoot td { font-size: 14px !important; line-height: 31px !important; vertical-align: bottom; padding: 0 !important; } .widget_categories li { margin-top:10px; } .tt-page__pagination { margin-left: 46px; } .tt-post-user__image img { border-radius: 100%; } .woocommerce-page .tt-page__pagination { margin-left:0; } @media only screen and (min-width: 1025px){ .woocommerce-products-header .tt-page__breadcrumbs { padding-top: 30px; margin-bottom: 30px; } } @media only screen and (min-width: 1025px){ .woocommerce-products-header .tt-listing-page__promobox { margin-top: 30px; } } /*css for new design */ .tt-promobox__subtext { top: 83px; } .tt-promobox__subtext > div { font-size: 16px; text-transform: capitalize; } #theme .tt-promobox__hover > .tt-promobox__text > p > span span { color: #fff; width: 58px; height: 58px; border: 2px solid #fff; display: inline-block; text-align: center; line-height: 58px; border-radius: 100%; font-size: 20px; margin-right: 15px; vertical-align: middle; } .tt-promobox__subtext { opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); visibility: hidden; } .tt-promobox__hover_text { opacity: 0; visibility: hidden; margin-bottom: -58px; } .tt-promobox:hover .tt-promobox__subtext{ opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); visibility: visible; } .tt-promobox:hover .tt-promobox__hover_text{ opacity: 1; visibility: visible; } .promobox__hover_hide{ margin-bottom: 0; } .tt-promobox:hover .promobox__hover_hide{ opacity: 0; visibility: hidden; } #theme .tt-promobox__hover > .tt-promobox__text > p > span span i:before { font-size:32px; line-height: 58px; color:#fff; } .overflowHidden { overflow: hidden; } .promobox_title { margin-top: 10px !important; margin-bottom: 10px !important; } .promobox_line { height: 3px; background: #fff; width: 0px; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); } #theme .tt-promobox:hover .promobox_line { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); width: 60px; } .tt-promobox__text > p, .tt-promobox__text > p > span { color: #fff; } #theme .tt-promobox_black >.tt-promobox__text div { color: #222; } #theme .tt-promobox_black > .tt-promobox__subtext div { color: #777777; } #theme .tt-promobox_black .promobox_line { background: #222; } .tt-promobox_black .tt-promobox__text > p, .tt-promobox_black .tt-promobox__text > p > span { color: #777; } #theme .tt-promobox_black .tt-promobox__hover > .tt-promobox__text > p > span span i:before { color:#222; } #theme .tt-promobox_black .tt-promobox__hover > .tt-promobox__text > p > span span { border-color:#222; color:#222; } #theme .tt-shp-info p { margin-bottom:0; } #theme .tt-social-icons.tt-social-icons--style-05 a { background-color: transparent; border-color: transparent; } #theme .tt-social-icons.tt-social-icons--style-05 a i { color:#fff; } @media only screen and (min-width: 1025px){ #theme .tt-social-icons.tt-social-icons--style-05 a:hover { background-color: #fff; } #theme .tt-social-icons.tt-social-icons--style-05 a:hover i { color:#161616; } } .tt-footer .tt-btn i::before { font-size: 19px; } .widget_recent_entries ul li { margin-bottom: 18px; } .widget_recent_entries ul li a { font-weight: 700; display: block; } .tt-footer .widget_recent_entries ul li a { color: #fff; } span.post-date { font-size: 12px; line-height: 31px; color: #999999; text-transform: uppercase; } #theme .tt-footer__07 .tt-footer__info p { margin-bottom: 0; color: #999; } @media only screen and (min-width: 768px){ .tt-footer.tt-footer__07 .tt-footer__content { padding-top: 92px; padding-bottom: 70px; } #theme .tt-footer__07 .tt-footer__copyright { margin-top: 45px; } } #theme .tt-footer__07 .tt-footer__copyright { color: #999; } .tt-footer__07 .tt-layer-nav__newslatter p { color: #999999; } .tt-layer-nav__newslatter p span { color:#fff; } .tt-layer-nav__recent-category a { text-transform: uppercase; } @media only screen and (min-width: 767px){ .tt-post_line{ width: 50px; height: 3.2px; background: #fff; margin-bottom: 16px; } } .tt-post__content .tt-post__category { margin-top: -8px; } .transparent-post .tt-post_line { background: #fe5a1a; } span.post-music { margin-top: 20px; } .tt-post-text ul { padding: 0 0 23px 60px; } small{ font-size: 14px; } .tt-post-text ul li::before { content: "•"; color: #333333; display: inline-block; width: 1em; } .tt-post-text ol li { counter-increment: li; } .tt-post-text ol li::before { content: counter(li); color: #333333; display: inline-block; width: 1em; } .tt-post-text ol,.tt-post-text ul ul { padding: 0 0 0px 20px; } .tt-post-text ul li, .tt-post-text ol li { margin-top: 4.5px; font-size: 20px; line-height: 30px; } #theme .tt-post-text__tags a, #theme .tt-post-text__tags a:visited, #theme .tt-post-text__tags a:active, #theme .tt-post-text__tags a:link { text-transform: uppercase; } @media only screen and (max-width: 767px){ .tt-promobox { min-height: 250px; } } @media only screen and (max-width: 767px){ .tt-shp-info.tt-shp-info__design-01 .tt-shp-info__section { padding: 20px 12px; } a.sliderbtn:hover span { display: none; } } .tt-promobox { background: #222; } .tt-promobox__content.tt-promobox_black { background: #fff; } .tt-sr__text span.tt-post_line { margin-bottom: 35px !important; } .tt-sr__text span { font-size: 40px; margin-top: 10px; } a.sliderbtn { display: inline-block !important; position: relative; } .sliderbtn span { font-size: 14px; text-transform: uppercase; margin: 0 !important; position: relative; top: 35px; opacity: 0; visibility: hidden; -webkit-transition: 0.7s; -moz-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s; cursor: pointer; float: left; display: inline-block; } a.sliderbtn:hover span { opacity: 1; visibility: visible; margin-left: 20px !important; } p.tt-promobox__hover_text > span { text-transform: uppercase; font-size: 14px; } .tt-post-text strong { color: #222; } .tt-post__info span:first-child { font-weight: 800; } #theme .sliderbtn:hover .colorize-btn7.tt-btn--hover-effect { border-color: #ffffff; } @media only screen and (min-width: 1025px){ #theme .sliderbtn:hover .colorize-btn7 { background-color: #ffffff; } } @media only screen and (min-width: 1025px){ #theme .sliderbtn:hover .colorize-btn7 i, #theme .sliderbtn:hover .colorize-btn7 span { color: #fe5a1a; } } @media only screen and (min-width: 1025px){ .sliderbtn:hover .tt-btn--hover-effect::after { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-opacity: 1; -moz-opacity: 1; -o-opacity: 1; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity="+1*100); filter: alpha(opacity=1*100); } } .sliderbtn .tt-btn { float: left; } #theme .grid-post-quote .tt-post-grid__category a, #theme .grid-post-quote .tt-post-grid__category a:visited, #theme .grid-post-quote .tt-post-grid__category a:active, #theme .grid-post-quote .tt-post-grid__category a:link { color: #fff; } @media only screen and (min-width: 1025px){ .promobox-2 .tt-promobox__text { left: 120px; } } .tt-post__content p { font-size: 18px; line-height: 28px; } @media only screen and (min-width: 600px) and (max-width: 768px) { .tt-promobox__text.tt-promobox__point-lg--center { left: 20px; bottom: 20px; } .tt-promobox__text { top: 20px; left: 20px; } } .tt-post-img__info span:first-child { font-weight: 800; } .tt-promobox__text > p.tt-promobox__hover_text > span span { margin-right: 0px !important; transition:.7s; } .tt-promobox:hover .tt-promobox__text > p.tt-promobox__hover_text > span span { margin-right: 15px !important; } #theme .tt-promobox:hover .tt-promobox__hover > .tt-promobox__text > p > span span { color: #222; background-color: #fff; } #theme .tt-promobox:hover .tt-promobox__hover > .tt-promobox__text > p > span span i:before { color: #222; } #theme .tt-promobox:hover .tt-promobox_black .tt-promobox__hover > .tt-promobox__text > p > span span { background-color: #222; color: #fff; } #theme .tt-promobox:hover .tt-promobox_black .tt-promobox__hover > .tt-promobox__text > p > span span i:before { color: #fff; } .tt-post-head__info { color: #333; } .tt-post-head__info span { text-transform: uppercase; } .tt-post-head__info span:first-child { font-weight: 800; } #theme .tt-post-head__title, #theme .tt-post-head__info span { color: #333; } .tt-post-img.tt-post-img--layers.tt-post-link img { position: unset; } @media only screen and (max-width: 991px) { .tt-post-img.tt-post-img--layers.tt-post-link img { height: auto; width: 100%; } } .tt-post-text h4 { margin-bottom: 40px; margin-top: 40px; line-height: 28px; color: #323232; } #theme .tt-newsletter-popup p{ color:#777; } #theme .tt-newsletter-popup .tt-newsletter-popup__text-02 p { color:#222; } #theme .mfp-wrap .mfp-close { color: #333333; opacity: 1; } @media only screen and (min-width: 2400px){ .tt-post__content { min-height: 580px; } .tt-post.wp_gellary { height: 520px; } } .tparrows:before { font-weight: 700; } #theme .tt-post-nav__wrap { padding: 12px 60px; padding-top: 20px; } .tt-related-post-section { padding: 60px; padding-top: 68px; padding-bottom: 100px; } .ttg-related--title h3 { margin-bottom: 49px; } .tt-post-related .tt-post-grid__content { background-color: #fff; } .tt-post-related .tt-post-grid__title { margin-bottom: 4px !important; } @media only screen and (min-width: 768px){ .tt-post-related .tt-post-grid__content { padding: 50px 60px 54px; } } .icon-forward-left:before { transform: rotateY(180deg); margin-right: 6px; color: #fe5a1a; font-size: 14px; } .tt-post-text b { color: #333333; } .tt-post-text a:visited, .tt-post-text a:active, .tt-post-text a:link { color: #fe5a1a; text-decoration: underline; } .meta { font-size: 12px; color: #777777; } a.meta-author { font-weight: 800; color: #333333; text-transform: uppercase; } .comments-block .comment .text .meta-date { text-transform: uppercase; } .tt-post-text > p:last-child { margin-bottom: 38px; } @media only screen and (max-width: 1024px){ .tt-post-related { margin-bottom: 50px; } .tt-related-post-section { padding-bottom: 50px; } .tt-post__review { padding: 0 60px; } } @media only screen and (max-width: 767px){ .tt-post__review { padding: 0 12px; } .tt-related-post-section { padding: 12px; } #theme .tt-post-nav__wrap { padding: 12px 12px; } } /*add css*/ .tt-blog-single-page { background-color:#fafafa; } .tt-post-content-wrap{ background-color: #fff; padding-bottom:60px; } .tt-social-icons.tt-social-icons--style-01.style-06 { margin-top: 60px; } #theme .tt-social-icons--style-01.style-06 .tt-facebook { background-color: #3b5997 !important; border: none; } #theme .tt-social-icons--style-01.style-06 .tt-twitter { background-color: #00a1f0 !important; border: none; } #theme .tt-social-icons--style-01.style-06 .tt-gplus { background-color: #da4336 !important; border: none; } #theme .tt-social-icons--style-01.style-06 .tt-instagram-1 { background-color: #D92A84 !important; border: none; } #theme .tt-social-icons--style-01.style-06 .tt-youtube { background-color: #FF0000 !important; border: none; } #theme .tt-social-icons.tt-social-icons--style-01.style-06 a > [class^="icon-"]{ color:#fff; } #theme .tt-social-icons.tt-social-icons--style-01.style-06 a:hover > [class^="icon-"]{ color:#fff; } .tt-page__cont-medium { max-width: 1190px; margin-left: auto !important; margin-right: auto !important; padding-bottom: 19px; padding-top: 25px; } .tt-page__cont-medium img { width: 50%; max-width: 100%; margin: 0; padding-right: 12.5px; margin-bottom: 12px; } .tt-page__cont-medium img + img { padding-left: 12.5px; padding-right: 0; } .tt-post-comment-wrap { background-color: #fff; padding-top: 90px; padding-bottom: 100px; margin-bottom: 105px; } .tt-listing-page__promobox > img { margin-left: 120px; height: 477px; } .tt-listing-page__promobox-text h1 { margin-top: 0; } @media only screen and (max-width: 667px){ .tt-listing-page__promobox > img { margin-left: 0; height: auto; } } #theme #review_form input[type='text'], #theme #review_form input[type='email'], #theme #review_form textarea { background-color: #f4f4f4; } .floatleft{ float:left; } .woocommerce div.product .woocommerce-tabs ul.tabs::before { border-bottom: 5px solid #f5f5f5; } .woocommerce div.product .woocommerce-tabs ul.tabs { text-align: center; } .woocommerce div.product .woocommerce-tabs ul.tabs li { background: transparent; border: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active { background: transparent; border: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active a { border-bottom: 5px solid #fe5a1a; color: #333333; } .woocommerce div.product .woocommerce-tabs ul.tabs li::before { box-shadow: none; border: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li::after { box-shadow: none; border: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active::before { box-shadow: none; padding: 0 38px; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active::after { box-shadow: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li { text-transform: uppercase; } .woocommerce div.product .woocommerce-tabs ul.tabs li a { color: #777777; font-size: 14px; } .woocommerce div.product .woocommerce-tabs ul.tabs li a { padding-bottom: 20px; } .tt-product-page .tt-product-head{ margin-bottom: 41px; } .wc-tab h2 { display:none; } .wc-tab .tagcloud a.tag-cloud-link { border: 1px solid #e5e5e5; } .woocommerce div.product .woocommerce-tabs ul.tabs { margin: 0 0 55px; } .tt-review__comments { margin-top: 55px; } .tt-review__comments-title { margin-top: 12px; } .woocommerce div.product .woocommerce-tabs .panel { max-width: 1194px; margin: auto; } @media only screen and (max-width: 1366px){ .tt-post-img__text { width: unset; position: unset; height: unset; margin-bottom: 50px; } .tt-post-img.tt-post-img--layers img { height: unset; } } .tt-post-head { padding-top: 40px; } .woocommerce .wc-tab table th { font-weight: normal; padding: 10px 28px !important; border: 1px solid #ddd !important; border-bottom: 0 !important; border-right: 0 !important; } .woocommerce table.shop_attributes td p { padding: 0; } .woocommerce-Tabs-panel--description p { margin-bottom: 42px; } .wc-tab h6 { margin-bottom: 13px; font-size: 16px; line-height: 28px; margin-top: -9px; } .tagcloud strong { color: #333; margin-right: 18px; } .woocommerce-Tabs-panel--additional ol { padding-left: 15px; padding-top: 13px; } .woocommerce-Tabs-panel--additional ol li { position: relative; padding-left: 26px; } .woocommerce-Tabs-panel--additional ol { counter-reset: li; } .woocommerce-Tabs-panel--additional ol li::before { position: absolute; left: 0; counter-increment: li; content: counter(li); font-weight: 700; } .wc-tab table { margin-top: 25px; border-bottom: 1px solid #ddd !important; border-top: 0 !important; } .woocommerce-Tabs-panel--additional img { padding-right: 26px; margin-bottom: 20px; } .tt-review__comments .description { margin-top: 4px; } .woocommerce #review_form #respond p { margin-top: 5px; } #theme .tt-gallery .tt-promobox__hover>.tt-promobox__text>div>span { color: #333; } #theme .tt-gallery .tt-promobox__hover>.tt-promobox__text>p>span { color: #777; } #theme .tt-gallery .tt-promobox__hover-bg { background-color: #fff; } #theme .tt-gallery .tt-promobox:hover .tt-promobox__hover-bg { -webkit-opacity: 0.8; -mox-opacity: 0.8; -o-opacity: 0.8; opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity="+0.8*100); filter: alpha(opacity=0.8*100); } #theme .tt-gallery .tt-promobox__text.tt-promobox__point-lg--center { left: 50%; right: auto; top: 50%; bottom: auto; text-align: center; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .tt-footer__list-menu .tt-footer__list-menu { margin-bottom: 0; } .media-modal-content .media-toolbar-primary .media-button { padding: 0 12px 2px !important; } .tt-slider-scroll__text span .woocommerce-Price-currencySymbol { display: inline-block; } .tt-form .woocommerce-form-login label { display: block; margin-top: 15px; } #theme .tt-form .woocommerce-form-login input[type='text'], #theme .tt-form .woocommerce-form-register input[type='text'], #theme .tt-form .woocommerce-form-login input[type='email'], #theme .tt-form .woocommerce-form-register input[type='email'], #theme .tt-form .woocommerce-form-login input[type='password'], #theme .tt-form .woocommerce-form-register input[type='password'] { padding: 0 20px !important; min-height: 44px; } .tt-shop-widget-item { margin-bottom: 30px; } .woocommerce .tt-layer-nav__product-info .star-rating { float: unset; width: 100%; height: 1.1em; margin-top: 8px; } .woocommerce .tt-layer-nav__product-info .tt-price { display: block; margin-top: 4px; } .woocommerce .tt-layer-nav__product-info .tt-price ins { text-decoration: none; color: #fc2a2e; } .woocommerce .tt-layer-nav__product-info .tt-price del { font-size: .8em; } .tt-product__content li.reset_variations.woo_variation_swatches_archive_reset_variations { border: 2px solid #eeeeee; display: inline-block !important; margin: 0 !important; padding: 0 5px; font-size: 12px; line-height: 20px; } .woocommerce div.product form.cart .reset_variations { visibility: hidden; font-size: 12px; border: 2px solid #eeeeee; padding: 0 5px; line-height: 20px; } .woocommerce form .form-row label.radio { line-height: 20px; padding-left: 30px; } .tt-preloader-wrap { position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: #fff; z-index: 15000; overflow: hidden; } .tt-preloader-wrap img { max-width: 100%; width: auto; margin: auto; position: absolute; left: 0; right: 0; top: 0; bottom:0; } #theme .tt-preloader-wrap.tt-preloader::before { border: medium none; } #theme .tt-preloader-wrap.tt-preloader::after { background-color: transparent; } .woocommerce div.product div.images, .woocommerce-page div.product div.images { float: unset; width: auto; } .widget_nav_menu a { font-weight: 700; } /*css for vandor*/ .dokan-dashboard .dokan-dashboard-wrap { margin: 80px 0; padding:0 40px; } #theme .dokan-form-control,#theme .dokan-form-control { height: 40px !important; border: 1px solid #EDEDED !important; padding: 5px 0 5px 36px !important; } #theme input.dokan-form-control[type="text"], #theme input[type="email"], #theme input.dokan-form-control[type="search"], #theme input.dokan-form-control[type="password"], #theme input.dokan-form-control[type="tel"], #theme textarea.dokan-form-control, #theme select.dokan-form-control{ padding: 5px 0 5px 36px !important; border: 1px solid #EDEDED !important; } .dokan-widget-area .widget { margin-bottom:40px } .dokan-widget-area .widget .widget-title { font-weight: 700; font-size: 22px; margin-bottom: 20px; } .dokan-widget-area .widget ul.children { padding: 0; } .dokan-widget-area ul.product_list_widget li img { width: 100px; } .dokan-table-striped > tbody > tr:nth-of-type(odd) { background-color: transparent; } .dokan-product-listing .dokan-product-listing-area table.product-listing-table td { border: none; } .dokan-dashboard .mfp-bg { z-index: unset !important; position: unset !important; } .dokan-dashboard .mfp-wrap { z-index: 1043 !important; } .dokan-single-store .profile-frame .profile-info-box .profile-info-summery-wrapper .profile-info-summery .profile-info .dokan-store-info { padding-left: 40px; } .dokan-store p#breadcrumbs { padding: 10px 60px; } .dokan-info { color: #fff; } @media only screen and (min-width: 1400px){ .tt-layout__sidebar-left.tt-layout-page .tt-layout__content > .container, .tt-layout__sidebar-right.tt-layout-page .tt-layout__content > .container { padding-left: 0px; padding-right: 0px; } } ul.tt-list-toggle { list-style: none !important; } .page .comment-respond { margin-bottom: 30px; } #tooltip-slider:after { position: absolute; display: block; content: ""; bottom: -6px; left: 50%; width: 0; height: 0; margin-left: -3px; overflow: hidden; border: 3px solid transparent; border-top-color: #ffffff; } #tooltip-slider{ color: #333333; font-size: 10px; line-height: 1.333; text-shadow: none; padding: 1px 5px; background: #ffffff; -moz-border-radius: 4px; border-radius: 4px; } .dokan-store-widget span.woocommerce-Price-amount.amount { color: #fc2a2e; font-weight: bold; font-size: 16px; } .dokan-store-widget del span.woocommerce-Price-amount.amount { color: #333333; font-size: 13px; } .dokan-store-widget ins { text-decoration: none; } .woocommerce .dokan-store-widget ul.product_list_widget li a { color: #333; } .tt-slider-scroll__nav ul { list-style: none !important; padding: 0; } .instagram-carousel a { width: 20%; } .padding-right-50 { padding-right: 50px; } .woocommerce div.product div.images .flex-control-thumbs { width: 20%; float: left; } .flex-viewport { width: 75%; float: right; } .woocommerce div.product div.images .flex-control-thumbs li { width: 100%; margin-bottom: 10px; } .tt-product-vvg { overflow: hidden; } @media (max-width: 767px){ .padding-right-50 { padding-right: 0px; } .flex-viewport { width: 76%; } }