/* @override http://localhost/velo/wp-content/themes/velo/assets/css/main.css */ /** * The main stylesheet for Velo. * * @package Velo * @author SunriseTheme * @link http: //www.sunrisetheme.com */ /*------------------------------------------------------------------ [Table of contents] 1. CSS Overview 2. Typography 3. Page Loader 4. Container / .container 5. Header / .k2t-header 6. Titlebar & Breadcrumb / .k2t-title-bar 7. Content / .k2t-content 8. Blog layout / .post-item 9. Single post / .entry-box 10. Pagination / .k2t-navigation 11. Pages 12. Widget / .widget 13. Footer / .k2t-footer 14. Contact Form 7 / .wpcf7 15. Scrolldown button / .k2t-scrolldown 16. Social network /.k2t-social-share 17. Offcanvas Sidebar / .open-sidebar 18. Background Image Animation 19. VC Override 20. Other Plugins 21. Eion Css 22. Ecwid store CSS -------------------------------------------------------------------*/ /*------------------------------------------------------------------ [Color codes] - Primary color #bdb099 - Text color #252525 - Sub text color #959595 - Background color #ebebeb [Fonts] - Default body text PT Serif, serif - Heading text Montserrat, san-serif -------------------------------------------------------------------*/ /*-------------------------------------------------------------- 1. CSS Overview ---------------------------------------------------------------*/ /* Reset --------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } html { font-size: 14px; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http: //clagnut.com/blog/348/#c790 */ overflow-x: hidden; overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */ -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */ -ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ } *, *:before, *:after { /* apply a natural box layout model to all elements; see http: //www.paulirish.com/2012/box-sizing-border-box-ftw/ */ -webkit-box-sizing: border-box; /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http: //caniuse.com/#search=box-sizing */ -moz-box-sizing: border-box; /* Still needed for Firefox 28; see http: //caniuse.com/#search=box-sizing */ box-sizing: border-box; } body { background: #ebebeb; /* Fallback for when there is no custom background color defined. */ font-family: 'PT Serif', serif; font-weight: 300; line-height: 1.5em; } article, aside, details, figcaption, figure, footer, header, main, nav, section { display: block; } ol, ul { list-style: none; } table { /* tables still need 'cellspacing="0"' in the markup */ border-collapse: separate; border-spacing: 0; } table { border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 1px; margin-bottom: 24px; width: 100%; } th, td { padding: 6px; } caption, th, td { font-weight: normal; text-align: left; } th { border-width: 0 1px 1px 0; font-weight: bold; } td { border-width: 0 1px 1px 0; } caption, th, td { font-weight: normal; text-align: left; } a, i { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } a,a:before { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; text-decoration: none; color: #bdb099; } a:hover, a:focus { text-decoration: none; color: #252525; } a img { border: 0; } /*-------------------------------------------------------------- 2. Typography --------------------------------------------------------------*/ body, input, select, textarea { color: #959595; font-family: 'PT Serif', sans-serif; font-size: 100%; } input[type="checkbox"] { -webkit-appearance: checkbox; } input[type="radio"] { -webkit-appearance: radio; } h1 { color: #bdb099; font: 300 35px/37px 'Montserrat', sans-serif; letter-spacing: 0; margin-bottom: 20px; } h2 { color: #bdb099; font: 300 30px/32px 'Montserrat', sans-serif; letter-spacing: 0; margin-bottom: 20px; } h3 { color: #bdb099; font: 300 25px/27px 'Montserrat', sans-serif; letter-spacing: 0; margin-bottom: 20px; } h4 { color: #bdb099; font: 300 20px/22px 'Montserrat', sans-serif; letter-spacing: 0; margin-bottom: 20px; } h5 { color: #bdb099; font: 300 17px/20px 'PT serif', sans-serif; letter-spacing: 0; margin-bottom: 20px; } h6 { color: #bdb099; font: 300 15px/18px 'PT serif', sans-serif; letter-spacing: 0; margin-bottom: 20px; } p { margin-bottom: 10px; font-weight: 300; line-height: 2; } b, strong { font-weight: 500; } dfn, cite, em, i { font-style: italic; } blockquote, q { color: #878787; padding-left: 60px ! important; margin-bottom: 20px; position: relative; font-size: 120%; font-weight: 300; line-height: 1.25em; } blockquote * { line-height: 1.4em; padding-left: 0; } blockquote:before, q:before { color: #7E7E7E; content: "“"; font-family: serif; font-size: 400%; font-weight: bold; left: 0px; line-height: 1em; position: absolute; top: 1px; } address { margin: 0 0 1.5em; } pre { background: #eee; font-size: 100%; margin-bottom: 20px; max-width: 100%; overflow: auto; padding: 15px; } code, kbd, tt, var { font: 110% Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { background: #fff9c0; text-decoration: none; } sup, sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: .5ex; } small { font-size: 75%; } big { font-size: 125%; } hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; } ol { margin: 0 0 1.5em 3em; } ul { list-style: disc outside none; } ol { list-style: decimal outside none; } li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em; } dt { font-weight: bold; } dd { margin: 1.5em; } img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ vertical-align: middle; border: 0; } figure { margin: 0; } table { margin: 0 0 1.5em; width: 100%; } th { font-weight: bold; } pre, code { font-family: 'DejaVu Sans Mono', Menlo, Consolas, monospace; } hr { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-main-content-innerors: none; -moz-border-top-colors: none; border-color: #d9d9d9; border-style: solid; border-width: 1px 0 0; clear: both; height: 0; margin-bottom: 15px; margin-top: 5px; } /* List ul ---------------------------- */ .boom-list { margin: 0; } .boom-list li { margin-bottom: 10px; list-style: none; } .boom-list li i.awesome-circle { font-size: 50%; } .ordered-list li { list-style: inside decimal; } .list-style1 ul li { color: #959595; font-size: 87.5%; margin-left: 15px; margin-bottom: 12px; position: relative; width: auto; } .list-style1 ul li > * { color: #959595; } .list-style1 ul li:hover, .list-style1 ul li:hover > * { color: #252525; } .list-style1 ul li a { position: relative; } .list-style1 ul li a:hover { text-decoration: underline; } /* Radio Style ---------------------------- */ .regular-radio { display: none; } .regular-radio + label { -webkit-appearance: none; background-color: #fafafa; border: 1px solid #cacece; box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); padding: 0 11px; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; z-index: 0; display: inline-block; display: inline; zoom: 1; position: relative; margin-right: 5px; } .regular-radio:checked + label:after { content: ' '; width: 10px; height: 10px; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; z-index: 0; position: absolute; top: 6px; left: 6px; background: #7cbe31; box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3); -moz-box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3); -webkit-box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3); text-shadow: 0px; font-size: 228%; } .regular-radio:checked + label { background-color: #e9ecee; color: #99a1a7; border: 1px solid #adb8c0; box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1), inset 0px 0px 10px rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1), inset 0px 0px 10px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1), inset 0px 0px 10px rgba(0,0,0,0.1); position: relative; z-index: 0; } .regular-radio + label:active, .regular-radio:checked + label:active { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); position: relative; z-index: 0; } @media screen and (-webkit-min-device-pixel-ratio:0) { .regular-radio + label { padding: 0 10px; } .regular-radio:checked + label:after { top: 5px; left: 5px; } } /* checkbox Style ---------------------------- */ .regular-checkbox { display: none; } .regular-checkbox + label { background-color: #fafafa; border: 1px solid #cacece; box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); padding: 8px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; z-index: 0; display: inline-block; *display: inline; zoom: 1; position: relative; top: 4px; margin-right: 5px; } .regular-checkbox + label:active, .regular-checkbox:checked + label:active { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); } .regular-checkbox:checked + label { background-color: #e9ecee; border: 1px solid #adb8c0; box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1); -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1); box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1); -webkit-position: relative; z-index: 0; color: #99a1a7; } .regular-checkbox:checked + label:after { content: '\2714'; font-size: 100%; position: absolute; top: -3px; left: 2px; color: #7cbe31; } /* Forms ---------------------------------------*/ button, input, select, textarea { font-size: 100%; /* Corrects font size not being inherited in all browsers */ margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */ vertical-align: baseline; /* Improves appearance and consistency in all browsers */ border: 0; font-family: 'Montserrat', sans-serif; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; -webkit-appearance: none; } .button, button, input[type="button"], input[type="reset"], input[type="submit"] { background: #bdb099 none repeat scroll 0 0; border-radius: 15px; color: #fff; font-family: "Montserrat",sans-serif; font-size: 87.5%; font-weight: 300; /*height: 30px; line-height: 30px;*/ padding: 5px 15px; text-transform: uppercase; cursor: pointer; } .button:hover, button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { background: #252525; } .button-border { background: none; background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 1px dashed #bdb099; color: #bdb099; line-height: 30px; } .button-border:hover { background: #bdb099; color: #fff; } input[type="checkbox"], input[type="radio"] { padding: 0; /* Addresses excess padding in IE8/9 */ } input[type="search"] { -webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */ -webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */ -moz-box-sizing: content-box; box-sizing: content-box; } input[type="search"]: : -webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */ -webkit-appearance: none; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea { color: #959595; border-radius: 0; height: 40px; background: #fff; padding: 10px; border: 1px dashed #959595; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus { color: #111; border: 1px solid #bdb099; } textarea { padding: 10px; overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */ vertical-align: top; /* Improves readability and alignment in all browsers */ width: 100%; height: auto; } select { border: 1px solid #eee; -webkit-appearance: none; -moz-appearance: none; appearance: none; } /* Default -------------------------------- */ .admin-bar .is-sticky { top: 32px !important; } .header-sticky .is-sticky { top: 103px !important; } .admin-bar.header-sticky .is-sticky { top: 135px !important; } .clear { clear: both; } .full-screen { height: 100vh; } .textup { text-transform: uppercase; } .searchform .form-group { display: inline-block; position: relative; width: 100%; } .searchform .form-group input { width: 100%; border: 0; } .search-no-results .searchform .form-group input { padding: 15px 20px; color: #252525; height: auto; } .search-no-results .searchform .form-group input:focus { outline: none; border: 1px solid #bdb099; } .search-no-results .searchform .form-group button { padding: 15px 50px; border-radius: 50px; color: #fff; margin-top: 30px; } .search-no-results .searchform { margin-top: 40px; } .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter { clear: both; display: block; margin: 0 auto; } .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: inline; margin: 0 auto; } .wp-caption-text { text-align: center; } .wp-caption .wp-caption-text { margin: 0.8075em 0; font-style: oblique; font-size: 85%; } .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 100%; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar */ } .gallery-caption { color: #ccc; } .bypostauthor { /*color: #ccc;*/ } .sticky { z-index: 100; } /*-------------------------------------------------------------- 3. Page Loader --------------------------------------------------------------*/ #loader-wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100000; background: #fff; } .loader { position: absolute; top: calc( 50% - 35px ); top: -moz-calc( 50% - 35px ); top: -webkit-calc( 50% - 35px ); left: calc( 50% - 35px ); left: -moz-calc( 50% - 35px ); left: -webkit-calc( 50% - 35px ); display: inline-block; width: 70px; height: 70px; position: relative; -webkit-animation:spin 2s linear infinite; -moz-animation:spin 2s linear infinite; animation:spin 2s linear infinite; background: url('../img/loading.png'); } @-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } } @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } } /*-------------------------------------------------------------- 4. Container /.container --------------------------------------------------------------*/ .container { max-width: 1170px; margin: auto; } .k2t-wrap { max-width: 1170px; width: 100%; margin: auto; } .k2t-wrap:before, .k2t-wrap:after, .k2t-row:before, .k2t-row:after, .cl:before, .cl:after { display: table; content: ""; } .k2t-wrap:after, .k2t-row:after, .cl:after { clear: both; } .k2t-row { margin: 0 -15px; } .k2t-row [class*="col-"] { float: left; position: relative; padding: 0 15px; min-height: .1px; } .k2t-wrap .vc_row { margin-left: 0 !important; margin-right: 0 !important; } .col-1 { width: 8.33333%; } .col-2 { width: 16.6667%; } .col-3 { width: 25%; } .col-4 { width: 33.3333%; } .col-5 { width: 41.6667%; } .col-6 { width: 50%; } .col-7 { width: 58.3333%; } .col-8 { width: 66.6667%; } .col-9 { width: 75%; } .col-10 { width: 83.3333%; } .col-11 { width: 91.6667%; } .col-12 { width: 100%; } .boxed .k2t-container { max-width: 1170px; margin: auto; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .2); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .2); -ms-box-shadow: 0 0 10px rgba(0, 0, 0, .2); box-shadow: 0 0 10px rgba(0, 0, 0, .2); } .boxed .k2t-container .k2t-wrap { padding: 0 15px; } .k2t-body { overflow: hidden; clear: both; } /*-------------------------------------------------------------- 5. Header / .k2t-header --------------------------------------------------------------*/ .k2t-header.fixed { position: fixed; z-index: 10000; width: 100%; top: 0; } .k2t-header.fixed > div { background: none; } .k2t-header.full .k2t-wrap { max-width: 100%; padding: 0 20px; } .k2t-header .k2t-wrap .k2t-row { position: relative; } .k2t-header .k2t-row [class*="col-"] { position: initial; } .k2t-header .k2t-row > [class*="col-"]: nth-child(2) { text-align: center; } .k2t-header .k2t-row > [class*="col-"]:last-child { text-align: right; } .k2t-header .k2t-row [class*="col-"].left { text-align: left; } .k2t-header .k2t-row [class*="col-"] .h-element { margin-left: 24px; } .k2t-header .k2t-row [class*="col-"].center { text-align: center; } .k2t-header .k2t-row [class*="col-"].center .h-element { margin-left: 12px; margin-right: 12px; } .k2t-header .k2t-row [class*="col-"].right { text-align: right; } .k2t-header .k2t-row [class*="col-"].right .h-element { margin-right: 24px; margin-left: 0; } .k2t-header .k2t-row [class*="col-"] .h-element.k2t-menu, .k2t-header .k2t-row [class*="col-"] .h-element.k2t-logo { margin-left: 0; margin-right: 0; } .k2t-logo { line-height: 100px; } .admin-bar .k2t-header.fixed { margin-top: 32px; } .menu-toggle { display: none; } .h-element { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: -o-inline-flex; display: inline-block; text-align: left; vertical-align: middle; } .k2t-header-mid .h-element { line-height: 100px; } .k2t-header-mid .h-element * { line-height: 1.5em; } .h-element i { color: #bdb099; } .h-element:not(.k2t-menu):hover i { color: #252525; } .admin-bar .sticky { /* margin-top: 32px; */} .k2t-header .sticky { z-index: 10000; position: fixed; top: 0; background: #fff !important; width: 100%; border-bottom: 1px solid #f9f9f9; } .boxed .k2t-header .sticky { max-width: 998px; } .k2t-header-m { display: none; } .k2t-header .sticky .k2t-menu > li > a { padding: 21px 20px; } .k2t-header .sticky .k2t-menu li ul { top: 63px; } .k2t-header .sticky .k2t-menu li ul li ul { top: -1px; } .k2t-header .sticky .k2t-logo img { max-height: 44px; } /* ----------- Mega Menu -------------------*/ .k2t-header .k2t-menu li.k2t-megamenu { position: static; } .k2t-header .k2t-menu .mega-container { background-color: #fff; opacity: 0; z-index: -1; visibility: hidden; position: absolute; left: 0; right: 0; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -ms-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; -webkit-transition: all .4s ease-in-out 0s; -moz-transition: all .4s ease-in-out 0s; transition: all .4s ease-in-out 0s; } .k2t-header .k2t-menu .k2t-megamenu:hover .mega-container, .k2t-header .k2t-menu .k2t-megamenu:hover .mega-container ul { opacity: 1; visibility: visible; z-index: 100; } .k2t-header .k2t-menu .mega-container ul { visibility: hidden; opacity: 1; position: static; margin: 0; border: 0; overflow: hidden; font-size: 85%; background: none; padding: 0; } .k2t-header .k2t-menu .mega-container > ul { width: 100%; display: table; table-layout: fixed; visibility: hidden; border-top: 1px solid rgba(0,0,0,.05); padding: 40px 0 30px; } .k2t-header .k2t-menu .mega-container > ul > li { max-width: 257px; display: table-cell; vertical-align: top; border-top: 0; } .k2t-header .k2t-menu .mega-container > ul > li:last-child { border-right: 0; } .k2t-header .k2t-menu .mega-container > ul > li > * { margin: 0 15%; } .k2t-header .k2t-menu .mega-container > ul > li a { border: 0; padding: 0 0 10px; } .k2t-header .k2t-menu .mega-container .k2t-megamenu-submenu > a { border-bottom: 1px dashed #252525; color: #252525; font-size: 115%; font-weight: 600; padding: 0 0 12px; } .k2t-header .k2t-menu .mega-container > ul > li > .sub-menu { margin-top: 30px; } .k2t-header .k2t-menu .mega-container ul li .sub-menu.deep-level { margin-left: 20px } .k2t-header .k2t-header-top .k2t-menu .mega-container { background: #fff; border-color: #ddd; } /*---------- Header - Login ----------------*/ .custom-login { position: relative; } .custom-login .login-from { background: #fff; border-top: 1px solid #e5e5e5; font-size: 80%; left: 0; opacity: 0; padding: 30px 20px 25px; position: absolute; top: 100px; visibility: hidden; width: 270px; z-index: 100; -webkit-transition: all .4s ease-in-out 0s; -moz-transition: all .4s ease-in-out 0s; transition: all .4s ease-in-out 0s; } .custom-login:hover .login-from { opacity: 1; visibility: visible; left: -26px; } .custom-login .login-from .wp-custom-login { position: relative; } .custom-login .login-from .ajax-login-register-login-container { display: inline-block; width: 100%; } .custom-login .login-from .form-wrapper { margin-bottom: 0; } .custom-login .login-from .ajax-login-default-form-container .noon { position: relative; margin-bottom: 10px; clear: both; } .custom-login .login-from .ajax-login-default-form-container .form-wrapper > div:nth-child(4) { position: inherit; } .custom-login .login-from input[type="text"], .custom-login .login-from input[type="password"] { border-color: #ebebeb; color: #cccccc; font-family: pt serif; font-style: italic; padding: 0 10px; width: 100%; letter-spacing: unset; } .custom-login .login-from .ajax-login-default-form-container .noon label:after { content: "\e08e"; position: absolute; right: 10px; top: 10px; font-family: Simple-Line-Icons; font-size: 90%; color: #cccccc; } .custom-login .login-from .ajax-login-default-form-container .form-wrapper > div:nth-child(2) label:after { content: "\e005"; } .custom-login .login-from label { color: transparent; height: 0; margin: 0; } .custom-login .login-from .zm_alr_ul_container li { margin: 0 5px 0 0; } .custom-login .login-from .zm_alr_ul_container a { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 1px dashed #bdb099; border-radius: 20px; bottom: 5px; color: #bdb099; display: inline-block; font-size: 80%; height: 30px; left: 0; line-height: 30px; padding: 0 20px; text-transform: uppercase; } .custom-login .login-from .not-a-member-handle:hover { background: #bdb099; color: #fff; } .custom-login .login-from .ajax-login-default-form-container input[type="submit"], .ajax-login-default-form-container input[type="submit"] { background: #bdb099 none repeat scroll 0 0; border-radius: 20px; border-width: 0; color: #fff; display: inline-block; font: 300 80%/1em "Montserrat",sans-serif; margin-top: 20px; padding: 10px 35px; text-shadow: none; text-transform: uppercase; margin-top: 0; cursor: pointer; position: inherit; } .custom-login .login-from .ajax-login-default-form-container input[type="submit"]:hover, .ajax-login-default-form-container input[type="submit"]:hover { background: #252525; color: #fff; cursor: pointer; outline: none; } .custom-login .login-from .ajax-login-default-form-container .zm_alr_submit_container { float: left; width: 50%; } .custom-login .login-from .ajax-login-default-form-container .zm_alr_ul_container { float: right; width: 50%; margin-top: 0px; clear: none; } .custom-login .login-from .ajax-login-default-form-container .zm_alr_ul_container li:nth-child(2) { display: none; } .custom-login .login-from .ajax-login-default-form-container .error-container, .ui-dialog .ajax-login-default-form-container .error-container { width: 100%; } .login-from .wp-social-login-widget { clear: both; display: block; margin-top: 20px; } .wp-social-login-connect-with { font-size: 85%; text-transform: uppercase; font-family: "Montserrat"; color: #959595; } .wp-social-login-provider-list { padding: 0; margin-top: 5px; } .wp-social-login-provider-list .wp-social-login-provider:after { font-family: FontAwesome; color: #959595; -webkit-transition: all .4s ease-in-out 0s; -moz-transition: all .4s ease-in-out 0s; transition: all .4s ease-in-out 0s; padding: 10px; } .wp-social-login-provider-list .wp-social-login-provider:first-child:after { padding-left: 0 } .wp-social-login-provider-list .wp-social-login-provider:hover:after { color: #bdb099; } .wp-social-login-provider-list .wp-social-login-provider-facebook:after { content: "\f09a"; } .wp-social-login-provider-list .wp-social-login-provider-google:after { content: "\f0d5"; } .wp-social-login-provider-list .wp-social-login-provider-twitter:after { content: "\f099"; } .wp-social-login-provider-list .wp-social-login-provider img { display: none; } /* Register form */ .ui-dialog { position: absolute; top: 50px !important; } .ui-dialog-title { display: inline-block; margin-top: 7px; } .ajax-login-default-form-container input[type="submit"] { opacity: 1 !important; } .ajax-login-default-form-container input[type="submit"]:hover { cursor: pointer !important; } /* WPML List */ .login-language { float: right; height: 0; position: relative; top: -30px; } .login-language .open-language { font-size: 150%; } .login-language .language-list { left: 0px; opacity: 0; position: absolute; top: -10px; background: #fff; padding: 13px 20px 16px; width: 170px; -webkit-transition: all .4s ease-in-out 0s; -moz-transition: all .4s ease-in-out 0s; transition: all .4s ease-in-out 0s; } .login-language:hover .language-list { opacity: 1; left: 40px; } .login-language .language-list #lang_sel_list { height: auto; } .login-language .language-list #lang_sel_list.lang_sel_list_vertical { width: auto; } .login-language .language-list #lang_sel_list.lang_sel_list_vertical ul { border-top: 0; } .login-language .language-list #lang_sel_list.lang_sel_list_vertical li { width: 100%; border-bottom: 1px dashed #959595; padding-bottom: 10px !important; } .login-language .language-list #lang_sel_list.lang_sel_list_vertical li:last-child { border-bottom: 0; padding-bottom: 0 !important; } .login-language .language-list #lang_sel_list.lang_sel_list_vertical ul a, .login-language .language-list #lang_sel_list_list ul a:visited { border: 0; background: transparent; color: #959595; font-size: 80%; padding: 0; text-transform: uppercase; } .login-language .language-list #lang_sel_list.lang_sel_list_vertical li:hover { border-bottom-color: #252525; } .login-language .language-list #lang_sel_list.lang_sel_list_vertical ul li:hover > a, .login-language .language-list #lang_sel_list_list ul li:hover > a:visited { color: #252525; } /*---------- Header - Search box ----------------*/ .search-box { position: relative; } .search-box.style-2 .k2t-search-form { background: #fff; position: absolute; top: 100px; right: 0; width: 370px; z-index: 99; opacity: 0; padding: 0 20px; border-top: 1px solid #e5e5e5; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; } .search-box.style-2:hover .k2t-search-form { opacity: 1; } .k2t-header-top .search-box.style-2 .k2t-search-form, .k2t-header-bot .search-box.style-2 .k2t-search-form { top: 46px; } .search-box.style-2 .k2t-search-form .searchform { margin: 0; } .search-box.style-2 .k2t-search-form .searchsubmit { display: none; } .search-box.style-2 .k2t-search-form .s { color: #bdb099; font-size: 90%; padding: 0; height: 60px; border: 0; } .search-box.style-2 .k2t-search-form .ajaxsearchpro, .search-box.style-2 .k2t-search-form .ajaxsearchpro .probox { background: none !important; border: 0 !important; border-radius: 0 !important; height: auto !important; margin: 0 !important; box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; } .search-box.style-2 .ajaxsearchpro .promagnifier, .search-box.style-2 .ajaxsearchpro .prosettings { display: none; } .search-box.style-2 .k2t-search-form .proinput { margin: 0 !important; padding: 0 !important; width: 90% !important; } .search-box.style-2 .k2t-search-form .orig { color: #bdb099 !important; font-size: 110% !important; position: relative !important; margin: 20px 0 0 !important; width: 100% !important; } .search-box.style-2 .k2t-search-form .autocomplete { display: none; } .search-box.style-2 .k2t-search-form .probox .proloading, .search-box.style-2 .k2t-search-form .probox .proclose { margin-top: 13px !important; } /* Ajaxsearchpro */ #ajaxsearchprores1_1.vertical, #ajaxsearchprores1_2.vertical, div.ajaxsearchpro.vertical[id*="ajaxsearchprores1_"] { border-radius: 0; top: 157px !important; width: 362px !important; margin-left: -20px; } #ajaxsearchprores1_1 .results .item div.content { color: #636363; } #ajaxsearchprores1_1 .results .item .content h3 a { color: #252525; } #ajaxsearchprores1_1 .results .item, #ajaxsearchprores1_2 .results .item, div.ajaxsearchpro[id*="ajaxsearchprores1_"] .results .item { padding: 10px 0; } .k2t-searchbox { background: rgba(0, 0, 0, .93); display: table; height: 100%; left: 0; opacity: 0; position: fixed; top: 0; width: 100%; z-index: 100000; visibility: hidden; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .k2t-searchbox.active { opacity: 1; visibility: visible; } .k2t-searchbox form { left: 50%; position: absolute; top: 45%; opacity: 0; visibility: hidden; z-index: 10000; width: 680px; margin-left: -340px; margin-top: -29px; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .k2t-searchbox.active form { top: 50%; opacity: 1; visibility: visible; -webkit-transition-delay: all .3s ease-in-out; -moz-transition-delay: all .3s ease-in-out; transition-delay: all .3s ease-in-out; } .k2t-searchbox input[type="text"] { height: auto; padding: 6px 15px; width: 100%; border: 0; border-bottom: 1px solid rgba(255, 255, 255, .3); text-align: left; background: none; color: #999; font-size: 150%; padding: 10px 40px 10px 0; font-weight: 300; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } .k2t-searchbox input[type="text"]:focus { color: #fff; outline: none; } .k2t-searchbox #searchsubmit { background: none; font-size: 178%; padding: 0; position: absolute; right: 0; top: 3px; } .k2t-searchbox #searchsubmit:hover { color: #bdb099; } .search-box { cursor: pointer; } /*----------------- Header - Vertical menu --------------------------*/ body.vertical, .k2t-header.vertical-menu .k2t-header-mid, body.vertical .k2t-container > * { -webkit-transition: all .4s ease-in-out 0s; -moz-transition: all .4s ease-in-out 0s; transition: all .4s ease-in-out 0s; } body.vertical .k2t-container > footer, body.vertical .k2t-container > div { position: relative; left: 0; padding-left: 280px; } body.vertical.vertical-close .k2t-container > footer, body.vertical.vertical-close .k2t-container > div { padding-left: 0; } .k2t-header.vertical-menu #showPushMenu { position: absolute; right: -30px; font-size: 150%; top: 0; cursor: pointer; } /*-------------------- Header - Top ---------------------------*/ .k2t-header-top, .k2t-header-top .k2t-menu li a, .k2t-header-top a:hover { color: #717171; } .k2t-header-top a, .k2t-header-top .k2t-menu li a:hover { color: #bdb099; } .k2t-header-top { background: #110805; font-size: 85%; font-weight: 400; } .k2t-header-top p { margin: 0; padding: 10px 0; } .k2t-header-top .k2t-menu > li > a { display: block; padding: 15px 10px 11px; font-size: 80%; text-transform: uppercase; } .k2t-header-top .k2t-menu li ul { opacity: 0; visibility: hidden; position: absolute; background: #fff; border: 1px solid #ddd; width: 150px; z-index: 100; margin: 0; top: 44px; -webkit-transition: all .4s ease-in-out 0s; -moz-transition: all .4s ease-in-out 0s; transition: all .4s ease-in-out 0s; } .k2t-header-top .k2t-menu li ul li { width: 100%; } .k2t-header-top .k2t-menu li .sub-menu a.has-icon i { margin-left: 10px; margin-top: -8px; } .k2t-header-top .k2t-menu li .sub-menu a.has-icon span.k2t-title-menu { margin-left: 10px; } .k2t-header-top .k2t-menu > li a.has-icon { padding-left: 30px; } .k2t-header-top .k2t-menu > li a span.k2t-title-menu { margin-left: 0; } .k2t-header-top .k2t-menu > li a i { position: absolute; top: 50%; left: 10px; font-size: 110%; margin-top: -6px; } .k2t-header-top .k2t-menu li ul li a { display: block; padding: 8px 10px 8px 20px; border-bottom: 1px solid #ececec; position: relative; } .k2t-header-top .k2t-menu li ul li:last-child a { border: 0; } .k2t-header-top .k2t-menu li ul li a:hover { background: #f9f9f9; } .k2t-header-top .k2t-menu li ul li a:before { content: "\f105"; left: 8px; position: absolute; font-family: FontAwesome; } .k2t-header-top .k2t-menu li ul ul { left: 148px; top: -1px; } .k2t-header .social li { margin-left: 15px; } .k2t-header .social li a { background: none; color: #717171; font-size: 115%; height: auto; line-height: inherit; width: auto; } .k2t-header-top .social li a i { -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; } .k2t-header-top .element-editor, .k2t-header-top .search-box, .k2t-header-bot .element-editor, .k2t-header-bot .search-box { padding: 11px 0; } .k2t-header-top .social li a, .k2t-header-bot .social li a { padding: 8px 0; } .k2t-header-top .search-box form, .k2t-header-bot .search-box form { top: 49px; } .k2t-header-top .search-box > i:hover, .k2t-header-top .social li a i:hover { color: #fff; } .k2t-header-top .shop-cart .shop-item, .k2t-header-bot .shop-cart .shop-item { top: 45px; } .k2t-header-top .widget ul li a, .k2t-header-top .widget ul li.recentcomments { border-color: #241b18; } .k2t-header-top .k2t-logo img, .k2t-header-bot .k2t-logo img { max-height: 46px; } /*------------- Header - Middle -----------------------*/ .k2t-header-mid { background: #fff; min-height: 100px; } #main-nav { float: right; } .k2t-header-mid .k2t-menu { z-index: 9000; } .k2t-header-mid .k2t-menu > li { float: left; list-style: none; position: relative; margin-left: 1px; overflow: hidden; } .k2t-header-mid .k2t-menu > li:hover { overflow: inherit; } .k2t-header-mid .k2t-menu > li > a { display: block; padding: 0 25px; font-size: 80%; font-weight: 300; line-height: 100px; color: #959595; -webkit-transition: all .4s ease-in-out 0s; -moz-transition: all .4s ease-in-out 0s; transition: all .4s ease-in-out 0s; } .k2t-header-mid .k2t-menu > li > a .k2t-menu-notice { border: 1px solid #bdb099; border-radius: 3px; display: inline-block; left: 50%; line-height: 16px; margin-left: -12px; padding-bottom: 1px; position: absolute; top: 11px; } .k2t-header-mid .k2t-menu > li > a .k2t-menu-notice:after, .k2t-header-mid .k2t-menu > li > a .k2t-menu-notice:before { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .k2t-header-mid .k2t-menu > li > a .k2t-menu-notice:after { border-top-color: #fff; border-width: 4px; margin-left: -4px; } .k2t-header-mid .k2t-menu > li > a .k2t-menu-notice:before { border-color: rgba(189, 176, 153, 0); border-top-color: #bdb099; border-width: 5px; margin-left: -5px; } .k2t-header-mid .k2t-menu > li > a .k2t-menu-notice.notice-icon i { font-size: 10px; margin: 0 6px; } .k2t-header-mid .k2t-menu > li > a .k2t-menu-notice.notice-text { font-size: 7px; padding: 3px 4px; } .k2t-header-mid .k2t-menu > li a i { margin-right: 5px; } .k2t-header-mid .k2t-menu > li a .caret { font-weight: 600; } .k2t-header-mid .k2t-menu > li:hover > a, .k2t-header-mid .k2t-menu > li > a:hover, .k2t-header-mid .k2t-menu > li.current-menu-item > a, .k2t-header-mid .k2t-menu > li.current-menu-parent > a, .k2t-header-mid .k2t-menu > li.current-menu-ancestor > a { color: #252525; } /* Sub Menu */ .k2t-header-mid .k2t-menu li ul { background-color: #fff; position: absolute; left: 0; top: 100px; width: 190px; margin: 0; padding: 0px 0 20px; border-top: 1px solid rgba(0,0,0,.05); opacity: 0; -webkit-transition: all .4s ease-in-out 0s; -moz-transition: all .4s ease-in-out 0s; transition: all .4s ease-in-out 0s; } .k2t-header-mid .k2t-menu li:hover > ul { opacity: 1; z-index: 888; } .k2t-header-mid .k2t-menu > li ul li { list-style: none; position: relative; height: 0; } .k2t-header-mid .k2t-menu > li:hover ul li { height: 100%; } .k2t-header-mid .k2t-menu li ul li a { padding: 10px 15px; display: block; color: #959595; font-size: 87.5%; font-weight: 300; overflow: hidden; font-family: "PT Serif" } .k2t-header-mid .k2t-menu li ul li a span { border-bottom: 1px solid transparent; -webkit-transition: all .4s ease-in-out 0s; -moz-transition: all .4s ease-in-out 0s; transition: all .4s ease-in-out 0s; padding-bottom: 2px; } .k2t-header-mid .k2t-menu li ul li a .k2t-menu-notice { display: none; } .k2t-header-mid .k2t-menu li ul > li:hover > a span, .k2t-header-mid .k2t-menu li ul > li.current-menu-item > a span, .k2t-header-mid .k2t-menu li ul > li.current-menu-ancestor > a span { border-bottom-color: #dbdbdb; } .k2t-header-mid .k2t-menu li ul li ul { left: 190px; top: -1px; } .k2t-header-mid .element-editor { font-size: 85%; } .k2t-header-mid .search-box { transition: all ease-in-out .3s; -moz-transition: all ease-in-out .3s; -ms-transition: all ease-in-out .3s; -o-transition: all ease-in-out .3s; -webkit-transition: all ease-in-out .3s; } .k2t-header-mid .search-box:hover { cursor: pointer; color: #bdb099; } .k2t-header-mid .social li a { padding: 35px 0; } .k2t-header-mid .social li a:hover { color: #bdb099; } .k2t-header-mid .shop-cart .cart-control span { top: -5px; } .k2t-header-mid .shop-cart .shop-item { top: 62px; } .k2t-header-mid .search-box form { top: 101px; } .k2t-header-mid .k2t-logo img { max-height: 106px; } /*-------------------- Header - Bottom -----------------------------------*/ .k2t-header-bot { background: #fff; font-size: 85%; } .k2t-header-bot, .k2t-header-bot a:hover { color: #767676; } .k2t-header-top .k2t-menu li, .k2t-header-bot .k2t-menu li { float: left; position: relative; list-style: none; } .k2t-header-bot .k2t-menu li a { display: block; padding: 40px 20px; color: #767676; } .k2t-header-bot .k2t-menu li > a:hover, .k2t-header-bot .k2t-menu li.active > a, .k2t-header-mid .k2t-menu li > a.current { color: #bdb099; } .k2t-header-bot .k2t-menu > li.children > a:before, .k2t-header-bot .k2t-menu > li.children > a:after { background: #ccc; content: ""; height: 2px; margin-top: -1px; position: absolute; top: 50%; width: 7px; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; } .k2t-header-bot .k2t-menu > li.children > a:before, .k2t-header-bot .k2t-menu > li.children > a:hover:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .k2t-header-bot .k2t-menu > li.children > a:after, .k2t-header-bot .k2t-menu > li.children > a:hover:before { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .k2t-header-bot .k2t-menu > li.children > a:before { right: 7px; } .k2t-header-bot .k2t-menu > li.children > a:after { right: 3px; } .k2t-header-bot .k2t-menu > li.children > a:hover:before, .k2t-header-bot .k2t-menu > li.children > a:hover:after { right: 3px; width: 11px; background-color: #bdb099; } .k2t-header-bot .k2t-menu li ul { opacity: 0; visibility: hidden; position: absolute; width: 210px; background: #fafafa; border: 1px solid #ededed; left: 50%; margin-left: -145px; z-index: 100; -webkit-transition: all .4s ease-in-out 0s; -moz-transition: all .4s ease-in-out 0s; transition: all .4s ease-in-out 0s; } .k2t-header-top .k2t-menu li:hover > ul, .k2t-header-bot .k2t-menu li:hover > ul { opacity: 1; visibility: visible; } .k2t-header-bot .k2t-menu > li:hover > ul { margin-left: -105px; } .k2t-header-bot .k2t-menu ul li { display: inline-block; width: 100%; } .k2t-header-bot .k2t-menu ul li a { padding: 10px 0; margin: 0 10px; border-bottom: 1px solid #efefef; font-weight: 400; font-size: 85%; } .k2t-header-bot .k2t-menu ul li:last-child > a { border: 0; } .k2t-header-bot .k2t-menu ul li.children > a:after { position: absolute; content: "\f105"; font-family: FontAwesome; top: 10px; right: 15px; } .k2t-header-bot .k2t-menu ul ul { top: -1px; left: 208px; left: 207px\9; margin: 0; } .k2t-header-bot .k2t-menu .menu-rtl > ul { left: -210px; } .k2t-header-bot .k2t-menu > li > a { text-transform: none; font-weight: 500; position: relative; } .k2t-header-bot .k2t-menu li a { padding: 12px 20px; font-size: 90%; } .k2t-header-bot a, .k2t-header-bot .social li a:hover { color: #bdb099; } .k2t-header-bot .k2t-menu li .sub-menu a.has-icon i { margin-top: -8px; } .k2t-header-bot .k2t-menu li .sub-menu a.has-icon span.k2t-title-menu { margin-left: -9px; } .k2t-header-bot .k2t-menu > li a.has-icon { padding-left: 35px; } .k2t-header-bot .k2t-menu > li a span.k2t-title-menu { margin-left: 0; } .k2t-header-bot .k2t-menu > li a i { position: absolute; top: 50%; left: 12px; font-size: 110%; margin-top: -7px; } .k2t-header-bot .k2t-menu li ul { top: 50px; } .k2t-header-bot .k2t-menu li ul ul { top: -1px; } .k2t-header-bot.sticky { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .07); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .07); -ms-box-shadow: 0 0 10px rgba(0, 0, 0, .07); box-shadow: 0 0 10px rgba(0, 0, 0, .07); } /* --------------------- Mobile menu -------------------------*/ .mobile-menu-wrap{ visibility: hidden; opacity:0; position:fixed; top: 0; bottom:0; left:0; right:0; z-index: 100000; background:#000; transform: translate3d(-100%,0,0); -webkit-transform: translate3d(-100%,0,0); transition: top .4s ease .4s, transform .4s ease, opacity .5s ease, visibility .1s ease .5s; -webkit-transition: top .4s ease .4s, -webkit-transform .4s ease, opacity .5s ease, visibility .1s ease .5s; } .mobile .mobile-menu-wrap{ opacity:1; } .admin-bar .mobile-menu-wrap{ top:46px; } .enable-mobile-menu .mobile-menu-wrap{ visibility: visible; opacity:1; transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); transition: top .4s, transform .4s ease, opacity .4s ease, visibility 0s ease; -webkit-transition: top .4s, -webkit-transform .4s ease, opacity .4s ease, visibility 0s ease; } .enable-mobile-menu.scroll-mobile-menu .mobile-menu-wrap{ top:0; } .mobile-menu{ margin:0; padding:0; list-style:none; text-transform:uppercase; overflow:auto; overflow-scrolling: touch; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; position:absolute; top:43px; bottom:0; left:0; right:0; z-index:9999; } .pc .mobile-menu{ opacity:0; transform: translate3d(-30%,0,0); -webkit-transform: translate3d(-30%,0,0); transition: all .4s ease .25s; -webkit-transition: all .4s ease .25s; } .pc.enable-mobile-menu .mobile-menu{ opacity:1; transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); } .mobile-menu li{ list-style:none; padding:0; margin:0; } .mobile-menu li a, .mobile-menu-wrap .mobile-menu-toggle{ display:block; border-bottom: solid 1px #444; border-bottom: solid 1px rgba(255,255,255,.2); padding: 0 20px; min-height: 43px; line-height:43px; color: #fff; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .mobile-menu > li > a{ font-size:16px; } .mobile-menu .sub-menu{ padding: 0; } .mobile-menu .sub-menu li a{ padding-left:40px; } .mobile-menu .sub-menu .sub-menu li a{ padding-left:60px; } .mobile-menu-wrap .mobile-menu-toggle{ text-align:center; font-size:25px; background: rgba(255, 255, 255, .5); -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .mobile-menu li a:hover, .mobile-menu-wrap .mobile-menu-toggle:hover{ background: rgba(255, 255, 255, 1); color: #252525; } .mobile-menu li ul { margin-left: 0; } /*-------------------------------------------------------------- 6. Title bar & breadcrumb / .k2t-title-bar --------------------------------------------------------------*/ .k2t-title-bar { position: relative; } .k2t-title-bar.justify { text-align: justify; } .k2t-title-bar.center { text-align: center; } .k2t-title-bar .mask { left: 0; top: 0; width: 100%; height: 100%; z-index: 0; position: absolute; } .k2t-title-bar .mask.colors { background-color: #000; } .k2t-title-bar .mask.pattern { background-image: url('../img/pattern/dot.png'); background-repeat: repeat; } .k2t-title-bar .k2t-wrap.breadcrumb { padding: 15px 20px; display: none; } .k2t-title-bar .k2t-titlebar-thumb { width: 80px; height: 80px; background-color: #605ca8; background-position: center center; background-repeat: no-repeat; float: left; margin-right: 20px; color: transparent; } .k2t-title-bar .main-title { margin-bottom: 8px; text-transform: uppercase; font-weight: 600; color: #252525; position: relative; z-index: 1; } .k2t-title-bar.underline .main-title:after { content: ""; width: 100px; height: 2px; background: url('../img/line.png') repeat-x; text-align: center; display: block; margin: 15px auto; } .k2t-breadcrumbs { list-style: none; padding: 0; } .k2t-breadcrumbs li { display: inline-block; position: relative; margin-right: 10px; font-weight: 300; color: #cccccc } .k2t-breadcrumbs li:before { content: "\f178"; font-family: FontAwesome; margin-right: 10px; } .k2t-breadcrumbs li:first-child:before { display: none; } .k2t-breadcrumbs li.current { font-weight: 600; } .k2t-breadcrumbs a { display: inline-block; line-height: 1; color: #cccccc; } .k2t-breadcrumbs a:hover { color: #bdb099 } /* title bar search */ .k2t-title-bar .form-group { background: transparent; } .k2t-title-bar .searchform{ text-align: center; } .k2t-title-bar .searchform input, .k2t-title-bar .searchform button { float: left; } .k2t-title-bar .searchform .form-group{ max-width: 570px; width: auto; display: inline-block; } .k2t-title-bar .searchform .s { border: none; background-color: #fff; font-size: 100%; font-style: italic; font-family: 'PT Serif'; height: 60px; padding-left: 27px; max-width: 400px; width: auto; } .k2t-title-bar .searchform .s:focus { border: 1px solid #bdb099; outline: none; } .k2t-title-bar .searchform .searchsubmit { background-color: #bdb099; border-radius: 0; color: #fff; font-size: 87.5%; height: 60px; padding: 0 41px; text-align:center; } /*-------------------------------------------------------------- 7. Content / .k2t-content --------------------------------------------------------------*/ .k2t-content { padding-top: 30px } .k2t-content:before, .k2t-content:after { content: ""; display: table; } .k2t-content:after { clear: both; } .no-sidebar .k2t-main, .no-sidebar .k2t-blog { width: 100% !important; /* padding-top: 20px; */} .single .no-sidebar .k2t-blog { margin: 0 auto; width: 67% ! important; float: none } .right-sidebar .k2t-blog, .left-sidebar .k2t-blog, .right-sidebar .k2t-main, .left-sidebar .k2t-main { width: 67%; padding-top: 20px; } .search .k2t-main, .single .k2t-blog > *, .page-template-default .k2t-content .page-entry > *:not(.vc_row) { } .tax-portfolio-category .right-sidebar .k2t-blog > *, .tax-portfolio-category .left-sidebar .k2t-blog > *, .tax-portfolio-category .right-sidebar .k2t-main > *, .tax-portfolio-category .left-sidebar .k2t-main > * { padding-left: 0px; padding-right: 0px; } .k2t-sidebar { padding-top: 20px; } .right-sidebar .k2t-blog, .two-sidebars .k2t-blog, .two-sidebars .k2t-btc, .right-sidebar .k2t-main, .left-sidebar .k2t-main, .k2t-sidebar, .k2t-sidebar-sub, .k2t-blog, .k2t-main { float: left; } .left-sidebar .k2t-blog, .left-sidebar .k2t-main { float: right; } .left-sidebar .k2t-main, .no-sidebar .k2t-main { padding-right: 0; } .left-sidebar .k2t-blog, .left-sidebar .k2t-main { position: relative; left: -1px; } .right-sidebar .k2t-sidebar { padding-left: 30px; } .left-sidebar .k2t-sidebar { padding-right: 30px; } .two-sidebars .k2t-blog, .two-sidebars .k2t-btc { width: 80%; } .k2t-sidebar-sub, .two-sidebars .k2t-sidebar { width: 20% !important; } .k2t-sidebar-sub { padding-right: 20px; } .two-sidebars .k2t-sidebar { padding-left: 20px; } .fullsc > * { position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } /*-------------------------------------------------------------- 8. Blog layout / .post-item --------------------------------------------------------------*/ .post-item { position: relative; padding: 30px; margin: 0 0 30px; display: inline-block; width: 100%; background: #fff; } .post-item:last-child { margin-bottom: 0 !important; } .post-item .flx-entry-thumb { margin-bottom: 20px; position: relative; } .post-item .flx-entry-thumb .mask, .post-item .post-thumb .mask { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.3); opacity: 0; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .post-item .flx-entry-thumb:hover .mask, .post-item .post-thumb:hover .mask { opacity: 1; } .post-item .flx-entry-thumb .mask a:before, .post-item .post-thumb .mask a:before { color: #fff; content: "\e095"; display: inline-block; font-family: "Simple-Line-Icons"; font-size: 0; line-height: 0px; position: absolute; text-align: center; top: 50%; left: 50%; margin-left: 0; margin-top: 0; width: 0; height: 0; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .post-item .flx-entry-thumb:hover .mask a:before, .post-item .post-thumb:hover .mask a:before { height: 50px; width: 50px; font-size: 200%; font-weight: 300; margin-left: -25px; margin-top: -25px; line-height: 50px; } .post-item .flx-entry-thumb a img { display: block; width: 100%; } .post-item .entry-content { margin-top: 10px } .post-item .entry-content ul { padding-left: 30px; margin-bottom: 20px; list-style: inherit; } .post-item .entry-content.grid p { height: 100px; overflow: hidden; line-height: 2em; max-height: 6em; } .post-item .entry-content .more-link { margin-top: 30px; padding: 10px 15px; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; font: 300 63%/1em 'Montserrat', sans-serif; color: #fff; text-transform: uppercase; background: #bdb099; } .post-item .entry-content .more-link:hover { background: #252525; } .post-item .entry-title, .entry-box .entry-title { margin-bottom: 30px; text-transform: uppercase; font: 600 150%/1.5em 'Montserrat', sans-serif; } .post-item .entry-title a, .entry-box .entry-title a { margin: 0; color: #252525; } .post-item .entry-title a:hover, .entry-box .entry-title a:hover { color: #bdb099; } .post-meta-left, .post-meta-right { display: inline-block; } .post-meta-right { float: right; } .post-item header span, .entry-box header span { font-size: 87.5%; color: #cccccc; } .entry-author { text-decoration: underline; margin-right: 10px } .entry-comment { margin-left: 10px } .post-item header span a, .entry-box header span a { color: #cccccc; } .post-item header span a:hover, .entry-box header span a:hover { color: #bdb099; } .post-item header span i, .entry-box header span i { margin-right: 5px; font-size: 115%; } .post-item .quote-wrapper { background-repeat: no-repeat; padding: 20px 0 0 0; } .post-item .quote-wrapper .quote-inner { padding: 0 0 20px 0; } .post-item .quote-wrapper .quote-inner a { display: block; } .post-item .quote-wrapper .quote-inner .quote-content { padding-right: 15px; } .post-item .quote-wrapper .quote-inner .quote-content h4 { font-size: 125%; font-weight: 600; line-height: 1.5; font-family: 'PT serif', sans-serif; color: #252525; } .quote-wrapper .quote-inner .quote-content p.quote-author { background: url(../img/line-2.png) repeat-x center center; display: inline-block; margin-bottom: 0; padding: 0 20px; } .quote-wrapper .quote-inner .quote-content p.quote-author span { padding: 0 10px; background: #fff; } .quote-wrapper .quote-inner .quote-content h4 p { color: #959595; } .format-video .flx-entry-thumb .wp-video, .format-video .flx-entry-thumb .wp-video .mejs-video, .format-video .flx-entry-thumb video, .format-video .flx-entry-thumb .mejs-overlay, .format-video .flx-entry-thumb iframe, .format-video .flx-entry-thumb .wpb_content_element, .format-audio .flx-entry-thumb iframe, .format-audio .flx-entry-thumb .mejs-container { width: 100% !important; } .format-video .flx-entry-thumb.grid .wp-video, .format-video .flx-entry-thumb.grid .wp-video .mejs-video, .format-video .flx-entry-thumb.grid video, .format-video .flx-entry-thumb.grid .mejs-overlay, .format-video .flx-entry-thumb.grid iframe, .format-video .flx-entry-thumb.grid .wpb_content_element, .format-audio .flx-entry-thumb.grid iframe, .format-audio .flx-entry-thumb.grid .mejs-container { width: 100% !important; height: 100%; position: absolute; left: 0; bottom: 0; overflow: hidden; margin: 0; } .format-video .flx-entry-thumb.grid, .format-audio .flx-entry-thumb.grid { background: #000; } .format-video .flx-entry-thumb.grid:after, .format-audio .flx-entry-thumb.grid:after { padding-top: 66.6%; display: block; content: ''; } /* demo */ .post.sticky .flx-entry-thumb:after, [class*="tag-sticky-"] > .entry-box .flx-entry-thumb:after { position: absolute; content: ""; display: block; right: 40px; top: -5px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; width: 0; height: 58px; border: 23px solid #bdb099; border-top: 0 solid; border-bottom: 25px solid rgba(0,0,0,0); color: #fff; } .post.sticky header h2 { font-size: 30px; font-weight: bold; line-height: 40px; } /* Blog large thumbnail ---------------------------- */ .b-large .k2t-blog { padding-top: 20px; } .b-large .format-video .flx-entry-thumb .wp-video, .b-large .format-video .flx-entry-thumb .wp-video .mejs-video, .b-large .format-video .flx-entry-thumb video, .b-large .format-video .flx-entry-thumb .mejs-overlay { height: 400px !important; } /* Blog medium thumbnail ---------------------------- */ .b-medium .post-item .flx-entry-thumb { width: 250px; height: 250px; float: left; margin-right: 20px; margin-bottom: 0px; overflow: hidden; } .b-medium .post-item.audio-post .flx-entry-thumb { background: #000 } .b-medium .post-item .entry-content { float: left; width: calc(100% - 280px); width: -webkit-calc(100% - 280px); width: -moz-calc(100% - 280px); } .b-medium .post-item .flx-entry-thumb a img { width: 100%; } .b-medium .format-video .flx-entry-thumb .wp-video, .b-medium .format-video .flx-entry-thumb .wp-video .mejs-video, .b-medium .format-video .flx-entry-thumb video, .b-medium .format-video .flx-entry-thumb .mejs-overlay { height: 100% !important; } .b-medium .wpb_video_widget .wpb_wrapper iframe { min-height: 250px; } /* Blog masonry ---------------------------- */ .b-masonry .k2t-blog { overflow: hidden; } .b-masonry .masonry-layout { margin-left: -15px; margin-right: -15px; } .b-masonry .grid-sizer { width: 20%; } .b-masonry .column-4 .grid-sizer { width: 25%; } .b-masonry .column-3 .grid-sizer { width: 33.3%; } .b-masonry .column-2 .grid-sizer { width: 50%; } .b-masonry .masonry-layout .hentry { width: 20%; float: left; } .b-masonry .masonry-layout .hentry.large { width: 40%; } .b-masonry .masonry-layout.column-4 .hentry { width: 25%; } .b-masonry .masonry-layout.column-4 .hentry.large { width: 50%; } .b-masonry .masonry-layout.column-3 .hentry { width: 33.3%; } .b-masonry .masonry-layout.column-3 .hentry.large { width: 66.6%; } .b-masonry .masonry-layout.column-2 .hentry { width: 50%; } .b-masonry .masonry-layout.column-2 .hentry.large { width: 100%; } .b-masonry .post-item { border-bottom: none; padding: 15px; background: transparent; margin-bottom: 0; } .b-masonry .post-item .post-article-inner { background: #fff; padding: 30px; } .b-masonry .masonry-layout.column-3 .entry-categories, .b-masonry .masonry-layout.column-4 .entry-categories { display: none; } .b-masonry .post-item .mejs-video, .b-masonry .post-item .mejs-video video, .b-masonry .mejs-poster, .b-masonry .mejs-overlay-play { margin-bottom: 35px; height: 100% } .b-masonry .post-item header .entry-title { font-size: 100%; margin-bottom: 10px; height: 1.5em; overflow: hidden; } .b-masonry .list-container-1 ul li a { padding: 8px; } .b-masonry .mejs-container { margin-bottom: 35px; } /* Start: Recommended Isotope styles */ /**** Isotope Filtering ****/ .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } /**** Isotope CSS3 transitions ****/ .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; } /**** disabling Isotope CSS3 transitions ****/ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } /* End: Recommended Isotope styles */ .blog-style-4 .post-item { padding: 0 0 30px; border-bottom: none; } .blog-style-4 .post-item .mejs-video, .blog-style-4 .post-item .mejs-video video, .blog-style-4 .mejs-poster, .blog-style-4 .mejs-overlay-play { height: 169px !important; margin-bottom: 35px; } .blog-style-4 .mejs-container .mejs-controls { bottom: -17px; } .blog-style-4 .post-item header .entry-title { font-size: 142%; line-height: 22px; } .blog-style-4 .audio-post .flx-entry-thumb { margin-top: 40px; } .blog-style-4 .list-container-1 ul li a { padding: 8px; } .blog-style-4 .mejs-container { margin-bottom: 35px; } /*-------------------------------------------------------------- 9. Single post / .entry-box --------------------------------------------------------------*/ .entry-box { background: #fff; padding: 30px; margin-bottom: 30px; position: relative; } .entry-box .flx-entry-thumb { margin-bottom: 20px; } .entry-box img { display: inline-block; max-width: 100%; } .entry-box img.entry-thumb { width: 100%; display: block; margin-right: 0px; margin-bottom: 20px; } .entry-box .post-entry { color: #636363; margin-top: 15px } .entry-box footer { margin: 30px 0; display: inline-block; width: 100%; } .entry-box footer .prev-post { float: left; } .entry-box footer .next-post { float: right; } .entry-box footer a { font-weight: 600; color: #3d3d3d; } .entry-box footer a:hover { color: #009136; } .entry-box footer a.post { color: #bdb099; font-weight: normal; } .entry-box blockquote { margin-left: 10px; } .entry-sharing { overflow: hidden; } .entry-sharing > div { width: 50%; } .entry-sharing-left { float: left; } .entry-sharing-left.no-right { width: 100%; float: none; } .entry-sharing-right { float: right; } .widget_tag_cloud { padding-left: 30px; color: #bdb099; position: relative; } .widget_tag_cloud:before { content: "\f02c"; font-family: FontAwesome; top: 5px; left: 0; position: absolute; font-size: 120%; } .widget.widget_tag_cloud:before { display: none; } .widget_tag_cloud .tagcloud a, .widget.widget_tag_cloud .tagcloud a { color: #bdb099; display: inline-block; margin: 0 10px 10px 0; padding: 10px 15px; border: 1px dashed #bdb099; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; font: 300 80%/1em 'Montserrat', sans-serif ! important; } .widget_tag_cloud .tagcloud a:hover , .widget.widget_tag_cloud .tagcloud a:hover{ background: #bdb099; color: #FFFFFF; } .entry-box .k2t-social-share { margin: 0; } .entry-box .k2t-social-share .social li a span { top: 35px; } .entry-box .k2t-social-share .social li a span:after { top: -10px; bottom: auto; border: 5px solid transparent; border-bottom: 5px solid rgba(0, 0, 0, .7); } /* About Author -------------------*/ .about-author { background-color: #fff; padding: 30px; margin: 30px 0; overflow: hidden; } .about-author-left, .about-author-right { float: left; } .about-author-left { border-radius: 50%; -webkit-border-radius: 50%; -mozborder-radius: 50%; overflow: hidden; width: 150px; } .about-author img { width: 100%; } .about-author-right { width: calc( 100% - 150px ); width: -webkit-calc( 100% - 150px ); width: -moz-calc( 100% - 150px ); padding-left: 30px; } .about-author h4 { font-size: 87.5%; text-transform: uppercase; margin-bottom: 5px; margin-top: 20px; font-weight: 500; } .about-author .author-role { font-size: 70%; color: #bdb099; text-transform: capitalize; } .about-author .author-desc { font-size: 87.5%; margin-bottom: 30px; } .user-social li { list-style: none; display: inline-block; margin-right: 10px; } .user-social li i { color: #959595; } .user-social li:hover i { color: #bdb099; } /* Comments List -------------------*/ #comments { margin: 30px 0; padding: 30px; background: #fff; } #comments h4, #respond h3 { font-weight: 600; font-size: 125%; text-transform: uppercase; color: #252525 } #comments h4:after, #respond h3:after { content: ""; width: 90px; height: 2px; background: url('../img/line.png') repeat-x; display: block; margin: 10px 0; } .comment-list { margin: 0 0 40px; list-style: none; } .comment-list .comment-content { margin-left: 120px; position: relative; z-index: 0; font-size: 87.5%; } .comment-author span { font: 400 100%/1em 'Montserrat', sans-serif; color: #bdb099; } .comment-body { margin-bottom: 30px; list-style: none; padding: 0; position: relative; z-index: 0; } .comment-body:after { content: ""; width: 100%; height: 1px; background: url('../img/line.png') repeat-x; display: block; margin: 15px 0; } .comment-body .comment-thumb { float: left; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; overflow: hidden; } .comment-body .comment-author { margin-bottom: 10px; display: inline-block; } .comment-body .comment-meta > a { font-size: 80.5%; color: #959595; margin-left: 30px; } .comment-body .comment-meta > a > i { margin-right: 5px; } .comment-body footer { margin: 10px 0 20px; } .comment-body .comment-reply-link, .comment-body .comment-edit-link { display: inline-block; *display: inline; zoom: 1; font: 300 70%/1em 'Montserrat', sans-serif; text-transform: uppercase; color: #cccccc; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .comment-body .comment-reply-link:hover, .comment-body .comment-edit-link:hover { position: relative; z-index: 0; color: #bdb099; } .comment-body .comment-edit-link { margin-right: 15px; } .comment-body .comment-reply-link:before { content: "\f112"; font-family: FontAwesome; margin-right: 5px; } .comment-body .comment-edit-link:before { content: "\f044"; font-family: FontAwesome; margin-right: 5px; } .comment-list .children { margin-left: 100px; list-style: none; } .comment-pagination { float: right; } .comment-pagination a, .comment-pagination span { padding-left: 15px; font-size: 115%; } #comment-nav-below .assistive-text.section-heading { display: none; } #comment-nav-below .nav-previous, .comment-nav-below .nav-next { margin: 20px 0 10px; } /*Comment Form --------------*/ #respond { display: inline-block; width: 100%; } #commentform { position: relative; } #commentform .comment-notes, .form-allowed-tags, .logged-in-as { font-size: 87.5%; margin-bottom: 20px; } #commentform p.comment-form-comment { width: 100%; margin-bottom: 20px; clear: both; position: relative; } #commentform #comment { height: 155px; padding: 15px; width: 100%; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; box-shadow: none; border: 1px dashed; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; font-family: "PT Serif"; background-color: transparent; resize: none; -webkit-appearance: none; } #commentform > p.comment-form-author, #commentform > p.comment-form-email, #commentform > p.comment-form-url { position: relative; margin-bottom: 25px; padding-right: 20px; width: 50%; float: left; } #commentform > p.comment-form-email { padding-right: 0; } #commentform #author, #commentform #email, #commentform #url { padding-left: 20px; width: 100%; box-shadow: none; border: 1px dashed ; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; margin: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; font-family: "PT Serif"; background: transparent; } #commentform .comment-form-author:after, #commentform .comment-form-email:after, #commentform .comment-form-comment:after { font-family: "Simple-Line-Icons"; position: absolute; top: 0; right: 20px; line-height: 42px; font-size: 85%; color: #959595 } #commentform .comment-form-author:after { content: "\e005"; right: 40px; } #commentform .comment-form-email:after { content: "\e086"; } #commentform .comment-form-comment:after { content: "\e04a"; } #commentform input::-webkit-input-placeholder, #commentform textarea::-webkit-input-placeholder { font-size: 87.5%; font-style: italic; } #commentform input:-moz-placeholder, #commentform textarea:-moz-input-placeholder { /* Firefox 18- */ font-size: 87.5%; font-style: italic; } #commentform input::-moz-placeholder, #commentform textarea::-moz-input-placeholder { /* Firefox 19+ */ font-size: 87.5%; font-style: italic; } #commentform input:-ms-input-placeholder, #commentform textarea:-ms-input-placeholder { font-size: 87.5%; font-style: italic; } #commentform .required::-webkit-input-placeholder:after{ content: " *"; } #commentform .required:-moz-input-placeholder:after { content: " *"; } #commentform .required::-moz-input-placeholder:after{ content: " *"; } #commentform .required:-ms-input-placeholder:after { content: " *"; } #commentform #author:focus, #commentform #email:focus, #commentform #url:focus, #commentform #comment:focus { border: 1px solid #bdb099; outline: none; } #form-allowed-tags code { font-size: 85%; } .form-submit #submit { border: none; text-transform: uppercase; color: #FFFFFF; display: block; padding: 10px 25px; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; font-size: 87.5%; box-shadow: none; height: auto; position: relative; z-index: 0; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .form-submit #submit:hover { background-color: #bdb099; } .form-submit #submit label.error { position: absolute; left: 0; top: 15px; color: #bdb099; } #response { color: #bdb099; font-size: 100%; } #commentform .wp-social-login-connect-with, #commentform .wp-social-login-provider-list { display: inline-block; margin-right: 20px } /****** Related Post *****/ .k2t-related-posts .post-item { padding: 0; } .k2t-related-posts .entry-box .entry-title { font-size: 100%; margin: 20px 0 10px; height: 1.5em; overflow: hidden; } .k2t-related-posts .item { width: -wekit-calc( 50% - 45px ); width: -moz-calc( 50% - 45px ); width: calc( 50% - 45px ); } .k2t-related-posts .k2t-thumb-gallery .owl-stage:after { display: none; } .k2t-related-posts .k2t-thumb-gallery .owl-controls { margin-top: 0 } .k2t-related-posts .quote-wrapper { display: none; } /* Post format ---------------------*/ .k2t-thumb .wpb_video_wrapper iframe { max-width: 100%; height: auto ! important; } .entry-content iframe, .entry-content embed { max-width: 100%; } .post-entry ul { margin: 20px 0; padding-left: 30px; } .post-entry ul li i { margin-right: 10px } .wpb_video_wrapper #player .title a { color: #bdb099; } .k2t-thumb .wp-video { width: 100% !important; } .b-timeline .k2t-thumb .wp-video { height: auto !important; } .k2t-thumb .mejs-audio { height: auto !important; } .k2t-thumb .mejs-audio .mejs-controls { top: 30px; } .k2t-thumb:hover .k2t-thumb-gallery img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .b-medium .format-quote .k2t-thumb, .b-small .format-quote .k2t-thumb { width: 100%; max-width: 100%; } .k2t-thumb-quote { padding: 45px 105px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; text-align: center; } .k2t-thumb-quote .quote-content { font: italic 16px/24px Georgia; position: relative; } .k2t-thumb-quote .quote-content i { font-size: 428%; position: absolute; left: -80px; color: #f2f2f2; } .k2t-thumb-quote .quote-content, .k2t-thumb-quote .quote-author a { color: #767676; } .k2t-thumb-quote .quote-author { position: relative; margin-top: 35px; } .k2t-thumb-quote .quote-author:before { content: "* * *"; position: absolute; top: -26px; left: 50%; margin-left: -11px; } .k2t-thumb-quote .quote-author a { font-size: 100%; font-weight: 500; position: relative; } .k2t-thumb-quote .quote-author a:before, .k2t-thumb-quote .quote-author a:after { content: ""; position: absolute; width: 18px; height: 1px; background: #e5e5e5; top: 9px; } .k2t-thumb-quote .quote-author a:before { left: -24px; } .k2t-thumb-quote .quote-author a:after { right: -24px; } /*-------------------------------------------------------------- 10. Pagination / .k2t-navigation --------------------------------------------------------------*/ .k2t-navigation { text-align: center; margin: 20px 0 40px; } .k2t-navigation ul { margin: 0; display: inline-block; *display: inline; zoom: 1; } .k2t-navigation ul li { list-style: none; float: left; margin: 0; } .k2t-navigation ul li a, .k2t-navigation ul li span { display: block; color: #959595; position: relative; z-index: 0; height: 40px; width: 40px; line-height: 40px; font-size: 87.5%; font-family: 'Montserrat', sans-serif; font-weight: 400; border: 1px dashed; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; margin-right: 10px; } .k2t-navigation ul li a.prev:before{ content: "\f177"; font-family: FontAwesome; } .k2t-navigation ul li a.next:before{ content: "\f178"; font-family: FontAwesome; } .k2t-navigation ul li span.current, .k2t-navigation ul li:hover a { color: #fff ! important; background: #bdb099; border-color: transparent; } .k2t-navigation ul li:hover a:before { color: #fff } /*-------------------------------------------------------------- 11. Pages --------------------------------------------------------------*/ .page-bottom-content > * { margin-bottom: 0; } /* Search -------------------------------*/ .search-results article { } .search-results article { padding: 15px 0 25px 0; border-bottom: 1px dashed #c5c5c5; margin-left: 30px; } .search-results article .entry-title { margin-bottom: 0; font-size: 20px; } /* Page 404 -------------------------------*/ .k2t-not-found { margin: 0; } .k2t-error-404{ text-align: center; } .k2t-error-404 .error-404-top{ margin-bottom: 56px; } .k2t-error-404 .k2t-logo, .k2t-error-404 .k2t-logo > * { margin: 0; padding: 0; } .k2t-error-404 .h-element.k2t-logo { margin-top: 30px; } .k2t-error-404 .error-404-image img { margin-top: 150px; } .error-404-info .error-404-title h2 { text-transform: uppercase; font-size: 125%; color: #252525; font-weight: 700; position: relative; margin-bottom: 0px; } .error-404-info .error-404-title:after { content: ""; display: inline-block; width: 100px; height: 2px; background: transparent url("../img/line-2.png") no-repeat scroll 0% 0%; display: inline-block; margin: 15px 0px; } .error-404-des { font-size: 112.5%; color: #959595; margin-bottom: 79px; } .error-404-des a { color: #959595; text-decoration: underline; } .error-404-des a:hover { color: #bdb099; } .error-404-search{ text-align: center; position: relative; } .error-404-search .searchform{ display: inline-block; margin-bottom: 160px; max-width: 370px; position: relative; width:100%; } .error-404-search .searchform .s{ font-family: 'PT Serif'; font-style: italic; height: 60px; max-width: 370px; padding-left: 28px; padding-right: 70px; } .error-404-search .searchform .searchsubmit{ background-color: #cccccc; border-radius: 0; height: 60px; position: absolute; right: 0; top: 0; width: 70px; } .error-404-search .searchform .searchsubmit i{ color: #ffffff; font-size: 20px; line-height: 50px; } .error-404-copy { text-transform: uppercase; font-size: 62.5%; font-family: 'Montserrat'; color: #959595; } /* Circle background ------------------------------------*/ .circle-bg { background-image: url('../img/Circle-bg.png'); background-repeat: no-repeat!important; background-position: center center!important; position: relative!important; margin: 0!important; width: 100%!important; height: 100vh!important; min-height: 900px!important; text-align: center; } .circle-center { position: absolute; min-height: 900px; top: 50%; left: 50%; width: 100%; transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); } .circle-top { margin-top: 30px; margin-bottom: 56px; display: inline-block; } .circle-top .k2t-logo, .circle-top .k2t-logo > * { margin: 0!important; padding: 0!important; } .k2t-error-404 .h-element.k2t-logo { margin-top: 30px; } /* Page Services -----------------------------------------*/ .service-slider .flex-direction-nav a { text-indent: inherit; color: transparent; border-radius: 100%; background: rgba(0,0,0,0.3); font-size: 16px; content: ""; line-height: 50px; margin: -20px 20px; } .service-slider .flex-direction-nav a:before { font-family: FontAwesome; left: 8px; position: relative; top: -6px; color: #fff; } .service-slider .flex-direction-nav .flex-prev:before { content: "\f053"; left: 12px } .service-slider .flex-direction-nav .flex-next:before { content: "\f054"; left: auto; right: -14px; } /* Size Guide ---------------------------- */ .overlay { position: fixed; width: 100%; top: 0; bottom: 0; left: 0; right: 0; margin: 0 ! important; background: rgba(0, 0, 0, 0.4); transition: opacity 500ms; -webkit-transition: opacity 500ms; -moz-transition: opacity 500ms; visibility: hidden; opacity: 0; z-index: 100000; } .overlay:target { visibility: visible; opacity: 1; } .popup { margin: 70px auto; padding: 50px 30px; background: #fff; width: 70%; position: relative; transition: all 5s ease-in-out; -webkit-transition: all 5s ease-in-out; -moz-transition: all 5s ease-in-out; -moz-box-shadow: 0 20px 40px rgba(0,0,0,0.1); -webkit-box-shadow: 0 20px 40px rgba(0,0,0,0.1); box-shadow: 0 20px 40px rgba(0,0,0,0.1); } .popup .close { position: absolute; top: 30px; right: 20px; transition: all 200ms; -webkit-transition: all 200ms; -moz-transition: all 200ms; text-decoration: none; color: #252525; } .popup .content { max-height: 400px; overflow: auto; } .popup .content table { border-collapse: collapse; border-spacing: 0; border: none; } .popup .content table td, .popup .content table th { font-family: "Montserrat", sans-serif; font-size: 87.5%; padding: 10px 5px; border: none; overflow: hidden; word-break: normal; } .popup .content table .tg-b { color: #252525; } /*-------------------------------------------------------------- 12. Widget / .widget --------------------------------------------------------------*/ .widget { padding: 30px; color: #252525; background: #f3f3f3; margin-bottom: 30px; } .widget_shopping_cart { background: transparent; border: 2px dashed #959595; } .k2t-main .widget { background: none; padding: 0; margin: 0; } .widget ul { list-style: none; } .widget-title { color: #252525; font-family: 'Montserrat', sans-serif; font-size: 87.5%; text-transform: uppercase; font-weight: 700; } .widget-title:after { content: ""; width: 100px; height: 2px; background: url('../img/line.png') no-repeat; display: block; margin: 15px 0; } .widget_shopping_cart .widget-title:after { display: inline-block; background: none; margin: 0 10px; font-family: "Simple-Line-Icons"; font-size: 125%; content: "\e04e"; height: auto; color: #bdb099; } .widget_shopping_cart a.button { font-size: 87.5%; padding: 10px 15px; } .widget a { font-weight: normal; font-size: 87.5% } .widget ul li { list-style: none; margin-bottom: 15px; } .widget ul li:before { content: "+"; margin-right: 10px; } .widget ul li .count { background: #e3ecf0 none repeat scroll 0 0; border-radius: 3px; color: #7d7d7d; display: inline-block; float: right; font-size: 85%; line-height: 20px; padding: 0 5px; text-align: center; font-weight: normal; } .widget ul li a { color: #252525; } .widget ul li a:hover { color: #bdb099; } .widget ul li.current-cat a { color: #bdb099; } .widget ul li.recentcomments a { width: auto; border: 0; padding: 0; } .widget select { border: 1px solid #ededed; width: 100%; height: 42px; padding: 0 15px; } .widget #wp-calendar caption { padding: 10px; background: rgba(0, 0, 0, .05); border-width: 1px 1px 0; border-style: solid; border-color: rgba(0, 0, 0, .06); text-transform: uppercase; text-align: center; } .widget .rss-date { display: block; margin: 8px 0; font-size: 85%; } .widget .tagcloud { overflow: hidden; } .widget .posts-list .post-item { display: inline-block; width: 100%; margin-bottom: 20px; padding: 0 0 10px; background: transparent; } .widget .posts-list.row .post-item { margin-bottom: 40px } .widget .posts-list .post-item .post-thumb { float: left; width: 100px; position: relative; } .widget .posts-list.row .post-item .post-thumb { float: none; width: 100%; margin-bottom: 20px; position: relative; } .widget .posts-list.row .post-item .post-thumb img { width: 100%; } .widget .posts-list .post-item .post-text { padding-left: 120px; } .widget .posts-list.row .post-item .post-text { padding-left: 0; } .widget .posts-list .post-item h4 { clear: none; font-size: 100%; line-height: 1.4em; margin-bottom: 0; } .widget .posts-list.column .post-item h4 { margin-top: 7px } .widget .posts-list .post-item h4 a { text-transform: uppercase; color: #252525 } .widget .posts-list .post-item h4 a:hover { color: #bdb099; } .widget .posts-list .post-item .post-meta { color: #949494; font-size: 90%; margin-top: 4px; } .widget .posts-list.column .post-item .post-meta-right { display: none; } /* Widget searchform ---------------------------*/ .vc_wp_search .widget_search { background: transparent; } .vc_wp_search .widget_search .searchform{ text-align: center; } .widget_search .searchform input, .widget_search .searchform button { float: left; } .widget .searchform .form-group{ max-width: 570px; width: 100%; display: inline-block; } .widget .searchform .s { border: none; background-color: #fff; font-family: 'PT Serif'; font-size: 100%; font-style: italic; height: 60px; -moz-width: calc( 100% - 100px ); -webkit-width: calc( 100% - 100px ); width: calc( 100% - 100px ); padding-left: 27px; max-width: 400px; } .vc_wp_search .widget_search .searchform .s { -moz-width: calc( 100% - 200px ); -webkit-width: calc( 100% - 200px ); width: calc( 100% - 200px ); } .widget .searchform .s:focus { border: 1px solid #bdb099; outline: none; } .widget .searchform .searchsubmit { background: #bdb099; border-radius: 0; color: #fff; font-size: 87.5%; float:left; height: 60px; width: 100px; text-align:center; } .vc_wp_search .widget_search .searchform .searchsubmit { padding: 0 41px; width: 200px } .widget .searchform .searchsubmit:hover { background: #252525; } /*-------------------------------------------------------------- 13. Footer / .k2t-footer --------------------------------------------------------------*/ .k2t-footer { margin-top: 50px } .k2t-footer *, .k2t-footer ul li a{ color:#fff; } .k2t-footer .k2t-row { margin: 0; } .k2t-footer .k2t-bottom { font-size: 87.5%; padding: 55px 20px 35px; background: #bdb099; } .k2t-footer .widget{ background-color: transparent; } .k2t-footer .k2t-wrap .k2t-row { display: table; margin: 0; } .k2t-footer .k2t-wrap .k2t-row > div { display: table-cell; float: none; padding: 0 } .k2t-footer .k2t-wrap .k2t-row > div:last-child { border-right: 0; } .k2t-footer .k2t-wrap .k2t-row > div > * { padding-bottom: 13px; padding-left: 15px; padding-right: 20px; } .k2t-footer .k2t-wrap .k2t-row > div > *:last-child { border-bottom: 0; } .k2t-footer .widget.widget_text{ background-color: transparent; } .k2t-footer .widget.widget_text ul li { margin: 0; } .k2t-footer .widget-title::after { content: ""; width: 100px; height: 2px; background: transparent url("../img/footer-line.png") no-repeat scroll 0% 0%; display: block; margin: 15px 0px; } .k2t-footer .k2t-bottom .widget-title { color:#FFF; margin-bottom: 25px; font-size: 100%; } /* top footer instagram wiget */ .k2t-footer .k2t-top-footer .null-instagram-feed { margin:0px; padding: 0px; position: relative; } .k2t-footer .k2t-top-footer .null-instagram-feed .widget-title { display: none; } .k2t-footer .k2t-top-footer .null-instagram-feed ul li { float: left; width: 12.5%; padding: 0; } .k2t-footer .k2t-top-footer .null-instagram-feed .clear { position: absolute; line-height: 30px; background-color: #ebebeb; padding: 0 18px; margin: 0; left: 50%; bottom: 0; transform: translate(-50%,0); -moz-transform: translate(-50%,0); -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0); } .k2t-footer .k2t-top-footer .null-instagram-feed .clear a { color: #959595; } .k2t-footer .k2t-top-footer .null-instagram-feed .clear a:before { content: '\f16d'; color: #959595; font-family: 'FontAwesome'; margin-right: 8px; } .k2t-footer .k2t-top-footer .null-instagram-feed .clear:hover a { color: #bdb099; } /*footer bottom instagram wiget */ .k2t-footer .widget.null-instagram-feed { padding-top:0px; } .k2t-footer .k2t-bottom .null-instagram-feed ul li { float: left; width: 33.3333%; padding: 5px; margin: 0px; } .k2t-footer .k2t-bottom .null-instagram-feed .clear { padding-top: 52px; padding-left: 20px; } .k2t-footer .k2t-bottom .null-instagram-feed .clear a { color: #fff; } .k2t-footer .k2t-bottom .null-instagram-feed .clear a:before { content: '\f16d'; color: #fff; font-family: 'FontAwesome'; margin-right: 8px; } .k2t-footer .k2t-bottom .null-instagram-feed .clear a:hover:before { color: #BDB099; } /* footer social-widget */ .k2t-footer .k2t-social-widget { padding-top:0px; text-align: left; } .k2t-footer .k2t-social-widget .social { float: left; opacity: 1; } .k2t-footer .k2t-social-widget .social li a { width: 40px; height: 40px; line-height: 38px; border: 1px dashed #fff; border-radius: 50%; background-color: transparent; position: relative; text-align: center; } .k2t-footer .k2t-social-widget .social li a:hover{ background-color: #fff; } .k2t-footer .k2t-social-widget .social li a, .k2t-footer .k2t-social-widget .social li a i { font-size: 100%; } .k2t-footer .k2t-social-widget .social li a:hover i{ color: #9B8C73; } .k2t-footer .Social_Widget{ padding:0; } .k2t-footer .k2t-wrap .k2t-row > div a.default { color: #838383; } .k2t-footer .k2t-wrap .k2t-row > div a:hover { color: #bdb099; } .k2t-footer .widget .posts-list .post-item { border: 0; padding: 0; } .k2t-footer .widget .posts-list .post-item h4 { max-height: 20px; overflow: hidden; } .k2t-footer .widget ul li:before{ content: ''; margin-right: 0px; } .k2t-footer .widget_text ul li { color: #fff; margin-bottom: 10px; } .k2t-footer .widget_text ul li a{ color: #fff; position: relative; font-size: 100%; } .k2t-footer .widget_text ul li a:hover{ color: #fff!important; } .k2t-footer .widget_text ul li a:hover:before{ content: ''; position: absolute; width:100%; border-bottom: 1px solid white; bottom: 0; } .k2t-footer .widgetGuts.shortcode { width: 100%; position: relative; top: -13px; } .k2t-footer .widgetGuts table { width: 100% } .k2t-footer .mc4wp-form input[type=email], .k2t-footer .frm-subscriptionFront .text { background: transparent; color: #fff; border-color: #fff; width: 100%; border: 1px dashed #fff; border-radius: 0; box-shadow: none; float: left; font: 300 100%/1em "PT Serif", san-serif; font-style: italic; height: 50px; line-height: 50px; margin: 0; padding: 0 20px; -webkit-appearance: none; } .k2t-footer .mc4wp-form input[type=email] { margin-top: 30px; margin-bottom:30px; } .k2t-footer .mc4wp-form input[type=email]:focus { border: 1px solid #bdb099; outline: none; } .k2t-footer .mc4wp-form input[type=submit], .k2t-footer .frm-subscriptionFront .subscribeButton{ cursor: pointer; height: 30px; padding: 0 30px; margin-top:30px; font-size: 71.42%; } .k2t-footer .clearFix{ display: none; } .clear.clearFix ~ aside { display: none; } /* Simple subscribe ---------------------------- */ .frm-subscriptionFront table tr th, .widgetGuts h3 { display: none; } .frm-subscriptionFront table tr td { padding: 0; } .frm-subscriptionFront table tr { float: none; } .widgetGuts table td { width: auto ! important; } .frm-subscriptionFront .text, .mc4wp-form input[type=email] { width: 100%; border: 2px dashed #ccc; border-radius: 0; box-shadow: none; color: #838383; float: left; font: 300 100%/1em "PT Serif", san-serif; font-style: italic; height: 50px; line-height: 50px; margin: 0; padding: 0 20px; -webkit-appearance: none; background: transparent; } .mc4wp-form input[type=email], .frm-subscriptionFront .text:focus { border: 1px solid #bdb099; outline: none; } .mc4wp-form input[type=submit], .frm-subscriptionFront .subscribeButton { display: block; margin-top: 20px; height: 40px; border-radius: 30px; -webkit-appearance: none; } .mc4wp-form input[type=email] { margin-bottom:30px; } /* simple sbuscribe style2 */ #simple-subscribe-style2 .widgetGuts.shortcode .frm-subscriptionFront { width: 100%; text-align: center; } #simple-subscribe-style2 .widgetGuts.shortcode .frm-subscriptionFront table { width: auto; display: inline-block; } #simple-subscribe-style2 .widgetGuts.shortcode .frm-subscriptionFront table tr { float: left; } #simple-subscribe-style2 .widgetGuts.shortcode .frm-subscriptionFront table tr:first-child td { float: right; } #simple-subscribe-style2 .widgetGuts.shortcode .frm-subscriptionFront .text { border: none; font-family: 'PT Serif'; height: 60px; width: 400px; } #simple-subscribe-style2 .widgetGuts.shortcode .frm-subscriptionFront .subscribeButton.button { background-color: #cccccc; border-radius: 0; margin:0; height: 60px; padding: 0 43.5px; font-size: 87.5%; } #simple-subscribe-style2 .widgetGuts.shortcode .frm-subscriptionFront .subscribeButton.button:hover { background-color: #bdb099; } .k2t-info { font-size: 62.5%; background-color: #fff; color: #959595 ! important; padding: 30px 20px; position: relative; display: inline-block; width: 100%; margin-bottom: -4px; } .k2t-footer .k2t-info .k2t-logo { float: left; } .k2t-footer .k2t-info .k2t-logo, .k2t-footer .k2t-info .k2t-logo>* { margin: 0; padding: 0; } .k2t-footer .k2t-info .k2t-logo img { opacity: 0.15; } .k2t-footer .k2t-info .k2t-logo img:hover { opacity: 1; } .k2t-info p{ text-transform: uppercase; color: #959595 } .k2t-info a:hover { color: #BDB099; } .k2t-info img:hover { opacity: 1; } .k2t-info .container { max-width: 1170px; padding: 0 18px; } .k2t-info .row > div { float: left; } .k2t-footer .k2t-info img { float: left; margin-right: 10px; } .k2t-footer .k2t-info .copy-right p { line-height: 50px; margin: 0; } .k2t-info .row > div .social { text-align: right; } .k2t-info .row > div .social li { margin-left: 1px; } .k2t-info .row > div .social a { margin-top:12px; display: block; float: left; height: 40px; margin: 0; padding: 0; width: 40px; border-radius: 0; line-height: 40px; background-color: #bdb099; } .k2t-info .row > div .social .li-facebook a { background-color: #3b5998; } .k2t-info .row > div .social .li-twitter a { background-color: #48c4d2; } .k2t-info .row > div .social .li-google-plus a { background-color: #DD4B39; } .k2t-info .row > div .social .li-youtube a { background-color: #f45750; } .k2t-info .row > div .social .li-vimeo a { background-color: #62a0ad; } .k2t-info .row > div .social a:hover { background-color: #252525; } .k2t-btt { width: 40px; height: 40px; line-height: 37px; font-size: 16px; font-weight: normal; text-align: center; position: fixed; right: 8px; bottom: 10px; color: #fff!important; display: none; z-index: 10; border-radius: 50%; background-color: #cccccc; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; } .k2t-btt:hover { background: #bdb099; color: #fff } .k2t-payment{ list-style: none; float:right; } .k2t-payment li{ display: inline-block; margin-top: 10px; } .k2t-payment li a img{ opacity: 0.15; } .k2t-payment li a:hover img{ opacity: 1; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; } /*-------------------------------------------------------------- 14. Contact Form 7 / .wpcf7 --------------------------------------------------------------*/ .wpcf7 { font-size: 87.5%; } .wpcf7 input, .wpcf7 textarea, .wpcf7 select { background: transparent; border: 1px solid #959595; font-family: 'PT Serif'; font-style: italic; width: 100%; padding: 10px 20px; border-radius: 0; -webkit-appearance: none; } .wpcf7 input[type="date"] { padding-right: 40px } .wpcf7 input[type="date"]::-webkit-calendar-picker-indicator{ opacity: 1 ! important; } .wpcf7 input, .wpcf7 select { height: 50px; } .wpcf7 input:focus, .wpcf7 textarea:focus, .wpcf7 select:focus { border-style: solid; border-color: #bdb099; outline: none; } .wpcf7-form p { position: relative; float:left; width: 100%; margin-bottom: 10px; } .wpcf7-form p.half-col:nth-child(even) { margin-right: 2.5%; } .wpcf7-form p.half-col { width: 48.5%; display: block; float:left; } .wpcf7-form p i { font-size: 9px; position: absolute; color: #bd212e; } .wpcf7-form textarea { padding: 20px; } .wpcf7-response-output.wpcf7-validation-errors { border: none !important; } .wpcf7 input.wpcf7-submit { border: none; border-radius: 30px; background: #bdb099; font-size: 100%; height: 60px; width: auto; padding-left: 52px; padding-right: 52px; margin-top: 20px; cursor: pointer; font-family: "Montserrat"; font-style: normal; -webkit-appearance: none; } .wpcf7 input.wpcf7-submit:hover { background: #252525; } div.wpcf7-mail-sent-ok { border: none ! important; } .wpcf7-response-output { padding: 0; margin: 0 } /*-------------------------------------------------------------- 15. Scrolldown button / .k2t-scrolldown --------------------------------------------------------------*/ .k2t-scrolldown { position: absolute; bottom: 20px; left: calc( 50% - 25px ); left: -webki-tcalc( 50% - 25px ); left: -moz-calc( 50% - 25px ); z-index: 1000; font-size: 150%; width: 50px; color: #fff; text-align: center; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; animation-iteration-count:infinite; -webkit-animation-iteration-count:infinite; } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 40% {-webkit-transform: translateY(-20px);} 60% {-webkit-transform: translateY(-5px);} } @keyframes bounce { 0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 40% {transform: translateY(-20px);} 60% {transform: translateY(-5px);} } .bounce { -webkit-animation-name: bounce; animation-name: bounce; } .k2t-scrolldown:hover { color: #252525 } /*-------------------------------------------------------------- 16. Social network /.k2t-social-share --------------------------------------------------------------*/ .k2t-social-share { float: right; margin-top: -30px; width: 100%; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; } .k2t-social-share ul { padding-left: 0; } .k2t-social-share:hover { background: #fff; position: relative; z-index: 1000; } .social-open { display: inline-block; width: 30px; height: 30px; line-height: 26px; text-align: center; border: 1px dashed #bdb099; color: #bdb099; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; margin-left: 10px; float: right; cursor: pointer; } .social-open i, .social li a i { font-size: 87.5%; } .k2t-social-share .social { -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; float: right; display: inline-block; } .k2t-social-share .social { opacity: 0; } .k2t-social-share:hover .social { opacity: 1; } .social li { list-style: none; display: inline-block; margin-left: 7px; } .social li a { width: 30px; height: 30px; line-height: 28px; display: block; color: #fff; background: #ccc; text-align: center; position: relative; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } .social li a:hover { background: #bdb099; color: #fff ! important; } .social li a span { background: rgba(0, 0, 0, .7); position: absolute; opacity: 0; visibility: hidden; width: 80px; color: #fff; font-size: 87.5%; position: absolute; left: 50%; margin-left: -40px; top: 0; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; } .social li a:hover span { opacity: 1; visibility: visible; top: -35px; } .social li a span:after { content: ""; position: absolute; bottom: -10px; left: 50%; margin-left: -5px; border: 5px solid transparent; border-top: 5px solid rgba(0, 0, 0, .7); } /*-------------------------------------------------------------- 17. Offcanvas Sidebar / .open-sidebar --------------------------------------------------------------*/ .open-sidebar { height: 15px; width: 15px; z-index: 100; position: relative; display: none; } .admin-bar .offcanvas-sidebar { top: 32px; } .offcanvas-type-default { position: relative; } .offcanvas-type-default, .offcanvas-sidebar, .k2t-header-m { -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .offcanvas-right { right: 0; } .offcanvas-left { left: 0; } .offcanvas-sidebar { position: fixed; width: 340px; top: 0; bottom: 0; font-size: 100%; line-height: 20px; padding: 35px 30px; z-index: 10001; background: #1c1c1c; overflow: auto; min-height: 100%; height: 100%; } .offcanvas-sidebar .k2t-sidebar { width: 100% !important; padding-top: 0; } .offcanvas-right .offcanvas-sidebar { right: -340px; } .offcanvas-right .offcanvas-sidebar.is-open { right: 0; left: auto; } .offcanvas-right.offcanvas-open { right: 340px; } .offcanvas-left .offcanvas-sidebar { left: -340px; } .offcanvas-left .offcanvas-sidebar.is-open { left: 0; right: auto; } .offcanvas-left.offcanvas-open { left: 340px; } .offcanvas-sidebar .widget { background: none; padding: 0; overflow: hidden; width: 100%; } .offcanvas-sidebar .widget ul.social > li { width: 30px; height: 30px; margin: 0 10px 0 0; padding-bottom: 0; border: none; } .offcanvas-sidebar .widget ul > li { border-bottom: 1px dashed #959595; margin-bottom: 20px; padding-bottom: 25px; position: relative; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .offcanvas-sidebar .widget ul > li.menu-item-has-children { cursor: pointer; } .offcanvas-sidebar .widget ul > li.menu-item-has-children:after { content: "\f107"; font-family: FontAwesome; color: #959595; position: absolute; top: 0; right: 0; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .offcanvas-sidebar .widget ul > li.canvas_active:after { content: "\f106"; } .offcanvas-sidebar .widget ul li::before, ul.social li::before { display: none; } .offcanvas-sidebar .widget ul > li:hover, .offcanvas-sidebar .widget ul > li.menu-item-has-children:hover:after, .offcanvas-sidebar .widget ul > li:hover > a { color: #fff; border-bottom-color: #fff; } .offcanvas-sidebar .widget, .offcanvas-sidebar .widget ul li a { color: #969696; width: 100%; } .offcanvas-sidebar .widget ul > li ul { margin-left: 10px; opacity: 0; height: 0; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .offcanvas-sidebar .widget ul > li.canvas_active ul { opacity: 1; height: 100%; } .offcanvas-sidebar .widget ul > li li { border-bottom: 0; padding-bottom: 0; margin-bottom: 0; padding-top: 10px; } .offcanvas-sidebar .widget-title { color: #fff; } .offcanvas-sidebar .widget .posts-list .post-item h4 a { color: #bdb099; } .offcanvas-sidebar .widget .posts-list .post-item .post-meta { color: #949494; } .offcanvas-sidebar .widget .posts-list .post-item { border-bottom: 1px solid #3e3e3e; } .offcanvas-sidebar .null-instagram-feed ul.instagram-pics { margin: -3px; } .offcanvas-sidebar .widget.null-instagram-feed p.clear a { color: #949494; margin-left: 3px } #close-canvas { position: absolute; top: 40px; right: 30px; } #close-canvas:after { font-family: "Simple-Line-Icons"; content: "\e082"; font-size: 130%; color: #bdb099; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } #close-canvas:hover:after { color: #fff; } /*-------------------------------------------------------------- 18. Background Image Animation --------------------------------------------------------------*/ @-webkit-keyframes animatedBackground_ltr { 0% { background-position: left; } 100% { background-position: right; } } @-moz-keyframes animatedBackground_ltr { 0% { background-position: left; } 100% { background-position: right; } } @keyframes animatedBackground_ltr { 0% { background-position: left; } 100% { background-position: right; } } .left_to_right { animation: 60s linear 0s normal none infinite animatedBackground_ltr; -o-animation: 60s linear 0s normal none infinite animatedBackground_ltr; -ms-animation: 60s linear 0s normal none infinite animatedBackground_ltr; -moz-animation: 60s linear 0s normal none infinite animatedBackground_ltr; -webkit-animation: 60s linear 0s normal none infinite animatedBackground_ltr; } @-webkit-keyframes animatedBackground_rtl { 0% { background-position: right; } 100% { background-position: left; } } @-moz-keyframes animatedBackground_rtl { 0% { background-position: right; } 100% { background-position: left; } } @keyframes animatedBackground_rtl { 0% { background-position: right; } 100% { background-position: left; } } .right_to_left { animation: 60s linear 0s normal none infinite animatedBackground_rtl; -o-animation: 60s linear 0s normal none infinite animatedBackground_rtl; -ms-animation: 60s linear 0s normal none infinite animatedBackground_rtl; -moz-animation: 60s linear 0s normal none infinite animatedBackground_rtl; -webkit-animation: 60s linear 0s normal none infinite animatedBackground_rtl; } @-webkit-keyframes animatedBackground_ttb { 0% { background-position: top; } 100% { background-position: bottom; } } @-moz-keyframes animatedBackground_ttb { 0% { background-position: top; } 100% { background-position: bottom; } } @keyframes animatedBackground_ttb { 0% { background-position: top; } 100% { background-position: bottom; } } .top_to_bottom { animation: 60s linear 0s normal none infinite animatedBackground_ttb; -o-animation: 60s linear 0s normal none infinite animatedBackground_ttb; -ms-animation: 60s linear 0s normal none infinite animatedBackground_ttb; -moz-animation: 60s linear 0s normal none infinite animatedBackground_ttb; -webkit-animation: 60s linear 0s normal none infinite animatedBackground_ttb; } @-webkit-keyframes animatedBackground_btt { 0% { background-position: bottom; } 100% { background-position: top; } } @-moz-keyframes animatedBackground_btt { 0% { background-position: bottom; } 100% { background-position: top; } } @keyframes animatedBackground_btt { 0% { background-position: bottom; } 100% { background-position: top; } } .bottom_to_top { animation: 60s linear 0s normal none infinite animatedBackground_btt; -o-animation: 60s linear 0s normal none infinite animatedBackground_btt; -ms-animation: 60s linear 0s normal none infinite animatedBackground_btt; -moz-animation: 60s linear 0s normal none infinite animatedBackground_btt; -webkit-animation: 60s linear 0s normal none infinite animatedBackground_btt; } /*-------------------------------------------------------------- 19. VC Override --------------------------------------------------------------*/ .wpb_alert.wpb_content_element { color: #fff; margin-bottom: 5px; padding: 8px 10px 8px 15px; position: relative; z-index: 0; border: none; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .wpb_alert.wpb_content_element .messagebox_text { background: none; padding: 0; display: table; width: 100%; } .wpb_alert.wpb_content_element .messagebox_text > * { display: table-cell; vertical-align: middle; } .wpb_alert.wpb_content_element .messagebox_text span:first-child { width: 43px; } .wpb_alert.wpb_content_element .messagebox_text i { font-size: 200%; } article.wpb_single_image { margin-bottom: 20px; } .wpb_tabs .ui-widget-content, .wpb_tabs .ui-widget-header { background: none; border: none; color: #959595; font-size: 100%; } /* Background Transparent ---------------------------- */ .wpb_alert.wpb_content_element.bg-transparent { background: none !important; border-width: 1px; border-style: solid; } /* Alert Info ---------------------------- */ .wpb_alert.wpb_content_element.wpb_alert-info { background: #bdb099; } /* Alert Warning ---------------------------- */ .wpb_alert.wpb_content_element.wpb_alert-warning { background: #FBAF5D; } /* Alert Success ---------------------------- */ .wpb_alert.wpb_content_element.wpb_alert-success { background: #8DC63F; } /* Alert Danger ---------------------------- */ .wpb_alert.wpb_content_element.wpb_alert-danger { background: #ed1c24; } /* Close action ---------------------------- */ .wpb_alert.wpb_content_element.has-close { padding-right: 35px; } .wpb_alert .close { height: 9px; position: absolute; right: 10px; top: 0px; width: 9px; color: #fff; font-size: 140%; cursor: pointer; } /*-------------------------------------------------------------- 20. Other Plugins --------------------------------------------------------------*/ /* Newsletter ---------------------------------------- */ .newsletter table, .newsletter th, .newsletter td { padding: 0; border: 0; } .newsletter th { display: none; } .newsletter tbody > tr { float: left } .newsletter .newsletter-email { width: 386px; margin-right: 20px; border: 0; } .newsletter .newsletter-submit { background: #972e37; border: 0; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; } .newsletter .newsletter-submit:hover { background: #7a1019; } .widget .newsletter form { position: relative; } .widget .newsletter .newsletter-email { width: 100%; border: 1px solid #ededed; padding: 0 40px 0 15px; } .widget .newsletter .newsletter-submit { background: none; position: absolute; top: 0; right: 0; width: 0; text-indent: -999em; } .widget .newsletter form > p:last-child { width: 0; height: 0; } .widget .newsletter form > p:last-child:before { content: "\f0e0"; position: absolute; font-family: FontAwesome; top: 12px; right: 15px; color: #ccc; } /* Ultimate WP ------------------------------------------- */ #uwpqsf_id { border: 0; background: url('../img/icons/search.png') no-repeat 15px center; padding-left: 80px; display: inline-block; width: 100%; } #uwpqsf_id .uwpqsf_class { display: inline-block; width: 100%; max-width: 220px; margin-right: 20px; float: left; clear: none; position: relative; } #uwpqsf_id .uwpqsf_class[class*="tax-select-"]:after { content: "\f107"; font-family: FontAwesome; position: absolute; width: 20px; height: 41px; background: #fff; right: -1px; top: 7px; border-radius: 1px; line-height: 41px; } #uwpqsf_id .uwpqsf_submit { max-width: 100px; margin-top: 6px; margin-right: 0 } #uwpqsf_id .uwpqsf_class input, #uwpqsf_id .uwpqsf_class select { height: 43px; width: 100%; padding: 0 15px; color: #989898; border-color: #dfdfdf; border-radius: 2px; font-size: 85%; background: #fff; } #uwpqsf_id .uwpqsf_class select { padding: 0 0 0 15px; border: none; box-shadow: none; } #uwpqsf_id .uwpqsf_class input { margin-top: 6px; } .uform_title, #uwpqsf_id label.uwpqsf_class { display: none; } #uwpqsf_id .uwpqsf_class input#uwpqsf_id_btn { color: #fff; margin-top: 0; height: 42px; background: #434343; } #uwpqsf_id .uwpqsf_class input#uwpqsf_id_btn:hover { background: #bdb099; } .uwpqsf_class > span[class*="taxolabel-"], .uwpqsf_class > span[class*="cmflabel-"] { padding: 3px; } /* Bg Video ------------------------ */ .ow-bg-video { position: relative; } .ow-bg-video .inlinePlayer { width: 100%; } .ow-bg-video .inlinePlayer .mb_YTVPPlaypause { width: 74px; height: 74px; display: block; background: url('../img/icons/play.png') no-repeat 0 0; position: absolute; left: 50%; margin-left: -37px; text-indent: -999em; cursor: pointer; } .ow-bg-video .playerBox { margin-top: 0 !important; } .ow-bg-video .mb_YTVPMuteUnmute, .ow-bg-video .mb_YTVPUrl, .ow-bg-video .mb_OnlyYT, .ow-bg-video .mb_YTVPTime { display: none; } /* Instagram ------------------------------- */ .null-instagram-feed { overflow: hidden; } .null-instagram-feed ul.instagram-pics { margin: -5px -10px; } .null-instagram-feed ul li { float: left; width: 25%; padding: 5px; margin: 0; } .null-instagram-feed ul li a { border: 0; padding: 0; overflow: hidden; height: 100%; width: 100%; display: block; } .null-instagram-feed ul li:before { display: none; } .null-instagram-feed ul li img { float: left; width: 100%; height: auto; padding: 0; } .null-instagram-feed ul li:hover a { transform: scale(1.2); -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } /* Revolution slider ----------------------------------------*/ .tp-bullets { display: none; } .tp-leftarrow, .tp-rightarrow { background: #fff ! important; opacity: 1; top: 50% ! important; margin-top: -20px ! important; width: 40px; height: 40px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; transform: none ! important; -webkit-transform: none ! important; --transform: none ! important; border-radius: 50%; } .tp-leftarrow:before, .tp-rightarrow:before { color: #bdb099; font-size: 18px; line-height: 40px; } .tp-leftarrow:before { font-family: "FontAwesome" ! important; content: "\f104" ! important; margin-left: -2px } .tp-rightarrow:before { font-family: "FontAwesome" ! important; content: "\f105" ! important; margin-left: 2px } .tp-leftarrow { left: 3.5% !important; margin-left: 0 ! important; } .tp-rightarrow { right: 3.5% !important; left: auto ! important; } .tp-leftarrow:hover:before, .tp-rightarrow:hover:before { color: #252525 ! important; } .revolution-button { color: #fff !important; text-shadow: none; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; font-size: 20px; font-weight: 700; border: 5px solid rgba( 255, 255, 255, .6 ); display: block; padding: 11px 30px; text-transform: uppercase; font-family: 'PT serif', sans-serif; } .revolution-button:hover { border-color: rgba( 255, 255, 255, 1 ); } .revolution-button.orange { color: #bdb099 !important; border-color: #bdb099; } .revolution-button.orange:hover { color: #02b98d !important; border-color: #02b98d; } .dot-line { width: 90%; height: 100%; position: absolute; top: 0; left: 5%; background: url('../img/dot-line.png') no-repeat -25% center; background-size: 100%; text-align: center; z-index: 1000; } /* Icegram --------------------------- */ .ig_popup.ig_inspire .ig_message { padding: 0 15px ! important; } .ig_message .widgetGuts table{ width: 100% } .ig_message .vc_row { margin-bottom: 0 } .ig_popup.ig_inspire input[type="submit"] { background: #bdb099 ! important; font-size: 100% ! important; font-weight: 400 ! important; padding: 10px 0 ! important; height: inherit ! important; font-size: 87.5% ! important; border-radius: 50px; } .ig_message p { font-size: 87.5%; color: #959595; line-height: 1.3 } /* Booking System Pro ---------------------------------*/ .dopbsp-sidebar-content { display: block } .dopbsp-sidebar-content tr, .dopbsp-sidebar-content th, .dopbsp-sidebar-content td, .dopbsp-sidebar-content table, .dopbsp-sidebar-content tbody { display: block; /* width: 100%;*/ font-family: "PT Serif" ! important; } .DOPBSPCalendar-sidebar #DOPBSPCalendar-search1.dopbsp-module, .DOPBSPCalendar-outer-sidebar #DOPBSPCalendar-search1.dopbsp-module, .DOPBSPCalendar-sidebar .dopbsp-module, .DOPBSPCalendar-outer-sidebar .dopbsp-module, .DOPBSPCalendar-sidebar #DOPBSPCalendar-reservation1.dopbsp-module { background: transparent ! important; border: none ! important; margin: 0 ! important; padding: 20px 0 ! important; clear: both; } .dopbsp-input-wrapper { width: 100%; position: relative; } .DOPBSPCalendar-sidebar .dopbsp-module .dopbsp-input-wrapper input[type=text].DOPBSPCalendar-check-in-view, .DOPBSPCalendar-sidebar .dopbsp-module .dopbsp-input-wrapper input[type=text].DOPBSPCalendar-check-out-view, .DOPBSPCalendar-outer-sidebar .dopbsp-module .dopbsp-input-wrapper input[type=text].DOPBSPCalendar-check-in-view, .DOPBSPCalendar-outer-sidebar .dopbsp-module .dopbsp-input-wrapper input[type=text].DOPBSPCalendar-check-out-view { background: none !important; padding: 10px 20px !important; width: 100% !important; height: 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .DOPBSPCalendar-sidebar .dopbsp-module .dopbsp-input-wrapper input[type=text], .DOPBSPCalendar-outer-sidebar .dopbsp-module .dopbsp-input-wrapper input[type=text], .DOPBSPCalendar-sidebar .DOPSelect .dopselect-select, .DOPBSPCalendar-outer-sidebar .DOPSelect .dopselect-select { background: transparent !important; border: 2px dashed #959595 !important; height: 40px; width: 100% ! important } #DOPBSPCalendar-hours-select1 { width: 66%; float: left; } #DOPBSPCalendar-no-items-wrapper1 { width: 33%; float: right; } #DOPBSPCalendar-hours-select1 .DOPBSPCalendar-left.dopbsp-input-wrapper { width: 48% ! important; float: left; } #DOPBSPCalendar-search1 .DOPBSPCalendar-left.dopbsp-input-wrapper { width: 100%; margin-bottom: 20px; } #DOPBSPCalendar-search1 > .DOPBSPCalendar-left.dopbsp-input-wrapper:after { font-family: "Simple-Line-Icons"; position: absolute; top: 0; right: 20px; line-height: 42px; font-size: 85%; color: #959595; content: "\e075"; } #DOPBSPCalendar-hours-select1 .dopbsp-input-wrapper label, #DOPBSPCalendar-search1 input, #DOPBSPCalendar-no-items-wrapper1 .dopselect-selection, #DOPBSPCalendar-no-items-wrapper1 label { font-family: "PT Serif"; font-style: italic; } #DOPBSPCalendar-hours-select1 .dopbsp-input-wrapper label, #DOPBSPCalendar-no-items-wrapper1 label { position: absolute; top: 15px; left: 30px; } .DOPBSPCalendar-sidebar .DOPSelect.dopbsp-small .dopselect-select .dopselect-selection, .DOPBSPCalendar-outer-sidebar .DOPSelect.dopbsp-small .dopselect-select .dopselect-selection { font-family: "PT Serif" ! important; font-style: italic; margin-left: 120px; margin-top: 10px; padding: 0; font-size: 75% ! important; } .DOPBSPCalendar-sidebar .DOPSelect.dopselect-single.dopbsp-small, .DOPBSPCalendar-outer-sidebar .DOPSelect.dopselect-single.dopbsp-small { width: 100% ! important } .DOPSelect.dopselect-single { width: 100% ! important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .DOPSelect.dopselect-single .dopselect-select { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 50px; } .DOPBSPCalendar-sidebar .DOPSelect .dopselect-select:after, .DOPBSPCalendar-outer-sidebar .DOPSelect .dopselect-select:after { font-family: "FontAwesome"; position: absolute; top: 0; right: 20px; line-height: 42px; font-size: 85%; color: #959595; content: "\f107"; } .DOPSelect.dopselect-single .dopselect-select .dopselect-icon { text-indent: -9999em; } .DOPBSPCalendar-sidebar .dopbsp-input-wrapper .DOPSelect.dopbsp-small ul li, .DOPBSPCalendar-outer-sidebar .dopbsp-input-wrapper .DOPSelect.dopbsp-small ul li { width: 100% ! important; } #DOPBSPCalendar-reservation1.dopbsp-module h4 { text-transform: uppercase; font-family: "Montserrat" ! important; color: #252525 ! important; padding: 20px 0 0 ! important } .dopbsp-module h4:after { content: ""; width: 100px; height: 2px; background: transparent url("../img/line.png") no-repeat scroll 0% 0%; display: block; margin: 15px 0px; } #DOPBSPCalendar-reservation-cart1.dopbsp-cart-wrapper .dopbsp-cart td.dopbsp-label, #DOPBSPCalendar-reservation-cart1 .dopbsp-cart-wrapper .dopbsp-cart td.dopbsp-value { color: #959595; font-weight: normal; padding: 2px 0 3px 10px !important; width: 150px; font-style: italic; } #DOPBSPCalendar-reservation-cart1 .dopbsp-cart-wrapper .dopbsp-cart .dopbsp-total td.dopbsp-label, #DOPBSPCalendar-reservation-cart1 .dopbsp-cart-wrapper .dopbsp-cart .dopbsp-total td.dopbsp-value { background: transparent; color: #252525; font-size: 15px; font-weight: bold; line-height: 20px; padding: 20px 0 20px 10px !important; } #DOPBSPCalendar-reservation-cart1 .dopbsp-message { font-family: "PT Serif"; color: #252525; background: transparent; padding: 20px 0 0; margin-bottom: 0; } #dopbsp-wc-booking-reservation { margin-top: 20px; display: block; padding: 12px; border: 1px dashed; } .product-cat-hiring .owl-theme .owl-controls { display: none ! important } .woocommerce div.product.product-cat-hiring .woocommerce-tabs { width: 100%; float: none; } .product-cat-hiring .woocommerce-tabs ul.tabs, .product-cat-hiring .product_meta, .product-cat-hiring .k2t-social-share { display: none; } .product-cat-hiring #single-product-image-wrap { overflow: hidden; } /*-------------------------------------------------------------- 21. Eion css --------------------------------------------------------------*/ .skin-eion .k2t-body .circle-bg, .skin-eion .dot-line { background-image: none; } .skin-eion .banner-content.round-border .banner-content-inner span.text-box { letter-spacing: 10px; padding-left: 10px; } .skin-eion .k2t-button a { background: #eb55a3; } .skin-eion .k2t-button:hover a { background: #252525; } .skin-eion .k2t-footer .frm-subscriptionFront .subscribeButton { background: #ffffff; } .skin-eion .k2t-footer .frm-subscriptionFront .subscribeButton:hover { background: #252525; color: #ffffff; } /* nav menu*/ .skin-eion .k2t-header .k2t-menu .mega-container .k2t-megamenu-submenu > a { border-bottom: 2px dashed #252525; font-size: 100%; color: #252525 !important; text-transform: uppercase; } /*Offcanvas-siderbar*/ .skin-eion .offcanvas-sidebar .widget.k2t-social-widget { color: #fff; margin-bottom: 60px; margin-top: -30px; } .skin-eion .offcanvas-sidebar ul.social li a { background: transparent; } .skin-eion #close-canvas:after { color: #ffffff; } .skin-eion .k2t-countdown .ele .unit { margin-top: 0px; } .skin-eion .pricing-footer .k2t-button a { color: #fff; } .skin-eion #simple-subscribe-style2 .widgetGuts.shortcode .frm-subscriptionFront .subscribeButton.button:hover { background-color: #eb55a3; } .skin-eion .frm-subscriptionFront .text:focus { border: 1px solid #ffffff; } /*style palcehoder*/ .skin-eion ::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #ffffff; } .skin-eion :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #ffffff; opacity: 1; } .sin-ein ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #ffffff; opacity: 1; } .skin-eion :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #ffffff; } .skin-eion .dhvc-woo-list-item .dhvc-woo-images { max-width: 30% !important; } /* 22. Ecwid shop plugin */ html#ecwid_html body#ecwid_body .k2t-btt { font-style: normal !important; } html#ecwid_html body#ecwid_body #horizontal-menu.horizontal-desktop .horizontal-menu, html#ecwid_html body#ecwid_body .ecwid-SearchPanel { margin: 0 10px; } html#ecwid_html body#ecwid_body .ecwid-SearchPanel { text-align: right; } html#ecwid_html body#ecwid_body .horizontal-menu--desktop { display: none; } html#ecwid_html body#ecwid_body div.ecwid-productBrowser-productsGrid{ margin: 0 -1500px; } html#ecwid_html body#ecwid_body div.ecwid-productBrowser-productsGrid { margin: 0 -20px !important; } html#ecwid_html body#ecwid_body .ecwid-shopping-cart-search { text-align: right; } html#ecwid_html body#ecwid_body .ecwid-shopping-cart-search .ecwid-SearchPanel .ecwid-SearchPanel-field, html#ecwid_html body#ecwid_body.chameleon .ecwid-SearchPanel input.ecwid-SearchPanel-field, html#ecwid_html body#ecwid_body .ecwid-responsive .ecwid-productBrowser-innerTable div.ecwid-productBrowser-search-SearchPanel input.gwt-TextBox { background: #fff !important; border: none; color: #959595; font-family: "PT Serif" !important; font-style: italic; font-size: 16px; margin-right: 0; height: 40px; line-height: 40px; padding: 0 15px; } html#ecwid_html body#ecwid_body .ecwid-shopping-cart-search .ecwid-SearchPanel .ecwid-SearchPanel-button { font-family: "Montserrat",sans-serif !important; } html#ecwid_html body#ecwid_body .k2t-sidebar .ecwid-SearchPanel input { max-width: 169px; } html#ecwid_html body#ecwid_body.chameleon .k2t-sidebar .ecwid-SearchPanel .ecwid-SearchPanel-button { padding: 0 21px; } html#ecwid_html body#ecwid_body div.ecwid-productBrowser-productsTable-inTheBagTick { background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'%3E%3Cpath fill='%23bdb099' d='M5 12l5.02 4.9L21.15 4c.65-.66 1.71-.66 2.36 0 .65.67.65 1.74 0 2.4l-1502.3 14.1c-.33.33-.76.5-150.18.5-.43 0-.86-.17-150.18-.5l-6.21-6.1c-.65-.66-.65-150.74 0-2.41.65-.65 1.71-.65 2.36.01z'/%3E%3C/svg%3E") no-repeat center center !important; } html#ecwid_html body#ecwid_body .ecwid-shopping-cart-search .ecwid-SearchPanel .ecwid-SearchPanel-button, html#ecwid_html body#ecwid_body.chameleon .ecwid-SearchPanel .ecwid-SearchPanel-button, html#ecwid_html body#ecwid_body .ecwid-productBrowser-innerTable div.ecwid-productBrowser-search-SearchPanel .ecwid-btn--secondary, html#ecwid_html body#ecwid_body.chameleon .ecwid-productBrowser-innerTable .ecwid-btn--secondary { background-color: #bdb099; border-radius: 0; color: #fff; font-size: 14px; height: 40px; line-height: 40px; padding: 0 30px; text-transform: uppercase; } html#ecwid_html body#ecwid_body.chameleon div.ecwid-form { background-color: transparent!important; } html#ecwid_html body#ecwid_body .ecwid-productBrowser-innerTable div.ecwid-productBrowser-head { color: #252525 !important; font-size: 30px; } html#ecwid_html body#ecwid_body .ecwid-productBrowser-innerTable div.ecwid-productBrowser-categoryPath *, html#ecwid_html body#ecwid_body .ecwid-productBrowser-innerTable .ecwid-results-topPanel *, html#ecwid_html body#ecwid_body .ecwid-productBrowser-innerTable .ecwid-productBrowser-auth-mini-horizontal * { font-size: 16px !important; } html#ecwid_html body#ecwid_body.chameleon div.ecwid-productBrowser-categoryPath a:hover, html#ecwid_html body#ecwid_body.chameleon div.ecwid-results-topPanel div.ecwid-results-topPanel-viewAsPanel-link:hover, html#ecwid_html body#ecwid_body div.ecwid-results-topPanel div.ecwid-results-topPanel-viewAsPanel-current, html#ecwid_html body#ecwid_body.chameleon .ecwid a:hover { color: #252525!important; } html#ecwid_html body#ecwid_body div.ecwid-results-topPanel div.ecwid-results-topPanel-viewAsPanel-current { } /* shoping cart */ html#ecwid_html body#ecwid_body .ecwid div.ecwid-minicart { border: none; border-radius: 0; width: 100%; } html#ecwid_html body#ecwid_body .ecwid > div > div { position: relative; } html#ecwid_html body#ecwid_body .ecwid div.ecwid-minicart { height: 103px; } html#ecwid_html body#ecwid_body .ecwid .ecwid-minicart-caption, html#ecwid_html body#ecwid_body .ecwid .ecwid-minicart-label, html#ecwid_html body#ecwid_body .ecwid .ecwid-minicart-link { padding-left: 87px; text-align: left; top: 0; width: 100%; } html#ecwid_html body#ecwid_body .ecwid .ecwid-minicart-caption { padding-top: 15px; text-transform: uppercase; } html#ecwid_html body#ecwid_body .ecwid .ecwid-minicart-link span { color: #E5E0D7 !important; font-size: 14px; padding-top: 4px; } html#ecwid_html body#ecwid_body .ecwid .ecwid-minicart-link:hover span { color: #252525 !important; } html#ecwid_html body#ecwid_body .ecwid .ecwid-minicart-label{ padding-top: 5px; } html#ecwid_html body#ecwid_body .ecwid div.ecwid-minicart-clickArea { background-image: none !important; left: 21px; } html#ecwid_html body#ecwid_body .ecwid div.ecwid-minicart-counter { background-color: #555; border-radius: 50%; color: #fff; font-size: 16px; line-height: 23px; height: 23px; width: 23px; left: 44px; top: 23px; z-index: 10; } html#ecwid_html body#ecwid_body .ecwid div.ecwid-minicart-counter:hover{ background-color: #BDB099; } html#ecwid_html body#ecwid_body div.ecwid-minicart-clickArea:before { content: '\e04e'; color: #BDB099; font-family: Simple-Line-Icons; font-size: 30px; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; } html#ecwid_html body#ecwid_body .ecwid-categories-vertical { padding: 12px 0 20px 0 !important; width: 100%; } html#ecwid_html body#ecwid_body .ecwid span.ecwid-categories-category { color: #252525 !important; font-size: 16px; } html#ecwid_html body#ecwid_body .ecwid span.ecwid-categories-category:hover { color: #BDB099 !important; } html#ecwid_html body#ecwid_body .ecwid span.ecwid-categories-category::before { content: "+"; margin-right: 10px; } html#ecwid_html body#ecwid_body.chameleon td.ecwid-categories-vertical-table-cell { border: none !important; } html#ecwid_html body#ecwid_body.chameleon td.ecwid-categories-vertical-table-cell.ecwid-categories-vertical-table-cell-selected .ecwid-categories-vertical-table-cell-categoryLink span { color: #bdb099 !important; } html#ecwid_html body#ecwid_body.chameleon td.ecwid-categories-vertical-table-cell .gwt-MenuItem-current span { color: #bdb099 !important; } html#ecwid_html body#ecwid_body.chameleon div.ecwid-categoriesMenuBar td span.ecwid-categories-category { font-size: 16px; } html#ecwid_html body#ecwid_body.chameleon div.ecwid-categoriesMenuBar .gwt-MenuItem-current { color: #bdb099; } html#ecwid_html body#ecwid_body div.ecwid-categories-vertical td.gwt-MenuItem { padding: 0 40px 0 50px !important; } html#ecwid_html body#ecwid_body .k2t-sidebar .ecwid-SearchPanel { text-align: left; margin: 0; } /* sign in row */ .ecwid-productBrowser-auth-mini .mini-cart-attached-to-categories, .ecwid-productBrowser-auth-mini .ecwid-minicart-mini { position: relative !important; } html#ecwid_html body#ecwid_body .ecwid-productBrowser-innerTable .ecwid-ProductBrowser-auth-anonim-mini, .ecwid-productBrowser-innerTable .ecwid-minicart-mini .ecwid-minicart-mini-link, .ecwid-productBrowser-innerTable .ecwid-minicart-mini .ecwid-minicart-mini-count, .ecwid-productBrowser-innerTable .ecwid-ProductBrowser-auth-space { position: absolute !important; } html#ecwid_html body#ecwid_body .ecwid-ProductBrowser-auth-anonim-mini { top: 14px !important; right: -60px; } .ecwid-productBrowser-innerTable .ecwid-minicart-mini .ecwid-minicart-mini-link { top: 16px !important; right: 30px !important; display: inline; } .ecwid-productBrowser-innerTable .ecwid-minicart-mini-rolloverContainer { padding-top: 21px; padding-left: 85px; } .ecwid-productBrowser-innerTable .ecwid-minicart-mini .ecwid-minicart-mini-count { top: 16px !important; right: 0; } .ecwid-productBrowser-innerTable .ecwid-ProductBrowser-auth-space { position: absolute; } html#ecwid_html body#ecwid_body .ecwid-minicart-mini-rollover { margin-left: 100px !important; margin-top: 16px !important; } html#ecwid_html body#ecwid_body .k2t-sidebar .ecwid-minicart-mini-rollover { margin-left: 0 !important; margin-top: 0 !important; } /* end */ table.ecwid-productBrowser-subcategories-mainTable tbody tr .velo-product-hover { box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.1); transform: translateY(-4px); -moz-transform: translateY(-4px); -webkit-transform: translateY(-4px); -ms-transform: translateY(-4px); transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; } table.ecwid-productBrowser-subcategories-mainTable tbody tr td { transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; } html#ecwid_html body#ecwid_body.chameleon tr div.ecwid-productBrowser-subcategories-categoryName { background-color: #fff; border-top: 1px solid #e5e5e5; color: #252525; font-family: "PT Serif",sans-serif; font-size: 100%; margin-top: 0; padding-top: 20px; padding-bottom: 20px; } html#ecwid_html body#ecwid_body.chameleon .ecwid-productBrowser-subcategories-mainTable tbody tr td .ecwid-imgLoaded, html#ecwid_html body#ecwid_body.chameleon .ecwid-productBrowser-subcategories-mainTable tbody tr td .ecwid-productBrowser-subcategories-categoryName { background-color: #fff; width: 100%; } html#ecwid_html body#ecwid_body div.ecwid-results-topPanel div.ecwid-results-topPanel-itemsCountLabel-cell { display: block !important; } html#ecwid_html body#ecwid_body div.ecwid-results-topPanel div.ecwid-results-topPanel-itemsCountLabel-cell .ecwid-results-topPanel-itemsCountLabel { position: absolute; } /*category listing */ html#ecwid_html body#ecwid_body div.ecwid-productBrowser-productsGrid-productTopFragment-inTheBag .gwt-HTML { position: relative; } html#ecwid_html body#ecwid_body.chameleon .ecwid .ecwid-productBrowser-productDragLabel { top:10px; opacity: 1; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; } html#ecwid_html body#ecwid_body.chameleon .ecwid .ecwid-productBrowser-productDragLabel.ecwid-productBrowser-productDragLabel-invisible { opacity: 0; top: 0; text-align: center; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; z-index: 10; } html#ecwid_html body#ecwid_body.chameleon .ecwid .ecwid-productBrowser-productDragLabel:not(.ecwid-productBrowser-productDragLabel-invisible) { color: #252525; opacity: 1; position: absolute; top: 10px; width: 100%; text-align: center; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s;; z-index: 10; } html#ecwid_html body#ecwid_body div.ecwid-productBrowser-productsGrid-productTopFragment-inTheBag div.ecwid-productBrowser-productsGrid-inTheBagTick { background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'%3E%3Cpath fill='%23bdb099' d='M5 12l5.02 4.9L21.15 4c.65-.66 1.71-.66 2.36 0 .65.67.65 1.74 0 2.4l-12.3 14.1c-.33.33-.76.5-1.18.5-.43 0-.86-.17-1.18-.5l-6.21-6.1c-.65-.66-.65-1.74 0-2.41.65-.65 1.71-.65 2.36.01z'/%3E%3C/svg%3E") no-repeat scroll right center / 21px auto !important; position: absolute; top: 10px; left: -20px; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; z-index: 10; } html#ecwid_html body#ecwid_body .ecwid-productBrowser-productsGrid-v2 tr .ecwid-productBrowser-productsGrid-hover { box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.1); transform: translateY(-4px); -moz-transform: translateY(-4px); -webkit-transform: translateY(-4px); -ms-transform: translateY(-4px); transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; } html#ecwid_html body#ecwid_body .ecwid .ecwid-productBrowser-productsGrid-v2 .ecwid-productBrowser-productsGrid-productTopFragment div.ecwid-favorite-view { background: transparent; top: 8px; right: 13px; left: inherit; z-index: 10; } html#ecwid_html body#ecwid_body .ecwid .ecwid-productBrowser-productsGrid-v2 .ecwid-productBrowser-productsGrid-hover .ecwid-productBrowser-productsGrid-productTopFragment .ecwid-favorite-view-focus-wrapper + table div.ecwid-productBrowser-productsGrid-inTheBagTick { top: 27px; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; } html#ecwid_html body#ecwid_body .ecwid-productBrowser-productsGrid-v2 tr td .ecwid-productBrowser-productsGrid-productTopFragment { border-bottom: 1px solid #e5e5e5; padding-top: 0; position: relative; } html#ecwid_html body#ecwid_body .ecwid-productBrowser-productsGrid-v2 tr td .ecwid-productBrowser-productsGrid-productTopFragment:before { background-color: rgba(255,255,255,0); content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; z-index: 10; } html#ecwid_html body#ecwid_body .ecwid-productBrowser-productsGrid-v2 tr .ecwid-productBrowser-productsGrid-hover .ecwid-productBrowser-productsGrid-productTopFragment:before { background-color: rgba(255,255,255,0.7); transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; } html#ecwid_html body#ecwid_body.chameleon .ecwid-productBrowser-productsGrid-v2 tr td.ecwid-productBrowser-productsGrid-productInside.ecwid-productBrowser-productsGrid-hover { border-color: rgba(149, 149, 149, 0); transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; } html#ecwid_html body#ecwid_body.chameleon .ecwid-productBrowser-productsGrid-v2 tr td { transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; } html#ecwid_html body#ecwid_body.chameleon .ecwid-productBrowser-productsGrid-v2 tr .ecwid-productBrowser-productsGrid-productTopFragment { background-color: #fff; } html#ecwid_html body#ecwid_body tr td div.ecwid-productBrowser-productsGrid-productMiddleFragment { background-color: #fff; margin: 0; height: 50px; line-height: 50px; overflow: hidden; text-align: left; position: relative; } html#ecwid_html body#ecwid_body tr td div.ecwid-productBrowser-productsGrid-productMiddleFragment .ecwid-productBrowser-productNameLink { height: 50px; line-height: 50px; text-align: left !important; overflow: hidden; } html#ecwid_html body#ecwid_body tr td div.ecwid-productBrowser-productsGrid-productMiddleFragment .ecwid-productBrowser-productNameLink a { color: #252525 !important; display: inline-block; height: 50px; line-height: 50px; padding-left: 20px; overflow: hidden; } html#ecwid_html body#ecwid_body .ecwid-productBrowser-productsGrid table tr:nth-child(6n+4){ transform: translateY(-50px); -moz-transform: translateY(-50px); -webkit-transform: translateY(-50px); -ms-transform: translateY(-50px); } html#ecwid_html body#ecwid_body .ecwid-productBrowser-productsGrid-v2 tr td div.ecwid-productBrowser-productsGrid-productCostFragment { height: 50px; line-height: 50px; padding: 0; position: absolute; text-align: right; width: 100%; } html#ecwid_html body#ecwid_body .ecwid-productBrowser-productsGrid-v2 tr td div.ecwid-productBrowser-productsGrid-productCostFragment span { color: #252525; padding-right: 20px; } html#ecwid_html body#ecwid_body .ecwid-productBrowser-productsGrid-v2 tr td div.ecwid-productBrowser-productsGrid-productCostFragment span + .ecwid-productBrowser-price-value{ position: absolute; top: 9px; right: 0; } html#ecwid_html body#ecwid_body .ecwid-productBrowser-productsGrid-v2 tr td div.ecwid-productBrowser-productsGrid-productCostFragment .ecwid-productBrowser-price-compareTo { padding-right: 20px; position: absolute; right: 0; top: -15px; } html#ecwid_html body#ecwid_body .ecwid-productBrowser-productsGrid-v2 tr td div.ecwid-productBrowser-productsGrid-productCostFragment .ecwid-productBrowser-productsGrid-like { position: absolute; top: -79px; right: 29px; } html#ecwid_html body#ecwid_body .ecwid-productBrowser-productsGrid-v2 tr td div.ecwid-productBrowser-productsGrid-productCostFragment .ecwid-productBrowser-price-compareTo-title { display: none; } html#ecwid_html body#ecwid_body .ecwid-productBrowser-productsGrid-v2 tr td div.ecwid-productBrowser-productsGrid-productCostFragment .ecwid-productBrowser-price-savePanel { display: none; } html#ecwid_html body#ecwid_body .ecwid-productBrowser-productsGrid table tr td { position: relative; } html#ecwid_html body#ecwid_body .ecwid-productBrowser-productsGrid table tr:nth-child(6n) { display: none; } html#ecwid_html body#ecwid_body .ecwid-productBrowser-productsGrid table tr:nth-child(6n+5){ position: relative; transform: translateY(-50px); -moz-transform: translateY(-50px); -webkit-transform: translateY(-50px); -ms-transform: translateY(-50px); z-index: 20; } html#ecwid_html body#ecwid_body .ecwid-productBrowser-productsGrid-v2 tr div.ecwid-productBrowser-productsGrid-productBottomFragment { background-color: transparent; box-shadow: 0 0 0 rgba(0,0,0,0); height: 50px; opacity: 0; } html#ecwid_html body#ecwid_body .ecwid-productBrowser-productsGrid-v2 tr td div.ecwid-productBrowser-productsGrid-productBottomFragment-mouseover { opacity: 1; } html#ecwid_html body#ecwid_body .ecwid-productBrowser-productsGrid-v2 tr td.ecwid-productBrowser-productsGrid-cellBottom { box-shadow: 0 0 0 rgba(0,0,0,0) !important; transform: translateY(-150px); -moz-transform: translateY(-150px); -webkit-transform: translateY(-150px); -ms-transform: translateY(-150px); opacity: 0; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; } html#ecwid_html body#ecwid_body .ecwid-productBrowser-productsGrid-v2 tr td.ecwid-productBrowser-productsGrid-hover { opacity: 1; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s;; } html#ecwid_html body#ecwid_body.chameleon .ecwid-btn--primary:hover { color: #FFF; background-color: #252525!important; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; } html#ecwid_html body#ecwid_body .ecwid tr td .ecwid-btn--primary { background-color: #bdb099; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; } /* product listing */ html#ecwid_html body#ecwid_body .ecwid-productBrowser-productsList-productRow { background-color: #fff !important; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; } html#ecwid_html body#ecwid_body .ecwid-productBrowser-productsList-productRow:hover { box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.1); transform: translateY(-4px); -moz-transform: translateY(-4px); -webkit-transform: translateY(-4px); -ms-transform: translateY(-4px); transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; } html#ecwid_html body#ecwid_body .ecwid-productBrowser-productsListContainer { border-spacing: 0 10px !important; } html#ecwid_html body#ecwid_body div.ecwid-productBrowser-productsList-inTheBagTick { background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'%3E%3Cpath fill='%23bdb099' d='M5 12l5.02 4.9L21.15 4c.65-.66 1.71-.66 2.36 0 .65.67.65 1.74 0 2.4l-1502.3 14.1c-.33.33-.76.5-150.18.5-.43 0-.86-.17-150.18-.5l-6.21-6.1c-.65-.66-.65-150.74 0-2.41.65-.65 1.71-.65 2.36.01z'/%3E%3C/svg%3E") no-repeat center center !important; } html#ecwid_html body#ecwid_body .ecwid .ecwid-productBrowser-productsListContainer div.ecwid-favorite-view { background: transparent; } html#ecwid_html body#ecwid_body .ecwid-productBrowser-productsList-productRow div.ecwid-productBrowser-productNameLink a { color: #252525 !important; font-size: 18px !important; } html#ecwid_html body#ecwid_body .ecwid-productBrowser-productsList-productRow div.ecwid-productBrowser-productsList-descr { color: #959595!important; font-size: 12px; } html#ecwid_html body#ecwid_body .ecwid-productBrowser-productsList-productRow div.ecwid-productBrowser-productsList-details { position: relative; } html#ecwid_html body#ecwid_body .ecwid-productBrowser-productsList-productRow div.ecwid-productBrowser-productsList-details div.ecwid-productBrowser-price-list { color: #bdb099 !important; font-size: 30px; position: absolute; top: 14px; right: 30px; } html#ecwid_html body#ecwid_body .ecwid-productBrowser-productsList-productRow .ecwid-btn--primary { border-radius: 30px !important; padding: 8px 20px !important; font-size: 10px !important; min-width: 130px !important; width: auto; text-transform: uppercase !important; } html#ecwid_html body#ecwid_body .ecwid-productBrowser-productsList-productRow td > div { padding-top: 20px; margin-bottom: 20px; } html#ecwid_html body#ecwid_body .ecwid-productBrowser-productsList-productRow td .ecwid-productBrowser-productsList-inTheBagTick { margin-top: 25px; } html#ecwid_html body#ecwid_body .ecwid-productBrowser-productsList-productRow td .ecwid-productBrowser-productsList-descr { margin: 8px 0; } /* product table */ html#ecwid_html body#ecwid_body .ecwid-productBrowser-productsTable table.ecwid-productBrowser-productsTable-table { width: 100%; } html#ecwid_html body#ecwid_body .ecwid .ecwid-ProductsList-content .ecwid-productBrowser-productsList-separatorRow td { position: relative; } html#ecwid_html body#ecwid_body .ecwid .ecwid-ProductsList-content div.ecwid-favorite-view { background: transparent; } html#ecwid_html body#ecwid_body table.ecwid-productBrowser-productsTable-table div.ecwid-productBrowser-productNameLink a { color: #252525 !important; font-size: 16px !important; } html#ecwid_html body#ecwid_body div.ecwid-enableDetailedTaxes div.ecwid-productBrowser-productsTable div.ecwid-productBrowser-price span { color: #959595; font-size: 16px; } html#ecwid_html body#ecwid_body td.ecwid-productBrowser-productsTable-cellOdd { background-color: #fff!important; } html#ecwid_html body#ecwid_body table.ecwid-productBrowser-productsTable-table div.ecwid-productBrowser-productsTable-addToBagLink:hover { color: #252525 !important; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; } html#ecwid_html body#ecwid_body.chameleon table.ecwid-productBrowser-productsList-v2 div.ecwid-productBrowser-productNameLink:hover a:hover { color: #BDB099 !important; } /* ecwid single product */ html#ecwid_html body#ecwid_body .ecwid-productBrowser-detailsContainer .ecwid-productBrowser-details { padding-top: 30px; position: relative; } html#ecwid_html body#ecwid_body.chameleon .ecwid .ecwid-productBrowser-nav { position: absolute; top: 20px; left: 0; width: 100%; } html#ecwid_html body#ecwid_body.chameleon .ecwid .ecwid-productBrowser-nav * { background-color: transparent!important; } html#ecwid_html body#ecwid_body div.ecwid-productBrowser-details-rightPanel div.ecwid-productBrowser-nav div.ecwid-productBrowser-backgroundedPanel { width: 100%; max-width: 100%; } html#ecwid_html body#ecwid_body .ecwid .ecwid-productBrowser-nav a { font-size: 14px; } html#ecwid_html body#ecwid_body .pswp__button.pswp__button--close { display: none; } html#ecwid_html body#ecwid_body .pswp__ui button { background-color: #BDB099; } html#ecwid_html body#ecwid_body .pswp__ui button:hover { background-color: #959595; } html#ecwid_html body#ecwid_body .ecwid-productBrowser-nav a.ecwid-productBrowser-nav-left:hover:before, html#ecwid_html body#ecwid_body .ecwid-productBrowser-nav a.ecwid-productBrowser-nav-left:hover:after, html#ecwid_html body#ecwid_body .ecwid-productBrowser-nav a.ecwid-productBrowser-nav-right:hover:before, html#ecwid_html body#ecwid_body .ecwid-productBrowser-nav a.ecwid-productBrowser-nav-right:hover:after { color: #252525; } html#ecwid_html body#ecwid_body .ecwid-productBrowser-nav a.ecwid-productBrowser-nav-left:before { content:"\f177"; color: #959595; display: inline-block; font-family: 'FontAwesome'; font-style: normal; font-weight: 100; line-height: 1; padding-right: 7px; } html#ecwid_html body#ecwid_body .ecwid-productBrowser-nav a.ecwid-productBrowser-nav-left:after { content: 'Back'; color: #959595; font-family: 'Montserrat'; text-transform: uppercase; } html#ecwid_html body#ecwid_body .ecwid-productBrowser-nav a.ecwid-productBrowser-nav-right { text-align: right; } html#ecwid_html body#ecwid_body .ecwid-productBrowser-nav a.ecwid-productBrowser-nav-right:after { content:"\f178"; color: #959595; display: inline-block; font-family: 'FontAwesome'; font-style: normal; font-weight: 100; line-height: 1; padding-left: 7px; } html#ecwid_html body#ecwid_body .ecwid-productBrowser-nav a.ecwid-productBrowser-nav-right:before { content: 'Next'; color: #959595; font-family: 'Montserrat'; text-transform: uppercase; } html#ecwid_html body#ecwid_body .ecwid-productBrowser-nav a.ecwid-productBrowser-nav-left, html#ecwid_html body#ecwid_body .ecwid-productBrowser-nav a.ecwid-productBrowser-nav-right, html#ecwid_html body#ecwid_body .ecwid-productBrowser-nav a.ecwid-productBrowser-nav-left:hover, html#ecwid_html body#ecwid_body .ecwid-productBrowser-nav a.ecwid-productBrowser-nav-right:hover { background-image: none!important; } html#ecwid_html body#ecwid_body.chameleon .ecwid-productBrowser-innerTable .ecwid-productBrowser-backgroundedPanel .ecwid-btn--secondary { height: auto; line-height: inherit; margin: 0px; padding: 5px 11px; text-transform: none; } html#ecwid_html body#ecwid_body.chameleon .ecwid-productBrowser-innerTable .ecwid-productBrowser-backgroundedPanel .ecwid-productBrowser-details-inTheBag { display: none; } html#ecwid_html body#ecwid_body.chameleon .ecwid div.ecwid-productBrowser-backgroundedPanel { background-color: #fff; } html#ecwid_html body#ecwid_body .ecwid div.ecwid-productBrowser-details-inStockLabel { color: #252525; } html#ecwid_html body#ecwid_body .ecwid div.ecwid-productBrowser-price-compareTo { color: rgb(204, 204, 204); font-family: "Montserrat" !important; } html#ecwid_html body#ecwid_body .ecwid div.ecwid-productBrowser-price { color: rgb(189, 176, 153); font-family: "Montserrat" !important; } html#ecwid_html body#ecwid_body .ecwid div .ecwid-productBrowser-price-compareTo-container ~ span.ecwid-productBrowser-price-value { color: #252525; } html#ecwid_html body#ecwid_body .ecwid div.ecwid-productBrowser-price-save { color: #bdb099; } html#ecwid_html body#ecwid_body .ecwid-productBrowser-backgroundedPanelInner div.ecwid-productBrowser-details-wholesale { padding: 9px 20px 9px; margin-bottom: 25px; } html#ecwid_html body#ecwid_body.chameleon .ecwid .ecwid-productBrowser-details-like { position: absolute; bottom: 0; } html#ecwid_html body#ecwid_body.chameleon .ecwid .ecwid-productBrowser-details-like ~ table .ecwid-btn--primary { margin-bottom: 47px; } html#ecwid_html body#ecwid_body .ecwid-lte-768px .ecwid-productBrowser-details-leftPanel div.ecwid-productBrowser-gallery .ecwid-productBrowser-gallery-thumbs { left: 0; width: 100%; } html#ecwid_html body#ecwid_body .ecwid-lte-768px .ecwid-productBrowser-details-leftPanel div.ecwid-productBrowser-gallery .ecwid-productBrowser-gallery-thumbs .ecwid-productBrowser-gallery-thumb { width: 25%; } html#ecwid_html body#ecwid_body.chameleon .ecwid-lte-768px div.ecwid-productBrowser-gallery .ecwid-productBrowser-gallery-thumb .ecwid-productBrowser-gallery-has-thumb { height: auto; } html#ecwid_html body#ecwid_body.chameleon .ecwid-lte-768px div.ecwid-productBrowser-gallery .ecwid-productBrowser-gallery-thumb:first-child .ecwid-productBrowser-gallery-has-thumb{ margin-left: 0; } html#ecwid_html body#ecwid_body.chameleon .ecwid-lte-768px div.ecwid-productBrowser-gallery .ecwid-productBrowser-gallery-thumb .ecwid-productBrowser-gallery-has-thumb:nth-child(4n+1) { text-align: left; } html#ecwid_html body#ecwid_body.chameleon .ecwid-lte-768px div.ecwid-productBrowser-gallery .ecwid-productBrowser-gallery-thumb .ecwid-productBrowser-gallery-has-thumb:nth-child(4n+1) img, html#ecwid_html body#ecwid_body.chameleon .ecwid-lte-768px div.ecwid-productBrowser-gallery .ecwid-productBrowser-gallery-thumb .ecwid-productBrowser-gallery-has-thumb:nth-child(4n) img{ display: inline-block; } html#ecwid_html body#ecwid_body.chameleon .ecwid-lte-768px div.ecwid-productBrowser-gallery .ecwid-productBrowser-gallery-thumb { float: none!important; display: inline-block; } html#ecwid_html body#ecwid_body.chameleon .ecwid-lte-768px div.ecwid-productBrowser-gallery .ecwid-productBrowser-gallery-thumb:nth-child(4n) { text-align: right; } html#ecwid_html body#ecwid_body.chameleon .ecwid-lte-768px div.ecwid-productBrowser-gallery .ecwid-productBrowser-gallery-thumb:nth-child(4n+1) { transform: translateX(-9px); -moz-transform: translateX(-9px); -webkit-transform: translateX(-9px); -ms-transform: translateX(-9px); } html#ecwid_html body#ecwid_body.chameleon .ecwid-lte-768px div.ecwid-productBrowser-gallery .ecwid-productBrowser-gallery-thumb:nth-child(4n) { transform: translateX(9px); -moz-transform: translateX(9px); -webkit-transform: translateX(9px); -ms-transform: translateX(9px);); } /* ecwid related product */ html#ecwid_html body#ecwid_body .ecwid .ecwid-productBrowser-relatedProducts .ecwid-productBrowser-relatedProducts-title { color: #252525; margin-bottom: 30px; } html#ecwid_html body#ecwid_body .ecwid .ecwid-productBrowser-relatedProducts .ecwid-productBrowser-relatedProducts-item-top.ecwid-productBrowser-relatedProducts-item-top-hover:before { opacity: 1; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; } html#ecwid_html body#ecwid_body .ecwid .ecwid-productBrowser-relatedProducts .ecwid-productBrowser-relatedProducts-item-top:before { background-color: rgba(255,255,255,0.7); content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; } html#ecwid_html body#ecwid_body .ecwid .ecwid-productBrowser-relatedProducts .ecwid-productBrowser-relatedProducts-item-top, html#ecwid_html body#ecwid_body .ecwid .ecwid-productBrowser-relatedProducts .ecwid-productBrowser-relatedProducts-item-bottom { margin: 0; } html#ecwid_html body#ecwid_body.chameleon .ecwid .ecwid-productBrowser-relatedProducts .ecwid-productBrowser-relatedProducts-item-top-hover, html#ecwid_html body#ecwid_body.chameleon .ecwid .ecwid-productBrowser-relatedProducts .ecwid-productBrowser-relatedProducts-item-bottom-hover { border: none; } html#ecwid_html body#ecwid_body.chameleon .ecwid .ecwid-productBrowser-relatedProducts .ecwid-productBrowser-relatedProducts-item-top { background-color: #fff; border-bottom: 1px solid #BDB099; } html#ecwid_html body#ecwid_body.chameleon .ecwid .ecwid-productBrowser-relatedProducts .ecwid-productBrowser-relatedProducts-item-bottom { background-color: #fff; } html#ecwid_html body#ecwid_body.chameleon .ecwid .ecwid-productBrowser-relatedProducts .ecwid-productBrowser-relatedProducts-item-bottom .ecwid-productBrowser-productNameLink { color: #252525; font-size: 16px; padding-top: 12px; text-decoration: none; } html#ecwid_html body#ecwid_body.chameleon .ecwid .ecwid-productBrowser-relatedProducts .ecwid-productBrowser-relatedProducts-item-bottom .ecwid-productBrowser-productNameLink:hover { color: #BDB099; } html#ecwid_html body#ecwid_body.chameleon .ecwid .ecwid-productBrowser-relatedProducts .ecwid-productBrowser-relatedProducts-item-bottom div.ecwid-productBrowser-sku { color: #959595; font-size: 14px; } html#ecwid_html body#ecwid_body.chameleon .ecwid .ecwid-productBrowser-relatedProducts .ecwid-productBrowser-relatedProducts-item-bottom .ecwid-productBrowser-price { position: absolute; top: 50%; right: 10px; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); } /* ecwid cartpage */ html#ecwid_html body#ecwid_body.chameleon .ecwid .ecwid-productBrowser-CartPage .ecwid-btn--secondary { height: auto; line-height: 1em; padding: 5px 11px; } html#ecwid_html body#ecwid_body.chameleon .ecwid .ecwid-productBrowser-CartPage .ecwid-productBrowser-cart-EnterCouponBox-couponPanelControls .ecwid-btn--secondary { height: 40px; line-height: 40px; padding: 0 30px; } html#ecwid_html body#ecwid_body.chameleon .ecwid .ecwid-productBrowser-CartPage .ecwid-productBrowser-cart-EnterCouponBox-couponPanelControls .gwt-TextBox { background-color: #FFF; height: 40px; line-height: 40px; padding: 0 15px; margin-top: -3px; width: 140px; } html#ecwid_html body#ecwid_body.chameleon .ecwid .ecwid-productBrowser-CartPage .ecwid-btn--secondary:hover { background-color: #252525; } html#ecwid_html body#ecwid_body.chameleon .ecwid .ecwid-productBrowser-CartPage input.gwt-TextBox { background-color: #fff; } html#ecwid_html body#ecwid_body.chameleon .ecwid div.ecwid-productBrowser-cart div.ecwid-productBrowser-productNameLink a { color: #252525; text-decoration: none; } html#ecwid_html body#ecwid_body.chameleon .ecwid div.ecwid-productBrowser-cart div.ecwid-productBrowser-productNameLink a:hover { color: #BDB099; } /* ecwid favorites */ html#ecwid_html body#ecwid_body .ecwid-favorites-view .ecwid-productBrowser-productsTable-table { margin-top: 20px; } html#ecwid_html body#ecwid_body .ecwid-favorites-view .ecwid-productBrowser-productsGrid-mainTable { margin-top: 40px; } html#ecwid_html body#ecwid_body .ecwid-favorites-view .ecwid-productBrowser-productsTable-table .ecwid-productBrowser-price { text-align: center; } /* ecwid login form */ html#ecwid_html body#ecwid_body.chameleon div.ecwid-login-popup.ecwid-responsive-popup div.ecwid-form { padding: 0; } /* ecwid account page */ html#ecwid_html body#ecwid_body.chameleon table.ecwid-categoriesTabBar table.gwt-TabBarItem-selected .tabTop, html#ecwid_html body#ecwid_body.chameleon table.ecwid-categoriesTabBar table.gwt-TabBarItem-selected .tabMiddle .tabMiddleLeft, html#ecwid_html body#ecwid_body.chameleon table.ecwid-categoriesTabBar table.gwt-TabBarItem-selected .tabMiddle .tabMiddleRight, html#ecwid_html body#ecwid_body.chameleon table.ecwid-categoriesTabBar .gwt-TabBarRest { display: none; } html#ecwid_html body#ecwid_body.chameleon .gwt-TabBarItem { border: none!important; } html#ecwid_html body#ecwid_body.chameleon div.ecwid-Account table.ecwid-categoriesTabBar table.gwt-TabBarItem a span { background-color: transparent; color: #959595 !important; font-weight: normal; font-size: 16px; font-family: "Montserrat"; padding: 10px 15px; padding-left: 0; text-transform: uppercase; } html#ecwid_html body#ecwid_body.chameleon div.ecwid-Account table.ecwid-categoriesTabBar table.gwt-TabBarItem.gwt-TabBarItem-selected a span{ color: #252525 !important; position: relative; } html#ecwid_html body#ecwid_body.chameleon div.ecwid-Account table.ecwid-categoriesTabBar table.gwt-TabBarItem.gwt-TabBarItem-selected a span:after { content: ""; position: absolute; bottom: 0; width: 100%; height: 2px; background: transparent url("../img/line.png") repeat-x scroll 0% 0%; display: block; } html#ecwid_html body#ecwid_body .ecwid .ecwid-categoriesTabBar span.ecwid-categories-category::before { display: none; } html#ecwid_html body#ecwid_body .ecwid .ecwid-Account div.ecwid-form { padding-left: 0; } html#ecwid_html body#ecwid_body .ecwid .ecwid-Account input { border-style: solid !important; background-color: #fff !important; } html#ecwid_html body#ecwid_body .loader .spinner-ball-outer, html#ecwid_html body#ecwid_body .loader .spinner-ball-inner { display: none; } html#ecwid_html body#ecwid_body .ecwid-loadingIndicator { position: absolute; width: 70px!important; height: 70px !important; min-width: 0!important; min-height: 0 !important; top: 50% !important; left: 50% !important; transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); } html#ecwid_html body#ecwid_body .ecwid_loading_indicator .loader { position: relative !important; top: 0 !important; left: 0 !important; height: 70px !important; width: 70px !important; margin: 0 !important; padding: 0 !important; } html#ecwid_html body#ecwid_body .horizontal-menu.horizontal-menu--mobile { z-index: 9999999; } html#ecwid_html body#ecwid_body .horizontal-menu.horizontal-menu--mobile .horizontal-menu-item a { color: #252525; } html#ecwid_html body#ecwid_body .horizontal-menu.horizontal-menu--mobile .horizontal-menu-item a:hover { color: #BDB099; } @media only screen and (max-width: 650px){ html#ecwid_html body#ecwid_body .ecwid-lte-768px div.ecwid-productBrowser-gallery .ecwid-productBrowser-gallery-thumb .ecwid-productBrowser-gallery-has-thumb { padding: 4px !important; } html#ecwid_html body#ecwid_body.chameleon .ecwid-lte-768px div.ecwid-productBrowser-gallery .ecwid-productBrowser-gallery-thumb img { width: 100% !important; } html#ecwid_html body#ecwid_body.chameleon .ecwid-lte-768px div.ecwid-productBrowser-gallery .ecwid-productBrowser-gallery-thumb .ecwid-productBrowser-gallery-has-thumb{ width: 100% !important; } html#ecwid_html body#ecwid_body.chameleon .ecwid-lte-768px div.ecwid-productBrowser-gallery .ecwid-productBrowser-gallery-thumb:nth-child(4n+2) { transform: translateX(-2px); -moz-transform: translateX(-2px); -webkit-transform: translateX(-2px); -ms-transform: translateX(-2px); } html#ecwid_html body#ecwid_body.chameleon .ecwid-lte-768px div.ecwid-productBrowser-gallery .ecwid-productBrowser-gallery-thumb:nth-child(4n+3) { transform: translateX(2px); -moz-transform: translateX(2px); -webkit-transform: translateX(2px); -ms-transform: translateX(2px); } html#ecwid_html body#ecwid_body.chameleon .ecwid-lte-768px div.ecwid-productBrowser-gallery .ecwid-productBrowser-gallery-thumb:nth-child(4n) { transform: translateX(4px); -moz-transform: translateX(4px); -webkit-transform: translateX(4px); -ms-transform: translateX(4px); } } @media only screen and (max-width: 568px){ /* product categlog */ html#ecwid_html body#ecwid_body .ecwid div.ecwid-productBrowser-productsGrid{ padding: 0 15px; } html#ecwid_html body#ecwid_body .ecwid-productBrowser-innerTable .ecwid-ProductBrowser-auth-anonim-mini, .ecwid-productBrowser-innerTable .ecwid-minicart-mini .ecwid-minicart-mini-link, .ecwid-productBrowser-innerTable .ecwid-minicart-mini .ecwid-minicart-mini-count, .ecwid-productBrowser-innerTable .ecwid-ProductBrowser-auth-space, .ecwid-productBrowser-innerTable .ecwid-minicart-mini * { position: relative !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; } html#ecwid_html body#ecwid_body .ecwid-productBrowser-innerTable .ecwid-ProductBrowser-auth-anonim-mini { text-align: left; } html#ecwid_html body#ecwid_body .ecwid .ecwid-minicart-mini-rollover { margin-left: 0 !important; } html#ecwid_html body#ecwid_body .ecwid-SearchPanel { text-align: center; } html#ecwid_html body#ecwid_body .ecwid-SearchPanel { overflow: hidden; } html#ecwid_html body#ecwid_body .ecwid-SearchPanel .ecwid-SearchPanel-field { width: 100%; margin-bottom: 30px; } html#ecwid_html body#ecwid_body .ecwid-shopping-cart-search .ecwid-SearchPanel .ecwid-SearchPanel-button, html#ecwid_html body#ecwid_body.chameleon .ecwid-SearchPanel .ecwid-SearchPanel-button { margin-bottom: 30px; } html#ecwid_html body#ecwid_body .ecwid-lte-400px td.ecwid-productBrowser-productsGrid-cell { padding: 0 !important; } html#ecwid_html body#ecwid_body div.ecwid-productBrowser-productsGrid-productTopFragment-inTheBag div.ecwid-productBrowser-productsGrid-inTheBagTick { top: 27px !important; left: -36px !important; } html#ecwid_html body#ecwid_body .ecwid-productBrowser-productsGrid-mainTable { border-spacing: 0!important; } html#ecwid_html body#ecwid_body .ecwid div.ecwid-productBrowser-auth { margin-left: 0; } html#ecwid_html body#ecwid_body .ecwid .ecwid-productBrowser-auth-mini > tbody > tr > td:first-child, html#ecwid_html body#ecwid_body .ecwid .ecwid-productBrowser-auth-mini > tbody > tr > td:nth-child(3) { width: 50% !important; } html#ecwid_html body#ecwid_body .ecwid .ecwid-productBrowser-auth-mini > tbody > tr > td .ecwid-ProductBrowser-auth-space { display: none; } html#ecwid_html body#ecwid_body .ecwid .ecwid-productBrowser-auth-mini > tbody > tr > td div.ecwid-minicart-mini { text-align: right; width: 100%; } /* single product */ html#ecwid_html body#ecwid_body div.ecwid-productBrowser-gallery .ecwid-productBrowser-gallery-image img { width: 100% !important; } html#ecwid_html body#ecwid_body div.ecwid-productBrowser-details-rightPanel div.ecwid-productBrowser-backgroundedPanel { max-width: 100% !important; } html#ecwid_html body#ecwid_body div.ecwid-productBrowser-details-rightPanel > table { width: 100%; } html#ecwid_html body#ecwid_body.chameleon .ecwid div.ecwid-productBrowser-gallery { margin-bottom: 0; } html#ecwid_html body#ecwid_body.chameleon .ecwid .ecwid-productBrowser-relatedProducts .ecwid-productBrowser-relatedProducts-item-top { width: 100% !important; } html#ecwid_html body#ecwid_body.chameleon .ecwid .ecwid-productBrowser-relatedProducts .ecwid-productBrowser-relatedProducts-item-bottom { max-width: 100% !important; } html#ecwid_html body#ecwid_body.chameleon .ecwid .ecwid-productBrowser-relatedProducts table tr td { position: relative; min-width: 0 !important; } html#ecwid_html body#ecwid_body.chameleon .ecwid .ecwid-productBrowser-relatedProducts .ecwid-productBrowser-relatedProducts-prev { position: absolute; top: 50%; left: 2px; z-index: 10; } html#ecwid_html body#ecwid_body.chameleon .ecwid .ecwid-productBrowser-relatedProducts .ecwid-productBrowser-relatedProducts-next { position: absolute; top: 50%; left: -23px; z-index: 10; } html#ecwid_html body#ecwid_body .ecwid div.ecwid-productBrowser-details { overflow: visible; } html#ecwid_html body#ecwid_body #horizontal-menu.horizontal-mobile .horizontal-menu-button, html#ecwid_html body#ecwid_body #horizontal-menu.horizontal-mobile .horizontal-menu-button { color: #252525; } html#ecwid_html body#ecwid_body.chameleon .ecwid-lte-768px div.ecwid-productBrowser-gallery .ecwid-productBrowser-gallery-thumbs { overflow: visible; } html#ecwid_html body#ecwid_body.chameleon .ecwid-lte-768px div.ecwid-productBrowser-gallery .ecwid-productBrowser-gallery-thumb:nth-child(4n+1), html#ecwid_html body#ecwid_body.chameleon .ecwid-lte-768px div.ecwid-productBrowser-gallery .ecwid-productBrowser-gallery-thumb:nth-child(4n) { transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); } html#ecwid_html body#ecwid_body.chameleon .ecwid-lte-768px div.ecwid-productBrowser-gallery .ecwid-productBrowser-gallery-thumb:nth-child(3n) { transform: translateX(9px); -webkit-transform: translateX(9px); -moz-transform: translateX(9px); -ms-transform: translateX(9px); } html#ecwid_html body#ecwid_body.chameleon .ecwid-lte-768px div.ecwid-productBrowser-gallery .ecwid-productBrowser-gallery-thumb:nth-child(3n+2) { transform: translateX(5px); -webkit-transform: translateX(5px); -moz-transform: translateX(5px); -ms-transform: translateX(5px); } html#ecwid_html body#ecwid_body.chameleon .ecwid-lte-768px div.ecwid-productBrowser-gallery .ecwid-productBrowser-gallery-thumb { display: inline-block; width: 33.33%; } } .dhvc-woo-item:hover .dhvc-woo-addtocart.dhvc-woo-span6 { display: block !important; } .dhvc-woo-addtocart.dhvc-woo-span6 { position: absolute; text-align: center; top: -8em; left: 5em; display: none !important ; } .mediumtxt { font-size: 26px; font-weight: 500 !important; color: #000 !important; line-height: 1 !important; font-family: 'Montserrat-Bold' !important; } h1.large { margin: 0 !important; font-size: 70px; font-weight: bold !important; color: #bd212e !important; line-height: 1; font-family: 'Montserrat-Bold' !important; } .smalltxt { font-size: 22px; color: #000 !important; line-height: 1 !important; font-family: 'Montserrat-Regular' !important; text-transform: capitalize !important; font-weight: 600 !important; } div#service_content { margin: auto !important; } footer#footer{ width: 100%; float: left; position: relative; background: #f3f3f3; } footer#footer .ftr_upr{ width: 100%; float: left; padding: 20px 0; } footer#footer .ftr_upr .ftr_bkimg { width: 100%; float: left; text-align: center; position: relative; margin-top: -50px; } footer#footer .ftr_upr .footer_nav { width: 100%; float: left; text-align: center; } footer#footer .ftr_upr .footer_nav a.logo_img{ width: 100%; float: left; } footer#footer .ftr_upr .footer_nav a.logo_img .ftr_img{ max-width: 200px; } footer#footer .ftr_upr .footer_nav ul{ width: 100%; float: left; margin: 0; padding-top: 30px; } footer#footer .ftr_upr .footer_nav ul li{ font-family: 'Montserrat-Regular'; font-size: 14px; color: #000; margin: 0; padding: 0 .5rem; text-transform: uppercase; } footer#footer .ftr_upr .footer_nav ul li a{ color: #000; } footer#footer .ftr_lwr{ width: 100%; float: left; padding: 15px 0; border-top: 1px solid #e7e7e7; text-align: center; font-family: 'Montserrat-Light'; } footer#footer .ftr_lwr p { margin: 0; font-size: 14px; color: #000; } footer#footer .ftr_lwr p a{ color: #000; } div#wpcf7-f4-p629-o1 { padding: 30px; } .google_map { width: 100%; float: left; margin-top: 2em; }