/* Theme Name: The Lime Green Soultions Description: Custom Built Wordpress Theme For The Lime Green Soultions Version: 1.0 Author: Digital Thing Author URI: https://www.digitalthing.com.au */ /* `+/. `.` `` smmm: ommy. -mdh- +Nmmh` `oys: `+yy/ /mmmd. .hmmm/ /mmmh. ymmmd. oNmmm. .///+mmmmh++os. `ymmms /mmmd. -sys- .oys: .dmmmmmmmmmmmmm/ smmmy` .:/ommmh. `+o/. -o+- `/++dmmm+:::::. ``` +mmmy` -odmmmmmmd. /mmmy `/shddhy: `ymmm- `ymmm/ `:ohdmmdy- :mmmh` -ymmmmhmmmd- -mmmm: -ymmmmhmmmN- ymmmy` `smmmo .ommmmyymmmy.dmmd- +mmmmy-hmmm/ -dmmm+ `smmmms-oNmmy` oNmmh. .smmmh` +mmmmy-:dmmd-smmm/ `smmmm/.smmNo .smmmm+ -dmmmh-`smmmh` +mmmd` `ommmmm- `ymmmd:`+mmmh.-Nmmy` +Nmmd-+dmmmd``+mmmmmo -ymmmms`-hmmmd. /mmmd.`+dmmmmNy `ymmmy`:hmmmy``sNmm- `hmmmsdmmmmmoodmmmmmy:ymmmmmy.smmmmmo+ymmmm/+dmmyommmh-:mmmy/hmmmmy``+mmmm` `-` yNmmmmsoNmmmmmsommmmmmdymmmdmmmmmmmmmmmmmmmmmy- .hmmmmmmmmmmmmmmmyhmmmmmmdhdmm: `/so:` `/syo:` :oys+-``+dmddmmmmyoo+:-+syo///- `/syyysyhy+.:shhys/..+yhhhys/` `-:+oosssdmmmy-.` .mmms hmm+ `:o+- `/ydmmmmmmmmmmmmmmmdhs/. .hmmms :mmmy` sNmmd. :dmmmmhso+ymmmmyyhmmmmmmmdohmmmy` .dmmm- :hdh/ `dmmm+` `ommmm/ `.:+ydmmmmmmmdhhdo`sNmm+-+o+- ..` ..` `.` `..`` .mmmm/``+dmmmh- `:dmmmmmmmmd/+mmmddmmmmm: `dmm+ -mmm+odmmms` -ohmmmmds. /mmmmmmmmmd+` `ymmmh.```` /mmmmmmmmmmd. `smmm+ smmmmmmmmmd. /dmmmdsdmmm/ .+ydmmdy/` +mmmd- -mmmmd+smmmm: .ymmms` /mmmmmymmmm:.ymmmm+.smmms` ` `dmmm+ .hmmmy.ymmmd--smmmms` /mmmmd+dmmm/-dmmmy..ymmmh` `dmmm- .hmmmo`ymmmd/ymmmmmy` `smmmmy:dmmm+`hmmmo`/dmmmd. ommmy:-:odmmd: /mmmmmmmmmmmy..+dmmmm/`smmmy`-mmmy:ymmmmd- `ommmmmmmmms. +Nmmmmh+-dmmmmNmmmms. ymmmy/smmmmmmmmmm:`:/- `/ossso/. :++:. .+sso:/so- `+yhhhyosyysmmmm+ `::- `-/oyhddddmmmmmyysooo` `+dmmmmmmmmmmmmmmmmmmmd. .hmmmdo/-.:dmmmo.--:/+/. oNmms +mmmm+ +mmmd/:+hmmmh- `+dmmmmmmmh+ `:osys+-` */ /* --------------------------------------------------------- 1. mq library breakpoint reset 2. Embedded fonts styles 3. Embedded utilities SASS file 4. General reset 5. Embedded mq library file 6. Custom form styles 7. Common site styles ---------------------------------------------------------*/ /* --------------------------------------------------------- 1. mq library breakpoint reset ---------------------------------------------------------*/ /* --------------------------------------------------------- 2. Embedded fonts styles ---------------------------------------------------------*/ @font-face { font-family: "glegooregular"; src: url("fonts/glegoo-regular-webfont.eot"); src: url("fonts/glegoo-regular-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/glegoo-regular-webfont.woff2") format("woff2"), url("fonts/glegoo-regular-webfont.woff") format("woff"), url("fonts/glegoo-regular-webfont.ttf") format("truetype"), url("fonts/glegoo-regular-webfont.svg#glegooregular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "icomoon"; src: url("fonts/icomoon.eot?-k3xpz0"); src: url("fonts/icomoon.eot?#iefix-k3xpz0") format("embedded-opentype"), url("fonts/icomoon.woff?-k3xpz0") format("woff"), url("fonts/icomoon.ttf?-k3xpz0") format("truetype"), url("fonts/icomoon.svg?-k3xpz0#icomoon") format("svg"); font-weight: normal; font-style: normal; } @-moz-document url-prefix() { fieldset { display: table-cell; vertical-align: top; } } [class^="icon-"], [class*=" icon-"] { font-family: "icomoon"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-angle-down:before { content: "\e600"; } .icon-angle-right:before { content: "\e601"; } .icon-angle-up:before { content: "\e602"; } .icon-book:before { content: "\e603"; } .icon-box:before { content: "\e604"; } .icon-calmer-mind:before { content: "\e605"; } .icon-energy:before { content: "\e606"; } .icon-eye:before { content: "\e607"; } .icon-facebook:before { content: "\e608"; } .icon-linkedin:before { content: "\e609"; } .icon-play:before { content: "\e60a"; } .icon-shopping-cart:before { content: "\e60b"; } .icon-smile:before { content: "\e60c"; } .icon-twitter:before { content: "\e60d"; } .icon-blogger:before { content: "\e900"; } /* --------------------------------------------------------- 3. Embedded utilities SASS file ---------------------------------------------------------*/ .main-container:after, #main:after, #nav > ul:after, .checkout-block:after, .checkout-form .col-holder:after, .checkout-form .form-row:after, .blog-news-row:after, .two-col-holder:after, .news-blog-article .content-pic-holder:after { content: " "; display: block; clear: both; } .social-networks, .header-top ul, #nav ul, .footer-nav ul, .footer-logo, .footer-bototm .footer-links, .testimonial-slide .pagination-bullets ul, .breadcrumbs, #sidebar .menu ul, #content .custom-list, .single-book-holder .accordion { margin: 0; padding: 0; list-style: none; } .books-row{ line-height: normal; } .header-top .main-container, .footer-logo, .benefits-holder, .testimonial-slide .pagination-bullets ul, .breadcrumbs, .pics-holder, .woocommerce.books-row { font-size: 0; line-height: 0; } /* --------------------------------------------------------- 4. General reset ---------------------------------------------------------*/ html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } body { margin: 0; color: #000; background: #fff; font: 18px/1.2 "Raleway", "Arial", "Helvetica", sans-serif; min-width: 320px; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: none; } * { max-height: 1000000px; } article, aside, details, figcaption, figure, footer, header, main, nav, section, summary { display: block; } img { border-style: none; max-width: 100%; height: auto; } a { text-decoration: none; color: #000; } a:hover { text-decoration: underline; } input, textarea, select { font: 100% "Raleway", "Arial", "Helvetica", sans-serif; color: #333; vertical-align: middle; } form, fieldset { margin: 0; padding: 0; border-style: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } button, input[type="button"], input[type="reset"], input[type="file"], input[type="submit"] { -webkit-appearance: none; -webkit-border-radius: 0; cursor: pointer; } input[type="text"], input[type="tel"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea { margin: 0; border: 1px solid #c2cfc9; background: #fff; -webkit-appearance: none; -webkit-border-radius: 0; height: 43px; border-radius: 3px; font-size: 15px; line-height: 19px; padding: 10px 15px; -webkit-transition: border .2s linear; transition: border .2s linear; } input[type="text"]:focus, input[type="tel"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus { border-color: #5abc33; outline: none; } input[type="text"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="url"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #47524d; } input[type="text"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="search"]::-moz-placeholder, textarea::-moz-placeholder { opacity: 1; color: #47524d; } input[type="text"]:-moz-placeholder, input[type="tel"]:-moz-placeholder, input[type="email"]:-moz-placeholder, input[type="url"]:-moz-placeholder, input[type="password"]:-moz-placeholder, input[type="search"]:-moz-placeholder, textarea:-moz-placeholder { color: #47524d; } input[type="text"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="url"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #47524d; } input[type="text"].placeholder, input[type="tel"].placeholder, input[type="email"].placeholder, input[type="url"].placeholder, input[type="password"].placeholder, input[type="search"].placeholder, textarea.placeholder { color: #47524d; } textarea { overflow: auto; resize: vertical; vertical-align: top; } input[type="checkbox"], input[type="radio"] { padding: 0; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } h1, h2, h3, h4, h5, h6 { font-family: "Raleway", "Arial", "Helvetica", sans-serif; line-height: 1.2em; margin: 0 0 1.2em; } p { margin: 0 0 1.2em; } q { quotes: none; } q:before, q:after { content: ""; content: none; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -.5em; } sub { bottom: -.25em; } table { border-collapse: collapse; border-spacing: 0; } .gm-style img { max-width: none; } /* --------------------------------------------------------- 5. Embedded mq library file ---------------------------------------------------------*/ /* --------------------------------------------------------- 6. Custom form styles ---------------------------------------------------------*/ /* custom select styles */ .jcf-select { display: inline-block; vertical-align: top; position: relative; border: 1px solid #c9d7d1; border-radius: 3px; min-width: 115px; height: 43px; cursor: default; -webkit-transition: border .2s linear; transition: border .2s linear; } .jcf-select.jcf-drop-active .jcf-select-opener:after { -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); } .jcf-select select { z-index: 1; left: 0; top: 0; } .jcf-select .jcf-select-text { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; cursor: default; display: block; font-size: 17px; line-height: 41px; margin: 0 45px 0 18px; color: #47524d; cursor: default; text-transform: uppercase; } .jcf-select .jcf-select-opener { bottom: 2px; right: 2px; top: 2px; bottom: 2px; position: absolute; background: #bde72b; width: 40px; border-radius: 3px; cursor: default; } .jcf-select .jcf-select-opener:after { content: "\e600"; font-family: "icomoon"; -webkit-transition: -webkit-transform .2s linear; transition: transform .2s linear; position: absolute; top: 50%; left: 50%; margin-top: -5px; margin-left: -5px; color: #4dad27; font-size: 8px; } body > .jcf-select-drop { position: absolute; margin: -1px 0 0; z-index: 9999; } body > .jcf-select-drop.jcf-drop-flipped { margin: 1px 0 0; } body > .jcf-select-drop.jcf-drop-flipped .jcf-list { margin-top: 0; } .jcf-select .jcf-select-drop { position: absolute; margin-top: 0; z-index: 9999; top: 100%; left: -1px; right: -1px; } .jcf-select .jcf-drop-flipped { bottom: 100%; top: auto; } /* multiple select styles */ .jcf-list-box { overflow: hidden; display: inline-block; border: 1px solid #b8c3c9; min-width: 150px; margin: 0 15px; } /* select options styles */ .jcf-list { display: inline-block; vertical-align: top; position: relative; line-height: 20px; font-size: 17px; width: 100%; overflow: hidden; border-radius: 3px; margin-top: 2px; } .jcf-list .jcf-list-content { vertical-align: top; display: inline-block; overflow: auto; width: 100%; background: #fff; border: 1px solid #d7e2dd; padding: 5px; max-height: 200px; } .jcf-list ul { list-style: none; padding: 0; margin: 0; } .jcf-list ul li { overflow: hidden; display: block; } .jcf-list .jcf-overflow { overflow: auto; } .jcf-list .jcf-option { cursor: default; overflow: hidden; display: block; padding: 10px; color: #47524d; height: 1%; border-radius: 3px; } .jcf-list .jcf-option.jcf-option-hide-me { display: none !important; } .jcf-list .jcf-disabled { background: #fff !important; color: #aaa !important; } .jcf-select-drop .jcf-hover, .jcf-list-box .jcf-selected { background: #bde72b; color: #4dad27; } .jcf-list .jcf-optgroup-caption { white-space: nowrap; font-weight: bold; display: block; padding: 5px 9px; cursor: default; color: #000; } .jcf-list .jcf-optgroup .jcf-option { padding-left: 30px; } /* common custom form elements styles */ .jcf-disabled { background: #ddd !important; } .jcf-focus, .jcf-focus * { border-color: #5abc33 !important; } /* custom checkbox styles */ .jcf-checkbox { vertical-align: middle; display: inline-block; position: relative; overflow: hidden; cursor: default; background: #fff; border: 1px solid #c2cfc9; height: 21px; width: 21px; } .jcf-checkbox span { position: absolute; top: 2px; bottom: 2px; left: 2px; right: 2px; background: #5abc33; opacity: 0; -webkit-transition: opacity .2s linear; transition: opacity .2s linear; } .jcf-checkbox input[type="checkbox"] { position: absolute; width: 100%; height: 100%; border: 0; margin: 0; left: 0; top: 0; } .jcf-checkbox.jcf-checked span { opacity: 1; } /* radio */ .jcf-radio { vertical-align: middle; display: inline-block; position: relative; overflow: hidden; cursor: default; background: #fff; border: 1px solid #777; border-radius: 9px; margin: 0 3px 0 0; height: 16px; width: 16px; } .jcf-radio span{ display:none; position:absolute; top:3px; left:3px; right:3px; bottom:3px; background:#5abc33; border-radius:100%; } .jcf-radio input[type="radio"] { position: absolute; height: 100%; width: 100%; border: 0; margin: 0; left: 0; top: 0; } .jcf-radio.jcf-checked span {display:block;} /* --------------------------------------------------------- 7. Common site styles ---------------------------------------------------------*/ /* style for footer at bottom */ html, body { height: 100%; } /* default webkit style reset */ input, button, textarea { box-shadow: none; -webkit-box-shadow: none; -webkit-appearance: none; } /* main container styles */ #wrapper { position: relative; width: 100%; } /* style for footer at bottom */ .w1 { width: 100%; height: 100%; display: table; overflow: hidden; table-layout: fixed; } .nav-active { height: 100%; overflow: hidden; } .nav-active #header { position: static; } .main-container { max-width: 1054px; margin: 0 auto; padding: 0 15px; } /* main informative part styles */ .social-networks li { display: inline-block; vertical-align: top; margin: 0 0 6px 10px; } .social-networks li a { display: block; width: 30px; height: 30px; color: #fff; font-size: 12px; text-align: center; border: 2px solid #bde72b; border-radius: 50%; } .social-networks li a [class^="icon-"], .social-networks li a [class*=" icon-"] { line-height: 25px; } .social-networks li a .icon-facebook { font-size: 16px; } .social-networks li a .icon-linkedin { font-size: 13px; } .social-networks li a .icon-blogger { font-size: 13px; } .social-networks li a:hover { text-decoration: none; color: #bde72b; } .btn-gray, .btn-green { display: inline-block; vertical-align: top; border-radius: 2px; position: relative; color: #fff; font-size: 18px; line-height: 24px; letter-spacing: .02em; text-align: right; outline: none; border: none; } .btn-gray > span, .btn-green > span { display: inline-block; vertical-align: top; position: relative; padding: 8px 38px 8px 21px; } .btn-gray > span:after, .btn-green > span:after { font-family: "icomoon"; position: absolute; top: 50%; right: 18px; content: "\e601"; font-size: 10px; color: #bde72b; margin-top: -12px; } .btn-gray > span span, .btn-green > span span { font-size: 14px; font-family: "glegooregular"; } .btn-gray strong, .btn-green strong { text-transform: uppercase; } .btn-gray:hover, .btn-green:hover { text-decoration: none; } .btn-gray { background: #47524d; } .btn-gray:hover { text-decoration: none; background: #5abc33; } .btn-green { background: #5abc33; } .btn-green:hover { text-decoration: none; background: #bde72b; } .general-box .btn-green:hover { text-decoration: none; background: #47524d; } .btn-green:hover span:after { color: #fff; } h1 { line-height: 1.2; font-weight: 400; margin: 0 0 10px; } h1 span { font-size: 44px; font-family: "glegooregular"; } h1 strong { text-transform: uppercase; font-weight: 700; } .benefit-item { display: inline-block; vertical-align: top; letter-spacing: 0; font-size: 1px; line-height: 1.2; } .benefit-item .title { display: block; text-transform: uppercase; font-size: 19px; } .benefit-item .title a { color: #47524d; } .benefit-box { width: 182px; height: 182px; background: #5abc33; border: 12px solid #5abc33; border-radius: 50%; overflow: hidden; margin: 0 0 25px; -webkit-transition: border .1s linear; transition: border .1s linear; } .benefit-box:hover { border-color: #bde72b; border-width: 10px; } .benefit-box .ico-holder { height: 100%; width: 100%; border: 3px solid #fff; border-radius: 50%; color: #fff; position: relative; } .benefit-box [class^="icon-"], .benefit-box [class*=" icon-"] { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); font-size: 55px; } .benefit-box .icon-calmer-mind { font-size: 86px; } .benefit-box .icon-energy { font-size: 40px; } .benefit-box .icon-box { font-size: 111px; } .benefit-box .icon-book { font-size: 114px; } .benefit-box.big { width: 238px; height: 238px; margin-bottom: 31px; } h2 { line-height: 1.2; font-weight: 400; margin: 0 0 10px; } h2 span { font-size: 44px; font-family: "glegooregular"; } h2 span:first-child { margin-right: 8px; } h2 strong { text-transform: uppercase; font-weight: 700; } h3 { color: #5abc33; font-size: 20px; line-height: 25px; margin: 0 0 11px; } .bottom-share-box .share-title, .bottom-share-box .social-networks { display: inline-block; vertical-align: middle; } .bottom-share-box .share-title { font-size: 15px; line-height: 18px; text-transform: uppercase; font-weight: 700; margin: 0 5px 6px 0; } .bottom-share-box .social-networks li { margin-left: 9px; } .bottom-share-box .social-networks li a { color: #979d9a; border-width: 1px; border-color: #c9d7d1; padding-top: 3px; height: 32px; width: 32px; } .bottom-share-box .social-networks li a:hover { color: #5abc33; border-color: #5abc33; } .input-field { display: block; width: 100%; } /* header styles */ #header { position: relative; z-index: 99; } #header .btn-gray { float: right; margin: 24px 0 0; } .header-top { background: #53b834 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUzYjgzNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjglIiBzdG9wLWNvbG9yPSIjNTViOTMzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOCUiIHN0b3AtY29sb3I9IiM1OWJiMzQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5JSIgc3RvcC1jb2xvcj0iIzVhYmEzMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjklIiBzdG9wLWNvbG9yPSIjNWViYzM0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAlIiBzdG9wLWNvbG9yPSIjNjBiZTMyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTElIiBzdG9wLWNvbG9yPSIjNjNjMjM0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTElIiBzdG9wLWNvbG9yPSIjNjRjMTMyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTMlIiBzdG9wLWNvbG9yPSIjNmFjODM0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTMlIiBzdG9wLWNvbG9yPSIjNjljNzMxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTMlIiBzdG9wLWNvbG9yPSIjNmFjYTMzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTMlIiBzdG9wLWNvbG9yPSIjNjljOTMyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTQlIiBzdG9wLWNvbG9yPSIjNmVjZjM0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTUlIiBzdG9wLWNvbG9yPSIjNmRkMTMzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTUlIiBzdG9wLWNvbG9yPSIjNzBkMTM0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTUlIiBzdG9wLWNvbG9yPSIjNmRkMTMzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTUlIiBzdG9wLWNvbG9yPSIjNzBkMTM0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTYlIiBzdG9wLWNvbG9yPSIjNzNkODMyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTglIiBzdG9wLWNvbG9yPSIjNzlkODM0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTglIiBzdG9wLWNvbG9yPSIjNzlkODMyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTklIiBzdG9wLWNvbG9yPSIjN2RkODMzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTklIiBzdG9wLWNvbG9yPSIjNzlkODMyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTklIiBzdG9wLWNvbG9yPSIjN2RkODMzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTklIiBzdG9wLWNvbG9yPSIjN2RkODMzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjAlIiBzdG9wLWNvbG9yPSIjODBkOTMzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjAlIiBzdG9wLWNvbG9yPSIjN2RkODMzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjAlIiBzdG9wLWNvbG9yPSIjODBkODM0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjElIiBzdG9wLWNvbG9yPSIjODFkODMzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjElIiBzdG9wLWNvbG9yPSIjODVkNzM0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjElIiBzdG9wLWNvbG9yPSIjODFkODMzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjElIiBzdG9wLWNvbG9yPSIjODVkNzM0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjIlIiBzdG9wLWNvbG9yPSIjODNkODM0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjMlIiBzdG9wLWNvbG9yPSIjODdkODMzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjMlIiBzdG9wLWNvbG9yPSIjODhkOTM0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjQlIiBzdG9wLWNvbG9yPSIjODVkODMyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjUlIiBzdG9wLWNvbG9yPSIjODlkNzMzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjUlIiBzdG9wLWNvbG9yPSIjODZkOTMzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjYlIiBzdG9wLWNvbG9yPSIjODVkNzM0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjYlIiBzdG9wLWNvbG9yPSIjODJkOTM0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjYlIiBzdG9wLWNvbG9yPSIjODVkNzM0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjYlIiBzdG9wLWNvbG9yPSIjODFkODMzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjclIiBzdG9wLWNvbG9yPSIjODBkODM0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjglIiBzdG9wLWNvbG9yPSIjNzlkODMyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjklIiBzdG9wLWNvbG9yPSIjNzVkNzM0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzAlIiBzdG9wLWNvbG9yPSIjNzFkODMzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzAlIiBzdG9wLWNvbG9yPSIjNzNkNTM0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzAlIiBzdG9wLWNvbG9yPSIjNzBkNjM0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzAlIiBzdG9wLWNvbG9yPSIjNzJkNzMzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzElIiBzdG9wLWNvbG9yPSIjNmJkNDMyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzIlIiBzdG9wLWNvbG9yPSIjNjVkMDM0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzMlIiBzdG9wLWNvbG9yPSIjNWVjYjMyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzMlIiBzdG9wLWNvbG9yPSIjNjBjYTMyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzQlIiBzdG9wLWNvbG9yPSIjNTljNzM0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzQlIiBzdG9wLWNvbG9yPSIjNTljNzMyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzQlIiBzdG9wLWNvbG9yPSIjNWFjODM1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzQlIiBzdG9wLWNvbG9yPSIjNTdjNTMyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzQlIiBzdG9wLWNvbG9yPSIjNTdjNzM0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzQlIiBzdG9wLWNvbG9yPSIjNTdjNDMzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzUlIiBzdG9wLWNvbG9yPSIjNTJjMjMyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzUlIiBzdG9wLWNvbG9yPSIjNTRjNDM0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzYlIiBzdG9wLWNvbG9yPSIjNTFjMTMxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzYlIiBzdG9wLWNvbG9yPSIjNTBjMTMzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzclIiBzdG9wLWNvbG9yPSIjNGZjMDMwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzclIiBzdG9wLWNvbG9yPSIjNGZiZjJmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzclIiBzdG9wLWNvbG9yPSIjNTBiZjMyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzclIiBzdG9wLWNvbG9yPSIjNGViZDMwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzclIiBzdG9wLWNvbG9yPSIjNTBiZjMyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzglIiBzdG9wLWNvbG9yPSIjNTBiZDMwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzglIiBzdG9wLWNvbG9yPSIjNTFiZDMzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDAlIiBzdG9wLWNvbG9yPSIjNTNiYTMzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDAlIiBzdG9wLWNvbG9yPSIjNTZiYzM0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDElIiBzdG9wLWNvbG9yPSIjNTdiYzMyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDElIiBzdG9wLWNvbG9yPSIjNWFiYzMzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzVhYmMzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #53b834), color-stop(8%, #55b933), color-stop(8%, #59bb34), color-stop(9%, #5aba32), color-stop(9%, #5ebc34), color-stop(10%, #60be32), color-stop(11%, #63c234), color-stop(11%, #64c132), color-stop(13%, #6ac834), color-stop(13%, #69c731), color-stop(13%, #6aca33), color-stop(13%, #69c932), color-stop(14%, #6ecf34), color-stop(15%, #6dd133), color-stop(15%, #70d134), color-stop(15%, #6dd133), color-stop(15%, #70d134), color-stop(16%, #73d832), color-stop(18%, #79d834), color-stop(18%, #79d832), color-stop(19%, #7dd833), color-stop(19%, #79d832), color-stop(19%, #7dd833), color-stop(19%, #7dd833), color-stop(20%, #80d933), color-stop(20%, #7dd833), color-stop(20%, #80d834), color-stop(21%, #81d833), color-stop(21%, #85d734), color-stop(21%, #81d833), color-stop(21%, #85d734), color-stop(22%, #83d834), color-stop(23%, #87d833), color-stop(23%, #88d934), color-stop(24%, #85d832), color-stop(25%, #89d733), color-stop(25%, #86d933), color-stop(26%, #85d734), color-stop(26%, #82d934), color-stop(26%, #85d734), color-stop(26%, #81d833), color-stop(27%, #80d834), color-stop(28%, #79d832), color-stop(29%, #75d734), color-stop(30%, #71d833), color-stop(30%, #73d534), color-stop(30%, #70d634), color-stop(30%, #72d733), color-stop(31%, #6bd432), color-stop(32%, #65d034), color-stop(33%, #5ecb32), color-stop(33%, #60ca32), color-stop(34%, #59c734), color-stop(34%, #59c732), color-stop(34%, #5ac835), color-stop(34%, #57c532), color-stop(34%, #57c734), color-stop(34%, #57c433), color-stop(35%, #52c232), color-stop(35%, #54c434), color-stop(36%, #51c131), color-stop(36%, #50c133), color-stop(37%, #4fc030), color-stop(37%, #4fbf2f), color-stop(37%, #50bf32), color-stop(37%, #4ebd30), color-stop(37%, #50bf32), color-stop(38%, #50bd30), color-stop(38%, #51bd33), color-stop(40%, #53ba33), color-stop(40%, #56bc34), color-stop(41%, #57bc32), color-stop(41%, #5abc33), color-stop(100%, #5abc33)); background: -webkit-linear-gradient(left, #53b834 0%, #55b933 8%, #59bb34 8%, #5aba32 9%, #5ebc34 9%, #60be32 10%, #63c234 11%, #64c132 11%, #6ac834 13%, #69c731 13%, #6aca33 13%, #69c932 13%, #6ecf34 14%, #6dd133 15%, #70d134 15%, #6dd133 15%, #70d134 15%, #73d832 16%, #79d834 18%, #79d832 18%, #7dd833 19%, #79d832 19%, #7dd833 19%, #7dd833 19%, #80d933 20%, #7dd833 20%, #80d834 20%, #81d833 21%, #85d734 21%, #81d833 21%, #85d734 21%, #83d834 22%, #87d833 23%, #88d934 23%, #85d832 24%, #89d733 25%, #86d933 25%, #85d734 26%, #82d934 26%, #85d734 26%, #81d833 26%, #80d834 27%, #79d832 28%, #75d734 29%, #71d833 30%, #73d534 30%, #70d634 30%, #72d733 30%, #6bd432 31%, #65d034 32%, #5ecb32 33%, #60ca32 33%, #59c734 34%, #59c732 34%, #5ac835 34%, #57c532 34%, #57c734 34%, #57c433 34%, #52c232 35%, #54c434 35%, #51c131 36%, #50c133 36%, #4fc030 37%, #4fbf2f 37%, #50bf32 37%, #4ebd30 37%, #50bf32 37%, #50bd30 38%, #51bd33 38%, #53ba33 40%, #56bc34 40%, #57bc32 41%, #5abc33 41%, #5abc33 100%); background: linear-gradient(to right, #53b834 0%, #55b933 8%, #59bb34 8%, #5aba32 9%, #5ebc34 9%, #60be32 10%, #63c234 11%, #64c132 11%, #6ac834 13%, #69c731 13%, #6aca33 13%, #69c932 13%, #6ecf34 14%, #6dd133 15%, #70d134 15%, #6dd133 15%, #70d134 15%, #73d832 16%, #79d834 18%, #79d832 18%, #7dd833 19%, #79d832 19%, #7dd833 19%, #7dd833 19%, #80d933 20%, #7dd833 20%, #80d834 20%, #81d833 21%, #85d734 21%, #81d833 21%, #85d734 21%, #83d834 22%, #87d833 23%, #88d934 23%, #85d832 24%, #89d733 25%, #86d933 25%, #85d734 26%, #82d934 26%, #85d734 26%, #81d833 26%, #80d834 27%, #79d832 28%, #75d734 29%, #71d833 30%, #73d534 30%, #70d634 30%, #72d733 30%, #6bd432 31%, #65d034 32%, #5ecb32 33%, #60ca32 33%, #59c734 34%, #59c732 34%, #5ac835 34%, #57c532 34%, #57c734 34%, #57c433 34%, #52c232 35%, #54c434 35%, #51c131 36%, #50c133 36%, #4fc030 37%, #4fbf2f 37%, #50bf32 37%, #4ebd30 37%, #50bf32 37%, #50bd30 38%, #51bd33 38%, #53ba33 40%, #56bc34 40%, #57bc32 41%, #5abc33 41%, #5abc33 100%); } .header-top .main-container { text-align: right; } .header-top .main-container > * { display: inline-block; vertical-align: top; text-align: left; } .header-top .checkout-link { text-transform: uppercase; font-size: 12px; line-height: 25px; color: #fff; font-weight: 700; margin: 8px 6px 0 17px; } .header-top .social-networks { padding: 5px 0 0; } .header-nav li { font-size: 12px; line-height: 25px; text-transform: uppercase; letter-spacing: .1em; font-weight: 700; display: inline-block; vertical-align: top; color: #fff; margin: 8px 0 0; } .header-nav li.active a { color: #bde72b; text-decoration: none; } .header-nav li:before { content: "|"; margin: 0 13px; } .header-nav li:first-child:before { display: none; } .header-nav li a { color: #fff; } .header-nav li a:hover { color: #bde72b; text-decoration: none; } .cart-box { width: 105px; margin: 0 0 0 16px; } .cart-box .cart, .cart-box .cart-count { display: inline-block; vertical-align: top; width: 47px; height: 41px; line-height: 37px; font-size: 15px; color: #51b629; text-align: center; background: #bde72b; font-weight: 700; } .cart-box .cart:hover, .cart-box .cart-count:hover { text-decoration: none; opacity: .8; } .cart-box .cart { width: 58px; background: #85d833; color: #fff; font-size: 18px; } .cart-box .cart .icon-shopping-cart { line-height: 42px; } /* page logo styles */ .logo { display: block; } .logo img { width: 100%; height: auto; } #nav { background: #47524d; } #nav ul li { text-transform: uppercase; } #nav > ul > li { position: relative; } #nav > ul > li > a { color: #fff; display: block; letter-spacing: .1em; } #nav > ul > li > a span { display: inline-block; vertical-align: top; position: relative; } #nav > ul > li > a span:after { font-family: "icomoon"; position: absolute; top: 50%; right: 16px; content: "\e600"; font-size: 5px; color: #bde72b; margin-top: -12px; display: none; } #nav > ul > li.has-drop-down > a > span:after { display: block; } #nav > ul > li:hover > a, #nav > ul > li.active > a { text-decoration: none; background: #5abc33; } #nav > ul > li .dropdowm-menu { background: #b9c0bd; } #nav > ul > li .dropdowm-menu li { font-weight: 500; } #nav > ul > li .dropdowm-menu a { color: #47524d; display: block; } #nav > ul > li .dropdowm-menu a:hover { background: #c3d2cc; text-decoration: none; } .nav-opener { width: 25px; height: 19px; position: relative; margin: 11px 2px 0 18px; z-index: 9; outline: none; } .nav-opener span, .nav-opener:before, .nav-opener:after { background: #fff; position: absolute; top: 50%; left: 0; right: 0; height: 3px; margin-top: -2px; -webkit-transition: all .2s linear; transition: all .2s linear; } .nav-opener:before, .nav-opener:after { content: ""; top: 0; margin: 0; } .nav-opener:after { top: auto; bottom: 0; } .nav-active .nav-opener span { opacity: 0; } .nav-active .nav-opener:after, .nav-active .nav-opener:before { -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); top: 43%; left: 0; right: 0; } .nav-active .nav-opener:after { -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } /* footer styles */ #footer { width: 100%; overflow: hidden; display: table-footer-group; height: 1%; } .footer-top { background: #47524d; color: #fff; padding: 51px 0 48px; } .footer-top .get-in-touch { overflow: hidden; padding: 0 0 26px; } .footer-top .get-in-touch .btn-green { display: block; text-align: center; } .footer-top .get-in-touch .social-networks { overflow: hidden; text-align: center; padding: 6px 18px 0 0; } .footer-top .get-in-touch .social-networks li { margin: 0 0 6px 6px; } .footer-top .get-in-touch .social-networks li a { border-color: #67716d; padding-top: 1px; } .footer-top .get-in-touch .social-networks li a:hover { color: #5abc33; border-color: #5abc33; } .footer-right .subscription-title { display: block; font-size: 17px; line-height: 24px; letter-spacing: .05em; font-weight: 700; margin: 0 0 23px; text-transform: uppercase; } .subscription-form { margin: 0 0 28px; } .subscription-form ul, .subscription-form li{ margin: 0px; padding: 0px; list-style: none; } .subscription-form ul{ position: relative; height: 41px; border: 1px solid #d1d4d2; background: #fff; border-radius: 3px; padding: 0 100px 0 0; } .subscription-form input[type=text] { border: none; outline: none; background: none; height: 39px; font-size: 15px; line-height: 27px; padding: 6px 16px; margin: 0; font-weight: 500; width: 100%; } .subscription-form .gfield_error input[type=text]{ background: #ffedee; } .subscription-form input[type=text]::-webkit-input-placeholder { color: #bdc4c1; } .subscription-form input[type=text]::-moz-placeholder { opacity: 1; color: #bdc4c1; } .subscription-form input[type=text]::-moz-placeholder { color: #bdc4c1; } .subscription-form input[type=text]::-ms-input-placeholder { color: #bdc4c1; } .subscription-form input[type=text].placeholder { color: #bdc4c1; } footer .subscription-form .button, body.pageClass.woocommerce footer .subscription-form .button, .news-blog-article .subscription-form .button { position: relative; height: 41px; border: 2px solid #fff; background: #bde72b; outline: none; border-radius: 3px; font-size: 14px; letter-spacing: .075em; color: #4dad27; text-transform: uppercase; font-weight: 700; line-height: 27px; padding: 5px; margin: 0; width: 95px; text-align: center; float: right; margin-top: -41px ; } .subscription-form .gfield_label, .subscription-form .validation_error, .subscription-form .validation_message{ display: none; } .subscription-form .button:hover { background: #a0c718; } .footer-nav { overflow: hidden; } .footer-nav .nav-title { display: block; text-transform: uppercase; font-size: 17px; line-height: 24px; letter-spacing: .05em; font-weight: 700; margin: 0 0 22px; padding-right: 10px; } .footer-nav .col { float: left; width: 33.33%; } .footer-nav ul li { font-size: 13px; text-transform: uppercase; letter-spacing: .025em; margin: 0 0 12px; padding-right: 5px; font-weight: 600; } .footer-nav ul li a { color: #919995; display: inline-block; vertical-align: top; position: relative; padding: 0 18px 0 0; } .footer-nav ul li a:after { font-family: "icomoon"; position: absolute; top: 4px; right: 0; content: "\e601"; font-size: 9px; color: #bde72b; display: none; } .footer-nav ul li a:hover { color: #fff; text-decoration: none; } .footer-nav ul li a:hover:after { display: block; } .footer-logo li { display: inline-block; vertical-align: middle; } .footer-logo li:first-child { margin: 0; } .footer-bototm { background: #5abc33; color: #fff; padding: 10px 0; } .footer-bototm .copy-holder { font-size: 12px; font-weight: 600; } .footer-bototm .copy-text { display: block; letter-spacing: .02em; } .footer-bototm .copy-text a { color: #fff; font-weight: 500; letter-spacing: .05em; } .footer-bototm .footer-links { float: left; max-width: 360px; } .footer-bototm .footer-links li { float: left; letter-spacing: .05em; text-transform: uppercase; margin: 0 0 5px; } .footer-bototm .footer-links li:before { content: "|"; margin: 0 10px; } .footer-bototm .footer-links li a { color: #fff; } .footer-bototm .gt-logo img { vertical-align: top; } /* hero banner styles */ .hero-banner { overflow: hidden; position: relative; } .hero-banner .mask { overflow: hidden; } .hero-banner .slide { overflow: hidden; max-height: 535px; position: relative; } .hero-banner .img-holder { position: relative; left: 50%; min-width: 1020px; } .hero-banner .img-holder img { display: block; position: relative; left: -50%; width: 100%; height: auto; } .hero-banner .banner-content { font-size: 20px; line-height: 1.2; color: #fff; } .hero-banner .title-test { display: block; font-weight: 400; font-family: "glegooregular"; font-size: 44px; margin: 0 0 2px; } .hero-banner .main-title { display: block; font-size: 50px; font-weight: 700; margin: 0 0 7px; text-transform: uppercase; } .hero-banner p { margin: 0 5px 31px; } /* home page styles */ .benefits-block { text-align: center; font-size: 17px; color: #47524d; } .benefits-block h1 { margin-bottom: 18px; } .benefits-block p { margin-bottom: 38px; } .benefits-frame { border-top: 1px solid #cad8d2; } .testimonial-block { background: #d7ddda; text-align: center; overflow: hidden; } .testimonial { display: block; background: #eaf0ed; text-align: center; font-size: 18px; line-height: 30px; position: relative; padding: 10px; margin: 0 0 91px; border-radius: 3px; } .testimonial-block h2 { margin-bottom: 47px; } .testimonial-block .blockquote { margin: 0; } .testimonial-block .blockquote q { display: block; background: #eaf0ed; text-align: center; font-size: 21px; line-height: 30px; position: relative; padding: 60px 80px 58px; margin: 0 0 51px; border-radius: 3px; } .testimonial-block .blockquote q span, .testimonial .blockquote q span { position: absolute; top: 83px; font-size: 200px; color: #d7ddda; z-index: 9; left: 12px; } .testimonial-block .blockquote q span.close, .testimonial .blockquote q span.close { left: auto; right: 10px; top: auto; bottom: -28px; } .testimonial-block .blockquote q:after, .testimonial .blockquote q:after { content: ""; display: block; position: absolute; bottom: -37px; right: 42px; border: 10px solid #eaf0ed; border-width: 0 31px 37px; border-color: transparent transparent transparent #eaf0ed; } .testimonial-block .blockquote cite, .testimonial .blockquote cite { text-align: right; font-style: normal; font-size: 17px; font-weight: 500; display: block; } .testimonial .blockquote cite { position: absolute; margin-top: 40px; } .testimonial-block .blockquote cite a, .testimonial .blockquote cite a { color: #47524d; } .testimonial-block .blockquote cite .post, .testimonial .blockquote cite .post { color: #5abc33; } .testimonial-slide { margin: 0 0 2px; } .testimonial-slide .mask { overflow: hidden; position: relative; max-width: 884px; margin: 0 auto 36px; } .testimonial-slide .pagination-bullets ul { letter-spacing: -4px; } .testimonial-slide .pagination-bullets ul li { display: inline-block; vertical-align: top; margin: 0 10px; } .testimonial-slide .pagination-bullets ul li a { display: block; width: 21px; height: 21px; background: #fff; border: 2px solid #fff; border-radius: 50%; outline: none; } .testimonial-slide .pagination-bullets ul li:hover a, .testimonial-slide .pagination-bullets ul li.active a { background: #bde72b; } .where-to-start { text-align: center; } .where-to-start h2 { margin-bottom: 18px; } .where-to-start p { margin-bottom: 36px; } /* breadcrumbs styles */ .breadcrumbs-holder { max-width: 1054px; padding: 30px 15px; margin: 0 auto 10px; overflow: hidden; position: relative; } .breadcrumbs-holder:before { content: ""; height: 1px; left: 15px; right: 15px; background: #ddd; position: absolute; bottom: 0; } .breadcrumbs-holder .filter-box .filter-opener { display: block; font-size: 14px; line-height: 18px; color: #47524d; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; } .breadcrumbs-holder .filter-box .filter-opener span { display: inline-block; vertical-align: top; position: relative; padding: 0 25px 0 0; } .breadcrumbs-holder .filter-box .filter-opener span:after { content: "\e600"; font-family: "icomoon"; font-size: 7px; color: #bde72b; position: absolute; top: 1px; position: absolute; right: 0; } .breadcrumbs-holder .filter-box .filter-opener:hover { text-decoration: none; color: #000; } .breadcrumbs { overflow: hidden; } .breadcrumbs li { display: inline-block; vertical-align: top; font-size: 15px; line-height: 18px; } .breadcrumbs li:before { content: ">"; color: #5abc33; margin: 0 8px; } .breadcrumbs li:first-child:before { display: none; } .breadcrumbs li a { color: #47524d; } .breadcrumbs li a:hover { text-decoration: none; color: #adaead; } .breadcrumbs li.active a { color: #adaead; pointer-events: none; } /* sidebar styles */ #sidebar { float: left; width: 219px; padding: 84px 0 0; } #sidebar .nav-title { display: block; font-size: 15px; line-height: 18px; letter-spacing: .06em; padding: 0 0 13px; margin: 0 0 -2px; border-bottom: 1px solid #cad8d2; text-transform: uppercase; } #sidebar .menu, #sidebar .menu li, .widget_categories ul, .widget_categories ul li { padding: 0px; margin: 0px; list-style: none; } #sidebar .menu li, .widget_categories ul li { font: 14px/19px "glegooregular"; border-top: 1px solid #cad8d2; } #sidebar .menu li:first-child, .widget_categories ul li:first-child { border: none; } #sidebar .menu li a, .widget_categories ul li a { color: #47524d; display: block; padding: 10px 0; } #sidebar .menu li a:hover, .widget_categories ul li a:hover { text-decoration: none; color: #5abc33; } #sidebar .menu li.current_page_item { margin: 0 0 -1px; border: none; position: relative; background: #fff; } #sidebar .menu li.current_page_item a { text-transform: uppercase; font-weight: 700; color: #48ad20; font-family: "Raleway"; background: #bde72b; z-index: 2; padding: 11px 14px 12px; letter-spacing: .045em; border-radius: 3px; } /* main content styles */ #content { overflow: hidden; font-size: 15px; line-height: 25px; } #content h2 { margin-bottom: 17px; } h2.wsp-pages-title, .wsp-posts-title, .wsp-products-title, .wsp-tlgs_testis-title, .wsp-product_cats-title { font-size: 25px; } #content p { margin-bottom: 20px; } #content .list-holder { overflow: hidden; } #content .custom-list li { position: relative; padding: 0 0 0 17px; margin: 0 0 13px; } #content .custom-list li:before { content: "–"; position: absolute; top: 0; left: 0; color: #5abc33; } .pics-holder { letter-spacing: -4px; text-align: center; } .pics-holder .pic-box { border-radius: 50%; text-align: center; display: inline-block; vertical-align: top; width: 265px; } .pics-holder .pic-box .img-holder { width: 182px; margin: 0 auto 25px; border-radius: 50%; overflow: hidden; } .pics-holder .pic-box .img-holder a { display: block; border-radius: 50%; overflow: hidden; position: relative; } .pics-holder .pic-box .img-holder a:after, .pics-holder .pic-box .img-holder a:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 50%; overflow: hidden; border: 12px solid transparent; } .pics-holder .pic-box .img-holder a:hover:after { border-color: rgba(189, 231, 43, .8); } .pics-holder .pic-box .img-holder a:before { left: 12px; right: 12px; bottom: 12px; top: 12px; border: 2px solid #fff; } .pics-holder .pic-box .img-holder img { vertical-align: top; } .pics-holder .pic-box .name-title { letter-spacing: 0; font-size: 19px; line-height: 1.2; text-transform: uppercase; } .pics-holder .pic-box .name-title a { color: #47524d; } .general-box-holder { border-top: 1px solid #cad8d2; margin: 0 0 25px; } .general-box-holder .general-box { font-size: 17px; line-height: 25px; font-weight: 500; background: #bde72b; border-radius: 3px; overflow: hidden; color: #48ad20; padding: 30px; } .general-box-holder .general-box p { text-transform: uppercase; } /* books page styles */ .books { margin: 0 0 66px; } .books-row { letter-spacing: -4px; text-align: center; } .book-box { display: inline-block; vertical-align: top; width: 242px; letter-spacing: 0; padding: 29px 41px; margin: 0 9px 37px; border: 3px solid transparent; } .book-box:hover { border-color: #bde72b; } .book-box .img-holder { max-width: 145px; margin: 0 auto 13px; position: relative; } .book-box .starbust { width: 63px; height: 63px; border: 3px solid #59bb33; border-radius: 50%; overflow: hidden; background: #47514d; position: absolute; top: -10px; right: -26px; font: 700 13px/15px "Open Sans Condensed"; color: #fff; padding: 15px 4px 10px; } .book-box .starbust-img { position: absolute; top: -10px; right: -26px; } .book-box .book-title, .book-box .book-price { display: block; font-size: 15px; line-height: 18px; text-transform: uppercase; font-weight: 700; margin-bottom: 15px; } .book-box .book-title { font-size: 17px; margin: 0 0 8px; } .book-box .book-title a { color: #47524d; } .book-box .book-price { color: #5abc33; } /* book single page styles */ .single-book { margin-bottom: 68px; } .single-book-holder { padding: 23px 0 50px; border-bottom: 1px solid #cad8d2; margin: 0 0 31px; } .single-book-holder .book-detail h1 { font-size: 30px; line-height: 1.2; font-weight: 700; margin-bottom: 7px; text-transform: uppercase; } .single-book-holder .book-detail .code-info, .single-book-holder .book-detail .book-price { font-size: 17px; display: block; line-height: 18px; } .single-book-holder .book-detail .code-info { font-weight: 500; font-size: 14px; margin: 0 0 14px; } .single-book-holder .book-detail span.posted_in { font-weight: 500; font-size: 14px; padding: 0 0 15px; line-height: 22px; display: block; } .single-book-holder .book-detail .book-price { display: block; color: #5abc33; font-weight: 700; margin: 0 0 21px; } .single-book-holder .accordion { margin-bottom: 24px; } .single-book-holder .accordion li { font-size: 15px; line-height: 25px; font-weight: 500; border-bottom: 1px solid #cad8d2; } .single-book-holder .accordion li .opener { display: block; text-transform: uppercase; font-weight: 700; color: #47524d; display: block; padding: 12px 20px 13px 0; position: relative; } .single-book-holder .accordion li .opener span { text-transform: lowercase; } .single-book-holder .accordion li .opener:after { font-family: "icomoon"; position: absolute; top: 50%; right: 2px; content: "\e600"; font-size: 8px; color: #bde72b; line-height: 1; margin-top: -3px; -webkit-transition: -webkit-transform .1s linear; transition: transform .1s linear; } .single-book-holder .accordion li .opener:hover { text-decoration: none; color: #000; } .single-book-holder .accordion li.item-active .opener:after { -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); } .single-book-holder .accordion li p { margin: 0; } .single-book-holder .accordion li .text-box { border-top: 1px solid #cad8d2; padding: 7px 0 15px; } .single-book-holder .qty-choose .text-title { display: inline-block; vertical-align: middle; font-size: 15px; line-height: 18px; color: #47524d; text-transform: uppercase; font-weight: 700; width: 46px; padding-right: 5px; } .single-book-holder .qty-choose .jcf-select { vertical-align: middle; } /* cart page styles */ .cart-block { padding: 16px 0 74px; font-size: 15px; line-height: 25px; font-weight: 500; } .cart-block h1 { margin-bottom: 17px; } .cart-block p { margin-bottom: 36px; } .cart-table { width: 100%; font-size: 13px; line-height: 18px; font-weight: 500; } .cart-table .col1 { width: 58%; } .cart-table .col2 { width: 10%; } .cart-table .col3 { width: 10%; } .cart-table .col4 { width: 10%; } .cart-table .col5 { width: 12%; } .cart-table th { text-transform: uppercase; font-weight: 700; letter-spacing: .05em; padding: 16px 0; } .cart-table th:first-child { text-align: left; } .cart-table thead tr { border: 1px solid #cad8d2; border-width: 1px 0; } .cart-table .text { overflow: hidden; font-size: 12px; } .cart-table .text .name { display: block; font-size: 13px; font-weight: 500; } .cart-table .text .name a { color: #47524d; } .cart-table td { text-align: center; padding: 20px 0 14px; vertical-align: top; } .cart-table td:first-child { text-align: left; padding-top: 6px; } .cart-table .img img { vertical-align: top; } .cart-detail { overflow: hidden; background: #e1e7e4; padding: 7px 0 0; } .cart-detail .cart-price-table { width: 100%; font-size: 13px; line-height: 18px; font-weight: 600; } .cart-detail .cart-price-table tr { border-bottom: 1px solid #fff; } .cart-detail .cart-price-table td { vertical-align: top; padding: 13px 5px 12px; letter-spacing: .05em; text-align: center; text-transform: uppercase; } .cart-detail .cart-price-table td:first-child { text-align: right; width: 60%; } .cart-detail .cart-price-table td span.amount{ font-weight: 700;} .cart-detail .cart-price-table td span{ display: block; font-weight: 400; letter-spacing: 0; text-transform: none; } .cart-detail .cart-price-table td strong { font-weight: 700; } .cart-detail .btn-wrap { padding: 23px; text-align: right; } .input-wrap { position: relative; border: 1px solid #c2cfc9; background: #fff; border-radius: 4px; height: 43px; } .input-wrap .input-field { width: 100%; border: none; overflow: hidden; height: 41px; background: none; font-size: 15px; line-height: 21px; padding: 10px 14px; } .input-wrap .input-field::-webkit-input-placeholder { color: #bdc4c1; } .input-wrap .input-field::-moz-placeholder { opacity: 1; color: #bdc4c1; } .input-wrap .input-field:-moz-placeholder { color: #bdc4c1; } .input-wrap .input-field:-ms-input-placeholder { color: #bdc4c1; } .input-wrap .input-field.placeholder { color: #bdc4c1; } .coupon-form .input-wrap { padding-right: 180px; } .coupon-form .input-wrap .btn-apply { position: absolute; top: 0; right: 0; border: none; outline: none; background: none; font-weight: 700; font-size: 14px; line-height: 17px; color: #4dad27; background: #bde72b; border: 2px solid #fff; border-radius: 4px; height: 41px; padding: 8px; width: 176px; text-transform: uppercase; } .coupon-form .input-wrap .btn-apply:hover { background: #5abc33; color: #fff; } /* checkout page styles */ .checkout-block { padding: 16px 0 0; margin: 0 0 72px; } .checkout-block h1 { margin-bottom: 21px; } .checkout-form .main-title { display: block; font-size: 15px; line-height: 18px; font-weight: 700; letter-spacing: .05em; margin-bottom: 19px; text-transform: uppercase; } .checkout-form label, .checkout-form .label { font-size: 13px; line-height: 18px; font-weight: 700; letter-spacing: .05em; display: inline-block; vertical-align: top; margin-bottom: 11px; text-transform: uppercase; } .checkout-form .label { display: block; } .checkout-form .select-wrap { margin-bottom: 17px; } .checkout-form .jcf-select { width: 100%; border-color: #c2cfc9; } .checkout-form .jcf-select .jcf-select-text { text-transform: none; font-size: 15px; margin-left: 15px; } .checkout-form .jcf-select .jcf-select-opener { width: 36px; z-index: -1 } .checkout-form .input-field { margin-bottom: 15px; } .checkout-form .checkbox { font-weight: 500; position: relative; padding: 2px 0 1px 32px; font-size: 15px; letter-spacing: 0; margin-bottom: 0; margin: 0 23px 9px 0; text-transform: none; } .checkout-form .checkbox .jcf-checkbox { position: absolute; top: 1px; left: 0; } .checkout-form .form-bottom { border-top: 1px solid #d4ddd9; padding: 26px 0 0; } .checkout-form .form-bottom .checkbox { margin-bottom: 29px; } .checkout-form .form-bottom.add { padding-top: 30px; } .checkout-form .form-bottom .btn-green { letter-spacing: -.03em; } .checkout-form .form-bottom .btn-green > span { padding: 8px 38px 8px 25px; } .checkout-form .info-text { display: block; font-size: 15px; line-height: 1.2; margin: 0 0 13px; } .order-details-holder { border-top: 1px solid #d4ddd9; padding: 26px 0 0; margin: 0 0 33px; } .order-details-holder .order-title { display: block; font-size: 15px; letter-spacing: .05em; font-weight: 700; margin: 0 0 14px; text-transform: uppercase; } .order-details-table { width: 100%; background: #e1e7e4; font-size: 13px; line-height: 18px; letter-spacing: .05em; font-weight: 500; } .order-details-table .col1 { width: 67%; } .order-details-table .name { display: block; font-weight: 500; text-transform: uppercase; } .order-details-table .name a { color: #47524d; } .order-details-table th { padding: 17px 5px 7px; text-transform: uppercase; } .order-details-table th:first-child { text-align: left; padding-left: 20px; } .order-details-table td { text-align: center; padding: 11px 5px 14px; vertical-align: top; } .order-details-table td:first-child { text-align: left; padding-left: 20px; } /*.order-details-holder .product-name{ width: 60%} .order-details-holder .product-qty{ width: 20%} .order-details-holder .product-total{ width: 20%}*/ .order-details-table td:first-child.text-right { text-align: right; text-transform: uppercase; } .order-details-table td span { font-size: 12px; } .order-details-table tbody tr, .order-details-table tfoot tr { border-top: 1px solid #fff; } .order-details-table tfoot tr.order-total td, .order-details-table tfoot tr.order-total td.small{ font-weight: 700; font-size: 15px; padding: 19px 20px 19px 11px; } /* blog news page styles */ .blog-news-holder { padding: 27px 0 0; } .blog-item { font-size: 15px; line-height: 25px; } .blog-item .img-holder { position: relative; overflow: hidden; border-radius: 4px; margin: 0 0 27px; cursor: pointer; } .blog-item .img-holder:after, .blog-item .img-holder:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; border: 12px solid transparent; pointer-events: none; } .blog-item .img-holder:before { z-index: 2; } .blog-item .img-holder:hover:after { border-color: rgba(189, 231, 43, .8); } .blog-item .img-holder:before { left: 12px; right: 12px; bottom: 12px; top: 12px; border: 2px solid #fff; pointer-events: none; } .blog-item .img-holder.video:after { background: rgba(0, 0, 0, .5); } .blog-item .img-holder a { display: block; } .blog-item .img-holder .icon-holder { position: absolute; top: 50%; left: 50%; color: #fff; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); z-index: 5; } .blog-item .img-holder .icon-holder:after, .blog-item .img-holder .icon-holder:before { display: none; } .blog-item .img-holder .icon-holder .icon-calmer-mind { font-size: 130px; } .blog-item .img-holder .icon-holder .icon-play { font-size: 100px; } .blog-item .img-holder a.icon-holder:hover { text-decoration: none; color: #5abc33; } .blog-item .img-holder img { vertical-align: top; width: 100%; height: auto; } .blog-item .title { text-transform: uppercase; font-size: 21px; line-height: 1.2; font-weight: 700; margin: 0 0 12px; } .blog-item .title a { color: #47524d; } .loading-wrap { text-align: center; font-size: 18px; line-height: 24px; text-transform: uppercase; color: #c5ceca; font-weight: 700; letter-spacing: .04em; margin: -5px 0 47px 4px; } .news-blog-article .feature-image { border-radius: 3px; overflow: hidden; position: relative; margin: 0 0 29px; } .news-blog-article .feature-image:after, .news-blog-article .feature-image:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; border: 12px solid transparent; } .news-blog-article .feature-image:before { z-index: 2; } .news-blog-article .feature-image:before { left: 12px; right: 12px; bottom: 12px; top: 12px; border: 2px solid #fff; } .news-blog-article .feature-image img { width: 100%; height: auto; vertical-align: top; } .news-blog-article .subscription-form { padding: 0; margin: 0 0 35px; } .news-blog-article .gform_widget .nav-title { display: block; font-size: 15px; line-height: 18px; letter-spacing: .05em; margin: 0 0 14px; text-transform: uppercase; } .news-blog-article .subscription-form .button { border: 0px solid #fff; } .news-blog-article .subscription-form .input-wrap { height: 43px; padding: 0 48px 0 0; } .news-blog-article .subscription-form .btn-sign-up { top: 0; bottom: 0; right: 0; height: 40px; width: 43px; font-size: 12px; } .news-blog-article .content-pic-holder { margin: 0 -11px 18px; padding-top: 4px; font-size: 0; line-height: 0; letter-spacing: -4px; text-align: center; } .news-blog-article .content-pic { display: inline-block; vertical-align: top; padding: 0 11px; margin: 0 0 20px; } .news-blog-article .content-pic img { width: 100%; height: auto; border-radius: 3px; vertical-align: top; } .other-article { padding: 12px 0 0; } .other-article h2 { text-align: center; font-size: 36px; margin: 0 0 37px; } .other-article h2 span { font-size: 31px; } .other-article .blog-news-row { border: none;} /* CUSTOM CSS*/ /*.blog-news-row .blog-item:nth-child(2n+1){ clear: both}*/ .blog-news-holder .blog-news-row .blog-item:last-child hr.horLine{ display: none; margin: 20px 0px 30px; } .blog-news-row .blog-item:nth-child(2n+1):after{height:1px ;color:#cad8d2; width: 100%; cotent:''; position: absolute; left: 0; right: 0; } .customSelect .select_type_data { padding: 5px 17px 5px 10px; font-size: 15px; line-height: 22px; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; border: none; height: 32px; border-radius: 0; white-space: nowrap; font-weight: 400; overflow: hidden; text-overflow: ellipsis; width: 160px; } hr.horLine { border: none; margin: 20px 0px 50px; border-bottom: 1px solid #cad8d2; } .loadMore_btn.greenBtn { height: 41px; border: 2px solid #fff; background: #bde72b; outline: none; border-radius: 3px; font-size: 14px; letter-spacing: .075em; color: #4dad27; text-transform: uppercase; font-weight: 700; line-height: 27px; padding: 5px; margin: 0 auto 0px ; text-align: center; } .btn_sec{text-align: center; padding: 0 0 0px;} .loadMore_btn{display: none; cursor: pointer} .clear{ clear: both} /*.load_gif { background: url("images/loading.GIF") no-repeat center center; clear: both; display: block; height: 17px; margin: auto; width: 120px; margin-bottom: 30px;}*/ .load_gif:before { text-align: center; font-size: 18px; line-height: 24px; text-transform: uppercase; color: #c5ceca; font-weight: 700; letter-spacing: .04em; clear: both; display: block; content:'LOADING....'; margin-bottom: 30px; margin-top: 0px; } .customSelect .jcf-select { border: none; color: #47524d; height: auto} .customSelect .jcf-select .jcf-select-text { font-size: 14px; line-height: 18px; font-weight: 700; color: #47524d;} .customSelect .jcf-select .jcf-select-opener{background: transparent;} .customSelect{ display: block} .customSelect .jcf-select .jcf-select-opener:after{top:45%;} .customSelect .jcf-list { font-size: 14px; line-height: 18px; font-weight: 700; color: #47524d; overflow: visible; } .breadcrumbs-holder.breadCrumbFunc { max-width: 100%; float: left; overflow: inherit; width: 80%; background: transparent;} .noProperties{ margin-top: 30px; text-align: center; font-size: 18px; line-height: 24px; text-transform: uppercase; color: #c5ceca; font-weight: 700; letter-spacing: .04em; margin-bottom: 30px;} .horLine.lasthr{display: none;} .customSelect{position: relative;} body.postTemplate .jcf-select-drop-content{ width: 200px;} .customSelect .jcf-list .jcf-list-content { overflow: auto;} body.postTemplate .jcf-select-drop{ left :auto; right: 0;} footer .subscription-form .button:hover,body.pageClass.woocommerce footer .subscription-form .button:hover{ color:#fff; background: #bde72b} .btn-green:hover ,body.pageClass .btn-green:hover{ text-decoration: none; background: #bde72b; color: #fff;} .blog-news-row.noBorderBtrm{border-bottom: none;} /* CUSTOM CSS*/ /* WOOCOMMERCE SHOP PAGE*/ .book-box .woocommerce-placeholder {width : 145px; height: 237px;} body.pageClass.woocommerce button.button.alt.btn-green{ background-color: #5abc33; display: inline-block; vertical-align: top; border-radius: 2px; position: relative; color: #fff; font-size: 18px; line-height: 24px; letter-spacing: .02em; text-align: center; outline: none; border: none; font-weight: normal; padding: 0px;} body.pageClass.woocommerce button.button.alt.btn-green > span { display: inline-block; vertical-align: top; position: relative; } body.pageClass.woocommerce button.button.alt.btn-green > span:after { font-family: "icomoon"; position: absolute; top: 50%; right: 18px; content: "\e601"; font-size: 10px; color: #bde72b; margin-top: -12px;} body.pageClass.woocommerce button.button.alt.btn-green > span span { font-size: 14px; font-family: "glegooregular";} body.pageClass.woocommerce #respond input#submit:hover, body.pageClass.woocommerce a.button:hover, body.pageClass.woocommerce button.button:hover, body.pageClass.woocommerce input.button:hover{ text-decoration: none; background: #bde72b; } body.pageClass.woocommerce button.button.alt.btn-green:hover { text-decoration: none; background: #bde72b;} body.pageClass.woocommerce #respond input#submit, body.pageClass.woocommerce a.button, body.pageClass.woocommerce button.button, body.pageClass.woocommerce input.button{ color: #fff; background-color: #5abc33; font-size: 18px; line-height: 24px; letter-spacing: .02em; } body.pageClass.woocommerce .woocommerce-message:before { content: "\e015"; color: #5abc33;} body.pageClass.woocommerce .woocommerce-error, body.pageClass.woocommerce .woocommerce-info, body.pageClass.woocommerce .woocommerce-message { border-top-color: #5abc33;} body.pageClass.woocommerce div.product p.price, body.pageClass.woocommerce div.product span.price { color: #5abc33; font-size: 15px;line-height: 18px;} body.pageClass.woocommerce div.product{ margin: 0 9px 37px;} hr.horLinePro {border: none; margin: 0 0px 35px; border-bottom: 1px solid #cad8d2;} body.pageClass.woocommerce div.product p.stock { font-size: 20px; font-style: italic; color: #5abc33; font-weight: 700;} body.pageClass.woocommerce-page div.product div.summary.book-detail{ float: none; width: auto;} body.pageClass.woocommerce div.product div.summary.book-detail{ margin-bottom: 0 } body.pageClass.woocommerce .single-book div.product { margin: 0 9px 0px;} body.pageClass.woocommerce .qty-choose .quantity_select{display: inline-block} body.pageClass.woocommerce div.product form.cart div.quantity { margin: 0 0 21px;} body.pageClass .woocommerce a.remove { font-size: 1.5em; height: 1.2em; width: 1.2em; line-height: 0.9em; color: #5abc33!important; border: 2px solid #5abc33;} body.pageClass .woocommerce a.remove:hover { color: #fff!important; background: #5abc33;} .shop_table .jcf-select .jcf-select-opener:after{ top:40%} .shop_table span.text-title{ display: none} .cart-table-holder .currencyCode{ display: none;} .cart-detail .cart-price-table td span.currencyCode, .checkout-block span.currencyCode { display: none;} body.pageClass .woocommerce table.shop_table th{ padding: 16px 0; text-align: center} body.pageClass .woocommerce table.shop_table.finalOrder th{ padding: 16px 0; text-align: left} body.pageClass .woocommerce table.shop_table.finalOrder .product-name a{ font-size: 13px; font-weight: 500;} body.pageClass .woocommerce table.shop_table { border: none} body.pageClass .woocommerce table.shop_table{border-collapse: collapse;} .img-holder a{display: block;} body.pageClass.woocommerce-cart .wc-proceed-to-checkout{ padding: 0} body.pageClass .woocommerce table.cart td.actions .input-text.input-field,body.pageClass .woocommerce-page #content table.cart td.actions .input-text.input-field,body.pageClass .woocommerce-page table.cart td.actions .input-text.input-field , body.pageClass.woocommerce-page table.cart td.actions .input-text.input-field{ border: none; width: 100% !important; padding: 10px 14px;} .coupon-form .input-wrap{ width: 100%;} body.pageClass .woocommerce table.shop_table .couponCart td{ padding: 60px 0 20px } body.pageClass.woocommerce-cart table.cart td.actions .coupon .input-text {line-height: 19px} .shop_table .product-name span{display: block; font-size: 12px;} .shop_table .product-name { text-align: left;} .shop_table .updateCartBtn.btn-green{display: inline-block; font-size: 14px; line-height: 14px; padding: 14px 20px 14px 20px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; font-weight: 700; text-align: center;} .shop_table .jcf-select{width: 90px;min-width: 90px;} .shop_table .jcf-select .jcf-select-text{ margin: 0 45px 0 5px;} .checkout-block .order-title { display: block; font-size: 15px; letter-spacing: .05em; font-weight: 700; margin: 0 0 14px; text-transform: uppercase; /* border-top: 1px solid #d4ddd9; padding: 26px 0 0;*/ } body.pageClass.woocommerce-checkout #payment{ background: transparent; border-radius: 0} .order-details-holder{ padding: 0; border-top: none} body.pageClass.woocommerce-page #payment #place_order{float: none; } body.pageClass .woocommerce #payment .terms, body.pageClass.woocommerce-page #payment .terms{ text-align: left; padding: 0 0 10px; } body.pageClass .checkout-form .terms .checkbox { padding: 2px 0 1px 32px; margin: 0; text-transform: none; display: block} body.pageClass .woocommerce form .checkout-form .form-row label{ line-height: 18px;} body.pageClass .woocommerce form .form-row{ padding: 0; margin: 0 0 15px;} body.pageClass .checkout_coupon .btn-green{color: #fff; background: #5abc33; font-size: 18px; line-height: 21px; letter-spacing: .02em; text-align: center; outline: none;} body.pageClass .checkout_coupon .btn-green:hover{ text-decoration: none; background: #bde72b; color: #fff;} body.pageClass .woocommerce-billing-fields{ padding-bottom: 15px;} body.pageClass .woocommerce .woocommerce-info:before { color: #5abc33;} body.pageClass .woocommerce .woocommerce-info { border-top-color: #5abc33;} .checkout-form .select2-container .select2-choice, .checkout-form .select2-container .select2-choice > .select2-chosen{height: 100%} .return-to-shop .button.wc-backward{color: #fff; background: #5abc33; font-size: 18px; line-height: 21px; letter-spacing: .02em; text-align: center; outline: none; } .return-to-shop .button.wc-backward:hover{text-decoration: none; background: #bde72b; color: #fff; } body.pageClass .woocommerce form .form-row label,body.pageClass .woocommerce-page form .form-row label{ line-height: 18px;} body.pageClass .woocommerce form select { top:auto !important; } body.pageClass.woocommerce-cart table.cart .product-thumbnail a{ display: block} body.pageClass .payment_method_paypal label img{display: none; } body.pageClass .payment_method_paypal label a{display: none; } body.pageClass.woocommerce-checkout #payment ul.payment_methods{ padding:0 0 1em; border-bottom: none;} body.pageClass.woocommerce-checkout #payment div.payment_box{background-color:#e1e7e4} body.pageClass.woocommerce-checkout #payment div.payment_box:after{ content: ""; display: block; border : 8px solid #e1e7e4; border-right-color: transparent; border-left-color: transparent; border-top-color: transparent; position: absolute; top: -3px; left: 0; margin: -1em 0 0 2em;} body.pageClass.woocommerce-checkout #payment .main-title.add { padding: 26px 0 0; margin-bottom: 0} body.pageClass.woocommerce-checkout #payment{ border-top: 1px solid #d4ddd9; margin-bottom: 0} body.pageClass.woocommerce-checkout #payment div.payment_box{width: 100%} body.pageClass.woocommerce-checkout #payment li label{ vertical-align: middle; margin-bottom: 0;} body.pageClass.woocommerce-checkout .place-order{padding: 0 !important;} body.pageClass.woocommerce-checkout #payment div.payment_box{font-size: 15px; } body.pageClass p.form-row.terms .jcf-checkbox { float: left; } body.pageClass .woocommerce .woocommerce-error li,body.pageClass .woocommerce .woocommerce-info li,body.pageClass .woocommerce .woocommerce-message li{ font-size: 15px; line-height: 22px;} .single-book-holder .book-box .img-holder { float: none; text-align: center; margin: 0 auto 13px;} .related.products .books{ margin: 0 0 20px} .related.products .main-title{font-size: 35px; font-weight: 500; text-transform: uppercase; padding: 30px 0 0;} .cart-table thead .product-name span{ display: none} body.pageClass .woocommerce #respond input#submit.alt.disabled,body.pageClass .woocommerce #respond input#submit.alt.disabled:hover,body.pageClass .woocommerce #respond input#submit.alt:disabled,body.pageClass .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt:disabled[disabled],body.pageClass .woocommerce #respond input#submit.alt:disabled[disabled]:hover,body.pageClass .woocommerce a.button.alt.disabled,body.pageClass .woocommerce a.button.alt.disabled:hover,body.pageClass .woocommerce a.button.alt:disabled,body.pageClass .woocommerce a.button.alt:disabled:hover,body.pageClass .woocommerce a.button.alt:disabled[disabled],body.pageClass .woocommerce a.button.alt:disabled[disabled]:hover,body.pageClass .woocommerce button.button.alt.disabled,body.pageClass .woocommerce button.button.alt.disabled:hover,body.pageClass .woocommerce button.button.alt:disabled,body.pageClass .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt:disabled[disabled], .woocommerce button.button.alt:disabled[disabled]:hover,body.pageClass .woocommerce input.button.alt.disabled,body.pageClass .woocommerce input.button.alt.disabled:hover,body.pageClass .woocommerce input.button.alt:disabled,body.pageClass .woocommerce input.button.alt:disabled:hover,body.pageClass .woocommerce input.button.alt:disabled[disabled],body.pageClass .woocommerce input.button.alt:disabled[disabled]:hover{ background-color: #bde72b;} body.pageClass .woocommerce .thankuTemplate h2{ font-size: 24px; line-height: 30px; font-weight: 600;} /* MEDIA QUERY STARTS HERE*/ @media all and (min-width: 768px) { #wrapper { height: 100%; } h1 { font-size: 50px; } .woocommerce-account h1 { font-size: 35px; } .benefit-item { width: 182px; } .benefit-item.lg { width: 238px; } h2 { font-size: 50px; } .woocommerce-account h2 { font-size: 30px; } .woocommerce-account .woocommerce{ margin-bottom: 50px; } .hidden-from-tablet { display: none !important; } .logo { width: 395px; float: left; margin: 20px -1px 13px; } #nav { border-bottom: 3px solid #b9c0bd; } #nav > ul { max-width: 1054px; margin: 0 auto; padding: 0 15px; } #nav > ul > li { float: left; font-size: 12px; line-height: 28px; } #nav > ul > li > a { font-weight: 700; } #nav > ul > li > a > span { padding: 14px 10px 13px; } #nav > ul > li > a > span:after { right: 3px; } #nav > ul > li.has-drop-down > a > span { padding-right: 17px; } #nav > ul > li.has-drop-down > a > span:after { display: block; } #nav > ul > li .slide { position: static !important; height: auto !important; width: auto !important; } #nav > ul > li .dropdowm-menu { position: absolute; top: 100%; left: 0; width: 215px; padding: 11px 0 13px; z-index: 99; display: none; } #nav > ul > li .dropdowm-menu a { padding: 6px 20px; } #nav > ul > li:last-child .dropdowm-menu { left: auto; right: 0; } #nav > ul > li:hover .dropdowm-menu { display: block !important; } .footer-top .get-in-touch .btn-green { float: right; } .footer-top .get-in-touch .social-networks { text-align: right; } .footer-right { float: right; width: 316px; } .footer-right .subscription-title { text-align: right; } .subscription-form { padding: 0 0 0 19px; } .footer-logo { text-align: right; } .footer-logo li { margin: 0 0 7px 19px; } .footer-bototm .copy-holder { float: left; max-width: 730px; padding: 10px 0; } .footer-bototm .gt-logo { float: right; } .footer-bototm .copy-text { float: left; max-width: 310px; } .hero-banner .banner-content { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; max-width: 1054px; padding: 0 15px; margin: auto; font-size: 20px; line-height: 1.2; color: #fff; white-space: nowrap; } .hero-banner .banner-content:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; margin-right: -.55em; } .hero-banner .banner-content .banner-text { max-width: 470px; display: inline-block; white-space: normal; vertical-align: middle; } .hero-banner.inner .slide { max-height: 415px; } .hero-banner.inner .banner-content .banner-text { max-width: 580px; } .hero-banner.inner .banner-content .main-title { margin-bottom: 10px; } .benefits-frame { padding: 40px 0; } .benefits-holder { margin: 0 -49px; } .benefits-holder .benefit-item { margin: 0 49px 30px; cursor: pointer; } .testimonial-block { padding: 60px 0; } .testimonial-block .blockquote cite { padding: 0 104px 0 0; } .where-to-start { padding-top: 62px; max-width: 912px; } .where-to-start .benefits-frame { padding-top: 47px; padding-bottom: 74px; } .where-to-start .benefits-frame .benefit-item { margin: 0 42px; } .breadcrumbs-holder .filter-box { float: right; padding: 1px 0 0; max-width: 200px; } body.woocommerce-page.pageClass #content { padding: 0px 0 0 5px; min-height: 600px; } #content { padding: 13px 0 0 43px; min-height: 600px; } #content.full { padding: 13px 0 0 5px; } #content h2 { margin-left: -4px; } #content .custom-list { float: left; width: 28.1%; padding: 0 0 0 21px; margin: 0 0 5px; } #content .custom-list:first-child { width: 37.6%; } #content .custom-list:last-child { float: right; } #content p.add { margin-bottom: 45px; } .pics-holder { padding: 14px 0 0 0; margin: 0 -47px 0 -43px; } .pics-holder .pic-box { padding: 0 40px; } .books { overflow: hidden; } .books-row { padding: 28px 0 0; border-bottom: 1px solid #cad8d2; margin: 0 -9px 8px; padding-bottom: 4px; } .books.products .books-row{ border-bottom: none; }c .books-row:first-child { padding-bottom: 0; } .single-book-holder { overflow: hidden; } .single-book-holder .img-holder { float: left; width: 307px; margin: 1px 40px 0 0; } .single-book-holder .img-holder img { vertical-align: top; width: 100%; height: auto; } .single-book-holder .book-detail { overflow: hidden; } .single-book-holder .qty-choose { float: left; max-width: 200px; margin: 0 26px 0 0 !important ; } .single-book-holder .jcf-select { max-width: 120px; } .cart-table-holder { overflow: hidden; } .cart-table-holder .table-wrap { float: left; width: 65%; margin-bottom: 54px; } .cart-table .img { float: left; margin: 0 56px 0 15px; } .cart-table .text { padding: 14px 0 0; } .cart-table tbody tr { border-bottom: 1px solid #cad8d2; } .cart-table tbody tr:last-child { border-bottom: none; } .cart-table tbody tr:first-child td { padding-bottom: 6px; } body.pageClass .woocommerce .cart-collaterals,body.pageClass.woocommerce-page .cart-collaterals{ float: right; width: 30%; border-radius: 3px; } .cart-detail { float: right; width: 30%; border-radius: 3px; } .coupon-form { float: left; width: 60%; /* width: 480px;*/ } .coupon-form .input-wrap .btn-apply{ width: 140px;} .checkout-form .main-title.add { margin-bottom: 16px; } .checkout-form .col-holder, .checkout-form .form-row { margin: 0 -24px; } /* .checkout-block .checkout-form .col-holder, .checkout-block .checkout-form .form-row{ margin: 0 0px;}*/ .checkout-form .col-holder.add, .checkout-form .form-row.add { margin-bottom: 15px; } .checkout-form .col-holder.add1, .checkout-form .form-row.add1 { margin-bottom: 17px; } .checkout-form .col-holder .select-wrap, .checkout-form .form-row .select-wrap { margin-bottom: 21px; } .checkout-form .form-col, .checkout-form .inner-col { float: left; width: 50%; padding: 0 24px; } .checkout-form .form-row { margin: 0 -11px; } .checkout-form .inner-col { padding: 0 11px; } .order-details-table { border-radius: 3px; } .blog-news-holder { overflow: hidden; } .blog-news-row { margin: 0 -11px 20px; padding: 0 0 12px; border-bottom: 1px solid #cad8d2; } .blog-news-row .blog-item { float: left; width: 50%; padding: 0 11px; } .news-blog-article { padding: 16px 0 0; } .news-blog-article h1 { margin: 0 0 20px; } .news-blog-article .content-pic { width: 33.33%; } .news-blog-article #sidebar { float: right; padding: 0; width: 224px; } .news-blog-article #content { padding: 0 36px 0 0; } .news-blog-article #content p { margin-bottom: 29px; } .news-blog-article .feature-image { margin-top: 4px; } .other-article { overflow: hidden; } .other-article h2 { border-bottom: 1px solid #cad8d2; padding: 0 0 20px; } body.pageClass .woocommerce form .form-row#billing_country_field{ margin: 0 0 21px;} } @media all and (min-width: 768px) and (max-width: 1023px) { .cart-detail .btn-wrap { padding: 20px 10px; text-align: center; } .cart-detail .btn-wrap .btn-green > span { padding: 8px 32px 8px 15px; } .contact_form_wrapper input[type="submit"]{width:auto;} .contact_form_wrapper input[type="text"],.contact_form_wrapper input[type="tel"],.contact_form_wrapper input[type="email"],.contact_form_wrapper input[type="url"],.contact_form_wrapper input[type="password"],.contact_form_wrapper input[type="search"],.contact_form_wrapper textarea,.contact_form_wrapper .jcf-select{width:100%} .contact_form_wrapper .jcf-select {-webkit-appearance:none;} .proSep{display: none;} hr.horLinePro {margin: 0; border-bottom: none;} .shop_table .updateCartBtn.btn-green {width: auto !important; float: right;} } @media all and (min-width: 1024px) { #nav > ul > li { font-size: 15px; } #nav > ul > li > a > span { padding: 18px 18px; } #nav > ul > li > a > span:after { right: 16px; } #nav > ul > li .dropdowm-menu { width: 271px; } #nav > ul > li .dropdowm-menu a { padding: 6px 28px; } #nav > ul > li.has-drop-down > a > span { padding-right: 30px; } .footer-right { width: 330px; } .footer-nav .col:last-child { padding-left: 18px; } .footer-nav ul li { font-size: 14px; } .benefits-block { padding-top: 53px; } .benefits-frame { padding: 37px 0 51px; } .pics-holder .pic-box { margin-bottom: 38px; } .general-box-holder { padding: 45px 0; margin: 0 0 38px; } .general-box-holder .general-box { padding: 34px 30px 12px 33px; } .general-box-holder .general-box p { float: left; width: 73%; } .general-box-holder .general-box .btn-green { float: right; margin: 7px 0 0; max-width: 27%; } .single-book-holder .img-holder { margin: 1px 132px 0 52px; } .single-book-holder .book-detail { padding: 0 0 0 20px; } body.pageClass .woocommerce .cart-table-holder .table-wrap,body.pageClass.woocommerce-page .cart-table-holder .table-wrap{ width: 70%;} .cart-table-holder .table-wrap { width: 70%; } body.pageClass .woocommerce .cart-detail,body.pageClass.woocommerce-page .cart-detail{ width: 28%;} .cart-detail { width: 28%; } .coupon-form { width: 498px; } .blog-news-row { margin: 0 -21px 0px; } .blog-news-row .blog-item { padding: 0 21px; } .news-blog-article .gform_widget .nav-title { padding-right: 40px; } .coupon-form .input-wrap .btn-apply { font-size: 13px; line-height: 17px; width: 176px;} } @media all and (min-width: 1024px) and (max-width: 1199px) { .book-box { width: 225px; padding: 29px 30px; } } @media all and (min-width: 1200px) { #nav > ul > li > a > span { padding: 18px 20px; } #nav > ul > li.has-drop-down > a > span { padding-right: 35px; } .hero-banner .btn-green { margin: 0 5px; } .hero-banner .banner-content .banner-text { margin: 0 0 60px; } .hero-banner.inner .mask { margin-bottom: 3px; } .hero-banner.inner .banner-content .banner-text { margin: 0; } .hero-banner.inner .banner-content .banner-text p { margin-bottom: 21px; } .hero-banner.inner .banner-content .main-title { padding: 0 3px; } .cart-table-holder .table-wrap { width: 71.5%; } body.pageClass .woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals, .cart-detail { width: 25%; } } @media all and (max-width: 1023px) { .benefits-block { padding-top: 21px; } .pics-holder .pic-box { margin: 0 0 31px; } .coupon-form .input-wrap { padding-right: 150px; } } @media all and (max-width: 767px) { #wrapper { height: auto; overflow: hidden; } .nav-active #wrapper { height: 100%; } h1 { font-size: 40px; line-height: 44px; } h1 span { font-size: 34px; line-height: 36px; } .benefit-item { width: 133px; } .benefit-item.lg { width: 238px; } .benefit-item .title { font-size: 14px; } .benefit-box { width: 133px; height: 133px; border-width: 8px; margin: 0 0 18px; } .benefit-box [class^="icon-"], .benefit-box [class*=" icon-"] { font-size: 40px; } .benefit-box .icon-calmer-mind { font-size: 66px; } .benefit-box .icon-energy { font-size: 30px; } .benefit-box .icon-box { font-size: 111px; } .benefit-box .icon-book { font-size: 114px; } .benefit-box:hover { border-width: 6px; } .benefit-box.big { border-width: 12px; } .benefit-box.big:hover { /* border-width: 10px;*/ } h2 { font-size: 40px; line-height: 41px; } h2 span { font-size: 34px; line-height: 36px; } h2 span:first-child { margin-right: 5px; } .hidden-until-tablet { display: none !important; } #header { position: static; } .header-top { background: #5abc33; min-width: 100%; max-width: 100%; -webkit-transition: margin .3s linear; transition: margin .3s linear; } .nav-active .header-top { margin-left: -260px; } .logo { width: 287px; margin: 16px 0 5px; } #nav { position: absolute; top: 0; right: -260px; width: 260px; bottom: 0; overflow-y: auto; overflow-x: hidden; -webkit-transition: right .3s linear; transition: right .3s linear; z-index: 9999; } #nav:after { content: ""; position: absolute; top: 0; bottom: 0; width: 100%; box-shadow: 3px 0 3px rgba(59, 60, 59, .3); right: 100%; display: none; } .nav-active #nav { right: 0; } .nav-active #nav:after { display: block; } #nav .checkout-link { display: block; font-size: 15px; text-transform: uppercase; letter-spacing: .06em; color: #fff; font-weight: 700; background: #5abc33; padding: 12px 23px; margin: 0 0 6px; } #nav .checkout-link:hover { text-decoration: none; background: #bde72b; } #nav li { font-size: 15px; line-height: 25px; font-weight: 700; } #nav > ul > li > a > span { padding-right: 20px; } #nav > ul > li > a > span:after { right: 0; } #nav > ul > li a { padding: 9px 23px; } #nav > ul > li.item-active > a { background: #5abc33; } #nav > ul:last-child { margin-bottom: 10px; } .nav-opener { display: inline-block; vertical-align: top; } .footer-top { text-align: center; padding: 36px 0 27px; } .footer-top .get-in-touch { padding: 0 0 18px; } .footer-top .get-in-touch .social-networks { padding: 33px 7px 0 0; } .footer-top .get-in-touch .social-networks li { margin: 0 5px 5px; } .footer-right .subscription-title { margin-bottom: 22px; } .subscription-form { margin: 0 0 21px; } .subscription-form .input-field { padding: 6px 12px; } .footer-logo li { margin: 0 14px 10px; } .footer-logo li img { width: 100%; height: auto; } .footer-logo li.icf { width: 84px; } .footer-logo li.abnlp { width: 69px; } .footer-logo li.mbit { width: 66px; } .footer-bototm .copy-text { margin: 0 -10px 9px 0; text-align: center; } .footer-bototm .copy-text a { font-size: 13px; letter-spacing: .01em; } .footer-bototm .gt-logo { display: block; margin: 0 auto; width: 53px; } .footer-bototm .gt-logo img { width: 100%; height: auto; } .hero-banner { padding: 14px 18px; background: #47524d; border-bottom: 3px solid #b9c0bc; } .hero-banner .banner-content { text-align: center; font-size: 16px; padding: 14px 0 0; } .hero-banner .banner-content .main-title { font-size: 32px; line-height: 1.2; } .hero-banner p { margin: 0 0 15px; } .benefits-block { padding-top: 11px; font-size: 16px; } .benefits-block h1 { padding: 0 10px; margin-bottom: -2px; line-height: 40px; } .benefits-block p { margin-bottom: 44px; } .benefits-frame { margin: 0 -18px; padding: 36px 18px 30px; } .benefits-holder { margin: 0 -10px; } .benefits-holder .benefit-item { margin: 0 10px 16px; } .testimonial-block { padding: 44px 0 42px; margin: 0 0 37px; } .testimonial-block h2 { margin-bottom: 20px; } .testimonial-block .blockquote q { font-size: 18px; line-height: 26px; padding: 69px 41px 64px; } .testimonial-block .blockquote q:after { right: 29px; } .testimonial-block .blockquote q span { font-size: 178px; top: 76px; } .testimonial-block .blockquote q span.close { top: auto; bottom: -20px; } .testimonial-block .blockquote cite { margin: 0 40px 0 10px; font-size: 16px; } .testimonial-slide { margin: 0 -18px; } .testimonial-slide .mask { margin-bottom: 34px; } .testimonial-slide .pagination-bullets ul li { margin: 0 8px; } .testimonial-slide .pagination-bullets ul li a { width: 17px; height: 17px; } .where-to-start { font-size: 17px; } .where-to-start h2 { padding: 0 10px; margin-bottom: 7px; } .where-to-start p { margin-bottom: 29px; } .where-to-start .benefits-frame { padding-top: 34px; padding-bottom: 28px; } .where-to-start .btn-gray > span { padding: 8px 40px 8px 25px; } .where-to-start .benefits-holder .benefit-item { margin-bottom: 32px; } .breadcrumbs-holder { margin-bottom: 1px; border: none; padding: 0; display: none; } .breadcrumbs-holder:before { display: none; } .breadcrumbs-holder.display { display: block; } .breadcrumbs-holder .filter-box { border-bottom: 1px solid #ddd; margin: 0 -15px; padding: 29px 15px 24px; } .breadcrumbs-holder .filter-box .filter-opener { text-align: center; } #sidebar { display: none; } #content { overflow: visible; } #content.general { padding: 27px 5px 0; } #content h2 { margin-bottom: 21px; } #content .list-holder { margin: 0 0 5px; } #content .custom-list { padding: 0 0 0 20px; } #content p.add { margin-bottom: 37px; } .pics-holder { padding: 10px 0; } .pics-holder .pic-box { margin: 0 0 31px; } .pics-holder .pic-box .img-holder { margin: 0 auto 23px; } .general-box-holder { padding: 39px 20px; margin: 0 -20px; text-align: center; } .general-box-holder .general-box { padding: 29px 20px 26px; } .general-box-holder .general-box p { margin-bottom: 17px !important; } .books { padding: 33px 0 0; margin: 0 0 -36px; } .books-row { margin-bottom: 1px; } .books-row:first-child .book-box:first-child:before { display: none; } body.pageClass.woocommerce div.product.book-box , .book-box { display: block; margin: 0 auto 75px; text-align: center; position: relative; padding: 29px 41px 30px; } hr.horLinePro { border: none; margin: 0; border-bottom: none; } .book-box:before { content: ""; position: absolute; top: -43px; height: 1px; left: -9999px; right: -9999px; background: #cad8d2; } .single-book { margin-bottom: 24px; } .single-book-holder { padding: 54px 15px 40px; margin: 0 -15px 29px; } .single-book-holder .img-holder { margin: 0 auto 40px; max-width: 222px; } .single-book-holder .book-detail { padding: 0 5px; } .single-book-holder .accordion li { padding: 0 20px; margin: 0 -20px; } .single-book-holder .accordion li .text-box { margin: 0 -20px; padding: 11px 20px 14px; } .single-book-holder .qty-choose { position: relative; padding: 0 0 0 53px; margin-right: 0 !important; margin: 0 0 21px; float: none !important; } .single-book-holder .qty-choose .text-title { position: absolute; top: 12px; left: 0; } .single-book-holder .qty-choose .jcf-select { width: 100%; } .single-book-holder .book-detail .btn-green { width: 100%; text-align: center; } .cart-block { padding: 29px 0 44px; } .cart-block p { margin-bottom: 27px; } .cart-table-holder .table-wrap { margin: 0 -15px; } .cart-table { vertical-align: top; } .cart-table .col1 { width: 50%; } .cart-table .col2, .cart-table .col3 { width: 25%; } .cart-table th { padding: 13px 5px 12px; } .cart-table th:first-child { padding-left: 15px; } .cart-table td { vertical-align: top; padding: 19px 20px 19px; } .cart-table td:first-child { padding-left: 15px; } .cart-table tbody tr { border-top: 1px solid #cad8d2; } .cart-table tbody tr:first-child { border: none; } .cart-table tbody tr:first-child td:first-child { padding-top: 9px; } .cart-table .img { margin: 0 0 7px; } body.pageClass.woocommerce .cart-collaterals,body.pageClass.woocommerce-page .cart-collaterals { width: auto; } .cart-detail { margin: 0 -15px 35px; } .cart-detail .cart-price-table td { padding: 9px 5px 16px; } .cart-detail .cart-price-table td:first-child { width: 65%; } .cart-detail .btn-wrap { padding: 22px 15px; } .cart-detail .btn-wrap .btn-green { width: 100%; text-align: center; } .coupon-form .input-wrap { padding-right: 50px; } .coupon-form .input-wrap .btn-apply { width: 44px; } .coupon-form .input-wrap .btn-apply span { font-size: 0; line-height: 0; } .coupon-form .input-wrap .btn-apply span:before { content: "\e601"; font-family: "icomoon"; font-size: 10px; line-height: 1; } .checkout-block { padding: 29px 0 0; margin: 0 0 52px; } .checkout-block h1 { margin-bottom: 20px; } .checkout-form .select-wrap { margin-bottom: 15px; } .checkout-form .form-row { padding-top: 2px; } .checkout-form .form-row .select-wrap { margin-bottom: 24px; } .checkout-form .form-row.add { margin-bottom: 28px; } .checkout-form .form-row.add1 { padding-bottom: 13px; } .checkout-form .inner-col .form-row { margin: 0 -11px; } .checkout-form .inner-col .inner-col { float: left; width: 40.6%; padding: 0 11px; } .checkout-form .inner-col .input-field::-webkit-input-placeholder { color: #47524d; } .checkout-form .inner-col .input-field::-moz-placeholder { opacity: 1; color: #47524d; } .checkout-form .inner-col .input-field:-moz-placeholder { color: #47524d; } .checkout-form .inner-col .input-field:-ms-input-placeholder { color: #47524d; } .checkout-form .inner-col .input-field.placeholder { color: #47524d; } .checkout-form .form-bottom { padding: 22px 15px 0; margin: 0 -15px 27px; border-bottom: 1px solid #d4ddd9; } .checkout-form .form-bottom .checkbox { margin-bottom: 27px; } .checkout-form .form-bottom.add { padding-top: 24px; margin-bottom: 0; border-bottom: none; } .checkout-form .form-bottom.add .checkbox { margin-bottom: 20px; } .checkout-form .form-bottom.add .btn-green { width: 100%; text-align: center; } .checkout-form .info-text { padding: 6px 0 0; margin: 0 0 24px; } .checkout-form .input-field::-webkit-input-placeholder { color: #bdc4c1; } .checkout-form .input-field::-moz-placeholder { opacity: 1; color: #bdc4c1; } .checkout-form .input-field:-moz-placeholder { color: #bdc4c1; } .checkout-form .input-field:-ms-input-placeholder { color: #bdc4c1; } .checkout-form .input-field.placeholder { color: #bdc4c1; } .order-details-holder { margin: 0 -15px 26px; padding: 28px 0 0; } .order-details-holder .order-title { padding: 0 15px; margin: 0 0 17px; } .order-details-table .col1 { width: 50%; } .order-details-table .col2, .order-details-table .col3 { width: 25%; } .order-details-table th { padding-bottom: 13px; } .order-details-table th:first-child { padding-left: 15px; } .order-details-table td { padding: 21px 5px 17px; } .order-details-table td:first-child { padding-left: 15px; } .order-details-table td.small { padding: 12px 10px 13px; } .order-details-table td.small:first-child { padding-right: 37px; } .order-details-table tfoot td.small { padding: 20px 10px; } .blog-news-row:first-child .blog-item:first-child { border: none; padding-top: 0; } .blog-item { padding: 38px 17px 34px; margin: 0 -15px; border-top: 1px solid #cad8d2; } .blog-news-row { border-bottom: 1px solid #cad8d2;} .blog-item .img-holder { margin: 0 0 23px; } .blog-item .img-holder:after, .blog-item .img-holder:before { border-width: 7px; } .blog-item .img-holder:before { left: 7px; right: 7px; bottom: 7px; top: 7px; border-width: 2px; } .blog-item .img-holder .icon-holder .icon-calmer-mind { font-size: 80px; } .blog-item .img-holder .icon-holder .icon-play { font-size: 60px; } .blog-item p { margin: 0; } .loading-wrap { margin: -4px -15px 18px; padding: 27px 15px; border-top: 1px solid #cad8d2; } .news-blog-article { padding: 29px 0 0; } .news-blog-article h1 { margin-bottom: 19px; } .news-blog-article .feature-image { margin: 0 2px 20px; } .news-blog-article .feature-image:after, .news-blog-article .feature-image:before { border-width: 7px; } .news-blog-article .feature-image:before { left: 5px; right: 5px; bottom: 5px; top: 5px; border-width: 1px; } .news-blog-article .content-pic-holder { padding-top: 6px; margin-bottom: 14px; } .news-blog-article .content-pic { width: 262px; margin-bottom: 21px; } .other-article { padding: 33px 0 27px; } .other-article h2 { font-size: 31px; margin-bottom: 28px; } .other-article .blog-item { padding-top: 36px; padding-bottom: 30px; } .blog-news-row hr.horLine{display: none;} .benefit-box:hover { border-color: #5abc33; } .benefits-frame .benefit-box:hover{ border-width:8px;} .where-to-start .benefits-frame .benefit-box:hover{ border-width:12px;} .contact_form_wrapper input[type="text"],.contact_form_wrapper input[type="tel"],.contact_form_wrapper input[type="email"],.contact_form_wrapper input[type="url"],.contact_form_wrapper input[type="password"],.contact_form_wrapper input[type="search"],.contact_form_wrapper textarea,.contact_form_wrapper .jcf-select{width:100%} body.pageClass.woocommerce .qty-choose .quantity_select { display: block; } .woocommerce div.product form.cart div.quantity { float: left; } body.pageClass.woocommerce .single-book div.product form.cart { margin-bottom: 0} body.pageClass .woocommerce form .form-row-first,body.pageClass .woocommerce form .form-row-last,body.pageClass.woocommerce-page form .form-row-first,body.pageClass.woocommerce-page form .form-row-last { float: none; width: 100%; } body.pageClass.woocommerce-checkout #payment div.form-row{padding: 0} body.pageClass.woocommerce .single-book div.product { margin: 0 0 0px; } .order-details-holder .product-name{ width: 50%} .order-details-holder .product-qty{ width: 25%} .order-details-holder .product-total{ width: 25%} body.pageClass.woocommerce-checkout #payment { margin: 0 -15px 0; padding: 0 15px; border-top: 1px solid #d4ddd9; } body.pageClass.woocommerce .woocommerce-error, body.pageClass.woocommerce .woocommerce-info, body.pageClass.woocommerce .woocommerce-message { font-size: 15px; line-height: 22px;} body.pageClass .woocommerce .woocommerce-info { font-size: 15px; line-height: 22px;} body.pageClass.woocommerce .woocommerce-message a.button, body.pageClass.woocommerce .woocommerce-message a.button, body.pageClass.woocommerce .woocommerce-message a.button, body.pageClass.woocommerce .woocommerce-message a.button{ font-size: 15px; line-height: 22px;} body.pageClass .woocommerce table.shop_table .couponCart td{ padding: 60px 15px 20px; } .couponCart td .coupon-form{ margin: 0 0 30px;} .shop_table .updateCartBtn.btn-green { width:100% !important;} .cart-table .jcf-select .jcf-select-text { margin: 0 30px 0 5px;} .cart-table .jcf-select .jcf-select-opener{ width: 25px;} .cart-table .jcf-select { width: 65px; min-width: 65px; } .cart-table thead .product-name span{ display: block; text-align: left ; padding: 6px 12px;} } @media (max-width: 600px) { body.pageClass.woocommerce .woocommerce-message a.button, body.pageClass.woocommerce .woocommerce-message a.button, body.pageClass.woocommerce .woocommerce-message a.button, body.pageClass.woocommerce .woocommerce-message a.button { position: absolute; bottom: 20px; z-index: 1; /* padding-bottom: 50px; */ /* margin: auto !important; */ /* left: 37%; */ /* right: 50%; */ display: inline-block; text-align: center;} body.pageClass.woocommerce .woocommerce-error, body.pageClass.woocommerce .woocommerce-info, body.pageClass.woocommerce .woocommerce-message{ padding-bottom: 75px!important} }