Many resources are needed to download a project. Please understand that we have to compensate our server costs. Thank you in advance.
Project price only 1 $
You can buy this project and download/modify it how often you want.
stylesheets.telestax.css Maven / Gradle / Ivy
@import url(https://fonts.googleapis.com/css?family=Varela+Round|Open+Sans:400italic,600italic,400,600|Ubuntu+Mono:400);
/*! normalize.css v2.1.2 | MIT License | git.io/normalize */
/* ========================================================================== HTML5 display definitions ========================================================================== */
/** Correct `block` display not defined in IE 8/9. */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
/** Correct `inline-block` display not defined in IE 8/9. */
audio, canvas, video { display: inline-block; }
/** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
audio:not([controls]) { display: none; height: 0; }
/** Address `[hidden]` styling not present in IE 8/9. Hide the `template` element in IE, Safari, and Firefox < 22. */
[hidden], template { display: none; }
script { display: none !important; }
/* ========================================================================== Base ========================================================================== */
/** 1. Set default font family to sans-serif. 2. Prevent iOS text size adjust after orientation change, without disabling user zoom. */
/** Remove default margin. */
body { margin: 0; }
/* ========================================================================== Links ========================================================================== */
/** Remove the gray background color from active links in IE 10. */
a { background: transparent; }
/** Address `outline` inconsistency between Chrome and other browsers. */
a:focus { outline: thin dotted; }
/** Improve readability when focused and also mouse hovered in all browsers. */
a:active, a:hover { outline: 0; }
/* ========================================================================== Typography ========================================================================== */
/** Address variable `h1` font-size and margin within `section` and `article` contexts in Firefox 4+, Safari 5, and Chrome. */
h1 { font-size: 2em; margin: 0.67em 0; }
/** Address styling not present in IE 8/9, Safari 5, and Chrome. */
abbr[title] { border-bottom: 1px dotted; }
/** Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */
b, strong { font-weight: bold; }
/** Address styling not present in Safari 5 and Chrome. */
dfn { font-style: italic; }
/** Address differences between Firefox and other browsers. */
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }
/** Address styling not present in IE 8/9. */
mark { background: #ff0; color: #000; }
/** Correct font family set oddly in Safari 5 and Chrome. */
code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; }
/** Improve readability of pre-formatted text in all browsers. */
pre { white-space: pre-wrap; }
/** Set consistent quote types. */
q { quotes: "\201C" "\201D" "\2018" "\2019"; }
/** Address inconsistent and variable font size in all browsers. */
small { font-size: 80%; }
/** Prevent `sub` and `sup` affecting `line-height` in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
/* ========================================================================== Embedded content ========================================================================== */
/** Remove border when inside `a` element in IE 8/9. */
img { border: 0; }
/** Correct overflow displayed oddly in IE 9. */
svg:not(:root) { overflow: hidden; }
/* ========================================================================== Figures ========================================================================== */
/** Address margin not present in IE 8/9 and Safari 5. */
figure { margin: 0; }
/* ========================================================================== Forms ========================================================================== */
/** Define consistent border, margin, and padding. */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
/** 1. Correct `color` not being inherited in IE 8/9. 2. Remove padding so people aren't caught out if they zero out fieldsets. */
legend { border: 0; /* 1 */ padding: 0; /* 2 */ }
/** 1. Correct font family not being inherited in all browsers. 2. Correct font size not being inherited in all browsers. 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. */
button, input, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ }
/** Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
button, input { line-height: normal; }
/** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+. Correct `select` style inheritance in Firefox 4+ and Opera. */
button, select { text-transform: none; }
/** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. */
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ }
/** Re-set default cursor for disabled elements. */
button[disabled], html input[disabled] { cursor: default; }
/** 1. Address box sizing set to `content-box` in IE 8/9. 2. Remove excess padding in IE 8/9. */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }
/** 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome (include `-moz` to future-proof). */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; }
/** Remove inner padding and search cancel button in Safari 5 and Chrome on OS X. */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
/** Remove inner padding and border in Firefox 4+. */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
/** 1. Remove default vertical scrollbar in IE 8/9. 2. Improve readability and alignment in all browsers. */
textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ }
/* ========================================================================== Tables ========================================================================== */
/** Remove most spacing between table cells. */
table { border-collapse: collapse; border-spacing: 0; }
meta.foundation-mq-small { font-family: "only screen and (min-width: 768px)"; width: 768px; }
meta.foundation-mq-medium { font-family: "only screen and (min-width:1280px)"; width: 1280px; }
meta.foundation-mq-large { font-family: "only screen and (min-width:1440px)"; width: 1440px; }
*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
html, body { font-size: 100%; }
body { background: #fefdfd; color: rgba(0, 0, 0, 0.8); padding: 0; margin: 0; font-family: "Open Sans", sans-serif; font-weight: normal; font-style: normal; line-height: 1; position: relative; cursor: auto; }
a:hover { cursor: pointer; }
img, object, embed { height: 100%; width: 100%; max-width: 100%; height: auto; }
object, embed { height: 100%; }
img { -ms-interpolation-mode: bicubic; }
#map_canvas img, #map_canvas embed, #map_canvas object, .map_canvas img, .map_canvas embed, .map_canvas object { max-width: none !important; }
.left { float: left !important; }
.right { float: right !important; }
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.text-center { text-align: center !important; }
.text-justify { text-align: justify !important; }
.hide { display: none; }
.antialiased, body { -webkit-font-smoothing: antialiased; }
img { display: inline-block; vertical-align: middle; }
textarea { height: auto; min-height: 50px; }
select { width: 100%; }
object, svg { display: inline-block; vertical-align: middle; }
.center { margin-left: auto; margin-right: auto; }
.spread { width: 100%; }
p.lead, .paragraph.lead > p, #preamble > .sectionbody > .paragraph:first-of-type p { font-size: 1.21875em; line-height: 1.6; }
.subheader, .admonitionblock td.content > .title, .audioblock > .title, .exampleblock > .title, .imageblock > .title, .listingblock > .title, .literalblock > .title, .stemblock > .title, .openblock > .title, .paragraph > .title, .quoteblock > .title, table.tableblock > .title, .verseblock > .title, .videoblock > .title, .dlist > .title, .olist > .title, .ulist > .title, .qlist > .title, .hdlist > .title { line-height: 1.25; color: #002c5e; font-weight: 300; margin-top: 0.2em; margin-bottom: 0.5em; }
/* Typography resets */
div, dl, dt, dd, ul, ol, li, h1, h2, h3, #toctitle, .sidebarblock > .content > .title, h4, h5, h6, pre, form, p, blockquote, th, td { margin: 0; padding: 0; direction: ltr; }
/* Default Link Styles */
a { color: #005580; text-decoration: underline; line-height: inherit; }
a:hover, a:focus { color: #078d71; }
a img { border: none; }
/* Default paragraph styles */
p { font-family: inherit; font-weight: normal; font-size: 1em; line-height: 1.5; margin-bottom: 1.25em; text-rendering: optimizeLegibility; }
p aside { font-size: 0.875em; line-height: 1.35; font-style: italic; }
/* Default header styles */
h1, h2, h3, #toctitle, .sidebarblock > .content > .title, h4, h5, h6 { font-family: "Varela Round", sans-serif; font-weight: 400; font-style: normal; color: #00326b; text-rendering: optimizeLegibility; margin-top: 0.8em; margin-bottom: 0.5em; line-height: 1.0625em; }
h1 small, h2 small, h3 small, #toctitle small, .sidebarblock > .content > .title small, h4 small, h5 small, h6 small {color: #057aff; line-height: 0; }
h1 { font-size: 2.125em; }
h2 { font-size: 1.6875em; }
h3, #toctitle, .sidebarblock > .content > .title { font-size: 1.375em; }
h4 { font-size: 1.125em; }
h5 { font-size: 1.125em; }
h6 { font-size: 1em; }
hr { border: solid rgba(145, 135, 84, 0.15); border-width: 1px 0 0; clear: both; margin: 1.25em 0 1.1875em; height: 0; }
/* Helpful Typography Defaults */
em, i { font-style: italic; line-height: inherit; }
strong, b { font-weight: bold; line-height: inherit; }
small { font-size: 60%; line-height: inherit; }
code { font-family: "Ubuntu Mono", "Inconsolata", monospace; font-weight: 400; color: #331d00; }
/* Lists */
ul, ol, dl { font-size: 1em; line-height: 1.5; margin-bottom: 1.25em; list-style-position: outside; font-family: inherit; }
ul, ol { margin-left: 1.5em; }
ul.no-bullet, ol.no-bullet { margin-left: 1.5em; }
/* Unordered Lists */
ul li ul, ul li ol { margin-left: 1.25em; margin-bottom: 0; font-size: 1em; /* Override nested font-size change */ }
ul.square li ul, ul.circle li ul, ul.disc li ul { list-style: inherit; }
ul.square { list-style-type: square; }
ul.circle { list-style-type: circle; }
ul.disc { list-style-type: disc; }
ul.no-bullet { list-style: none; }
/* Ordered Lists */
ol li ul, ol li ol { margin-left: 1.25em; margin-bottom: 0; }
/* Definition Lists */
dl dt { margin-bottom: 0.3125em; font-weight: bold; }
dl dd { margin-bottom: 1.25em; }
/* Abbreviations */
abbr, acronym { text-transform: uppercase; font-size: 90%; color: rgba(0, 0, 0, 0.8); border-bottom: 1px dotted #dddddd; cursor: help; }
abbr { text-transform: none; }
/* Blockquotes */
blockquote { margin: 0 0 1.25em; padding: 0.5625em 1.25em 0 1.1875em; border-left: 1px solid #dddddd; }
blockquote cite { display: block; font-size: 0.8125em; color: #666666; }
blockquote cite:before { content: "\2014 \0020"; }
blockquote cite a, blockquote cite a:visited { color: #666666; }
blockquote, blockquote p { line-height: 1.5; color: #999999; }
/* Microformats */
.vcard { display: inline-block; margin: 0 0 1.25em 0; border: 1px solid #dddddd; padding: 0.625em 0.75em; }
.vcard li { margin: 0; display: block; }
.vcard .fn { font-weight: bold; font-size: 0.9375em; }
.vevent .summary { font-weight: bold; }
.vevent abbr { cursor: auto; text-decoration: none; font-weight: bold; border: none; padding: 0 0.0625em; }
@media only screen and (min-width: 768px) { h1, h2, h3, #toctitle, .sidebarblock > .content > .title, h4, h5, h6 { line-height: 1.25; }
h1 { font-size: 2.75em; }
h2 { font-size: 2.3125em; }
h3, #toctitle, .sidebarblock > .content > .title { font-size: 1.6875em; }
h4 { font-size: 1.4375em; } }
/* Tables */
table { background: white; margin-bottom: 1.25em; border: solid 1px rgba(145, 135, 84, 0.15); }
table thead, table tfoot { background: rgba(119, 84, 22, 0.1); font-weight: bold; }
table thead tr th, table thead tr td, table tfoot tr th, table tfoot tr td { padding: 0.5em 0.625em 0.625em; font-size: inherit; color: rgba(0, 0, 0, 0.8); text-align: left; }
table tr th, table tr td { padding: 0.5625em 0.625em; font-size: inherit; color: rgba(0, 0, 0, 0.8); }
table tr.even, table tr.alt, table tr:nth-of-type(even) { background: rgba(119, 84, 22, 0.025); }
table thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoot tr td { display: table-cell; line-height: 1.5; }
body { tab-size: 4; }
h1, h2, h3, #toctitle, .sidebarblock > .content > .title, h4, h5, h6 { line-height: 1.25; }
.clearfix:before, .clearfix:after, .float-group:before, .float-group:after { content: " "; display: table; }
.clearfix:after, .float-group:after { clear: both; }
*:not(pre) > code { font-size: 0.86667em; font-style: normal !important; letter-spacing: 0; padding: 1px 5px 1px 5px; background-color: transparent; border: 1px solid #dddddd; -webkit-border-radius: 3px; border-radius: 3px; line-height: inherit; }
pre, pre > code { line-height: 1.6; color: white; font-family: Consolas, "Liberation Mono", Courier, monospace; font-weight: normal; }
.keyseq { color: rgba(51, 51, 51, 0.8); }
kbd { font-family: "Ubuntu Mono", "Inconsolata", monospace; display: inline-block; color: rgba(0, 0, 0, 0.8); font-size: 0.65em; line-height: 1.45; background-color: #f7f7f7; border: 1px solid #ccc; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 0 0 0 0.1em white inset; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 0 0 0 0.1em white inset; margin: 0 0.15em; padding: 0.2em 0.5em; vertical-align: middle; position: relative; top: -0.1em; white-space: nowrap; }
.keyseq kbd:first-child { margin-left: 0; }
.keyseq kbd:last-child { margin-right: 0; }
.menuseq, .menu { color: rgba(0, 0, 0, 0.8); }
b.button:before, b.button:after { position: relative; top: -1px; font-weight: normal; }
b.button:before { content: "["; padding: 0 3px 0 2px; }
b.button:after { content: "]"; padding: 0 2px 0 3px; }
p a > code:hover { color: #1a0f00; }
#header, #content, #footnotes, #footer { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; max-width: 62.5em; *zoom: 1; position: relative; padding-left: 0.9375em; padding-right: 0.9375em; }
#header:before, #header:after, #content:before, #content:after, #footnotes:before, #footnotes:after, #footer:before, #footer:after { content: " "; display: table; }
#header:after, #content:after, #footnotes:after, #footer:after { clear: both; }
#content { margin-top: 1.25em; }
#content:before { content: none; }
#header > h1:first-child { color: #703f1c; margin-top: 2.25rem; margin-bottom: 0; }
#header > h1:first-child + #toc { margin-top: 8px; border-top: 1px solid rgba(145, 135, 84, 0.15); }
#header > h1:only-child, body.toc2 #header > h1:nth-last-child(2) { border-bottom: 1px solid rgba(145, 135, 84, 0.15); padding-bottom: 8px; }
#header .details { border-bottom: 1px solid rgba(145, 135, 84, 0.15); line-height: 1.45; padding-top: 0.25em; padding-bottom: 0.25em; padding-left: 0.25em; color: #666666; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-flow: row wrap; -webkit-flex-flow: row wrap; flex-flow: row wrap; }
#header .details span:first-child { margin-left: -0.125em; }
#header .details span.email a { color: #999999; }
#header .details br { display: none; }
#header .details br + span:before { content: "\00a0\2013\00a0"; }
#header .details br + span.author:before { content: "\00a0\22c5\00a0"; color: #999999; }
#header .details br + span#revremark:before { content: "\00a0|\00a0"; }
#header #revnumber { text-transform: capitalize; }
#header #revnumber:after { content: "\00a0"; }
#content > h1:first-child:not([class]) { color: #703f1c; border-bottom: 1px solid rgba(145, 135, 84, 0.15); padding-bottom: 8px; margin-top: 0; padding-top: 1rem; margin-bottom: 1.25rem; }
#toc { border-bottom: 0px solid #dddddd; padding-bottom: 0.5em; }
#toc > ul { margin-left: 0.125em; }
#toc ul.sectlevel0 > li > a { font-style: italic; }
#toc ul.sectlevel0 ul.sectlevel1 { margin: 0.5em 0; }
#toc ul { font-family: "Varela Round", sans-serif; list-style-type: none; }
#toc li { line-height: 1.3334; margin-top: 0.3334em; }
#toc a { text-decoration: none; }
#toc a:active { text-decoration: underline; }
#toctitle { color: #002c5e; font-size: 1.2em; }
@media only screen and (min-width: 768px) { #toctitle { font-size: 1.375em; }
body.toc2 { padding-left: 15em; padding-right: 0; }
#toc.toc2 { margin-top: 0 !important; background-color: #f2f2f4; position: fixed; width: 15em; left: 0; top: 0; border-right: 1px solid #dddddd; border-top-width: 0 !important; border-bottom-width: 0 !important; z-index: 1000; padding: 1.25em 1em; height: 100%; overflow: auto; }
#toc.toc2 #toctitle { margin-top: 0; margin-bottom: 0.8rem; font-size: 1.2em; }
#toc.toc2 > ul { font-size: 0.9em; margin-bottom: 0; }
#toc.toc2 ul ul { margin-left: 0; padding-left: 1em; }
#toc.toc2 ul.sectlevel0 ul.sectlevel1 { padding-left: 0; margin-top: 0.5em; margin-bottom: 0.5em; }
body.toc2.toc-right { padding-left: 0; padding-right: 15em; }
body.toc2.toc-right #toc.toc2 { border-right-width: 0; border-left: 1px solid #dddddd; left: auto; right: 0; } }
@media only screen and (min-width: 1280px) { body.toc2 { padding-left: 20em; padding-right: 0; }
#toc.toc2 { width: 20em; }
#toc.toc2 #toctitle { font-size: 1.375em; }
#toc.toc2 > ul { font-size: 0.95em; }
#toc.toc2 ul ul { padding-left: 1.25em; }
body.toc2.toc-right { padding-left: 0; padding-right: 20em; } }
#content #toc { border-style: solid; border-width: 1px; border-color: #d6d6dd; margin-bottom: 1.25em; padding: 1.25em; background: #f2f2f4; -webkit-border-radius: 6px; border-radius: 6px; }
#content #toc > :first-child { margin-top: 0; }
#content #toc > :last-child { margin-bottom: 0; }
#footer { max-width: 100%; background-color: #0b445a; padding: 1.25em; }
#footer-text { color: #fefdfd; line-height: 1.35; }
.sect1 { padding-bottom: 0.625em; }
@media only screen and (min-width: 768px) { .sect1 { padding-bottom: 1.25em; } }
.sect1 + .sect1 { border-top: 0px solid #dddddd; }
#content h1 > a.anchor, h2 > a.anchor, h3 > a.anchor, #toctitle > a.anchor, .sidebarblock > .content > .title > a.anchor, h4 > a.anchor, h5 > a.anchor, h6 > a.anchor { position: absolute; z-index: 1001; width: 1.5ex; margin-left: -1.5ex; display: block; text-decoration: none !important; visibility: hidden; text-align: center; font-weight: normal; }
#content h1 > a.anchor:before, h2 > a.anchor:before, h3 > a.anchor:before, #toctitle > a.anchor:before, .sidebarblock > .content > .title > a.anchor:before, h4 > a.anchor:before, h5 > a.anchor:before, h6 > a.anchor:before { content: "\00A7"; display: block; padding-top: 0.1em; }
#content h1:hover > a.anchor, #content h1 > a.anchor:hover, h2:hover > a.anchor, h2 > a.anchor:hover, h3:hover > a.anchor, #toctitle:hover > a.anchor, .sidebarblock > .content > .title:hover > a.anchor, h3 > a.anchor:hover, #toctitle > a.anchor:hover, .sidebarblock > .content > .title > a.anchor:hover, h4:hover > a.anchor, h4 > a.anchor:hover, h5:hover > a.anchor, h5 > a.anchor:hover, h6:hover > a.anchor, h6 > a.anchor:hover { visibility: visible; }
#content h1 > a.link, h2 > a.link, h3 > a.link, #toctitle > a.link, .sidebarblock > .content > .title > a.link, h4 > a.link, h5 > a.link, h6 > a.link { color: #00326b; text-decoration: none; }
#content h1 > a.link:hover, h2 > a.link:hover, h3 > a.link:hover, #toctitle > a.link:hover, .sidebarblock > .content > .title > a.link:hover, h4 > a.link:hover, h5 > a.link:hover, h6 > a.link:hover { color: #002652; }
.audioblock, .imageblock, .literalblock, .listingblock, .stemblock, .videoblock { margin-bottom: 1.25em; }
.admonitionblock td.content > .title, .audioblock > .title, .exampleblock > .title, .imageblock > .title, .listingblock > .title, .literalblock > .title, .stemblock > .title, .openblock > .title, .paragraph > .title, .quoteblock > .title, table.tableblock > .title, .verseblock > .title, .videoblock > .title, .dlist > .title, .olist > .title, .ulist > .title, .qlist > .title, .hdlist > .title { text-rendering: optimizeLegibility; text-align: left; }
table.tableblock > caption.title { white-space: nowrap; overflow: visible; max-width: 0; }
.paragraph.lead > p, #preamble > .sectionbody > .paragraph:first-of-type p { color: #703f1c; }
table.tableblock #preamble > .sectionbody > .paragraph:first-of-type p { font-size: inherit; }
content > img { width:100%; height:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.admonitionblock > table { border-collapse: separate; border: 0; background: none; width: 100%; }
.admonitionblock > table td.icon { vertical-align: middle; text-align: center; width: 80px; }
.admonitionblock > table td.icon img { max-width: none; }
.admonitionblock > table td.icon .title { font-weight: bold; font-family: "Varela Round", sans-serif; text-transform: uppercase; }
.admonitionblock > table td.content { padding-left: 1.125em; padding-right: 1.25em; border-left: 1px solid rgba(145, 135, 84, 0.15); color: #666666; text-align: left;}
.admonitionblock > table td.content > :last-child > :last-child { margin-bottom: 0; }
.exampleblock > .content { border-style: solid; border-width: 1px; border-color: #eddbdb; margin-bottom: 1.25em; padding: 1.25em; background: #fefdfd; -webkit-border-radius: 6px; border-radius: 6px; }
.exampleblock > .content > :first-child { margin-top: 0; }
.exampleblock > .content > :last-child { margin-bottom: 0; }
.sidebarblock { border-style: solid; border-width: 1px; border-color: #d6d6dd; margin-bottom: 1.25em; padding: 1.25em; background: #f2f2f4; -webkit-border-radius: 6px; border-radius: 6px; }
.sidebarblock > :first-child { margin-top: 0; }
.sidebarblock > :last-child { margin-bottom: 0; }
.sidebarblock > .content > .title { color: #002c5e; margin-top: 0; }
.exampleblock > .content > :last-child > :last-child, .exampleblock > .content .olist > ol > li:last-child > :last-child, .exampleblock > .content .ulist > ul > li:last-child > :last-child, .exampleblock > .content .qlist > ol > li:last-child > :last-child, .sidebarblock > .content > :last-child > :last-child, .sidebarblock > .content .olist > ol > li:last-child > :last-child, .sidebarblock > .content .ulist > ul > li:last-child > :last-child, .sidebarblock > .content .qlist > ol > li:last-child > :last-child { margin-bottom: 0; }
.literalblock pre, .listingblock pre:not(.highlight), .listingblock pre[class="highlight"], .listingblock pre[class^="highlight "], .listingblock pre.CodeRay, .listingblock pre.prettyprint { background: rgba(16, 195, 196, 0.05); }
.sidebarblock .literalblock pre, .sidebarblock .listingblock pre:not(.highlight), .sidebarblock .listingblock pre[class="highlight"], .sidebarblock .listingblock pre[class^="highlight "], .sidebarblock .listingblock pre.CodeRay, .sidebarblock .listingblock pre.prettyprint { background: #f2f1f1; }
.literalblock pre, .literalblock pre[class], .listingblock pre, .listingblock pre[class] { border: 1px solid rgba(16, 195, 196, 0.125); -webkit-border-radius: 6px; border-radius: 6px; word-wrap: break-word; padding: 1em; font-size: 0.8125em; }
.literalblock pre.nowrap, .literalblock pre[class].nowrap, .listingblock pre.nowrap, .listingblock pre[class].nowrap { overflow-x: auto; white-space: pre; word-wrap: normal; }
@media only screen and (min-width: 768px) { .literalblock pre, .literalblock pre[class], .listingblock pre, .listingblock pre[class] { font-size: 0.90625em; } }
@media only screen and (min-width: 1280px) { .literalblock pre, .literalblock pre[class], .listingblock pre, .listingblock pre[class] { font-size: 1em; } }
.literalblock.output pre { color: rgba(16, 195, 196, 0.05); background-color: inherit; }
.literalblock > .content pre, .listingblock > .content pre { background: #333333; border-width: 2px; border-style: solid; border-color: #dddddd; -webkit-border-radius: 3px; border-radius: 3px; padding: 0.66667em; word-wrap: break-word; }
.listingblock pre.highlightjs { padding: 0; }
.listingblock pre.highlightjs > code { padding: 1em; -webkit-border-radius: 6px; border-radius: 6px; }
/*.listingblock > .content { position: relative; }*/
.listingblock > .content pre, .listingblock > .content pre { background: #333333; border-width: 2px; border-style: solid; border-color: #dddddd; -webkit-border-radius: 3px; border-radius: 3px; padding: 0.66667em; word-wrap: break-word; }
.listingblock code[data-lang]:before { display: none; content: attr(data-lang); position: absolute; font-size: 0.75em; top: 0.425rem; right: 0.5rem; line-height: 1; text-transform: uppercase; color: #999; }
.listingblock:hover code[data-lang]:before { display: block; }
.listingblock.terminal pre .command:before { content: attr(data-prompt); padding-right: 0.5em; color: #999; }
.listingblock.terminal pre .command:not([data-prompt]):before { content: "$"; }
table.pyhltable { border-collapse: separate; border: 0; margin-bottom: 0; background: none; }
table.pyhltable td { vertical-align: top; padding-top: 0; padding-bottom: 0; line-height: 1.4; }
table.pyhltable td.code { padding-left: .75em; padding-right: 0; }
pre.pygments .lineno, table.pyhltable td:not(.code) { color: #999; padding-left: 0; padding-right: .5em; border-right: 1px solid rgba(145, 135, 84, 0.15); }
pre.pygments .lineno { display: inline-block; margin-right: .25em; }
table.pyhltable .linenodiv { background: none !important; padding-right: 0 !important; }
.quoteblock { margin: 0 1em 1.25em 1.5em; display: table; }
.quoteblock > .title { margin-left: -1.5em; margin-bottom: 0.75em; }
.quoteblock blockquote, .quoteblock blockquote p { color: #999999; font-size: 1.15rem; line-height: 1.75; word-spacing: 0.1em; letter-spacing: 0; font-style: italic; text-align: justify; }
.quoteblock blockquote { margin: 0; padding: 0; border: 0; }
.quoteblock blockquote:before { content: "\201c"; float: left; font-size: 2.75em; font-weight: bold; line-height: 0.6em; margin-left: -0.6em; color: #002c5e; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); }
.quoteblock blockquote > .paragraph:last-child p { margin-bottom: 0; }
.quoteblock .attribution { margin-top: 0.5em; margin-right: 0.5ex; text-align: right; }
.quoteblock .quoteblock { margin-left: 0; margin-right: 0; padding: 0.5em 0; border-left: 3px solid #666666; }
.quoteblock .quoteblock blockquote { padding: 0 0 0 0.75em; }
.quoteblock .quoteblock blockquote:before { display: none; }
.verseblock { margin: 0 1em 1.25em 1em; }
.verseblock pre { font-family: "Open Sans", "DejaVu Sans", sans; font-size: 1.15rem; color: #999999; font-weight: 300; text-rendering: optimizeLegibility; }
.verseblock pre strong { font-weight: 400; }
.verseblock .attribution { margin-top: 1.25rem; margin-left: 0.5ex; }
.quoteblock .attribution, .verseblock .attribution { font-size: 0.8125em; line-height: 1.45; font-style: italic; }
.quoteblock .attribution br, .verseblock .attribution br { display: none; }
.quoteblock .attribution cite, .verseblock .attribution cite { display: block; letter-spacing: -0.025em; color: #666666; }
.quoteblock.abstract { margin: 0 0 1.25em 0; display: block; }
.quoteblock.abstract blockquote, .quoteblock.abstract blockquote p { text-align: left; word-spacing: 0; }
.quoteblock.abstract blockquote:before, .quoteblock.abstract blockquote p:first-of-type:before { display: none; }
table.tableblock { max-width: 100%; border-collapse: separate; }
table.tableblock td > .paragraph:last-child p > p:last-child, table.tableblock th > p:last-child, table.tableblock td > p:last-child { margin-bottom: 0; }
table.tableblock, th.tableblock, td.tableblock { border: 0 solid rgba(145, 135, 84, 0.15); }
table.grid-all th.tableblock, table.grid-all td.tableblock { border-width: 0 1px 1px 0; }
table.grid-all tfoot > tr > th.tableblock, table.grid-all tfoot > tr > td.tableblock { border-width: 1px 1px 0 0; }
table.grid-cols th.tableblock, table.grid-cols td.tableblock { border-width: 0 1px 0 0; }
table.grid-all * > tr > .tableblock:last-child, table.grid-cols * > tr > .tableblock:last-child { border-right-width: 0; }
table.grid-rows th.tableblock, table.grid-rows td.tableblock { border-width: 0 0 1px 0; }
table.grid-all tbody > tr:last-child > th.tableblock, table.grid-all tbody > tr:last-child > td.tableblock, table.grid-all thead:last-child > tr > th.tableblock, table.grid-rows tbody > tr:last-child > th.tableblock, table.grid-rows tbody > tr:last-child > td.tableblock, table.grid-rows thead:last-child > tr > th.tableblock { border-bottom-width: 0; }
table.grid-rows tfoot > tr > th.tableblock, table.grid-rows tfoot > tr > td.tableblock { border-width: 1px 0 0 0; }
table.frame-all { border-width: 1px; }
table.frame-sides { border-width: 0 1px; }
table.frame-topbot { border-width: 1px 0; }
th.halign-left, td.halign-left { text-align: left; }
th.halign-right, td.halign-right { text-align: right; }
th.halign-center, td.halign-center { text-align: center; }
th.valign-top, td.valign-top { vertical-align: top; }
th.valign-bottom, td.valign-bottom { vertical-align: bottom; }
th.valign-middle, td.valign-middle { vertical-align: middle; }
table thead th, table tfoot th { font-weight: bold; }
tbody tr th { display: table-cell; line-height: 1.5; background: rgba(119, 84, 22, 0.1); }
tbody tr th, tbody tr th p, tfoot tr th, tfoot tr th p { color: rgba(0, 0, 0, 0.8); font-weight: bold; }
p.tableblock > code:only-child { background: none; padding: 0; }
p.tableblock { font-size: 1em; }
td > div.verse { white-space: pre; }
ol { margin-left: 1.75em; }
ul li ol { margin-left: 1.5em; }
dl dd { margin-left: 1.125em; }
dl dd:last-child, dl dd:last-child > :last-child { margin-bottom: 0; }
ol > li p, ul > li p, ul dd, ol dd, .olist .olist, .ulist .ulist, .ulist .olist, .olist .ulist { margin-bottom: 0.625em; }
ul.unstyled, ol.unnumbered, ul.checklist, ul.none { list-style-type: none; }
ul.unstyled, ol.unnumbered, ul.checklist { margin-left: 0.625em; }
ul.checklist li > p:first-child > .fa-square-o:first-child, ul.checklist li > p:first-child > .fa-check-square-o:first-child { width: 1em; font-size: 0.85em; }
ul.checklist li > p:first-child > input[type="checkbox"]:first-child { width: 1em; position: relative; top: 1px; }
ul.inline { margin: 0 auto 0.625em auto; margin-left: -1.375em; margin-right: 0; padding: 0; list-style: none; overflow: hidden; }
ul.inline > li { list-style: none; float: left; margin-left: 1.375em; display: block; }
ul.inline > li > * { display: block; }
.unstyled dl dt { font-weight: normal; font-style: normal; }
ol.arabic { list-style-type: decimal; }
ol.decimal { list-style-type: decimal-leading-zero; }
ol.loweralpha { list-style-type: lower-alpha; }
ol.upperalpha { list-style-type: upper-alpha; }
ol.lowerroman { list-style-type: lower-roman; }
ol.upperroman { list-style-type: upper-roman; }
ol.lowergreek { list-style-type: lower-greek; }
.hdlist > table, .colist > table { border: 0; background: none; }
.hdlist > table > tbody > tr, .colist > table > tbody > tr { background: none; }
td.hdlist1, td.hdlist2 { vertical-align: top; padding: 0 0.625em; }
td.hdlist1 { font-weight: bold; padding-bottom: 1.25em; }
.literalblock + .colist, .listingblock + .colist { margin-top: -0.5em; }
.colist > table tr > td:first-of-type { padding: 0 0.75em; line-height: 1; }
.colist > table tr > td:last-of-type { padding: 0.25em 0; }
.thumb, .th { line-height: 0; display: inline-block; border: solid 4px white; -webkit-box-shadow: 0 0 0 1px #dddddd; box-shadow: 0 0 0 1px #dddddd; }
.imageblock.left, .imageblock[style*="float: left"] { margin: 0.25em 0.625em 1.25em 0; }
.imageblock.right, .imageblock[style*="float: right"] { margin: 0.25em 0 1.25em 0.625em; }
.imageblock > .title { margin-bottom: 0; }
.imageblock.thumb, .imageblock.th { border-width: 6px; }
.imageblock.thumb > .title, .imageblock.th > .title { padding: 0 0.125em; }
.image.left, .image.right { margin-top: 0.25em; margin-bottom: 0.25em; display: inline-block; line-height: 0; }
.image.left { margin-right: 0.625em; }
.image.right { margin-left: 0.625em; }
a.image { text-decoration: none; display: inline-block; }
a.image object { pointer-events: none; }
sup.footnote, sup.footnoteref { font-size: 0.875em; position: static; vertical-align: super; }
sup.footnote a, sup.footnoteref a { text-decoration: none; }
sup.footnote a:active, sup.footnoteref a:active { text-decoration: underline; }
#footnotes { padding-top: 0.75em; padding-bottom: 0.75em; margin-bottom: 0.625em; }
#footnotes hr { width: 20%; min-width: 6.25em; margin: -0.25em 0 0.75em 0; border-width: 1px 0 0 0; }
#footnotes .footnote { padding: 0 0.375em 0 0.225em; line-height: 1.3334; font-size: 0.875em; margin-left: 1.2em; text-indent: -1.05em; margin-bottom: 0.2em; }
#footnotes .footnote a:first-of-type { font-weight: bold; text-decoration: none; }
#footnotes .footnote:last-of-type { margin-bottom: 0; }
#content #footnotes { margin-top: -0.625em; margin-bottom: 0; padding: 0.75em 0; }
.gist .file-data > table { border: 0; background: #fff; width: 100%; margin-bottom: 0; }
.gist .file-data > table td.line-data { width: 99%; }
div.unbreakable { page-break-inside: avoid; }
.big { font-size: larger; }
.small { font-size: smaller; }
.underline { text-decoration: underline; }
.overline { text-decoration: overline; }
.line-through { text-decoration: line-through; }
.aqua { color: #00bfbf; }
.aqua-background { background-color: #00fafa; }
.black { color: black; }
.black-background { background-color: black; }
.blue { color: #0000bf; }
.blue-background { background-color: #0000fa; }
.fuchsia { color: #bf00bf; }
.fuchsia-background { background-color: #fa00fa; }
.gray { color: #606060; }
.gray-background { background-color: #7d7d7d; }
.green { color: #006000; }
.green-background { background-color: #007d00; }
.lime { color: #00bf00; }
.lime-background { background-color: #00fa00; }
.maroon { color: #600000; }
.maroon-background { background-color: #7d0000; }
.navy { color: #000060; }
.navy-background { background-color: #00007d; }
.olive { color: #606000; }
.olive-background { background-color: #7d7d00; }
.purple { color: #600060; }
.purple-background { background-color: #7d007d; }
.red { color: #bf0000; }
.red-background { background-color: #fa0000; }
.silver { color: #909090; }
.silver-background { background-color: #bcbcbc; }
.teal { color: #006060; }
.teal-background { background-color: #007d7d; }
.white { color: #bfbfbf; }
.white-background { background-color: #fafafa; }
.yellow { color: #bfbf00; }
.yellow-background { background-color: #fafa00; }
span.icon > .fa { cursor: default; }
.admonitionblock td.icon [class^="fa icon-"] { font-size: 2.5em; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); cursor: default; }
.admonitionblock td.icon .icon-note:before { content: "\f05a"; color: #004060; }
.admonitionblock td.icon .icon-tip:before { content: "\f0eb"; text-shadow: 1px 1px 2px rgba(155, 155, 0, 0.8); color: #111; }
.admonitionblock td.icon .icon-warning:before { content: "\f071"; color: #bf6900; }
.admonitionblock td.icon .icon-caution:before { content: "\f06d"; color: #bf3400; }
.admonitionblock td.icon .icon-important:before { content: "\f06a"; color: #bf0000; }
.conum[data-value] { display: inline-block; color: #fff !important; background-color: rgba(0, 0, 0, 0.8); -webkit-border-radius: 100px; border-radius: 100px; text-align: center; font-size: 0.75em; width: 1.67em; height: 1.67em; line-height: 1.67em; font-family: "Open Sans", "DejaVu Sans", sans-serif; font-style: normal; font-weight: bold; }
.conum[data-value] * { color: #fff !important; }
.conum[data-value] + b { display: none; }
.conum[data-value]:after { content: attr(data-value); }
pre .conum[data-value] { position: relative; top: -0.125em; }
b.conum * { color: inherit !important; }
.conum:not([data-value]):empty { display: none; }
#toc.toc2 ul ul { list-style-type: circle; padding-left: 2em; }
.sect1 { padding-bottom: 0 !important; margin-bottom: 2.5em; }
#header h1 { font-weight: bold; position: relative; left: -0.0625em; }
#content h2, #content h3, #content #toctitle, #content .sidebarblock > .content > .title, #content h4, #content h5, #content #toctitle { position: relative; left: -0.0625em; }
#content h2 { font-weight: bold; }
.paragraph.lead > p, #preamble > .sectionbody > .paragraph:first-of-type p { color: black; }
pre.pygments.highlight { background-color: rgba(16, 195, 196, 0.05); }
.pygments .tok-err { border: none !important; color: #800000 !important; }
.pygments .tok-c { color: #999 !important; }
/*Telestax stylesheet.css */
.wp-caption,
.wp-caption-text,
.sticky,
.gallery-caption,
.bypostauthor{
opacity: 1;
}
.clearfix:before,
.clearfix:after {
content: " "; /* 1 */
display: table; /* 2 */
}
.clearfix:after {
clear: both;
}
.clearfix {
*zoom: 1;
}
.clear:after {
clear: both;
content: "";
display: block;
}
/* Webkit */
::selection {
background: #f25f33;
color: #fff;
}
/* Gecko/Mozilla */
::-moz-selection {
background: #f25f33
color: #fff;
}
.alignleft {
float: left;
margin: 0 20px 20px 0;
}
.alignright {
float: right;
margin: 0 0 20px 20px;
}
.aligncenter {
display: block;
margin: 10px auto;
}
.header_top .aligncenter{
margin: 8px auto;
}
.text-align-right {
text-align: right;
}
.text-align-left {
text-align: left;
}
.text-align-center {
text-align: center;
}
/*.content ul ul,
.content ol ol{
padding:0 0 0 15px;
}*/
/* =Reset default browser CSS.
-------------------------------------------------------------- */
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,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
{
background: transparent;
border: 0;
margin: 0;
padding: 0;
vertical-align: baseline;
outline: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
display: block;
}
blockquote {
quotes: none;
}
blockquote:before,blockquote:after {
content: '';
content: none;
}
del {
text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
border: medium none;
vertical-align: middle;
}
table th{
border: 0;
padding: 5px 7px;
text-align: center;
}
table td {
padding: 5px 10px;
text-align: center;
}
a img {
border: none;
}
img{
max-width: 100%;
height: auto;
}
h1,h2,h3,h4,h5,h6{
color: #303030;
}
h1{
font-size: 30px;
line-height: 1.25em; /* 20px/16px */
}
h2{
font-size: 24px;
line-height: 1.384615384615385em; /* 36px/26px */
text-transform:uppercase;
letter-spacing:1px;
font-weight: 600;
}
h3{
font-size: 17px;
line-height: 1.304347826086957em; /* 30px/23px */
text-transform:uppercase;
letter-spacing:1px;
font-weight: 600;
}
h4{
font-size: 19px;
line-height: 1.375em; /* 22px/16px */
font-weight: 400;
}
h5{
font-size: 15px;
line-height: 1.571428571428571em; /* 22px/14px */
text-transform:uppercase;
letter-spacing:1px;
font-weight: 600;
}
h6{
font-size: 13px;
line-height: 1.538461538461538em; /* 20px/13px */
text-transform:uppercase;
letter-spacing:1px;
font-weight:600;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a{
color: #303030;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover{
color: #f25f33;
}
a,
p a{
color: #303030;
text-decoration: none;
cursor: pointer;
}
a:hover,
p a:hover {
color: #f25f33;
text-decoration: none;
}
input[type='submit'],
.woocommerce input[type='button'],
.woocommerce-page input[type='button']{
-webkit-appearance: none;
}
ul{
list-style-position:inside;
}
/* =Structure
-------------------------------------------------------------- */
html{
height: 100%;
margin: 0px !important;
-webkit-transition: all 1.3s ease-out;
-moz-transition: all 1.3s ease-out;
-o-transition: all 1.3s ease-out;
-ms-transition: all 1.3s ease-out;
transition: all 1.3s ease-out;
}
body{
font-family: 'Roboto', sans-serif;
font-size: 16px;
line-height: 26px;
color: #818181;
font-weight: 400;
background-color: #f6f6f6;
overflow-y: scroll;
overflow-x: hidden !important;
-webkit-font-smoothing: antialiased;
}
.wrapper {
background-color: #f6f6f6;
position: relative;
z-index: 1000;
-webkit-transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
-moz-transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
-o-transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
-ms-transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
left: 0px;
}
.right_side_menu_opened .wrapper{
left: -270px;
}
.right_side_menu_opened .wrapper header.fixed,
.right_side_menu_opened .wrapper header.fixed_hiding,
.right_side_menu_opened .wrapper header.sticky,
.right_side_menu_opened .wrapper header.fixed_top_header .top_header{
left: -270px;
}
@media only screen and (min-width: 1100px){
.right_side_menu_opened:not(.boxed) .carousel-inner:not(.relative_position){
left: -270px !important;
}
}
.wrapper_inner{
width: 100%;
overflow: hidden;
}
body.boxed .wrapper_inner{
overflow: visible;
}
body.boxed .content{
overflow: hidden;
}
.meta{
display: none;
}
.ajax_loader {
position: fixed;
top: 50%;
left: 50%;
z-index: 1100;
display: none;
}
@media only screen and (min-width: 1000px){
body.vertical_menu_enabled:not(.vertical_menu_hidden) .ajax_loader{
margin-left: 130px;
}
body.vertical_menu_enabled.vertical_menu_hidden .ajax_loader{
margin-left: 20px;
}
}
.ajax_loader_1 {
position: relative;
display: inline-block;
width: 100%;
height: 100%;
}
.ajax_loader_2 {
margin: -50% 0 0 -50%;
}
/* pulse - start */
.ajax_loader .pulse {
width: 32px;
height: 32px;
margin: -16px 0px 0px -16px;
background-color: #303030;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
-ms-border-radius: 16px;
-o-border-radius: 16px;
border-radius: 16px;
-webkit-animation: scaleout 1.0s infinite ease-in-out;
animation: scaleout 1.0s infinite ease-in-out;
}
@-webkit-keyframes scaleout {
0% {
-webkit-transform: scale(0);
}
100% {
-webkit-transform: scale(1);
opacity: 0;
}
}
@-moz-keyframes scaleout {
0% {
-moz-transform: scale(0);
}
100% {
-moz-transform: scale(1);
opacity: 0;
}
}
@-ms-keyframes scaleout {
0% {
-ms-transform: scale(0);
}
100% {
-ms-transform: scale(1);
opacity: 0;
}
}
@-o-keyframes scaleout {
0% {
-o-transform: scale(0);
}
100% {
-o-transform: scale(1);
opacity: 0;
}
}
@keyframes scaleout {
0% {
transform: scale(0);
-webkit-transform: scale(0);
}
100% {
transform: scale(1);
-webkit-transform: scale(1);
opacity: 0;
}
}
/* pulse - end */
/* double pulse - start */
.ajax_loader .double_pulse {
width: 40px;
height: 40px;
margin: -20px 0px 0px -20px;
position: relative;
}
.ajax_loader .double_pulse .double-bounce1, .ajax_loader .double_pulse .double-bounce2 {
width: 100%;
height: 100%;
border-radius: 50%;
background-color: #303030;
opacity: 0.6;
position: absolute;
top: 0;
left: 0;
-webkit-animation: bounce 2.0s infinite ease-in-out;
animation: bounce 2.0s infinite ease-in-out;
}
.ajax_loader .double_pulse .double-bounce2 {
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
@-webkit-keyframes bounce {
0%, 100% { -webkit-transform: scale(0.0) }
50% { -webkit-transform: scale(1.0) }
}
@keyframes bounce {
0%, 100% {
transform: scale(0.0);
-webkit-transform: scale(0.0);
} 50% {
transform: scale(1.0);
-webkit-transform: scale(1.0);
}
}
/* double pulse - end */
/* cube - start */
.ajax_loader .cube {
width: 60px;
height: 60px;
margin: -30px 0px 0px -30px;
background-color: #303030;
-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) }
50% { -webkit-transform: perspective(120px) rotateY(180deg) }
100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg) }
}
@keyframes rotateplane {
0% {
transform: perspective(120px) rotateX(0deg) rotateY(0deg);
-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
} 50% {
transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
} 100% {
transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
}
}
/* cube - end */
/* rotating cubes - start */
.ajax_loader .rotating_cubes {
width: 32px;
height: 32px;
margin: -16px 0px 0px -16px;
position: relative;
}
.ajax_loader .rotating_cubes .cube1, .ajax_loader .rotating_cubes .cube2 {
background-color: #303030;
width: 10px;
height: 10px;
position: absolute;
top: 0;
left: 0;
-webkit-animation: cubemove 1.8s infinite ease-in-out;
animation: cubemove 1.8s infinite ease-in-out;
}
.ajax_loader .rotating_cubes .cube2 {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
@-webkit-keyframes cubemove {
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 cubemove {
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);
}
}
/* rotating cubes - end */
/* stripes - start */
.ajax_loader .stripes {
width: 50px;
height: 60px;
margin: -30px 0px 0px -25px;
text-align: center;
font-size: 10px;
}
.ajax_loader .stripes > div {
background-color: #303030;
height: 100%;
width: 6px;
display: inline-block;
margin: 0 3px 0 0;
-webkit-animation: stretchdelay 1.2s infinite ease-in-out;
animation: stretchdelay 1.2s infinite ease-in-out;
}
.ajax_loader .stripes .rect2 {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s;
}
.ajax_loader .stripes .rect3 {
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
.ajax_loader .stripes .rect4 {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
.ajax_loader .stripes .rect5 {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s;
}
@-webkit-keyframes stretchdelay {
0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
20% { -webkit-transform: scaleY(1.0) }
}
@keyframes stretchdelay {
0%, 40%, 100% {
transform: scaleY(0.4);
-webkit-transform: scaleY(0.4);
} 20% {
transform: scaleY(1.0);
-webkit-transform: scaleY(1.0);
}
}
/* stripes - end */
/* wave - start */
.ajax_loader .wave {
width: 72px;
text-align: center;
margin: -9px 0px 0px -36px;
}
.ajax_loader .wave > div {
width: 18px;
height: 18px;
background-color: #303030;
margin: 0px 3px 0px 0px;
border-radius: 100%;
display: inline-block;
-webkit-animation: bouncedelay 1.4s infinite ease-in-out;
animation: bouncedelay 1.4s infinite ease-in-out;
/* Prevent first frame from flickering when animation starts */
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.ajax_loader .wave .bounce1 {
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}
.ajax_loader .wave .bounce2 {
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
}
@-webkit-keyframes bouncedelay {
0%, 80%, 100% { -webkit-transform: scale(0.0) }
40% { -webkit-transform: scale(1.0) }
}
@keyframes bouncedelay {
0%, 80%, 100% {
transform: scale(0.0);
-webkit-transform: scale(0.0);
} 40% {
transform: scale(1.0);
-webkit-transform: scale(1.0);
}
}
/* wave - end */
/* two_rotating_circles - start */
.ajax_loader .two_rotating_circles {
width: 40px;
height: 40px;
margin: -20px 0px 0px -20px;
position: relative;
text-align: center;
-webkit-animation: rotatecircles 2.0s infinite linear;
animation: rotatecircles 2.0s infinite linear;
}
.ajax_loader .two_rotating_circles .dot1, .ajax_loader .two_rotating_circles .dot2 {
width: 60%;
height: 60%;
display: inline-block;
position: absolute;
top: 0;
background-color: #303030;
border-radius: 100%;
-webkit-animation: bounce 2.0s infinite ease-in-out;
animation: bounce 2.0s infinite ease-in-out;
}
.ajax_loader .two_rotating_circles .dot2 {
top: auto;
bottom: 0px;
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
@-webkit-keyframes rotatecircles { 100% { -webkit-transform: rotate(360deg) }}
@keyframes rotatecircles { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }}
/* two_rotating_circles - end */
/* five_rotating_circles - start */
.ajax_loader .five_rotating_circles {
width: 60px;
height: 60px;
margin: -30px 0px 0px -30px;
position: relative;
}
.ajax_loader .five_rotating_circles .container1 > div, .ajax_loader .five_rotating_circles .container2 > div, .ajax_loader .five_rotating_circles .container3 > div {
width: 12px;
height: 12px;
background-color: #303030;
border-radius: 100%;
position: absolute;
-webkit-animation: bouncedelay 1.2s infinite ease-in-out;
animation: bouncedelay 1.2s infinite ease-in-out;
/* Prevent first frame from flickering when animation starts */
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.ajax_loader .five_rotating_circles .spinner-container {
position: absolute;
width: 100%;
height: 100%;
}
.ajax_loader .five_rotating_circles .container2 {
-webkit-transform: rotateZ(45deg);
transform: rotateZ(45deg);
}
.ajax_loader .five_rotating_circles .container3 {
-webkit-transform: rotateZ(90deg);
transform: rotateZ(90deg);
}
.ajax_loader .five_rotating_circles .circle1 { top: 0; left: 0; }
.ajax_loader .five_rotating_circles .circle2 { top: 0; right: 0; }
.ajax_loader .five_rotating_circles .circle3 { right: 0; bottom: 0; }
.ajax_loader .five_rotating_circles .circle4 { left: 0; bottom: 0; }
.ajax_loader .five_rotating_circles .container2 .circle1 {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s;
}
.ajax_loader .five_rotating_circles .container3 .circle1 {
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
.ajax_loader .five_rotating_circles .container1 .circle2 {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
.ajax_loader .five_rotating_circles .container2 .circle2 {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s;
}
.ajax_loader .five_rotating_circles .container3 .circle2 {
-webkit-animation-delay: -0.7s;
animation-delay: -0.7s;
}
.ajax_loader .five_rotating_circles .container1 .circle3 {
-webkit-animation-delay: -0.6s;
animation-delay: -0.6s;
}
.ajax_loader .five_rotating_circles .container2 .circle3 {
-webkit-animation-delay: -0.5s;
animation-delay: -0.5s;
}
.ajax_loader .five_rotating_circles .container3 .circle3 {
-webkit-animation-delay: -0.4s;
animation-delay: -0.4s;
}
.ajax_loader .five_rotating_circles .container1 .circle4 {
-webkit-animation-delay: -0.3s;
animation-delay: -0.3s;
}
.ajax_loader .five_rotating_circles .container2 .circle4 {
-webkit-animation-delay: -0.2s;
animation-delay: -0.2s;
}
.ajax_loader .five_rotating_circles .container3 .circle4 {
-webkit-animation-delay: -0.1s;
animation-delay: -0.1s;
}
/* five_rotating_circles - end */
body.smooth_scroll {
overflow-y: hidden;
}
body.boxed .wrapper_inner,
body.boxed .footer_inner{
width: 1150px;
margin: 0 auto;
}
/* ==========================================================================
Header styles
========================================================================== */
/**
* Generic header styles
*/
header {
width: 100%;
display: inline-block;
margin: 0px 0px 0px 0px;
vertical-align: middle;
position: relative;
z-index: 110;
-webkit-backface-visibility:hidden;
}
header .header_inner_left {
position: absolute;
left: 45px;
top: 0px;
}
header .container_inner .header_inner_left{
position: absolute;
left: 0px;
top: 0px;
}
.boxed header{
background-color: transparent !important;
border: 0px !important;
}
.boxed .header_inner{
width: 1150px;
margin: 0px auto;
}
.header_inner_right{
float: right;
position: relative;
z-index: 110;
}
/* Header top styles
========================================================================== */
.header_top {
position: relative;
z-index: 111;
line-height: 33px;
height: 33px;
padding: 0;
font-size: 15px;
background-color: #fff;
-webkit-transition: all 0.2s ease 0s;
-moz-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
}
header.scrolled .header_top {
background-color: #fff !important;
}
.header_top p{
line-height: 32px;
padding: 0 15px;
}
.header_top .left{
float: left;
}
.header_top .right{
float: right;
}
.header_top .right .inner #lang_sel {
float: left;
padding: 0 0 0 0px;
}
.header_top .inner #lang_sel > ul {
list-style: none;
}
.header_top .left .inner > div,
.header_top .left .inner > div:last-child {
float:left;
border-bottom: 0;
border-top: 0;
}
.header_top .right .inner > div {
border-left: 0;
float: left;
}
header.scrolled:not(.scroll_header_top_area) .header_top {
border-bottom: 0;
}
/* header widgets in light and dark header styles
========================================================================== */
header.light:not(.sticky) .q_social_icon_holder i.simple_social,
header.light:not(.sticky) .header-widget,
header.light:not(.sticky) .header-widget.widget_nav_menu ul.menu > li > a,
header.light:not(.sticky) .header-widget p,
header.light:not(.sticky) .header-widget a,
header.light:not(.sticky) .header-widget span,
header.light.header_style_on_scroll .q_social_icon_holder i.simple_social,
header.light.header_style_on_scroll .header-widget,
header.light.header_style_on_scroll .header-widget.widget_nav_menu ul.menu > li > a,
header.light.header_style_on_scroll .header-widget p,
header.light.header_style_on_scroll .header-widget a,
header.light.header_style_on_scroll .header-widget span{
color:#ffffff;
}
header.light:not(.sticky) .q_social_icon_holder i.simple_social,
header.light:not(.sticky) #lang_sel > ul > li > a,
header.light:not(.sticky) #lang_sel_click > ul > li> a,
header.light.header_style_on_scroll .q_social_icon_holder i.simple_social,
header.light.header_style_on_scroll #lang_sel > ul > li > a,
header.light.header_style_on_scroll #lang_sel_click > ul > li> a,
header.light:not(.sticky) .textwidget span,
header.light:not(.sticky) .textwidget span:hover,
header.light.header_style_on_scroll .textwidget span,
header.light.header_style_on_scroll .textwidget span:hover{
color:#fff !important;
}
header.dark:not(.sticky) .q_social_icon_holder i.simple_social,
header.dark:not(.sticky) .header-widget,
header.dark:not(.sticky) .header-widget.widget_nav_menu ul.menu > li > a,
header.dark:not(.sticky) .header-widget p,
header.dark:not(.sticky) .header-widget a,
header.dark:not(.sticky) .header-widget span,
header.dark.header_style_on_scroll .q_social_icon_holder i.simple_social,
header.dark.header_style_on_scroll .header-widget,
header.dark.header_style_on_scroll .header-widget.widget_nav_menu ul.menu > li > a,
header.dark.header_style_on_scroll .header-widget p,
header.dark.header_style_on_scroll .header-widget a,
header.dark.header_style_on_scroll .header-widget span{
color:#000;
}
header.dark:not(.sticky) .q_social_icon_holder i.simple_social,
header.dark:not(.sticky) #lang_sel > ul > li > a,
header.dark:not(.sticky) #lang_sel_click > ul > li> a,
header.dark.header_style_on_scroll .q_social_icon_holder i.simple_social,
header.dark.header_style_on_scroll #lang_sel > ul > li > a,
header.dark.header_style_on_scroll #lang_sel_click > ul > li> a,
header.dark:not(.sticky) .textwidget span,
header.dark:not(.sticky) .textwidget span:hover,
header.dark.header_style_on_scroll .textwidget span,
header.dark.header_style_on_scroll .textwidget span:hover{
color:#000 !important;
}
/* Header bottom styles
========================================================================== */
.header_bottom {
padding: 0px 45px;
position: relative;
background-color: #fff;
-webkit-transition: all 0.2s ease 0s;
-moz-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
}
.boxed .header_bottom{
padding: 0px 25px;
}
/* Generic logo styles
========================================================================== */
.logo_wrapper{
height: 100px;
float: left;
}
.q_logo{
position: relative;
top: 50%;
left: 0px;
}
.q_logo a{
position: relative;
display: block;
visibility: hidden;
}
.q_logo img{
display: block;
opacity:1;
position: absolute;
top: -50%;
width: auto !important;
max-width: none;
-webkit-transition: opacity 0.6s ease-in-out;
-moz-transition: opacity 0.6s ease-in-out;
-o-transition: opacity 0.6s ease-in-out;
-ms-transition: opacity 0.6s ease-in-out;
}
/* Specific logo styles */
.q_logo img.light,
.q_logo img.sticky,
.q_logo img.dark,
.q_logo img.popup,
.q_logo img.mobile {
opacity:0;
}
header.scrolled:not(.header_style_on_scroll) .q_logo img.normal,
header.scrolled.dark:not(.header_style_on_scroll) .q_logo img.normal,
header.scrolled.light:not(.header_style_on_scroll) .q_logo img.normal {
opacity: 1;
}
header.scrolled:not(.header_style_on_scroll) .q_logo img.light,
header.scrolled.light:not(.header_style_on_scroll) .q_logo img.light,
header.scrolled.dark:not(.header_style_on_scroll) .q_logo img.light,
header.scrolled:not(.header_style_on_scroll) .q_logo img.dark,
header.scrolled.light:not(.header_style_on_scroll) .q_logo img.dark,
header.scrolled.dark:not(.header_style_on_scroll) .q_logo img.dark {
opacity: 0;
}
header.light .q_logo img.normal{
opacity:0;
}
header.light .q_logo img.light{
opacity:1;
}
header.light .q_logo img.dark{
opacity:0;
}
header.dark .q_logo img.normal{
opacity:0;
}
header.dark .q_logo img.light{
opacity:0;
}
header.dark .q_logo img.dark{
opacity:1;
}
/* Sticky header styles
========================================================================== */
.hide_inital_sticky header.stick{
-ms-transform: translateY(-100%);
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.hide_inital_sticky header.stick.sticky{
-ms-transform: none;
-webkit-transform: none;
transform: none;
}
header.sticky {
-webkit-transition: all 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
-moz-transition: all 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
-o-transition: all 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
-ms-transition: all 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
transition: all 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
top: -120px;
left: 0;
position: fixed;
-moz-background-clip:border;
-webkit-background-clip:border;
background-clip:border-box;
-moz-background-clip:padding;
-webkit-background-clip:padding;
background-clip:padding-box;
-moz-background-clip:content;
-webkit-background-clip:content;
background-clip:content-box;
}
header.sticky .header_top{
display: none;
}
header.sticky .header_bottom {
background-color: #fff !important;
box-shadow: 0 1px 3px rgba(0,0,0,0.11);
}
header.sticky.no_shadow .header_bottom {
box-shadow: none;
}
header.sticky.centered_logo {
top: -300px;
}
header.sticky.sticky_animate {
top:0px;
}
header.sticky:not(.header_style_on_scroll) .q_logo img.sticky {
opacity:1;
}
header.sticky:not(.header_style_on_scroll) .q_logo img.normal,
header.sticky:not(.header_style_on_scroll) .q_logo img.light,
header.sticky:not(.header_style_on_scroll) .q_logo img.dark,
header.sticky:not(.header_style_on_scroll) .q_logo img.popup,
header.sticky:not(.header_style_on_scroll) .q_logo img.mobile{
opacity:0 !important;
}
header.sticky .logo_wrapper,
header.sticky.centered_logo .logo_wrapper{
height: 60px !important;
float: left;
}
header.sticky .drop_down .second{
margin-top: 0;
}
header.sticky .header_fixed_right_area {
display: none;
}
header.sticky .side_menu_button{
height: 60px;
}
.sticky .header_menu_bottom{
position: static;
}
/* Fixed header styles
========================================================================== */
header.fixed,
header.fixed_hiding,
header.fixed_top_header .top_header{
-webkit-transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
-moz-transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
-o-transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
-ms-transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
width: 100%;
position: fixed;
z-index: 110;
top:0px;
left: 0px;
}
header.fixed.scrolled .header_bottom,
header.fixed_hiding.scrolled .header_bottom{
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.11);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.11);
box-shadow: 0 1px 3px rgba(0,0,0,0.11);
background-color: #fff;
}
/* Header with menu on bottom styles
========================================================================== */
header.menu_bottom .header_inner_left {
left: 0;
}
header:not(.sticky) .header_menu_bottom nav.main_menu > ul > li > a {
line-height: 60px;
}
header:not(.sticky) .header_menu_bottom nav.main_menu > ul > li:first-child > a {
padding-left: 0;
}
header.menu_bottom:not(.sticky) .drop_down .second {
top: 100%;
}
header:not(.sticky) .header_menu_bottom .side_menu_button {
height: 60px;
}
header.menu_bottom.has_header_fixed_right .mobile_menu_button {
height: 130px;
}
header.menu_bottom .header_inner_left{
position: relative;
}
.menu_bottom.sticky .container_inner .header_inner_left{
position: absolute;
}
.menu_bottom .logo_wrapper{
float: none;
}
.menu_bottom .q_logo a{
display:inline-block;
}
.menu_bottom.sticky .logo_wrapper{
float: left;
}
.header_menu_bottom {
position: relative;
display: block;
}
/* Header styles when logo is in center
========================================================================== */
header.centered_logo{
text-align: center;
}
header.centered_logo .header_inner_left{
float: none;
position: relative;
display: block;
margin: 20px 0px 10px 0px;
}
header.centered_logo.sticky .header_inner_left{
margin: 0px;
}
header.centered_logo .logo_wrapper{
float: none;
height: auto !important;
}
header.centered_logo .q_logo{
top: 0px;
}
header.centered_logo.sticky .q_logo{
top: 50%;
}
header.centered_logo .q_logo a{
display: inline-block;
vertical-align: middle;
}
header.centered_logo .q_logo img{
top: 0px;
margin: 0px;
}
@media only screen and (min-width: 1000px){
header.centered_logo:not(.sticky ) .q_logo img{ /* only not sticky is set here because on sticky menu logo is moved left from site left edge */
-webkit-transform: translate(-50%, 0px);
-moz-transform: translate(-50%, 0px);
-ms-transform: translate(-50%, 0px);
-o-transform: translate(-50%, 0px);
transform: translate(-50%, 0px);
}
}
header.centered_logo.centered_logo_animate .q_logo img,
header:not(.centered_logo) .q_logo img{
height: 100%;
}
header.centered_logo.sticky .q_logo img{
top: -50%;
}
header.centered_logo.sticky .q_logo img{
height: 100% !important;
}
header.centered_logo .header_inner_right{
float: none;
display: inline-block;
position: relative;
vertical-align: middle;
}
header.centered_logo .header_right_widget{
float: left;
}
header.centered_logo nav.main_menu,
header.centered_logo nav.main_menu.right{
position: relative;
display: inline-block;
left: auto;
float: none;
vertical-align: middle;
}
header.centered_logo nav.main_menu > ul{
left: 0px;
}
@media only screen and (min-width: 1000px){
header.fixed_hiding .holeder_for_hidden_menu{
overflow: hidden;
max-height: 150px;
vertical-align: middle;
-webkit-transition: max-height 0.2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
-moz-transition: max-height 0.2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
-o-transition: max-height 0.2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
-ms-transition: max-height 0.2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
transition: max-height 0.2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}
header.fixed_hiding.scrolled .holeder_for_hidden_menu{
max-height: 0px;
}
header.fixed_hiding .holeder_for_hidden_menu:hover{
overflow: visible;
}
header.fixed_hiding.scrolled:hover .holeder_for_hidden_menu{
max-height: 150px;
transition-duration: 0.5s;
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-ms-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
}
header.fixed_hiding.centered_logo .header_inner_left{
margin: 20px 0px;
display: table;
width: 100%;
}
header.fixed_hiding.centered_logo.fixed_hiding .header_inner_left{
height: 50px;
}
header.fixed_hiding .header-left-from-logo-widget,
header.fixed_hiding .header-right-from-logo-widget,
header.fixed_hiding .logo_wrapper{
display: table-cell;
width: 33.33%;
vertical-align: middle;
position: relative;
}
header.fixed_hiding .header-left-from-logo-widget-inner,
header.fixed_hiding .header-right-from-logo-widget-inner{
width: 100%;
}
header.fixed_hiding .header-left-from-logo-widget{
text-align: left;
}
header.fixed_hiding .header-right-from-logo-widget{
text-align: right;
}
header.fixed_hiding .q_logo a,
header.fixed_hiding .q_logo{
max-height: 124px;
opacity: 1;
-webkit-transition: max-height 0.2s ease 0s, opacity 0.2s ease 0s;
-moz-transition: max-height 0.2s ease 0s, opacity 0.2s ease 0s;
-o-transition: max-height 0.2s ease 0s, opacity 0.2s ease 0s;
-ms-transition: max-height 0.2s ease 0s, opacity 0.2s ease 0s;
transition: max-height 0.2s ease-out 0s, opacity 0.2s ease 0s;
}
header.fixed_hiding.scrolled .q_logo,
header.fixed_hiding.scrolled .q_logo a{
-webkit-transition: max-height 0.2s ease 0s, opacity 0.4s ease 0s;
-moz-transition: max-height 0.2s ease 0s, opacity 0.4s ease 0s;
-o-transition: max-height 0.2s ease 0s, opacity 0.4s ease 0s;
-ms-transition: max-height 0.2s ease 0s, opacity 0.4s ease 0s;
transition: max-height 0.2s ease-out 0s, opacity 0.4s ease 0s;
max-height: 0px !important;
opacity: 0;
}
header.fixed_hiding .q_logo_hidden a{
height: 50px;
position: relative;
display: block;
opacity: 0;
max-height: 0px;
-webkit-transition: opacity 0s ease 0s, max-height 0s ease 0s;
-moz-transition: opacity 0s ease 0s, max-height 0s ease 0s;
-o-transition: opacity 0s ease 0s, max-height 0s ease 0s;
-ms-transition: opacity 0s ease 0s, max-height 0s ease 0s;
transition: opacity 0s ease 0s, max-height 0s ease 0s;
}
header.fixed_hiding.scrolled .q_logo_hidden a{
max-height: 500px;
opacity: 1;
-webkit-transition: opacity 0.15s ease 0.3s, max-height 0.15s ease 0.2s;
-moz-transition: opacity 0.15s ease 0.3s, max-height 0.15s ease 0.2s;
-o-transition: opacity 0.15s ease 0.3s, max-height 0.15s ease 0.2s;
-ms-transition: opacity 0.15s ease 0.3s, max-height 0.15s ease 0.2s;
transition: opacity 0.15s ease 0.3s, max-height 0.15s ease 0.2s;
}
}
/* Main navigation styles
========================================================================== */
nav.main_menu{
position: absolute;
left: 50%;
z-index: 100;
text-align: left;
}
nav.main_menu.right{
position: relative;
left: auto;
float: right;
}
nav.main_menu ul {
list-style:none outside none;
margin:0px;
padding:0px;
}
nav.main_menu > ul {
left: -50%;
position: relative;
}
nav.main_menu.right > ul{
left: auto;
}
nav.main_menu ul li{
display:inline-block;
float:left;
padding:0px;
margin:0px;
background-repeat: no-repeat;
background-position: right;
}
nav.main_menu ul li a {
color: #777;
font-weight: 400;
text-decoration: none;
display: inline-block;
position: relative;
line-height: 100px;
padding: 0;
margin: 0;
cursor: pointer;
}
nav.main_menu > ul > li > a > i.menu_icon {
margin-right: 7px;
}
header.sticky nav.main_menu > ul > li > a,
.light.sticky nav.main_menu > ul > li > a,
.light.sticky nav.main_menu > ul > li > a:hover,
.light.sticky nav.main_menu > ul > li.active > a,
.dark.sticky nav.main_menu > ul > li > a,
.dark.sticky nav.main_menu > ul > li > a:hover,
.dark.sticky nav.main_menu > ul > li.active > a{
line-height: 60px;
}
nav.main_menu > ul > li > a,
nav.main_menu > ul > li > a {
display: inline-block;
height: 100%;
background-color: transparent;
-webkit-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out;
-ms-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out;
}
.with_hover_bg_color nav.main_menu > ul > li > a {
-webkit-transition: background-color 0 ease-in-out 0.15s, color 0 ease-in-out 0.15s;
-moz-transition: background-color 0 ease-in-out 0.15s, color 0 ease-in-out 0.15s;
-ms-transition: background-color 0 ease-in-out 0.15s, color 0 ease-in-out 0.15s;
-o-transition: background-color 0 ease-in-out 0.15s, color 0 ease-in-out 0.15s;
transition: background-color 0 ease-in-out 0.15s, color 0 ease-in-out 0.15s;
}
header:not(.with_hover_bg_color) nav.main_menu > ul > li:hover > a{
opacity: 0.8;
}
nav.main_menu>ul>li.active > a {
color: #303030;
}
nav.main_menu > ul > li > a > i.blank{
display: none;
}
nav.main_menu > ul > li.has_sub > a > i.q_menu_arrow {
display: inline-block;
margin-left: 6px;
}
.light:not(.sticky):not(.scrolled) nav.main_menu > ul > li > a,
.light:not(.sticky):not(.scrolled) nav.main_menu > ul > li > a:hover,
.light:not(.sticky):not(.scrolled) nav.main_menu > ul > li.active > a,
.light:not(.sticky):not(.scrolled) nav.main_menu > ul > li:before,
.light:not(.sticky):not(.scrolled) nav.main_menu > ul > li > a,
.light.header_style_on_scroll nav.main_menu > ul > li > a:hover,
.light.header_style_on_scroll nav.main_menu > ul > li.active > a,
.light.header_style_on_scroll nav.main_menu > ul > li:before{
color: #fff;
}
.dark:not(.sticky):not(.scrolled) nav.main_menu > ul > li > a,
.dark:not(.sticky):not(.scrolled) nav.main_menu > ul > li.active > a,
.dark:not(.sticky):not(.scrolled) nav.main_menu > ul > li:not(:first-child):before,
.dark.header_style_on_scroll nav.main_menu > ul > li > a,
.dark.header_style_on_scroll nav.main_menu > ul > li.active > a,
.dark.header_style_on_scroll nav.main_menu > ul > li:not(:first-child):before{
color: #000;
}
nav.main_menu > ul > li > a {
position: relative;
padding: 0 17px;
color: #9d9d9d;
text-transform: uppercase;
font-weight: 600;
font-size: 13px;
letter-spacing: 1px;
}
/* DROP DOWN MENU - START */
.drop_down ul{
list-style: none;
}
.drop_down ul li{
position: relative;
}
header.transparent.fixed.scrolled .drop_down .second,
header.transparent.fixed_hiding.scrolled .drop_down .second{
top: 100%;
}
.drop_down .second {
left: 0;
margin: 0;
top: 100%;
position: absolute;
display: block;
visibility: hidden;
overflow: hidden;
opacity: 0;
z-index: 10;
/*margin-top: 1px;*/
-webkit-transition: top 0.3s ease-in-out;
-moz-transition: top 0.3s ease-in-out;
-ms-transition: top 0.3s ease-in-out;
-o-transition: top 0.3s ease-in-out;
transition: top 0.3s ease-in-out;
}
header.transparent:not(.sticky) .drop_down .second {
top: 75%;
}
header.transparent.with_border:not(.sticky) .drop_down .second,
header.transparent.with_hover_bg_color:not(.sticky) .drop_down .second {
top: 100%;
}
.drop_down li.left_position .second{
left: auto;
right: 0px;
}
header.transparent .drop_down .second:not(.right) {
left: 16px;
}
header.transparent.with_hover_bg_color .drop_down .second:not(.right) {
left: 0;
}
.drop_down li.right_position .second {
left: -100%;
/*right: 0;*/
}
.drop_down .second.drop_down_start{
visibility: visible;
overflow: visible;
opacity: 1;
}
nav.main_menu > ul > li:hover > .second{
z-index: 20;
}
.drop_down .second .inner{
position: relative;
padding: 0px;
display: block;
z-index: 997;
}
.drop_down .second .inner > ul,
li.narrow .second .inner ul {
display:inline-block;
position: relative;
background-color: #262626;
border-color:#3d3d3d;
}
li.narrow .second .inner ul {
padding: 7px 0;
}
.drop_down .second .inner ul li {
display: block;
padding: 0 15px;
position: relative;
float: none;
height: auto;
background: 0;
width: 190px;
}
li.narrow .second .inner ul li:last-child {
border-bottom: none;
}
.drop_down .wide.left_position .second ul li,
.drop_down .wide.right_position .second ul li {
width: 180px;
}
.drop_down .second .inner ul li a,
.drop_down .second .inner ul li h5 {
display: block;
font-weight: 600;
color: #9d9d9d;
height: auto;
line-height: 16px;
margin: 0;
padding: 9px 0;
-webkit-transition: color 0.3s ease-in-out;
-moz-transition: color 0.3s ease-in-out;
-ms-transition: color 0.3s ease-in-out;
-o-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out;
font-size: 11px;
text-transform: uppercase;
letter-spacing: 1px;
}
.drop_down .second .inner > ul > li:last-child > a,
.drop_down .second .inner > ul > li > ul > li:last-child > a,
.drop_down .second .inner > ul > li > ul > li > ul > li:last-child > a {
border-bottom: 0;
}
.drop_down .second .inner ul.right li a{
padding: 9px 20px 9px 0;
}
.drop_down .second .inner > ul > li > a:hover,
.drop_down .second .inner ul li.sub ul li a:hover{
color: #fff;
/*background-color: #474747;*/
}
.drop_down .narrow .second .inner ul li {
padding: 0;
width: 225px;
}
.drop_down .narrow .second .inner ul li a {
padding-left: 20px;
padding-right: 20px;
}
.drop_down .wide .second ul li a,
.drop_down .wide .second .inner ul li.sub a,
.drop_down .wide .second .inner ul li h5 {
background: 0;
}
.drop_down .second i {
display: none;
}
.drop_down .second .inner ul li ul{
position: absolute;
left: 100%;
top: -7px;
height: auto;
display: none;
overflow: hidden;
z-index: 10;
}
.drop_down .second .inner ul li:hover ul{
z-index: 20;
display: block;
}
.drop_down .second.right {
right: 0px;
left: auto;
}
.drop_down .second .inner ul.right li a,
.drop_down .second .inner ul.right li h5{
text-align: right;
}
.drop_down .second .inner ul.right li ul{
left: -100%;
}
.drop_down .second .inner ul li.sub ul li a,
.drop_down .second .inner ul.right li.sub ul li a{
background: none;
}
.drop_down .second .inner .widget{
padding: 0px 20px;
}
.drop_down .second .inner .widget p{
font-size: 13px;
line-height: 16px;
padding: 12px 0px;
}
/* DROP DOWN MENU - END */
/* DROP DOWN MENU WIDE - START */
.drop_down .wide .second ul{
padding: 15px 10px;
}
.drop_down .second ul li{
border-bottom-width: 1px;
border-bottom-color: #3d3d3d;
}
.drop_down .wide .second ul li{
float: left;
width: 249px;
padding: 0 10px 0 10px;
border-left: 1px solid #3d3d3d;
border-bottom: 0;
}
.drop_down .wide .second > .inner > ul > li.sub > ul > li > a,
.drop_down .wide .second ul li a {
padding: 11px 9px;
}
.drop_down .wide:not(.right_position) .second ul li:first-child,
.drop_down .wide.right_position .second ul li:last-child {
border-left-color: transparent;
}
.drop_down .wide .second ul li:last-child {
margin-right: 0;
}
.drop_down .wide.right_position .second ul li{
float: right;
}
.drop_down .wide .second ul li:hover{
background-color: transparent;
}
.drop_down .wide .second ul li:nth-child(4n+1){
clear: both;
}
.drop_down .second .inner ul li.sub a i.q_menu_arrow{
display: inline-block;
float: right;
position: relative;
top: 2px;
font-size: 12px;
color: #888;
}
.drop_down .second .inner ul li.sub ul li a i.q_menu_arrow,
.drop_down .wide .second .inner ul li.sub a i.q_menu_arrow {
display: none;
}
.drop_down .second .inner ul.right li.sub a i.q_menu_arrow{
float: left;
-ms-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
}
.drop_down .wide .second .inner > ul > li > a{
color: #fff;
border-bottom: 0;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 600;
}
.drop_down .wide .second .inner > ul > li > a{
margin-bottom: 7px;
font-size: 13px;
}
.drop_down .wide .second .inner ul li.sub h5 a,
.drop_down .wide .second .inner ul li h5 a{
padding: 0px !important;
}
.drop_down .wide .second ul li ul{
display: block;
left: 0;
padding: 0;
position: relative;
top: 0;
visibility: visible;
background-color: transparent !important;
}
.drop_down .wide .second ul li ul .widget{
padding:0 10px;
}
/* Wide drop down with full width background styles
========================================================================== */
.drop_down .wide.wide_background .second{
background-color: #262626;
}
.drop_down .wide.wide_background .second .inner{
text-align:center;
}
.drop_down .wide.wide_background .second .inner ul{
text-align:left;
}
.drop_down .wide.wide_background .second .inner {
text-align: center;
}
/* custom widget area in popup - start */
.drop_down .second .inner ul li ul{
overflow: visible;
}
.drop_down .wide .second ul li.show_widget_area_in_popup:hover .popup_wrapper > a{
color: #fff; /* this is added to style dynamic css also! */
}
.drop_down .wide .second ul li.show_widget_area_in_popup .popup_wrapper{
position: relative;
display: inline-block;
vertical-align: middle;
}
.drop_down .wide .second ul li.show_widget_area_in_popup a{
display: inline-block;
vertical-align: middle;
}
.drop_down .wide .second ul li.show_widget_area_in_popup .widget{
height: 0px;
width: 0px;
overflow: hidden;
opacity: 0;
position: absolute;
left: 100%;
top: 0px;
padding: 5px;
margin: 5px 0px 0px 5px;
background-color: #262626;
}
.drop_down .wide .second ul li ul li{
z-index: 1;
}
.drop_down .wide .second ul li.show_widget_area_in_popup:hover{
z-index: 10;
}
.drop_down .wide .second ul li.show_widget_area_in_popup:hover .widget{
height: auto;
width: auto;
opacity: 1;
}
.drop_down .wide .second ul li.show_widget_area_in_popup .widget img{
max-width: inherit;
display: block;
position: relative;
}
.drop_down .wide .second ul li.show_widget_area_in_popup .widget a{
padding: 0px;
}
/* custom widget area in popup - end */
.drop_down .wide .second ul li ul li{
padding: 0;
margin: 0;
border: 0;
}
.drop_down .wide .second ul li ul li.menu-item-has-children > a,
.drop_down .wide .second ul li ul li.menu-item-has-children > a:hover{
border-bottom: 0 none;
color: #303030;
font-size: 15px;
}
/* DROP DOWN MENU WIDE - END */
/* DROP DOWN MENU WIDE ICONS - START */
.drop_down .wide.icons .second ul li a span{
position: relative;
display: block;
}
.drop_down .wide.icons .second i{
width: 24px;
height: 16px;
float: left;
display: inline-block;
color: #888;
line-height: 16px;
-webkit-transition: color 0.3s ease-in-out;
-moz-transition: color 0.3s ease-in-out;
-ms-transition: color 0.3s ease-in-out;
-o-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out;
}
.drop_down .wide.icons .second a:hover i{
color: #fff;
}
.drop_down .wide.icons .second i.blank{
background: none;
border: 0px;
display:none;
}
/* DROP DOWN MENU WIDE ICONS - END */
/* Sticky with left and right menu - start */
@media only screen and (min-width: 1000px){
header.stick_with_left_right_menu:not(.sticky){
text-align: center;
}
.hide_inital_sticky header.stick_with_left_right_menu{
-ms-transform: translateY(-100%);
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.hide_inital_sticky header.stick_with_left_right_menu.sticky{
-ms-transform: none;
-webkit-transform: none;
transform: none;
}
header.stick_with_left_right_menu .header_inner_left{
display: inline-block;
vertical-align: middle;
position: relative;
top: 0px;
left: auto;
z-index: 100;
}
header.stick_with_left_right_menu.sticky .header_inner_left{
display: none;
}
header.stick_with_left_right_menu nav.main_menu.left_side{
text-align: right;
position: absolute;
width: 49%;
top: 0px;
left: 0px;
z-index: 50;
}
header.stick_with_left_right_menu nav.main_menu.left_side > ul{
text-align: left;
display: inline-block;
vertical-align: middle;
}
header.stick_with_left_right_menu nav.main_menu.right_side{
position: absolute;
width: 49%;
top: 0px;
right: 0px;
left: auto;
z-index: 50;
}
header.stick_with_left_right_menu nav.main_menu.left_side:hover,
header.stick_with_left_right_menu nav.main_menu.right_side:hover{
z-index: 200;
}
header.stick_with_left_right_menu.sticky nav.main_menu.left_side,
header.stick_with_left_right_menu.sticky nav.main_menu.right_side{
position: relative;
display: inline-block;
vertical-align: middle;
}
header.stick_with_left_right_menu.sticky nav.main_menu.left_side > ul > li:last-child,
header.stick_with_left_right_menu.sticky nav.main_menu.right_side > ul > li:first-child{
margin: 0px !important;
}
nav.main_menu.left_side > ul,
nav.main_menu.right_side > ul{
left: auto;
}
}
/* Sticky with left and right menu - end */
/* Fixed Minimal header type styles
========================================================================== */
.fixed_minimal .container_inner .header_inner_left,
.fixed_minimal .header_inner_left{
position:relative;
left:auto;
top:auto;
float:left;
}
.fixed_minimal .container_inner .logo_wrapper,
.fixed_minimal .logo_wrapper{
float:none;
position:absolute;
left:50%;
top:0;
}
@media only screen and (min-width: 1000px){
.fixed_minimal .q_logo a img{
-webkit-transform: translate(-50%, 0px);
-moz-transform: translate(-50%, 0px);
-ms-transform: translate(-50%, 0px);
-o-transform: translate(-50%, 0px);
transform: translate(-50%, 0px);
}
}
.fixed_minimal .popup_menu .line:after,
.fixed_minimal .popup_menu .line:before{
z-index:1;
}
.fixed_minimal .side_menu_button > a{
margin:0;
}
/* Fixed Minimal header type styles end
========================================================================== */
/* Fixed Top Header header type styles
========================================================================== */
.fixed_top_header .top_header{
background-color: #fff;
position:fixed;
z-index:110;
width:100%;
left:0;
top:0;
-webkit-backface-visibility: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.fixed_top_header .top_header .left{
float:left;
}
.fixed_top_header .top_header .right{
float:right;
}
.fixed_top_header .top_header nav.main_menu{
position:relative;
left:0;
}
.fixed_top_header .top_header nav.main_menu > ul{
left:0;
}
.fixed_top_header .header_inner_center{
text-align:center;
}
.fixed_top_header .logo_wrapper{
float:none;
padding:25px 0 25px 0;
}
.fixed_top_header .q_logo{
top:0;
}
.fixed_top_header .q_logo a{
display:inline-block;
vertical-align:middle;
}
.fixed_top_header .q_logo a img{
top: 0;
left:0;
-webkit-transform: translate(-50%, 0px);
-moz-transform: translate(-50%, 0px);
-ms-transform: translate(-50%, 0px);
-o-transform: translate(-50%, 0px);
transform: translate(-50%, 0px);
}
.fixed_top_header .side_menu_button,
.fixed_top_header .shopping_cart_inner,
.fixed_top_header .header_bottom_right_widget_holder{
height:45px;
}
.fixed_top_header nav.main_menu > ul > li > a{
line-height:45px;
}
.fixed_top_header.has_top .bottom_header{
padding-top: 45px;
}
.fixed_top_header .bottom_header{
background-color: #fff;
}
.fixed_top_header .header_bottom_center_widget{
padding-bottom:20px;
}
.fixed_top_header .top_header .header-widget{
float:left;
}
.fixed_top_header nav.mobile_menu{
background-color: #fff;
}
.fixed_top_header .qode_search_form_3 .qode_search_close{
font-size:25px;
}
.fixed_top_header .qode_search_form_3{
position:fixed;
left:0;
top:0;
}
.fixed_top_header .top_header > .left{
padding-left:45px;
}
.fixed_top_header .top_header > .right{
padding-right:45px;
}
.fixed_top_header .top_header .container_inner .left,
.fixed_top_header .top_header .container_inner .right{
padding-left:0;
padding-right:0;
}
.fixed_top_header.light .header_bottom_center_widget{
color: #fff;
}
.fixed_top_header.dark .header_bottom_center_widget{
color: #000;
}
header.fixed_top_header .top_header nav.main_menu > ul > li:first-child > a {
padding-left: 0;
}
/* Fixed Top Header header type styles end
========================================================================== */
.mobile_menu_button{
display: none;
float: left;
height: 100px;
margin: 0 20px 0 0;
}
.mobile_menu_button span {
color: #777;
width: 19px;
height: 17px;
font-size: 14px;
z-index: 50;
display: table-cell;
position: relative;
cursor: pointer;
vertical-align: middle;
}
.dark .mobile_menu_button span{
color: #000;
}
nav.mobile_menu{
display: none;
width: 100%;
float: left;
position: relative;
top: 0px;
text-align: left;
overflow: hidden;
background-color: #fff;
z-index: 100;
}
nav.mobile_menu ul{
display: none;
width: 100%;
position: relative;
list-style: none;
padding: 0;
margin: 0;
}
nav.mobile_menu > ul{
margin-bottom: -1px !important;
}
nav.mobile_menu ul li{
margin: 0px;
padding: 0px;
position: relative;
}
nav.mobile_menu ul li a{
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
-webkit-tap-highlight-color: transparent;
}
nav.mobile_menu ul li,
nav.mobile_menu ul li,
nav.mobile_menu ul li ul li {
border-bottom: 1px solid #eaeaea;
}
nav.mobile_menu ul li.open_sub > ul {
border-top: 1px solid #eaeaea;
}
nav.mobile_menu ul li:last-child{
border: 0px !important;
}
nav.mobile_menu ul > li.has_sub > span.mobile_arrow,
nav.mobile_menu ul > li.has_sub > span.mobile_arrow {
cursor: pointer;
display: inline-block;
float: right;
height: 46px;
line-height: 46px;
margin: 0px;
padding: 0px 10px 0px 0px;
position: absolute;
top: 0px;
right: 0px;
text-align: right;
width: 50px;
z-index: 9000;
-webkit-tap-highlight-color: transparent;
}
nav.mobile_menu ul li span.mobile_arrow i,
nav.mobile_menu ul li span.mobile_arrow i{
color: #888;
}
nav.mobile_menu ul > li > span.mobile_arrow i{
display:none;
}
nav.mobile_menu ul > li.has_sub > span.mobile_arrow i{
display:inline;
}
nav.mobile_menu ul > li.has_sub > span.mobile_arrow i.fa-angle-down,
nav.mobile_menu ul > li.has_sub > span.mobile_arrow i.fa-angle-down{
display:none;
}
nav.mobile_menu ul > li.has_sub.open_sub > span.mobile_arrow i.fa-angle-right,
nav.mobile_menu ul > li.has_sub > ul.open_sub > li > span.mobile_arrow i.fa-angle-right{
display:none;
}
nav.mobile_menu ul > li.has_sub.open_sub > span.mobile_arrow i.fa-angle-down,
nav.mobile_menu ul > li.has_sub ul.open_sub > li > span.mobile_arrow i.fa-angle-down{
display:inline;
}
nav.mobile_menu ul li a,
nav.mobile_menu ul li h3{
font-size: 13px;
font-weight: 400;
color: #888;
padding: 10px 0px 10px 0;
display: block;
position: relative;
text-transform: none;
line-height: 26px;
letter-spacing: 0;
}
nav.mobile_menu ul li a:hover,
nav.mobile_menu ul li.active > a{
color: #f25f33;
}
nav.mobile_menu ul li ul li{
margin: 0px 0px 0px 20px;
}
header:not(.centered_logo) .header_fixed_right_area {
position: absolute;
right: 0;
top: 0;
height: 100%;
line-height:100px;
}
.header_menu_bottom .main_menu{
left: auto;
}
.sticky .header_menu_bottom .main_menu{
float: right;
left: auto;
position: relative;
}
.sticky .header_menu_bottom .main_menu_header_inner_right_holder .main_menu{
float:left;
}
.sticky .header_menu_bottom .main_menu_header_inner_right_holder.with_center_logo .main_menu{
float:left;
}
.sticky .header_menu_bottom .main_menu_header_inner_right_holder{
float:right;
}
.header_menu_bottom nav.main_menu > ul{
left: auto;
}
.sticky .header_menu_bottom nav.main_menu > ul{
left: auto;
}
.side_menu_button_wrapper{
display: table;
}
.side_menu_button{
cursor: pointer;
display: table-cell;
vertical-align: middle;
height: 100px;
}
.header_bottom_right_widget_holder{
display: table-cell;
vertical-align: middle;
height: 100%;
padding:0 17px;
}
@media only screen and (min-width: 1000px){
header.dark:not(.sticky):not(.scrolled) .header_bottom_right_widget_holder a.qbutton,
header.dark.header_style_on_scroll .header_bottom_right_widget_holder a.qbutton{
border-color:#000 !important;
background-color: transparent !important;
color:#000 !important;
}
header.light:not(.sticky):not(.scrolled) .header_bottom_right_widget_holder a.qbutton,
header.light.header_style_on_scroll .header_bottom_right_widget_holder a.qbutton{
border-color:#fff !important;
background-color: transparent !important;
color:#fff !important;
}
}
/*header.has_woocommerce_dropdown .side_menu_button > a {
top: -8px;
}*/
.side_menu_button > a {
font-size: 14px;
position: relative;
display: inline;
width: 20px;
height: 20px;
padding:0 12px;
}
.side_menu_button > a.side_menu_button_link.medium {
display: inline-block;
font-size: 21px;
line-height: 30px;
height: 30px;
width: 19px;
}
.side_menu_button > a.side_menu_button_link.large {
display: inline-block;
font-size: 28px;
line-height: 34px;
height: 34px;
width: 24px;
}
.side_menu_button > a,
.mobile_menu_button span {
-webkit-transition: opacity 0.3s ease;
-moz-transition: opacity 0.3s ease;
-ms-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
color: #9d9d9d;
}
.side_menu_button > a:hover,
.mobile_menu_button span:hover {
opacity: 0.8;
}
.light:not(.sticky):not(.scrolled) .header-widget .q_social_icon_holder i.simple_social,
.light:not(.sticky):not(.scrolled) .header-widget,
.light:not(.sticky):not(.scrolled) .header-widget.widget_nav_menu ul.menu > li > a,
.light:not(.sticky):not(.scrolled) .header-widget p,
.light:not(.sticky):not(.scrolled) .header-widget a,
.light:not(.sticky):not(.scrolled) .header-widget span,
.light.header_style_on_scroll .header-widget .q_social_icon_holder i.simple_social,
.light.header_style_on_scroll .header-widget,
.light.header_style_on_scroll .header-widget.widget_nav_menu ul.menu > li > a,
.light.header_style_on_scroll .header-widget p,
.light.header_style_on_scroll .header-widget a,
.light.header_style_on_scroll .header-widget span{
color:#fff;
}
.light:not(.sticky):not(.scrolled) .header-widget .q_social_icon_holder i.simple_social,
.light:not(.sticky):not(.scrolled) .header-widget #lang_sel > ul > li > a,
.light:not(.sticky):not(.scrolled) .header-widget #lang_sel_click > ul > li> a,
.light.header_style_on_scroll .header-widget .q_social_icon_holder i.simple_social,
.light.header_style_on_scroll .header-widget #lang_sel > ul > li > a,
.light.header_style_on_scroll .header-widget #lang_sel_click > ul > li> a{
color:#fff !important;
}
.dark:not(.sticky):not(.scrolled) .q_social_icon_holder i.simple_social,
.dark:not(.sticky):not(.scrolled) .header-widget,
.dark:not(.sticky):not(.scrolled) .header-widget.widget_nav_menu ul.menu > li > a,
.dark:not(.sticky):not(.scrolled) .header-widget p,
.dark:not(.sticky):not(.scrolled) .header-widget a,
.dark:not(.sticky):not(.scrolled) .header-widget span,
.dark.header_style_on_scroll .q_social_icon_holder i.simple_social,
.dark.header_style_on_scroll .header-widget,
.dark.header_style_on_scroll .header-widget.widget_nav_menu ul.menu > li > a,
.dark.header_style_on_scroll .header-widget p,
.dark.header_style_on_scroll .header-widget a,
.dark.header_style_on_scroll .header-widget span{
color:#000;
}
.dark:not(.sticky):not(.scrolled) .header-widget .q_social_icon_holder i.simple_social,
.dark:not(.sticky):not(.scrolled) .header-widget #lang_sel > ul > li > a,
.dark:not(.sticky):not(.scrolled) .header-widget #lang_sel_click > ul > li> a,
.dark.header_style_on_scroll .header-widget .q_social_icon_holder i.simple_social,
.dark.header_style_on_scroll .header-widget #lang_sel > ul > li > a,
.dark.header_style_on_scroll .header-widget #lang_sel_click > ul > li> a{
color:#000 !important;
}
.side_menu_button a:last-child{
padding: 0px 0px 0px 8px;
}
.header_inner_right.left_side .side_menu_button a:last-child{
padding: 0px;
}
header.sticky .header_inner_right.left_side{
display:none;
}
.side_menu .q_font_awsome_icon .qode_icon_element
{
color:#818181;
-webkit-transition: color 0.3s ease-in-out;
-moz-transition: color 0.3s ease-in-out;
-o-transition: color 0.3s ease-in-out;
-ms-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out;
margin:0 8px 0 0;
-webkit-backface-visibility: visible; /* fix the problem with boxed background on Chrome */
}
.side_menu li:hover .q_font_awsome_icon .qode_icon_element{
color:#fff;
}
.q_slider {
width: 100%;
overflow: hidden;
position: relative;
z-index: 10;
}
.ls-wp-fullwidth-helper {
left: 0px !important;
}
/*.content{
margin-top: 0;
position: relative;
z-index: 100;
background-color: #f6f6f6;
}
.content.content_top_margin{
margin-top: 100px !important;
}
.content.content_top_margin_none{
margin-top: 0 !important;
}*/
.container{
position: relative;
padding: 0;
width: 100%;
z-index:100;
}
.container_inner{
width: 1100px;
margin: 0px auto;
}
/*.content .container {
background-color: #f6f6f6;
}
.content .container .container_inner{
padding:0px 0px 0px 0px;
}
.content .container .container_inner.page_container_inner{
padding:30px 0px 0px 0px;
}*/
.full_page_container_inner{
padding:30px 0px 0px 0px;
}
.full_width{
position: relative;
z-index: 100;
background-color: #f6f6f6;
}
.header_bottom .container_inner{
position: relative;
}
/*.content .title .container_inner{
padding: 0px !important;
}*/
section.section{
display: block;
position: relative;
padding: 50px 0;
overflow: hidden;
}
div.section{
position:relative;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.use_row_as_box{
-moz-border-radius:4px;
-webkit-border-radius:4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius:4px;
}
.vc_row.disable_negative_margin {
margin-left: 0;
margin-right: 0;
}
div.video_section{
overflow: hidden;
}
.boxed .section .section_inner,
.grid_section .section_inner{
width: 1100px;
margin: 0px auto;
position: relative;
z-index: 20;
}
.full_section_inner{
position: relative;
z-index: 20;
}
/* Section Video Background - Start */
.section .mobile-video-image {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
display: none;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 10;
}
.section .video-overlay {
height: 3000px;
left: 0;
opacity: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 11;
}
.section .video-overlay.active {
background-image: url("img/pixel-video.png");
background-position: 0px 0px;
background-repeat: repeat;
opacity: 1;
}
.section .video-wrap {
top: 0px;
left: 0px;
overflow: hidden;
position: absolute;
width: 100%;
z-index: 10;
}
.section .video-wrap .mejs-poster {
background-size: cover!important;
-moz-background-size: cover!important;
-webkit-background-size: cover!important;
-o-background-size: cover!important;
}
.section .video-wrap .mejs-container .mejs-controls {
display: none!important;
}
.section .video-wrap .mejs-controls .mejs-button button:focus {
outline: none!important;
}
.section .video-wrap .mejs-controls .mejs-time-rail .mejs-time-loaded {
background-color: rgba(255, 255, 255, 0.18) !important;
}
.section .video-wrap .mejs-container {
background-color: transparent!important;
background-image: none!important;
height: auto !important;
}
.section .video-wrap .mejs-mediaelement{
background: none !important;
border: 0px !important;
}
.section .video-wrap .mejs-container .mejs-poster img {
max-width: none!important;
width: 100%!important;
}
.section .video-wrap .mejs-controls button { opacity: 0.8; }
.section .video-wrap .mejs-controls button:hover, .mejs-controls .mejs-fullscreen-button:hover button { opacity: 1!important;}
.section .video-wrap .mejs-controls .mejs-time-rail .mejs-time-total {
background: #1f1f1f none repeat scroll 0 0 !important;
}
.section .video-wrap .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
background: transparent!important;
}
/* Section Video Background - End */
.two_columns_66_33{
width: 100%;
}
.two_columns_66_33>.column1{
width: 66.66%;
float: left;
}
.two_columns_66_33>.column1>.column_inner{
padding: 0 20px 0 0;
}
.two_columns_66_33>.column2{
width: 33.33%;
float: left;
}
.two_columns_66_33>.column2>.column_inner{
padding: 0 0 0 20px;
}
.two_columns_33_66{
width: 100%;
}
.two_columns_33_66>.column1{
width: 33.33%;
float: left;
}
.two_columns_33_66>.column1>.column_inner{
padding: 0 20px 0 0;
}
.two_columns_33_66>.column2{
width: 66.66%;
float: left;
}
.two_columns_33_66>.column2>.column_inner{
padding: 0 0 0 20px;
}
.two_columns_75_25{
width: 100%;
}
.two_columns_75_25>.column1{
width: 75%;
float: left;
}
.two_columns_75_25>.column1>.column_inner{
padding: 0 20px 0 0;
}
.two_columns_75_25>.column2{
width: 25%;
float: left;
}
.two_columns_75_25>.column2>.column_inner{
padding: 0 0 0 20px;
}
.two_columns_25_75 {
width: 100%;
}
.two_columns_25_75>.column1{
width: 25%;
float: left;
}
.two_columns_25_75>.column1>.column_inner{
padding: 0 20px 0 0;
}
.two_columns_25_75>.column2{
width: 75%;
float: left;
}
.two_columns_25_75>.column2>.column_inner{
padding: 0 0 0 20px;
}
.two_columns_50_50 {
width: 100%;
}
.two_columns_50_50>.column1{
width: 50%;
float: left;
}
.two_columns_50_50>.column1>.column_inner{
padding: 0 10px 0 0;
}
.two_columns_50_50>.column2{
width: 50%;
float: left;
}
.two_columns_50_50>.column2>.column_inner{
padding: 0 0 0 10px;
}
.three_columns {
width: 100%;
}
.three_columns>.column1,
.three_columns>.column2,
.three_columns>.column3{
width: 33.33%;
float: left;
}
.three_columns>.column1>.column_inner{
padding: 0 15px 0 0;
}
.three_columns>.column2>.column_inner{
padding: 0 5px 0 10px;
}
.three_columns>.column3>.column_inner{
padding: 0 0 0 15px;
}
.four_columns{
width: 100%;
}
.four_columns>.column1,
.four_columns>.column2,
.four_columns>.column3,
.four_columns>.column4{
width: 25%;
float: left;
}
.four_columns>.column1>.column_inner{
padding: 0 15px 0 0;
}
.four_columns>.column2>.column_inner{
padding: 0 10px 0 5px;
}
.four_columns>.column3>.column_inner{
padding: 0 5px 0 10px;
}
.four_columns>.column4>.column_inner{
padding: 0 0 0 15px;
}
.five_columns>.column1,
.five_columns>.column2,
.five_columns>.column3,
.five_columns>.column4,
.five_columns>.column5{
width: 20%;
float: left;
}
.five_columns>.column1>.column_inner,
.five_columns>.column2>.column_inner,
.five_columns>.column3>.column_inner,
.five_columns>.column4>.column_inner{
margin: 0 2.5% 0 0;
}
.five_columns>.column5>.column_inner{
margin: 0;
}
.title_outer.animate_title_area{
overflow: hidden;
}
/*.title{
display: block;
width: 100%;
height: 100px;
text-align: left;
position: relative;
z-index: 101;
border-bottom-color:#eee;
}*/
.title_outer.with_image .title{
height: auto !important;
line-height: normal;
background: none;
}
.title img{
display: block;
position: relative;
width: 100%;
}
.title .not_responsive{
display: none;
}
.title .title_holder{
display: table;
height: 100%;
left: 0;
position: relative;
width: 100%;
}
.title_outer.with_image .title .title_holder,
.title_outer .has_fixed_background.title .title_holder,
.title_outer .has_background.title .title_holder {
position: absolute;
top: 0%;
display:block;
}
.title .title_overlay{
position: absolute;
width: 100%;
height: 100%;
background-repeat: repeat;
background-position: 0px 0px;
top: 0;
}
.title .title_holder .container{
display: table-cell;
vertical-align: middle;
background-color: transparent;
}
.title_outer.with_image .title .title_holder .container,
.title_outer .has_fixed_background.title .title_holder .container,
.title_outer .has_background.title .title_holder .container
{
display:block;
height: 100%;
}
.content .title_outer.with_image .title .container_inner,
.title_outer .has_fixed_background.title .title_holder .container_inner,
.title_outer .has_background.title .title_holder .container_inner
{
display: table;
height: 100%;
}
.title_subtitle_holder{
display: block;
padding: 0px;
position:relative;
}
.title_outer.with_image .title .title_subtitle_holder,
.title_outer .has_fixed_background.title .title_subtitle_holder,
.title_outer .has_background.title .title_subtitle_holder
{
display: table-cell;
vertical-align: middle;
width: 100%;
}
.title_subtitle_holder_inner {
position: relative;
}
.title h1{
color: #303030;
padding: 0px;
text-transform:uppercase;
letter-spacing:1px;
font-weight: 600;
}
.title.title_size_medium h1{
font-size: 24px;
line-height: 1.384615384615385em;
}
.title.title_size_small h1,
.title h1
{
font-size: 17px;
line-height: 1.304347826086957em;
}
.title.title_size_large h1{
font-size: 47px;
line-height: 60px;
}
.title_text_shadow .title h1{
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
}
.subtitle{
display:block;
}
.title_text_shadow .subtitle{
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
}
.animate_title_text .title h1{
-webkit-animation: title-from-right .5s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275) 1s;
-moz-animation: title-from-right .5s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275) 1s;
-o-animation: title-from-right .5s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275) 1s;
animation: title-from-right .5s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275) 1s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
visibility: visible;
}
@-webkit-keyframes title-from-right {
0% {
filter: alpha(opacity=0);
opacity: 0;
-webkit-transform: translate(50%, 0);
}
100% {
filter: alpha(opacity=100);
opacity: 1;
-webkit-transform: translate(0, 0);
}
}
@-moz-keyframes title-from-right {
0% {
filter: alpha(opacity=0);
opacity: 0;
-moz-transform: translate(50%, 0);
}
100% {
filter: alpha(opacity=100);
opacity: 1;
-moz-transform: translate(0, 0);
}
}
@-o-keyframes title-from-right {
0% {
filter: alpha(opacity=0);
opacity: 0;
-o-transform: translate(50%, 0);
}
100% {
filter: alpha(opacity=100);
opacity: 1;
-o-transform: translate(0, 0);
}
}
@keyframes title-from-right {
0% {
filter: alpha(opacity=0);
opacity: 0;
transform: translate(50%, 0);
}
100% {
filter: alpha(opacity=100);
opacity: 1;
transform: translate(0, 0);
}
}
.position_center.title .title_subtitle_holder{
text-align:center;
}
.position_right.title .title_subtitle_holder{
text-align:right;
}
.position_right .breadcrumb{
left:0;
right: auto;
}
.title.has_background {
background-repeat: no-repeat;
background-position: center 0;
}
.title.has_fixed_background {
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center 0;
position: relative;
z-index: 101;
}
.breadcrumb{
position:absolute;
height:100%;
font-size:13px;
top:0;
right:0;
color:#303030;
}
.breadcrumbs{
display:table;
height:100%;
width:100%;
line-height: 1em;
}
.breadcrumbs .breadcrumbs_inner{
display:table-cell;
vertical-align:middle;
}
.title_text_shadow .breadcrumbs .breadcrumbs_inner{
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
}
.position_center.title .breadcrumb{
position:relative;
text-align:center;
}
.title .separator.small,
.title .separator.small.left,
.title .separator.small.right
{
margin-top: 14px;
margin-bottom: 10px;
}
.title_border_in_grid_holder{
height: 1px;
width: 1100px;
margin: 0 auto;
background-color: #eee;
}
.breadcrumb .current{
color:#303030;
}
.breadcrumb a{
color:#303030;
}
.breadcrumb a:hover{
color:#f25f33;
}
.touch .title.has_fixed_background {
background-attachment: scroll;
}
.box_image_with_border{
display: block;
position: relative;
border-bottom: 5px solid #dddddd;
-webkit-transition: all .4s ease-out 0s;
-moz-transition: all .4s ease-out 0s;
-o-transition: all .4s ease-out 0s;
-ms-transition: all .4s ease-out 0s;
text-align: center;
}
.box_image_with_border:hover{
border-color: #f25f33;
}
.box_image_with_border h3{
margin: 0 0 15px;
}
.box_image_holder{
display: block;
position: relative;
margin: 0 0 56px;
text-align: left;
}
.box_image_holder a{
position: relative;
display: block;
}
.box_image_holder .box_image_shadow{
display: block;
position: absolute;
bottom: -8px;
left: 0;
width: 100%;
height: 100%;
background-image: url('img/box_image_shadow.png');
background-repeat: no-repeat;
background-position: center bottom;
background-size: 100% 30px;
-webkit-background-size: 100% 30px;
-moz-background-size: 100% 30px;
-o-background-size: 100% 30px;
-webkit-transition: all .4s ease-out 0s;
-moz-transition: all .4s ease-out 0s;
-o-transition: all .4s ease-out 0s;
-ms-transition: all .4s ease-out 0s;
}
.box_image_with_border:hover .box_image_shadow{
bottom: -13px;
opacity: 0.2;
filter: alpha(opacity=20);
}
.box_image_holder .image_holder_inner{
position: relative;
display: inline-block;
width: 100%;
top: 0px;
left: 0px;
-webkit-transition: all .4s ease-out 0s;
-moz-transition: all .4s ease-out 0s;
-o-transition: all .4s ease-out 0s;
-ms-transition: all .4s ease-out 0s;
}
.box_image_with_border:hover .box_image_holder .image_holder_inner{
top: -15px;
}
.box_image_holder img{
width: 100%;
}
.box_image_holder .box_icon{
display: inline-block;
position: absolute;
left: 50%;
bottom: 0px;
-webkit-transform: translateZ(0px);
-moz-transform: translateZ(0px);
}
.box_image_holder .box_icon .fa-stack{
margin: 0 0 0 -50%;
font-size: 4em;
}
.box_image_holder .box_icon .fa-stack i{
margin: 35% 0 0;
}
.box_image_holder .box_icon .fa-stack i.fa-stack-base {
color: #f25f33;
}
.separator {
position: relative;
display: block;
height: 1px;
background-color: #eaeaea;
margin: 10px 0;
}
.separator.transparent {
background-color: transparent;
}
.separator.small {
background-color: #303030;
height: 2px;
position: relative;
width: 22px;
display: block;
margin: 10px auto 20px auto;
}
.wpb_column > .wpb_wrapper .separator.small {
margin-bottom: 20px;
}
.separator.small.left {
margin: 10px 0 20px 0;
}
.separator.small.right {
margin: 10px 0 20px auto;
}
/* ==========================================================================
Icon list shortcode styles
========================================================================== */
.q_icon_list {
margin-bottom: 21px;
}
.q_icon_list p{
font-size: 15px;
line-height: 27px;
font-weight: 400;
margin: 0 0 10px;
padding: 0 0 0 38px;
position: relative;
color: #303030;
}
.q_icon_list i {
background-color: #f25f33;
color: #fff;
font-size: 18px;
line-height: 27px;
height: 27px;
width: 27px;
text-align: center;
border-radius: 2em;
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
-o-border-radius: 2em;
}
.q_icon_list i.transparent {
background: transparent;
border: 0;
color: #ababab;
}
/* ==========================================================================
Progress bar shortcode start styles
========================================================================== */
.q_progress_bar {
position: relative;
margin: 0 0 28px 0;
width: 100%;
overflow: hidden;
text-align: left;
}
.q_progress_bar .progress_content_outer{
background-color: #e3e3e3;
position: relative;
overflow: hidden;
height: 13px;
}
.q_progress_bar .progress_content{
position: absolute;
top: 0;
left: 0;
max-width: 100%;
overflow: hidden;
background-color: #f25f33;
height: 13px;
box-sizing: border-box;
}
.q_progress_bar .progress_title_holder {
position: relative;
margin: 0 0 7px 0;
}
.q_progress_bar .progress_title {
display: inline-block;
z-index: 100;
}
.q_progress_bar .progress_number_wrapper {
text-align: right;
position: absolute;
left: 0px;
z-index: 10;
opacity: 0;
filter: alpha(opacity=0);
color: #fff;
}
.q_progress_bar .progress_number {
position: absolute;
right: 0;
font-size: 18px;
font-weight: 500;
top: -1px;
}
/* ==========================================================================
Progress bar shortcode end styles
========================================================================== */
/* ==========================================================================
Vertical progress bar shortcode start styles
========================================================================== */
.q_progress_bars_vertical .progress_content_outer {
height: 200px;
position: relative;
background-color: #e3e3e3;
}
.q_progress_bars_vertical .progress_number {
font-size: 18px;
line-height: 1em;
color: #303030;
display: block;
position: relative;
font-weight: 500;
margin-bottom: 14px;
}
.q_progress_bars_vertical .progress_title {
margin-bottom: 0.7777777777777778em;
margin-top: 1em;
}
.q_progress_bars_vertica .progress_text {
display: inline-block;
line-height: 18px;
}
.q_progress_bars_vertical .progress_content_outer .progress_content {
display: inline-block;
width: 100%;
position: absolute;
bottom: 0;
left: 0px;
background-color: #f25f33;
box-sizing: border-box;
}
/* ==========================================================================
Vertical progress bar shortcode end styles
========================================================================== */
/* ==========================================================================
Counter shortcode start styles
========================================================================== */
.q_counter_holder {
display: block;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: opacity .4s ease 0s;
-moz-transition: opacity .4s ease 0s;
-o-transition: opacity .4s ease 0s;
padding: 20px 0;
}
.q_counter_holder.boxed_counter {
border: 1px solid #eaeaea;
padding: 20px 40px;
background-color:#fff;
}
.q_counter_holder.left {
text-align: left;
}
.q_counter_holder.right {
text-align: right;
}
.q_counter_holder.center {
text-align: center;
padding: 20px 40px;
}
.q_counter_holder span.counter {
font-size: 60px;
line-height: 1em;
font-weight: 300;
color: #f25f33;
display: inline-block !important;
height: 1em;
}
.q_counter_holder p.counter_text {
font-weight: 600;
text-transform: uppercase;
letter-spacing:1px;
margin: 12px 0 0 00;
}
.q_counter_holder .separator.small {
background-color: #eaeaea;
margin: 19px auto 0px auto;
}
.q_counter_holder.left .separator.small {
margin-left: 0;
margin-right: auto;
}
.q_counter_holder.right .separator.small {
margin-left: auto;
margin-right: 0;
}
/* ==========================================================================
Counter shortcode end styles
========================================================================== */
/* ==========================================================================
Box Holder shortcode start styles
========================================================================== */
.q_box_holder{
display: block;
position: relative;
border: 1px solid transparent;
z-index: 200;
}
.q_box_holder.with_icon{
border: 2px solid #c0c0c0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
.box_holder_inner{
padding: 30px 20px;
display: block;
}
.q_box_holder.with_icon .box_holder_inner.tiny{
padding: 37px 20px 30px;
}
.q_box_holder.with_icon .box_holder_inner.small{
padding: 45px 20px 30px;
}
.q_box_holder.with_icon .box_holder_inner.medium{
padding: 58px 20px 30px;
}
.q_box_holder.with_icon .box_holder_inner.large{
padding: 71px 20px 30px;
}
.q_box_holder.with_icon .box_holder_inner.very_large{
padding: 85px 20px 30px;
}
.box_holder_inner.left{
text-align: left;
}
.box_holder_inner.right{
text-align: right;
}
.box_holder_inner.center{
text-align: center;
}
.box_holder_icon{
position: absolute;
display: block;
left: 50%;
top: 0;
z-index: 250;
}
.box_holder_icon_inner{
margin: -50% 0 0 -50%;
}
.box_holder_icon_inner.circle,
.box_holder_icon_inner.square,
.box_holder_icon_inner.image{
margin: -50% 0 0 -50%;
}
.box_holder_icon_inner.circle .fa-stack,
.circle .icon_holder .fa-stack{
-o-border-radius: 2em;
-moz-border-radius: 2em;
-webkit-border-radius: 2em;
-ms-border-radius: 2em;
border-radius: 2em;
}
.box_holder_icon .fa-stack i{
color: #f25f33;
}
.box_holder_icon_inner.tiny i.fa-circle{
font-size: 40px;
}
.box_holder_icon_inner.image.tiny img{
height: 35px;
}
.box_holder_icon_inner.image.small img{
height: 52px;
}
.box_holder_icon_inner.image.medium img{
height: 78px;
}
.box_holder_icon_inner.image.large img{
height: 104px;
}
.box_holder_icon_inner.image.very_large img{
height: 130px;
}
/* ==========================================================================
Box Holder shortcode end styles
========================================================================== */
/* ==========================================================================
Button shortcode start styles
========================================================================== */
.qbutton,
.load_more a,
.blog_load_more_button a,
#submit_comment,
.drop_down .wide .second ul li .qbutton,
.drop_down .wide .second ul li ul li .qbutton {
position: relative;
display: inline-block;
width: auto;
height: 39px;
line-height: 39px;
margin: 0;
padding: 0px 23px;
border: 2px solid #303030;
font-size: 13px;
font-weight: 700;
font-family: inherit;
text-align: left;
color: #303030;
text-decoration: none;
cursor: pointer;
white-space: nowrap;
outline: none;
font-style: normal;
text-transform: uppercase;
letter-spacing: 1px;
-o-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
text-shadow: none;
background-color: transparent;
-webkit-transition: color 0.1s linear, background-color 0.1s linear,border-color 0.1s linear;
-moz-transition: color 0.1s linear, background-color 0.1s linear,border-color 0.1s linear;
-ms-transition: color 0.1s linear, background-color 0.1s linear,border-color 0.1s linear;
-o-transition: color 0.1s linear, background-color 0.1s linear,border-color 0.1s linear;
transition: color 0.1s linear, background-color 0.1s linear,border-color 0.1s linear;
-webkit-box-sizing: initial !important;
-moz-box-sizing: initial !important;
box-sizing: initial !important;
}
input.qbutton {
line-height: 36px;
}
.qbutton:hover,
.load_more a:hover,
.blog_load_more_button a:hover,
#submit_comment:hover,
.drop_down .wide .second ul li .qbutton:hover,
.drop_down .wide .second ul li ul li .qbutton:hover{
background-color: #f25f33;
border-color: #f25f33;
color: #fff;
text-decoration: none;
}
.qbutton.left {
text-align: left;
}
.qbutton.right {
text-align: right;
}
.qbutton.center {
text-align: center;
}
/* Button sizes styles
========================================================================== */
.qbutton.big_large{
height: 58px;
line-height: 58px;
font-size: 20px;
padding: 0 22px;
}
.qbutton.big_large_full_width{
width:100%;
height: 90px;
line-height: 90px;
font-size: 20px;
padding:0;
text-align: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
}
.qbutton.large {
height: 47px;
line-height: 47px;
font-size: 16px;
padding: 0px 29px;
}
.qbutton.small {
height: 30px;
line-height: 30px;
font-size: 12px;
padding:0 17px;
}
/* Button color styles
========================================================================== */
.qbutton.white {
border-color: #fff;
color:#fff;
}
.qbutton.white:hover {
background-color: #f25f33;
border-color: #f25f33;
}
.qbutton.green {
border-color: #f25f33;
color:#fff;
background-color: #f25f33;
}
.qbutton.green:hover {
background-color: #fff;
border-color: #fff;
color: #a2a2a2;
}
/* Button with icon styles
========================================================================== */
.qbutton i {
margin: 0 0 0 10px;
}
.qbutton.large i {
margin: 0 0 0 17px;
}
.qbutton.medium i {
margin: 0 0 0 15px;
}
.qbutton.small i {
margin: 0 0 0 10px;
}
.qbutton.tiny i {
margin: 0 0 0 8px;
}
.qbutton.big_large i,
.qbutton.big_large_full_width i {
margin: 0 0 0 19px;
}
/* Button usage custom styles
========================================================================== */
#submit_comment,
.load_more.tiny a {
height: 39px;
line-height: 39px;
font-size: 12px;
padding: 0px 18px;
}
#submit_comment {
line-height: 36px;
}
/* ==========================================================================
Button end styles
========================================================================== */
/* ==========================================================================
Pie Charts and Pie Charts With Icon start styles
========================================================================== */
.easyPieChart {
position: relative;
}
.easyPieChart canvas {
position: absolute;
top: 0;
left: 0;
}
.q_pie_chart_holder,
.q_pie_chart_with_icon_holder{
display: block;
margin: 0 0 30px;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: opacity .3s ease 0s;
-moz-transition: opacity .3s ease 0s;
-o-transition: opacity .3s ease 0s;
}
.q_percentage {
font-size: 35px;
font-weight: 500;
color: #303030;
text-align: center;
margin: 0 auto;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: opacity .3s ease 0s;
-moz-transition: opacity .3s ease 0s;
-o-transition: opacity .3s ease 0s;
}
.q_percentage_with_icon{
color: #f25f33;
text-align: center;
margin: 0 auto;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: opacity .3s ease 0s;
-moz-transition: opacity .3s ease 0s;
-o-transition: opacity .3s ease 0s;
-webkit-backface-visibility: hidden;
}
.q_pie_chart_holder .tocounter{
float: none;
margin: 0;
}
.q_percentage_with_icon i{
float: none;
margin: 0;
vertical-align: middle !important;
color: #b9b9b9;
}
.q_pie_chart_holder .pie_chart_text,
.q_pie_chart_with_icon_holder .pie_chart_text{
text-align: center;
margin: 28px 0 0;
}
.q_pie_chart_holder .pie_chart_text .pie_title,
.q_pie_chart_with_icon_holder .pie_chart_text .pie_title{
margin: 0 0 0.35em;
}
.q_pie_chart_holder .separator.small {
background-color: #eaeaea;
margin: 10px auto 12px auto;
}
/* ==========================================================================
Pie Charts and Pie Charts With Icon end styles
========================================================================== */
/* ==========================================================================
Image With Text start styles
========================================================================== */
.image_with_text {
display: inline-block;
width: 100%;
position: relative;
}
.image_with_text img {
display: block;
margin: 0 0 22px 0;
}
/* ==========================================================================
Image With Text end styles
========================================================================== */
/* ==========================================================================
Call to action styles
========================================================================== */
.call_to_action {
position: relative;
display: block;
padding: 51px 21px;
background-color: #f25f33;
}
.call_to_action .two_columns_75_25 {
position: relative;
}
.call_to_action .text_wrapper {
position:relative;
}
.call_to_action .text_wrapper .call_to_action_text {
color: #fff;
letter-spacing: 1px;
font-size: 22px;
font-weight: 500;
}
.call_to_action.with_icon .text_wrapper .call_to_action_text {
padding:0 0 0 54px;
line-height: 1em;
}
.call_to_action .text_wrapper .call_to_action_icon_holder{
position:absolute;
height:100%;
}
.call_to_action .text_wrapper .call_to_action_icon{
display:table;
height:100%;
}
.call_to_action .text_wrapper .call_to_action_icon_inner {
display:table-cell;
height:100%;
vertical-align:middle;
}
.call_to_action .text_wrapper .call_to_action_icon_inner i {
color: #fff;
}
.call_to_action .column2.button_wrapper {
text-align: right;
}
.call_to_action .column2.button_wrapper .qbutton{
position:absolute;
right:0;
top:50%;
margin:-21px 0 0 0;
}
.call_to_action .column2.button_wrapper .qbutton.small{
margin-top:-17px;
}
.call_to_action .column2.button_wrapper .qbutton.large{
margin-top:-25px;
}
.call_to_action .column2.button_wrapper .qbutton.big_large{
margin-top:-31px;
}
/* ==========================================================================
Parallax shortcode styles
========================================================================== */
.full_width .parallax_content{
width: 1100px;
margin: 0px auto;
}
section.section section.parallax{
margin: -50px 0px;
}
.boxed section.section section.parallax{
margin: -50px -25px;
}
.boxed .full_width .parallax_content{
width: auto;
margin: 0px;
padding: 0px 25px;
}
section.parallax_section_holder{
position: static;
padding: 0px;
background-repeat: no-repeat;
background-color: transparent;
background-position: center 0px;
background-attachment: fixed;
overflow: hidden;
}
.parallax_content,
.parallax_content_full_width
{
z-index: 100;
position: relative;
}
.parallax_content.left,
.parallax_content_full_width.left{
text-align: left;
}
.parallax_content.center,
.parallax_content_full_width.center{
text-align: center;
}
.parallax_content.right,
.parallax_content_full_width.right{
text-align: right;
}
/* ==========================================================================
Portfolio styles
========================================================================== */
.portfolio_single{
display: block;
position: relative;
}
.portfolio_single_text_holder,
.portfolio_detail,
.lightbox_single_portfolio{
position: relative;
}
.portfolio_single .flexslider,
.portfolio_single .portfolio_single_text_holder{
margin: 0 0 40px;
}
.portfolio_single .portfolio_images .fluid-width-video-wrapper,
.portfolio_single .portfolio_images img{
margin: 0 0 18px;
}
.portfolio_single a.lightbox_single_portfolio.video_in_lightbox{
display: block;
}
.portfolio_single a.lightbox_single_portfolio > i{
position: absolute;
top: 50%;
left: 50%;
display: inline-block;
vertical-align: middle;
font-size: 40px;
color: #fff;
margin: -20px 0 0 -15px;
z-index: 110;
}
.portfolio_single .portfolio_container{
position: relative;
z-index: 200;
}
.portfolio_single h2{
margin: 0px 0 5px 0;
}
.portfolio_single h3{
margin: 0px 0 8px 0;
}
.portfolio_detail.portfolio_single_follow {
position: relative;
}
.portfolio_detail .info{
padding: 0 0 9px;
margin: 0 0 9px;
}
.portfolio_detail .info:last-child{
border: 0px;
}
.video_holder{
position: relative;
width: 100%;
display: block;
min-height: 1px;
}
.portfolio_single .video .mobile-video-image {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
display: none;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 10;
}
.portfolio_single .video{
margin: 0 0 44px;
position: relative;
}
.portfolio_single .video .video-wrap {
overflow: hidden;
position: relative;
width: 100%;
z-index: 10;
}
.portfolio_single .video .video-wrap .mejs-poster {
background-size: cover!important;
-moz-background-size: cover!important;
-webkit-background-size: cover!important;
-o-background-size: cover!important;
width: 100% !important;
height: 100% !important;
}
.portfolio_single .video .video-wrap .mejs-container {
background-color: transparent!important;
background-image: none!important;
height: 100% !important;
width: 100% !important;
overflow: hidden;
}
.portfolio_single .video .video-wrap .mejs-mediaelement{
background: none !important;
border: 0px !important;
}
.portfolio_single .video .video-wrap .mejs-container .mejs-poster img {
max-width: none!important;
width: 100%!important;
}
.portfolio_single .mejs-container .mejs-controls{
visibility: visible !important;
}
.portfolio_single .mejs-controls .mejs-volume-button .mejs-volume-slider{
display: none !important;
}
.flexslider .slides .mejs-poster img,
.portfolio_slider .portfolio_slides .mejs-poster img{
display: none;
}
.portfolio_single .flexslider .video .video-wrap{
margin: 0px;
}
/* Portfolio navigation styles
========================================================================== */
.portfolio_navigation {
display: inline-block;
width: 100%;
text-align: center;
padding: 28px 0 50px;
z-index: 100;
position: relative;
}
.portfolio_navigation .portfolio_prev,
.portfolio_navigation .portfolio_next,
.portfolio_navigation .portfolio_button{
display: inline-block;
height: 35px;
line-height: 35px;
}
.portfolio_navigation .portfolio_prev{
position: absolute;
left: 0;
}
.portfolio_navigation .portfolio_next{
position: absolute;
right: 0;
}
.portfolio_navigation .portfolio_prev a,
.portfolio_navigation .portfolio_next a{
position: relative;
display: inline-block;
width: 38px;
height: 38px;
line-height: 38px;
margin: 0 11px 0 0;
text-align:center;
font-size: 18px;
color: #b4b4b4;
text-decoration: none;
text-transform: uppercase;
cursor: pointer;
white-space: nowrap;
border: 2px solid #e5e5e5;
outline: none;
-o-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
text-shadow: none;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.portfolio_navigation .portfolio_prev a:hover,
.portfolio_navigation .portfolio_next a:hover {
color: #303030;
background-color: #e3e3e3;
border-color: #e3e3e3;
}
.portfolio_navigation .portfolio_button a{
background-image: url('img/portfolio_list_button.png');
background-position: 0 0;
background-repeat: no-repeat;
width: 19px;
display: block;
height: 19px;
margin: 11px 0 0 0;
-webkit-transition: background-image 0.3s ease-in-out;
-moz-transition: background-image 0.3s ease-in-out;
-ms-transition: background-image 0.3s ease-in-out;
-o-transition: background-image 0.3s ease-in-out;
transition: background-image 0.3s ease-in-out;
}
.portfolio_navigation .portfolio_button a:hover{
background-image: url('img/portfolio_list_button_hover.png');
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:150/100), only screen and (min-device-pixel-ratio:1.5), only screen and (min-resolution:160dpi) {
.portfolio_navigation .portfolio_button a{
background-image: url('img/portfolio_list_button@1_5x.png');
-o-background-size: 19px 19px;
-webkit-background-size: 19px 19px;
-moz-background-size: 19px 19px;
background-size: 19px 19px;
}
.portfolio_navigation .portfolio_button a:hover{
background-image: url('img/portfolio_list_button_hover@1_5x.png');
}
}
@media only screen and (-webkit-min-device-pixel-ratio:2.0), only screen and (min--moz-device-pixel-ratio:2.0), only screen and (-o-min-device-pixel-ratio:200/100), only screen and (min-device-pixel-ratio:2.0), only screen and (min-resolution:210dpi) {
.portfolio_navigation .portfolio_button a{
background-image: url('img/[email protected] ');
-o-background-size: 19px 19px;
-webkit-background-size: 19px 19px;
-moz-background-size: 19px 19px;
background-size: 19px 19px;
}
.portfolio_navigation .portfolio_button a:hover{
background-image: url('img/[email protected] ');
}
}
.portfolio_navigation .portfolio_prev a:hover,
.portfolio_navigation .portfolio_next a:hover{
background-image: url('img/button-bg-px.png') !important;
}
.portfolio_social_holder{
width:100%;
display: inline-block;
}
.portfolio_single .portfolio_social_holder .portfolio_share,
.portfolio_single .portfolio_social_holder .portfolio_like{
display: inline-block;
margin: 0;
}
.portfolio_gallery {
display: inline-block;
width: 100%;
position: relative;
margin: 0 0 15px 0;
}
.portfolio_single .portfolio_gallery{
margin: 0 0 3px 0;
}
.portfolio_gallery a {
position: relative;
float: left;
display: inline-block;
overflow: hidden;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0px);
-moz-transform: translateZ(0px);
}
.portfolio_gallery a.v2 {
width: 49%;
margin: 0 2% 2% 0;
}
.portfolio_gallery a.v3 {
width: 32%;
margin: 0 2% 2% 0;
}
.portfolio_gallery a.v4 {
width: 23.5%;
margin: 0 2% 2% 0;
}
.portfolio_gallery a.v2:nth-child(2n),
.portfolio_gallery a.v3:nth-child(3n),
.portfolio_gallery a.v4:nth-child(4n) {
margin: 0 0 2% 0;
}
.portfolio_gallery a img,
.portfolio_gallery a frame {
position: relative;
display: block;
width: 100%;
z-index: 100;
}
.portfolio_gallery iframe{
min-height: 200px;
}
.portfolio_gallery a .gallery_text_holder{
background-color: #000;
background-color: rgba(0, 0, 0, 0.50);
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
display: inline-block;
z-index: 200;
opacity: 0;
filter: alpha(opacity=0);
visibility: visible;
-webkit-transition: opacity .4s;
-moz-transition: opacity .4s;
-o-transition: opacity .4s;
-ms-transition: opacity .4s;
}
.portfolio_gallery a img{
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.portfolio_gallery a:hover .gallery_text_holder{
opacity: 1;
filter: alpha(opacity=100);
}
.portfolio_gallery a .gallery_text_inner{
display: table;
text-align: center;
vertical-align: middle;
width: 100%;
height: 100%;
}
.portfolio_gallery a .gallery_text_inner h6{
display: table-cell;
text-align: center;
vertical-align: middle;
width: 100%;
height: 100%;
margin: 0;
padding: 0px 15px;
color: #fff;
}
.projects_holder_outer{
margin: 0;
display: block;
width: 100%;
}
.projects_holder_outer .container .container_inner{
padding: 0px 0px 0px 0px;
}
.full_width .projects_holder_outer.v6 .hover_text,
.full_width .projects_holder_outer.v5 .hover_text,
.full_width .projects_holder_outer.v4 .hover_text,
.full_width .projects_holder_outer.v5 .standard,
.full_width .projects_holder_outer.v6 .standard,
.full_width .projects_holder_outer.v4 .standard {
width: 95%;
margin: 0 auto;
}
.full_width .section_inner .projects_holder_outer.v6 .hover_text,
.full_width .section_inner .projects_holder_outer.v5 .hover_text,
.full_width .section_inner .projects_holder_outer.v4 .hover_text,
.full_width .section_inner .projects_holder_outer.v5 .standard,
.full_width .section_inner .projects_holder_outer.v6 .standard,
.full_width .section_inner .projects_holder_outer.v4 .standard {
width: 100%;
}
.full_width .projects_holder_outer.v6 .hover_text.no_space,
.full_width .projects_holder_outer.v5 .hover_text.no_space,
.full_width .projects_holder_outer.v4 .hover_text.no_space{
width: 100%;
margin: 0;
}
.projects_holder{
font-size: 0.1px;
line-height: 0;
list-style-type: none;
text-align: justify;
}
.projects_holder:after,
.projects_holder:before{
content: "";
display: inline-block !important;
width: 100%;
}
.projects_holder > .mix{
/*display: none;*/
visibility: hidden;
position: relative;
vertical-align: top;
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
-o-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
text-align: left;
}
.projects_holder.hideItems > .mix{
display: none;
}
.projects_holder.hover_text.no_space:not(.portfolio_full_image) > .mix{
float: left;
}
.projects_holder .mix .image{
position: relative;
display: block;
overflow: hidden;
width: 100%;
-moz-transform: translateZ(0px);
-webkit-transform: translateZ(0px);
}
.projects_holder article .image img {
position: relative;
display: block;
width: 100%;
z-index: 100;
}
.projects_holder article .image img,
.portfolio_slider .portfolio_slides li.item img {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform 0.3s ease-in-out;
-moz-transition: -moz-transform 0.3s ease-in-out;
-ms-transition: -ms-transform 0.3s ease-in-out;
-o-transition: -o-transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
}
.projects_holder.hover_text.no_space article .image img{
margin:0 1px;
}
.projects_holder article .image_holder:hover .image img,
.portfolio_slider .portfolio_slides li.item:hover img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.projects_holder article .image_holder,
.projects_holder article .portfolio_description{
display: block;
position: relative;
}
.projects_holder article .portfolio_description{
padding:20px 0 22px;
text-align:center;
background-color:#fff;
border-style:none;
border-top:none !important;
border-width:1px;
border-color: #fefefe;
}
.projects_holder article .portfolio_description.text_align_left {
text-align: left;
}
.projects_holder article .portfolio_description.text_align_center {
text-align: center;
}
.projects_holder article .portfolio_description.text_align_right {
text-align: right;
}
.standard_no_space.projects_holder article .portfolio_description{
margin: 0 -1px 0 0;
}
.projects_holder article .portfolio_description .portfolio_title {
display: block;
margin:0 0 7px 0;
}
.portfolio_slider .image_holder .separator.small{
margin: 10px auto;
background-color: #fff;
}
.projects_holder article .hover_feature_holder_title .separator.small,
.projects_masonry_holder article .hover_feature_holder_title .separator.small{
background-color: #fff;
margin-top: 10px;
margin-bottom: 10px;
}
.projects_holder article .portfolio_description .separator.small{
margin-top: 10px;
margin-bottom: 10px;
}
.wpb_column>.wpb_wrapper .portfolio_slider .image_holder .separator.small {
background-color: #fff;
}
.portfolio_slider .image_holder .separator.small.transparent{
background-color: transparent !important;
}
.projects_holder.hover_text article .hover_feature_holder_title .separator{
background-color: #fff;
}
.projects_holder.hover_text article .hover_feature_holder_title .portfolio_title a,
.projects_holder.hover_text article span.text_holder span.text_inner .hover_feature_holder_title .project_category{
color: #fff;
}
.projects_holder.hover_text article span.text_holder span.text_inner .hover_feature_holder_title .project_category{
font-weight:500;
}
.projects_holder.hover_text article .hover_feature_holder_title .portfolio_title{
margin:0 0 7px;
}
.projects_holder article .portfolio_description .project_category,
.projects_holder.hover_text article .project_category {
line-height: 22px;
display: block;
font-size: 13px;
font-weight:500;
}
.portfolio_single .portfolio_like{
position: relative;
display: inline-block;
cursor: pointer;
padding: 0px;
}
.portfolio_single .dots{
padding: 0 7px 0 4px;
}
.portfolio_single .dots i{
font-size: 3px;
vertical-align: middle;
}
.portfolio_single .portfolio_like a{
display: block;
font-size: 13px;
line-height: 13px;
text-align: center;
}
.portfolio_single .portfolio_like span{
line-height: 19px;
}
.portfolio_slider .portfolio_like a:hover i,
.portfolio_slider .portfolio_like span{
color: #e0e0e0;
}
.projects_holder article .portfolio_like a,
.projects_holder article .portfolio_like:hover a {
color: #fff;
}
.projects_holder article span.text_holder {
background-color: #000;
background-color: rgba(21, 21, 21, 0.78);
bottom: 0;
display: inline-block;
height: 100%;
left: 0;
opacity: 0;
position: absolute;
transition: opacity 0.4s ease-in-out;
-webkit-transition: opacity 0.4s ease-in-out;
-moz-transition: opacity 0.4s ease-in-out;
-o-transition: opacity 0.4s ease-in-out;
-ms-transition: opacity 0.4s ease-in-out;
visibility: visible;
overflow: hidden;
width: 100%;
z-index: 200;
}
.touch .projects_holder article span.text_holder{
display: none !important;
height: 0 !important;
width: 0 !important;
opacity: 0 !important;
visibility: hidden !important;
}
.projects_holder article:hover span.text_holder{
height:100% !important;
}
.projects_holder article .image_holder:hover span.text_holder{
opacity: 1;
filter: alpha(opacity=100);
}
.projects_holder.hover_text.with_mask article .image_holder:hover .image_hover{
opacity: 0;
filter: alpha(opacity=0);
}
.projects_holder article span.text_holder span.text_outer{
display: table;
text-align: center;
vertical-align: middle;
width: 100%;
height: 100%;
overflow:hidden;
}
.projects_holder article span.text_holder span span.text_inner{
display: table-cell;
text-align: center;
vertical-align: middle;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
.projects_holder article span.text_holder span span.text_inner .project_category{
color: #A6A6A6;
display: block;
font-size: 13px;
line-height: 22px;
}
.projects_holder article .feature_holder,
.projects_holder article .feature_holder .feature_holder_icons{
display: inline-block;
}
.projects_holder.hover_text article .feature_holder{
width: 100%;
}
.projects_holder.hover_text article .feature_holder .feature_holder_icons{
margin:20px 0 0 0;
}
.portfolio_slider,
.portfolio_slides .image_holder{
position: relative;
display: block;
-webkit-backface-visibility: hidden;
}
.portfolio_slides .image_pixel_hover{
position: absolute;
height: 100%;
width: 100%;
display: block;
background-color: transparent;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
z-index: 100;
}
.touch .portfolio_slides .image_pixel_hover{
display: none !important;
}
.portfolio_slides li:hover .image_pixel_hover{
background-color: #000;
background-color: rgba(21, 21, 21, 0.78);
}
.portfolio_slides .image_holder .image {
position: relative;
display: block;
overflow: hidden;
width: 100%;
-webkit-transition: -webkit-transform 0.4s;
-moz-transition: -moz-transform 0.4s;
transition: transform 0.4s;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
}
.portfolio_slides .hover_feature_holder{
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 101;
}
.touch .portfolio_slides .hover_feature_holder{
display: none !important;
}
.portfolio_slides .hover_feature_holder_icons{
position: relative;
opacity: 0;
text-align: center;
display: inline-block;
width: 100%;
margin: 0 0 30px;
-webkit-transition: opacity .4s ease-in-out 0.1s;
-moz-transition: opacity .4s ease-in-out 0.1s;
-o-transition: opacity .4s ease-in-out 0.1s;
-ms-transition: opacity .4s ease-in-out 0.1s;
transition: opacity .4s ease-in-out 0.1s;
-webkit-transform: translateZ(0px);
-moz-transform: translateZ(0px);
display: none;
}
.portfolio_slides li:hover .hover_feature_holder_icons {
opacity: 1;
}
.portfolio_slides .hover_feature_holder_icons_inner {
display: inline-block;
position: relative;
}
.portfolio_slides .hover_feature_holder_outer {
position: relative;
opacity: 1 !important;
top: 0;
height: 100%;
display: table;
width: 100%;
}
.portfolio_slides .hover_feature_holder_inner {
height: 100%;
width: 100%;
top: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
opacity: 0;
display: table-cell;
vertical-align: middle;
padding: 0 5%;
text-align: center;
color: #fff;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
}
.portfolio_slides .hover_feature_holder_inner .portfolio_title {
text-transform: uppercase;
letter-spacing: 1px;
}
.portfolio_slides .hover_feature_holder_inner .portfolio_title a {
color: #fff;
}
.portfolio_slides .hover_feature_holder_inner .qbutton {
margin-top: 24px;
margin-left: 5px;
margin-right: 5px;
}
.portfolio_slides .hover_feature_holder_inner .qbutton:hover {
border-color: #f25f33;
}
.portfolio_slides li:hover .hover_feature_holder_inner{
opacity: 1;
}
.projects_holder.hover_text article .image_holder{
overflow: hidden;
}
.projects_holder.hover_text.no_space article .image_holder{
margin: 0 -1px;
}
.projects_holder article a.lightbox,
.projects_holder article a.preview,
.projects_holder article .portfolio_like,
.portfolio_slider a.lightbox,
.portfolio_slider a.preview,
.portfolio_slider .portfolio_like{
position: relative;
display: inline-block;
margin:0 0 5px 0;
-webkit-backface-visibility: hidden;
}
.projects_holder article a.lightbox,
.portfolio_slider a.lightbox{
margin: 0 10px 0 0;
}
.projects_holder article .portfolio_like,
.portfolio_slider .portfolio_like{
margin: 0 0 0 10px;
}
.projects_holder article .portfolio_like i,
.portfolio_slider .portfolio_like i{
line-height: 20px;
margin: 4px 0 0 0;
}
.portfolio_like .qode-like-count span{
display:none;
}
.projects_holder article .portfolio_like a:hover,
.portfolio_slider .portfolio_like a:hover{
/*opacity: 0.7;*/
/*filter: alpha(opacity=70);*/
}
.projects_holder article .portfolio_like .qode-like-count,
.portfolio_slider article .portfolio_like .qode-like-count{
font-size: 13px;
line-height: 13px;
color: #fff;
}
.projects_holder .filler {
display: inline-block;
height: 0px;
}
.projects_holder.v6 .mix,
.projects_holder.v6.hover_text .mix{
width: 15.7%;
margin: 0 0 1.2%;
}
.projects_holder.v6.hover_text .mix{
margin: 0 0 1.7%;
}
.projects_holder.v6 .filler,
.projects_holder.v6.hover_text .filler{
width: 15.7%;
}
.projects_holder.v6.standard_no_space .mix,
.projects_holder.v6.hover_text.no_space .mix{
width: 16.66%;
margin: 0;
}
.projects_holder.v6.standard_no_space .mix{
margin: 0 0 0%;
}
.projects_holder.v6.standard_no_space .filler,
.projects_holder.v6.hover_text.no_space .filler{
width: 16.66%;
}
.safari_browser .projects_holder.v6.standard_no_space .mix,
.safari_browser .projects_holder.v6.hover_text.no_space .mix{
width: 16.6%;
}
.safari_browser .projects_holder.v6.standard_no_space .filler,
.safari_browser .projects_holder.v6.hover_text.no_space .filler{
width: 16.6%;
}
.projects_holder.v5 .mix,
.projects_holder.v5.hover_text .mix{
width: 18%;
margin: 0 0 2.9%;
}
.projects_holder.v5.hover_text .mix{
margin: 0 0 2%;
}
.projects_holder.v5 .filler,
.projects_holder.v5.hover_text .filler{
width: 18.5%;
}
.projects_holder.v5.standard_no_space .mix,
.projects_holder.v5.hover_text.no_space .mix{
width: 19.99%;
margin: 0;
}
.projects_holder.v5.standard_no_space .mix{
margin: 0 0 0%;
}
.projects_holder.v5.standard_no_space .filler,
.projects_holder.v5.hover_text.no_space .filler{
width: 19.99%;
}
.safari_browser .projects_holder.v5.standard_no_space .mix,
.safari_browser .projects_holder.v5.hover_text.no_space .mix{
width: 19.93%;
}
.safari_browser .projects_holder.v5.standard_no_space .filler,
.safari_browser .projects_holder.v5.hover_text.no_space .filler{
width: 19.93%;
}
.projects_holder.v4 .mix,
.projects_holder.v4.hover_text .mix{
width: 23.5%;
margin: 0 0 2.5%;
}
.projects_holder.v4.hover_text .mix{
margin: 0 0 2.2%;
}
.projects_holder.v4 .filler,
.projects_holder.v4.hover_text .filler{
width: 23.5%;
}
.projects_holder.v4.standard_no_space .mix,
.projects_holder.v4.hover_text.no_space .mix{
width: 24.99%;
margin: 0;
}
.projects_holder.v4.standard_no_space .mix{
margin: 0 0 0;
}
.projects_holder.v4.standard_no_space .filler,
.projects_holder.v4.hover_text.no_space .filler{
width: 24.99%;
}
.projects_holder.v3 .mix,
.projects_holder.v3.hover_text .mix{
width: 32%;
margin: 0 0 2.4%;
}
.projects_holder.v3.hover_text .mix{
margin: 0 0 2.2%;
}
.projects_holder.v3 .filler,
.projects_holder.v3.hover_text .filler{
width: 32%;
}
.projects_holder.v3.standard_no_space .mix,
.projects_holder.v3.hover_text.no_space .mix{
width: 33.32%;
margin: 0;
}
.projects_holder.v3.standard_no_space .mix{
margin: 0 0 0%;
}
.projects_holder.v3.standard_no_space .filler,
.projects_holder.v3.hover_text.no_space .filler{
width: 33.32%;
}
.safari_browser .projects_holder.v3.standard_no_space .mix,
.safari_browser .projects_holder.v3.hover_text.no_space .mix{
width: 33.3%;
}
.safari_browser .projects_holder.v3.standard_no_space .filler,
.safari_browser .projects_holder.v3.hover_text.no_space .filler{
width: 33.3%;
}
.projects_holder.v2 .mix,
.projects_holder.v2.hover_text .mix{
width: 49%;
margin: 0 0 2.4%;
}
.projects_holder.v2.hover_text .mix{
margin: 0 0 2.1%;
}
.projects_holder.v2 .filler,
.projects_holder.v2.hover_text .filler{
width: 49%;
}
.projects_holder.v2.standard_no_space .mix,
.projects_holder.v2.hover_text.no_space .mix{
width: 49.99%;
margin: 0;
}
.projects_holder.v2.standard_no_space .mix{
margin: 0 0 0%;
}
.projects_holder.v2.standard_no_space .filler,
.projects_holder.v2.hover_text.no_space .filler{
width: 49.99%;
}
.portfolio_paging, .portfolio_paging_loading {
text-align: center;
margin: 40px 0 0;
}
.portfolio_paging_loading { display: none; }
.portfolio_with_space .portfolio_paging,
.portfolio_with_space .portfolio_paging_loading {
margin: 15px 0 0;
}
.filter_outer{
display: table;
width: 100%;
position: relative;
height: 37px;
margin: -30px 0 40px;
text-align:center;
}
.vertical_menu_enabled .full_width .filter_outer{
margin: 0 0 40px;
}
.filter_holder {
display:table-cell;
vertical-align: middle;
}
.filter_holder ul {
display: inline-block;
list-style: none;
}
.filter_holder ul li {
cursor: pointer;
display: block;
margin: 0;
float:left;
text-align: center;
}
.filter_holder ul li span {
display: inline-block;
padding: 0 22px;
position: relative;
letter-spacing:1px;
text-transform: uppercase;
font-weight: 600;
}
.filter_holder ul li.active span{
color:#f25f33 !important;
}
.filter_holder ul li:hover span{
color:#f25f33 !important;
}
/* Portfolio Masonry styles
========================================================================== */
.projects_masonry_holder{
opacity: 0;
}
.projects_masonry_holder .portfolio_masonry_item,
.projects_masonry_holder .portfolio_masonry_item.large_height{
width: 33.33%;
}
.projects_masonry_holder .portfolio_masonry_item.large_width,
.projects_masonry_holder .portfolio_masonry_item.large_width_height{
width: 66.66%;
}
.full_width .projects_masonry_holder .portfolio_masonry_item,
.full_width .projects_masonry_holder .portfolio_masonry_item.large_height{
width: 19.96%;
}
.full_width .projects_masonry_holder .portfolio_masonry_item.large_width,
.full_width .projects_masonry_holder .portfolio_masonry_item.large_width_height{
width: 39.92%;
}
.full_width .projects_masonry_holder.gs4 .portfolio_masonry_item,
.full_width .projects_masonry_holder.gs4 .portfolio_masonry_item.large_height,
.projects_masonry_holder.gs4 .portfolio_masonry_item,
.projects_masonry_holder.gs4 .portfolio_masonry_item.large_height
{
width: 25%;
}
.full_width .projects_masonry_holder.gs4 .portfolio_masonry_item.large_width,
.full_width .projects_masonry_holder.gs4 .portfolio_masonry_item.large_width_height,
.projects_masonry_holder.gs4 .portfolio_masonry_item.large_width,
.projects_masonry_holder.gs4 .portfolio_masonry_item.large_width_height
{
width: 50%;
}
.projects_masonry_holder:after,
.projects_masonry_holder .portfolio_masonry_item:after {
clear: both;
content: "";
display: block;
height: 0;
visibility: hidden;
}
.projects_masonry_holder .image_holder img{
vertical-align: top;
width: 100%;
height: auto;
}
.projects_masonry_holder .image_holder{
margin: 0px -1px 0px 0px;
}
.projects_masonry_holder .text_holder{
position: absolute;
top: 0;
left: 0;
width: 100.2%; /* beacuse there is one pixel o right side that is not covered with hover shader */
height: 100%;
background-color: rgba(0,0,0,0.8);
text-align: center;
transition: opacity 0.4s ease-in-out;
-webkit-transition: opacity 0.4s ease-in-out;
-moz-transition: opacity 0.4s ease-in-out;
-o-transition: opacity 0.4s ease-in-out;
-ms-transition: opacity 0.4s ease-in-out;
visibility: visible;
overflow: hidden;
z-index: 200;
opacity: 0;
filter: alpha(opacity=0);
}
.projects_masonry_holder .text_holder .text_outer{
display: table;
text-align: center;
vertical-align: middle;
width: 100%;
height: 100%;
overflow: hidden;
}
.projects_masonry_holder .text_holder .text_inner{
display: table-cell;
text-align: center;
vertical-align: middle;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
.projects_masonry_holder article.portfolio_masonry_item:hover .text_holder{
opacity: 1;
filter: alpha(opacity=100);
}
.projects_masonry_holder .portfolio_title {
margin: 0 0 7px;
}
.projects_masonry_holder .portfolio_title a{
color: #fff;
}
.projects_masonry_holder .project_category,
.masonry_with_space_only_image .project_category {
font-weight: 500;
}
.projects_masonry_holder .separator,
.masonry_with_space_only_image .separator{
background-color: #fff;
}
.projects_masonry_holder .feature_holder_icons {
margin: 20px 0 0 0;
display: inline-block;
}
.projects_masonry_holder .feature_holder {
width: 100%;
display: inline-block;
}
.projects_masonry_holder a.lightbox {
margin: 0 10px 0 0;
}
.projects_masonry_holder .portfolio_like {
margin: 0 0 0 10px;
}
.projects_masonry_holder .portfolio_like a,
.projects_masonry_holder .portfolio_like:hover a {
color: #fff;
}
.masonry_with_space .projects_holder{
position: relative;
opacity: 0;
}
.masonry_with_space .projects_holder .mix{
display: block;
padding: 0px 7px;
margin: 0px 0px 14px 0px !important;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
visibility: visible;
}
.masonry_with_space .projects_holder.v6 .mix{
width: 16.66%;
}
.masonry_with_space .projects_holder.v5 .mix{
width: 20%;
}
.masonry_with_space .projects_holder.v4 .mix{
width: 25%;
}
.masonry_with_space .projects_holder.v3 .mix{
width: 33.33%;
}
.masonry_with_space .projects_holder.v2 .mix{
width: 49.99%;
}
/*----------------------Portfolio "Fade - one by one" loading type-------------------------------*/
.projects_holder_outer:not(.masonry_with_space) .projects_holder.portfolio_one_by_one article{
opacity: 0 !important;
}
.projects_holder_outer:not(.masonry_with_space) .projects_holder.portfolio_one_by_one article.show{
opacity: 1 !important;
}
.projects_holder_outer.masonry_with_space .projects_holder.portfolio_one_by_one article,
.projects_masonry_holder.portfolio_one_by_one article{
opacity: 0;
}
.projects_holder_outer.masonry_with_space .projects_holder.portfolio_one_by_one article.show,
.projects_masonry_holder.portfolio_one_by_one article.show{
opacity: 1;
}
/*---------------------Portfolio "Slide from top - diagonal" loading type-------------------------*/
.projects_holder.slide_from_top article{
overflow:hidden;
}
.projects_holder.slide_from_top article .image_holder,
.projects_holder.slide_from_top article .portfolio_description{
opacity: 0 !important;
-webkit-transform: translateY(-70%);
transform: translateY(-70%);
-moz-transition: -moz-transform 0.4s cubic-bezier(.4,0,.2,1), opacity 0.4s cubic-bezier(.4,0,.2,1);
-webkit-transition: -webkit-transform 0.4s cubic-bezier(.4,0,.2,1), opacity 0.4s cubic-bezier(.4,0,.2,1);
transition: transform 0.4s cubic-bezier(.4,0,.2,1), opacity 0.4s cubic-bezier(.4,0,.2,1);
}
.projects_holder.slide_from_top article.show .image_holder,
.projects_holder.slide_from_top article.show .portfolio_description{
opacity: 1 !important;
-webkit-transform: translateY(0);
transform: translateY(0);
}
/*---------------------Portfolio "Fade - diagonal" loading type-------------------------*/
.projects_holder.diagonal_fade article{
opacity: 0 !important;
-moz-transition: opacity 0.4s ease-in-out, -moz-transform 0.4s ease-in-out;
-webkit-transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
transition:opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
transform: scale(0.8);
}
.projects_holder.diagonal_fade article.show{
opacity: 1 !important;
-webkit-transform: scale(1);
transform: scale(1);
}
/*---------------------Portfolio "Slide from left - random" loading type-------------------------*/
.projects_holder.slide_from_left article{
overflow:hidden;
}
.projects_holder.slide_from_left article .image_holder,
.projects_holder.slide_from_left article .portfolio_description{
opacity: 0 !important;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-moz-transition: -moz-transform 0.3s cubic-bezier(.4,0,.2,1), opacity 0.3s cubic-bezier(.4,0,.2,1);
-webkit-transition: -webkit-transform 0.3s cubic-bezier(.4,0,.2,1), opacity 0.3s cubic-bezier(.4,0,.2,1);
transition: transform 0.3s cubic-bezier(.4,0,.2,1), opacity 0.3s cubic-bezier(.4,0,.2,1);
}
.projects_holder.slide_from_left article.show .image_holder,
.projects_holder.slide_from_left article.show .portfolio_description{
opacity: 1 !important;
-webkit-transform: translateX(0);
transform: translateX(0);
}
/*---------------------Portfolio "Fade from bottom" loading type-------------------------*/
.projects_holder.portfolio_fade_from_bottom article,
.projects_masonry_holder.portfolio_fade_from_bottom article {
opacity: 0;
-ms-transform: translateY(150px);
-webkit-transform: translateY(150px);
transform: translateY(150px);
-ms-transition: opacity 0.8s ease, -ms-transform 0.8s ease !important;
-webkit-transition: opacity 0.8s ease, -webkit-transform 0.8s ease !important;
transition: opacity 0.8s ease, transform 0.8s ease !important;
}
.projects_holder.portfolio_fade_from_bottom article.show,
.projects_masonry_holder.portfolio_fade_from_bottom article.show {
opacity: 1;
margin-top: 0px;
-ms-transform: translateY(0px);
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
/* ==========================================================================
#Portfolio Masonry With Space Without Description
========================================================================== */
.masonry_with_space_only_image .hover_feature_holder_title_inner . portfolio_title {
margin-bottom: 7px;
}
.masonry_with_space_only_image .hover_feature_holder_title_inner .portfolio_title,
.masonry_with_space_only_image .hover_feature_holder_title_inner .portfolio_title a,
.masonry_with_space_only_image .projects_holder article span.text_holder span span.text_inner .project_category {
color: #fff;
}
.projects_holder.standard article .item_holder.image_text_zoom_hover .project_category {
margin-bottom: 10px;
}
.masonry_with_space_only_image .feature_holder {
margin-top: 30px;
}
/* ==========================================================================
#End of Portfolio Masonry With Space Without Description
========================================================================== */
/* ==========================================================================
#Portfolio Hover effects styles
========================================================================== */
.portfolio_main_holder .item_holder {
position: relative;
}
.projects_holder article a.portfolio_link_class,
.projects_masonry_holder article a.portfolio_link_class {
position: absolute;
width: 100%;
height: 100%;
}
.portfolio_main_holder .item_holder .text_holder {
position: absolute;
}
.portfolio_main_holder .project_category {
margin: 0;
display: block;
line-height: 1;
font-size: 12px;
}
.portfolio_main_holder .item_holder .text_holder_outer {
display: table;
width:100%;
height: 100%;
}
.portfolio_main_holder .item_holder .text_holder_inner{
display: table-cell;
vertical-align: middle;
text-align:center;
}
.portfolio_main_holder .item_holder .portfolio_shader {
position: absolute;
width:100%;
height: 100%;
background-color: rgba(21,21,21,0.78);
}
.portfolio_main_holder .item_holder .icons_holder{
font-family: "Raleway",sans-serif;
/* this css is here to overwrite other font-family (from body) which can make problem in icon height */
}
.portfolio_main_holder .item_holder .icons_holder a {
text-align: center;
}
.portfolio_main_holder .item_holder .portfolio_title {
line-height:1.25em;
}
.projects_holder.standard article .project_category,
.projects_holder.standard_no_space article .project_category,
.portfolio_slider_holder.standard li .project_category{
margin:10px 0 0 0;
}
.projects_holder article a.portfolio_link_class, .projects_masonry_holder article a.portfolio_link_class {
z-index: 5;
left: 0;
}
.portfolio_main_holder article .icons_holder a.portfolio_lightbox:before,
.portfolio_slides .icons_holder a.portfolio_lightbox:before{
font-family: 'FontAwesome';
content: "\f067";
line-height: inherit;
}
.portfolio_main_holder article .icons_holder a.qode-like:before,
.portfolio_slides .icons_holder a.qode-like:before{
font-family: 'FontAwesome';
content: "\f08a";
line-height: inherit;
}
.portfolio_main_holder article .icons_holder a.qode-like.liked:before,
.portfolio_slides .icons_holder a.qode-like.liked:before{
font-family: "FontAwesome";
content: "\f004";
line-height: inherit;
}
.portfolio_main_holder article .icons_holder a.preview:before,
.portfolio_slides .icons_holder a.preview:before {
content: "\f0c1";
font-family: "FontAwesome";
line-height: inherit;
}
.portfolio_main_holder .item_holder .portfolio_title a,
.portfolio_main_holder .item_holder .project_category {
color: #fff;
}
.portfolio_main_holder .item_holder .portfolio_title {
margin-bottom: 15px;
}
/* #Subtle vertical hover
========================================================================== */
.projects_holder article .item_holder.subtle_vertical_hover a.portfolio_link_class,
.projects_masonry_holder article .item_holder.subtle_vertical_hover a.portfolio_link_class {
z-index: 5
}
.portfolio_main_holder .item_holder.subtle_vertical_hover .image_holder {
z-index: 2
}
.portfolio_main_holder .item_holder.subtle_vertical_hover .text_holder {
font-size: 14px;
width: 100%;
position: absolute;
left: 0;
height: 100%;
background-color: transparent;
top: 0;
text-align: center;
box-sizing: border-box;
z-index: 4;
opacity: 0;
}
.portfolio_main_holder article .item_holder.subtle_vertical_hover:hover .text_holder,
.portfolio_slider li.item:hover .item_holder.subtle_vertical_hover .text_holder {
opacity: 1
}
.portfolio_main_holder .item_holder.subtle_vertical_hover .text_holder_inner {
padding: 5px;
}
.portfolio_main_holder .item_holder.subtle_vertical_hover .portfolio_title {
text-transform: uppercase;
opacity: 0;
padding: 0 20px;
-ms-transform: translateY(0px);
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
-webkit-transform: translateY(0px);
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
}
.portfolio_main_holder article:hover .item_holder.subtle_vertical_hover .portfolio_title,
.portfolio_slider li.item:hover .item_holder.subtle_vertical_hover .portfolio_title {
opacity: 1;
text-shadow: none;
-ms-transform: translateY(4px);
-moz-transform: translateY(4px);
-o-transform: translateY(4px);
transform: translateY(4px);
-webkit-transform: translateY(4px);
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
}
.portfolio_main_holder .item_holder.subtle_vertical_hover .text_holder .separator {
display: inline-block;
background-color: #fff;
margin-top: 20px;
}
.portfolio_main_holder .item_holder.subtle_vertical_hover .project_category {
opacity: 0;
-ms-transform: translateY(4px);
-moz-transform: translateY(4px);
-o-transform: translateY(4px);
transform: translateY(4px);
-webkit-transform: translateY(4px);
transition: all 0.4s ease-out;
-webkit-transition: all 0.4s ease-out;
margin-bottom: 10px;
}
.portfolio_main_holder article:hover .item_holder.subtle_vertical_hover .project_category,
.portfolio_slider li.item:hover .item_holder.subtle_vertical_hover .project_category {
opacity: 1;
text-shadow: none;
-ms-transform: translateY(0px);
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
-webkit-transform: translateY(0px);
}
.portfolio_main_holder .item_holder.subtle_vertical_hover .icons_holder {
-ms-transform: translateY(4px);
-moz-transform: translateY(4px);
-o-transform: translateY(4px);
transform: translateY(4px);
-webkit-transform: translateY(4px);
transition: all 0.4s ease-out;
-webkit-transition: all 0.4s ease-out;
}
.portfolio_main_holder article .item_holder.subtle_vertical_hover:hover .icons_holder,
.portfolio_slider li.item:hover .item_holder.subtle_vertical_hover .icons_holder {
-ms-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
-webkit-transform: translateY(0);
}
.portfolio_main_holder .item_holder.subtle_vertical_hover .icons_holder a {
display: inline-block;
width: 40px;
height: 40px;
line-height: 40px;
background-color: #f25f33;
border-radius: 100px;
margin: 0 3px;
color: #fff;
transition: 0.2s ease-out;
-webkit-transition: 0.2s ease-out;
}
.portfolio_main_holder .item_holder.subtle_vertical_hover .portfolio_shader {
z-index: 3;
-webkit-transition: opacity 0.3s cubic-bezier(.785, .135, .15, .86);
transition: opacity 0.3s cubic-bezier(.785, .135, .15, .86);
opacity: 0;
}
.portfolio_main_holder article .item_holder.subtle_vertical_hover:hover .portfolio_shader,
.portfolio_slider li.item:hover .item_holder.subtle_vertical_hover .portfolio_shader {
opacity: 1
}
/* #End of Subtle vertical hover
========================================================================== */
/* #Image subtle rotate zoom hover
========================================================================== */
.portfolio_main_holder article .item_holder.image_subtle_rotate_zoom_hover a.portfolio_link_class {
z-index: 5;
}
.portfolio_main_holder .item_holder.image_subtle_rotate_zoom_hover .image_holder {
z-index: 2;
overflow: hidden;
}
.portfolio_main_holder .item_holder.image_subtle_rotate_zoom_hover .text_holder {
padding: 30px;
font-size: 14px;
width: 100%;
position: absolute;
left: 0;
height: 100%;
background-color: transparent;
top: 0;
box-sizing: border-box;
z-index: 4;
opacity: 1;
}
.portfolio_with_hover_text .portfolio_main_holder .item_holder.image_subtle_rotate_zoom_hover .separator {
background-color: #fff;
opacity: 0;
-webkit-transition: opacity 0.4s ease-out;
-moz-transition: opacity 0.4s ease-out;
-ms-transition: opacity 0.4s ease-out;
-o-transition: opacity 0.4s ease-out;
transition: opacity 0.4s ease-out;
}
.portfolio_with_hover_text .portfolio_main_holder .item_holder.image_subtle_rotate_zoom_hover:hover .separator {
opacity: 1;
}
.portfolio_main_holder .item_holder.image_subtle_rotate_zoom_hover .portfolio_title {
font-weight: 600;
font-size: 15px;
text-transform: uppercase;
opacity: 0;
letter-spacing: 2px;
-ms-transform: translateY(-3px);
-moz-transform: translateY(-3px);
-o-transform: translateY(-3px);
transform: translateY(-3px);
-webkit-transform: translateY(-3px);
transition: all 0.4s ease-out;
-webkit-transition: all 0.4s ease-out;
}
.portfolio_main_holder article:hover .item_holder.image_subtle_rotate_zoom_hover .portfolio_title,
.portfolio_slider li.item:hover .item_holder.image_subtle_rotate_zoom_hover .portfolio_title {
opacity: 1;
text-shadow: none;
-ms-transform: translateY(0px);
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
-webkit-transform: translateY(0px);
}
.portfolio_main_holder .item_holder.image_subtle_rotate_zoom_hover .project_category {
opacity: 0;
text-shadow: 0px 0px 10px #fff;
-ms-transform: translateY(3px);
-moz-transform: translateY(3px);
-o-transform: translateY(3px);
transform: translateY(3px);
-webkit-transform: translateY(3px);
transition: all 0.4s ease-out;
-webkit-transition: all 0.4s ease-out;
}
.portfolio_main_holder article:hover .item_holder.image_subtle_rotate_zoom_hover .project_category {
opacity: 1;
text-shadow: none;
-ms-transform: translateY(0px);
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
-webkit-transform: translateY(0px);
}
.portfolio_main_holder .item_holder.image_subtle_rotate_zoom_hover .portfolio_shader {
z-index: 3;
-webkit-transition: opacity 0.3s cubic-bezier(.785, .135, .15, .86);
transition: opacity 0.3s cubic-bezier(.785, .135, .15, .86);
opacity: 0;
}
.portfolio_main_holder article .item_holder.image_subtle_rotate_zoom_hover:hover .portfolio_shader,
.portfolio_slider li.item:hover .item_holder.image_subtle_rotate_zoom_hover .portfolio_shader {
opacity: 1;
}
.portfolio_main_holder .item_holder.image_subtle_rotate_zoom_hover .icons_holder {
-ms-transform: translateY(3px);
-moz-transform: translateY(3px);
-o-transform: translateY(3px);
transform: translateY(3px);
-webkit-transform: translateY(3px);
transition: transform 0.4s ease-out;
-webkit-transition: transform 0.4s ease-out;
opacity: 0;
}
.portfolio_main_holder article .item_holder.image_subtle_rotate_zoom_hover:hover .icons_holder,
.portfolio_slider li.item:hover .item_holder.image_subtle_rotate_zoom_hover .icons_holder {
-ms-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
-webkit-transform: translateY(0);
opacity: 1;
}
.portfolio_main_holder .item_holder.image_subtle_rotate_zoom_hover .icons_holder a {
display: inline-block;
background-color: transparent;
border: 1px solid #fff;
width: 40px;
height: 40px;
line-height: 40px;
color: #fff;
border-radius: 100px;
margin: 0 3px;
transition: 0.2s ease-out;
-webkit-transition: 0.2s ease-out;
}
.portfolio_main_holder .item_holder.image_subtle_rotate_zoom_hover .icons_holder a:hover {
background-color: #f25f33;
color: #fff;
border-color: #f25f33;
}
.portfolio_main_holder .item_holder.image_subtle_rotate_zoom_hover .image_holder .image img {
-webkit-transition: -webkit-transform .7s;
transition: transform .7s;
}
.portfolio_main_holder article .item_holder.image_subtle_rotate_zoom_hover:hover .image_holder .image img,
.portfolio_slider li.item:hover .item_holder.image_subtle_rotate_zoom_hover .image_holder .image img {
-webkit-transform: rotate(-9deg) scale(1.15);
-ms-transform: rotate(-9deg) scale(1.15);
-moz-transform: rotate(-9deg) scale(1.15);
-o-transform: rotate(-9deg) scale(1.15);
transform: rotate(-9deg) scale(1.15);
-webkit-transition: -webkit-transform .7s;
transition: transform .7s;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
/* #End of image subtle rotate zoom hover
========================================================================== */
/* #Image text zoom hover
========================================================================== */
.portfolio_main_holder article .item_holder.image_text_zoom_hover a.portfolio_link_class {
z-index: 5;
}
.portfolio_main_holder .item_holder.image_text_zoom_hover .image_holder {
z-index: 2;
overflow: hidden;
}
.portfolio_main_holder .item_holder.image_text_zoom_hover .text_holder {
padding: 30px;
font-size: 14px;
width: 100%;
height: 100%;
position: absolute;
left: 0;
background-color: transparent;
top: 0;
text-align: center;
box-sizing: border-box;
opacity: 0;
-webkit-transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
-moz-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
z-index: 4;
}
.portfolio_main_holder article .item_holder.image_text_zoom_hover:hover .text_holder,
.portfolio_slider li.item:hover .item_holder.image_text_zoom_hover .text_holder {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.portfolio_main_holder .item_holder.image_text_zoom_hover .text_holder_outer {
display: table;
width: 100%;
height: 100%;
}
.portfolio_main_holder .item_holder.image_text_zoom_hover .text_holder_inner {
display: table-cell;
vertical-align: middle;
text-align: center;
}
.portfolio_with_hover_text .portfolio_main_holder .item_holder.image_text_zoom_hover .separator {
background-color: #fff;
}
.portfolio_main_holder .project_category, .projects_masonry_holder article .project_category {
margin-bottom: 10px;
}
.portfolio_main_holder .item_holder.image_text_zoom_hover .icons_holder a {
display: inline-block;
width: 40px;
height: 40px;
line-height: 40px;
background-color: #f25f33;
border-radius: 50%;
margin: 0 2px;
color: #fff;
-ms-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
-webkit-transform: translateY(0);
transition: background-color 0.2s, transform 0.2s;
-webkit-transition: background-color 0.2s, -webkit-transform 0.2s;
}
.portfolio_main_holder .item_holder.image_text_zoom_hover .icons_holder a:hover {
-ms-transform: translateY(-10%);
-moz-transform: translateY(-10%);
-o-transform: translateY(-10%);
transform: translateY(-10%);
-webkit-transform: translateY(-10%);
}
.portfolio_main_holder .item_holder.image_text_zoom_hover .portfolio_shader {
z-index: 3;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
opacity: 0;
}
.portfolio_main_holder article .item_holder.image_text_zoom_hover:hover .portfolio_shader,
.portfolio_slider li.item:hover .item_holder.image_text_zoom_hover .portfolio_shader {
opacity: 1
}
.portfolio_main_holder .item_holder.image_text_zoom_hover .image_holder .image {
-webkit-transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1);
transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1);
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
display: inline-block;
}
.portfolio_main_holder article .item_holder.image_text_zoom_hover:hover .image_holder .image,
.portfolio_slider li.item:hover .item_holder.image_text_zoom_hover .image_holder .image {
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
-moz-transform: scale(1.3);
-o-transform: scale(1.3);
transform: scale(1.3);
}
/* #End of image text zoom hover
========================================================================== */
/* #Thin plus only hover
========================================================================== */
.portfolio_main_holder.standard .item_holder.thin_plus_only {
overflow: hidden;
}
.portfolio_main_holder .item_holder.thin_plus_only .thin_plus_only_icon {
font-weight: 100;
font-family: Raleway;
font-size: 100px;
-webkit-transition: all 0.5s 0.3s;
transition: all 0.5s 0.3s;
display: block;
color: #fff;
}
.portfolio_main_holder .item_holder.thin_plus_only .text_holder {
width: 100%;
height: 100%;
left: 0;
margin: 0;
top: 0;
box-sizing: border-box;
z-index: 5;
-ms-transform: translate(20%, 20%);
-moz-transform: translate(20%, 20%);
-o-transform: translate(20%, 20%);
transform: translate(20%, 20%);
-webkit-transform: translate(20%, 20%);
-webkit-transition: all 0.5s 0.3s;
transition: all 0.5s 0.3s;
opacity: 0;
font-size: 0;
padding: 10%;
background-color: transparent;
}
.portfolio_main_holder article .item_holder.thin_plus_only:hover .text_holder,
.portfolio_slider li:hover .item_holder.thin_plus_only .text_holder {
-ms-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transform: translate(0, 0);
-webkit-transition: all 0.2s 0.1s;
transition: all 0.2s 0.1s;
font-size: 150px;
opacity: 1
}
.portfolio_main_holder .item_holder.thin_plus_only .image_holder {
z-index: 2;
}
.portfolio_main_holder .item_holder.thin_plus_only .portfolio_shader {
z-index: 3;
transition: opacity 0.5s;
-webkit-transition: opacity 0.5s;
opacity: 0;
}
.portfolio_main_holder article .item_holder.thin_plus_only:hover .portfolio_shader,
.portfolio_slider li.item:hover .item_holder.thin_plus_only .portfolio_shader {
opacity: 1
}
/* #End of thin plus only hover
========================================================================== */
/* #Slow Zoom hover
========================================================================== */
.portfolio_main_holder .item_holder.slow_zoom .text_holder {
width: 100%;
font-size: 18px;
left: 0;
height: 100%;
margin: 0;
top: 0;
box-sizing: border-box;
z-index: 5;
-webkit-transition: opacity 0.6s 0.3s;
transition: opacity 0.6s 0.3s;
opacity: 0;
padding: 10%;
background-color: transparent;
}
.portfolio_main_holder article .item_holder.slow_zoom:hover .text_holder {
opacity: 1
}
.portfolio_with_hover_text .portfolio_main_holder article .item_holder.slow_zoom .separator {
background-color: #fff;
}
.portfolio_main_holder .item_holder.slow_zoom .image_holder img {
-webkit-transform: scale(1.01);
-moz-transform: scale(1.01);
-o-transform: scale(1.01);
-ms-transform: scale(1.01);
transform: scale(1.01);
-webkit-transition: all 2s cubic-bezier(0.21, 1, 0.12, 1) 0s;
transition: all 2s cubic-bezier(0.23, 1, 0.12, 1) 0s;
}
.portfolio_main_holder article .item_holder.slow_zoom:hover .image_holder img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: all 5s cubic-bezier(0.21, 1, 0.12, 1) 0s;
transition: all 5s cubic-bezier(0.21, 1, 0.12, 1) 0s;
}
.portfolio_main_holder .item_holder.slow_zoom .portfolio_shader {
z-index: 3;
opacity: 0;
-webkit-transition: all 5s cubic-bezier(0.21, 1, 0.12, 1) 0s;
transition: all 5s cubic-bezier(0.21, 1, 0.12, 1) 0s;
}
.portfolio_main_holder article .item_holder.slow_zoom:hover .portfolio_shader,
.portfolio_slider li.item:hover .item_holder.slow_zoom .portfolio_shader {
opacity: 1;
}
.portfolio_main_holder .item_holder.slow_zoom .icons_holder {
position: absolute;
bottom: 0;
opacity: 0;
z-index: 20;
-webkit-transition: opacity .3s, -webkit-transform .3s;
transition: opacity .3s, transform .3s;
}
.portfolio_main_holder .item_holder.slow_zoom .icons_holder.left {
left: 0;
-webkit-transform: translate3d(-10px, -10px, 0);
-ms-transform: translate3d(-10px, 10px, 0);
-moz-transform: translate3d(-10px, 10px, 0);
-o-transform: translate3d(-10px, 10px, 0);
transform: translate3d(-10px, 10px, 0);
}
.portfolio_main_holder .item_holder.slow_zoom .icons_holder.right {
right: 0;
-webkit-transform: translate3d(10px, 10px, 0);
-ms-transform: translate3d(10px, 10px, 0);
-moz-transform: translate3d(10px, 10px, 0);
-o-transform: translate3d(10px, 10px, 0);
transform: translate3d(10px, 10px, 0);
}
.portfolio_main_holder .item_holder.slow_zoom .icons_holder.center {
width: 100%;
text-align: center;
-webkit-transform: translate3d(0, 10px, 0);
-ms-transform: translate3d(0, 10px, 0);
-moz-transform: translate3d(0, 10px, 0);
-o-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
.portfolio_main_holder article:hover .item_holder.slow_zoom .icons_holder,
.portfolio_slider li.item:hover .item_holder.slow_zoom .icons_holder {
opacity: 1;
display: block;
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.portfolio_main_holder .item_holder.slow_zoom .icons_holder a {
display: inline-block;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
vertical-align: middle;
margin: 0;
font-size: 15px;
color: #fff;
background: #f25f33;
transition: all .4s;
-webkit-transition: all .4s;
}
.portfolio_main_holder .item_holder.slow_zoom .icons_holder a:hover {
background: #fff;
color: #000;
}
.portfolio_main_holder .item_holder.slow_zoom .image_holder {
z-index: 2;
overflow: hidden;
}
/* #End of soom zhover
========================================================================== */
/* #Split up hover
========================================================================== */
.portfolio_main_holder .item_holder.split_up .text_holder {
width: 100%;
font-size: 18px;
left: 0;
height: 100%;
margin: 0;
top: 0;
box-sizing: border-box;
z-index: 5;
-webkit-transition: opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
opacity: 0;
padding: 10%;
background-color: transparent;
}
.portfolio_main_holder article .item_holder.split_up:hover .text_holder {
-webkit-transition: transform 0.3s ease;
transition: transform 0.3s ease;
opacity: 1;
}
.portfolio_main_holder .item_holder.split_up .portfolio_title {
-ms-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
-webkit-transform: translateY(0);
transition: 0.2s;
-webkit-transition: 0.2s;
}
.portfolio_main_holder article .item_holder.split_up:hover .portfolio_title {
-ms-transform: translateY(-4px);
-moz-transform: translateY(-4px);
-o-transform: translateY(-4px);
transform: translateY(-4px);
-webkit-transform: translateY(-4px);
}
.portfolio_main_holder .item_holder.split_up .project_category {
-ms-transform: translateY(-4px);
-moz-transform: translateY(-4px);
-o-transform: translateY(-4px);
transform: translateY(-4px);
-webkit-transform: translateY(-4px);
transition: 0.2s;
-webkit-transition: 0.2s;
}
.portfolio_main_holder article:hover .item_holder.split_up .project_category {
-ms-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
-webkit-transform: translateY(0);
}
.portfolio_with_hover_text .portfolio_main_holder article:hover .item_holder.split_up .separator {
background-color: #fff;
}
.portfolio_main_holder .item_holder.split_up .image_holder {
z-index: 2;
}
.portfolio_main_holder .item_holder.split_up .portfolio_shader,
.portfolio_slider li.item .item_holder.split_up .portfolio_shader {
height: 0;
display: block;
left: 0;
opacity: 0;
position: absolute;
top: 50%;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
width: 100%;
z-index: 3;
}
.portfolio_main_holder article .item_holder.split_up:hover .portfolio_shader,
.portfolio_slider li.item:hover .item_holder.split_up .portfolio_shader {
height: 100%;
top: 0;
opacity: 1;
}
/* #End of split up hover
========================================================================== */
/* #Cursor change hover
========================================================================== */
.portfolio_main_holder .item_holder.cursor_change_hover a.portfolio_link_class {
z-index: 6;
cursor: url("img/cursor_plus.cur"), crosshair;
cursor: url("img/cursor_plus.png") 22 22, crosshair;
}
.portfolio_main_holder .cursor_img {
position: absolute;
z-index: 1000;
}
.portfolio_main_holder .item_holder.cursor_change_hover .image_holder {
z-index: 2
}
.portfolio_main_holder .item_holder.cursor_change_hover .text_holder {
padding: 30px;
font-size: 14px;
width: 100%;
height: 100%;
position: absolute;
left: 0;
background-color: transparent;
top: 0;
text-align: center;
box-sizing: border-box;
opacity: 0;
-webkit-transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
-moz-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
z-index: 4;
}
.portfolio_main_holder article:hover .item_holder.cursor_change_hover .text_holder,
.portfolio_slider li.item:hover .item_holder.cursor_change_hover .text_holder {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.portfolio_with_hover_text .portfolio_main_holder .item_holder.cursor_change_hover .separator {
background-color: #fff
}
.portfolio_main_holder .item_holder.cursor_change_hover .text_holder_outer {
display: table;
width: 100%;
height: 100%;
}
.portfolio_main_holder .item_holder.cursor_change_hover .text_holder_inner {
display: table-cell;
vertical-align: middle;
text-align: center;
}
.portfolio_main_holder .item_holder.cursor_change_hover .portfolio_shader {
z-index: 3;
-webkit-transition: opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
opacity: 0;
}
.portfolio_main_holder article .item_holder.cursor_change_hover:hover .portfolio_shader,
.portfolio_slider li.item:hover .item_holder.cursor_change_hover .portfolio_shader {
opacity: 1
}
/* #End of cursor change hover
========================================================================== */
/* ==========================================================================
#End of Portfolio Hover effects styles
========================================================================== */
/* ==========================================================================
Tabs shortcode start styles
========================================================================== */
.q_tabs{
display: block;
visibility: hidden;
}
.q_tabs .tabs-nav {
list-style: none outside none;
margin: 0;
overflow: hidden;
padding: 0;
display: inline-block;
position: relative;
}
.q_tabs .tabs-nav li {
margin: 0;
overflow: hidden;
padding: 0;
position: relative;
display: inline-block;
float: left;
}
.q_tabs .tabs-nav li a {
height: 40px;
line-height: 40px;
display: block;
margin: 0;
padding: 0 14px;
font-size: 13px;
text-decoration: none;
font-style: normal;
color: #b4b4b4;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 700;
-webkit-transition: color 0.3s ease-in-out;
-moz-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out;
}
.q_tabs .tabs-nav li.active a {
color: #303030;
}
.q_tabs .tabs-nav li.active a:hover,
.q_tabs .tabs-nav li a:hover {
color: #f25f33;
}
/* Horizontal tabs styles
========================================================================== */
.q_tabs.horizontal.center {
text-align: center;
}
.q_tabs.horizontal.left {
text-align: left;
}
.q_tabs.horizontal.right {
text-align: right;
}
.q_tabs.horizontal .tabs-container {
padding-top: 4px;
text-align: left;
}
.q_tabs.horizontal.right .tabs-container {
text-align: right;
}
.q_tabs.horizontal .tabs-nav li:first-child a {
padding-left: 0;
}
/* Vertical tabs styles
========================================================================== */
.q_tabs.vertical .tabs-nav {
width: 24.02957486136784%;
margin: 0;
}
.q_tabs.vertical.right .tabs-nav {
float: right;
}
.q_tabs.vertical.left .tabs-nav {
float: left;
}
.q_tabs.vertical .tabs-nav li {
display: block;
width: 100%;
}
.q_tabs.vertical .tabs-nav li a {
text-align: center;
height: auto;
line-height: normal;
padding: 13px 17px;
}
.q_tabs.vertical .tabs-nav li.active a {
border: 2px solid #e3e3e3;
padding: 11px 14px 11px 14px;
position: relative;
z-index: 100;
}
.q_tabs.vertical.left .tabs-nav li.active a {
border-right-color: #fff;
-webkit-border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-bottomleft: 4px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.q_tabs.vertical.right .tabs-nav li.active a {
border-left-color: #fff;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomright: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.q_tabs.vertical .tabs-container {
width: 73.68576709796673%;
}
.q_tabs.vertical.left .tabs-container {
float: left;
text-align: left;
}
.q_tabs.vertical.right .tabs-container {
float: right;
text-align: right;
}
.q_tabs.vertical .tab-content {
position: relative;
z-index: 50;
}
.q_tabs.vertical.left .tab-content {
padding-left: 17px;
border-left: 2px solid #e3e3e3;
left: -2px;
}
.q_tabs.vertical.right .tab-content {
padding-right: 17px;
border-right: 2px solid #e3e3e3;
right: -2px;
}
/* Boxed tabs styles
========================================================================== */
.q_tabs.boxed {
text-align: left;
}
.q_tabs.boxed .tabs-nav {
display: block;
}
.q_tabs.boxed .tabs-nav li a {
border-bottom: none;
position: relative;
z-index: 200;
}
.q_tabs.boxed .tabs-nav li.active a {
position: relative;
z-index: 100;
line-height: 40px;
height: 40px;
padding: 0 12px;
border: 2px solid #e3e3e3;
border-bottom-color: #fff;
-webkit-border-top-left-radius: 3px;
-moz-border-radius-topleft: 3px;
border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topright: 3px;
border-top-right-radius: 3px;
}
.q_tabs.boxed .tabs-container {
overflow: hidden;
text-align: left;
padding: 19px 0 0;
border-top: 2px solid #e3e3e3;
position: relative;
top: -2px;
z-index: 50;
}
/* ==========================================================================
Tabs shortcode end styles
========================================================================== */
/* ==========================================================================
Accordion shortcode start styles
========================================================================== */
.q_accordion_holder{
position: relative;
display: block;
visibility: hidden;
margin: 0 0 30px;
}
.q_accordion_holder.accordion.with_icon {
border-top: 1px solid #eaeaea;
}
.q_accordion_holder.accordion .ui-accordion-header {
cursor: pointer;
position: relative;
display: block;
line-height: 2em;
min-height: 45px;
padding: 0;
margin: 0 0 5px;
-webkit-transform: translateZ(0px);
-moz-transform: translateZ(0px);
box-sizing: border-box;
}
.q_accordion_holder.accordion h3.ui-accordion-header {
padding-top: 3px;
}
.q_accordion_holder.accordion h4.ui-accordion-header {
padding-top: 5px;
}
.q_accordion_holder.accordion h5.ui-accordion-header {
font-size: 14px;
padding-top: 9px;
}
.q_accordion_holder.accordion h6.ui-accordion-header {
padding-top: 10px;
}
.q_accordion_holder.accordion.with_icon h3.ui-accordion-header {
padding-bottom: 3px;
}
.q_accordion_holder.accordion.with_icon h4.ui-accordion-header {
padding-bottom: 5px;
}
.q_accordion_holder.accordion.with_icon h5.ui-accordion-header {
padding-bottom: 9px;
}
.q_accordion_holder.accordion.with_icon h6.ui-accordion-header {
padding-bottom: 10px;
}
.q_accordion_holder.accordion.with_icon .ui-accordion-header{
line-height: 3em;
min-height: 3em;
margin: 0;
border: 1px solid #eaeaea;
border-top: 0 !important;
-webkit-transition: border-bottom 0.3s ease-in-out;
-moz-transition: border-bottom 0.3s ease-in-out;
-o-transition: border-bottom 0.3s ease-in-out;
-ms-transition: border-bottom 0.3s ease-in-out;
}
.q_accordion_holder.accordion .ui-accordion-header,
.q_accordion_holder.accordion.with_icon .ui-accordion-header {
-webkit-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
-moz-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
-ms-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
-o-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
color: #303030;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
}
.q_accordion_holder.accordion .ui-accordion-header:hover {
color: #f25f33;
}
.q_accordion_holder.accordion.with_icon .ui-accordion-header:last-child {
border-bottom: 0 !important;
}
.q_accordion_holder.accordion.with_icon .ui-accordion-header span.tab-title {
width: 72%;
line-height: 1.5625em;
margin: 0.85em 0 0.85em 20px;
display: inline-block;
}
.q_accordion_holder.accordion.without_icon .ui-accordion-header span.tab-title{
padding: 0 0 0 63px;
display: block;
}
.q_accordion_holder.accordion.with_icon .ui-state-active {
border-bottom-color: transparent;
-webkit-transition: border-bottom 0.3s ease-in-out;
-moz-transition: border-bottom 0.3s ease-in-out;
-o-transition: border-bottom 0.3s ease-in-out;
-ms-transition: border-bottom 0.3s ease-in-out;
}
.q_accordion_holder.accordion.with_icon .ui-state-active,
.q_accordion_holder.accordion .ui-state-active {
-webkit-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
-moz-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
-ms-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
-o-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
}
.q_accordion_holder.accordion.with_icon .ui-accordion-header-active,
.q_accordion_holder.with_icon div.accordion_content {
background-color: #fbfbfb;
}
.q_accordion_holder.accordion.with_icon .ui-accordion-header div.icon-wrapper,
.q_accordion_holder .ui-accordion-header .accordion_mark {
float: left;
line-height: 3.25em;
position: relative;
top: 0.09375em;
}
.q_accordion_holder.accordion.without_icon .ui-accordion-header div.icon-wrapper{
display: none !important;
}
.q_accordion_holder.accordion.with_icon .ui-accordion-header i{
margin: 0 0 0 15px;
font-size: 18px;
color: #f25f33;
}
.q_accordion_holder.accordion .ui-accordion-header .accordion_mark_icon {
display: block;
width: 41px;
height: 41px;
background-image: url(img/plus.png);
background-repeat: no-repeat;
background-position: center;
}
.q_accordion_holder.with_icon .ui-accordion-header.ui-state-active .accordion_icon_mark{
background-image: url(img/minus.png);
}
.q_accordion_holder.accordion .ui-accordion-header .accordion_mark {
display: block;
width: 45px;
height: 45px;
border: 2px solid #e3e3e3;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
-ms-border-radius: 3px;
border-radius: 3px;
background-color: transparent;
transition: background-color 0.3s ease-in-out;
box-sizing: border-box;
}
.q_accordion_holder.accordion .ui-accordion-header .accordion_mark:hover {
background-image: url('img/button-bg-px.png') !important;
}
.q_accordion_holder.accordion .ui-accordion-header .accordion_mark.left_mark {
position: absolute;
top: 0;
left: 0;
}
.q_accordion_holder.accordion .ui-accordion-header .accordion_mark.right_mark {
position: absolute;
right: 0.65em;
top: 0.65em;
}
.q_accordion_holder.accordion.without_icon .ui-accordion-header .accordion_mark.right_mark,
.q_accordion_holder.accordion.with_icon .ui-accordion-header .accordion_mark.left_mark {
display: none;
}
.q_accordion_holder.accordion .ui-accordion-header.ui-state-active .accordion_mark_icon{
background-image: url(img/minus.png);
}
.q_accordion_holder.accordion .ui-accordion-header.ui-state-active .accordion_mark {
background-color: #e3e3e3;
transition: background-color 0.3s ease-in-out;
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:150/100), only screen and (min-device-pixel-ratio:1.5), only screen and (min-resolution:160dpi) {
.q_accordion_holder.with_icon .accordion_icon_mark,
.q_accordion_holder.accordion .ui-accordion-header .accordion_mark_icon{
-o-background-size: 9px 9px;
-webkit-background-size: 9px 9px;
-moz-background-size: 9px 9px;
background-size: 9px 9px;
background-image: url('img/plus@1_5x.png');
}
.q_accordion_holder.with_icon .ui-accordion-header.ui-state-active .accordion_icon_mark,
.q_accordion_holder.accordion .ui-accordion-header.ui-state-active .accordion_mark_icon{
-o-background-size: 9px 9px;
-webkit-background-size: 9px 9px;
-moz-background-size: 9px 9px;
background-size:9px 9px;
background-image: url('img/minus@1_5x.png');
}
}
@media only screen and (-webkit-min-device-pixel-ratio:2.0), only screen and (min--moz-device-pixel-ratio:2.0), only screen and (-o-min-device-pixel-ratio:200/100), only screen and (min-device-pixel-ratio:2.0), only screen and (min-resolution:210dpi) {
.q_accordion_holder.with_icon .accordion_icon_mark,
.q_accordion_holder.accordion .ui-accordion-header .accordion_mark_icon{
-o-background-size: 9px 9px;
-webkit-background-size:9px 9px;
-moz-background-size: 9px 9px;
background-size: 9px 9px;
background-image: url('img/[email protected] ');
}
.q_accordion_holder.with_icon .ui-accordion-header.ui-state-active .accordion_icon_mark,
.q_accordion_holder.accordion .ui-accordion-header.ui-state-active .accordion_mark_icon{
-o-background-size: 9px 9px;
-webkit-background-size: 9px 9px;
-moz-background-size: 9px 9px;
background-size: 9px 9px;
background-image: url('img/[email protected] ');
}
}
.q_accordion_holder.accordion div.accordion_content{
padding: 0 0 0 63px;
margin: 0;
}
.q_accordion_holder.with_icon div.accordion_content {
padding: 0 0 0 50px;
border: 1px solid #eaeaea;
border-top: 0;
}
.q_accordion_holder.accordion.with_icon div.accordion_content.no_icon{
padding: 0 0 0 22px;
}
.q_accordion_holder.accordion div.accordion_content_inner {
padding: 8px 0 25px;
display: block;
}
.q_accordion_holder.with_icon div.accordion_content_inner {
padding: 10px 27px 19px 0;
}
/* Boxed accordion and toggle styles
========================================================================== */
.q_accordion_holder.boxed {
}
.q_accordion_holder.accordion.boxed .ui-accordion-header {
text-align: center;
background-color: #e3e3e3;
}
.q_accordion_holder.boxed .ui-accordion-header .accordion_mark {
display: none;
}
.q_accordion_holder.boxed div.accordion_content {
padding-left: 26px;
}
.q_accordion_holder.boxed div.accordion_content_inner {
padding-top: 20px;
}
/* ==========================================================================
Accordion shortcode end styles
========================================================================== */
/* ==========================================================================
Highlight shortcode start styles
========================================================================== */
/*.highlight{
background-color: #f25f33;
color: #fff;
padding: 0 3px;
}*/
/* ==========================================================================
Highlight shortcode end styles
========================================================================== */
.testimonials_holder {
text-align: center;
}
.testimonials{
position: relative;
}
.testimonials .testimonial_container {
overflow: hidden;
width: 100%;
background-color: transparent;
text-align: left;
margin: 0 0 16px;
}
.testimonials_holder .flex-direction-nav {
display: block;
position: static;
}
.testimonials_holder .flex-direction-nav li {
display: inline-block;
height: 30px;
margin-top: 37px;
}
.testimonials_holder .flex-direction-nav li:first-child {
margin-right: 5px;
}
.testimonials_holder .flex-direction-nav li:last-child {
margin-left: 4px;
}
.testimonials_holder .flex-direction-nav a {
position: relative;
width: 30px;
height: 30px;
border: 2px solid #303030;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
opacity: 1;
background-color: transparent;
text-indent: -9999px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.testimonials_holder .flex-direction-nav a:hover {
background-color: #303030;
}
.testimonials_holder.light .flex-direction-nav a {
border-color: #fff;
}
.testimonials_holder.light .flex-direction-nav a:hover {
background-color: #f25f33;
border-color: #f25f33;
}
.testimonials_holder.light .flex-direction-nav a:before {
color: #fff;
}
.testimonials_holder .flex-direction-nav a:before {
font-family: 'FontAwesome', sans-serif;
position: absolute;
height: 26px;
width: 26px;
line-height: 26px;
top: 0;
left: 0;
color: #000;
text-indent: 0;
font-size: 16px;
}
.testimonials_holder .flex-direction-nav a:hover:before {
color: #fff;
}
.testimonials_holder .flex-direction-nav a.flex-prev:before {
content: '\f104';
}
.testimonials_holder .flex-direction-nav a.flex-next:before {
content: '\f105';
}
.testimonials_holder.full_width {
background: none;
}
.content .testimonial_content .container .container_inner {
padding:0px 0px 0px 0px;
}
.testimonial_text_holder {
position: relative;
display: block;
}
.testimonials .author_image_holder {
margin-left: 15px;
position: relative;
}
.author_image_holder .image_holder {
border-radius: 3em;
border: 1px solid #eaeaea;
width: 60px;
height: 60px;
display: inline-block;
float: left;
margin:0 15px 0 0;
overflow: hidden;
}
.testimonials .testimonial_text_inner p.testimonial_author {
font-size: 13px;
color: #303030;
margin-top: 22px;
font-weight: 500;
}
.testimonials .testimonial_text_inner p.testimonial_author span.author_company {
color: #f25f33;
}
.testimonial_content_inner .testimonial_author .website{
color:#303030;
font-weight:300;
display:block;
}
.testimonial_content_inner .testimonial_author h4{
color:#00a8e8;
}
.testimonial_text_inner .testimonial_name {
display: block;
}
.testimonial_content_inner .testimonial_author .company_position {
color: #f25f33;
}
.testimonials .testimonial_text_inner {
display: block;
}
.testimonials .testimonial_text_inner p {
line-height: 1.666666666666667em; /* 35px / 13px */
font-size: 21px;
}
.testimonials_holder.standard .testimonials .testimonial_text_inner{
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
.testimonials_holder.full_width .testimonials .testimonial_text_inner{
border-left:none;
border-right:none;
position:relative;
text-align:center;
}
.testimonials_holder.full_width .testimonials .testimonial_text_inner p{
margin: 0 0 19px;
}
.testimonial_arrow {
width: 20px;
height: 20px;
display: inline-block;
margin: 0 0 0 -10px;
z-index: 999;
position: relative;
overflow: hidden;
left: 45px;
bottom: 11px;
background-color: #fbfbfb;
border-width: 0 1px 1px 0;
border-style: solid;
border-color: #eaeaea;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.testimonials.transparent .testimonial_text_inner {
background-color: transparent !important;
padding: 0;
border: none;
}
.testimonial_image_holder {
text-align: center;
display: inline-block;
position: relative;
overflow: hidden;
vertical-align: middle;
margin: 0 0 50px;
}
.testimonial_image_holder img{
vertical-align: middle;
}
/* ==========================================================================
Blockquote shortcode start styles
========================================================================== */
blockquote {
position: relative;
padding: 14px 14px 14px 10px;
border-left: 4px solid transparent;
}
blockquote h5 {
line-height: 1.5625em;
text-transform: none;
font-size: 21px;
letter-spacing: normal;
font-weight: 400;
margin: 0 !important;
}
blockquote.with_quote_icon h5 {
padding: 0 0 0 40px;
}
blockquote i.pull-left {
font-size: 22px;
color: #c1c0c0;
margin: 6px 0 0 !important;
}
/* ==========================================================================
Blockquote shortcode end styles
========================================================================== */
/* ==========================================================================
Gallery shortcode styles
========================================================================== */
.gallery_holder{
display: block;
position: relative;
}
.wpb_image_grid .gallery_holder{
width: 100.1%;
}
.gallery_holder ul{
list-style: none;
display: block;
width: 100%;
position: relative;
margin: 0;
padding: 0;
}
.gallery_holder ul li{
position: relative;
display: block;
float: left;
overflow: hidden;
}
.gallery_holder ul li a{
display: block;
position: relative;
-webkit-backface-visibility: hidden;
}
.gallery_holder ul li a {
display: block;
overflow: hidden;
-webkit-transform: translateZ(0px);
-moz-transform: translateZ(0px);
}
.wpb_image_grid .gallery_holder ul li a {
margin-right: -1px;
margin-bottom: -1px !important;
}
.gallery_holder ul li a img {
display: block;
width: 100%;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
}
.gallery_holder ul li.grayscale a img {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
filter: gray;
filter: grayscale(100%);
filter: url(img/desaturate.svg#grayscale);
}
.gallery_holder ul li.grayscale:hover a img {
-webkit-filter: grayscale(0);
filter: none;
}
.gallery_holder ul li:hover a img {
-webkit-transform: scale(1.03, 1.03);
-moz-transform: scale(1.03, 1.03);
-ms-transform: scale(1.03, 1.03);
-o-transform: scale(1.03, 1.03);
transform: scale(1.03, 1.03);
}
.gallery_holder ul li .gallery_hover{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
display: inline-block;
background-color: #000;
background-color: rgba(0, 0, 0, 0.81);
visibility: visible;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: opacity .4s;
-moz-transition: opacity .4s;
-o-transition: opacity .4s;
-ms-transition: opacity .4s;
-webkit-transform: translateZ(0px);
-moz-transform: translateZ(0px);
-webkit-backface-visibility: hidden;
z-index: 1000;
}
.gallery_holder ul li:hover .gallery_hover{
opacity: 1;
filter: alpha(opacity=100);
}
.gallery_holder ul li .gallery_hover i{
position: absolute;
top: 50%;
left: 50%;
margin: -15px 0 0 -15px;
font-size: 30px;
color: #fff;
width: 30px;
height: 30px;
line-height:30px;
text-align: center;
display: inline-block;
}
.gallery_holder ul.v5 li,
.wpb_gallery_slides .gallery_holder ul.v5 li{
width: 20%;
margin: 0;
}
.gallery_holder ul.v4 li,
.wpb_gallery_slides .gallery_holder ul.v4 li{
width: 25%;
margin: 0;
}
.gallery_holder ul.v3 li,
.wpb_gallery_slides .gallery_holder ul.v3 li{
width: 33.33333333333333%;
margin: 0;
}
.gallery_holder ul.v2 li,
.wpb_gallery_slides .gallery_holder ul.v2 li{
width: 50%;
margin: 0;
}
/*With space gallery*/
.gallery_holder .gallery_with_space ul li,
.wpb_gallery_slides .gallery_holder .gallery_with_space ul li{
margin-bottom: 2%;
}
.gallery_holder .gallery_with_space ul li:last-child,
.wpb_gallery_slides .gallery_holder .gallery_with_space ul li:last-child{
margin-bottom: 0;
}
.gallery_holder ul.gallery_with_space.v2 li,
.wpb_gallery_slides .gallery_holder ul.gallery_with_space.v2 li
{
width: 49%;
margin: 0 2% 2% 0;
}
.gallery_holder ul.gallery_with_space.v2 li:nth-child(2n),
.wpb_gallery_slides .gallery_holder ul.gallery_with_space.v2 li:nth-child(2n){
margin-right: 0;
}
.gallery_holder ul.gallery_with_space.v3 li,
.wpb_gallery_slides .gallery_holder ul.gallery_with_space.v3 li{
width: 32%;
margin: 0 2% 2% 0;
}
.gallery_holder ul.gallery_with_space.v3 li:nth-child(3n),
.wpb_gallery_slides .gallery_holder ul.gallery_with_space.v3 li:nth-child(3n){
margin-right: 0;
}
.gallery_holder ul.gallery_with_space.v4 li,
.wpb_gallery_slides .gallery_holder ul.gallery_with_space.v4 li{
width: 23.5%;
margin: 0 2% 2% 0;
}
.gallery_holder ul.gallery_with_space.v4 li:nth-child(4n),
.wpb_gallery_slides .gallery_holder ul.gallery_with_space.v4 li:nth-child(4n){
margin-right: 0;
}
.gallery_holder ul.gallery_with_space.v5 li,
.wpb_gallery_slides .gallery_holder ul.gallery_with_space.v5 li{
width: 18.4%;
margin: 0 2% 2% 0;
}
.gallery_holder ul.gallery_with_space.v5 li:nth-child(5n),
.wpb_gallery_slides .gallery_holder ul.gallery_with_space.v5 li:nth-child(5n){
margin-right: 0;
}
/* ==========================================================================
Enf of gallery shortcode styles
========================================================================== */
/* ==========================================================================
Single image shortcode styles
========================================================================== */
.wpb_content_element.wpb_single_image img{
vertical-align: middle;
}
/* ==========================================================================
Enf of single image shortcode styles
========================================================================== */
/* ==========================================================================
Dropcaps shortcodes styles
========================================================================== */
.q_dropcap{
position: relative;
display: inline-block;
float: left;
height: 48px;
width: 48px;
line-height: 48px;
font-size: 23px;
color: #f25f33;
text-align: center;
margin: 5px 20px 0 0;
border: 1px solid transparent;
}
.q_dropcap.circle,
.q_dropcap.square{
margin: 5px 20px 0 0;
font-size: 22px;
background-color: #f25f33;
border: 1px solid transparent;
color: #fff;
font-weight: 300;
}
.q_dropcap.normal{
font-weight: 700;
position: relative;
left: 8px;
}
.q_dropcap.circle {
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
-ms-border-radius: 2em;
-o-border-radius: 2em;
border-radius: 2em;
}
.q_dropcap.square {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
/* ==========================================================================
Message box shortcode styles
========================================================================== */
.q_message {
position: relative;
padding: 26px 30px;
color: #fff;
background-color: #f25f33;
}
.q_message .q_message_inner{
position: relative;
}
.q_message.with_icon .q_message_icon_holder{
float:left;
padding:0 27px 0 0;
}
.q_message.with_icon .q_message_icon{
display: table;
height: 100%;
}
.q_message.with_icon .q_message_icon_inner {
display: table-cell;
height: 100%;
vertical-align: middle;
}
.q_message.with_icon > i {
line-height: 1em;
}
.q_message.with_icon img {
float: left;
}
.q_message a.close {
position: absolute;
top: -19px;
right: -23px;
line-height: 13px;
color: #fff;
}
.q_message a.close i {
width: 14px;
height: 14px;
display: inline-block;
background-repeat: no-repeat;
background-position: center;
}
.q_message .message_text {
display: table;
height: 100%;
font-weight: 700;
font-size: 18px;
text-transform: uppercase;
letter-spacing: 1px;
}
.q_message .message_text_holder {
padding: 0px 20px 0px 0px;
}
.q_message .message_text_inner {
display: table-cell;
height: 100%;
vertical-align: middle;
}
.q_message.with_icon .message_text_holder {
padding: 0px 20px 0px 0px;
}
/* ==========================================================================
Pricing table shorcode styles
========================================================================== */
.q_price_table {
position: relative;
width: 100%;
padding: 0;
color: #fff;
border-top: 1px solid #ebebeb;
margin-left: 2.5%;
float: left;
}
.qode_pricing_tables.two_columns .q_price_table {
width: 48.75%;
}
.qode_pricing_tables.three_columns .q_price_table {
width: 31.666666666666668%;
}
.qode_pricing_tables.four_columns .q_price_table {
width: 23.125%;
}
.qode_pricing_tables .q_price_table:first-child {
margin-left: 0;
}
.q_price_table .price_table_inner {
background-color: #262626;
position: relative;
}
.q_price_table.active .active_text {
position: absolute;
top: 0;
left: 0;
width: 100%;
text-align: center;
background-color: #f25f33;
font-size: 13px;
line-height: 31px;
}
.q_price_table.active .price_table_inner > ul {
padding: 31px 0 0;
margin: -31px 0;
}
.price_table_inner ul {
list-style: none outside none;
margin: 0;
padding-left: 0 !important;
}
.price_table_inner ul li {
text-align: center;
margin: 0;
padding: 2px 20px 13px;
}
.price_table_inner ul li.pricing_table_content {
padding: 20px 27px 10px;
}
.price_table_inner ul li.pricing_table_content li {
font-size: 13px;
}
.price_table_inner ul li.pricing_table_content li:last-child {
border-bottom: none;
}
.price_table_inner ul li.prices {
padding-top: 0;
padding-bottom: 3px;
}
.price_table_inner ul li.table_title {
padding: 25px 25px 3px;
}
.price_table_inner ul li.table_title .title_content {
color: #fff;
font-weight: 700;
font-size: 17px;
}
.price_in_table {
text-align: center;
}
.price_in_table .value {
font-size: 20px;
font-weight: 600;
vertical-align: top;
position: relative;
top: 17px;
}
.price_in_table .price {
font-size: 83px;
line-height: 1em;
padding: 0 3px;
font-weight: 200;
vertical-align: middle;
}
.price_in_table .mark {
vertical-align: bottom;
position: relative;
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
top: 10px;
}
.price_table_inner .price_button{
padding: 0 0 32px;
}
.price_button .qbutton{
margin:0 7px;
}
/* ==========================================================================
Icon with text shortcode start styles
========================================================================== */
.q_icon_with_title{
display: block;
position: relative;
}
.q_icon_with_title .icon_holder {
display: inline-block;
position: relative;
z-index: 2;
}
.q_icon_with_title:not(.right) .icon_holder {
float: left;
}
.q_icon_with_title.right .icon_holder {
float: right;
}
.q_icon_with_title .icon_text_holder .icon_title {
display: block;
margin: 0 0 1.08em;
font-weight: 600;
}
.q_icon_with_title.large .icon_text_holder .icon_title {
margin-bottom: 0.35em;
}
.q_icon_with_title .icon_with_title_link {
display: inline-block;
margin: 13px 0 0;
color: #f25f33;
}
.q_icon_with_title .icon_with_title_link:hover {
color: #303030;
}
.q_icon_with_title .icon_holder.q_icon_animation,
.box_holder_icon_inner.q_icon_animation{
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
-webkit-backface-visibility: hidden;
}
.q_icon_with_title .icon_holder.q_icon_animation.q_show_animation,
.box_holder_icon_inner.q_icon_animation.q_show_animation{
-webkit-transform: scale(1.0);
-moz-transform: scale(1.0);
-ms-transform: scale(1.0);
-o-transform: scale(1.0);
transform: scale(1.0);
}
.q_icon_with_title .icon_holder .fa-stack,
.box_holder_icon_inner .fa-stack,
.q_font_awsome_icon_square,
.q_font_awsome_icon_stack i.fa-stack-base {
border: 2px solid #c0c0c0;
-webkit-transition: all 0.1s linear;
-moz-transition: all 0.1s linear;
-ms-transition: all 0.1s linear;
-o-transition: all 0.1s linear;
transition: all 0.1s linear;
-webkit-backface-visibility: hidden;
-webkit-box-sizing: initial;
-moz-box-sizing: initial;
box-sizing: initial;
}
.q_font_awsome_icon_stack i.fa-stack-base{
border:none;
}
.q_icon_with_title .icon_text_holder{
position: relative;
}
.q_icon_with_title span.fa-stack .qode_iwt_icon_element,
.q_box_holder.with_icon span.fa-stack .qode_iwt_icon_element {
font-size: 0.7em;
color: #c0c0c0;
-webkit-transition: all 0.1s linear;
-moz-transition: all 0.1s linear;
-ms-transition: all 0.1s linear;
-o-transition: all 0.1s linear;
transition: all 0.1s ease-in-out;
}
.q_icon_with_title.circle span.fa-stack .qode_iwt_icon_element {
font-size: 0.9em;
}
.q_icon_with_title span.fa-stack.custom-font .qode_iwt_icon_element {
font-size: 0.7em;
}
.q_icon_with_title .icon_text_inner{
padding: 0 0 18px;
}
.q_icon_with_title .icon_title_holder {
display: table;
width: 100%;
height: 100%;
margin:0 0 12px;
}
.q_icon_with_title .icon_title_holder .icon_holder{
display: table-cell;
text-align: center;
height: 100%;
vertical-align: middle;
float:none;
padding:0 15px 0 0;
box-sizing: content-box;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
}
.q_icon_with_title .icon_title_holder .icon_holder > span {
position: relative;
top: 2px;
}
.q_icon_with_title .icon_text_holder .icon_title_holder .icon_title {
display: table-cell;
margin: 0 0 0;
vertical-align: middle;
width: 100%;
}
.q_font_awsome_icon_square .qode_icon_element {
color: #fff;
}
.q_font_awsome_icon_stack .qode_icon_element {
color: #fff;
}
.qode_icon_shortcode.fa-stack a {
display: block;
width: 100%;
height: 100%;
}
.qode_icon_shortcode.fa-stack .qode_icon_element {
display: block;
line-height: inherit;
}
.touch .no_animation_on_touch .q_icon_animation{
-webkit-transform: scale(1.0);
-moz-transform: scale(1.0);
-ms-transform: scale(1.0);
-o-transform: scale(1.0);
transform: scale(1.0);
}
/* Icon center styles
========================================================================== */
/**
* Styles when icon is in center. Can be in a box or not
*/
.q_icon_with_title.center{
text-align: center;
}
.q_icon_with_title.center.center .icon_holder{
float: none;
display: block;
margin: 0 0 20px;
}
.q_icon_with_title.custom_icon_image.center .icon_holder{
margin: 0 0 13px;
}
.q_icon_with_title.center .icon_holder{
width: 100% !important;
}
.q_icon_with_title.center .icon_holder .font_awsome_icon i {
color: #7b7b7b;
-webkit-transition: color 0.3s ease-in-out;
-moz-transition: color 0.3s ease-in-out;
-o-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out;
}
.q_icon_with_title.center .icon_holder .font_awsome_icon i:hover {
color: #f25f33;
}
/* End of icon center styles
========================================================================== */
/* Generic icon styles
========================================================================== */
.q_icon_with_title.boxed .icon_holder .fa-stack,
.q_font_awsome_icon_square {
background-color: #f25f33;
border-radius: 4px;
text-align: center;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-backface-visibility: hidden;
}
.q_box_holder.with_icon .box_holder_icon_inner .fa-stack i.fa-stack-base{
color: #f25f33;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-backface-visibility: hidden;
}
.q_icon_with_title.square .icon_holder .fa-stack,
.box_holder_icon_inner.square .fa-stack
{
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.q_font_awsome_icon_square{
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.q_icon_with_title.square .icon_holder .fa-stack:hover,
.box_holder_icon_inner.square .fa-stack:hover,
.box_holder_icon_inner.circle .fa-stack:hover,
.circle .icon_holder .fa-stack:hover{
background-color: #f25f33;
border-color: transparent !important;
}
.q_font_awsome_icon_stack .fa-circle,
.q_icon_with_title.boxed .icon_holder .fa-stack {
color: #f25f33;
-webkit-transition: color 0.4s ease-in-out;
-moz-transition: color 0.4s ease-in-out;
-o-transition: color 0.4s ease-in-out;
transition: color 0.4s ease-in-out;
}
.q_icon_with_title.circle .icon_holder .fa-stack:hover i.fa-circle,
.q_font_awsome_icon_stack:hover .fa-circle,
.q_box_holder.with_icon .box_holder_icon_inner .fa-stack:hover i.fa-stack-base {
color: #f3f3f3 !important;
}
.q_icon_with_title.boxed .icon_holder .fa-stack {
-webkit-transition: background-color 0.2s ease-in-out;
-moz-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
}
.q_icon_with_title.circle .icon_holder .fa-stack:hover .qode_iwt_icon_element,
.q_icon_with_title.square .icon_holder .fa-stack:hover .qode_iwt_icon_element,
.q_font_awsome_icon_stack:hover i:last-child,
.q_icon_with_title.boxed .icon_holder .fa-stack:hover i,
.q_box_holder.with_icon span.fa-stack:hover i:last-child,
.q_icon_with_title.square .icon_holder .fa-stack:hover i,
.box_holder_icon_inner.square:hover i,
.q_font_awsome_icon_square:hover i {
color: #fff;
}
.q_box_holder.with_icon .tiny span.fa-stack i:last-child {
top: 1px;
}
.q_icon_with_title.with_border_line .icon_text_inner{
border-bottom: 1px solid #fbfbfb;
}
.q_icon_with_title.tiny .icon_text_holder {
padding: 0 0 0 44px;
}
.q_icon_with_title.small .icon_text_holder{
padding: 0 0 0 46px;
}
.q_icon_with_title.left_from_title .icon_text_holder{
padding: 0;
}
.q_icon_with_title.medium .icon_holder,
.q_icon_with_title.tiny.square .icon_holder,
.q_icon_with_title.small.square .icon_holder{
text-align: center;
}
.q_icon_with_title.tiny.square .icon_text_holder,
.q_icon_with_title.medium .icon_text_holder {
padding: 0 0 0 56px;
}
.q_icon_with_title.large .icon_text_holder{
padding: 0 0 0 65px;
}
.q_icon_with_title.large .icon_holder{
text-align: center;
}
.q_icon_with_title.very_large .icon_text_holder{
padding: 0 0 0 84px;
}
.q_icon_with_title.tiny.boxed .icon_text_holder,
.q_icon_with_title.tiny.circle .icon_text_holder,
.q_icon_with_title.tiny.custom_icon_image .icon_text_holder{
padding: 0 0 0 55px;
}
.q_icon_with_title.small.square .icon_text_holder,
.q_icon_with_title.small.boxed .icon_text_holder,
.q_icon_with_title.small.circle .icon_text_holder,
.q_icon_with_title.small.custom_icon_image .icon_text_holder{
padding: 0 0 0 72px;
}
.q_icon_with_title.medium.circle .icon_text_holder {
padding: 0 0 0 119px;
}
.q_icon_with_title.medium.boxed .icon_text_holder,
.q_icon_with_title.medium.custom_icon_image .icon_text_holder,
.q_icon_with_title.medium.square .icon_text_holder{
padding: 0 0 0 95px;
}
.q_icon_with_title.large.boxed .icon_text_holder,
.q_icon_with_title.large.circle .icon_text_holder,
.q_icon_with_title.large.custom_icon_image .icon_text_holder,
.q_icon_with_title.large.square .icon_text_holder{
padding: 0 0 0 122px;
}
.q_icon_with_title.very_large.boxed .icon_text_holder,
.q_icon_with_title.very_large.circle .icon_text_holder,
.q_icon_with_title.very_large.custom_icon_image .icon_text_holder,
.q_icon_with_title.very_large.square .icon_text_holder{
padding: 0 0 0 150px;
}
.q_icon_with_title.left_from_title .icon_text_holder{
padding: 0 0 0 0px !important;
}
.q_icon_with_title.right .icon_text_holder {
padding-left: 0 !important;
text-align: right;
}
.q_icon_with_title.tiny.circle.right .icon_text_holder,
.q_icon_with_title.tiny.custom_icon_image.right .icon_text_holder{
padding: 0 55px 0 0;
}
.q_icon_with_title.small.square.right .icon_text_holder,
.q_icon_with_title.small.circle.right .icon_text_holder,
.q_icon_with_title.small.custom_icon_image.right .icon_text_holder {
padding: 0 72px 0 0;
}
.q_icon_with_title.medium.circle.right .icon_text_holder {
padding: 0 119px 0 0;
}
.q_icon_with_title.medium.custom_icon_image.right .icon_text_holder,
.q_icon_with_title.medium.square.right .icon_text_holder{
padding: 0 95px 0 0;
}
.q_icon_with_title.large.circle.right .icon_text_holder,
.q_icon_with_title.large.custom_icon_image.right .icon_text_holder,
.q_icon_with_title.large.square.right .icon_text_holder{
padding: 0 122px 0 0;
}
.q_icon_with_title.very_large.circle.right .icon_text_holder,
.q_icon_with_title.very_large.custom_icon_image.right .icon_text_holder,
.q_icon_with_title.very_large.square.right .icon_text_holder{
padding: 0 150px 0 0;
}
.q_icon_with_title.tiny.square.right .icon_text_holder {
padding: 0 56px 0 0;
}
.q_icon_with_title.left_from_title .icon_text_holder .icon_holder{
width: auto !important;
}
.q_icon_with_title.left_from_title.custom_icon_image.tiny .icon_text_holder .icon_holder{
width: 35px !important;
}
.q_icon_with_title.left_from_title.custom_icon_image.small .icon_text_holder .icon_holder{
width: 52px !important;
}
.q_icon_with_title.left_from_title.custom_icon_image.medium .icon_text_holder .icon_holder{
width: 78px !important;
}
.q_icon_with_title.left_from_title.custom_icon_image.large .icon_text_holder .icon_holder{
width: 104px !important;
}
.q_icon_with_title.left_from_title.custom_icon_image.very_large .icon_text_holder .icon_holder{
width: 130px !important;
}
.q_icon_with_title.tiny.center .icon_text_holder,
.q_icon_with_title.small.center .icon_text_holder,
.q_icon_with_title.medium.center .icon_text_holder,
.q_icon_with_title.large.center .icon_text_holder,
.q_icon_with_title.very_large.center .icon_text_holder,
.q_icon_with_title.tiny.boxed.center .icon_text_holder,
.q_icon_with_title.tiny.circle.center .icon_text_holder,
.q_icon_with_title.small.boxed.center .icon_text_holder,
.q_icon_with_title.small.circle.center .icon_text_holder,
.q_icon_with_title.medium.boxed.center .icon_text_holder,
.q_icon_with_title.medium.circle.center .icon_text_holder,
.q_icon_with_title.large.boxed.center .icon_text_holder,
.q_icon_with_title.large.circle.center .icon_text_holder,
.q_icon_with_title.very_large.boxed.center .icon_text_holder,
.q_icon_with_title.very_large.circle.center .icon_text_holder,
.q_icon_with_title.tiny.custom_icon_image.center .icon_text_holder,
.q_icon_with_title.small.custom_icon_image.center .icon_text_holder,
.q_icon_with_title.medium.custom_icon_image.center .icon_text_holder,
.q_icon_with_title.large.custom_icon_image.center .icon_text_holder,
.q_icon_with_title.very_large.custom_icon_image.center .icon_text_holder{
padding: 0;
}
.q_icon_with_title.left_from_title .icon_holder{
display: block;
}
.q_icon_with_title.tiny .icon_holder img,
.q_icon_with_title.left_from_title.tiny .icon_holder,
.q_icon_with_title.left_from_title.small.normal_icon .icon_holder{
width: 35px;
}
.q_icon_with_title.small .icon_holder img,
.q_icon_with_title.left_from_title.small .icon_holder,
.q_icon_with_title.left_from_title.large.normal_icon .icon_holder{
width: 52px;
}
.q_icon_with_title.medium .icon_holder img,
.q_icon_with_title.left_from_title.medium .icon_holder,
.q_icon_with_title.left_from_title.very_large.normal_icon .icon_holder{
width: 78px;
}
.q_icon_with_title.large .icon_holder img,
.q_icon_with_title.left_from_title.large .icon_holder{
width: 104px;
}
.q_icon_with_title.very_large .icon_holder img,
.q_icon_with_title.left_from_title.very_large .icon_holder{
width: 130px;
}
.q_icon_with_title.left_from_title.tiny.normal_icon .icon_holder{
width: 25px;
}
.q_icon_with_title.left_from_title.medium.normal_icon .icon_holder{
width: 45px;
}
/* End of generic icon center styles
========================================================================== */
.q_icon_with_title.circle .qode_iwt_icon_holder .qode_iwt_icon_element,
.q_icon_with_title.square .qode_iwt_icon_holder .qode_iwt_icon_element {
display: block;
height: 100%;
line-height: inherit;
text-align: center;
}
/* ==========================================================================
End if icon with text shortcode styles
========================================================================== */
/* ==========================================================================
Icon start shortcode
========================================================================== */
.q_font_awsome_icon {
display: inline-block;
}
.q_font_awsome_icon i,
.q_font_awsome_icon span {
color: #f25f33;
-webkit-transition: color 0.3s ease-in-out;
-moz-transition: color 0.3s ease-in-out;
-o-transition: color 0.3s ease-in-out;
-ms-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out;
-webkit-backface-visibility: hidden;
}
.q_font_awsome_icon i:hover,
.q_font_awsome_icon span:hover {
color: #f25f33;
}
.q_font_awsome_icon.pull-center{
display: block;
text-align: center;
}
.q_font_awsome_icon_square.pull-center,
.q_font_awsome_icon_stack.pull-center{
display: block;
margin: 0 auto !important;
}
.q_font_awsome_icon.q_icon_animation,
.q_font_awsome_icon_square.q_icon_animation,
.q_font_awsome_icon_stack.q_icon_animation{
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition: -webkit-transform 0.4s ease;
-moz-transition: -moz-transform 0.4s ease;
-o-transition: -o-transform 0.4s ease;
-ms-transition: -ms-transform 0.4s ease;
transition: transform 0.4s ease;
-webkit-backface-visibility: hidden;
}
.q_font_awsome_icon.q_icon_animation.q_show_animation,
.q_font_awsome_icon_square.q_icon_animation.q_show_animation,
.q_font_awsome_icon_stack.q_icon_animation.q_show_animation{
-webkit-transform: scale(1.0);
-moz-transform: scale(1.0);
-ms-transform: scale(1.0);
-o-transform: scale(1.0);
transform: scale(1.0);
}
#back_to_top span,
.q_social_icon_holder .fa-stack,
.q_icon_with_title.square .icon_holder .fa-stack,
.box_holder_icon_inner.square .fa-stack {
text-align: center;
}
/* ==========================================================================
Icon end shortcode
========================================================================== */
.drop_down .wide .second ul li div.flexslider li:nth-child(4n+1){
clear: none;
}
.drop_down .wide .second ul li .flexslider ul {
padding:0;
border:none;
}
.drop_down .wide .second ul li ul.flex-direction-nav a{
position:absolute;
top:0;
border:none;
margin:0px 0 0 0;
}
.drop_down .wide .second ul li ul.flex-direction-nav{
position:absolute;
top:45px;
left:0px;
overflow:visible;
width: 100%;
}
.drop_down .wide .second ul li div.flexslider{
margin: 0;
}
.drop_down .wide .second ul li .flexslider.widget_flexslider ul.flex-direction-nav li{
width: 100%;
}
.flexslider.widget_flexslider h3,
.drop_down .wide .second ul li ul li .flexslider.widget_flexslider h3,
.drop_down .wide .second ul li ul li .flexslider.widget_flexslider h3 a{
color: #fff;
font-size: 15px;
font-weight: 400;
line-height: 22px;
padding: 10px 0 2px !important;
}
.flexslider.widget_flexslider ul li h3 a,
.drop_down .wide .second .inner ul li.flexslider.widget_flexslider ul li h3 a{
color: #000;
font-size: 18px;
font-weight: 300;
line-height: 22px;
}
.flexslider.widget_flexslider ul.flex-direction-nav a.flex-prev,
.drop_down .wide .second .inner ul li.sub .flexslider.widget_flexslider ul.flex-direction-nav a.flex-prev{
background-color: #000;
background-color: rgba(0, 0, 0, 0.4);
width: 40px;
height: 40px;
line-height: 40px;
}
.drop_down .second .flexslider.widget_flexslider ul.flex-direction-nav i {
display:inline;
}
.drop_down .wide.icons .second .flexslider.widget_flexslider ul.flex-direction-nav i {
width:auto;
float:none;
height:auto;
color: #fff;
}
.flexslider.widget_flexslider ul.flex-direction-nav a.flex-next,
.drop_down .wide .second .inner ul li.sub .flexslider.widget_flexslider ul.flex-direction-nav a.flex-next{
background-color: #000;
background-color: rgba(0, 0, 0, 0.4);
width: 40px;
height: 40px;
line-height: 40px;
}
.flexslider.widget_flexslider ul.flex-direction-nav a.flex-next:hover,
.drop_down .wide .second .inner ul li.sub .flexslider.widget_flexslider ul.flex-direction-nav a.flex-next:hover,
.flexslider.widget_flexslider ul.flex-direction-nav a.flex-prev:hover,
.drop_down .wide .second .inner ul li.sub .flexslider.widget_flexslider ul.flex-direction-nav a.flex-prev:hover{
background-color:#000;
}
.drop_down .wide .second .inner ul li.sub .flexslider.widget_flexslider .menu_recent_post_text {
padding: 10px 0;
}
.drop_down .wide .second .inner ul li.sub .flexslider.widget_flexslider .menu_recent_post_text a{
display: inline;
padding: 0;
}
.drop_down .wide .second .inner ul li.sub .flexslider.widget_flexslider .menu_recent_post_text a:hover{
color:#fff;
}
.drop_down .wide .second .inner ul li.sub .flexslider.widget_flexslider a,
.drop_down .wide .second ul li .flexslider.widget_flexslider a{
padding: 0;
margin: 0;
}
.drop_down .wide .second .inner ul li.sub .flexslider.widget_flexslider a i,
.drop_down .wide .second ul li .flexslider.widget_flexslider a i{
font-size: 20px;
}
ul.flickr_widget{
display: inline-block;
position: relative;
padding:0;
}
ul.flickr_widget li{
float: left;
margin: 0px 5px 5px 0px;
}
ul.flickr_widget li:nth-child(3n){
margin: 0 0 5px;
}
ul.flickr_widget li a img{
float: left;
}
.menu_recent_post_text{
display: block;
}
.menu_recent_post_text a{
display: inline-block !important;
color: #fff !important;
}
/* ==========================================================================
Icon progress bar shortcode start styles
========================================================================== */
.q_progress_bars_icons{
display: block;
position: relative;
opacity: 0;
filter: alpha(opacity=0);
}
.q_progress_bars_icons_inner{
position: relative;
width: 100%;
}
.q_progress_bars_icons_inner .bar{
position: relative;
float: left;
margin: 0px 10px 10px 0px;
}
.q_progress_bars_icons_inner.normal .bar{
margin: 0 0 10px;
}
.q_progress_bars_icons_inner.tiny .bar{
height: 39px;
width: 39px;
}
.q_progress_bars_icons_inner.small .bar{
width: 56px;
height: 56px;
}
.q_progress_bars_icons_inner.medium .bar{
width: 83px;
height: 83px;
}
.q_progress_bars_icons_inner.large .bar{
width: 109px;
height: 109px;
}
.q_progress_bars_icons_inner.very_large .bar{
width: 135px;
height: 135px;
}
.q_progress_bars_icons_inner .bar .bar_noactive,
.q_progress_bars_icons_inner .bar .bar_active{
display: inline-block;
position: absolute;
top: 0px;
left: 0px;
overflow: hidden;
z-index: 50;
}
.q_progress_bars_icons_inner .bar.active .bar_noactive {
z-index: 100;
}
.q_progress_bars_icons_inner.square .bar .bar_noactive,
.q_progress_bars_icons_inner.square .bar .bar_active{
border: 1px solid #d7d7d7;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
.q_progress_bars_icons_inner.circle .bar .bar_noactive,
.q_progress_bars_icons_inner.circle .bar .bar_active {
border: 1px solid #d7d7d7;
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
-ms-border-radius: 2em;
-o-border-radius: 2em;
border-radius: 2em;
}
.q_progress_bars_icons_inner.square .bar.active .bar_noactive,
.q_progress_bars_icons_inner.square .bar.active .bar_active,
.q_progress_bars_icons_inner.circle .bar.active .bar_noactive,
.q_progress_bars_icons_inner.circle .bar.active .bar_active {
border: 1px solid #f25f33;
}
.q_progress_bars_icons_inner.square .bar.active i,
.q_progress_bars_icons_inner.circle .bar.active i,
.q_progress_bars_icons_inner.normal .bar.active i,
.q_progress_bars_icons_inner .bar.active i.fa-circle{
color: #f25f33;
}
.q_progress_bars_icons_inner.square .bar i,
.q_progress_bars_icons_inner.circle .bar i,
.q_progress_bars_icons_inner.normal .bar i,
.q_progress_bars_icons_inner .bar i.fa-circle{
color: #d7d7d7;
}
/* ==========================================================================
Icon progress bar shortcode end styles
========================================================================== */
.more_facts_outer{
position: relative;
display: block;
height: 0;
overflow: hidden;
}
.more_facts_inner_holder{
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
}
.more_facts_inner{
display: inline-block;
width: 100%;
padding: 70px 0 0;
position: relative;
}
.more_facts_holder{
background-color: #f6f6f6;
}
.more_facts_button {
display: block;
position: relative;
margin: 0;
padding: 39px 0 15px;
color: #303030;
font-size: 19px;
line-height: 22px;
cursor: pointer;
z-index: 90;
}
.more_facts_button:hover{
color: #f25f33;
}
.more_facts_button .more_facts_button_text,
.more_facts_button .more_facts_button_arrow{
display: block;
}
.more_facts_button .more_facts_button_text{
display: block;
font-size: 17px;
font-weight: 600;
letter-spacing: 1px;
text-transform: uppercase;
padding: 0px 0 5px;
}
.more_facts_button .more_facts_button_arrow{
-webkit-transition: -webkit-transform 300ms ease-in-out;
-moz-transition: -moz-transform 300ms ease-in-out;
-ms-transition: -ms-transform 300ms ease-in-out;
-o-transition: -o-transform 300ms ease-in-out;
transition: transform 300ms ease-in-out;
}
.more_facts_button .more_facts_button_arrow.rotate_arrow {
-webkit-transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.more_facts_button_holder{
display: block;
position: relative;
}
.more_facts_button_holder.left{
text-align: left;
}
.more_facts_button_holder.center{
text-align: center;
}
.more_facts_button_holder.right{
text-align: right;
}
/* ==========================================================================
Oblique section styles
========================================================================== */
.angled-section {
position: absolute;
z-index: 20;
display:block;
}
.angled-section polygon{
fill: #f6f6f6;
}
.angled-section.svg-top {
top: -85px;
}
.angled-section.svg-bottom {
bottom: -85px;
}
.angled-section.svg-footer-bottom {
bottom: 0;
}
.angled-section.svg-title-bottom {
bottom: 0;
}
/* ==========================================================================
End of Oblique section styles
========================================================================== */
.ordered ul, .ordered ol {
counter-reset: li;
display: block;
list-style-type: decimal;
background-position: left center;
background-repeat: no-repeat;
margin: 0 0 30px;
padding: 0 0 0 20px;
}
.ordered ol li {
margin: 0px 0px 21px;
padding: 0 0 0 4px;
color: #303030;
}
/* ==========================================================================
Unordered list shortcode styles
========================================================================== */
.q_list.normal ul > li {
font-weight: 400 !important;
}
.q_list.light ul > li {
font-weight: 300 !important;
}
.q_list.bold ul > li {
font-weight: 600 !important;
}
.q_list.circle ul,
.q_list.number ul{
display: block;
list-style-type: none;
margin: 0;
padding: 0;
}
.q_list.number ul{
counter-reset: li;
}
.q_list.number.circle_number li {
padding-left: 43px;
margin-bottom: 22px;
}
.q_list.circle ul>li,
.q_list.number ul>li{
position: relative;
font-weight: 400;
margin: 0 0 22px;
padding: 0 0 0 22px;
color: #303030;
}
.q_list.circle ul>li:before {
position: absolute;
left: 0;
width: 7px;
height: 7px;
top: 9px;
background-color: #ababab;
display: block;
content: '';
border-radius: 25px;
}
.q_list.number ul>li:before{
height: 20px;
width: 20px;
line-height: 20px;
display: inline-block;
position: absolute;
left: 0;
top: 1px;
padding: 0;
color: #f25f33;
text-align: center;
content: counter(li, decimal-leading-zero);
counter-increment: li;
font-weight: 500;
}
.q_list.number.circle_number ul>li:before {
color: #fff;
background-color: #f25f33;
border-radius: 2em;
height: 31px;
width: 31px;
line-height: 31px;
top: -3px;
}
.q_list.circle.animate_list ul li,
.q_list.number.animate_list ul li{
opacity: 0;
filter: alpha(opacity = 0);
top: -40px;
}
.touch .no_animation_on_touch .q_list.circle.animate_list ul li,
.touch .no_animation_on_touch .q_list.number.animate_list ul li{
opacity: 1;
filter: alpha(opacity = 100);
top: 0px;
}
/* ==========================================================================
Social icon shortcode styles
========================================================================== */
.q_social_icon_holder{
display: inline-block;
position: relative;
}
.q_social_icon_holder.normal_social{
margin: 0 6px;
}
header .header_top .q_social_icon_holder {
float: left;
margin: 0;
width: 32px;
}
.q_social_icon_holder .simple_social {
color: #bcbcbc;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.q_social_icon_holder span.simple_social {
display: inline-block;
}
.q_social_icon_holder:hover .simple_social{
color: #f25f33;
}
header .header_top .q_social_icon_holder a {
display: block;
}
header .header_top .q_social_icon_holder:last-child {
border-right: 0;
}
header .header_top .q_social_icon_holder .simple_social.fa-lg{
font-size: 13px;
}
.q_social_icon_holder .fa-stack {
background-color: #e3e3e3;
border: 0px solid #f0f0f0;
margin: 0.2307692307692308em;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.q_social_icon_holder.circle_social .fa-stack {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.q_social_icon_holder .fa-stack
.header_top .q_social_icon_holder .fa-stack {
background: transparent;
border: 0;
padding: 0;
margin: 0;
box-shadow: none;
border-radius: 0;
font-size: 13px;
}
.header_top .q_social_icon_holder .fa-stack:hover i,
.header_top .q_social_icon_holder .fa-stack:hover span {
color: #fff;
}
.q_social_icon_holder .fa-stack i,
.q_social_icon_holder .fa-stack span {
color: #b9b9b9;
-webkit-transition: color 0.3s ease-out;
-moz-transition: color 0.3s ease-out;
-o-transition: color 0.3s ease-out;
transition: color 0.3s ease-out;
}
.header_top .q_social_icon_holder .fa-stack i,
.header_top .q_social_icon_holder .fa-stack span{
color: #7b7b7b;
}
.q_social_icon_holder.circle_social .fa-stack:hover,
.q_social_icon_holder.square_social .fa-stack:hover {
background-color: #f25f33;
border-color: transparent;
}
.q_social_icon_holder.circle_social .fa-stack:hover i,
.q_social_icon_holder.circle_social .fa-stack:hover span,
.q_social_icon_holder.square_social .fa-stack:hover i,
.q_social_icon_holder.square_social .fa-stack:hover span {
color: #fff;
}
.q_social_icon_holder .fa-stack i.fa-circle,
.q_social_icon_holder .fa-stack span.fa-circle {
color: #fbfbfb;
}
.q_social_icon_holder .fa-stack.fa-2x {
width:36px;
height:36px;
line-height:36px;
}
.q_social_icon_holder .fa-stack i:last-child,
.q_social_icon_holder .fa-stack span {
font-size: 0.7692307692307692em;
display: block;
line-height: inherit;
}
.q_social_icon_holder .fa-stack.fa-lg i:last-child,
.q_social_icon_holder .fa-stack.fa-lg span {
font-size: 1em;
}
/* ==========================================================================
Social share shortcode styles
========================================================================== */
.social_share_holder{
position: relative;
display: inline-block;
}
.social_share_holder:hover .social_share_title {
cursor: pointer;
}
.social_share_holder:hover .social_share_dropdown{
visibility: visible;
}
.social_share_title{
display: inline-block;
}
.social_share_dropdown{
display: block;
left: 3px;
margin: 0px 0 0;
padding: 10px 0 0 0;
position: absolute;
top: 100%;
width: 35px;
visibility: hidden;
z-index: 950;
}
.social_share_dropdown .inner_arrow {
display: block;
position: absolute;
top: -6px;
left: 8px;
width: 0;
height: 0;
border-color: transparent transparent #323232 transparent;
border-style: solid;
border-width: 9px;
z-index: 999;
}
.social_share_dropdown ul {
list-style: none;
position: relative;
display: block;
background-color: #323232;
z-index: 990;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
padding: 4px 0px !important;
width:35px;
}
.page_share{
position: relative;
}
.social_share_dropdown ul li{
display: block;
position: relative;
text-align: center;
}
.social_share_dropdown ul li.share_title {
display: block;
text-align: center;
color: #fff;
background-color: #f25f33;
padding: 10px 20px;
}
.social_share_dropdown ul li a {
display: block;
height: 20px;
line-height: 20px;
padding: 5px 0;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
margin: 0 !important;
}
.social_share_dropdown ul li:last-child a {
border-bottom: 0;
}
.social_share_dropdown ul li i{
font-size: 17px;
width: 22px;
height: 22px;
line-height: 22px;
color: #fff;
text-align: center;
}
.social_share_dropdown ul li img{
width: 22px;
float: left;
margin: 0 13px 0 0;
}
.social_share_dropdown ul li :hover i{
color: #f25f33;
}
/* ==========================================================================
Social share list shortcode styles
========================================================================== */
.social_share_list_holder ul {
list-style: none;
display: inline-block;
}
.social_share_list_holder ul li {
display: inline;
margin-right: 10px;
}
.social_share_list_holder ul li i {
color: #bcbcbc;
-webkit-transition: color 0.3s ease-in-out;
-moz-transition: color 0.3s ease-in-out;
-ms-transition: color 0.3s ease-in-out;
-o-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out;
}
.social_share_list_holder ul li i:hover {
color: #f25f33;
}
/* ==========================================================================
Empty Space
========================================================================== */
.vc_empty_space_inner .empty_space_image{
display: block;
height: 100%;
}
/* ==========================================================================
Masonry Gallery
========================================================================== */
.grid-sizer {
width: 25%;
}
.masonry_gallery_holder{
margin: 0 -10px;
opacity: 0;
}
.masonry_gallery_holder .masonry_gallery_item {
box-sizing: border-box;
padding: 10px;
z-index: 1;
}
.masonry_gallery_holder .masonry_gallery_item.parallax_item {
z-index: 0;
}
/*one column shortcode*/
.masonry_gallery_holder.one_column .masonry_gallery_item.square_big,
.masonry_gallery_holder.one_column .masonry_gallery_item.square_small,
.masonry_gallery_holder.one_column .masonry_gallery_item.rectangle_landscape,
.masonry_gallery_holder.one_column .masonry_gallery_item.rectangle_portrait,
.masonry_gallery_holder.one_column .grid-sizer{
width: 100%;
}
/*end of one column shortcode*/
/*two columns shortcode*/
.masonry_gallery_holder.two_columns .masonry_gallery_item.square_small,
.masonry_gallery_holder.two_columns .masonry_gallery_item.rectangle_portrait,
.masonry_gallery_holder.two_columns .grid-sizer{
width: 50%;
}
.masonry_gallery_holder.two_columns .masonry_gallery_item.square_big,
.masonry_gallery_holder.two_columns .masonry_gallery_item.rectangle_landscape{
width: 100%;
}
/*end of two columns shortcode*/
/*three columns shortcode*/
.masonry_gallery_holder.three_columns .masonry_gallery_item.square_small,
.masonry_gallery_holder.three_columns .masonry_gallery_item.rectangle_portrait,
.masonry_gallery_holder.three_columns .grid-sizer{
width: 33.33333333%;
}
.masonry_gallery_holder.three_columns .masonry_gallery_item.square_big,
.masonry_gallery_holder.three_columns .masonry_gallery_item.rectangle_landscape{
width: 66.66666666%;
}
/*end of three columns shortcode*/
.masonry_gallery_item.square_small {
width: 25%;
}
.masonry_gallery_item.square_big {
width: 50%;
}
.masonry_gallery_item.rectangle_landscape {
width: 50%;
}
.masonry_gallery_item.rectangle_portrait {
width: 25%;
}
.masonry_gallery_holder .masonry_gallery_item .masonry_gallery_image_holder{
height: 100%;
width: 100%;
position: relative;
overflow: hidden;
-webkit-transform: translateZ(0px);
-moz-transform: translateZ(0px);
-ms-transform: translateZ(0px);
-o-transform: translateZ(0px);
transform: translateZ(0px);
}
.masonry_gallery_holder .masonry_gallery_item.rectangle_landscape .masonry_gallery_image_holder img{
max-height: inherit;
}
.masonry_gallery_holder .masonry_gallery_item.rectangle_portrait .masonry_gallery_image_holder img{
max-width: inherit;
width: auto;
}
.masonry_gallery_item img {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
vertical-align: middle;
max-height: 100%;
}
.masonry_gallery_item .masonry_gallery_item_outer {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
box-sizing: border-box;
padding: 10px;
}
.masonry_gallery_item .masonry_gallery_item_inner {
position: relative;
height: 100%;
}
.masonry_gallery_item_inner .masonry_gallery_item_content {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding:0 10% 0 10%;
}
.masonry_gallery_item.with_icon .masonry_gallery_item_inner,
.masonry_gallery_item.with_button .masonry_gallery_item_inner{
background-color: rgba(0,0,0,0.8);
}
.masonry_gallery_item.standard .masonry_gallery_item_inner{
opacity: 0;
background-color: rgba(0,0,0,0.8);
-webkit-transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
}
.masonry_gallery_item.standard:hover .masonry_gallery_item_inner{
opacity: 1;
}
.masonry_gallery_item_content h3,
.masonry_gallery_item_icon {
color: #fff;
}
.masonry_gallery_item .masonry_gallery_item_icon {
color: #fff;
margin: 0 0 10px;
}
.masonry_gallery_item_content h3 {
text-transform: uppercase;
padding: 0 0 20px 0;
}
.masonry_gallery_item .masonry_gallery_item_button{
margin: 20px 0 0 0;
}
.masonry_gallery_item_content .masonry_gallery_item_text {
color: #818181;
}
/* ==========================================================================
Blog slider
========================================================================== */
.blog_slider, .blog_slides .image_holder {
position: relative;
display: block;
-webkit-backface-visibility: hidden;
}
.blog_slider .blog_slides {
opacity: 0;
}
.blog_slider .image{
position: relative;
display: block;
overflow: hidden;
width: 100%;
-moz-transform: translateZ(0px);
-webkit-transform: translateZ(0px);
}
.blog_slider .blog_slides>li{
background-color: transparent;
position: relative;
margin: 0;
float: left;
}
.blog_slider_holder .item_holder {
position: relative;
overflow: hidden;
}
.blog_slider {
margin: 0;
width: 100.2%;
position: relative;
zoom: 1;
}
.blog_slider .blog_slides img {
width: 100%;
display: block;
-webkit-transition: -webkit-transform 0.15s ease-out;
-moz-transition: -moz-transform 0.15s ease-out;
-ms-transition: -ms-transform 0.15s ease-out;
-o-transition: -o-transform 0.15s ease-out;
transition: transform 0.15s ease-out;
}
.blog_slider .flex-viewport {
max-height: 2000px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
transition: all 1s ease;
direction: ltr;
}
.blog_slider .blog_slides {
margin: 0;
padding: 0;
list-style: none;
zoom: 1;
}
.blog_slider .flex-direction-nav{
*height: 0;
}
.blog_text_holder{
position:absolute;
width:100%;
height:100%;
opacity: 0;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
transition: all 1s ease;
background-color: rgba(21, 21, 21, 0.78);
}
.blog_slides .blog_text_holder_inner{
color: #fff;
}
.blog_text_holder_outer{
display: table;
table-layout: fixed;
width: 100%;
height: 100%;
text-align: center;
}
.blog_text_holder_inner{
display: table-cell;
vertical-align: middle;
}
.blog_slides .item:hover .blog_text_holder {
opacity: 0.8;
z-index: 20;
}
.blog_slides .blog_text_holder_inner .blog_slider_title a, .blog_slider_date_holder,
.blog_slides .blog_text_holder_inner .blog_slider_categories a,
.blog_slider .blog_slider_post_comments{
color: #fff;
-webkit-transition: color 0.15s ease;
-moz-transition: color 0.15s ease;
transition: color 0.15s ease;
}
.blog_slider .blog_slider_date_holder,
.blog_slider .blog_slider_categories{
display: inline-block;
}
.blog_slider .caroufredsel-next,
.full_width .section_inner .blog_slider .caroufredsel-next{
right: 20px;
}
body.boxed .blog_slider .caroufredsel-next,
body.boxed .full_width .section_inner .blog_slider .caroufredsel-next{
right: 0;
}
.blog_slider .caroufredsel-prev,
.full_width .section_inner .blog_slider .caroufredsel-prev{
left: 20px;
}
body.boxed .blog_slider .caroufredsel-prev,
body.boxed .full_width .section_inner .blog_slider .caroufredsel-prev{
left: 0;
}
.blog_slider .caroufredsel-next,
.full_width .section_inner .blog_slider .caroufredsel-next,
.blog_slider .caroufredsel-prev,
.full_width .section_inner .blog_slider .caroufredsel-prev{
border-radius:50%;
}
.blog_slider .flex-container a:active, .blog_slider .flexslider a:active,
.blog_slider .flex-container a:focus, .blog_slider .flexslider a:focus{
outline: 0;
}
/*Blog Carousel Info in Bottom Always*/
.blog_text_holder.info_bottom{
height: auto;
width: auto;
bottom: 0;
margin: 0 10px 10px;
opacity: 1;
z-index: 20;
}
.blog_slides .item:hover .blog_text_holder.info_bottom{
opacity: 1;
}
.blog_text_holder.info_bottom .blog_text_holder_outer{
padding: 15px 0;
}
.blog_text_holder.info_bottom .blog_text_date_holder{
display: table-cell;
vertical-align: middle;
width: 60px;
border-right: 1px solid #ebebeb;
}
.blog_text_holder.info_bottom .blog_text_holder_inner{
padding: 0 10px;
text-align: left;
}
.blog_text_holder.info_bottom .blog_slider_date_holder span{
display: block;
}
/*Blog slider simple*/
.blog_slider_holder .blog_slider.simple_slider .blog_text_wrapper{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.blog_slider.simple_slider .blog_slides .blog_text_holder_inner{
color: #303030;
}
.blog_slider_holder .blog_slider.simple_slider .blog_text_holder_inner2{
position: relative;
width: 50%;
margin: 0 auto;
padding : 8%;
border: 1px solid #fafafa;
background-color: rgba(255,255,255,0.6);
box-sizing: border-box;
-webkit-transition: background-color 0.15s ease-out, border-color 0.15s ease-out;
-moz-transition: background-color 0.15s ease-out, border-color 0.15s ease-out;
-ms-transition: background-color 0.15s ease-out, border-color 0.15s ease-out;
-o-transition: background-color 0.15s ease-out, border-color 0.15s ease-out;
transition: background-color 0.15s ease-out, border-color 0.15s ease-out;
}
.blog_slider_simple_info{
text-align: center;
}
.blog_slider .blog_slider_simple_title{
margin-bottom: 20px;
}
.blog_slider .blog_slider_simple_info a,
.blog_slider .blog_slider_simple_title a{
-webkit-transition: color 0.15s ease;
-moz-transition: color 0.15s ease;
transition: color 0.15s ease;
}
.blog_slider_simple_holder .read_more_wrapper{
margin-top: 20px;
}
.blog_slider_simple_info .post_info_item{
display: inline-block;
padding: 0 5px;
}
.blog_slider_simple_info .post_info_item:not(:first-child):before{
content: '/';
position: relative;
left: -5px;
}
.blog_slider_simple_info .post_info_item.date span{
-webkit-transition: color 0.15s ease-out;
-moz-transition: color 0.15s ease-out;
-ms-transition: color 0.15s ease-out;
-o-transition: color 0.15s ease-out;
transition: color 0.15s ease-out;
}
/* ==========================================================================
Latest posts styles
========================================================================== */
.latest_post_holder{
display: inline-block;
width: 100%;
}
.latest_post_holder.date_in_box .latest_post {
padding-left:85px;
}
.latest_post_holder.minimal .latest_post{
border-bottom: none;
padding-bottom: 0px;
}
.latest_post_holder li:last-child .latest_post {
border-bottom: none;
}
.latest_post_holder .latest_post_date {
float: left;
margin-right: 25px;
width: 59px;
border-radius: 4px;
text-align: center;
margin-top: 5px;
}
.latest_post_holder .latest_post_date .post_publish_day {
font-size: 22px;
color: #fff;
height: 39px;
line-height: 39px;
background-color: #f25f33;
}
.latest_post_holder .latest_post_date .post_publish_month {
border: 1px solid #eaeaea;
background-color: #f4f4f4;
color: #303030;
font-size: 12px;
-webkit-border-bottom-left-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
-moz-border-radius-bottomleft: 2px;
-moz-border-radius-bottomright: 2px;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
height: 18px;
line-height: 18px;
}
.latest_post_holder > ul{
list-style: none;
display: inline-block;
width: 100%;
position: relative;
margin: 0;
padding:0;
}
.latest_post_holder > ul > li {
display: block;
position: relative;
padding-top: 15px;
}
.latest_post_holder.minimal > ul > li {
padding-top: 11px;
}
.latest_post_holder.image_in_box .latest_post_holder > ul > li{
padding-top: 15px;
}
.latest_post_holder > ul > li:first-child{
padding-top: 0;
}
.latest_post_holder.boxes > ul,
.latest_post_holder.dividers > ul{
clear: both;
}
.latest_post_holder.boxes > ul > li,
.latest_post_holder.dividers > ul > li{
padding: 0;
float: left;
border: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
margin: 0 2% 0 0;
background-color:#fff;
}
.latest_post_holder.boxes.two_columns > ul > li,
.latest_post_holder.dividers.two_columns > ul > li{
width: 49%;
}
.latest_post_holder.boxes.three_columns > ul > li,
.latest_post_holder.dividers.three_columns > ul > li{
width: 32%;
}
.latest_post_holder.boxes.four_columns > ul > li,
.latest_post_holder.dividers.four_columns > ul > li{
width: 23.5%;
}
.latest_post_holder.boxes.two_columns > ul > li:nth-child(2n),
.latest_post_holder.boxes.three_columns > ul > li:nth-child(3n),
.latest_post_holder.boxes.four_columns > ul > li:nth-child(4n),
.latest_post_holder.dividers.two_columns > ul > li:nth-child(2n),
.latest_post_holder.dividers.three_columns > ul > li:nth-child(3n),
.latest_post_holder.dividers.four_columns > ul > li:nth-child(4n){
margin-right: 0;
}
.latest_post_holder.boxes:not(.one_row) > ul > li,
.latest_post_holder.dividers:not(.one_row) > ul > li{
margin-bottom: 25px;
}
.latest_post_holder.boxes > ul > li .latest_post{
padding: 19px 20px 10px;
border-top: 0;
}
.latest_post_holder.boxes > ul > li .latest_post p.excerpt{
margin: 10px 0 9px;
}
.latest_post_holder.boxes > ul > li .latest_post .post_infos > a,
.latest_post_holder.boxes > ul > li .latest_post .post_infos > span{
display: inline-block;
}
.latest_post_holder.boxes > ul > li .latest_post .latest-vert-separator{
margin-left: 3px;
}
.latest_post_holder.boxes .boxes_image {
overflow: hidden;
}
.latest_post_holder.boxes .boxes_image a {
display: block;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform 0.3s ease-in-out;
-moz-transition: -moz-transform 0.3s ease-in-out;
-ms-transition: -ms-transform 0.3s ease-in-out;
-o-transition: -o-transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
-webkit-backface-visibility: hidden;
}
.latest_post_holder.boxes .boxes_image a img {
vertical-align: top;
}
.latest_post_holder.boxes .boxes_image a:hover {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.latest_post_holder.dividers .latest_post_date,
.latest_post_holder.dividers .latest_post_text_inner{
display: table-cell;
}
.latest_post_holder.dividers .latest_post_title{
margin-bottom: 20px
}
.latest_post_holder.dividers .latest_post_inner{
margin: 35px 0 !important;
}
.latest_post_holder.dividers .boxes_image img{
display: inline-block;
vertical-align: middle;
}
.latest_post_holder.dividers .latest_post_date{
margin: 0 15px 0 0;
border-right: 1px solid #ebebeb;
width: 50px;
}
.latest_post_holder.dividers .latest_post_date .latest_post_day{
font-size: 15px;
font-weight: 600;
color: #303030;
}
.latest_post_holder.dividers .post_infos{
margin-top:30px;
padding-top: 20px;
border-top: 1px solid #ebebeb;
}
.latest_post_holder.dividers .post_infos > a:not(:last-child):after,
.latest_post_holder.dividers .post_infos > span:not(:last-child) > a:after{
content: '/';
margin: 0 3px;
}
.latest_post_holder.dividers .latest_post_text_inner .post_infos a{
margin-right: 0;
}
.latest_post_holder > ul > li .date_hour_holder i{
margin-right: 8px;
}
.latest_post,
.latest_post > a,
.latest_post a img{
display: block;
position: relative;
}
.latest_post_image {
width: 95px;
float: left;
}
.latest_post_image img{
width:100%;
float: left;
}
.latest_post_text{
display: block;
width: auto;
}
.latest_post_holder.image_in_box .latest_post_text{
padding:0 0 0 116px;
}
.latest_post_holder.minimal .latest_post_inner{
margin: 0 0 0px !important;
}
.latest_post_inner{
margin: 0 0 10px !important;
}
.latest_post_holder.image_in_box .latest_post_text_inner {
display: table-cell;
vertical-align: middle;
}
.latest_post_holder.image_in_box .latest_post_inner {
display: table;
width: 100%;
margin: 0 0 0 !important;
}
.latest_post_inner .post_infos{
display: block;
font-weight: 500;
}
.latest_post_inner .post_infos a{
color:#303030;
}
.latest_post_inner .post_infos a{
margin: 0 7px 0 0;
}
.latest_post_inner .post_infos a.post_comments{
margin: 0;
}
.latest_post_inner .post_infos a:hover{
color:#f25f33;
}
.latest_post_holder.minimal .latest_post_inner .post_infos{
margin:0 0 3px 0;
}
.latest_post_holder.image_in_box .latest_post_text .latest_post_title {
margin:-3px 0 2px 0;
}
.latest_post_holder.image_in_box .latest_post_text .excerpt {
margin:0 0 8px 0;
}
.latest_post_holder .post_infos .dots{
padding: 0 7px 0 7px;
}
.latest_post_holder .post_infos .dots i{
font-size: 3px;
vertical-align: middle;
}
/* ==========================================================================
Blog Masonry Shortcode
========================================================================== */
.q_masonry_blog {
margin-bottom: 50px;
transition: none !important;
overflow: visible !important;
opacity: 0;
filter: alpha(opacity=0);
}
.q_masonry_blog article,
.full_width .grid_section .q_masonry_blog article
{
width: 31.2%;
margin: 0 0 20px;
padding: 0;
text-align: left;
vertical-align: top;
z-index: 100;
border: 0;
background-color: #fff;
float: left;
display: block;
}
.full_width .q_masonry_blog article{
width: 18.9%;
margin-left: 0.5%;
margin-right: 0.5%;
}
.q_masonry_blog article.format-link:hover,
.q_masonry_blog article.format-quote:hover{
background-color: #f25f33;
}
.q_masonry_blog article.format-link .q_masonry_blog_post_title,
.q_masonry_blog article.format-quote .q_masonry_blog_post_title{
padding: 0 0 0 60px;
}
.q_masonry_blog article.format-quote .q_masonry_blog_post_text i.qoute_mark,
.q_masonry_blog article.format-link .q_masonry_blog_post_text i.link_mark {
margin: 7px 0 0;
color: #c0c0c0;
font-size: 36px;
}
.q_masonry_blog article.format-quote .q_masonry_blog_post_text p,
.q_masonry_blog article.format-link .q_masonry_blog_post_text p{
font-size: 21px;
line-height: 35px;
color: #303030;
}
.q_masonry_blog article.format-link:hover .q_masonry_blog_post_info,
.q_masonry_blog article.format-link:hover .q_masonry_blog_post_info a,
.q_masonry_blog article.format-quote:hover .q_masonry_blog_post_info,
.q_masonry_blog article.format-quote:hover .q_masonry_blog_post_info a,
.q_masonry_blog article.format-quote:hover .q_masonry_blog_post_text .quote_author,
.q_masonry_blog article.format-quote:hover .q_masonry_blog_post_text i.qoute_mark,
.q_masonry_blog article.format-link:hover .q_masonry_blog_post_text i.link_mark,
.q_masonry_blog article.format-quote:hover .q_masonry_blog_post_text p a,
.q_masonry_blog article.format-link:hover .q_masonry_blog_post_text p a {
color: #fff;
}
.two_columns_75_25 .q_masonry_blog article,
.two_columns_66_33 .q_masonry_blog article,
.two_columns_33_66 .q_masonry_blog article,
.two_columns_25_75 .q_masonry_blog article{
width:48%;
}
.q_masonry_blog article:hover{
z-index: 200;
}
.q_masonry_blog article .q_masonry_blog_post_image{
margin: 0;
width: auto;
}
.q_masonry_blog article .q_masonry_blog_post_image img{
vertical-align: middle;
}
.q_masonry_blog article .q_masonry_blog_post_info{
margin:15px 0 0 0;
color:#303030;
}
.q_masonry_blog article .q_masonry_blog_post_info a{
color: #bebebe;
}
.q_masonry_blog article .q_masonry_blog_post_info a:hover{
color: #f25f33;
}
.q_masonry_blog article .quote_author {
font-family: inherit;
font-weight: 400;
display: block;
font-size: 21px;
line-height: 35px;
color: #c0c0c0;
}
.q_masonry_blog article.format-link .q_masonry_blog_post_info,
.q_masonry_blog article.format-quote .q_masonry_blog_post_info{
margin: 0 0 20px;
}
.q_masonry_blog article .q_masonry_blog_post_text{
padding: 20px 15px 20px 15px;
}
.q_masonry_blog article h5{
margin:0 0 10px;
}
.q_masonry_blog article .mejs-controls div.mejs-horizontal-volume-slider{
margin: 0 10px 0 0;
}
.q_masonry_blog article .flexslider{
margin-bottom: 0;
}
/* ==========================================================================
Blog
========================================================================== */
.blog_holder article{
display: inline-block;
width: 100%;
margin: 0 0 60px;
}
.blog_holder.masonry article,
.blog_holder.masonry_full_width article
{
display: block;
float: left;
}
.blog_holder.blog_large_image_simple article{
margin: 0 0 23px;
}
.blog_holder.blog_single article{
margin: 0 0 0px;
}
.blog_holder.blog_small_image article{
margin: 0 0 32px;
}
.single-post .blog_single p {
margin-bottom: 22px;
}
.single-post .blog_single p:last-child {
margin-bottom: 0;
}
.blog_single.blog_holder article .post_text .post_text_inner{
padding-left:0;
padding-right:0;
padding-bottom:0;
background-color:transparent;
}
.blog_single.blog_holder article.format-link .post_text .post_text_inner,
.blog_single.blog_holder article.format-quote .post_text .post_text_inner{
padding: 23px 23px 35px 23px;
background-color: #fff;
margin:0 0 30px 0;
}
.blog_holder article .post_content_holder{
width: 100%;
}
.blog_holder article .post_image,
.blog_holder article .post_image > a,
.blog_holder article .post_image img{
position: relative;
width: 100%;
display: block;
}
.blog_holder article .post_text .post_text_inner{
padding:23px 23px 35px 23px;
background-color:#fff;
}
.blog_holder.blog_large_image_simple article .post_text .post_text_inner{
background-color: transparent;
padding-left: 195px;
padding-right: 195px;
padding-top: 45px;
padding-bottom: 45px;
text-align: center;
}
.blog_holder.masonry article .post_text .post_text_inner,
.blog_holder.masonry_full_width article .post_text .post_text_inner{
padding:17px 15px 18px 15px;
background-color:#fff;
}
.blog_large_image_simple .minimalist_date{
padding-bottom: 9px;
color:#f25f33;
}
.blog_large_image_simple .separator.small{
margin-top: 22px;
}
.blog_holder article .post_text h5 {
margin:0 0 10px;
}
.blog_holder article .post_text h2 .date{
color:#bebebe;
}
.blog_holder article .post_info {
display:inline-block;
width:100%;
margin:0 0 18px;
color:#bebebe;
font-weight:500;
}
.blog_holder article .post_info a{
color:#bebebe;
}
.blog_holder article .post_info a:hover{
color:#f25f33;
}
.blog_holder article.format-quote .post_info,
.blog_holder article.format-link .post_info {
margin:0 0 15px;
}
.blog_holder article .post_info .dots{
padding: 0 7px 0 4px;
}
.blog_holder article .post_info .dots i{
font-size: 3px;
vertical-align: middle;
}
.blog_holder article .post_more{
margin:30px 0 0;
}
.blog_holder article .video .mobile-video-image {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
display: none;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 10;
}
.blog_holder article .video{
position: relative;
}
.blog_holder article .video .video-wrap {
overflow: hidden;
position: relative;
width: 100%;
z-index: 10;
}
.blog_holder article .video .video-wrap .mejs-poster {
background-size: cover!important;
-moz-background-size: cover!important;
-webkit-background-size: cover!important;
-o-background-size: cover!important;
width: 100% !important;
height: 100% !important;
}
.blog_holder article .video .video-wrap .mejs-container {
background-color: transparent!important;
background-image: none!important;
height: 100% !important;
width: 100% !important;
overflow: hidden;
}
.blog_holder article .video .video-wrap .mejs-mediaelement{
background: none !important;
border: 0px !important;
}
.blog_holder article .video .video-wrap .mejs-container .mejs-poster img {
max-width: none!important;
width: 100%!important;
}
.blog_holder article .mejs-container .mejs-controls{
visibility: visible !important;
}
.blog_holder article .mejs-controls .mejs-volume-button .mejs-volume-slider{
display: none !important;
}
.blog_holder article .post_image .mejs-poster img{
display: none !important;
}
.blog_holder article.format-gallery .flexslider{
margin: 0px;
overflow: hidden;
}
.portfolio_single .flexslider{
overflow: hidden;
}
.blog_holder.blog_small_image article .post_image,
.blog_holder.blog_small_image article .post_text{
width:50%;
float:left;
margin:0;
}
.blog_holder.blog_small_image article .post_text .post_text_inner{
padding: 23px 23px 23px 23px;
}
.grid2 .blog_holder.blog_small_image article .post_comments {
margin-left: 0;
}
.blog_holder article .post_description{
margin: 2px 0 10px;
}
/*Blog Large Image With Dividers*/
.blog_holder.blog_large_image_with_dividers .post_text_holder{
display: table;
width: 100%;
height: 100%;
}
.blog_holder.blog_large_image_with_dividers article .post_text .post_text_inner{
padding: 35px 0;
}
.blog_holder.blog_large_image_with_dividers .post_text_holder .blog_column1{
display: table-cell;
vertical-align: top;
text-align: center;
width: 70px;
}
.blog_holder.blog_large_image_with_dividers .post_text_holder .blog_column2{
display: table-cell;
padding: 0 35px 0 20px;
}
.blog_holder.blog_large_image_with_dividers .post_text_holder .blog_column2 > h2{
margin-bottom: 20px;
}
.blog_holder.blog_large_image_with_dividers .post_text_holder .blog_column1 .date{
padding: 0 20px;
border-right: 1px solid #ebebeb;
}
.blog_holder.blog_large_image_with_dividers .post_text_holder .blog_column1 .date > span{
display: block;
}
.blog_holder.blog_large_image_with_dividers .post_text_holder .blog_column1 .date_day{
font-size: 21px;
font-weight: 600;
color: #303030;
padding-bottom: 5px;
}
.blog_holder.blog_large_image_with_dividers article .post_info{
display: table;
width: 100%;
border-top: 1px solid #ebebeb;
padding-top: 15px;
color: #303030;
margin-bottom: 0;
}
.blog_holder.blog_large_image_with_dividers article:not(.format-quote):not(.format-link) .post_info{
margin-top: 30px;
}
.blog_holder.blog_large_image_with_dividers article .post_info .post_info_left{
display: table-cell;
}
.blog_holder.blog_large_image_with_dividers article .post_info .post_info_right{
display: table-cell;
text-align: right;
}
.blog_holder.blog_large_image_with_dividers article .post_info a{
display: inline-block;
color: #303030;
}
.blog_holder.blog_large_image_with_dividers article .post_info a:hover{
color: #f25f33;
}
.blog_holder.blog_large_image_with_dividers article .post_info .post_info_right > a:not(:first-child):before,
.blog_holder.blog_large_image_with_dividers article .post_info .post_info_right > div:not(:first-child):before{
content: '/ ';
}
.blog_holder.blog_large_image_with_dividers article.format-quote .post_text .post_title,
.blog_holder.blog_large_image_with_dividers article.format-link .post_text .post_title{
padding: 0;
}
.blog_holder.blog_large_image_with_dividers article.format-link .post_text .post_title a{
color: #f25f33;
text-decoration: underline;
}
.blog_holder.blog_large_image_with_dividers article.format-link .post_text:hover .post_title a{
color: #fff;
}
.blog_holder.blog_large_image_with_dividers article.format-quote .post_text .quote_author{
margin-top:30px;
color: #f25f33;
}
.blog_holder.blog_large_image_with_dividers article.format-quote .post_info,
.blog_holder.blog_large_image_with_dividers article.format-link .post_info{
margin-top: 20px;
}
.blog_holder.blog_large_image_with_dividers article.format-quote .post_text span.qoute_mark,
.blog_holder.blog_large_image_with_dividers article.format-link .post_text span.link_mark{
font-size: 28px;
padding: 0 18px;
border-right: 1px solid #ebebeb;
color: #303030;
}
.latest_post_inner .post_comments i {
font-size:16px;
color: #adadad;
padding:0 8px 0 0;
}
.latest_post_inner .post_comments:hover i {
color:#f25f33;
}
.blog_holder article .post_info .post_info_left a.post_author_avatar {
display:inline-block;
float:left;
padding:0 10px 0 0;
}
.blog_holder article .post_info .post_info_left a.post_author {
display:inline-block;
line-height:64px;
float:left;
}
.post_author_avatar img{
border-radius:60px;
border:2px solid #eaeaea;
}
.blog_holder.masonry article .post_description,
.blog_holder.masonry_full_width article .post_description{
margin:0 0 4px;
}
.blog_holder article .post_description a:hover,
.blog_holder article .post_description .post_comments:hover{
color: #f25f33;
}
.blog_like{
display: inline-block;
}
.blog_like a{
display: block;
line-height: 14px;
}
.blog_like a i{
color: #adadad;
font-size: 16px;
}
.blog_holder.masonry article .blog_like a i,
.blog_holder.masonry_full_width article .blog_like a i,
.blog_holder.blog_single article .blog_like a i,
.blog_holder.blog_large_image article .blog_like a i{
display: inline-block;
}
.blog_like a:hover i,
.blog_like a.liked i,
.blog_like a:hover span{
color: #f25f33;
}
.blog_like span{
padding: 0 0 0 4px;
}
.blog_holder.masonry article .blog_like span,
.blog_holder.masonry_full_width article .blog_like span,
.blog_holder.blog_single article .blog_like span,
.blog_holder.blog_large_image article .blog_like span{
display: inline-block;
padding:0 0 0 5px;
}
.blog_holder article .post_info .qbutton.dark {
text-transform: none;
}
.blog_share{
display: inline-block;
}
.blog_holder article.format-quote .post_text i.qoute_mark,
.blog_holder article.format-link .post_text i.link_mark{
margin: 7px 0 0;
color:#c0c0c0;
font-size: 36px;
}
.blog_large_image_simple.blog_holder article.format-quote .post_text i.qoute_mark,
.blog_large_image_simple.blog_holder article.format-link .post_text i.link_mark{
margin: 20px 0;
float: none;
}
.blog_holder article.format-quote .post_text .post_title,
.blog_holder article.format-link .post_text .post_title{
padding: 0 0 0 60px;
}
.blog_large_image_simple.blog_holder article.format-quote .post_text .post_title,
.blog_large_image_simple.blog_holder article.format-link .post_text .post_title{
padding: 0 0 0 0px;
}
.blog_holder article.format-quote .post_text .post_title p,
.blog_holder article.format-link .post_text .post_title p{
font-size:21px;
line-height:35px;
color:#303030;
}
.blog_holder article.format-quote .post_text .quote_author{
font-family: inherit;
font-weight: 400;
display:block;
font-size: 21px;
line-height: 35px;
color:#c0c0c0;
}
.blog_holder article.format-link .post_text:hover .post_text_inner,
.blog_holder article.format-quote .post_text:hover .post_text_inner {
background-color: #f25f33 !important; /* it should be important so it can override default color from options */
}
.blog_holder article.format-link .post_text:hover .post_text_inner,
.blog_holder article.format-quote .post_text:hover .post_text_inner {
border-color: #f25f33 !important; /* it should be important so it can override default color from options */
}
.blog_holder article.format-link .post_text:hover .post_info,
.blog_holder article.format-link .post_text:hover .post_info a,
.blog_holder article.format-quote .post_text:hover .post_info,
.blog_holder article.format-quote .post_text:hover .post_info a,
.blog_holder article.format-quote .blog_like a:hover span,
.blog_holder article.format-quote .post_text:hover .quote_author,
.blog_holder article.format-quote .post_text:hover i.qoute_mark,
.blog_holder article.format-link .post_text:hover i.link_mark,
.blog_holder.blog_large_image_with_dividers article.format-quote .post_text:hover span.qoute_mark,
.blog_holder.blog_large_image_with_dividers article.format-link .post_text:hover span.link_mark,
.blog_holder.blog_large_image_with_dividers article.format-quote .post_text:hover .quote_author,
.blog_holder article.format-link .blog_like a:hover span,
.blog_holder article.format-quote .post_text:hover p a,
.blog_holder article.format-link .post_text:hover p a,
.blog_holder.blog_single article.format-quote .post_text:hover p,
.blog_holder.blog_single article.format-link .post_text:hover p,
.blog_large_image_simple article.format-quote .post_text:hover .minimalist_date,
.blog_large_image_simple article.format-link .post_text:hover .minimalist_date,
.blog_holder.masonry article.format-link .post_text:hover .post_info,
.blog_holder.masonry article.format-link .post_text:hover .post_info a,
.blog_holder.masonry article.format-quote .post_text:hover .post_info,
.blog_holder.masonry article.format-quote .post_text:hover .post_info a,
.blog_holder.masonry_full_width article.format-link .post_text:hover .post_info,
.blog_holder.masonry_full_width article.format-link .post_text:hover .post_info a,
.blog_holder.masonry_full_width article.format-quote .post_text:hover .post_info,
.blog_holder.masonry_full_width article.format-quote .post_text:hover .post_info a
{
color:#fff;
}
.blog_holder.blog_single article h2{
display: block;
}
.blog_load_more_button_holder {
text-align: center;
padding:0 0 40px;
}
.blog_load_more_button_loading {
display: none;
}
.single_links_pages{
margin: 50px 0 0;
display: block;
text-align:center;
display: block;
text-decoration: none;
}
.single_links_pages span{
position: relative;
display: inline-block;
width: 38px;
height: 38px;
line-height: 38px;
margin: 0 11px 0 0;
text-align: center;
color: #303030;
text-decoration: none;
text-transform: uppercase;
cursor: pointer;
white-space: nowrap;
border: 2px solid #e3e3e3;
background-color: #e3e3e3;
outline: none;
-o-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
text-shadow: none;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.single_links_pages a span {
color: #b4b4b4;
background-color:transparent;
border-color: #e5e5e5;
}
.single_links_pages a:hover span{
background-color: #e3e3e3;
border-color: #e3e3e3;
color: #303030;
}
.author_description{
display: block;
position: relative;
margin: 34px 0 0;
background-color:#fff;
padding:23px 23px;
}
.author_description_inner{
display: block;
}
.author_description_inner .image{
display: block;
width: 75px;
height: 75px;
float: left;
border-radius: 75px;
overflow:hidden;
}
.author_text_holder {
padding: 0 0 0 100px;
min-height: 100px;
position:relative;
}
.author_text_holder .author_name {
display: block;
margin: 0px 0 4px 0;
}
.author_text_holder .author_email{
display:block;
margin: 0px 0 6px 0;
}
.single_tags {
margin:26px 0px 0px 0px;
}
.single_tags a,
.widget .tagcloud a {
letter-spacing:1px;
}
.single_tags h5{
display:inline-block;
}
.widget .tagcloud a {
display: inline-block;
font-size: 13px !important;
}
.widget .tagcloud a:after{
content:",";
}
.widget .tagcloud a:last-child:after{
content:"";
}
.blog_social_and_comments{
display: inline-block;
width: 100%;
margin: 0 0 20px;
}
.comment_number_holder{
display: inline-block;
float: left;
}
.blog_single_social{
display: inline-block;
float: right;
}
.blog_single_social .blog_like{
float: right;
margin: 0 0 0 15px;
}
.comment_holder{
padding: 28px 0 38px;
margin: 0 0 0;
}
.comment_number_holder .comment_number{
color: #000;
}
.comment_holder .comment_number{
margin:0 0 20px;
}
.comment_number .comment_number_inner i{
position: relative;
top: -1px;
padding:0 10px 0 0;
}
.comment_holder ul.comment-list{
list-style: none;
position: relative;
z-index: 150;
padding:0;
}
.comment_holder .comment-list{
margin: 0;
}
.comment_holder .comment-list li{
display: inline-block;
position: relative;
width: 100%;
}
.comment_holder .comment-list li ul.children li:last-child{
padding:0 0 0px;
}
.comment_holder .comment-list > li{
margin: 0 0 18px;
}
.comment_holder .comment-list > li:last-child{
margin: 0;
}
.comment_holder .comment{
padding: 23px;
background-color:#fff;
}
.comment_holder .comment .image {
display: block;
width: 75px;
height: 75px;
float: left;
border-radius: 75px;
overflow: hidden;
}
.comment_holder .comment .text {
padding: 0 0 0 100px;
min-height: 80px;
position:relative;
}
.comment_holder .comment .text .name {
display: block;
color: #303030;
}
.comment_holder .comment .text .replay,
.comment_holder .comment .text .comment-reply-link {
color: #f25f33;
font-size:9px;
text-transform:uppercase;
font-weight:700;
padding:0 0 0 5px;
}
.comment_holder .comment .text .text_holder {
display: block;
margin:3px 0 0 0;
}
.comment_holder .comment .logged-in-as {
margin: 10px 0;
}
.comment_holder .comment .form-submit {
margin: 0 0 20px;
}
.comment_holder .comment-list li ul.children {
margin: 18px 0 0 0;
padding: 0 0 0 70px;
}
.comment_holder .comment-list li ul.children li{
margin: 0px;
border-bottom:none;
}
#respond h3 {
margin: 0 0 15px 0;
}
#respond h3.comment-reply-title{
margin:0;
}
#respond small {
display: block;
margin: 0 0 12px;
position: relative;
}
.comment_holder .comment .comment-respond{
margin-top: 20px;
}
#respond textarea,
#respond input[type='text'],
.contact_form input[type='text'],
.contact_form textarea {
width:100%;
margin: 0 0 20px 0;
padding: 15px 12px;
border: 0;
outline: 0;
resize: none;
font-size: 13px;
line-height:17px;
background-color:#fff;
color: #818181;
font-family: 'Raleway';
font-weight:400;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#respond textarea {
padding: 12px;
}
.comment_holder #respond textarea,
.comment_holder #respond input[type='text']{
background-color: #fff;
}
.comment_holder .comment #respond textarea,
.comment_holder .comment #respond input[type='text']{
background-color: #f6f6f6;
}
.comment_holder #respond textarea {
margin: 0 0 12px;
}
div.comment_form {
display: inline-block;
margin: 0 0 30px;
width: 100%;
}
div.comment_form form p.form-submit,
div.comment_holder .comment p.form-submit {
margin: 0;
text-align: right;
}
div.comment_form form p.form-submit .success p{
margin: 10px 0 0;
}
div.comment_form form p.logged-in-as{
margin: 0 0 17px;
}
#cancel-comment-reply-link {
margin: 0px;
display: inline-block;
width: 100%;
}
body.page-template-blog-masonry-full-width-php .content .full_width {
padding: 0 20px 25px 45px;
}
body.page-template-blog-masonry-full-width-php.vertical_menu_enabled .content .full_width{
padding-left:305px;
}
.blog_holder.masonry,
.blog_holder.masonry_full_width {
margin-bottom: 20px;
transition: none !important;
overflow: visible !important;
opacity: 0;
filter: alpha(opacity=0);
}
#infscr-loading{
position: absolute;
bottom:-15px;
left: 50%;
}
.blog_infinite_scroll_button{
display: none;
}
.blog_holder.masonry article,
.blog_holder.masonry_full_width article{
margin: 0 0 30px;
padding: 0;
text-align: left;
vertical-align: top;
z-index: 100;
border: 0;
}
.blog_holder.masonry article,
.blog_holder.masonry .blog_holder_grid_sizer{
width: 31.2%;
}
.blog_holder.masonry .blog_holder_grid_gutter{
width: 3.2%;
}
.blog_holder.masonry_full_width .blog_holder_grid_sizer,
.blog_holder.masonry_full_width article{
width: 18.7%;
}
.blog_holder.masonry_full_width .blog_holder_grid_gutter{
width: 1.6%;
}
.two_columns_75_25 .blog_holder.masonry article,
.two_columns_75_25 .blog_holder.masonry .blog_holder_grid_sizer,
.two_columns_66_33 .blog_holder.masonry article,
.two_columns_66_33 .blog_holder.masonry .blog_holder_grid_sizer,
.two_columns_33_66 .blog_holder.masonry article,
.two_columns_33_66 .blog_holder.masonry .blog_holder_grid_sizer,
.two_columns_25_75 .blog_holder.masonry article,
.two_columns_25_75 .blog_holder.masonry .blog_holder_grid_sizer{
width:48%;
}
.two_columns_75_25 .blog_holder.masonry .blog_holder_grid_gutter,
.two_columns_66_33 .blog_holder.masonry .blog_holder_grid_gutter,
.two_columns_33_66 .blog_holder.masonry .blog_holder_grid_gutter,
.two_columns_25_75 .blog_holder.masonry .blog_holder_grid_gutter{
width: 4%;
}
.blog_holder.masonry article:hover{
z-index: 200;
}
.blog_holder.masonry article .post_image{
margin: 0;
width: auto;
}
.blog_holder.masonry article .post_info,
.blog_holder.masonry_full_width article .post_info{
margin:15px 0 0 0;
color:#303030;
}
.blog_holder.masonry article.format-link .post_info,
.blog_holder.masonry_full_width article.format-link .post_info,
.blog_holder.masonry_full_width article.format-quote .post_info,
.blog_holder.masonry article.format-quote .post_info{
margin: 0 0 20px;
}
.blog_holder.masonry article .post_text .post_text_innet,
.blog_holder.masonry_full_width article .post_text .post_text_innet{
padding: 20px 15px 20px 15px;
}
.blog_holder.masonry article.format-link .post_text,
.blog_holder.masonry_full_width article.format-link .post_text,
.blog_holder.masonry article.format-quote .post_text,
.blog_holder.masonry_full_width article.format-quote .post_text{
border:none;
}
.blog_holder article.format-quote h3{
margin:0 0 10px;
line-height:35px;
}
.blog_holder.masonry article h4,
.blog_holder.masonry_full_width article h4{
margin:0 0 4px;
}
.blog_holder.masonry article h3 a{
font-weight: 300;
}
.blog_holder.masonry article.format-link .post_text,
.blog_holder.masonry_full_width article.format-link .post_text,
.blog_holder.masonry_full_width article.format-quote .post_text,
.blog_holder.masonry article.format-quote .post_text{
padding: 0;
}
.blog_holder.masonry article .mejs-controls div.mejs-horizontal-volume-slider,
.blog_holder.masonry_full_width article .mejs-controls div.mejs-horizontal-volume-slider{
margin: 0 10px 0 0;
}
.blog_holder.blog_masonry_date_in_image .time{
position: absolute;
top: 0;
left: 0;
text-align: center;
margin: 5px;
padding: 5px 13px;
background-color: #fff;
}
.blog_holder.blog_masonry_date_in_image .time span{
display: block;
}
.blog_holder.blog_masonry_date_in_image .time .time_day{
color: #303030;
font-size: 19px;
font-weight: 600;
}
.blog_holder.blog_masonry_date_in_image article .post_text .post_text_inner{
text-align: center;
padding: 35px 5px;
}
.blog_holder.blog_masonry_date_in_image article.format-quote .post_text .post_text_inner,
.blog_holder.blog_masonry_date_in_image article.format-link .post_text .post_text_inner{
padding: 35px 15px;
}
.blog_holder.blog_masonry_date_in_image article .post_text h5{
margin-bottom: 30px;
}
.blog_holder.blog_masonry_date_in_image .post_text_inner .social_share_list_holder > span{
display: none;
}
.blog_holder.blog_masonry_date_in_image article .post_text_inner .post_info{
margin-top: 35px;
margin-bottom: 0;
}
.blog_holder.blog_masonry_date_in_image .social_share_list_holder ul li i{
color: #8d8d8d;
-webkit-transition: color 0s ease-in-out;
-moz-transition: color 0s ease-in-out;
-ms-transition: color 0s ease-in-out;
-o-transition: color 0s ease-in-out;
transition: color 0s ease-in-out;
}
.blog_holder.blog_masonry_date_in_image article:not(.format-quote):not(.format-link) .social_share_list_holder ul li i:hover{
color: #f25f33;
}
.blog_holder.blog_masonry_date_in_image article.format-quote .post_text:hover .social_share_list_holder ul li i,
.blog_holder.blog_masonry_date_in_image article.format-link .post_text:hover .social_share_list_holder ul li i{
color: #fff !important;
}
.isotope-item {
z-index: 2;
}
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
}
/**** Isotope CSS3 transitions ****/
/*.isotope,
.isotope .isotope-item {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-ms-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}*/
.isotope {
-webkit-transition-property: height;
-moz-transition-property: height;
-ms-transition-property: height;
-o-transition-property: height;
transition-property: height;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
-ms-transition-property: -ms-transform, opacity;
-o-transition-property: -o-transform, opacity;
transition-property: transform, opacity;
}
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
}
/*************************** BLOG END **************************/
/* ==========================================================================
Pagination styles
========================================================================== */
.pagination {
display: inline-block;
width: 100%;
text-align: center;
margin: 0px 0px 50px;
position:relative;
}
.pagination ul {
display: inline-block;
list-style-type: none;
margin: 0px;
padding: 0px;
}
.pagination ul li {
float: left;
}
.pagination ul li span,
.pagination ul li a{
position: relative;
display: inline-block;
width: 38px;
height: 38px;
line-height: 38px;
margin: 0 11px 0 0;
text-align:center;
color: #b4b4b4;
font-size: 18px;
text-decoration: none;
text-transform: uppercase;
cursor: pointer;
white-space: nowrap;
border: 2px solid #e5e5e5;
outline: none;
-o-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
text-shadow: none;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.pagination ul li span,
.pagination ul li a:hover{
color: #303030;
background-color: #e3e3e3;
border-color: #e3e3e3;
}
/* ==========================================================================
End of Pagination styles
========================================================================== */
.google_map_holder,
.google_map_shortcode_holder
{
position: relative;
}
.google_map_ovrlay {
position: absolute;
z-index: 1000;
width: 100%;
height: 100%;
display: none;
}
.google_map_shortcode_overlay{
position: absolute;
z-index: 1000;
width: 100%;
height: 100%;
display: none;
top:0;
left:0;
}
.google_map {
display: block;
width: 100%;
height: 450px;
margin:0 0 25px;
}
.qode_google_map {
display: block;
width: 100%;
height: 450px;
}
.google_map iframe,
.google_map object,
.google_map embed,
.qode_google_map iframe,
.qode_google_map object,
.qode_google_map embed {
width: 100%;
display: block;
}
.google_map img,
.qode_google_map img
{
max-width: none;
}
.contact_form h5{
margin:0 0 18px;
}
.contact_info .q_social_icon_holder .fa-stack {
margin:0.2307692307692308em 0.4615384615384616em 0.2307692307692308em 0;
}
.contact-error{
display: block;
margin: 0;
position: relative;
top: -20px;
}
.contact_section{
text-align:center;
padding:0 0 55px;
}
.contact_section.contact_section_position_left{
text-align: left;
}
.contact_section.contact_section_position_right{
text-align: right;
}
.contact_section .separator,
.contact_section .separator.small.right,
.contact_section .separator.small.left
{
margin-top:6px;
margin-bottom:35px;
}
span.submit_button_contact {
display: block;
text-align: right;
}
.contact_form {
margin:0 0 50px;
}
.contact_detail.map_grid .google_map{
margin:0 0 35px;
}
.header-widget.widget_nav_menu {
padding:0 15px 0 0;
position:relative;
font-size:12px;
}
.header-widget.widget_nav_menu ul ul {
display:none;
height: auto;
border-top: none;
background-color: #262626;
z-index: 1010;
position: absolute;
top: 33px;
left: -1px;
width: 180px;
padding:0px;
}
.header-widget.widget_nav_menu ul li:hover ul{
display:block;
}
.header-widget.widget_nav_menu ul li{
list-style:none;
}
.header-widget.widget_nav_menu ul.menu > li {
display: inline-block;
float:left;
position:relative;
}
.header-widget.widget_nav_menu ul.menu li a{
display: inline-block;
padding:0 0px 0 15px;
color:#777;
}
.header-widget.widget_nav_menu ul.menu > li.menu-item-has-children > a:after {
content: "\f107";
font-family: 'FontAwesome', sans-serif;
margin-left: 5px;
}
.header-widget.widget_nav_menu ul.menu li a:hover{
color:#f25f33;
}
.header-widget.widget_nav_menu ul.menu li ul li a{
color: #9d9d9d;
display: block;
white-space: nowrap;
font-size: 11px;
font-weight: 600;
line-height: 38px;
padding: 0 15px;
border-bottom: 1px solid #303030;
text-transform: uppercase;
}
.header-widget.widget_nav_menu ul.menu li ul li:last-child a{
border-bottom:0;
}
.header-widget ul.menu li:last-child {
margin-right: 0;
}
.header-left-from-logo-widget,
.header-right-from-logo-widget{
display: block;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
padding: 0px 50px;
}
.header-right-from-logo-widget{
left: auto;
right: 0px;
}
header .container_inner .header-left-from-logo-widget,
header .container_inner .header-right-from-logo-widget{
padding: 0px;
}
.header-left-from-logo-widget-inner,
.header-right-from-logo-widget-inner{
display: table;
height: 100%;
}
.header-left-from-logo-widget-inner2,
.header-right-from-logo-widget-inner2{
display: table-cell;
height: 100%;
vertical-align: middle;
}
header.sticky .header-left-from-logo-widget,
header.sticky .header-right-from-logo-widget{
display: none;
}
/* ==========================================================================
Sidebar and side menu styles
========================================================================== */
/**
* Common sidebar, side menu and widgets styles that are placed in this widget areas
*/
.container aside {
position: relative;
z-index: 11;
}
aside .widget a,
.side_menu a,
.side_menu .widget li {
font-weight: 400;
-webkit-transition: color 0.3s ease-in-out;
-moz-transition: color 0.3s ease-in-out;
-ms-transition: color 0.3s ease-in-out;
-o-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out;
}
aside .widget a:hover{
color: #f25f33;
}
.side_menu .widget a:hover,
.side_menu .widget li:hover,
.side_menu .widget li:hover > a {
color: #fff;
}
aside .widget ul,
.side_menu .widget ul{
list-style: none;
padding:0;
}
aside .widget li,
.side_menu .widget li{
margin: 0 0 10px;
}
aside .widget li:last-child,
.side_menu .widget li:last-child{
margin: 0;
}
.widget.widget_rss li a.rsswidget,
#wp-calendar caption{
color: #000;
}
.footer_top .widget.widget_rss li a.rsswidget,
.footer_top #wp-calendar caption{
color: #fff;
}
#wp-calendar th,
#wp-calendar td{
padding: 3px 4px;
}
#wp-calendar td#today {
color: #fff;
background-color: #f25f33;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
#wp-calendar{
width: 100%;
text-align: center;
}
.widget.widget_rss li span.rss-date,
#wp-calendar caption{
margin: 0 0 15px;
}
.widget.widget_rss li{
margin: 0 0 25px;
}
/* Sidebar styles
========================================================================== */
/**
* Sidebar specific styles
*/
aside .widget.widget_search{
border-bottom: 0px;
padding: 0;
}
aside .widget h5 {
margin-bottom: 14px;
}
aside .widget.posts_holder li {
padding: 7px 0px 7px 0px;
margin: 0;
}
aside .widget.posts_holder li.page_item_has_children > ul.children li:last-child,
aside .widget.posts_holder li.menu-item-has-children > ul.sub-menu li:last-child{
border-bottom: 0;
}
aside .widget.posts_holder li:hover{
color: #f25f33;
}
aside .widget.posts_holder li.page_item_has_children > ul.children,
aside .widget.posts_holder li.menu-item-has-children > ul.sub-menu {
padding-left: 10px;
}
aside .widget.posts_holder li.page_item_has_children > a,
aside .widget.posts_holder li.menu-item-has-children > a {
display: block;
}
aside .widget a {
color: inherit;
}
aside .widget{
margin: 0 0 42px;
}
aside .widget_nav_menu .sub-menu,
aside .widget_pages .children {
margin-left: 20px;
margin-top: 6px;
}
/* Side menu styles
========================================================================== */
/**
* Side menu specific styles
*/
.side_menu{
background-color: #1b1b1b;
height: 100%;
min-height: 100%;
overflow: hidden;
padding: 30px;
position: fixed;
top: 0;
right: -270px;
width: 270px;
z-index: 90;
visibility: hidden;
-webkit-backface-visibility: hidden;
box-sizing:border-box;
}
/* Side Menu Slides Over Content */
.right_side_menu_opened .wrapper,
.right_side_menu_opened footer.uncover{
left:-270px;
}
.side_menu_slide_from_right .wrapper{
background-color: #fff;
position: relative;
z-index: 1000;
-moz-transition: left 0.2s cubic-bezier(.645,.045,.355,1.000);
-o-transition: left 0.2s cubic-bezier(.645,.045,.355,1.000);
-webkit-transition: left 0.2s cubic-bezier(.645,.045,.355,1.000);
transition: left 0.2s cubic-bezier(.645,.045,.355,1.000);
-ms-transform:translateX(0,0);
-moz-transform:translateX(0,0);
-o-transform:translateX(0,0);
transform:translateX(0,0);
-webkit-transform:translateX(0,0);
}
.side_menu_slide_from_right.right_side_menu_opened .wrapper{
transform:translateX(-270px,0);
-ms-transform:translateX(-270px,0);
-moz-transform:translateX(-270px,0);
-webkit-transform:translateX(-270px,0);
-o-transform:translateX(-270px,0);
-moz-transition:left 0.2s cubic-bezier(.645,.045,.355,1.000);
-o-transition:left 0.2s cubic-bezier(.645,.045,.355,1.000);
-webkit-transition:left 0.2s cubic-bezier(.645,.045,.355,1.000);
transition:left 0.2s cubic-bezier(.645,.045,.355,1.000);
}
.side_menu_slide_from_right .carousel-inner {
-moz-transition: left 0.2s cubic-bezier(.645,.045,.355,1.000);
-o-transition: left 0.2s cubic-bezier(.645,.045,.355,1.000);
-webkit-transition: left 0.2s cubic-bezier(.645,.045,.355,1.000);
transition: left 0.2s cubic-bezier(.645,.045,.355,1.000);
}
.side_menu_slide_from_right .wrapper .cover{
z-index: 0;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
opacity: 0;
filter: alpha(opacity=0);
background:#000;
-moz-transition: opacity 0.2s ease-in-out,background 0.2s ease-in-out,z-index 0.2s ease-in-out;
-o-transition: opacity 0.2s ease-in-out,background 0.2s ease-in-out,z-index 0.2s ease-in-out;
-webkit-transition: opacity 0.2s ease-in-out,background 0.2s ease-in-out,z-index 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out,background 0.2s ease-in-out,z-index 0.2s ease-in-out;
}
.side_menu_slide_from_right.right_side_menu_opened .wrapper .cover{
z-index: 1002;
opacity: 0.6;
filter: alpha(opacity=60);
-moz-transition: opacity 0.2s ease-in-out,background 0.2s ease-in-out,z-index 0.2s ease-in-out;
-o-transition: opacity 0.2s ease-in-out,background 0.2s ease-in-out,z-index 0.2s ease-in-out;
-webkit-transition: opacity 0.2s ease-in-out,background 0.2s ease-in-out,z-index 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out,background 0.2s ease-in-out,z-index 0.2s ease-in-out;
}
.side_menu_slide_from_right .side_menu {
padding: 5% 30px 30px 30px;
top: 0;
right: -45%;
width: 45%;
z-index: 9999;
text-align: center;
visibility: hidden;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
-webkit-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
-webkit-box-sizing:border-box;
box-sizing: border-box;
}
.right_side_menu_opened.side_menu_slide_from_right .side_menu {
right: 0px;
visibility: visible;
-moz-transition: right 0.2s ease-in-out;
-o-transition: right 0.2s ease-in-out;
-webkit-transition: right 0.2s ease-in-out;
transition: right 0.2s ease-in-out;
}
.side_menu_slide_from_right header.sticky,
.side_menu_slide_from_right header.fixed_top_header .top_header,
.side_menu_slide_from_right header.fixed,
.side_menu_slide_from_right header.fixed_hiding,
.side_menu_slide_from_right header.fixed_top_header .top_header{
-moz-transition: left 0.2s cubic-bezier(.645,.045,.355,1.000), top 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
-o-transition: left 0.2s cubic-bezier(.645,.045,.355,1.000), top 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
-webkit-transition: left 0.2s cubic-bezier(.645,.045,.355,1.000), top 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
transition: left 0.2s cubic-bezier(.645,.045,.355,1.000), top 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
}
.side_menu_slide_from_right footer.uncover {
-moz-transition: left 0.2s cubic-bezier(.645,.045,.355,1.000);
-o-transition: left 0.2s cubic-bezier(.645,.045,.355,1.000);
-webkit-transition: left 0.2s cubic-bezier(.645,.045,.355,1.000);
transition: left 0.2s cubic-bezier(.645,.045,.355,1.000);
}
/* Side Menu Slides With Content */
body.side_menu_slide_with_content{
overflow-x: hidden;
position: relative;
left: 0;
-webkit-overflow-scrolling:auto !important;
}
body.side_menu_slide_with_content.side_menu_open .wrapper,
body.side_menu_slide_with_content.side_menu_open footer.uncover{
left: -470px;
}
body.side_menu_slide_with_content .wrapper{
-webkit-transition: left 0.2s ease, right 0.2s ease;
-moz-transition: left 0.2s ease, right 0.2s ease;
transition: left 0.2s ease, right 0.2s ease;
}
body.side_menu_slide_with_content .side_menu,
body.side_menu_slide_with_content,
body.side_menu_slide_with_content header.fixed,
body.side_menu_slide_with_content header.fixed_top_header .top_header,
body.side_menu_slide_with_content header.fixed_hiding,
body.side_menu_slide_with_content footer.uncover{
-webkit-transition: left 0.2s ease, right 0.2s ease;
-moz-transition: left 0.2s ease, right 0.2s ease;
transition: left 0.2s ease, right 0.2s ease;
}
body.side_menu_slide_with_content header.sticky{
-webkit-transition: left 0.2s ease, right 0.2s ease, top 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
-moz-transition: left 0.2s ease, right 0.2s ease, top 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
transition: left 0.2s ease, right 0.2s ease, top 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
}
body.side_menu_slide_with_content .side_menu{
position: fixed;
visibility: visible;
-webkit-box-sizing:border-box;
box-sizing: border-box;
width: 470px;
right: -470px;
height: 100%;
top: 0;
z-index: 9999;
}
body.side_menu_slide_with_content.side_menu_open .side_menu {
right: 0;
}
body.side_menu_slide_with_content.side_menu_open .carousel-inner:not(.relative_position){
left:-470px !important;
-webkit-transition: left 0.2s ease;
-moz-transition: left 0.2s ease;
transition: left 0.2s ease;
}
body.side_menu_slide_with_content .carousel-inner {
left:0 !important;
-webkit-transition: left 0.2s ease;
-moz-transition: left 0.2s ease;
transition: left 0.2s ease;
}
body.side_menu_slide_with_content.side_menu_open header.fixed,
body.side_menu_slide_with_content.side_menu_open header.fixed_top_header .top_header,
body.side_menu_slide_with_content.side_menu_open header.fixed_hiding,
body.side_menu_slide_with_content.side_menu_open header.sticky{
left: -470px;
-webkit-transition: left 0.2s ease;
-moz-transition: left 0.2s ease;
transition: left 0.2s ease;
}
/* width 270px start */
body.side_menu_slide_with_content.width_270.side_menu_open .wrapper,
body.side_menu_slide_with_content.width_270.side_menu_open footer.uncover{
left: -270px;
}
body.side_menu_slide_with_content.width_270 .side_menu{
width: 270px;
right: -270px;
}
body.side_menu_slide_with_content.width_270.side_menu_open .side_menu {
right: 0;
}
body.side_menu_slide_with_content.width_270.side_menu_open .carousel-inner:not(.relative_position){
left:-270px !important;
}
body.side_menu_slide_with_content.width_270.side_menu_open header.fixed,
body.side_menu_slide_with_content.width_270.side_menu_open header.fixed_hiding,
body.side_menu_slide_with_content.width_270.side_menu_open header.sticky,
body.side_menu_slide_with_content.width_270.side_menu_open header.fixed_top_header .top_header{
left: -270px;
}
/* width 270px end */
/* width 370px start */
body.side_menu_slide_with_content.width_370.side_menu_open .wrapper,
body.side_menu_slide_with_content.width_370.side_menu_open footer.uncover{
left: -370px;
}
body.side_menu_slide_with_content.width_370 .side_menu{
width: 370px;
right: -370px;
}
body.side_menu_slide_with_content.width_370.side_menu_open .side_menu {
right: 0;
}
body.side_menu_slide_with_content.width_370.side_menu_open .carousel-inner:not(.relative_position){
left:-370px !important;
}
body.side_menu_slide_with_content.width_370.side_menu_open header.fixed,
body.side_menu_slide_with_content.width_370.side_menu_open header.fixed_hiding,
body.side_menu_slide_with_content.width_370.side_menu_open header.sticky,
body.side_menu_slide_with_content.width_370.side_menu_open header.fixed_top_header .top_header{
left: -370px;
}
/* width 370px end */
/* Side Menu Slides With Content - End */
.side_menu.side_area_alignment_left{
text-align: left;
}
.side_menu.side_area_alignment_center{
text-align: center;
}
.side_menu.side_area_alignment_right{
text-align: right;
}
.side_menu h5,
.side_menu h6{
margin: 0 0 12px 0;
color: #fff;
}
.side_menu .widget li {
position:relative;
}
.side_menu .widget ul li.page_item_has_children,
.side_menu .widget ul li.menu-item-has-children{
padding-right: 0;
border-bottom:none;
}
.side_menu .widget ul ul{
padding: 6px 0 0 20px;
}
.side_menu .widget{
margin: 0 0 43px;
}
.side_menu a,
.side_menu li,
.side_menu span,
.side_menu p,
.side_menu .widget.widget_rss li a.rsswidget,
.side_menu #wp-calendar caption,
.side_menu #wp-calendar th,
.side_menu #wp-calendar td{
color: #818181;
}
.side_menu .side_menu_title{
display: block;
margin: 0 0 12px;
}
.side_menu .widget.widget_nav_menu li:last-child,
.side_menu .widget.widget_nav_menu li a{
margin: 0;
}
.side_menu a.close_side_menu {
display: inline-block;
position: absolute;
top: 29px;
right: 25px;
width: 13px;
height: 13px;
line-height: 13px;
background-image: url('img/close_side_menu.png');
background-repeat: no-repeat;
z-index: 1000;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}
.side_menu a.close_side_menu:hover{
transform: rotate(180deg);
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
-moz-transform: rotate(180deg);
}
@media only screen and (-webkit-min-device-pixel-ratio:2.0), only screen and (min--moz-device-pixel-ratio:2.0), only screen and (-o-min-device-pixel-ratio:200/100), only screen and (min-device-pixel-ratio:2.0), only screen and (min-resolution:210dpi) {
.side_menu a.close_side_menu {
background-image: url("img/[email protected] ");
-o-background-size: 13px 13px;
-webkit-background-size: 13px 13px;
-moz-background-size: 13px 13px;
background-size: 13px 13px;
}
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:150/100), only screen and (min-device-pixel-ratio:1.5), only screen and (min-resolution:160dpi) {
.side_menu a.close_side_menu {
background-image: url("img/[email protected] ");
-o-background-size: 13px 13px;
-webkit-background-size: 13px 13px;
-moz-background-size: 13px 13px;
background-size: 13px 13px;
}
}
.side_menu.dark a.close_side_menu {
background-image: url('img/close_side_menu_dark.png');
}
@media only screen and (-webkit-min-device-pixel-ratio:2.0), only screen and (min--moz-device-pixel-ratio:2.0), only screen and (-o-min-device-pixel-ratio:200/100), only screen and (min-device-pixel-ratio:2.0), only screen and (min-resolution:210dpi) {
.side_menu.dark a.close_side_menu {
background-image: url("img/[email protected] ");
-o-background-size: 13px 13px;
-webkit-background-size: 13px 13px;
-moz-background-size: 13px 13px;
background-size: 13px 13px;
}
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:150/100), only screen and (min-device-pixel-ratio:1.5), only screen and (min-resolution:160dpi) {
.side_menu.dark a.close_side_menu {
background-image: url("img/[email protected] ");
-o-background-size: 13px 13px;
-webkit-background-size: 13px 13px;
-moz-background-size: 13px 13px;
background-size: 13px 13px;
}
}
/* ==========================================================================
End of sidebar and side menu styles
========================================================================== */
.footer_top .widget.widget_nav_menu li{
margin: 0 0 0px;
line-height: 22px;
}
.widget.widget_archive select,
.widget.widget_categories select,
.widget.widget_text select {
width: 100%;
overflow: hidden;
border: 1px solid transparent;
font-size: 13px;
background-color: #fff;
outline: 0px;
color: #818181;
font-family: inherit;
padding: 2px 4%;
height: 37px;
}
.widget #searchform {
display: inline-block;
width: 100%;
overflow: hidden;
background-color: #fff;
}
.footer_top .widget #searchform{
background-color: transparent;
border: 1px solid #6a6a6a;
}
.header_top #searchform {
padding: 0 10px;
height: 33px;
}
.widget.widget_search form.form_focus {
border-color: #f25f33;
}
.widget.widget_search form input[type="submit"],
.header_top #searchform input[type="submit"]{
width: 37px;
height: 37px;
line-height: 37px;
display: inline-block;
margin: 0;
padding: 0 4%;
outline: none;
border: none;
text-decoration: none;
background-color: transparent;
color: #b9b9b9;
font-family: 'FontAwesome', sans-serif;
cursor: pointer;
white-space: nowrap;
float: right;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
}
.footer_top .widget #searchform input[type="submit"]{
color: #6a6a6a;
}
.header_top #searchform input[type="submit"]{
width: 22px;
height: 25px;
line-height: 25px;
margin: 4px 0 0;
background: none;
}
.widget.widget_search form .screen-reader-text,
.header_top #searchform .screen-reader-text{
display: none;
}
.widget.widget_search form input[type="text"],
.header_top #searchform input[type="text"]{
display: inline-block;
text-decoration: none;
border: 0;
outline: 0px;
color: #adadad;
background-color: transparent;
font-family: inherit;
margin: 0;
padding: 2px 4%;
width: 74%;
height: 33px;
float: left;
}
.footer_top .widget #searchform input[type="text"]{
color: #6a6a6a;
}
.header_top #searchform input[type="text"]{
height: 29px;
font-size: 12px;
}
.side_menu .widget #searchform input[type="text"],
.footer_top .widget.widget_search form input[type="text"]{
width: 70% !important;
}
.widget .tagcloud {
display:inline-block;
width:100%;
}
.widget .tagcloud a {
margin: 0 0px 3px 0;
}
.side_menu .widget .tagcloud a {
color: #fff;
}
footer{
display: block;
width: 100%;
margin: 0px auto;
z-index: 100;
position: relative;
}
footer.uncover{
position: fixed;
bottom: 0px;
left: 0px;
z-index: 99;
-webkit-transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
-moz-transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
-o-transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
-ms-transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
-webkit-backface-visibility: hidden;
}
.boxed footer{
width: 100% !important;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
}
.right_side_menu_opened footer.uncover{
left: -270px;
}
footer .container_inner{
position: relative;
}
.footer_top_holder{
display: block;
background-color: #262626;
position: relative;
}
.footer_top{
padding: 72px 0px 52px;
}
.footer_top_border.in_grid,
.footer_bottom_border.in_grid {
width: 1100px;
margin: 0 auto;
}
.footer_top.footer_top_full{
padding: 48px 24px;
}
.footer_top h5{
color: #fff;
margin: 0 0 22px;
}
.footer_top ul{
list-style: none;
}
.footer_top a,
.footer_top p,
.footer_top span,
.footer_top li,
.footer_top .textwidget
{
color: #818181;
word-wrap: break-word;
}
.footer_top a{
-webkit-transition: color 0.2s ease-in-out;
-moz-transition: color 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out;
-ms-transition: color 0.2s ease-in-out;
}
.footer_top a:hover{
color:#fff !important;
}
.footer_top .four_columns .column2 .column_inner > div,
.footer_top .three_columns .column2 .column_inner > div,
.footer_top .two_columns_50_50 .column2 .column_inner > div{
margin: 0 0 0 15px;
}
.footer_top .four_columns .column3 .column_inner > div,
.footer_top .three_columns .column3 .column_inner > div{
margin: 0 0 0 10px;
}
.footer_top .four_columns .column4 .column_inner > div{
margin: 0 0 0 5px;
}
.footer_top .widget_nav_menu li.menu-item a {
margin-bottom: 0;
}
.footer_top .widget_recent_entries > ul > li,
.footer_top .widget_recent_comments > ul > li,
.footer_top .widget_meta > ul > li,
.footer_top .widget_nav_menu ul li,
.footer_top .widget_pages ul li {
padding: 0px 0px 17px;
position: relative;
}
.footer_top .widget_nav_menu ul li ul,
.footer_top .widget_pages ul li ul{
padding:0 0 0 10px;
}
.footer_top .widget_recent_entries > ul > li > a,
.footer_top .widget_pages > ul > li > a,
.footer_top .widget_meta > ul > li > a,
.footer_top .widget_nav_menu ul li a,
.footer_top .widget_recent_comments > ul > li > a,
.footer_top .widget_recent_entries > ul > li > span {
display: block;
}
.footer_top .widget_recent_entries > ul > li > span {
color:#9d9d9d;
}
.footer_bottom_holder {
display: block;
background-color: #1b1b1b;
}
.footer_top_holder svg.angled-section polygon{
fill:#1b1b1b;
}
.footer_bottom {
display: table-cell;
text-align: center;
font-size: 12px;
line-height: 22px;
height: 53px;
width: 1%;
vertical-align: middle;
}
.footer_bottom_columns.three_columns .column1 .footer_bottom,
.footer_bottom_columns.two_columns_50_50 .column1 .footer_bottom,
.footer_bottom_columns.three_columns .column1 .footer_bottom ul,
.footer_bottom_columns.two_columns_50_50 .column1 .footer_bottom ul
{
text-align: left;
}
.footer_bottom_columns.three_columns .column3 .footer_bottom,
.footer_bottom_columns.two_columns_50_50 .column2 .footer_bottom,
.footer_bottom_columns.three_columns .column3 .footer_bottom ul,
.footer_bottom_columns.two_columns_50_50 .column2 .footer_bottom ul
{
text-align: right;
}
.footer_bottom p,
.footer_bottom span {
margin: 0px;
}
.footer_bottom .footer_text_title {
display: none;
}
.footer_bottom ul {
list-style: none;
text-align: center;
}
.footer_bottom ul li {
display: inline-block;
margin-right: 46px;
}
.footer_bottom ul li:last-child {
margin-right: 0;
}
.footer_bottom ul li a {
color: #fff;
text-transform: uppercase;
font-weight: 500;
letter-spacing: 1px;
font-size: 13px;
-webkit-transition: color 0.3s ease-in-out;
-moz-transition: color 0.3s ease-in-out;
-ms-transition: color 0.3s ease-in-out;
-o-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out;
}
.footer_bottom ul li a:hover {
color: #818181;
}
.footer_top .q_social_icon_holder i.simple_social {
margin-right:16px;
}
.footer_top .q_social_icon_holder i.simple_social,
.side_menu .q_social_icon_holder i.simple_social{
color: #818181;
}
.footer_top .q_social_icon_holder:hover i.simple_social,
.side_menu .q_social_icon_holder:hover i.simple_social
{
color: #fff !important;
}
.footer_top .q_social_icon_holder.normal_social{
margin:0 0 0 0;
}
.footer_top .q_social_icon_holder:last-child i.simple_social{
margin-right:0;
}
.footer_top .q_social_icon_holder i.simple_social{
-webkit-transition:all 0.3s ease 0s;
-moz-transition:all 0.3s ease 0s;
-o-transition:all 0.3s ease 0s;
transition:all 0.3s ease 0s;
}
#back_to_top{
color: #cdcdcd;
height: auto;
position: fixed;
bottom: 65px;
margin: 0px;
z-index: 10000;
-webkit-transition:all 0.3s ease 0s;
-moz-transition:all 0.3s ease 0s;
-o-transition:all 0.3s ease 0s;
transition:all 0.3s ease 0s;
right: 25px;
opacity: 0;
filter: alpha(opacity=0);
visibility: hidden;
-webkit-backface-visibility: hidden;
}
#back_to_top.off{
opacity: 0;
filter: alpha(opacity=0);
right: 25px;
}
#back_to_top.on{
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
right: 25px;
}
#back_to_top .hover{
display: none;
}
#back_to_top span{
width: 52px;
height: 52px;
line-height: 52px;
text-decoration: none;
-o-border-radius: 52px;
-moz-border-radius: 52px;
-webkit-border-radius: 52px;
border-radius: 52px;
-webkit-transition:all 0.2s ease 0s;
-moz-transition:all 0.2s ease 0s;
-o-transition:all 0.2s ease 0s;
border:2px solid #e8e8e8;
background:transparent;
}
#back_to_top span i{
font-size: 22px;
-webkit-transition: color 0.2s ease 0s;
-moz-transition: color 0.2s ease 0s;
-o-transition: color 0.2s ease 0s;
color:#b0b0b0;
line-height: 52px;
}
#back_to_top:hover span{
background-color:#e8e8e8;
}
.right_side_menu_opened #back_to_top{
display: none;
}
/* ==========================================================================
Steps shortcode styles
========================================================================== */
.q_steps_holder {
width: 100%;
text-align: center;
}
.q_steps_holder_inner {
position: relative;
display: inline-block;
}
.q_steps_holder .circle_small,
.q_steps_holder .circle_small_inner {
width: 192px;
height: 192px;
}
.q_steps_holder .circle_small_wrapper {
margin: 0 auto;
border-radius: 530px;
border: 2px solid transparent;
border-top: 2px solid #f25f33;
width: 193px;
height: 192px;
}
.q_steps_holder .circle_small {
margin: 0 auto;
border: 1px solid #c7c7c7;
color: #666666;
font-family: inherit;
font-size: 26px;
border-radius: 500px;
text-align: center;
}
.q_steps_holder .circle_small:hover span,
.q_steps_holder .circle_small:hover .step_title {
color: #f25f33 !important;
}
.q_steps_holder .circle_small_inner {
display: table-cell;
vertical-align: middle;
}
.q_steps_holder .circle_small_inner span{
font-size: 50px;
font-weight:500;
line-height:50px;
}
.q_steps_holder a.circle_small_inner {
color: #666666;
}
.q_steps_holder a.circle_small_inner:hover {
color: inherit;
}
.q_steps_holder .circle_small span {
display: block;
margin-bottom: 5px;
-webkit-transition:color 0.2s ease 0s;
-moz-transition:color 0.2s ease 0s;
-o-transition:color 0.2s ease 0s;
}
.q_steps_holder .circle_small .step_title {
color: #666666;
letter-spacing: 1px;
font-size: 16px;
-webkit-transition:color 0.2s ease 0s;
-moz-transition:color 0.2s ease 0s;
-o-transition:color 0.2s ease 0s;
}
.q_steps_holder .circle_small_holder p {
margin-top: 5px;
text-align: center;
padding: 0 21px;
}
.q_steps_holder .circle_small_holder {
width: 265px;
display: inline-block;
}
.q_steps_holder .circle_small_holder_inner {
position: relative;
}
.q_steps_holder .circle_small_holder:last-child .circle_small_holder_inner .arrow_holder {
background: none;
}
.q_steps_holder.show .circle_small_holder {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.q_steps_holder .circle_small_holder {
-webkit-transform: scale(0.7);
-moz-transform: scale(0.7);
-ms-transform: scale(0.7);
-o-transform: scale(0.7);
transform: scale(0.7);
opacity: 0;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.q_steps_holder .step1 {
left: 40px;
top: 85px;
-webkit-transition-delay: 0.5s;
-moz-transition-delay: 0.5s;
-ms-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.q_steps_holder .step1 .circle_small_wrapper {
transform:rotate(-25deg);
-ms-transform:rotate(-25deg); /* IE 9 */
-webkit-transform:rotate(-25deg); /* Safari and Chrome */
}
.q_steps_holder .step1 .circle_small {
transform:rotate(25deg);
-ms-transform:rotate(25deg); /* IE 9 */
-webkit-transform:rotate(25deg); /* Safari and Chrome */
}
.q_steps_holder .step2 {
-webkit-transition-delay: 1s;
-moz-transition-delay: 1s;
-ms-transition-delay: 1s;
-o-transition-delay: 1s;
transition-delay: 1s;
}
.q_steps_holder .step2 .circle_small_wrapper {
transform:rotate(-175deg);
-ms-transform:rotate(-175deg); /* IE 9 */
-webkit-transform:rotate(-175deg); /* Safari and Chrome */
}
.q_steps_holder .step2 .circle_small {
transform:rotate(175deg);
-ms-transform:rotate(175deg); /* IE 9 */
-webkit-transform:rotate(175deg); /* Safari and Chrome */
}
.q_steps_holder .step3 {
-webkit-transition-delay: 1.5s;
-moz-transition-delay: 1.5s;
-ms-transition-delay: 1.5s;
-o-transition-delay: 1.5s;
transition-delay: 1.5s;
}
.q_steps_holder .step3 .circle_small_wrapper {
transform:rotate(25deg);
-ms-transform:rotate(25deg); /* IE 9 */
-webkit-transform:rotate(25deg); /* Safari and Chrome */
}
.q_steps_holder .step3 .circle_small {
transform:rotate(-25deg);
-ms-transform:rotate(-25deg); /* IE 9 */
-webkit-transform:rotate(-25deg); /* Safari and Chrome */
}
.q_steps_holder .step4 .circle_small_wrapper {
transform:rotate(-170deg);
-ms-transform:rotate(-170deg); /* IE 9 */
-webkit-transform:rotate(-170deg); /* Safari and Chrome */
}
.q_steps_holder .step4 .circle_small {
transform:rotate(170deg);
-ms-transform:rotate(170deg); /* IE 9 */
-webkit-transform:rotate(170deg); /* Safari and Chrome */
}
.q_steps_holder .step4{
-webkit-transition-delay: 2s;
-moz-transition-delay: 2s;
-ms-transition-delay: 2s;
-o-transition-delay: 2s;
transition-delay: 2s;
}
/* ==========================================================================
Steps shortcode end styles
========================================================================== */
/* ==========================================================================
Separator with text shortcode start styles
========================================================================== */
.vc_text_separator.full{
padding-bottom: 20px;
border-top: 1px solid #eaeaea;
margin-top: 20px;
border-bottom:0;
}
.vc_text_separator.full.separator_align_center{
text-align: center;
}
.vc_text_separator.full.separator_align_right{
text-align: right;
}
.vc_text_separator.full div{
padding: 0px 35px;
line-height: 36px;
top: -19px;
font-size: 12px;
color: #fff;
font-weight: 700;
background-color: #f25f33;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
border:1px solid transparent;
display: inline-block;
position: relative;
}
/* ==========================================================================
Separator with text shortcode end styles
========================================================================== */
/* ==========================================================================
Separator with icon shortcode start styles
========================================================================== */
.separator_with_icon {
color: #818181;
display: block;
font-size: 18px;
line-height: 21px;
margin: 0 auto;
position: relative;
width: 783px;
max-width: 100%;
text-align: center;
}
.separator_with_icon:before {
border-bottom: 1px solid #818181;
border-color: inherit;
content: "";
display: inline-block;
left: 0;
position: absolute;
top: 10px;
width: 376px;
}
.separator_with_icon:after {
border-bottom: 1px solid #818181;
border-color: inherit;
content: "";
display: inline-block;
position: absolute;
right: 0;
top: 10px;
width: 376px;
}
@media only screen and (max-width: 1000px){
.separator_with_icon:after,
.separator_with_icon:before {
max-width: 45%;
}
}
/* ==========================================================================
Separator with icon shortcode end styles
========================================================================== */
.page_not_found {
text-align:center;
margin:0 0 83px;
}
.page_not_found h2{
margin: 40px 0 20px;
font-size:32px;
}
.page_not_found p{
margin: 15px 0 35px;
}
.custom_font_holder{
display: block;
position: relative;
}
body div.pp_default .pp_loaderIcon{
background-color: #ffffff;
border-radius: 20px;
}
/* ==========================================================================
Pretty Photo style start
========================================================================== */
div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px}
div.pp_default .pp_top .pp_left{background:url(img/prettyPhoto/sprite.png) -78px -93px no-repeat}
div.pp_default .pp_top .pp_middle{background:url(img/prettyPhoto/sprite_x.png) top left repeat-x}
div.pp_default .pp_top .pp_right{background:url(img/prettyPhoto/sprite.png) -112px -93px no-repeat}
div.pp_default .pp_content .ppt{color:#f8f8f8}
div.pp_default .pp_content_container .pp_left{background:url(img/prettyPhoto/sprite_y.png) -7px 0 repeat-y;padding-left:13px}
div.pp_default .pp_content_container .pp_right{background:url(img/prettyPhoto/sprite_y.png) top right repeat-y;padding-right:13px}
div.pp_default .pp_next:hover{background:url(img/prettyPhoto/sprite_next.png) center right no-repeat;cursor:pointer}
div.pp_default .pp_previous:hover{background:url(img/prettyPhoto/sprite_prev.png) center left no-repeat;cursor:pointer}
div.pp_default .pp_expand{background:url(img/prettyPhoto/sprite.png) 0 -29px no-repeat;cursor:pointer;width:28px;height:28px}
div.pp_default .pp_expand:hover{background:url(img/prettyPhoto/sprite.png) 0 -56px no-repeat;cursor:pointer}
div.pp_default .pp_contract{background:url(img/prettyPhoto/sprite.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px}
div.pp_default .pp_contract:hover{background:url(img/prettyPhoto/sprite.png) 0 -113px no-repeat;cursor:pointer}
div.pp_default .pp_close{width:30px;height:30px;background:url(img/prettyPhoto/sprite.png) 2px 1px no-repeat;cursor:pointer}
div.pp_default .pp_gallery ul li a{background:url(img/prettyPhoto/default_thumb.png) center center #f8f8f8;border:1px solid #aaa}
div.pp_default .pp_social{margin-top:7px}
div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{position:static;left:auto}
div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(img/prettyPhoto/sprite.png) -51px 1px no-repeat;height:30px;width:30px}
div.pp_default .pp_nav .pp_pause{background-position:-51px -29px}
div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(img/prettyPhoto/sprite.png) -31px -3px no-repeat;height:20px;width:20px;margin:4px 0 0}
div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px}
div.pp_default .pp_content_container .pp_details{margin-top:5px}
div.pp_default .pp_nav{clear:none;height:30px;width:110px;position:relative}
div.pp_default .pp_nav .currentTextHolder{font-family:inherit;color:#999;font-size:13px;left:65px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px}
div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7}
div.pp_default .pp_description{font-size:15px;font-weight:300;line-height:14px;margin:10px 50px 10px 0}
div.pp_default .pp_bottom .pp_left{background:url(img/prettyPhoto/sprite.png) -78px -127px no-repeat}
div.pp_default .pp_bottom .pp_middle{background:url(img/prettyPhoto/sprite_x.png) bottom left repeat-x}
div.pp_default .pp_bottom .pp_right{background:url(img/prettyPhoto/sprite.png) -112px -127px no-repeat}
div.pp_default .pp_loaderIcon{background:url(img/prettyPhoto/loader.gif) center center no-repeat}
div.pp_pic_holder a:focus{outline:none}
div.pp_overlay{background-color:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500}
div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000}
.pp_content{height:40px;min-width:40px}
* html .pp_content{width:40px}
.pp_content_container{position:relative;text-align:left;width:100%}
.pp_content_container .pp_left{padding-left:20px}
.pp_content_container .pp_right{padding-right:20px}
.pp_content_container .pp_details{float:left;margin:10px 0 2px}
.pp_description{display:none;margin:0}
.pp_social{float:left;margin:0}
.pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden}
.pp_social .twitter{float:left}
.pp_nav{clear:right;float:left;margin:3px 10px 0 0}
.pp_nav p{float:left;white-space:nowrap;margin:2px 4px}
.pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px}
a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}
.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}
.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000}
.pp_gallery div{float:left;overflow:hidden;position:relative}
.pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0}
.pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden}
.pp_gallery ul a img{border:0}
.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0}
.pp_gallery li.default a{background:url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px}
.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important}
a.pp_next{display:block;float:right;height:100%;text-indent:-10000px;width:49%}
a.pp_previous{display:block;float:left;height:100%;text-indent:-10000px;width:49%}
a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000}
a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px}
.pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px}
#pp_full_res{line-height:1!important}
#pp_full_res .pp_inline{text-align:left}
#pp_full_res .pp_inline p{margin:0 0 15px}
div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px}
div.pp_default .pp_content{background-color:#fff}
div.pp_default #pp_full_res .pp_inline{color:#000}
div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff}
div.pp_default .pp_details{position:relative}
.pp_top,.pp_bottom{height:20px;position:relative}
* html .pp_top,* html .pp_bottom{padding:0 20px}
.pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}
.pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}
* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static}
.pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}
.pp_fade,.pp_gallery li.default a img{display:none}
body div.pp_overlay{
opacity: 0.7 !important;
}
body div.pp_default .pp_content_container .pp_left{background: none; padding: 0px;}
body div.pp_default .pp_content_container .pp_right{background: none; padding: 0px;}
body div.pp_default .pp_top,
body div.pp_default .pp_top .pp_middle,
body div.pp_default .pp_top .pp_left,
body div.pp_default .pp_top .pp_right,
body div.pp_default .pp_bottom,
body div.pp_default .pp_bottom .pp_left,
body div.pp_default .pp_bottom .pp_middle,
body div.pp_default .pp_bottom .pp_right{
background: none;
display: none;
}
body div.pp_default .pp_expand{
display: none !important;
}
body div.pp_default .pp_content{
background: none;
}
body a.pp_next,
body a.pp_previous{
background: none !important;
opacity: 0;
-webkit-transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
-ms-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
}
body div.pp_default .pp_content:hover a.pp_next,
body div.pp_default .pp_content:hover a.pp_previous{
opacity: 1;
}
body a.pp_next:after {
border: 2px solid #FFFFFF;
border-radius: 50px;
color: #FFFFFF;
content: "\f105";
display: block !important;
font-family: 'FontAwesome',serif;
font-size: 30px;
height: 54px;
line-height: 54px;
margin: -27px 0 0;
position: absolute;
right: 25px;
text-align: center;
top: 50%;
width: 54px;
text-indent: 0px;
}
body a.pp_previous:after {
border: 2px solid #FFFFFF;
border-radius: 50px;
color: #FFFFFF;
content: "\f104";
display: block !important;
font-family: 'FontAwesome',serif;
font-size: 30px;
height: 54px;
line-height: 54px;
margin: -27px 0 0;
position: absolute;
left: 25px;
text-align: center;
top: 50%;
width: 54px;
text-indent: 0px;
}
body div.pp_default .pp_content_container .pp_details{
opacity: 0.7;
}
body div.pp_default .pp_description{
display: none !important;
}
body div.pp_default .pp_nav{
float: none;
width: auto;
margin: 0px;
}
body div.pp_default .pp_nav .currentTextHolder{
left: auto;
position: relative;
float: left;
padding: 0px 20px;
font-family: 'Raleway', sans-serif;
font-size: 15px;
color: #ffffff;
font-weight: 600;
}
body .pp_gallery{
display: none !important;
}
body div.pp_default .pp_nav .pp_play,
body div.pp_default .pp_nav .pp_pause{
display: none;
}
body div.pp_default a.pp_arrow_previous,
body div.pp_default a.pp_arrow_next{
background: none;
position: relative;
left: 0px;
}
body div.pp_default a.pp_arrow_previous:after{
color: #FFFFFF;
content: "\f104";
font-family: 'FontAwesome',serif;
font-size: 20px;
height: 20px;
line-height: 20px;
text-align: center;
width: 20px;
text-indent: 0px;
position: absolute;
top: 0px;
left: 0px;
}
body div.pp_default a.pp_arrow_next:after{
color: #FFFFFF;
content: "\f105";
font-family: 'FontAwesome',serif;
font-size: 20px;
height: 20px;
line-height: 20px;
text-align: center;
width: 20px;
text-indent: 0px;
position: absolute;
top: 0px;
right: 0px;
}
body div.pp_default .pp_close{
background: none;
opacity: 1 !important;
}
body div.pp_default .pp_close:after{
color: #FFFFFF;
content: "\f00d";
font-family: 'FontAwesome',serif;
font-size: 15px;
height: 15px;
line-height: 30px;
text-align: center;
width: 30px;
text-indent: 0px;
position: absolute;
top: 0px;
left: 0px;
}
/* ==========================================================================
Pretty Photo style end
========================================================================== */
/**** Audio css ****/
.mejs-container {
position: relative;
text-align: left;
vertical-align: top;
text-indent: 0;
height: 40px !important;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
background-color:#fff;
}
.mejs-container.wp-audio-shortcode {
height: 30px !important;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
}
.blog_holder.masonry .mejs-container {
border:none;
}
.blog_holder.small_images article .post_text .post_inner .mejs-container{
margin: 0 0 15px;
}
.me-plugin {
position: absolute;
}
.mejs-embed, .mejs-embed body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow: hidden;
}
.mejs-fullscreen {
/* set it to not show scroll bars so 100% will work */
overflow: hidden !important;
}
.mejs-container-fullscreen {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
overflow: hidden;
z-index: 1000;
}
.mejs-container-fullscreen .mejs-mediaelement,
.mejs-container-fullscreen video {
width: 100%;
height: 100%;
}
.mejs-clear {
clear: both;
}
/* Start: LAYERS */
.mejs-background {
position: absolute;
top: 0;
left: 0;
}
.mejs-mediaelement {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}
.blog_holder.masonry .mejs-mediaelement{
border: none;
}
.mejs-poster {
position: absolute;
top: 0;
left: 0;
background-size: contain;
background-position: 50% 50% ;
background-repeat: no-repeat ;
}
:root .mejs-poster img {
display: none ;
}
.mejs-poster img {
border: 0;
padding: 0;
border: 0;
}
.mejs-overlay {
position: absolute;
top: 0;
left: 0;
}
.mejs-overlay-play {
cursor: pointer;
}
/* End: LAYERS */
/* Start: CONTROL BAR */
.mejs-container .mejs-controls {
position: absolute;
list-style-type: none;
margin: 0;
padding: 0;
bottom: 0;
left: 0;
height: 40px;
width: 100%;
}
.mejs-container .mejs-controls div{
list-style-type: none;
background-image: none;
display: block;
float: left;
margin: 0;
padding: 0;
width: 35px;
height: 40px;
border: 0;
}
.mejs-controls .mejs-button button {
cursor: pointer;
display: block;
font-size: 0;
line-height: 0;
text-decoration: none;
margin: 14px 15px 13px 15px;
padding: 0;
position: absolute;
width: 12px;
height: 13px;
border: 0;
background: transparent;
}
.no-svg .mejs-controls .mejs-button button {
background-image: url(img/audio/controls.png);
}
/* :focus for accessibility */
.mejs-controls .mejs-button button:focus {
outline: none;
}
/* End: CONTROL BAR */
/* Start: Time (Current / Duration) */
.mejs-container .mejs-controls .mejs-time {
color: #000;
display: block;
height: 40px;
width: auto;
padding: 0;
overflow: hidden;
text-align: center;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.mejs-container .mejs-controls .mejs-time span {
color: #000;
font-size: 13px;
font-weight: 400;
line-height: 40px;
display: block;
float: left;
margin: 0;
width: auto;
}
/* End: Time (Current / Duration) */
/* Start: Play/Pause/Stop */
.mejs-controls .mejs-play button {
background-image: url(img/audio/play.png);
background-repeat: no-repeat;
background-position: center;
}
.mejs-controls .mejs-pause button {
background-image: url(img/audio/pause.png);
background-repeat: no-repeat;
background-position: center;
}
.mejs-controls .mejs-stop button {
background-image: url(img/audio/stop.png);
background-repeat: no-repeat;
background-position: center;
}
/* Start: Play/Pause/Stop */
/* Start: Progress Bar */
.mejs-controls div.mejs-time-rail {
direction: ltr;
width: 200px;
}
.mejs-controls .mejs-time-rail span {
display: block;
position: absolute;
width: auto;
height: 8px;
margin: 16px 15px;
cursor: pointer;
}
.mejs-controls .mejs-time-rail .mejs-time-total {
background-color: #dddddd;
}
.mejs-controls .mejs-time-rail .mejs-time-buffering {
width: 100%;
background-image: -o-linear-gradient(-45deg, rgba(224, 222, 222, 0.15) 25%, transparent 25%, transparent 50%, rgba(224, 222, 222, 0.15) 50%, rgba(224, 222, 222, 0.15) 75%, transparent 75%, transparent);
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(224, 222, 222, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(224, 222, 222, 0.15)), color-stop(0.75, rgba(224, 222, 222, 0.15)), color-stop(0.75, transparent), to(transparent));
background-image: -webkit-linear-gradient(-45deg, rgba(224, 222, 222, 0.15) 25%, transparent 25%, transparent 50%, rgba(224, 222, 222, 0.15) 50%, rgba(224, 222, 222, 0.15) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(-45deg, rgba(224, 222, 222, 0.15) 25%, transparent 25%, transparent 50%, rgba(224, 222, 222, 0.15) 50%, rgba(224, 222, 222, 0.15) 75%, transparent 75%, transparent);
background-image: -ms-linear-gradient(-45deg, rgba(224, 222, 222, 0.15) 25%, transparent 25%, transparent 50%, rgba(224, 222, 222, 0.15) 50%, rgba(224, 222, 222, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(-45deg, rgba(224, 222, 222, 0.15) 25%, transparent 25%, transparent 50%, rgba(224, 222, 222, 0.15) 50%, rgba(224, 222, 222, 0.15) 75%, transparent 75%, transparent);
-webkit-background-size: 15px 15px;
-moz-background-size: 15px 15px;
-o-background-size: 15px 15px;
background-size: 15px 15px;
-webkit-animation: buffering-stripes 2s linear infinite;
-moz-animation: buffering-stripes 2s linear infinite;
-ms-animation: buffering-stripes 2s linear infinite;
-o-animation: buffering-stripes 2s linear infinite;
animation: buffering-stripes 2s linear infinite;
}
@-webkit-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }
@-moz-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }
@-ms-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }
@-o-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }
@keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }
.mejs-controls .mejs-time-rail .mejs-time-loaded {
width: 0;
margin: 0px;
}
.mejs-controls .mejs-time-rail .mejs-time-current {
background-color: #f25f33;
margin: 0px;
}
.mejs-controls .mejs-time-rail .mejs-time-handle {
display: none;
position: absolute;
margin: 0;
width: 10px;
background-color: #f25f33;
cursor: pointer;
top: 0px;
text-align: center;
}
.mejs-controls .mejs-time-rail .mejs-time-float {
position: absolute;
display: none;
width: 36px;
height: 15px;
top: -35px;
margin-left: -18px;
text-align: center;
color: #000;
}
.mejs-controls .mejs-time-rail .mejs-time-float-current {
margin: 2px;
width: 30px;
display: block;
text-align: center;
left: 0;
}
.mejs-controls .mejs-time-rail .mejs-time-float-corner {
display: none;
}
.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float {
width: 48px;
}
.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current {
width: 44px;
}
.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner {
left: 18px;
}
/* End: Progress Bar */
/* Start: Mute/Volume */
.mejs-controls .mejs-volume-button {
background-image: url(img/audio/sound.png);
background-repeat: no-repeat;
background-position: center;
}
.mejs-controls .mejs-mute button {
background-image: url(img/audio/sound.png);
background-repeat: no-repeat;
background-position: center;
}
.mejs-controls .mejs-unmute button {
background-image: url(img/audio/mute.png);
background-repeat: no-repeat;
background-position: center;
}
.mejs-controls .mejs-volume-button {
position: relative;
}
.mejs-controls .mejs-volume-button button{
width: 18px;
height: 16px;
margin: 12px 6px 12px 11px;
}
.mejs-controls .mejs-volume-button .mejs-volume-slider {
display: none;
height: 115px;
width: 25px;
background-image: url(img/audio/sound.png);
background-repeat: no-repeat;
background-position: center;
top: -115px;
left: 0;
z-index: 1;
position: absolute;
margin: 0;
}
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {
position: absolute;
left: 11px;
top: 8px;
width: 2px;
height: 100px;
margin: 0;
}
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
position: absolute;
left: 11px;
top: 8px;
width: 2px;
height: 100px;
margin: 0;
}
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
position: absolute;
left: 4px;
top: -3px;
width: 16px;
height: 6px;
cursor: N-resize;
margin: 0;
}
/* horizontal version */
.mejs-controls div.mejs-horizontal-volume-slider {
height: 40px;
width: 45px;
position: relative;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
position: absolute;
left: 0;
top: 16px;
width: 35px;
height: 8px;
margin: 0;
padding: 0;
font-size: 1px;
background-color: #dddddd;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
position: absolute;
left: 0;
top: 16px;
width: 40px;
height: 8px;
margin: 0;
padding: 0;
font-size: 1px;
background-color: #f25f33;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
display: none;
}
/* End: Mute/Volume */
/* Start: Error */
.me-cannotplay {
}
.me-cannotplay a {
color: #fff;
font-weight: bold;
}
.me-cannotplay span {
padding: 15px;
display: block;
}
/* End: Error */
/* Start: Loop */
.mejs-controls .mejs-loop-off button {
background-position: -64px -16px;
}
.mejs-controls .mejs-loop-on button {
background-position: -64px 0;
}
/* End: Loop */
/* Start: backlight */
.mejs-controls .mejs-backlight-off button {
background-position: -80px -16px;
}
.mejs-controls .mejs-backlight-on button {
background-position: -80px 0;
}
/* End: backlight */
/* ==========================================================================
Pie full styles
========================================================================== */
.q_pie_graf_holder,
.q_line_graf_holder {
display: block;
position: relative;
overflow: hidden;
}
.q_pie_graf,
.q_line_graf{
margin: 0 22px 0 0;
float: left;
}
.q_pie_graf_legend{
position: relative;
float: left;
width: 40%;
}
.q_line_graf_legend{
position: relative;
float: left;
width: 20%;
}
.q_pie_graf_legend ul,
.q_line_graf_legend ul{
list-style: none;
padding:0;
}
.q_pie_graf_legend ul li,
.q_line_graf_legend ul li{
display: block;
margin: 0 0 10px 0;
}
.q_pie_graf_legend ul li .color_holder,
.q_line_graf_legend ul li .color_holder{
width: 25px;
height: 25px;
background-color: #f25f33;
float: left;
}
.q_pie_graf_legend ul li p,
.q_line_graf_legend ul li p{
line-height: 25px;
margin: 0;
padding: 0 0 0 50px;
}
/* ==========================================================================
WPML styles
========================================================================== */
.header_top .right #lang_sel ul ul img.iclflag,
.header_top .right #lang_sel_click ul ul img.iclflag {
float: right;
top: 11px;
margin-right: 0;
margin-left: 15px;
}
.header_top .left #lang_sel ul ul img.iclflag,
.header_top .left #lang_sel_click ul ul img.iclflag {
float: left;
top: 11px;
}
.header_top .right #lang_sel ul ul,
.header_top .right #lang_sel_click ul ul {
left: auto;
right: 0;
}
.header_top #lang_sel_click ul ul{
padding: 5px 15px !important;
}
.header_top .right #lang_sel ul ul li ,
.header_top .right #lang_sel_click ul ul li {
width: 100%;
text-align: right;
}
.header_top .left #lang_sel ul ul li ,
.header_top .left #lang_sel_click ul ul li {
width: 100%;
}
.header_top #lang_sel ul ul li img.iclflag,
.header_top #lang_sel_click ul ul li img.iclflag {
position: relative;
top: 11px;
}
.header_top #lang_sel li,
.header_top #lang_sel_click li {
width: auto;
}
.header_top #lang_sel, .header_top #lang_sel_click {
font-family: inherit;
float: left;
padding: 0 0 0 0px;
z-index: 1000;
height: 33px;
position: relative;
}
.header_top #lang_sel ul > li > a,
.header_top #lang_sel_click ul > li > a {
width: auto;
float: none;
padding: 0 15px !important;
}
.header_top #lang_sel > ul > li:hover,
.header_top #lang_sel_click > ul > li:hover {
border-bottom: none !important;
}
.header_top #lang_sel > ul > li > a,
.header_top #lang_sel_click > ul > li> a {
color: #777 !important;
line-height: 33px !important;
height: 33px;
z-index: 2500;
font-size:13px;
}
.header_top #lang_sel > ul > li > a:hover,
.header_top #lang_sel_click > ul > li> a:hover{
color: #f25f33 !important;
}
.header_top .left #lang_sel > ul > li > a,
.header_top .left #lang_sel_click > ul > li> a {
left: 0;
right: auto;
}
.header_top #lang_sel > ul > li > a:hover,
.header_top #lang_sel_click > ul > li> a:hover,
.header_top #lang_sel > ul > li:hover > a,
.header_top #lang_sel_click > ul > li:hover > a {
top: 0px;
}
.header_top #lang_sel ul > li ul > li,
.header_top #lang_sel_click ul > li ul > li{
padding:0px !important;
}
.header_top #lang_sel ul > li a.lang_sel_sel,
.header_top #lang_sel_click ul > li a.lang_sel_sel {
background: 0;
line-height: 30px;
border: 0;
padding: 0;
}
.header_top .right #lang_sel ul > li a.lang_sel_sel,
.header_top .right #lang_sel_click ul > li a.lang_sel_sel {
text-align: right;
}
.header_top .right #lang_sel ul > li a.lang_sel_sel {
padding-right: 0 !important;
}
.header_top .left #lang_sel ul > li a.lang_sel_sel {
padding-left: 0 !important;
}
.header_top #lang_sel .lang_sel_sel:after,
.header_top #lang_sel_click .lang_sel_sel:after {
content: "\f107";
font-family: 'FontAwesome', sans-serif;
margin-left: 5px;
}
.header_top .left #lang_sel ul > li a.lang_sel_sel,
.header_top .left #lang_sel_click ul > li a.lang_sel_sel {
text-align: left;
}
.header_bottom .main_menu .submenu-languages {
display: none;
}
.header_top #lang_sel ul ul ,
.header_top #lang_sel_click ul ul {
height: auto;
border-top: none;
background-color: #262626;
z-index:1000;
position:absolute;
list-style: none;
top: 33px;
left: -1px;
width: 180px;
}
.header_top #lang_sel ul li ul li a,
.header_top #lang_sel ul li ul li a:visited,
.header_top #lang_sel_click ul li ul li a,
.header_top #lang_sel_click ul li ul li a:visited {
background: 0;
border: 0;
color: #9d9d9d;
display: block;
height: 38px;
white-space: nowrap;
font-weight: 600;
font-size: 11px;
text-transform: uppercase;
line-height: 38px;
padding: 0 15px !important;
border-bottom: 1px solid #303030;
-webkit-transition: color 0.3s ease-in-out;
-moz-transition: color 0.3s ease-in-out;
-ms-transition: color 0.3s ease-in-out;
-o-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out;
}
.header_top #lang_sel ul li ul li:last-child a,
.header_top #lang_sel_click ul li ul li:last-child a{
border-bottom: none;
}
.header_top #lang_sel ul li ul li a:hover,
.header_top #lang_sel_click ul li ul li a:hover{
color: #fff;
}
.header_top #lang_sel_list {
font-family: inherit;
height: auto;
width: auto;
float: left;
}
.header_top #lang_sel_list ul {
border: 0;
padding: 0 !important;
width: auto;
}
.header_top #lang_sel_list li {
display: inline-block;
float: none;
width: auto;
}
.header_top #lang_sel_list ul li a,
.header_top #lang_sel_list ul li a:visited {
padding: 0 8px 0 8px;
border: 0;
background: none repeat scroll 0 0 transparent;
line-height: 33px;
font-size: 13px;
color: #818181;
margin: 0 !important;
-webkit-transition: color 0.3s ease-in-out;
-moz-transition: color 0.3s ease-in-out;
-ms-transition: color 0.3s ease-in-out;
-o-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out;
}
.header_top #lang_sel_list ul li a.lang_sel_sel,
.header_top #lang_sel_list ul li a:hover{
color: #f25f33;
}
.header_top #lang_sel img.iclflag,
.header_top #lang_sel_click img.iclflag,
.header_top #lang_sel_list img.iclflag {
display: inline;
float: none;
top: 1px;
position: relative;
margin-right: 5px;
}
aside .widget.posts_holder #lang_sel li:after,
aside .widget.posts_holder #lang_sel_click li:after{
content:none;
}
aside .widget #lang_sel_list,
section.side_menu #lang_sel_list,
footer #lang_sel_list {
height: auto;
font-family: inherit;
width:100%;
}
aside .widget #lang_sel_list li,
section.side_menu #lang_sel_list li,
footer #lang_sel_list li{
float: none;
margin-bottom: 0px !important;
padding: 9px 10px 9px 0px !important;
width:auto;
}
footer #lang_sel_list li{
padding: 5px 5px 5px 0px !important;
}
aside .widget #lang_sel_list li a,
aside .widget #lang_sel li a,
aside .widget #lang_sel_click li a,
section.side_menu #lang_sel_list li a,
section.side_menu #lang_sel li a,
section.side_menu #lang_sel_click li a,
footer #lang_sel_list li a,
footer #lang_sel li a,
footer #lang_sel_click li a {
font-family: inherit;
font-size: 13px;
font-weight: 400;
border: 0;
color: #777;
}
aside .widget #lang_sel_list li a,
section.side_menu #lang_sel_list li a,
aside .widget #lang_sel_list li a,
footer #lang_sel_list li a {
display: inline;
}
aside .widget #lang_sel li,
aside .widget #lang_sel_click li,
section.side_menu #lang_sel li,
section.side_menu #lang_sel_click li,
footer #lang_sel li,
footer #lang_sel_click li {
margin-bottom: 0;
}
aside .widget #lang_sel,
aside .widget #lang_sel_click,
section.side_menu #lang_sel,
section.side_menu #lang_sel_click,
footer #lang_sel,
footer #lang_sel_click {
width: 100%;
}
aside .widget #lang_sel > ul > li > a,
aside .widget #lang_sel_click > ul > li > a,
section.side_menu #lang_sel > ul > li > a,
section.side_menu #lang_sel_click > ul > li > a,
footer #lang_sel > ul > li > a,
footer #lang_sel_click > ul > li > a {
height: 35px;
line-height: 35px !important;
font-family: inherit;
font-weight: 300;
padding-left: 13px;
font-weight: 300;
background-image: url(img/wc_select_arrow.png) !important;
background-repeat: no-repeat;
background-position: right;
}
footer #lang_sel > ul > li > a,
footer #lang_sel_click > ul > li > a,
section.side_menu #lang_sel > ul > li > a,
section.side_menu #lang_sel_click > ul > li > a {
background-image: url(img/wc_select_arrow_footer.png) !important;
background-repeat: no-repeat;
background-position: right;
}
aside .widget #lang_sel > ul > li a,
aside .widget #lang_sel_click > ul > li a{
background-color: #fff;
}
footer #lang_sel > ul > li a,
footer #lang_sel_click > ul > li a,
section.side_menu #lang_sel > ul > li a,
section.side_menu #lang_sel_click > ul > li a{
background-color: #262626 !important;
}
footer #lang_sel ul li a,
footer #lang_sel ul ul a,
footer #lang_sel_click ul li a,
footer #lang_sel_click ul ul a,
footer #lang_sel_click ul ul a span,
section.side_menu #lang_sel ul li a,
section.side_menu #lang_sel ul ul a,
section.side_menu #lang_sel ul ul a:visited,
section.side_menu #lang_sel_click > ul > li > a,
section.side_menu #lang_sel_click ul ul a,
section.side_menu #lang_sel_click ul ul a:visited{
color: #777 !important;
}
aside .widget #lang_sel > ul li a,
aside .widget #lang_sel ul ul a,
aside .widget #lang_sel_click > ul li a,
aside .widget #lang_sel_click ul ul a,
aside .widget #lang_sel_list li a{
color: #adadad;
font-family: 'Raleway', sans-serif;
background-color: #fff;
}
aside .widget #lang_sel a.lang_sel_sel:hover,
aside .widget #lang_sel_click a.lang_sel_sel:hover,
aside .widget #lang_sel ul ul a:hover,
aside .widget #lang_sel_click ul ul a:hover,
aside .widget #lang_sel_list li a.lang_sel_sel,
aside .widget #lang_sel_list li a:hover{
color: #f25f33;
}
footer #lang_sel_list li a:hover,
footer #lang_sel a.lang_sel_sel,
footer #lang_sel a.lang_sel_sel:hover,
footer #lang_sel ul ul a:hover,
footer #lang_sel_click a.lang_sel_sel,
footer #lang_sel_click ul ul a:hover,
footer #lang_sel_click ul ul a:hover span,
footer #lang_sel_list a.lang_sel_sel,
footer #lang_sel_list ul ul a:hover,
footer #lang_sel_list ul ul a:hover span,
section.side_menu a.lang_sel_sel,
section.side_menu #lang_sel ul li a.lang_sel_sel,
section.side_menu #lang_sel_click ul li a.lang_sel_sel,
section.side_menu #lang_sel_list li a:hover,
section.side_menu #lang_sel ul ul a:hover,
section.side_menu #lang_sel_click ul ul a:hover,
section.side_menu #lang_sel_click ul ul a:hover span{
color: #fff !important;
}
aside .widget #lang_sel li,
aside .widget #lang_sel_click li,
section.side_menu #lang_sel li,
section.side_menu #lang_sel_click li,
footer #lang_sel li,
footer #lang_sel_click li {
width: 100%;
padding:0;
border:none;
}
aside .widget #lang_sel ul ul,
aside .widget #lang_sel_click ul ul{
width: 100%;
top:32px;
height: auto;
border: 0;
z-index: 1000;
padding:3px 0 0 0;
overflow:hidden;
}
footer #lang_sel ul ul,
footer #lang_sel_click ul ul ,
section.side_menu #lang_sel ul ul,
section.side_menu #lang_sel_click ul ul{
width: 100%;
top:32px;
border: 0;
}
section.side_menu #lang_sel li a:after,
section.side_menu #lang_sel li:before{
display:none;
}
section.side_menu #lang_sel ul ul a, #lang_sel ul ul a:visited{
padding: 8px 10px;
}
footer #lang_sel ul ul,
footer #lang_sel_click ul ul,
section.side_menu #lang_selul ul,
section.side_menu #lang_sel_click ul ul {
left: 0 !important;
}
aside .widget #lang_sel ul ul a,
aside .widget #lang_sel_click ul ul a,
aside .widget #lang_sel ul ul a:visited,
aside .widget #lang_sel_click ul ul a:visited{
padding: 10px 13px;
}
footer #lang_sel ul ul a,
footer #lang_sel_click ul ul a,
footer #lang_sel ul ul a:visited,
footer #lang_sel_click ul ul a:visited{
padding: 10px 13px;
}
aside .widget #lang_sel_list.lang_sel_list_vertical ul,
section.side_menu #lang_sel_list.lang_sel_list_vertical ul,
footer #lang_sel_list.lang_sel_list_vertical ul {
height: auto;
border-top: none;
}
aside .widget #lang_sel_list.lang_sel_list_vertical a,
aside .widget #lang_sel_list.lang_sel_list_vertical a:visited,
section.side_menu #lang_sel_list.lang_sel_list_vertical a,
section.side_menu #lang_sel_list.lang_sel_list_vertical a:visited,
footer #lang_sel_list.lang_sel_list_vertical a,
footer #lang_sel_list.lang_sel_list_vertical a:visited {
border: none;
padding: 0;
}
section.side_menu #lang_sel_list.lang_sel_list_vertical a,
section.side_menu #lang_sel_list.lang_sel_list_vertical a:visited,
section.side_menu #lang_sel_list.lang_sel_list_horizontal a,
section.side_menu #lang_sel_list.lang_sel_list_horizontal a:visited,
footer #lang_sel_list.lang_sel_list_vertical a,
footer #lang_sel_list.lang_sel_list_vertical a:visited,
footer #lang_sel_list.lang_sel_list_horizontal a,
footer #lang_sel_list.lang_sel_list_horizontal a:visited {
background: transparent;
}
aside #lang_sel img.iclflag,
aside #lang_sel_click img.iclflag,
section.side_menu #lang_sel img.iclflag,
section.side_menu #lang_sel_click img.iclflag,
footer #lang_sel img.iclflag,
footer #lang_sel_click img.iclflag,
footer #lang_sel_list.lang_sel_list_horizontal a img,
footer #lang_sel_list.lang_sel_list_vertical a img {
margin-right: 5px;
}
footer #lang_sel_list.lang_sel_list_horizontal a:hover,
footer #lang_sel_list.lang_sel_list_vertical a:hover,
.side_menu #lang_sel_list.lang_sel_list_horizontal a:hover,
.side_menu #lang_sel_list.lang_sel_list_vertical a:hover {
color: #fff;
}
footer #lang_sel_list.lang_sel_list_horizontal a,
footer #lang_sel_list.lang_sel_list_vertical a,
.side_menu #lang_sel_list.lang_sel_list_horizontal a,
.side_menu #lang_sel_list.lang_sel_list_vertical a {
color: #777;
}
#lang_sel_footer {
background-color: #111111;
border: none;
z-index: 1500;
position: relative;
font-family: 'Roboto', sans-serif;
}
#lang_sel_footer a {
font-size: 13px;
color: #777;
-webkit-transition: color 0.3s ease 0s !important;
-moz-transition: color 0.3s ease 0s !important;
-o-transition: color 0.3s ease 0s !important;
-ms-transition: color 0.3s ease 0s !important;
transition: color 0.3s ease 0s !important;
}
#lang_sel_footer a:hover {
color: #fff;
-webkit-transition: color 0.3s ease 0s !important;
-moz-transition: color 0.3s ease 0s !important;
-o-transition: color 0.3s ease 0s !important;
-ms-transition: color 0.3s ease 0s !important;
transition: color 0.3s ease 0s !important;
}
#lang_sel_footer a img {
margin-right: 15px;
}
/* ==========================================================================
End of WPML styles
========================================================================== */
.ls-nav-prev,
.ls-nav-next {
position: absolute;
display: block !important;
line-height: 40px;
margin: -20px 0 0;
top: 60%;
z-index: 90;
cursor: pointer;
opacity: 0.6 !important;
filter: alpha(opacity=60) !important;
}
.ls-nav-prev{
background-image:none !important;
background-color: transparent !important;
height: 54px;
width: 54px;
border: 2px solid #fff !important;
line-height: 54px;
font-size: 14px;
position: absolute;
top: 50%;
margin-top: -27px;
text-align: center;
z-index: 10;
-webkit-transition: opacity .3s ease 0s !important;
-moz-transition: opacity .3s ease 0s !important;
-o-transition: opacity .3s ease 0s !important;
transition: opacity .3s ease-in-out !important;
opacity: 0.7;
-webkit-border-radius: 56px;
-moz-border-radius: 56px;
-ms-border-radius: 56px;
-o-border-radius: 56px;
border-radius: 56px;
position: absolute;
left: 23px;
}
.ls-nav-prev:after {
position: absolute;
left: 0 !important;
color: #fff;
width: 100%;
height: 100%;
content: "\f104";
font-family: 'FontAwesome', serif;
line-height: 54px;
text-align:center;
display: block !important;
font-size:30px;
}
.ls-nav-next{
background-image:none !important;
background-color: transparent !important;
height: 54px;
width: 54px;
border: 2px solid #fff !important;
line-height: 54px;
font-size: 14px;
position: absolute;
top: 50%;
margin-top: -27px;
text-align: center;
z-index: 10;
-webkit-transition: opacity .3s ease 0s;
-moz-transition: opacity .3s ease 0s;
-o-transition: opacity .3s ease 0s;
transition: opacity .3s ease-in-out;
opacity: 0;
-webkit-border-radius: 56px;
-moz-border-radius: 56px;
-ms-border-radius: 56px;
-o-border-radius: 56px;
border-radius: 56px;
right: 23px;
}
.ls-nav-next:after {
position: absolute;
left: 0 !important;
color: #fff;
width: 100%;
height: 100%;
content: "\f105";
font-family: 'FontAwesome', serif;
line-height: 54px;
text-align:center;
display: block !important;
font-size:30px;
}
.ls-nav-prev:hover,
.ls-nav-next:hover{
opacity: 1 !important;
filter: alpha(opacity=100) !important;
}
.element_from_left,
.element_from_right,
.element_from_top,
.element_from_bottom,
.element_from_fade{
display: inline-block;
width: 100%;
}
.touch .no_animation_on_touch .element_from_left>div,
.touch .no_animation_on_touch .element_from_right>div,
.touch .no_animation_on_touch .element_from_top>div,
.touch .no_animation_on_touch .element_from_bottom>div,
.touch .no_animation_on_touch .element_from_fade>div,
.touch .no_animation_on_touch .element_transform>div{
opacity: 1;
filter: alpha(opacity = 100);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-animation: none;
-moz-animation: none;
-o-animation: none;
animation: none;
}
.element_from_left > div,
.element_from_right > div,
.element_from_top > div,
.element_from_bottom > div,
.element_from_fade > div {
opacity: 0;
display: inline-block;
width: 100%;
filter: alpha(opacity = 0);
}
.element_transform > div{
opacity: .2;
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
}
.element_from_fade.element_from_fade_on > div {
opacity: 1;
filter: alpha(opacity = 100);
-webkit-transition: opacity .8s ease 0s;
-moz-transition: opacity .8s ease 0s;
-o-transition: opacity .8s ease 0s;
-webkit-backface-visibility: hidden;
}
.element_from_left.element_from_left_on > div {
-webkit-animation: element-from-left 0.7s 1 ease-in-out;
-moz-animation: element-from-left 0.7s 1 ease-in-out;
-o-animation: element-from-left 0.7s 1 ease-in-out;
animation: element-from-left 0.7s 1 ease-in-out;
opacity: 1;
filter: alpha(opacity = 100);
-webkit-backface-visibility: hidden;
}
.element_from_right.element_from_right_on>div {
-webkit-animation: element-from-right 0.7s 1 ease-in-out;
-moz-animation: element-from-right 0.7s 1 ease-in-out;
-o-animation: element-from-right 0.7s 1 ease-in-out;
animation: element-from-right 0.7s 1 ease-in-out;
opacity: 1;
filter: alpha(opacity = 100);
-webkit-backface-visibility: hidden;
}
.element_from_top.element_from_top_on>div {
-webkit-animation: element-from-top 0.7s 1 ease-in-out;
-moz-animation: element-from-top 0.7s 1 ease-in-out;
-o-animation: element-from-top 0.7s 1 ease-in-out;
animation: element-from-top 0.7s 1 ease-in-out;
opacity: 1;
filter: alpha(opacity = 100);
-webkit-backface-visibility: hidden;
}
.element_from_bottom.element_from_bottom_on>div {
-webkit-animation: element-from-bottom 0.7s 1 ease-in-out;
-moz-animation: element-from-bottom 0.7s 1 ease-in-out;
-o-animation: element-from-bottom 0.7s 1 ease-in-out;
animation: element-from-bottom 0.7s 1 ease-in-out;
opacity: 1;
filter: alpha(opacity = 100);
-webkit-backface-visibility: hidden;
}
.element_transform.element_transform_on>div {
-webkit-animation: element-transform .4s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
-moz-animation: element-transform .4s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
-o-animation: element-transform .4s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
animation: element-transform .4s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
@-webkit-keyframes element-from-left {
0% {
-webkit-transform: translate(-20%, 0);
opacity: 0;
}
100% {
-webkit-transform: translate(0, 0);
opacity: 1;
}
}
@-moz-keyframes element-from-left {
0% {
-moz-transform: translate(-20%, 0);
opacity: 0;
}
100% {
-moz-transform: translate(0, 0);
opacity: 1;
}
}
@-o-keyframes element-from-left {
0% {
-o-transform: translate(-20%, 0);
opacity: 0;
}
100% {
-o-transform: translate(0, 0);
opacity: 1;
}
}
@keyframes element-from-left {
0% {
transform: translate(-20%, 0);
opacity: 0;
}
100% {
transform: translate(0, 0);
opacity: 1;
}
}
@-webkit-keyframes element-from-right {
0% {
-webkit-transform: translate(20%, 0);
opacity: 0;
}
100% {
-webkit-transform: translate(0, 0);
opacity: 1;
}
}
@-moz-keyframes element-from-right {
0% {
-moz-transform: translate(20%, 0);
opacity: 0;
}
100% {
-moz-transform: translate(0, 0);
opacity: 1;
}
}
@-o-keyframes element-from-right {
0% {
-o-transform: translate(20%, 0);
opacity: 0;
}
100% {
-o-transform: translate(0, 0);
opacity: 1;
}
}
@keyframes element-from-right {
0% {
transform: translate(20%, 0);
opacity: 0;
}
100% {
transform: translate(0, 0);
opacity: 1;
}
}
@-webkit-keyframes element-from-bottom {
0% {
-webkit-transform: translate(0, 30%);
opacity: 0;
}
100% {
-webkit-transform: translate(0, 0);
opacity: 1;
}
}
@-moz-keyframes element-from-bottom {
0% {
-moz-transform: translate(0, 30%);
opacity: 0;
}
100% {
-moz-transform: translate(0, 0);
opacity: 1;
}
}
@-o-keyframes element-from-bottom {
0% {
-o-transform: translate(0, 30%);
opacity: 0;
}
100% {
-o-transform: translate(0, 0);
opacity: 1;
}
}
@keyframes element-from-bottom {
0% {
transform: translate(0, 30%);
opacity: 0;
}
100% {
transform: translate(0, 0);
opacity: 1;
}
}
@-webkit-keyframes element-from-top {
0% {
-webkit-transform: translate(0, -30%);
opacity: 0;
}
100% {
-webkit-transform: translate(0, 0);
opacity: 1;
}
}
@-moz-keyframes element-from-top {
0% {
-moz-transform: translate(0, -30%);
opacity: 0;
}
100% {
-moz-transform: translate(0, 0);
opacity: 1;
}
}
@-o-keyframes element-from-top {
0% {
-o-transform: translate(0, -30%);
opacity: 0;
}
100% {
-o-transform: translate(0, 0);
opacity: 1;
}
}
@keyframes element-from-top {
0% {
transform: translate(0, -30%);
opacity: 0;
}
100% {
transform: translate(0, 0);
opacity: 1;
}
}
@-webkit-keyframes element-transform {
0% {
-webkit-transform: scale(0.3);
opacity: .1;
}
100% {
-webkit-transform: scale(1);
opacity: 1;
}
}
@-moz-keyframes element-transform {
0% {
-moz-transform: scale(0.3);
opacity: .1;
}
100% {
-moz-transform: scale(1);
opacity: 1;
}
}
@-o-keyframes element-transform {
0% {
-o-transform: scale(0.3);
opacity: .1;
}
100% {
-o-transform: scale(1);
opacity: 1;
}
}
@keyframes element-transform {
0% {
transform: scale(0.3);
opacity: .1;
}
100% {
transform: scale(1);
opacity: 1;
}
}
/* ==========================================================================
Image With Text Over start styles
========================================================================== */
.q_image_with_text_over{
display: inline-block;
position: relative;
margin: 0px;
width: 100%;
}
.q_image_with_text_over.one_half{
width: 50%;
}
.q_image_with_text_over.one_third{
width: 33.33%;
}
.q_image_with_text_over.one_fourth{
width: 25%;
}
.q_image_with_text_over img{
display: block;
position: relative;
width: 100%;
z-index: 10;
}
.q_image_with_text_over .shader{
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
z-index: 20;
background-color: rgba(0,0,0,0.5);
}
.q_image_with_text_over .text{
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
z-index: 30;
text-align: center;
}
.q_image_with_text_over table{
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
.q_image_with_text_over table td{
padding: 0px;
vertical-align: middle;
background: none !important;
}
.q_image_with_text_over .caption,
.q_image_with_text_over .icon_holder{
opacity: 1;
filter: alpha(opacity = 100);
-webkit-transition: opacity 0.4s ease-in-out;
-moz-transition: opacity 0.4s ease-in-out;
-o-transition: opacity 0.4s ease-in-out;
-ms-transition: opacity 0.4s ease-in-out;
-webkit-transform: translateZ(0px);
}
.q_image_with_text_over .caption{
line-height: 1em;
}
.q_image_with_text_over .text p,
.q_image_with_text_over .caption,
.q_image_with_text_over .icon_holder{
color: #fff;
}
.q_image_with_text_over .icon_holder{
display: inline-block;
}
.q_image_with_text_over .icon_holder.fa-2x{
padding: 0.67em 0.7em;
}
.q_image_with_text_over .icon_holder.fa-3x{
padding: 0.6em 0.62em;
}
.q_image_with_text_over .caption{
margin: 2% 0 0;
}
.q_image_with_text_over .caption.no_icon{
margin: 0;
}
.q_image_with_text_over .desc{
margin: 0px 30px;
opacity: 0;
filter: alpha(opacity = 0);
-webkit-transition: opacity 0.4s ease-in-out;
-moz-transition: opacity 0.4s ease-in-out;
-o-transition: opacity 0.4s ease-in-out;
-ms-transition: opacity 0.4s ease-in-out;
-webkit-backface-visibility:hidden;
-webkit-transform: translateZ(0px);
color:#fff;
}
.q_image_with_text_over .text:hover .caption,
.q_image_with_text_over .text:hover .icon_holder{
opacity: 0;
filter: alpha(opacity = 0);
}
.q_image_with_text_over .text:hover .desc{
opacity: 1;
filter: alpha(opacity = 100);
}
/* ==========================================================================
Image With Text Over end styles
========================================================================== */
/* ==========================================================================
Team start styles
========================================================================== */
.q_team{
background-color:#fff;
overflow:hidden;
}
.q_team_inner{
overflow:hidden;
width: 100%;
}
.q_team .q_team_image{
position:relative;
}
.q_team .q_team_image img{
width:100%;
vertical-align: middle;
}
.q_team .q_team_description_wrapper {
position: absolute;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.95);
opacity: 0;
-webkit-transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
-ms-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
cursor: default;
}
.q_team .q_team_image:hover .q_team_description_wrapper {
opacity: 1;
}
.q_team .q_team_description {
display: table;
width: 100%;
height: 100%;
}
.q_team .q_team_description_inner {
display: table-cell;
vertical-align: middle;
text-align: center;
padding: 0 50px;
}
.q_team .q_team_description_inner p {
color: #303030;
}
.q_team .q_team_text{
padding:23px 16px 23px;
border-style: none;
border-width: 1px;
border-color: #f6f6f6;
border-top:none !important;
}
.q_team .q_team_title_holder{
margin: 0 0 9px;
text-align: center;
}
.q_team .q_team_title_holder .q_team_name{
margin-bottom: 7px;
}
.q_team .q_team_text_inner .separator{
background-color: #f25f33;
margin-bottom: 16px !important;
}
.q_team .q_team_social_holder{
position: relative;
text-align: center;
}
.q_team .q_team_social_holder .q_social_icon_holder i.simple_social{
font-size: 19px;
color: #bcbcbc;
}
.q_team .q_team_social_holder .q_social_icon_holder:hover i.simple_social {
color: #f25f33;
}
/*Info on hover style*/
.q_team.info_on_hover .q_team_description_wrapper{
position: relative;
opacity: 1;
background-color: transparent;
box-sizing: border-box;
}
.q_team.info_on_hover .q_team_text{
position: absolute;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(21, 21, 21, 0.78);
padding: 0;
opacity: 0;
-webkit-transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
-ms-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
}
.q_team.info_on_hover .q_team_text_holder{
display: table;
width: 100%;
height: 100%;
}
.q_team.info_on_hover .q_team_text_holder_inner{
display: table-cell;
vertical-align: middle;
}
.q_team.info_on_hover .q_team_image:hover .q_team_text{
opacity: 1;
}
.q_team.info_on_hover .q_team_title_holder .q_team_name,
.q_team.info_on_hover .q_team_title_holder span,
.q_team.info_on_hover .q_team_social_holder i.simple_social{
color: #fff;
}
/* ==========================================================================
Team end styles
========================================================================== */
/* ==========================================================================
Service shortcode styles
========================================================================== */
.circle_item .circle {
font-size: 15px;
line-height: 13px;
width: 155px;
height: 155px;
display: inline-block;
text-align: center;
color: #000;
background-color: #fbfbfb;
-o-border-radius: 182px;
-moz-border-radius: 182px;
-webkit-border-radius: 182px;
border-radius: 182px;
-webkit-transition: all .5s ease 0s;
-moz-transition: all .5s ease 0s;
-o-transition: all .5s ease 0s;
-webkit-transform: translateZ(0px);
-moz-transform: translateZ(0px);
}
.circle_item .circle div {
padding: 69.5px 0;
}
.circle_left {
width: 100%;
display: inline-block;
margin: 0 0 25px 0;
}
.circle_left .circle {
float: left;
}
.circle_left .text {
padding: 0 10px 0 170px;
}
.circle_top {
width: 100%;
display: inline-block;
text-align: center;
margin: 0 0 25px 0;
}
.circle_top .circle {
margin: 0 auto;
}
.circle_top .text {
margin: 25px 0 0;
}
.circle_top .text p {
margin: 0;
}
.circle_item .circle a {
text-decoration: none;
}
.circle_item .circle:hover {
background-color: #f25f33;
color: #fff;
}
.circle_item .circle.hover {
cursor: pointer;
}
.circle_item .circle:hover a {
color: #fff;
}
.fade_in_circle_holder {
display: block;
cursor: pointer;
overflow: hidden;
}
.fade_in_circle_holder.animate_circle {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.fade_in_circle_holder {
display: table;
position: relative;
overflow: hidden;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: scale(0.1);
-moz-transform: scale(0.1);
-o-transform: scale(0.1);
-ms-transform: scale(0.1);
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
-webkit-backface-visibility: hidden;
z-index: 2000;
}
.touch .no_animation_on_touch .fade_in_circle_holder{
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
/* ==========================================================================
Image hover styles
========================================================================== */
.image_hover {
position: relative;
display: inline-block;
width: 100%;
}
.image_hover .images_holder {
position: relative;
display: inline-block;
}
.image_hover .images_holder img.hover_image {
position: absolute;
top: 0;
left: 0;
}
.image_hover .images_holder img.active_image {
opacity: 1;
filter: alpha(opacity = 100);
position: relative;
display: block;
}
.image_hover .images_holder img.active_image,
.image_hover .images_holder img.hover_image,
.image_hover.hovered.show .images_holder img.active_image,
.image_hover.hovered.show .images_holder img.hover_image {
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-backface-visibility:hidden;
-webkit-transform: translateZ(0px);
}
.image_hover .images_holder img.hover_image {
opacity: 0;
filter: alpha(opacity = 0);
}
.image_hover .images_holder:hover img.active_image,
.image_hover.hovered.show .images_holder img.active_image {
opacity: 0;
filter: alpha(opacity = 0);
}
.image_hover .images_holder:hover img.hover_image,
.image_hover.hovered.show .images_holder img.hover_image {
opacity: 1;
filter: alpha(opacity = 100);
}
/* ==========================================================================
Call to action widget styles
========================================================================== */
/*.content_bottom{
position: relative;
z-index: 100;
}*/
.qode_call_to_action.container {
background-color: #f25f33;
}
.qode_call_to_action.in_grid {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
.qode_call_to_action.container .container_inner {
padding: 40px 0;
}
.call_to_action_text_wrapper p {
font-size: 19px;
font-weight: 300;
line-height: 1.692307692307692em;
color: #fff;
text-align: center;
}
.qode_call_to_action .call_to_action_text_wrapper {
line-height: 40px;
}
.qode_call_to_action .qbutton{
position: static;
}
.call_to_action_button_wrapper {
text-align: left;
}
.call_to_action_button_wrapper.left {
text-align: left;
}
.qode_call_to_action .two_columns_75_25>.column2.left>.column_inner {
padding: 0 20px 0 0;
}
.qode_call_to_action.in_grid .two_columns_75_25>.column2.left>.column_inner {
padding-left: 28px;
}
.qode_call_to_action.in_grid .two_columns_75_25>.column2>.column_inner {
padding-right: 28px;
}
.qode_call_to_action.in_grid .two_columns_75_25>.column1.left>.column_inner {
padding-right: 28px;
}
.qode_call_to_action.in_grid .two_columns_75_25>.column1>.column_inner {
padding-left: 28px;
}
.qode_call_to_action .two_columns_75_25>.column1.left>.column_inner {
padding: 0;
}
.qode_call_to_action .two_columns_75_25>.column1.left {
text-align: right;
}
/* ==========================================================================
* Bootstrap v3.0.0
*
* Copyright 2013 Twitter, Inc
* Licensed under the Apache License v2.0
* http://www.apache.org/licenses/LICENSE-2.0
*
* Designed and built with all the love in the world by @mdo and @fat.
* normalize.css v2.1.0 | MIT License | git.io/normalize
========================================================================== */
.carousel {
position: relative;
}
.carousel-inner {
position: relative;
width: 100%;
overflow: hidden;
}
.boxed .carousel-inner{
width: 1150px;
left: auto !important;
}
.carousel-inner .video{
position: static;
left: 0;
direction: ltr;
}
.carousel-inner > .item {
position: relative;
display: none;
-webkit-transition: 0.6s ease-in-out left;
transition: 0.6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
display: block;
height: auto;
max-width: 100%;
line-height: 1;
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
display: block;
}
.carousel-inner > .active {
left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
position: absolute;
top: 0;
width: 100%;
}
.carousel-inner > .next {
left: 100%;
}
.carousel-inner > .prev {
left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
left: 0;
}
.carousel-inner > .active.left {
left: -100%;
}
.carousel-inner > .active.right {
left: 100%;
}
/* part for fading adnimation - start */
.carousel.fade .item {
-webkit-transition: opacity 0.5s ease-in-out;
-moz-transition: opacity 0.5s ease-in-out;
-ms-transition: opacity 0.5s ease-in-out;
-o-transition: opacity 0.5s ease-in-out;
transition: opacity 0.5s ease-in-out;
opacity: 1;
filter: alpha(opacity=100);
}
.carousel.fade .active.left,
.carousel.fade .active.right {
opacity: 0;
filter: alpha(opacity=0);
}
.carousel.fade .active.item {
opacity: 1;
filter: alpha(opacity=100);
}
.carousel.fade .active.left,
.carousel.fade .active.right {
left: 0;
z-index: 2;
opacity: 0;
filter: alpha(opacity=0);
}
.carousel.fade .next,
.carousel.fade .prev {
left: 0;
z-index: 1;
}
/* part for fading adnimation - end */
.carousel-indicators {
position: absolute;
bottom: 20px;
left: 50%;
z-index: 15;
width: 60%;
padding-left: 0;
margin-left: -30%;
text-align: center;
list-style: none;
}
.carousel-indicators li {
display: inline-block;
width: 8px;
height: 8px;
margin: 1px;
text-indent: -999px;
cursor: pointer;
border-radius: 10px;
}
.carousel-caption {
position: absolute;
right: 15%;
bottom: 40px;
left: 15%;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-caption .btn {
text-shadow: none;
}
@media screen and (min-width: 768px) {
.carousel-control .icon-prev,
.carousel-control .icon-next {
width: 30px;
height: 30px;
margin-top: -15px;
margin-left: -15px;
font-size: 30px;
}
.carousel-caption {
right: 20%;
left: 20%;
padding-bottom: 30px;
}
}
/* ==== Carousel Custom - Start ==== */
.carousel {
margin-bottom: 0;
}
.carousel.full_screen {
height: 1500px;
}
.qode_slider_preloader{
width: 100%;
background-color: #1c1c1c;
position: absolute;
z-index: 20;
}
.qode_slider_preloader{
height: 1500px;
}
.qode_slider_preloader .ajax_loader{
position: absolute;
}
.carousel-inner .slider_content_outer{
position: relative;
height: 100%;
width: 1100px;
margin: 0px auto;
z-index: 12;
}
.carousel-inner .slider_content {
position: absolute;
width: 100%;
}
.carousel-inner .slider_content .slide_anchor_holder {
margin-top: 8%;
}
.carousel-inner .item.dark .slider_content .text .slide_anchor_holder .slide_anchor_button {
color: #000;
}
.carousel-inner .slider_content .slide_anchor_holder .slide_anchor_button {
font-size: 51px;
color: #fff;
}
.carousel-inner .slider_content .thumb{
opacity: 0;
filter: alpha(opacity = 0);
height: 100%;
display: inline-block;
vertical-align: middle;
}
.carousel-inner .slider_content.left{
text-align: left;
}
.carousel-inner .slider_content.right{
text-align: right;
}
.carousel-inner .slider_content.left .thumb,
.carousel-inner .slider_content.right .thumb{
display: inline-block;
}
.carousel-inner .slider_content.center .thumb{
text-align: center;
}
.carousel-inner .slider_content.center {
text-align: center;
}
/*----- SVG ----- */
.qode_slide-svg-holder svg{
opacity: 0;
height: auto;
}
.item.active .qode_slide-svg-holder svg{
-webkit-animation: fade 0.4s 1 cubic-bezier(0.500, 0.110, 0.805, 0.320);
-moz-animation: fade 0.4s 1 cubic-bezier(0.500, 0.110, 0.805, 0.320);
-o-animation: fade 0.4s 1 cubic-bezier(0.500, 0.110, 0.805, 0.320);
animation: fade 0.4s 1 cubic-bezier(0.500, 0.110, 0.805, 0.320);
opacity: 1;
}
.carousel-inner .active .slider_content .thumb{
-webkit-animation: rotate 1s 1 ease-out;
-moz-animation: rotate 1s 1 ease-out;
-o-animation: rotate 1s 1 ease-out;
animation: rotate 1s 1 ease-out;
opacity: 1;
filter: alpha(opacity = 100);
}
.carousel-inner .active .slider_content .thumb.fade{
-webkit-animation: fade 1s 1 ease-out;
-moz-animation: fade 1s 1 ease-out;
-o-animation: fade 1s 1 ease-out;
animation: fade 1s 1 ease-out;
}
.carousel-inner .slider_content .thumb img{
max-height: 100%;
}
.carousel-inner .slider_content .text{
text-align: center;
opacity: 0;
filter: alpha(opacity = 0);
position: relative;
display: inline-block;
width: 100%;
margin: 10px 0px 10px 0px;
-webkit-transform: translateZ(0px);
-moz-transform: translateZ(0px);
-ms-transform: translateZ(0px);
-o-transform: translateZ(0px);
transform: translateZ(0px);
}
.carousel-inner .active .slider_content .text {
-webkit-animation: text-from-bottom 1.5s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
-moz-animation: text-from-bottom 1.5s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
-o-animation: text-from-bottom 1.5s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
animation: text-from-bottom 1.5s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
opacity: 1;
filter: alpha(opacity = 100);
}
/* one by one element animation - start */
.carousel-inner .slider_content .text.one_by_one{
-webkit-animation: none;
-moz-animation: none;
-o-animation: none;
animation: none;
opacity: 1;
}
.carousel-inner .slider_content .text.one_by_one h2,
.carousel-inner .slider_content .text.one_by_one h4,
.carousel-inner .slider_content .text.one_by_one .separator,
.carousel-inner .slider_content .text.one_by_one p,
.carousel-inner .slider_content .text.one_by_one a.qbutton,
.carousel-inner .slider_content .text.one_by_one .slide_anchor_holder{
opacity: 0;
filter: alpha(opacity = 0);
position: relative;
top: 70px;
}
.carousel-inner .active .slider_content .text.one_by_one h2,
.carousel-inner .active .slider_content .text.one_by_one h4,
.carousel-inner .active .slider_content .text.one_by_one .separator,
.carousel-inner .active .slider_content .text.one_by_one p,
.carousel-inner .active .slider_content .text.one_by_one a.qbutton,
.carousel-inner .active .slider_content .text.one_by_one .slide_anchor_holder{
-webkit-animation: text-from-bottom-one-by-one 1.2s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000) 0s;
-moz-animation: text-from-bottom-one-by-one 1.2s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000) 0s;
-o-animation: text-from-bottom-one-by-one 1.2s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000) 0s;
animation: text-from-bottom-one-by-one 1.2s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000) 0s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
/*top: 0px;*/
opacity: 1;
filter: alpha(opacity = 100);
}
/* without separator and subtitle above - start */
.carousel-inner .active .slider_content .text.one_by_one.subtitle_above_title.no_separator h2{
animation-delay:0.15s;
-webkit-animation-delay:0.15s;
}
.carousel-inner .active .slider_content .text.one_by_one.subtitle_above_title.no_separator p{
animation-delay:0.3s;
-webkit-animation-delay:0.3s;
}
.carousel-inner .active .slider_content .text.one_by_one.subtitle_above_title.no_separator a.qbutton{
animation-delay:0.45s;
-webkit-animation-delay:0.45s;
}
.carousel-inner .active .slider_content .text.one_by_one.subtitle_above_title.no_separator .slide_anchor_holder {
animation-delay: 0.6s;
-webkit-animation-delay: 0.6s;
}
/* without separator and subtitle above - end */
/* with separator and subtitle above - start */
.carousel-inner .active .slider_content .text.one_by_one.subtitle_above_title.has_separator h2{
animation-delay:0.15s;
-webkit-animation-delay:0.15s;
}
.carousel-inner .active .slider_content .text.one_by_one.subtitle_above_title.has_separator .separator{
animation-delay:0.3s;
-webkit-animation-delay:0.3s;
}
.carousel-inner .active .slider_content .text.one_by_one.subtitle_above_title.has_separator p{
animation-delay:0.45s;
-webkit-animation-delay:0.45s;
}
.carousel-inner .active .slider_content .text.one_by_one.subtitle_above_title.has_separator a.qbutton{
animation-delay:0.6s;
-webkit-animation-delay:0.6s;
}
.carousel-inner .active .slider_content .text.one_by_one.subtitle_above_title.has_separator .slide_anchor_holder {
animation-delay: 0.75s;
-webkit-animation-delay: 0.75s;
}
/* with separator and subtitle above - end */
/* without separator and subtitle bellow - start */
.carousel-inner .active .slider_content .text.one_by_one.subtitle_bellow_title.no_separator h4{
animation-delay:0.15s;
-webkit-animation-delay:0.15s;
}
.carousel-inner .active .slider_content .text.one_by_one.subtitle_bellow_title.no_separator p{
animation-delay:0.3s;
-webkit-animation-delay:0.3s;
}
.carousel-inner .active .slider_content .text.one_by_one.subtitle_bellow_title.no_separator a.qbutton{
animation-delay:0.45s;
-webkit-animation-delay:0.45s;
}
.carousel-inner .active .slider_content .text.one_by_one.subtitle_bellow_title.no_separator .slide_anchor_holder {
animation-delay: 0.6s;
-webkit-animation-delay: 0.6s;
}
/* without separator and subtitle bellow - end */
/* with separator and subtitle bellow - start */
.carousel-inner .active .slider_content .text.one_by_one.subtitle_bellow_title.has_separator h4{
animation-delay:0.15s;
-webkit-animation-delay:0.15s;
}
.carousel-inner .active .slider_content .text.one_by_one.subtitle_bellow_title.has_separator .separator{
animation-delay:0.3s;
-webkit-animation-delay:0.3s;
}
.carousel-inner .active .slider_content .text.one_by_one.subtitle_bellow_title.has_separator p{
animation-delay:0.45s;
-webkit-animation-delay:0.45s;
}
.carousel-inner .active .slider_content .text.one_by_one.subtitle_bellow_title.has_separator a.qbutton{
animation-delay:0.6s;
-webkit-animation-delay:0.6s;
}
.carousel-inner .active .slider_content .text.one_by_one.subtitle_bellow_title.has_separator .slide_anchor_holder {
animation-delay: 0.75s;
-webkit-animation-delay: 0.75s;
}
/* with separator and subtitle bellow - end */
/* without separator and no subtitle - start */
.carousel-inner .active .slider_content .text.one_by_one.no_subtitle.no_separator p{
animation-delay:0.2s;
-webkit-animation-delay:0.2s;
}
.carousel-inner .active .slider_content .text.one_by_one.no_subtitle.no_separator a.qbutton{
animation-delay:0.4s;
-webkit-animation-delay:0.4s;
}
.carousel-inner .active .slider_content .text.one_by_one.no_subtitle.no_separator .slide_anchor_holder {
animation-delay: 0.6s;
-webkit-animation-delay: 0.6s;
}
/* without separator and no subtitle - end */
/* with separator and no subtitle - start */
.carousel-inner .active .slider_content .text.one_by_one.no_subtitle.has_separator .separator{
animation-delay:0.15s;
-webkit-animation-delay:0.15s;
}
.carousel-inner .active .slider_content .text.one_by_one.no_subtitle.has_separator p{
animation-delay:0.3s;
-webkit-animation-delay:0.3s;
}
.carousel-inner .active .slider_content .text.one_by_one.no_subtitle.has_separator a.qbutton{
animation-delay:0.45s;
-webkit-animation-delay:0.45s;
}
.carousel-inner .active .slider_content .text.one_by_one.no_subtitle.has_separator .slide_anchor_holder {
animation-delay: 0.6s;
-webkit-animation-delay: 0.6s;
}
/* with separator and no subtitle - end */
/* one by one element animation - end */
.carousel-inner .slider_content .text .qbutton {
margin: 10px 0px 0px 0px;
}
.carousel-inner .item.dark .slider_content .text .qbutton {
border-color: #303030;
background-color: #303030;
color: #fff;
}
.carousel-inner .item.dark .slider_content .text .qbutton:hover {
background-color: transparent;
color: #303030;
}
.carousel-inner .item.dark .slider_content .text .qbutton.white{
background-color: transparent;
color: #303030;
}
.carousel-inner .item.dark .slider_content .text .qbutton.white:hover{
background-color: #303030;
color: #fff !important;
border-color: #303030;
}
.carousel-inner .slider_content .text .qbutton.white{
margin: 10px 0 0 10px;
}
.carousel-inner h2 {
margin: 10px 0 20px 0;
font-size: 45px;
line-height: 1.071428571428571em; /* 48px / 45px */
}
.carousel-inner h2.with_title_border {
margin: 20px 0 30px 0;
}
.carousel-inner h2.with_title_border span {
display: inline-block;
padding: 0.3em 1.1em;
}
.carousel-inner h2,
.carousel-inner .q_slide_subtitle {
font-weight: 600;
color: #fff;
text-align: center;
padding: 0px;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
}
.carousel-inner h2.with_background_color span {
padding: 10px;
}
.carousel-inner .q_slide_subtitle {
font-size: 26px;
letter-spacing: 1px;
}
.carousel-inner .q_slide_subtitle span {
font-size: 1em;
margin-bottom: 13px;
display: inline-block;
}
.carousel-inner .q_slide_subtitle.with_background_color span {
padding: 10px;
margin-bottom: 12px;
}
.carousel-inner p {
color: #fff;
text-align: center;
font-size: 21px;
line-height: 1.363157894736842em; /* 29px / 21px */
font-weight: 400;
margin: 10px 0px 15px 0px;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
}
.carousel-inner .dark h2,
.carousel-inner .dark .q_slide_subtitle,
.carousel-inner .dark p{
color: #000;
}
.carousel-inner .left .text,
.carousel-inner .left h2,
.carousel-inner .left .q_slide_subtitle,
.carousel-inner .left p{
text-align: left;
}
.carousel-inner .right .text,
.carousel-inner .right h2,
.carousel-inner .right .q_slide_subtitle,
.carousel-inner .right p{
text-align: right;
}
.carousel-inner {
left: 0 !important;
position: fixed;
overflow: hidden;
width: 100%;
z-index: 1;
transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
-moz-transform: translate(0px, 0px);
-webkit-transform: translate(0px, 0px);
-o-transform: translate(0px, 0px);
-webkit-transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1), margin 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
-moz-transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1), margin 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
-o-transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1), margin 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
-ms-transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1), margin 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1), margin 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
}
.carousel-inner.relative_position{
position: relative;
}
.carousel-inner .item img {
display: inline-block !important;
}
.touch .carousel-inner .item {
background-position: center 0px !important;
}
.carousel-inner .item .image{
position: absolute;
top: 0px;
left: 0px;
background-position: center 0px;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 100%;
}
/* animate image - start */
@media only screen and (min-width: 1000px){
.carousel-inner .item.animate_image.zoom_center .image{
position: absolute;
top: 0%;
left: 0%;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 110%;
-webkit-backface-visibility: hidden; /* to prevent glittering on slide change */
backface-visibility: hidden;
}
.carousel-inner .item.animate_image.zoom_top_left .image,
.carousel-inner .item.animate_image.zoom_top_right .image,
.carousel-inner .item.animate_image.zoom_bottom_left .image,
.carousel-inner .item.animate_image.zoom_bottom_right .image{
position: absolute;
top: -12%;
left: -12%;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
width: 125%;
height: 125%;
-webkit-backface-visibility: hidden; /* to prevent glittering on slide change */
backface-visibility: hidden;
}
}
@media only screen and (max-width: 1000px){
.carousel-inner .item.animate_image.zoom_center .image,
.carousel-inner .item.animate_image.zoom_top_left .image,
.carousel-inner .item.animate_image.zoom_top_right .image,
.carousel-inner .item.animate_image.zoom_bottom_left .image,
.carousel-inner .item.animate_image.zoom_bottom_right .image{
transform: none !important;
-webkit-transform: none !important;
}
}
/* animate image - end */
.carousel-inner .item .image img{
display: none !important;
width: 0px;
height: 0px;
}
.carousel-inner .item .image_pattern {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-position: 0 0;
background-repeat: repeat;
z-index: 2;
}
.carousel-control {
top: 0px;
width: 23%;
color: #303030;
font-size: 13px;
height: 100%;
background: none;
text-shadow: none;
position: absolute;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border: none;
z-index: 2 !important;
margin: 0px;
outline: none;
cursor: pointer;
-webkit-transition: color 0.6s ease-in-out, opacity 0.3s ease-in-out;
-moz-transition: color 0.6s ease-in-out, opacity 0.3s ease-in-out;
-o-transition: color 0.6s ease-in-out, opacity 0.3s ease-in-out;
-ms-transform: color 0.6s ease-in-out, opacity 0.3s ease-in-out;
transition: color 0.6s ease-in-out, opacity 0.3s ease-in-out;
}
.carousel-control.right {
right: 0;
left: auto;
}
.carousel-control:hover{
color: #303030;
opacity: 1 !important;
}
.carousel-control.dark,
.carousel-control.dark:hover{
color: #fff;
}
.carousel-control .prev_nav,
.carousel-control .next_nav{
height: 54px;
width: 54px;
border: 2px solid #fff;
line-height: 54px;
font-size: 14px;
position: absolute;
top: 50%;
margin-top: -27px;
text-align: center;
z-index: 10;
-webkit-transition: opacity 0.3s ease 0s;
-moz-transition: opacity 0.3s ease 0s;
-o-transition: opacity 0.3s ease 0s;
transition: opacity 0.3s ease-in-out;
opacity: 0;
-webkit-border-radius: 56px;
-moz-border-radius: 56px;
-ms-border-radius: 56px;
-o-border-radius: 56px;
border-radius: 56px;
}
@media only screen and (max-width: 1000px){
.carousel-control .prev_nav,
.carousel-control .next_nav {
margin-top: -27px !important;
}
}
.carousel-control i{
font-size:30px;
color: #fff;
line-height: 54px;
}
.carousel-control.dark .prev_nav i,
.carousel-control.dark .next_nav i{
color: #000;
}
.carousel-control.light .prev_nav i,
.carousel-control.light .next_nav i{
color: #fff;
}
.carousel-control.dark .prev_nav,
.carousel-control.dark .next_nav{
border-color: #000;
}
.carousel-control.light .prev_nav,
.carousel-control.light .next_nav{
border-color: #fff;
}
.carousel-control .prev_nav{
left: 23px;
}
.q_slider:hover .carousel-control .prev_nav{
opacity: 1;
}
.carousel-control .next_nav{
right: 23px;
}
.q_slider:hover .carousel-control .next_nav{
opacity: 1;
}
.q_slider:hover .carousel-control .next_nav:hover,
.q_slider:hover .carousel-control .prev_nav:hover{
opacity: 1;
}
.carousel-control .thumb_holder{
width: 150px;
display: block;
position: absolute;
margin: -20px 0px 0px 0px;
top: 50%;
z-index: 9;
}
.carousel-control .thumb_holder .thumb_top{
background-color: #fff;
display: block;
position: relative;
}
.carousel-control.dark .thumb_holder .thumb_top{
background-color: #000;
}
.carousel-control.left .thumb_holder .thumb_top{
-webkit-border-radius:0px 3px 0px 0px;
-moz-border-radius:0px 3px 0px 0px;
-ms-border-radius: 0px 3px 0px 0px;
border-radius:0px 3px 0px 0px;
}
.carousel-control.right .thumb_holder .thumb_top{
-webkit-border-radius:3px 0px 0px 0px;
-moz-border-radius:3px 0px 0px 0px;
-ms-border-radius: 3px 0px 0px 0px;
border-radius:3px 0px 0px 0px;
}
.carousel-control.left .thumb_holder{
left: -100%;
-webkit-transition: left 0.2s ease-in-out;
-moz-transition: left 0.2s ease-in-out;
-o-transition: left 0.2s ease-in-out;
-ms-transform: left 0.2s ease-in-out;
transition: left 0.2s ease-in-out;
-webkit-border-radius:0px 3px 3px 0px;
-moz-border-radius:0px 3px 3px 0px;
-ms-border-radius: 0px 3px 3px 0px;
border-radius:0px 3px 3px 0px;
display: none;
}
.slider_thumbs .carousel-control.left:hover .thumb_holder{
left: 0px;
}
.in_progress.slider_thumbs .carousel-control.left .thumb_holder{
left: -100% !important;
}
.carousel-control.right .thumb_holder{
right: -100%;
-webkit-transition: right 0.2s ease-in-out;
-moz-transition: right 0.2s ease-in-out;
-o-transition: right 0.2s ease-in-out;
-ms-transform: right 0.2s ease-in-out;
transition: right 0.2s ease-in-out;
-webkit-border-radius:3px 0px 0px 3px;
-moz-border-radius:3px 0px 0px 3px;
-ms-border-radius: 3px 0px 0px 3px;
border-radius:3px 0px 0px 3px;
display: none;
}
.slider_thumbs .carousel-control.right:hover .thumb_holder{
right: 0px;
}
.in_progress.slider_thumbs .carousel-control.right .thumb_holder{
right: -100% !important;
}
.carousel-control.left .arrow_left{
float: left;
height: 40px;
line-height: 40px;
padding: 0px 0px 0px 15px;
}
.carousel-control.left .numbers{
float: right;
height: 40px;
line-height: 40px;
padding: 0px 20px 0px 0px;
}
.carousel-control.right .arrow_right{
float: right;
height: 40px;
line-height: 40px;
padding: 0px 15px 0px 0px;
}
.carousel-control.right .numbers{
float: left;
height: 40px;
line-height: 40px;
padding: 0px 0px 0px 20px;
}
.carousel-control .img_outer{
top: 0px;
clear: both;
width: 150px;
height: 47px;
position: relative;
display: block;
overflow: hidden;
margin: 0px 0px -2px 0px;
}
.carousel-control .img{
top: -47px;
width: 150px;
height: 47px;
position: relative;
display: block;
overflow: hidden;
}
.in_progress .carousel-control:hover .img{
top: -47px !important;
}
.carousel-control:hover .img{
top: 0px;
-webkit-transition: top 0.2s ease-in-out 0.2s;
-moz-transition: top 0.2s ease-in-out 0.2s;
-o-transition: top 0.2s ease-in-out 0.2s;
-ms-transform: top 0.2s ease-in-out 0.2s;
transition: top 0.2s ease-in-out 0.2s;
}
.carousel-control.right .img{
float: right;
}
.carousel-control .img img,
.carousel-control .img .video{
position: absolute;
top: 0px;
left: 0px;
z-index: 2;
}
.carousel-control .img .video{
left: -1px;
}
.carousel-control .img .old{
z-index: 1;
}
@media only screen and (max-width: 1300px){
.carousel-control {
width: 15%;
}
}
@media only screen and (max-width: 1000px){
.carousel-control{
width: 10%;
}
.carousel-control .prev_nav{
left: 0px;
opacity: 1;
}
.carousel-control.left .thumb_holder{
display: none;
}
.carousel-control .next_nav{
right: 0px;
opacity: 1;
}
.carousel-control.right .thumb_holder{
display: none;
}
}
.touch .carousel-control{
width: 10%;
}
.touch .carousel-control.left{
background-position: 30px center !important;
}
.touch .carousel-control.left .thumb_holder{
display: none;
}
.touch .carousel-control.right{
background-position: 100% center !important;
}
.touch .carousel-control.right .thumb_holder{
display: none;
}
/* old way responsiveness - start */
@media (max-width: 1200px) {
.carousel:not(.advanced_responsiveness) .carousel-inner h2 {
margin-top: 0;
}
.carousel:not(.advanced_responsiveness) .carousel-inner h2 span {
font-size: 0.625em !important;
line-height: 1.4em !important;
}
.carousel:not(.advanced_responsiveness) .carousel-inner .q_slide_subtitle span {
font-size: 0.8em;
}
.carousel:not(.advanced_responsiveness) .carousel-inner h2 {
line-height: inherit !important;
}
}
@media (max-width: 1024px) {
.carousel:not(.advanced_responsiveness) .carousel-inner{
position: relative;
}
.carousel:not(.advanced_responsiveness) .carousel-inner .qbutton {
font-size: 12px;
line-height: 31px;
height: 31px;
}
.carousel:not(.advanced_responsiveness) .carousel-inner .qbutton i{
margin: 0px 0px 0px 20px;
}
}
@media only screen and (max-height: 850px){
.full_screen:not(.advanced_responsiveness) .carousel-inner .slider_content{
height: 35%;
}
}
@media only screen and (max-width: 800px) {
.carousel:not(.advanced_responsiveness) .carousel .carousel-inner .slider_content_outer {
display: table;
}
.carousel:not(.advanced_responsiveness) .carousel-inner .slider_content .thumb {
height: auto;
}
.carousel:not(.advanced_responsiveness) .carousel .carousel-inner .slider_content {
display: table-cell;
vertical-align: middle;
position: static;
top: 0 !important;
left: 0 !important;
}
.carousel:not(.advanced_responsiveness) .carousel-inner h2.large span {
font-size: .425em!important;
}
}
@media (max-width: 768px) {
.carousel:not(.advanced_responsiveness) .carousel-inner .qbutton {
font-size: 11px;
line-height: 27px;
height: 27px;
}
.carousel:not(.advanced_responsiveness) .carousel-inner .qbutton i {
margin: 0px 0px 0px 17px;
}
.carousel:not(.advanced_responsiveness) .carousel-inner h2.with_title_border span {
padding: .3em 0.8em;
}
.carousel:not(.advanced_responsiveness) .carousel-control.left {
left: 0;
}
.carousel:not(.advanced_responsiveness) .carousel-control.right {
right: 0;
}
}
@media only screen and (max-height: 600px){
.full_screen:not(.advanced_responsiveness) .carousel-inner .slider_content{
height: 25%;
}
}
@media (max-width: 567px) {
.carousel:not(.advanced_responsiveness) .carousel-inner .qbutton{
font-size: 10px;
line-height: 23px;
height: 23px;
}
.carousel:not(.advanced_responsiveness) .carousel-inner .qbutton i{
margin: 0px 0px 0px 14px;
}
.carousel:not(.advanced_responsiveness) .carousel-inner p {
line-height: 1.4em !important;
}
.carousel:not(.advanced_responsiveness) .carousel-control {
display: none;
}
.carousel:not(.advanced_responsiveness) .carousel-inner h2.large span {
font-size: .38em !important;
}
.carousel:not(.advanced_responsiveness) .carousel-inner h2 span {
font-size: .525em !important;
}
}
@media (max-width: 480px) {
.carousel:not(.advanced_responsiveness) .carousel-inner h2.large span {
font-size: .3em !important;
}
}
@media (max-width: 320px) {
.carousel:not(.advanced_responsiveness) .carousel-inner h2.large span {
font-size: 0.2em !important;
}
.carousel:not(.advanced_responsiveness) .carousel-inner h2 span {
font-size: 0.4em !important;
line-height: 1em !important;
}
.carousel:not(.advanced_responsiveness) .carousel-inner p span {
font-size: 60% !important;
}
.carousel:not(.advanced_responsiveness) .carousel-inner p {
line-height: 1em !important;
}
.carousel:not(.advanced_responsiveness) .carousel-inner .qbutton{
font-size: 9px;
line-height: 20px;
height: 20px;
}
.carousel:not(.advanced_responsiveness) .carousel-inner .qbutton i{
margin: 0px 0px 0px 10px;
}
.carousel:not(.advanced_responsiveness) .carousel-inner h2.with_title_border {
margin: 0 0 10px;
}
}
/* old way responsiveness - end */
/* advanced responsiveness - start */
@media (max-width: 1200px) {
.carousel.advanced_responsiveness .carousel-inner h2 {
margin-top: 0;
}
}
@media (max-width: 1000px) {
.carousel.advanced_responsiveness .carousel-inner{
position: relative;
}
.carousel.advanced_responsiveness .carousel-inner > .item {
padding-top: 0px !important;
}
.carousel.advanced_responsiveness .carousel-control .prev_nav,
.carousel.advanced_responsiveness .carousel-control .next_nav{
margin-top: 0px !important;
}
.carousel.advanced_responsiveness .carousel .carousel-inner .slider_content_outer {
display: table;
box-sizing: border-box;
display: table;
padding: 0 5px;
}
.carousel.advanced_responsiveness .carousel .carousel-inner .slider_content .thumb {
height: auto;
}
.carousel.advanced_responsiveness .carousel .carousel-inner .slider_content {
display: table-cell;
vertical-align: middle;
position: static;
top: 0 !important;
left: 0 !important;
}
.carousel.advanced_responsiveness .carousel .carousel-inner .graphic_content{
text-align: center;
}
}
@media (max-width: 567px) {
.carousel.advanced_responsiveness .carousel-control {
display: none;
}
}
@media (max-width: 350px) {
.carousel.advanced_responsiveness .carousel .carousel-inner .slider_content_outer {
width: 100% !important;
}
}
/* advanced responsiveness - end */
.carousel-indicators li{
background-color: #fff;
opacity: 0.4;
margin: 0px 3px;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
-ms-transform: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
}
.carousel-indicators.dark li{
background-color: #000;
}
.carousel-indicators .active{
opacity: 1;
margin: 0px 3px;
}
@-webkit-keyframes text-from-bottom {
0% {
-webkit-transform: translate(0, 15%);
opacity: 0;
}
50% {
-webkit-transform: translate(0, 15%);
opacity: 0;
}
100% {
-webkit-transform: translate(0, 0);
opacity: 1;
}
}
@-moz-keyframes text-from-bottom {
0% {
-moz-transform: translate(0, 15%);
opacity: 0;
}
50% {
-moz-transform: translate(0, 15%);
opacity: 0;
}
100% {
-moz-transform: translate(0, 0);
opacity: 1;
}
}
@-o-keyframes text-from-bottom {
0% {
-o-transform: translate(0, 15%);
opacity: 0;
}
50% {
-o-transform: translate(0, 15%);
opacity: 0;
}
100% {
-o-transform: translate(0, 0);
opacity: 1;
}
}
@keyframes text-from-bottom {
0% {
transform: translate(0, 15%);
opacity: 0;
}
50% {
transform: translate(0, 15%);
opacity: 0;
}
100% {
transform: translate(0, 0);
opacity: 1;
}
}
@-webkit-keyframes rotate {
0% {
-webkit-transform: perspective(600px) rotateX(90deg) scale(.5);
opacity: 0;
}
50% {
-webkit-transform: perspective(600px) rotateX(90deg) scale(.5);
opacity: 0;
}
100% {
-webkit-transform: perspective(600px) rotateX(0deg) scale(1);
opacity: 1;
}
}
@-moz-keyframes rotate {
0% {
-moz-transform: perspective(600px) rotateX(90deg) scale(.5);
opacity: 0;
}
50% {
-moz-transform: perspective(600px) rotateX(90deg) scale(.5);
opacity: 0;
}
100% {
-moz-transform: perspective(600px) rotateX(0deg) scale(1);
opacity: 1;
}
}
@-o-keyframes rotate {
0% {
-o-transform: perspective(600px) rotateX(90deg) scale(.5);
opacity: 0.2;
}
50% {
-o-transform: perspective(600px) rotateX(90deg) scale(.5);
opacity: 0.2;
}
100% {
-o-transform: perspective(600px) rotateX(0deg) scale(1);
opacity: 1;
}
}
@keyframes rotate {
0% {
transform: perspective(600px) rotateX(90deg) scale(.5);
opacity: 0;
}
50% {
transform: perspective(600px) rotateX(90deg) scale(.5);
opacity: 0;
}
100% {
transform: perspective(600px) rotateX(0deg) scale(1);
opacity: 1;
}
}
@-webkit-keyframes fade {
0% {
opacity: 0;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-moz-keyframes fade {
0% {
opacity: 0;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-o-keyframes fade {
0% {
opacity: 0;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fade {
0% {
opacity: 0;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes text-from-bottom-one-by-one {
0% {
top: 70px;
opacity: 0;
}
50% {
top: 45px;
opacity: 0;
}
100% {
top: 0px;
opacity: 1;
}
}
@-moz-keyframes text-from-bottom-one-by-one {
0% {
top: 70px;
opacity: 0;
}
50% {
top: 45px;
opacity: 0;
}
100% {
top: 0px;
opacity: 1;
}
}
@-o-keyframes text-from-bottom-one-by-one {
0% {
top: 70px;
opacity: 0;
}
50% {
top: 45px;
opacity: 0;
}
100% {
top: 0px;
opacity: 1;
}
}
@keyframes text-from-bottom-one-by-one {
0% {
top: 70px;
opacity: 0;
}
50% {
top: 45px;
opacity: 0;
}
100% {
top: 0px;
opacity: 1;
}
}
.carousel .video .mobile-video-image {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
display: none;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 10;
}
.carousel .video .video-overlay {
height: 3000px;
left: 0;
opacity: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 11;
}
.carousel .video .video-overlay.active {
background-image: url("img/pixel-video.png");
background-position: 0px 0px;
background-repeat: repeat;
opacity: 1;
}
.carousel .video .video-overlay img{
display: none !important;
}
.carousel .video .video-wrap {
top: 0px;
left: 0px;
overflow: hidden;
position: absolute;
width: 100%;
z-index: 10;
}
.carousel .video .video-wrap .mejs-poster {
background-size: cover !important;
-moz-background-size: cover !important;
-webkit-background-size: cover !important;
-o-background-size: cover !important;
}
.carousel .video .video-wrap .mejs-container .mejs-controls {
display: none !important;
}
.carousel .video .video-wrap .mejs-controls .mejs-button button:focus {
outline: none !important;
}
.carousel .video .video-wrap .mejs-controls .mejs-time-rail .mejs-time-loaded {
background-color: rgba(255, 255, 255, 0.18) !important;
}
.carousel .video .video-wrap .mejs-container {
background-color: transparent !important;
background-image: none !important;
height: auto !important;
}
.carousel .video .video-wrap .mejs-mediaelement{
background: none !important;
border: 0px !important;
}
.carousel .video .video-wrap .mejs-container .mejs-poster img {
max-width: none !important;
width: 100% !important;
}
.carousel .video .video-wrap .mejs-controls button { opacity: 0.8; }
.carousel .video .video-wrap .mejs-controls button:hover, .mejs-controls .mejs-fullscreen-button:hover button { opacity: 1!important;}
.carousel .video .video-wrap .mejs-controls .mejs-time-rail .mejs-time-total {
background: #1f1f1f none repeat scroll 0 0 !important;
}
.carousel .video .video-wrap .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
background: transparent !important;
}
.carousel .item .text .separator {
margin-top: 40px;
margin-bottom: 40px;
width: 68%;
}
.carousel .item .left .text .separator{
margin-left: 0;
}
.carousel .item .right .text .separator{
margin-right: 0;
}
/*** Custom cursor for slider navigation ***/
.q_slider .has_custom_cursor .prev_nav,
.q_slider .has_custom_cursor .next_nav,
.no-touch .q_slider .has_custom_cursor .carousel-indicators{
display:none !important;
}
/*** Custom cursor for slider navigation end ***/
/* ==== Carousel Custom - End ==== */
/* ==== Portfolio Slider, Portfolio Single Slider - Start ==== */
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus,
.portfolio_slider .flex-container a:active, .portfolio_slider .flexslider a:active, .portfolio_slider .flex-container a:focus, .portfolio_slider .flexslider a:focus,
.qode_carousels .flex-container a:active, .qode_carousels a:active, .qode_carousels .flex-container a:focus, .qode_carousels a:focus{
outline: 0;
}
.portfolio_slides,
.slides,
.flex-control-nav,
.flex-direction-nav,
.caroufredsel-direction-nav
{
margin: 0;
padding: 0;
list-style: none;
}
.flexslider .slides>li{
background-color: transparent;
display: none;
position: relative;
margin: 0;
}
.caroufredsel_wrapper {
cursor: grab!important;
cursor: -moz-grab!important;
cursor: -webkit-grab!important;
margin: 0px!important;
}
.portfolio_slider .portfolio_slides,
.qode_carousels .slides{
opacity: 0;
}
.portfolio_slider .portfolio_slides>li,
.qode_carousels .slides>li{
background-color: transparent;
position: relative;
margin: 0;
float: left;
}
.qode_carousels .slides>li{
margin: 0 2px 0 0;
}
.flexslider .slides img,
.portfolio_slider .portfolio_slides img,
.qode_carousels .slides img{
width: 100%;
display: block;
}
.gallery_frame{
width: 100%;
height:100%;
position: absolute;
top: 0;
text-align: center;
}
.wpb_flexslider.flexslider.have_frame{
width: 645px;
margin: 0 auto;
overflow: visible;
}
.frame_holder > .wpb_wrapper {
padding: 34px 0 102px 0;
position: relative;
}
.frame_holder.frame_holder2 > .wpb_wrapper{
padding: 48px 0 75px 0;
}
.slides:after,
.portfolio_slides:after{
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
html[xmlns] .slides,
html[xmlns] .portfolio_slides{
display: block;
}
* html .slides,
* html .portfolio_slides{
height: 1%;
}
.no-js .slides>li:first-child,
.no-js .portfolio_slides>li:first-child{
display: block;
}
.flexslider,
.portfolio_slider {
margin: 0 0 60px;
position: relative;
zoom: 1;
}
.wpb_flexslider.flexslider{
overflow:hidden;
}
.portfolio_slider {
margin: 0;
width: 100.2%;
}
.boxed .portfolio_slider{
margin: 0 -25px 60px;
overflow: hidden;
}
.flex-viewport,
.portfolio_slider .flex-viewport{
max-height: 2000px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
transition: all 1s ease;
}
.loading .flex-viewport{
max-height: 300px;
}
.flexslider .slides,
.portfolio_slider .portfolio_slides,
.qode_carousels .slides{
zoom: 1;
}
.flexslider ul{
padding:0;
}
.portfolio_slider .flex-direction-nav,
.flexslider .flex-direction-nav{
*height: 0;
}
.flex-direction-nav a,
.caroufredsel-direction-nav a
{
width: 42px;
height: 42px;
line-height: 42px;
margin: -23px 0 0;
display: block;
position: absolute;
top: 50%;
z-index: 10;
cursor: pointer;
text-align: center;
-webkit-transition: all .3s ease 0s;
-moz-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
color: #8a8a8a;
background-color:transparent;
text-align:center;
z-index: 200;
border:2px solid #fff;
}
.flex-direction-nav a {
-webkit-box-sizing: initial;
-moz-box-sizing: initial;
box-sizing: initial;
}
.flexslider:hover .flex-direction-nav a.flex-prev:hover,
.flexslider:hover .flex-direction-nav a.flex-next:hover,
.portfolio_slider:hover .flex-direction-nav a.flex-prev:hover,
.portfolio_slider:hover .flex-direction-nav a.flex-next:hover,
.portfolio_slider:hover .caroufredsel-direction-nav a.caroufredsel-next:hover,
.portfolio_slider:hover .caroufredsel-direction-nav a.caroufredsel-prev:hover,
.blog_slider:hover .caroufredsel-direction-nav a.caroufredsel-next:hover,
.blog_slider:hover .caroufredsel-direction-nav a.caroufredsel-prev:hover
{
background-color: #fff;
}
.flexslider:hover .flex-direction-nav a.flex-prev:hover i,
.flexslider:hover .flex-direction-nav a.flex-next:hover i,
.portfolio_slider:hover .flex-direction-nav a.flex-prev:hover i,
.portfolio_slider:hover .flex-direction-nav a.flex-next:hover i,
.portfolio_slider:hover .caroufredsel-direction-nav a.caroufredsel-next:hover i,
.portfolio_slider:hover .caroufredsel-direction-nav a.caroufredsel-prev:hover i,
.blog_slider:hover .caroufredsel-direction-nav a.caroufredsel-next:hover i,
.blog_slider:hover .caroufredsel-direction-nav a.caroufredsel-prev:hover i
{
color:#8a8a8a;
}
.flex-direction-nav a i,
.caroufredsel-direction-nav a i
{
line-height: 42px;
color: #fff;
font-size: 22px;
}
.have_frame .flex-direction-nav a i{
display: none;
}
.flexslider .flex-next,
.portfolio_slider .flex-next,
.portfolio_slider .caroufredsel-next
{
right: 15px;
-webkit-border-radius:2em;
-moz-border-radius:2em;
-ms-border-radius: 2em;
border-radius:2em;
}
.have_frame.flexslider .flex-next{
right: -80px;
-webkit-border-radius:0;
-moz-border-radius:0;
-ms-border-radius: 0;
border-radius:0;
background-image: url('img/frame_arrow_right.png');
background-repeat: no-repeat;
background-position: center center;
width: 25px;
height: 67px;
border: none;
}
.have_frame.flexslider .flex-next:hover{
background-color: transparent !important;
background-image: url('img/frame_arrow_right_hover.png');
}
.flexslider .flex-prev,
.portfolio_slider .flex-prev,
.portfolio_slider .caroufredsel-prev
{
left: 15px;
-webkit-border-radius:2em;
-moz-border-radius:2em;
-ms-border-radius: 2em;
border-radius:2em;
}
.have_frame.flexslider .flex-prev{
left: -80px;
-webkit-border-radius:0;
-moz-border-radius:0;
-ms-border-radius: 0;
border-radius:0;
background-image: url('img/frame_arrow_left.png');
background-repeat: no-repeat;
background-position: center center;
width: 25px;
height: 67px;
border: none;
}
.have_frame.flexslider .flex-prev:hover{
background-color: transparent !important;;
background-image: url('img/frame_arrow_left_hover.png');
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:150/100), only screen and (min-device-pixel-ratio:1.5), only screen and (min-resolution:160dpi) {
.have_frame.flexslider .flex-prev{
background-image: url('img/frame_arrow_left@1_5x.png');
-o-background-size: 25px 67px;
-webkit-background-size: 25px 67px;
-moz-background-size: 25px 67px;
background-size: 25px 67px;
}
.have_frame.flexslider .flex-prev:hover{
background-image: url('img/frame_arrow_left_hover@1_5x.png');
}
.have_frame.flexslider .flex-next{
background-image: url('img/frame_arrow_right@1_5x.png');
-o-background-size: 25px 67px;
-webkit-background-size: 25px 67px;
-moz-background-size: 25px 67px;
background-size: 25px 67px;
}
.have_frame.flexslider .flex-next:hover{
background-image: url('img/frame_arrow_right_hover@1_5x.png');
}
}
@media only screen and (-webkit-min-device-pixel-ratio:2.0), only screen and (min--moz-device-pixel-ratio:2.0), only screen and (-o-min-device-pixel-ratio:200/100), only screen and (min-device-pixel-ratio:2.0), only screen and (min-resolution:210dpi) {
.have_frame.flexslider .flex-prev{
background-image: url('img/[email protected] ');
-o-background-size: 25px 67px;
-webkit-background-size: 25px 67px;
-moz-background-size: 25px 67px;
background-size: 25px 67px;
}
.have_frame.flexslider .flex-prev:hover{
background-image: url('img/[email protected] ');
}
.have_frame.flexslider .flex-next{
background-image: url('img/[email protected] ');
-o-background-size: 25px 67px;
-webkit-background-size: 25px 67px;
-moz-background-size: 25px 67px;
background-size: 25px 67px;
}
.have_frame.flexslider .flex-next:hover{
background-image: url('img/[email protected] ');
}
}
.flex-direction-nav .flex-disabled{
cursor: default;
}
/* ==== Portfolio Slider, Portfolio Single Slider - End ==== */
/* ==== Qode Carousel Slider - Start ==== */
.qode_carousels .slides>li .first_image_holder,
.qode_carousels .slides>li .second_image_holder{
display: block;
position: relative;
width: 100%;
opacity: 1;
-webkit-transition: opacity 0.4s ease-in-out;
-ms-transition: opacity 0.4s ease-in-out;
-moz-transition: opacity 0.4s ease-in-out;
-o-transition: opacity 0.4s ease-in-out;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
}
.qode_carousels .slides>li .second_image_holder{
position: absolute;
top: 0;
left: 0;
}
.qode_carousels .slides>li .second_image_holder,
.qode_carousels .slides > li .carousel_item_holder:hover .first_image_holder.has_hover_image{
opacity: 0;
}
.qode_carousels .slides > li .carousel_item_holder:hover .second_image_holder.has_hover_image{
opacity: 1;
}
.qode_carousels{
padding: 0;
position: relative;
display: block;
zoom: 1;
}
.qode_carousels_holder.two_rows .slides > li .carousel_item_holder {
margin-bottom: 15px;
position: relative;
}
.qode_carousels .flex-direction-nav {
height: 0;
display: none !important;
}
/* Control Nav */
.qode_carousels .flex-control-nav{
width: 100%;
text-align: center;
position: absolute;
bottom: -60px;
}
.qode_carousels .flex-control-nav li{
margin: 0 3px;
display: inline-block;
zoom: 1;
display: inline;
}
.qode_carousels .flex-control-paging li a{
width: 9px;
height: 9px;
display: inline-block;
border: 1px solid #eaeaea;
background-color: #fff;
cursor: pointer;
text-indent: -9999px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-o-border-radius: 20px;
border-radius: 20px;
}
.qode_carousels .flex-control-paging li a.flex-active{
background-color: #f25f33;
cursor: default;
border: none;
}
.qode_carousels.gray .flex-control-paging li a.flex-active {
cursor: default;
}
/* ==== Qode Carousel Slider - End ==== */
.wpb_row, .wpb_content_element,
ul.wpb_thumbnails-fluid > li,
.last_toggle_el_margin, .wpb_button {
margin-bottom: 0 !important;
}
/* ==========================================================================
Clients styles
========================================================================== */
.qode_clients .qode_client_holder {
float: left;
text-align: center;
margin-bottom: 35px;
}
.qode_clients.two_columns .qode_client_holder {
width: 50%;
}
.qode_clients.three_columns .qode_client_holder {
width: 33.33%;
}
.qode_clients.four_columns .qode_client_holder {
width: 25%;
}
.qode_clients.five_columns .qode_client_holder {
width: 20%;
}
.qode_clients.six_columns .qode_client_holder {
width: 16.66666666666667%;
}
.qode_clients .qode_client_holder_inner {
position: relative;
margin: 0 20px;
}
.qode_clients .qode_client_holder_inner:before,
.qode_clients .qode_client_holder_inner:after {
display: block;
content: "";
position: absolute;
}
.qode_clients .qode_client_holder_inner:before {
height: 100%;
right: -20px;
width: 1px;
border-right: 1px solid #eaeaea;
}
.qode_clients .qode_client_holder_inner:after {
width: 100%;
bottom: -20px;
height: 1px;
border-bottom: 1px solid #eaeaea;
}
.qode_clients .qode_client_holder.border-bottom-none .qode_client_holder_inner:after {
border-bottom: 0;
}
.qode_clients.two_columns .qode_client_holder:nth-child(2n) .qode_client_holder_inner:before,
.qode_clients.three_columns .qode_client_holder:nth-child(3n) .qode_client_holder_inner:before,
.qode_clients.four_columns .qode_client_holder:nth-child(4n) .qode_client_holder_inner:before,
.qode_clients.five_columns .qode_client_holder:nth-child(5n) .qode_client_holder_inner:before,
.qode_clients.six_columns .qode_client_holder:nth-child(6n) .qode_client_holder_inner:before {
border-right-width: 0;
}
.qode_clients .qode_client_holder a {
display: inline-block;
vertical-align: middle;
max-width: 100%;
line-height: 0;
-webkit-transition: opacity 0.6s ease-out;
-moz-transition: opacity 0.6s ease-out;
-o-transition: opacity 0.6s ease-out;
-ms-transform: opacity 0.6s ease-out;
transition: opacity 0.6s ease-out;
}
.qode_clients .qode_client_holder a:hover {
opacity: 0.4;
}
/* ==========================================================================
Animated icon with text styles
========================================================================== */
.animated_icons_with_text .animated_icon_with_text_holder {
float: left;
text-align: center;
}
.animated_icons_with_text.two_columns .animated_icon_with_text_holder {
width: 50%;
}
.animated_icons_with_text.three_columns .animated_icon_with_text_holder {
width: 33.33%;
}
.animated_icons_with_text.four_columns .animated_icon_with_text_holder {
width: 25%;
}
.animated_icons_with_text.five_columns .animated_icon_with_text_holder {
width: 20%;
}
.animated_icons_with_text.six_columns .animated_icon_with_text_holder {
width: 16.66666666666667%;
}
.animated_icons_with_text .animated_icon_with_text_inner {
position: relative;
padding: 0px 20px;
height: 85px;
}
.animated_icons_with_text .animated_icon_with_text_inner:before,
.animated_icons_with_text .animated_icon_with_text_inner:after {
display: block;
content: "";
position: absolute;
}
.animated_icons_with_text .animated_icon_with_text_inner:before {
height: 100%;
right: 0px;
width: 1px;
border-right: 1px solid #f5f5f5;
}
.animated_icons_with_text .animated_icon_with_text_inner:after {
width: 100%;
bottom: 0px;
height: 1px;
border-bottom: 1px solid #f5f5f5;
}
.animated_icons_with_text .animated_icon_with_text_holder.border-bottom-none .animated_icon_with_text_inner:after {
border-bottom: none;
}
.animated_icons_with_text.two_columns .animated_icon_with_text_holder:nth-child(2n) .animated_icon_with_text_inner:before,
.animated_icons_with_text.three_columns .animated_icon_with_text_holder:nth-child(3n) .animated_icon_with_text_inner:before,
.animated_icons_with_text.four_columns .animated_icon_with_text_holder:nth-child(4n) .animated_icon_with_text_inner:before,
.animated_icons_with_text.five_columns .animated_icon_with_text_holder:nth-child(5n) .animated_icon_with_text_inner:before,
.animated_icons_with_text.six_columns .animated_icon_with_text_holder:nth-child(6n) .animated_icon_with_text_inner:before {
border-right-width: 0;
}
.animated_icon_holder{
height: 100%;
padding:0 0 0 15px;
display: block;
width: 81px;
float: left;
position: relative;
}
.animated_icon{
height: 100%;
width: 100%;
position: relative;
}
.animated_icon_inner span{
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
backface-visibility: hidden;
left: 0px;
position: absolute;
top: 0;
-webkit-transition: 200ms ease-in;
-moz-transition: 200ms ease-in;
-o-transition: 200ms ease-in;
transition: 200ms ease-in;
}
.animated_icon_inner span.animated_icon_back{
-webkit-transform: rotateY(-180deg);
-moz-transform: rotateY(-180deg);
-ms-transform: rotateY(-180deg);
-o-transform: rotateY(-180deg);
transform: rotateY(-180deg);
}
.animated_icon_with_text_holder:hover .animated_icon_inner span.animated_icon_back{
-webkit-transform: rotateY(0);
-moz-transform: rotateY(0);
-ms-transform: rotateY(0);
-o-transform: rotateY(0);
transform: rotateY(0);
}
.animated_icon_with_text_holder:hover .animated_icon_inner span {
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.animated_icon_inner{
height: 81px;
width: 100%;
position: absolute;
left:0px;
top: 50%;
margin: -41px 0 0 0;
}
.animated_icon_inner i {
width: 77px;
height: 77px;
line-height: 77px;
background: transparent;
-o-border-radius: 100px;
-moz-border-radius: 100px;
-webkit-border-radius: 100px;
border-radius: 100px;
margin: 0;
border: 2px solid #c0c0c0;
color: #c0c0c0;
font-size:35px;
}
.animated_icon_inner span.animated_icon_back i{
background-color: #f25f33;
color:#fff;
border-color: #f25f33;
}
.animated_icon_with_text_holder .animated_text_holder {
text-align: left;
width: 100%;
height: 100%;
}
.animated_icon_with_text_holder .animated_text_holder_wrap{
display: block;
padding: 0 0 0 116px;
height: 100%;
}
.animated_icon_with_text_holder .animated_text_holder_wrap_inner{
width: 100%;
height: 100%;
position: relative;
}
.animated_text_holder_inner{
position: absolute;
left: 0;
width: 100%;
top: 0;
overflow: hidden;
height: 100%;
}
.animated_icon_with_text_holder .animated_title,
.animated_icon_with_text_holder .animated_text{
display: table;
position: absolute;
overflow: hidden;
width: 100%;
height: 100%;
}
.animated_icon_with_text_holder .animated_title_inner,
.animated_icon_with_text_holder .animated_text p{
display: table-cell;
vertical-align: middle;
}
.animated_icon_with_text_holder .animated_title,
.animated_icon_with_text_holder .animated_title_inner,
.animated_icon_with_text_holder .animated_text,
.animated_icon_with_text_holder .animated_text p{
-webkit-transition: 200ms ease-in;
-moz-transition: 200ms ease-in;
-o-transition: 200ms ease-in;
transition: 200ms ease-in;
}
.animated_icon_with_text_holder .animated_text {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transform: translate3d(0, -100%, 0);
-moz-transform: translate3d(0, -100%, 0);
-ms-transform: translate3d(0, -100%, 0);
-o-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
.animated_icon_with_text_holder .animated_text p{
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
-webkit-transform: translate3d(0, 100%, 0);
-moz-transform: translate3d(0, 100%, 0);
-ms-transform: translate3d(0, 100%, 0);
-o-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
.animated_icon_with_text_holder:hover .animated_text,
.animated_icon_with_text_holder:hover .animated_text p{
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition: 350ms ease-out;
-moz-transition: 350ms ease-out;
-o-transition: 350ms ease-out;
transition: 350ms ease-out;
}
.animated_icon_with_text_holder:hover .animated_title_inner{
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transform: translate3d(0, -100%, 0);
-moz-transform: translate3d(0, -100%, 0);
-ms-transform: translate3d(0, -100%, 0);
-o-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
-webkit-transition: 350ms ease-out;
-moz-transition: 350ms ease-out;
-o-transition: 350ms ease-out;
transition: 350ms ease-out;
}
.animated_icon_with_text_holder:hover .animated_title{
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
-webkit-transform: translate3d(0, 100%, 0);
-moz-transform: translate3d(0, 100%, 0);
-ms-transform: translate3d(0, 100%, 0);
-o-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
-webkit-transition: 350ms ease-out;
-moz-transition: 350ms ease-out;
-o-transition: 350ms ease-out;
transition: 350ms ease-out;
}
/* ==========================================================================
Service table shorcode start styles
========================================================================== */
.service_table_holder{
display: block;
position: relative;
border-color: #f6f6f6;
border-width: 1px;
border-style: none;
}
.service_table_inner{
display: block;
position: relative;
list-style: none;
margin: 0;
padding: 0;
}
.service_table_inner ul{
padding: 0 !important;
}
.service_table_inner li{
display: block;
margin: 0;
padding: 0;
list-style: none;
text-align: center;
border-bottom: 1px solid #f6f6f6;
}
.service_table_inner > li{
background-color: #fff;
}
.service_table_inner li li{
padding: 9px 20px;
}
.service_table_inner li:last-child{
border-bottom: 0;
}
.service_table_inner li.service_table_title_holder{
display: block;
position: relative;
padding: 31px 20px 20px;
background-color: #fff;
border: none;
}
.service_table_inner li.service_table_title_holder i{
color: #f25f33;
}
.service_table_title_inner{
position: relative;
display: table;
width: 100%;
height: 100%;
text-align: center;
}
.service_table_title_inner2{
display: table-cell;
width: 100%;
height: 100%;
padding: 20px 20px 25px;
vertical-align: middle;
}
.service_table_inner li.service_table_title_holder.background_image_type{
background-color: transparent !important;
border: 0 !important;
padding: 0;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.service_table_inner li.service_table_title_holder.background_color_type .service_table_title_inner2{
padding: 0;
}
.service_table_title_holder .service_title{
display: block;
}
.service_table_title_holder i{
display: block;
line-height: 1em;
padding: 33px 0 0;
}
/* ==========================================================================
Service table shorcode end styles
========================================================================== */
/* ==========================================================================
End Clients styles
========================================================================== */
.header_top_bottom_holder{
position: relative;
}
.qode_search_form{
background: none repeat scroll 0 0 #262626;
color: #fff;
margin: 0;
overflow: hidden;
width: 100%;
height: 0px;
position: absolute;
top:0;
left:0;
}
.qode_search_form .qode_icon_in_search {
color: #959595;
font-size: 13px;
display: inline-block;
padding: 0px 0px 0px 45px;
float: left;
line-height: 50px;
}
.qode_search_form input,
.qode_search_form input:focus{
background-color: #262626;
border: medium none;
box-shadow: none;
color: #959595;
display: inline-block;
font-size: 13px;
line-height: 20px;
height: 20px;
margin: 15px 0px;
width: 90%;
padding: 0px 45px 0px 10px;
font-family: inherit;
outline: none;
outline-offset:0px;
-webkit-appearance: none;
border-radius: 0;
float: left;
}
.qode_search_form input:focus{
outline-offset: 0px !important;
}
::-webkit-input-placeholder,
:-moz-placeholder,
::-moz-placeholder,
:-ms-input-placeholder{
color: #959595;
margin: 10px 0px 0px 0px;
}
@media only screen and (max-width: 1200px){
.qode_search_form input{
width: 80%;
}
}
@media only screen and (max-width: 768px){
.qode_search_form input{
width: 70%;
}
}
@media only screen and (max-width: 500px){
.qode_search_form input{
width: 65%;
}
}
.qode_search_form .container_inner{
position: relative;
}
.qode_search_form .container .qode_icon_in_search {
padding: 0px;
}
.qode_search_form .container input{
width: 90%;
padding: 0px 0px 0px 10px;
}
.qode_search_form input[type="submit"] {
border: 0 none;
clip: rect(0px, 0px, 0px, 0px);
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
width: 1px;
visibility: hidden;
}
.qode_search_form .qode_search_close{
color: #959595;
font-size: 13px;
position: absolute;
line-height: 50px;
height: 50px;
top: 0px;
right: 45px;
}
.qode_search_form .container .qode_search_close{
right: 0px;
}
/* slide from header bottom */
.qode_search_form_2{
background: none repeat scroll 0 0 #f1f1f1;
color: #fff;
margin: 0;
overflow: hidden;
width: 100%;
height: 100px;
bottom: 0;
position: absolute;
transition: bottom 0.35s cubic-bezier(.55,.085,.68,.53);
-webkit-transition: bottom 0.35s cubic-bezier(.55,.085,.68,.53);
-moz-transition: bottom 0.35s cubic-bezier(.55,.085,.68,.53);
left:0;
opacity: 1;
}
.qode_search_form_2.animated{
transition: bottom 0.35s cubic-bezier(.55,.085,.68,.53), opacity 0s ease 0s;
-webkit-transition: bottom 0.35s cubic-bezier(.55,.085,.68,.53), opacity 0s ease 0s;
-moz-transition: bottom 0.35s cubic-bezier(.55,.085,.68,.53), opacity 0s ease 0s;
left:0;
opacity: 1;
}
.qode_search_form_2 .container{
z-index:auto;
}
.qode_search_form_2 .form_holder_outer {
display: table;
height: 100px;
width: 100%;
}
.qode_search_form_2 .form_holder {
display: table-cell;
vertical-align: middle;
position:relative;
}
.qode_search_form_2.animated .form_holder_outer {
height: 100px;
}
.qode_search_form_2 .container_inner .form_holder {
padding: 0px;
}
.qode_search_form_2 .form_holder {
padding: 0 45px;
}
.qode_search_form_2 input,
.qode_search_form_2 input:focus{
background-color: transparent;
border: medium none;
box-shadow: none;
color: #9d9d9d;
font-size: 15px;
font-weight: 600;
display: inline-block;
vertical-align: middle;
width: 90%;
padding: 0;
font-family: inherit;
outline: none;
outline-offset:0px;
-webkit-appearance: none;
border-radius: 0;
text-transform: uppercase;
}
.qode_search_form_2 input:focus{
outline-offset: 0px !important;
}
.qode_search_form_2 .qode_search_submit {
width: auto;
cursor: pointer;
font-size:50px;
position:absolute;
right: 45px;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
transition: color 0.4s ease;
-webkit-transition: color 0.4s ease;
-moz-transition: color 0.4s ease;
color: #696969;
padding: 0 0 0 1px;
}
.qode_search_form_2 .container_inner .qode_search_submit {
right:0;
}
.qode_search_form_2 .qode_search_submit:hover{
color:#f25f33
}
.qode_search_form_2.disabled .qode_search_submit,
.qode_search_form_2.disabled .qode_search_submit:hover {
cursor:default;
color:#959595;
}
/* search covers header */
.qode_search_form_3{
display: none;
color: #fff;
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 115;
background:#fff;
}
.admin-bar .qode_search_form_3 {
padding-top: 33px;
}
.qode_search_form_3 .form_holder_outer{
display: table;
width: 100%;
height:100%;
}
.qode_search_form_3 .form_holder{
display: table-cell;
vertical-align: middle;
padding:0px 45px;
position:relative;
}
.qode_search_form_3 .container_inner .form_holder{
padding: 0px;
}
.qode_search_form_3 input,
.qode_search_form_3 input:focus{
background-color: transparent;
border: medium none;
box-shadow: none;
color: #9d9d9d;
font-size: 15px;
font-weight: 600;
display: inline-block;
width: 90%;
padding:0;
font-family: inherit;
outline: none;
outline-offset:0px;
-webkit-appearance: none;
border-radius: 0;
float: left;
text-transform: uppercase;
margin: 0;
}
.qode_search_form_3 input:focus{
outline-offset: 0px !important;
}
.qode_search_form_3 input[type="submit"]{
border: 0 none;
clip: rect(0px,0px,0px,0px);
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
width: 1px;
visibility: hidden;
}
.qode_search_form_3 .qode_search_close{
font-size: 34px;
position: absolute;
right: 45px;
top:50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
line-height:1em;
}
.qode_search_form_3 .container_inner .qode_search_close{
right: 0;
}
.qode_search_form_3 .qode_search_close a{
color: #9d9d9d;
display: inline-block;
}
.qode_search_form_3 .qode_search_close a:hover{
color: #f25f33;
}
::-webkit-input-placeholder,
:-moz-placeholder,
::-moz-placeholder,
:-ms-input-placeholder{
color: #959595;
margin: 10px 0px 0px 0px;
}
.qode_search_form_3 .qode_search_close a i{
vertical-align: top;
}
/* insert end */
/*----------------------FULLSCREEN SEARCH style start--------------------------*/
.side_menu_button{
position:relative;
}
.fullscreen_search_holder{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
z-index:105;
opacity:0;
}
.fullscreen_search_table{
display: table;
width:100%;
height:100%;
}
.fullscreen_search_cell{
display: table-cell;
vertical-align: middle;
width:100%;
height:100%;
text-align:center;
}
.fullscreen_search_holder .search_label{
font-size:30px;
line-height:1em;
color: #a1a1a1;
vertical-align:bottom;
font-family:inherit;
margin-right:5px;
}
.fullscreen_search_holder .field_holder{
width:30%;
display:inline-block;
vertical-align:bottom;
position:relative;
border-bottom:1px solid #a1a1a1;
}
.fullscreen_search_holder .field_holder .line{
position:absolute;
bottom:-1px;
left:0;
height:1px;
width:0;
background-color: #f25f33;
-webkit-transition: width 0.4s ease;
transition: width 0.4s ease;
}
.fullscreen_search_holder .search_field{
width:100%;
border-left:none;
border-top:none;
border-right:none;
border-bottom:none;
background:transparent;
outline:none;
height:100%;
font-size:25px;
color: #9d9d9d;
line-height:1em;
position:relative;
font-family: inherit;
}
.fullscreen_search_holder .search_submit{
border:none;
background:transparent;
outline:none;
width: auto;
cursor: pointer;
font-family: 'FontAwesome';
font-size:20px;
line-height:1em;
-webkit-transition: color 0.2s ease;
transition: color 0.2s ease;
color: #a1a1a1;
}
.fullscreen_search_holder .search_submit:hover{
color: #f25f33;
}
.fullscreen_search_holder .search_close_holder{
float:right;
}
.fullscreen_search_holder .close_container{
position:absolute;
left:0;
top:0;
width:100%;
}
.fullscreen_search_holder .close_container a{
opacity:0;
visibility:hidden;
-webkit-transition: opacity 0.2s ease, color 0.2s ease;
transition: opacity 0.2s ease, color 0.2s ease;
}
.fullscreen_search_holder .close_container a:hover{
color: #f25f33;
}
.fullscreen_search_holder .close_container .search_close_holder{
margin-right: 45px;
}
.fullscreen_search_holder .close_container .container_inner .search_close_holder{
margin-right: 0px;
}
/*---Fulscreen search FROM CIRCLE style---*/
.fullscreen_search_overlay{
position:absolute;
width:2000px;
height:2000px;
margin-top:-1000px;
margin-left:-1000px;
top:50%;
left:0;
border-radius:100%;
opacity:0;
z-index:99;
-ms-transform-origin: 50%;
-webkit-transform-origin: 50%;
transform-origin: 50%;
-ms-transform: scale(0);
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
background-color: rgba(255,255,255,0.98);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-ms-transition: -ms-transform 0.6s cubic-bezier(0.4,0,0.2,1), opacity 0.6s cubic-bezier(0.4,0,0.2,1);
-webkit-transition: -webkit-transform 0.6s cubic-bezier(0.4,0,0.2,1), opacity 0.6s cubic-bezier(0.4,0,0.2,1);
transition: transform 0.6s cubic-bezier(0.4,0,0.2,1), opacity 0.6s cubic-bezier(0.4,0,0.2,1);
}
.fullscreen_search_overlay.animate{
-ms-transform: scale(3);
-moz-transform: scale(3);
-o-transform: scale(3);
-webkit-transform: scale(3);
transform: scale(3);
opacity:1;
}
.fullscreen_search_holder.from_circle{
-webkit-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
display:none;
opacity:0;
visibility:visible;
z-index:111;
}
/*---Fulscreen search FADE style---*/
.fullscreen_search_holder.fade{
visibility: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
opacity: 0;
background-color:rgba(255,255,255,0.98);
z-index:111;
}
.search_fade_out .fullscreen_search_holder.fade{
-webkit-animation: search_fade_out .25s linear both;
animation: search_fade_out .25s linear both ;
}
.search_fade_in .fullscreen_search_holder.fade.animate{
-webkit-animation: search_fade_in .25s linear both;
animation: search_fade_in .25s linear both;
}
.fullscreen_search_holder.fade.animate .fullscreen_search_close{
opacity:1;
visibility:visible;
}
@-webkit-keyframes search_fade_out {
0%{
opacity:1;
visibility: visible;
}
100%{
opacity:0;
visibility: hidden;
}
}
@keyframes search_fade_out{
0%{
opacity:1;
visibility: visible;
}
100% {
opacity:0;
visibility: hidden;
}
}
@-webkit-keyframes search_fade_in {
0% {
opacity:0;
visibility: hidden;
}
100% {
opacity:1;
visibility: visible;
}
}
@keyframes search_fade_in{
0%{
opacity:0;
visibility: hidden;
}
100%{
opacity:1;
visibility: visible;
}
}
/*----------------Search styles end---------------------*/
/****** Cover Boxes start style *******/
.cover_boxes{
position: relative;
overflow: hidden;
}
.cover_boxes ul{
list-style: none;
margin: 0px -20px 0px 0px;
padding: 0px;
width: 200%;
}
.cover_boxes ul li{
float: left;
margin-right: 20px;
overflow: hidden;
position: relative;
width: 265px;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.cover_boxes ul li.act{
width: 530px;
}
.cover_boxes ul li .box{
width: 530px;
}
.cover_boxes ul li .box .thumb {
display: inline-block;
float: left;
margin-right: 20px;
position: relative;
z-index:10;
width: 265px;
}
.cover_boxes ul li .box .thumb img{
display: block;
position: relative;
max-width: 100%;
}
.cover_boxes ul li .box .box_content{
bottom: 0px;
left: 285px;
position: absolute;
padding: 0px 0px 0px 0px;
width: 245px;
z-index:9;
top: 0;
}
.cover_boxes ul li .box h3{
margin: 0px 0px 18px 0px;
}
.cover_boxes ul li .box .qbutton,
.cover_boxes ul li .box h5{
margin: 20px 0px 0px 0px;
}
/********* Cover Boxes end style **********/
/* ==========================================================================
Qode circles styles
========================================================================== */
.q_circles_holder{
position: relative;
display: inline-block;
width: 100%;
clear: both;
list-style: none;
margin: 0;
padding: 0;
}
.q_circles_holder:before{
position: absolute;
left: 80px;
display: block;
width: 85%;
height: 0;
border-top: 1px solid #eaeaea;
content: "";
}
.q_circles_holder.three_columns:before{
top: 115px;
}
.q_circles_holder.four_columns:before{
top: 90px;
}
.q_circles_holder.five_columns:before{
top: 82px;
}
.q_circles_holder.no_line:before{
display: none;
border: 0;
height: 0;
width: 0;
}
.q_circles_holder .q_circle_outer{
position: relative;
float: left;
padding: 0;
margin: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
}
.q_circles_holder.three_columns .q_circle_outer{
width: 33.3%;
}
.q_circles_holder.four_columns .q_circle_outer{
width: 25%;
}
.q_circles_holder.five_columns .q_circle_outer{
width: 20%;
}
.q_circles_holder .q_circle_inner{
position: relative;
display: table;
vertical-align: middle;
text-align: center;
margin: 0 auto;
}
.q_circles_holder.three_columns .q_circle_inner{
width: 230px;
height: 230px;
}
.q_circles_holder.four_columns .q_circle_inner{
width: 180px;
height: 180px;
}
.q_circles_holder.five_columns .q_circle_inner{
width: 161px;
height: 161px;
}
.q_circles_holder.five_columns .q_circle_inner.big_border{
width: 177px;
height: 177px;
}
.q_circles_holder .q_circle_inner2 {
position: relative;
display: table-cell;
width: 100%;
height: 100%;
vertical-align: middle;
text-align: center;
background-color: #e3e3e3;
border: 1px solid #f0f0f0;
border-radius: 1000px;
-webkit-border-radius: 1000px;
-moz-border-radius: 1000px;
-o-border-radius: 1000px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
overflow: hidden;
}
.q_circles_holder .q_circle_inner2 img {
display: block;
width: 100%;
border-radius: 1000px;
-webkit-border-radius: 1000px;
-moz-border-radius: 1000px;
-o-border-radius: 1000px;
}
.q_circles_holder .q_circle_inner2 i,
.q_circles_holder .q_circle_inner2,
.q_circles_holder .q_circle_inner2 .q_text_in_circle {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.q_circles_holder .q_circle_inner2 i{
color: #b9b9b9;
}
.q_circles_holder .q_circle_inner2:hover {
background-color: #f25f33 !important;
border-color: #f25f33 !important;
}
.q_circles_holder .q_circle_inner2:hover i,
.q_circles_holder .q_circle_inner2:hover .q_text_in_circle{
color: #fff !important;
}
.q_circles_holder .q_circle_text_holder{
display: block;
text-align: center;
margin: 36px 0 0;
padding:0 10px;
}
.q_circles_holder .q_circle_text_holder .q_circle_text{
display: block;
margin: 7px 0 0;
}
/* ==========================================================================
End of Qode circles styles
========================================================================== */
/******** Content Menu - Start ********/
nav.content_menu{
position: relative;
text-align: left;
display: block;
z-index: 1001;
background-color: #ffffff;
-webkit-transform: translateZ(0px);
width: 100%;
-webkit-transition: left .33s cubic-bezier(0.694,0.0482,0.335,1);
-moz-transition: left .33s cubic-bezier(0.694,0.0482,0.335,1);
-o-transition: left .33s cubic-bezier(0.694,0.0482,0.335,1);
-ms-transform: left .33s cubic-bezier(0.694,0.0482,0.335,1);
}
.full_width nav.content_menu.fixed {
left: 0;
}
.right_side_menu_opened .full_width nav.content_menu.fixed {
left: -270px;
}
.container_inner nav.content_menu{
width: 1100px;
}
.container_inner nav.content_menu.fixed{
-moz-box-shadow: 0 4px 4px -4px rgba(0,0,0,0.11);
-webkit-box-shadow: 0 4px 4px -4px rgba(0,0,0,0.11);
box-shadow: 0 4px 4px -4px rgba(0,0,0,0.11);
}
nav.content_menu ul{
width: 1100px;
margin: 0px auto;
position: relative;
list-style: none outside none;
padding: 0px;
text-align: center;
-webkit-backface-visibility: hidden;
}
nav.content_menu ul li{
display: inline-block;
padding: 0px;
text-align: center;
position: relative;
-webkit-backface-visibility: hidden;
}
nav.content_menu ul li .arrow{
background-image: url("img/content_menu_arrow.png");
background-position: 0px 0px;
background-repeat: no-repeat;
display: none;
width: 11px;
height: 7px;
position: absolute;
left: 50%;
margin: -1px 0px 0px -5px;
-webkit-backface-visibility: hidden;
}
nav.content_menu.fixed ul li.active .arrow{
display: none;
}
nav.content_menu ul li a{
color: #c3c3c3;
font-size: 13px;
text-decoration: none;
display: inline-block;
position: relative;
cursor: pointer;
padding: 21px 20px;
margin: 0px;
}
nav.content_menu ul li a span{
display: block;
width: 100%;
text-transform: uppercase;
letter-spacing: 1px;
line-height: 18px;
padding: 12px 0 0 0;
font-weight: 600;
}
nav.content_menu ul li i{
color: #c3c3c3;
margin: 4px 0px 0px 0px;
font-size:24px;
line-height: 1em;
display: block;
}
nav.content_menu ul li i.undefined{
display: none;
}
nav.content_menu ul li.active:hover i,
nav.content_menu ul li:hover i,
nav.content_menu ul li.active:hover a,
nav.content_menu ul li:hover a{
color: #f25f33;
}
nav.content_menu ul li.active i,
nav.content_menu ul li.active a{
color: #303030;
}
nav.content_menu .nav_select_menu{
display: none;
border: 1px solid #eaeaea;
}
nav.content_menu .nav_select_menu .nav_select_button{
cursor: pointer;
display: block;
height: 40px;
position: relative;
width: 40px;
line-height: 40px;
text-align: center;
float: right;
}
nav.content_menu .nav_select_menu ul{
display: none;
border: 0px;
width: 100%;
position: relative;
top: 0px;
text-align: left;
padding: 0px 0px 10px 0px;
float: left;
z-index: 100;
zoom:1;
}
nav.content_menu .nav_select_menu ul li{
display: block;
border: 0px;
float: none;
padding: 0px;
margin: 0px;
text-align: left;
position: relative;
-webkit-backface-visibility: hidden;
}
nav.content_menu .nav_select_menu ul li a{
line-height: 30px;
}
nav.content_menu .nav_select_menu ul li a i{
width: 12px;
text-align: center;
}
.boxed nav.content_menu.fixed{
padding: 0px;
width: 1100px;
}
/******** Content Menu - End ********/
/******** Visual Composer - Start ********/
.section_inner_margin,
.parallax_section_inner_margin
{
margin-left: -15px;
margin-right: -15px;
}
/******** Visual Composer - End ********/
/* ==========================================================================
Contact form 7 styles
========================================================================== */
.wpcf7 form.wpcf7-form p {
margin-bottom: 20px;
}
input.wpcf7-form-control.wpcf7-text,
input.wpcf7-form-control.wpcf7-number,
input.wpcf7-form-control.wpcf7-date,
textarea.wpcf7-form-control.wpcf7-textarea,
select.wpcf7-form-control.wpcf7-select {
width: 100%;
}
input.wpcf7-form-control.wpcf7-text,
input.wpcf7-form-control.wpcf7-number,
input.wpcf7-form-control.wpcf7-date,
textarea.wpcf7-form-control.wpcf7-textarea,
select.wpcf7-form-control.wpcf7-select,
input.wpcf7-form-control.wpcf7-quiz {
margin: 5px 0 0;
padding: 15px;
border: 0;
outline: 0;
resize: none;
font-size: 13px;
line-height: 17px;
background-color: #fff;
color: #818181;
font-family: 'Raleway';
font-weight: 400;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
input.wpcf7-form-control.wpcf7-quiz {
margin-left: 15px;
}
span.wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-checkbox input[type="checkbox"],
span.wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-radio input[type="radio"] {
position: relative;
top: 2px;
}
span.wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-checkbox input[type="checkbox"] {
margin-left: 5px;
}
input.wpcf7-form-control.wpcf7-submit {
position: relative;
display: inline-block;
width: auto;
height: 39px;
line-height: 36px;
margin: 0;
padding: 0px 23px;
font-size: 13px;
font-weight: 700;
font-family: 'Raleway', sans-serif;
text-align: left;
text-decoration: none;
cursor: pointer;
white-space: nowrap;
outline: none;
font-style: normal;
text-transform: uppercase;
letter-spacing: 1px;
-o-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
text-shadow: none;
background-color: transparent;
-webkit-transition: all 0.1s linear;
-moz-transition: all 0.1s linear;
-ms-transition: all 0.1s linear;
-o-transition: all 0.1s linear;
transition: all 0.1s linear;
-webkit-box-sizing: initial;
-moz-box-sizing: initial;
box-sizing: initial;
}
input.wpcf7-form-control.wpcf7-submit[disabled] {
color: #818181;
border: 2px solid #818181;
cursor: not-allowed;
}
input.wpcf7-form-control.wpcf7-submit:not([disabled]) {
border: 2px solid #303030;
color: #303030;
}
input.wpcf7-form-control.wpcf7-submit:not([disabled]):hover {
background-color: #f25f33;
border-color: #f25f33;
color: #fff;
text-decoration: none;
}
input.wpcf7-form-control.wpcf7-range {
width: 100%;
}
div.wpcf7-response-output {
position: relative;
padding: 17px 30px 17px 55px;
color: #fff;
text-transform: uppercase;
font-weight: 500;
margin-left: 0;
margin-right: 0;
font-weight: 500;
font-size: 15px;
text-transform: uppercase;
letter-spacing: 1px;
border: none;
}
div.wpcf7-response-output:before {
font-family: 'FontAwesome', sans-serif;
width: 20px;
height: 20px;
display: inline-block;
color: #fff;
position: absolute;
left: 25px;
}
div.wpcf7-response-output.wpcf7-mail-sent-ok {
background-color: #f25f33;
}
div.wpcf7-response-output.wpcf7-mail-sent-ok:before {
content: "\f087";
}
div.wpcf7-response-output.wpcf7-validation-errors {
background-color: #f1c40f;
}
div.wpcf7-response-output.wpcf7-validation-errors:before {
content: "\f12a";
}
.two_columns_form_without_space,
.two_columns_form_with_space{
display: table;
}
.two_columns_form_with_space input.wpcf7-form-control.wpcf7-text,
.two_columns_form_without_space input.wpcf7-form-control.wpcf7-text{
margin: 0;
}
.two_columns_form_without_space .column_left {
display: table-cell;
vertical-align: top;
}
.two_columns_form_without_space .column_right {
display: table-cell;
width: 1%;
text-align: left;
vertical-align: top;
}
.two_columns_form_with_space .column_left {
display: table-cell;
vertical-align: top;
padding-right: 5px;
}
.two_columns_form_with_space .column_right {
display: table-cell;
width: 1%;
vertical-align: top;
padding-left: 5px;
}
/* ==========================================================================
End Contact form 7 styles
========================================================================== */
/* ==========================================================================
Gravity forms styles
========================================================================== */
body .gform_wrapper .gform_fields .gfield{
margin: 0 0 20px 0;
}
body .gform_wrapper .gf_progressbar,
body .gform_wrapper .gf_progressbar_wrapper,
body .gform_wrapper .top_label input.large,
body .gform_wrapper .top_label select.large,
body .gform_wrapper .top_label textarea.textarea {
/*width: 100%;*/
}
body .gform_wrapper .gf_progressbar_percentage,
body .gform_wrapper .gf_step,
body .gform_wrapper .gf_step span.gf_step_number,
body .gform_wrapper .gfield_description,
body .gform_wrapper input[type=text],
body .gform_wrapper input[type=url],
body .gform_wrapper input[type=email],
body .gform_wrapper input[type=tel],
body .gform_wrapper input[type=number],
body .gform_wrapper input[type=password],
body .gform_wrapper textarea,
body .gform_wrapper input[type="button"],
body .gform_wrapper input[type="submit"],
body .gform_wrapper input[type="reset"],
body .gform_wrapper .chzn-container .chzn-single,
body .gform_wrapper .chzn-container-single .chzn-single,
body .gform_wrapper select {
font-family: 'Raleway', sans-serif;
}
body .gform_wrapper .gf_progressbar,
body .gform_wrapper .chzn-container .chzn-single,
body .gform_wrapper .chzn-container-single .chzn-single,
body .gform_wrapper .chzn-container-single .chzn-drop,
body .gform_wrapper .chzn-container-multi .chzn-drop,
body .gform_wrapper .chzn-container-active .chzn-single,
body .gform_wrapper .chzn-container-active .chzn-choices {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
body .gform_wrapper .gf_progressbar,
body .gform_wrapper .chzn-container .chzn-single,
body .gform_wrapper .chzn-container-single .chzn-single,
body .gform_wrapper input[type=text],
body .gform_wrapper input[type=url],
body .gform_wrapper input[type=email],
body .gform_wrapper input[type=tel],
body .gform_wrapper input[type=number],
body .gform_wrapper input[type=password],
body .gform_wrapper textarea,
body .gform_wrapper .chzn-container-single .chzn-single div,
body .gform_wrapper .chzn-container-single .chzn-single b,
body .gform_wrapper .chzn-container .chzn-drop,
body .gform_wrapper .chzn-choices,
body .gform_wrapper .chzn-container-multi .chzn-choices,
body .gform_wrapper li.gfield.gfield_error,
body .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning,
body .gform_wrapper select{
border: 0;
}
body .gform_wrapper .gf_progressbar,
body .gform_wrapper .chzn-container .chzn-single,
body .gform_wrapper .chzn-container-single .chzn-single{
background-image: none;
}
body .gform_wrapper .top_label .gfield_label,
body .gform_wrapper input[type=text],
body .gform_wrapper input[type=url],
body .gform_wrapper input[type=email],
body .gform_wrapper input[type=tel],
body .gform_wrapper input[type=number],
body .gform_wrapper input[type=password],
body .gform_wrapper textarea,
body .gform_wrapper .ginput_left input:focus+label,
body .gform_wrapper .ginput_right input:focus+label,
body .gform_wrapper .ginput_full input:focus+label,
body .gform_wrapper table.gfield_list thead th {
font-weight: 400;
}
body .gform_wrapper .charleft{
margin-top: 0;
}
body .gform_wrapper .gfield_description {
padding: 5px 0 0 0;
}
body .gform_wrapper input[type=text],
body .gform_wrapper input[type=url],
body .gform_wrapper input[type=email],
body .gform_wrapper input[type=tel],
body .gform_wrapper input[type=number],
body .gform_wrapper input[type=password],
body .gform_wrapper textarea,
body .gform_wrapper select,
body .gform_wrapper.gf_browser_chrome .ginput_complex select,
body .gform_wrapper.gf_browser_chrome .ginput_complex .ginput_right select {
padding: 15px;
outline: 0;
resize: none;
box-sizing: border-box;
}
body .gform_wrapper input[type=text],
body .gform_wrapper input[type=url],
body .gform_wrapper input[type=email],
body .gform_wrapper input[type=tel],
body .gform_wrapper input[type=number],
body .gform_wrapper input[type=password],
body .gform_wrapper textarea,
body .gform_wrapper input[type="button"],
body .gform_wrapper input[type="submit"],
body .gform_wrapper input[type="reset"],
body .gform_wrapper .chzn-container .chzn-single,
body .gform_wrapper .chzn-container-single .chzn-single,
body .gform_wrapper select{
font-size: 13px;
}
body .gform_wrapper input[type=text],
body .gform_wrapper input[type=url],
body .gform_wrapper input[type=email],
body .gform_wrapper input[type=tel],
body .gform_wrapper input[type=number],
body .gform_wrapper input[type=password],
body .gform_wrapper textarea,
body .gform_wrapper .chzn-container .chzn-single,
body .gform_wrapper .chzn-container-single .chzn-single {
line-height: 17px;
}
body .gform_wrapper input[type=text],
body .gform_wrapper input[type=url],
body .gform_wrapper input[type=email],
body .gform_wrapper input[type=tel],
body .gform_wrapper input[type=number],
body .gform_wrapper input[type=password],
body .gform_wrapper textarea,
body .gform_wrapper input[type=text],
body .gform_wrapper input[type=url],
body .gform_wrapper input[type=email],
body .gform_wrapper input[type=tel],
body .gform_wrapper input[type=number],
body .gform_wrapper input[type=password],
body .gform_wrapper .chzn-container .chzn-single,
body .gform_wrapper .chzn-container-single .chzn-single,
body .gform_wrapper .chzn-container-single .chzn-single b {
background-color: #ffffff;
}
body .gform_wrapper input[type=text],
body .gform_wrapper input[type=url],
body .gform_wrapper input[type=email],
body .gform_wrapper input[type=tel],
body .gform_wrapper input[type=number],
body .gform_wrapper input[type=password],
body .gform_wrapper textarea,
body .gform_wrapper .chzn-container-single .chzn-single span,
body .gform_wrapper select{
color: #818181;
}
body .gform_wrapper input[type=text],
body .gform_wrapper input[type=url],
body .gform_wrapper input[type=email],
body .gform_wrapper input[type=tel],
body .gform_wrapper input[type=number],
body .gform_wrapper input[type=password],
body .gform_wrapper textarea,
body .gform_wrapper .chzn-container,
body .gform_wrapper select{
margin: 5px 0 0;
}
body .gform_wrapper input[type="button"],
body .gform_wrapper input[type="submit"],
body .gform_wrapper input[type="reset"]{
position: relative;
display: inline-block;
width: auto;
height: 39px;
line-height: 36px;
margin: 0;
padding: 0px 23px;
border: 2px solid #303030;
font-weight: 700;
text-align: left;
color: #303030;
text-decoration: none;
cursor: pointer;
white-space: nowrap;
outline: none;
font-style: normal;
text-transform: uppercase;
letter-spacing: 1px;
-o-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
text-shadow: none;
background-color: transparent;
-webkit-transition: all 0.1s linear;
-moz-transition: all 0.1s linear;
-ms-transition: all 0.1s linear;
-o-transition: all 0.1s linear;
transition: all 0.1s linear;
}
body .gform_wrapper input[type="button"]:hover,
body .gform_wrapper input[type="submit"]:hover,
body .gform_wrapper input[type="reset"]:hover{
background-color: #f25f33;
border-color: #f25f33;
color: #ffffff;
text-decoration: none;
}
body .gform_wrapper .chzn-container .chzn-single,
body .gform_wrapper .chzn-container-single .chzn-single {
height: auto;
padding: 15px 2%;
}
body .gform_wrapper .chzn-container-single .chzn-single div b{
background-position: -18px 10px;
}
body .gform_wrapper .chzn-container-single .chzn-single-with-drop div b{
background-position: -1px 10px;
}
body .gform_wrapper .chzn-container-single .chzn-search input{
border: 1px solid #aaaaaa;
}
body .gform_wrapper .chzn-choices{
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ffffff), color-stop(0, #ffffff)) !important;
}
body .gform_wrapper .chzn-choices .search-field .default{
padding-left: 10%;
}
body .gform_wrapper .chzn-container-multi .chzn-choices .search-field input {
padding: 15px;
}
body .gform_wrapper div.validation_error,
body .gform_wrapper .gform_confirmation_message {
position: relative;
padding: 17px 30px 17px 30px;
color: #fff;
text-transform: uppercase;
margin-left: 0;
margin-right: 0;
font-weight: 500;
font-size: 15px;
text-transform: uppercase;
letter-spacing: 1px;
border: none;
}
body .gform_wrapper div.validation_error {
background-color: #f1c40f;
}
body .gform_wrapper .gform_confirmation_message{
background-color: #f25f33;
}
body .gform_wrapper .ginput_complex .name_prefix,
body .gform_wrapper .ginput_complex .name_suffix,
body .gform_wrapper input.ginput_quantity{
width: 60px !important;
}
body .gform_wrapper .datepicker {
width: 105px !important;
}
body .gform_wrapper .gfield_time_ampm select {
min-width: 80px;
}
body .gform_wrapper .gfield_time_hour{
vertical-align: middle;
}
body .gform_wrapper .button.gform_button_select_files{
height: 31px;
line-height: 24px;
padding: 0 9px;
font-size: 12px;
margin-left: 10px;
}
/* ==========================================================================
End Gravity forms styles
========================================================================== */
/* ==========================================================================
Vertical menu styles
========================================================================== */
.vertical_menu_enabled .q_slider,
.vertical_menu_enabled .full_width,
.vertical_menu_enabled .content .container,
.vertical_menu_enabled .title_outer,
.vertical_menu_enabled footer{
padding-left: 260px;
}
.boxed.vertical_menu_enabled .q_slider,
.boxed.vertical_menu_enabled .full_width,
.boxed.vertical_menu_enabled .content .container,
.boxed.vertical_menu_enabled .title_outer,
.boxed.vertical_menu_enabled footer{
padding-left: 0px;
}
.boxed.vertical_menu_enabled,
.boxed.vertical_menu_enabled footer.uncover{
padding-left: 260px;
}
.vertical_menu_enabled .content .title .container{
padding-left: 0px;
}
.vertical_menu_enabled .content .container,
.vertical_menu_enabled .q_slider,
.vertical_menu_enabled footer{
width: auto;
}
aside.vertical_menu_area {
position: fixed;
width: 260px;
top: 0;
left: 0;
padding:10px 30px;
background-color: #fff;
height: 100%;
z-index: 101;
-webkit-backface-visibility:hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: background-color 0.3s ease;
-moz-transition: background-color 0.3s ease;
-o-transition: background-color 0.3s ease;
-ms-transition: background-color 0.3s ease;
transition: background-color 0.3s ease;
outline: none;
}
aside.vertical_menu_area.with_scroll {
overflow: hidden;
}
aside.vertical_menu_area .vertical_menu_area_widget_holder{
font-size:13px;
position: relative;
}
.vertical_menu_enabled.vertical_area_transparent .content{
padding-left: 0px;
}
.vertical_menu_transparency_on aside.vertical_menu_area.light .vertical_menu_area_widget_holder,
.vertical_menu_transparency_on aside.vertical_menu_area.light .widget a,
.vertical_menu_transparency_on aside.vertical_menu_area.light .q_social_icon_holder i.simple_social{
color: #fff;
}
.vertical_menu_transparency_on aside.vertical_menu_area.dark .vertical_menu_area_widget_holder,
.vertical_menu_transparency_on aside.vertical_menu_area.dark .widget a,
.vertical_menu_transparency_on aside.vertical_menu_area.dark .q_social_icon_holder i.simple_social{
color: #000;
}
.vertical_menu_enabled header{
display: block;
}
.vertical_menu_enabled header .header_inner{
display: none;
}
.vertical_area_background{
position: fixed;
width: 260px;
height: 100%;
background-position: right top;
background-repeat: no-repeat;
background-size: cover;
top: 0px;
left: 0px;
z-index: 0;
-webkit-transition: opacity 0.6s ease;
-moz-transition: opacity 0.6s ease;
-o-transition: opacity 0.6s ease;
-ms-transition: opacity 0.6s ease;
transition: opacity 0.6s ease;
opacity: 1;
}
.vertical_logo_wrapper{
z-index: 100;
position: relative;
}
.vertical_logo_wrapper img{
max-width: 100%;
position: absolute;
top: 0px;
left: 0px;
-webkit-transition: opacity 0.3s ease;
-moz-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
-ms-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
.q_logo_vertical img.normal{
position: relative;
}
.q_logo_vertical img.light,
.q_logo_vertical img.dark{
opacity: 0;
}
.vertical_menu_transparency_on .light .q_logo_vertical img.normal{
opacity:0;
}
.vertical_menu_transparency_on .light .q_logo_vertical img.light{
opacity:1;
}
.vertical_menu_transparency_on .light .q_logo_vertical img.dark{
opacity:0;
}
.vertical_menu_transparency_on .dark .q_logo_vertical img.normal{
opacity:0;
}
.vertical_menu_transparency_on .dark .q_logo_vertical img.light{
opacity:0;
}
.vertical_menu_transparency_on .dark .q_logo_vertical img.dark{
opacity:1;
}
nav.vertical_menu {
position: relative;
z-index: 101;
margin: 45px 0 0 0;
}
.vertical_menu ul{
list-style: none;
}
.vertical_menu ul li{
position: relative;
}
nav.vertical_menu > ul > li > a {
position: relative;
color: #303030;
font-size: 13px;
font-weight: 700;
letter-spacing: 1px;
text-decoration: none;
text-transform: uppercase;
display: block;
position: relative;
line-height: 34px;
padding: 0 0px;
margin: 0;
cursor: pointer;
-webkit-transition: color 0.3s ease;
-moz-transition: color 0.3s ease;
-o-transition: color 0.3s ease;
-ms-transition: color 0.3s ease;
transition: color 0.3s ease;
}
.vertical_menu_transparency_on .light nav.vertical_menu > ul > li > a{
color: #ffffff;
}
.vertical_menu_transparency_on .dark nav.vertical_menu > ul > li > a{
color: #000000;
}
.vertical_menu .second .inner{
position: relative;
display: block;
padding: 0;
z-index: 997;
}
.vertical_menu_toggle .second .inner_arrow,
.vertical_menu_on_click .second .inner_arrow,
.vertical_menu_float .second .inner_arrow{
display: none;
}
.vertical_menu .second .inner > ul > li > a:hover{
color: #303030;
}
.vertical_menu_toggle .second,
.vertical_menu_on_click .second{
margin: 0px;
display: none;
overflow: hidden;
z-index: 10;
}
.vertical_menu_toggle .second ul ul,
.vertical_menu_on_click .second ul ul{
display: none;
}
nav.vertical_menu_toggle ul li a,
nav.vertical_menu_on_click ul li a{
display: block;
}
nav.vertical_menu_toggle ul li a .line,
nav.vertical_menu_on_click ul li a .line{
display: none;
}
nav.vertical_menu_toggle ul > li.menu-item-has-children > a > .plus,
nav.vertical_menu_on_click ul > li.menu-item-has-children > a > .plus,
nav.vertical_menu_float ul > li.menu-item-has-children > a > .plus{
float: right;
width: 20px;
height: 8px;
margin: 12px 0 0 0;
z-index: 10000;
display: block;
position: relative;
background-image: url('img/vertical_menu_cross.png');
background-repeat: no-repeat;
background-position: 100%;
-o-background-size: 8px 8px;
-webkit-background-size: 8px 8px;
-moz-background-size: 8px 8px;
background-size: 8px 8px;
}
nav.vertical_menu_toggle ul li ul > li.menu-item-has-children > a > .plus,
nav.vertical_menu_on_click ul li ul > li.menu-item-has-children > a > .plus,
nav.vertical_menu_float ul li ul > li.menu-item-has-children > a > .plus{
margin: 5px 0 0 0;
}
.no-touch nav.vertical_menu_toggle ul > li.menu-item-has-children > a:hover > .plus,
.no-touch nav.vertical_menu_on_click ul > li.menu-item-has-children.open > a > .plus,
.no-touch nav.vertical_menu_float ul > li.menu-item-has-children.open > a > .plus{
background-image: url('img/vertical_menu_minus.png');
}
.touch nav.vertical_menu_toggle ul > li.menu-item-has-children.open > a > .plus,
.touch nav.vertical_menu_on_click ul > li.menu-item-has-children.open > a > .plus,
.touch nav.vertical_menu_float ul > li.menu-item-has-children.open > a > .plus {
background-image: url('img/vertical_menu_minus.png');
}
nav.vertical_menu_toggle ul li.menu-item-has-children a span,
nav.vertical_menu_on_click ul li.menu-item-has-children a span,
nav.vertical_menu_float ul li.menu-item-has-children a span{
display: inline-block;
max-width: 180px;
}
.vertical_menu_float .menu-item .second {
position: absolute;
top: 0;
left: calc(100% + 30px); /*because of the padding*/
width: 100%;
margin-left: 50px;
opacity: 0;
background-color: #fff;
visibility: hidden;
transition: all 0.3s ease-in-out;
}
.vertical_menu_float .menu-item .second *{
visibility: hidden;
transition: visibility 0.3s ease-in-out;
}
.vertical_menu_float .menu-item .second.vertical_menu_start {
margin-left: 0px;
opacity: 1;
visibility: visible;
}
.vertical_menu_float .menu-item .second.vertical_menu_start *{
visibility: visible;
}
.vertical_menu_float .menu-item .second.vertical_menu_start ul li ul,
.vertical_menu_float .menu-item .second.vertical_menu_start ul li ul *{
visibility:hidden;
}
.vertical_menu_float .menu-item .second.vertical_menu_start ul li ul.vertical_submenu_start,
.vertical_menu_float .menu-item .second.vertical_menu_start ul li ul.vertical_submenu_start *{
visibility:visible;
}
.vertical_menu_float .second .inner ul{
width: 100%;
}
.vertical_menu_float li.narrow .second .inner ul{ /*because of the .narrow styling*/
border: none;
background-color: #fff;
padding: 0;
}
.vertical_menu_float .second .inner ul li ul {
position: absolute;
border:none;
top: 0;
left: 100%;
margin-left: 50px;
height: auto;
visibility: hidden;
width: 100%;
opacity: 0;
overflow: hidden;
z-index: 10;
background-color: #fff;
padding: 0;
transition: all 0.3s ease-in-out;
}
.vertical_menu_float .second .inner ul li ul.vertical_submenu_start{
opacity: 1;
margin-left:0;
visibility: visible;
}
.vertical_menu_enabled.vertical_menu_transparency_on:not(.vertical_menu_hidden) aside.vertical_menu_area .vertical_menu_float .second .inner ul li ul,
.vertical_menu_enabled.vertical_menu_transparency_on:not(.vertical_menu_hidden) aside.vertical_menu_area .vertical_menu_float .menu-item .second {
background-color: transparent !important;
}
.vertical_menu_transparency_on .light nav.vertical_menu_toggle ul > li.menu-item-has-children > a > .plus,
.vertical_menu_transparency_on .light nav.vertical_menu_on_click ul > li.menu-item-has-children > a > .plus,
.vertical_menu_transparency_on .light nav.vertical_menu_float ul > li.menu-item-has-children > a > .plus{
background-image: url('img/vertical_menu_cross_white.png');
}
.vertical_menu_transparency_on .light nav.vertical_menu_toggle ul > li.menu-item-has-children > a:hover > .plus,
.vertical_menu_transparency_on .light nav.vertical_menu_on_click ul > li.menu-item-has-children.open > a > .plus,
.vertical_menu_transparency_on .light nav.vertical_menu_float ul > li.menu-item-has-children.open > a > .plus{
background-image: url('img/vertical_menu_minus_white.png');
}
.vertical_menu_transparency_on .dark nav.vertical_menu_toggle ul > li.menu-item-has-children > a > .plus,
.vertical_menu_transparency_on .dark nav.vertical_menu_on_click ul > li.menu-item-has-children > a > .plus,
.vertical_menu_transparency_on .dark nav.vertical_menu_float ul > li.menu-item-has-children > a > .plus{
background-image: url('img/vertical_menu_cross_black.png');
}
.vertical_menu_transparency_on .dark nav.vertical_menu_toggle ul > li.menu-item-has-children > a:hover > .plus,
.vertical_menu_transparency_on .dark nav.vertical_menu_on_click ul > li.menu-item-has-children.open > a > .plus,
.vertical_menu_transparency_on .dark nav.vertical_menu_float ul > li.menu-item-has-children.open > a > .plus{
background-image: url('img/vertical_menu_minus_black.png');
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:150/100), only screen and (min-device-pixel-ratio:1.5), only screen and (min-resolution:160dpi) {
nav.vertical_menu_toggle ul li.menu-item-has-children a .plus,
nav.vertical_menu_on_click ul li.menu-item-has-children a .plus,
nav.vertical_menu_float ul li.menu-item-has-children a .plus{
background-image: url('img/vertical_menu_cross@1_5x.png');
}
.no-touch nav.vertical_menu_toggle ul > li.menu-item-has-children > a:hover > .plus,
.no-touch nav.vertical_menu_on_click ul > li.menu-item-has-children.open > a > .plus,
.no-touch nav.vertical_menu_float ul > li.menu-item-has-children.open > a > .plus
{
background-image: url('img/vertical_menu_minus@1_5x.png');
}
.touch nav.vertical_menu_toggle ul > li.menu-item-has-children.open > a > .plus,
.touch nav.vertical_menu_on_click ul > li.menu-item-has-children.open > a > .plus,
.touch nav.vertical_menu_float ul > li.menu-item-has-children.open > a > .plus {
background-image: url('img/vertical_menu_minus@1_5x.png');
}
.vertical_menu_transparency_on .light nav.vertical_menu_toggle ul li.menu-item-has-children a .plus,
.vertical_menu_transparency_on .light nav.vertical_menu_on_click ul li.menu-item-has-children a .plus,
.vertical_menu_transparency_on .light nav.vertical_menu_float ul li.menu-item-has-children a .plus{
background-image: url('img/vertical_menu_cross_white@1_5x.png');
}
.vertical_menu_transparency_on .light nav.vertical_menu_toggle ul > li.menu-item-has-children > a:hover > .plus,
.vertical_menu_transparency_on .light nav.vertical_menu_on_click ul > li.menu-item-has-children.open > a > .plus,
.vertical_menu_transparency_on .light nav.vertical_menu_float ul > li.menu-item-has-children.open > a > .plus
{
background-image: url('img/vertical_menu_minus_white@1_5x.png');
}
.vertical_menu_transparency_on .dark nav.vertical_menu_toggle ul li.menu-item-has-children a .plus,
.vertical_menu_transparency_on .dark nav.vertical_menu_on_click ul li.menu-item-has-children a .plus,
.vertical_menu_transparency_on .dark nav.vertical_menu_float ul li.menu-item-has-children a .plus{
background-image: url('img/vertical_menu_cross_black@1_5x.png');
}
.vertical_menu_transparency_on .dark nav.vertical_menu_toggle ul > li.menu-item-has-children > a:hover > .plus,
.vertical_menu_transparency_on .dark nav.vertical_menu_on_click ul > li.menu-item-has-children.open > a > .plus,
.vertical_menu_transparency_on .dark nav.vertical_menu_float ul > li.menu-item-has-children.open > a > .plus
{
background-image: url('img/vertical_menu_minus_black@1_5x.png');
}
}
@media only screen and (-webkit-min-device-pixel-ratio:2.0), only screen and (min--moz-device-pixel-ratio:2.0), only screen and (-o-min-device-pixel-ratio:200/100), only screen and (min-device-pixel-ratio:2.0), only screen and (min-resolution:210dpi) {
nav.vertical_menu_toggle ul li.menu-item-has-children a .plus,
nav.vertical_menu_on_click ul li.menu-item-has-children a .plus,
nav.vertical_menu_float ul li.menu-item-has-children a .plus{
background-image: url('img/[email protected] ');
}
.no-touch nav.vertical_menu_toggle ul > li.menu-item-has-children > a:hover > .plus,
.no-touch nav.vertical_menu_on_click ul > li.menu-item-has-children.open > a > .plus,
.no-touch nav.vertical_menu_float ul > li.menu-item-has-children.open > a > .plus
{
background-image: url('img/[email protected] ');
}
.touch nav.vertical_menu_toggle ul > li.menu-item-has-children.open > a > .plus,
.touch nav.vertical_menu_on_click ul > li.menu-item-has-children.open > a > .plus,
.touch nav.vertical_menu_float ul > li.menu-item-has-children.open > a > .plus {
background-image: url('img/[email protected] ');
}
.vertical_menu_transparency_on .light nav.vertical_menu_toggle ul li.menu-item-has-children a .plus,
.vertical_menu_transparency_on .light nav.vertical_menu_on_click ul li.menu-item-has-children a .plus,
.vertical_menu_transparency_on .light nav.vertical_menu_float ul li.menu-item-has-children a .plus{
background-image: url('img/[email protected] ');
}
.vertical_menu_transparency_on .light nav.vertical_menu_toggle ul > li.menu-item-has-children > a:hover > .plus,
.vertical_menu_transparency_on .light nav.vertical_menu_on_click ul > li.menu-item-has-children.open > a > .plus,
.vertical_menu_transparency_on .light nav.vertical_menu_float ul > li.menu-item-has-children.open > a > .plus
{
background-image: url('img/[email protected] ');
}
.vertical_menu_transparency_on .dark nav.vertical_menu_toggle ul li.menu-item-has-children a .plus,
.vertical_menu_transparency_on .dark nav.vertical_menu_on_click ul li.menu-item-has-children a .plus,
.vertical_menu_transparency_on .dark nav.vertical_menu_float ul li.menu-item-has-children a .plus{
background-image: url('img/[email protected] ');
}
.vertical_menu_transparency_on .dark nav.vertical_menu_toggle ul > li.menu-item-has-children > a:hover > .plus,
.vertical_menu_transparency_on .dark nav.vertical_menu_on_click ul > li.menu-item-has-children.open > a > .plus,
.vertical_menu_transparency_on .dark nav.vertical_menu_float ul > li.menu-item-has-children.open > a > .plus
{
background-image: url('img/[email protected] ');
}
}
nav.vertical_menu_toggle ul li a .q_menu_arrow,
nav.vertical_menu_on_click ul li a .q_menu_arrow,
nav.vertical_menu_float ul li a .q_menu_arrow{
display: none;
}
nav.vertical_menu_toggle li.narrow .second .inner ul,
nav.vertical_menu_on_click li.narrow .second .inner ul{
background-color: transparent;
padding:0;
width: 100%;
}
nav.vertical_menu_toggle li.narrow .second .inner ul ul,
nav.vertical_menu_on_click li.narrow .second .inner ul ul{
display: none;
}
.vertical_menu_toggle .second .inner ul li a,
.vertical_menu_on_click .second .inner ul li a,
.vertical_menu_float .second .inner ul li a{
display: block;
height: auto;
font-family: inherit;
font-size: 13px;
line-height: 18px;
color: #818181;
margin: 0;
padding: 5px 0px 5px 0px;
text-decoration: none;
-webkit-transition: color 0.3s ease;
-moz-transition: color 0.3s ease;
-o-transition: color 0.3s ease;
-ms-transition: color 0.3s ease;
transition: color 0.3s ease;
}
.vertical_menu_transparency_on .light .vertical_menu_toggle .second .inner ul li a,
.vertical_menu_transparency_on .light .vertical_menu_on_click .second .inner ul li a,
.vertical_menu_transparency_on .light .vertical_menu_float .second .inner ul li a{
color: #ffffff;
}
.vertical_menu_transparency_on .dark .vertical_menu_toggle .second .inner ul li a,
.vertical_menu_transparency_on .dark .vertical_menu_on_click .second .inner ul li a,
.vertical_menu_transparency_on .dark .vertical_menu_float .second .inner ul li a{
color: #000000;
}
.vertical_menu_toggle .second .inner ul ul li a,
.vertical_menu_on_click .second .inner ul ul li a,
.vertical_menu_float .second .inner ul li a{
padding-left: 15px;
padding-right: 15px;
}
.vertical_menu_area_widget_holder{
margin:60px 0 0 0;
}
.vertical_menu_enabled .carousel-inner:not(.relative_position){
left: 260px !important;
}
.vertical_menu_area .q_social_icon_holder{
margin: 0 8px 2px 0 !important;
}
.vertical_menu_enabled .content{
margin-top:0 !important;
padding-top:0 !important;
}
.boxed.vertical_menu_enabled .carousel-inner{
width: 1150px !important;
left: auto !important;
}
.vertical_menu_enabled.vertical_menu_transparency .full_section_inner{
overflow: hidden;
}
.vertical_menu_enabled.vertical_menu_transparency_on:not(.vertical_menu_hidden) aside.vertical_menu_area{
background-color: transparent !important;
}
.vertical_menu_enabled.vertical_menu_transparency_on:not(.vertical_menu_hidden) aside.vertical_menu_area .vertical_area_background{
-webkit-transition: opacity 0.3s ease;
-moz-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
-ms-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
opacity: 0 !important;
}
.vertical_menu_enabled.vertical_menu_transparency .q_slider{
padding-left: 0px;
}
.vertical_menu_enabled.vertical_menu_enabled.vertical_menu_transparency .carousel-inner:not(.relative_position){
left: 0px !important;
}
.boxed.vertical_menu_enabled.vertical_menu_enabled.vertical_menu_transparency .carousel-inner:not(.relative_position){
left: auto !important;
}
.vertical_menu_enabled.vertical_menu_transparency .carousel-control.left{
bottom: 60px;
height: 44px;
right: 105px;
top: auto;
width: 44px;
}
.vertical_menu_enabled.vertical_menu_transparency .carousel-control.right{
bottom: 60px;
height: 44px;
right: 50px;
top: auto;
width: 44px;
}
.vertical_menu_enabled.vertical_menu_transparency .carousel-control .prev_nav {
left: 0;
margin: 0 !important;
top: 0;
height: 40px;
width: 40px;
line-height: 40px;
}
.vertical_menu_enabled.vertical_menu_transparency .carousel-control .next_nav {
margin: 0 !important;
right: 0;
top: 0;
height: 40px;
width: 40px;
line-height: 40px;
}
.vertical_menu_enabled.vertical_menu_transparency .carousel-control i {
font-size: 24px;
line-height: 40px;
}
.vertical_menu_enabled.vertical_menu_transparency .carousel-indicators{
display: none !important;
}
.vertical_menu_enabled.page-template-landing_page-php .q_slider,
.vertical_menu_enabled.page-template-landing_page-php .full_width,
.vertical_menu_enabled.page-template-landing_page-php .content .container,
.vertical_menu_enabled.page-template-landing_page-php .title_outer,
.boxed.vertical_menu_enabled.page-template-landing_page-php,
.vertical_menu_enabled.page-template-landing_page-php .full_screen_holder{
padding-left: 0px !important;
}
.vertical_menu_enabled.page-template-landing_page-php .carousel-inner:not(.relative_position){
left: 0px !important;
}
/* vertical menu - hidden type START */
.vertical_menu_hidden aside.vertical_menu_area{
-webkit-box-shadow: 0px 0px 2px 2px rgba(0,0,0,.15);
box-shadow: 0px 0px 2px 2px rgba(0,0,0,.15);
left: -220px;
padding: 10px 40px;
-webkit-transition: left 0.15s ease-out;
-moz-transition: left 0.15s ease-out;
-o-transition: left 0.15s ease-out;
-ms-transform: left 0.15s ease-out;
transition: left 0.15s ease-out;
}
.vertical_menu_hidden .vertical_area_background{
left: -220px;
-webkit-transition: left 0.15s ease-out;
-moz-transition: left 0.15s ease-out;
-o-transition: left 0.15s ease-out;
-ms-transform: left 0.15s ease-out;
transition: left 0.15s ease-out;
}
.vertical_menu_hidden.vertical_menu_hidden_with_logo aside.vertical_menu_area,
.vertical_menu_hidden.vertical_menu_hidden_with_logo .vertical_area_background {
left: -190px;
}
.vertical_menu_hidden aside.vertical_menu_area.active,
.vertical_menu_hidden aside.vertical_menu_area.active .vertical_area_background{
left: 0px;
}
.vertical_menu_enabled.vertical_menu_hidden .full_screen_holder,
.vertical_menu_enabled.vertical_menu_hidden .q_slider,
.vertical_menu_enabled.vertical_menu_hidden .full_width,
body.page-template-blog-masonry-full-width-php.vertical_menu_enabled.vertical_menu_hidden .content .full_width,
.vertical_menu_enabled.vertical_menu_hidden .content .container,
.vertical_menu_enabled.vertical_menu_hidden .title_outer,
.vertical_menu_enabled.vertical_menu_hidden footer,
.boxed.vertical_menu_enabled.vertical_menu_hidden,
.boxed.vertical_menu_enabled.vertical_menu_hidden footer.uncover,
.vertical_menu_enabled.vertical_menu_hidden .full_screen_holder{
padding-left: 40px;
}
.vertical_menu_enabled.vertical_menu_hidden .carousel-inner:not(.relative_position){
left: 40px !important;
}
.vertical_menu_enabled.vertical_menu_hidden.vertical_menu_hidden_with_logo .full_screen_holder,
.vertical_menu_enabled.vertical_menu_hidden.vertical_menu_hidden_with_logo .q_slider,
.vertical_menu_enabled.vertical_menu_hidden.vertical_menu_hidden_with_logo .full_width,
.vertical_menu_enabled.vertical_menu_hidden.vertical_menu_hidden_with_logo .content .container,
.vertical_menu_enabled.vertical_menu_hidden.vertical_menu_hidden_with_logo .title_outer,
.vertical_menu_enabled.vertical_menu_hidden.vertical_menu_hidden_with_logo footer,
.boxed.vertical_menu_enabled.vertical_menu_hidden.vertical_menu_hidden_with_logo,
.boxed.vertical_menu_enabled.vertical_menu_hidden.vertical_menu_hidden_with_logo footer.uncover,
.vertical_menu_enabled.vertical_menu_hidden.vertical_menu_hidden_with_logo .full_screen_holder{
padding-left: 70px;
}
.vertical_menu_enabled.vertical_menu_hidden .carousel-control .prev_nav,
.vertical_menu_enabled.vertical_menu_hidden .carousel-control .next_nav{
margin-top: -27px !important;
}
.vertical_menu_hidden_button{
position: fixed;
top: 0;
left: 0px;
width: 40px;
height: 40px;
z-index: 11;
display: block;
}
.vertical_menu_enabled.vertical_menu_hidden.vertical_menu_hidden_with_logo .vertical_menu_hidden_button {
width: 70px;
height: 40px;
z-index: 1000;
}
.vertical_menu_hidden_button_line {
position: absolute;
top: 50%;
left: 50%;
font-size: 30px;
display: block;
margin-left: -11px;
width: 22px;
height: 3px;
background: #303030;
}
.vertical_menu_hidden_button_line:after,.vertical_menu_hidden_button_line:before{
content: '';
position: absolute;
width: 100%;
height: 3px;
background: #303030;
left: 0;
-webkit-transform-origin:center center;
-moz-transform-origin:center center;
-ms-transform-origin:center center;
-o-transform-origin:center center;
transform-origin:center center;
}
.vertical_menu_hidden_button_line:before{
top: -6px;
}
.vertical_menu_hidden_button_line:after{
bottom: -6px;
}
.vertical_menu_area.active .vertical_menu_hidden_button .vertical_menu_hidden_button_line{
background: rgba(220, 151, 31,0);
}
.vertical_menu_area.active .vertical_menu_hidden_button .vertical_menu_hidden_button_line:after{
-webkit-transform: rotate(-45deg) translate(2px,-8px);
-moz-transform: rotate(-45deg) translate(3px,-8px);
-ms-transform: rotate(-45deg) translate(3px,-8px);
-o-transform: rotate(-45deg) translate(3px,-8px);
transform: rotate(-45deg) translate(3px,-8px);
}
.vertical_menu_area.active .vertical_menu_hidden_button .vertical_menu_hidden_button_line:before{
-webkit-transform: rotate(45deg) translate(4px,9px);
-moz-transform: rotate(45deg) translate(3px,8px);
-ms-transform: rotate(45deg) translate(3px,8px);
-o-transform: rotate(45deg) translate(3px,8px);
transform: rotate(45deg) translate(3px,8px);
}
.vertical_menu_hidden_button_line,
.vertical_menu_hidden_button_line:before,
.vertical_menu_hidden_button_line:after{
-webkit-transition: all 0.3s cubic-bezier(0.585, -0.600, 0.430, 1.650);
-moz-transition: all 0.3s cubic-bezier(0.585, -0.600, 0.430, 1.650);
-ms-transition: all 0.3s cubic-bezier(0.585, -0.600, 0.430, 1.650);
-o-transition: all 0.3s cubic-bezier(0.585, -0.600, 0.430, 1.650);
transition: all 0.3s cubic-bezier(0.585, -0.600, 0.430, 1.650);
}
.vertical_menu_hidden_button:hover .vertical_menu_hidden_button_line:before{
top: -8px;
}
.vertical_menu_hidden_button:hover .vertical_menu_hidden_button_line:after{
bottom: -8px;
}
.vertical_menu_area.active .vertical_menu_hidden_button .vertical_menu_hidden_button_line:after{
bottom: -8px;
}
.vertical_menu_area.active .vertical_menu_hidden_button .vertical_menu_hidden_button_line:before{
top: -8px;
}
.vertical_menu_hidden .vertical_menu_area_bottom_logo {
position: fixed;
width: 70px;
text-align: center;
bottom: 0px;
z-index: 1000;
}
.vertical_menu_hidden .vertical_menu_area_bottom_logo_inner {
position: absolute;
bottom: 20px;
box-sizing: border-box;
text-align: center;
width: 100%;
}
.vertical_menu_hidden .vertical_menu_area_bottom_logo_inner a {
display: block;
padding: 0 10px;
}
.vertical_menu_hidden .vertical_menu_area_bottom_logo{
left: 0;
-webkit-transition: left 0.15s ease-in-out;
-moz-transition: left 0.15s ease-in-out;
-ms-transition: left 0.15s ease-in-out;
-o-transition: left 0.15s ease-in-out;
transition: left 0.15s ease-in-out;
}
.vertical_menu_hidden .vertical_menu_area_bottom_logo.active{
left: -70px;
}
.vertical_menu_hidden.vertical_menu_hidden_with_logo .vertical_menu_area:not(.active) .vertical_menu_area_inner{
left: -30px;
}
.vertical_menu_hidden.vertical_menu_hidden_with_logo .vertical_menu_area .vertical_menu_area_inner {
left: 0;
}
.vertical_menu_hidden.vertical_menu_hidden_with_logo .vertical_menu_area .vertical_menu_area_inner {
position: relative;
height: 100%;
}
/*vertical menu width for initially hidden type*/
.vertical_menu_hidden.vertical_menu_width_290 aside.vertical_menu_area,
.vertical_menu_hidden.vertical_menu_width_290 aside.vertical_menu_area .vertical_area_background{
width:290px;
left:-250px;
}
.vertical_menu_hidden.vertical_menu_width_350 aside.vertical_menu_area,
.vertical_menu_hidden.vertical_menu_width_350 aside.vertical_menu_area .vertical_area_background{
width:350px;
left:-310px;
}
.vertical_menu_hidden.vertical_menu_width_400 aside.vertical_menu_area,
.vertical_menu_hidden.vertical_menu_width_400 aside.vertical_menu_area .vertical_area_background{
width:400px;
left:-360px;
}
.vertical_menu_hidden.vertical_menu_width_290 aside.vertical_menu_area.active,
.vertical_menu_hidden.vertical_menu_width_290 aside.vertical_menu_area.active .vertical_area_background,
.vertical_menu_hidden.vertical_menu_width_350 aside.vertical_menu_area.active,
.vertical_menu_hidden.vertical_menu_width_350 aside.vertical_menu_area.active .vertical_area_background,
.vertical_menu_hidden.vertical_menu_width_400 aside.vertical_menu_area.active,
.vertical_menu_hidden.vertical_menu_width_400 aside.vertical_menu_area.active .vertical_area_background{
left:0;
}
/*vertical menu width for initially hidden type with logo at bottom */
.vertical_menu_hidden.vertical_menu_hidden_with_logo.vertical_menu_width_290 aside.vertical_menu_area,
.vertical_menu_hidden.vertical_menu_hidden_with_logo.vertical_menu_width_290 aside.vertical_menu_area .vertical_area_background{
width:290px;
left:-220px;
}
.vertical_menu_hidden.vertical_menu_hidden_with_logo.vertical_menu_width_350 aside.vertical_menu_area,
.vertical_menu_hidden.vertical_menu_hidden_with_logo.vertical_menu_width_350 aside.vertical_menu_area .vertical_area_background{
width:350px;
left:-280px;
}
.vertical_menu_hidden.vertical_menu_hidden_with_logo.vertical_menu_width_400 aside.vertical_menu_area,
.vertical_menu_hidden.vertical_menu_hidden_with_logo.vertical_menu_width_400 aside.vertical_menu_area .vertical_area_background{
width:400px;
left:-330px;
}
.vertical_menu_hidden.vertical_menu_hidden_with_logo.vertical_menu_width_290 aside.vertical_menu_area.active,
.vertical_menu_hidden.vertical_menu_hidden_with_logo.vertical_menu_width_290 aside.vertical_menu_area.active .vertical_area_background,
.vertical_menu_hidden.vertical_menu_hidden_with_logo.vertical_menu_width_350 aside.vertical_menu_area.active,
.vertical_menu_hidden.vertical_menu_hidden_with_logo.vertical_menu_width_350 aside.vertical_menu_area.active .vertical_area_background,
.vertical_menu_hidden.vertical_menu_hidden_with_logo.vertical_menu_width_400 aside.vertical_menu_area.active,
.vertical_menu_hidden.vertical_menu_hidden_with_logo.vertical_menu_width_400 aside.vertical_menu_area.active .vertical_area_background{
left:0;
}
/* vertical menu - hidden type END */
/* ==========================================================================
End Vertical menu styles
========================================================================== */
/* ==========================================================================
Popup menu start styles
========================================================================== */
.popup_menu_inner{
display: inline-block;
height: 2px;
position: relative;
top: -1px;
vertical-align: middle;
width: 20px;
position: relative;
width: 20px;
}
.popup_menu .line{
background-color: #9D9D9D;
height: 2px;
margin: 0px;
width: 13px;
top: 0px;
left: 0px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transform: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
position: absolute;
display: inline-block;
}
.popup_menu .line:after, .popup_menu .line:before {
background-color: #9D9D9D;
content: "";
display: block;
height: 2px;
position: absolute;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transform: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
width: 13px;
z-index: -1;
-webkit-backface-visibility: hidden; /*because X sign jumps on hover in Chrome*/
}
@media only screen and (min-width: 1000px) {
.dark:not(.sticky):not(.scrolled) .popup_menu:not(.opened) .line,
.dark:not(.sticky):not(.scrolled) .popup_menu:not(.opened) .line:before,
.dark:not(.sticky):not(.scrolled) .popup_menu:not(.opened) .line:after,
.dark.header_style_on_scroll .popup_menu:not(.opened) .line,
.dark.header_style_on_scroll .popup_menu:not(.opened) .line:before,
.dark.header_style_on_scroll .popup_menu:not(.opened) .line:after{
background-color: #000;
}
.light:not(.sticky):not(.scrolled) .popup_menu:not(.opened) .line,
.light:not(.sticky):not(.scrolled) .popup_menu:not(.opened) .line:before,
.light:not(.sticky):not(.scrolled) .popup_menu:not(.opened) .line:after,
.light.header_style_on_scroll .popup_menu:not(.opened) .line,
.light.header_style_on_scroll .popup_menu:not(.opened) .line:before,
.light.header_style_on_scroll .popup_menu:not(.opened) .line:after{
background-color: #fff;
}
}
.popup_menu .line:before {
top: -4px;
}
.popup_menu .line:after {
top: 4px;
}
.side_menu_button .popup_menu:hover{
opacity: 0.8;
}
.popup_menu.opened .line{
background-color: transparent !important;
}
.popup_menu.opened .line:after {
background-color: #ffffff;
top: 0 !important;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.popup_menu.opened .line:before {
background-color: #ffffff;
top: 0 !important;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.popup_menu_holder_outer{
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
visibility: hidden;
opacity: 0;
z-index: 105; /* this have to be between header z-index and content z-index */
}
.popup_menu_holder{
width: 100%;
height: 100%;
background-color: rgba(48,48,48,0.95);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
display: table;
}
.popup_menu_holder_inner{
display: table-cell;
vertical-align: middle;
padding: 100px 0px;
}
.popup_menu_opened .main_menu,
.popup_menu_opened .side_menu_button a:not(.popup_menu),
.popup_menu_opened #back_to_top,
.popup_menu_opened .header_top,
.popup_menu_opened header .tooltip,
.popup_menu_opened .mobile_menu_button,
.popup_menu_opened .fixed_top_header .header_bottom_center_widget,
.popup_menu_opened .fixed_top_header .header_bottom_right_widget_holder{
visibility: hidden !important;
}
.popup_menu_opened .header_bottom .container_inner{
border: none !important;
}
.popup_menu_opened .side_menu_button .shopping_cart_header{
display: none;
}
.popup_menu_opened .popup_menu_holder_outer{
visibility: visible;
opacity: 1;
}
.touch .popup_menu_holder_outer{
display: none;
}
.touch .popup_menu_opened .popup_menu_holder_outer{
display: block;
}
.popup_menu_opened header.scrolled .header_bottom,
.popup_menu_opened header.sticky .header_bottom{
background-color: transparent !important;
box-shadow: none;
}
.popup_menu_opened .header_top,
.popup_menu_opened .header_bottom,
.popup_menu_opened .fixed_top_header .top_header{
background-color: transparent !important;
border: 0px !important;
}
.popup_menu_opened .q_logo img.normal,
.popup_menu_opened .q_logo img.light,
.popup_menu_opened .q_logo img.sticky,
.popup_menu_opened .q_logo img.dark,
.popup_menu_opened .q_logo img.mobile {
opacity: 0 !important;
}
.popup_menu_opened header .q_logo img.popup{
opacity: 1 !important;
}
nav.popup_menu{
margin: 0px auto;
position: relative;
top: 0px;
text-align: left;
}
nav.popup_menu ul{
display: none;
position: relative;
list-style: none;
padding: 0;
margin: 0;
}
nav.popup_menu > ul{
display: block;
}
nav.popup_menu ul li{
margin: 0;
padding: 0;
text-align: center;
font-size: 45px;
line-height: 50px;
}
nav.popup_menu ul li a,
nav.popup_menu ul li h6{
font-size: 24px;
font-weight: 500;
line-height: 50px;
letter-spacing: 2px;
color: #ffffff;
padding: 0px;
display: block;
position: relative;
text-decoration: none;
text-transform: uppercase;
cursor: pointer;
}
nav.popup_menu ul li a:hover,
nav.popup_menu ul li h6:hover{
color: #9c9c9c;
}
nav.popup_menu ul li a span,
nav.popup_menu ul li h6 span{
display: inline-block;
vertical-align: middle;
}
nav.popup_menu ul li ul li a,
nav.popup_menu ul li ul li h6{
font-size: 14px;
text-transform: none;
}
nav.popup_menu ul li ul li ul li a,
nav.popup_menu ul li ul li ul li h6{
font-size: 0.5em;
line-height: 1em;
}
.popup_menu.medium .popup_menu_inner,
.popup_menu.medium .line,
.popup_menu.medium .line:after, .popup_menu.medium .line:before {
height: 3px;
width: 19px;
}
.popup_menu.medium .line:before{
top: -6px;
}
.popup_menu.medium .line:after {
top: 6px;
}
.popup_menu.large .popup_menu_inner,
.popup_menu.large .line,
.popup_menu.large .line:after, .popup_menu.large .line:before {
height: 4px;
width: 24px;
}
.popup_menu.large .line:before{
top: -8px;
}
.popup_menu.large .line:after {
top: 8px;
}
/* ==========================================================================
Popup menu end styles
========================================================================== */
/* ==========================================================================
Pricing List Shortcode style
========================================================================== */
.qode_pricing_list .qode_pricing_list_holder {
list-style: none;
}
.qode_pricing_list .qode_pricing_list_item {
position: relative;
border-bottom: 1px solid #e7e7e7;
padding: 19px 0;
}
.qode_pricing_list .qode_pricing_item_title {
margin-bottom: 5px;
font-size: 18px;
font-weight: 600;
}
.qode_pricing_list .qode_pricing_item_text {
padding-right: 170px;
}
.qode_pricing_list .qode_pricing_item_price {
position: absolute;
width: 170px;
height: 100%;
text-align: right;
right: 0;
top: 0;
}
.qode_pricing_list .qode_pricing_item_price_inner {
display: table;
height: 100%;
width: 100%;
}
.qode_pricing_list .qode_pricing_item_price_inner span {
display: table-cell;
vertical-align: middle;
font-size: 30px;
color: #303030;
font-weight: 600;
}
/* ==========================================================================
End of Pricing List Shortcode style
========================================================================== */
/* ==========================================================================
Qode Elements Holder style
========================================================================== */
.q_elements_holder{
width: 100%;
display: table;
table-layout: fixed;
}
.q_elements_holder .q_elements_item{
display: table-cell;
vertical-align: middle;
height: 100%;
}
.q_elements_holder .q_elements_item_inner{
width: 100%;
}
.q_elements_holder.two_columns .q_elements_item {
width: 50%;
}
.q_elements_holder.three_columns .q_elements_item {
width: 33.33333333333333%;
}
.q_elements_holder.four_columns .q_elements_item {
width: 25%;
}
/* ==========================================================================
End of Qode Elements Holder style
========================================================================== */
/* ==========================================================================
Start of content with negative margin style
========================================================================== */
.content_top_margin .content .container .container_inner.page_container_inner{
padding: 0px;
}
.content_top_margin .content .container .container_inner .call_to_action{
margin: 0px -15px;
}
.content_top_margin .content .container .container_inner .call_to_action .container_inner{
width: 100%;
}
/* ==========================================================================
End of content with negative margin style
========================================================================== */
/* ==========================================================================
Password protected box styles
========================================================================== */
.post-password-form {
width: 300px;
}
.post-password-form p {
margin-bottom: 20px;
}
.post-password-form input[type='password'] {
width: 100%;
display: block;
margin: 5px 0 20px;
padding: 15px 12px;
border: 0;
outline: 0;
resize: none;
font-size: 13px;
line-height:17px;
background-color:#fff;
color: #818181;
font-family: inherit;
font-weight:400;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.post-password-form input[type='submit'] {
position: relative;
display: inline-block;
width: auto;
height: 39px;
line-height: 39px;
margin: 0;
padding: 0px 23px;
border: 2px solid #303030;
font-size: 13px;
font-weight: 700;
font-family: inherit;
text-align: left;
color: #303030;
text-decoration: none;
cursor: pointer;
white-space: nowrap;
outline: none;
font-style: normal;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 20px;
-o-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
text-shadow: none;
background-color: transparent;
-webkit-transition: all 0.1s linear;
-moz-transition: all 0.1s linear;
-ms-transition: all 0.1s linear;
-o-transition: all 0.1s linear;
transition: all 0.1s linear;
-webkit-box-sizing: initial !important;
-moz-box-sizing: initial !important;
box-sizing: initial !important;
}
.post-password-form input[type='submit']:hover {
background-color: #f25f33;
border-color: #f25f33;
color: #fff;
text-decoration: none;
}
/* ==========================================================================
End of password protected box styles
========================================================================== */
/* ==========================================================================
Full Screen Sections Template
========================================================================== */
.full_screen_holder{
position: relative;
display: block;
z-index: 100;
}
.full_screen_inner{
height: 100%;
position: relative;
/* Touch detection for Windows 8 */
-ms-touch-action: none;
/* IE 11 on Windows Phone 8.1*/
touch-action: none;
visibility: hidden;
}
.fp-section {
position: relative;
-webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */
-moz-box-sizing: border-box; /* <=28 */
box-sizing: border-box;
margin: 0 !important;
}
.fp-slide {
float: left;
}
.fp-section.fp-table,
.fp-slide.fp-table {
display: table;
width: 100%;
}
.fp-tableCell {
display: table-cell;
vertical-align: middle;
width: 100%;
height: 100%;
}
.vertical_menu_enabled .full_screen_holder{
padding-left: 260px;
}
.boxed.vertical_menu_enabled .full_screen_holder{
padding-left: 0;
}
@media only screen and (max-width: 1000px){
.vertical_menu_enabled .full_screen_holder{
padding-left: 0;
}
}
.full_screen_navigation_holder{
position: absolute;
left: 0;
width: 100%;
display: block;
text-align: center;
z-index: 10000;
visibility: hidden;
-webkit-transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
-ms-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
}
.full_screen_navigation_holder.up_arrow{
top: 30px;
}
.full_screen_navigation_holder.down_arrow,
.full_screen_navigation_holder.side_by_side{
position: fixed;
bottom: 30px;
}
.full_screen_navigation_inner{
position: relative;
display: inline-block;
vertical-align: middle;
}
.full_screen_navigation_inner a{
display: block;
color: #393939;
font-size: 40px;
line-height: 1em;
opacity: 1;
-webkit-transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
-ms-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
}
.full_screen_navigation_inner a:hover{
opacity: 0.7;
}
.full_screen_navigation_inner i{
font-size: inherit;
color: inherit;
line-height: inherit;
}
.full_screen_preloader{
position: absolute;
height: 1200px;
width: 100%;
display: block;
background-color: #1c1c1c;
z-index: 10001;
}
.full_screen_preloader .ajax_loader{
position: absolute;
display: block;
}
/* ==========================================================================
End of Full Screen Sections Template
========================================================================== */
/* ==========================================================================
Image Gallery slider with no space
========================================================================== */
.qode_image_gallery_no_space {
opacity: 0;
position: relative;
}
.qode_image_gallery_no_space .qode_image_gallery_holder {
overflow: hidden;
position: relative;
width: 100%;
}
.qode_image_gallery_no_space ul {
margin: 0;
overflow: hidden;
padding: 0;
}
.qode_image_gallery_no_space ul li {
float: left;
list-style: none outside none;
margin: 0px;
}
@media only screen and (min-width: 800px) {
.qode_image_gallery_no_space.highlight_active ul li:not(.active) {
opacity: 0.2;
}
.qode_image_gallery_no_space.highlight_active ul li.active{
opacity: 1 !important;
}
.qode_image_gallery_no_space.highlight_active ul li {
-webkit-transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
-ms-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
}
}
@media only screen and (max-width: 800px) {
.qode_image_gallery_no_space.highlight_active ul li{
opacity: 1 !important;
}
}
.qode_image_gallery_no_space ul li:not(.active) a {
cursor: default;
}
.qode_image_gallery_no_space a.prettyphoto {
display: block;
width: 100%;
height: 100%;
}
.qode_image_gallery_no_space ul li img {
display: block;
position: relative;
}
.qode_image_gallery_no_space .controls {
width: 100%;
}
.qode_image_gallery_no_space .controls a.prev-slide,
.qode_image_gallery_no_space .controls a.next-slide {
vertical-align: middle;
font-size: 30px;
position: absolute;
top: 0;
height: 100%;
width: 10%;
}
.qode_image_gallery_no_space .controls a.prev-slide span,
.qode_image_gallery_no_space .controls a.next-slide span {
margin-top: -27px;
margin-left: -27px;
position: absolute;
left: 50%;
top: 50%;
background-color: transparent;
border: 2px solid #303030;
color: #303030;
cursor: pointer;
display: block;
height: 54px;
line-height: 54px;
text-align: center;
width: 54px;
border-radius: 40px;
-webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out;
-moz-transition: color .15s ease-in-out, background-color .15s ease-in-out;
-ms-transition: color .15s ease-in-out, background-color .15s ease-in-out;
-o-transition: color .15s ease-in-out, background-color .15s ease-in-out;
transition: color .15s ease-in-out, background-color .15s ease-in-out;
}
.qode_image_gallery_no_space .controls a.prev-slide span i,
.qode_image_gallery_no_space .controls a.next-slide span i{
vertical-align: top;
}
.qode_image_gallery_no_space.light .controls a.prev-slide span,
.qode_image_gallery_no_space.light .controls a.next-slide span{
color: #fff;
border-color: #fff;
}
.qode_image_gallery_no_space.dark .controls a.prev-slide span,
.qode_image_gallery_no_space.dark .controls a.next-slide span{
color: #000;
border-color: #000;
}
.qode_image_gallery_no_space .controls a.prev-slide:hover span,
.qode_image_gallery_no_space .controls a.next-slide:hover span{
background-color: #303030;
color: #fff;
}
.qode_image_gallery_no_space.light .controls a.prev-slide:hover span,
.qode_image_gallery_no_space.light .controls a.next-slide:hover span{
background-color: #fff;
color: #8a8a8a;
}
.qode_image_gallery_no_space.dark .controls a.prev-slide:hover span,
.qode_image_gallery_no_space.dark .controls a.next-slide:hover span{
background-color: #000;
color: #fff;
}
.qode_image_gallery_no_space .controls a.next-slide {
right: 20px;
}
@media only screen and (max-width: 800px) {
.qode_image_gallery_no_space .qode_image_gallery_holder {
height: auto !important;
}
.qode_image_gallery_no_space ul {
height: auto !important;
width: 100% !important;
}
.qode_image_gallery_no_space ul li {
float: none;
}
.qode_image_gallery_no_space ul li.-before,
.qode_image_gallery_no_space ul li.-after {
display: none;
}
.qode_image_gallery_no_space ul li div {
height: auto !important;
width: 100% !important;
}
.qode_image_gallery_no_space ul li img {
height: auto;
width: 100%;
}
.qode_image_gallery_no_space .controls { display: none; }
}
/* ==========================================================================
End of Image Gallery slider with no space
========================================================================== */
/* ==========================================================================
Start of Countdown
========================================================================== */
/* jQuery Countdown styles 2.0.0. */
.countdown-rtl {
direction: rtl;
}
.countdown-row {
clear: both;
width: 100%;
padding: 0px 2px;
text-align: center;
}
.countdown-show1 .countdown-section {
width: 98%;
}
.countdown-show2 .countdown-section {
width: 48%;
}
.countdown-show3 .countdown-section {
width: 32.5%;
}
.countdown-show4 .countdown-section {
width: 24.5%;
}
.countdown-show5 .countdown-section {
width: 19.5%;
}
.countdown-show6 .countdown-section {
width: 16.25%;
}
.countdown-show7 .countdown-section {
width: 14%;
}
.countdown{
font-weight: 700;
}
.countdown-section {
display: inline-block;
vertical-align: middle;
text-align: center;
font-weight: inherit;
}
.countdown-amount {
display: block;
position: relative;
font-size: 60px;
line-height: 60px;
margin-bottom: 20px;
color: inherit;
}
/*this span.countdown_separator is added in countdown plugin in plugin.js file */
.countdown_separator{
display: none;
width: 30px;
height: 2px;
background-color: #818181;
margin: 30px 0px;
opacity: 0.3;
}
.countdown.show_separator .countdown_separator{
display: inline-block;
}
.countdown.show_separator .countdown-amount {
margin: 0px;
}
.countdown-period {
display: block;
font-size: 15px;
letter-spacing: 1px;
text-transform: uppercase;
color: inherit;
}
.countdown-descr {
display: block;
width: 100%;
}
@media only screen and (max-width: 1000px){
.countdown-amount {
font-size: 50px !important;
line-height: 50px !important;
}
.countdown-period {
font-size: 15px !important;
}
.countdown_separator {
width: 30px;
}
}
@media only screen and (max-width: 600px){
.countdown-amount {
font-size: 40px !important;
line-height: 40px !important;
margin-bottom: 15px;
}
.countdown-period {
font-size: 12px !important;
}
.countdown_separator {
width: 20px;
margin: 25px 0px 20px 0px;
}
}
@media only screen and (max-width: 600px){
.countdown-amount {
font-size: 35px !important;
line-height: 35px !important;
margin-bottom: 10px;
}
.countdown-period {
font-size: 10px !important;
}
.countdown_separator {
width: 15px;
margin: 20px 0px 15px 0pc;
}
}
/* ==========================================================================
End of Countdown
========================================================================== */
/* ==========================================================================
Start of Vertical Split Screen
========================================================================== */
.vertical_split_slider{
opacity: 0;
position: relative;
margin: 0px -2px;
}
.ms-section {
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-size: cover;
background-repeat: no-repeat;
padding: 0px 20px;
}
.vertical_split_slider .ms-left .ms-section{
background-position: 100% center !important;
}
.vertical_split_slider .ms-right .ms-section{
background-position: 0 center !important;
}
.ms-section.ms-table{
display: table;
width: 100%;
}
.ms-tableCell {
display: table-cell;
vertical-align: middle;
width: 100%;
height: 100%;
box-sizing: border-box;
}
.ms-easing {
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
-o-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
}
#multiscroll-nav {
position: fixed;
z-index: 1000;
margin-top: -32px;
top: 50%;
opacity: 1;
}
#multiscroll-nav.right {
right: 17px;
}
#multiscroll-nav.left {
left: 17px;
}
#multiscroll-nav ul{
margin: 0;
padding: 0;
}
#multiscroll-nav li{
display: block;
width: 8px;
height: 8px;
margin: 13px 7px;
position: relative;
}
#multiscroll-nav li a{
display: block;
position: relative;
z-index: 1;
width: 100%;
height: 100%;
cursor: pointer;
text-decoration: none;
}
#multiscroll-nav li .active span{
background-color: #000;
}
#multiscroll-nav span{
top: 0px;
left: 0px;
width: 8px;
height: 8px;
border: 1px solid #000;
background-color: rgba(0, 0, 0, 0);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
position: absolute;
z-index: 1;
}
.multiscroll-tooltip {
position: absolute;
color: #fff;
font-size: 14px;
font-family: arial, helvetica, sans-serif;
top: -2px;
white-space: nowrap;
max-width: 220px;
}
.multiscroll-tooltip.right {
right: 20px;
}
.multiscroll-tooltip.left {
left: 20px;
}
.vertical_split_slider_responsive{
display: none;
}
@media only screen and (max-width: 1000px){
.vertical_split_slider .ms-left {
width: 100% !important;
z-index: 2;
}
.vertical_split_slider .ms-left .ms-section{
background: none !important;
text-align: center !important;
}
.vertical_split_slider .ms-right {
width: 100% !important;
z-index: 1;
}
}
@media only screen and (max-width: 767px){
.vertical_split_screen_initalized body.vss_responsive_adv{
overflow-y: visible !important;
height: auto !important;
}
.vss_responsive_adv .vertical_split_slider,
.vss_responsive_adv #multiscroll-nav {
display: none;
}
.vertical_split_slider_responsive{
display: block;
}
.vss_responsive_adv .ms-section {
background-position: center center;
}
}
/* ==========================================================================
End of Vertical Split Screen
========================================================================== */
/* ==========================================================================
Start of paspartu
========================================================================== */
.paspartu_outer{
padding: 0 2% 0% 2%;
z-index: 99; /* 100 is z-index of footer, so it needs to be smaller in order to prevent minus margin on left and right paspartu */
}
.paspartu_outer:not(.paspartu_on_bottom_fixed){
position: relative;
}
body:not(.paspartu_on_top_fixed) .paspartu_outer .content:not(.has_slider) .content_inner,
.paspartu_on_top_fixed header,
.paspartu_on_top_fixed .fixed_top_header .top_header,
.paspartu_on_top_fixed .paspartu_outer .content_wrapper{
padding-top: 2%;
}
.paspartu_left,
.paspartu_right {
position: absolute;
height: 100%;
width: 2%;
top: 0px;
left: 0px;
background-color: #ffffff;
z-index: 101; /* one more than the Slider */
}
.paspartu_outer:not(.paspartu_on_bottom_fixed):not(.disable_top_paspartu):not(disable_bottom_paspartu) .paspartu_left,
.paspartu_outer:not(.paspartu_on_bottom_fixed):not(.disable_top_paspartu):not(disable_bottom_paspartu) .paspartu_right{
/*margin: -50% 0px; *//* because of the header types when portfolio outer is not from top of window */
height: 200%;
margin: -5% 0;
}
.paspartu_right{
left: auto;
right: 0px;
}
.paspartu_top{
position: fixed;
padding-top: 2%;
height: 0;
width: 100%;
top:0px;
left: 0px;
background-color: #ffffff;
z-index: 200;
}
.paspartu_bottom{
position: relative;
padding-top: 2%;
height: 0;
width: 100%;
background-color: #ffffff;
z-index: 200;
}
.paspartu_on_bottom_fixed .paspartu_bottom{
position: fixed;
bottom:0px;
left: 0px;
}
.paspartu_on_bottom_fixed footer{
margin-bottom: 2%;
}
body.paspartu_on_top_fixed.paspartu_on_bottom_fixed .popup_menu_holder_outer{
padding: 2%;
box-sizing: border-box;
}
.paspartu_enabled #multiscroll-nav.right{
padding-right: 2%;
}
.paspartu_outer .q_slider,
.paspartu_outer .content:not(.has_slider) .content_inner{
background-color: #ffffff;
}
.paspartu_outer:not(.disable_top_paspartu) .carousel-inner,
.paspartu_outer.paspartu_on_bottom_slider .carousel-inner{
position: relative;
height: 100% !important;
}
.paspartu_outer.disable_top_paspartu .content:not(.has_slider) .content_inner{
padding-top: 0 !important;
}
.paspartu_outer.disable_bottom_paspartu,
.paspartu_outer.paspartu_on_bottom_fixed{
padding-bottom: 0 !important;
}
.paspartu_enabled .header_inner{
position: relative; /* for search form that covers header and comes from bottom from header */
}
header.paspartu_header_alignment .header_bottom{
padding: 0px 2%;
}
header.paspartu_header_inside,
.paspartu_enabled.vertical_menu_enabled header{
padding-left: 2%;
padding-right: 2%;
box-sizing: border-box;
}
.paspartu_enabled.paspartu_on_top_fixed .fixed_top_header .qode_search_form_3{
margin-top: 2%;
}
header.paspartu_header_inside.fixed_top_header .top_header,
.paspartu_enabled .vertical_split_slider_preloader,
.paspartu_enabled.paspartu_on_top_fixed .fixed_top_header .qode_search_form_3{
width: 96%;
margin-left: 2%;
margin-right: 2%;
}
.paspartu_enabled .paspartu_outer:not(.disable_top_paspartu) .vertical_split_slider{
margin-top: -2%;
}
.paspartu_enabled .paspartu_outer:not(.disable_bottom_paspartu) .vertical_split_slider{
margin-bottom: -2%;
}
.paspartu_on_top_fixed header{
z-index:202;
}
.paspartu_on_top_fixed:not(.paspartu_on_bottom_fixed) .popup_menu_holder_outer{
z-index:201;
}
.paspartu_enabled.vertical_menu_inside_paspartu aside.vertical_menu_area,
.paspartu_enabled.vertical_menu_inside_paspartu .vertical_area_background,
.paspartu_enabled.vertical_menu_inside_paspartu.vertical_menu_enabled .carousel-inner:not(.relative_position),
.paspartu_enabled.vertical_menu_inside_paspartu .vertical_menu_hidden_button{
margin-left: 2%;
}
.paspartu_enabled.vertical_menu_inside_paspartu.vertical_menu_right aside.vertical_menu_area,
.paspartu_enabled.vertical_menu_inside_paspartu.vertical_menu_right .vertical_area_background,
.paspartu_enabled.vertical_menu_inside_paspartu.vertical_menu_enabled.vertical_menu_right .carousel-inner:not(.relative_position),
.paspartu_enabled.vertical_menu_inside_paspartu.vertical_menu_right .vertical_menu_hidden_button{
margin-left: 0%;
margin-right: 2%;
}
.paspartu_enabled.vertical_menu_inside_paspartu aside.vertical_menu_area,
.paspartu_enabled.vertical_menu_inside_paspartu .vertical_area_background,
.paspartu_enabled.vertical_menu_inside_paspartu .vertical_menu_hidden_button{
margin-top: 2%;
}
.paspartu_enabled.vertical_menu_enabled:not(.vertical_menu_hidden):not(.vertical_menu_transparency) .paspartu_outer:not(.disable_top_paspartu) .carousel-inner:not(.relative_position),
.paspartu_enabled.vertical_menu_enabled:not(.vertical_menu_hidden):not(.vertical_menu_transparency) .paspartu_outer.paspartu_on_bottom_slider .carousel-inner:not(.relative_position),
.paspartu_enabled.vertical_menu_enabled.vertical_menu_width_290:not(.vertical_menu_hidden):not(.vertical_menu_transparency) .paspartu_outer:not(.disable_top_paspartu) .carousel-inner:not(.relative_position),
.paspartu_enabled.vertical_menu_enabled.vertical_menu_width_290:not(.vertical_menu_hidden):not(.vertical_menu_transparency) .paspartu_outer.paspartu_on_bottom_slider .carousel-inner:not(.relative_position),
.paspartu_enabled.vertical_menu_enabled.vertical_menu_width_350:not(.vertical_menu_hidden):not(.vertical_menu_transparency) .paspartu_outer:not(.disable_top_paspartu) .carousel-inner:not(.relative_position),
.paspartu_enabled.vertical_menu_enabled.vertical_menu_width_350:not(.vertical_menu_hidden):not(.vertical_menu_transparency) .paspartu_outer.paspartu_on_bottom_slider .carousel-inner:not(.relative_position),
.paspartu_enabled.vertical_menu_enabled.vertical_menu_width_400:not(.vertical_menu_hidden):not(.vertical_menu_transparency) .paspartu_outer:not(.disable_top_paspartu) .carousel-inner:not(.relative_position),
.paspartu_enabled.vertical_menu_enabled.vertical_menu_width_400:not(.vertical_menu_hidden):not(.vertical_menu_transparency) .paspartu_outer.paspartu_on_bottom_slider .carousel-inner:not(.relative_position),
.paspartu_enabled.vertical_menu_enabled.vertical_menu_hidden .carousel-inner:not(.relative_position){
left: 0px !important;
margin-left: 0% !important;
}
.vertical_menu_enabled.paspartu_on_top_fixed header{
padding: 0px !important;
}
/* outside paspartu - start */
.paspartu_enabled.vertical_menu_outside_paspartu aside.vertical_menu_area{
z-index: 500;
}
body.vertical_menu_outside_paspartu.paspartu_on_top_fixed .paspartu_outer{
padding-top: 2%;
}
body.paspartu_on_top_fixed.vertical_menu_outside_paspartu .paspartu_outer .content .content_inner{
padding-top: 0% !important;
}
@media only screen and (min-width: 1000px) {
.vertical_menu_outside_paspartu .content_wrapper{
margin-left: 2%;
padding-left: 260px;
width: 98%;
}
.vertical_menu_outside_paspartu.vertical_menu_left.vertical_menu_width_290 .content_wrapper{
margin-left: 2%;
padding-left: 290px;
width: 98%;
}
.vertical_menu_outside_paspartu.vertical_menu_left.vertical_menu_width_350 .content_wrapper{
margin-left: 2%;
padding-left: 350px;
width: 98%;
}
.vertical_menu_outside_paspartu.vertical_menu_left.vertical_menu_width_400 .content_wrapper{
margin-left: 2%;
padding-left: 400px;
width: 98%;
}
.vertical_menu_outside_paspartu.vertical_menu_right.vertical_menu_width_290 .content_wrapper{
margin-right: 2%;
padding-right: 290px;
width: 98%;
}
.vertical_menu_outside_paspartu.vertical_menu_right.vertical_menu_width_350 .content_wrapper{
margin-right: 2%;
padding-right: 350px;
width: 98%;
}
.vertical_menu_outside_paspartu.vertical_menu_right.vertical_menu_width_400 .content_wrapper{
margin-right: 2%;
padding-right: 400px;
width: 98%;
}
.vertical_menu_outside_paspartu .paspartu_middle_inner{
padding-left: 260px;
}
.vertical_menu_outside_paspartu .paspartu_left{
left: 260px;
}
.vertical_menu_outside_paspartu.vertical_menu_width_290 .paspartu_middle_inner{
padding-left: 290px;
}
.vertical_menu_outside_paspartu.vertical_menu_width_290 .paspartu_left{
left: 290px;
}
.vertical_menu_outside_paspartu.vertical_menu_width_350 .paspartu_middle_inner{
padding-left: 350px;
}
.vertical_menu_outside_paspartu.vertical_menu_width_350 .paspartu_left{
left: 350px;
}
.vertical_menu_outside_paspartu.vertical_menu_width_400 .paspartu_middle_inner{
padding-left: 400px;
}
.vertical_menu_outside_paspartu.vertical_menu_width_400 .paspartu_left{
left: 400px;
}
.vertical_menu_outside_paspartu.vertical_menu_right.vertical_menu_width_290 .paspartu_middle_inner{
padding-left: 0px;
padding-right: 290px;
}
.vertical_menu_outside_paspartu.vertical_menu_right.vertical_menu_width_290 .paspartu_left{
left: 0px;
}
.vertical_menu_outside_paspartu.vertical_menu_right.vertical_menu_width_290 .paspartu_right{
right: 290px;
}
.vertical_menu_outside_paspartu.vertical_menu_right.vertical_menu_width_350 .paspartu_middle_inner{
padding-left: 0px;
padding-right: 350px;
}
.vertical_menu_outside_paspartu.vertical_menu_right.vertical_menu_width_350 .paspartu_left{
left: 0px;
}
.vertical_menu_outside_paspartu.vertical_menu_right.vertical_menu_width_350 .paspartu_right{
right: 350px;
}
.vertical_menu_outside_paspartu.vertical_menu_right.vertical_menu_width_400 .paspartu_middle_inner{
padding-left: 0px;
padding-right: 400px;
}
.vertical_menu_outside_paspartu.vertical_menu_right.vertical_menu_width_400 .paspartu_left{
left: 0px;
}
.vertical_menu_outside_paspartu.vertical_menu_right.vertical_menu_width_400 .paspartu_right{
right: 400px;
}
body.vertical_menu_outside_paspartu.page-template-blog-masonry-full-width-php.vertical_menu_enabled:not(.vertical_menu_hidden) .content .full_width{
padding-left: 0px;
padding-right:0px;
}
body.vertical_menu_outside_paspartu.page-template-blog-masonry-full-width-php.vertical_menu_enabled.vertical_menu_width_290.vertical_menu_left:not(.vertical_menu_hidden) .content .full_width{
padding-left: 0px;
padding-right:0px;
}
body.vertical_menu_outside_paspartu.page-template-blog-masonry-full-width-php.vertical_menu_enabled.vertical_menu_width_350.vertical_menu_left:not(.vertical_menu_hidden) .content .full_width{
padding-left: 0px;
padding-right:0px;
}
body.vertical_menu_outside_paspartu.page-template-blog-masonry-full-width-php.vertical_menu_enabled.vertical_menu_width_400.vertical_menu_left:not(.vertical_menu_hidden) .content .full_width{
padding-left: 0px;
padding-right:0px;
}
body.vertical_menu_outside_paspartu.page-template-blog-masonry-full-width-php.vertical_menu_enabled.vertical_menu_width_290.vertical_menu_right:not(.vertical_menu_hidden) .content .full_width{
padding-right:0px;
padding-left:0px;
}
body.vertical_menu_outside_paspartu.page-template-blog-masonry-full-width-php.vertical_menu_enabled.vertical_menu_width_350.vertical_menu_right:not(.vertical_menu_hidden) .content .full_width{
padding-right:0px;
padding-left:0px;
}
body.vertical_menu_outside_paspartu.page-template-blog-masonry-full-width-php.vertical_menu_enabled.vertical_menu_width_400.vertical_menu_right:not(.vertical_menu_hidden) .content .full_width{
padding-right:0px;
padding-left:0px;
}
}
.vertical_menu_outside_paspartu.vertical_menu_enabled .q_slider,
.vertical_menu_outside_paspartu.vertical_menu_enabled .full_width,
.vertical_menu_outside_paspartu.vertical_menu_enabled .content .container,
.vertical_menu_outside_paspartu.vertical_menu_enabled .title_outer,
/* .vertical_menu_outside_paspartu.vertical_menu_enabled footer, no need for footer to be excluded*/
.vertical_menu_outside_paspartu.vertical_menu_enabled.vertical_menu_width_350 .q_slider,
.vertical_menu_outside_paspartu.vertical_menu_enabled.vertical_menu_width_350 .full_width,
.vertical_menu_outside_paspartu.vertical_menu_enabled.vertical_menu_width_350 .content .container,
.vertical_menu_outside_paspartu.vertical_menu_enabled.vertical_menu_width_350 .title_outer,
.vertical_menu_outside_paspartu.vertical_menu_enabled.vertical_menu_width_350 footer,
.vertical_menu_outside_paspartu.vertical_menu_enabled.vertical_menu_width_400 .q_slider,
.vertical_menu_outside_paspartu.vertical_menu_enabled.vertical_menu_width_400 .full_width,
.vertical_menu_outside_paspartu.vertical_menu_enabled.vertical_menu_width_400 .content .container,
.vertical_menu_outside_paspartu.vertical_menu_enabled.vertical_menu_width_400 .title_outer,
.vertical_menu_outside_paspartu.vertical_menu_enabled.vertical_menu_width_400 footer,
.vertical_menu_outside_paspartu.vertical_menu_enabled .full_screen_holder,
.vertical_menu_outside_paspartu.vertical_menu_enabled.vertical_menu_width_350 .full_screen_holder,
.vertical_menu_outside_paspartu.vertical_menu_enabled.vertical_menu_width_400 .full_screen_holder{
padding-left: 0px;
padding-right: 0px;
}
.vertical_menu_outside_paspartu.vertical_menu_enabled .q_slider{
padding-top: 0px !important;
}
body.vertical_menu_outside_paspartu.vertical_menu_enabled:not(.vertical_menu_hidden) .ajax_loader,
body.vertical_menu_outside_paspartu.vertical_menu_enabled:not(.vertical_menu_hidden) .ajax_loader,
body.vertical_menu_outside_paspartu.vertical_menu_enabled.vertical_menu_width_290:not(.vertical_menu_hidden) .ajax_loader,
body.vertical_menu_outside_paspartu.vertical_menu_enabled.vertical_menu_width_350:not(.vertical_menu_hidden) .ajax_loader,
body.vertical_menu_outside_paspartu.vertical_menu_enabled.vertical_menu_width_400:not(.vertical_menu_hidden) .ajax_loader,
body.vertical_menu_outside_paspartu.vertical_menu_enabled.vertical_menu_width_290.vertical_menu_right:not(.vertical_menu_hidden) .ajax_loader,
body.vertical_menu_outside_paspartu.vertical_menu_enabled.vertical_menu_width_350.vertical_menu_right:not(.vertical_menu_hidden) .ajax_loader,
body.vertical_menu_outside_paspartu.vertical_menu_enabled.vertical_menu_width_400.vertical_menu_right:not(.vertical_menu_hidden) .ajax_loader,
body.vertical_menu_outside_paspartu.vertical_menu_enabled.vertical_menu_hidden.vertical_menu_right .ajax_loader{
margin-left: 0px;
}
/* outside paspartu - end */
@media only screen and (min-width: 1024px) {
header.paspartu_header_alignment .header_inner_left {
left: 2%;
}
}
@media only screen and (max-width: 1024px) {
.paspartu_outer {
padding: 0 2% 2% 2% !important;
}
body:not(.paspartu_on_top_fixed) .paspartu_outer .content:not(.has_slider) .content_inner,
.paspartu_top,
.paspartu_bottom,
.paspartu_on_top_fixed header,
.paspartu_on_top_fixed .fixed_top_header .top_header,
.paspartu_on_top_fixed .paspartu_outer .content_wrapper{
padding-top: 2% !important;
}
.paspartu_left,
.paspartu_right {
width: 2% !important;
}
.paspartu_on_bottom_fixed footer{
margin-bottom: 2% !important;
}
body.paspartu_on_top_fixed.paspartu_on_bottom_fixed .popup_menu_holder_outer{
padding: 2% !important;
}
.paspartu_enabled #multiscroll-nav.right{
padding-right: 2% !important;
}
header.paspartu_header_alignment .header_bottom {
padding: 0px 2% !important;
}
header.paspartu_header_inside,
.paspartu_enabled.vertical_menu_enabled header{
padding-left: 2% !important;
padding-right: 2% !important;
}
.paspartu_enabled.paspartu_on_top_fixed .fixed_top_header .qode_search_form_3{
margin-top: 2% !important;
}
header.paspartu_header_inside.fixed_top_header .top_header,
.paspartu_enabled .vertical_split_slider_preloader,
.paspartu_enabled.paspartu_on_top_fixed .fixed_top_header .qode_search_form_3{
width: 96% !important;
margin-left: 2% !important;
margin-right: 2% !important;
}
.paspartu_enabled .paspartu_outer:not(.disable_top_paspartu) .vertical_split_slider{
margin-top: -2% !important;
}
.paspartu_enabled .paspartu_outer:not(.disable_bottom_paspartu) .vertical_split_slider{
margin-bottom: -2% !important;
}
.paspartu_enabled.vertical_menu_inside_paspartu aside.vertical_menu_area,
.paspartu_enabled.vertical_menu_inside_paspartu .vertical_area_background,
.paspartu_enabled.vertical_menu_inside_paspartu.vertical_menu_enabled .carousel-inner:not(.relative_position),
.paspartu_enabled.vertical_menu_inside_paspartu .vertical_menu_hidden_button{
margin-left: 2% !important;
}
.paspartu_enabled.vertical_menu_inside_paspartu.vertical_menu_right aside.vertical_menu_area,
.paspartu_enabled.vertical_menu_inside_paspartu.vertical_menu_right .vertical_area_background,
.paspartu_enabled.vertical_menu_inside_paspartu.vertical_menu_enabled.vertical_menu_right .carousel-inner:not(.relative_position),
.paspartu_enabled.vertical_menu_inside_paspartu.vertical_menu_right .vertical_menu_hidden_button{
margin-left: 0% !important;
margin-right: 2% !important;
}
.paspartu_enabled.vertical_menu_inside_paspartu aside.vertical_menu_area,
.paspartu_enabled.vertical_menu_inside_paspartu .vertical_area_background,
.paspartu_enabled.vertical_menu_inside_paspartu .vertical_menu_hidden_button{
margin-top: 2% !important;
}
body.vertical_menu_outside_paspartu.paspartu_on_top_fixed .paspartu_outer{
padding-top: 2% !important;
}
}
/* ==========================================================================
End of paspartu
========================================================================== */
/* ==========================================================================
Visual Composer Grid Elements
============================================================================ */
.vc_grid-container .vc_row.vc_grid .vc_grid-item .vc_btn {
position: relative;
display: inline-block;
width: auto;
height: 39px;
line-height: 39px;
margin: 0;
padding: 0px 23px;
border: 2px solid #303030;
font-size: 13px;
font-weight: 700;
font-family: inherit;
text-align: left;
color: #303030 !important;
text-decoration: none;
cursor: pointer;
white-space: nowrap;
outline: none;
font-style: normal;
text-transform: uppercase;
letter-spacing: 1px;
-o-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
text-shadow: none;
background-color: transparent;
-webkit-transition: color 0.1s linear, background-color 0.1s linear,border-color 0.1s linear;
-moz-transition: color 0.1s linear, background-color 0.1s linear,border-color 0.1s linear;
-ms-transition: color 0.1s linear, background-color 0.1s linear,border-color 0.1s linear;
-o-transition: color 0.1s linear, background-color 0.1s linear,border-color 0.1s linear;
transition: color 0.1s linear, background-color 0.1s linear,border-color 0.1s linear;
-webkit-box-sizing: initial !important;
-moz-box-sizing: initial !important;
box-sizing: initial !important;
}
.vc_grid-container .vc_row.vc_grid .vc_grid-item .vc_btn:hover {
background-color: #f25f33;
border-color: #f25f33;
color: #fff !important;
text-decoration: none;
}
.vc_grid-container .vc_row.vc_grid .vc_pageable-load-more-btn .vc_btn {
position: relative;
display: inline-block;
width: auto;
height: 39px;
line-height: 39px;
margin: 0;
padding: 0px 23px;
border: 2px solid #303030;
font-size: 13px;
font-weight: 700;
font-family: inherit;
text-align: left;
color: #303030 !important;
text-decoration: none;
cursor: pointer;
white-space: nowrap;
outline: none;
font-style: normal;
text-transform: uppercase;
letter-spacing: 1px;
-o-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
text-shadow: none;
background-color: transparent;
-webkit-transition: color 0.1s linear, background-color 0.1s linear,border-color 0.1s linear;
-moz-transition: color 0.1s linear, background-color 0.1s linear,border-color 0.1s linear;
-ms-transition: color 0.1s linear, background-color 0.1s linear,border-color 0.1s linear;
-o-transition: color 0.1s linear, background-color 0.1s linear,border-color 0.1s linear;
transition: color 0.1s linear, background-color 0.1s linear,border-color 0.1s linear;
-webkit-box-sizing: initial !important;
-moz-box-sizing: initial !important;
box-sizing: initial !important;
}
.vc_grid-container .vc_row.vc_grid .vc_pageable-load-more-btn .vc_btn:hover {
background-color: #f25f33;
border-color: #f25f33;
color: #fff !important;
text-decoration: none;
}
/*
.vc_grid-container .vc_grid-pagination .vc_grid-pagination-list > li > a {
position: relative;
color: #303030;
display: inline-block;
width: 38px;
height: 38px;
line-height: 38px;
margin: 0 11px 0 0;
text-align:center;
color: #b4b4b4 !important;
font-size: 18px;
text-decoration: none;
text-transform: uppercase;
cursor: pointer;
white-space: nowrap;
outline: none;
-o-border-radius: 4px !important;
-moz-border-radius: 4px !important;
-webkit-border-radius: 4px !important;
-ms-border-radius: 4px !important;
border-radius: 4px !important;
text-shadow: none;
background-color: transparent !important;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
*/
.vc_grid-container .vc_grid.vc_grid-owl-theme .vc_grid-owl-dots.vc_grid-square_dots .vc_grid-owl-dot span {
border: 2px solid #e5e5e5;
background-color: transparent !important;
}
.vc_grid-container .vc_grid.vc_grid-owl-theme .vc_grid-owl-dots.vc_grid-square_dots .vc_grid-owl-dot span:hover {
background-color: #e3e3e3 !important;
border-color: #e3e3e3 !important;
}
.vc_grid-container .vc_grid.vc_grid-owl-theme .vc_grid-owl-dots.vc_grid-square_dots .vc_grid-owl-dot.active span {
background-color: #e3e3e3 !important;
border-color: #e3e3e3 !important;
}
.vc_grid-container .vc_grid.vc_grid-owl-theme .vc_grid-owl-dots.vc_grid-radio_dots .vc_grid-owl-dot span {
border: 2px solid #e5e5e5;
border-radius: 50%;
background-color: transparent !important;
}
.vc_grid-container .vc_grid.vc_grid-owl-theme .vc_grid-owl-dots.vc_grid-radio_dots .vc_grid-owl-dot span:hover {
background-color: #e3e3e3 !important;
border-color: #e3e3e3 !important;
}
.vc_grid-container .vc_grid.vc_grid-owl-theme .vc_grid-owl-dots.vc_grid-radio_dots .vc_grid-owl-dot.active span {
background-color: #e3e3e3 !important;
border-color: #e3e3e3 !important;
}
.vc_grid-container .vc_grid.vc_grid-owl-theme .vc_grid-owl-dots.vc_grid-point_dots .vc_grid-owl-dot span {
background-color: #e3e3e3 !important;
}
.vc_grid-container .vc_grid.vc_grid-owl-theme .vc_grid-owl-dots.vc_grid-fill_square_dots .vc_grid-owl-dot span {
background-color: #e3e3e3 !important;
}
.vc_grid.vc_grid-owl-theme .vc_grid-owl-dots.vc_grid-round_fill_square_dots .vc_grid-owl-dot span {
background-color: #e3e3e3 !important;
}
.vc_grid-container .vc_grid-pagination .vc_grid-pagination-list > li > a {
background-color: transparent !important;
color: #b4b4b4 !important;
-o-border-radius: 4px !important;
-moz-border-radius: 4px !important;
-webkit-border-radius: 4px !important;
-ms-border-radius: 4px !important;
border-radius: 4px !important;
font-size: 18px;
margin: 0 11px 0 0;
text-align:center;
width: 42px;
height: 42px;
text-decoration: none;
text-transform: uppercase;
cursor: pointer;
white-space: nowrap;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
border: 2px solid #e5e5e5;
}
.vc_grid-container .vc_grid-pagination .vc_grid-pagination-list > li > a:hover {
color: #303030 !important;
background-color: #e3e3e3 !important;
border-color: #e3e3e3;
}
.vc_grid-container .vc_grid-pagination .vc_grid-pagination-list > li.vc_grid-active > a {
color: #303030 !important;
background-color: #e3e3e3 !important;
border-color: #e3e3e3;
}
.vc_grid-container .vc_grid-pagination-list.vc_grid-pagination_rounded_light > li > a,
.vc_grid-container .vc_grid-pagination-list.vc_grid-pagination_rounded_dark > li > a,
.vc_grid-container .vc_grid-pagination-list.vc_grid-pagination_rounded > li > a {
border-radius: 30px !important;
}
.vc_grid-container .vc_grid-pagination .vc_grid-pagination-list.vc_grid-pagination_square > li > a,
.vc_grid-container .vc_grid-pagination .vc_grid-pagination-list.vc_grid-pagination_square_light > li > a,
.vc_grid-container .vc_grid-pagination .vc_grid-pagination-list.vc_grid-pagination_square_dark > li > a {
line-height: 38px;
border-radius: 0 !important;
}
.vc_grid-container .vc_grid-pagination .vc_grid-pagination-list.vc_grid-pagination_stripes_dark > li > a,
.vc_grid-container .vc_grid-pagination .vc_grid-pagination-list.vc_grid-pagination_stripes_light > li > a {
width: 22px;
height: 36px;
line-height: 36px;
}
.vc_grid.vc_row.vc_grid-gutter-30px {
margin-bottom: 0 !important;
}
.vc_grid-container .vc_grid-filter.vc_grid-filter-color-grey > .vc_grid-filter-item {
border: none !important;
}
.vc_grid-container .vc_grid-filter.vc_grid-filter-color-grey > .vc_grid-filter-item:hover,
.vc_grid-container .vc_grid-filter.vc_grid-filter-color-grey > .vc_grid-filter-item.vc_active {
background: transparent;
}
/* ==========================================================================
End of Visual Composer Grid Elements
============================================================================ */
/* ==========================================================================
Start of overlapping content
========================================================================== */
.overlapping_content .title_outer{
position: relative;
z-index: 50; /* smaller than the content, so content could be over title */
}
.overlapping_content .content > .container{
background-color: #f8f8f8;
}
.overlapping_content .content .content_inner > .container > .overlapping_content,
.overlapping_content .content .content_inner > .full_width > .full_width_inner{
margin-top: -40px;
position: relative;
z-index: 100; /* greater than the title, so content could be over title */
}
.overlapping_content .title .title_holder .container{
padding-bottom: 40px;
box-sizing: border-box;
}
.overlapping_content .content .content_inner > .container{
text-align: center;
}
.overlapping_content .content .content_inner > .container > .overlapping_content{
display: inline-block;
vertical-align: middle;
margin-right: auto;
margin-left: auto;
padding: 0px 40px;
background-color: #ffffff;
}
.transparent_content.overlapping_content .content .content_inner > .container,
.transparent_content.overlapping_content .content .content_inner > .full_width > .full_width_inner{ /* full_width_inner because of the negative margin on it */
background-color: #ffffff;
}
.overlapping_content .content .content_inner > .container > .overlapping_content .overlapping_content_inner{
overflow: hidden;
text-align: left;
}
.overlapping_content_margin{
margin: 0px -40px;
display: block;
position: relative;
}
@media only screen and (max-width: 1200px) {
.overlapping_content .content .content_inner > .container > .overlapping_content{
padding: 0px 20px !important;
}
.overlapping_content_margin {
margin: 0px -20px !important;
}
}
@media only screen and (max-width: 1000px) {
header .overlapping_content_margin {
margin: 0px !important;
}
}
/* ==========================================================================
End of overlapping content
========================================================================== */
/* ==========================================================================
Start blog with next post on bottom
========================================================================== */
.blog_vertical_loop .full_width_inner{
margin: 0px !important;
}
.blog_vertical_loop article{
position: relative;
vertical-align: middle;
z-index: 1; /*one after another overlapping*/
margin: 0px 0px 140px 0px;
}
.blog_vertical_loop article.move_up{
-webkit-transition: transform 450ms ease 0s;
transition: transform 450ms ease 0s;
}
.blog_vertical_loop article.fade_out {
opacity: 0;
transform: scale(0.8) translate3d(0px, -10%, 0px);
transition: all 450ms ease 0s;
}
.blog_vertical_loop article .post_image{
margin-bottom: 55px !important;
height: 400px;
}
.blog_vertical_loop article .post_image_inner{
height: 100%;
overflow: hidden;
}
.blog_vertical_loop article .post_image_inner a{
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.blog_vertical_loop article.previous_post{
position: absolute;
opacity: 0;
transform: scale(0.8) translate3d(0px, -10%, 0px);
}
.blog_vertical_loop article.fade_in {
transition: all 450ms ease 0s;
opacity: 1;
transform: scale(1) translate3d(0px, 0px, 0px);
}
.blog_vertical_loop article.next_post,
.blog_vertical_loop article.next_post .post_content_holder .post_image{
margin: 0px !important;
}
.blog_vertical_loop article.next_post .post_content_holder > .grid_section,
.blog_vertical_loop article.next_post .post_content_holder .post_image > .grid_section{
display: none;
}
.blog_vertical_loop .blog_load_next{
display: none;
position: absolute;
left: 0;
top: -30px;
width: 100%;
}
.blog_vertical_loop article.next_post .blog_load_next{
display: block;
}
.blog_vertical_loop .blog_load_prev{
display: block;
position: absolute;
left: 0;
bottom: -30px;
width: 100%;
}
.blog_vertical_loop article.next_post .blog_load_prev{
display: none;
}
.blog_vertical_loop_button{
text-align: left;
}
.blog_vertical_loop_back_button{
text-align: right;
}
.blog_vertical_loop_button .button_icon a,
.blog_vertical_loop_back_button .button_icon a{
width: 60px;
height: 60px;
background-color: #303030;
display: inline-block;
position: relative;
text-align: center;
border-radius: 50%;
-webkit-transition: background-color 0.15s ease-out;
-moz-transition: background-color 0.15s ease-out;
-ms-transition: background-color 0.15s ease-out;
-o-transition: background-color 0.15s ease-out;
transition: background-color 0.15s ease-out;
}
.blog_vertical_loop_button .button_icon a:before,
.blog_vertical_loop_back_button .button_icon a:before{
content: '3';
font-family: "ElegantIcons";
font-variant: normal;
font-weight: normal;
line-height: 60px;
text-transform: none;
color: #ffffff;
font-size: 22px;
-webkit-transition: color 0.15s ease-out;
-moz-transition: color 0.15s ease-out;
-ms-transition: color 0.15s ease-out;
-o-transition: color 0.15s ease-out;
transition: color 0.15s ease-out;
}
.blog_vertical_loop_back_button .button_icon a:before{
content: 'J';
}
.blog_vertical_loop_button_holder .last_page{
display: none;
}
.blog_vertical_loop article .post_image_title{
opacity: 0;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 10;
display: table;
-webkit-transition: all 0.5s ease 0s ;
transition: all 0.5s ease 0s;
}
.blog_vertical_loop article.next_post .post_image_title{
opacity: 1;
}
.blog_vertical_loop article .post_image_title .post_image_title_inner{
display: table-cell;
vertical-align: middle;
text-align: center;
background-color: rgba(0,0,0,0.6);
}
.blog_vertical_loop article .post_image_title .post_image_title_inner h2{
color: #ffffff;
}
.blog_holder.blog_vertical_loop_type{
position: relative;
}
.blog_holder.blog_vertical_loop_type article:not(.format-quote):not(.format-link) .social_share_list_holder{
margin-top: 15px;
}
.blog_holder.blog_vertical_loop_type .qbutton.loop_more{
margin: 40px 0px 0px 0px;
}
.blog_holder.blog_vertical_loop_type article:not(.format-quote):not(.format-link) .post_text .post_text_inner{
background-color: transparent;
padding: 0;
}
.blog_holder.blog_vertical_loop_type article.format-quote .post_text,
.blog_holder.blog_vertical_loop_type article.format-link .post_text{
margin-bottom: 30px;
}
.blog_holder.blog_vertical_loop_type article .post_text h2{
margin-bottom: 35px;
}
.blog_holder article.blog_vertical_loop_type .post_info{
margin-bottom:8px;
}
.blog_holder.blog_vertical_loop_type article .post_info > span,
.blog_holder.blog_vertical_loop_type article .post_info > div {
padding-right: 20px;
position: relative;
float: left;
}
.blog_holder.blog_vertical_loop_type article .post_info > span:last-child,
.blog_holder.blog_vertical_loop_type article .post_info > div:last-child{
padding-right: 0px;
}
.blog_holder.blog_vertical_loop_type article .post_info > span:after,
.blog_holder.blog_vertical_loop_type article .post_info > div:after {
position: absolute;
right: 5px;
top: 0;
content: "/";
}
.blog_holder.blog_vertical_loop_type article .post_info > span:last-child:after,
.blog_holder.blog_vertical_loop_type article .post_info > div:last-child:after {
content: "";
}
.blog_holder.blog_vertical_loop_type .blog_like a {
line-height: inherit;
}
/* ==========================================================================
End blog with next post on bottom
========================================================================== */
/* ==========================================================================
Start of Parallax Layers
============================================================================ */
.qode_parallax_layers{
width: 100%;
height: 500px;
position: relative;
overflow: hidden;
}
.qode_parallax_layers_holder{
position: relative;
width: 110%;
height: 110%;
top: -5%;
left: -5%;
}
.qode_parallax_layers_holder .image{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-size: cover;
background-position: center center;
transform: translateZ(0px);
-webkit-transform: translateZ(0px);
}
.qode_parallax_layers_holder .paralax_layers_content_holder{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
.qode_parallax_layers_holder .paralax_layers_content{
display: table;
width: 100%;
height: 100%;
}
.qode_parallax_layers_holder .paralax_layers_content_inner{
display: table-cell;
vertical-align: middle;
width: 100%;
height: 100%;
text-align: center;
}
/* ==========================================================================
End of Parallax Layers
============================================================================ */
