@charset 'utf-8'; /* TABLE OF CONTENTS: 0. GoogleFonts 1. Reset tags 2. Default tag's settings 3. Form fields settings 4. WP styles and Screen readers 5. Theme grid 6. Page layouts 7. Section's decorations 7.1 Header 7.2 Main Slider 7.3 Page top: page title and breadcrumbs 7.4 Main content wrapper 7.5 Post Formats 7.6 Post Layouts 7.7 Paginations 8. Single page parts 8.1 Attachment and Portfolio post navigation 8.2 Reviews block 8.3 Post author 8.4 Comments 8.5 Page 404 8.8 Team member 9. Sidebars 10. Footer areas 11. Utils 12. Registration and Login popups 13. Third part plugins 14. Predefined classes for users 15. Custom Styles -------------------------------------------------------------- */ /* 0. GoogleFonts */ @import url('https://fonts.googleapis.com/css?family=Courgette|Droid+Serif:400,400i,700,700i|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|PT+Serif:400,400i,700,700i|Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&subset=cyrillic,cyrillic-ext,latin-ext'); /* 1. Reset tags -------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,input,textarea,button, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, address, section, video, audio { font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; line-height:inherit; border: 0; outline: 0; -webkit-font-smoothing: antialiased; -ms-word-wrap: break-word; word-wrap: break-word; } html, body { margin: 0; padding: 0; width: 100%; line-height:150%; } html { height: 100%; font-size: 100%; /*62.5%;*/ /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */ /* overflow-y: scroll;*/ /* Keeps page centred in all browsers regardless of content height */ /* overflow-y: scroll !important; */ /* Keeps page centred in all browsers regardless of content height */ /* overflow-x: hidden; */ /* Hide horizontal scrollbar on the page with VC stretch row */ -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */ -ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { /* height: 100%; */ /* Commented, because it conflict with overflow-x: hidden - appear second scrollbar while tooltip is display in the Booked plugin */ } /* 2. Default tag's settings -------------------------------------------------------------- */ body { text-rendering: optimizeLegibility; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } h1, h2, h3, h4, h5, h6 { line-height:120%; } h1, h2, h3, h4, h5, h6, p, ul, ol, dl, blockquote, address { margin: 0; } h1+h2,h1+h3,h1+h4,h1+h5,h1+h6, h2+h3,h2+h4,h2+h5,h2+h6, h3+h4,h3+h5,h3+h6, h4+h5,h4+h6, h5+h6 { margin-top:0; } h6{ text-transform: uppercase; letter-spacing: 3.14px; } dt, b, strong { font-weight: 500; } p, ul, ol, dl, blockquote, address { margin-bottom: 1.5em; } li > ol, li > ul { margin-bottom:0; } ul>li, ol>li, dl>dd { margin-bottom:0.5em; } li>ul, li>ol, dd>dl { margin-top:0.5em; } li > p { margin-bottom:0; } li > p+p { margin-top:0.5em; } ol, ul { padding-left:1.5em; } /* Links */ a { text-decoration:none; background:transparent; } a, a:hover, a:focus, a:active { outline: 0; } a img { border: none; } a, button, .comments_wrap .form-submit input[type="submit"], .comments_wrap .form-submit input[type="button"], .mc4wp-form input.emailer_submit, .cq-coverslider-navigation.btn-large .cq-coverslider-icon { border-radius: 0; -webkit-border-radius:0; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } :active, :focus { outline:0; } /* Tables */ table { border-collapse:collapse; border-spacing: 0; } td, th { border: 1px solid #e4e7e8; padding: 4px; } caption, th { font-weight: bold; text-align: center; } body[class*="woocommerce-"] table th, body[class*="woocommerce-"] table td { border-width:0; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" "";} dt { font-weight: bold; } dd { margin-left: 1.5em; } b, strong { font-weight: bold; } dfn, cite, em, i { font-style: italic; } blockquote { padding: 0.7em; } pre, code, kbd, tt, var, samp { font-family: "Courier New", Courier, monospace; font-size: 1em; } pre { overflow: auto; max-width: 100%; } abbr, acronym { border-bottom: 1px dotted; cursor: help; } mark, ins { background-color:transparent; text-decoration: none; font-style:italic; font-weight:bold; } sup, sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: .5ex; } small { font-size: 75%; } big { font-size: 125%; } [hidden], template { display: none; } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /* Images */ img { max-width: 100%; height: auto; vertical-align:top; } figure, .wp-caption-overlay .wp-caption { border: 0; margin: 0; padding: 0; overflow: hidden; position: relative; max-width:100%; } figure figcaption, .wp-caption-overlay .wp-caption .wp-caption-text, .wp-caption-overlay .wp-caption .wp-caption-dd { -webkit-transition: all ease-in-out .3s; -moz-transition: all ease-in-out .3s; -ms-transition: all ease-in-out .3s; -o-transition: all ease-in-out .3s; transition: all ease-in-out .3s; position: absolute; bottom: 0; right: 0; left: 0; margin-bottom: 0; background-color: rgba(0,0,0,0.5); font-size: 0.75em; line-height:1.2857em; color: #fff; padding: 0.25em 0.8em; } figure:hover figcaption, .wp-caption-overlay .wp-caption:hover .wp-caption-text, .wp-caption-overlay .wp-caption:hover .wp-caption-dd { margin-bottom: -5em !important; } svg:not(:root) { overflow: hidden; } /* Audio and Video */ audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } iframe, video, embed { max-width: 100%; min-height: 100px; vertical-align: top; } /* Media Elements player hook */ .me-cannotplay { overflow:hidden; } .me-plugin { position: absolute; height: 0; width: 0; } /* Media elements hook for Safary */ /* Fontello icons */ [class^="icon-"]:before, [class*=" icon-"]:before { line-height: inherit; font-weight: inherit; font-size: inherit; width:auto; margin:0; } /* 3. Form fields settings -------------------------------------------------------------- */ button, input, optgroup, select, textarea { font-family: inherit; font-size: 1em; /* Corrects font size not being inherited in all browsers */ line-height: 1.2857em; margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */ vertical-align: baseline; /* Improves appearance and consistency in all browsers */ } button, input { line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */ } button { overflow: visible; } button, input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button, input[type="button"], input[type="reset"], input[type="submit"], .sc_button.sc_button_style_filled { border:none; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea, select, input[type="tel"], input[type="text"], input[type="number"], input[type="email"], input[type="password"], input[type="search"], input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */ } input[type="checkbox"], input[type="radio"] { padding: 0; /* Addresses excess padding in IE8/9 */ } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: none; /* Addresses appearance set to searchfield in S5, Chrome */ -webkit-appearance: textfield; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; /* Corrects inner padding displayed oddly in S5, Chrome on OSX */ } button::-moz-focus-inner, input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */ border: 0; padding: 0; } input[type="text"], input[type="tel"], input[type="number"], input[type="email"], input[type="password"], input[type="search"], select, textarea { outline: none; resize: none; padding: 0.45em 0.5em; border:none; -webkit-transition: all ease .3s; -moz-transition: all ease .3s; -ms-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; border-bottom: 1px solid; box-sizing: border-box; border-radius: 0; -webkit-border-radius: 0; } button::-moz-focus-inner { border: 0; } button:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="search"]:focus, select, textarea:focus { outline: none; } textarea { overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */ vertical-align: top; /* Improves readability and alignment in all browsers */ min-height:5em; } label.required:after { content:'*'; display:inline; margin-left:0.5em; vertical-align:text-top; font-size:80%; color:#da6f5b; } fieldset { border: 1px solid #ddd; margin: 1.5em 0.2em; padding: 1em 1.5em; position: relative; } fieldset legend { background-color: #fff; font-style: italic; font-weight: 600; left: 1.5em; padding: 0 0.2em; position: absolute; top: -0.8em; } /* ======================== INPUT'S STYLES ================== */ /* Common rules */ [class*="sc_input_hover_"] .sc_form_item, [class*="sc_input_hover_"] .comments_field { position:relative; z-index:1; } [class*="sc_input_hover_"] input[type="text"], [class*="sc_input_hover_"] input[type="number"], [class*="sc_input_hover_"] input[type="email"], [class*="sc_input_hover_"] input[type="password"], [class*="sc_input_hover_"] input[type="search"], [class*="sc_input_hover_"] select, [class*="sc_input_hover_"] textarea { text-align:left !important; width:100%; } [class*="sc_input_hover_"] input[type="text"]:focus, [class*="sc_input_hover_"] input[type="number"]:focus, [class*="sc_input_hover_"] input[type="email"]:focus, [class*="sc_input_hover_"] input[type="password"]:focus, [class*="sc_input_hover_"] input[type="search"]:focus, [class*="sc_input_hover_"] select:focus, [class*="sc_input_hover_"] textarea:focus { outline: none; } [class*="sc_input_hover_"] input[type="text"] + label, [class*="sc_input_hover_"] input[type="number"] + label, [class*="sc_input_hover_"] input[type="email"] + label, [class*="sc_input_hover_"] input[type="password"] + label, [class*="sc_input_hover_"] input[type="search"] + label, [class*="sc_input_hover_"] select + label, [class*="sc_input_hover_"] textarea + label { position:absolute; z-index:1; top: 0; left: 0; width: 100%; font-size:1.2857em; text-align: left !important; overflow: visible; padding: 0; pointer-events: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } [class*="sc_input_hover_"] input[type="text"] + label.required:after, [class*="sc_input_hover_"] input[type="number"] + label.required:after, [class*="sc_input_hover_"] input[type="email"] + label.required:after, [class*="sc_input_hover_"] input[type="password"] + label.required:after, [class*="sc_input_hover_"] input[type="search"] + label.required:after, [class*="sc_input_hover_"] select + label.required:after, [class*="sc_input_hover_"] textarea + label.required:after { display:none; } [class*="sc_input_hover_"] input[type="text"] + label > .sc_form_label_content, [class*="sc_input_hover_"] input[type="number"] + label > .sc_form_label_content, [class*="sc_input_hover_"] input[type="email"] + label > .sc_form_label_content, [class*="sc_input_hover_"] input[type="password"] + label > .sc_form_label_content, [class*="sc_input_hover_"] input[type="search"] + label > .sc_form_label_content, [class*="sc_input_hover_"] select + label > .sc_form_label_content, [class*="sc_input_hover_"] textarea + label > .sc_form_label_content { position: relative; display: block; width: 100%; } [class*="sc_input_hover_"] input[type="text"] + label.required > .sc_form_label_content:after, [class*="sc_input_hover_"] input[type="number"] + label.required > .sc_form_label_content:after, [class*="sc_input_hover_"] input[type="email"] + label.required > .sc_form_label_content:after, [class*="sc_input_hover_"] input[type="password"] + label.required > .sc_form_label_content:after, [class*="sc_input_hover_"] input[type="search"] + label.required > .sc_form_label_content:after, [class*="sc_input_hover_"] textarea + label.required > .sc_form_label_content:after { content: '*'; vertical-align:top; margin-left:0.3em; font-size:80%; color:#da6f5b; } /* Accent */ .sc_input_hover_accent input[type="text"], .sc_input_hover_accent input[type="number"], .sc_input_hover_accent input[type="email"], .sc_input_hover_accent input[type="password"], .sc_input_hover_accent input[type="search"], .sc_input_hover_accent select, .sc_input_hover_accent textarea { box-shadow: 0px 0px 0px 2px transparent; -webkit-transition: box-shadow 0.3s; -ms-transition: box-shadow 0.3s; transition: box-shadow 0.3s; -webkit-appearance: none; /* for box shadows to show on iOS */ } .sc_input_hover_accent input[type="text"] + label, .sc_input_hover_accent input[type="number"] + label, .sc_input_hover_accent input[type="email"] + label, .sc_input_hover_accent input[type="password"] + label, .sc_input_hover_accent input[type="search"] + label, .sc_input_hover_accent select + label, .sc_input_hover_accent textarea + label { position:static; } .sc_input_hover_accent input[type="text"] + label > .sc_form_label_content, .sc_input_hover_accent input[type="number"] + label > .sc_form_label_content, .sc_input_hover_accent input[type="email"] + label > .sc_form_label_content, .sc_input_hover_accent input[type="password"] + label > .sc_form_label_content, .sc_input_hover_accent input[type="search"] + label > .sc_form_label_content, .sc_input_hover_accent select + label > .sc_form_label_content, .sc_input_hover_accent textarea + label > .sc_form_label_content { padding: 0.3em 1em 1em; } .sc_input_hover_accent input[type="text"] + label:before, .sc_input_hover_accent input[type="number"] + label:before, .sc_input_hover_accent input[type="email"] + label:before, .sc_input_hover_accent input[type="password"] + label:before, .sc_input_hover_accent input[type="search"] + label:before, .sc_input_hover_accent select + label:after, .sc_input_hover_accent textarea + label:after { content: ' '; display:block !important; position: absolute; z-index: -1; top: 0; left:0; width: 100%; height: 4em; box-shadow: 0px 0px 0px 0px; } .sc_input_hover_accent textarea + label:before { height: 10em; } .sc_input_hover_accent input[type="text"]:focus + label, .sc_input_hover_accent input[type="number"]:focus + label, .sc_input_hover_accent input[type="email"]:focus + label, .sc_input_hover_accent input[type="password"]:focus + label, .sc_input_hover_accent input[type="search"]:focus + label, .sc_input_hover_accent select:focus + label, .sc_input_hover_accent textarea:focus + label { pointer-events: none; } .sc_input_hover_accent input[type="text"]:focus + label:before, .sc_input_hover_accent input[type="number"]:focus + label:before, .sc_input_hover_accent input[type="email"]:focus + label:before, .sc_input_hover_accent input[type="password"]:focus + label:before, .sc_input_hover_accent input[type="search"]:focus + label:before, .sc_input_hover_accent select:focus + label:after, .sc_input_hover_accent textarea:focus + label:after { -webkit-animation: anim-accent 0.3s forwards; -ms-animation: anim-accent 0.3s forwards; animation: anim-accent 0.3s forwards; } @-webkit-keyframes anim-accent { to { box-shadow: 0px 0px 100px 50px; opacity: 0; } } @keyframes anim-accent { to { box-shadow: 0px 0px 100px 50px; opacity: 0; } } /* Path */ .sc_input_hover_path .sc_form_item { margin-bottom: 3em !important; } .sc_input_hover_path input[type="text"], .sc_input_hover_path input[type="number"], .sc_input_hover_path input[type="email"], .sc_input_hover_path input[type="password"], .sc_input_hover_path input[type="search"], .sc_input_hover_path textarea { background: transparent !important; } .sc_input_hover_path input[type="text"] + label, .sc_input_hover_path input[type="number"] + label, .sc_input_hover_path input[type="email"] + label, .sc_input_hover_path input[type="password"] + label, .sc_input_hover_path input[type="search"] + label, .sc_input_hover_path textarea + label { height: 100%; cursor: text; } .sc_input_hover_path input[type="text"] + label:before, .sc_input_hover_path input[type="number"] + label:before, .sc_input_hover_path input[type="email"] + label:before, .sc_input_hover_path input[type="password"] + label:before, .sc_input_hover_path input[type="search"] + label:before, .sc_input_hover_path textarea + label:before { margin-left: 0; font-size:1.2em; } .sc_input_hover_path input[type="text"] + label > .sc_form_label_content, .sc_input_hover_path input[type="number"] + label > .sc_form_label_content, .sc_input_hover_path input[type="email"] + label > .sc_form_label_content, .sc_input_hover_path input[type="password"] + label > .sc_form_label_content, .sc_input_hover_path input[type="search"] + label > .sc_form_label_content, .sc_input_hover_path textarea + label > .sc_form_label_content { padding: 1em; -webkit-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; transform-origin: 0% 50%; -webkit-transition: -webkit-transform 0.3s; -ms-transition: -ms-transform 0.3s; transition: transform 0.3s; } .sc_input_hover_path input[type="text"] + label > .sc_form_graphic, .sc_input_hover_path input[type="number"] + label > .sc_form_graphic, .sc_input_hover_path input[type="email"] + label > .sc_form_graphic, .sc_input_hover_path input[type="password"] + label > .sc_form_graphic, .sc_input_hover_path input[type="search"] + label > .sc_form_graphic, .sc_input_hover_path textarea + label > .sc_form_graphic { position: absolute; top: 0; left: 0; fill: none; -webkit-transform: scale3d(1, -1, 1); -ms-transform: scale3d(1, -1, 1); transform: scale3d(1, -1, 1); -webkit-transition: stroke-dashoffset 0.3s; -ms-transition: stroke-dashoffset 0.3s; transition: stroke-dashoffset 0.3s; pointer-events: none; stroke: #ddd; stroke-width: 2px; stroke-dasharray: 962; stroke-dashoffset: 558; } .sc_input_hover_path input[type="text"]:focus + label, .sc_input_hover_path input[type="number"]:focus + label, .sc_input_hover_path input[type="email"]:focus + label, .sc_input_hover_path input[type="password"]:focus + label, .sc_input_hover_path input[type="search"]:focus + label, .sc_input_hover_path textarea:focus + label, .sc_input_hover_path input[type="text"].filled + label, .sc_input_hover_path input[type="number"].filled + label, .sc_input_hover_path input[type="email"].filled + label, .sc_input_hover_path input[type="password"].filled + label, .sc_input_hover_path input[type="search"].filled + label, .sc_input_hover_path textarea.filled + label { cursor: default; pointer-events: none; } .sc_input_hover_path input[type="text"]:focus + label > .sc_form_graphic, .sc_input_hover_path input[type="number"]:focus + label > .sc_form_graphic, .sc_input_hover_path input[type="email"]:focus + label > .sc_form_graphic, .sc_input_hover_path input[type="password"]:focus + label > .sc_form_graphic, .sc_input_hover_path input[type="search"]:focus + label > .sc_form_graphic, .sc_input_hover_path textarea:focus + label > .sc_form_graphic, .sc_input_hover_path input[type="text"].filled + label > .sc_form_graphic, .sc_input_hover_path input[type="number"].filled + label > .sc_form_graphic, .sc_input_hover_path input[type="email"].filled + label > .sc_form_graphic, .sc_input_hover_path input[type="password"].filled + label > .sc_form_graphic, .sc_input_hover_path input[type="search"].filled + label > .sc_form_graphic, .sc_input_hover_path textarea.filled + label > .sc_form_graphic { stroke-dashoffset: 0; } .sc_input_hover_path input[type="text"]:focus + label > .sc_form_label_content, .sc_input_hover_path input[type="number"]:focus + label > .sc_form_label_content, .sc_input_hover_path input[type="email"]:focus + label > .sc_form_label_content, .sc_input_hover_path input[type="password"]:focus + label > .sc_form_label_content, .sc_input_hover_path input[type="search"]:focus + label > .sc_form_label_content, .sc_input_hover_path textarea:focus + label > .sc_form_label_content, .sc_input_hover_path input[type="text"].filled + label > .sc_form_label_content, .sc_input_hover_path input[type="number"].filled + label > .sc_form_label_content, .sc_input_hover_path input[type="email"].filled + label > .sc_form_label_content, .sc_input_hover_path input[type="password"].filled + label > .sc_form_label_content, .sc_input_hover_path input[type="search"].filled + label > .sc_form_label_content, .sc_input_hover_path textarea.filled + label > .sc_form_label_content { padding: 0.3em 1.25em; -webkit-transform: scale3d(0.81, 0.81, 1) translate3d(0, 4em, 0); -ms-transform: scale3d(0.81, 0.81, 1) translate3d(0, 4em, 0); transform: scale3d(0.81, 0.81, 1) translate3d(0, 4em, 0); } .sc_input_hover_path textarea:focus + label > .sc_form_label_content, .sc_input_hover_path textarea.filled + label > .sc_form_label_content { -webkit-transform: scale3d(0.81, 0.81, 1) translate3d(0, 12.5em, 0); -ms-transform: scale3d(0.81, 0.81, 1) translate3d(0, 12.5em, 0); transform: scale3d(0.81, 0.81, 1) translate3d(0, 12.5em, 0); } /* Jump */ .sc_input_hover_jump .sc_form_item { padding-top: 2em; } .sc_input_hover_jump input[type="text"], .sc_input_hover_jump input[type="number"], .sc_input_hover_jump input[type="email"], .sc_input_hover_jump input[type="password"], .sc_input_hover_jump input[type="search"], .sc_input_hover_jump textarea { border: 2px solid #ddd; } .sc_input_hover_jump input[type="text"] + label, .sc_input_hover_jump input[type="number"] + label, .sc_input_hover_jump input[type="email"] + label, .sc_input_hover_jump input[type="password"] + label, .sc_input_hover_jump input[type="search"] + label, .sc_input_hover_jump textarea + label { overflow:hidden; -webkit-transform: translate3d(0, 2.7em, 0); -ms-transform: translate3d(0, 2.7em, 0); transform: translate3d(0, 2.7em, 0); } .sc_input_hover_jump input[type="text"] + label > .sc_form_label_content, .sc_input_hover_jump input[type="number"] + label > .sc_form_label_content, .sc_input_hover_jump input[type="email"] + label > .sc_form_label_content, .sc_input_hover_jump input[type="password"] + label > .sc_form_label_content, .sc_input_hover_jump input[type="search"] + label > .sc_form_label_content, .sc_input_hover_jump textarea + label > .sc_form_label_content { padding: 0 1em; } .sc_input_hover_jump .sc_form_label_content:before { content: attr(data-content); position: absolute; top: -200%; left: 0; font-weight: bold; margin:0; } .sc_input_hover_jump input[type="text"]:focus + label, .sc_input_hover_jump input[type="number"]:focus + label, .sc_input_hover_jump input[type="email"]:focus + label, .sc_input_hover_jump input[type="password"]:focus + label, .sc_input_hover_jump input[type="search"]:focus + label, .sc_input_hover_jump textarea:focus + label, .sc_input_hover_jump input[type="text"].filled + label, .sc_input_hover_jump input[type="number"].filled + label, .sc_input_hover_jump input[type="email"].filled + label, .sc_input_hover_jump input[type="password"].filled + label, .sc_input_hover_jump input[type="search"].filled + label, .sc_input_hover_jump textarea.filled + label { -webkit-animation: anim-jump-1 0.25s forwards; -ms-animation: anim-jump-1 0.25s forwards; animation: anim-jump-1 0.25s forwards; } .sc_input_hover_jump input[type="text"]:focus + label > .sc_form_label_content, .sc_input_hover_jump input[type="number"]:focus + label > .sc_form_label_content, .sc_input_hover_jump input[type="email"]:focus + label > .sc_form_label_content, .sc_input_hover_jump input[type="password"]:focus + label > .sc_form_label_content, .sc_input_hover_jump input[type="search"]:focus + label > .sc_form_label_content, .sc_input_hover_jump textarea:focus + label > .sc_form_label_content, .sc_input_hover_jump input[type="text"].filled + label > .sc_form_label_content, .sc_input_hover_jump input[type="number"].filled + label > .sc_form_label_content, .sc_input_hover_jump input[type="email"].filled + label > .sc_form_label_content, .sc_input_hover_jump input[type="password"].filled + label > .sc_form_label_content, .sc_input_hover_jump input[type="search"].filled + label > .sc_form_label_content, .sc_input_hover_jump textarea.filled + label > .sc_form_label_content { -webkit-animation: anim-jump-2 0.25s forwards ease-in; -ms-animation: anim-jump-2 0.25s forwards ease-in; animation: anim-jump-2 0.25s forwards ease-in; } @-webkit-keyframes anim-jump-1 { 0%, 70% { -webkit-transform: translate3d(0, 3em, 0); transform: translate3d(0, 3em, 0); } 71%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes anim-jump-2 { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 70%, 71% { -webkit-transform: translate3d(0, 125%, 0); transform: translate3d(0, 125%, 0); -webkit-animation-timing-function: ease-out; } 100% { -webkit-transform: translate3d(0, 200%, 0); transform: translate3d(0, 200%, 0); } } @keyframes anim-jump-1 { 0%, 70% { -webkit-transform: translate3d(0, 3em, 0); transform: translate3d(0, 3em, 0); } 71%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes anim-jump-2 { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 70%, 71% { opacity: 0; -webkit-transform: translate3d(0, 125%, 0); transform: translate3d(0, 125%, 0); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { -webkit-transform: translate3d(0, 200%, 0); transform: translate3d(0, 200%, 0); } } /* Underline */ .sc_input_hover_underline .sc_form_item { margin-bottom: 3em !important; } .sc_input_hover_underline input[type="text"], .sc_input_hover_underline input[type="number"], .sc_input_hover_underline input[type="email"], .sc_input_hover_underline input[type="password"], .sc_input_hover_underline input[type="search"], .sc_input_hover_underline textarea { background-color: transparent !important; padding: 0.5em 0 !important; } .sc_input_hover_underline input[type="text"] + label, .sc_input_hover_underline input[type="number"] + label, .sc_input_hover_underline input[type="email"] + label, .sc_input_hover_underline input[type="password"] + label, .sc_input_hover_underline input[type="search"] + label, .sc_input_hover_underline textarea + label { padding: 0.5em 0; overflow:visible; } .sc_input_hover_underline input[type="text"] + label:before, .sc_input_hover_underline input[type="number"] + label:before, .sc_input_hover_underline input[type="email"] + label:before, .sc_input_hover_underline input[type="password"] + label:before, .sc_input_hover_underline input[type="search"] + label:before, .sc_input_hover_underline textarea + label:before { content: ' '; display:block !important; position: absolute; width: 100%; height: 5px; left: 0; top: auto; bottom: 0; -webkit-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition: -webkit-transform 0.3s, background-color 0.3s; -ms-transition: -ms-transform 0.3s, background-color 0.3s; transition: transform 0.3s, background-color 0.3s; } .sc_input_hover_underline input[type="text"] + label > .sc_form_label_content, .sc_input_hover_underline input[type="number"] + label > .sc_form_label_content, .sc_input_hover_underline input[type="email"] + label > .sc_form_label_content, .sc_input_hover_underline input[type="password"] + label > .sc_form_label_content, .sc_input_hover_underline input[type="search"] + label > .sc_form_label_content, .sc_input_hover_underline textarea + label > .sc_form_label_content { padding: 0; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-transition: -webkit-transform 0.3s, color 0.3s; -ms-transition: -ms-transform 0.3s, color 0.3s; transition: transform 0.3s, color 0.3s; } .sc_input_hover_underline textarea + label > .sc_form_label_content { display: block; height: 9.2em; } .sc_input_hover_underline input[type="text"]:focus + label:before, .sc_input_hover_underline input[type="number"]:focus + label:before, .sc_input_hover_underline input[type="email"]:focus + label:before, .sc_input_hover_underline input[type="password"]:focus + label:before, .sc_input_hover_underline input[type="search"]:focus + label:before, .sc_input_hover_underline textarea:focus + label:before, .sc_input_hover_underline input[type="text"].filled + label:before, .sc_input_hover_underline input[type="number"].filled + label:before, .sc_input_hover_underline input[type="email"].filled + label:before, .sc_input_hover_underline input[type="password"].filled + label:before, .sc_input_hover_underline input[type="search"].filled + label:before, .sc_input_hover_underline textarea.filled + label:before { -webkit-transform: scale3d(1, 0.4, 1); -ms-transform: scale3d(1, 0.4, 1); transform: scale3d(1, 0.4, 1); } .sc_input_hover_underline input[type="text"]:focus + label > .sc_form_label_content, .sc_input_hover_underline input[type="number"]:focus + label > .sc_form_label_content, .sc_input_hover_underline input[type="email"]:focus + label > .sc_form_label_content, .sc_input_hover_underline input[type="password"]:focus + label > .sc_form_label_content, .sc_input_hover_underline input[type="search"]:focus + label > .sc_form_label_content, .sc_input_hover_underline input[type="text"].filled + label > .sc_form_label_content, .sc_input_hover_underline input[type="number"].filled + label > .sc_form_label_content, .sc_input_hover_underline input[type="email"].filled + label > .sc_form_label_content, .sc_input_hover_underline input[type="password"].filled + label > .sc_form_label_content, .sc_input_hover_underline input[type="search"].filled + label > .sc_form_label_content { -webkit-transform: translate3d(0, 2em, 0) scale3d(0.7, 0.7, 1); -ms-transform: translate3d(0, 2em, 0) scale3d(0.7, 0.7, 1); transform: translate3d(0, 2em, 0) scale3d(0.7, 0.7, 1); } .sc_input_hover_underline textarea:focus + label > .sc_form_label_content, .sc_input_hover_underline textarea.filled + label > .sc_form_label_content { -webkit-transform: translate3d(0, 10em, 0) scale3d(0.7, 0.7, 1); -ms-transform: translate3d(0, 10em, 0) scale3d(0.7, 0.7, 1); transform: translate3d(0, 10em, 0) scale3d(0.7, 0.7, 1); } /* Iconed */ .sc_input_hover_iconed input[type="text"], .sc_input_hover_iconed input[type="number"], .sc_input_hover_iconed input[type="email"], .sc_input_hover_iconed input[type="password"], .sc_input_hover_iconed input[type="search"], .sc_input_hover_iconed textarea { padding: 0.8em 0.8em 0.8em 2.8em !important; } .sc_input_hover_iconed input[type="text"] + label, .sc_input_hover_iconed input[type="number"] + label, .sc_input_hover_iconed input[type="email"] + label, .sc_input_hover_iconed input[type="password"] + label, .sc_input_hover_iconed input[type="search"] + label, .sc_input_hover_iconed textarea + label { overflow:hidden; padding:0.6em !important; margin: 0; } .sc_input_hover_iconed input[type="text"] + label > .sc_form_label_content, .sc_input_hover_iconed input[type="number"] + label > .sc_form_label_content, .sc_input_hover_iconed input[type="email"] + label > .sc_form_label_content, .sc_input_hover_iconed input[type="password"] + label > .sc_form_label_content, .sc_input_hover_iconed input[type="search"] + label > .sc_form_label_content, .sc_input_hover_iconed textarea + label > .sc_form_label_content { display: inline-block !important; width: auto; -webkit-transform: translate3d(-1.4em, 0, 0); -ms-transform: translate3d(-1.4em, 0, 0); transform: translate3d(-1.4em, 0, 0); -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -ms-transition: -ms-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; } .sc_input_hover_iconed input[type="text"] + label > .sc_form_label_icon, .sc_input_hover_iconed input[type="number"] + label > .sc_form_label_icon, .sc_input_hover_iconed input[type="email"] + label > .sc_form_label_icon, .sc_input_hover_iconed input[type="password"] + label > .sc_form_label_icon, .sc_input_hover_iconed input[type="search"] + label > .sc_form_label_icon, .sc_input_hover_iconed textarea + label > .sc_form_label_icon { display: inline-block; font-size: 1.1111em; width: 1.5em; height: 1.5em; line-height: 1.5em; text-align:center !important; position:relative; -webkit-transform: translate3d(-3em, 0, 0); -ms-transform: translate3d(-3em, 0, 0); transform: translate3d(-3em, 0, 0); -webkit-transition: -webkit-transform 0.3s; -ms-transition: -ms-transform 0.3s; transition: transform 0.3s; } .sc_input_hover_iconed input[type="text"] + label > .sc_form_label_icon:before, .sc_input_hover_iconed input[type="number"] + label > .sc_form_label_icon:before, .sc_input_hover_iconed input[type="email"] + label > .sc_form_label_icon:before, .sc_input_hover_iconed input[type="password"] + label > .sc_form_label_icon:before, .sc_input_hover_iconed input[type="search"] + label > .sc_form_label_icon:before, .sc_input_hover_iconed textarea + label > .sc_form_label_icon:before { position:static !important; margin:0 !important; padding:0 !important; font-style:normal !important; left: auto; top: auto; width: auto; height: auto; line-height:inherit; } .sc_input_hover_iconed input[type="text"]:focus + label > .sc_form_label_content, .sc_input_hover_iconed input[type="number"]:focus + label > .sc_form_label_content, .sc_input_hover_iconed input[type="email"]:focus + label > .sc_form_label_content, .sc_input_hover_iconed input[type="password"]:focus + label > .sc_form_label_content, .sc_input_hover_iconed input[type="search"]:focus + label > .sc_form_label_content, .sc_input_hover_iconed textarea:focus + label > .sc_form_label_content, .sc_input_hover_iconed input[type="text"].filled + label > .sc_form_label_content, .sc_input_hover_iconed input[type="number"].filled + label > .sc_form_label_content, .sc_input_hover_iconed input[type="email"].filled + label > .sc_form_label_content, .sc_input_hover_iconed input[type="password"].filled + label > .sc_form_label_content, .sc_input_hover_iconed input[type="search"].filled + label > .sc_form_label_content, .sc_input_hover_iconed textarea.filled + label > .sc_form_label_content { opacity: 0; -webkit-transform: translate3d(100px, 0, 0); -ms-transform: translate3d(100px, 0, 0); transform: translate3d(100px, 0, 0); } .sc_input_hover_iconed label > .sc_form_label_content, .sc_input_hover_iconed label > .sc_form_label_icon, .sc_input_hover_iconed input[type="text"]:focus + label > .sc_form_label_content, .sc_input_hover_iconed input[type="number"]:focus + label > .sc_form_label_content, .sc_input_hover_iconed input[type="email"]:focus + label > .sc_form_label_content, .sc_input_hover_iconed input[type="password"]:focus + label > .sc_form_label_content, .sc_input_hover_iconed input[type="search"]:focus + label > .sc_form_label_content, .sc_input_hover_iconed textarea:focus + label > .sc_form_label_content, .sc_input_hover_iconed input[type="text"].filled + label > .sc_form_label_content, .sc_input_hover_iconed input[type="number"].filled + label > .sc_form_label_content, .sc_input_hover_iconed input[type="email"].filled + label > .sc_form_label_content, .sc_input_hover_iconed input[type="password"].filled + label > .sc_form_label_content, .sc_input_hover_iconed input[type="search"].filled + label > .sc_form_label_content, .sc_input_hover_iconed textarea.filled + label > .sc_form_label_content { -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); -ms-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); } .sc_input_hover_iconed input[type="text"]:focus + label > .sc_form_label_icon, .sc_input_hover_iconed input[type="number"]:focus + label > .sc_form_label_icon, .sc_input_hover_iconed input[type="email"]:focus + label > .sc_form_label_icon, .sc_input_hover_iconed input[type="password"]:focus + label > .sc_form_label_icon, .sc_input_hover_iconed input[type="search"]:focus + label > .sc_form_label_icon, .sc_input_hover_iconed textarea:focus + label > .sc_form_label_icon, .sc_input_hover_iconed input[type="text"].filled + label > .sc_form_label_icon, .sc_input_hover_iconed input[type="number"].filled + label > .sc_form_label_icon, .sc_input_hover_iconed input[type="email"].filled + label > .sc_form_label_icon, .sc_input_hover_iconed input[type="password"].filled + label > .sc_form_label_icon, .sc_input_hover_iconed input[type="search"].filled + label > .sc_form_label_icon, .sc_input_hover_iconed textarea.filled + label > .sc_form_label_icon { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /* ======================== END INPUT'S STYLES ================== */ /* 4. WP styles and Screen readers -------------------------------------------------------------- */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; } .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus { display: block; top: 5px; left: 5px; width: auto; height: auto; padding: 1em 1.5em; font-size:0.85em; line-height: normal; color: #21759b; background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; text-decoration: none; z-index: 100000; /* Above WP toolbar */ } .alignleft { display: inline-block; float: left; margin-right: 2em; margin-top: 1em; margin-bottom: 1em; } .alignright { display: inline-block; float: right; margin-left: 2em; margin-top: 1em; margin-bottom: 1em; } .aligncenter { clear: both; display: block !important; margin-left: auto !important; margin-right:auto !important; margin-top: 1em; margin-bottom: 1em; text-align:center; } .sticky { position:relative; } .sticky .sticky_label { position:absolute; right:0; top: 0; width:3em; height:3em; background-image:url(http://lovestory-html.themerex.net/images/sticky.png); background-repeat:no-repeat; background-position:right top; background-size:3em 3em; } .gallery-caption {} .bypostauthor {} .wp-caption { position: relative; overflow:hidden; max-width:100%; } .wp-caption a[class*="magnific"], .wp-caption a[class*="prettyPhoto"] { display: block; } .wp-caption a[class*="magnific"] img, .wp-caption a[class*="prettyPhoto"] img { vertical-align: top; } .wp-caption .wp-caption-text, .wp-caption .wp-caption-dd { padding: 0.5em 0 2em; font-size:0.75em; line-height:16px; font-style:italic; text-align:center; } .gallery { margin: 0 -5px; } .gallery .gallery-item a { display: block; } .gallery .gallery-item a img { border: none !important; display: block; width: 100%; } .gallery .gallery-item .gallery-icon { margin: 0 5px; } .gallery .gallery-item .gallery-caption { line-height: 100%; margin: 0; padding: 6px 6px 0; font-size:0.875em; } .gallery.gallery-columns-9 .gallery-item { width: 11.1111% !important; } .gallery.gallery-columns-8 .gallery-item { width: 12.5% !important; } .gallery.gallery-columns-7 .gallery-item { width: 14.2857% !important; } .gallery.gallery-columns-6 .gallery-item { width: 16.6666% !important; } .gallery.gallery-columns-5 .gallery-item { width: 20% !important; } .gallery.gallery-columns-4 .gallery-item { width: 25% !important; } .gallery.gallery-columns-3 .gallery-item { width: 33.3333% !important; } .gallery.gallery-columns-2 .gallery-item { width: 50% !important; } .gallery.gallery-columns-1 .gallery-item { width: 100% !important; } .gallery.gallery-columns-9 .gallery-caption { font-size: 0.625em; } .gallery.gallery-columns-8 .gallery-caption { font-size: 0.6875em; } .gallery.gallery-columns-7 .gallery-caption { font-size: 0.75em; } .gallery.gallery-columns-6 .gallery-caption { font-size: 0.8125em; } .post-password-form label { display:inline-block; vertical-align:top; } .post-password-form input[type="submit"] { display:inline-block; margin-left:10px; } /* 5. Theme grid -------------------------------------------------------------- */ .container, .container-fluid { margin-right: auto; margin-left: auto; /*padding-left: 15px; padding-right: 15px; */ } .row, .columns_wrap { margin-left: 0px; /* -15px; */ margin-right:-30px; /* -15px; */ } .row > [class*="column-"], .columns_wrap > [class*="column-"] { /* Old way: floating columns */ /* float: left;*/ /* New way: inline blocks */ /* Warning: remove spaces between columns tags: Right: Wrong:
... ...
... ...
*/ display:inline-block; vertical-align:top; position: relative; min-height: 1px; padding-left: 0px; /* 15px; */ padding-right:30px; /* 15px; */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .row.column_padding_left, .columns_wrap.column_padding_left { margin-left: -30px; margin-right: 0; } .row.column_padding_left > [class*="column-"], .columns_wrap.column_padding_left > [class*="column-"], .row > [class*="column-"].column_padding_left, .columns_wrap > [class*="column-"].column_padding_left { padding-left:30px; padding-right:0; } .row.column_padding_right, .columns_wrap.column_padding_right { margin-left: 0; margin-right: -30px; } .row.column_padding_right > [class*="column-"], .columns_wrap.column_padding_right > [class*="column-"], .row > [class*="column-"].column_padding_right, .columns_wrap > [class*="column-"].column_padding_right { padding-left:0; padding-right:30px; } .row.column_padding_center, .columns_wrap.column_padding_center { margin-left: -15px; margin-right: -15px; } .row.column_padding_center > [class*="column-"], .columns_wrap.column_padding_center > [class*="column-"], .row > [class*="column-"].column_padding_center, .columns_wrap > [class*="column-"].column_padding_center { padding-left:15px; padding-right:15px; } .row > [class*="column-"].column_padding_bottom, .columns_wrap > [class*="column-"].column_padding_bottom { padding-bottom: 30px; } .sc_blogger.no_margins .row, .sc_blogger.no_margins .columns_wrap, .row.no_margins, .columns_wrap.no_margins { margin: 0 !important; } .sc_blogger.no_margins .row > [class*="column-"], .sc_blogger.no_margins .columns_wrap > [class*="column-"], .row.no_margins > [class*="column-"], .columns_wrap.no_margins > [class*="column-"] { padding: 0 !important; } .vc_col-has-fill>.vc_column-inner, .vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner, .vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner, .vc_row-has-fill+.vc_vc_row>.vc_row>.vc_vc_column>.vc_column_container>.vc_column-inner, .vc_row-has-fill+.vc_vc_row_inner>.vc_row>.vc_vc_column_inner>.vc_column_container>.vc_column-inner, .vc_row-has-fill>.vc_column_container>.vc_column-inner, .vc_row-has-fill>.vc_row>.vc_vc_column>.vc_column_container>.vc_column-inner, .vc_row-has-fill>.vc_vc_column_inner>.vc_column_container>.vc_column-inner{ padding-top: 0 !important; } /* Columns width */ .column-1, .column-1_1, .column-2_2, .column-3_3, .column-4_4, .column-5_5, .column-6_6, .column-7_7, .column-8_8, .column-9_9, .column-10_10, .column-11_11, .column-12_12 { width:100%; } .column-1_2, .column-2_4, .column-3_6, .column-4_8, .column-5_10, .column-6_12 { width:50%; } .column-1_3, .column-2_6, .column-3_9, .column-4_12 { width:33.33333333%; } .column-2_3, .column-4_6, .column-8_12 { width:66.66666667%; } .column-1_4, .column-2_8, .column-3_12 { width:25%; } .column-3_4, .column-6_8, .column-9_12 { width:75%; } .column-1_5, .column-2_10 { width:20%; } .column-2_5, .column-4_10 { width:40%; } .column-3_5, .column-6_10 { width:60%; } .column-4_5, .column-8_10 { width:80%; } .column-1_6, .column-2_12 { width:16.66666667%; } .column-5_6, .column-10_12 { width:83.33333333%; } .column-1_7 { width:14.28571429%; } .column-2_7 { width:28.57142857%; } .column-3_7 { width:42.85714286%; } .column-4_7 { width:57.14285714%; } .column-5_7 { width:71.42857143%; } .column-6_7 { width:85.71428571%; } .column-1_8 { width:12.5%; } .column-3_8 { width:37.5%; } .column-5_8 { width:62.5%; } .column-7_8 { width:87.5%; } .column-1_9 { width:11.11111111%; } .column-2_9 { width:22.22222222%; } .column-3_9 { width:33.33333333%; } .column-4_9 { width:44.44444444%; } .column-5_9 { width:55.55555556%; } .column-6_9 { width:66.66666667%; } .column-7_9 { width:77.77777778%; } .column-8_9 { width:88.88888889%; } .column-1_10 { width:10%; } .column-3_10 { width:30%; } .column-7_10 { width:70%; } .column-9_10 { width:90%; } .column-1_11 { width: 9.09090909%; } .column-2_11 { width:18.18181818%; } .column-3_11 { width:27.27272727%; } .column-4_11 { width:36.36363636%; } .column-5_11 { width:45.45454545%; } .column-6_11 { width:54.54545455%; } .column-7_11 { width:63.63636364%; } .column-8_11 { width:72.72727273%; } .column-9_11 { width:81.81818182%; } .column-10_11 { width:90.90909091%; } .column-1_12 { width: 8.33333333%; } .column-5_12 { width:41.66666667%; } .column-7_12 { width:58.33333333%; } .column-11_12 { width:91.66666667%; } /* Push columns */ .push-1_2, .push-2_4, .push-3_6, .push-4_8, .push-5_10, .push-6_12 { left:50%; } .push-1_3, .push-2_6, .push-3_9, .push-4_12 { left:33.33333333%; } .push-2_3, .push-4_6, .push-8_12 { left:66.66666667%; } .push-1_4, .push-2_8, .push-3_12 { left:25%; } .push-3_4, .push-6_8, .push-9_12 { left:75%; } .push-1_5, .push-2_10 { left:20%; } .push-2_5, .push-4_10 { left:40%; } .push-3_5, .push-6_10 { left:60%; } .push-4_5, .push-8_10 { left:80%; } .push-1_6, .push-2_12 { left:16.66666667%; } .push-5_6, .push-10_12 { left:83.33333333%; } .push-1_7 { left:14.28571429%; } .push-2_7 { left:28.57142857%; } .push-3_7 { left:42.85714286%; } .push-4_7 { left:57.14285714%; } .push-5_7 { left:71.42857143%; } .push-6_7 { left:85.71428571%; } .push-1_8 { left:12.5%; } .push-3_8 { left:37.5%; } .push-5_8 { left:62.5%; } .push-7_8 { left:87.5%; } .push-1_9 { left:11.11111111%; } .push-2_9 { left:22.22222222%; } .push-3_9 { left:33.33333333%; } .push-4_9 { left:44.44444444%; } .push-5_9 { left:55.55555556%; } .push-6_9 { left:66.66666667%; } .push-7_9 { left:77.77777778%; } .push-8_9 { left:88.88888889%; } .push-1_10 { left:10%; } .push-3_10 { left:30%; } .push-7_10 { left:70%; } .push-9_10 { left:90%; } .push-1_11 { left: 9.09090909%; } .push-2_11 { left:18.18181818%; } .push-3_11 { left:27.27272727%; } .push-4_11 { left:36.36363636%; } .push-5_11 { left:45.45454545%; } .push-6_11 { left:54.54545455%; } .push-7_11 { left:63.63636364%; } .push-8_11 { left:72.72727273%; } .push-9_11 { left:81.81818182%; } .push-10_11 { left:90.90909091%; } .push-1_12 { left: 8.33333333%; } .push-5_12 { left:41.66666667%; } .push-7_12 { left:58.33333333%; } .push-11_12 { left:91.66666667%; } /* Pull columns */ .pull-1_2, .pull-2_4, .pull-3_6, .pull-4_8, .pull-5_10, .pull-6_12 { right:50%; } .pull-1_3, .pull-2_6, .pull-3_9, .pull-4_12 { right:33.33333333%; } .pull-2_3, .pull-4_6, .pull-8_12 { right:66.66666667%; } .pull-1_4, .pull-2_8, .pull-3_12 { right:25%; } .pull-3_4, .pull-6_8, .pull-9_12 { right:75%; } .pull-1_5, .pull-2_10 { right:20%; } .pull-2_5, .pull-4_10 { right:40%; } .pull-3_5, .pull-6_10 { right:60%; } .pull-4_5, .pull-8_10 { right:80%; } .pull-1_6, .pull-2_12 { right:16.66666667%; } .pull-5_6, .pull-10_12 { right:83.33333333%; } .pull-1_7 { right:14.28571429%; } .pull-2_7 { right:28.57142857%; } .pull-3_7 { right:42.85714286%; } .pull-4_7 { right:57.14285714%; } .pull-5_7 { right:71.42857143%; } .pull-6_7 { right:85.71428571%; } .pull-1_8 { right:12.5%; } .pull-3_8 { right:37.5%; } .pull-5_8 { right:62.5%; } .pull-7_8 { right:87.5%; } .pull-1_9 { right:11.11111111%; } .pull-2_9 { right:22.22222222%; } .pull-3_9 { right:33.33333333%; } .pull-4_9 { right:44.44444444%; } .pull-5_9 { right:55.55555556%; } .pull-6_9 { right:66.66666667%; } .pull-7_9 { right:77.77777778%; } .pull-8_9 { right:88.88888889%; } .pull-1_10 { right:10%; } .pull-3_10 { right:30%; } .pull-7_10 { right:70%; } .pull-9_10 { right:90%; } .pull-1_11 { right: 9.09090909%; } .pull-2_11 { right:18.18181818%; } .pull-3_11 { right:27.27272727%; } .pull-4_11 { right:36.36363636%; } .pull-5_11 { right:45.45454545%; } .pull-6_11 { right:54.54545455%; } .pull-7_11 { right:63.63636364%; } .pull-8_11 { right:72.72727273%; } .pull-9_11 { right:81.81818182%; } .pull-10_11 { right:90.90909091%; } .pull-1_12 { right: 8.33333333%; } .pull-5_12 { right:41.66666667%; } .pull-7_12 { right:58.33333333%; } .pull-11_12 { right:91.66666667%; } /* Margin for the columns */ .offset-1_2, .offset-2_4, .offset-3_6, .offset-4_8, .offset-5_10, .offset-6_12 { margin-left:50%; } .offset-1_3, .offset-2_6, .offset-3_9, .offset-4_12 { margin-left:33.33333333%; } .offset-2_3, .offset-4_6, .offset-8_12 { margin-left:66.66666667%; } .offset-1_4, .offset-2_8, .offset-3_12 { margin-left:25%; } .offset-3_4, .offset-6_8, .offset-9_12 { margin-left:75%; } .offset-1_5, .offset-2_10 { margin-left:20%; } .offset-2_5, .offset-4_10 { margin-left:40%; } .offset-3_5, .offset-6_10 { margin-left:60%; } .offset-4_5, .offset-8_10 { margin-left:80%; } .offset-1_6, .offset-2_12 { margin-left:16.66666667%; } .offset-5_6, .offset-10_12 { margin-left:83.33333333%; } .offset-1_7 { margin-left:14.28571429%; } .offset-2_7 { margin-left:28.57142857%; } .offset-3_7 { margin-left:42.85714286%; } .offset-4_7 { margin-left:57.14285714%; } .offset-5_7 { margin-left:71.42857143%; } .offset-6_7 { margin-left:85.71428571%; } .offset-1_8 { margin-left:12.5%; } .offset-3_8 { margin-left:37.5%; } .offset-5_8 { margin-left:62.5%; } .offset-7_8 { margin-left:87.5%; } .offset-1_9 { margin-left:11.11111111%; } .offset-2_9 { margin-left:22.22222222%; } .offset-3_9 { margin-left:33.33333333%; } .offset-4_9 { margin-left:44.44444444%; } .offset-5_9 { margin-left:55.55555556%; } .offset-6_9 { margin-left:66.66666667%; } .offset-7_9 { margin-left:77.77777778%; } .offset-8_9 { margin-left:88.88888889%; } .offset-1_10 { margin-left:10%; } .offset-3_10 { margin-left:30%; } .offset-7_10 { margin-left:70%; } .offset-9_10 { margin-left:90%; } .offset-1_11 { margin-left: 9.09090909%; } .offset-2_11 { margin-left:18.18181818%; } .offset-3_11 { margin-left:27.27272727%; } .offset-4_11 { margin-left:36.36363636%; } .offset-5_11 { margin-left:45.45454545%; } .offset-6_11 { margin-left:54.54545455%; } .offset-7_11 { margin-left:63.63636364%; } .offset-8_11 { margin-left:72.72727273%; } .offset-9_11 { margin-left:81.81818182%; } .offset-10_11 { margin-left:90.90909091%; } .offset-1_12 { margin-left: 8.33333333%; } .offset-5_12 { margin-left:41.66666667%; } .offset-7_12 { margin-left:58.33333333%; } .offset-11_12 { margin-left:91.66666667%; } /* SETTINGS */ .has-fill .column_container > .column-inner { padding-top: 35px; } .column_container > .column-inner { } .full-height-section { min-height: 100vh; } .full-height-section > [class*="container"], .full-height-section > [class*="container"] > .columns_wrap, .full-height-section > [class*="container"] > .columns_wrap > .column_container, .full-height-section > [class*="container"] > .columns_wrap > .column_container > .column-inner, .full-height-section > [class*="container"] > .columns_wrap > .column_container > .column-inner > [class*="bg_image"] { min-height: inherit; } .full-height-section [class*="sc_parallax"], .full-height-section [class*="sc_parallax"] > [class*="sc_parallax"], .full-height-section [class*="sc_parallax"] > [class*="sc_parallax"] > [class*="sc_parallax"], .full-height-section [class*="sc_parallax"] > [class*="sc_parallax"] > [class*="sc_parallax"] > [class*="container"], .full-height-section [class*="sc_parallax"] > [class*="sc_parallax"] > [class*="sc_parallax"] > [class*="container"] > .columns_wrap, .full-height-section [class*="sc_parallax"] > [class*="sc_parallax"] > [class*="sc_parallax"] > [class*="container"] > .columns_wrap > .column_container, .full-height-section [class*="sc_parallax"] > [class*="sc_parallax"] > [class*="sc_parallax"] > [class*="container"] > .columns_wrap > .column_container > .column-inner, .full-height-section [class*="sc_parallax"] > [class*="sc_parallax"] > [class*="sc_parallax"] > [class*="container"] > .columns_wrap > .column_container > .column-inner > [class*="bg_image"] { min-height: inherit; } .column-equal-height > [class*="container"] > .columns_wrap > .column_container, .column-equal-height [class*="sc_parallax"] > [class*="container"] > .columns_wrap > .column_container { -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .no-col-padding > [class*="container"] > .columns_wrap, .no-col-padding [class*="sc_parallax"] > [class*="container"] > .columns_wrap { margin-right: 0; } .no-col-padding > [class*="container"] > .columns_wrap > .column_container, .no-col-padding [class*="sc_parallax"] > [class*="container"] > .columns_wrap > .column_container { padding: 0; } [class*="container"] > .columns_wrap .trx_addons_columns_wrap { margin-right: 0; } .columns-flex{ box-sizing: border-box; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .columns-flex > [class*="container"] > .columns_wrap > .column_container, .columns-flex [class*="sc_parallax"] > [class*="container"] > .columns_wrap > .column_container { // display: flex; // float: left; vertical-align: middle; // display: table-cell; display: inline-block; } .columns-flex:after { // content: ''; // display: block; // clear: both; } .columns-flex > [class*="container"] > .columns_wrap > .column_container > .column-inner, .columns-flex [class*="sc_parallax"] > [class*="container"] > .columns_wrap > .column_container > .column-inner{ -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; } .content-middle > [class*="container"] > .columns_wrap > .column_container > .column-inner, .content-middle [class*="sc_parallax"] > [class*="container"] > .columns_wrap > .column_container > .column-inner{ -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; min-height: inherit; } .columns-stretch { -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; } /* END SETTINGS */ /* Utils */ .clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .columns_wrap:before, .columns_wrap:after { content: " "; display: table; } .clearfix:after, .container:after, .container-fluid:after, .row:after, .columns_wrap:after { clear: both; width:100%; height:0; display:block; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .affix { position: fixed; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .visible { visibility: visible; } .invisible { visibility: hidden; } .show { display: block !important; } .hide { display: none !important; } .hidden { display: none !important; visibility: hidden !important; } .text-hide { font-size: 0; line-height: 0; color: transparent; text-shadow: none; background-color: transparent; border: 0; } /* 6. Page layouts -------------------------------------------------------------- */ .page_wrap, .content_wrap { margin:0 auto; } .body_style_boxed .page_wrap { width: 1440px; overflow:hidden; } .content_wrap, .slider_boxed, .content_container { width:1170px; margin:0 auto; } .content_wrap:after, .content_container:after { content:" "; display:block; width:100%; height:0; clear:both; } .body_style_fullwide .content_wrap { width: auto; padding-left:30px; padding-right:30px; } .content, .sidebar, .sidebar_inner { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* Content and Sidebar */ .sidebar_show .content {width: 730px;} .sidebar {width: 370px;} .sidebar_right .content { float: left; } .sidebar_right .sidebar { float: right; } .sidebar_left .content {float: right;width: 770px;} .sidebar_left .sidebar { float: left; } /* Fullwide or Fullscreen with sidebar */ .body_style_fullwide.sidebar_show .content, .body_style_fullscreen.sidebar_show .content { width:auto; max-width:100%; } .body_style_fullwide.sidebar_right .content, .body_style_fullscreen.sidebar_right .content { padding-right: 400px; } .body_style_fullwide.sidebar_right .sidebar, .body_style_fullscreen.sidebar_right .sidebar { margin-left: -360px; } .body_style_fullwide.sidebar_left .content, .body_style_fullscreen.sidebar_left .content { padding-left: 400px; } .body_style_fullwide.sidebar_left .sidebar, .body_style_fullscreen.sidebar_left .sidebar { margin-right:-360px; } .body_style_fullscreen .page_content_wrap { overflow:hidden; padding:0; } /* Use preloader */ /* .preloader > .outer_wrap, .preloader > .body_wrap { opacity: 0; filter: alpha(opacity=0); } */ /* Transparent body */ .body_transparent .page_wrap, .body_transparent .copy_wrap, .body_transparent .widget_area_inner { background-color: transparent; } /* Sidebar outer */ .sidebar_outer { width: 290px; position: absolute; top:0; bottom:0; z-index:99998; } .sidebar_outer_inner { position: absolute; top:0; bottom:0; left: 0; right: 0; } .sidebar_outer_show .outer_wrap { overflow:hidden; position:relative; } .sidebar_outer_left .sidebar_outer { left: 0; right: auto; } .sidebar_outer_left .body_wrap { padding-left: 290px; } .sidebar_outer_right .sidebar_outer { left: auto; right: 0; } .sidebar_outer_right .body_wrap { padding-right: 290px; } .sidebar_outer .logo img { max-width:210px; } /* Boxed style for articles and sidebar */ .page_content_wrap { padding: 9.26em 0; } .page_content_wrap.page_paddings_no, .body_style_fullscreen .page_content_wrap { padding:0; } .article_style_boxed .content > article > .post_content, /*.article_style_boxed[class*="single-"] .content > article,*/ .article_style_boxed[class*="single-"] .content > .comments_wrap, .article_style_boxed[class*="single-"] .content > article > .post_info_share { padding: 2.1429em; } .body_filled .sidebar[class*="scheme_"] .sidebar_inner { padding: 5.4em 4.9em; } .body_style_fullscreen .content > article.page { padding:0; } /* With video Background */ .video_bg_show .body_wrap { position:relative; } .video_bg_show .video_bg { position:fixed; z-index:-1; top:0; left:0; width:100%; height:100%; } .video_bg_show .video_bg_overlay:after { content: ' '; position:absolute; left:0; top:0; bottom:0; right:0; background-color:rgba(0,0,0,0.3); z-index:3; background-image:url(http://lovestory-html.themerex.net/images/bg/texture_7.png); } /* 7. Section's decorations -------------------------------------------------------------- */ /* 7.1 Header -------------------------------------------------------------- */ /* Top panel */ .top_panel_wrap { position:relative; } .top_panel_fixed .top_panel_wrap { -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.2); } .top_panel_over .top_panel_wrap { position:absolute; top:0; left:0; right:0; z-index:10000; } body:not(.top_panel_fixed) .top_panel_position_over.top_panel_wrap_inner, body:not(.top_panel_fixed) .top_panel_position_over .top_panel_top, body:not(.top_panel_fixed) .top_panel_position_over .top_panel_middle, body:not(.top_panel_fixed) .top_panel_position_over .top_panel_bottom { background: none !important; } .admin-bar.top_panel_over .top_panel_wrap { top:32px; } .top_panel_wrap [class^="icon-"]::before, .top_panel_wrap [class*=" icon-"]::before { margin-right:0.5em; } /* Fixed panel */ .top_panel_fixed_wrap { display:none; } .top_panel_fixed:not(.top_panel_over) .top_panel_fixed_wrap { display:block; } .top_panel_fixed .top_panel_wrap { position:fixed; top:0; left:0; right:0; z-index: 1000; } .sidebar_outer_left.top_panel_fixed .top_panel_wrap { left:290px; } .sidebar_outer_right.top_panel_fixed .top_panel_wrap { right:290px; } .top_panel_fixed .top_panel_top, .top_panel_fixed .top_panel_style_1 .top_panel_middle, .top_panel_fixed .top_panel_style_2 .top_panel_middle { display:none; } .top_panel_fixed .top_panel_style_5 .contact_logo { float: left; } .top_panel_fixed .top_panel_middle { min-height:0; } .top_panel_fixed .menu_main_wrap { margin-top:0; } .admin-bar.top_panel_fixed .top_panel_wrap { top:32px; } /* Top panel (top area) */ .top_panel_top { min-height:3.5714em; margin-top:0; position:relative; z-index:10000; } .top_panel_style_1 .top_panel_middle, .top_panel_style_2 .top_panel_middle, .top_panel_style_3 .top_panel_middle, .top_panel_style_4 .top_panel_middle, .top_panel_style_5 .top_panel_middle, .top_panel_style_6 .top_panel_middle, .top_panel_style_8 .top_panel_middle { background-repeat:repeat; background-position:center top; } .body_style_boxed .top_panel_wrap .top_panel_middle .columns_wrap { margin-right: -30px; } .top_panel_wrap .top_panel_middle .columns_wrap{ margin-right: 0; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; flex-flow: row wrap; } .top_panel_wrap.top_panel_style_1 .top_panel_middle .columns_wrap .contact_logo{ width: 66%; } .top_panel_style_2 .top_panel_middle .columns_wrap > [class*="column-"]{ padding-right: 0; display: block; } .column-3_5.contact_logo{ width: 59.8%; } .top_panel_top_contact_area { float: left; margin-top:1em; } .top_panel_top_open_hours { float:left; margin-top:1em; margin-left:3em; } .top_panel_top_user_area { float:right; } .top_panel_top_socials { float:right; margin-top: 0.6em; } .top_panel_top_search, .menu_user_nav { float:left; margin-top:1em; } .top_panel_top_search { padding-top: 0.2em; margin-right: 2em; } .top_panel_top_socials { margin-left:3em; } .top_panel_wrap .sc_socials a:before, .top_panel_wrap .sc_socials [class*="icon-"]:before { margin-right:0; } .top_panel_bottom .content_wrap { position: relative; } .top_panel_wrap ul { margin:0; padding:0; list-style-type:none; text-align: center; } .top_panel_wrap li { margin-bottom: 0; position:relative; } .top_panel_wrap li li > a { position:relative; display:block; padding: 0.5em 1.2em; font-size: 0.857em; text-transform: uppercase; letter-spacing: 3.4px; border: 3px solid transparent; text-align: left; } .top_panel_wrap li li+li{ margin-top: 6px; } .top_panel_wrap li li.menu-item-has-children > a:after { content: '\e836'; font-family: 'fontello'; position:absolute; right:8px; top:50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } /* User menu */ .menu_user_nav > li { margin-left:1.5em; } .menu_user_nav > li a { font-weight:400; } .menu_user_nav > li > a { display: block; padding: 1.25em 0; } .menu_user_nav > li li { line-height:1.5em; } .menu_user_nav > li ul:not(.cart_list) { width:12em; padding: 0; border:1px solid #ddd; } .menu_user_nav > li.menu_user_bookmarks ul { width:15em; } .menu_user_nav > li > ul { left:0; top:3.7em; } .menu_user_nav > li > ul ul { left:12em; margin-left:4px; top:-0.5em; } .menu_user_nav > li > ul ul.submenu_left { left:-12em; margin-left:-1px; } .menu_user_nav > li.menu_user_controls .user_avatar { display: inline-block; border: 1px solid #ddd; margin-right: 0.4em; overflow: hidden; vertical-align: middle; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 1em; height: 1em; line-height:1em; } /* Main and user menu */ .menu_main_nav_area { position:relative; z-index:1000; display:none; } .menu_show .menu_main_nav_area { display:block; } .menu_user_nav > li:first-child { margin-left:0; } .menu_user_nav > li, .menu_main_nav > li { position:relative; z-index:20; display: inline-block; } .top_panel_style_1 .menu_main_nav > li{ display: block; float: left; } .top_panel_style_1 .sc_socials{ float: right; margin-top: 1.34em; } .top_panel_style_1 .sc_socials.sc_socials_size_tiny{ margin-right: 0; } .top_panel_style_1 .sc_socials.sc_socials_size_tiny .sc_socials_item { margin: 0 0.4em 0em 0; } .top_panel_style_1 .sc_socials.sc_socials_size_tiny a{ border: 3px solid; width: 2em !important; height: 2em !important; line-height: 2em !important; } .top_panel_style_1 .sc_socials.sc_socials_size_tiny a span{ font-size: 1em } .menu_main_nav > li:hover+li:after, .menu_main_nav > li+li:hover:after, .menu_main_nav > li.current-menu-item+li:after, .menu_main_nav > li+li.current-menu-item:after, .menu_main_nav > li.current-menu-parent+li:after, .menu_main_nav > li+li.current-menu-parent:after, .menu_main_nav > li.current-menu-ancestor+li:after, .menu_main_nav > li+li.current-menu-ancestor:after{ opacity: 0; } .menu_main_nav > li+li { z-index:19; } .menu_main_nav > li+li+li { z-index:18; } .menu_main_nav > li+li+li+li { z-index:17; } .menu_main_nav > li+li+li+li+li { z-index:16; } .menu_main_nav > li+li+li+li+li+li { z-index:15; } .menu_main_nav > li+li+li+li+li+li+li { z-index:14; } .menu_main_nav > li+li+li+li+li+li+li+li { z-index:13; } .menu_main_nav > li+li+li+li+li+li+li+li+li { z-index:12; } .menu_main_nav > li+li+li+li+li+li+li+li+li+li { z-index:11; } .menu_user_nav > li { z-index:30; } .menu_user_nav > li+li { z-index:29; } .menu_user_nav > li+li+li { z-index:28; } .menu_user_nav > li+li+li+li { z-index:27; } .menu_user_nav > li+li+li+li+li { z-index:26; } .menu_user_nav > li+li+li+li+li+li { z-index:25; } .menu_user_nav > li+li+li+li+li+li+li { z-index:24; } .menu_user_nav > li+li+li+li+li+li+li+li { z-index:23; } .menu_user_nav > li+li+li+li+li+li+li+li+li { z-index:22; } .menu_user_nav > li+li+li+li+li+li+li+li+li+li { z-index:21; } .menu_user_nav > li ul, .menu_main_nav > li ul { position:absolute; display:none; z-index:10000; } .menu_main_nav > li > a { display: block; padding:1em 1.5em; text-transform:uppercase; letter-spacing: 3.5px; } .menu_main_nav > li.menu-item-has-children > a { } .menu_main_nav > li ul { } .menu_main_nav > li ul { width: 199px; padding: 0; box-sizing: border-box; padding: 1.34em 0.75em; } .menu_main_nav > li > ul { left:0; top: 75px; } .menu_main_nav > li > ul ul { left: 188px; top:-1px; } .menu_main_nav > li > ul ul.submenu_left { left:-210px; } .menu_main_nav li a:before { margin-right:0.5em; } /* ---------------------- MENU HOVERS ----------------------- */ /* Slide Line and Slide Box */ .menu_main_nav > li#blob { position: absolute; top: 0; z-index : 1; opacity:0; -webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275); -moz-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275); -ms-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275); -o-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275); transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275); /* easeOutBack */ } .menu_main_nav > li.blob_over:not(.current-menu-item):not(.current-menu-parent):not(.current-menu-ancestor):hover, .menu_main_nav > li.blob_over:not(.current-menu-item):not(.current-menu-parent):not(.current-menu-ancestor).sfHover { background-color: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .menu_hover_slide_line .menu_main_nav > li#blob { height: 2px; margin: 3.8em 0 0 1.5em; } /* Zoom Line */ .menu_hover_zoom_line .menu_main_nav > li > a { position:relative; } .menu_hover_zoom_line .menu_main_nav > li > a:before { content: ""; height: 2px; position: absolute; margin-left:0.25em; top: 3.8em; left: 50%; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -ms-transition: all 0.1s ease; -o-transition: all 0.1s ease; transition: all 0.1s ease; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); width: 0; } .menu_hover_zoom_line .menu_main_nav > li > a:hover:before, .menu_hover_zoom_line .menu_main_nav > li.sfHover > a:before, .menu_hover_zoom_line .menu_main_nav > li.current-menu-item > a:before, .menu_hover_zoom_line .menu_main_nav > li.current-menu-parent > a:before, .menu_hover_zoom_line .menu_main_nav > li.current-menu-ancestor > a:before { width: 80%; } /* Path Line */ .menu_hover_path_line .menu_main_nav > li > a { position:relative; } .menu_hover_path_line .menu_main_nav > li:before, .menu_hover_path_line .menu_main_nav > li:after, .menu_hover_path_line .menu_main_nav > li > a:before, .menu_hover_path_line .menu_main_nav > li > a:after { content: ' '; position: absolute; -webkit-transition: -webkit-transform 0.1s; -ms-transition: -ms-transform 0.1s; transition: transform 0.1s; -webkit-transition-timing-function: cubic-bezier(1, 0.68, 0.16, 0.9); -ms-transition-timing-function: cubic-bezier(1, 0.68, 0.16, 0.9); transition-timing-function: cubic-bezier(1, 0.68, 0.16, 0.9); } /* left and right line */ .menu_hover_path_line .menu_main_nav > li:before, .menu_hover_path_line .menu_main_nav > li:after { top: 0.5em; bottom: 0.5em; width: 2px; /*height: 100%;*/ -webkit-transform: scale3d(1, 0, 1); -ms-transform: scale3d(1, 0, 1); transform: scale3d(1, 0, 1); } /* left line */ .menu_hover_path_line .menu_main_nav > li:before { left: 0; -webkit-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; } /* right line */ .menu_hover_path_line .menu_main_nav > li:after { right: 0; -webkit-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; transform-origin: 50% 0%; } /* top and bottom line */ .menu_hover_path_line .menu_main_nav > li > a:before, .menu_hover_path_line .menu_main_nav > li > a:after { left: 0; right: auto; width: 100%; height: 2px; -webkit-transform: scale3d(0, 1, 1); -ms-transform: scale3d(0, 1, 1); transform: scale3d(0, 1, 1); } /* top line */ .menu_hover_path_line .menu_main_nav > li > a:before { top: 0.5em; bottom: auto; -webkit-transform-origin: 0 50%; -ms-transform-origin: 0 50%; transform-origin: 0 50%; } /* bottom line */ .menu_hover_path_line .menu_main_nav > li > a:after { top: auto; bottom: 0.5em; -webkit-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; transform-origin: 100% 50%; } /* Delays (first reverse, then current) */ /* These rules can be simplified, but let's keep it for better readability */ /* bottom line */ .menu_hover_path_line .menu_main_nav > li > a:after { -webkit-transition-delay: 0.3s; -ms-transition-delay: 0.3s; transition-delay: 0.3s; } .menu_hover_path_line .menu_main_nav > li.sfHover > a:after, .menu_hover_path_line .menu_main_nav > li > a:hover:after { -webkit-transition-delay: 0s; -ms-transition-delay: 0s; transition-delay: 0s; } /* left line */ .menu_hover_path_line .menu_main_nav > li:before { -webkit-transition-delay: 0.2s; -ms-transition-delay: 0.2s; transition-delay: 0.2s; } .menu_hover_path_line .menu_main_nav > li.sfHover:before, .menu_hover_path_line .menu_main_nav > li:hover:before { -webkit-transition-delay: 0.1s; -ms-transition-delay: 0.1s; transition-delay: 0.1s; } /* top line */ .menu_hover_path_line .menu_main_nav > li > a:before { -webkit-transition-delay: 0.1s; -ms-transition-delay: 0.1s; transition-delay: 0.1s; } .menu_hover_path_line .menu_main_nav > li > a:hover:before, .menu_hover_path_line .menu_main_nav > li.sfHover > a:before { -webkit-transition-delay: 0.2s; -ms-transition-delay: 0.2s; transition-delay: 0.2s; } /* right line */ .menu_hover_path_line .menu_main_nav > li.sfHover:after, .menu_hover_path_line .menu_main_nav > li:hover:after { -webkit-transition-delay: 0.3s; -ms-transition-delay: 0.3s; transition-delay: 0.3s; } .menu_hover_path_line .menu_main_nav > li.sfHover:before, .menu_hover_path_line .menu_main_nav > li:hover:before, .menu_hover_path_line .menu_main_nav > li.sfHover:after, .menu_hover_path_line .menu_main_nav > li:hover:after, .menu_hover_path_line .menu_main_nav > li.sfHover > a:before, .menu_hover_path_line .menu_main_nav > li:hover > a:before, .menu_hover_path_line .menu_main_nav > li.sfHover > a:after, .menu_hover_path_line .menu_main_nav > li:hover > a:after, .menu_hover_path_line .menu_main_nav > li.current-menu-item:before, .menu_hover_path_line .menu_main_nav > li.current-menu-item:after, .menu_hover_path_line .menu_main_nav > li.current-menu-item > a:before, .menu_hover_path_line .menu_main_nav > li.current-menu-item > a:after, .menu_hover_path_line .menu_main_nav > li.current-menu-ancestor:before, .menu_hover_path_line .menu_main_nav > li.current-menu-ancestor:after, .menu_hover_path_line .menu_main_nav > li.current-menu-ancestor > a:before, .menu_hover_path_line .menu_main_nav > li.current-menu-ancestor > a:after, .menu_hover_path_line .menu_main_nav > li.current-menu-parent:before, .menu_hover_path_line .menu_main_nav > li.current-menu-parent:after, .menu_hover_path_line .menu_main_nav > li.current-menu-parent > a:before, .menu_hover_path_line .menu_main_nav > li.current-menu-parent > a:after { -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } /* Roll Down */ .menu_hover_roll_down .menu_main_nav > li > a:before { content: ' '; position: absolute; top: 3.8em; left: 1.5em; right: 1.5em; height: 2px; opacity: 0; -webkit-transform: translate3d(0, -3em, 0); -ms-transform: translate3d(0, -3em, 0); transform: translate3d(0, -3em, 0); -webkit-transition: -webkit-transform 0s 0.3s, opacity 0.2s; -ms-transition: transform 0s 0.3s, opacity 0.2s; transition: transform 0s 0.3s, opacity 0.2s; } .menu_hover_roll_down .menu_main_nav > li.sfHover > a:before, .menu_hover_roll_down .menu_main_nav > li > a:hover:before, .menu_hover_roll_down .menu_main_nav > li.current-menu-item > a:before, .menu_hover_roll_down .menu_main_nav > li.current-menu-ancestor > a:before, .menu_hover_roll_down .menu_main_nav > li.current-menu-parent > a:before { opacity: 1; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 0.3s, opacity 0.1s; -ms-transition: -webkit-transform 0.3s, opacity 0.1s; transition: transform 0.3s, opacity 0.1s; -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); -ms-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .menu_hover_roll_down .menu_main_nav > li > a > span { display: block; pointer-events: none; } .menu_hover_roll_down .menu_main_nav > li.sfHover > a > span, .menu_hover_roll_down .menu_main_nav > li > a:hover > span, .menu_hover_roll_down .menu_main_nav > li.current-menu-item > a > span, .menu_hover_roll_down .menu_main_nav > li.current-menu-ancestor > a > span, .menu_hover_roll_down .menu_main_nav > li.current-menu-parent > a > span { -webkit-animation: anim-roll-down 0.3s forwards; -ms-animation: anim-roll-down 0.3s forwards; animation: anim-roll-down 0.3s forwards; } @-webkit-keyframes anim-roll-down { 50% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 51% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); -ms-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes anim-roll-down { 50% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 51% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); -ms-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } /* Color Line */ .menu_hover_color_line .menu_main_nav > li > a:hover:before, .menu_hover_color_line .menu_main_nav > li > a:focus:before { -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-transition-delay: 0s; -ms-transition-delay: 0s; transition-delay: 0s; } .menu_hover_color_line .menu_main_nav > li > a:before, .menu_hover_color_line .menu_main_nav > li > a:after { content: ''; position: absolute; top: 3.8em; left: 1.5em; right: 1.5em; margin: 0; height: 2px; -webkit-transform: scale3d(0, 1, 1); -ms-transform: scale3d(0, 1, 1); transform: scale3d(0, 1, 1); -webkit-transform-origin: center left; -ms-transform-origin: center left; transform-origin: center left; -webkit-transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1); -ms-transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1); transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1); } .menu_hover_color_line .menu_main_nav > li.menu-item-has-children > a:before, .menu_hover_color_line .menu_main_nav > li.menu-item-has-children > a:after { right: 2em; } .menu_hover_color_line .menu_main_nav > li > a:hover, .menu_hover_color_line .menu_main_nav > li.sfHover > a:after, .menu_hover_color_line .menu_main_nav > li > a:hover:after, .menu_hover_color_line .menu_main_nav > li > a:before { -webkit-transition-delay: 0.3s; -ms-transition-delay: 0.3s; transition-delay: 0.3s; } .menu_hover_color_line .menu_main_nav > li.sfHover > a:after, .menu_hover_color_line .menu_main_nav > li > a:hover:after, .menu_hover_color_line .menu_main_nav > li.sfHover > a:before, .menu_hover_color_line .menu_main_nav > li > a:hover:before, .menu_hover_color_line .menu_main_nav > li.current-menu-item > a:after, .menu_hover_color_line .menu_main_nav > li.current-menu-item > a:before, .menu_hover_color_line .menu_main_nav > li.current-menu-ancestor > a:after, .menu_hover_color_line .menu_main_nav > li.current-menu-ancestor > a:before, .menu_hover_color_line .menu_main_nav > li.current-menu-parent > a:after, .menu_hover_color_line .menu_main_nav > li.current-menu-parent > a:before { -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .menu_hover_color_line .menu_main_nav > li.sfHover > a:before, .menu_hover_color_line .menu_main_nav > li > a:hover:before { -webkit-transition-delay: 0s; -ms-transition-delay: 0s; transition-delay: 0s; } /* ---------------------- END MENU HOVERS ----------------------- */ /* Currency */ .menu_user_nav > li.menu_user_currency > a { padding-left:1.6em; padding-right:0.2em; } /* Bookmarks */ .menu_user_nav > li.menu_user_bookmarks li > a { position:relative; } .menu_user_nav > li.menu_user_bookmarks .bookmarks_add { border-bottom:1px solid rgba(0,0,0, 0.5); } .menu_user_nav > li.menu_user_bookmarks .bookmarks_delete { position:absolute; right:0; top:50%; margin-top:-0.5em; margin-right:0.5em; width:1em; height:1em; line-height:1em; font-size:1.25em; } /* Cart button */ .top_panel_style_3 .top_panel_cart_button, .top_panel_style_4 .top_panel_cart_button { display:block; padding-left:1.5em !important; padding-right:1.5em !important; } .top_panel_middle .contact_cart { position:relative; } .top_panel_middle .sidebar_cart { position:absolute; top: 5.5em; right: 0; z-index:1001; display:none; float:none; text-align:left; border: 1px solid #eee; } .top_panel_icon { padding:0; } .top_panel_icon .sidebar_cart { top: 3.5em; left:-0.7em; } .top_panel_style_5 .top_panel_icon .sidebar_cart, .top_panel_style_6 .top_panel_icon .sidebar_cart, .top_panel_style_7 .top_panel_icon .sidebar_cart, .top_panel_style_8 .top_panel_icon .sidebar_cart { left:auto; right: -1em; } .top_panel_icon.search_wrap { width: 2.2857em; height: 2.2857em; line-height: 2.2857em; -webkit-border-radius: 1.15em; -moz-border-radius: 1.15em; border-radius: 1.15em; } .top_panel_icon.search_wrap.search_state_opened { width: 8em; } .top_panel_icon.search_wrap .search_submit { line-height: 2.2857em; } .top_panel_icon .contact_cart_label, .top_panel_icon .contact_cart_totals { display:none; } .top_panel_icon .contact_icon { display:inline-block; text-align:center; } .top_panel_icon .contact_icon:before { margin-right:0; } .top_panel_icon.menu_main_cart { position:relative; } .top_panel_icon .contact_icon { width: 2.2857em; height: 2.2857em; line-height: 2.2857em; } .top_panel_icon.menu_main_cart .contact_icon { -webkit-border-radius: 1.15em; -moz-border-radius: 1.15em; border-radius: 1.15em; } /* Logo in the header */ .top_panel_wrap .logo { margin: 2em 0 1em 0; overflow:hidden; } .top_panel_wrap .logo_main { max-height:100px; width:auto; } .logo a { display:inline-block; } .logo img { float:left; margin: 0 0.7857em 0.7857em 0; width: auto; } .logo_text, .logo_slogan { float:left; text-align:left; } .logo_slogan { margin-top:0.25em; font-style:italic; } .top_panel_fixed .top_panel_wrap .logo_main { display: none; } .top_panel_wrap .logo_fixed { display:none; max-height:42px; width:auto; } .top_panel_fixed .top_panel_wrap .logo_fixed { display: block; } .top_panel_fixed .top_panel_middle .menu_main_wrap { margin-top:0; } .top_panel_style_3 .content_wrap, .top_panel_style_4 .content_wrap, .top_panel_style_6 .content_wrap, .top_panel_style_7 .content_wrap { position:relative; } .top_panel_style_3 .menu_main_wrap, .top_panel_style_4 .menu_main_wrap, .top_panel_style_6 .menu_main_wrap, .top_panel_style_7 .menu_main_wrap { float: right; } .top_panel_style_3 .contact_logo, .top_panel_style_4 .contact_logo, .top_panel_style_6 .contact_logo, .top_panel_style_7 .contact_logo { position:absolute; z-index:1; top: 0; left: 0; } .top_panel_style_5 .top_panel_wrap_inner { text-align:center; } .top_panel_style_5 .contact_logo { overflow:hidden; } .top_panel_style_5 .menu_main_wrap { display:inline-block; margin-top:0 !important; } .top_panel_style_5 .menu_main_nav_area, .top_panel_style_5 .top_panel_icon { display:block !important; float: left; } .top_panel_style_5 .top_panel_top_user_area { text-align:left; } .top_panel_style_6 .menu_main_nav_area, .top_panel_style_7 .menu_main_nav_area { float:none; } .top_panel_style_6 .top_panel_icon, .top_panel_style_7 .top_panel_icon { float: right; } /* Featured image in the header 7 */ .top_panel_image { height:45em; overflow:hidden; position:relative; background-size:cover; background-position:center; } .top_panel_image_hover { position:absolute; top:0; left:0; right:0; bottom:0; background-color:rgba(2,75,94, 0.8); } .top_panel_image_header { position:absolute; left:50%; top:50%; display:block; max-width:50%; text-align:center; -webkit-transform:translateX(-50%) translateY(-50%); -moz-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); } .top_panel_image_icon { font-size: 4em; line-height:1em; margin-top:1em; } /* Slide submenu button */ .open_child_menu { cursor:pointer; position:absolute; z-index:1; right:0; top:0; text-align:center; width: 2em; height: 2.2857em; line-height:2.2857em; -webkit-transition: all ease .3s; -moz-transition: all ease .3s; -ms-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; } .open_child_menu:hover { -webkit-box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.2); } .open_child_menu:before { content: '\e828'; font-family:fontello; letter-spacing: -0.3px; } li.opened > a > .open_child_menu:before { content: '\e835'; } /* Contact fields */ .top_panel_wrap .contact_field > a > span, .top_panel_wrap .contact_field > span { display:block; } .top_panel_wrap .contact_label { margin: 2px 0 0px; font-size: 1.07em; } .top_panel_wrap .contact_cart_totals{ margin-top: 3px; font-size: 1.143em; } .top_panel_middle .contact_icon { float:left; width: 3.2em; height: 3.2em; line-height: 3.2em; margin-right: 1em; text-align:center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .top_panel_middle .contact_label.contact_phone{ margin-top: 2px; font-size: 1.143em; } .top_panel_middle .contact_icon:before { font-size:1.5em; margin-right:0; } .top_panel_wrap .menu_main_cart .contact_icon:before { font-size:1em; } .top_panel_style_2 .logo, .top_panel_style_5 .logo { text-align:center; } .top_panel_style_2 .contact_phone > span + span { text-align:right; font-size: 1.07em; } .top_panel_style_2 .contact_phone .contact_icon { float:right; margin-left: 1em; margin-right:0; } .top_panel_middle .menu_main_wrap { text-align:right; } .top_panel_middle .menu_main_nav_area { display:inline-block; text-align:left; } .top_panel_style_5 .top_panel_middle .menu_main_nav_area { display:block; } .top_panel_style_5 .top_panel_middle .contact_icon, .top_panel_style_6 .top_panel_middle .contact_icon, .top_panel_style_7 .top_panel_middle .contact_icon { width:2.2857em; height: 2.2857em; line-height:2.2857em; } .top_panel_style_6 .top_panel_middle, .top_panel_style_7 .top_panel_middle { min-height:0; } /* Search field */ .top_panel_middle .search_wrap { display:none; } .menu_show .top_panel_middle .search_wrap { display:block; } .search_wrap { position:relative; max-width:10em; min-width:2.2857em; z-index:1000; } .search_wrap.search_state_closed:not(.top_panel_icon) { min-width:0; width: 1.5em; } .search_wrap:not(.search_state_fixed) { -webkit-transition: all ease .3s; -moz-transition: all ease .3s; -ms-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; } .search_wrap .search_field { border:none; } .search_wrap .search_submit, .search_wrap .search_submit:hover { background-color:transparent !important; } .content .search_wrap, .content .search_wrap .search_submit, .content .search_wrap .search_field, .top_panel_bottom .search_wrap, .top_panel_bottom .search_wrap .search_submit, .top_panel_bottom .search_wrap .search_field, .top_panel_style_4 .search_wrap, .top_panel_style_4 .search_wrap .search_submit, .top_panel_style_4 .search_wrap .search_field { height: 2.2857em; padding: 0.5em; line-height: 2.2857em; padding-left: 0.9em; } .content .search_wrap, .content .search_wrap .search_submit, .content .search_wrap .search_field{ line-height: 1.8em; } .top_panel_bottom .search_wrap, .top_panel_style_4 .search_wrap { position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); } .top_panel_inner_style_3 .search_field, .top_panel_inner_style_3 .search_submit, .top_panel_icon.search_wrap .search_field { background-color: transparent !important; } .search_wrap form { width: 100%; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .search_wrap .search_submit { position:absolute; right: 0; top:0; width:3em; padding:0; margin:0; text-align:right; font-weight:normal; font-size: 12px; } .top_panel_top_search .search_submit { top:2px; } .search_wrap .search_field { width:100%; padding-left: 2.2857em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .top_panel_top .search_field { max-width:6em; padding-top: 0.2em; padding-bottom: 0.2em; } .search_wrap .search_submit:before { margin-right:0.35em; } .top_panel_style_5 .search_form_wrap, .top_panel_style_6 .search_form_wrap, .top_panel_style_7 .search_form_wrap { width:100%; overflow:hidden; } .top_panel_style_5 .search_results, .top_panel_style_6 .search_results, .top_panel_style_7 .search_results { top: 3.3em !important; } .top_panel_icon .search_submit { display:inline-block; text-align:center; } .top_panel_icon .search_submit:before { margin-right:0; } /* Fullscreen search */ .search_style_fullscreen.search_wrap.search_state_opened { width: 2.2857em !important; } .search_style_fullscreen.search_state_closed .search_field { background-color: transparent !important; } .search_style_fullscreen.search_state_opened .search_form_wrap { position: fixed; bottom: 0; left: 0; right: 0; top: 0; width: 100%; height: 100%; z-index: 99; background-color: rgba(0, 0, 0, 0.85) !important; overflow: hidden; -webkit-transition: all ease .3s; -moz-transition: all ease .3s; -ms-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; } .search_style_fullscreen .search_form { padding:0; text-align:center; } .search_style_fullscreen.search_state_opened .search_form { position: relative; width: 50%; top: 50%; left: 50%; -webkit-transform:translateX(-50%) translateY(-50%); -moz-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); border-bottom: 1px solid #fff; } .search_style_fullscreen.search_state_closed .search_close { display:none; } .search_style_fullscreen.search_state_opened .search_close { position: absolute; right: 0; top: 0; display: inline-block; font-size: 2em; font-weight: 300; text-align: center; cursor: pointer; -webkit-transition: all ease .3s; -moz-transition: all ease .3s; -ms-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; } .search_style_fullscreen.search_state_opened .search_close:before { margin:0; } .search_style_fullscreen.search_state_closed .search_submit { position: relative; left: 0; top: 0; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } .search_style_fullscreen.search_state_opened .search_submit { -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); position: absolute; left: 0; top: 50%; background-color: none; font-size: 1.2em; width: auto; padding: 0; } .top_panel_wrap .search_style_fullscreen.search_state_closed .search_field { display: none; } .top_panel_wrap .search_style_fullscreen.search_state_opened .search_field { font-size: 1.4em; font-weight: 400; height: 3em; letter-spacing: 1px; line-height: 3em; margin: 0; padding: 0 0 0 2em; white-space: pre-wrap; word-wrap: break-word; box-sizing: border-box; resize: none; overflow: hidden; display: block; width: 100%; } .top_panel_wrap .search_style_fullscreen.search_state_opened .search_close, .top_panel_wrap .search_style_fullscreen.search_state_opened .search_field, .top_panel_wrap .search_style_fullscreen.search_state_opened .search_submit { color: #ffffff !important; } .top_panel_wrap .search_style_fullscreen.search_state_opened .search_close:hover, .top_panel_wrap .search_style_fullscreen.search_state_opened .search_field:hover, .top_panel_wrap .search_style_fullscreen.search_state_opened .search_field:focus, .top_panel_wrap .search_style_fullscreen.search_state_opened .search_submit:hover, .top_panel_wrap .search_style_fullscreen.search_state_opened .search_submit:focus { color: #ccc !important; } .top_panel_wrap .search_style_fullscreen.search_state_opened .search_field, .top_panel_wrap .search_style_fullscreen.search_state_opened .search_field:hover, .top_panel_wrap .search_style_fullscreen.search_state_opened .search_field:focus { background-color: transparent !important; } .search_style_fullscreen.search_state_opened input::-webkit-input-placeholder {color:#ccc; opacity: 1;} .search_style_fullscreen.search_state_opened input::-moz-placeholder {color:#ccc; opacity: 1;}/* Firefox 19+ */ .search_style_fullscreen.search_state_opened input:-moz-placeholder {color:#ccc; opacity: 1;}/* Firefox 18- */ .search_style_fullscreen.search_state_opened input:-ms-input-placeholder {color:#ccc; opacity: 1;} /* Expand search */ .search_wrap.search_style_expand:not(.top_panel_icon) .search_field { -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; } .search_style_expand.search_wrap.search_state_closed { width: 2.2857em; } .search_style_expand.search_wrap.search_state_closed .search_field { padding-right:0; } /* Slide search */ .search_style_slide.search_wrap:not(.top_panel_icon) { position:relative; width:1.5em; } .search_style_slide.search_state_closed:not(.top_panel_icon) .search_form_wrap { background-color: transparent !important; } .search_style_slide.search_state_opened:not(.top_panel_icon) .search_form_wrap { position: absolute; z-index: 99; right: 0; top: 1.5em; overflow: hidden; width:10em; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } .top_panel_top .top_panel_top_search .search_style_slide.search_state_opened:not(.top_panel_icon) .search_form_wrap { top: 0; } .search_style_slide.search_state_closed:not(.top_panel_icon) .search_field { background-color: transparent !important; } /* Search results */ .search_wrap .search_results { display:none; position:absolute; z-index:1000; right:0; top:4.2857em; background-color: #fff; border: 1px solid #e5e5e5; width: 270px; padding:1em; line-height:1.5em; text-align:left; -webkit-box-shadow: -4px 3px 0px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: -4px 3px 0px 0px rgba(0, 0, 0, 0.2); box-shadow: -4px 3px 0px 0px rgba(0, 0, 0, 0.2); } .top_panel_top .search_results { top:2.65em; } .top_panel_middle .sidebar_cart:after, .menu_user_nav > li > ul:after, .search_wrap .search_results:after { content:" "; width:10px; height:10px; background-color: #fff; border-left: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; position: absolute; top:-6px; right:3em; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .top_panel_middle .sidebar_cart:after, .menu_user_nav > li > ul:after { left: 5.9em; right:auto; } .top_panel_style_5 .top_panel_middle .sidebar_cart:after, .top_panel_style_6 .top_panel_middle .sidebar_cart:after, .top_panel_style_7 .top_panel_middle .sidebar_cart:after, .top_panel_style_8 .top_panel_middle .sidebar_cart:after { right:2.15em; left:auto; } .menu_user_nav > li > ul > li { z-index:1; } .search_wrap .search_results .search_results_close { position: absolute; top:3px; right:3px; display:block; text-align:center; overflow:hidden; font-size:0.875em; width:1.2em; height:1.2em; line-height:1.2em; cursor:pointer; } .search_wrap .post_more { display:block; text-align:center; } .widget_area .post_item { overflow:hidden; } .widget_area aside .post_item + .post_item, .search_results.widget_area .post_item + .post_item { margin-top:10px; padding-top:1em; } .search_results.widget_area .post_item + .post_item { border-top:1px solid #e5e5e5; } .widget_area .post_item .post_content { overflow:hidden; } .widget_area .post_item .post_thumb { float:left; width: 4.6875em; height: 4.6875em; margin:0 1.25em 4px 0; overflow:hidden; } .widget_area .post_item .post_thumb img { width:100%; } .widget_area .post_item .post_title { margin: -4px 0 6px 0; font-size:1.1538em; } .widget_area .post_item .post_info { font-size:0.75em; margin-bottom:0; line-height:1.5em; } .widget_area .post_item .post_info .post_info_item+.post_info_item:before { content: ""; margin:0 0 0 5px; } /* Search field inside content */ .content .search_wrap { max-width:50%; margin:0; padding: 0; } .content .columns_wrap .search_wrap { max-width:100%; } .content .search_wrap .search_form_wrap { width: 100%; } .content .search_wrap .search_form_wrap .search_field { width:100%; } .content .search_wrap.search_fixed .search_form_wrap .search_field { width: 96%; } .content .search_wrap .search_results { width:100%; } /* Push panel */ .site-overlay { display: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; height: 110%; z-index: 9998; background-color: rgba(0,0,0,0.5); -webkit-transition: all ease .3s; -moz-transition: all ease .3s; -ms-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; } .pushy { position: fixed; width: 25em; bottom: 0; top: 0; left: -25em; z-index: 10000; overflow: hidden; text-align: center; -webkit-transition: all ease .3s; -moz-transition: all ease .3s; -ms-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; } .pushy-active .pushy { left: 0; } .pushy .pushy_inner { width:105%; height: 100%; padding: 3em 0 1em 0; position:relative; overflow: scroll; -webkit-overflow-scrolling: touch; /* enables momentum scrolling in iOS overflow elements */ } .pushy .close-pushy:before { content: '\e8ac'; font-family: fontello; font-size: 1.5em; position:absolute; right: 1.25em; top: 2em; z-index: 999; } .pushy .logo_fixed { display: none; } .pushy .logo { margin: 2em 0; } .menu_pushy_nav_area .menu_pushy_nav { margin-bottom:2em; } .menu_pushy_nav_area ul, .menu_pushy_nav_area li { margin:0; padding:0; list-style:none; } .menu_pushy_nav_area li > a { position:relative; display:block; padding:0.5em 3em; } .menu_pushy_nav_area li.menu-item-has-children ul { display:none; } .menu_pushy_nav_area li.menu-item-has-children > a > .open_child_menu { right: 2em; } /* Header mobile ---------------------------------------------------------------- */ .ios_fixed { position: fixed; overflow: hidden; } .menu_mobile_open { height: 100%; } .admin-bar.menu_mobile_open { height: calc(100% - 32px); } .menu_mobile_open body { height: 100%; overflow: hidden; } .menu_mobile_open .top_panel_below .slider_wrap { display:none; } .header_mobile { position: relative; z-index: 10003; display: none; } .header_mobile .top_panel_fixed_wrap { display: none; } .header_mobile .mask { position: fixed; top: 0; left: 0; bottom: 0; cursor: pointer; z-index: 1001; background-color: rgba(0,0,0,0.6); } .header_mobile .mask.show { right: 0; } /* content wrap */ .header_mobile .content_wrap{ text-align: center; } .header_mobile .logo { padding-top: 35px; padding-bottom: 20px; } .header_mobile .logo_main{ height: 53px; } .header_mobile .menu_button { position: absolute; left: 30px; top: 50%; margin-top: -13px; } .header_mobile .menu_main_cart { position: absolute; right: 30px; margin: 0; top: 50%; margin-top: -12px; } .header_mobile .menu_button, .header_mobile .menu_main_cart .top_panel_cart_button .contact_icon { background-color: transparent !important; font-size: 26px; height: auto; width: auto; line-height: 25px; cursor: pointer; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s } /* side wrap */ .header_mobile .side_wrap { display: block; position: fixed; top: 0; left: -320px; width: 320px; height: auto; bottom: 0; overflow: hidden; overflow-y: scroll; z-index: 10003; padding: 0px; transition: left 0.3s linear; -moz-transition: left .3s linear; -webkit-transition: left 0.3s linear; -o-transition: left .3s linear; } .admin-bar .header_mobile .side_wrap{ top: 32px; } .header_mobile .side_wrap.open{ left: 0; } .header_mobile .side_wrap .close { position: absolute; top: 15px; right: 20px; text-transform: uppercase; cursor: pointer; display: none; } /* panels */ .panel_top, .panel_middle, .panel_bottom{ padding: 0px; position: relative; display: block; } .header_mobile .panel_middle{ padding: 20px 35px; font-size: 13px; } .header_mobile .panel_middle:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.09); z-index: 0; } .header_mobile .panel_middle > * { z-index: 1; position: relative; } /* menu */ .header_mobile .menu_main_nav_area{ display: block; } .header_mobile .menu_main_nav{ padding-left: 0; margin: 0; } .header_mobile .menu_main_nav li, .header_mobile .menu_main_nav ul{ margin: 0; } .header_mobile .menu_main_nav > li { float: none; display: block; border-bottom: 1px solid rgba(0, 0, 0, 0.09); } .header_mobile .menu_main_nav > li > a { padding: 17px 35px; padding-right: 54px; font-size: 12px; line-height: 16px; } .header_mobile .menu_main_nav > li > ul a { font-size: 14px; padding: 12px 35px; padding-right: 54px; line-height: 15px; display: block; } .header_mobile .menu_main_nav > li li li > a { padding: 12px 54px; } .header_mobile .menu_main_nav > li ul { display: none; position: relative; padding: 0px; margin: 0; width: auto; list-style-type: none; top: 0; overflow: hidden; border: none; background-color: transparent; } .header_mobile .menu_main_nav li.menu-item-has-children > a:after { display:none; } .header_mobile .menu_main_nav > li > a > .open_child_menu { right: 1em; top: 1em; } .header_mobile .menu_main_nav > li ul > li > a > .open_child_menu { right: 0.8em; top: 0.2em; } .header_mobile .menu_main_nav > li > ul:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.09); z-index: 0; } .header_mobile .menu_main_nav > li ul > * { z-index: 1; position: relative; } .header_mobile .menu_main_nav > li ul > li:last-child{ margin-bottom: 0; } .header_mobile .menu_main_nav > li > ul ul { left: 0; } .header_mobile .side_wrap .menu_main_nav > li ul, .header_mobile .side_wrap .menu_main_nav > li ul li.current-menu-item > a, .header_mobile .side_wrap .menu_main_nav > li ul li.current-menu-ancestor > a { background-color: transparent; } .header_mobile .side_wrap .menu_main_nav > a:hover, .header_mobile .side_wrap .menu_main_nav li > a:hover, .header_mobile .side_wrap .login .popup_link:hover{ background-color: rgba(0,0,0,0.1) !important; } .header_mobile .side_wrap .menu_main_nav > li.current-menu-parent > a, .header_mobile .side_wrap .menu_main_nav > li ul li.current-menu-parent > a, .header_mobile .side_wrap .menu_main_nav > li.current-menu-item > a, .header_mobile .side_wrap .menu_main_nav > li ul li.current-menu-item > a { background-color: rgba(0,0,0,0.2); font-weight:bold; } /* search and menu */ .header_mobile .search_wrap, .header_mobile .login { position: relative; float: none; margin: 0; padding: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.09); } .header_mobile .search_wrap:after, .header_mobile .login:after{ content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.09); z-index: 0; } .header_mobile .search_wrap > *, .header_mobile .login > * { z-index: 1; position: relative; } .header_mobile .login .popup_link{ padding: 17px 35px; padding-right: 54px; font-size: 12px; text-transform: uppercase; line-height: 16px; display: block; } .header_mobile .login .popup_link:before{ content: '\e8c3'; font-family: fontello; position: absolute; right: 28px; top: 16px; font-size: 12px; } .header_mobile .login .popup_link.popup_login_link:before{ content: '\e80a'; } /* search */ .header_mobile .search_wrap { max-width: 100%; padding: 10px 35px; padding-right: 54px; } .header_mobile .search_wrap .search_submit { position: absolute; left: auto; right: -2.5em; top: 0; font-size: 12px; width: 2em; height: 29px; line-height:29px; } .header_mobile .search_wrap .search_submit:before { margin-right:0; } .header_mobile .search_wrap .search_field { padding: 0; font-size: 14px; line-height: 29px; } .header_mobile .search_wrap form { padding-left: 0; } .header_mobile .search_wrap .search_results { display: none !important; } .header_mobile .search_field::-webkit-input-placeholder { color: #fff; } .header_mobile .search_field:-moz-placeholder { color: #fff; } .header_mobile .search_field::-moz-placeholder { color: #fff; } .header_mobile .search_field:-ms-input-placeholder { color: #fff; } /* contact info */ .header_mobile .contact_field .contact_icon, .header_mobile .top_panel_top_open_hours:before { font-size: 14px; margin-right: 5px; } .header_mobile .top_panel_top_open_hours:before { content: '\e808'; } .header_mobile .contact_field .contact_icon.icon-home:before { content: '\e833'; font-size: 18px; } .header_mobile .top_panel_top_open_hours, .header_mobile .top_panel_top_socials{ margin-left: 0; } .header_mobile .top_panel_top_contact_area, .header_mobile .top_panel_top_open_hours, .header_mobile .top_panel_top_user_area{ float: none; display: block; margin: 0; padding: 0; text-align: left; } .header_mobile .contact_field, .header_mobile .top_panel_top_open_hours{ padding: 0.4em 0; } .header_mobile .top_panel_top_user_area { display: none; } /* socials */ .header_mobile .contact_socials { text-align: left; margin: 0 35px; } .header_mobile .sc_socials.sc_socials_size_small { overflow: visible; margin: 5px auto; } .header_mobile .sc_socials.sc_socials_size_small .social_icons span { font-size: 18px; opacity: 0.6; } .header_mobile .sc_socials.sc_socials_size_small .sc_socials_item { margin: 0 0.5em 0m 0; } /* woo */ .header_mobile .sidebar_cart { position: absolute; top: 35px; left: auto; right: 0; z-index: 1000; display: none; float: none; text-align: left; border: 1px solid #eee; } .header_mobile .sidebar_cart { width: 290px !important; padding: 1.5em !important; z-index:100000; } .header_mobile .widget_shopping_cart { display:block !important; } .header_mobile .widget_shopping_cart ul.cart_list { display:block; position:static; width:100%; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .header_mobile .sidebar_cart > li, .header_mobile .widget_shopping_cart ul.cart_list > li { margin:0; padding-left:0; list-style-type: none; } .header_mobile .sidebar_cart > li:before, .header_mobile .sidebar_cart > li > a:before, .header_mobile .widget_shopping_cart ul.cart_list > li:before, .header_mobile .widget_shopping_cart ul.cart_list > li > a:before { display:none; } .woocommerce .header_mobile .widget_shopping_cart .empty, .woocommerce-page .header_mobile .widget_shopping_cart .empty { padding-bottom: 1em; } .header_mobile .widget_shopping_cart ul.cart_list > li > a { padding: 0; } .header_mobile .widget_shopping_cart ul.cart_list > li > a:not(.remove) { margin-top:-0.15em; } .header_mobile .widget_shopping_cart ul.cart_list > li > a:hover { background-color: transparent; } .header_mobile .widget_shopping_cart ul.cart_list > li img { width:50px; margin-top:0.5em; } .header_mobile .widget_shopping_cart .cart_list li a.remove { position: absolute; top: 0; left: auto; right: 0; margin-top: 0; text-align: center; } .header_mobile .contact_field .contact_label.contact_phone { padding-right: 15px; } /* 7.2 Main Slider -------------------------------------------------------------- */ .slider_wrap .rev_slider_wrapper { z-index:0; } .tparrows.default { /* display: none; */ /* Remove this row if you want display slides navigation arrows */ background:none; background-color:transparent; line-height:40px; } .tparrows.default:before { font-family: "fontello"; font-size:3em; } .tp-leftarrow.default:before { content: '\e837'; } .tp-rightarrow.default:before { content: '\e836'; } .slider_with_over_content .tparrows { display:none !important; } .slider_with_over_content .tp-rightarrow { left: 60% !important; } /* Uncomment rule below if you want to shift bullets left on slider with content */ /* .slider_with_over_content .tp-bullets { left: 30% !important; } */ .tp-bullets.simplebullets.round .bullet { background:none; margin-left:16px; border:1px solid transparent; width: 10px; height: 10px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .tp-bullets.simplebullets.round .bullet.selected { background-color:transparent !important; border-width:1px; border-style: solid; } /* Slider with over content */ .slider_with_over_content { position:relative; } .slider_over_content { position:absolute; z-index:1; right:0; top: 0; bottom:0; width: 40%; -webkit-transition: all ease .3s; -moz-transition: all ease .3s; -ms-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; } .slider_over_content_inner { position:absolute; left:0; top:0; right:0; bottom: 0; overflow:hidden; padding:2em 3em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .slider_over_button { display:none; position:absolute; left:-30px; top:50%; margin-top:-15px; width: 26px; height: 30px; line-height:28px; font-size:24px; text-align:center; cursor:pointer; } .slider_over_close { display:none; position:absolute; right:10px; top:10px; width: 15px; height: 15px; line-height:15px; font-size:1.2em; text-align:center; cursor:pointer; } /* 7.3 Page info: page title and breadcrumbs -------------------------------------------------------------- */ .top_panel_style_3 .post_navi, .top_panel_style_3 .page_title, .top_panel_style_3 .breadcrumbs { float:none !important; max-width:100% !important; text-align:center; } .top_panel_title_inner { overflow:hidden; padding: 7.37em 0; } .top_panel_title .page_title { /* Remove to default */ font-size: 3.929em; padding: 0; /* 0.6667em 0; */ text-align: center; margin-top: 0.07em; margin-bottom: 0.07em; } .top_panel_title .post_navi { float:left; padding: 1.6667em 0 2.5em; font-size:0.875em; line-height:1.5em; } .top_panel_style_3 .post_navi, .top_panel_style_3 .page_title { padding:0.5em 0 0.25em; } .top_panel_title .breadcrumbs { padding: 0; font-size: 10px; font-size: 0.867em; text-align: center; font-weight: 700; text-transform: uppercase; letter-spacing: 3.1px; margin-top: 0.3em; margin-bottom: 1.3em; } .top_panel_style_3.title_present .breadcrumbs { padding: 0 0 1.5em 0; } .post_navi .post_navi_item, .breadcrumbs .breadcrumbs_item { display:inline-block; vertical-align:top; white-space:nowrap; } .post_navi .post_navi_item + .post_navi_item:before, .breadcrumbs .breadcrumbs_delimiter { display:inline-block; position:relative; margin: 0 2.5em; vertical-align:top; text-align:center; } .post_navi .post_navi_item + .post_navi_item:before, .breadcrumbs .breadcrumbs_delimiter:before { content:'|'; } /* 7.4 Main content wrapper -------------------------------------------------------------- */ /* Post featured block */ .post_featured { overflow:hidden; margin-bottom: 2.45em; position:relative; } .article_style_boxed .post_featured { margin-bottom:0; } .post_featured img { width:100%; height:auto; } .post_featured_right > .post_featured { float: right; width: 50%; margin-left: 4.3478%; } .post_featured_left > .post_featured { float: left; width: 50%; margin-right: 4.3478%; } /* Post info block */ .post_info_bottom { margin-bottom: 0.56em !important; margin-top: 3.3em; } .post_info_bottom+.post_info_bottom{ margin-top: 0.56em; } .post_info .post_info_item+.post_info_item:before { display: inline-block; content: ""; vertical-align:top; font-style:normal; margin: 0 1.36em; } .post_info .post_info_item.post_info_posted_by+.post_info_item.post_info_counters:before{ content: "|"; margin: 0 0.25em; } .post_info .post_info_counters .post_counters_item { display:inline-block; margin-right:0.75em; } .post_info .post_info_counters .post_counters_item:before { margin-right:0.5em; } .post_info.post_info_share_vertical { margin:0; } .article_style_boxed[class*="single-"] .content > article > .post_info_share { margin-bottom:0; } .post_info .post_info_counters .post_counters_likes.disabled { color:#e05100; } /* 7.5 Post Formats -------------------------------------------------------------- */ /* Quote */ blockquote { padding: 7.2em 5.5em 7.4em; text-align: center; margin: 0; } blockquote, blockquote p { position:relative; z-index:2; line-height: 1.2em; font-family: Courgette; } blockquote p { margin: 0; font-size: 1.643em; } blockquote p + p { margin-top: 0.3em; } blockquote > a, blockquote > p > a, blockquote cite { display:block; font-weight:normal; margin-top:1em; } blockquote.with_bg_image{ background-size: cover; background-position: 50%; background-image:url(../http://lovestory-html.themerex.net/images/rectangle-8-copy-5.jpg); } blockquote p.sc_quote_title{ font-size: 15px; margin-top: 2.56em; font-family: PTSerif; } /* Link */ .post_format_link .post_descr a { font-size: 1.875em; } /* Status */ .post_format_status.post_item_single .post_content p, .post_format_status .post_descr { font-size: 1.875em; line-height:1.3333em; } /* Aside */ .post_format_aside.post_item_single .post_content p, .post_format_aside .post_descr { border-width: 1px; border-style: solid; padding: 1.2em; } .post_format_aside .post_descr p { margin-bottom:0; } .post_format_aside .post_descr p+p { margin-top:1em; } /* 7.6 Post Layouts -------------------------------------------------------------- */ .post_item .post_descr { line-height:1.5em; } .post_item .post_descr .sc_button { margin-top: 2.34em; } .post_item .post_readmore:after { content: '\e836'; font-family:fontello; display: inline-block; margin-left:0.5em; } /* Layout Excerpt */ .post_icon.inherit { display: none !important; } .post_title .post_icon { font-size:0.9375em; margin-right:0.5em; } .post_item_excerpt .post_title .post_icon { display:block; margin-right:0; } .post_item_excerpt .post_title { margin-top:0; margin-bottom: 0.92em; } .post_item_excerpt.post_featured_left .post_title, .post_item_excerpt.post_featured_right .post_title { font-size: 2.2857em; } .post_item_excerpt:not([class*="column"]) + .post_item_excerpt:not([class*="column"]) { margin-top: 9.3em; border-top:1px solid #e4e7e8; padding-top: 8.9em; } .article_style_boxed .post_item_excerpt:not([class*="column"]) + .post_item_excerpt:not([class*="column"]) { border-top:none; padding-top:0; } .post_item_excerpt .post_content { margin-bottom: 3em; } /* Related posts */ .related_wrap { margin-bottom:3em; } .related_wrap.related_wrap_empty { margin-bottom:0; } .related_wrap .section_title { margin:1em 0 1em; } .article_style_stretch:not(.sidebar_show) .related_wrap:not(.related_wrap_empty) { background-color: #f4f7f9; padding: 1px 2.1875em 4em; } .article_style_stretch .related_wrap:not(.related_wrap_empty):not(.scroll_wrap) { padding-bottom: 1px; } .related_wrap .post_item_related, .article_style_stretch .post_item_related { background-color:#ffffff; } .article_style_boxed.sidebar_show[class*="single-"] .related_wrap .post_item_related { background-color: #f4f7f9; } .related_wrap.scroll_wrap .post_item_related { width:350px; float:left; } .related_wrap.scroll_wrap .post_item_related+.post_item_related { margin-left:3.125em; } .article_style_stretch:not(.body_style_fullscreen):not(.sidebar_hide) .related_wrap.scroll_wrap .post_item_related { width:340px; } .article_style_stretch:not(.body_style_fullscreen):not(.sidebar_hide) .related_wrap.scroll_wrap .post_item_related+.post_item_related { margin-left:1.875em; } .post_item_related .post_featured { width:100%; /*height:56.25%;*/ overflow:hidden; margin:0; float:none !important; } .post_item_related .post_featured .sc_audio.sc_audio_image { min-height:14.8571em; } .post_item_related .post_content_wrap { width:100%; height:6.6em; overflow:hidden; padding: 1em 1.25em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .post_item_related .post_title { margin: 0 0 0.25em; } /* Masonry and Portfolio */ .post_item_classic .post_title { max-height: 3.6em; overflow: hidden; margin-top: 0.65em; line-height: 1.5em; margin-bottom: 0.75em; } .post_item_short .post_title { max-height: 2em; overflow: hidden; } .post_item_grid .post_descr { max-height: 8em; overflow: hidden; } /* Isotope layout */ .isotope_wrap { margin-right:-30px; } .isotope_wrap .isotope_item { padding-right:30px; padding-bottom:30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; opacity: 0; filter: alpha(opacity=0); } .sc_blogger.no_margins .isotope_wrap, .isotope_wrap.no_margins { margin-right:0; } .sc_blogger.no_margins .isotope_wrap .isotope_item, .isotope_wrap.no_margins .isotope_item { padding-right:0; padding-bottom:0; } .sc_blogger.small_margins .isotope_wrap, .isotope_wrap.small_margins { margin-right:-10px; } .sc_blogger.small_margins .isotope_wrap .isotope_item, .isotope_wrap.small_margins .isotope_item { padding-right:10px; padding-bottom:10px; } .isotope_wrap .isotope_item.isotope_item_show { opacity: 1; filter: alpha(opacity=100); } .isotope_wrap .isotope_column_2 { width:50%;} .isotope_wrap .isotope_column_2[class*="isotope_item_size-2"] { width:100%;} .isotope_wrap .isotope_column_3 { width:33.3333%;} .isotope_wrap .isotope_column_3[class*="isotope_item_size-2"] { width:66.6666%;} .isotope_wrap .isotope_column_3[class*="isotope_item_size-3"] { width:100%;} .isotope_wrap .isotope_column_4 { width:25%;} .isotope_wrap .isotope_column_4[class*="isotope_item_size-2"] { width:50%;} .isotope_wrap .isotope_column_4[class*="isotope_item_size-3"] { width:75%;} .isotope_wrap .isotope_column_4[class*="isotope_item_size-4"] { width:100%;} .isotope_wrap .isotope_column_5 { width:20%;} .isotope_wrap .isotope_column_5[class*="isotope_item_size-2"] { width:40%;} .isotope_wrap .isotope_column_5[class*="isotope_item_size-3"] { width:60%;} .isotope_wrap .isotope_column_5[class*="isotope_item_size-4"] { width:80%;} .isotope_wrap .isotope_column_5[class*="isotope_item_size-5"] { width:100%;} .isotope_wrap .isotope_column_6 { width:16.6666%;} .isotope_wrap .isotope_column_6[class*="isotope_item_size-2"] { width:33.3333%;} .isotope_wrap .isotope_column_6[class*="isotope_item_size-3"] { width:50%;} .isotope_wrap .isotope_column_6[class*="isotope_item_size-4"] { width:66.6666%;} .isotope_wrap .isotope_column_6[class*="isotope_item_size-5"] { width:83.3333%;} .isotope_wrap .isotope_column_6[class*="isotope_item_size-6"] { width:100%;} .isotope_wrap .isotope_column_7 { width:14.2857%;} .isotope_wrap .isotope_column_7[class*="isotope_item_size-2"] { width:28.5714%;} .isotope_wrap .isotope_column_7[class*="isotope_item_size-3"] { width:42.8571%;} .isotope_wrap .isotope_column_7[class*="isotope_item_size-4"] { width:57.1428%;} .isotope_wrap .isotope_column_7[class*="isotope_item_size-5"] { width:71.4285%;} .isotope_wrap .isotope_column_7[class*="isotope_item_size-6"] { width:85.7128%;} .isotope_wrap .isotope_column_7[class*="isotope_item_size-7"] { width:100%;} .isotope_wrap .isotope_column_8 { width:12.5%;} .isotope_wrap .isotope_column_8[class*="isotope_item_size-2"] { width:25%;} .isotope_wrap .isotope_column_8[class*="isotope_item_size-3"] { width:37.5%;} .isotope_wrap .isotope_column_8[class*="isotope_item_size-4"] { width:50%;} .isotope_wrap .isotope_column_8[class*="isotope_item_size-5"] { width:62.5%;} .isotope_wrap .isotope_column_8[class*="isotope_item_size-6"] { width:75%;} .isotope_wrap .isotope_column_8[class*="isotope_item_size-7"] { width:87.5%;} .isotope_wrap .isotope_column_8[class*="isotope_item_size-8"] { width:100%;} /* Isotope item decoration */ .isotope_wrap .isotope_item .post_item { overflow:hidden; text-align: center; } .isotope_wrap .isotope_item .post_featured { margin-bottom:0; } .article_style_boxed .isotope_wrap .isotope_item .post_title { margin-top:0; } .article_style_boxed .isotope_wrap .isotope_item .post_content { padding:1.25em 1.8em; } .article_style_boxed.template_portfolio .isotope_wrap .isotope_item .post_content, .article_style_boxed .template_portfolio .isotope_wrap .isotope_item .post_content { padding:0; } .isotope_wrap .isotope_item p, .isotope_wrap .isotope_item .post_info { margin-bottom:1em; } .isotope_wrap .isotope_item .post_info{ margin-bottom: 0.9em; margin-top: 2.55em; } .isotope_wrap .isotope_item .post-info-bottom .post_info{ margin-top: 0em; margin-bottom: 0em; } /* Portfolio items */ .isotope_wrap .isotope_item_colored .post_item, .isotope_wrap .isotope_item_grid .post_item, .isotope_wrap .isotope_item_square .post_item, .isotope_wrap .isotope_item_portfolio .post_item { overflow:visible; } .isotope_wrap .isotope_item_colored .post_featured, .isotope_wrap .isotope_item_portfolio .post_featured, .isotope_wrap .isotope_item_square .post_featured, .isotope_wrap .isotope_item_grid .post_featured { border-bottom: none; } .isotope_wrap .isotope_item_colored .post_item .hover_icon, .isotope_wrap .isotope_item_grid .post_item .hover_icon, .isotope_wrap .isotope_item_square .post_item .hover_icon, .isotope_wrap .isotope_item_portfolio .post_item .hover_icon { position:relative; top: 0; opacity:1; } .isotope_wrap .isotope_item_colored .post_item .hover_icon:before, .isotope_wrap .isotope_item_grid .post_item .hover_icon:before, .isotope_wrap .isotope_item_square .post_item .hover_icon:before, .isotope_wrap .isotope_item_portfolio .post_item .hover_icon:before { position:static; margin-top:0.3em; opacity:1; font-size:2.5em; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transform: translateX(0) translateY(0); -moz-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); } /* Isotope filters */ .isotope_filters { overflow:hidden; text-align:center; margin: 0 0 1em; padding-bottom:0.5em; } .sidebar_hide .isotope_filters { margin: 1em 0 1.5em; } .isotope_filters a { display:inline-block; margin: 0 4px 4px 0; text-align:center; padding:0.75em 1.5em; font-size:0.75em; line-height: 1.2857em; font-weight:400; border-width:2px; border-style: solid; } /* Isotope transitions */ .isotope-hidden.isotope_item { pointer-events: none; z-index: 1; } .isotope_wrap .isotope_item .post_featured .post_thumb{ position: relative; } .isotope_wrap .isotope_item .post_featured .post_thumb:after{ content: ''; border: 3px solid white; position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px; } /* Style "Colored" */ .isotope_item_colored .post_featured .post_mark_new { -webkit-box-shadow: -3px 2px 0px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: -3px 2px 0px 0px rgba(0, 0, 0, 0.2); box-shadow: -3px 2px 0px 0px rgba(0, 0, 0, 0.2); } .post_item_colored .post_featured .post_mark_new { position:absolute; left:0; top:0; margin:1.6em 0 0 1.6em; width:4em; height:4em; overflow:hidden; font-size:0.625em; font-weight:bold; text-align:center; line-height:4em; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .post_item_colored .post_featured .post_title, .post_item_colored .post_featured .post_descr { position:absolute; left: 0; right: 0; bottom:0; height:20%; overflow:hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .post_item_colored .post_featured .post_descr { padding: 0.7143em 1.1429em; } .post_item_colored .post_featured .post_title { bottom:20%; margin:0; line-height:1.15em; padding: 0.5em 0.7619em; } .post_item_colored_4 .post_featured .post_title { font-size: 1.125em; line-height:1.15em; padding: 0.5em 0.6667em; } .post_item_colored .post_category { font-size: 1.125em; font-weight:400; line-height:1.15em; margin: 0.25em 0 0.5em 0; } .post_item_colored .post_descr .post_price { float:right; margin-top:1.5em; } .post_item_colored_4 .post_descr .post_price { margin-top:0.875em; } .post_item_colored .post_descr .post_price_value { color: #222222; font-size: 1.875em; line-height:1.2857em; } .post_item_colored_4 .post_descr .post_price_value { font-size: 1.5em; line-height:1.2857em; } .post_item_colored .post_descr .post_price_period { font-size: 1.125em; line-height:1.2857em; color: #909090; } .post_item_colored_4 .post_descr .post_price_period { font-size: 1em; line-height:1.2857em; } .post_item_colored .post_descr .post_price_period:before { content:'/'; display:inline-block; margin:0 0.5em; } .post_item_colored .post_content.ih-item.square.colored .post_info_wrap.info { padding:0; text-align:left; } .post_item_colored .post_content.ih-item.square.colored .post_info_wrap.info .post_title { font-size:1.625em; line-height:1.15em; padding:4px 8%; text-align:left; margin-top:8%; } .post_item_colored_4 .post_content.ih-item.square.colored .post_info_wrap.info .post_title { font-size:1.125em; line-height:1.15em; margin-top:4%; } .post_item_colored .post_content.ih-item.square.colored .post_info_wrap.info .post_descr, .post_item_colored .post_content.ih-item.square.colored .post_info_wrap.info .post_descr p { text-align:left; padding: 0.5em 8% 0; font-style:normal; } .post_item_colored .post_content.ih-item.square.colored .post_info_wrap.info .post_descr p { font-size:0.875em; padding:0; } .post_item_colored .post_content.ih-item.square.colored .post_info_wrap.info .post_descr p.post_info { margin-bottom:2em; } .post_item_colored .post_info_wrap .post_buttons { position:absolute; left:8%; /*1.875em;*/ right:8%; bottom:1.875em; height:3em; overflow:hidden; padding:0 0 0 4px; } .post_item_colored_4 .post_info_wrap .post_buttons { bottom:1.125em; height:2.3em; white-space:nowrap; } .post_item_colored .post_info_wrap .post_button { float:none; display:inline-block; } .post_item_colored .post_info_wrap .post_button+.post_button { margin-left:0.625em; } .post_item_colored_4 .post_info_wrap .post_button .sc_button { padding:0.5em 0.75em; } /* Colored excerpt */ .isotope_wrap .isotope_item_colored_1 { width:100%; } .isotope_wrap .isotope_item_colored_1 .post_item { overflow:hidden; position:relative; } .isotope_wrap .isotope_item_colored_1 .post_featured { width: 250px; height: 250px; float: left; border-right:20px solid #f0f0f0; margin-right:1.875em; } .isotope_wrap .isotope_item.isotope_item_colored_1 .post_description { padding-right: 2em; } .isotope_wrap .isotope_item.isotope_item_colored_1 .post_title { margin-top: 0.8em; margin-bottom: 0.25em; } .isotope_wrap .isotope_item.isotope_item_colored_1 .post_descr { max-height:6em; margin-top:1em; margin-bottom:1em; overflow:hidden; } .isotope_wrap .isotope_item.isotope_item_colored_1 .post_buttons { text-align:right; white-space:nowrap; } .isotope_wrap .isotope_item.isotope_item_colored_1 .post_buttons a { float:none; display:inline-block; margin-left:10px; } /* 7.7 Paginations -------------------------------------------------------------- */ /* Blog pagination */ .pagination_wrap { text-align: left; position:relative; margin-top: 9em; } .pagination_wrap:after { content:" "; display:block; width:100%; height:0; clear:both; } .pagination_single > .pager_numbers, .pagination_single a, .pagination_slider .pager_cur, .pagination_pages > a, .pagination_pages > span { } .pagination_slider .pager_slider { border:1px solid #ddd; } .pagination_wrap .pager_next, .pagination_wrap .pager_prev, .pagination_wrap .pager_last, .pagination_wrap .pager_first { border: none !important; background-color: transparent !important; } .pagination_wrap .pager_next { margin-left:0.6em; } .pagination_wrap .pager_prev { margin-right:1em; } .pagination_wrap .pager_next:before { font-family:fontello; content: '\e836'; margin-right:0; } .pagination_wrap .pager_prev:before { font-family:fontello; content: '\e837'; margin-right:0; } .pagination_wrap .pager_last:before { font-family:fontello; content: '\e836\e836'; margin-right:0; letter-spacing:-12px; } .pagination_wrap .pager_first:before { font-family:fontello; content: '\e837\e837'; margin-right:0; letter-spacing:-12px; } .pagination_wrap .pager_next:hover, .pagination_wrap .pager_prev:hover, .pagination_wrap .pager_last:hover, .pagination_wrap .pager_first:hover { background-color:transparent; } /* Pagination single page parts */ .pagination_single { margin-bottom: 2em; } .pagination_single > .pager_pages { margin-right:0.5em; } .pagination_lessons { margin-top: 2em; margin-bottom: 3em; overflow:hidden; } .pagination_lessons .pager_prev { float:left; margin-right:2em; margin-top:1em; } .pagination_lessons .pager_next { float:right; margin-top:1em; } /* Style 'Pages' and 'Slider' */ .pagination_single > .pager_numbers, .pagination_single a, .pagination_slider .pager_cur, .pagination_pages > a, .pagination_pages > span { display:inline-block; margin: 0 4px 4px 0; text-align:center; font-size: 1.429em; line-height: 2em; width: 2em; border-radius: 50%; -webkit-border-radius: 50%; } .pagination_slider .pager_pages { display:inline-block; position:relative; z-index:1000; } .pagination_slider .pager_cur { cursor:pointer; } .pagination_slider .pager_slider { display:none; position:absolute; bottom:3.5em; left:50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); padding: 1em; overflow: hidden; } .pagination_slider .pager_slider .sc_slider { width: 300px; height:230px; } .pagination_slider .pager_slider .sc_slider_swiper:hover .sc_slider_prev { margin-left:0; } .pagination_slider .pager_slider .sc_slider_swiper:hover .sc_slider_next { margin-right:0; } .pagination_slider .pager_slider .pager_numbers table { font-size:1.8em; font-weight:300; } .pagination_slider .pager_slider .pager_numbers table td { vertical-align:middle; padding:0; margin:0; border:none; } .pagination_slider .pager_slider .pager_numbers table td a { display: block; text-align:center; width:58px; line-height:2em; } .pagination_slider .pager_slider .pager_numbers table td a.active, .pagination_slider .pager_slider .pager_numbers table td a:hover { font-weight: 700; } .pagination_slider .pager_slider .pager_numbers table td a.active { color:#666666; cursor:default; } /* Style 'Load more' */ .pagination_viewmore > a { display:inline-block; text-align:center; padding:0.75em 1.5em; font-size:0.875em; font-weight:700; line-height: 1.2857em; } .pagination_viewmore .viewmore_loading, .pagination_viewmore .viewmore_text_2 { display:none; } .pagination_viewmore.loading .viewmore_text_1 { display:none; } .pagination_viewmore.loading .viewmore_loading, .pagination_viewmore.loading .viewmore_text_2 { display:inline-block; } /* Style 'Infinite' */ .pagination_infinite { height:0; } .pagination_infinite #viewmore_link { display:none; } /* Loader picture */ .pagination_wrap.loading { height:1.2857em; padding: 10px 0; } .viewmore_loader, .mfp-preloader span, .sc_video_frame.sc_video_active:before { content: ' '; display: block; position: absolute; top: 50%; left: 50%; right:auto; } .viewmore_loader { display:none; width: 50px; height: 50px; z-index: 1; margin: -25px 0 0 -25px; } .loading * { display: none !important; } .loading > .viewmore_loader { display:block !important; } .loading > .viewmore_loader, .mfp-preloader span, .sc_video_frame.sc_video_active:before { -webkit-animation: rotateplane 1.2s infinite ease-in-out; animation: rotateplane 1.2s infinite ease-in-out; } @-webkit-keyframes rotateplane { 0% { -webkit-transform: perspective(120px); transform: perspective(120px); } 50% { -webkit-transform: perspective(120px) rotateY(180deg); transform: perspective(120px) rotateY(180deg); } 100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg); transform: perspective(120px) rotateY(180deg) rotateX(180deg); } } @keyframes rotateplane { 0% { -webkit-transform: perspective(120px); transform: perspective(120px); } 50% { -webkit-transform: perspective(120px) rotateY(180deg); transform: perspective(120px) rotateY(180deg); } 100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg); transform: perspective(120px) rotateY(180deg) rotateX(180deg); } } /* 8. Single page parts -------------------------------------------------------------- */ .post_content.post_content_editor_present { position:relative; } .post_item_attachment > .post_title, .post_item_single > .post_title { margin-top:0; } .post_info .frontend_editor_buttons { float:right; } .post_info .frontend_editor_buttons [class*="icon-"]:before { margin-right:0.5em; } /* 8.1 Attachment and Portfolio post navigation ------------------------------------------------------------ */ .post_featured .post_nav { position:relative; } .post_featured .post_nav_item { display:block; position:absolute; left:0; top:50%; width:50%; height:60px; color:#3a3a3a; margin-top:-80px; overflow:hidden; padding: 50px 0; } .post_featured .post_nav_next { left:auto; right:0; } .post_featured .post_nav_item:before { position:absolute; display:block; top:50px; left: 25px; width:58px; height:58px; line-height:58px; font-size:25px; font-family: "fontello"; border:1px solid #ddd; border-color:transparent; background-color: rgba(255,255,255, 0.8); color:#888888; text-align:center; opacity: 0; filter: alpha(opacity=0); } .post_featured .post_nav:hover .post_nav_item:before { opacity: 1; filter: alpha(opacity=100); } .post_featured .post_nav:hover .post_nav_prev:hover:before { opacity: 0; filter: alpha(opacity=0); left: -60px; } .post_featured .post_nav:hover .post_nav_next:hover:before { opacity: 0; filter: alpha(opacity=0); right: -60px; } .post_featured .post_nav .post_nav_prev:before { content:'\e837'; } .post_featured .post_nav .post_nav_next:before { content:'\e836'; left: auto; right: 25px; } /* Info block */ .post_featured .post_nav_item .post_nav_info { display:block; height:60px; width:auto; float: left; padding: 0 25px; margin-left:-300px; overflow: hidden; max-width:160px; background-color: rgba(255,255,255, 0.8); line-height:1.5em; } .post_featured .post_nav_next .post_nav_info { float:right; margin-left: 0; margin-right: -300px; } .post_featured .post_nav .post_nav_info_title { display:block; padding-top: 8px; line-height:1.2857em; } .post_featured .post_nav .post_nav_info_description { font-size: 0.75em; line-height:1.5em; } .post_featured .post_nav_prev:hover .post_nav_info { margin-left: -6px; } .post_featured .post_nav_next:hover .post_nav_info { margin-right: -6px; } .post_featured .post_nav_item .post_nav_info { -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; -ms-transition: all 0.6s ease-out; -o-transition: all 0.6s ease-out; transition: all 0.6s ease-out; -webkit-transition-delay: 0.15s; -o-transition-delay: 0.15s; -moz-transition-delay: 0.15s; transition-delay: 0.15s; } .post_featured .post_nav_item:before { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } /* 8.2 Reviews block -------------------------------------------------------------- */ .reviews_block { width: 270px; overflow: hidden; } .widget_area .reviews_block { width: 100%; } .reviews_block .sc_tabs_content { overflow:hidden; border: 1px solid #f4f7f9; } .widget_area .reviews_block .sc_tabs_content { border:none; } .reviews_block.sc_tabs.sc_tabs_style_2 .sc_tabs_content { padding:0; } .reviews_block.sc_tabs .sc_tabs_titles li { font-size:0.875em; } .reviews_block.sc_tabs.sc_tabs_style_2 .sc_tabs_titles li a { padding: 0.25em 0.5em; } .reviews_block .reviews_editor { padding:1em; } .widget_area .reviews_block .reviews_editor { padding:0 0 1em 0; } .reviews_block .reviews_accept { padding-top:0.5em; padding-bottom:1.5em; text-align:center; display:none; } .reviews_block .reviews_item { white-space:nowrap; padding:0.3em 0; } .reviews_block .reviews_criteria, .reviews_block .reviews_stars { display: inline-block; vertical-align:top; } .reviews_block .reviews_criteria { width:40%; white-space:normal; } .reviews_block .reviews_max_level_100 .reviews_criteria { height:1.7857em; line-height:1.7857em; font-size:0.875em; } .reviews_block .reviews_stars { width: 60%; white-space:nowrap; position:relative; } .reviews_block .reviews_value { display:inline-block; vertical-align:top; width:10%; text-align:right; font-size:0.875em; line-height:1.5em; position:absolute; top: 0; right:3px; } .reviews_block .reviews_max_level_100 .reviews_value { width:17%; } .widget_area .reviews_block .reviews_max_level_100 .reviews_value { width:25%; } .reviews_block .reviews_stars_wrap { display:inline-block; vertical-align:top; position:relative; } .reviews_block .reviews_max_level_100 .reviews_stars_wrap { width: 80%; } .widget_area .reviews_block .reviews_max_level_100 .reviews_stars_wrap { width: 70%; } .reviews_block .reviews_editable .reviews_criteria, .reviews_block .reviews_editable .reviews_stars_wrap { cursor: pointer; } .reviews_block .reviews_stars_hover { position:absolute; left:0; top:0; white-space:nowrap; overflow:hidden; } .reviews_block .reviews_max_level_100 .reviews_stars_bg { background-color: #f4f7f9; height:1.5625em; } .reviews_block .reviews_max_level_100 .reviews_stars_hover { background-color: #666666; height:1.5625em; } .reviews_block .reviews_slider { display:none; background-color: #666666; height: 6px; width: 8px; position: absolute; bottom: 4px; left: 0; -webkit-box-shadow: -1px 1px 1px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: -1px 1px 1px 0px rgba(0, 0, 0, 0.2); box-shadow: -1px 1px 1px 0px rgba(0, 0, 0, 0.2); } .reviews_block .reviews_editable .reviews_max_level_100 .reviews_slider { display:block; } .reviews_block .reviews_max_level_100 .reviews_slider { bottom: -10px; } .reviews_block .reviews_slider:before { content: ' '; display: block; height: 7px; width: 7px; background-color: inherit; margin: -3px 0 0 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .reviews_star { display: inline-block; margin: 0; padding: 0; font-size: 1.125em; vertical-align: top; } .reviews_max_level_10 .reviews_star { font-size: 0.875em; } .reviews_star:before { content: '\e8c8'; font-family: "fontello"; font-size:inherit; display: inline-block; vertical-align:top; text-align: center; } .reviews_stars_hover .reviews_star:before { content: '\e820'; } .reviews_block .reviews_max_level_100 .reviews_value:after { content: '%'; } /* Summary */ .reviews_block .reviews_summary { background-color: #f4f7f9; overflow:hidden; } .reviews_block .reviews_summary .reviews_item { height: 7.375em; padding:0; overflow:hidden; background-image:url(http://lovestory-html.themerex.net/images/rating_summary_bg.png); background-position:right top; background-repeat:no-repeat; background-size:100% 100%; } .reviews_block .reviews_summary .reviews_stars_wrap { display:none; } .reviews_block .reviews_summary .reviews_criteria { position:static; display:block; float:left; padding: 1.15em 1.15em 0; width:53.8462%; /* 210px; */ height:6.1428em; color:#222222; font-size:0.875em; line-height:1.5em; overflow:hidden; } .widget_area .reviews_block .reviews_summary .reviews_criteria { width:40%; height:8em; padding: 0.85em 0.85em 0; font-size:0.75em; line-height:1.2857em; } .reviews_block .reviews_summary .reviews_stars { float:right; width: 30.7692%; /* 120px; */ height:7.375em; position:relative; overflow:hidden; } .widget_area .reviews_block .reviews_summary .reviews_stars { width: 40%; } .reviews_block .reviews_summary .reviews_value { top:0; width:100%; height:2.3em; line-height:2.3em; font-size:3em; font-weight:300; color:#ffffff; text-align:right; } .widget_area .reviews_block .reviews_summary .reviews_value { width:100%; font-size:2.25em; line-height:3em; padding-right:5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* Summary stars in the post item (under the title) */ .post_rating { margin-bottom:6px; overflow:hidden; } .post_rating .reviews_stars_wrap { white-space:nowrap; } .post_rating .reviews_stars_wrap { position:relative; height:1em; /*width:92px;*/ display:inline-block; vertical-align:top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .post_rating .reviews_value { display:inline-block; vertical-align:top; font-size:0.875em; font-weight:400; margin-left:0.5em; } .post_rating .reviews_stars_bg, .post_rating .reviews_stars_hover { white-space:nowrap; overflow:hidden; } .post_rating .reviews_stars_hover { position:absolute; left:0; top:0; } /* 8.3 Post author ------------------------------------------------------ */ .post_author { margin-bottom: 2em; padding: 2.2em; overflow:hidden; margin-top: 4.2em; } .article_style_boxed.single .post_author { margin-top: 2em; } .post_author .post_author_avatar { float:left; margin: 0 20px 10px 0; overflow:hidden; width: 79px; height: 79px; } .post_author .post_author_title { margin-top:0; font-size: 1em; margin-top: -4px; margin-bottom: 1.7em; letter-spacing: 0; font-weight: 400; text-transform: none; } .post_author .post_author_title span a{ display: block; font-size: 1.429em; margin-top: 5px; font-family: Courgette; } .post_author .post_author_info { overflow:hidden; } .post_author .post_author_info p { margin:0; } .post_author .post_author_info p+p { margin-top:0.5em; } .post_author .post_author_info .sc_socials { margin-top: 0.5em; display:block; } /* Comment list */ .comments_wrap { margin-top: 8.6em; border-top: 1px solid; padding-top: 9.2em; } .comments_form_wrap{ } .comments_list_wrap { margin-bottom: 9.2em; border-bottom: 1px solid; padding-bottom: 9em; } .comments_list_wrap .comments_closed { margin-top:2em; } .comments_list_wrap .comment_author_avatar { position: absolute; left: 30px; top: 40px; z-index: 1; width: 79px; height: 79px; } .comments_list_wrap .comment_content { padding-left: 127px; padding-top: 2.6em; padding-right: 2.8em; padding-bottom: 2.2em; } .comments_list_wrap .comment_info { font-size: 1em; margin-bottom: 0.45em; } .comments_list_wrap .comment_not_approved { padding: 0 0 0.5em 0; font-style:italic; font-weight:300; } .comments_list_wrap .comment_text { margin-bottom: 1.4em; } .comments_list_wrap .comment_text p { margin:0; } .comments_list_wrap .comment_text p+p { margin-top: 0.5em; } .comments_list_wrap .comment_text ul { margin:0; padding: 0 0 0 1.5em; list-style:outside; } .comments_list_wrap .comment_text ul > li > ul { margin-top: 0.5em; } .comments_list_wrap .comment_text ul > li { min-height:0; border:none; padding:0; margin:0 0 0.5em 0; overflow:visible; } .comments_list_wrap .comment_reply a { font-size: 0.786em; text-transform: uppercase; letter-spacing: 3.6px; font-weight: 700; } /* Trackbacks and pingbacks */ .comments_list > li.trackback { list-style:none; margin-left:0; padding-left:0; padding-right:4em; min-height: 0; position:relative; } .comments_list > li.trackback p { font-style:italic; padding-bottom:0.8em; } .comments_list > li.trackback p a { font-style:normal; } .comments_list > li.trackback .edit-link { position:absolute; right:0; top: 0; } .comments_list > li+li.trackback .edit-link { margin-top: 1.25em; } .comments_list_wrap .comments_list_title { margin-top:0; font-size: 2.5em; margin-bottom: 1.55em; } .comments_list_wrap > ul { padding:0; margin:0; list-style: none; } .comments_list_wrap ul > li { overflow:hidden; position:relative; min-height:5em; margin-bottom: 0; margin-top: 0.5em; } .comments_list_wrap ul > li:before { display:none; } .comments_list_wrap ul ul { margin-left: 59px; /* This way for more short border under previous item */ margin-top: 0.8em; } .comments_list_wrap ul ul ul ul ul { margin-left:0; } .comments_list_wrap .comment_info > span + span:before { content: "|"; display:inline-block; margin: 0 0.8em; } .comments_list_wrap .comment_not_approved { padding: 0 0 0.5em 0; font-style:italic; font-weight:300; } /* Comments form */ .comments_wrap .comment-reply-title { display:none; } .comments_wrap .comments_list_wrap .comment-reply-title { display:block; } .comments_wrap .comments_notes { font-size:0.875em; color:#909090; } .comments_wrap .comments_field { margin-bottom: 36px; } .comments_wrap .comments_field input, .comments_wrap .comments_field textarea { width:100%; padding:0.75em 1em; } .comments_wrap .comments_field textarea{ min-height: 150px; } .comments_wrap .comments_author, .comments_wrap .comments_email { width: 48%; float:left; } .comments_wrap .comments_email { float:right; } .comments_wrap .comments_site { clear:both; } /* Submit button */ .comments_form_wrap .comments_form_title{ font-size: 2.5em; margin-bottom: 0.1em; margin-top: 0; } .comments_wrap .form-submit { text-align:right; margin:0; padding-left:4px; } .comments_wrap .form-submit input[type="submit"], .comments_wrap .form-submit input[type="button"] { text-transform:uppercase; padding: 2.25em 3.4em; } /* 8.5 Page 404 -------------------------------------------------------------- */ .article_style_boxed .post_item_404 { padding:1px 0; } .post_item_404 .page_title, .post_item_404 .page_subtitle, .post_item_404 .page_description, .post_item_404 .page_search { text-align:center; } .post_item_404 .page_title { font-size: 6em; line-height:1em; margin-bottom: 0; margin-top:0.45em; } .post_item_404 .page_subtitle { font-size: 2em; line-height:1em; margin-bottom: 0.8125em; margin-top: 0.5em; } .post_item_404 .page_description { margin-bottom: 2em; color:#222222; } .post_item_404 .page_search { margin-bottom:3em } .post_item_404 .page_search .search_wrap { max-width:30%; margin:0 auto; } /* 8.8 Team member -------------------------------------------------------------- */ /* Share block */ .post_item_single_team .post_info_share_horizontal { margin:2em 0; } .post_item_single_team .single_team_post_featured { float: left; width: 43%; padding: 0 3em 2em 0; margin:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .post_item_single_team.post_featured_right .single_team_post_featured { float: right; padding: 0 0 2em 3em; } .post_item_single_team .single_team_post_featured .post_thumb { border: 15px solid #f0f0f0; } .post_item_single_team .single_team_post_featured .socials_single_team { text-align: center; margin-top: 2em; } .post_item_single_team .single_team_post_description .team_title { margin: 0; } .post_item_single_team .single_team_post_description .team_position { margin: 0; } .post_item_single_team .single_team_post_description .team_meta { margin-top: 2em; } .post_item_single_team .single_team_post_description .team_meta p { margin:0; } .post_item_single_team .single_team_post_description .team_brief_info { margin-top: 2em; } .post_item_single_team .single_team_post_description .team_brief_info_title { margin:0 0 0.3em; } .post_item_single_team .single_team_post_description .team_brief_info_text { font-style:italic; } .post_item_single_team .single_team_post_description .team_brief_info_text p { margin: 0 0 0.5em; } .post_info_share .sc_socials.sc_socials_size_tiny .sc_socials_item a{ border-radius: 50%; -webkit-border-radius: 50%; border: 2px solid; } .post_info .post_info_tags{ text-transform: uppercase; letter-spacing: 3.5px; font-size: 0.786em; font-weight: 700; } .post_info .post_info_tags a{ text-transform: none; letter-spacing: 0; font-size: 14px; font-weight: 400; } /* 9. Sidebars -------------------------------------------------------------- */ /* Sidebar outer */ .sidebar_outer_logo_wrap { overflow:hidden; } .sidebar_outer_logo { padding: 1em 0; } .sidebar_outer_socials { padding: 1em 1em 1em 0; } /* Side menu */ .sidebar_outer_menu { position:relative; padding-top: 1em; min-height:2em; } .sidebar_outer_menu_buttons { position:absolute; right:0; top:0; display:none; padding-top:1.25em; } .sidebar_outer_menu_buttons a { display:inline-block; text-align:center; } .sidebar_outer_menu_buttons a.sidebar_outer_widgets_button { font-size:1.25em; width:1.5em; height:1.5em; line-height:1.5em; margin-left:0.5em; } .sidebar_outer_menu_buttons a.sidebar_outer_menu_responsive_button { display:none; font-size:1.5em; line-height:1.5em; position:relative; } .sidebar_outer_menu_buttons a.sidebar_outer_menu_responsive_button:before { display:block; width:1em; height: 1em; position:absolute; right:0; top:0; } .sidebar_outer_menu ul { margin:0; padding:0; list-style-type:none; } .sidebar_outer_menu ul li { position:relative; margin-bottom: 0; padding-left:0 !important; } .sidebar_outer_menu li:before { display:none; } .sidebar_outer_menu li li > a { position:relative; display:block; padding:0.5em 1.5em; } .menu_side_nav { display:none; } .menu_side_nav > li > a { display:block; padding: 0.5em; } .menu_side_nav > li ul { position:absolute; border: 1px solid #ddd; width:220px; padding: 0; display:none; z-index:100000; } .menu_side_nav > li > ul { left:251px; top:-0.5em; } .sidebar_outer_right .menu_side_nav > li > ul { left:-263px; } .menu_side_nav > li > ul ul { left:222px; top:-0.5em; } .sidebar_outer_right .menu_side_nav > li > ul ul { left:-224px; } .menu_side_nav > li > ul ul.submenu_left { left:-221px; } .menu_side_nav > li.menu-item-has-children > a { padding-right:2em; } .menu_side_nav > li.menu-item-has-children > a:after { content: '\e836'; font-family: 'fontello'; position:absolute; right:10px; top:50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .sidebar_outer_menu li li.menu-item-has-children > a:after { content: '\e836'; font-family: 'fontello'; position:absolute; right:8px; top:50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .menu_side_nav li a:before { margin-right:0.5em; } /* Responsive side menu */ .menu_side_responsive, .menu_side_responsive ul { display:none; } .sidebar_outer_menu .menu_side_responsive { padding-top:2em; } .menu_mobile .menu_side_nav { display:none !important; } .menu_mobile .sidebar_outer_menu_buttons { left:0; padding-right:3em; padding-top:0.5em; } .menu_mobile .sidebar_outer_menu_buttons a.sidebar_outer_menu_responsive_button { display:block; } .menu_mobile .sidebar_outer_menu_buttons a.sidebar_outer_widgets_button { position:absolute; right:0; top:0.5em; } .sidebar_outer_menu .menu_side_responsive ul { margin-top: 0; } .sidebar_outer_menu .menu_side_responsive li { margin:0; padding: 0 0 0 1.5em !important; } .sidebar_outer_menu .menu_side_responsive li > a { display:block; padding: 0.5em; position:relative; } .menu_side_responsive > li.menu-item-has-children > a:after, .menu_side_responsive li li.menu-item-has-children > a:after { content: '\e828'; font-family: 'fontello'; position:absolute; right:10px; top:50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .menu_side_responsive > li.menu-item-has-children.opened > a:after, .menu_side_responsive li li.menu-item-has-children.opened > a:after { content: '\e835'; } /* Common rules */ .sidebar_outer aside, .sidebar aside+aside { margin-top: 4.5em; padding-top: 4.7em; border-top: 1px solid #ddd; } .widget_area .widget_title { margin-top:0; margin-bottom: 1.26em; font-size: 1.643em; } .widget_area ul { list-style-type:none; margin-bottom:0; padding-left:0; } .widget_area ul ul { margin-top:0.5em; } .widget_area ul li { position:relative; padding-left: 1.2em; font-size: 1.07em; line-height: 1.6em; } .widget_area ul li:before { content: '\e83c'; font-family: 'fontello'; position:absolute; left:1px; top:0; } .widget_area_inner ul li:before { font-size: 30px; } /* Tabs in widgets */ .widget_area .sc_tabs.sc_tabs_style_2 .sc_tabs_titles li { font-size:0.875em; } .widget_area .sc_tabs.sc_tabs_style_2 .sc_tabs_titles li+li { margin-left: 1em; } .widget_area .sc_tabs.sc_tabs_style_2 .sc_tabs_titles li a { padding:2px 10px; } .widget_area .sc_tabs.sc_tabs_style_2 .sc_tabs_content { padding:10px 0 0 0; border: none; } .widget_area .sc_tabs.sc_tabs_style_2 .sc_tabs_content { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } /* Widget: Search */ .widget_area .widget_product_search .search_form, .widget_area .widget_search .search_form { position:relative; overflow:hidden; } .widget_area .widget_product_search .search_button, .widget_area .widget_search .search_button { text-align:center; border:none; background:none; } .widget_area_inner .widget_product_search .search_field, .widget_area_inner .widget_search .search_field { padding-right: 2.5em; border:none; width: 100%; height: 4em; line-height: 4em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid; } .widget_area_inner .widget_product_search .search_button, .widget_area_inner .widget_search .search_button { position:absolute; right: 0; top:0; padding:0; width: 2.5em; height: 4.25em; line-height: 4.25em; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; font-size: 1em; font-weight: 400; } /* Widget: Calendar */ .widget_area .widget_calendar table { width: 100%; } .widget_area .widget_calendar .weekday { font-size: 1.07em; text-transform:uppercase; } .widget_area .widget_calendar td .day_wrap { display:block; position:relative; padding: 5px 2px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .widget_area .widget_calendar th, .widget_area .widget_calendar td { font-weight:400; text-align:center; border-width:0; padding:0; } .widget_area .widget_calendar th { padding: 7px 2px; } .widget_area .widget_calendar td { font-size: 1.07em; padding: 0; } .widget_area .widget_calendar .month_cur { text-transform:uppercase; font-size: 0.786em; font-weight: 700; letter-spacing: 3px; } .widget_area .widget_calendar .month_prev a, .widget_area .widget_calendar .month_next a { display:block; font-size: 14px; } .widget_area .widget_calendar .month_prev a:before, .widget_area .widget_calendar .month_next a:before { font-family: 'fontello'; } .widget_area .widget_calendar .month_prev a:before { content: '\e837'; } .widget_area .widget_calendar .month_next a:before { content: '\e836'; } /* Widget: RSS */ .widget_area .widget_rss .widget_title a { display:inline-block; margin-right:6px; } .widget_area .widget_rss .widget_title img { vertical-align:baseline; } .widget_area .widget_rss { color: #222222; } .widget_area .widget_rss li { font-size:0.875em; } .widget_area .widget_rss li > a { font-size:1.1428em; } /* Widget: Tag Cloud */ .widget_area .widget_product_tag_cloud, .widget_area .widget_tag_cloud { overflow:hidden; } .widget_area .widget_product_tag_cloud a, .widget_area .widget_tag_cloud a { display:block; float:left; padding: 5px 21px; margin:0 5px 5px 0; font-size: 1.07em !important; border: 2px solid #ddd; } /* Widget: Lovestory Banner */ .widget_area .widget_banner .image_wrap { overflow:hidden; display:block; margin-bottom:1em; } /* Widget: Lovestory Flickr */ .widget_area .widget_flickr { overflow:hidden; } .widget_area .widget_flickr .flickr_images { margin-right:-5px; } .widget_area .widget_flickr .flickr_badge_image { float:left; margin:0 5px 5px 0; overflow:hidden; width:31%; height:auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .widget_area .widget_flickr .flickr_badge_image img { width: 100%; } /* Widget: Lovestory Logo and Socials */ .widget_area .widget_socials .sc_socials { margin-top:1em; } /* Widget: Lovestory Twitter */ .widget_area .widget_twitter ul li { padding-left:1.5em; } .widget_area .widget_twitter ul li:before { content: '\e89a'; font-size:1em; left:0; } /* 10. Footer areas -------------------------------------------------------------- */ /* Footer widgets */ .footer_wrap_inner { padding: 2.75em 0 2em; } .footer_wrap aside { margin-bottom:1.5em; text-align: center; } /* Contacts */ .contacts_wrap_inner { padding: 10.8em 0 0em; text-align:center; } .contacts_wrap .logo { text-align:center; margin-bottom: 2em; } .contacts_wrap .logo .logo_text { font-size:2em; } .contacts_wrap .logo img { vertical-align:middle; display:inline-block; } .contacts_wrap .contacts_address { display: flex; align-content: center; display: -webkit-flex; -webkit-align-content: center; } .contacts_wrap .contacts_address address{ width: 33.333%; padding: 0 2em 2em; box-sizing: border-box; position: relative; margin-bottom: 0; } .contacts_wrap .contacts_address address+address:before{ content: ''; left: -1px; width: 1px; height: 102px; position: absolute; display: block; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); } .contacts_wrap .contacts_address address .sc_icon{ display: block; width: 7.2em; height: 7.2em; line-height: 7.2em; margin: 0 auto; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); margin-bottom: -2.1em; padding:; } .contacts_wrap .contacts_address address .sc_icon:before{ font-size: 2.66em; } .contacts_wrap .contacts_address .address_title{ margin-top: 0; margin-bottom: 0.77em; font-size: 1.429em; font-family: Courgette; } footer+footer.widget_area .footer_wrap_inner{ border: none; } /* Testimonials and Twitter area */ .testimonials_wrap.sc_section, .twitter_wrap.sc_section { padding: 0; } .testimonials_wrap_inner, .twitter_wrap_inner { background-repeat:no-repeat; background-position:center top; } footer.testimonials_wrap .sc_section_overlay, footer.twitter_wrap .sc_section_overlay { padding: 3em 0; } /* Copyright area */ .copyright_wrap_inner { padding: 1.35em 0; overflow:hidden; border-top: 1px solid; } .copyright_wrap p { margin:0; font-size: 1em; } .copyright_style_text { text-align:center; } .copyright_style_menu .copyright_text, .copyright_style_socials .copyright_text { float:left; } .copyright_style_socials .sc_socials, .copyright_style_menu .menu_footer_nav { float:right; } .copyright_style_socials .copyright_wrap_inner { padding-bottom: 1.5em; } .copyright_style_menu .menu_footer_nav { margin:0; padding:0; list-style:none; text-align:right; } .menu_mobile .copyright_style_socials .copyright_text, .menu_mobile .copyright_style_menu .copyright_text, .menu_mobile .copyright_wrap .sc_socials, .menu_mobile .menu_footer_nav { float: none; text-align:center; } .menu_mobile .copyright_style_socials .copyright_text, .menu_mobile .copyright_style_menu .copyright_text { margin-top:1em; } .menu_mobile .copyright_wrap .sc_socials { display:block; } .copyright_style_menu .menu_footer_nav li { display:inline-block; margin-bottom:0; } .copyright_style_menu .menu_footer_nav li+li:before { content:'|'; display:inline-block; margin:0 0.5em; } /* Widget: Flowers Boutique Logo and Socials */ .widget_area .widget_socials .sc_socials { margin-top: 4.5em; margin-right: 0; margin-left: 5px; } .widget_area .widget_socials .logo img{ margin: 0; max-height: 81px; } .footer_wrap_inner { padding: 6.86em 0 2em; border-top: 1px solid; } /* 11. Utils -------------------------------------------------------------- */ /* Table of contents */ #toc { position:fixed; z-index:999; top: 0; bottom:0; right: 0; width: 60px; } #toc a { color: #ffffff; } #toc.toc_no { display:none; } #toc .toc_inner { position:absolute; top: 50%; right: -60px; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } #toc.toc_fixed .toc_inner, #toc:hover .toc_inner { right:0; } #toc .toc_item { position:relative; width:57px; height:60px; border-right:3px solid rgba(0,0,0,0.8); background-color:rgba(0,0,0,0.8); } #toc .toc_item.toc_separator { margin-bottom: 1px; } #toc .toc_item.current, #toc .toc_item:hover { background-color:rgba(128,128,128,0.8); } #toc .toc_icon { position:absolute; display:block; z-index:2; top:0; left:0; width:57px; height: 60px; line-height:60px; text-align:center; } #toc .toc_icon.with_title { line-height:40px; } #toc .toc_icon:before { font-size:inherit; color:inherit; margin:0; padding:0; } #toc .toc_title { position:absolute; bottom:6px; left:0; display:block; width: 57px; line-height:12px; font-size:12px; } #toc .toc_description { position:absolute; top:0; right:-300px; width:240px; height:30px; padding: 1em; font-size: 0.875em; line-height:1.2em; z-index:1; background-color:rgba(128,128,128,0.8); color: #ffffff; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } #toc .toc_item:hover .toc_description { right:68px; opacity: 1; filter: alpha(opacity=100); } #toc .toc_description:after { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color:transparent; border-left-color: rgba(128,128,128,0.8); border-width: 8px; margin-top: -8px; } /* Hovers for images and videos */ .hover_icon { position:relative; display:block; } .hover_icon:before { font-family:'fontello'; font-size: 3.4em; background-color: rgba(255, 255, 255, 0.2); cursor:pointer; display:block; width: 2em; height: 2em; line-height: 2.1em; text-align:center; position:absolute; z-index:10; left:50%; top:50%; -webkit-transform: translateX(-50%) translateY(-50%) scale(0.3, 0.3); -moz-transform: translateX(-50%) translateY(-50%) scale(0.3, 0.3); -ms-transform: translateX(-50%) translateY(-50%) scale(0.3, 0.3); transform: translateX(-50%) translateY(-50%) scale(0.3, 0.3); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all .3s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0s; -moz-transition: all .3s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0s; -ms-transition: all .3s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0s; -o-transition: all .3s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0s; transition: all .3s cubic-bezier(0.6, -0.28, 0.735, 0.045) 0s; opacity: 0; filter: alpha(opacity=0); } .hover_icon:hover:before { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateX(-50%) translateY(-50%) scale(1, 1); -moz-transform: translateX(-50%) translateY(-50%) scale(1, 1); -ms-transform: translateX(-50%) translateY(-50%) scale(1, 1); transform: translateX(-50%) translateY(-50%) scale(1, 1); -webkit-transition: all .3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.1ms; -moz-transition: all .3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.1ms; -ms-transition: all .3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.1ms; -o-transition: all .3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.1ms; transition: all .3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.1ms; } .hover_icon_play:before { content: '\e907'; } .hover_icon_play:hover:before { -webkit-transform: translateX(-50%) translateY(-50%) scale(1, 1) rotate(-90deg); -moz-transform: translateX(-50%) translateY(-50%) scale(1, 1) rotate(-90deg); -ms-transform: translateX(-50%) translateY(-50%) scale(1, 1) rotate(-90deg); transform: translateX(-50%) translateY(-50%) scale(1, 1) rotate(-90deg); } .hover_icon_link:before { content:'\e8b5'; } .hover_icon_zoom:before { content:'\e807'; } .hover_icon_view:before { content:'\e843'; } .hover_icon:after { content: ' '; position: absolute; z-index:1; top:0; left:0; bottom:0; right:0; background-color: rgba(0,0,0,0.3); opacity: 0; -webkit-transition: opacity .3s ease; -moz-transition: opacity .3s ease; -ms-transition: opacity .3s ease; -o-transition: opacity .3s ease; transition: opacity .3s ease; } .hover_icon:hover:after { opacity: 1; } /* Scroll to top */ .scroll_to_top { position: fixed !important; z-index: 100001 !important; display:block; width: 3em; height: 3em; line-height: 3em; text-align:center; bottom: -4em; right: 2em; background: #fff; border:none; cursor: pointer; -webkit-transition: all ease 1.5s; -moz-transition: all ease 1.5s; -ms-transition: all ease 1.5s; -o-transition: all ease 1.5s; transition: all ease 1.5s; filter: alpha(opacity=0); opacity: 0; } .scroll_to_top.show { filter: alpha(opacity=100); opacity: 1; bottom: 2em; } /* Debug window */ ._debug_log { position:fixed; z-index:1000000; display:block !important; width:30%; line-height:1.3em; max-height:400px; right:0; top:0; background:rgba(0,0,0,0.8); color:#ffffff; overflow:auto; padding:14px; -webkit-box-sizing:border-box; box-sizing:border-box; } .admin-bar ._debug_log { top:32px; } ._debug_log .debug_log_close { position:absolute; right:0; top:0; width:20px; height:20px; line-height:20px; font-weight:bold; font-size:14px; text-align:center; cursor:pointer; } /* Customizer */ .custom_options #co_toggle { right: -2.5625em !important; } #update-nag, .update-nag { display:block; } /* Preloader */ #page_preloader { background-position:center; background-repeat:no-repeat; position:fixed; z-index:1000000; left:0; top:0; right:0; bottom:0; opacity: 0.8; } .preloader_wrap { position:absolute; display:inline-block; left:50%; top:50%; -webkit-transform:translateX(-50%) translateY(-50%); -moz-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); } .preloader_wrap > div { height: 10px; width: 10px; } /* Circle */ .preloader_wrap > div[class*="preloader_circ"] { margin-right:5px; border-radius: 50%; display: inline-block; -webkit-animation: preloader-circle 0.7s infinite ease-in-out; animation: preloader-circle 0.7s infinite ease-in-out; } .preloader_wrap > div.preloader_circ2 { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; } .preloader_wrap > div.preloader_circ3 { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } .preloader_wrap > div.preloader_circ4 { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } .preloader_wrap > div.preloader_circ5 { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; } @-webkit-keyframes preloader-circle { 0%, 40%, 100% { -webkit-transform: translateY(-10px) } 20% { -webkit-transform: translateY(-20px) } } @keyframes preloader-circle { 0%, 40%, 100% { transform: translateY(-10px); -webkit-transform: translateY(-10px); } 20% { transform: translateY(-20px); -webkit-transform: translateY(-20px); } } /* Square */ .preloader_wrap .preloader_square { width: 50px; height: 50px; } .preloader_wrap > div.preloader_square1, .preloader_wrap > div.preloader_square2 { position: absolute; top: 0; left: 0; -webkit-animation: preloader-square 1.8s infinite ease-in-out; animation: preloader-square 1.8s infinite ease-in-out; } .preloader_wrap > div.preloader_square2 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } @-webkit-keyframes preloader-square { 25% { -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5) } 50% { -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg) } 75% { -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5) } 100% { -webkit-transform: rotate(-360deg) } } @keyframes preloader-square { 25% { transform: translateX(42px) rotate(-90deg) scale(0.5); -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5); } 50% { transform: translateX(42px) translateY(42px) rotate(-179deg); -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg); } 50.1% { transform: translateX(42px) translateY(42px) rotate(-180deg); -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg); } 75% { transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5); -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5); } 100% { transform: rotate(-360deg); -webkit-transform: rotate(-360deg); } } /* 12. Registration and Login popups -------------------------------------------------------------- */ .popup_wrap { position: fixed; top: 50%; left: 50%; z-index: 1000000; width: 37.5em; padding: 3em 2.5em 2em; display:none; -webkit-box-shadow: -4px 3px 0px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: -4px 3px 0px 0px rgba(0, 0, 0, 0.2); box-shadow: -4px 3px 0px 0px rgba(0, 0, 0, 0.2); color: initial; -webkit-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); } .popup_wrap.popup_half { width: 18em; } .popup_wrap input[type="text"], .popup_wrap input[type="email"], .popup_wrap input[type="password"] { font-size:1.1667em; line-height:1.5em; padding: 0.3em; } .popup_registration { right: -5.5em; } .popup_wrap .popup_close { display:block; font-size:1.25em; line-height:1em; width: 1em; height:1em; position:absolute; right:0; top:0; margin:0.5em 0.5em 0 0; text-align:center; color: #cccccc; border: 2px solid #ebebeb; background-color:#f4f7f9; } .popup_wrap .popup_close:hover { color: #909090; border: 2px solid #cccccc; background-color:#ffffff; } .popup_wrap .popup_close:before { font-family:fontello; content:'\e8ac'; line-height:1em; padding:0 !important; margin:0 !important; } .popup_wrap .form_wrap { position:relative; overflow:hidden; } .popup_wrap .form_wrap .result { position:absolute; z-index:10; left:50%; top:25%; -webkit-transform:translateX(-50%) translateY(-50%); -moz-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); -webkit-box-shadow: -4px 3px 5px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: -4px 3px 5px 0px rgba(0, 0, 0, 0.2); box-shadow: -4px 3px 5px 0px rgba(0, 0, 0, 0.2); } .popup_wrap .form_wrap .result p { line-height:1.5em; } .popup_wrap .form_wrap .result a { color: #ffffff; } .popup_wrap .form_wrap .error_fields_class { border-color: #CC6868; } .popup_wrap .form_left { float: left; padding-right: 2.5em; width: 54%; border-right: 1px solid #e0e0e0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .popup_wrap .form_right { float: right; padding-left: 2.5em; width: 45%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .popup_wrap.popup_registration .form_left { width: 50%; padding-right: 5px; border-right: none; } .popup_wrap.popup_registration .form_right { width: 50%; padding-left: 5px; } .popup_wrap .popup_form_field { margin-bottom:0.625em; } .popup_wrap input[type="text"], .popup_wrap input[type="email"], .popup_wrap input[type="password"] { width:100%; border: 2px solid #ebebeb; background-color:#fafafa; } .popup_wrap input:not([type="submit"]):focus { background-color:#ffffff; } .popup_wrap .popup_form_field.iconed_field { position:relative; } .popup_wrap .popup_form_field.iconed_field:before { position:absolute; z-index:1; top:10px; right:8px; margin-right:0; color:#c9c9c9; width:1em; } .popup_wrap .popup_form_field.iconed_field input { padding-right:30px; } .popup_wrap .popup_form_field .forgot_password { float: right; line-height: 1.5em; } .popup_wrap .popup_form_field.submit_field { padding:1em 0 4px 4px; } .popup_wrap .popup_form_field .submit_button { width:100%; } .popup_wrap .login_socials_title { color:#222222; font-size:1.5em; line-height:1.2857em; margin-bottom:0.5em; } .popup_wrap .login_socials_problem { line-height:1.2857em; } .popup_wrap .popup_form_field.remember_field { margin-top: 1.2em; } /* 13. Third part plugins ------------------------------------------------------------------------------------ */ /* 13.1 Media player ------------------------------------------------------- */ /* .mejs-container, .mejs-embed, .mejs-embed body, .mejs-container .mejs-controls { background:#1eaace !important; } .mejs-controls .mejs-volume-button .mejs-volume-slider { background: rgba(30,170,206,0.7) !important; } */ .mejs-controls button:hover, .mejs-controls button:active { background-color:transparent !important; } /* 13.2 Magnific popup -------------------------------------------------------- */ .mfp-figure figcaption { margin-bottom:40px !important; height:40px; padding:0 16px; overflow:hidden; display: none; } .mfp-figure figcaption .mfp-bottom-bar { left: 16px; right:16px; margin-top:-30px; width:auto; } /* 13.3 Google conversion ---------------------------------------------------------- */ iframe[name="google_conversion_frame"] { height:1px; min-height:0px; display:none; } /* 13.4 Visual Composer -------------------------------------------------------- */ .m_row, .m_text_column, .m_content_element, ul.m_thumbnails-fluid > li, .last_toggle_el_margin, .m_button { margin-bottom:0 !important; } .sc_gap .vc_row { margin-left:0; margin-right:0; } .sc_gap .vc_column_container { padding-left:0; padding-right:0; } h1 .m_text_column p, h2 .m_text_column p, h3 .m_text_column p, h4 .m_text_column p, h5 .m_text_column p, h6 .m_text_column p { padding-bottom:0 !important; } .m_text_column:last-child, .m_text_column p:last-child { margin-bottom: 0 } /* 13.5 RevSlider Styles */ .mainslider_1 { font-family: 'Courgette' !important; } .revslider-global-param { margin:0px auto !important; background-color:transparent !important; padding:0px !important; margin-top:0px !important; margin-bottom:0px !important; } /* LAYER NR. 1 */ .revslider-param-type-a { z-index: 5 !important; white-space: nowrap !important; font-family: 'Courgette' !important; font-size: 55px; font-weight: 400 !important; } /* LAYER NR. 2 */ .revslider-param-type-b { z-index: 6 !important; line-height: 22px !important; } /* LAYER NR. 3 */ .revslider-param-type-c { z-index: 7 !important; white-space: nowrap !important; font-family: 'Courgette' !important; font-size: 55px; font-weight: 400 !important; } /* LAYER NR. 4 */ .revslider-param-type-d { z-index: 8 !important; line-height: 22px !important; } /* LAYER NR. 5 */ .revslider-param-type-e { z-index: 9 !important; white-space: nowrap !important; font-family: 'Courgette' !important; font-size: 55px; font-weight: 400 !important; } /* LAYER NR. 6 */ .revslider-param-type-f { z-index: 10 !important; line-height: 22px !important; } /* 14. Predefined classes for users -------------------------------------------------------------- */ .texture_bg_green, .texture_bg_dark { background-image:url(http://lovestory-html.themerex.net/images/bg_dark.jpg); } .texture_bg_blue, .texture_bg_light { background-image:url(http://lovestory-html.themerex.net/images/bg_light.jpg); } .texture_bg_yellow { background-image:url(http://lovestory-html.themerex.net/images/bg_yellow.jpg); } .texture_bg_slider:after, .texture_bg_slider_full:after { content:' '; position:absolute; left:0; right:0; bottom:0; top:0; z-index:1; background: url(http://lovestory-html.themerex.net/images/texture_top.png) center top repeat-x, url(http://lovestory-html.themerex.net/images/texture_slider.png) left top repeat; } .texture_bg_slider_full:after { background: url(http://lovestory-html.themerex.net/images/texture_center.png) center center no-repeat, url(http://lovestory-html.themerex.net/images/texture_top.png) center top repeat-x, url(http://lovestory-html.themerex.net/images/texture_slider.png) left top repeat; } /* Predefined classes for the background texture and/or image */ .texture_bg_1 { background-image:url(http://lovestory-html.themerex.net/images/bg/texture_1.png); } .texture_bg_2 { background-image:url(http://lovestory-html.themerex.net/images/bg/texture_2.png); } .texture_bg_3 { background-image:url(http://lovestory-html.themerex.net/images/bg/texture_3.png); } .texture_bg_4 { background-image:url(http://lovestory-html.themerex.net/images/bg/texture_4.png); } .texture_bg_5 { background-image:url(http://lovestory-html.themerex.net/images/bg/texture_5.png); } .texture_bg_6 { background-image:url(http://lovestory-html.themerex.net/images/bg/texture_6.png); } .texture_bg_7 { background-image:url(http://lovestory-html.themerex.net/images/bg/texture_7.png); } .texture_bg_8 { background-image:url(http://lovestory-html.themerex.net/images/bg/texture_8.png); } .texture_bg_9 { background-image:url(http://lovestory-html.themerex.net/images/bg/texture_9.png); } .texture_bg_10 { background-image:url(http://lovestory-html.themerex.net/images/bg/texture_10.png); } .texture_bg_11 { background-image:url(http://lovestory-html.themerex.net/images/bg/texture_11.png); } .texture_bg_12 { background-image:url(http://lovestory-html.themerex.net/images/bg/texture_12.png); } .overlay_bg_1:after { content:' '; position:absolute; left:0; top:0; right:0; bottom:0; background-image:url(http://lovestory-html.themerex.net/images/bg/texture_1.png); } .overlay_bg_2:after { content:' '; position:absolute; left:0; top:0; right:0; bottom:0; background-image:url(http://lovestory-html.themerex.net/images/bg/texture_2.png); } .overlay_bg_3:after { content:' '; position:absolute; left:0; top:0; right:0; bottom:0; background-image:url(http://lovestory-html.themerex.net/images/bg/texture_3.png); } .overlay_bg_4:after { content:' '; position:absolute; left:0; top:0; right:0; bottom:0; background-image:url(http://lovestory-html.themerex.net/images/bg/texture_4.png); } .overlay_bg_5:after { content:' '; position:absolute; left:0; top:0; right:0; bottom:0; background-image:url(http://lovestory-html.themerex.net/images/bg/texture_5.png); } .overlay_bg_6:after { content:' '; position:absolute; left:0; top:0; right:0; bottom:0; background-image:url(http://lovestory-html.themerex.net/images/bg/texture_6.png); } .overlay_bg_7:after { content:' '; position:absolute; left:0; top:0; right:0; bottom:0; background-image:url(http://lovestory-html.themerex.net/images/bg/texture_7.png); } .overlay_bg_8:after { content:' '; position:absolute; left:0; top:0; right:0; bottom:0; background-image:url(http://lovestory-html.themerex.net/images/bg/texture_8.png); } .overlay_bg_9:after { content:' '; position:absolute; left:0; top:0; right:0; bottom:0; background-image:url(http://lovestory-html.themerex.net/images/bg/texture_9.png); } .overlay_bg_10:after { content:' '; position:absolute; left:0; top:0; right:0; bottom:0; background-image:url(http://lovestory-html.themerex.net/images/bg/texture_10.png); } .overlay_bg_11:after { content:' '; position:absolute; left:0; top:0; right:0; bottom:0; background-image:url(http://lovestory-html.themerex.net/images/bg/texture_11.png); } .overlay_bg_12:after { content:' '; position:absolute; left:0; top:0; right:0; bottom:0; background-image:url(http://lovestory-html.themerex.net/images/bg/texture_12.png); } .bg_pattern_1 { background: url(http://lovestory-html.themerex.net/images/bg/pattern_1.jpg) 50% 50% repeat fixed !important; } .bg_pattern_2 { background: url(http://lovestory-html.themerex.net/images/bg/pattern_2.jpg) 50% 50% repeat fixed !important; } .bg_pattern_3 { background: url(http://lovestory-html.themerex.net/images/bg/pattern_3.jpg) 50% 50% repeat fixed !important; } .bg_pattern_4 { background: url(http://lovestory-html.themerex.net/images/bg/pattern_4.jpg) 50% 50% repeat fixed !important; } .bg_pattern_5 { background: url(http://lovestory-html.themerex.net/images/bg/pattern_5.jpg) 50% 50% repeat fixed !important; } .bg_image_1 { background: url(http://lovestory-html.themerex.net/images/bg/image_1.jpg) 50% 0% repeat-y fixed !important; } .bg_image_2 { background: url(http://lovestory-html.themerex.net/images/bg/image_2.jpg) 50% 0% repeat-y fixed !important; } .bg_image_3 { background: url(http://lovestory-html.themerex.net/images/bg/image_3.jpg) 50% 0% repeat-y fixed !important; } .bg_image_1, .bg_image_2, .bg_image_3 { -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; } .accent_top:before { content:' '; display: block; position:absolute; z-index:1; left:50%; top:0; width: 3em; height: 2.8em; background-color:#fff; margin: -1.4em 0 0 -1.2857em; -webkit-transform: rotate(35deg) skewX(-20deg); -moz-transform: rotate(35deg) skewX(-20deg); transform: rotate(35deg) skewX(-20deg); } .rounded_none { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .rounded_tiny { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .rounded_small { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .rounded_medium { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .rounded_large { -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .rounded { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } /* Predefined Theme Margins */ .margin_left_null,.margin_left_none,.margin_left_no,.margin_left_hide { margin-left:0 !important; } .margin_left_tiny { margin-left:0.5em !important; margin-left:0.5em !important; } .margin_left_small { margin-left:2em !important; margin-left:2em !important; } .margin_left_medium { margin-left:3em !important; margin-left:3em !important; } .margin_left_large { margin-left:4em !important; margin-left:4em !important; } .margin_left_huge { margin-left:6em !important; margin-left:6em !important; } .margin_left_tiny- { margin-left:-0.5em !important; margin-left:-0.5em !important; } .margin_left_small- { margin-left:-2em !important; margin-left:-2em !important; } .margin_left_medium- { margin-left:-3em !important; margin-left:-3em !important; } .margin_left_large- { margin-left:-4em !important; margin-left:-4em !important; } .margin_left_huge- { margin-left:-6em !important; margin-left:-6em !important; } .margin_right_null,.margin_right_none,.margin_right_no,.margin_right_hide { margin-right:0 !important; } .margin_right_tiny { margin-right:0.5em !important; margin-right:0.5em !important; } .margin_right_small { margin-right:2em !important; margin-right:2em !important; } .margin_right_medium { margin-right:3em !important; margin-right:3em !important; } .margin_right_large { margin-right:4em !important; margin-right:4em !important; } .margin_right_huge { margin-right:6em !important; margin-right:6em !important; } .margin_right_tiny- { margin-right:-0.5em !important; margin-right:-0.5em !important; } .margin_right_small- { margin-right:-2em !important; margin-right:-2em !important; } .margin_right_medium- { margin-right:-3em !important; margin-right:-3em !important; } .margin_right_large- { margin-right:-4em !important; margin-right:-4em !important; } .margin_right_huge- { margin-right:-6em !important; margin-right:-6em !important; } .margin_top_null,.margin_top_none,.margin_top_no,.margin_top_hide { margin-top:0 !important; } .margin_top_tiny { margin-top:0.5em !important; margin-top:0.5em !important; } .margin_top_small { margin-top:2em !important; margin-top:2em !important; } .margin_top_medium { margin-top:3em !important; margin-top:3em !important; } .margin_top_medium2 { margin-top:3.3em !important; margin-top:3.3em !important; } .margin_top_large { margin-top:4em !important; margin-top:4em !important; } .margin_top_huge { margin-top:6em !important; margin-top:6em !important; } .margin_top_tiny- { margin-top:-0.5em !important; margin-top:-0.5em !important; } .margin_top_small- { margin-top:-2em !important; margin-top:-2em !important; } .margin_top_medium- { margin-top:-3em !important; margin-top:-3em !important; } .margin_top_large- { margin-top:-4em !important; margin-top:-4em !important; } .margin_top_huge- { margin-top:-6em !important; margin-top:-6em !important; } .margin_bottom_null,.margin_bottom_none,.margin_bottom_no,.margin_bottom_hide { margin-bottom:0 !important; } .margin_bottom_tiny { margin-bottom:0.5em !important; margin-bottom:0.5em !important; } .margin_bottom_small { margin-bottom:2em !important; margin-bottom:2em !important; } .margin_bottom_medium { margin-bottom:3em !important; margin-bottom:3em !important; } .margin_bottom_large { margin-bottom:4em !important; margin-bottom:4em !important; } .margin_bottom_huge { margin-bottom:6em !important; margin-bottom:6em !important; } .margin_bottom_tiny- { margin-bottom:-0.5em !important;margin-bottom:-0.5em !important; } .margin_bottom_small- { margin-bottom:-2em !important; margin-bottom:-2em !important; } .margin_bottom_medium- {margin-bottom:-3em !important; margin-bottom:-3em !important; } .margin_bottom_large- { margin-bottom:-4em !important; margin-bottom:-4em !important; } .margin_bottom_huge- { margin-bottom:-6em !important; margin-bottom:-6em !important; } .vc_general.vc_cta3 .vc_cta3-content>:last-child, .vc_general.vc_cta3 .vc_cta3-icons>:last-child{ font-size: 1.07em; line-height: 1.5em; } .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern{ padding: 30px; width: 229px; background-image: none; border: none; border-radius: 0; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 3px; } .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover{ border: none; } .vc_general.vc_cta3.vc_cta3-shape-square{ padding: 11em 10em 11em 8.7em; } .vc_general.vc_cta3 h2, .vc_general.vc_cta3 h4{ margin-bottom: 0.65em; font-size: 3.571em; line-height: 1.2em; } .vc_general.vc_cta3.vc_cta3-actions-bottom .vc_cta3-content{ margin-bottom: 4.25em !important; } .vc_cta3-container{margin: 0 !important;} .contact_block .sc_section_overlay{ overflow: visible !important; } .contact_block .sc_columns .sc_column_item_inner{ padding: 0; } .contact_block .sc_columns.columns_wrap{ margin-right: 0; } .contact_block .sc_columns .sc_column_item { padding-right: 0; padding: 0 0.5em; } .contact_block .sc_columns .sc_column_item+.sc_column_item:before{ content: ''; left: -1px; width: 1px; height: 102px; position: absolute; display: block; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); } .post_info_item.post_info_posted{ text-transform: uppercase; font-weight: 700; } .mc4wp-form input.emailer_input{ width: 65%; margin-right: 8%; line-height: 2.664em; } .mc4wp-form input::-moz-placeholder{ color: white; } .mc4wp-form input.emailer_submit{ min-width: 24.7%; border: 3px solid; } .cq-coverslider-navigation.btn-large{ width: 154px !important; bottom: 15px !important; top: auto !important; right: 10px !important; } .cq-coverslider .cq-coverslider-area:after{ top:10px; right: 10px; bottom: 10px; left: 10px; border: 3px solid; position: absolute; content: ''; } .cq-coverslider-navigation.btn-large:after{ content: ''; width: 1px; display: block; height: 31px; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); left: 50%; position: absolute; } .cq-coverslider-navigation.btn-large > div{ display: inline-block !important; width: 77px !important; height: 71px !important; } .cq-coverslider-navigation.btn-large .cq-coverslider-icon{ line-height: 71px !important; } .cq-coverslider.tinyshadow .cq-coverslider-area{ -webkit-box-shadow: 0px 0px 0px 0px rgba(50,50,50,0.2) !important; -moz-box-shadow: 0px 0px 0px 0px rgba(50,50,50,0.2) !important; box-shadow: 0px 0px 0px 0px rgba(50,50,50,0.2) !important; } .tp-bullet{ border-radius: 50% !important; -webkit-border-radius: 50% !important; background: rgba(255, 255, 255, 0.4) !important; width: 8px !important; height: 8px !important; } .tp-bullet:hover, .tp-bullet.selected{ background: rgba(255, 255, 255, 1) !important; } .esg-navigationbutton{ display: inline-block !important; text-align: center !important; line-height: 2.9em !important; -webkit-transition: all 0.5s ease 0s !important; -moz-transition: all 0.5s ease 0s !important; -ms-transition: all 0.5s ease 0s !important; -o-transition: all 0.5s ease 0s !important; transition: all .5s ease 0ms !important; padding: 1.72em 4.8em !important; font-size: 10px !important; border: 0px solid !important; font-weight: 600 !important; text-transform: uppercase !important; border-radius: 0 !important; -webkit-border-radius: 0 !important; margin-top: 37px !important; font-family: 'Poppins' !important; letter-spacing: 4px; } .esg-navigationbutton { background-color: #a3ad6f !important; color: #ffffff !important; } .esg-navigationbutton:hover { background-color: #cbb9a6 !important; color: #ffffff !important; } /* 15. +++++++++ CUSTOM STYLES ++++++++++++++++ */ /*+++++++++++++++ GALLERY++++++++++++++++++++++ */ a.eg-henryharrison-element-1, a.eg-henryharrison-element-2 { -webkit-transition: all .4s linear; -moz-transition: all .4s linear; -o-transition: all .4s linear; -ms-transition: all .4s linear; transition: all .4s linear } .eg-jimmy-carter-element-11 i:before { margin-left: 0px; margin-right: 0px } .eg-harding-element-17 { letter-spacing: 1px } .eg-harding-wrapper .esg-entry-media { overflow: hidden; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 30px 30px 0px 30px } .eg-harding-wrapper .esg-entry-media img { overflow: hidden; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50% } .eg-ulysses-s-grant-wrapper .esg-entry-media { overflow: hidden; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 30px 30px 0px 30px } .eg-ulysses-s-grant-wrapper .esg-entry-media img { overflow: hidden; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50% } .eg-richard-nixon-wrapper .esg-entry-media { overflow: hidden; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 30px 30px 0px 30px } .eg-richard-nixon-wrapper .esg-entry-media img { overflow: hidden; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50% } .eg-herbert-hoover-wrapper .esg-entry-media img { filter: url("data:image/svg+xml;utf8,#grayscale"); filter: gray; -webkit-filter: grayscale(100%) } .eg-herbert-hoover-wrapper:hover .esg-entry-media img { filter: url("data:image/svg+xml;utf8,#grayscale"); -webkit-filter: grayscale(0%) } .eg-lyndon-johnson-wrapper .esg-entry-media img { filter: url("data:image/svg+xml;utf8,#grayscale"); filter: gray; -webkit-filter: grayscale(100%) } .eg-lyndon-johnson-wrapper:hover .esg-entry-media img { filter: url("data:image/svg+xml;utf8,#grayscale"); -webkit-filter: grayscale(0%) } .esg-overlay.eg-ronald-reagan-container { background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.83) 99%, rgba(0, 0, 0, 0.85) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(0, 0, 0, 0)), color-stop(99%, rgba(0, 0, 0, 0.83)), color-stop(100%, rgba(0, 0, 0, 0.85))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.83) 99%, rgba(0, 0, 0, 0.85) 100%); background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.83) 99%, rgba(0, 0, 0, 0.85) 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.83) 99%, rgba(0, 0, 0, 0.85) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.83) 99%, rgba(0, 0, 0, 0.85) 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#d9000000', GradientType=0) } .eg-georgebush-wrapper .esg-entry-cover { background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.83) 99%, rgba(0, 0, 0, 0.85) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(0, 0, 0, 0)), color-stop(99%, rgba(0, 0, 0, 0.83)), color-stop(100%, rgba(0, 0, 0, 0.85))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.83) 99%, rgba(0, 0, 0, 0.85) 100%); background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.83) 99%, rgba(0, 0, 0, 0.85) 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.83) 99%, rgba(0, 0, 0, 0.85) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.83) 99%, rgba(0, 0, 0, 0.85) 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#d9000000', GradientType=0) } .eg-jefferson-wrapper { -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; border-radius: 5px !important; -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC) !important } .eg-monroe-element-1 { text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1) } .eg-lyndon-johnson-wrapper .esg-entry-cover { background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.35) 0%, rgba(18, 18, 18, 0) 96%, rgba(19, 19, 19, 0) 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0, 0, 0, 0.35)), color-stop(96%, rgba(18, 18, 18, 0)), color-stop(100%, rgba(19, 19, 19, 0))); background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.35) 0%, rgba(18, 18, 18, 0) 96%, rgba(19, 19, 19, 0) 100%); background: -o-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.35) 0%, rgba(18, 18, 18, 0) 96%, rgba(19, 19, 19, 0) 100%); background: -ms-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.35) 0%, rgba(18, 18, 18, 0) 96%, rgba(19, 19, 19, 0) 100%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(18, 18, 18, 0) 96%, rgba(19, 19, 19, 0) 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#59000000', endColorstr='#00131313', GradientType=1) } .eg-wilbert-wrapper .esg-entry-cover { background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.35) 0%, rgba(18, 18, 18, 0) 96%, rgba(19, 19, 19, 0) 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0, 0, 0, 0.35)), color-stop(96%, rgba(18, 18, 18, 0)), color-stop(100%, rgba(19, 19, 19, 0))); background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.35) 0%, rgba(18, 18, 18, 0) 96%, rgba(19, 19, 19, 0) 100%); background: -o-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.35) 0%, rgba(18, 18, 18, 0) 96%, rgba(19, 19, 19, 0) 100%); background: -ms-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.35) 0%, rgba(18, 18, 18, 0) 96%, rgba(19, 19, 19, 0) 100%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(18, 18, 18, 0) 96%, rgba(19, 19, 19, 0) 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#59000000', endColorstr='#00131313', GradientType=1) } .eg-wilbert-wrapper .esg-entry-media img { -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; filter: url("data:image/svg+xml;utf8,#grayscale"); filter: gray; -webkit-filter: grayscale(100%) } .eg-wilbert-wrapper:hover .esg-entry-media img { filter: url("data:image/svg+xml;utf8,#grayscale"); -webkit-filter: grayscale(0%) } .eg-phillie-element-3:after { content: " "; width: 0px; height: 0px; border-style: solid; border-width: 5px 5px 0 5px; border-color: #000 transparent transparent transparent; left: 50%; margin-left: -5px; bottom: -5px; position: absolute } .eg-howardtaft-wrapper .esg-entry-media img, .eg-howardtaft-wrapper .esg-media-poster { filter: url("data:image/svg+xml;utf8,#grayscale"); -webkit-filter: grayscale(0%) } .eg-howardtaft-wrapper:hover .esg-entry-media img, .eg-howardtaft-wrapper:hover .esg-media-poster { filter: url("data:image/svg+xml;utf8,#grayscale"); filter: gray; -webkit-filter: grayscale(100%) } .myportfolio-container .added_to_cart.wc-forward { font-family: "Open Sans"; font-size: 13px; color: #fff; margin-top: 10px } .esgbox-title.esgbox-title-outside-wrap { font-size: 15px; font-weight: 700; text-align: center } .esgbox-title.esgbox-title-inside-wrap { padding-bottom: 10px; font-size: 15px; font-weight: 700; text-align: center } .minimal-light .navigationbuttons, .minimal-light .esg-pagination, .minimal-light .esg-filters { text-align: center } .minimal-light .esg-filterbutton, .minimal-light .esg-navigationbutton, .minimal-light .esg-sortbutton, .minimal-light .esg-cartbutton a { color: #999; margin-right: 5px; cursor: pointer; padding: 0px 16px; border: 1px solid #e5e5e5; line-height: 38px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-size: 12px; font-weight: 700; font-family: "Open Sans", sans-serif; display: inline-block; background: #fff; margin-bottom: 5px } .minimal-light .esg-navigationbutton * { color: #999 } .minimal-light .esg-navigationbutton { padding: 0px 16px } .minimal-light .esg-pagination-button:last-child { margin-right: 0 } .minimal-light .esg-left, .minimal-light .esg-right { padding: 0px 11px } .minimal-light .esg-sortbutton-wrapper, .minimal-light .esg-cartbutton-wrapper { display: inline-block } .minimal-light .esg-sortbutton-order, .minimal-light .esg-cartbutton-order { display: inline-block; vertical-align: top; border: 1px solid #e5e5e5; width: 40px; line-height: 38px; border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; -webkit-border-radius: 0px 5px 5px 0px; font-size: 12px; font-weight: 700; color: #999; cursor: pointer; background: #fff } .minimal-light .esg-cartbutton { color: #333; cursor: default !important } .minimal-light .esg-cartbutton .esgicon-basket { color: #333; font-size: 15px; line-height: 15px; margin-right: 10px } .minimal-light .esg-cartbutton-wrapper { cursor: default !important } .minimal-light .esg-sortbutton, .minimal-light .esg-cartbutton { display: inline-block; position: relative; cursor: pointer; margin-right: 0px; border-right: none; border-radius: 5px 0px 0px 5px; -moz-border-radius: 5px 0px 0px 5px; -webkit-border-radius: 5px 0px 0px 5px } .minimal-light .esg-navigationbutton:hover, .minimal-light .esg-filterbutton:hover, .minimal-light .esg-sortbutton:hover, .minimal-light .esg-sortbutton-order:hover, .minimal-light .esg-cartbutton a:hover, .minimal-light .esg-filterbutton.selected { background-color: #fff; border-color: #bbb; color: #333; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.13) } .minimal-light .esg-navigationbutton:hover * { color: #333 } .minimal-light .esg-sortbutton-order.tp-desc:hover { border-color: #bbb; color: #333; box-shadow: 0px -3px 5px 0px rgba(0, 0, 0, 0.13) !important } .minimal-light .esg-filter-checked { padding: 1px 3px; color: #cbcbcb; background: #cbcbcb; margin-left: 7px; font-size: 9px; font-weight: 300; line-height: 9px; vertical-align: middle } .minimal-light .esg-filterbutton.selected .esg-filter-checked, .minimal-light .esg-filterbutton:hover .esg-filter-checked { padding: 1px 3px 1px 3px; color: #fff; background: #000; margin-left: 7px; font-size: 9px; font-weight: 300; line-height: 9px; vertical-align: middle } .eg-vanburen-element-0 { font-size: 17px; line-height: 20px; color: #ffffff; font-weight: 800; display: inline-block; float: none; clear: both; margin: 15px 0px 0px 0px; padding: 0px 20px 0px 20px; border-radius: 0px 0px 0px 0px; background-color: rgba(255, 255, 255, 0); position: relative; z-index: 2 !important; text-transform: uppercase } .eg-vanburen-element-2 { font-size: 13px; line-height: 20px; color: #ffffff; font-weight: 400; display: inline-block; float: none; clear: both; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; background-color: rgba(255, 255, 255, 0); position: relative; z-index: 2 !important; text-transform: uppercase } .eg-vanburen-element-5-a{ display: inline-block !important; float:none !important; clear:none !important; margin:0px 10px 0px 0px !important; position:relative !important; } .eg-vanburen-element-5 { position:relative !important; font-size:16px !important; line-height:22px !important; color:#ffffff !important; font-weight:400 !important; padding:17px 17px 17px 17px !important; border-radius:60px 60px 60px 60px !important; background-color:rgba(255,255,255,0.15) !important; z-index:2 !important; display:block ; font-family:"Open Sans" !important; border-top-width:0px !important; border-right-width:0px !important; border-bottom-width:0px !important; border-left-width:0px !important; border-color:#ffffff !important; border-style:solid !important; } .eg-vanburen-element-5:hover { font-size:16px !important; line-height:22px !important; color:#ffffff !important; font-weight:400 !important; border-radius:60px 60px 60px 60px !important; background-color:rgba(0,0,0,0.50) !important; border-top-width:0px !important; border-right-width:0px !important; border-bottom-width:0px !important; border-left-width:0px !important; border-color:#ffffff !important; border-style:solid !important; } .eg-vanburen-element-6-a { display:inline-block !important; float:none !important; clear:none !important; margin:0px 10px 0px 0px !important; position:relative !important; } .eg-vanburen-element-6 { font-size:16px !important; line-height:22px !important; color:#ffffff !important; font-weight:400 !important; padding:17px 17px 17px 17px !important; border-radius:60px 60px 60px 60px !important; background-color:rgba(255,255,255,0.15) !important; z-index:2 !important; display:block; border-top-width:0px !important; border-right-width:0px !important; border-bottom-width:0px !important; border-left-width:0px !important; border-color:#ffffff !important; border-style:solid !important; } .eg-vanburen-element-6:hover { font-size:16px !important; line-height:22px !important; color:#ffffff !important; font-weight:400 !important; border-radius:60px 60px 60px 60px !important; background-color:rgba(0,0,0,0.50) !important; border-top-width:0px !important; border-right-width:0px !important; border-bottom-width:0px !important; border-left-width:0px !important; border-color:#ffffff !important; border-style:solid !important; } .eg-vanburen-container { background-color: rgba(10, 6, 6, 0.85) } .eg-vanburen-content { background-color: #ffffff; padding: 0px 0px 0px 0px; border-width: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; border-color: transparent; border-style: none; text-align: left } .esg-grid .mainul li.eg-vanburen-wrapper { background-color: #363839; padding: 0px 0px 0px 0px; border-width: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; border-color: transparent; border-style: none } /*+++++++++++++++END GALLERY++++++++++++++++++++++ */ /* Global */ .overflow-hidden { overflow:hidden; } .right { float: right; } .center { text-align: center !important; } .w80 { width: 80%; } .w93 { width:93% !important; } .w100 { width: 100%; !important; } .pr_15px { padding-right: 15px; } .white-color { color: #ffffff !important; } .font-8pt { font-size: 8pt !important; } .empty_space-type-a { height: 70px !important; } .empty_space-type-b { height: 30px !important; } .empty_space-type-c { height: 105px !important; } /* end Global */ .fg-custom-width { width:370px; } .fg-custom-width2 { width:380px; } .top_panel_title .bg-breadcrumbs { background-image:url(../http://lovestory-html.themerex.net/images/bg-breadcrumbs.jpg); background-size: cover; } .sc-section-bg-table { background-image:url(../http://lovestory-html.themerex.net/images/rectangle-8-copy-5.jpg); background-repeat:no-repeat; background-size:cover; } .sc-section-bg-contacts { margin-top: 11.5em; background-image:url(../http://lovestory-html.themerex.net/images/back-for-contacts.jpg); background-repeat:no-repeat; background-size:cover; } .sc-contacts-column-custom { text-align: center !important; padding-bottom: 1.4em !important; } .sc-contacts-form { margin: 0 auto; margin-top: 8.8em; margin-bottom: 9em; width:50%; } .sc-contacts-transform { -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size:2.6em; } .sc-contacts-custom-h5 { margin-top: -1.5em; text-align:center; } .sc-contacts-emptyspace { height: 2.5em } .sc-googlemap-param { width:100%; height:573px; } .bl-custom-margin { margin-top: -0.3rem !important; } .bl2-custom-margin { margin-bottom: 1.9em !important; } .bl3-custom-margin { margin-top: -0.33em !important; margin-bottom: 1.3em !important; } .bl4-custom-margin { margin-top: 1.7em !important; margin-bottom: 1.78em !important; } .bl5-custom-margin { margin-top: -0.33em !important; margin-bottom: 1.3em !important; } .h2-custom-margin { margin-top:3.65em; } .h3-custom-margin { margin-top: 3.3em; } .h4-custom-margin { margin-top: 1.5em; } .h5-custom-margin { margin-top: 2.9em; } .h6-custom-margin { margin-top: 7.5em; } .li-custom-color { color:#a3ad6f; } .sc-line-style-margin { margin: 9em 0 !important; border-top-style: solid !important; } /* blog-gallery-post */ .blog-gallery-1 { margin: auto ; } .blog-gallery-1 .gallery-item { float: left !important; margin-top: 10px !important; text-align: center !important; width: 33% !important; } .blog-gallery-1 img { border: 2px solid #cfcfcf !important; } .blog-gallery-1 .gallery-caption { margin-left: 0 !important; } /* end blog-gallery-post */ /* services-our */ .sc-services-bg { background-image: url(../http://lovestory-html.themerex.net/images/bg_green.jpg) !important; } .sc_title-param { margin-top: 0.4em; color:#ffffff !important; font-size:2em; } .sc_section_block-margin { margin-top: 9em !important; } /* services single */ .sc_title-single-margin { margin-top: 0.15em !important; } .product .post_item_wrap.no-pb { padding-bottom: 0; } /* our-team */ .sc_our-team-bg { background-image: url(../http://lovestory-html.themerex.net/images/bg1-1.jpg) !important; background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important; } .sc_our-team-a-margin { margin-top: 11.3em !important; margin-bottom: 10.8em !important; } .sc_our-team-title-margin{ margin-bottom: 2.5em !important; } .sc_our-team-b-margin { margin-top: 8.7em !important; width:100% !important; } /* our-team-single */ .sc_our-team-single-bg { background-image: url(../http://lovestory-html.themerex.net/images/bg_single_team.jpg) !important; background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important; } .sc_our-team-single-column-margin { margin-top: 9em !important; margin-bottom: 9em !important; } .sc_our-team-single-title-margin { margin-top: -3px !important; } .sc_our-team-single-adress-style { font-size: 0.786em !important; text-transform: uppercase !important; letter-spacing: 3.6px !important; color: #cbb9a6 !important; } .sc_our-team-single-custom-color { color: #cbb9a6 !important; } .sc_our-team-single-a-margin { margin-bottom: 3.5em !important ; } .sc_our-team-single-param { margin-top: 5.5em !important; margin-bottom: 5em !important; width:100% !important; } .sc_our-team-single-h2 { margin-top: 1.25em !important; margin-bottom: 0.46em !important; color:#ffffff !important; font-size:3.571em !important; } .sc_skills_count-param { background-color:#cbb9a6 !important; } /* features-shortcodes */ .sc_f-s-bg { background-image: url(../http://lovestory-html.themerex.net/images/bg_cta.jpg) !important; background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important; } .sc_f-s-promo-bg { background-image:url(../http://lovestory-html.themerex.net/images/2-layers.jpg); } .sc_f-s-title-margin { margin-top: -0.25em !important; } .sc_f-s-googlemap-param { width: 100% !important; height: 100% !important; } /* features-support */ .sc_f-sup-bg-a { background-color: #ffffff !important; } .sc_f-sup-bg-b { background-color: #f5f5f5 !important; } .sc_f-sup-mr-a { margin-top: 20px !important; } .sc_f-sup-mr-b { margin-top: 30px !important; } /* features-customization */ .sc_f-cust-bg { background-color: #f6f7f7 !important; } .sc_f-cust-p { font-size: 1.8em !important; font-weight: 300 !important; } /* about-us */ .sc_a-us-margin-type-a { margin-top: 11.3em !important; margin-bottom: 10.8em !important; } .sc_a-us-margin-type-b { margin-bottom: 2.5em !important; } .sc_a-us-margin-type-c { margin-bottom: 1.16em; } .sc_a-us-margin-type-d { margin-top: 6em !important; } .sc_a-us-margin-type-e { margin-top: 7em !important; } .sc_a-us-margin-type-f { margin-bottom: 9em !important; } .sc_a-us-margin-type-g { margin-bottom: 12.95em !important; } .sc_a-us-param-type-a { margin-top: 3.4em !important; text-align:center !important; color:#ffffff !important; font-size:3.571em !important; } .sc_a-us-param-type-b { margin-top: 5em !important; width:136px !important; } .sc_a-us-param-type-c { margin-top: 0.4em !important; color:#ffffff !important; font-size:2em !important; } .sc_a-us-bg-type-a { background-image: url(../http://lovestory-html.themerex.net/images/bg1-1.jpg) !important; background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important; } .sc_a-us-bg-type-b { background-image: url(../http://lovestory-html.themerex.net/images/bg3.jpg) !important; background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important; } .sc_a-us-bg-type-c { background-image: url(../http://lovestory-html.themerex.net/images/bg_green.jpg) !important; } .sc_a-us-bg-type-d { background-image: url(../http://lovestory-html.themerex.net/images/bg3.jpg) !important; background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important; } /* gallery grid */ .sc_gal-grid-param-type-a { background-color: transparent !important; padding: 0 !important; -moz-box-sizing:border-box !important; -webkit-box-sizing:border-box !important; box-sizing:border-box !important; } .sc_gal-grid-param-type-b { height: 5px !important; visibility: hidden !important; } /* HOMEWIDTH */ .sc_home-bg-type-a { background-image: url(../http://lovestory-html.themerex.net/images/bg_green.jpg) !important; } .sc_home-bg-type-b { background-image: url(../http://lovestory-html.themerex.net/images/bg1-1.jpg) !important; background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important; } .sc_home-bg-type-c{ background-image: url(../http://lovestory-html.themerex.net/images/bg_4.jpg) !important; background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important; } .sc_home-bg-type-d { background-image: url(../http://lovestory-html.themerex.net/images/bg3.jpg) !important; background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important; } .sc_home-param-type-a { margin-top: 8.6em !important; width:100% !important; } .sc_home-param-type-b { margin-top: 10.8em !important; width:100% !important; } .sc_home-param-type-c { margin-top: 7em !important; width:100% !important; } .sc_home-param-type-d { margin-top: 3.4em !important; text-align:center !important; color:#ffffff !important; font-size:3.571em !important; } .sc_home-param-type-e { margin-top: 5em !important; width:137px !important; } .sc_home-param-type-f { margin-top: 0.4em !important; color:#ffffff !important; font-size:2em !important; } .sc_home-param-type-g { margin: 0 auto !important; margin-top: 8.5em !important; margin-bottom: 12em !important; width:50% !important; } .sc_home-margin-type-a { margin-top: 11.3em !important; margin-bottom: 10.8em !important; } .sc_home-margin-type-b { margin-bottom: 2.5em !important; } .sc_home-margin-type-c { margin-bottom: 1.16em; } .sc_home-margin-type-d { margin-top: 6em !important; } .sc_home-margin-type-e { margin-top: 12.9em !important; margin-bottom: 12em !important; } .sc_home-margin-type-f { margin-top: 0.5em !important; } .sc_home-margin-type-g { margin-top: 5.5em !important; } .sc_home-margin-type-h { margin-bottom: 9em !important; } .sc_home-margin-type-i { margin-bottom:12.7em !important; } .sc_home-margin-type-j { margin-top: 9em !important; margin-bottom: 9em !important; } .sc_home-font-type-a { font-size:3.571em ; } /* HOMEBOXED */ .sc_home-box-bg-type-a { background: url(../http://lovestory-html.themerex.net/images/bg_main_boxed_version-1.jpg) 0 0 repeat fixed; background-color: #ffffff; } .sc_home-box-bg-type-b { background-image: url(../http://lovestory-html.themerex.net/images/bg_green.jpg) !important; } .sc_home-box-bg-type-c { background-image: url(../http://lovestory-html.themerex.net/images/bg_4.jpg) !important; background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important; } .sc_home-box-bg-type-d { background-color: #f2f1f0 !important; } .sc_home-box-bg-type-e { background-image: url(../http://lovestory-html.themerex.net/images/bg3.jpg) !important; background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important; } .sc_home-box-bg-type-f { background-image: url(../http://lovestory-html.themerex.net/images/bg1-1.jpg) !important; background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important; } .sc_home-box-param-type-a { margin-top: 12.8em !important; width:100% !important; } .sc_home-box-param-type-b { margin-top: 5em !important; margin-bottom: 5em !important; width:100% !important; } .sc_home-box-param-type-c { margin-top: 6em !important; width:100% !important; } .sc_home-box-param-type-d { margin-top: 3.4em !important; text-align:center !important; color:#ffffff !important; font-size:3.571em !important; } .sc_home-box-param-type-e { margin-top: 5em !important; width:137px !important; } .sc_home-box-param-type-f { margin-top: 0.4em !important; color:#ffffff !important; font-size:2em !important; } .sc_home-box-param-type-g { margin: 0 auto !important; margin-top: 8.5em !important; margin-bottom: 12em !important; width:50% !important; } .sc_home-box-margin-type-a { margin-top: 6.5em !important; } .sc_home-box-margin-type-b { margin-top: 9.1em !important; margin-bottom: 9.3em !important; } .sc_home-box-margin-type-c { margin-top: 0.5em !important; } .sc_home-box-margin-type-d { margin-top: 5.5em !important; } .sc_home-box-margin-type-e { margin-top: 9em !important; margin-bottom: 9em !important; } .sc_home-box-margin-type-f { margin-top: 8.8em !important; margin-bottom: 9.2em !important; } .sc_home-box-margin-type-g { margin-bottom:12.7em !important; } .sc_home-box-margin-type-e { margin-top: 9em !important; margin-bottom: 9em !important; } .sc_home-box-font-type-a { font-size:3.571em ; } .sc_home-box-googlemap-param { width:100% !important; height:480px !important; }