| Server IP : 89.108.64.180 / Your IP : 216.73.217.92 Web Server : Apache/2.4.41 (Ubuntu) System : Linux 89-108-64-180.cloudvps.regruhosting.ru 5.4.0-216-generic #236-Ubuntu SMP Fri Apr 11 19:53:21 UTC 2025 x86_64 User : www-root ( 1010) PHP Version : 8.0.30 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority, MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /var/www/www-root/data/www/joysochi.ru/wp-content/themes/stockholm/css/ |
Upload File : |
@charset "UTF-8";
/* ==========================================================================
1. Reset default styles
========================================================================== */
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,
.wp-caption {
max-width: 100%;
height: auto;
}
pre {
max-width: 100%;
margin: 15px 0;
padding: 15px;
background-color: #f6f6f6;
white-space: pre-wrap;
word-wrap: break-word;
}
dt {
margin-bottom: 10px;
font-size: 15px;
font-weight: bold;
}
dd {
margin-bottom: 15px;
}
sub,
sup {
position: relative;
vertical-align: baseline;
height: 0;
line-height: 0;
font-size: 75%;
}
sub {
top: 0.5ex;
}
sup {
bottom: 0.5ex;
}
.wp-caption-text {
font-style: italic;
margin: 0;
}
/* ==========================================================================
End of reset styles
========================================================================== */
/**
* General styles that are used in our theme.
*
* Here are defined global styles on body element, on container elements that hold every page,
* headings and links, inputs, core wp styles and default pagination styles
*/
h1 {
font-size: 64px;
line-height: 1.3125em;
/* 84px/64px */
letter-spacing: 4px;
font-weight: 700;
text-transform: uppercase;
}
h2 {
font-size: 40px;
line-height: 1.2em;
/* 48px/40px */
letter-spacing: 2px;
font-weight: 800;
text-transform: uppercase;
}
h3 {
font-family: 'Crete Round', sans-serif;
font-size: 28px;
line-height: 1.285714285714286em;
/* 36px/28px */
font-style: italic;
font-weight: 400;
}
h4 {
font-size: 13px;
line-height: 1.538461538461538em;
/* 20px/13px */
letter-spacing: 1px;
font-weight: 700;
text-transform: uppercase;
}
h5 {
font-size: 18px;
line-height: 1.444444444444444em;
/* 26px/18px */
letter-spacing: 1px;
font-weight: 700;
text-transform: uppercase;
}
h6 {
font-family: 'Crete Round', sans-serif;
font-size: 14px;
line-height: 1.571428571428571em;
/* 22px/14px */
font-style: italic;
font-weight: 400;
}
h1,
h1 a,
h3,
h3 a {
color: #5d5d5d;
}
h2,
h2 a,
h5,
h5 a {
color: #393939;
}
h4,
h4 a {
color: #8b8b8b;
}
h6,
h6 a {
color: #e6ae48;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
font-style: inherit;
line-height: inherit;
letter-spacing: inherit;
text-transform: inherit;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
color: #e6ae48;
}
a,
p a {
color: #e6ae48;
text-decoration: none;
cursor: pointer;
-webkit-transition: color .3s ease-in-out;
-moz-transition: color .3s ease-in-out;
-o-transition: color .3s ease-in-out;
-ms-transition: color .3s ease-in-out;
transition: color .3s ease-in-out;
}
img {
image-rendering: optimizeQuality;
}
input[type='submit'],
.woocommerce input[type='button'],
.woocommerce-page input[type='button'] {
-webkit-appearance: none;
}
ul {
list-style-position: inside;
}
/* Webkit */
::selection {
background: #e6ae48;
color: #fff;
}
/* Gecko/Mozilla */
::-moz-selection {
background: #e6ae48;
color: #fff;
}
.clearfix:before,
.clearfix:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.clearfix:after {
clear: both;
}
.clearfix {
*zoom: 1;
}
.clear:after {
clear: both;
content: "";
display: block;
}
.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;
}
.qode-content-aligment-right {
text-align: right;
}
.qode-content-aligment-left {
text-align: left;
}
.qode-content-aligment-center {
text-align: center;
}
/**
* This is main css file for theme. It is broken into following sections:
* 1. Reset
* 2. General styles
* 3. Animations styles
* 4. Templates styles
* 5. Grid system styles
* 6. Header styles
* 7. Left Menu Area styles
* 8. Popup menu styles
* 9. Slider styles
* 10. Title styles
* 11. Blog styles
* 12. Portfolio styles
* 13. Shortcodes styles
* 14. Sidebar styles
* 15. Side area styles
* 16. Layer Slider styles
* 17. Plugins (WordPress) styles
* 18. Footer styles
* 19. Contact Form 7
* 20. Gravity Forms
*/
/* ==========================================================================
2. General styles
========================================================================== */
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: 'Raleway', sans-serif;
font-size: 13px;
line-height: 23px;
color: #8d8d8d;
font-weight: 400;
background-color: #f5f5f5;
overflow-y: scroll;
overflow-x: hidden !important;
-webkit-font-smoothing: antialiased;
}
.content ul ul,
.content ol {
padding: 0 0 0 15px;
}
.wrapper {
background-color: #f5f5f5;
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;
}
.wrapper_inner {
width: 100%;
overflow: hidden;
}
body.boxed .wrapper_inner {
overflow: visible;
}
body.boxed .content {
overflow: hidden;
}
.wp-caption,
.wp-caption-text,
.sticky,
.gallery-caption,
.bypostauthor {
opacity: 1;
}
.meta {
display: none;
}
.content {
margin-top: 0;
position: relative;
z-index: 100;
background-color: #f5f5f5;
}
.content.content_top_margin {
margin-top: 90px !important;
}
.content.content_top_margin_none {
margin-top: 0 !important;
}
.container {
position: relative;
padding: 0;
width: 100%;
z-index: 100;
}
.container_inner,
.qode_elementor_container_inner,
.elementor-row .elementor-widget-wrap > .qode_elementor_container_inner {
width: 1100px;
margin: 0px auto;
}
.content .container {
background-color: #f5f5f5;
}
.content_bottom .container {
background-color: transparent !important;
}
.content .container .container_inner.default_template_holder {
padding-top: 44px;
}
.full_page_container_inner {
padding: 30px 0 0 0;
}
.full_width {
position: relative;
z-index: 100;
background-color: #f5f5f5;
}
.content_bottom {
position: relative;
z-index: 100;
}
/* Ajax loader styles
========================================================================== */
.ajax_loader {
position: fixed;
top: 50%;
left: 50%;
z-index: 1100;
display: none;
}
@media only screen and (min-width: 1000px) {
body.vertical_menu_enabled .ajax_loader {
margin-left: 130px;
}
}
.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);
}
50% {
-webkit-transform: scale(1);
}
}
@keyframes bounce {
0%, 100% {
transform: scale(0);
-webkit-transform: scale(0);
}
50% {
transform: scale(1);
-webkit-transform: scale(1);
}
}
/* 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);
}
}
@keyframes stretchdelay {
0%, 40%, 100% {
transform: scaleY(0.4);
-webkit-transform: scaleY(0.4);
}
20% {
transform: scaleY(1);
-webkit-transform: scaleY(1);
}
}
/* 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);
}
40% {
-webkit-transform: scale(1);
}
}
@keyframes bouncedelay {
0%, 80%, 100% {
transform: scale(0);
-webkit-transform: scale(0);
}
40% {
transform: scale(1);
-webkit-transform: scale(1);
}
}
/* 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 */
/* pulsating_circle - start */
@-webkit-keyframes pulsating_circle {
0% {
-webkit-transform: scale(0.1);
transform: scale(0.1);
opacity: 1;
}
70% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: .7;
}
100% {
opacity: 0;
}
}
@keyframes pulsating_circle {
0% {
-webkit-transform: scale(0.1);
transform: scale(0.1);
opacity: 1;
}
70% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: .7;
}
100% {
opacity: 0;
}
}
.ajax_loader .pulsating_circle {
height: 50px;
width: 50px;
border-radius: 100%;
border: 2px solid #303030;
-webkit-animation: pulsating_circle 1s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
animation: pulsating_circle 1s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
}
/* pulsating_circle - end */
/* ripples - start */
@-webkit-keyframes ripples {
0% {
-webkit-transform: scale(0.1);
transform: scale(0.1);
opacity: 1;
}
70% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: .7;
}
100% {
opacity: 0;
}
}
@keyframes ripples {
0% {
-webkit-transform: scale(0.1);
transform: scale(0.1);
opacity: 1;
}
70% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: .7;
}
100% {
opacity: 0;
}
}
.ajax_loader .ripples {
position: relative;
-webkit-transform: translateX(-25px) translateY(-25px);
-ms-transform: translateX(-25px) translateY(-25px);
transform: translateX(-25px) translateY(-25px);
}
.ajax_loader .ripples .ripples_circle {
position: absolute;
top: 0;
left: 0;
width: 50px;
height: 50px;
border-radius: 100%;
border: 2px solid #303030;
-webkit-animation: ripples 1.25s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
animation: ripples 1.25s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
}
.ajax_loader .ripples .ripples_circle1 {
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
.ajax_loader .ripples .ripples_circle2 {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.ajax_loader .ripples .ripples_circle3 {
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
/* ripples - end */
/* spinner - start */
@-webkit-keyframes spinner {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(359deg);
}
}
@keyframes spinner {
from {
transform: rotate(0deg);
}
to {
transform: rotate(359deg);
}
}
.ajax_loader .spinner {
height: 80px;
width: 80px;
position: absolute;
top: 50%;
left: 50%;
margin: -40px 0 0 -40px;
-webkit-animation: spinner 1.5s infinite linear;
-moz-animation: spinner 1.5s infinite linear;
-o-animation: spinner 1.5s infinite linear;
animation: spinner 1.5s infinite linear;
border: 1px solid #e4e4e4;
border-radius: 100%;
}
.ajax_loader .spinner:before {
content: "";
display: block;
position: absolute;
left: -1px;
top: -1px;
height: 100%;
width: 100%;
border-top: 1px solid #727272;
border-left: 1px solid transparent;
border-bottom: 1px solid transparent;
border-right: 1px solid transparent;
border-radius: 100%;
}
/* spinner - end */
/* cubes start*/
.loading-center-absolute {
height: 80px;
width: 80px;
margin-top: -40px;
margin-left: -40px;
}
.loading-center-absolute .object {
width: 15px;
height: 15px;
background-color: #e6ae48;
margin-right: 15px;
float: left;
margin-bottom: 15px;
}
.loading-center-absolute .object_one {
-webkit-animation: animate 1s -0.9s ease-in-out infinite;
animation: animate 1s -0.9s ease-in-out infinite;
}
.loading-center-absolute .object_two {
-webkit-animation: animate 1s -0.8s ease-in-out infinite;
animation: animate 1s -0.8s ease-in-out infinite;
}
.loading-center-absolute .object_three {
-webkit-animation: animate 1s -0.7s ease-in-out infinite;
animation: animate 1s -0.7s ease-in-out infinite;
}
.loading-center-absolute .object_four {
-webkit-animation: animate 1s -0.6s ease-in-out infinite;
animation: animate 1s -0.6s ease-in-out infinite;
}
.loading-center-absolute .object_five {
-webkit-animation: animate 1s -0.5s ease-in-out infinite;
animation: animate 1s -0.5s ease-in-out infinite;
}
.loading-center-absolute .object_six {
-webkit-animation: animate 1s -0.4s ease-in-out infinite;
animation: animate 1s -0.4s ease-in-out infinite;
}
.loading-center-absolute .object_seven {
-webkit-animation: animate 1s -0.3s ease-in-out infinite;
animation: animate 1s -0.3s ease-in-out infinite;
}
.loading-center-absolute .object_eight {
-webkit-animation: animate 1s -0.2s ease-in-out infinite;
animation: animate 1s -0.2s ease-in-out infinite;
}
.loading-center-absolute .object_nine {
-webkit-animation: animate 1s -0.1s ease-in-out infinite;
animation: animate 1s -0.1s ease-in-out infinite;
}
.loading-center-absolute .object:nth-child(3n+0) {
margin-right: 0px;
}
@-webkit-keyframes animate {
50% {
-ms-transform: scale(1.5, 1.5);
-webkit-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3);
}
100% {
-ms-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
}
@keyframes animate {
50% {
-ms-transform: scale(1.3, 1.3);
-webkit-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3);
}
100% {
-ms-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
}
/* cubes end*/
/* indeterminate start */
.indeterminate-holder .indeterminate-holder {
width: 500px;
margin: 0 auto;
margin-left: -250px;
}
.indeterminate-holder .indeterminate-progress {
position: relative;
height: 4px;
display: block;
width: 100%;
background-color: #E8E6E6;
overflow: hidden;
}
.indeterminate-holder .indeterminate {
background-color: #e6ae48;
}
.indeterminate-holder .indeterminate:before {
content: '';
position: absolute;
background-color: inherit;
top: 0;
left: 0;
bottom: 0;
will-change: left, right;
-webkit-animation: indeterminate 3s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
animation: indeterminate 3s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
}
.indeterminate-holder .indeterminate:after {
content: '';
position: absolute;
background-color: inherit;
top: 0;
left: 0;
bottom: 0;
will-change: left, right;
-webkit-animation: indeterminate-short 3s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
animation: indeterminate-short 3s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
-webkit-animation-delay: 1.15s;
animation-delay: 1.15s;
}
@-webkit-keyframes indeterminate {
0% {
left: -35%;
right: 100%;
}
60% {
left: 100%;
right: -90%;
}
100% {
left: 100%;
right: -90%;
}
}
@keyframes indeterminate {
0% {
left: -35%;
right: 100%;
}
60% {
left: 100%;
right: -90%;
}
100% {
left: 100%;
right: -90%;
}
}
@-webkit-keyframes indeterminate-short {
0% {
left: -200%;
right: 100%;
}
60% {
left: 107%;
right: -8%;
}
100% {
left: 107%;
right: -8%;
}
}
@keyframes indeterminate-short {
0% {
left: -200%;
right: 100%;
}
60% {
left: 107%;
right: -8%;
}
100% {
left: 107%;
right: -8%;
}
}
/* indeterminate end */
body.boxed .wrapper_inner,
body.boxed .footer_inner {
width: 1150px;
margin: 0 auto;
}
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;
}
div.section.pattern_background {
background-position: 0px 0px;
background-repeat: repeat;
background-size: inherit;
}
.use_row_as_box {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
div.video_section {
overflow: hidden;
}
.boxed .section .section_inner,
.grid_section .section_inner {
width: 1100px;
margin: 0 auto;
position: relative;
z-index: 20;
}
div.column1 .grid_section .section_inner,
div.column2 .grid_section .section_inner {
width: 100%;
}
.full_section_inner {
position: relative;
z-index: 20;
}
/* Grid width change - Start */
@media only screen and (min-width: 1600px) {
.qode_grid_1500 .container_inner,
.qode_grid_1500 .qode_elementor_container_inner,
.qode_grid_1500 .elementor-row .elementor-widget-wrap > .qode_elementor_container_inner,
.qode_grid_1500 .boxed .section .section_inner,
.qode_grid_1500 .grid_section .section_inner,
.qode_grid_1500 .carousel-inner .slider_content_outer,
.qode_grid_1500 .full_width .parallax_content,
.qode_grid_1500 .container_inner nav.content_menu,
.qode_grid_1500 nav.content_menu ul,
.qode_grid_1500 .boxed nav.content_menu.fixed,
.qode_grid_1500 .fotter_top_border_holder.in_grid,
.qode_grid_1500 .fotter_bottom_border_holder.in_grid {
width: 1500px;
}
body.qode_grid_1500.boxed .wrapper_inner,
body.qode_grid_1500.boxed .footer_inner,
.qode_grid_1500.boxed .header_inner,
.qode_grid_1500.boxed .carousel-inner {
width: 1550px;
}
.qode_grid_1500.boxed.vertical_menu_enabled .carousel-inner {
width: 1550px !important;
}
.qode_grid_1500 .drop_down .wide .second ul li {
width: 349px;
}
}
@media only screen and (min-width: 1500px) {
.qode_grid_1400 .container_inner,
.qode_grid_1400 .qode_elementor_container_inner,
.qode_grid_1400 .elementor-row .elementor-widget-wrap > .qode_elementor_container_inner,
.qode_grid_1400 .boxed .section .section_inner,
.qode_grid_1400 .grid_section .section_inner,
.qode_grid_1400 .carousel-inner .slider_content_outer,
.qode_grid_1400 .full_width .parallax_content,
.qode_grid_1400 .container_inner nav.content_menu,
.qode_grid_1400 nav.content_menu ul,
.qode_grid_1400 .boxed nav.content_menu.fixed,
.qode_grid_1400 .fotter_top_border_holder.in_grid,
.qode_grid_1400 .fotter_bottom_border_holder.in_grid {
width: 1400px;
}
body.qode_grid_1400.boxed .wrapper_inner,
body.qode_grid_1400.boxed .footer_inner,
.qode_grid_1400.boxed .header_inner,
.qode_grid_1400.boxed .carousel-inner {
width: 1450px;
}
.qode_grid_1400.boxed.vertical_menu_enabled .carousel-inner {
width: 1450px !important;
}
.qode_grid_1400 .drop_down .wide .second ul li {
width: 324px;
}
}
@media only screen and (min-width: 1400px) {
.qode_grid_1300 .container_inner,
.qode_grid_1300 .qode_elementor_container_inner,
.qode_grid_1300 .elementor-row .elementor-widget-wrap > .qode_elementor_container_inner,
.qode_grid_1300 .boxed .section .section_inner,
.qode_grid_1300 .grid_section .section_inner,
.qode_grid_1300 .carousel-inner .slider_content_outer,
.qode_grid_1300 .full_width .parallax_content,
.qode_grid_1300 .container_inner nav.content_menu,
.qode_grid_1300 nav.content_menu ul,
.qode_grid_1300 .boxed nav.content_menu.fixed,
.qode_grid_1300 .fotter_top_border_holder.in_grid,
.qode_grid_1300 .fotter_bottom_border_holder.in_grid {
width: 1300px;
}
body.qode_grid_1300.boxed .wrapper_inner,
body.qode_grid_1300.boxed .footer_inner,
.qode_grid_1300.boxed .header_inner,
.qode_grid_1300.boxed .carousel-inner {
width: 1350px;
}
.qode_grid_1300.boxed.vertical_menu_enabled .carousel-inner {
width: 1350px !important;
}
.qode_grid_1300 .drop_down .wide .second ul li {
width: 299px;
}
}
@media only screen and (min-width: 1300px) {
.qode_grid_1200 .container_inner,
.qode_grid_1200 .qode_elementor_container_inner,
.qode_grid_1200 .elementor-row .elementor-widget-wrap > .qode_elementor_container_inner,
.qode_grid_1200 .boxed .section .section_inner,
.qode_grid_1200 .grid_section .section_inner,
.qode_grid_1200 .carousel-inner .slider_content_outer,
.qode_grid_1200 .full_width .parallax_content,
.qode_grid_1200 .container_inner nav.content_menu,
.qode_grid_1200 nav.content_menu ul,
.qode_grid_1200 .boxed nav.content_menu.fixed,
.qode_grid_1200 .fotter_top_border_holder.in_grid,
.qode_grid_1200 .fotter_bottom_border_holder.in_grid {
width: 1200px;
}
body.qode_grid_1200.boxed .wrapper_inner,
body.qode_grid_1200.boxed .footer_inner,
.qode_grid_1200.boxed .header_inner,
.qode_grid_1200.boxed .carousel-inner {
width: 1250px;
}
.qode_grid_1200.boxed.vertical_menu_enabled .carousel-inner {
width: 1250px !important;
}
.qode_grid_1200 .drop_down .wide .second ul li {
width: 274px;
}
}
/* ==========================================================================
Pagination styles
========================================================================== */
.pagination {
position: relative;
display: inline-block;
vertical-align: middle;
width: 100%;
text-align: center;
margin: 10px 0 50px;
}
.pagination ul {
display: inline-block;
vertical-align: middle;
list-style-type: none;
margin: 0px;
padding: 0px;
}
.pagination ul li {
float: left;
display: inline-block;
}
.pagination ul li.prev,
.pagination ul li.first {
position: absolute;
top: 0;
left: 0;
}
.pagination ul li.prev.prev_first {
left: 33px;
}
.pagination ul li.next,
.pagination ul li.last {
position: absolute;
top: 0;
right: 0;
}
.pagination ul li.next.next_last {
right: 33px;
}
.pagination ul li > span,
.pagination ul li > a {
position: relative;
display: inline-block;
width: 33px;
height: auto;
line-height: 33px;
margin: 0;
color: #a6a6a6;
background-color: transparent;
font-size: 30px;
font-weight: 400;
vertical-align: middle;
text-decoration: none;
text-transform: uppercase;
cursor: pointer;
white-space: nowrap;
outline: none;
text-shadow: none;
-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;
}
.pagination ul li a:hover,
.pagination ul li.active span {
color: #393939;
}
.pagination ul li a span:before {
position: relative;
display: block;
line-height: inherit;
}
.pagination ul li.active span,
.pagination ul li > a.inactive {
font-family: 'Crete Round', sans-serif;
font-size: 22px;
font-style: italic;
}
/* ==========================================================================
End of Pagination styles
========================================================================== */
#back_to_top {
height: auto;
position: fixed;
bottom: 65px;
margin: 0px;
z-index: 10000;
-webkit-transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
right: 25px;
opacity: 0;
filter: alpha(opacity=0);
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: 46px;
height: 46px;
line-height: 46px;
text-decoration: none;
text-align: center;
font-size: 15px;
color: #fff;
background-color: #d1d1d1;
border: 1px solid transparent;
-webkit-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out;
-moz-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out;
-ms-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out;
-o-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out;
transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#back_to_top span span {
display: block;
line-height: inherit;
}
#back_to_top:hover > span {
background-color: #585858;
}
.right_side_menu_opened #back_to_top,
.side_area_slide_with_content .side_menu_open #back_to_top {
display: none;
}
.paspartu_enabled #back_to_top,
.paspartu_enabled #back_to_top.on {
right: calc(2% + 10px);
}
body div.pp_default .pp_loaderIcon {
background-color: #fff;
border-radius: 20px;
}
.wpb_row,
.wpb_content_element,
ul.wpb_thumbnails-fluid > li,
.last_toggle_el_margin,
.wpb_button {
margin-bottom: 0 !important;
}
.section_inner_margin,
.parallax_section_inner_margin {
margin-left: -15px;
margin-right: -15px;
}
/* ==========================================================================
End of general styles section
========================================================================== */
/* ==========================================================================
3. Animation styles
========================================================================== */
/**
* Here are defined animations that are used throughout theme
*/
@-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;
}
}
@-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;
}
}
@-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;
}
}
@-webkit-keyframes spin {
from {
-webkit-transform: rotate(0deg);
opacity: 1;
}
to {
-webkit-transform: rotate(360deg);
opacity: 1;
}
}
@-moz-keyframes spin {
from {
-moz-transform: rotate(0deg);
opacity: 1;
}
to {
-moz-transform: rotate(360deg);
opacity: 1;
}
}
@-ms-keyframes spin {
from {
-ms-transform: rotate(0deg);
opacity: 1;
}
to {
-ms-transform: rotate(360deg);
opacity: 1;
}
}
@-o-keyframes spin {
from {
-o-transform: rotate(0deg);
opacity: 1;
}
to {
-o-transform: rotate(360deg);
opacity: 1;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
opacity: 1;
}
to {
transform: rotate(360deg);
opacity: 1;
}
}
.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 0.4s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
-moz-animation: element-transform 0.4s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
-o-animation: element-transform 0.4s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
animation: element-transform 0.4s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
/* ==========================================================================
End of animation styles
========================================================================== */
/* ==========================================================================
4. Page templates styles
========================================================================== */
/**
* Here are defined specific styles for page templates.
* Included page templates are contact page and 404 page
*/
/* Contact page styles
========================================================================== */
.q_contact_page {
padding: 0 !important;
}
.google_map_holder {
position: relative;
}
.google_map_ovrlay {
position: absolute;
z-index: 1000;
width: 100%;
height: 100%;
display: none;
}
.q_google_map {
display: block;
width: 100%;
height: 300px;
}
.q_google_map iframe,
.q_google_map object,
.q_google_map embed {
width: 100%;
display: block;
}
.q_google_map img {
max-width: none;
}
.contact_form h5 {
margin: 0 0 18px;
}
.contact-error {
display: block;
margin: 0;
position: relative;
top: -7px;
}
.contact_form > form > .contact-error {
top: 5px;
}
.contact_detail {
margin: 75px 0 80px;
}
.contact_section {
display: block;
padding: 0 0 40px;
text-align: left;
}
.contact_section.center_align {
text-align: center;
}
.contact_section.right_align {
text-align: right;
}
.contact_section h4 {
margin-bottom: 20px;
}
span.submit_button_contact {
display: block;
text-align: left;
}
.contact_detail.map_grid .google_map {
margin: 0 0 35px;
}
.q_contact_page.map_lr .contact_detail {
display: inline-block;
width: 49%;
}
.q_contact_page.map_lr .google_map_holder {
display: inline-block;
width: 49%;
margin: 75px 0 80px;
}
.q_contact_page.map_lr.map_left_position .contact_detail,
.q_contact_page.map_lr.map_left_position .google_map_holder {
float: right;
}
.q_contact_page.map_lr.map_left_position .contact_detail {
margin-left: 2%;
}
.q_contact_page.map_lr.map_left_position span.submit_button_contact {
text-align: right;
}
.q_contact_page.map_lr.map_right_position .contact_detail,
.q_contact_page.map_lr.map_right_position .google_map_holder {
float: left;
}
.q_contact_page.map_lr.map_right_position .contact_detail {
margin-right: 2%;
}
/* 404 page styles
========================================================================== */
.q_404_page {
padding: 0 !important;
}
.page_not_found {
margin: 118px 0px 120px;
}
.page_not_found h4 {
margin: 30px 0px 70px;
}
/* ==========================================================================
End of page templates styles
========================================================================== */
/* ==========================================================================
Grid system styles
========================================================================== */
/**
* Here are defined styles for grid system that is used outside Visual Composer
*/
.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;
}
/* ==========================================================================
End of grid system styles
========================================================================== */
/**
* Header styles that include both main header and mobile header styles
*
* Here are defined general and specific header styles (sticky, fixed) , main menu and various dropdowns,
* header top with standard widgets for light and dark header, logo in all versions, mobile menu, side area opener
* and widgets that can be put there and styles for Qode Search
*
*/
/* General 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;
}
header .header_top_bottom_holder {
position: relative;
}
.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 {
line-height: 33px;
height: 33px;
padding: 0;
font-size: 11px;
background-color: #393939;
color: #fff;
position: relative;
z-index: 101;
}
.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 .header-widget {
float: left;
}
header.scrolled:not(.scroll_header_top_area) .header_top {
border-bottom: 0;
}
/* Top header widgets styles
========================================================================== */
.header_top .left .header-widget:last-child,
.header_top .right .header-widget:last-child {
margin-right: 0;
}
.header_top .header-widget {
margin-right: 10px;
}
.header_top .q_social_icon_holder {
margin-bottom: 0 !important;
margin-right: 15px !important;
}
.header_top .q_social_icon_holder.normal_social.with_link .simple_social {
color: #fff;
}
/* Top header widgets in light and dark header styles
========================================================================== */
.light:not(.sticky) .header_top .q_social_icon_holder i.simple_social,
.light:not(.sticky) .header_top .header-widget,
.light:not(.sticky) .header_top .header-widget.widget_nav_menu ul.menu > li > a,
.light:not(.sticky) .header_top .header-widget p,
.light:not(.sticky) .header_top .header-widget a,
.light:not(.sticky) .header_top .header-widget span {
color: #fff;
}
.light:not(.sticky) .header_top .q_social_icon_holder i.simple_social,
.light:not(.sticky) .header_top #lang_sel > ul > li > a,
.light:not(.sticky) .header_top #lang_sel_click > ul > li > a {
color: #fff !important;
}
.dark:not(.sticky) .header_top .q_social_icon_holder i.simple_social,
.dark:not(.sticky) .header_top .header-widget,
.dark:not(.sticky) .header_top .header-widget.widget_nav_menu ul.menu > li > a,
.dark:not(.sticky) .header_top .header-widget p,
.dark:not(.sticky) .header_top .header-widget a,
.dark:not(.sticky) .header_top .header-widget span {
color: #000;
}
.dark:not(.sticky) .header_top .q_social_icon_holder i.simple_social,
.dark:not(.sticky) .header_top #lang_sel > ul > li > a,
.dark:not(.sticky) .header_top #lang_sel_click > ul > li > a {
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;
}
.header_bottom .container_inner {
position: relative;
}
/* 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;
}
.qode_menu_left header:not(.centered_logo) .q_logo img {
position: relative;
}
.qode_menu_left header:not(.centered_logo) .q_logo img:nth-child(2) {
transform: translateY(-100%);
}
.qode_menu_left header:not(.centered_logo) .q_logo img:nth-child(3) {
transform: translateY(-200%);
}
.qode_menu_left header:not(.centered_logo) .q_logo img:nth-child(4) {
transform: translateY(-300%);
}
.qode_menu_left header:not(.centered_logo) .q_logo img:nth-child(5) {
transform: translateY(-400%);
}
.no-touch .q_logo img {
-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 {
opacity: 0;
}
header.scrolled .q_logo img.normal,
header.scrolled.dark .q_logo img.normal,
header.scrolled.light .q_logo img.normal {
opacity: 1;
}
header.scrolled .q_logo img.light,
header.scrolled.light .q_logo img.light,
header.scrolled.dark .q_logo img.light,
header.scrolled .q_logo img.dark,
header.scrolled.light .q_logo img.dark,
header.scrolled.dark .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
========================================================================== */
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 .q_logo img.sticky {
opacity: 1;
}
header.sticky .q_logo img.normal,
header.sticky .q_logo img.light,
header.sticky .q_logo img.dark,
header.sticky .q_logo img.popup {
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;
}
.right_side_menu_opened .wrapper header.sticky {
left: -270px;
}
@media only screen and (min-width: 1000px) {
.admin-bar header.sticky.sticky_animate {
padding-top: 32px !important;
}
.admin-bar header.sticky .qode_search_form {
top: 32px;
}
}
/*side area slide from right over content type start*/
.side_area_over_content .side_menu {
right: 0;
width: 30%;
z-index: 1005;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: -webkit-transform 0.7s cubic-bezier(0.23, 1, 0.32, 1);
transition: transform 0.7s cubic-bezier(0.23, 1, 0.32, 1);
}
.side_area_over_content.side_area_uncovered_opened .side_menu {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.side_area_over_content .cover {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #000;
opacity: 0;
-webkit-transition: opacity 1s cubic-bezier(0.23, 1, 0.32, 1);
transition: opacity 1s cubic-bezier(0.23, 1, 0.32, 1);
z-index: -999;
display: block;
}
.side_area_over_content.side_area_uncovered_opened .cover {
opacity: 0.7;
z-index: 1002;
}
/*side area slide from right over content type end*/
/*side area slide from right with content type start*/
.side_area_slide_with_content .side_menu {
right: -400px;
width: 400px;
z-index: 1005;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-transition: right 0.4s cubic-bezier(0.13, 0.57, 0.4, 0.96);
transition: right 0.4s cubic-bezier(0.13, 0.57, 0.4, 0.96);
}
.side_area_slide_with_content.side_menu_open .side_menu {
right: 0;
}
.side_area_slide_with_content .wrapper,
.side_area_slide_with_content header.fixed,
.side_area_slide_with_content header.fixed_hiding,
.side_area_slide_with_content footer.uncover,
.side_area_slide_with_content.paspartu_enabled .paspartu_top,
.side_area_slide_with_content.paspartu_enabled .paspartu_bottom,
.side_area_slide_with_content .carousel-inner {
-webkit-transition: left 0.4s cubic-bezier(0.13, 0.57, 0.4, 0.96);
transition: left 0.4s cubic-bezier(0.13, 0.57, 0.4, 0.96);
}
.side_area_slide_with_content header.sticky {
-webkit-transition: left 0.4s cubic-bezier(0.13, 0.57, 0.4, 0.96), top 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
-moz-transition: left 0.4s cubic-bezier(0.13, 0.57, 0.4, 0.96), top 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
transition: left 0.4s cubic-bezier(0.13, 0.57, 0.4, 0.96), top 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
}
.side_area_slide_with_content.side_menu_open .wrapper header.sticky,
.side_area_slide_with_content.side_menu_open .wrapper header.fixed,
.side_area_slide_with_content.side_menu_open .wrapper header.fixed_hiding,
.paspartu_enabled.side_area_slide_with_content.side_menu_open .paspartu_top,
.paspartu_enabled.side_area_slide_with_content.side_menu_open .paspartu_bottom,
.side_area_slide_with_content.side_menu_open .full_width nav.content_menu.fixed,
.side_area_slide_with_content.side_menu_open footer.uncover,
.side_area_slide_with_content.side_menu_open .wrapper {
left: -400px;
}
@media only screen and (min-width: 1100px) {
.side_area_slide_with_content.side_menu_open:not(.boxed) .carousel-inner:not(.relative_position) {
left: -400px !important;
}
}
@media only screen and (min-width: 1000px) {
.side_area_slide_with_content.side_menu_open:not(.boxed) .carousel-inner:not(.relative_position) {
left: -400px !important;
}
}
/* Fixed header styles
========================================================================== */
header.fixed,
header.fixed_hiding {
width: 100%;
position: fixed;
z-index: 110;
top: 0px;
left: 0px;
}
@media only screen and (min-width: 1000px) {
header.fixed,
header.fixed_hiding {
-webkit-transition: left 0.13s cubic-bezier(0.694, 0.0482, 0.335, 1), left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
-moz-transition: left 0.13s cubic-bezier(0.694, 0.0482, 0.335, 1), left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
-o-transition: left 0.13s cubic-bezier(0.694, 0.0482, 0.335, 1), left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
-ms-transition: left 0.13s cubic-bezier(0.694, 0.0482, 0.335, 1), left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
transition: left 0.13s cubic-bezier(0.694, 0.0482, 0.335, 1), left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
}
.admin-bar header.fixed {
padding-top: 32px !important;
}
.admin-bar header.fixed .qode_search_form {
top: 32px;
}
}
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 !important;
}
header.fixed.scrolled .header_bottom,
header.fixed_hiding.scrolled .header_bottom,
header.sticky .header_bottom,
header.sticky .header_bottom .container_inner,
header.fixed.scrolled .header_bottom .container_inner,
header.fixed_hiding.scrolled .header_bottom .container_inner {
border: 0 !important;
}
.right_side_menu_opened .wrapper header.fixed,
.right_side_menu_opened .wrapper header.fixed_hiding {
left: -270px;
}
@media only screen and (min-width: 1100px) {
.right_side_menu_opened:not(.boxed) .carousel-inner:not(.relative_position) {
left: -270px !important;
}
}
/* 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
========================================================================== */
@media only screen and (min-width: 1000px) {
header.centered_logo {
text-align: center;
}
header.centered_logo .header_inner_left {
float: none;
position: relative;
display: block;
margin: 20px 0 0;
left: 0;
}
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;
}
header.centered_logo:not(.sticky) .q_logo 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);
}
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;
}
header.centered_logo .main_menu_and_widget_holder {
position: relative;
display: block;
border: 1px solid #696969;
border-left: 0 !important;
border-right: 0 !important;
}
/* Fixed header with hiding menu - start */
header.fixed_hiding .holeder_for_hidden_menu {
overflow: hidden;
max-height: 180px;
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: 180px;
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-in-out, opacity 0.2s ease-in-out;
-moz-transition: max-height 0.2s ease-in-out, opacity 0.2s ease-in-out;
-o-transition: max-height 0.2s ease-in-out, opacity 0.2s ease-in-out;
-ms-transition: max-height 0.2s ease-in-out, opacity 0.2s ease-in-out;
transition: max-height 0.2s ease-in-out, opacity 0.2s ease-in-out;
}
header.fixed_hiding.scrolled .q_logo,
header.fixed_hiding.scrolled .q_logo a {
-webkit-transition: max-height 0.2s ease-in-out, opacity 0.4s ease-in-out;
-moz-transition: max-height 0.2s ease-in-out, opacity 0.4s ease-in-out;
-o-transition: max-height 0.2s ease-in-out, opacity 0.4s ease-in-out;
-ms-transition: max-height 0.2s ease-in-out, opacity 0.4s ease-in-out;
transition: max-height 0.2s ease-in-out, opacity 0.4s ease-in-out;
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-in-out, max-height 0s ease-in-out;
-moz-transition: opacity 0s ease-in-out, max-height 0s ease-in-out;
-o-transition: opacity 0s ease-in-out, max-height 0s ease-in-out;
-ms-transition: opacity 0s ease-in-out, max-height 0s ease-in-out;
transition: opacity 0s ease-in-out, max-height 0s ease-in-out;
}
header.fixed_hiding.scrolled .q_logo_hidden a {
max-height: 50px;
opacity: 1;
-webkit-transition: opacity 0.15s ease-in-out 0.4s, max-height 0.15s ease-in-out 0.2s;
-moz-transition: opacity 0.15s ease-in-out 0.4s, max-height 0.15s ease-in-out 0.2s;
-o-transition: opacity 0.15s ease-in-out 0.4s, max-height 0.15s ease-in-out 0.2s;
-ms-transition: opacity 0.15s ease-in-out 0.4s, max-height 0.15s ease-in-out 0.2s;
transition: opacity 0.15s ease-in-out 0.4s, max-height 0.15s ease-in-out 0.2s;
}
header.fixed_hiding .q_logo 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);
}
header.fixed_hiding .q_logo_hidden a img {
height: 100%;
}
/* Fixed header with hiding menu - 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;
}
header.stick_with_left_right_menu .header_inner_left {
display: inline-block;
vertical-align: middle;
position: relative;
top: 0px;
margin: 0;
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.right_side > ul > li:first-child:before {
color: #9e9e9e;
content: "|";
font-size: 12px;
font-weight: 400;
left: -2px;
position: relative;
top: -1px;
}
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 */
/* 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.left {
position: relative;
float: left;
left: auto;
padding-left: 24px;
}
nav.main_menu.left > ul {
left: auto;
}
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;
}
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,
header.sticky .header_bottom .qode-login-register-widget.qode-user-not-logged-in .qode-login-opener,
header.sticky .header_bottom .qode-login-register-widget.qode-user-logged-in .qode-logged-in-user .qode-logged-in-user-inner > span {
line-height: 60px;
}
nav.main_menu > ul > li > a {
position: relative;
padding: 0 24px;
color: #696969;
text-transform: uppercase;
font-weight: 700;
font-size: 12px;
letter-spacing: 2px;
display: inline-block;
height: 100%;
background-color: transparent;
-webkit-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out;
-ms-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out;
}
nav.main_menu > ul > li:not(:first-child):before {
content: '|';
position: relative;
left: -2px;
top: -1px;
color: #696969;
font-size: 12px;
font-weight: 400;
}
header:not(.with_hover_bg_color) nav.main_menu > ul > li:hover > a,
nav.main_menu > ul > li.active > a {
color: #e6ae48;
}
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.active > a,
.light:not(.sticky):not(.scrolled) nav.main_menu > ul > li:not(:first-child):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 {
color: #000;
}
/* Main menu hover animations
========================================================================== */
/* line through */
.menu-animation-line-through nav.main_menu > ul > li > a .menu-text,
.menu-animation-line-through nav.vertical_menu > ul > li > a .menu-text {
position: relative;
}
.menu-animation-line-through nav.main_menu > ul > li > a .menu-text:before,
.menu-animation-line-through nav.vertical_menu > ul > li > a .menu-text:before {
content: "";
display: block;
position: absolute;
left: 0;
top: 50%;
height: 1px;
width: 0;
-webkit-transition: width 0s ease-out, background .3s ease-out;
transition: width 0s ease-out, background .3s ease-out;
border: none;
-webkit-backface-visibility: hidden;
}
.menu-animation-line-through nav.main_menu > ul > li > a .menu-text:after,
.menu-animation-line-through nav.vertical_menu > ul > li > a .menu-text:after {
content: '';
display: block;
position: absolute;
right: 0;
top: 50%;
height: 1px;
width: 0;
background: #e6ae48;
-webkit-transition: width .3s ease-out;
transition: width .3s ease-out;
border: none;
-webkit-backface-visibility: hidden;
}
.menu-animation-line-through nav.main_menu > ul > li:hover > a .menu-text:before,
.menu-animation-line-through nav.vertical_menu > ul > li:hover > a .menu-text:before {
width: 100%;
background: #e6ae48;
transition: width .3s ease-out;
}
.menu-animation-line-through nav.main_menu > ul > li:hover > a .menu-text:after,
.menu-animation-line-through nav.vertical_menu > ul > li:hover > a .menu-text:after,
.fs-menu-animation-line-through nav.popup_menu > ul > li:hover > a span:after {
width: 100%;
background: transparent;
transition: all 0s ease-out;
}
.menu-animation-line-through .light:not(.sticky):not(.scrolled) nav.main_menu > ul > li > a .menu-text:after,
.menu-animation-line-through .light:not(.sticky):not(.scrolled) nav.main_menu > ul > li:hover > a .menu-text:before {
background-color: #fff;
}
.menu-animation-line-through .dark:not(.sticky):not(.scrolled) nav.main_menu > ul > li > a .menu-text:after,
.menu-animation-line-through .dark:not(.sticky):not(.scrolled) nav.main_menu > ul > li:hover > a .menu-text:before {
background-color: #000;
}
.menu-animation-line-through .light:not(.sticky):not(.scrolled) nav.main_menu > ul > li:hover > a .menu-text:after,
.menu-animation-line-through .dark:not(.sticky):not(.scrolled) nav.main_menu > ul > li:hover > a .menu-text:after {
background: transparent;
}
.fs-menu-animation-line-through nav.popup_menu > ul > li > a span {
position: relative;
overflow: hidden;
}
.fs-menu-animation-line-through nav.popup_menu > ul > li > a span:before {
content: "";
display: block;
width: 100%;
height: 2px;
position: absolute;
left: -100%;
top: 50%;
margin-top: -1px;
visibility: hidden;
background: #e6ae48;
}
.fs-menu-animation-line-through nav.popup_menu > ul > li:hover > a span:before {
-webkit-animation: dfdMenuHoverAnim 0.7s ease-out;
-moz-animation: dfdMenuHoverAnim 0.7s ease-out;
animation: dfdMenuHoverAnim 0.7s ease-out;
}
@-webkit-keyframes dfdMenuHoverAnim {
0% {
left: -100%;
visibility: hidden;
}
10% {
left: -100%;
opacity: 1;
visibility: visible;
}
65% {
opacity: .3;
}
80% {
left: 100%;
opacity: .1;
visibility: visible;
}
81% {
left: 100%;
visibility: hidden;
}
100% {
left: -100%;
visibility: hidden;
}
}
@-moz-keyframes dfdMenuHoverAnim {
0% {
left: -100%;
visibility: hidden;
}
10% {
left: -100%;
opacity: 1;
visibility: visible;
}
65% {
opacity: .3;
}
80% {
left: 100%;
opacity: .1;
visibility: visible;
}
81% {
left: 100%;
visibility: hidden;
}
100% {
left: -100%;
visibility: hidden;
}
}
@-o-keyframes dfdMenuHoverAnim {
0% {
left: -100%;
visibility: hidden;
}
10% {
left: -100%;
opacity: 1;
visibility: visible;
}
65% {
opacity: .3;
}
80% {
left: 100%;
opacity: .1;
visibility: visible;
}
81% {
left: 100%;
visibility: hidden;
}
100% {
left: -100%;
visibility: hidden;
}
}
@keyframes dfdMenuHoverAnim {
0% {
left: -100%;
visibility: hidden;
}
10% {
left: -100%;
opacity: 1;
visibility: visible;
}
65% {
opacity: .3;
}
80% {
left: 100%;
opacity: .1;
visibility: visible;
}
81% {
left: 100%;
visibility: hidden;
}
100% {
left: -100%;
visibility: hidden;
}
}
/* underline */
.menu-animation-underline nav.main_menu > ul > li > a .menu-text,
.menu-animation-underline nav.vertical_menu > ul > li > a .menu-text,
.fs-menu-animation-underline nav.popup_menu > ul > li > a span {
position: relative;
}
.menu-animation-underline nav.main_menu > ul > li > a .menu-text:before,
.menu-animation-underline nav.vertical_menu > ul > li > a .menu-text:before,
.fs-menu-animation-underline nav.popup_menu > ul > li > a span:before {
content: '';
display: block;
width: 0%;
height: 1px;
background-color: #e6ae48;
position: absolute;
left: 50%;
-webkit-transform: translate(-50%, 0) translateZ(0);
transform: translate(-50%, 0) translateZ(0);
-webkit-transition: width 0.3s cubic-bezier(0.27, 0.62, 0.43, 1.01);
transition: width 0.3s cubic-bezier(0.27, 0.62, 0.43, 1.01);
}
.menu-animation-underline nav.main_menu > ul > li > a .menu-text:before {
bottom: -4px;
}
.menu-animation-underline nav.vertical_menu > ul > li > a .menu-text:before,
.fs-menu-animation-underline nav.popup_menu > ul > li > a span:before {
bottom: 0px;
}
.menu-animation-underline nav.main_menu > ul > li:hover > a .menu-text:before,
.menu-animation-underline nav.main_menu > ul > li.active > a .menu-text:before,
.menu-animation-underline nav.vertical_menu > ul > li:hover > a .menu-text:before,
.menu-animation-underline nav.vertical_menu > ul > li.active > a .menu-text:before,
.fs-menu-animation-underline nav.popup_menu > ul > li.active > a span:before,
.fs-menu-animation-underline nav.popup_menu > ul > li:hover > a span:before {
width: 100%;
}
.menu-animation-underline .light:not(.sticky):not(.scrolled) nav.main_menu > ul > li > a .menu-text:before {
background-color: #fff;
}
.menu-animation-underline .dark:not(.sticky):not(.scrolled) nav.main_menu > ul > li > a .menu-text:before {
background-color: #000;
}
/* underline bottom */
.menu-animation-underline-bottom nav.main_menu > ul > li > a {
-webkit-transition: opacity 0.3s ease-out, color 0.3s ease-out, background-color ease-out;
transition: opacity 0.3s ease-out, color 0.3s ease-out, background-color 0.3s ease-out;
}
.menu-animation-underline-bottom nav.main_menu > ul > li > a .menu-text {
position: relative;
display: inline-block;
height: 100%;
vertical-align: middle;
}
.menu-animation-underline-bottom nav.main_menu > ul > li > a .menu-text:before {
content: "";
display: block;
position: absolute;
bottom: 0;
height: 4px;
width: 0;
background: #e6ae48;
-webkit-backface-visibility: hidden;
left: 50%;
-webkit-transform: translate(-50%, 0) translateZ(0);
transform: translate(-50%, 0) translateZ(0);
-webkit-transition: width 0.3s cubic-bezier(0.27, 0.62, 0.43, 1.01);
transition: width 0.3s cubic-bezier(0.27, 0.62, 0.43, 1.01);
}
.menu-animation-underline-bottom nav.main_menu > ul > li:hover > a .menu-text:before,
.menu-animation-underline-bottom nav.main_menu > ul > li.active > a .menu-text:before {
width: 100%;
}
.menu-animation-underline-bottom .light:not(.sticky):not(.scrolled) nav.main_menu > ul > li > a .menu-text:before {
background-color: #fff;
}
.menu-animation-underline-bottom .dark:not(.sticky):not(.scrolled) nav.main_menu > ul > li > a .menu-text:before {
background-color: #000;
}
/* Main menu hover animations end
========================================================================== */
/* Narrow drop down styles
========================================================================== */
.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;
border-top: 5px solid #e6ae48;
-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: 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: auto;
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: #fff;
}
li.narrow .second .inner ul {
padding: 14px 0 22px;
}
.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 .narrow .second .inner ul li {
padding: 0;
width: 235px;
}
.drop_down .second .inner ul li a,
.drop_down .second .inner ul li h4 {
display: block;
color: #a6a6a6;
height: auto;
font-size: 12px;
line-height: 34px;
font-weight: 500;
margin: 0 24px;
padding: 0 4px;
-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;
border-bottom: 1px solid transparent;
}
.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 > li > a:hover,
.drop_down .second .inner ul li.sub ul li a:hover {
color: #e6ae48;
}
.drop_down .wide .second ul li a,
.drop_down .wide .second .inner ul li.sub a,
.drop_down .wide .second .inner ul li h4 {
background: 0;
}
.drop_down .second i {
display: none;
}
.drop_down .narrow .second .inner ul li ul {
position: absolute;
left: 100%;
top: -19px;
height: auto;
display: none;
overflow: hidden;
z-index: 10;
border-top: 5px solid #e6ae48;
}
.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 h4 {
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 28px;
}
.drop_down .wide.wide_background .second {
background-color: #fff;
}
.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;
}
/* Wide drop down styles
========================================================================== */
.drop_down .wide .second ul {
padding: 26px 0 32px;
}
.drop_down .wide .second ul li {
float: left;
width: 274px;
padding: 0px;
border-left: 1px solid #e1e1e1;
border-bottom: 0;
}
.drop_down .wide .second > .inner > ul > li.sub > ul > li > a,
.drop_down .wide .second ul li a {
border: 0px;
}
.drop_down .wide:not(.right_position) .second ul li:first-child,
.drop_down .wide:not(.right_position) .second ul li:nth-child(4n+1),
.drop_down .wide.right_position .second ul li:last-child,
.drop_down .wide.right_position .second ul li:nth-child(4n) {
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 {
position: absolute;
top: 50%;
right: 0px;
display: inline-block;
vertical-align: middle;
color: inherit;
font-size: inherit;
margin: -6px 0 0;
}
.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 {
right: auto;
left: 0px;
-ms-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
}
.drop_down .wide .second .inner > ul > li > a {
color: #393939;
border-bottom: 0;
text-transform: uppercase;
font-size: 11px;
letter-spacing: 1px;
font-weight: 700;
line-height: 16px;
}
.drop_down .wide .second .inner ul li.sub h4 a,
.drop_down .wide .second .inner ul li h4 a {
padding: 0px !important;
}
.drop_down .wide .second ul li ul {
display: block;
left: 0;
padding: 15px 0 0;
position: relative;
top: 0;
visibility: visible;
background-color: transparent !important;
}
.drop_down .wide .second ul li ul .widget {
padding: 0px 18px;
}
.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: #393939;
}
/* Wide with icons drop down styles
========================================================================== */
.drop_down .wide.icons .second ul li a span {
position: relative;
display: block;
}
.drop_down .wide.icons .second i {
width: 24px;
height: auto;
float: left;
display: inline-block;
vertical-align: middle;
color: inherit;
line-height: inherit;
}
.drop_down .wide.icons .second i.blank {
background: none;
border: 0px;
display: none;
}
/* Mobile menu and opener styles
========================================================================== */
.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-tap-highlight-color: transparent;
}
nav.mobile_menu 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: 0 !important;
}
nav.mobile_menu ul > li.has_sub > span.mobile_arrow {
cursor: pointer;
display: inline-block;
float: right;
height: 35px;
line-height: 35px;
margin: 0px;
padding: 0px 10px 0px 0px;
position: absolute;
top: 0px;
right: 0px;
text-align: right;
width: 50px;
color: #8d8d8d;
z-index: 9000;
-webkit-tap-highlight-color: transparent;
}
nav.mobile_menu ul li span.mobile_arrow i {
color: inherit;
}
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 {
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 h4 {
font-size: 13px;
color: #8d8d8d;
padding: 9px 0px;
display: block;
position: relative;
text-transform: none;
line-height: 17px;
letter-spacing: 0;
}
nav.mobile_menu ul li a:hover,
nav.mobile_menu ul li.active > a {
color: #e6ae48;
}
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%;
}
@media only screen and (min-width: 1000px) {
header.dark:not(.sticky):not(.scrolled) .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 {
border-color: #fff !important;
background-color: transparent !important;
color: #fff !important;
}
.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:not(.sticky):not(.scrolled) .header_bottom_widget .textwidget * {
color: #fff;
}
.light:not(.sticky):not(.scrolled) .q_social_icon_holder i.simple_social,
.light:not(.sticky):not(.scrolled) .q_icon_shortcode a {
color: #fff !important;
}
.light:not(.sticky):not(.scrolled) .q_social_icon_holder .fa-stack {
border-color: #fff;
}
.light:not(.sticky):not(.scrolled) .q_social_icon_holder:hover .fa-stack {
background-color: #fff !important;
border-color: #fff !important;
}
.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 {
color: #000;
}
.dark:not(.sticky):not(.scrolled) .q_social_icon_holder i.simple_social,
.dark:not(.sticky):not(.scrolled) #lang_sel > ul > li > a,
.dark:not(.sticky):not(.scrolled) #lang_sel_click > ul > li > a,
.dark:not(.sticky):not(.scrolled) .q_icon_shortcode a {
color: #000 !important;
}
.dark:not(.sticky):not(.scrolled) .q_social_icon_holder .fa-stack {
border-color: #000;
}
.dark:not(.sticky):not(.scrolled) .q_social_icon_holder:hover .fa-stack {
background-color: #000 !important;
border-color: #000 !important;
}
}
/* Side area opener styles
========================================================================== */
.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, color 0.3s ease;
-moz-transition: opacity 0.3s ease, color 0.3s ease;
-ms-transition: opacity 0.3s ease, color 0.3s ease;
-o-transition: opacity 0.3s ease, color 0.3s ease;
transition: opacity 0.3s ease, color 0.3s ease;
color: #5d5d5d;
}
.side_menu_button > a:hover,
.mobile_menu_button span:hover {
color: #e6ae48;
}
/* ==========================================================================
Qode Search styles
========================================================================== */
.qode_search_form {
background-color: #393939;
color: #fff;
margin: 0;
overflow: hidden;
width: 100%;
height: 0px;
position: absolute;
top: 0;
left: 0;
}
.qode_search_form i {
color: #fff;
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: transparent;
border: none;
box-shadow: none;
color: #fff;
display: inline-block;
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;
float: left;
}
.qode_search_form input:focus {
outline-offset: 0px !important;
}
::-webkit-input-placeholder,
:-moz-placeholder,
::-moz-placeholder,
:-ms-input-placeholder {
color: #fff;
margin: 10px 0 0;
}
@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%;
}
}
@media only screen and (max-width: 350px) {
.qode_search_form input {
width: 50%;
}
}
.qode_search_form .container_inner {
position: relative;
}
.qode_search_form .container i {
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 !important;
margin: -1px;
padding: 0;
position: absolute !important;
width: 1px !important;
visibility: hidden;
}
.qode_search_form .qode_search_close {
position: absolute;
line-height: 50px;
height: 50px;
top: 0px;
right: 45px;
}
.qode_search_form .container .qode_search_close {
right: 0px;
}
/* ==========================================================================
End Qode Search styles
========================================================================== */
/* ==========================================================================
Header bottom widget area styles
========================================================================== */
.header_bottom_widget .q_social_icon_holder {
margin-bottom: 0 !important;
margin-right: 15px !important;
}
.header_bottom_widget .q_social_icon_holder.with_link .simple_social {
color: #696969;
font-size: 14px;
}
.light:not(.sticky):not(.scrolled) .header_bottom_widget .q_social_icon_holder.with_link .simple_social {
color: #fff !important;
}
.dark:not(.sticky):not(.scrolled) .header_bottom_widget .q_social_icon_holder.with_link .simple_social {
color: #000 !important;
}
/* ==========================================================================
End header bottom widget area styles
========================================================================== */
/* ==========================================================================
Vertical menu styles
========================================================================== */
/**
* Here are defined styles for vertical menu
*/
.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;
}
body.page-template-blog-masonry-full-width-php.vertical_menu_enabled .content .full_width,
body.page-template-blog-pinterest-full-width-php.vertical_menu_enabled .content .full_width {
padding-left: 300px;
}
.boxed.vertical_menu_enabled .q_slider,
.boxed.vertical_menu_enabled .full_width,
body.page-template-blog-masonry-full-width-php.vertical_menu_enabled.boxed .content .full_width,
body.page-template-blog-pinterest-full-width-php.vertical_menu_enabled.boxed .content .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: 20px 40px;
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.qode-vetical-area-vertical-align-space-between,
aside.vertical_menu_area.qode-vetical-area-vertical-align-center,
aside.vertical_menu_area.qode-vetical-area-vertical-align-bottom {
display: flex;
flex-direction: column;
}
aside.vertical_menu_area.qode-vetical-area-vertical-align-space-between nav.vertical_menu,
aside.vertical_menu_area.qode-vetical-area-vertical-align-space-between .vertical_menu_area_widget_holder,
aside.vertical_menu_area.qode-vetical-area-vertical-align-center nav.vertical_menu,
aside.vertical_menu_area.qode-vetical-area-vertical-align-center .vertical_menu_area_widget_holder,
aside.vertical_menu_area.qode-vetical-area-vertical-align-bottom nav.vertical_menu,
aside.vertical_menu_area.qode-vetical-area-vertical-align-bottom .vertical_menu_area_widget_holder {
margin: 0;
}
aside.vertical_menu_area.qode-vetical-area-vertical-align-space-between {
justify-content: space-between;
}
aside.vertical_menu_area.qode-vetical-area-vertical-align-center {
justify-content: center;
}
aside.vertical_menu_area.qode-vetical-area-vertical-align-bottom {
justify-content: end;
}
aside.vertical_menu_area.with_scroll {
overflow: hidden;
}
aside.vertical_menu_area .vertical_menu_area_widget_holder {
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
body:not(.vertical_menu_transparency_off) aside.vertical_menu_area.light .vertical_menu_area_widget_holder,
body:not(.vertical_menu_transparency_off) aside.vertical_menu_area.light .widget a,
body:not(.vertical_menu_transparency_off) 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,
body:not(.vertical_menu_transparency_off) aside.vertical_menu_area.dark .vertical_menu_area_widget_holder,
body:not(.vertical_menu_transparency_off) aside.vertical_menu_area.dark .widget a,
body:not(.vertical_menu_transparency_off) 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.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: 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,
body:not(.vertical_menu_transparency_off) .light .q_logo_vertical img.normal {
opacity: 0;
}
.vertical_menu_transparency_on .light .q_logo_vertical img.light,
body:not(.vertical_menu_transparency_off) .light .q_logo_vertical img.light {
opacity: 1;
}
.vertical_menu_transparency_on .light .q_logo_vertical img.dark,
body:not(.vertical_menu_transparency_off) .vertical_menu_transparency_on .light .q_logo_vertical img.dark {
opacity: 0;
}
.vertical_menu_transparency_on .dark .q_logo_vertical img.normal,
body:not(.vertical_menu_transparency_off) .dark .q_logo_vertical img.normal {
opacity: 0;
}
.vertical_menu_transparency_on .dark .q_logo_vertical img.light,
body:not(.vertical_menu_transparency_off) .dark .q_logo_vertical img.light {
opacity: 0;
}
.vertical_menu_transparency_on .dark .q_logo_vertical img.dark,
body:not(.vertical_menu_transparency_off) .dark .q_logo_vertical img.dark {
opacity: 1;
}
nav.vertical_menu {
position: relative;
z-index: 101;
margin: 42px 0 0;
text-align: left;
}
.vertical_menu ul {
list-style: none;
}
.vertical_menu ul li {
position: relative;
}
nav.vertical_menu > ul > li > a {
position: relative;
display: block;
padding: 0;
line-height: 35px;
color: #393939;
font-weight: 700;
letter-spacing: 3px;
text-decoration: none;
text-transform: uppercase;
margin: 0;
cursor: pointer;
-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;
-o-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;
transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
}
.vertical_menu ul li a:hover {
color: #e6ae48;
}
.vertical_menu_transparency_on .light nav.vertical_menu > ul > li > a,
body:not(.vertical_menu_transparency_off) .light nav.vertical_menu > ul > li > a {
color: #fff;
}
.vertical_menu_transparency_on .dark nav.vertical_menu > ul > li > a,
body:not(.vertical_menu_transparency_off) .dark nav.vertical_menu > ul > li > a {
color: #000;
}
.vertical_menu .second .inner {
position: relative;
display: block;
padding: 0;
z-index: 997;
}
.vertical_menu_toggle .second .inner_arrow {
display: none;
}
.vertical_menu_toggle .second {
margin: 0px;
display: none;
overflow: hidden;
z-index: 10;
}
.vertical_menu_toggle > ul > li.current-menu-ancestor .second,
nav.vertical_menu_toggle > ul > li.current-menu-ancestor .second .inner ul li.current-menu-ancestor ul {
display: block;
}
.vertical_menu_toggle .second ul ul {
display: none;
}
nav.vertical_menu_toggle ul li a {
display: block;
}
nav.vertical_menu_toggle ul li a .line {
display: none;
}
nav.vertical_menu_toggle ul > li.menu-item-has-children > a > .plus {
width: 25px;
height: 25px;
z-index: 10000;
display: block;
position: absolute;
top: 0px;
right: 0px;
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;
display: none;
}
nav.vertical_menu_toggle > ul > li.menu-item-has-children > a > .plus {
height: 35px;
}
nav.vertical_menu_toggle ul > li.menu-item-has-children > a > .plus {
display: none;
}
nav.vertical_menu_toggle.vm_click_event ul > li.menu-item-has-children > a > .plus,
nav.vertical_menu_toggle .second ul > li.menu-item-has-children > a > .plus {
display: block;
}
nav.vertical_menu_toggle ul li ul > li.menu-item-has-children > a > .plus {
margin: 2px 0 0 0;
}
.no-touch nav.vertical_menu_toggle ul > li.menu-item-has-children > a:hover > .plus,
nav.vertical_menu_toggle ul > li.current-menu-ancestor > a > .plus,
nav.vertical_menu_toggle 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 {
display: inline-block;
max-width: 180px;
}
.vertical_menu_transparency_on .light nav.vertical_menu_toggle ul > li.menu-item-has-children > a > .plus,
body:not(.vertical_menu_transparency_off) .light nav.vertical_menu_toggle 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,
body:not(.vertical_menu_transparency_off) .light nav.vertical_menu_toggle ul > li.menu-item-has-children > a:hover > .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,
body:not(.vertical_menu_transparency_off) .dark nav.vertical_menu_toggle 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,
.body:not(.vertical_menu_transparency_off) .dark nav.vertical_menu_toggle ul > li.menu-item-has-children > a:hover > .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: 160dppx) {
nav.vertical_menu_toggle 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 {
background-image: url("img/vertical_menu_minus@1_5x.png");
}
.touch nav.vertical_menu_toggle 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,
body:not(.vertical_menu_transparency_off) .light nav.vertical_menu_toggle 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,
body:not(.vertical_menu_transparency_off) .light nav.vertical_menu_toggle ul > li.menu-item-has-children > a:hover > .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,
body:not(.vertical_menu_transparency_off) .dark nav.vertical_menu_toggle 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,
body:not(.vertical_menu_transparency_off) .dark nav.vertical_menu_toggle ul > li.menu-item-has-children > a:hover > .plus {
background-image: url("img/vertical_menu_minus_black@1_5x.png");
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 200 / 100), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 210dppx) {
nav.vertical_menu_toggle ul li.menu-item-has-children a .plus {
background-image: url("img/vertical_menu_cross@2x.png");
}
.no-touch nav.vertical_menu_toggle ul > li.menu-item-has-children > a:hover > .plus {
background-image: url("img/vertical_menu_minus@2x.png");
}
.touch nav.vertical_menu_toggle ul > li.menu-item-has-children.open > a > .plus {
background-image: url("img/vertical_menu_minus@2x.png");
}
.vertical_menu_transparency_on .light nav.vertical_menu_toggle ul li.menu-item-has-children a .plus,
body:not(.vertical_menu_transparency_off) .light nav.vertical_menu_toggle ul li.menu-item-has-children a .plus {
background-image: url("img/vertical_menu_cross_white@2x.png");
}
.vertical_menu_transparency_on .light nav.vertical_menu_toggle ul > li.menu-item-has-children > a:hover > .plus,
body:not(.vertical_menu_transparency_off) .light nav.vertical_menu_toggle ul > li.menu-item-has-children > a:hover > .plus {
background-image: url("img/vertical_menu_minus_white@2x.png");
}
.vertical_menu_transparency_on .dark nav.vertical_menu_toggle ul li.menu-item-has-children a .plus,
body:not(.vertical_menu_transparency_off) .dark nav.vertical_menu_toggle ul li.menu-item-has-children a .plus {
background-image: url("img/vertical_menu_cross_black@2x.png");
}
.vertical_menu_transparency_on .dark nav.vertical_menu_toggle ul > li.menu-item-has-children > a:hover > .plus,
body:not(.vertical_menu_transparency_off) .dark nav.vertical_menu_toggle ul > li.menu-item-has-children > a:hover > .plus {
background-image: url("img/vertical_menu_minus_black@2x.png");
}
}
nav.vertical_menu_toggle ul li a .q_menu_arrow {
display: none;
}
nav.vertical_menu_toggle li.narrow .second .inner ul {
background-color: transparent;
padding: 0;
width: 100%;
}
nav.vertical_menu_toggle li.narrow .second .inner ul ul {
display: none;
}
.vertical_menu_toggle .second .inner ul li a {
display: block;
height: auto;
font-weight: 400;
line-height: 18px;
color: #9d9d9d;
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_toggle .second .inner ul li a:hover {
color: #e6ae48;
}
.vertical_menu_transparency_on .light .vertical_menu_toggle .second .inner ul li a,
.vertical_menu_transparency_on .light .vertical_menu_toggle .second .inner ul li.sub ul li a,
body:not(.vertical_menu_transparency_off) .light .vertical_menu_toggle .second .inner ul li a,
body:not(.vertical_menu_transparency_off) .light .vertical_menu_toggle .second .inner ul li.sub ul li a {
color: #fff !important;
}
.vertical_menu_transparency_on .dark .vertical_menu_toggle .second .inner ul li a,
.vertical_menu_transparency_on .dark .vertical_menu_toggle .second .inner ul li.sub ul li a,
body:not(.vertical_menu_transparency_off) .dark .vertical_menu_toggle .second .inner ul li a,
body:not(.vertical_menu_transparency_off) .dark .vertical_menu_toggle .second .inner ul li.sub ul li a {
color: #000 !important;
}
.vertical_menu_toggle .second .inner ul ul li a {
padding-left: 15px;
}
.vertical_menu_area_widget_holder {
margin: 22px 0 0 0;
}
.vertical_menu_area_widget_holder .widget {
margin: 0 0 26px;
}
.vertical_menu_enabled .carousel-inner:not(.relative_position) {
left: 260px !important;
}
.vertical_menu_area .q_social_icon_holder {
margin: 0 12px 2px 0 !important;
}
.vertical_menu_enabled .content,
.vertical_menu_enabled .content.content_top_margin {
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 aside.vertical_menu_area {
background-color: transparent !important;
}
.vertical_menu_enabled.vertical_menu_transparency_on aside.vertical_menu_area .vertical_area_background {
opacity: 0;
}
.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,
.vertical_menu_enabled.vertical_menu_transparency .carousel-control.right {
bottom: 50px;
top: auto;
width: 50px;
height: 50px;
}
.vertical_menu_enabled.vertical_menu_transparency .carousel-control.left {
right: 105px;
}
.vertical_menu_enabled.vertical_menu_transparency .carousel-control.right {
right: 50px;
}
.vertical_menu_enabled.vertical_menu_transparency .carousel-control .prev_nav,
.vertical_menu_enabled.vertical_menu_transparency .carousel-control .next_nav {
margin: 0 !important;
top: 0;
}
.vertical_menu_enabled.vertical_menu_transparency .carousel-control .prev_nav {
left: 0;
}
.vertical_menu_enabled.vertical_menu_transparency .carousel-control .next_nav {
right: 0;
}
.vertical_menu_enabled.vertical_menu_transparency .carousel-indicators {
display: none !important;
}
/* ==========================================================================
End Vertical menu styles
========================================================================== */
/* ==========================================================================
Popup menu start styles
========================================================================== */
/**
* Here are defined styles for popup menu functionality
*/
.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: #5d5d5d;
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-transition: 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: #5d5d5d;
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-transition: 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*/
}
.popup_menu.qode-popup-menu-svg-path .qode-popup-menu-opener-inner {
position: relative;
}
.popup_menu.qode-popup-menu-svg-path .qode-popup-svg-holder {
transition: all 0.3s ease;
}
.popup_menu.qode-popup-menu-svg-path .qode-popup-svg-holder svg * {
fill: currentColor;
stroke: currentColor;
}
.light .popup_menu.qode-popup-menu-svg-path .qode-popup-svg-holder svg * {
fill: #fff;
stroke: #fff;
}
.dark .popup_menu.qode-popup-menu-svg-path .qode-popup-svg-holder svg * {
fill: #000;
stroke: #000;
}
.popup_menu.qode-popup-menu-svg-path .qode-popup-svg-holder.qode-popup-svg-closer {
position: absolute;
left: 0;
top: 0;
visibility: hidden;
opacity: 0;
}
.popup_menu.qode-popup-menu-svg-path.opened .qode-popup-svg-holder.qode-popup-svg-opener {
visibility: hidden;
opacity: 0;
}
.popup_menu.qode-popup-menu-svg-path.opened .qode-popup-svg-holder.qode-popup-svg-closer {
visibility: visible;
opacity: 1;
}
@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 {
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 {
background-color: #fff;
}
}
.popup_menu .line:before {
top: -4px;
}
.popup_menu .line:after {
top: 4px;
}
.popup_menu:hover .line,
.popup_menu:hover .line:after,
.popup_menu:hover .line:before {
background-color: #e6ae48;
}
.popup_menu.opened .line {
background-color: transparent !important;
}
.popup_menu.opened .line:after {
background-color: #fff;
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: #fff;
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(255, 255, 255, 0.9);
-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;
background-repeat: repeat;
background-position: 0px 0px;
}
.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 {
visibility: hidden !important;
}
.popup_menu_opened .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 {
background-color: transparent !important;
border-bottom: 0 !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 {
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 {
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;
}
nav.popup_menu ul.sub_menu {
display: none;
}
nav.popup_menu ul li a {
font-size: 40px;
font-weight: 800;
line-height: 47px;
letter-spacing: 1px;
color: #393939;
padding: 0px;
display: block;
position: relative;
text-decoration: none;
cursor: pointer;
text-transform: uppercase;
-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;
}
nav.popup_menu ul li a:hover {
color: #e6ae48;
}
nav.popup_menu ul li a span {
display: inline-block;
vertical-align: middle;
}
nav.popup_menu ul li ul li a {
font-size: 18px;
font-weight: 700;
line-height: 21px;
letter-spacing: 2px;
color: #e6ae48;
}
nav.popup_menu ul li ul li ul li a {
font-size: 0.8em;
line-height: 1.3em;
}
nav.popup_menu ul li ul li a:hover {
color: #8d8d8d;
}
.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 slide from left*/
.popup-menu-slide-from-left .popup_menu_holder {
background-color: #fff;
}
.popup-menu-slide-from-left .popup_menu_holder_outer {
visibility: visible;
opacity: 1;
-ms-transform: translateX(-100%);
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-ms-transition: -ms-transform 0.6s cubic-bezier(0.39, 0.58, 0.57, 1);
-webkit-transition: -webkit-transform 0.6s cubic-bezier(0.39, 0.58, 0.57, 1);
transition: transform 0.6s cubic-bezier(0.39, 0.58, 0.57, 1);
}
.popup-menu-slide-from-left.popup_menu_opened .popup_menu_holder_outer {
-ms-transform: translateX(0);
-webkit-transform: translateX(0);
transform: translateX(0);
}
.popup-menu-slide-from-left .content {
-ms-transition: -ms-transform 0.6s cubic-bezier(0.39, 0.58, 0.57, 1);
-webkit-transition: -webkit-transform 0.6s cubic-bezier(0.39, 0.58, 0.57, 1);
transition: transform 0.6s cubic-bezier(0.39, 0.58, 0.57, 1);
}
.popup-menu-slide-from-left.popup_menu_opened .content,
.popup-menu-slide-from-left.popup_menu_opened footer {
-ms-transform: translateX(80%);
-webkit-transform: translateX(80%);
transform: translateX(80%);
}
/*popup menu text from top*/
.popup-menu-text-from-top nav.popup_menu > ul {
opacity: 0;
-ms-transform: translateY(20%) translateZ(0);
-webkit-transform: translateY(20%) translateZ(0);
transform: translateY(20%) translateZ(0);
-webkit-transition: opacity 0.25s ease 0s, -webkit-transform 0.3s ease 0s;
-ms-transition: opacity 0.25s ease 0s, -ms-transform 0.3s ease 0s;
transition: opacity 0.25s ease 0s, transform 0.3s ease 0s;
}
.popup-menu-text-from-top.popup_menu_opened nav.popup_menu > ul {
-webkit-transform: translateY(0) translateZ(0);
transform: translateY(0) translateZ(0);
opacity: 1;
-webkit-transition: opacity 0.5s ease 0.2s, -webkit-transform 0.5s ease 0.2s;
-ms-transition: opacity 0.5s ease 0.2s, -ms-transform 0.5s ease 0.2s;
transition: opacity 0.5s ease 0.2s, transform 0.5s ease 0.2s;
}
.popup-menu-text-from-top.popup_menu_opened .popup_menu_holder_outer {
-webkit-transition: opacity 0.5s ease;
-ms-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
}
.popup-menu-text-from-top .popup_menu_holder_outer {
-webkit-transition: opacity 0.4s ease;
-ms-transition: opacity 0.4s ease;
transition: opacity 0.4s ease;
}
/* ==========================================================================
Popup menu end styles
========================================================================== */
/* ==========================================================================
Qode slider styles
========================================================================== */
/* Bootstrap carousel default styles
========================================================================== */
.carousel {
position: relative;
}
.carousel-inner {
position: relative;
width: 100%;
overflow: hidden;
}
.boxed .carousel-inner {
width: 1150px;
left: auto !important;
}
.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 .video {
position: static;
left: 0;
direction: ltr;
}
.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 .item.vertical_align_middle .slider_content_outer {
display: table;
}
.carousel-inner .item.vertical_align_middle .slider_content {
position: relative;
display: table-cell;
width: 100% !important;
height: 100% !important;
top: 0px !important;
left: 0px !important;
bottom: auto !important;
right: auto !important;
vertical-align: middle;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.vertical_menu_enabled .carousel-inner .item.vertical_align_middle .slider_content {
padding: 0px !important;
}
@media only screen and (max-width: 1000px) {
.carousel-inner .item.vertical_align_middle .slider_content {
padding: 0px !important;
}
}
.carousel-inner .slider_content_outer.content_bottom_right_alignment {
width: 100%;
}
.carousel-inner .slider_content_outer.content_bottom_right_alignment .slider_content {
left: auto !important;
top: auto !important;
bottom: 0px !important;
right: 0px !important;
width: auto !important;
height: auto !important;
}
.carousel-inner .slider_content_outer.content_bottom_right_alignment .slider_content .text,
.carousel-inner .slider_content_outer.content_bottom_right_alignment .slider_content h2,
.carousel-inner .slider_content_outer.content_bottom_right_alignment .slider_content h3 {
text-align: right;
margin: 0;
}
@media only screen and (max-width: 800px) {
.carousel-inner .slider_content_outer.content_bottom_right_alignment .slider_content .text,
.carousel-inner .slider_content_outer.content_bottom_right_alignment .slider_content h2,
.carousel-inner .slider_content_outer.content_bottom_right_alignment .slider_content h3 {
text-align: center;
}
.carousel-inner .slider_content_outer.content_bottom_right_alignment .slider_content {
vertical-align: bottom;
}
}
.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 {
height: 100%;
opacity: 1;
filter: alpha(opacity=100);
}
.carousel-inner .slider_content .thumb.flip,
.carousel-inner .slider_content .thumb.fade {
opacity: 0;
filter: alpha(opacity=0);
}
@media only screen and (max-height: 850px) {
.full_screen .carousel-inner .slider_content {
height: 35%;
}
}
@media only screen and (max-height: 600px) {
.full_screen .carousel-inner .slider_content {
height: 25%;
}
}
.carousel-inner .slider_content.left .thumb {
text-align: left;
}
.carousel-inner .slider_content.right .thumb {
text-align: right;
}
.carousel-inner .slider_content.center .thumb {
text-align: center;
}
.carousel-inner .active .slider_content .thumb.flip {
-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 1.5s 1 ease-out;
-moz-animation: fade 1.5s 1 ease-out;
-o-animation: fade 1.5s 1 ease-out;
animation: fade 1.5s 1 ease-out;
opacity: 1;
filter: alpha(opacity=100);
}
.carousel-inner .slider_content .thumb img {
max-height: 100%;
}
.carousel-inner .slider_content .text {
opacity: 1;
filter: alpha(opacity=100);
position: relative;
display: inline-block;
width: 100%;
margin: 15px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/* all at once element animation - start */
.carousel-inner .slider_content .text.all_at_once {
-webkit-transform: translateZ(0px);
-moz-transform: translateZ(0px);
-ms-transform: translateZ(0px);
-o-transform: translateZ(0px);
transform: translateZ(0px);
opacity: 0;
filter: alpha(opacity=0);
}
.carousel-inner .active .slider_content .text.all_at_once {
-webkit-animation: text-from-bottom 1.5s 1 cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-animation: text-from-bottom 1.5s 1 cubic-bezier(0.165, 0.84, 0.44, 1);
-o-animation: text-from-bottom 1.5s 1 cubic-bezier(0.165, 0.84, 0.44, 1);
animation: text-from-bottom 1.5s 1 cubic-bezier(0.165, 0.84, 0.44, 1);
opacity: 1;
filter: alpha(opacity=100);
}
/* all at once element animation - end */
/* 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 h3,
.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 h3,
.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 cubic-bezier(0.165, 0.84, 0.44, 1) 0s 1;
-moz-animation: text-from-bottom-one-by-one 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s 1;
-o-animation: text-from-bottom-one-by-one 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s 1;
animation: text-from-bottom-one-by-one 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s 1;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translateZ(0px);
}
.carousel-inner .active .slider_content .text.one_by_one h2 {
animation-delay: 0.2s;
-webkit-animation-delay: 0.4s;
}
.carousel-inner .active .slider_content .text.one_by_one h3.q_slide_text {
animation-delay: 0.4s;
-webkit-animation-delay: 0.6s;
}
.carousel-inner .active .slider_content .text.one_by_one a.qbutton {
animation-delay: 0.6s;
-webkit-animation-delay: 0.8s;
}
.carousel-inner .active .slider_content .text.one_by_one .slide_anchor_holder {
animation-delay: 0.8s;
-webkit-animation-delay: 1s;
}
/* one by one element animation - end */
.carousel-inner .slider_content .slide_buttons_holder {
display: inline-block;
}
.carousel-inner .slider_content .slide_buttons_holder .qbutton {
margin: 30px 10px 0;
-webkit-transform: translateZ(0px);
}
.carousel-inner .slider_content .slide_buttons_holder .qbutton:first-child {
margin-left: 0;
}
.carousel-inner .slider_content .slide_buttons_holder .qbutton:last-child {
margin-right: 0;
}
.carousel-inner .slider_content .text .qbutton:not(.white):hover {
color: #fff;
border-color: #fff;
}
.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 h2 {
display: inline-block;
font-size: 64px;
text-transform: uppercase;
letter-spacing: 3px;
font-weight: 700;
color: #fff;
margin: 0 0 14px;
}
.carousel-inner h2.with_bg_color {
padding: 22px 62px;
}
.carousel-inner h2 span {
font-size: inherit;
line-height: 1em;
color: inherit;
}
.carousel-inner h3 {
color: #fff;
margin: 0 0 19px;
}
.carousel-inner h3.q_slide_text {
margin: 0;
}
.carousel-inner .dark h2,
.carousel-inner .dark h3 {
color: #000;
}
.carousel-inner .left .text,
.carousel-inner .left h2,
.carousel-inner .left h3 {
text-align: left;
}
.carousel-inner .center .text,
.carousel-inner .center h2,
.carousel-inner .center h3 {
text-align: center;
}
.carousel-inner .right .text,
.carousel-inner .right h2,
.carousel-inner .right h3 {
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);
-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);
}
.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%;
}
.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%;
z-index: 2;
}
.carousel-control {
top: 0px;
width: 8%;
height: 100%;
text-shadow: none;
position: absolute;
z-index: 2 !important;
margin: 0px;
outline: none;
cursor: pointer;
-webkit-transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out;
-ms-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
-webkit-backface-visibility: hidden;
/* because navigation is not visible during animation on chrome */
-moz-backface-visibility: hidden;
/* because navigation glitters in ff */
}
.carousel-control.right {
right: 0;
left: auto;
}
.carousel-control:hover {
opacity: 1 !important;
}
.carousel-control .prev_nav,
.carousel-control .next_nav {
position: absolute;
top: 50%;
margin-top: -25px;
height: 50px;
width: 50px;
line-height: 50px;
font-size: 18px;
color: #fff;
background-color: #a6a6a6;
border: 1px solid transparent;
text-align: center;
z-index: 10;
-webkit-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out;
-moz-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out;
-o-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out;
-ms-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out;
transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body.vertical_menu_enabled .carousel-control .prev_nav,
body.vertical_menu_enabled .carousel-control .next_nav {
margin-top: -25px !important;
}
.carousel-control .prev_nav:hover,
.carousel-control .next_nav:hover {
background-color: #393939;
}
@media only screen and (max-width: 1000px) {
.carousel-control .prev_nav,
.carousel-control .next_nav {
margin-top: -25px !important;
}
}
.carousel-control span span {
display: block;
line-height: 50px;
}
.carousel-control .prev_nav {
left: 0;
}
.carousel-control .next_nav {
right: 0;
}
@media (max-width: 1300px) {
.carousel.responsive_height .carousel-inner .slider_content_outer {
display: table;
}
.carousel.responsive_height .carousel-inner .slider_content .thumb {
height: auto;
}
.carousel.responsive_height .carousel-inner .slider_content {
display: table-cell;
vertical-align: middle;
position: static;
top: 0 !important;
left: 0 !important;
}
.carousel-inner h2 {
line-height: inherit !important;
}
.carousel .carousel-inner h2 span {
font-size: 0.825em !important;
line-height: 1.2em !important;
}
.carousel .carousel-inner h3 span {
font-size: 0.95em;
}
.vertical_menu_enabled .carousel .carousel-inner h2 span {
font-size: 0.725em !important;
line-height: 1.1em !important;
}
.vertical_menu_enabled .carousel .carousel-inner h3 span {
font-size: 0.8em;
}
.vertical_menu_enabled .carousel-control.left {
bottom: 40px;
height: 50px;
right: 100px;
top: auto;
width: 50px;
}
.vertical_menu_enabled .carousel-control.right {
bottom: 40px;
height: 50px;
right: 40px;
top: auto;
width: 50px;
}
.vertical_menu_enabled .carousel-control .prev_nav {
left: 0;
margin: 0 !important;
top: 0;
}
.vertical_menu_enabled .carousel-control .next_nav {
margin: 0 !important;
right: 0;
top: 0;
}
}
@media (max-width: 1200px) {
.carousel .carousel-inner h2 span {
font-size: 0.725em !important;
line-height: 1.1em !important;
}
.carousel .carousel-inner h3 span {
font-size: 0.8em;
}
.vertical_menu_enabled .carousel .carousel-inner h2 span {
font-size: 0.625em !important;
line-height: 1em !important;
}
.vertical_menu_enabled .carousel .carousel-inner h3 span {
font-size: 0.7em;
}
}
@media (max-width: 1024px) {
.carousel-inner {
position: relative;
}
.carousel-inner .qbutton {
line-height: 32px;
height: 32px;
}
}
@media only screen and (max-width: 800px) {
.carousel .carousel-inner .slider_content_outer {
display: table;
}
.carousel-inner .slider_content .thumb {
height: auto;
}
.carousel .carousel-inner .slider_content {
display: table-cell;
vertical-align: middle;
position: static;
top: 0 !important;
left: 0 !important;
}
}
@media (max-width: 567px) {
.carousel .carousel-inner h2 span {
font-size: 0.625em !important;
line-height: 0.9em !important;
}
.carousel .carousel-inner h3 span {
font-size: 0.7em;
line-height: 1.1em;
}
.vertical_menu_enabled .carousel .carousel-inner h2 span {
font-size: 0.525em !important;
line-height: 0.8em !important;
}
.vertical_menu_enabled .carousel .carousel-inner h3 span {
font-size: 0.6em;
line-height: 1em;
}
.carousel-control {
display: none;
}
}
@media (max-width: 320px) {
.carousel .carousel-inner h2 span {
font-size: 0.5em !important;
line-height: 0.9em !important;
}
.carousel .carousel-inner h3 span {
font-size: 0.6em;
line-height: 1em;
}
.vertical_menu_enabled .carousel .carousel-inner h2 span {
font-size: 0.4em !important;
line-height: 0.8em !important;
}
.vertical_menu_enabled .carousel .carousel-inner h3 span {
font-size: 0.5em;
line-height: 0.9em;
}
}
.carousel-indicators li {
background-color: #fff;
margin: 0px;
opacity: 0.4;
margin: 0px 3px;
-webkit-transition: background-color 0.3s ease-in-out, opacity 0.3s ease-in-out;
-moz-transition: background-color 0.3s ease-in-out, opacity 0.3s ease-in-out;
-o-transition: background-color 0.3s ease-in-out, opacity 0.3s ease-in-out;
-ms-transition: background-color 0.3s ease-in-out, opacity 0.3s ease-in-out;
transition: background-color 0.3s ease-in-out, opacity 0.3s 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(0.5);
opacity: 0;
}
50% {
-webkit-transform: perspective(600px) rotateX(90deg) scale(0.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(0.5);
opacity: 0;
}
50% {
-moz-transform: perspective(600px) rotateX(90deg) scale(0.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(0.5);
opacity: 0.2;
}
50% {
-o-transform: perspective(600px) rotateX(90deg) scale(0.5);
opacity: 0.2;
}
100% {
-o-transform: perspective(600px) rotateX(0deg) scale(1);
opacity: 1;
}
}
@keyframes rotate {
0% {
transform: perspective(600px) rotateX(90deg) scale(0.5);
opacity: 0;
}
50% {
transform: perspective(600px) rotateX(90deg) scale(0.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 Custom - End ==== */
.q_slider {
width: 100%;
overflow: hidden;
position: relative;
z-index: 10;
}
@media only screen and (min-width: 1000px) {
.right_side_menu_opened:not(.boxed) .carousel-inner:not(.relative_position) {
left: -270px !important;
}
}
/* ==========================================================================
End of Qode slider styles
========================================================================== */
/* ==========================================================================
Title area styles
========================================================================== */
.title_outer.animate_title_area {
overflow: hidden;
}
.title {
display: block;
width: 100%;
height: 100px;
text-align: left;
position: relative;
z-index: 101;
background-color: #5d5d5d;
}
.title.with_background_color {
background-image: none;
}
.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: flex;
align-items: center;
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 {
background-color: transparent;
}
.title .title_holder .title_full_width {
display: flex;
align-items: center;
height: 100%;
width: 100%;
}
.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;
width: 100%;
}
@media only screen and (min-width: 768px) {
.breadcrumbs_right_from_title .title_subtitle_holder,
.breadcrumbs_right_from_title .title_subtitle_holder_inner {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
.breadcrumbs_right_from_title .title_subtitle_holder .breadcrumb,
.breadcrumbs_right_from_title .title_subtitle_holder .title h1 {
margin: 0 !important;
}
}
.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;
}
.position_center.title .title_subtitle_holder {
text-align: center;
}
.position_right.title .title_subtitle_holder {
text-align: right;
}
.title h1 {
display: inline-block;
vertical-align: middle;
font-size: 54px;
line-height: 1.25em;
color: #fff;
}
.title_text_shadow .title h1 {
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
}
.title.with_title_text_bg_color h1 {
padding: 27px 57px;
margin-bottom: 23px;
}
.subtitle {
display: block;
font-family: 'Crete Round', sans-serif;
font-size: 20px;
line-height: 1.214285714285714em;
font-style: italic;
font-weight: 400;
}
.title_text_shadow .subtitle {
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
}
.title .qodef-text-above-title {
display: block;
margin-bottom: 5px;
}
.animate_title_text .title h1,
.animate_title_text .breadcrumbs_title .breadcrumb {
-webkit-animation: title-from-right 0.5s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275) 1s;
-moz-animation: title-from-right 0.5s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275) 1s;
-o-animation: title-from-right 0.5s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275) 1s;
animation: title-from-right 0.5s 1 cubic-bezier(0.175, 0.885, 0.32, 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_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;
}
.title_text_shadow .breadcrumbs .breadcrumbs_inner {
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
}
.title.standard_title .breadcrumb {
position: relative;
margin: 20px 0px 0px 0px;
}
.title.standard_title.position_center .breadcrumb {
text-align: center;
}
.title.standard_title.position_left .breadcrumb {
text-align: left;
}
.title.standard_title.position_right .breadcrumb {
text-align: right;
}
.title.without_title_text .breadcrumb {
position: static;
}
.breadcrumb {
position: absolute;
height: 100%;
top: 0;
right: 0;
}
.breadcrumbs {
display: table;
height: 100%;
width: 100%;
}
.breadcrumbs .breadcrumbs_inner {
display: table-cell;
vertical-align: middle;
}
.breadcrumb a,
.breadcrumb span {
font-size: 15px;
font-weight: 700;
color: #fff;
letter-spacing: 2px;
text-transform: uppercase;
}
.breadcrumb a {
-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;
}
.breadcrumb a:hover,
.breadcrumb span.current {
color: #a6a6a6;
}
.title.breadcrumbs_title .breadcrumb {
position: relative;
right: auto;
margin: 0px;
display: inline-block;
vertical-align: middle;
}
.touch .title.has_fixed_background {
background-attachment: scroll;
}
.content .title .container_inner {
padding: 0px !important;
}
/* ==========================================================================
End of title area styles
========================================================================== */
/* ==========================================================================
Blog
========================================================================== */
.blog_holder article {
display: inline-block;
width: 100%;
margin: 0 0 50px;
}
.blog_holder.masonry article,
.blog_holder.masonry_full_width article {
display: block;
float: left;
}
.blog_holder.blog_single article {
margin: 0;
}
.blog_holder article .post_info > span:first-child:before {
display: none;
}
body:not(.wpb-js-composer) .content .container .container_inner p,
body:not(.wpb-js-composer) .blog_single .post_content p,
.content .container .container_inner > p,
.blog_single .post_content > p {
margin-bottom: 15px;
}
body:not(.wpb-js-composer) .blog_single .post_content p:last-child,
.blog_single .post_content > p:last-child {
margin-bottom: 0;
}
.single-post .blog_single .post_content embed,
.single-post .blog_single .post_content iframe {
max-width: 100%;
}
.blog_holder article.sticky .post_text h3 a {
color: #e6ae48;
}
.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.blog_large_image article .post_image > a {
width: auto;
display: inline-block;
vertical-align: top;
}
.blog_holder article .post_text .post_text_inner {
padding: 45px 50px;
border: 1px solid transparent;
background-color: #fff;
-webkit-transition: background-color 0.3s ease-in-out;
-moz-transition: background-color 0.3s ease-in-out;
-ms-transition: background-color 0.3s ease-in-out;
-o-transition: background-color 0.3s ease-in-out;
transition: background-color 0.3s ease-in-out;
}
.blog_holder.blog_single article .post_text .post_text_inner {
padding: 30px 40px 50px 40px;
}
.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: 40px 50px;
margin: 0 0 30px 0;
}
.blog_holder.masonry article .post_text .post_text_inner,
.blog_holder.masonry_full_width article .post_text .post_text_inner {
padding: 25px 25px 35px 25px;
}
.blog_single.blog_holder article.format-link .post_content,
.blog_single.blog_holder article.format-quote .post_content {
background-color: #fff;
padding: 35px 45px;
border: 1px solid transparent;
}
.blog_holder article .post_text h5 {
margin: 0 0 10px;
color: #5d5d5d;
font-size: 18px;
margin: 0 0 20px 0;
}
.blog_holder.masonry article.sticky .post_text h5 a,
.blog_holder.masonry_full_width article.sticky .post_text h5 a {
color: #e6ae48;
}
.blog_holder article .post_text h2 .date {
color: #bebebe;
}
.blog_holder article .post_info {
display: inline-block;
width: 100%;
margin: 0 0 30px;
color: #e6ae48;
font-size: 14px;
line-height: 1.5em;
font-family: 'Crete Round', sans-serif;
font-style: italic;
}
.blog_holder article h2 {
margin: 0 0 32px 0;
word-break: break-word;
}
.blog_holder article.sticky h2 a {
color: #e6ae48;
}
.blog_holder article h2 span {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
font-style: inherit;
line-height: inherit;
letter-spacing: inherit;
text-transform: inherit;
color: inherit;
}
.blog_holder article .post_info a {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
font-style: inherit;
line-height: inherit;
letter-spacing: inherit;
text-transform: inherit;
color: #e6ae48;
-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;
}
.blog_holder article .post_info a:hover {
color: #9d9d9d;
}
.blog_holder article .post_text .post_info .post_author,
.blog_holder article .post_text .post_info .time,
.blog_holder article .post_text .post_info .post_category,
.blog_holder article .post_text .post_info .post_comments,
.blog_holder.masonry article .post_text .post_info .post_comments a {
line-height: 1em;
-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;
}
.blog_holder article .post_info > span {
padding: 0 10px 0 0;
margin: 0 10px 0 0;
}
.blog_holder article .post_info > span:before {
content: '/';
position: relative;
left: -10px;
}
.blog_holder article .post_info > span:first-child:before {
content: '';
left: 0px;
}
.blog_holder article .post_info > span:last-child {
margin: 0px;
padding: 0px;
}
.blog_holder article .post_text .post_info span i {
padding: 0 0 0 10px;
}
.blog_holder article .post_text a.more-link {
position: relative;
display: table;
margin: 35px 0 0;
}
.blog_holder article .post_text a.more-link span {
position: relative;
display: inline-block;
width: auto;
height: 34px;
line-height: 34px;
margin: 0;
padding: 0 16px;
border: 2px solid #e6ae48;
font-size: 10px;
font-weight: 700;
font-family: inherit;
text-align: left;
color: #fff;
background-color: #e6ae48;
text-decoration: none;
cursor: pointer;
outline: none;
font-style: normal;
text-transform: uppercase;
text-shadow: none;
letter-spacing: 2px;
white-space: nowrap;
vertical-align: middle;
-webkit-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
-moz-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
-ms-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
-o-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
-webkit-box-sizing: initial !important;
-moz-box-sizing: initial !important;
box-sizing: initial !important;
}
.blog_holder article .post_text a.more-link:hover span {
color: #e6ae48;
background-color: transparent;
border-color: #e6ae48;
}
.blog_holder article .post_text .post_social {
margin: 35px 0 0 0;
display: inline-block;
vertical-align: middle;
width: 100%;
}
.blog_single.blog_holder article .post_text .post_social {
margin: 60px 0 0 0;
}
.blog_holder article .post_social .post_comments,
.blog_holder article .post_social .blog_share {
margin: 0 20px 0 0;
}
.blog_holder article .post_social .post_comments,
.blog_holder article .post_social .blog_like,
.blog_holder article .post_social .blog_share {
display: block;
width: 40px;
float: left;
text-align: center;
}
.blog_holder article .post_social .post_comments i,
.blog_holder article .post_social .blog_like i,
.blog_holder article .post_social .social_share_holder > a > i {
display: block;
width: 36px;
height: 36px;
background-color: #e6ae48;
border-radius: 25px;
color: #fff;
line-height: 36px;
font-size: 13px;
-webkit-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
-moz-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
-ms-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
-o-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
.blog_holder article .post_social .post_comments span,
.blog_holder article .post_social .blog_like span,
.blog_holder article .post_social .blog_share .social_share_title {
display: block;
color: #8b8b8b;
font-size: 13px;
line-height: 15px;
margin-top: 10px;
font-weight: 700;
-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;
}
.blog_holder article .post_social .post_comments:hover i,
.blog_holder article .post_social .blog_like:hover i,
.blog_holder article .post_social .blog_like .liked i,
.blog_holder article .post_social .social_share_holder > a:hover > i {
background-color: #5d5d5d;
}
.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 .post_description {
margin: 2px 0 10px;
}
.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: #e6ae48;
}
.blog_holder article .post_info .qbutton.dark {
text-transform: none;
}
.blog_share {
display: inline-block;
}
.blog_holder article.format-quote .post_text .post_title h3,
.blog_holder article.format-link .post_text .post_title h3 {
font-size: 20px;
-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;
}
.blog_holder article.format-quote .post_text .quote_author {
display: block;
margin: 16px 0 0;
font-size: 22px;
line-height: 1.538461538461538em;
color: #5d5d5d;
-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;
}
.blog_holder article.format-link .post_text .post_text_inner:hover,
.blog_holder article.format-quote .post_text .post_text_inner:hover {
background-color: #e6ae48;
}
.blog_holder.blog_single article.format-link .post_text .post_info a:hover,
.blog_holder.blog_single article.format-quote .post_text .post_info a:hover {
color: #9d9d9d;
}
.blog_holder article.format-link .post_text .post_text_inner:hover .post_info,
.blog_holder article.format-quote .post_text .post_text_inner:hover .post_info .time,
.blog_holder article.format-link .post_text .post_text_inner:hover .post_info .time,
.blog_holder article.format-link .post_text .post_text_inner:hover .post_info a,
.blog_holder article.format-quote .post_text .post_text_inner:hover .post_info,
.blog_holder article.format-quote .post_text .post_text_inner:hover .post_info a,
.blog_holder.blog_single article.format-link .post_text .post_text_inner:hover .post_info a:hover,
.blog_holder.blog_single article.format-quote .post_text .post_text_inner:hover .post_info a:hover,
.blog_holder article.format-quote .blog_like a:hover span,
.blog_holder article.format-quote .post_text .post_text_inner:hover .quote_author,
.blog_holder article.format-link .blog_like a:hover span,
.blog_holder article.format-quote .post_text .post_text_inner:hover p a,
.blog_holder article.format-link .post_text .post_text_inner:hover p a,
.blog_holder article.format-quote .post_text .post_text_inner:hover .post_title h3,
.blog_holder article.format-link .post_text .post_text_inner:hover .post_title h3,
.blog_holder article.format-quote .post_text .post_text_inner:hover .post_title h3 a,
.blog_holder article.format-link .post_text .post_text_inner:hover .post_title h3 a,
.blog_holder.masonry article.format-quote .post_text .post_text_inner:hover .post_author > a,
.blog_holder.masonry article.format-link .post_text .post_text_inner:hover .post_author > a,
.blog_holder.masonry_full_width article.format-quote .post_text .post_text_inner:hover .post_author > a,
.blog_holder.masonry_full_width article.format-link .post_text .post_text_inner:hover .post_author > a,
.blog_holder.masonry article.format-quote .post_text_inner:hover .post_author,
.blog_holder.masonry article.format-link .post_text .post_text_inner:hover .post_author,
.blog_holder.pinterest_full_width article.format-link .post_text .post_text_inner:hover .post_comments,
.blog_holder.masonry_full_width article.format-quote .post_text .post_text_inner:hover .post_author,
.blog_holder.masonry_full_width article.format-link .post_text .post_text_inner:hover .post_author,
.blog_holder article.format-link .post_text .post_text_inner:hover .post_social .post_comments span,
.blog_holder article.format-link .post_text .post_text_inner:hover .post_social .blog_like span,
.blog_holder article.format-link .post_text .post_text_inner:hover .post_social .blog_share .social_share_title,
.blog_holder article.format-quote .post_text .post_text_inner:hover .post_social .post_comments span,
.blog_holder article.format-quote .post_text .post_text_inner:hover .post_social .blog_like span,
.blog_holder article.format-quote .post_text .post_text_inner:hover .post_social .blog_share .social_share_title,
.blog_holder.pinterest_full_width article.format-quote .post_text .post_text_inner .quote_autho {
color: #fff;
}
.blog_holder.masonry article.format-quote .post_text_inner:hover .qoute_mark,
.blog_holder.masonry article.format-link .post_text .post_text_inner:hover .link_mark,
.blog_holder.masonry_full_width article.format-quote .post_text .post_text_inner:hover .qoute_mark,
.blog_holder.masonry_full_width article.format-link .post_text .post_text_inner:hover .link_mark,
.blog_holder article.format-link .post_text .post_text_inner:hover .post_social .post_comments i,
.blog_holder article.format-link .post_text .post_text_inner:hover .post_social .blog_like i,
.blog_holder article.format-link .post_text .post_text_inner:hover .post_social .social_share_holder > a > i,
.blog_holder article.format-quote .post_text .post_text_inner:hover .post_social .post_comments i,
.blog_holder article.format-quote .post_text .post_text_inner:hover .post_social .blog_like i,
.blog_holder article.format-quote .post_text .post_text_inner:hover .post_social .social_share_holder > a > i {
background-color: #fff;
color: #e6ae48;
}
.blog_holder article.format-link .post_text .post_text_inner:hover .post_social .post_comments:hover i,
.blog_holder article.format-link .post_text .post_text_inner:hover .post_social .social_share_holder > a:hover > i,
.blog_holder article.format-link .post_text .post_text_inner:hover .post_social .blog_like:hover i,
.blog_holder article.format-quote .post_text .post_text_inner:hover .post_social .post_comments:hover i,
.blog_holder article.format-quote .post_text .post_text_inner:hover .post_social .social_share_holder > a:hover > i,
.blog_holder article.format-quote .post_text .post_text_inner:hover .post_social .blog_like:hover i,
.blog_holder article.format-quote .post_text .post_text_inner:hover .post_social .blog_like .liked i,
.blog_holder article.format-link .post_text .post_text_inner:hover .post_social .blog_like .liked i {
background-color: #5d5d5d;
}
.blog_holder.masonry article.format-quote .post_text_inner h3,
.blog_holder.masonry article.format-link .post_text .post_text_inner h3,
.blog_holder.masonry_full_width article.format-quote .post_text .post_text_inner h3,
.blog_holder.masonry_full_width article.format-link .post_text .post_text_inner h3,
.blog_holder.masonry article.format-quote .post_text_inner .quote_author,
.blog_holder.masonry_full_width article.format-quote .post_text .post_text_inner .quote_author {
font-size: 17px;
line-height: 1.47em;
margin: 0;
}
.blog_holder.masonry article.format-quote .post_text_inner .qoute_mark,
.blog_holder.masonry_full_width article.format-link .post_text .post_text_inner .link_mark,
.blog_holder.masonry article.format-link .post_text .post_text_inner .link_mark,
.blog_holder.masonry_full_width article.format-quote .post_text .post_text_inner .qoute_mark {
background-color: #e6ae48;
border-radius: 30px;
color: #fff;
height: 48px;
line-height: 48px;
text-align: center;
width: 48px;
margin: 0 0 25px 0;
-webkit-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
-moz-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
-ms-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
-o-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
.blog_holder.masonry article.format-quote .post_text_inner .qoute_mark,
.blog_holder.masonry_full_width article.format-quote .post_text .post_text_inner .qoute_mark {
font-size: 27px;
}
.blog_holder.masonry article.format-link .post_text .post_text_inner .link_mark,
.blog_holder.masonry_full_width article.format-link .post_text .post_text_inner .link_mark {
font-size: 17px;
}
/*Blog chequered list style - start */
.blog_holder.blog_chequered article {
width: 25%;
display: inline-block;
float: left;
margin-bottom: 0;
padding-bottom: 0;
opacity: 0;
-webkit-transition: opacity 0.2s ease-out;
-moz-transition: opacity 0.2s ease-out;
transition: opacity 0.2s ease-out;
border-bottom: 1px solid #e9e9e9;
border-right: 1px solid #e9e9e9;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
@media only screen and (min-width: 1400px) {
.blog_holder.blog_chequered article:nth-child(4n) {
border-right: 0;
}
}
.blog_holder.blog_chequered article .qodef-post-content {
-webkit-background-size: cover;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
position: relative;
}
.blog_holder.blog_chequered article .qodef-post-content .qodef-post-content-overlay {
position: absolute;
display: inline-block;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.blog_holder.blog_chequered article .qodef-post-content-inner {
padding: 60px 75px 50px 60px;
}
.blog_holder.blog_chequered article.format-quote .qodef-post-text,
.qodef-blog-holder.qodef-blog-type-chequered article.format-link .qodef-post-text {
padding: 0;
background-color: transparent;
}
.blog_holder.blog_chequered article .qodef-post-text {
position: relative;
display: table;
table-layout: fixed;
height: 100%;
width: 100%;
}
.blog_holder.blog_chequered article .qodef-post-text-inner {
position: relative;
display: table-cell;
height: 100%;
width: 100%;
vertical-align: middle;
text-align: left;
}
.blog_holder.blog_chequered article .qodef-post-title {
margin-bottom: 17px;
}
.blog_holder.blog_chequered article .qodef-post-title a {
color: inherit;
}
.blog_holder.blog_chequered article .qodef-post-title .time {
color: #e6ae48;
}
.blog_holder.blog_chequered article .post_info {
margin-bottom: 27px;
}
.blog_holder.blog_chequered article .post_excerpt {
margin-top: 0;
margin-bottom: 18px;
}
.blog_holder.blog_chequered article .quote_author {
margin-top: 10px;
width: 100%;
}
.blog_holder.blog_chequered article.qodef-with-bg-image .qodef-post-content-overlay {
background-color: rgba(0, 0, 0, 0.45);
}
.blog_holder.blog_chequered article.qodef-with-bg-image .qodef-post-title a {
color: #fff;
}
.blog_holder.blog_chequered article.qodef-with-bg-image .qodef-post-title a:hover {
color: #dedede;
}
.blog_holder.blog_chequered article.qodef-with-bg-color .qodef-post-title a:hover {
color: #e6ae48;
}
.blog_holder.blog_chequered article.qodef-with-bg-image .quote_author {
color: #fff;
font-size: 12px;
}
.blog_holder.blog_chequered article.qodef-with-bg-image .post_excerpt {
color: #fff;
}
.blog_holder.blog_chequered article.qodef-with-bg-image .post_info,
.blog_holder.blog_chequered article.qodef-with-bg-image .post_info a {
color: #fff;
}
.blog_holder.blog_chequered article .more-link {
color: #101010;
font-size: 14px;
letter-spacing: 0;
text-transform: none;
padding: 0;
line-height: 35px;
font-weight: 600;
}
.blog_holder.blog_chequered article .more-link:after {
content: "\f105";
font-family: FontAwesome;
margin-left: 8px;
}
.blog_holder.blog_chequered article .more-link:hover,
.blog_holder.blog_chequered article.qodef-with-bg-image .more-link:hover {
color: #a7a7a7;
}
.blog_holder.blog_chequered article .more-link span {
position: relative;
}
.blog_holder.blog_chequered article .more-link span:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 0;
border-bottom: 1px solid #a7a7a7;
-webkit-transition: width .3s ease-out;
-moz-transition: width .3s ease-out;
transition: width .3s ease-out;
}
.blog_holder.blog_chequered article .more-link:hover span:after {
width: 100%;
}
.blog_holder.blog_chequered article.qodef-with-bg-image .more-link {
color: #fff;
}
/*Blog chequered list style - end */
/*Blog animate list style - start */
.blog_holder.blog_animated {
line-height: 0;
margin-bottom: 60px;
}
.blog_holder.blog_animated article {
margin: 0;
border-bottom: 1px solid #e5e5e5;
}
.blog_holder.blog_animated article:first-child {
border-top: 1px solid #e5e5e5;
}
.blog_holder.blog_animated article .qodef-post-content-inner {
position: relative;
display: table;
width: 100%;
height: 100%;
overflow: hidden;
}
.blog_holder.blog_animated article .qodef-post-content-overlay {
background-color: #fff;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
opacity: 0;
-webkit-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
}
.blog_holder.blog_animated article:hover .qodef-post-content-overlay {
opacity: 1;
}
.blog_holder.blog_animated article .qodef-post-content-overlay span {
position: absolute;
right: 8%;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 48px;
-webkit-transition: right 0.3s ease-out;
transition: right 0.3s ease-out;
color: #333333;
}
.blog_holder.blog_animated article:hover .qodef-post-content-overlay span {
right: 5%;
}
.blog_holder.blog_animated article .qodef-post-image {
display: table-cell;
width: 150px;
height: 100%;
vertical-align: middle;
position: relative;
line-height: 0;
opacity: 0;
left: -200px;
-webkit-transition: left 0.4s ease-out, opacity 0.4s ease-out;
transition: left 0.4s ease-out, opacity 0.4s ease-out;
}
.blog_holder.blog_animated article .qodef-post-image img {
display: inline-block;
width: 100%;
}
.blog_holder.blog_animated article:hover .qodef-post-image {
left: 0;
opacity: 1;
}
.blog_holder.blog_animated article .qodef-post-text {
display: table-cell;
height: 100%;
vertical-align: middle;
position: relative;
left: -150px;
-webkit-transition: left 0.3s ease-out 0.1s;
transition: left 0.3s ease-out 0.1s;
padding-right: 100px;
}
.blog_holder.blog_animated article:hover .qodef-post-text {
left: 50px;
}
.blog_holder.blog_animated article .post_info {
margin: 0;
}
.blog_holder.blog_animated article .post_info > span:first-child:before {
display: none;
}
/*Blog animate list style - end */
/*Blog centered list style - start */
.blog_holder.blog_centered article {
border-bottom: 1px solid #c2c2c2;
margin-bottom: 50px;
padding-bottom: 21px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.blog_holder.blog_centered article.format-quote,
.blog_holder.blog_centered article.format-link {
border: 1px solid #c2c2c2;
padding: 28px 35px 29px;
}
.blog_holder.blog_centered article .post_image {
margin-bottom: 37px;
}
.blog_holder.blog_centered article .post_image a:before {
display: block;
width: 100%;
height: 100%;
content: '';
opacity: 0;
background-color: #000;
-webkit-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
position: absolute;
left: 0;
top: 0;
z-index: 9;
}
.blog_holder.blog_centered article .post_image a:hover:before {
opacity: 0.15;
}
.blog_holder.blog_centered article .post_image a.flex-prev:before,
.blog_holder.blog_centered article .post_image a.flex-next:before {
display: none;
}
.blog_holder.blog_centered article .post_text .post_text_inner {
padding: 0;
background-color: transparent;
text-align: center;
}
.blog_holder.blog_centered article:not(.format-link):not(.format-quote) .post_text .post_text_inner {
padding: 0;
}
.blog_holder.blog_centered article.format-quote .post_text .post_text_inner,
.blog_holder.blog_centered article.format-link .post_text .post_text_inner {
text-align: left;
}
.blog_holder.blog_centered article .post_text .post_category,
.blog_holder.blog_centered article .post_text .post_author,
.blog_holder.blog_centered article .post_text .post_info_bottom .time {
font-size: 12px;
color: #868686;
text-transform: uppercase;
letter-spacing: 1.8px;
}
.blog_holder.blog_centered article .post_text .post_category {
margin-bottom: 7px;
display: inline-block;
}
.blog_holder.blog_centered article .post_text .post_category a,
.blog_holder.blog_centered article .post_text .post_author a {
color: #868686;
}
.blog_holder.blog_centered article.format-quote .qodef-post-title,
.blog_holder.blog_centered article.format-link .qodef-post-title {
margin-bottom: 32px;
}
.blog_holder.blog_centered article .post_excerpt {
margin-top: 34px;
margin-bottom: 40px;
}
.blog_holder.blog_centered article .post_author {
margin-top: 9px;
display: inline-block;
}
.blog_holder.blog_centered article .post_text .qbutton.qode-blog-centered-button {
background-color: transparent;
border-width: 1px;
border-color: #313131;
height: 44px;
line-height: 44px;
padding: 0 32px;
color: #161616;
font-weight: 400;
font-size: 11px;
letter-spacing: 1.8px;
margin-bottom: 33px;
}
.blog_holder.blog_centered article .post_text .qbutton.qode-blog-centered-button:hover {
background-color: #313131;
color: #fff;
}
.blog_holder.blog_centered article .post_social .post_comments i,
.blog_holder.blog_centered article .post_social .post_comments span,
.blog_holder.blog_centered article .post_social .blog_like i,
.blog_holder.blog_centered article .post_social .blog_like span {
display: inline-block;
width: auto;
height: auto;
line-height: 14px;
font-size: 14px;
background-color: transparent;
color: #313131;
margin: 0;
vertical-align: middle;
}
.blog_holder.blog_centered article .post_social .post_comments span,
.blog_holder.blog_centered article .post_social .blog_like span {
margin-left: 2px;
}
.blog_holder.blog_centered article .post_info_bottom {
display: table;
width: 100%;
height: 100%;
}
.blog_holder.blog_centered article .post_text .post_info_bottom .time {
display: table-cell;
text-align: left;
vertical-align: middle;
width: 50%;
height: 100%;
}
.blog_holder.blog_centered article .post_text .post_info_bottom .time span {
display: inline-block;
vertical-align: middle;
line-height: 22px;
}
.blog_holder.blog_centered article .post_info_bottom .post_social {
display: table-cell;
text-align: right;
margin-top: 0;
vertical-align: middle;
width: 50%;
}
.blog_holder.blog_centered article .post_info_bottom .social_share_list_holder,
.blog_holder.blog_centered article .post_info_bottom .post_comments,
.blog_holder.blog_centered article .post_info_bottom .blog_like {
display: inline-block;
width: auto;
float: none;
}
.blog_holder.blog_centered article .post_social .post_comments,
.blog_holder.blog_centered article .post_social .blog_like {
margin: 0 0 0 15px;
}
.blog_holder.blog_centered article .post_info_bottom .social_share_list_holder ul li {
margin-top: 0;
}
.blog_holder.blog_centered article .post_info_bottom .social_share_list_holder ul li:last-child {
margin-right: 0;
}
.blog_holder.blog_centered article .post_info_bottom .social_share_list_holder ul li a {
vertical-align: middle;
line-height: 24px;
display: inline-block;
}
.blog_holder.blog_centered article .post_info_bottom .social_share_list_holder ul li i {
font-size: 14px;
line-height: 24px;
color: #313131;
vertical-align: middle;
}
/* Reset link/quote hover effect for this list type */
.blog_holder article.format-quote .post_text .post_text_inner:hover,
.blog_holder article.format-link .post_text .post_text_inner:hover {
background-color: transparent;
}
.blog_holder article.format-quote .post_text .post_text_inner:hover .quote_author {
color: initial;
}
/*Blog centered list style - end */
.blog_load_more_button_holder {
text-align: center;
padding: 10px 0 50px;
opacity: 0;
}
.blog_holder article .post_text .post_text_inner .single_links_pages {
margin: 20px 0 30px;
text-align: inherit;
}
.single_links_pages {
margin: 35px 0 0;
display: block;
text-align: center;
text-decoration: none;
}
.single_links_pages a,
.single_links_pages > span {
position: relative;
display: inline-block;
width: 33px;
height: auto;
line-height: 33px;
margin: 0;
color: #a6a6a6;
background-color: transparent;
font-family: 'Crete Round', sans-serif;
font-size: 22px;
font-style: italic;
font-weight: 400;
vertical-align: middle;
text-decoration: none;
text-transform: uppercase;
cursor: pointer;
white-space: nowrap;
outline: none;
text-shadow: none;
-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;
}
.single_links_pages > span,
.single_links_pages a:hover {
color: #393939;
}
.author_description {
display: block;
position: relative;
margin: 34px 0 0;
background-color: #fff;
padding: 28px 35px;
}
.author_description_inner {
display: block;
}
.author_description_inner .image {
display: block;
float: left;
height: 102px;
width: 102px;
}
.author_text_holder {
min-height: 102px;
padding: 0 0 0 130px;
position: relative;
}
.author_text_holder .author_name {
display: block;
margin: 0px 0 4px 0;
color: #393939;
}
.author_text_holder .author_email {
display: block;
margin: 0px 0 6px 0;
}
.single_tags {
margin: 35px 0px 0px;
}
.single_tags a,
aside.sidebar .widget .tagcloud a,
.widget .tagcloud a {
color: #a7a6a6;
border: 1px solid #a7a6a6;
padding: 0px 15px;
line-height: 32px;
height: 32px;
display: inline-block;
vertical-align: middle;
font-size: 10px !important;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 1px;
-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.2s ease-in-out;
-moz-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.2s ease-in-out;
-ms-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.single_tags a {
margin: 0 7px 5px 0;
}
aside.sidebar .widget .tagcloud a,
.widget .tagcloud a {
margin: 0 3px 5px 0;
}
.single_tags a:hover,
aside.sidebar .widget .tagcloud a:hover,
.widget .tagcloud a:hover {
color: #fff;
border-color: #9d9d9d;
background-color: #9d9d9d;
}
aside.sidebar .widget:not(.woocommerce) .q_icon_shortcode a {
color: inherit;
}
.single_tags h5 {
display: inline-block;
line-height: 36px;
}
.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: 40px 0;
margin: 0 0 0;
}
.comment_number_holder .comment_number {
color: #000;
}
.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;
margin: 30px 0 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: 30px;
background-color: #fff;
}
.comment_holder .comment .image {
display: block;
width: 102px;
height: 102px;
float: left;
}
.comment_holder .comment .text {
padding: 0 0 0 130px;
min-height: 102px;
position: relative;
}
.comment_holder .comment.pingback-comment .text {
padding-left: 0;
min-height: auto;
}
.comment_holder .comment .text .comment_date {
line-height: 20px;
font-size: 14px;
float: left;
font-style: italic;
color: #e6ae48;
font-family: 'Crete Round', sans-serif;
}
.comment_holder .comment .text .comment_info {
display: inline-block;
vertical-align: center;
width: 100%;
}
.comment_holder .comment .text .name {
float: left;
margin: 0 10px 0 0;
color: #393939;
}
.comment_holder .comment .text .replay,
.comment_holder .comment .text .comment-reply-link {
color: #e6ae48;
font-size: 13px;
font-weight: 700;
float: right;
text-transform: uppercase;
}
.comment_holder .comment .text .replay:hover,
.comment_holder .comment .text .comment-reply-link:hover {
color: #393939;
}
.comment_holder .comment .text .text_holder {
display: block;
margin: 25px 0 0 0;
}
.comment_holder .comment .text .text_holder ul li,
.comment_holder .comment .text .text_holder ol li {
display: list-item;
}
.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 0px 18px 0px;
border-bottom: none;
}
.comment_holder .comment-list li ul.children li:last-child {
margin: 0px;
}
@media only screen and (max-width: 680px) {
.comment_holder .comment .image {
float: none;
display: block;
margin-bottom: 35px;
}
.comment_holder .comment .text {
padding-left: 0;
min-height: auto;
}
.comment_holder .comment-list li ul.children {
padding-left: 0;
}
}
#respond h3 {
margin: 0 0 15px 0;
}
#respond h3.comment-reply-title {
margin: 0;
}
#respond small {
display: block;
margin: 0 0 30px;
position: relative;
}
.comment_holder .comment .comment-respond {
margin-top: 40px;
}
#respond textarea,
#respond input[type='text'],
#respond input[type='email'],
.contact_form input[type='text'],
.contact_form textarea,
.post-password-form input[type='password'] {
position: relative;
width: 100%;
margin: 0 0 15px 0;
padding: 10px 17px;
outline: 0;
resize: none;
font-family: inherit;
font-size: inherit;
line-height: 18px;
background-color: #fff;
color: #8d8d8d;
border: 1px solid #ededed;
border-radius: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
}
#respond textarea {
padding: 15px 17px;
}
.post-password-form input[type='password'] {
display: block;
max-width: 420px;
margin: 20px 0;
}
.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;
}
#respond textarea:focus,
#respond input[type='text']:focus,
.contact_form input[type='text']:focus,
.contact_form textarea:focus,
.post-password-form input[type='password']:focus {
color: #393939;
border-color: #e6ae48;
}
#respond textarea:focus::-webkit-input-placeholder,
#respond input[type='text']:focus::-webkit-input-placeholder,
.contact_form input[type='text']:focus::-webkit-input-placeholder,
.contact_form textarea:focus::-webkit-input-placeholder,
.post-password-form input[type='password']:focus::-webkit-input-placeholder {
color: #8d8d8d;
}
#respond textarea:focus:-moz-placeholder,
#respond input[type='text']:focus:-moz-placeholder,
.contact_form input[type='text']:focus:-moz-placeholder,
.contact_form textarea:focus:-moz-placeholder,
.post-password-form input[type='password']:focus:focus:-moz-placeholder {
color: #8d8d8d;
}
#respond textarea:focus::-moz-placeholder,
#respond input[type='text']:focus::-moz-placeholder,
.contact_form input[type='text']:focus::-moz-placeholder,
.contact_form textarea:focus::-moz-placeholder,
.post-password-form input[type='password']:focus::-moz-placeholder {
color: #8d8d8d;
}
#respond textarea:focus:-ms-input-placeholder,
#respond input[type='text']:focus:-ms-input-placeholder,
.contact_form input[type='text']:focus:-ms-input-placeholder,
.contact_form textarea:focus:-ms-input-placeholder,
.post-password-form input[type='password']:focus:-ms-input-placeholder {
color: #8d8d8d;
}
div.comment_form {
display: inline-block;
margin: 0 0 40px;
width: 100%;
padding: 0;
}
div.comment_form form p.form-submit,
div.comment_holder .comment p.form-submit {
margin: 0;
}
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;
font-size: 12px;
font-weight: 400;
}
div.comment_form form p.logged-in-as a {
color: #e6ae48;
}
div.comment_form form p.logged-in-as a:hover {
color: #9d9d9d;
}
#cancel-comment-reply-link {
margin: 0px;
display: inline-block;
width: 100%;
}
body.page-template-blog-masonry-full-width-php .content .full_width,
body.archive .content .full_width {
padding: 44px 20px 25px 45px;
}
body.page-template-blog-pinterest-full-width-php .content .full_width {
padding: 80px 20px 25px 115px;
}
.blog_holder.masonry,
.blog_holder.masonry_full_width {
margin-bottom: 20px;
transition: none !important;
overflow: visible !important;
opacity: 0;
filter: alpha(opacity=0);
}
.blog_holder.masonry .post_author_holder,
.blog_holder.masonry_full_width .post_author_holder {
display: block;
margin: 20px 0 0 0;
}
.blog_holder.masonry .post_author,
.blog_holder.masonry .post_author a,
.blog_holder.masonry_full_width .post_author,
.blog_holder.masonry_full_width .post_author a {
position: relative;
display: inline-block;
vertical-align: middle;
color: #393939;
font-style: italic;
font-family: 'Crete Round', sans-serif;
-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;
}
.blog_holder.masonry .post_author > span {
display: inline-block;
vertical-align: middle;
}
.blog_holder.masonry .post_author:hover,
.blog_holder.masonry .post_author a:hover,
.blog_holder.masonry_full_width .post_author:hover,
.blog_holder.masonry_full_width .post_author a:hover {
color: #e6ae48;
}
.blog_holder.masonry .post_author i,
.blog_holder.masonry_full_width .post_author i {
margin: 0 5px 0 0;
}
#infscr-loading {
position: absolute;
bottom: -35px;
left: 50%;
}
.blog_infinite_scroll_button {
display: none;
}
.blog_holder.masonry article,
.blog_holder.masonry_full_width article {
width: 31.2%;
margin: 0 0 20px;
padding: 0;
text-align: left;
vertical-align: top;
z-index: 100;
}
.blog_holder.masonry_full_width article {
width: 18.7%;
}
.blog_holder.masonry_full_width.pinterest_full_width article {
width: 20%;
margin: 0 0 70px;
}
.two_columns_75_25 .blog_holder.masonry article,
.two_columns_66_33 .blog_holder.masonry article,
.two_columns_33_66 .blog_holder.masonry article,
.two_columns_25_75 .blog_holder.masonry article {
width: 48%;
}
.blog_holder.masonry article:hover,
.blog_holder.masonry_full_width article:hover {
z-index: 200;
}
.blog_holder.masonry article .post_image {
margin: 0;
padding: 0px;
width: auto;
}
.blog_holder article .post_image a .post_overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100;
background-color: #e6ae48;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
}
.blog_holder article .post_image a:hover .post_overlay {
opacity: 1;
filter: alpha(opacity=100);
}
.blog_holder article .post_image a .icon_plus {
position: absolute;
top: 50%;
left: 50%;
background-color: #fff;
border-radius: 25px;
width: 36px;
height: 36px;
color: #393939;
text-align: center;
line-height: 36px;
margin: -18px 0 0 -18px;
font-size: 24px;
}
.blog_holder.masonry article .post_info {
margin: 0 0 7px 0;
}
.blog_holder.masonry article .post_info a:hover,
.blog_holder.masonry_full_width article .post_info a:hover {
color: #e6ae48;
}
.blog_holder.masonry article .post_info .social_share_dropdown a,
.blog_holder.masonry_full_width article .post_info .social_share_dropdown a {
margin: 0;
font-weight: normal;
}
.blog_holder.masonry article .post_info .social_share_dropdown a:hover,
.blog_holder.masonry_full_width article .post_info .social_share_dropdown a:hover {
color: #fff;
}
.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 article.format-quote h3 {
margin: 0 0 10px;
line-height: 35px;
}
.blog_holder.masonry article h4,
.blog_holder.masonry_full_width article h4 {
font-size: 15px;
margin: 0 0 15px;
}
.blog_holder.masonry article h4 a,
.blog_holder.masonry_full_width article h4 a {
color: #393939;
}
.blog_holder.masonry article h4 a:hover,
.blog_holder.masonry_full_width article h4 a:hover {
color: #e6ae48;
}
.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;
}
.isotope-item {
z-index: 2;
}
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
}
/**** Isotope CSS3 transitions ****/
.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 pinterest style start---------------------------------------------*/
.blog_holder.pinterest_full_width .post_text_inner {
text-align: center;
}
.blog_holder.pinterest_full_width .post_author_holder {
display: inline-block;
width: 100%;
vertical-align: middle;
}
.blog_holder.pinterest_full_width .post_author {
float: left;
}
.blog_holder.pinterest_full_width .post_comments {
float: right;
}
.blog_holder.pinterest_full_width article .post_text .post_text_inner {
padding: 30px 25px 35px 25px;
}
.blog_holder.pinterest_full_width article h4 {
margin: 0 0 5px 0;
}
.blog_holder.pinterest_full_width article .post_info {
margin: 0 0 20px;
}
.blog_holder.pinterest_full_width .post_author_holder {
margin: 23px 0 0 0;
}
.blog_holder.pinterest_full_width .post_text_inner {
text-align: center;
}
.blog_holder.pinterest_full_width .post_text_inner a.more-link {
display: inline-block;
}
.blog_holder.pinterest_full_width article .post_text .post_text_inner {
padding: 38px 40px 20px 40px;
}
.blog_holder.pinterest_full_width article article .post_info {
margin-bottom: 18px;
}
.blog_holder.masonry_full_width.pinterest_full_width article.format-quote .post_text .post_text_inner .quote_author {
margin-top: 22px;
font-size: 12px;
line-height: 29px;
letter-spacing: 0.2px;
font-weight: 600;
font-style: normal;
text-transform: uppercase;
}
/*-----------------------------------------Blog pinterest style end---------------------------------------------*/
/* Blog Loading styles
========================================================================== */
.blog_holder.blog_appear_from_bottom article {
opacity: 0;
-webkit-transform: translateY(80px);
-moz-transform: translateY(80px);
transform: translateY(80px);
}
.blog_holder.blog_appear_from_bottom article.show {
-webkit-transition: opacity 0.8s cubic-bezier(0.34, 0.52, 0.57, 1.04), -webkit-transform 0.8s cubic-bezier(0.34, 0.52, 0.57, 1.04);
transition: opacity 0.8s cubic-bezier(0.34, 0.52, 0.57, 1.04), transform 0.8s cubic-bezier(0.34, 0.52, 0.57, 1.04);
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
transform: translateY(0);
visibility: visible;
}
/* Blog Loading styles end
========================================================================== */
/*************************** BLOG END **************************/
/* ==========================================================================
Latest posts styles
========================================================================== */
.latest_post_holder {
display: inline-block;
width: 100%;
}
.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.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 {
clear: both;
}
.latest_post_holder.boxes > 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;
}
.latest_post_holder.boxes.one_column > ul > li {
float: none;
margin: 0 !important;
}
.latest_post_holder.boxes.two_columns > ul > li {
width: 49%;
}
.latest_post_holder.boxes.three_columns > ul > li {
width: 32%;
}
.latest_post_holder.boxes.four_columns > ul > li {
width: 23.5%;
}
.latest_post_holder.boxes.five_columns > ul > li {
width: 18.4%;
}
.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.boxes.five_columns > ul > li:nth-child(5n) {
margin-right: 0;
}
.latest_post_holder.boxes:not(.one_row) > ul > li {
margin-bottom: 25px;
}
.latest_post_holder.boxes > ul > li .latest_post {
padding: 22px 25px 31px;
background-color: #fff;
}
.latest_post_holder.image_in_box h4.latest_post_title {
font-size: 15px;
font-weight: 500;
}
.latest_post_holder.image_in_box .post_info_section_holder {
display: block;
}
.latest_post_holder .latest_post_title a {
color: #393939;
}
.latest_post_holder .latest_post_title a:hover {
color: #e6ae48;
}
.latest_post_holder.boxes > ul > li .latest_post p.excerpt {
margin: 13px 0 19px;
}
.latest_post_holder .post_info_section {
position: relative;
display: inline-block;
vertical-align: middle;
padding: 0 10px;
margin: 0 0 6px;
}
.latest_post_holder.image_in_box .post_info_section {
margin: 3px 0 0;
}
.latest_post_holder .post_info_section:first-child {
padding: 0 10px 0 0;
}
.latest_post_holder .post_info_section:before {
position: relative;
display: inline-block;
vertical-align: middle;
left: -10px;
content: '/';
line-height: 22px;
color: #e6ae48;
}
.latest_post_holder .post_info_section:first-child:before {
left: 0;
content: '';
}
.latest_post_holder .post_info_section span,
.latest_post_holder .post_info_section a {
display: inline-block;
vertical-align: middle;
font-family: 'Crete Round', sans-serif;
font-style: italic;
line-height: 22px;
color: #e6ae48;
}
.latest_post_holder.image_in_box .post_info_section span,
.latest_post_holder.image_in_box .post_info_section a,
.latest_post_holder.image_in_box .post_info_section:before {
color: #a6a6a6;
font-size: 14px;
}
.latest_post_holder.image_in_box .post_info_section a span {
-webkit-transition: color .3s ease-in-out;
-moz-transition: color .3s ease-in-out;
-o-transition: color .3s ease-in-out;
-ms-transition: color .3s ease-in-out;
transition: color .3s ease-in-out;
}
.latest_post_holder.image_in_box .post_info_section a:hover,
.latest_post_holder.image_in_box .post_info_section a:hover span {
color: #393939;
}
.latest_post_holder .post_author_holder {
display: block;
margin: 20px 0 0 0;
}
.latest_post_holder .post_author,
.latest_post_holder a.post_author_link {
color: #393939;
font-style: italic;
font-family: 'Crete Round', sans-serif;
}
.latest_post_holder .post_author a.post_author_link:hover {
color: #e6ae48;
}
.latest_post_holder.boxes .boxes_image {
overflow: hidden;
}
.latest_post_holder.boxes .boxes_image a img {
vertical-align: top;
}
.latest_post_holder .boxes_image a .latest_post_overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100;
background-color: #e6ae48;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
}
.latest_post_holder .boxes_image a:hover .latest_post_overlay {
opacity: 1;
filter: alpha(opacity=100);
}
.latest_post_holder .latest_post_overlay .icon_plus {
position: absolute;
top: 50%;
left: 50%;
width: 36px;
height: 36px;
background-color: #fff;
border-radius: 2em;
color: #393939;
text-align: center;
line-height: 36px;
margin: -18px 0 0 -18px;
font-size: 24px;
}
.latest_post,
.latest_post_holder.boxes .boxes_image a,
.latest_post > a,
.latest_post a img {
display: block;
position: relative;
}
.latest_post_image {
width: 125px;
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 146px;
}
.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 !important;
}
/* ==========================================================================
Audio styles
========================================================================== */
.blog_holder .mejs-container,
.portfolio_single .mejs-container {
position: relative;
text-align: left;
vertical-align: top;
text-indent: 0;
background-color: #efefef;
font-family: inherit;
}
.blog_holder .mejs-container *,
.portfolio_single .mejs-container * {
font-family: inherit;
}
.blog_holder .mejs-container.mejs-audio,
.portfolio_single .mejs-container.mejs-audio {
height: 80px !important;
}
.blog_holder.masonry .mejs-container {
border: none;
}
.blog_holder.small_images article .post_text .post_inner .mejs-container {
margin: 0 0 15px;
}
/* Start: LAYERS */
.blog_holder.masonry .mejs-mediaelement {
border: none;
}
/* End: LAYERS */
/* Start: CONTROL BAR */
.blog_holder .mejs-container .mejs-controls,
.portfolio_single .mejs-container .mejs-controls {
position: absolute;
list-style-type: none;
margin: 0;
padding: 0;
bottom: 0;
left: 0;
height: 80px;
width: 100%;
background: transparent;
}
.blog_holder .mejs-container .mejs-controls div,
.portfolio_single .mejs-container .mejs-controls div {
list-style-type: none;
background-image: none;
display: block;
float: left;
margin: 0;
padding: 0;
width: 35px;
height: 80px;
border: 0;
font-size: inherit;
line-height: inherit;
font-family: inherit;
}
.blog_holder .mejs-controls .mejs-button button,
.portfolio_single .mejs-controls .mejs-button button {
cursor: pointer;
display: block;
font-size: 0;
line-height: 0;
text-decoration: none;
margin: 34px 15px 33px 15px;
padding: 0;
position: absolute;
width: 14px;
height: 13px;
border: 0;
background: transparent;
}
/* :focus for accessibility */
.blog_holder .mejs-controls .mejs-button button:focus,
.portfolio_single .mejs-controls .mejs-button button:focus {
outline: none;
}
/* End: CONTROL BAR */
/* Start: Time (Current / Duration) */
.blog_holder .mejs-container .mejs-controls .mejs-time,
.portfolio_single .mejs-container .mejs-controls .mejs-time {
color: #5d5d5d;
display: block;
height: 80px;
width: auto;
padding: 0;
overflow: hidden;
text-align: center;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.blog_holder .mejs-container .mejs-controls .mejs-time span,
.portfolio_single .mejs-container .mejs-controls .mejs-time span {
color: #5d5d5d;
font-size: 15px;
font-weight: 700;
line-height: 80px;
display: block;
float: left;
margin: 0;
width: 39px;
}
/* End: Time (Current / Duration) */
/* Start: Play/Pause/Stop */
.blog_holder .mejs-controls .mejs-play button,
.portfolio_single .mejs-controls .mejs-play button,
.blog_holder .mejs-controls .mejs-replay button,
.portfolio_single .mejs-controls .mejs-replay button {
background-image: url(img/audio/play.png);
background-repeat: no-repeat;
background-position: center;
}
.blog_holder .mejs-controls .mejs-pause button,
.portfolio_single .mejs-controls .mejs-pause button {
background-image: url(img/audio/pause.png);
background-repeat: no-repeat;
background-position: center;
}
.blog_holder .mejs-controls .mejs-stop button,
.portfolio_single .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 */
.blog_holder .mejs-controls .mejs-time-rail span,
.portfolio_single .mejs-controls .mejs-time-rail span {
display: block;
position: absolute;
height: 16px;
margin: 32px 15px;
cursor: pointer;
}
.blog_holder .mejs-controls .mejs-time-rail .mejs-time-hovered,
.portfolio_single .mejs-controls .mejs-time-rail .mejs-time-hovered {
margin: 0;
}
.blog_holder .mejs-controls .mejs-time-rail .mejs-time-total,
.portfolio_single .mejs-controls .mejs-time-rail .mejs-time-total {
width: calc(100% - 30px);
background-color: #5d5d5d;
}
.blog_holder .mejs-controls .mejs-time-rail .mejs-time-loaded,
.portfolio_single .mejs-controls .mejs-time-rail .mejs-time-loaded {
margin: 0;
background-color: #5d5d5d;
}
.blog_holder .mejs-controls .mejs-time-rail .mejs-time-handle,
.portfolio_single .mejs-controls .mejs-time-rail .mejs-time-handle {
display: none;
position: absolute;
margin: 0;
width: 10px;
background-color: #e6ae48;
cursor: pointer;
top: 0;
text-align: center;
}
.blog_holder .mejs-controls .mejs-time-rail .mejs-time-current,
.portfolio_single .mejs-controls .mejs-time-rail .mejs-time-current {
background-color: #e6ae48;
margin: 0px;
}
.blog_holder .mejs-controls .mejs-time-rail .mejs-time-float,
.portfolio_single .mejs-controls .mejs-time-rail .mejs-time-float {
position: absolute;
display: none;
top: -28px;
margin: 0;
text-align: center;
color: #000;
font-size: 10px;
background: transparent;
border: 0;
}
.blog_holder .mejs-controls .mejs-time-rail .mejs-time-float-current,
.portfolio_single .mejs-controls .mejs-time-rail .mejs-time-float-current {
margin: 2px;
width: 30px;
display: block;
text-align: center;
left: 0;
}
.blog_holder .mejs-controls .mejs-time-rail .mejs-time-float-corner,
.portfolio_single .mejs-controls .mejs-time-rail .mejs-time-float-corner {
display: none;
}
/* End: Progress Bar */
/* Start: Mute/Volume */
.blog_holder .mejs-controls .mejs-offscreen,
.portfolio_single .mejs-controls .mejs-offscreen {
display: none;
}
.blog_holder .mejs-controls .mejs-volume-button,
.portfolio_single .mejs-controls .mejs-volume-button {
background-image: url(img/audio/sound.png);
background-repeat: no-repeat;
background-position: center;
}
.blog_holder .mejs-controls .mejs-mute button,
.portfolio_single .mejs-controls .mejs-mute button {
background-image: url(img/audio/sound.png);
background-repeat: no-repeat;
background-position: center;
}
.blog_holder .mejs-controls .mejs-unmute button,
.portfolio_single .mejs-controls .mejs-unmute button {
background-image: url(img/audio/mute.png);
background-repeat: no-repeat;
background-position: center;
}
.blog_holder .mejs-controls .mejs-volume-button,
.portfolio_single .mejs-controls .mejs-volume-button {
position: relative;
}
.blog_holder .mejs-controls .mejs-volume-button button,
.portfolio_single .mejs-controls .mejs-volume-button button {
width: 14px;
height: 15px;
margin: 33px 6px 33px 11px;
}
.blog_holder .mejs-controls .mejs-volume-button .mejs-volume-slider,
.portfolio_single .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;
}
.blog_holder .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total,
.portfolio_single .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {
position: absolute;
left: 11px;
top: 8px;
width: 2px;
height: 100px;
margin: 0;
}
.blog_holder .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current,
.portfolio_single .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
position: absolute;
left: 11px;
top: 8px;
width: 2px;
height: 100px;
margin: 0;
}
/* horizontal version */
.blog_holder .mejs-controls div.mejs-horizontal-volume-slider,
.portfolio_single .mejs-controls div.mejs-horizontal-volume-slider {
height: 80px;
width: 45px;
position: relative;
}
.blog_holder .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.portfolio_single .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
position: absolute;
left: 0;
top: 32px;
width: 35px;
height: 16px;
margin: 0;
padding: 0;
font-size: 1px;
background-color: #5d5d5d;
}
.blog_holder .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
.portfolio_single .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
height: 100%;
background-color: #e6ae48;
}
.blog_holder .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle,
.portfolio_single .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
display: none;
}
/* End: Mute/Volume */
.blog_holder.masonry .mejs-container,
.blog_holder.masonry .mejs-container .mejs-controls,
.blog_holder.masonry .mejs-container .mejs-controls div,
.blog_holder.masonry .mejs-container .mejs-controls .mejs-time,
.blog_holder.masonry .mejs-controls div.mejs-horizontal-volume-slider,
.blog_holder.masonry .mejs-container .mejs-controls .mejs-time span,
.blog_holder.masonry_full_width .mejs-container,
.blog_holder.masonry_full_width .mejs-container .mejs-controls,
.blog_holder.masonry_full_width .mejs-container .mejs-controls div,
.blog_holder.masonry_full_width .mejs-container .mejs-controls .mejs-time,
.blog_holder.masonry_full_width .mejs-controls div.mejs-horizontal-volume-slider,
.blog_holder.masonry_full_width .mejs-container .mejs-controls .mejs-time span {
height: 60px !important;
}
.blog_holder.masonry .mejs-container .mejs-controls .mejs-time span,
.blog_holder.masonry_full_width .mejs-container .mejs-controls .mejs-time span {
line-height: 60px;
}
.blog_holder.masonry .mejs-controls .mejs-time-rail span,
.blog_holder.masonry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.blog_holder.masonry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
.blog_holder.masonry_full_width .mejs-controls .mejs-time-rail span,
.blog_holder.masonry_full_width .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.blog_holder.masonry_full_width .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
height: 12px !important;
}
.blog_holder.masonry .mejs-controls .mejs-button button,
.blog_holder.masonry_full_width .mejs-controls .mejs-button button {
margin: 24px 15px 23px 15px;
}
.blog_holder.masonry .mejs-controls .mejs-time-rail span,
.blog_holder.masonry_full_width .mejs-controls .mejs-time-rail span {
margin: 24px 15px;
}
.blog_holder.masonry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.blog_holder.masonry_full_width .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.blog_holder.masonry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
.blog_holder.masonry_full_width .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
top: 25px;
}
.blog_holder.masonry .mejs-container .mejs-controls .mejs-time span,
.blog_holder.masonry_full_width .mejs-container .mejs-controls .mejs-time span {
font-size: 14px;
}
.blog_holder.masonry .mejs-controls .mejs-time-rail .mejs-time-loaded,
.blog_holder.masonry_full_width .mejs-controls .mejs-time-rail .mejs-time-loaded,
.blog_holder.masonry .mejs-controls .mejs-time-rail .mejs-time-current,
.blog_holder.masonry_full_width .mejs-controls .mejs-time-rail .mejs-time-current {
margin: 0px;
}
.blog_holder.blog_single article.format-audio.dark .mejs-container.mejs-audio,
.blog_holder.blog_centered .mejs-container.mejs-audio {
height: 50px !important;
/* important is because default mejs script inlines height of element */
background: #161616;
}
.blog_holder.blog_single article.format-audio.dark .mejs-container .mejs-controls,
.blog_holder.blog_centered .mejs-container .mejs-controls {
box-sizing: border-box;
height: 50px;
background: transparent;
padding: 0 15px 0 0;
}
.blog_holder.blog_single article.format-audio.dark .mejs-container .mejs-controls .mejs-button,
.blog_holder.blog_centered .mejs-container .mejs-controls .mejs-button {
display: table;
height: 50px;
padding-right: 0;
width: 50px;
}
.blog_holder.blog_single article.format-audio.dark .mejs-container .mejs-controls .mejs-button.mejs-playpause-button,
.blog_holder.blog_centered .mejs-container .mejs-controls .mejs-button.mejs-playpause-button {
border-right: 1px solid #fff;
}
.blog_holder.blog_centered .format-video .mejs-container .mejs-controls .mejs-button.mejs-playpause-button {
border-right: 0;
}
.blog_holder.blog_single article.format-audio.dark .mejs-controls .mejs-button button,
.blog_holder.blog_centered .mejs-controls .mejs-button button {
background-repeat: no-repeat;
background-position: center;
display: table-cell;
height: 50px;
width: 100%;
vertical-align: middle;
margin: 0;
text-align: center;
position: inherit;
}
.blog_holder.blog_single article.format-audio.dark .mejs-controls .mejs-button button:focus,
.blog_holder.blog_centered .mejs-controls .mejs-button button:focus {
outline: none;
}
.blog_holder.blog_single article.format-audio.dark .mejs-controls .mejs-play button,
.blog_holder.blog_centered .mejs-controls .mejs-play button {
background-image: url(img/audio/play-centered.png);
}
.blog_holder.blog_single article.format-audio.dark .mejs-controls .mejs-pause button,
.blog_holder.blog_centered .mejs-controls .mejs-pause button {
background-image: url(img/audio/pause-centered.png);
}
.blog_holder.blog_single article.format-audio.dark .mejs-controls .mejs-mute button,
.blog_holder.blog_centered .mejs-controls .mejs-mute button {
background-image: url(img/audio/sound-centered.png);
}
.blog_holder.blog_single article.format-audio.dark .mejs-controls .mejs-unmute button,
.blog_holder.blog_centered .mejs-controls .mejs-unmute button {
background-image: url(img/audio/mute-centered.png);
}
.blog_holder.blog_single article.format-audio.dark .mejs-container .mejs-controls .mejs-time,
.blog_holder.blog_centered .mejs-container .mejs-controls .mejs-time {
font-size: 15px;
color: #949494;
display: table;
height: 50px;
padding: 0 10px 0 20px;
}
.blog_holder.blog_single article.format-audio.dark .mejs-container .mejs-controls .mejs-time.mejs-currenttime-container,
.blog_holder.blog_centered .mejs-container .mejs-controls .mejs-time.mejs-currenttime-container {
box-sizing: border-box;
width: 67px;
}
.blog_holder.blog_single article.format-audio.dark .mejs-container .mejs-controls .mejs-time .mejs-currenttime,
.blog_holder.blog_centered .mejs-container .mejs-controls .mejs-time .mejs-currenttime,
.blog_holder.blog_single article.format-audio.dark .mejs-container .mejs-controls .mejs-time .mejs-duration,
.blog_holder.blog_centered .mejs-container .mejs-controls .mejs-time .mejs-duration {
display: table-cell;
width: 100%;
height: 100%;
vertical-align: middle;
color: #fff;
font-size: 14px;
letter-spacing: 0;
line-height: 50px;
font-weight: 400;
}
.blog_holder.blog_single article.format-audio.dark .mejs-controls .mejs-time-rail,
.blog_holder.blog_centered .mejs-controls .mejs-time-rail {
height: 50px;
}
.blog_holder.blog_single article.format-audio.dark .mejs-controls .mejs-time-rail span,
.blog_holder.blog_centered .mejs-controls .mejs-time-rail span {
height: 9px;
}
.blog_holder.blog_single article.format-audio.dark .mejs-controls .mejs-time-rail .mejs-time-float-current,
.blog_holder.blog_centered .mejs-controls .mejs-time-rail .mejs-time-float-current {
display: none;
}
.blog_holder.blog_single article.format-audio.dark .mejs-controls .mejs-time-rail .mejs-time-total,
.blog_holder.blog_centered .mejs-controls .mejs-time-rail .mejs-time-total {
position: absolute;
top: 20px;
margin: 0 5px;
}
.blog_holder.blog_single article.format-audio.dark .mejs-controls .mejs-time-rail .mejs-time-total,
.blog_holder.blog_centered .mejs-controls .mejs-time-rail .mejs-time-total,
.blog_holder.blog_single article.format-audio.dark .mejs-controls .mejs-time-rail .mejs-time-loaded,
.blog_holder.blog_centered .mejs-controls .mejs-time-rail .mejs-time-loaded,
.blog_holder.blog_single article.format-audio.dark .mejs-controls .mejs-time-rail .mejs-time-total,
.blog_holder.blog_centered .mejs-controls .mejs-time-rail .mejs-time-total,
.blog_holder.blog_single article.format-audio.dark .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.blog_holder.blog_centered .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
background-color: #fff;
}
.blog_holder.blog_centered .mejs-controls .mejs-time-rail .mejs-time-current,
.blog_holder.blog_single article.format-audio.dark .mejs-controls .mejs-time-rail .mejs-time-current,
.blog_holder.blog_single article.format-audio.dark .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
.blog_holder.blog_centered .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
background: #d8d8d8;
}
.blog_holder.blog_single article.format-audio.dark .mejs-controls .mejs-horizontal-volume-slider,
.blog_holder.blog_centered .mejs-controls .mejs-horizontal-volume-slider {
height: 50px;
width: 70px;
}
.blog_holder.blog_single article.format-audio.dark .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.blog_holder.blog_centered .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
width: 65px;
}
.blog_holder.blog_single article.format-audio.dark .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.blog_holder.blog_centered .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.blog_holder.blog_single article.format-audio.dark .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
.blog_holder.blog_centered .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
height: 9px;
top: 20px;
}
/* End of audio styles
========================================================================== */
/* ==========================================================================
End of blog styles
========================================================================== */
/**
* Portfolio styles
*
* In this section styles for portfolios are defined and they are consisted from this sections:
* 1. Portfolio single page
* 2. Portfolio shortcode list
* 3. Portfolio slider
*/
/* ==========================================================================
1. Portfolio single styles
========================================================================== */
.portfolio_single,
.portfolio_single_text_holder,
.portfolio_detail,
.lightbox_single_portfolio {
position: relative;
}
.portfolio_single.portfolio-wide-left {
padding: 0 0 0 4.5%;
}
.portfolio_single.portfolio-wide-right {
padding: 0 4.5% 0 0;
}
.portfolio_single .portfolio_images img,
.portfolio_single .portfolio_images > a.lightbox_single_portfolio,
.portfolio_single.small-slider .flexslider,
.portfolio_single .portfolio_images .fluid-width-video-wrapper,
.portfolio_single.small-images .portfolio_images img {
display: block;
margin: 0 0 18px;
}
.portfolio_single .flexslider,
.portfolio_single .portfolio_images .fluid-width-video-wrapper:last-child,
.portfolio_single .portfolio_images > a.lightbox_single_portfolio:last-child,
.portfolio_single .portfolio_images img:last-child {
margin: 0;
}
.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.big-slider .portfolio_container,
.portfolio_single.big-images .portfolio_container,
.portfolio_single.big-images-inverted .portfolio_images,
.portfolio_single.gallery .portfolio_container {
display: block;
padding: 46px 45px 26px;
background-color: #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.portfolio_single.big-images-inverted .portfolio_images {
padding-left: 0;
padding-right: 0;
}
.portfolio_single.gallery .portfolio_container {
margin: -2% 0 0;
}
.portfolio_single h2.portfolio_single_text_title {
margin: 0 0 23px;
}
.portfolio_single h2.portfolio_single_text_title span {
color: inherit;
font-size: inherit;
line-height: inherit;
}
.portfolio_single h3.portfolio_single_text_title {
margin: 0 0 24px;
}
.portfolio_detail.portfolio_single_follow {
position: relative;
}
.portfolio_detail .info,
.portfolio_single_text_holder {
margin: 0 0 20px;
}
.portfolio_detail .info .info_section_title {
margin-bottom: 4px;
}
.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: 0;
}
.portfolio_single .social_share_list_holder ul li {
margin: 6px 12px 0 0;
}
/* ==========================================================================
# Portfolio Single Full Screen Slider - begin
========================================================================== */
.portfolio_single .fullscreen-slider {
position: relative;
}
.portfolio_single .fullscreen-slider .qodef-full-screen-slider-holder .qodef-portfolio-slide-image {
display: block;
height: 100%;
width: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.portfolio_single .fullscreen-slider .qodef-full-screen-slider-holder .owl-carousel,
.portfolio_single .fullscreen-slider .qodef-full-screen-slider-holder .owl-carousel .owl-stage-outer,
.portfolio_single .fullscreen-slider .qodef-full-screen-slider-holder .owl-carousel .owl-stage,
.portfolio_single .fullscreen-slider .qodef-full-screen-slider-holder .owl-carousel .owl-item,
.portfolio_single .fullscreen-slider .qodef-full-screen-slider-holder .qodef-portfolio-single-media,
.portfolio_single .fullscreen-slider .qodef-full-screen-slider-holder .qodef-portfolio-single-media a,
.portfolio_single .fullscreen-slider .qodef-full-screen-slider-holder .qodef-portfolio-single-media img {
height: 100%;
}
.portfolio_single .fullscreen-slider .qodef-portfolio-slider-content {
position: absolute;
left: 0;
bottom: 0;
z-index: 9;
background-color: #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 500px;
display: inline-block;
vertical-align: middle;
height: 160px;
padding: 57px 90px 40px 75px;
-webkit-transition: width 0.4s ease-out, height 0.4s ease-out;
-moz-transition: width 0.4s ease-out, height 0.4s ease-out;
transition: width 0.4s ease-out, height 0.4s ease-out;
}
.portfolio_single .fullscreen-slider .qodef-portfolio-slider-content .qodef-description {
position: absolute;
left: 0;
top: 0;
padding: 15px 90px 15px 45px;
width: 100%;
height: 100%;
box-sizing: border-box;
}
.portfolio_single .fullscreen-slider .qodef-portfolio-slider-content .qodef-description .qodef-table {
display: table;
width: 100%;
height: 100%;
}
.portfolio_single .fullscreen-slider .qodef-portfolio-slider-content .qodef-description .qodef-table .qodef-table-cell {
display: table-cell;
vertical-align: middle;
}
.portfolio_single .fullscreen-slider .qodef-portfolio-slider-content .qodef-description h2 {
font-size: 24px;
}
.portfolio_single .fullscreen-slider .qodef-portfolio-slider-content .qodef-description .info_date {
font-size: 15px;
margin-top: 3px;
}
.portfolio_single .fullscreen-slider .qodef-portfolio-slider-content .qodef-portfolio-title {
text-align: left;
margin-bottom: 46px;
}
.portfolio_single .fullscreen-slider .qodef-portfolio-slider-content .qodef-portfolio-title h2 {
font-size: 21px;
}
.portfolio_single .fullscreen-slider .qodef-portfolio-slider-content .qodef-portfolio-horizontal-holder .qodef-portfolio-content-holder {
text-align: left;
padding: 0;
}
.portfolio_single .fullscreen-slider .qodef-portfolio-slider-content .qodef-full-width-slider-holder img {
display: block;
width: auto;
}
.portfolio_single .fullscreen-slider .qodef-portfolio-slider-content .qodef-portfolio-single-nav {
margin-top: 55px;
border: none;
}
.portfolio_single .fullscreen-slider .qodef-portfolio-slider-content .qodef-portfolio-info-item .qodef-portfolio-content {
margin: 0 0 40px 0;
}
.portfolio_single .fullscreen-slider .qodef-portfolio-slider-content .qodef-portfolio-horizontal-holder .qodef-portfolio-info-holder {
border-top: none;
border-bottom: 1px solid #e0e0e0;
padding: 0 0 23px 0;
margin: 0 0 33px 0;
display: inline-block;
width: 100%;
vertical-align: middle;
}
.portfolio_single .fullscreen-slider .qodef-portfolio-slider-content .qodef-portfolio-info-holder .info {
float: left;
padding: 0 20px 0 0;
width: 20%;
box-sizing: border-box;
}
.portfolio_single .fullscreen-slider .qodef-portfolio-slider-content .qodef-control {
position: absolute;
top: 25px;
right: 23px;
font-size: 30px;
color: #e6ae48;
cursor: pointer;
-webkit-transition: opacity 0.4s ease-out;
-moz-transition: opacity 0.4s ease-out;
transition: opacity 0.4s ease-out;
}
.portfolio_single .fullscreen-slider .qodef-portfolio-slider-content .qodef-control.qodef-close {
opacity: 0;
z-index: 9;
}
.portfolio_single .fullscreen-slider .qodef-portfolio-slider-content .qodef-control.qodef-open {
opacity: 1;
z-index: 99;
}
.portfolio_single .fullscreen-slider .qodef-portfolio-slider-content:not(.opened) {
cursor: pointer;
overflow: hidden !important;
}
.portfolio_single .fullscreen-slider .qodef-portfolio-slider-content:not(.opened) .qodef-portfolio-slider-content-info {
overflow: visible !important;
}
.portfolio_single .fullscreen-slider .qodef-portfolio-slider-content .qodef-portfolio-slider-content-info {
height: 100%;
padding: 0;
overflow: hidden;
display: none;
}
.portfolio_single .fullscreen-slider .qodef-portfolio-slider-content.opened {
width: 60%;
height: 540px;
}
.portfolio_single .fullscreen-slider .qodef-portfolio-slider-content.opened .qodef-portfolio-title h2 {
font-size: 32px;
}
.portfolio_single .fullscreen-slider .qodef-portfolio-slider-content.opened .qodef-control.qodef-close {
opacity: 1;
z-index: 99;
}
.portfolio_single .fullscreen-slider .qodef-portfolio-slider-content.opened .qodef-control.qodef-open {
opacity: 0;
z-index: 9;
}
.portfolio_single .fullscreen-slider .qodef-social-share-holder.qodef-list li a:hover {
background-color: #121212;
color: #fff;
border-color: #121212;
}
.portfolio_single .fullscreen-slider .portfolio_social_holder {
margin: 25px 0 0 0;
}
/* ==========================================================================
# Portfolio Single Full Screen Slider - end
========================================================================== */
/* ==========================================================================
# Portfolio Single Full Width Slider - start
========================================================================== */
.portfolio_single.portfolio_fullwidth_slider .portfolio_owl_slider.owl-carousel .owl-item,
.portfolio_single.portfolio_fullwidth_slider_inverted .portfolio_owl_slider.owl-carousel .owl-item {
width: 100%;
}
.portfolio_single.portfolio_fullwidth_slider .portfolio_owl_slider {
opacity: 0;
margin: 40px 0 0 0;
}
.portfolio_single.portfolio_fullwidth_slider_inverted .portfolio_owl_slider {
margin: 0 0 40px;
}
.portfolio_single .owl-carousel .owl-prev,
.portfolio_single .owl-carousel .owl-next {
position: absolute;
display: block;
top: 50%;
width: 45px;
height: 45px;
line-height: 45px;
margin: -23px 0 0;
cursor: pointer;
text-align: center;
color: #fff;
font-size: 14px;
background-color: #a6a6a6;
z-index: 110;
-webkit-transition: background-color .3s ease-in-out, color .3s ease-in-out, border-color .3s ease-in-out;
-moz-transition: background-color .3s ease-in-out, color .3s ease-in-out, border-color .3s ease-in-out;
-o-transition: background-color .3s ease-in-out, color .3s ease-in-out, border-color .3s ease-in-out;
-ms-transition: background-color .3s ease-in-out, color .3s ease-in-out, border-color .3s ease-in-out;
transition: background-color .3s ease-in-out, color .3s ease-in-out, border-color .3s ease-in-out;
-webkit-box-sizing: initial;
-moz-box-sizing: initial;
box-sizing: initial;
}
.portfolio_single .owl-carousel .owl-prev:hover,
.portfolio_single .owl-carousel .owl-next:hover {
background-color: #393939;
}
.portfolio_single .owl-carousel .owl-prev {
left: 30px;
}
.portfolio_single .owl-carousel .owl-next {
right: 30px;
}
/* ==========================================================================
# Portfolio Single Full Width Slider - end
========================================================================== */
/* Portfolio single gallery template
========================================================================== */
.portfolio_gallery {
display: inline-block;
width: 100%;
position: relative;
margin: 0;
vertical-align: middle;
}
.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: rgba(255, 255, 255, 0.9);
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 .3s ease-in-out;
-moz-transition: opacity .3s ease-in-out;
-o-transition: opacity .3s ease-in-out;
-ms-transition: opacity .3s ease-in-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 h4 {
display: table-cell;
text-align: center;
vertical-align: middle;
width: 100%;
height: 100%;
margin: 0;
padding: 0px 15px;
color: #393939;
}
/* End of portfolio gallery template styles
========================================================================== */
/* Portfolio navigation styles
========================================================================== */
.portfolio_navigation {
display: inline-block;
width: 100%;
padding: 40px 0 50px;
z-index: 100;
position: relative;
text-align: center;
vertical-align: middle;
}
.portfolio_navigation_inner {
position: relative;
display: block;
height: 33px;
}
.portfolio_navigation .portfolio_prev,
.portfolio_navigation .portfolio_next,
.portfolio_navigation .portfolio_button {
position: relative;
display: inline-block;
height: 33px;
width: auto;
margin: 0;
background-color: transparent;
text-align: left;
vertical-align: middle;
cursor: pointer;
white-space: nowrap;
outline: none;
text-shadow: none;
}
.portfolio_navigation .portfolio_button {
width: 33px;
}
.portfolio_navigation .portfolio_prev {
position: absolute;
top: 0;
left: 0;
}
.portfolio_navigation .portfolio_next {
position: absolute;
top: 0;
right: 0;
}
.portfolio_navigation a {
display: block;
font-size: 30px;
line-height: 33px;
color: #a6a6a6;
-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;
}
.portfolio_navigation a:hover {
color: #393939;
}
.portfolio_navigation span {
display: block;
font-size: inherit;
line-height: inherit;
color: inherit;
}
.portfolio_navigation span:before {
display: block;
}
/* End of portfolio navigation styles
========================================================================== */
/* ==========================================================================
End of portfolio single styles
========================================================================== */
.projects_holder_outer {
margin: 0;
display: block;
width: 100%;
}
.projects_holder_outer .container .container_inner {
padding: 0;
}
.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: .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;
position: relative;
vertical-align: top;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
text-align: left;
}
.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-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,
.projects_holder article .portfolio_description {
display: block;
position: relative;
overflow: hidden;
/* because of the one pixel shortage on the right side */
}
.projects_holder.hover_text.no_space article .image_holder {
margin: 0 -1px -1px -1px;
}
.firefox_mac_browser .projects_holder.hover_text.no_space article .image_holder {
margin: 0 -2px -2px;
}
.projects_holder article .image_holder.portfolio_jg_image_link {
position: static;
display: block;
}
.projects_holder article .portfolio_description {
padding: 20px 0 27px;
background-color: #fff;
border-top: none !important;
}
.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;
}
.projects_holder.standard article .portfolio_description,
.projects_holder.standard_no_space article .portfolio_description {
padding-left: 25px;
padding-right: 25px;
}
.masonry_with_space .projects_holder article .portfolio_description {
padding: 35px 25px 43px;
}
.standard_no_space.projects_holder article .portfolio_description {
margin: 0 -1px 0 0;
}
.projects_holder article .portfolio_title,
.projects_masonry_holder article .portfolio_title {
display: block;
margin: 0 0 12px;
color: #fff;
}
.projects_holder article .portfolio_subtitle,
.projects_masonry_holder article .portfolio_subtitle {
color: #fff;
}
.projects_holder.hover_text article .portfolio_title,
.projects_masonry_holder article .portfolio_title {
margin: 0;
}
.projects_holder article .portfolio_title a {
color: #393939;
}
.projects_holder article .portfolio_title a:hover {
color: #e6ae48;
}
.projects_holder article .project_category,
.portfolio_slides .project_category,
.projects_masonry_holder .project_category {
display: block;
font-family: 'Crete Round', sans-serif;
font-size: 14px;
line-height: 1.571428571428571em;
font-style: italic;
font-weight: 400;
}
.projects_holder.standard article .project_category,
.projects_holder.standard_no_space article .project_category {
color: #a6a6a6;
}
.projects_holder.hover_text article .project_category,
.portfolio_slides .project_category,
.projects_masonry_holder .project_category {
color: #fff;
margin: 0 0 6px;
}
.projects_holder article a.portfolio_link_class,
.projects_masonry_holder article a.portfolio_link_class,
.portfolio_slides a.portfolio_link_class {
position: absolute;
top: 0;
left: 0;
display: inline-block;
vertical-align: middle;
width: 100%;
height: 100%;
background: none !important;
color: transparent !important;
z-index: 110;
}
.projects_holder article .portfolio_shader,
.projects_masonry_holder article .portfolio_shader,
.portfolio_slides .portfolio_shader {
position: absolute;
display: inline-block;
vertical-align: middle;
top: 0;
left: 0;
width: 101%;
height: 100%;
z-index: 100;
background-color: #e6ae48;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
}
.portfolio_slides .portfolio_shader {
width: 100%;
}
.projects_holder article:hover .portfolio_shader,
.projects_masonry_holder article:hover .portfolio_shader,
.portfolio_slides li:hover .portfolio_shader {
opacity: 1;
filter: alpha(opacity=100);
}
.projects_holder article .icons_holder,
.projects_masonry_holder article .icons_holder,
.portfolio_slides .icons_holder {
position: absolute;
top: 50%;
left: 50%;
display: inline-block;
width: auto;
height: 36px;
vertical-align: middle;
}
.content .content_inner > .container > .container_inner .projects_holder.standard.v6 article .icons_holder {
margin: 0 0 0 -8px;
}
.projects_holder.hover_text article .icons_holder,
.projects_masonry_holder article .icons_holder {
top: auto;
bottom: 25px;
left: 30px;
}
.portfolio_slides .icons_holder {
top: auto;
}
.projects_holder.hover_text.v2 article .icons_holder,
.projects_holder.hover_text.v3 article .icons_holder,
.portfolio_slides .icons_holder {
bottom: 45px;
left: 45px;
}
.full_width .projects_holder.hover_text.v2 article .image_holder.standard_hover .icons_holder,
.full_width .projects_holder.hover_text.v3 article .image_holder.standard_hover .icons_holder,
.full_width .projects_holder.hover_text.v4 article .image_holder.standard_hover .icons_holder {
bottom: 80px;
left: 90px;
}
.full_width .projects_holder.hover_text.v5 article .image_holder.standard_hover .icons_holder,
.full_width .projects_masonry_holder article .image_holder.standard_hover .icons_holder {
bottom: 50px;
left: 60px;
}
.full_width .projects_holder.hover_text.v6 article .image_holder.standard_hover .icons_holder {
bottom: 40px;
left: 50px;
}
.projects_holder article .icons_holder_inner,
.projects_masonry_holder article .icons_holder_inner,
.portfolio_slides .icons_holder_inner {
position: relative;
display: inline-block;
vertical-align: middle;
margin: -18px 0 0 -50%;
}
.projects_holder.hover_text article .icons_holder_inner,
.projects_masonry_holder article .icons_holder_inner,
.portfolio_slides .icons_holder_inner {
margin: 0;
}
.projects_holder article .image_holder .text_holder,
.projects_masonry_holder article .image_holder .text_holder,
.portfolio_slides .image_holder .text_holder {
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 100;
opacity: 0;
filter: alpha(opacity=0);
overflow: hidden;
padding: 25px 30px 60px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out;
-ms-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
-webkit-transform: translateZ(0px);
}
.projects_holder article .image_holder.elegant_hover .text_holder,
.projects_masonry_holder article .image_holder.elegant_hover .text_holder,
.projects_holder.v2 article .image_holder.elegant_hover .text_holder,
.projects_holder.v3 article .image_holder.elegant_hover .text_holder {
padding: 25px 30px;
}
.full_width .projects_holder.v2 article .image_holder.standard_hover .text_holder,
.full_width .projects_holder.v3 article .image_holder.standard_hover .text_holder,
.full_width .projects_holder.v4 article .image_holder.standard_hover .text_holder {
padding: 80px 90px 115px;
}
.full_width .projects_holder.v5 article .image_holder.standard_hover .text_holder,
.full_width .projects_masonry_holder article .image_holder.standard_hover .text_holder {
padding: 50px 60px 85px;
}
.full_width .projects_holder.v6 article .image_holder.standard_hover .text_holder {
padding: 40px 50px 75px;
}
.projects_holder.v2 article .image_holder .text_holder,
.projects_holder.v3 article .image_holder .text_holder,
.portfolio_slides .image_holder .text_holder {
padding: 40px 45px 80px;
}
.projects_holder article:hover .image_holder .text_holder,
.projects_masonry_holder article:hover .image_holder .text_holder,
.portfolio_slides li:hover .image_holder .text_holder {
opacity: 1;
filter: alpha(opacity=100);
}
.projects_holder article .image_holder .text_holder_inner,
.projects_masonry_holder article .image_holder .text_holder_inner {
position: relative;
display: table;
width: 100%;
height: 100%;
}
.projects_holder article .image_holder .text_holder_inner2,
.projects_masonry_holder article .image_holder .text_holder_inner2 {
position: relative;
display: table-cell;
width: 100%;
height: 100%;
vertical-align: middle;
text-align: center;
}
.projects_holder article .image_holder.move_from_left,
.projects_masonry_holder article .image_holder.move_from_left {
overflow: hidden;
position: relative;
}
.projects_holder article .image_holder.move_from_left .holder-move,
.projects_masonry_holder article .image_holder.move_from_left .holder-move {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-ms-transition: -ms-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-webkit-transform: translate3d(-102%, 0, 0);
-ms-transform: translate3d(-102%, 0, 0);
transform: translate3d(-102%, 0, 0);
}
.projects_holder article:hover .image_holder.move_from_left .holder-move,
.projects_masonry_holder article:hover .image_holder.move_from_left .holder-move {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.projects_holder article .image_holder.move_from_left .portfolio_shader,
.projects_holder article .image_holder.move_from_left .text-holder,
.projects_masonry_holder article .image_holder.move_from_left .portfolio_shader,
.projects_masonry_holder article .image_holder.move_from_left .text-holder {
filter: alpha(opacity=100);
opacity: 1;
}
.projects_holder article .image_holder.move_from_left .image,
.projects_masonry_holder article .image_holder.move_from_left .image {
-webkit-transition: -webkit-transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-ms-transition: -ms-transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
position: relative;
display: block;
overflow: hidden;
width: 100%;
}
.projects_holder article:hover .image_holder.move_from_left .image,
.projects_masonry_holder article:hover .image_holder.move_from_left .image {
-webkit-transform: translate3d(100%, 0, 0);
-ms-transform: translate3d(0%, 0, 0);
transform: translate3d(100%, 0, 0);
-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-ms-transition: -ms-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.projects_holder article .image_holder.move_from_left .holder-move .portfolio_shader,
.projects_masonry_holder article .image_holder.move_from_left .holder-move .portfolio_shader {
opacity: 1;
}
.projects_masonry_holder article .image_holder.overlapping_title_hover,
.projects_holder article .image_holder.overlapping_title_hover {
overflow: visible;
}
.projects_masonry_holder article .image_holder.overlapping_title_hover .text_holder,
.projects_holder article .image_holder.overlapping_title_hover .text_holder {
overflow: visible;
padding: 0;
background-color: rgba(255, 255, 255, 0.35);
-webkit-transition: opacity 0.15s ease-in-out;
-moz-transition: opacity 0.15s ease-in-out;
transition: opacity 0.15s ease-in-out;
}
.projects_masonry_holder article .image_holder.overlapping_title_hover .portfolio_title,
.projects_holder article .image_holder.overlapping_title_hover .portfolio_title {
color: #000000;
background-color: #fff;
position: absolute;
top: 20%;
right: -30px;
max-width: 70%;
padding: 5px 10px;
opacity: 0;
-webkit-transition: opacity 0s 0.1s;
-moz-transition: opacity 0s 0.1s;
transition: opacity 0s 0.1s;
}
.projects_masonry_holder article:hover .image_holder.overlapping_title_hover .portfolio_title,
.projects_holder article:hover .image_holder.overlapping_title_hover .portfolio_title {
opacity: 1;
}
.projects_holder article .icons_holder a,
.projects_masonry_holder article .icons_holder a,
.portfolio_slides .icons_holder a {
position: relative;
display: inline-block;
width: 36px;
height: 36px;
text-align: center;
vertical-align: middle;
margin: 0 8px;
font-size: 24px;
line-height: 36px;
color: #393939;
background-color: #fff;
border: 1px solid transparent;
border-radius: 2em;
z-index: 130;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
}
.projects_holder.hover_text article .icons_holder a,
.projects_masonry_holder article .icons_holder a,
.portfolio_slides .icons_holder a {
margin: 0 15px 0 0;
}
.projects_holder.hover_text article .icons_holder a:last-child,
.projects_masonry_holder article .icons_holder a:last-child,
.portfolio_slides .icons_holder a:last-child {
margin: 0;
}
.projects_holder article .icons_holder a.portfolio_lightbox:before,
.projects_masonry_holder article .icons_holder a.portfolio_lightbox:before,
.portfolio_slides .icons_holder a.portfolio_lightbox:before {
font-family: 'ElegantIcons';
content: "\4c";
}
.projects_holder article .icons_holder a.qode-like:before,
.projects_masonry_holder article .icons_holder a.qode-like:before,
.portfolio_slides .icons_holder a.qode-like:before {
font-family: 'ElegantIcons';
font-size: 18px;
content: "\e030";
}
.projects_holder article .icons_holder a.qode-like.liked:before,
.projects_masonry_holder article .icons_holder a.qode-like.liked:before,
.portfolio_slides .icons_holder a.qode-like.liked:before {
content: "\e089";
}
.projects_holder article:hover .icons_holder a,
.projects_masonry_holder article:hover .icons_holder a,
.portfolio_slides li:hover .icons_holder a {
opacity: 1;
filter: alpha(opacity=100);
}
.projects_holder article .icons_holder a:hover,
.projects_masonry_holder article .icons_holder a:hover,
.portfolio_slides .icons_holder a:hover {
color: #fff;
background-color: #393939;
}
.portfolio_slider,
.portfolio_slides .image_holder {
position: relative;
display: block;
-webkit-backface-visibility: hidden;
}
.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,
.safari_browser .projects_holder.v6.standard_no_space .filler,
.safari_browser .projects_holder.v6.hover_text.no_space .filler,
.firefox_mac_browser .projects_holder.v6.standard_no_space .mix,
.firefox_mac_browser .projects_holder.v6.hover_text.no_space .mix,
.firefox_mac_browser .projects_holder.v6.standard_no_space .filler,
.firefox_mac_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,
.safari_browser .projects_holder.v5.standard_no_space .filler,
.safari_browser .projects_holder.v5.hover_text.no_space .filler,
.firefox_mac_browser .projects_holder.v5.standard_no_space .mix,
.firefox_mac_browser .projects_holder.v5.hover_text.no_space .mix,
.firefox_mac_browser .projects_holder.v5.standard_no_space .filler,
.firefox_mac_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%;
}
.safari_browser .projects_holder.v4.standard_no_space .mix,
.safari_browser .projects_holder.v4.hover_text.no_space .mix,
.safari_browser .projects_holder.v4.standard_no_space .filler,
.safari_browser .projects_holder.v4.hover_text.no_space .filler,
.firefox_mac_browser .projects_holder.v4.standard_no_space .mix,
.firefox_mac_browser .projects_holder.v4.hover_text.no_space .mix,
.firefox_mac_browser .projects_holder.v4.standard_no_space .filler,
.firefox_mac_browser .projects_holder.v4.hover_text.no_space .filler {
width: 24.93%;
}
.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,
.safari_browser .projects_holder.v3.standard_no_space .filler,
.safari_browser .projects_holder.v3.hover_text.no_space .filler,
.firefox_mac_browser .projects_holder.v3.standard_no_space .mix,
.firefox_mac_browser .projects_holder.v3.hover_text.no_space .mix,
.firefox_mac_browser .projects_holder.v3.standard_no_space .filler,
.firefox_mac_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%;
}
.safari_browser .projects_holder.v2.standard_no_space .mix,
.safari_browser .projects_holder.v2.hover_text.no_space .mix,
.safari_browser .projects_holder.v2.standard_no_space .filler,
.safari_browser .projects_holder.v2.hover_text.no_space .filler,
.firefox_mac_browser .projects_holder.v2.standard_no_space .mix,
.firefox_mac_browser .projects_holder.v2.hover_text.no_space .mix,
.firefox_mac_browser .projects_holder.v2.standard_no_space .filler,
.firefox_mac_browser .projects_holder.v2.hover_text.no_space .filler {
width: 49.93%;
}
.portfolio_paging,
.portfolio_paging_loading {
text-align: center;
margin: 40px 0 0;
}
.portfolio_paging_loading {
display: none;
}
.portfolio_with_hover_text .portfolio_paging,
.portfolio_with_hover_text .portfolio_paging_loading {
margin: 32px 0 0;
}
.filter_outer {
display: block;
position: relative;
margin: 0 0 36px;
}
.filter_outer.left_align {
text-align: left;
}
.filter_outer.center_align {
text-align: center;
}
.filter_outer.right_align {
text-align: right;
}
.full_width .projects_holder_outer.v6.portfolio_with_space .filter_outer,
.full_width .projects_holder_outer.v5.portfolio_with_space .filter_outer,
.full_width .projects_holder_outer.v4.portfolio_with_space .filter_outer {
width: 95%;
margin: 0 auto 36px;
}
.full_width .projects_holder_outer.v6.portfolio_with_space.masonry_with_space .filter_outer,
.full_width .projects_holder_outer.v5.portfolio_with_space.masonry_with_space .filter_outer,
.full_width .projects_holder_outer.v4.portfolio_with_space.masonry_with_space .filter_outer,
.full_width .section_inner .projects_holder_outer.v6.portfolio_with_space .filter_outer,
.full_width .section_inner .projects_holder_outer.v5.portfolio_with_space .filter_outer,
.full_width .section_inner .projects_holder_outer.v4.portfolio_with_space .filter_outer {
width: 100%;
}
.filter_holder {
display: inline-block;
}
.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.filter_title {
text-align: left;
cursor: default;
}
.filter_holder ul li span {
position: relative;
display: inline-block;
vertical-align: middle;
padding: 0 25px;
color: #a6a6a6;
font-size: 12px;
font-weight: 600;
letter-spacing: 1px;
text-transform: uppercase;
-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;
}
.filter_holder.without_separator ul li span {
padding: 0 15px;
}
.filter_holder ul li:last-child span {
padding-right: 0;
}
.filter_holder ul li:first-child:not(.filter_title) span {
padding-left: 0;
}
.filter_holder ul li.filter_title span {
padding: 0;
color: #393939;
font-weight: 700;
}
.filter_holder.without_separator ul li.filter_title span {
padding: 0 15px 0 0;
}
.filter_holder ul li span:after {
content: '|';
position: absolute;
right: 0;
display: inline-block;
width: 1px;
color: #a6a6a6;
}
.filter_holder.without_separator ul li span:after,
.filter_holder ul li.filter_title span:after,
.filter_holder ul li:last-child span:after {
content: none;
}
.filter_holder ul li.current span,
.filter_holder ul li:not(.filter_title):hover span {
color: #e6ae48;
}
.projects_holder_outer .qode-pl-split .qode-pl-item {
margin: 0 0 180px;
}
.projects_holder_outer .qode-pl-split .qode-pl-item:last-child {
margin: 0;
}
.projects_holder_outer .qode-pl-split .qode-pl-item .qode-pl-item-inner {
display: flex;
align-items: center;
}
.projects_holder_outer .qode-pl-split .qode-pl-item .qode-pl-item-inner .portfolio_description {
opacity: 0;
visibility: hidden;
width: 43%;
padding: 0;
background-color: transparent;
}
.projects_holder_outer .qode-pl-split .qode-pl-item .qode-pl-item-inner .portfolio_description .portfolio_title {
margin: 0 9% 35px 0;
}
.projects_holder_outer .qode-pl-split .qode-pl-item .qode-pl-item-inner .image_holder {
width: 57%;
}
.projects_holder_outer .qode-portfolio-list-split-fixed-holder {
position: fixed;
top: 0;
width: 30%;
height: 100vh;
}
.admin-bar .projects_holder_outer .qode-portfolio-list-split-fixed-holder {
top: 32px;
height: calc(100vh - 32px);
}
.projects_holder_outer .qode-portfolio-list-split-fixed-holder .qode-pl-fixed-item {
opacity: 0;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.projects_holder_outer .qode-portfolio-list-split-fixed-holder .qode-pl-fixed-item .portfolio_description .portfolio_title {
margin: 0 9% 35px 0;
}
/* Portfolio Loading styles
========================================================================== */
.projects_holder.appear_from_bottom article,
.masonry_with_space .projects_holder.appear_from_bottom article,
.projects_masonry_holder.appear_from_bottom article,
.masonry_with_space .projects_masonry_holder.appear_from_bottom article {
opacity: 0;
-webkit-transform: translateY(80px);
-moz-transform: translateY(80px);
transform: translateY(80px);
-webkit-transition: opacity 0.8s cubic-bezier(0.34, 0.52, 0.57, 1.04), -webkit-transform 0.8s cubic-bezier(0.34, 0.52, 0.57, 1.04);
transition: opacity 0.8s cubic-bezier(0.34, 0.52, 0.57, 1.04), transform 0.8s cubic-bezier(0.34, 0.52, 0.57, 1.04);
}
.projects_holder.appear_from_bottom article.show,
.projects_masonry_holder.appear_from_bottom article.show {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
transform: translateY(0);
}
.projects_holder.appear_from_bottom article.show.shown,
.masonry_with_space .projects_holder.appear_from_bottom article.show.shown,
.projects_masonry_holder.appear_from_bottom article.show.shown,
.masonry_with_space .projects_masonry_holder.appear_from_bottom article.show.shown {
-webkit-transition: none;
transition: none;
}
/* Portfolio Loading styles end
========================================================================== */
/* Portfolio Masonry styles
========================================================================== */
.projects_masonry_holder {
opacity: 0;
}
.full_width .projects_masonry_holder.masonry_extended {
margin: 0 -30px;
}
.grid_section .section_inner .projects_masonry_holder.masonry_extended,
.qode_elementor_container_inner .projects_masonry_holder.masonry_extended,
.default_template_holder .projects_masonry_holder.masonry_extended {
margin: 0 -30px;
}
.projects_masonry_holder.masonry_extended .portfolio_masonry_item {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 30px;
z-index: 1 !important;
}
.projects_masonry_holder.masonry_extended .portfolio_masonry_item.parallax_item {
z-index: 0 !important;
}
.projects_masonry_holder.masonry_extended .portfolio_masonry_item.parallax_item .text_holder,
.projects_masonry_holder.masonry_extended .portfolio_masonry_item.parallax_item .portfolio_shader {
display: none;
}
.projects_masonry_holder.masonry_extended .portfolio_masonry_item,
.projects_masonry_holder.masonry_extended .portfolio_masonry_item.large_height {
width: 25%;
}
.projects_masonry_holder.masonry_extended .portfolio_masonry_item.large_width,
.projects_masonry_holder.masonry_extended .portfolio_masonry_item.large_width_height {
width: 50%;
}
.full_width .projects_masonry_holder.masonry_extended .portfolio_masonry_item,
.full_width .projects_masonry_holder.masonry_extended .portfolio_masonry_item.large_height {
width: 25%;
}
.full_width .projects_masonry_holder.masonry_extended .portfolio_masonry_item.large_width,
.full_width .projects_masonry_holder.masonry_extended .portfolio_masonry_item.large_width_height {
width: 50%;
}
.projects_masonry_holder.masonry_extended .image_holder {
margin: 0;
position: relative;
}
.projects_masonry_holder.masonry_extended article .portfolio_shader {
width: 100%;
}
.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%;
}
.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;
image-rendering: optimizequality;
}
.projects_masonry_holder .image_holder {
margin: 0px -1px 0px 0px;
}
.masonry_with_space .projects_holder {
position: relative;
opacity: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.masonry_with_space .projects_holder .mix {
display: block;
padding: 0;
margin: 0 !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;
}
.masonry_with_space .projects_holder.v6 .mix,
.masonry_with_space .projects_holder.v6 .filler {
width: 16.66%;
}
.masonry_with_space .projects_holder.v5 .mix,
.masonry_with_space .projects_holder.v5 .filler {
width: 20%;
}
.masonry_with_space .projects_holder.v4 .mix,
.masonry_with_space .projects_holder.v4 .filler {
width: 25%;
}
.masonry_with_space .projects_holder.v3 .mix,
.masonry_with_space .projects_holder.v3 .filler {
width: 33.33%;
}
.masonry_with_space .projects_holder.v2 .mix,
.masonry_with_space .projects_holder.v2 .filler {
width: 50%;
}
/*-----------------------------------------Portfolio pinterest info on hover start---------------------------------------------*/
.masonry_with_space.pinterest_space .projects_holder article {
padding: 10px;
}
.projects_holder .pinterest_info_on_hover .pinterest_info_hover_holder {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
padding: 20px;
box-sizing: border-box;
}
.projects_holder .pinterest_info_on_hover .pinterest_info_hover_inner {
width: 100%;
display: table;
height: 100%;
}
.projects_holder .pinterest_info_on_hover .pinterest_info_hover_cell {
display: table-cell;
vertical-align: middle;
text-align: center;
width: 100%;
height: 100%;
}
.projects_holder .pinterest_info_on_hover .icons_holder {
position: relative;
top: 0;
left: 0;
height: auto;
z-index: 130;
}
.projects_holder .pinterest_info_on_hover .icons_holder a {
margin-bottom: 10px;
}
.projects_holder .pinterest_info_on_hover .icons_holder .icons_holder_inner {
margin: 0;
}
.projects_holder .pinterest_info_on_hover .portfolio_title {
margin-bottom: 5px;
}
.projects_holder .pinterest_info_on_hover .portfolio_title,
.projects_holder .pinterest_info_on_hover .project_category,
.projects_holder .pinterest_info_on_hover .portfolio_subtitle {
z-index: 130;
position: relative;
opacity: 0;
}
.projects_holder article:hover .pinterest_info_on_hover .portfolio_title,
.projects_holder article:hover .pinterest_info_on_hover .project_category,
.projects_holder article:hover .pinterest_info_on_hover .portfolio_subtitle {
opacity: 1;
}
.projects_holder .pinterest_info_on_hover .portfolio_title,
.projects_holder .pinterest_info_on_hover .portfolio_title a,
.projects_holder .pinterest_info_on_hover .portfolio_title a:hover,
.projects_holder .pinterest_info_on_hover .project_category,
.projects_holder.standard .pinterest_info_on_hover .project_category {
color: #fff;
}
.projects_holder .pinterest_info_on_hover .icons_holder,
.projects_holder .pinterest_info_on_hover .portfolio_title,
.projects_holder .pinterest_info_on_hover .project_category,
.projects_holder .pinterest_info_on_hover .portfolio_subtitle {
-webkit-transform: translateY(-13px);
-ms-transform: translateY(-13px);
transform: translateY(-13px);
-ms-transition: -ms-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.projects_holder article:hover .pinterest_info_on_hover .icons_holder,
.projects_holder article:hover .pinterest_info_on_hover .portfolio_title,
.projects_holder article:hover .pinterest_info_on_hover .project_category,
.projects_holder article:hover .pinterest_info_on_hover .portfolio_subtitle {
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
opacity: 1;
}
.projects_holder .pinterest_info_on_hover .portfolio_shader {
-webkit-transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.full_width .projects_holder_outer.v5.pinterest_space .projects_holder,
.full_width .projects_holder_outer.v6.pinterest_space .projects_holder,
.full_width .projects_holder_outer.v4.pinterest_space .projects_holder {
width: 100%;
}
.full_width .projects_holder_outer.pinterest_space {
padding: 10px;
box-sizing: border-box;
}
/*-----------------------------------------Portfolio pinterest info on hover end---------------------------------------------*/
/*-----------------------------------------Filter on left start ---------------------------------------------*/
.projects_holder_outer.qode-filter-position-left {
display: inline-block;
}
.projects_holder_outer.qode-filter-position-left .filter_outer {
width: 13.5%;
float: left;
padding-right: 20px;
margin: 0;
box-sizing: border-box;
}
.projects_holder_outer.qode-filter-position-left .filter_outer ul li {
float: none;
text-align: left;
padding: 7px 0;
}
.projects_holder_outer.qode-filter-position-left .filter_outer ul li.filter_title {
padding: 0 0 30px;
}
.projects_holder_outer.qode-filter-position-left .filter_outer ul li span {
padding: 0;
}
.projects_holder_outer.qode-filter-position-left .projects_holder,
.projects_holder_outer.qode-filter-position-left .projects_masonry_holder {
width: 86.5%;
float: left;
}
/*-----------------------------------------Filter on left end ---------------------------------------------*/
/* ==========================================================================
End of portfolio styles
========================================================================== */
.portfolio_single .portfolio_masonry_gallery_holder {
margin: 0 0 0 -10px;
}
.portfolio_single .portfolio_masonry_gallery {
position: relative;
opacity: 0;
margin-top: 20px;
-webkit-transition: opacity .3s ease-out;
-ms-transition: opacity .3s ease-out;
}
.portfolio_single .portfolio_masonry_gallery .mix {
float: none;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 10px;
}
.portfolio_single .portfolio_masonry_gallery .mix .inner {
box-sizing: border-box;
margin: 12px;
position: relative;
display: block;
overflow: hidden;
}
.portfolio_single .portfolio_masonry_gallery .mix,
.portfolio_single .single_masonry_grid_sizer {
width: 25%;
}
.portfolio_single .portfolio_masonry_gallery .mix.huge {
width: 75%;
}
.portfolio_single .portfolio_masonry_gallery .mix.large {
width: 50%;
}
.portfolio_single .portfolio_masonry_gallery {
display: inline-block;
}
.portfolio_single .portfolio_masonry_gallery img {
display: block;
}
.portfolio_single .portfolio_masonry_gallery a {
position: relative;
}
.portfolio_single .portfolio_masonry_gallery a:before {
content: '';
display: block;
width: calc(100% - 20px);
height: calc(100% - 20px);
position: absolute;
top: 10px;
left: 10px;
background-color: rgba(255, 255, 255, 0.8);
opacity: 0;
-webkit-transition: opacity .3s ease-out;
-moz-transition: opacity .3s ease-out;
-ms-transition: opacity .3s ease-out;
transition: opacity .3s ease-out;
}
.portfolio_single .portfolio_masonry_gallery a:hover:before {
opacity: 1;
}
/* sticky info portfolio single */
.portfolio_single_sticky.stick {
position: fixed;
}
.portfolio_single_sticky.stick.portfolio_single_sticky_animate_top {
-webkit-transition: top 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1) 0.18s;
transition: top 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1) 0.18s;
}
.portfolio_single_sticky {
position: relative;
}
/* ==========================================================================
Passepartout styles
========================================================================== */
.paspartu_enabled .paspartu_top {
position: fixed;
padding-top: 2%;
height: 0;
width: 100%;
top: 0;
left: 0;
background-color: #fff;
z-index: 200;
-webkit-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);
}
.paspartu_enabled .paspartu_bottom {
position: fixed;
padding-bottom: 2%;
height: 0;
width: 100%;
bottom: 0;
left: 0;
background-color: #fff;
z-index: 200;
-webkit-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);
}
.paspartu_enabled .paspartu_left {
position: fixed;
width: 2%;
height: 100%;
top: 0;
left: 0;
background-color: #fff;
z-index: 200;
}
.paspartu_enabled .paspartu_right {
position: absolute;
/*because of side area*/
height: 100%;
width: 2%;
top: 0;
right: 0;
background-color: #fff;
z-index: 200;
height: 100%;
min-height: 100vh;
}
.paspartu_enabled .aside.vertical_menu_area,
.paspartu_enabled .vertical_area_background {
left: 2%;
}
.paspartu_enabled.right_side_menu_opened .paspartu_top,
.paspartu_enabled.right_side_menu_opened .paspartu_bottom {
left: -270px;
}
.paspartu_enabled footer.uncover {
padding-bottom: 2%;
}
.paspartu_enabled.vertical_menu_enabled .content .content_inner {
padding-top: 2%;
}
/* ==========================================================================
Passepartout styles end
========================================================================== */
/* ==========================================================================
Shortcodes styles
========================================================================== */
/**
* Here are defined styles for all shortcodes that are used in theme,
* except portfolio and blog
shortcode
*/
/* ==========================================================================
Accordion shortcode start styles
========================================================================== */
.q_accordion_holder {
position: relative;
display: block;
visibility: hidden;
}
.q_accordion_holder.accordion .ui-accordion-header {
cursor: pointer;
position: relative;
display: block;
height: 58px;
line-height: 58px;
color: #393939;
padding: 0;
margin: 28px 0 0;
-webkit-transform: translateZ(0px);
-moz-transform: translateZ(0px);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.q_accordion_holder.accordion.boxed .ui-accordion-header {
height: 48px;
line-height: 48px;
margin: 16px 0 0;
padding: 0 27px;
color: #fff;
background-color: #393939;
-webkit-transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
-moz-transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
-ms-transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
-o-transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
}
.q_accordion_holder.accordion .ui-accordion-header:first-child,
.q_accordion_holder.accordion.boxed .ui-accordion-header:first-child {
margin: 0;
}
.q_accordion_holder.accordion .ui-accordion-header span.tab-title,
.q_accordion_holder.accordion .ui-accordion-header span.tab-title-inner {
color: inherit;
line-height: inherit;
}
.q_accordion_holder.accordion:not(.boxed) .ui-accordion-header span.tab-title {
padding: 0 0 0 78px;
display: table;
width: 100%;
height: 100%;
line-height: normal;
vertical-align: middle;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.q_accordion_holder.accordion:not(.boxed) .ui-accordion-header span.tab-title-inner {
position: relative;
display: table-cell;
width: 100%;
height: 100%;
line-height: normal;
vertical-align: middle;
}
.q_accordion_holder.accordion.boxed .ui-accordion-header.ui-state-active,
.q_accordion_holder.accordion.boxed .ui-accordion-header.ui-state-hover {
background-color: #e6ae48;
}
.q_accordion_holder .ui-accordion-header .accordion_mark {
position: absolute;
top: 0;
left: 0;
display: block;
width: 58px;
height: 58px;
background-color: transparent;
border: 2px solid #e6ae48;
border-radius: 3em;
-webkit-transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
-moz-transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
-ms-transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
-o-transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.q_accordion_holder.accordion .ui-accordion-header.ui-state-active .accordion_mark,
.q_accordion_holder.accordion .ui-accordion-header.ui-state-hover .accordion_mark {
background-color: #e6ae48;
}
.q_accordion_holder.boxed .ui-accordion-header .accordion_mark {
display: none;
}
.q_accordion_holder.accordion .ui-accordion-header .accordion_mark_icon {
position: relative;
display: block;
width: 100%;
height: 100%;
line-height: 54px;
text-align: center;
color: #e6ae48;
font-size: 18px;
-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;
}
.q_accordion_holder.accordion .ui-accordion-header.ui-state-active .accordion_mark_icon,
.q_accordion_holder.accordion .ui-accordion-header.ui-state-hover .accordion_mark_icon {
color: #fff;
}
.q_accordion_holder.accordion .ui-accordion-header .accordion_mark_icon span {
position: absolute;
display: block;
width: 100%;
height: 100%;
line-height: 54px;
-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_accordion_holder.accordion .ui-accordion-header .accordion_mark_icon .icon_minus-06,
.q_accordion_holder.accordion .ui-accordion-header.ui-state-active .accordion_mark_icon .icon_plus,
.q_accordion_holder.accordion .ui-accordion-header.ui-state-hover .accordion_mark_icon .icon_plus {
opacity: 0;
filter: alpha(opacity=0);
}
.q_accordion_holder.accordion .ui-accordion-header.ui-state-active .accordion_mark_icon .icon_minus-06,
.q_accordion_holder.accordion .ui-accordion-header.ui-state-hover .accordion_mark_icon .icon_minus-06 {
opacity: 1;
filter: alpha(opacity=100);
}
.q_accordion_holder.accordion div.accordion_content {
margin: 0;
padding: 0 0 0 82px;
}
.q_accordion_holder.accordion.boxed div.accordion_content {
padding: 0;
}
.q_accordion_holder.accordion div.accordion_content_inner {
display: block;
}
.q_accordion_holder.accordion.boxed div.accordion_content_inner {
padding: 20px 0 0;
}
/* ==========================================================================
Blockquote shortcode start styles
========================================================================== */
blockquote {
position: relative;
border: 1px solid transparent;
}
blockquote.with_background,
blockquote.with_border {
padding: 14px 14px 14px 10px;
}
blockquote.with_border {
border-left: 4px solid transparent;
/* color is set inline in shortcode */
}
blockquote.with_border.with_quote_icon {
padding: 0;
}
blockquote.without_quote_icon {
padding-left: 20px;
}
blockquote.with_quote_icon {
display: table;
}
blockquote.with_quote_icon .icon_quotations_holder {
display: table-cell;
vertical-align: middle;
}
blockquote.with_quote_icon .blockquote_text {
display: table-cell;
vertical-align: middle;
padding-left: 10px;
}
blockquote.with_quote_icon i {
font-size: 48px;
color: #e6ae48;
}
blockquote h3,
blockquote > p {
font-size: 20px;
color: #e6ae48;
}
/* ==========================================================================
Dropcaps shortcodes styles
========================================================================== */
.q_dropcap {
position: relative;
display: inline-block;
float: left;
height: 48px;
width: 48px;
line-height: 48px;
font-size: 44px;
color: #e6ae48;
font-weight: 700;
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: #e6ae48;
color: #fff;
}
.q_dropcap.normal {
left: 7px;
}
.q_dropcap.circle {
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
-ms-border-radius: 2em;
-o-border-radius: 2em;
border-radius: 2em;
}
/* ==========================================================================
Gallery shortcode styles
========================================================================== */
.gallery_holder {
display: block;
position: relative;
}
.wpb_image_grid .gallery_holder {
width: 100.1%;
}
.wpb_image_grid .gallery_holder.with_space {
width: 100.2%;
}
.wpb_image_grid .gallery_holder ul li a {
margin-right: -1px;
margin-bottom: -1px !important;
}
.wpb_image_grid .gallery_holder.with_space ul li a {
display: table;
margin: 0 !important;
}
.gallery_holder ul {
list-style: none;
display: block;
width: 100%;
position: relative;
margin: 0;
padding: 0;
}
.gallery_holder.with_space ul {
width: calc(100% + 30px);
margin: 0 -15px;
}
.gallery_holder ul li {
position: relative;
display: block;
float: left;
overflow: hidden;
}
.gallery_holder.with_space ul li {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
padding: 15px !important;
}
.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);
}
.gallery_holder ul li a img {
display: block;
width: 100%;
-webkit-transition: all 0.15s ease-in-out;
-moz-transition: all 0.15s ease-in-out;
-ms-transition: all 0.15s ease-in-out;
-o-transition: all 0.15s ease-in-out;
transition: all 0.15s 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);
image-rendering: optimizeQuality;
}
.gallery_holder ul li.grayscale a img {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
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: #efeeed;
background-color: rgba(255, 255, 255, 0.9);
visibility: visible;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: opacity .2s;
-moz-transition: opacity .2s;
-o-transition: opacity .2s;
-ms-transition: opacity .2s;
transition: opacity .2s;
-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;
background-color: #e6ae48;
top: 50%;
left: 50%;
margin: -15px 0 0 -15px;
font-size: 12px;
color: #fff;
width: 46px;
height: 46px;
line-height: 46px;
text-align: center;
display: inline-block;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-transition: background-color 0.3s ease-in-out;
-moz-transition: background-color 0.3s ease-in-out;
-ms-transition: background-color 0.3s ease-in-out;
-o-transition: background-color 0.3s ease-in-out;
transition: background-color 0.3s ease-in-out;
}
.gallery_holder ul li .gallery_hover i:hover {
background-color: #9d9d9d;
}
.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;
}
/* ==========================================================================
Enf of gallery shortcode styles
========================================================================== */
/* ==========================================================================
Highlight shortcode start styles
========================================================================== */
.highlight {
background-color: #e6ae48;
color: #fff;
padding: 0 3px;
}
/* ==========================================================================
Testimonials shortcode
========================================================================== */
.testimonials {
position: relative;
}
.testimonials.testimonials_carousel {
visibility: hidden;
}
.testimonials .testimonial_container {
overflow: hidden;
width: 100%;
background-color: transparent;
text-align: left;
margin: 0 0 16px;
}
.testimonials_holder.qodef-testimonials-nav-arrows .testimonials {
padding: 0 45px;
}
.testimonials_holder .flex-direction-nav {
display: block;
position: static;
}
.testimonials_holder .flex-direction-nav li {
display: inline-block;
}
.testimonials_holder .flex-direction-nav a {
position: absolute;
z-index: 200;
top: 50%;
margin: -20px 0 0;
display: block;
width: 40px;
height: 40px;
opacity: 1;
background-color: transparent;
text-indent: -9999px;
box-sizing: border-box;
}
.testimonials_holder .flex-direction-nav a:before {
font-family: 'Linearicons-Free', sans-serif;
position: absolute;
height: 40px;
width: 40px;
line-height: 40px;
top: 0;
left: 0;
color: #393939;
text-indent: 0;
font-size: 32px;
text-align: center;
}
.testimonials_holder .flex-direction-nav a.flex-prev:before {
content: '\e875';
}
.testimonials_holder .flex-direction-nav a.flex-next:before {
content: '\e876';
}
.testimonials_holder .flex-direction-nav .flex-prev {
left: 0;
}
.testimonials_holder .flex-direction-nav .flex-next {
right: 0;
}
.testimonials_holder.full_width {
background: none;
}
.content .testimonial_content .container .container_inner {
padding: 0;
}
.testimonial_text_holder {
position: relative;
display: block;
}
.testimonial_text_holder.center_align {
text-align: center;
}
.testimonial_text_holder.right_align {
text-align: right;
}
.testimonials .testimonial_text_inner {
display: block;
}
.testimonials .testimonial_text_inner .testimonial_image_holder {
line-height: 0;
margin-bottom: 35px;
}
.testimonials .testimonial_text_inner p.testimonial_title {
color: #4d4d4d;
font-size: 26px;
font-weight: 500;
letter-spacing: -0.2px;
font-style: normal;
line-height: 30px;
margin-bottom: 30px;
}
.testimonials .testimonial_text_inner p:not(.testimonial_author):not(.testimonial_title) {
font-family: 'Crete Round', sans-serif;
font-size: 26px;
line-height: 1.285714285714286em;
font-style: italic;
font-weight: 400;
color: #fff;
}
.testimonials .testimonial_text_inner p.testimonial_author .testimonial_author_job {
display: block;
color: #a0a0a0;
font-size: 15px;
}
.testimonials .testimonial_text_inner p.testimonial_author {
line-height: 1.666666666666667em;
/* 35px / 13px */
font-size: 18px;
color: #a6a6a6;
font-weight: 700;
letter-spacing: 2px;
margin: 41px 0 0;
}
.testimonials_holder .flex-control-paging {
display: block;
text-align: center;
margin-top: 41px;
}
.testimonials_holder .flex-control-paging li {
display: inline-block;
}
.testimonials_holder .flex-control-paging li a {
display: inline-block;
text-indent: -5000px;
width: 8px;
height: 8px;
position: relative;
margin-right: 7px;
background-color: #d6d6d6;
border-radius: 3em;
}
.testimonials_holder.light .flex-control-paging li a {
border-color: #fff;
}
.testimonials_holder .flex-control-paging li a.flex-active {
background-color: #393939;
}
.testimonials_holder.light .flex-control-paging li a.flex-active {
background-color: #fff;
}
/* Testimonials grouped type style */
.testimonials_holder.grouped .testimonials .testimonial_text_inner p.testimonial_author {
margin-top: 28px;
}
.testimonial_content_grouped_item {
margin-right: 3%;
width: 31.33%;
display: inline-block;
float: left;
box-sizing: border-box;
padding: 40px 40px 60px 40px;
border: 3px solid #4e2b83;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
}
.testimonial_content_grouped_item:last-child {
margin-right: 0;
}
/* ==========================================================================
Single image shortcode styles
========================================================================== */
.wpb_content_element.wpb_single_image img {
vertical-align: middle;
}
/* ==========================================================================
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;
position: relative;
display: inline-block;
float: left;
margin-right: 8px;
}
.q_tabs .tabs-nav li:last-child {
margin: 0;
}
.q_tabs .tabs-nav li a {
position: relative;
display: block;
height: 52px;
line-height: 52px;
margin: 0;
padding: 0 20px;
color: #fff;
background-color: #eaeaea;
font-weight: 700;
letter-spacing: 2px;
text-transform: uppercase;
-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_tabs .tabs-nav li.active a,
.q_tabs .tabs-nav li a:hover {
background-color: #e6ae48;
}
/* Horizontal tabs styles
========================================================================== */
.q_tabs.horizontal.center {
text-align: center;
}
.q_tabs.horizontal.left {
text-align: left;
}
.q_tabs.horizontal.left .tabs-nav li a:first-child {
padding-left: 0;
}
.q_tabs.horizontal.right {
text-align: right;
}
.q_tabs.horizontal.right .tabs-nav li a:last-child {
padding-right: 0;
}
.q_tabs.horizontal .tabs-container,
.q_tabs.boxed .tabs-container {
padding-top: 15px;
padding-bottom: 15px;
text-align: left;
}
.q_tabs.horizontal.right .tabs-container {
text-align: right;
}
/* 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%;
top: 0;
margin: 0 0 7px;
}
.q_tabs.vertical .tabs-nav li:last-child {
margin: 0;
}
.q_tabs.vertical .tabs-nav li a {
text-align: center;
height: auto;
line-height: normal;
padding: 19px 20px;
}
.q_tabs.vertical .tabs-container {
position: relative;
width: 73.68576709796673%;
padding: 0 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.q_tabs.vertical.left .tabs-container {
float: left;
text-align: left;
}
.q_tabs.vertical.right .tabs-container {
float: right;
text-align: right;
}
/* Boxed tabs styles
========================================================================== */
.q_tabs.boxed {
text-align: left;
}
.q_tabs.boxed .tabs-nav {
display: block;
}
.q_tabs.boxed .tabs-container {
position: relative;
background-color: #fff;
text-align: left;
padding: 35px 30px;
}
/* ==========================================================================
Message Box start styles
========================================================================== */
.q_message {
position: relative;
padding: 24px 28px;
margin: 0;
background-color: #e6ae48;
}
.q_message .q_message_inner {
position: relative;
}
.q_message.with_icon .q_message_icon_holder {
float: left;
padding: 0 15px 0 0;
}
.q_message.with_icon .q_message_icon,
.q_message .message_text {
display: table;
height: 100%;
}
.q_message.with_icon .q_message_icon_inner,
.q_message .message_text_inner {
display: table-cell;
height: 100%;
vertical-align: middle;
}
.q_message.with_icon .q_message_icon_inner > i,
.q_message.with_icon .q_message_icon_inner > .q_font_elegant_icon {
color: #fff;
line-height: 1em;
}
.q_message.with_icon img {
float: left;
}
.q_message a.close {
position: absolute;
top: -15px;
right: -15px;
line-height: 13px;
font-size: 18px;
}
.q_message a.close i {
width: 14px;
height: 14px;
color: #fff;
font-weight: 700;
display: inline-block;
}
/* ==========================================================================
Message Box end styles
========================================================================== */
/* ==========================================================================
Pricing table shorcode styles
========================================================================== */
.q_price_table {
position: relative;
width: 100%;
padding: 0;
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: #f7f7f7;
position: relative;
}
.q_price_table.active .active_text {
position: absolute;
top: -30px;
left: 17px;
width: 100%;
text-align: center;
background-color: #393939;
width: 66px;
height: 66px;
border-radius: 33px;
-webkit-border-radius: 33px;
-moz-border-radius: 33px;
}
.q_price_table.active .active_text span.active_text_inner {
display: table;
width: 100%;
height: 100%;
}
.q_price_table.active .active_text span span {
display: table-cell;
vertical-align: middle;
font-size: 10px;
text-align: center;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 2px;
color: #fff;
line-height: normal;
word-break: break-word;
}
.price_table_inner ul {
list-style: none outside none;
margin: 0;
}
.price_table_inner ul li {
text-align: center;
margin: 0;
padding: 12px 20px 12px;
}
.price_table_inner ul li.pricing_table_content {
padding: 0;
}
.price_table_inner ul li.pricing_table_content ul {
padding: 0 35px;
}
.price_table_inner ul li.pricing_table_content li {
border-bottom: 1px solid #8d8d8d;
font-weight: 300;
}
.price_table_inner ul li.pricing_table_content li:last-child {
border-bottom: none;
}
.price_table_inner ul li.prices {
padding: 41px 27px 33px;
}
.price_table_inner ul li.table_title {
padding: 20px 27px;
background-color: #e6ae48;
}
.price_table_inner ul li.table_title .title_content {
display: block;
color: #fff;
font-size: 13px;
line-height: 1.538461538461538em;
letter-spacing: 2px;
font-weight: 700;
text-transform: uppercase;
}
.price_in_table {
text-align: center;
}
.price_in_table .value {
font-size: 24px;
position: relative;
color: #e6ae48;
top: 13px;
}
.price_in_table .price {
font-size: 48px;
line-height: 32px;
padding: 0 3px;
vertical-align: middle;
color: #e6ae48;
letter-spacing: 1px;
}
.price_in_table .mark {
vertical-align: bottom;
position: relative;
font-family: 'Crete Round', sans-serif;
font-size: 14px;
top: 17px;
display: block;
font-style: italic;
}
.price_table_inner .price_button {
padding: 0 27px;
background-color: #e6ae48;
-webkit-transition: background-color 0.3s ease-in-out;
-moz-transition: background-color 0.3s ease-in-out;
-o-transition: background-color 0.3s ease-in-out;
-ms-transition: background-color 0.3s ease-in-out;
transition: background-color 0.3s ease-in-out;
}
.price_table_inner .price_button:hover {
background-color: #393939 !important;
}
.price_table_inner .price_button a {
display: inline-block;
color: #fff;
line-height: 60px;
height: 60px;
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
}
/* ==========================================================================
Pricing list shorcode styles start
========================================================================== */
.qode-pricing-list .qode-pricing-list-item {
margin-bottom: 40px;
}
.qode-pricing-list .qode-pricing-item-title-holder {
display: table-cell;
width: 1%;
white-space: nowrap;
padding-right: 5px;
}
.qode-pricing-list .qode-pricing-item-price-holder {
display: table-cell;
width: 1%;
padding-left: 5px;
white-space: nowrap;
}
.qode-pricing-list .pricing-list-dots {
height: 3px;
background-image: radial-gradient(circle closest-side, #cdcdcd 99%, transparent 100%);
background-position: 50% 70%;
background-size: 4px 2px;
background-repeat: repeat-x;
display: table-cell;
width: 98%;
z-index: 1;
position: relative;
}
.qode-pricing-list .qode-pricing-list-bottom {
display: table;
width: 100%;
margin: 5px 0 0 0;
}
.qode-pricing-list .qode-pricing-list-text {
display: table-cell;
}
.qode-pricing-list .qode-pricing-list-highlited {
display: table-cell;
text-align: right;
}
.qode-pricing-list .qode-pricing-list-highlited span {
background-color: #e6ae48;
color: #fff;
padding: 0px 3px;
}
/* ==========================================================================
Pricing list shorcode styles end
========================================================================== */
/* ==========================================================================
Icon start styles
========================================================================== */
.q_font_awsome_icon {
display: inline-block;
vertical-align: middle;
}
.q_font_elegant_holder,
.q_linear_icons_holder {
position: relative;
display: inline-block;
vertical-align: middle;
}
.q_font_elegant_icon,
.q_linear_icons_icon {
position: relative;
display: block;
}
.q_font_awsome_icon_holder,
.q_font_awsome_icon_holder a,
.q_linear_icons_holder,
.q_linear_icons_holder a,
.q_font_elegant_holder,
.q_font_elegant_holder a {
-webkit-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
-moz-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
-o-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
-ms-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
-webkit-transform: translateZ(0px);
}
.q_icon_shortcode.q_font_awsome_icon_holder a,
.q_icon_shortcode.q_linear_icons_holder a,
.q_icon_shortcode.q_font_elegant_holder a {
color: inherit;
}
.q_font_elegant_holder.q_icon_shortcode:hover,
.q_linear_icons_holder.q_icon_shortcode:hover,
.q_font_awsome_icon_holder.q_icon_shortcode:hover {
color: #e6ae48;
}
.q_font_awsome_icon_square,
.q_font_awsome_icon_circle,
.q_linear_icons_holder.square,
.q_linear_icons_holder.circle,
.q_font_elegant_holder.circle,
.q_font_elegant_holder.square {
border: 1px solid transparent;
background-color: transparent;
text-align: center;
-webkit-transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out;
-moz-transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out;
-o-transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out;
transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out;
-webkit-transform: translateZ(0px);
}
.q_linear_icons_holder.circle,
.q_font_elegant_holder.circle,
.q_font_awsome_icon_circle {
border-radius: 5em;
}
.q_font_awsome_icon.pull-center,
.q_font_elegant_holder.pull-center,
.q_linear_icons_holder.pull-center {
display: block;
text-align: center;
}
.q_font_awsome_icon.pull-center .q_font_elegant_icon,
.q_font_awsome_icon.pull-center .q_linear_icons_icon,
.q_font_elegant_holder.pull-center .q_font_elegant_icon,
.q_font_elegant_holder.pull-center .q_linear_icons_icon,
.q_linear_icons_holder.pull-center .q_font_elegant_icon,
.q_linear_icons_holder.pull-center .q_linear_icons_icon {
margin: 0 auto;
}
.qodef-icon-element-holder.pull-center .qodef-icon-element {
margin: 0 auto;
}
.q_font_awsome_icon_square.pull-center,
.q_font_awsome_icon_circle.pull-center {
display: block;
margin: 0 auto !important;
}
.q_font_awsome_icon_holder.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.2s ease;
-moz-transition: -moz-transform 0.2s ease;
-o-transition: -o-transform 0.2s ease;
-ms-transition: -ms-transform 0.2s ease;
transition: transform 0.2s ease;
-webkit-backface-visibility: hidden;
}
.q_font_awsome_icon_holder.q_show_animation {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.qodef-icon-element-holder.q_icon_shortcode {
position: relative;
display: inline-block;
vertical-align: middle;
}
.qodef-icon-element-holder.q_icon_shortcode.q_icon_animation {
transform: scale(0);
transition: transform 0.2s ease;
}
.qodef-icon-element-holder.q_icon_shortcode.q_show_animation {
transform: scale(1);
}
.qodef-icon-element-holder.q_icon_shortcode.circle,
.qodef-icon-element-holder.q_icon_shortcode.square {
border: 1px solid transparent;
background-color: transparent;
text-align: center;
transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
.qodef-icon-element-holder.q_icon_shortcode.circle {
border-radius: 5em;
}
.qodef-icon-element-holder.q_icon_shortcode.pull-center {
display: block;
text-align: center;
}
.qodef-icon-element-holder.q_icon_shortcode a {
color: inherit;
transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
}
.qodef-icon-element-holder.q_icon_shortcode:hover {
color: #e6ae48;
}
.qodef-icon-element-holder.q_icon_shortcode .qodef-icon-element {
position: relative;
display: block;
}
/* ==========================================================================
Icon end styles
========================================================================== */
/* ==========================================================================
Icon With Text start styles
========================================================================== */
.q_icon_with_title {
display: block;
position: relative;
}
.q_icon_with_title .q_linear_icons_holder {
display: block;
}
.q_icon_with_title .icon_holder {
float: left;
display: inline-block;
position: relative;
z-index: 2;
}
.q_icon_with_title.center {
text-align: center;
}
.q_icon_with_title.center .icon_holder {
float: none;
padding: 0;
}
.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: -webkit-transform 0.2s ease-in-out;
-moz-transition: -moz-transform 0.2s ease-in-out;
-o-transition: -o-transform 0.2s ease-in-out;
-ms-transition: -ms-transform 0.2s ease-in-out;
transition: transform 0.2s ease-in-out;
}
.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);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.touch .no_animation_on_touch .q_icon_animation {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.q_icon_with_title .icon_holder .icon_holder_inner {
display: inline-block;
}
.q_icon_with_title.circle .icon_holder .icon_holder_inner,
.q_icon_with_title.square .icon_holder .icon_holder_inner,
.box_holder_icon_inner.circle .icon_holder_inner,
.box_holder_icon_inner.square .icon_holder_inner {
-webkit-transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
-moz-transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
-o-transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
background-color: #e6ae48;
}
.q_icon_with_title.circle.without_double_border .icon_holder .icon_holder_inner,
.q_icon_with_title.square.without_double_border .icon_holder .icon_holder_inner,
.box_holder_icon_inner.circle.without_double_border .icon_holder_inner,
.box_holder_icon_inner.square.without_double_border .icon_holder_inner {
padding: 0;
border: none;
}
.q_icon_with_title.circle .q_font_elegant_holder.circle,
.q_icon_with_title.square .q_font_elegant_holder.square,
.q_icon_with_title.circle .q_linear_icons_holder.circle,
.q_icon_with_title.square .q_linear_icons_holder.square,
.box_holder_icon_inner .q_font_elegant_holder.circle,
.box_holder_icon_inner .q_font_elegant_holder.square,
.box_holder_icon_inner .q_linear_icons_holder.circle,
.box_holder_icon_inner .q_linear_icons_holder.square {
width: 2.5em;
height: 2.5em;
line-height: 2.5em;
position: relative;
-webkit-box-sizing: initial;
-moz-box-sizing: initial;
box-sizing: initial;
border: 1px solid transparent;
background-color: #e6ae48;
color: #fff;
-webkit-transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
-moz-transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
-o-transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
}
.q_icon_with_title:not(.normal_icon) .q_font_elegant_holder .icon_text_icon,
.q_icon_with_title:not(.normal_icon) .q_linear_icons_holder .icon_text_icon,
.box_holder_icon_inner .q_font_elegant_holder:not(.normal) .icon_text_icon,
.box_holder_icon_inner .q_linear_icons_holder:not(.normal) .icon_text_icon {
position: absolute;
width: 100%;
line-height: inherit;
left: 0;
}
.q_icon_with_title.circle .icon_holder .icon_holder_inner {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.q_icon_with_title .icon_holder .icon_text_icon,
.box_holder_icon .icon_text_icon {
font-size: 0.8em;
}
.q_icon_with_title .icon_holder .icon_text_icon,
.box_holder_icon .icon_text_icon {
-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;
}
.q_icon_with_title .icon_holder .fa-stack.fa-lg i {
line-height: 39px;
}
.q_icon_with_title .icon_holder .fa-stack.fa-2x i {
line-height: 52px;
}
.q_icon_with_title .icon_holder .fa-stack.fa-3x i {
line-height: 79px;
}
.q_icon_with_title .icon_holder .fa-stack.fa-4x i {
line-height: 104px;
}
.q_icon_with_title .icon_holder .fa-stack.fa-5x i {
line-height: 130px;
}
.box_holder_icon_inner .fa-stack,
.q_icon_with_title .icon_holder .fa-stack {
background-color: transparent;
border-style: solid;
text-align: center;
-webkit-transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
-moz-transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
-o-transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
-webkit-backface-visibility: hidden;
-webkit-box-sizing: initial !important;
-moz-box-sizing: initial !important;
box-sizing: initial !important;
}
.box_holder_icon_inner .q_font_awsome_icon,
.q_icon_with_title .icon_holder .q_font_awsome_icon,
.box_holder_icon_inner .fa-stack,
.q_icon_with_title .icon_holder .fa-stack,
.q_font_awsome_icon_holder,
.q_font_awsome_icon_holder a,
.q_font_elegant_holder,
.q_font_elegant_holder a,
.q_linear_icons_holder,
.q_linear_icons_holder a {
color: #393939;
}
.box_holder_icon_inner .fa-stack,
.q_icon_with_title.square .icon_holder .fa-stack,
.box_holder_icon_inner .q_font_elegant_holder.circle,
.box_holder_icon_inner .q_font_elegant_holder.square,
.box_holder_icon_inner .q_linear_icons_holder.circle,
.box_holder_icon_inner .q_linear_icons_holder.square,
.box_holder_icon_inner .icon_holder_inner {
color: #fff;
}
.q_icon_with_title.circle .icon_holder .fa-stack,
.box_holder_icon_inner.circle .fa-stack {
border-radius: 2em;
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
-o-border-radius: 2em;
-ms-border-radius: 2em;
}
.box_holder_icon_inner .icon_holder_inner:hover .q_font_elegant_holder.circle,
.box_holder_icon_inner .icon_holder_inner:hover .q_font_elegant_holder.square,
.q_icon_with_title.circle .icon_holder_inner:hover .q_font_elegant_holder.circle,
.q_icon_with_title.square .icon_holder_inner:hover .q_font_elegant_holder.square,
.box_holder_icon_inner .icon_holder_inner:hover .q_linear_icons_holder.circle,
.box_holder_icon_inner .icon_holder_inner:hover .q_linear_icons_holder.square,
.q_icon_with_title.circle .icon_holder_inner:hover .q_linear_icons_holder.circle,
.q_icon_with_title.square .icon_holder_inner:hover .q_linear_icons_holder.square,
.q_icon_with_title.circle .icon_holder:hover .icon_holder_inner,
.q_icon_with_title.square .icon_holder:hover .icon_holder_inner,
.box_holder_icon_inner.circle .icon_holder_inner:hover,
.box_holder_icon_inner.square .icon_holder_inner:hover,
.q_icon_with_title.circle .icon_holder:hover .fa-stack,
.q_icon_with_title.square .icon_holder:hover .fa-stack {
border-color: #393939 !important;
background-color: #393939 !important;
/* has to be important because of inline default styles */
}
.q_icon_with_title .icon_holder:hover .icon_text_icon,
.box_holder_icon_inner .icon_holder_inner:hover .icon_text_icon {
color: #fff;
}
.q_icon_with_title.normal_icon .icon_holder:hover .icon_text_icon,
.box_holder_icon_inner.normal_icon .icon_holder_inner:hover .icon_text_icon {
color: #e6ae48;
}
.q_icon_with_title span.fa-stack.fa-lg,
.q_box_holder.with_icon span.fa-stack.fa-lg {
font-size: 19px;
}
.q_icon_with_title .icon_text_holder {
position: relative;
}
.q_icon_with_title.center .icon_text_holder {
margin: 40px 0 0;
}
.q_icon_with_title.center.normal_icon.tiny .icon_text_holder {
margin: 34px 0 0;
}
.q_icon_with_title.center.normal_icon.small .icon_text_holder,
.q_icon_with_title.center.normal_icon.medium .icon_text_holder,
.q_icon_with_title.center.normal_icon.large .icon_text_holder {
margin: 32px 0 0;
}
.q_icon_with_title.center.normal_icon.very_large .icon_text_holder {
margin: 30px 0 0;
}
.q_icon_with_title .icon_text_inner {
padding: 0 0 18px;
}
.q_icon_with_title.left_from_title .icon_text_holder,
.q_icon_with_title.center .icon_text_inner {
padding: 0;
}
.q_icon_with_title .icon_title_holder {
display: table;
width: 100%;
height: 100%;
margin: 0 0 17px;
}
.q_icon_with_title .icon_title_holder .icon_holder {
display: table-cell;
text-align: center;
height: 100%;
vertical-align: middle;
float: none;
padding: 0 25px 0 0;
}
.q_icon_with_title .icon_text_holder .icon_title_holder .icon_title {
display: table-cell;
width: 100%;
margin: 0;
vertical-align: middle;
}
.q_icon_with_title.large .icon_holder,
.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 .icon_text_holder {
padding: 0 0 0 41px;
}
.q_icon_with_title.small .icon_text_holder {
padding: 0 0 0 43px;
}
.q_icon_with_title.medium .icon_text_holder {
padding: 0 0 0 47px;
}
.q_icon_with_title.large .icon_text_holder {
padding: 0 0 0 51px;
}
.q_icon_with_title.very_large .icon_text_holder {
padding: 0 0 0 54px;
}
.q_icon_with_title.tiny.square .icon_text_holder,
.q_icon_with_title.tiny.boxed .icon_text_holder,
.q_icon_with_title.tiny.circle .icon_text_holder,
.q_icon_with_title.tiny.icon_image .icon_text_holder {
padding: 0 0 0 74px;
}
.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.icon_image .icon_text_holder {
padding: 0 0 0 88px;
}
.q_icon_with_title.medium.boxed .icon_text_holder,
.q_icon_with_title.medium.circle .icon_text_holder,
.q_icon_with_title.medium.icon_image .icon_text_holder,
.q_icon_with_title.medium.square .icon_text_holder {
padding: 0 0 0 114px;
}
.q_icon_with_title.large.boxed .icon_text_holder,
.q_icon_with_title.large.circle .icon_text_holder,
.q_icon_with_title.large.icon_image .icon_text_holder,
.q_icon_with_title.large.square .icon_text_holder {
padding: 0 0 0 140px;
}
.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.icon_image .icon_text_holder,
.q_icon_with_title.very_large.square .icon_text_holder {
padding: 0 0 0 166px;
}
.q_icon_with_title.left_from_title .icon_text_holder {
padding: 0 !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.icon_image.center .icon_text_holder,
.q_icon_with_title.small.icon_image.center .icon_text_holder,
.q_icon_with_title.medium.icon_image.center .icon_text_holder,
.q_icon_with_title.large.icon_image.center .icon_text_holder,
.q_icon_with_title.very_large.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 {
width: 35px;
}
.q_icon_with_title.small .icon_holder img {
width: 52px;
}
.q_icon_with_title.medium .icon_holder img {
width: 78px;
}
.q_icon_with_title.large .icon_holder img {
width: 104px;
}
.q_icon_with_title.very_large .icon_holder img {
width: 130px;
}
.q_icon_with_title.left_from_title.tiny.normal_icon .icon_holder i {
position: relative;
top: -1px;
line-height: 1em;
}
.q_icon_with_title .icon_text_holder .icon_title {
display: block;
margin: 0 0 1.1em;
color: #393939;
}
.q_icon_with_title .icon_with_title_link {
display: inline-block;
margin: 18px 0 0;
}
.q_icon_with_title.top_title_over .icon_holder {
margin: 0 0 18px;
}
.q_icon_with_title.top_title_over .icon_holder i,
.q_icon_with_title.top_title_over .icon_holder span {
font-size: 120px !important;
line-height: 1em !important;
color: #f0f0f0;
}
.q_icon_with_title.top_title_over .icon_holder img {
min-width: 120px !important;
}
.q_icon_with_title.top_title_over .icon_title {
position: absolute;
top: -85px;
width: 100%;
margin: 0 !important;
z-index: 3;
}
/* ================== Icon in Box start style ================== */
.q_box_holder {
display: block;
position: relative;
border: 1px solid transparent;
z-index: 200;
}
.q_box_holder.with_icon {
border: 1px solid #dcdcdc;
}
.box_holder_inner {
padding: 50px 20px 30px;
display: block;
}
.q_box_holder.with_icon .box_holder_inner.tiny {
padding: 50px 20px 30px;
}
.q_box_holder.with_icon .box_holder_inner.small {
padding: 57px 20px 30px;
}
.q_box_holder.with_icon .box_holder_inner.medium {
padding: 70px 20px 30px;
}
.q_box_holder.with_icon .box_holder_inner.large {
padding: 83px 20px 30px;
}
.q_box_holder.with_icon .box_holder_inner.very_large {
padding: 96px 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_inner .icon_title {
margin: 0 0 14px;
}
.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 .icon_holder_inner {
display: inline-block;
}
.box_holder_icon_inner.circle .icon_holder_inner {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background-color: #e6ae48;
color: #fff;
}
.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;
color: #fff;
}
.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;
}
/* ================== Icon in Box end style ================== */
/* ================== Icon custom icon start style ================== */
.q_icon_with_title.with_custom_icon .icon_holder {
line-height: 0;
}
.q_icon_with_title.left_from_title.with_custom_icon .icon_holder {
display: inline-block;
padding: 0;
}
.q_icon_with_title.left_from_title.with_custom_icon .icon_text_holder .icon_title_holder .icon_title {
display: inline-block;
width: 50%;
}
/* ================== Icon custom icon end style ================== */
/* ==========================================================================
Icon With Text end styles
========================================================================== */
/* ==========================================================================
Progress Bar Icon start styles
========================================================================== */
.q_progress_bars_icons {
display: block;
position: relative;
}
.q_progress_bars_icons_inner {
position: relative;
width: 100%;
}
.q_progress_bars_icons_inner .bar {
position: relative;
float: left;
margin: 0 5px 5px 0 !important;
}
.q_progress_bars_icons_inner.normal .bar {
margin: 0;
}
.q_progress_bars_icons_inner.tiny .bar {
height: 40px;
width: 40px;
}
.q_progress_bars_icons_inner.small .bar {
width: 56px;
height: 56px;
}
.q_progress_bars_icons_inner.medium .bar {
width: 84px;
height: 84px;
}
.q_progress_bars_icons_inner.large .bar {
width: 112px;
height: 112px;
}
.q_progress_bars_icons_inner.very_large .bar {
width: 140px;
height: 140px;
}
.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.tiny .bar .bar_noactive,
.q_progress_bars_icons_inner.tiny .bar .bar_active {
width: 40px;
height: 40px;
line-height: 40px;
}
.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,
.q_progress_bars_icons_inner.circle .bar .bar_noactive,
.q_progress_bars_icons_inner.circle .bar .bar_active {
background-color: #fff;
}
.q_progress_bars_icons_inner.circle .bar .bar_noactive,
.q_progress_bars_icons_inner.square .bar .bar_noactive {
border: 2px solid #e6ae48;
}
.q_progress_bars_icons_inner.circle .bar .bar_active,
.q_progress_bars_icons_inner.square .bar .bar_active {
border: 2px solid #e2e2e2;
}
.q_progress_bars_icons_inner.circle .bar .bar_noactive,
.q_progress_bars_icons_inner.circle .bar .bar_active {
-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 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,
.q_progress_bars_icons_inner.square .bar.active .q_font_elegant_icon,
.q_progress_bars_icons_inner.circle .bar.active .q_font_elegant_icon,
.q_progress_bars_icons_inner.normal .bar.active .q_font_elegant_icon {
color: #e6ae48;
}
.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.square .bar .q_font_elegant_icon,
.q_progress_bars_icons_inner.circle .bar .q_font_elegant_icon,
.q_progress_bars_icons_inner.normal .bar .q_font_elegant_icon,
.q_progress_bars_icons_inner .bar i.fa-circle {
color: #f6f6f6;
}
.q_progress_bars_icons_inner .q_font_elegant_icon,
.q_progress_bars_icons_inner .lnr {
display: inline-block;
width: 100%;
text-align: center;
}
/* ==========================================================================
Progress Bar Icon end styles
========================================================================== */
/* ==========================================================================
Social Icon start styles
========================================================================== */
.q_social_icon_holder {
position: relative;
display: inline-block;
margin: 0 14px 14px 0 !important;
vertical-align: middle;
}
.q_social_icon_holder .fa-stack {
position: relative;
text-align: center;
color: #fff;
background-color: #e6ae48;
border: 1px solid transparent;
-webkit-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
-o-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
-ms-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
-moz-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
-webkit-transform: translateZ(0px);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.footer_top .q_social_icon_holder .fa-stack {
background-color: #fff;
}
.q_social_icon_holder:hover .fa-stack {
color: #fff;
background-color: #393939;
}
.footer_top .q_social_icon_holder:hover .fa-stack {
color: #393939;
background-color: #e6ae48;
}
.q_social_icon_holder.normal_social .simple_social,
.q_social_icon_holder.normal_social.with_link .simple_social {
color: #e6ae48;
-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;
}
.q_social_icon_holder.normal_social:hover .simple_social {
color: #393939;
}
.q_social_icon_holder .fa-stack.circle_social {
border-radius: 3em;
}
.q_social_icon_holder .fa-stack.tiny {
width: 35px;
height: 35px;
line-height: 35px;
}
.q_social_icon_holder .fa-stack.small {
width: 44px;
height: 44px;
line-height: 44px;
}
.q_social_icon_holder .fa-stack.medium {
width: 51px;
height: 51px;
line-height: 51px;
}
.q_social_icon_holder .fa-stack.large {
width: 64px;
height: 64px;
line-height: 64px;
}
.q_social_icon_holder .fa-stack.huge {
width: 110px;
height: 110px;
line-height: 110px;
}
.q_social_icon_holder .fa-stack.tiny i,
.q_social_icon_holder .fa-stack.tiny span,
.q_social_icon_holder i.tiny,
.q_social_icon_holder span.tiny {
font-size: 16px;
}
.q_social_icon_holder .fa-stack.small i,
.q_social_icon_holder i.small,
.q_social_icon_holder .fa-stack.small span,
.q_social_icon_holder span.small {
font-size: 18px;
}
.q_social_icon_holder .fa-stack.medium i,
.q_social_icon_holder i.medium,
.q_social_icon_holder .fa-stack.medium span,
.q_social_icon_holder span.medium {
font-size: 20px;
}
.q_social_icon_holder .fa-stack.large i,
.q_social_icon_holder i.large,
.q_social_icon_holder .fa-stack.large span,
.q_social_icon_holder span.large {
font-size: 24px;
}
.q_social_icon_holder .fa-stack.huge i,
.q_social_icon_holder i.huge,
.q_social_icon_holder .fa-stack.huge span,
.q_social_icon_holder span.huge {
font-size: 40px;
}
.q_social_icon_holder > i,
.q_social_icon_holder > span.simple_social {
position: relative;
display: block;
width: auto;
line-height: 1.2em;
}
.q_social_icon_holder .fa-stack span {
position: relative;
color: inherit;
}
.q_social_icon_holder .fa-stack.tiny span {
line-height: 36px;
}
.q_social_icon_holder .fa-stack.small span {
line-height: 44px;
}
.q_social_icon_holder .fa-stack.medium span {
line-height: 51px;
}
.q_social_icon_holder .fa-stack.large span {
line-height: 64px;
}
.q_social_icon_holder .fa-stack.huge span {
line-height: 110px;
}
/* ==========================================================================
Social Icon end styles
========================================================================== */
/* ==========================================================================
Ordered list 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;
}
/* ==========================================================================
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.circle ul > li,
.q_list.number ul > li {
position: relative;
margin: 0 0 20px;
padding: 0 0 0 21px;
}
.q_list.number ul > li {
padding: 0 0 0 32px;
}
.q_list.number.circle_number li {
padding-left: 45px;
}
.q_list.circle ul > li:before {
position: absolute;
left: 0;
width: 7px;
height: 7px;
top: 9px;
background-color: #e6ae48;
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: #e6ae48;
text-align: center;
content: counter(li, decimal-leading-zero);
counter-increment: li;
}
.q_list.number.circle_number ul > li:before {
color: #fff;
background-color: #e6ae48;
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 share shortcode styles
========================================================================== */
.social_share_holder {
position: relative;
display: inline-block;
cursor: default;
}
.social_share_holder:hover .social_share_title {
cursor: pointer;
}
.social_share_holder:hover .social_share_dropdown {
visibility: visible;
cursor: pointer;
}
.social_share_title {
display: inline-block;
}
.page_share .social_share_title {
margin-left: 7px;
}
.social_share_dropdown {
display: block;
left: 0;
margin: 0 0 0;
padding: 10px 0 0 0;
position: absolute;
top: 100%;
width: auto;
visibility: hidden;
z-index: 950;
}
.social_share_dropdown ul {
list-style: none;
position: relative;
display: block;
background-color: #fff;
z-index: 990;
padding: 0 !important;
border: 1px solid #5d5d5d;
min-width: 108px;
font-weight: 400;
}
.page_share {
position: relative;
display: inline-block;
vertical-align: middle;
}
.social_share_dropdown ul li {
display: block;
position: relative;
text-align: center;
}
.social_share_dropdown ul li.share_title {
color: #a6a6a6;
padding: 10px 20px;
}
.social_share_dropdown ul li a {
display: block;
height: 32px;
line-height: 32px;
padding: 0 12px;
border-bottom: 1px solid #5d5d5d;
text-transform: uppercase;
font-size: 10px;
letter-spacing: 1px;
text-align: left;
color: #5d5d5d !important;
-webkit-transition: none !important;
-moz-transition: none !important;
-ms-transition: none !important;
-o-transition: none !important;
transition: none !important;
}
.social_share_dropdown ul li a span,
.latest_post_holder .social_share_dropdown ul li a span,
.blog_holder article .post_info .social_share_dropdown ul li a span {
font-size: 10px;
}
.social_share_dropdown ul li:last-child a {
border-bottom: 0;
}
.social_share_dropdown ul li .social_network_icon {
font-size: 13px;
color: #5d5d5d;
position: relative;
top: 1px;
margin-right: 7px;
}
.social_share_dropdown ul li img {
width: 8px;
margin: 0 12px 0 0;
}
.social_share_dropdown ul li:hover {
background-color: #5d5d5d;
}
.social_share_dropdown ul li:hover .social_network_icon {
color: #fff !important;
}
.social_share_dropdown ul li:hover a,
.latest_post_holder .social_share_dropdown ul li:hover a {
color: #fff !important;
}
/* ==========================================================================
Social share list shortcode styles
========================================================================== */
.social_share_list_holder ul {
list-style: none;
display: inline-block;
}
.social_share_list_holder ul li {
display: inline-block;
margin: 10px 12px 0 0;
vertical-align: middle;
}
.social_share_list_holder ul li i {
color: #393939;
font-size: 26px;
line-height: 26px;
vertical-align: middle;
-webkit-transition: color 0.2s ease-in-out;
-moz-transition: color 0.2s ease-in-out;
-ms-transition: color 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out;
}
.social_share_list_holder ul li i:hover {
color: #e6ae48;
}
.social_share_list_holder.regular ul li i {
font-size: 19px;
line-height: 19px;
}
/* ==========================================================================
Separator with text shortcode start styles
========================================================================== */
.vc_text_separator.full {
position: relative;
height: 100%;
box-sizing: border-box;
border-bottom: 0;
text-align: center;
}
.vc_text_separator.full .separator_wrapper {
position: relative;
display: inline-block;
vertical-align: middle;
top: 0;
padding: 0 35px;
background-color: #fff;
border: 0;
z-index: 2;
}
.vc_text_separator.full .separator_content {
position: relative;
display: inline-block;
vertical-align: middle;
top: 0px;
padding: 20px 60px;
font-size: 17px;
line-height: 30px;
color: #3e3e3e;
font-weight: 700;
letter-spacing: 3px;
text-align: center;
background-color: #fff;
border: 1px solid #a6a6a6;
}
.vc_text_separator.full .separator_content span {
position: relative;
display: block;
}
.vc_text_separator.full .separator_line {
position: absolute;
top: 50%;
left: 0;
height: 1px;
width: 100%;
padding: 0;
display: block;
background-color: #a6a6a6;
z-index: 1;
}
/* ==========================================================================
Separator with text shortcode end styles
========================================================================== */
/* ==========================================================================
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: #e6ae48;
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;
}
/* ==========================================================================
Interactive Banners start styles
========================================================================== */
.q_image_with_text_over {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0px;
width: 100%;
cursor: default;
}
.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;
background-position: 0px 0px;
background-color: rgba(57, 57, 57, 0.9);
background-repeat: repeat;
z-index: 20;
-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_image_with_text_over:hover .shader {
background-color: rgba(230, 174, 72, 0.9);
}
.q_image_with_text_over .front_holder,
.q_image_with_text_over .back_holder {
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 30;
opacity: 1;
filter: alpha(opacity=100);
overflow: hidden;
padding: 35px 40px 26px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: opacity 0.2s ease-in-out;
-moz-transition: opacity 0.2s ease-in-out;
-o-transition: opacity 0.2s ease-in-out;
-ms-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
-webkit-transform: translateZ(0px);
}
.q_image_with_text_over:hover .front_holder,
.q_image_with_text_over .back_holder {
opacity: 0;
filter: alpha(opacity=0);
}
.q_image_with_text_over:hover .back_holder {
opacity: 1;
filter: alpha(opacity=100);
}
.q_image_with_text_over .front_holder_inner,
.q_image_with_text_over .back_holder_inner {
position: relative;
display: table;
width: 100%;
height: 100%;
}
.q_image_with_text_over .front_holder_inner2,
.q_image_with_text_over .back_holder_inner2 {
position: relative;
display: table-cell;
vertical-align: bottom;
}
.q_image_with_text_over .icon_holder {
position: absolute;
top: 0;
}
.q_image_with_text_over .front_subtitle,
.q_image_with_text_over .front_title,
.q_image_with_text_over .icon_holder {
display: block;
color: #fff;
}
.q_image_with_text_over .front_subtitle {
margin: 0 0 4px;
}
/* ==========================================================================
Interactive Banners end styles
========================================================================== */
/* ==========================================================================
Team shortcode styles
========================================================================== */
.q_team {
overflow: hidden;
}
.q_team.with_padding .q_team_text {
padding-left: 20px;
padding-right: 20px;
}
.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 {
display: table;
width: 100%;
height: 100%;
}
.q_team .q_team_text {
padding: 19px 0 16px;
}
.q_team .q_team_text.left_align {
text-align: left;
}
.q_team .q_team_text.center_align {
text-align: center;
}
.q_team .q_team_text.right_align {
text-align: right;
}
.q_team .q_team_title_holder {
margin: 0 0 12px;
}
.q_team .q_team_title_holder .q_team_name {
margin-bottom: 7px;
color: #393939;
}
.q_team .q_team_social_holder {
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0;
opacity: 0;
filter: alpha(opacity=0);
display: table-cell;
vertical-align: middle;
background-color: #e6ae48;
cursor: pointer;
-webkit-transition: opacity .3s ease-in-out;
-moz-transition: opacity .3s ease-in-out;
-ms-transition: opacity .3s ease-in-out;
-o-transition: opacity .3s ease-in-out;
-webkit-transform: translateZ(0px);
}
.q_team:hover .q_team_social_holder {
opacity: 1;
filter: alpha(opacity=100);
}
.q_team .q_team_social {
display: table;
width: 100%;
height: 100%;
}
.q_team .q_team_social_inner {
display: table-cell;
vertical-align: middle;
text-align: center;
}
.q_team_social .q_social_icon_holder {
margin: 0 7px 7px !important;
}
.q_team_social_holder .q_social_icon_holder .fa-stack {
color: #393939;
background-color: #fff;
border: none;
width: 36px;
height: 36px;
line-height: 36px;
}
.q_team_social_holder .q_social_icon_holder:hover .fa-stack {
color: #fff;
background-color: #393939;
}
.q_team .q_social_icon_holder.normal_social .simple_social,
.q_team .q_social_icon_holder.normal_social.with_link .simple_social {
font-size: 24px;
line-height: 36px;
color: #393939;
-webkit-transform: translateZ(0px);
}
.q_team .q_social_icon_holder.normal_social span.simple_social,
.q_team .q_social_icon_holder.normal_social.with_link span.simple_social {
font-size: 22px;
}
.q_team .q_team_social_holder .simple_social:hover {
color: #fff !important;
}
.q_team .q_team_social_holder .social_icon {
font-size: 18px;
line-height: 36px;
}
.q_team .q_team_social_holder span.social_icon {
font-size: 16px;
}
.q_team .q_team_social_holder .social_icon,
.q_team .q_team_social_holder .social_icon:before {
display: block;
}
.q_team .q_team_skills_holder {
margin-top: 30px;
margin-bottom: 48px;
}
.q_team.info_hover .q_team_name,
.q_team.info_hover .q_team_position,
.q_team.info_hover .q_social_icon_holder.normal_social .simple_social,
.q_team.info_hover .q_social_icon_holder.normal_social.with_link .simple_social {
color: #fff;
}
.q_team.info_hover .q_team_social_inner {
text-align: left;
position: relative;
}
.q_team.info_hover .q_team_title_holder {
position: absolute;
top: 25px;
left: 35px;
}
.q_team.info_hover .q_team_social_on_hover {
display: inline-block;
position: absolute;
bottom: 18px;
left: 35px;
}
.q_team.info_hover .q_social_icon_holder.normal_social span.simple_social,
.q_team.info_hover .q_social_icon_holder.normal_social .simple_social,
.q_team.info_hover .q_social_icon_holder.normal_social.with_link .simple_social {
font-size: 15px;
}
.q_team.info_hover .q_team_social .q_social_icon_holder {
margin: 0 14px 7px 0 !important;
}
.q_team.info_hover .q_team_social_holder {
opacity: 1;
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-ms-transition: -ms-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-webkit-transform: translate3d(-100%, 0, 0);
-ms-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.q_team.info_hover:hover .q_team_social_holder {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.q_team.info_hover .q_team_image img {
-webkit-transition: -webkit-transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-ms-transition: -ms-transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-webkit-backface-visibility: hidden;
}
.q_team.info_hover:hover .q_team_image img {
-webkit-transform: translate3d(102%, 0, 0);
-ms-transform: translate3d(102%, 0, 0);
transform: translate3d(102%, 0, 0);
-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-ms-transition: -ms-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
/* ==========================================================================
End of team shortcode styles
========================================================================== */
/* ==========================================================================
Image hover styles
========================================================================== */
.image_hover {
position: relative;
display: inline-block;
width: 100%;
}
.image_hover .images_holder {
position: relative;
}
.image_hover .images_holder img.hover_image {
position: absolute;
top: 0;
left: 0;
}
.image_hover .images_holder img.active_image {
position: relative;
display: block;
opacity: 1;
filter: alpha(opacity=100);
}
.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: opacity 0.3s ease-in-out;
-ms-transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
-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);
}
/* ==========================================================================
Carousel shortcode styles
========================================================================== */
.qode_carousels {
padding: 0;
position: relative;
display: block;
zoom: 1;
}
.qode_carousels_holder.two_rows .slides > li .carousel_item_holder,
.qode_carousels_holder.two_rows .slides .item .carousel_item_holder {
margin-bottom: 50px;
position: relative;
}
.qode_carousels .slides > li .first_image_holder,
.qode_carousels .slides > li .second_image_holder,
.qode_carousels.carousel_owl .slides .item .first_image_holder,
.qode_carousels.carousel_owl .slides .item .second_image_holder {
display: block;
position: relative;
width: 100%;
opacity: 1;
}
.qode_carousels .slides > li .second_image_holder,
.qode_carousels.carousel_owl .slides .item .second_image_holder {
position: absolute;
top: 0;
left: 0;
}
.qode_carousels_holder.hover_second_image .slides > li .first_image_holder,
.qode_carousels_holder.hover_second_image .slides > li .second_image_holder,
.qode_carousels_holder.hover_second_image .carousel_owl .slides .item .first_image_holder,
.qode_carousels_holder.hover_second_image .carousel_owl .slides .item .second_image_holder {
transition: opacity 0.25s linear;
}
.qode_carousels .slides > li .second_image_holder,
.qode_carousels_holder.hover_second_image:not(.two_rows) .qode_carousels .slides > li:hover .first_image_holder.has_hover_image,
.qode_carousels.carousel_owl .slides .item .second_image_holder,
.qode_carousels_holder.hover_second_image:not(.two_rows) .qode_carousels.carousel_owl .slides .item:hover .first_image_holder.has_hover_image {
opacity: 0;
}
.qode_carousels_holder.hover_second_image:not(.two_rows) .qode_carousels .slides > li:hover .second_image_holder.has_hover_image,
.qode_carousels_holder.hover_second_image:not(.two_rows) .qode_carousels.carousel_owl .slides .item:hover .second_image_holder.has_hover_image {
opacity: 1;
}
.qode_carousels_holder.two_rows .qode_carousels .slides > li div.carousel_item_holder .second_image_holder,
.qode_carousels_holder.two_rows.hover_second_image .qode_carousels .slides > li div.carousel_item_holder:hover .first_image_holder.has_hover_image,
.qode_carousels_holder.two_rows .qode_carousels.carousel_owl .slides .item div.carousel_item_holder .second_image_holder,
.qode_carousels_holder.two_rows.hover_second_image .qode_carousels.carousel_owl .slides .item div.carousel_item_holder:hover .first_image_holder.has_hover_image {
opacity: 0;
}
.qode_carousels_holder.two_rows.hover_second_image .qode_carousels .slides > li div.carousel_item_holder:hover .second_image_holder.has_hover_image,
.qode_carousels_holder.two_rows.hover_second_image .qode_carousels.carousel_owl .slides .item div.carousel_item_holder:hover .second_image_holder.has_hover_image {
opacity: 1;
}
.qode_carousels .slides > li .carousel_image_overlay,
.qode_carousels.carousel_owl .slides .item .carousel_image_overlay {
position: absolute;
top: 0;
left: 0;
display: inline-block;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.25);
opacity: 0;
transition: opacity 0.3s ease-out;
-webkit-transition: opacity 0.3s ease-out;
-moz-transition: opacity 0.3s ease-out;
-ms-transition: opacity 0.3s ease-out;
-o-transition: opacity 0.3s ease-out;
}
.qode_carousels_holder.hover_overlay:not(.two_rows) .qode_carousels .slides > li:hover .carousel_image_overlay,
.qode_carousels_holder.two_rows.hover_overlay .qode_carousels .slides > li div.carousel_item_holder:hover .carousel_image_overlay,
.qode_carousels_holder.hover_overlay:not(.two_rows) .qode_carousels.carousel_owl .slides .item:hover .carousel_image_overlay,
.qode_carousels_holder.two_rows.hover_overlay .qode_carousels.carousel_owl .slides .item div.carousel_item_holder:hover .carousel_image_overlay {
opacity: 1;
}
.qode_carousels .caroufredsel-direction-nav .caroufredsel-navigation-item {
font-size: 14px;
width: 45px;
height: 45px;
line-height: 45px;
text-align: center;
color: #fff;
background-color: #a6a6a6;
-webkit-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out;
-moz-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out;
-o-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out;
-ms-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out;
transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out;
-webkit-box-sizing: initial;
-moz-box-sizing: initial;
box-sizing: initial;
}
.qode_carousels .caroufredsel-direction-nav .caroufredsel-navigation-item:hover {
background-color: #393939;
}
.qode_carousels .caroufredsel-direction-nav .caroufredsel-navigation-item span {
display: block;
vertical-align: middle;
color: inherit;
}
.qode_carousels .caroufredsel-direction-nav .qode_carousel_next,
.full_width .section_inner .qode_carousels .caroufredsel-direction-nav .qode_carousel_next {
right: -95px;
}
.full_width .qode_carousels .caroufredsel-direction-nav .qode_carousel_next {
right: 0;
}
.qode_carousels .caroufredsel-direction-nav .qode_carousel_prev,
.full_width .section_inner .qode_carousels .caroufredsel-direction-nav .qode_carousel_prev {
left: -95px;
}
.full_width .qode_carousels .caroufredsel-direction-nav .qode_carousel_prev {
left: 0;
}
/* With space style start */
.qode_carousels_holder.with_space .qode_carousels {
width: calc(100% + 18px);
margin: 0 -9px;
}
.qode_carousels_holder.with_space .qode_carousels .slides > li {
margin-right: 0;
padding: 0 9px;
}
.qode_carousels_holder.with_space .qode_carousels.carousel_owl .slides .item {
margin-right: 0;
padding: 10px 25px;
}
.qode_carousels_holder.with_space .carousel_item_holder {
position: relative;
}
.full_width .qode_carousels_holder.with_space .qode_carousels .caroufredsel-direction-nav .qode_carousel_prev {
left: 9px;
}
.full_width .qode_carousels_holder.with_space .qode_carousels .caroufredsel-direction-nav .qode_carousel_next {
right: 9px;
}
/* ==========================================================================
End of carousel shortcode styles
========================================================================== */
/* ==========================================================================
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 .animated_icon {
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;
display: inline-block;
}
.animated_icon_inner span.animated_icon_back .animated_icon {
background-color: #e6ae48;
color: #fff;
border-color: #e6ae48;
}
.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: 250ms ease-out;
-moz-transition: 250ms ease-out;
-o-transition: 250ms ease-out;
transition: 250ms 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: 250ms ease-out;
-moz-transition: 250ms ease-out;
-o-transition: 250ms ease-out;
transition: 250ms 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: 250ms ease-out;
-moz-transition: 250ms ease-out;
-o-transition: 250ms ease-out;
transition: 250ms ease-out;
}
/* ==========================================================================
Service table shorcode start styles
========================================================================== */
.service_table_holder {
display: block;
position: relative;
border-color: #e6ae48;
border-width: 2px;
border-style: none;
}
.service_table_inner {
display: block;
position: relative;
list-style: none;
margin: 0;
padding: 0;
}
.service_table_inner ul {
padding: 0 35px !important;
}
.service_table_inner li {
display: block;
margin: 0;
padding: 0;
list-style: none;
text-align: center;
border-bottom: 2px solid #e6ae48;
}
.service_table_inner > li {
background-color: #fff;
}
.service_table_inner li li {
padding: 14px 20px 13px;
}
.service_table_inner li:last-child,
.service_table_inner .service_icon {
border-bottom: 0;
}
.service_table_inner li.service_table_title_holder {
display: block;
position: relative;
border: none;
background-color: #e6ae48;
padding: 20px 0;
}
.service_table_inner li.service_icon .service_table_icon {
color: #393939;
font-size: 35px;
}
.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%;
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;
color: #ffffff;
}
.service_table_inner .service_table_icon {
display: block;
line-height: 1em;
padding: 27px 0 10px;
}
/* ==========================================================================
Service table shorcode end styles
========================================================================== */
/* ==========================================================================
Qode circles styles
========================================================================== */
.q_circles_holder {
position: relative;
display: inline-block;
width: 100%;
clear: both;
list-style: none;
margin: 0;
padding: 0;
border-color: #afafaf;
}
.q_circles_holder.with_lines.three_columns:before {
top: 78px;
}
.q_circles_holder.with_lines.four_columns:before {
top: 68px;
}
.q_circles_holder.with_lines.five_columns:before {
top: 56px;
}
.q_circles_holder.with_lines:before {
position: absolute;
left: 110px;
display: block;
width: 75%;
height: 0;
border-top: 1px solid;
border-color: inherit;
/* it needs to be like this so it can override from parent element */
content: "";
}
.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;
padding: 6px;
border: 1px solid #afafaf;
border-radius: 50%;
-webkit-transition: border-color 0.15s ease-in-out, padding 0.15s ease-in-out;
-moz-transition: border-color 0.15 ease-in-out, padding 0.15s ease-in-out;
-ms-transition: border-color 0.15s ease-in-out, padding 0.15s ease-in-out;
-o-transition: border-color 0.15s ease-in-out, padding 0.15s ease-in-out;
transition: border-color 0.15s ease-in-out, padding 0.15s ease-in-out;
}
.q_circles_holder.with_lines .q_circle_inner {
background-color: #fff;
}
.q_circle_outer.without_double_border .q_circle_inner {
padding: 0;
border: none;
}
.q_circles_holder.three_columns .q_circle_inner {
width: 148px;
height: 148px;
}
.q_circles_holder.four_columns .q_circle_inner {
width: 128px;
height: 128px;
}
.q_circles_holder.five_columns .q_circle_inner {
width: 108px;
height: 108px;
}
.q_circles_holder.five_columns .q_circle_inner.big_border {
width: 124px;
height: 124px;
}
.q_circles_holder .q_circle_inner2 {
position: relative;
display: table-cell;
width: 100%;
height: 100%;
vertical-align: middle;
text-align: center;
border: 1px solid #afafaf;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
overflow: hidden;
}
.q_circle_outer.text_type .q_circle_inner2 {
padding: 5px;
}
.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 .process_icon,
.q_circles_holder .q_circle_inner2,
.q_circles_holder .q_circle_inner2 .q_text_in_circle {
-webkit-transition: all 0.15s ease-in-out;
-moz-transition: all 0.15s ease-in-out;
-o-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
}
.q_circles_holder .q_circle_inner2 .process_icon {
color: #696969;
font-size: 24px;
}
.q_circles_holder .q_circle_inner:hover .q_circle_inner2 {
background-color: #e6ae48 !important;
}
.q_circles_holder .q_circle_inner:hover .q_circle_inner2,
.q_circles_holder .q_circle_inner:hover {
border-color: #e6ae48 !important;
}
.q_circles_holder .q_circle_inner:hover .q_circle_inner2 .process_icon,
.q_circles_holder .q_circle_inner:hover .q_circle_inner2 .q_text_in_circle {
color: #fff !important;
}
.q_circles_holder .q_circle_text_holder {
display: block;
text-align: center;
margin: 24px 0 0;
padding: 0 10px;
}
.q_circles_holder .q_circle_text_holder .q_circle_text {
display: block;
margin: 20px 0 0;
}
/* ==========================================================================
End of Qode circles styles
========================================================================== */
/* ==========================================================================
Cover Boxes styles
========================================================================== */
.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.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.cover_boxes ul li.act,
.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: 0;
width: 245px;
z-index: 9;
top: 0;
}
.cover_boxes ul li .box .cover_box_title {
margin: 0px 0px 18px;
}
.cover_boxes ul li .box .qbutton {
margin: 20px 0 0;
}
/* ==========================================================================
End of Cover Boxes styles
========================================================================== */
/* ==========================================================================
Icon List start styles
========================================================================== */
.q_icon_list {
display: block;
position: relative;
margin-bottom: 15px;
}
.q_icon_list p {
position: relative;
line-height: 37px;
font-weight: 300;
margin: 0;
}
.q_icon_list p.small_icon_list {
line-height: 28px;
padding: 0 0 0 28px;
}
.q_icon_list i,
.q_icon_list .q_font_elegant_icon {
float: left;
color: #696969;
font-size: 19px;
line-height: 35px;
height: 37px;
width: 37px;
text-align: center;
margin: 0 10px 0 0;
}
.q_icon_list i.small_icon_list,
.q_icon_list span.q_font_elegant_icon {
font-size: 15px;
line-height: 28px;
height: 28px;
width: 28px;
}
.q_icon_list i.circle,
.q_icon_list i.square,
.q_icon_list .q_font_elegant_icon.circle,
.q_icon_list .q_font_elegant_icon.square {
border: 1px solid #696969;
margin: 0 18px 0 0;
}
.q_icon_list i.circle,
.q_font_elegant_icon.circle {
border-radius: 3em;
}
/* ==========================================================================
Icon List end styles
========================================================================== */
/* ==========================================================================
Progress bar shortcode start styles
========================================================================== */
.q_progress_bar {
position: relative;
margin: 0 0 10px;
width: 100%;
overflow: hidden;
text-align: left;
}
.q_progress_bar .progress_content_outer {
background-color: #fff;
position: relative;
overflow: hidden;
height: 16px;
}
.q_progress_bar .progress_content {
position: absolute;
top: 0;
left: 0;
max-width: 100%;
overflow: hidden;
background-color: #e6ae48;
height: 16px;
}
.q_progress_bar .progress_title_holder {
position: relative;
margin: 0 0 5px;
}
.q_progress_bar .progress_title {
display: inline-block;
z-index: 100;
padding-right: 30px;
}
.q_progress_bar .progress_number {
text-align: right;
position: absolute;
right: 0px;
color: #e6ae48;
}
.q_progress_bar .progress_number.with_mark:after {
content: '%';
margin-left: 0.1em;
font-size: 1em;
}
/* ==========================================================================
Progress bar shortcode end styles
========================================================================== */
/* ==========================================================================
Vertical progress bar shortcode start styles
========================================================================== */
.q_progress_bars_vertical .progress_content_outer {
height: 200px;
position: relative;
background-color: #fff;
}
.q_progress_bars_vertical .progress_number {
line-height: 1em;
color: #393939;
display: block;
position: relative;
font-weight: 700;
margin-bottom: 14px;
}
.q_progress_bars_vertical .progress_number.with_mark:after {
content: '%';
margin-left: 0.1em;
font-size: 1em;
}
.q_progress_bars_vertical .progress_title {
margin-bottom: 0.7777777777777778em;
margin-top: 1em;
}
.q_progress_bars_vertica .progress_text {
display: inline-block;
}
.q_progress_bars_vertical .progress_content_outer .progress_content {
display: inline-block;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
background-color: #e6ae48;
}
/* ==========================================================================
Vertical progress bar shortcode end styles
========================================================================== */
/* ==========================================================================
Counter shortcode start styles
========================================================================== */
.q_counter_holder {
display: block;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: opacity .2s ease 0s;
-moz-transition: opacity .2s ease 0s;
-o-transition: opacity .2s ease 0s;
-ms-transition: opacity .2s ease 0s;
transition: opacity .2s ease 0s;
padding: 20px 0;
}
.q_counter_holder.boxed_counter {
border: 1px solid #a6a6a6;
padding: 20px 40px;
background-color: transparent;
}
.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: 40px;
line-height: 1em;
font-weight: 700;
font-family: inherit;
color: #fff;
overflow: hidden;
display: inline-block !important;
height: 1em;
}
.q_counter_holder p.counter_text {
margin: 5px 0 0 0;
color: #fff;
}
.q_counter_holder .separator.small {
margin: 10px auto 0px auto;
border-bottom: 1px solid #a6a6a6;
}
.wpb_column > .wpb_wrapper .q_counter_holder .separator.small {
margin-bottom: 18px;
}
.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
========================================================================== */
/* ==========================================================================
Countdown shortcode start styles
========================================================================== */
/* jQuery Countdown styles 2.0.0. */
.countdown-rtl {
direction: rtl;
}
.countdown-row {
clear: both;
width: 100%;
padding: 0 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%;
}
.qode-countdown {
font-weight: 500;
}
.countdown-section {
display: inline-block;
vertical-align: middle;
text-align: center;
font-weight: inherit;
}
.countdown-amount {
display: block;
position: relative;
font-size: 72px;
line-height: 74px;
margin-bottom: 23px;
letter-spacing: 0;
color: #212121;
font-weight: 400;
}
.countdown-period {
display: block;
font-size: 18px;
line-height: 0;
letter-spacing: 0;
text-transform: lowercase;
color: #212121;
font-weight: 500;
}
.countdown-descr {
display: block;
width: 100%;
}
/* ==========================================================================
Countdown shortcode end styles
========================================================================== */
/* ==========================================================================
Button shortcode styles
========================================================================== */
.qbutton,
.load_more a,
.blog_load_more_button a,
#submit_comment,
.post-password-form input[type="submit"] {
position: relative;
display: inline-block;
width: auto;
height: 37px;
line-height: 37px;
margin: 0;
padding: 0 22px;
border: 2px solid #e6ae48;
font-size: 11px;
font-weight: 800;
font-family: inherit;
text-align: left;
color: #fff;
background-color: #e6ae48;
text-decoration: none;
cursor: pointer;
outline: none;
font-style: normal;
text-transform: uppercase;
text-shadow: none;
letter-spacing: 2px;
white-space: nowrap;
border-radius: 0;
-webkit-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
-moz-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
-ms-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
-o-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
-webkit-box-sizing: initial !important;
-moz-box-sizing: initial !important;
box-sizing: initial !important;
}
.post-password-form label {
display: block;
}
.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,
.post-password-form input[type="submit"]:hover {
color: #e6ae48;
background-color: transparent;
border-color: #e6ae48;
}
.qbutton.left {
text-align: left;
}
.qbutton.right {
text-align: right;
}
.qbutton.center {
text-align: center;
}
.qbutton.move_icon .button_icon {
-webkit-transition: margin 0.25s ease-out;
transition: margin 0.25s ease-out;
}
.qbutton.move_icon:hover .button_icon {
margin-left: 17px;
}
.qbutton.move_icon.large:hover .button_icon {
margin-left: 24px;
}
.qbutton.display_dash:before {
content: '';
display: inline-block;
vertical-align: middle;
width: 0;
height: 2px;
background-color: currentColor;
line-height: 0;
margin-top: -1px;
margin-right: 0;
-webkit-transition: width 0.15s ease-out, margin 0.15s ease-out;
-moz-transition: width 0.15s ease-out, margin 0.15s ease-out;
transition: width 0.15s ease-out, margin 0.15s ease-out;
}
.qbutton.display_dash:hover:before {
width: 21px;
margin-right: 9px;
}
.qbutton.underlined {
border: none;
border-bottom: 4px solid #e6ae48;
background-color: transparent !important;
color: #000000;
padding: 0 !important;
line-height: 24px !important;
height: 24px !important;
}
.qbutton.underlined .qode-underlined-button-span {
background-color: #000;
bottom: -4px;
height: 4px;
left: 0;
position: absolute;
width: 0;
-webkit-transition: width 0.3s;
-moz-transition: width 0.3s;
transition: width 0.3s;
}
.qbutton.underlined:hover {
color: #000 !important;
}
.qbutton.underlined:hover .qode-underlined-button-span {
width: 100%;
}
/* Button sizes styles
========================================================================== */
.qbutton.big_large {
height: 50px;
line-height: 50px;
font-size: 14px;
padding: 0 36px;
}
.qbutton.big_large_full_width {
width: 100%;
height: 60px;
line-height: 60px;
font-size: 18px;
padding: 0;
text-align: center;
-webkit-box-sizing: border-box !important;
-moz-box-sizing: border-box !important;
box-sizing: border-box !important;
}
.qbutton.large {
height: 45px;
line-height: 45px;
font-size: 14px;
padding: 0 28px;
}
.qbutton.small {
height: 34px;
line-height: 34px;
font-size: 10px;
padding: 0 16px;
}
/* Button color styles
========================================================================== */
.qbutton.white {
border-color: #fff;
color: #fff;
background-color: transparent;
}
.qbutton.white:hover {
background-color: #e6ae48;
border-color: #e6ae48;
}
.qbutton.solid_color {
border-color: #e6ae48;
color: #fff;
background-color: #e6ae48;
}
.qbutton.solid_color:hover {
background-color: #fff;
border-color: #fff;
color: #a2a2a2;
}
/* Button with icon styles
========================================================================== */
.qbutton .button_icon {
margin: 0 0 0 10px;
display: inline-block;
}
.qbutton .button_icon.custom_icon_size {
line-height: 37px;
vertical-align: top;
}
.qbutton.large .button_icon {
margin: 0 0 0 17px;
}
.qbutton.large .button_icon.custom_icon_size {
line-height: 45px;
}
.qbutton.medium .button_icon {
margin: 0 0 0 15px;
}
.qbutton.medium .button_icon.custom_icon_size {
line-height: 37px;
}
.qbutton.small .button_icon {
margin: 0 0 0 10px;
}
.qbutton.small .button_icon.custom_icon_size {
line-height: 34px;
}
.qbutton.big_large .button_icon,
.qbutton.big_large_full_width .button_icon {
margin: 0 0 0 19px;
}
.qbutton.big_large .button_icon.custom_icon_size {
line-height: 50px;
}
.qbutton.big_large_full_width .button_icon.custom_icon_size {
line-height: 60px;
}
/* ==========================================================================
Button end styles
========================================================================== */
/* ==========================================================================
Pie Charts and Pie Charts With Icon start styles
========================================================================== */
.q_pie_chart_holder,
.q_pie_chart_with_icon_holder {
position: relative;
display: block;
}
.q_percentage,
.q_percentage_with_icon {
position: relative;
display: block;
height: 175px;
width: 175px;
line-height: 175px;
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 canvas,
.q_percentage_with_icon canvas {
position: absolute;
top: 0;
left: 0;
}
.q_pie_chart_holder .tocounter,
.q_percentage_with_icon i,
.q_percentage_with_icon .q_font_elegant_icon {
float: none;
margin: 0;
font-size: 30px;
color: #393939;
vertical-align: middle !important;
}
.q_pie_chart_holder .tocounter {
position: relative;
font-weight: 700;
}
.q_percentage_with_icon i,
.q_percentage_with_icon .q_font_elegant_icon {
display: inline;
}
.q_pie_chart_holder .tocounter.with_mark:after {
content: '%';
margin-left: 0.1em;
font-size: 1em;
}
.q_pie_chart_holder .pie_chart_text,
.q_pie_chart_with_icon_holder .pie_chart_text {
text-align: center;
margin: 34px 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 15px;
}
/* ==========================================================================
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: 60px 0;
background-color: #fff;
}
.call_to_action .two_columns_75_25,
.call_to_action .text_wrapper {
position: relative;
}
.call_to_action.with_icon .text_wrapper .call_to_action_text {
padding: 0 20px 0 70px;
}
.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 .call_to_action_icon {
color: #8b8b8b;
font-size: 40px;
}
.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;
color: #8b8b8b;
background-color: transparent;
}
.call_to_action .column2.button_wrapper .qbutton:hover {
color: #fff;
border-color: #e6ae48;
background-color: #e6ae48;
}
.call_to_action .column2.button_wrapper .qbutton.small {
margin-top: -17px;
}
.call_to_action .column2.button_wrapper .qbutton.large {
margin-top: -23px;
}
.call_to_action .column2.button_wrapper .qbutton.big_large {
margin-top: -25px;
}
/* ==========================================================================
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;
}
section.parallax_section_holder.elementor-element {
position: relative;
transition: none !important;
}
.parallax_content {
z-index: 100;
position: relative;
}
.parallax_content.left {
text-align: left;
}
.parallax_content.center {
text-align: center;
}
.parallax_content.right {
text-align: right;
}
section.parallax_section_holder.vertical_middle_align {
display: table;
width: 100%;
}
section.parallax_section_holder.vertical_middle_align .parallax_content_outer {
display: table-cell;
height: 100%;
vertical-align: middle;
padding: 100% 0;
}
/* ==========================================================================
Separator shortcode
========================================================================== */
.separator {
position: relative;
display: block;
height: 1px;
border-bottom: 1px solid #b2b2b2;
margin: 10px 0;
}
.separator.transparent {
border-color: transparent;
}
.separator.small {
height: 1px;
position: relative;
width: 27px;
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;
}
/* ==========================================================================
End of separator shortcode
========================================================================== */
/* ==========================================================================
Content menu styles
========================================================================== */
nav.content_menu {
position: relative;
text-align: left;
display: block;
z-index: 1001;
background-color: #ffffff;
-webkit-transform: translateZ(0px);
width: 100%;
}
.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: #e6ae48;
}
nav.content_menu ul li.active i,
nav.content_menu ul li.active a {
color: #5d5d5d;
}
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;
}
.right_side_menu_opened .full_width nav.content_menu.fixed {
left: -270px;
}
/* ==========================================================================
End of content menu styles
========================================================================== */
/* ==========================================================================
Image gallery
========================================================================== */
.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,
.qode_carousels.carousel_owl .slides .item {
background-color: transparent;
position: relative;
margin: 0;
float: left;
}
.qode_carousels.carousel_owl .slides .owl-item {
text-align: center;
}
.qode_carousels.carousel_owl .slides .item {
float: none;
display: inline-block;
}
.qode_carousels .slides > li {
margin: 0 5px 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;
}
.frame_holder.frame_holder3 .gallery_frame {
left: 7px;
}
.wpb_flexslider.flexslider.have_frame {
width: 645px;
margin: 0 auto;
overflow: visible;
}
.wpb_flexslider.flexslider.have_frame.frame3 {
width: 545px;
}
.wpb_flexslider.flexslider.have_frame.frame4 {
width: 376px;
}
.frame_holder > .wpb_wrapper {
padding: 10px 0 102px 0;
position: relative;
}
.frame_holder.frame_holder2 > .wpb_wrapper {
padding: 48px 0 75px 0;
}
.frame_holder.frame_holder3 > .wpb_wrapper {
padding: 20px 0 190px 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 {
position: relative;
margin: 0 0 60px;
zoom: 1;
}
.blog_holder article.format-gallery .flexslider {
margin: 0;
}
.portfolio_slider {
margin: 0;
width: 100.2%;
}
.flex-viewport,
.portfolio_slider .flex-viewport {
max-height: 2000px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
transition: all 1s ease;
direction: ltr;
}
.loading .flex-viewport {
max-height: 300px;
}
.flexslider .slides,
.portfolio_slider .portfolio_slides,
.qode_carousels .slides {
zoom: 1;
}
.portfolio_slider .flex-direction-nav,
.flexslider .flex-direction-nav {
*height: 0;
}
.flex-direction-nav a,
.caroufredsel-direction-nav a,
.qode-owl-slider .owl-nav .owl-prev,
.qode-owl-slider .owl-nav .owl-next,
.qode_carousels.carousel_owl .owl-nav .owl-prev,
.qode_carousels.carousel_owl .owl-nav .owl-next {
position: absolute;
display: block;
top: 50%;
width: 45px;
height: 45px;
line-height: 45px;
margin: -23px 0 0;
cursor: pointer;
text-align: center;
color: #fff;
font-size: 14px;
background-color: #a6a6a6;
z-index: 110;
-webkit-transition: background-color .3s ease-in-out, color .3s ease-in-out, border-color .3s ease-in-out;
-moz-transition: background-color .3s ease-in-out, color .3s ease-in-out, border-color .3s ease-in-out;
-o-transition: background-color .3s ease-in-out, color .3s ease-in-out, border-color .3s ease-in-out;
-ms-transition: background-color .3s ease-in-out, color .3s ease-in-out, border-color .3s ease-in-out;
transition: background-color .3s ease-in-out, color .3s ease-in-out, border-color .3s ease-in-out;
-webkit-box-sizing: initial;
-moz-box-sizing: initial;
box-sizing: initial;
}
.qode_carousels.carousel_owl .owl-nav .owl-prev,
.qode-owl-slider .owl-nav .owl-prev {
left: 0;
}
.qode_carousels.carousel_owl .owl-nav .owl-next,
.qode-owl-slider .owl-nav .owl-next {
right: 0;
}
.flexslider:hover .flex-direction-nav a:hover,
.portfolio_slider:hover .caroufredsel-direction-nav a:hover {
background-color: #393939;
}
.flex-direction-nav a span,
.caroufredsel-direction-nav a span {
display: block;
line-height: inherit;
}
.have_frame .flex-direction-nav a i {
display: none;
}
.flexslider .flex-next,
.portfolio_slider .caroufredsel-next,
.full_width .section_inner .portfolio_slider .caroufredsel-next {
right: -95px;
}
.flexslider.frame4 .flex-next {
right: -70px;
}
.portfolio_single .column1 .flexslider .flex-next,
.portfolio_single_sidebar .flexslider .flex-next,
.full_width .portfolio_slider .caroufredsel-next,
.blog_holder.masonry .flexslider .flex-next,
.blog_holder.masonry_full_width .flexslider .flex-next,
.grid2 .blog_holder .flexslider .flex-next,
body.boxed .flexslider .flex-next,
body.boxed .portfolio_slider .caroufredsel-next,
body.boxed .full_width .section_inner .portfolio_slider .caroufredsel-next {
right: 0;
}
.flexslider .flex-prev,
.portfolio_slider .caroufredsel-prev,
.full_width .section_inner .portfolio_slider .caroufredsel-prev {
left: -95px;
}
.flexslider.frame4 .flex-prev {
left: -70px;
}
.portfolio_single .column1 .flexslider .flex-prev,
.portfolio_single_sidebar .flexslider .flex-prev,
.full_width .portfolio_slider .caroufredsel-prev,
.blog_holder.masonry .flexslider .flex-prev,
.blog_holder.masonry_full_width .flexslider .flex-prev,
.grid2 .blog_holder .flexslider .flex-prev,
body.boxed .flexslider .flex-prev,
body.boxed .portfolio_slider .caroufredsel-prev,
body.boxed .full_width .section_inner .portfolio_slider .caroufredsel-prev {
left: 0;
}
.flex-direction-nav .flex-disabled {
cursor: default;
}
/* ==========================================================================
Pretty Photo style start
========================================================================== */
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_content_container .pp_left,
body div.pp_default .pp_content_container .pp_right {
background: none;
padding: 0px;
}
body div.pp_default .pp_expand {
display: none !important;
}
body div.pp_default .pp_content {
background: none;
margin: 0 auto;
}
div.pp_default .pp_content .ppt {
color: #f8f8f8;
}
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: 130px;
position: relative;
float: left;
}
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_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_social {
float: left;
margin: 0;
}
.pp_social .facebook {
float: left;
margin-left: 5px;
width: 55px;
overflow: hidden;
}
.pp_social .twitter {
float: left;
}
.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_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 0;
}
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,
body div.pp_default .pp_content_container .pp_details {
opacity: 0.7 !important;
}
body div.pp_default a.pp_next,
body div.pp_default a.pp_previous {
position: absolute;
top: 50%;
display: block;
height: 45px;
width: 45px;
line-height: 45px;
margin: -23px 0 0;
color: transparent;
background: none !important;
background-color: #a6a6a6 !important;
font-size: 0 !important;
text-align: center;
text-indent: 0 !important;
opacity: 0;
-webkit-transition: opacity 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
-ms-transition: opacity 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
-webkit-transform: translateZ(0px);
}
body div.pp_default a.pp_next:after,
body div.pp_default a.pp_previous:after {
position: absolute;
top: 0;
left: 46%;
display: block;
color: #fff;
font-family: 'FontAwesome',serif;
font-size: 14px;
-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;
}
body div.pp_default a.pp_previous:after {
content: "\f104";
}
body div.pp_default a.pp_next:after {
content: "\f105";
}
body div.pp_default a.pp_next {
right: 0;
}
body div.pp_default a.pp_previous {
left: 0;
}
body div.pp_default a.pp_next:hover,
body div.pp_default a.pp_previous:hover {
background-color: #393939 !important;
}
body div.pp_default .pp_content:hover a.pp_next,
body div.pp_default .pp_content:hover a.pp_previous {
opacity: 1;
}
body div.pp_default .pp_description {
float: left;
font-family: 'Crete Round', sans-serif;
font-size: 14px;
line-height: 1.571428571428571em;
font-style: italic;
font-weight: 400;
color: #fff;
margin: 2px 0 0;
}
body div.pp_default .pp_nav .currentTextHolder {
left: auto;
position: relative;
float: left;
padding: 0px 20px;
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
========================================================================== */
/* ==========================================================================
Video section styles
========================================================================== */
.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;
}
/* ==========================================================================
End of video section styles
========================================================================== */
/* ==========================================================================
Expandable section 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 {
position: relative;
display: inline-block;
width: 100%;
padding: 70px 0 0;
vertical-align: middle;
}
.more_facts_holder {
background-color: #393939;
}
.more_facts_button {
display: block;
position: relative;
margin: 0;
padding: 39px 0 15px;
color: #fff;
font-size: 18px;
line-height: 1.444444444444444em;
letter-spacing: 2px;
font-weight: 700;
text-transform: uppercase;
cursor: pointer;
z-index: 90;
}
.more_facts_button:hover {
color: #8d8d8d;
}
.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;
padding: 0 0 5px;
-webkit-transition: color 0.15s ease-in-out;
-moz-transition: color 0.15s ease-in-out;
-ms-transition: color 0.15s ease-in-out;
-o-transition: color 0.15s ease-in-out;
transition: color 0.15s ease-in-out;
}
.more_facts_button .more_facts_button_arrow {
-webkit-transition: -webkit-transform 150ms ease-in-out;
-moz-transition: -moz-transform 150ms ease-in-out;
-ms-transition: -ms-transform 150ms ease-in-out;
-o-transition: -o-transform 150ms ease-in-out;
transition: transform 150ms ease-in-out;
-webkit-transition: color 0.15s ease-in-out;
-moz-transition: color 0.15s ease-in-out;
-ms-transition: color 0.15s ease-in-out;
-o-transition: color 0.15s ease-in-out;
transition: color 0.15s 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;
}
/* ==========================================================================
End of expandable section styles
========================================================================== */
/* ==========================================================================
Custom font styles
========================================================================== */
.custom_font_holder {
display: block;
position: relative;
}
.header_top .custom_font_holder {
display: inline-block;
vertical-align: middle;
}
.custom_font_holder .qode-cf-underlined-words {
position: relative;
display: inline-block;
}
.custom_font_holder .qode-cf-underlined-words:before {
content: '';
position: absolute;
left: 0;
bottom: 3px;
width: 100%;
height: 2px;
background-color: currentColor;
}
.custom_font_holder > span {
color: inherit;
font-family: inherit;
font-size: inherit;
line-height: inherit;
font-weight: inherit;
font-style: inherit;
letter-spacing: inherit;
text-transform: inherit;
}
/* ==========================================================================
End of custom font styles
========================================================================== */
/* ==========================================================================
Start of shop category showcase
========================================================================== */
/* Structure start */
.qode_shop_category_showcase {
display: table;
width: 100%;
height: 100%;
}
.page-template-default .qode_shop_category_showcase,
.grid_section .qode_shop_category_showcase {
width: calc(100% + 80px);
margin: 0 -40px;
}
.qode_shop_category_showcase .qode_shop_category_showcase_element {
display: table-cell;
height: 100%;
vertical-align: middle;
padding: 40px 40px 0 40px;
line-height: 0;
}
.qode_shop_category_showcase_element.element_left {
padding-right: 20px;
}
.qode_shop_category_showcase_element.element_right {
padding-left: 20px;
}
.qode_shop_category_showcase.cat_and_products_33_66 .qode_shop_category_showcase_element.element_left,
.qode_shop_category_showcase.cat_and_products_66_33 .qode_shop_category_showcase_element.element_right {
width: 33.33%;
}
.qode_shop_category_showcase.cat_and_products_33_66 .qode_shop_category_showcase_element.element_right,
.qode_shop_category_showcase.cat_and_products_66_33 .qode_shop_category_showcase_element.element_left {
width: 66.66%;
}
.qode_shop_category_showcase .qode_category_showcase_product_holder:first-child {
padding-bottom: 20px;
}
.qode_shop_category_showcase .qode_category_showcase_product_holder:last-child {
padding-top: 20px;
}
.qode_shop_category_showcase.showcase_single_product .qode_category_showcase_product_holder:first-child,
.qode_shop_category_showcase.showcase_single_product .qode_category_showcase_product_holder:last-child {
padding: 0;
}
/* Structure end */
/* Layout start */
.qode_shop_category_showcase .qode_category_showcase_category_holder {
position: relative;
line-height: 0;
display: inline-block;
width: 100%;
height: 100%;
min-height: 220px;
}
.qode_shop_category_showcase .qode_category_showcase_category_info {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.qode_shop_category_showcase .qode_category_showcase_category_info:before {
position: absolute;
left: 0;
top: 0;
width: 100%;
content: '';
height: 100%;
opacity: 0;
background: #fff;
-ms-transition: opacity 0.3s cubic-bezier(0.27, 0.52, 0.55, 0.96);
-webkit-transition: opacity 0.3s cubic-bezier(0.27, 0.52, 0.55, 0.96);
transition: opacity 0.3s cubic-bezier(0.27, 0.52, 0.55, 0.96);
}
.qode_shop_category_showcase .qode_category_showcase_category_holder:hover .qode_category_showcase_category_info:before {
opacity: 0.2;
}
.qode_shop_category_showcase .qode_category_showcase_category_name {
position: absolute;
bottom: 8%;
left: 7%;
color: #161616;
line-height: 24px;
font-size: 26px;
font-weight: 600;
letter-spacing: 1.6px;
-ms-transition: -ms-transform 0.3s cubic-bezier(0.27, 0.52, 0.55, 0.96);
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.27, 0.52, 0.55, 0.96);
transition: transform 0.3s cubic-bezier(0.27, 0.52, 0.55, 0.96);
}
.qode_shop_category_showcase .qode_category_showcase_category_holder:hover .qode_category_showcase_category_name {
-ms-transform: translateY(-20px);
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
.qode_shop_category_showcase .qode_category_showcase_product_holder_inner {
position: relative;
line-height: 0;
}
.qode_shop_category_showcase .qode_category_showcase_product_image_holder {
line-height: 0;
}
.qode_shop_category_showcase .qode_category_showcase_product_info_holder {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.qode_shop_category_showcase .qode_category_showcase_product_info_holder_inner {
display: table;
table-layout: fixed;
width: 100%;
height: 100%;
}
.qode_shop_category_showcase .qode_category_showcase_product_info_wrapper {
display: table-cell;
width: 100%;
height: 100%;
vertical-align: middle;
text-align: center;
padding: 0 30px;
}
.qode_shop_category_showcase .qode_category_showcase_product_title {
font-size: 22px;
color: #161616;
font-weight: 600;
letter-spacing: 1.6px;
margin-bottom: 55px;
line-height: 1.2em;
opacity: 0;
-ms-transform: translateY(20px);
-webkit-transform: translateY(20px);
transform: translateY(20px);
-ms-transition: opacity 0.3s cubic-bezier(0.27, 0.52, 0.55, 0.96), -ms-transform 0.3s cubic-bezier(0.27, 0.52, 0.55, 0.96);
-webkit-transition: opacity 0.3s cubic-bezier(0.27, 0.52, 0.55, 0.96), -webkit-transform 0.3s cubic-bezier(0.27, 0.52, 0.55, 0.96);
transition: opacity 0.3s cubic-bezier(0.27, 0.52, 0.55, 0.96), transform 0.3s cubic-bezier(0.27, 0.52, 0.55, 0.96);
}
.qode_shop_category_showcase .qode_category_showcase_product_price {
font-size: 20px;
font-style: italic;
color: #5c5c5c;
font-family: Georgia, sans-serif;
opacity: 0;
-ms-transform: translateY(20px);
-webkit-transform: translateY(20px);
transform: translateY(20px);
-ms-transition: opacity 0.3s cubic-bezier(0.27, 0.52, 0.55, 0.96), -ms-transform 0.3s cubic-bezier(0.27, 0.52, 0.55, 0.96);
-webkit-transition: opacity 0.3s cubic-bezier(0.27, 0.52, 0.55, 0.96), -webkit-transform 0.3s cubic-bezier(0.27, 0.52, 0.55, 0.96);
transition: opacity 0.3s cubic-bezier(0.27, 0.52, 0.55, 0.96), transform 0.3s cubic-bezier(0.27, 0.52, 0.55, 0.96);
}
.qode_shop_category_showcase .qode_category_showcase_product_holder:hover .qode_category_showcase_product_title,
.qode_shop_category_showcase .qode_category_showcase_product_holder:hover .qode_category_showcase_product_price {
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.qode_shop_category_showcase .qode_category_showcase_product_holder .qode_category_showcase_product_shader {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.95);
opacity: 0;
-webkit-transition: opacity 0.3s cubic-bezier(0.27, 0.52, 0.55, 0.96);
transition: opacity 0.3s cubic-bezier(0.27, 0.52, 0.55, 0.96);
}
.qode_shop_category_showcase .qode_category_showcase_product_holder:hover .qode_category_showcase_product_shader {
opacity: 1;
}
/* Layout end */
/* ==========================================================================
End of shop category showcase
========================================================================== */
/* ==========================================================================
End of shortcodes styles
========================================================================== */
/* ==========================================================================
Sidebar and side menu styles
========================================================================== */
/**
* Common sidebar, side menu and widgets styles that are placed in this widget areas
*/
.container aside.sidebar {
position: relative;
z-index: 11;
}
.side_menu .widget li {
margin: 0 0 7px;
font-family: 'Crete Round', sans-serif;
font-size: 14px;
font-style: italic;
color: inherit;
-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.sidebar .widget a {
color: #a6a6a6;
-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.sidebar .widget a:hover {
color: #393939;
}
.side_menu .widget a:hover,
.side_menu .widget li:hover,
.side_menu .widget li:hover > a {
color: #fff;
}
aside.sidebar .widget ul,
.side_menu .widget ul {
list-style: none;
}
aside.sidebar .widget:not(.woocommerce) li {
margin: 0 0 7px;
color: #e6ae48;
font-family: 'Crete Round', sans-serif;
font-size: 14px;
font-style: italic;
}
aside.sidebar .widget li:last-child,
.side_menu .widget li:last-child {
margin: 0;
}
.widget.widget_rss li a.rsswidget,
#wp-calendar caption {
color: #393939;
}
#wp-calendar th,
#wp-calendar td {
padding: 3px 4px;
}
#wp-calendar td#today {
background-color: #e6ae48;
}
#wp-calendar td#today a {
color: #fff;
}
#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
*/
.widget.qodef-separator-widget {
display: flex;
margin-bottom: 0;
}
aside.sidebar .widget.widget_search {
border-bottom: 0px;
padding: 0;
}
aside.sidebar .widget h4 {
margin-bottom: 18px;
padding: 12px 18px;
background-color: #e6ae48;
color: #fff;
letter-spacing: 1px;
}
aside.sidebar .widget.posts_holder li.page_item_has_children > ul.children li:last-child,
aside.sidebar .widget.posts_holder li.menu-item-has-children > ul.sub-menu li:last-child {
border-bottom: 0;
}
aside.sidebar .widget.posts_holder li.page_item_has_children > ul.children,
aside.sidebar .widget.posts_holder li.menu-item-has-children > ul.sub-menu {
padding-left: 10px;
}
aside.sidebar .widget.posts_holder li.page_item_has_children > a,
aside.sidebar .widget.posts_holder li.menu-item-has-children > a {
display: block;
}
aside.sidebar .widget {
margin: 0 0 26px;
}
aside.sidebar .widget_nav_menu .sub-menu,
aside.sidebar .widget_pages .children {
margin-left: 5px;
margin-top: 6px;
}
/* Sidebar alignment styles */
.container aside.sidebar.left {
text-align: left;
}
.container aside.sidebar.center {
text-align: center;
}
.container aside.sidebar.right {
text-align: right;
}
.container aside.sidebar.center .post-date {
display: block;
}
/* Sidebar with borders around widgets */
aside.sidebar.enable_widget_borders .widget h4,
aside.sidebar.enable_widget_borders .widget.widget_product_tag_cloud h4 {
margin-bottom: 0;
}
aside.sidebar.enable_widget_borders .widget label {
display: none;
}
aside.sidebar.enable_widget_borders .widget form,
aside.sidebar.enable_widget_borders .widget select {
margin-top: 18px;
}
aside.sidebar.enable_widget_borders .widget > ul,
aside.sidebar.enable_widget_borders .widget .textwidget,
aside.sidebar.enable_widget_borders .widget .tagcloud,
aside.sidebar.enable_widget_borders .widget #calendar_wrap,
aside.sidebar.enable_widget_borders .widget.widget_nav_menu > div,
aside.sidebar.enable_widget_borders .widget .widget_shopping_cart_content {
padding: 23px 20px;
border: 1px solid #d1d1d1;
border-top: 0;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
/*----------------------FULLSCREEN SEARCH style start--------------------------*/
.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 .form_holder {
position: relative;
width: 50%;
margin: 0 auto;
}
.fullscreen_search_holder .qode_search_field {
width: 100%;
border: none;
outline: none;
color: #cbcbcb;
position: relative;
font-size: 48px;
line-height: 77px;
background-color: transparent;
border-bottom: 2px solid #cbcbcb;
font-family: 'Raleway', sans-serif;
}
.fullscreen_search_holder .qode_search_field::-webkit-input-placeholder {
color: #cbcbcb;
}
.fullscreen_search_holder .qode_search_field::-moz-placeholder {
color: #cbcbcb;
}
.fullscreen_search_holder .qode_search_field:-ms-input-placeholder {
color: #cbcbcb;
}
.fullscreen_search_holder .search_submit {
border: none;
background: transparent;
outline: none;
width: auto;
cursor: pointer;
font-family: 'FontAwesome';
font-size: 33px;
line-height: 77px;
-webkit-transition: color 0.3s ease-out;
transition: color 0.3s ease-out;
color: #161616;
position: absolute;
right: 0;
bottom: 0px;
}
.fullscreen_search_holder .search_submit:hover {
color: #cbcbcb;
}
.fullscreen_search_holder .fullscreen_search_close {
display: inline-block;
position: absolute;
top: 4%;
right: 5%;
width: 19px;
height: 19px;
line-height: 19px;
z-index: 1000;
}
.fullscreen_search_holder .fullscreen_search_close .line {
height: 3px;
width: 19px;
background-color: transparent;
margin: 0;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
left: 0;
position: absolute;
display: inline-block;
}
.fullscreen_search_holder .fullscreen_search_close .line:before {
background-color: #161616;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
height: 3px;
width: 19px;
top: 0;
content: "";
display: block;
position: absolute;
-webkit-transition: -webkit-transform 0.3s ease-out;
transition: transform 0.3s ease-out;
z-index: -1;
-webkit-backface-visibility: hidden;
}
.fullscreen_search_holder .fullscreen_search_close .line:after {
background-color: #161616;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
height: 3px;
width: 19px;
top: 0;
content: "";
display: block;
position: absolute;
-webkit-transition: -webkit-transform 0.3s ease-out;
transition: transform 0.3s ease-out;
z-index: -1;
-webkit-backface-visibility: hidden;
}
.fullscreen_search_holder .fullscreen_search_close:hover .line:before,
.fullscreen_search_holder .fullscreen_search_close:hover .line:after {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
/*----------------fade style------------------*/
.fullscreen_search_holder {
visibility: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
opacity: 0;
z-index: 111;
box-sizing: border-box;
}
.fullscreen_search_holder .fullscreen_search_table {
background-color: #fff;
}
.search_fade_out .fullscreen_search_holder {
-webkit-animation: search_fade_out .25s linear both;
animation: search_fade_out .25s linear both;
}
.search_fade_in .fullscreen_search_holder.animate {
-webkit-animation: search_fade_in .25s linear both;
animation: search_fade_in .25s linear both;
}
@-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;
}
}
.fullscreen_search_holder .form_holder {
opacity: 0;
-ms-transform: translateY(30%) translateZ(0);
-webkit-transform: translateY(30%) translateZ(0);
transform: translateY(30%) translateZ(0);
-webkit-transition: opacity 0.25s ease 0s, -webkit-transform 0.3s ease 0s;
-ms-transition: opacity 0.25s ease 0s, -ms-transform 0.3s ease 0s;
transition: opacity 0.25s ease 0s, transform 0.3s ease 0s;
}
.fullscreen_search_holder.animate .form_holder {
-webkit-transform: translateY(0) translateZ(0);
transform: translateY(0) translateZ(0);
opacity: 1;
-webkit-transition: opacity 0.5s ease 0.2s, -webkit-transform 0.5s ease 0.2s;
-ms-transition: opacity 0.5s ease 0.2s, -ms-transform 0.5s ease 0.2s;
transition: opacity 0.5s ease 0.2s, transform 0.5s ease 0.2s;
}
/* Side menu styles
========================================================================== */
/**
* Side menu specific styles
*/
.side_menu {
background-color: #393939;
height: 100%;
min-height: 100%;
overflow: hidden;
padding: 30px;
position: fixed;
top: 0;
right: -270px;
width: 270px;
z-index: 90;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
@media only screen and (min-width: 1000px) {
.admin-bar .side_menu {
top: 32px;
}
}
.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 10px;
}
.side_menu .widget {
margin: 0 0 30px;
}
.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: #8d8d8d;
}
.side_menu span.q_font_elegant_icon {
color: inherit;
}
.side_menu .widget.widget_calendar a {
color: #fff;
}
.side_menu .widget.widget_calendar {
font-size: 14px;
}
.side_menu .side_menu_title {
display: block;
margin: 0 0 12px;
}
.side_menu h4,
.side_menu h5 {
color: #fff;
}
.side_menu h4 {
margin: 0 0 15px 0;
}
.side_menu .widget.widget_nav_menu li.menu-item-has-children > .sub-menu {
display: none;
}
.side_menu .widget.widget_nav_menu li:last-child {
margin: 0;
}
.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), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 200 / 100), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 210dppx) {
.side_menu a.close_side_menu {
background-image: url("img/close_side_menu@2x.png");
-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: 160dppx) {
.side_menu a.close_side_menu {
background-image: url("img/close_side_menu@2x.png");
-o-background-size: 13px 13px;
-webkit-background-size: 13px 13px;
-moz-background-size: 13px 13px;
background-size: 13px 13px;
}
}
/* Close icon type fold*/
.side_menu a.close_side_menu_fold {
display: inline-block;
position: absolute;
top: 30px;
right: 30px;
width: 19px;
height: 19px;
line-height: 19px;
z-index: 1000;
}
.side_menu a.close_side_menu_fold .line {
height: 3px;
width: 19px;
background-color: transparent;
margin: 0;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
left: 0;
position: absolute;
display: inline-block;
}
.side_menu a.close_side_menu_fold .line:before {
background-color: #fff;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
height: 3px;
width: 19px;
top: 0;
content: "";
display: block;
position: absolute;
-webkit-transition: -webkit-transform 0.3s ease-out;
-ms-transition: -ms-transform 0.3s ease-out;
transition: transform 0.3s ease-out;
z-index: -1;
-webkit-backface-visibility: hidden;
}
.side_menu a.close_side_menu_fold .line:after {
background-color: #fff;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
height: 3px;
width: 19px;
top: 0;
content: "";
display: block;
position: absolute;
-webkit-transition: -webkit-transform 0.3s ease-out;
-ms-transition: -ms-transform 0.3s ease-out;
transition: transform 0.3s ease-out;
z-index: -1;
-webkit-backface-visibility: hidden;
}
.side_menu a.close_side_menu_fold:hover .line:before,
.side_menu a.close_side_menu_fold:hover .line:after {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
/* Header and Footer widget areas styles
========================================================================== */
.header-widget.widget_nav_menu {
padding: 0 15px 0 0;
position: relative;
font-size: 13px;
}
.header-widget.widget_nav_menu ul ul {
display: none;
height: auto;
border-top: 2px solid #e6ae48;
background-color: #fafafa;
z-index: 1010;
position: absolute;
top: 33px;
left: 0;
padding: 0;
}
.header-widget.widget_nav_menu ul li:hover ul {
display: block;
}
.header-widget.widget_nav_menu ul ul ul {
left: 100%;
display: none !important;
top: -2px;
}
.header-widget.widget_nav_menu ul ul li:hover ul {
display: block !important;
}
.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 0 0 15px;
color: #9d9d9d;
}
.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: #e6ae48;
}
.header-widget.widget_nav_menu ul.menu li ul li a {
color: #9d9d9d;
display: block;
white-space: nowrap;
font-size: 13px;
font-weight: 400;
line-height: 38px;
margin: 0 15px;
padding: 0;
border-bottom: 1px solid #e1e1e1;
}
.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;
}
.footer_top .widget.widget_nav_menu li {
margin: 0;
line-height: 22px;
}
.widget.widget_archive select,
.widget.widget_categories select,
.widget.widget_text select {
width: 100%;
overflow: hidden;
border: none;
font-size: 13px;
background-color: #ededed;
outline: none;
color: inherit;
font-family: inherit;
padding: 9px 12px;
height: 37px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.widget #searchform {
display: inline-block;
vertical-align: middle;
width: 100%;
overflow: hidden;
background-color: #ededed;
}
.footer_top .widget #searchform {
background-color: transparent;
border: 1px solid #6a6a6a;
}
.header_top #searchform {
padding: 0 10px;
height: 33px;
}
.header_top .woocommerce.widget_product_search #searchform {
display: inline-block;
vertical-align: middle;
}
.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-align: center;
text-decoration: none;
background-color: transparent;
color: #8d8d8d;
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: 33px;
line-height: 33px;
margin: 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: #8d8d8d;
background-color: transparent;
font-family: inherit;
margin: 0;
padding: 2px 12px;
width: 74%;
height: 33px;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.footer_top .widget #searchform input[type="text"] {
color: #6a6a6a;
}
.header_top #searchform input[type="text"] {
height: 33px;
font-size: 12px;
}
.widget .tagcloud {
display: inline-block;
width: 100%;
}
/* Footer subscription contact form */
footer .wpcf7 .qodef-subscription-form {
position: relative;
}
footer .wpcf7 .qodef-subscription-form .wpcf7-form-control.wpcf7-text {
font-size: 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
width: 100%;
margin-bottom: 0;
vertical-align: top;
height: 44px;
line-height: normal;
background-color: #fff;
color: #8f8f8f;
border: 1px solid #f0f0f0;
border-right: 0;
padding-right: 58px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
footer .wpcf7 .qodef-subscription-form .wpcf7-form-control-wrap {
display: inline-block;
}
footer .wpcf7 .qodef-subscription-form .wpcf7-form-control.wpcf7-text::-webkit-input-placeholder {
color: #8f8f8f;
}
footer .wpcf7 .qodef-subscription-form .wpcf7-form-control.wpcf7-text:-moz-placeholder {
color: #8f8f8f;
opacity: 1;
}
footer .wpcf7 .qodef-subscription-form .wpcf7-form-control.wpcf7-text::-moz-placeholder {
color: #8f8f8f;
opacity: 1;
}
footer .wpcf7 .qodef-subscription-form .wpcf7-form-control.wpcf7-text:-ms-input-placeholder {
color: #8f8f8f;
opacity: 1;
}
footer .wpcf7 .qodef-subscription-form .wpcf7-form-control.wpcf7-text::-webkit-input-placeholder {
color: #8f8f8f;
}
footer .wpcf7 .qodef-subscription-form .wpcf7-form-control.wpcf7-text:-moz-placeholder {
color: #8f8f8f;
opacity: 1;
}
footer .wpcf7 .qodef-subscription-form .wpcf7-form-control.wpcf7-text::-moz-placeholder {
color: #8f8f8f;
opacity: 1;
}
footer .wpcf7 .qodef-subscription-form .wpcf7-form-control.wpcf7-text:-ms-input-placeholder {
color: #8f8f8f;
line-height: normal;
}
footer .qodef-subscription-form input.wpcf7-form-control.wpcf7-submit {
font-family: ElegantIcons;
font-size: 22px;
height: 40px;
line-height: 38px;
display: inline-block;
width: 40px;
vertical-align: top;
position: absolute;
right: 0;
top: 0;
padding: 0;
text-align: center;
border-radius: 0 3px 3px 0;
-webkit-border-radius: 0 3px 3px 0;
-moz-border-radius: 0 3px 3px 0;
box-sizing: content-box;
}
/* ==========================================================================
End of sidebar and side menu styles
========================================================================== */
/* ==========================================================================
Image Gallery slider with no space
========================================================================== */
.qode_image_gallery_no_space {
position: relative;
opacity: 0;
}
.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 {
-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 (min-width: 801px) {
.qode_image_gallery_no_space ul li:not(.active) a {
cursor: default;
}
}
.qode_image_gallery_no_space a.prettyphoto {
position: relative;
display: inline-block;
vertical-align: middle;
width: 100%;
height: 100%;
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}
.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 {
position: absolute;
top: 50%;
display: inline-block;
height: 45px;
width: 45px;
line-height: 45px;
margin: -22px 0 0;
color: #fff;
background-color: #a6a6a6;
font-size: 14px;
text-align: center;
vertical-align: middle;
-webkit-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
-moz-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
-ms-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
-o-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
}
.qode_image_gallery_no_space .controls a.prev-slide span,
.qode_image_gallery_no_space .controls a.next-slide span {
position: relative;
display: inline-block;
vertical-align: middle;
}
.qode_image_gallery_no_space.light .controls a.prev-slide,
.qode_image_gallery_no_space.light .controls a.next-slide {
color: #393939;
background-color: #fff;
}
.qode_image_gallery_no_space .controls a.prev-slide:hover,
.qode_image_gallery_no_space .controls a.next-slide:hover {
background-color: #393939;
}
.qode_image_gallery_no_space.light .controls a.prev-slide:hover,
.qode_image_gallery_no_space.light .controls a.next-slide:hover {
color: #fff;
background-color: #e6ae48;
}
.qode_image_gallery_no_space .controls a.prev-slide {
left: 15px;
}
.qode_image_gallery_no_space .controls a.next-slide {
right: 15px;
}
@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
========================================================================== */
/* ==========================================================================
Layer slider styles
========================================================================== */
.ls-noskin .ls-nav-prev,
.ls-noskin .ls-nav-next {
position: absolute;
display: inline-block !important;
margin: -25px 0 0;
top: 50%;
height: 50px;
width: 50px;
line-height: 50px;
z-index: 99;
cursor: pointer;
font-size: 18px;
color: #fff;
background-color: #a6a6a6;
opacity: 1 !important;
text-align: center;
-webkit-transition: background-color .3s ease-in-out !important;
-moz-transition: background-color .3s ease-in-out !important;
-o-transition: background-color .3s ease-in-out !important;
transition: background-color .3s ease-in-out !important;
}
.ls-noskin .ls-nav-prev:hover,
.ls-noskin .ls-nav-next:hover {
background-color: #393939;
}
.ls-noskin .ls-nav-prev {
left: 0;
}
.ls-noskin .ls-nav-next {
right: 0;
}
.ls-noskin .ls-nav-prev:after,
.ls-noskin .ls-nav-next:after {
position: relative;
display: block;
width: 100%;
height: 100%;
line-height: 50px;
font-family: 'ElegantIcons';
}
.ls-noskin .ls-nav-prev:after {
content: "\34";
}
.ls-noskin .ls-nav-next:after {
content: "\35";
}
.ls-wp-fullwidth-helper {
left: 0px !important;
}
/* ==========================================================================
End of layer slider styles
========================================================================== */
/* ==========================================================================
WordPress plugins styles
========================================================================== */
/**
* Here are defined styles for all WordPress plugins that we gave support for
*/
/* ==========================================================================
WPML styles
========================================================================== */
/* ==========================================================================
WPML start styles
========================================================================== */
aside .widget.icl_languages_selector,
section.side_menu .widget.icl_languages_selector,
footer .widget.icl_languages_selector,
.header_top .widget.icl_languages_selector {
overflow: visible;
}
#lang_sel img.iclflag,
.lang_sel_sel img.iclflag,
#lang_sel_list img.iclflag {
margin-right: 6px;
}
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,
.header_bottom #lang_sel,
.header_bottom #lang_sel_click {
height: 40px;
width: 100%;
}
.header_bottom #lang_sel {
position: relative;
top: 4px;
}
aside .widget #lang_sel_list,
section.side_menu #lang_sel_list,
footer #lang_sel_list,
.header_top #lang_sel,
.header_top #lang_sel_click,
.header_top #lang_sel_list,
.header_bottom #lang_sel_list,
.header_bottom #lang_sel_list {
display: inline-block;
height: auto;
}
.header_top #lang_sel,
.header_top #lang_sel_click {
position: relative;
height: 33px;
float: left;
padding: 0;
z-index: 1000;
}
aside.sidebar #lang_sel_click li,
section.side_menu #lang_sel_click li {
margin: 0;
}
.header_top #lang_sel_list {
width: auto !important;
}
.header_top #lang_sel li,
.header_top #lang_sel ul ul {
width: 180px !important;
text-align: left;
}
aside .widget #lang_sel_list ul,
section.side_menu #lang_sel_list ul,
footer #lang_sel_list ul,
.header_top #lang_sel_list ul,
.header_bottom #lang_sel_list ul {
display: inline-block;
top: 0 !important;
height: auto !important;
border: 0 !important;
}
aside .widget #lang_sel > ul > li,
aside .widget #lang_sel_click > ul > li,
section.side_menu #lang_sel > ul > li,
section.side_menu #lang_sel_click > ul > li,
footer #lang_sel > ul > li,
footer #lang_sel_click > ul > li,
.header_bottom #lang_sel > ul > li,
.header_bottom #lang_sel_click > ul > li {
line-height: 38px;
}
aside .widget #lang_sel > ul > li,
aside .widget #lang_sel_click > ul > li,
.header_bottom #lang_sel > ul > li,
.header_bottom #lang_sel_click > ul > li {
background-color: #fff;
}
aside .widget #lang_sel_list.lang_sel_list_horizontal > ul > li,
.header_bottom #lang_sel_list.lang_sel_list_horizontal > ul > li,
section.side_menu #lang_sel_list.lang_sel_list_horizontal > ul > li,
footer #lang_sel_list.lang_sel_list_horizontal > ul > li,
.header_top #lang_sel_list > ul > li {
margin: 0 15px 0 0 !important;
}
.vertical_menu_area #lang_sel ul li {
width: 100%;
}
aside .widget #lang_sel_list.lang_sel_list_horizontal > ul > li:last-child,
section.side_menu #lang_sel_list.lang_sel_list_horizontal > ul > li:last-child,
footer #lang_sel_list.lang_sel_list_horizontal > ul > li:last-child,
.header_top #lang_sel_list > ul > li:last-child {
margin: 0 !important;
}
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,
.header_top #lang_sel ul li a,
.header_top #lang_sel_click ul li a,
.header_bottom #lang_sel ul li a,
.header_bottom #lang_sel_click > ul > li a {
position: relative;
display: block;
font-family: 'Crete Round', sans-serif;
font-size: 14px !important;
font-style: italic;
font-weight: 400;
height: auto;
line-height: 20px !important;
margin: 0px !important;
padding: 8px 20px !important;
cursor: pointer;
background: none !important;
-webkit-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
-moz-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
-o-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
-ms-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
}
aside .widget #lang_sel ul li a,
aside .widget #lang_sel_click ul li a,
.header_bottom #lang_sel ul li a,
.header_bottom #lang_sel_click > ul > li a {
color: #a6a6a6 !important;
border: 1px solid #a6a6a6 !important;
}
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 {
color: #a2a2a2 !important;
border: 1px solid #fff !important;
}
.header_top #lang_sel ul li a,
.header_top #lang_sel_click ul li a {
color: #a2a2a2 !important;
border: 0 !important;
}
aside .widget #lang_sel > ul > li > a:after,
aside .widget #lang_sel_click > ul > li > a:after,
section.side_menu #lang_sel > ul > li > a:after,
section.side_menu #lang_sel_click > ul > li > a:after,
footer #lang_sel > ul > li > a:after,
footer #lang_sel_click > ul > li > a:after,
.header_top #lang_sel > ul > li > a:after,
.header_top #lang_sel_click > ul > li > a:after,
.header_bottom #lang_sel > ul > li > a:after,
.header_bottom #lang_sel_click > ul > li > a:after {
font-family: 'ElegantIcons';
font-size: 14px;
content: '\43';
position: absolute;
top: 9px;
right: 14px;
border: 0;
}
.header_top #lang_sel > ul > li > a:after,
.header_top #lang_sel_click > ul > li > a:after {
top: 1px;
}
.header_top #lang_sel ul li a,
.header_top #lang_sel_click ul li a {
height: 33px !important;
line-height: 33px !important;
padding: 0 15px !important;
z-index: 2500;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
aside .widget #lang_sel_list a,
section.side_menu #lang_sel_list a,
footer #lang_sel_list a,
.header_top #lang_sel_list a,
.header_bottom #lang_sel_list a {
display: block;
font-size: 15px !important;
color: #8d8d8d !important;
height: auto;
line-height: 33px !important;
margin: 0px !important;
padding: 0 !important;
border: 0 !important;
cursor: pointer;
background: none !important;
}
.header_bottom #lang_sel_list a {
line-height: 22px !important;
}
.header_top #lang_sel_list ul li,
.header_top #lang_sel_list ul li a {
display: inline-block !important;
width: auto !important;
float: left !important;
}
.header_top #lang_sel_list a {
line-height: 33px !important;
}
aside .widget #lang_sel_list ul li a.lang_sel_sel,
aside .widget #lang_sel_list ul li:hover > a,
.header_bottom #lang_sel_list ul li a.lang_sel_sel,
.header_bottom #lang_sel_list ul li:hover > a {
color: #393939 !important;
}
aside .widget #lang_sel > ul > li:hover > a,
aside .widget #lang_sel_click > ul > li:hover > a,
.header_bottom #lang_sel ul > li:hover > a,
.header_bottom #lang_sel_click > ul > li:hover a {
color: #393939 !important;
border-color: #393939 !important;
}
section.side_menu #lang_sel_list ul li a.lang_sel_sel,
section.side_menu #lang_sel_list ul li:hover > a,
footer #lang_sel_list ul li a.lang_sel_sel,
footer #lang_sel_list ul li:hover > a,
.header_top #lang_sel_list ul li a.lang_sel_sel,
.header_top #lang_sel_list ul li:hover > a {
color: #fff !important;
}
aside .widget #lang_sel ul ul,
aside .widget #lang_sel_click ul ul,
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,
.header_bottom #lang_sel ul ul,
.header_bottom #lang_sel_click ul ul {
width: 100%;
height: auto;
top: 38px;
left: 0;
background-color: transparent;
padding: 0 !important;
margin: 0;
border: 0;
z-index: 2;
}
aside .widget #lang_sel ul ul,
aside .widget #lang_sel_click ul ul,
.header_bottom #lang_sel ul ul,
.header_bottom #lang_sel_click ul ul {
background-color: #fff;
}
.header_top #lang_sel ul ul,
.header_top #lang_sel_click ul ul {
position: absolute;
height: auto;
top: 33px;
left: 0;
border: 0;
z-index: 1000;
background-color: #393939;
padding: 10px 0 !important;
list-style: none;
}
aside .widget #lang_sel ul ul a,
aside .widget #lang_sel_click ul ul a,
.header_bottom #lang_sel ul ul a,
.header_bottom #lang_sel_click ul ul a {
border: 1px solid #a6a6a6 !important;
border-top: 0 !important;
padding: 8px 20px !important;
}
aside .widget #lang_sel ul:hover ul a,
aside .widget #lang_sel_click ul:hover ul a,
.header_bottom #lang_sel ul:hover ul a,
.header_bottom #lang_sel_click ul:hover ul a {
border-color: #393939 !important;
border-top: 0 !important;
}
.header_bottom .submenu-languages {
display: none;
}
footer #lang_sel ul ul a,
footer #lang_sel_click ul ul a,
section.side_menu #lang_sel ul ul a,
section.side_menu #lang_sel_click ul ul a {
color: #a2a2a2 !important;
border: 1px solid #fff !important;
border-top: 0 !important;
}
.header_top #lang_sel ul ul a,
.header_top #lang_sel_click ul ul a {
color: #a2a2a2 !important;
border: 0 !important;
}
footer #lang_sel ul ul a,
footer #lang_sel_click ul ul a,
section.side_menu #lang_sel ul ul a,
section.side_menu #lang_sel_click ul ul a {
padding: 8px 20px !important;
}
footer #lang_sel ul ul a span,
footer #lang_sel_click ul ul a span,
section.side_menu #lang_sel ul ul a span,
section.side_menu #lang_sel_click ul ul a span {
color: #a2a2a2 !important;
-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;
}
aside .widget #lang_sel ul ul a:hover,
aside .widget #lang_sel_click ul ul a:hover {
color: #393939 !important;
}
footer #lang_sel ul ul a:hover,
footer #lang_sel_click ul ul a:hover,
section.side_menu #lang_sel ul ul a:hover,
section.side_menu #lang_sel_click ul ul a:hover,
.header_top #lang_sel ul ul a:hover,
.header_top #lang_sel_click ul ul a:hover,
.header_top #lang_sel > ul > li:hover > a,
.header_top #lang_sel_click > ul > li:hover > a,
footer #lang_sel ul ul a:hover span,
footer #lang_sel_click ul ul a:hover span,
section.side_menu #lang_sel ul ul a:hover span,
section.side_menu #lang_sel_click ul ul a:hover span {
color: #fff !important;
}
footer #lang_sel ul ul a span,
footer #lang_sel_click ul ul a span {
line-height: normal !important;
}
/* ==========================================================================
WPML end styles
========================================================================== */
/* ==========================================================================
End of WPML styles
========================================================================== */
/* ==========================================================================
End of WordPress plugins styles
========================================================================== */
/* ==========================================================================
Footer styles
========================================================================== */
/**
* Here are defined footer styles for all it's types, typography and widgets
*/
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 .container_inner > .widget {
text-align: center;
}
.fotter_top_border_holder,
.fotter_bottom_border_holder {
position: relative;
display: block;
width: 100%;
}
.fotter_top_border_holder.in_grid,
.fotter_bottom_border_holder.in_grid {
width: 1100px;
margin: 0 auto;
}
.footer_top_holder {
display: block;
background-color: #393939;
}
.footer_top {
padding: 82px 0px 76px;
}
.footer_top.footer_top_full {
padding: 82px 45px 76px;
}
.footer_top .widget {
margin: 0 0 26px;
}
.footer_top .widget:last-child {
margin: 0;
}
.footer_top .widget h4 {
color: #fff;
margin: 0 0 15px;
}
.footer_top ul {
list-style: none;
}
.footer_top ul ul,
.footer_top ol {
padding: 0 0 0 15px;
}
.footer_top a,
.footer_top p,
.footer_top li,
.footer_top .textwidget,
.footer_top .widget_recent_entries > ul > li > span {
color: #a2a2a2;
word-wrap: break-word;
}
.footer_top a:hover {
color: #fff;
}
footer:not(.footer_border_columns) .footer_top .four_columns .column2 .column_inner > div,
footer:not(.footer_border_columns) .footer_top .three_columns .column2 .column_inner > div,
footer:not(.footer_border_columns) .footer_top .two_columns_50_50 .column2 .column_inner > div {
margin: 0 0 0 15px;
}
footer.footer_border_columns .qode_column {
border-left: 1px solid #444;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
footer.footer_border_columns .qode_column:first-child {
border: none;
}
footer.footer_border_columns .qode_column > .column_inner {
padding: 0 30px;
}
footer.footer_border_columns .qode_column:first-child > .column_inner {
padding-left: 0;
}
footer.footer_border_columns .qode_column:last-child > .column_inner {
padding-right: 0;
}
.footer_top .four_columns .column4 .column_inner > div {
margin: 0 0 0 5px;
}
.footer_top .widget_nav_menu li.menu-item a {
margin-bottom: 10px;
}
.footer_top .widget.widget_rss li a.rsswidget,
.footer_top #wp-calendar caption {
color: #8d8d8d;
}
.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;
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_bottom_holder {
display: block;
background-color: #f6f6f6;
}
.footer_bottom {
display: table-cell;
text-align: center;
line-height: 22px;
height: 65px;
width: 1%;
vertical-align: middle;
}
.footer_bottom p,
.footer_bottom span,
.footer_bottom ul li a {
margin: 0px;
color: #393939;
}
.footer_top .widget.widget_search form input[type="text"] {
width: 70% !important;
}
.footer_bottom ul {
list-style: none;
text-align: center;
}
.footer_bottom ul .sub-menu {
display: none;
}
.footer_bottom ul li {
display: inline-block;
margin-right: 20px;
}
.footer_bottom ul li:last-child {
margin-right: 0;
}
/*footer advanced responsiveness - start*/
@media only screen and (max-width: 768px) {
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_768.qode_footer_adv_responsiveness_one_column .footer_top .qodef-footer-top-column-1,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_768.qode_footer_adv_responsiveness_one_column .footer_top .qodef-footer-top-column-2,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_768.qode_footer_adv_responsiveness_one_column .footer_top .qodef-footer-top-column-3,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_768.qode_footer_adv_responsiveness_one_column .footer_top .qodef-footer-top-column-4 {
text-align: left;
}
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_768.qode_footer_adv_responsiveness_one_column .footer_top .four_columns .column1,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_768.qode_footer_adv_responsiveness_one_column .footer_top .four_columns .column2,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_768.qode_footer_adv_responsiveness_one_column .footer_top .four_columns .column3,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_768.qode_footer_adv_responsiveness_one_column .footer_top .four_columns .column4,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_768.qode_footer_adv_responsiveness_one_column .footer_top .three_columns .column1,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_768.qode_footer_adv_responsiveness_one_column .footer_top .three_columns .column2,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_768.qode_footer_adv_responsiveness_one_column .footer_top .three_columns .column3,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_768.qode_footer_adv_responsiveness_one_column .footer_top .two_columns_25_75 .column1,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_768.qode_footer_adv_responsiveness_one_column .footer_top .two_columns_25_75 .column2,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_768.qode_footer_adv_responsiveness_one_column .footer_top .two_columns_33_66 .column1,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_768.qode_footer_adv_responsiveness_one_column .footer_top .two_columns_33_66 .column2,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_768.qode_footer_adv_responsiveness_one_column .footer_top .two_columns_50_50 .column1,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_768.qode_footer_adv_responsiveness_one_column .footer_top .two_columns_50_50 .column2,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_768.qode_footer_adv_responsiveness_one_column .footer_top .two_columns_66_33 .column1,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_768.qode_footer_adv_responsiveness_one_column .footer_top .two_columns_66_33 .column2,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_768.qode_footer_adv_responsiveness_one_column .footer_top .two_columns_75_25 .column1,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_768.qode_footer_adv_responsiveness_one_column .footer_top .two_columns_75_25 .column2 {
width: 100%;
}
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_768.qode_footer_adv_responsiveness_one_column .footer_top .four_columns .column1 > .column_inner,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_768.qode_footer_adv_responsiveness_one_column .footer_top .four_columns .column2 > .column_inner,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_768.qode_footer_adv_responsiveness_one_column .footer_top .four_columns .column3 > .column_inner,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_768.qode_footer_adv_responsiveness_one_column .footer_top .four_columns .column4 > .column_inner,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_768.qode_footer_adv_responsiveness_one_column .footer_top .three_columns .column1 > .column_inner,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_768.qode_footer_adv_responsiveness_one_column .footer_top .three_columns .column2 > .column_inner,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_768.qode_footer_adv_responsiveness_one_column .footer_top .three_columns .column3 > .column_inner,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_768.qode_footer_adv_responsiveness_one_column .footer_top .two_columns_25_75 .column1 > .column_inner,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_768.qode_footer_adv_responsiveness_one_column .footer_top .two_columns_25_75 .column2 > .column_inner,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_768.qode_footer_adv_responsiveness_one_column .footer_top .two_columns_33_66 .column1 > .column_inner,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_768.qode_footer_adv_responsiveness_one_column .footer_top .two_columns_33_66 .column2 > .column_inner,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_768.qode_footer_adv_responsiveness_one_column .footer_top .two_columns_50_50 .column1 > .column_inner,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_768.qode_footer_adv_responsiveness_one_column .footer_top .two_columns_50_50 .column2 > .column_inner,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_768.qode_footer_adv_responsiveness_one_column .footer_top .two_columns_66_33 .column1 > .column_inner,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_768.qode_footer_adv_responsiveness_one_column .footer_top .two_columns_66_33 .column2 > .column_inner,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_768.qode_footer_adv_responsiveness_one_column .footer_top .two_columns_75_25 .column1 > .column_inner,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_768.qode_footer_adv_responsiveness_one_column .footer_top .two_columns_75_25 .column2 > .column_inner {
padding: 0;
}
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_768.qode_footer_adv_responsiveness_one_column .footer_top .four_columns .column1 > .column_inner > div,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_768.qode_footer_adv_responsiveness_one_column .footer_top .four_columns .column2 > .column_inner > div,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_768.qode_footer_adv_responsiveness_one_column .footer_top .four_columns .column3 > .column_inner > div,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_768.qode_footer_adv_responsiveness_one_column .footer_top .four_columns .column4 > .column_inner > div,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_768.qode_footer_adv_responsiveness_one_column .footer_top .three_columns .column1 > .column_inner > div,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_768.qode_footer_adv_responsiveness_one_column .footer_top .three_columns .column2 > .column_inner > div,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_768.qode_footer_adv_responsiveness_one_column .footer_top .three_columns .column3 > .column_inner > div,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_768.qode_footer_adv_responsiveness_one_column .footer_top .two_columns_25_75 .column1 > .column_inner > div,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_768.qode_footer_adv_responsiveness_one_column .footer_top .two_columns_25_75 .column2 > .column_inner > div,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_768.qode_footer_adv_responsiveness_one_column .footer_top .two_columns_33_66 .column1 > .column_inner > div,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_768.qode_footer_adv_responsiveness_one_column .footer_top .two_columns_33_66 .column2 > .column_inner > div,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_768.qode_footer_adv_responsiveness_one_column .footer_top .two_columns_50_50 .column1 > .column_inner > div,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_768.qode_footer_adv_responsiveness_one_column .footer_top .two_columns_50_50 .column2 > .column_inner > div,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_768.qode_footer_adv_responsiveness_one_column .footer_top .two_columns_66_33 .column1 > .column_inner > div,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_768.qode_footer_adv_responsiveness_one_column .footer_top .two_columns_66_33 .column2 > .column_inner > div,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_768.qode_footer_adv_responsiveness_one_column .footer_top .two_columns_75_25 .column1 > .column_inner > div,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_768.qode_footer_adv_responsiveness_one_column .footer_top .two_columns_75_25 .column2 > .column_inner > div {
margin-left: 0;
margin-right: 0;
}
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_768.qode_footer_adv_responsiveness_one_column .footer_top .four_columns .column1,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_768.qode_footer_adv_responsiveness_one_column .footer_top .four_columns .column2,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_768.qode_footer_adv_responsiveness_one_column .footer_top .four_columns .column3,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_768.qode_footer_adv_responsiveness_one_column .footer_top .three_columns .column1,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_768.qode_footer_adv_responsiveness_one_column .footer_top .three_columns .column2,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_768.qode_footer_adv_responsiveness_one_column .footer_top .two_columns_50_50 .column1 {
margin: 0 0 25px;
}
}
@media only screen and (max-width: 768px) and (min-width: 601px) {
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_768.qode_footer_adv_responsiveness_two_columns .footer_top .four_columns .column1,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_768.qode_footer_adv_responsiveness_two_columns .footer_top .four_columns .column2,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_768.qode_footer_adv_responsiveness_two_columns .footer_top .four_columns .column3,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_768.qode_footer_adv_responsiveness_two_columns .footer_top .four_columns .column4 {
width: 50%;
}
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_768.qode_footer_adv_responsiveness_two_columns .footer_top .four_columns .column1,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_768.qode_footer_adv_responsiveness_two_columns .footer_top .four_columns .column2 {
margin: 0 0 25px;
}
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_768.qode_footer_adv_responsiveness_two_columns .footer_top .four_columns .column3 {
clear: both;
}
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_768.qode_footer_adv_responsiveness_two_columns .footer_top .four_columns .column3 > .column_inner {
padding-left: 0;
}
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_768.qode_footer_adv_responsiveness_two_columns .footer_top .four_columns .column3 > .column_inner > div {
margin-left: 0;
}
}
@media only screen and (max-width: 1024px) {
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_1024.qode_footer_adv_responsiveness_one_column .footer_top .qodef-footer-top-column-1,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_1024.qode_footer_adv_responsiveness_one_column .footer_top .qodef-footer-top-column-2,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_1024.qode_footer_adv_responsiveness_one_column .footer_top .qodef-footer-top-column-3,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_1024.qode_footer_adv_responsiveness_one_column .footer_top .qodef-footer-top-column-4 {
text-align: left;
}
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_1024.qode_footer_adv_responsiveness_one_column .footer_top .four_columns .column1,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_1024.qode_footer_adv_responsiveness_one_column .footer_top .four_columns .column2,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_1024.qode_footer_adv_responsiveness_one_column .footer_top .four_columns .column3,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_1024.qode_footer_adv_responsiveness_one_column .footer_top .four_columns .column4,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_1024.qode_footer_adv_responsiveness_one_column .footer_top .three_columns .column1,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_1024.qode_footer_adv_responsiveness_one_column .footer_top .three_columns .column2,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_1024.qode_footer_adv_responsiveness_one_column .footer_top .three_columns .column3,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_1024.qode_footer_adv_responsiveness_one_column .footer_top .two_columns_25_75 .column1,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_1024.qode_footer_adv_responsiveness_one_column .footer_top .two_columns_25_75 .column2,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_1024.qode_footer_adv_responsiveness_one_column .footer_top .two_columns_33_66 .column1,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_1024.qode_footer_adv_responsiveness_one_column .footer_top .two_columns_33_66 .column2,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_1024.qode_footer_adv_responsiveness_one_column .footer_top .two_columns_50_50 .column1,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_1024.qode_footer_adv_responsiveness_one_column .footer_top .two_columns_50_50 .column2,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_1024.qode_footer_adv_responsiveness_one_column .footer_top .two_columns_66_33 .column1,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_1024.qode_footer_adv_responsiveness_one_column .footer_top .two_columns_66_33 .column2,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_1024.qode_footer_adv_responsiveness_one_column .footer_top .two_columns_75_25 .column1,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_1024.qode_footer_adv_responsiveness_one_column .footer_top .two_columns_75_25 .column2 {
width: 100%;
}
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_1024.qode_footer_adv_responsiveness_one_column .footer_top .four_columns .column1 > .column_inner,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_1024.qode_footer_adv_responsiveness_one_column .footer_top .four_columns .column2 > .column_inner,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_1024.qode_footer_adv_responsiveness_one_column .footer_top .four_columns .column3 > .column_inner,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_1024.qode_footer_adv_responsiveness_one_column .footer_top .four_columns .column4 > .column_inner,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_1024.qode_footer_adv_responsiveness_one_column .footer_top .three_columns .column1 > .column_inner,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_1024.qode_footer_adv_responsiveness_one_column .footer_top .three_columns .column2 > .column_inner,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_1024.qode_footer_adv_responsiveness_one_column .footer_top .three_columns .column3 > .column_inner,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_1024.qode_footer_adv_responsiveness_one_column .footer_top .two_columns_25_75 .column1 > .column_inner,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_1024.qode_footer_adv_responsiveness_one_column .footer_top .two_columns_25_75 .column2 > .column_inner,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_1024.qode_footer_adv_responsiveness_one_column .footer_top .two_columns_33_66 .column1 > .column_inner,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_1024.qode_footer_adv_responsiveness_one_column .footer_top .two_columns_33_66 .column2 > .column_inner,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_1024.qode_footer_adv_responsiveness_one_column .footer_top .two_columns_50_50 .column1 > .column_inner,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_1024.qode_footer_adv_responsiveness_one_column .footer_top .two_columns_50_50 .column2 > .column_inner,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_1024.qode_footer_adv_responsiveness_one_column .footer_top .two_columns_66_33 .column1 > .column_inner,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_1024.qode_footer_adv_responsiveness_one_column .footer_top .two_columns_66_33 .column2 > .column_inner,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_1024.qode_footer_adv_responsiveness_one_column .footer_top .two_columns_75_25 .column1 > .column_inner,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_1024.qode_footer_adv_responsiveness_one_column .footer_top .two_columns_75_25 .column2 > .column_inner {
padding: 0;
}
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_1024.qode_footer_adv_responsiveness_one_column .footer_top .four_columns .column1 > .column_inner > div,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_1024.qode_footer_adv_responsiveness_one_column .footer_top .four_columns .column2 > .column_inner > div,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_1024.qode_footer_adv_responsiveness_one_column .footer_top .four_columns .column3 > .column_inner > div,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_1024.qode_footer_adv_responsiveness_one_column .footer_top .four_columns .column4 > .column_inner > div,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_1024.qode_footer_adv_responsiveness_one_column .footer_top .three_columns .column1 > .column_inner > div,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_1024.qode_footer_adv_responsiveness_one_column .footer_top .three_columns .column2 > .column_inner > div,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_1024.qode_footer_adv_responsiveness_one_column .footer_top .three_columns .column3 > .column_inner > div,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_1024.qode_footer_adv_responsiveness_one_column .footer_top .two_columns_25_75 .column1 > .column_inner > div,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_1024.qode_footer_adv_responsiveness_one_column .footer_top .two_columns_25_75 .column2 > .column_inner > div,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_1024.qode_footer_adv_responsiveness_one_column .footer_top .two_columns_33_66 .column1 > .column_inner > div,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_1024.qode_footer_adv_responsiveness_one_column .footer_top .two_columns_33_66 .column2 > .column_inner > div,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_1024.qode_footer_adv_responsiveness_one_column .footer_top .two_columns_50_50 .column1 > .column_inner > div,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_1024.qode_footer_adv_responsiveness_one_column .footer_top .two_columns_50_50 .column2 > .column_inner > div,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_1024.qode_footer_adv_responsiveness_one_column .footer_top .two_columns_66_33 .column1 > .column_inner > div,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_1024.qode_footer_adv_responsiveness_one_column .footer_top .two_columns_66_33 .column2 > .column_inner > div,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_1024.qode_footer_adv_responsiveness_one_column .footer_top .two_columns_75_25 .column1 > .column_inner > div,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_1024.qode_footer_adv_responsiveness_one_column .footer_top .two_columns_75_25 .column2 > .column_inner > div {
margin-left: 0;
margin-right: 0;
}
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_1024.qode_footer_adv_responsiveness_one_column .footer_top .four_columns .column1,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_1024.qode_footer_adv_responsiveness_one_column .footer_top .four_columns .column2,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_1024.qode_footer_adv_responsiveness_one_column .footer_top .four_columns .column3,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_1024.qode_footer_adv_responsiveness_one_column .footer_top .three_columns .column1,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_1024.qode_footer_adv_responsiveness_one_column .footer_top .three_columns .column2,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_1024.qode_footer_adv_responsiveness_one_column .footer_top .two_columns_50_50 .column1 {
margin: 0 0 25px;
}
}
@media only screen and (max-width: 1024px) and (min-width: 601px) {
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_1024.qode_footer_adv_responsiveness_two_columns .footer_top .four_columns .column1,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_1024.qode_footer_adv_responsiveness_two_columns .footer_top .four_columns .column2,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_1024.qode_footer_adv_responsiveness_two_columns .footer_top .four_columns .column3,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_1024.qode_footer_adv_responsiveness_two_columns .footer_top .four_columns .column4 {
width: 50%;
}
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_1024.qode_footer_adv_responsiveness_two_columns .footer_top .four_columns .column1,
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_1024.qode_footer_adv_responsiveness_two_columns .footer_top .four_columns .column2 {
margin: 0 0 25px;
}
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_1024.qode_footer_adv_responsiveness_two_columns .footer_top .four_columns .column3 {
clear: both;
}
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_1024.qode_footer_adv_responsiveness_two_columns .footer_top .four_columns .column3 > .column_inner {
padding-left: 0;
}
.qode_footer_adv_responsiveness.qode_footer_adv_responsiveness_1024.qode_footer_adv_responsiveness_two_columns .footer_top .four_columns .column3 > .column_inner > div {
margin-left: 0;
}
}
/*footer advanced responsiveness - end*/
/* ==========================================================================
End of footer styles
========================================================================== */
/* ==========================================================================
Contact form 7 styles
========================================================================== */
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: 0 0 15px;
padding: 10px 17px;
border: 2px solid transparent;
outline: 0;
resize: none;
font-family: inherit;
line-height: 18px;
background-color: #fff;
color: #8d8d8d;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
textarea.wpcf7-form-control.wpcf7-textarea {
padding: 15px 17px;
}
input.wpcf7-form-control.wpcf7-text:focus,
input.wpcf7-form-control.wpcf7-number:focus,
input.wpcf7-form-control.wpcf7-date:focus,
textarea.wpcf7-form-control.wpcf7-textarea:focus,
select.wpcf7-form-control.wpcf7-select:focus,
input.wpcf7-form-control.wpcf7-quiz:focus {
color: #393939;
border-color: #e6ae48;
}
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: 37px;
line-height: 37px;
margin: 0;
padding: 0 22px;
border: 2px solid #e6ae48;
font-size: 12px;
font-weight: 700;
font-family: inherit;
text-align: left;
color: #fff;
background-color: #e6ae48;
text-decoration: none;
cursor: pointer;
outline: none;
font-style: normal;
text-transform: uppercase;
text-shadow: none;
letter-spacing: 2px;
white-space: nowrap;
-webkit-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
-moz-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
-ms-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
-o-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
-webkit-box-sizing: initial !important;
-moz-box-sizing: initial !important;
box-sizing: initial !important;
}
input.wpcf7-form-control.wpcf7-submit[disabled] {
color: #fff;
border: 2px solid #e6ae48;
cursor: not-allowed;
}
input.wpcf7-form-control.wpcf7-submit:not([disabled]) {
border: 2px solid #e6ae48;
color: #fff;
}
input.wpcf7-form-control.wpcf7-submit:not([disabled]):hover {
border-color: #e6ae48;
background-color: transparent;
color: #e6ae48;
text-decoration: none;
}
input.wpcf7-form-control.wpcf7-range {
width: 100%;
}
.qode-field-holder {
position: relative;
}
input.wpcf7-form-control ~ .qode-focus-border {
background-color: #000;
bottom: 15px;
height: 1px;
left: 0px;
position: absolute;
-webkit-transition: width 0.4s ease;
-moz-transition: width 0.4s ease;
transition: width 0.4s ease;
width: 0;
}
input.wpcf7-form-control:focus ~ .qode-focus-border {
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: #e6ae48;
}
div.wpcf7-response-output.wpcf7-mail-sent-ok:before {
content: "\f087";
}
div.wpcf7-response-output.wpcf7-validation-errors {
background-color: #e6ae48;
}
div.wpcf7-response-output.wpcf7-validation-errors:before {
content: "\f12a";
}
.wpcf7-form-control.wpcf7-text,
.wpcf7-form-control.wpcf7-textarea,
.wpcf7-form-control.wpcf7-submit {
-webkit-appearance: none;
}
.qodef-subscription-form {
position: relative;
}
.qodef-subscription-form input.wpcf7-form-control.wpcf7-submit {
position: absolute;
right: 0;
top: 0;
}
/* ==========================================================================
End Contact form 7 styles
========================================================================== */
.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-slide,
.fp-slidesContainer {
height: 100%;
display: block;
}
.fp-slides {
z-index: 1;
height: 100%;
overflow: hidden;
position: relative;
-webkit-transition: all 0.3s ease-out;
/* Safari<=6 Android<=4.3 */
transition: all 0.3s ease-out;
}
.fp-section.fp-table,
.fp-slide.fp-table {
display: table;
width: 100%;
}
.fp-tableCell {
display: table-cell;
vertical-align: middle;
width: 100%;
height: 100%;
}
.fp-slidesContainer {
float: left;
position: relative;
}
.fp-controlArrow {
position: absolute;
z-index: 4;
top: 50%;
cursor: pointer;
width: 0;
height: 0;
border-style: solid;
margin-top: -28px;
}
.content.content_top_margin .fp-controlArrow {
margin-top: -78px;
}
.fp-controlArrow.fp-prev {
left: 15px;
width: 0;
border-width: 28.5px 24px 28.5px 0;
border-color: transparent #fff transparent transparent;
}
.fp-controlArrow.fp-next {
right: 15px;
border-width: 28.5px 0 28.5px 24px;
border-color: transparent transparent transparent #fff;
}
.fp-scrollable {
overflow: scroll;
}
.fp-easing {
-webkit-transition: all 0.7s ease-out;
/* Safari<=6 Android<=4.3 */
transition: all 0.7s ease-out;
}
.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: 145px;
}
.content.content_top_margin .full_screen_navigation_holder.up_arrow {
top: 45px !important;
}
.full_screen_navigation_holder.down_arrow {
position: fixed;
bottom: 45px;
}
.full_screen_navigation_inner {
position: relative;
display: inline-block;
vertical-align: middle;
}
.full_screen_navigation_inner a {
display: block;
color: #efe0c6;
font-size: 50px;
line-height: 1em;
}
.full_screen_navigation_inner a:hover {
color: #eac786;
}
.full_screen_navigation_inner span {
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;
}
.full_screen_sections_video {
position: absolute;
left: 0;
bottom: 0;
top: 0;
right: 0;
width: 100%;
height: 100%;
z-index: 10;
background-size: 100% 100%;
background-color: #000;
/* in case the video doesn't fit the whole page*/
background-position: center center;
background-size: contain;
object-fit: cover;
/*cover video background */
}
/* ==========================================================================
Start Gravity Forms styles
========================================================================== */
.gform_wrapper .gsection .gfield_label,
.gform_wrapper h2.gsection_title,
.gform_wrapper h3.gform_title {
font-family: 'Crete Round', sans-serif;
font-size: 28px !important;
font-weight: inherit !important;
font-style: italic;
text-transform: inherit;
}
.gform_wrapper .top_label .gfield_label {
color: #8b8b8b;
font-size: 13px;
line-height: 1.538461538461538em !important;
letter-spacing: 1px;
font-weight: 700 !important;
text-transform: uppercase;
}
.gform_wrapper .description,
.gform_wrapper .gfield_description,
.gform_wrapper .gsection_description,
.gform_wrapper .instruction,
.gform_wrapper .ginput_complex label {
font-family: inherit !important;
letter-spacing: normal !important;
}
.gform_wrapper .gfield_time_hour,
.gform_wrapper .gfield_time_minute,
.gform_wrapper .gfield_date_month,
.gform_wrapper .gfield_date_day,
.gform_wrapper .gfield_date_year {
vertical-align: middle !important;
}
.gform_wrapper input[type=text],
.gform_wrapper input[type=url],
.gform_wrapper input[type=email],
.gform_wrapper input[type=tel],
.gform_wrapper input[type=number],
.gform_wrapper input[type=password],
.gform_wrapper textarea {
position: relative;
padding: 10px 17px !important;
outline: 0;
resize: none;
font-family: inherit !important;
font-size: 11px !important;
line-height: 18px;
background-color: #fff;
color: #8d8d8d;
border: 1px solid transparent;
border-radius: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.gform_wrapper ul.gfield_radio li input[type=text],
.gform_wrapper .gfield_time_hour input[type=text],
.gform_wrapper .gfield_time_minute input[type=text],
.gform_wrapper .gfield_date_month input[type=text],
.gform_wrapper .gfield_date_day input[type=text],
.gform_wrapper .gfield_date_year input[type=text] {
padding: 5px 2px !important;
}
.gform_wrapper textarea {
padding: 15px 17px !important;
}
.gform_wrapper input[type=text]:focus,
.gform_wrapper input[type=url]:focus,
.gform_wrapper input[type=email]:focus,
.gform_wrapper input[type=tel]:focus,
.gform_wrapper input[type=number]:focus,
.gform_wrapper input[type=password]:focus,
.gform_wrapper textarea:focus {
color: #393939;
border-color: #e6ae48;
}
.gform_wrapper input[type=text]:focus::-webkit-input-placeholder,
.gform_wrapper input[type=text]:focus::-webkit-input-placeholder,
.gform_wrapper input[type=text]:focus::-webkit-input-placeholder,
.gform_wrapper input[type=text]:focus::-webkit-input-placeholder,
.gform_wrapper input[type=text]:focus::-webkit-input-placeholder,
.gform_wrapper input[type=text]:focus::-webkit-input-placeholder,
.gform_wrapper textarea:focus::-webkit-input-placeholder {
color: #8d8d8d;
}
.gform_wrapper input[type=text]:focus:-moz-placeholder,
.gform_wrapper input[type=text]:focus:-moz-placeholder,
.gform_wrapper input[type=text]:focus:-moz-placeholder,
.gform_wrapper input[type=text]:focus:-moz-placeholder,
.gform_wrapper input[type=text]:focus:-moz-placeholder,
.gform_wrapper input[type=text]:focus:-moz-placeholder,
.gform_wrapper textarea:focus:-moz-placeholder {
color: #8d8d8d;
}
.gform_wrapper input[type=text]:focus::-moz-placeholder,
.gform_wrapper input[type=text]:focus::-moz-placeholder,
.gform_wrapper input[type=text]:focus::-moz-placeholder,
.gform_wrapper input[type=text]:focus::-moz-placeholder,
.gform_wrapper input[type=text]:focus::-moz-placeholder,
.gform_wrapper input[type=text]:focus::-moz-placeholder,
.gform_wrapper textarea:focus::-moz-placeholder {
color: #8d8d8d;
}
.gform_wrapper input[type=text]:focus:-ms-input-placeholder,
.gform_wrapper input[type=text]:focus:-ms-input-placeholder,
.gform_wrapper input[type=text]:focus:-ms-input-placeholder,
.gform_wrapper input[type=text]:focus:-ms-input-placeholder,
.gform_wrapper input[type=text]:focus:-ms-input-placeholder,
.gform_wrapper input[type=text]:focus:-ms-input-placeholder,
.gform_wrapper textarea:focus:-ms-input-placeholder {
color: #8d8d8d;
}
.gform_wrapper select {
font-size: 11px !important;
background-color: #ededed;
border: 1px solid transparent;
outline: none;
color: inherit;
font-family: inherit !important;
padding: 9px 12px !important;
height: 37px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.gform_wrapper .gfield_time_ampm select {
height: 30px;
padding: 6px !important;
}
.gform_wrapper select[multiple] {
height: 90px;
}
.gform_wrapper input[type=button],
.gform_wrapper input[type=submit] {
position: relative;
display: inline-block;
width: auto;
height: 34px;
line-height: 34px;
margin: 0;
padding: 0 16px;
border: 2px solid #e6ae48;
font-size: 10px;
font-weight: 800;
font-family: inherit;
text-align: left;
color: #fff;
background-color: #e6ae48;
text-decoration: none;
cursor: pointer;
outline: none;
font-style: normal;
text-transform: uppercase;
text-shadow: none;
letter-spacing: 2px;
white-space: nowrap;
border-radius: 0;
-webkit-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
-moz-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
-ms-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
-o-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
-webkit-box-sizing: initial !important;
-moz-box-sizing: initial !important;
box-sizing: initial !important;
}
.gform_wrapper input[type=button]:hover,
.gform_wrapper input[type=submit]:hover {
color: #e6ae48;
background-color: transparent;
border-color: #e6ae48;
}
/* ==========================================================================
End Gravity Forms styles
========================================================================== */
/* ==========================================================================
Visual Composer Grid Elements
============================================================================ */
.vc_grid-container .vc_row.vc_grid .vc_grid-item .vc_btn,
.vc_grid-container .vc_row.vc_grid .vc_pageable-load-more-btn .vc_btn {
position: relative;
display: inline-block;
width: auto;
height: 37px;
line-height: 37px;
margin: 0;
padding: 0 22px;
border: 2px solid #e6ae48;
font-size: 11px;
font-weight: 800;
font-family: inherit;
text-align: left;
color: #fff;
background-color: #e6ae48;
text-decoration: none;
cursor: pointer;
outline: none;
font-style: normal;
text-transform: uppercase;
text-shadow: none;
letter-spacing: 2px;
white-space: nowrap;
border-radius: 0;
-webkit-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
-moz-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
-ms-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
-o-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
-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,
.vc_grid-container .vc_row.vc_grid .vc_pageable-load-more-btn .vc_btn:hover {
color: #e6ae48 !important;
background-color: transparent;
border-color: #e6ae48;
}
.vc_grid-container .vc_grid.vc_grid-owl-theme .vc_grid-owl-dots.vc_grid-radio_dots .vc_grid-owl-dot span,
.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 #a6a6a6;
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,
.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: #393939 !important;
border-color: #393939 !important;
}
.vc_grid-container .vc_grid.vc_grid-owl-theme .vc_grid-owl-dots.vc_grid-radio_dots .vc_grid-owl-dot.active span,
.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: #393939 !important;
border-color: #393939 !important;
}
.vc_grid-container .vc_grid.vc_grid-owl-theme .vc_grid-owl-dots.vc_grid-radio_dots .vc_grid-owl-dot span {
border-radius: 50%;
}
.vc_grid.vc_grid-owl-theme .vc_grid-owl-dots.vc_grid-round_fill_square_dots .vc_grid-owl-dot span,
.vc_grid-container .vc_grid.vc_grid-owl-theme .vc_grid-owl-dots.vc_grid-fill_square_dots .vc_grid-owl-dot span,
.vc_grid-container .vc_grid.vc_grid-owl-theme .vc_grid-owl-dots.vc_grid-point_dots .vc_grid-owl-dot span {
background-color: #393939 !important;
}
.vc_grid-container .vc_grid-pagination .vc_grid-pagination-list > li > a {
position: relative;
font-family: 'Crete Round', sans-serif;
display: inline-block;
width: 33px;
height: 33px;
line-height: 25px;
padding: 0 !important;
margin: 0;
color: #a6a6a6;
background-color: transparent;
font-size: 22px;
font-style: italic;
font-weight: 400;
vertical-align: middle;
text-decoration: none;
text-transform: uppercase;
cursor: pointer;
white-space: nowrap;
outline: none;
text-shadow: none;
-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;
border: none;
}
.vc_grid-container .vc_grid-pagination .vc_grid-pagination-list > li.vc_grid-active > a,
.vc_grid-container .vc_grid-pagination .vc_grid-pagination-list > li > a:hover {
color: #393939;
}
.vc_grid-container .vc_grid-pagination .vc_grid-pagination-list.vc_grid-pagination_default_dark > li > a {
border: 2px solid #a6a6a6;
line-height: 23px;
margin-right: 5px;
}
.vc_grid-container .vc_grid-pagination .vc_grid-pagination-list.vc_grid-pagination_default_dark > li.vc_grid-active > a,
.vc_grid-container .vc_grid-pagination .vc_grid-pagination-list.vc_grid-pagination_default_dark > li > a:hover {
border: 2px solid #393939;
}
.vc_grid-container .vc_grid-pagination .vc_grid-pagination-list.vc_grid-pagination_default_light > li > a {
border: 2px solid #fff;
line-height: 23px;
margin-right: 5px;
}
.vc_grid-container .vc_grid-pagination .vc_grid-pagination-list.vc_grid-pagination_default_light > li.vc_grid-active > a,
.vc_grid-container .vc_grid-pagination .vc_grid-pagination-list.vc_grid-pagination_default_light > li > a:hover {
border: 2px solid #fff;
}
.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;
border: 2px solid #a6a6a6;
}
.vc_grid-container .vc_grid-pagination-list.vc_grid-pagination_rounded_light > li > a {
border: 2px solid #fff;
color: #fff;
}
.vc_grid-container .vc_grid-pagination-list.vc_grid-pagination_rounded_dark > li > a:hover,
.vc_grid-container .vc_grid-pagination-list.vc_grid-pagination_rounded_dark > li.vc_grid-active > a,
.vc_grid-container .vc_grid-pagination-list.vc_grid-pagination_rounded > li > a:hover,
.vc_grid-container .vc_grid-pagination-list.vc_grid-pagination_rounded > li.vc_grid-active > a {
border: 2px solid #393939;
}
.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 {
border-radius: 0 !important;
border: 2px solid #a6a6a6;
}
.vc_grid-container .vc_grid-pagination .vc_grid-pagination-list.vc_grid-pagination_square_light > li > a {
color: #fff;
border: 2px solid #fff;
}
.vc_grid-container .vc_grid-pagination .vc_grid-pagination-list.vc_grid-pagination_square > li > a:hover,
.vc_grid-container .vc_grid-pagination .vc_grid-pagination-list.vc_grid-pagination_square > li.vc_grid-active > a,
.vc_grid-container .vc_grid-pagination .vc_grid-pagination-list.vc_grid-pagination_square_dark > li > a:hover,
.vc_grid-container .vc_grid-pagination .vc_grid-pagination-list.vc_grid-pagination_square_dark > li.vc_grid-active > a {
border: 2px solid #393939;
}
.vc_grid-container .vc_grid-pagination .vc_grid-pagination-list.vc_grid-pagination_rounded_square > li > a,
.vc_grid-container .vc_grid-pagination .vc_grid-pagination-list.vc_grid-pagination_rounded_square_dark > li > a {
border: 2px solid #a6a6a6;
}
.vc_grid-container .vc_grid-pagination .vc_grid-pagination-list.vc_grid-pagination_rounded_square > li > a:hover,
.vc_grid-container .vc_grid-pagination .vc_grid-pagination-list.vc_grid-pagination_rounded_square > li.vc_grid-active > a,
.vc_grid-container .vc_grid-pagination .vc_grid-pagination-list.vc_grid-pagination_rounded_square_dark > li > a:hover,
.vc_grid-container .vc_grid-pagination .vc_grid-pagination-list.vc_grid-pagination_rounded_square_dark > li.vc_grid-active > a {
border: 2px solid #393939;
}
.vc_grid-container .vc_grid-pagination .vc_grid-pagination-list.vc_grid-pagination_rounded_square_light > li > a {
border: 2px solid #fff;
}
.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;
}
.vc_row.qode-row-background-animation-from-right {
background-position: 120vw center;
-webkit-transition: background-position 1.3s cubic-bezier(0, 0.5, 0.5, 1) 0.2s;
-moz-transition: background-position 1.3s cubic-bezier(0, 0.5, 0.5, 1) 0.2s;
transition: background-position 1.3s cubic-bezier(0, 0.5, 0.5, 1) 0.2s;
}
.vc_row.qode-row-background-animation-from-left {
background-position: -120vw center;
-webkit-transition: background-position 1.3s cubic-bezier(0, 0.5, 0.5, 1) 0.2s;
-moz-transition: background-position 1.3s cubic-bezier(0, 0.5, 0.5, 1) 0.2s;
transition: background-position 1.3s cubic-bezier(0, 0.5, 0.5, 1) 0.2s;
}
.vc_row.qode-row-background-animation-from-right.animate,
.vc_row.qode-row-background-animation-from-left.animate {
background-position: center center;
}
/* ==========================================================================
End Visual Composer Grid Elements
============================================================================ */
/* ==========================================================================
# Start Instagram feed
========================================================================== */
.qode_instagram_feed {
list-style: none;
display: inline-block;
vertical-align: middle;
width: 100%;
}
.qode_instagram_feed li {
float: left;
padding: 0 5px;
margin-bottom: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.qode_instagram_feed li a {
position: relative;
display: inline-block;
vertical-align: middle;
width: 100%;
}
.qode_instagram_feed li a:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #000;
opacity: 0;
-webkit-transition: opacity .3s ease-out;
transition: opacity .3s ease-out;
}
.qode_instagram_feed li a:hover:before {
opacity: 0.2;
}
.qode_instagram_feed li img {
display: block;
max-width: 100%;
}
.qode_instagram_feed.col_8 li {
width: 12.5%;
}
.qode_instagram_feed.col_7 li {
width: 14.285%;
}
.qode_instagram_feed.col_6 li {
width: 16.66666666666667%;
}
.qode_instagram_feed.col_5 li {
width: 20%;
}
.qode_instagram_feed.col_4 li {
width: 25%;
}
.qode_instagram_feed.col_3 li {
width: 33.33%;
}
.qode_instagram_feed.col_2 li {
width: 50%;
}
.content_bottom .qode_instagram_feed li {
padding: 0;
margin: 0;
}
/* ==========================================================================
# End Instagram feed
========================================================================== */
/* ==========================================================================
# Start Twitter feed
========================================================================== */
.qode_twitter_widget li {
margin-bottom: 13px;
position: relative;
box-sizing: border-box;
}
.qode_twitter_widget li .tweet_icon_holder {
position: absolute;
top: 5px;
}
.qode_twitter_widget li .tweet_icon_holder .social_twitter {
font-size: 18px;
color: #e6ae48;
font-family: 'ElegantIcons';
}
.qode_twitter_widget li .tweet_content_holder {
padding-left: 33px;
}
.qode_twitter_shortcode {
list-style: none;
}
.qode_twitter_shortcode .qode_twitter_holder {
margin: 0 auto;
text-align: center;
}
.default_template_holder .qode_twitter_shortcode .qode_twitter_holder {
width: 80%;
}
.qode_twitter_shortcode .qode_twitter_holder .tweet_icon_holder {
font-size: 48px;
color: #e6ae48;
margin-bottom: 55px;
}
.qode_twitter_shortcode .qode_twitter_holder .qode_tweet_text_holder {
font-family: Open Sans, sans-serif;
font-weight: 300;
font-size: 22px;
line-height: 40px;
margin-bottom: 55px;
}
.qode_twitter_shortcode .qode_twitter_holder .qode_tweet_time {
font-size: 12px;
}
.qode_twitter_shortcode .qode_twitter_holder .qode_tweet_text a {
color: #393939;
}
.qode_twitter_shortcode .qode_twitter_holder .qode_tweet_text a:hover {
color: #e6ae48;
}
.qode_twitter_shortcode .qode_twitter_holder .qode_tweet_author {
font-size: 14px;
color: #393939;
}
.qode_twitter_shortcode .qode_twitter_holder .qode_tweet_author a {
color: #393939;
}
.qode_twitter_shortcode .qode_twitter_holder .qode_tweet_author a:hover {
color: #e6ae48;
}
.qode_twitter_shortcode .flex-direction-nav a {
background-color: transparent;
font-size: 48px;
color: #393939;
margin: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}
.qode_twitter_shortcode .flex-direction-nav a.flex-prev {
left: 5%;
}
.qode_twitter_shortcode .flex-direction-nav a.flex-next {
right: 5%;
}
.qode_twitter_shortcode .flex-control-paging li a {
display: inline-block;
text-indent: -5000px;
width: 8px;
height: 8px;
position: relative;
margin-right: 7px;
background-color: #d6d6d6;
border-radius: 3em;
}
.qode_twitter_shortcode .flex-control-paging {
display: block;
text-align: center;
margin-top: 41px;
}
.qode_twitter_shortcode .flex-control-paging li {
display: inline-block;
}
.qode_twitter_shortcode .flex-control-paging li a.flex-active {
background-color: #393939;
}
/* ==========================================================================
# End Twitter feed
========================================================================== */
/*
* Justified Gallery - v3.6.1
* http://miromannino.github.io/Justified-Gallery/
* Copyright (c) 2015 Miro Mannino
* Licensed under the MIT license.
*/
@-webkit-keyframes justified-gallery-show-caption-animation {
from {
opacity: 0;
}
to {
opacity: .7;
}
}
@-moz-keyframes justified-gallery-show-caption-animation {
from {
opacity: 0;
}
to {
opacity: .7;
}
}
@-o-keyframes justified-gallery-show-caption-animation {
from {
opacity: 0;
}
to {
opacity: .7;
}
}
@keyframes justified-gallery-show-caption-animation {
from {
opacity: 0;
}
to {
opacity: .7;
}
}
@-webkit-keyframes justified-gallery-show-entry-animation {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-moz-keyframes justified-gallery-show-entry-animation {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-o-keyframes justified-gallery-show-entry-animation {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes justified-gallery-show-entry-animation {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.justified-gallery {
width: 100%;
position: relative;
overflow: hidden;
}
.justified-gallery > a,
.justified-gallery > div {
position: absolute;
display: inline-block;
overflow: hidden;
opacity: 0;
filter: alpha(opacity=0);
}
.justified-gallery > a > img,
.justified-gallery > div > img,
.justified-gallery > a > a > img,
.justified-gallery > div > a > img {
position: absolute;
top: 50%;
left: 50%;
margin: 0;
padding: 0;
border: 0;
}
.justified-gallery > a > .caption,
.justified-gallery > div > .caption {
display: none;
position: absolute;
bottom: 0;
padding: 5px;
background-color: #000;
left: 0;
right: 0;
margin: 0;
color: #fff;
font-size: 12px;
font-weight: 300;
font-family: sans-serif;
}
.justified-gallery > a > .caption.caption-visible,
.justified-gallery > div > .caption.caption-visible {
display: initial;
opacity: .7;
filter: "alpha(opacity=70)";
-webkit-animation: justified-gallery-show-caption-animation 500ms 0 ease;
-moz-animation: justified-gallery-show-caption-animation 500ms 0 ease;
-ms-animation: justified-gallery-show-caption-animation 500ms 0 ease;
}
.justified-gallery > .entry-visible {
opacity: 1;
filter: alpha(opacity=100);
-webkit-animation: justified-gallery-show-entry-animation 500ms 0 ease;
-moz-animation: justified-gallery-show-entry-animation 500ms 0 ease;
-ms-animation: justified-gallery-show-entry-animation 500ms 0 ease;
}
.justified-gallery > .jg-filtered {
display: none;
}
.justified-gallery > .spinner {
position: absolute;
bottom: 0;
margin-left: -24px;
padding: 10px 0;
left: 50%;
opacity: initial;
filter: initial;
overflow: initial;
}
.justified-gallery > .spinner > span {
display: inline-block;
opacity: 0;
filter: alpha(opacity=0);
width: 8px;
height: 8px;
margin: 0 4px;
background-color: #000;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
}
.justified-gallery > article {
position: absolute;
display: inline-block;
overflow: hidden;
opacity: 0;
filter: alpha(opacity=0);
}
.justified-gallery > article a img {
position: absolute;
top: 50%;
left: 50%;
margin: 0;
padding: 0;
border: 0;
}
.portfolio_justified_gallery {
opacity: 0;
-ms-transition: opacity .5s ease;
-webkit-transition: opacity .5s ease;
transition: opacity .5s ease;
}
.portfolio_justified_gallery .projects_holder article .portfolio_shader {
-webkit-transition: opacity 0.5s cubic-bezier(0.43, 0.53, 0.48, 1.01);
transition: opacity 0.5s cubic-bezier(0.43, 0.53, 0.48, 1.01);
}
/* ==========================================================================
Justified gallery end styles
========================================================================== */
/* ==========================================================================
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
========================================================================== */
/* ==========================================================================
Owl Carousel - Animate Plugin
========================================================================== */
.owl-carousel .animated {
-webkit-animation-duration: 1000ms;
animation-duration: 1000ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
z-index: 0;
}
.owl-carousel .owl-animated-out {
z-index: 1;
}
.owl-carousel .fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.owl-animated-out {
z-index: 1;
}
.owl-animated-in {
z-index: 0;
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
/*
* Owl Carousel - Auto Height Plugin
*/
.owl-height {
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
}
/*
* Core Owl Carousel CSS File
*/
.owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent;
/* position relative and z-index fix webkit rendering fonts issue */
position: relative;
z-index: 1;
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
/* fix for flashing background */
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
cursor: pointer;
cursor: hand;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel.owl-loaded {
display: block;
}
.owl-carousel.owl-loading {
opacity: 0;
display: block;
}
.owl-carousel.owl-hidden {
opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
display: none;
}
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel .owl-item img {
display: block;
width: 100%;
-webkit-transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
-webkit-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
user-select: auto;
}
.owl-carousel .owl-grab {
cursor: move;
cursor: -webkit-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.owl-carousel.owl-rtl {
direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
float: right;
}
/* No Js */
.no-js .owl-carousel {
display: block;
}
/*
* Owl Carousel - Lazy Load Plugin
*/
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
transform-style: preserve-3d;
}
/*
* Owl Carousel - Video Plugin
*/
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000;
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url("owl.video.play.png") no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
-webkit-transition: scale 100ms ease;
-moz-transition: scale 100ms ease;
-ms-transition: scale 100ms ease;
-o-transition: scale 100ms ease;
transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
-webkit-transition: scale(1.3, 1.3);
-moz-transition: scale(1.3, 1.3);
-ms-transition: scale(1.3, 1.3);
-o-transition: scale(1.3, 1.3);
transition: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none;
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
}
.side_menu .qode-sub-menu-closed {
display: none;
}
/* ==========================================================================
Grid system
========================================================================== */
/* ==========================================================================
Grid System Mixin style - begin
========================================================================== */
/* ==========================================================================
Grid System Mixin style - end
========================================================================== */
/* ==========================================================================
Grid System style - begin
========================================================================== */
.qodef-two-columns-form-without-space .qodef-column-left {
display: table-cell;
width: 99%;
vertical-align: top;
}
.qodef-two-columns-form-without-space .qodef-column-right {
display: table-cell;
width: 1%;
text-align: left;
vertical-align: top;
}
.qodef-two-columns-form-with-space .qodef-column-left {
display: table-cell;
width: 99%;
vertical-align: top;
padding: 0 10px 0 0;
box-sizing: border-box;
}
.qodef-two-columns-form-with-space .qodef-column-right {
display: table-cell;
width: 1%;
text-align: left;
vertical-align: top;
padding: 0 0 0 10px;
box-sizing: border-box;
}
/*
* If you changed some value for space do the same thing in masonry-type, product-list-main-and-vc scss files
*/
.qodef-no-space.qodef-disable-bottom-space {
margin-bottom: 0;
}
.qodef-no-space .qodef-outer-space {
margin: 0;
}
.qodef-no-space .qodef-outer-space .qodef-item-space {
padding: 0 0px;
margin: 0 0 0px;
}
.qodef-no-space.qodef-disable-item-bottom-space .qodef-item-space {
margin: 0;
}
.qodef-tiny-space.qodef-disable-bottom-space {
margin-bottom: -10px;
}
.qodef-tiny-space .qodef-outer-space {
margin: 0 -5px;
}
.qodef-tiny-space .qodef-outer-space .qodef-item-space {
padding: 0 5px;
margin: 0 0 10px;
}
.qodef-tiny-space.qodef-disable-item-bottom-space .qodef-item-space {
margin: 0;
}
.qodef-small-space.qodef-disable-bottom-space {
margin-bottom: -20px;
}
.qodef-small-space .qodef-outer-space {
margin: 0 -10px;
}
.qodef-small-space .qodef-outer-space .qodef-item-space {
padding: 0 10px;
margin: 0 0 20px;
}
.qodef-small-space.qodef-disable-item-bottom-space .qodef-item-space {
margin: 0;
}
.qodef-normal-space.qodef-disable-bottom-space {
margin-bottom: -30px;
}
.qodef-normal-space .qodef-outer-space {
margin: 0 -15px;
}
.qodef-normal-space .qodef-outer-space .qodef-item-space {
padding: 0 15px;
margin: 0 0 30px;
}
.qodef-normal-space.qodef-disable-item-bottom-space .qodef-item-space {
margin: 0;
}
.qodef-medium-space.qodef-disable-bottom-space {
margin-bottom: -40px;
}
.qodef-medium-space .qodef-outer-space {
margin: 0 -20px;
}
.qodef-medium-space .qodef-outer-space .qodef-item-space {
padding: 0 20px;
margin: 0 0 40px;
}
.qodef-medium-space.qodef-disable-item-bottom-space .qodef-item-space {
margin: 0;
}
.qodef-large-space.qodef-disable-bottom-space {
margin-bottom: -50px;
}
.qodef-large-space .qodef-outer-space {
margin: 0 -25px;
}
.qodef-large-space .qodef-outer-space .qodef-item-space {
padding: 0 25px;
margin: 0 0 50px;
}
.qodef-large-space.qodef-disable-item-bottom-space .qodef-item-space {
margin: 0;
}
.qodef-huge-space.qodef-disable-bottom-space {
margin-bottom: -80px;
}
.qodef-huge-space .qodef-outer-space {
margin: 0 -40px;
}
.qodef-huge-space .qodef-outer-space .qodef-item-space {
padding: 0 40px;
margin: 0 0 80px;
}
.qodef-huge-space.qodef-disable-item-bottom-space .qodef-item-space {
margin: 0;
}
/* ==========================================================================
Grid System Mixin style - begin
========================================================================== */
/* ==========================================================================
Grid System Mixin style - end
========================================================================== */
.qodef-grid-row {
margin-left: -15px;
margin-right: -15px;
}
.qodef-grid-row:before,
.qodef-grid-row:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.qodef-grid-row:after {
clear: both;
}
.qodef-grid-row {
*zoom: 1;
}
.qodef-grid-no-gutter {
margin-left: -0px;
margin-right: -0px;
}
.qodef-grid-no-gutter > div {
padding-left: 0px;
padding-right: 0px;
}
.qodef-grid-tiny-gutter {
margin-left: -5px;
margin-right: -5px;
}
.qodef-grid-tiny-gutter > div {
padding-left: 5px;
padding-right: 5px;
}
.qodef-grid-small-gutter {
margin-left: -10px;
margin-right: -10px;
}
.qodef-grid-small-gutter > div {
padding-left: 10px;
padding-right: 10px;
}
.qodef-grid-normal-gutter {
margin-left: -15px;
margin-right: -15px;
}
.qodef-grid-normal-gutter > div {
padding-left: 15px;
padding-right: 15px;
}
.qodef-grid-medium-gutter {
margin-left: -20px;
margin-right: -20px;
}
.qodef-grid-medium-gutter > div {
padding-left: 20px;
padding-right: 20px;
}
.qodef-grid-large-gutter {
margin-left: -25px;
margin-right: -25px;
}
.qodef-grid-large-gutter > div {
padding-left: 25px;
padding-right: 25px;
}
.qodef-grid-huge-gutter {
margin-left: -40px;
margin-right: -40px;
}
.qodef-grid-huge-gutter > div {
padding-left: 40px;
padding-right: 40px;
}
.qodef-grid-col-1 {
position: relative;
float: left;
width: 8.33333%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
box-sizing: border-box;
}
.qodef-grid-col-1:before,
.qodef-grid-col-1:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.qodef-grid-col-1:after {
clear: both;
}
.qodef-grid-col-1 {
*zoom: 1;
}
@media only screen and (max-width: 1024px) {
.qodef-grid-col-1 {
width: 100%;
float: none;
}
}
.qodef-grid-col-2 {
position: relative;
float: left;
width: 16.66667%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
box-sizing: border-box;
}
.qodef-grid-col-2:before,
.qodef-grid-col-2:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.qodef-grid-col-2:after {
clear: both;
}
.qodef-grid-col-2 {
*zoom: 1;
}
@media only screen and (max-width: 1024px) {
.qodef-grid-col-2 {
width: 100%;
float: none;
}
}
.qodef-grid-col-3 {
position: relative;
float: left;
width: 25%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
box-sizing: border-box;
}
.qodef-grid-col-3:before,
.qodef-grid-col-3:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.qodef-grid-col-3:after {
clear: both;
}
.qodef-grid-col-3 {
*zoom: 1;
}
@media only screen and (max-width: 1024px) {
.qodef-grid-col-3 {
width: 100%;
float: none;
}
}
.qodef-grid-col-4 {
position: relative;
float: left;
width: 33.33333%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
box-sizing: border-box;
}
.qodef-grid-col-4:before,
.qodef-grid-col-4:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.qodef-grid-col-4:after {
clear: both;
}
.qodef-grid-col-4 {
*zoom: 1;
}
@media only screen and (max-width: 1024px) {
.qodef-grid-col-4 {
width: 100%;
float: none;
}
}
.qodef-grid-col-5 {
position: relative;
float: left;
width: 41.66667%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
box-sizing: border-box;
}
.qodef-grid-col-5:before,
.qodef-grid-col-5:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.qodef-grid-col-5:after {
clear: both;
}
.qodef-grid-col-5 {
*zoom: 1;
}
@media only screen and (max-width: 1024px) {
.qodef-grid-col-5 {
width: 100%;
float: none;
}
}
.qodef-grid-col-6 {
position: relative;
float: left;
width: 50%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
box-sizing: border-box;
}
.qodef-grid-col-6:before,
.qodef-grid-col-6:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.qodef-grid-col-6:after {
clear: both;
}
.qodef-grid-col-6 {
*zoom: 1;
}
@media only screen and (max-width: 1024px) {
.qodef-grid-col-6 {
width: 100%;
float: none;
}
}
.qodef-grid-col-7 {
position: relative;
float: left;
width: 58.33333%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
box-sizing: border-box;
}
.qodef-grid-col-7:before,
.qodef-grid-col-7:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.qodef-grid-col-7:after {
clear: both;
}
.qodef-grid-col-7 {
*zoom: 1;
}
@media only screen and (max-width: 1024px) {
.qodef-grid-col-7 {
width: 100%;
float: none;
}
}
.qodef-grid-col-8 {
position: relative;
float: left;
width: 66.66667%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
box-sizing: border-box;
}
.qodef-grid-col-8:before,
.qodef-grid-col-8:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.qodef-grid-col-8:after {
clear: both;
}
.qodef-grid-col-8 {
*zoom: 1;
}
@media only screen and (max-width: 1024px) {
.qodef-grid-col-8 {
width: 100%;
float: none;
}
}
.qodef-grid-col-9 {
position: relative;
float: left;
width: 75%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
box-sizing: border-box;
}
.qodef-grid-col-9:before,
.qodef-grid-col-9:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.qodef-grid-col-9:after {
clear: both;
}
.qodef-grid-col-9 {
*zoom: 1;
}
@media only screen and (max-width: 1024px) {
.qodef-grid-col-9 {
width: 100%;
float: none;
}
}
.qodef-grid-col-10 {
position: relative;
float: left;
width: 83.33333%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
box-sizing: border-box;
}
.qodef-grid-col-10:before,
.qodef-grid-col-10:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.qodef-grid-col-10:after {
clear: both;
}
.qodef-grid-col-10 {
*zoom: 1;
}
@media only screen and (max-width: 1024px) {
.qodef-grid-col-10 {
width: 100%;
float: none;
}
}
.qodef-grid-col-11 {
position: relative;
float: left;
width: 91.66667%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
box-sizing: border-box;
}
.qodef-grid-col-11:before,
.qodef-grid-col-11:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.qodef-grid-col-11:after {
clear: both;
}
.qodef-grid-col-11 {
*zoom: 1;
}
@media only screen and (max-width: 1024px) {
.qodef-grid-col-11 {
width: 100%;
float: none;
}
}
.qodef-grid-col-12 {
position: relative;
float: left;
width: 100%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
box-sizing: border-box;
}
.qodef-grid-col-12:before,
.qodef-grid-col-12:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.qodef-grid-col-12:after {
clear: both;
}
.qodef-grid-col-12 {
*zoom: 1;
}
@media only screen and (max-width: 1024px) {
.qodef-grid-col-12 {
width: 100%;
float: none;
}
}
.qodef-grid-col-push-1 {
left: 8.33333%;
}
@media only screen and (max-width: 1024px) {
.qodef-grid-col-push-1 {
left: 0;
}
}
.qodef-grid-col-pull-1 {
right: 8.33333%;
}
@media only screen and (max-width: 1024px) {
.qodef-grid-col-pull-1 {
right: 0;
}
}
.qodef-grid-col-push-2 {
left: 16.66667%;
}
@media only screen and (max-width: 1024px) {
.qodef-grid-col-push-2 {
left: 0;
}
}
.qodef-grid-col-pull-2 {
right: 16.66667%;
}
@media only screen and (max-width: 1024px) {
.qodef-grid-col-pull-2 {
right: 0;
}
}
.qodef-grid-col-push-3 {
left: 25%;
}
@media only screen and (max-width: 1024px) {
.qodef-grid-col-push-3 {
left: 0;
}
}
.qodef-grid-col-pull-3 {
right: 25%;
}
@media only screen and (max-width: 1024px) {
.qodef-grid-col-pull-3 {
right: 0;
}
}
.qodef-grid-col-push-4 {
left: 33.33333%;
}
@media only screen and (max-width: 1024px) {
.qodef-grid-col-push-4 {
left: 0;
}
}
.qodef-grid-col-pull-4 {
right: 33.33333%;
}
@media only screen and (max-width: 1024px) {
.qodef-grid-col-pull-4 {
right: 0;
}
}
.qodef-grid-col-push-5 {
left: 41.66667%;
}
@media only screen and (max-width: 1024px) {
.qodef-grid-col-push-5 {
left: 0;
}
}
.qodef-grid-col-pull-5 {
right: 41.66667%;
}
@media only screen and (max-width: 1024px) {
.qodef-grid-col-pull-5 {
right: 0;
}
}
.qodef-grid-col-push-6 {
left: 50%;
}
@media only screen and (max-width: 1024px) {
.qodef-grid-col-push-6 {
left: 0;
}
}
.qodef-grid-col-pull-6 {
right: 50%;
}
@media only screen and (max-width: 1024px) {
.qodef-grid-col-pull-6 {
right: 0;
}
}
.qodef-grid-col-push-7 {
left: 58.33333%;
}
@media only screen and (max-width: 1024px) {
.qodef-grid-col-push-7 {
left: 0;
}
}
.qodef-grid-col-pull-7 {
right: 58.33333%;
}
@media only screen and (max-width: 1024px) {
.qodef-grid-col-pull-7 {
right: 0;
}
}
.qodef-grid-col-push-8 {
left: 66.66667%;
}
@media only screen and (max-width: 1024px) {
.qodef-grid-col-push-8 {
left: 0;
}
}
.qodef-grid-col-pull-8 {
right: 66.66667%;
}
@media only screen and (max-width: 1024px) {
.qodef-grid-col-pull-8 {
right: 0;
}
}
.qodef-grid-col-push-9 {
left: 75%;
}
@media only screen and (max-width: 1024px) {
.qodef-grid-col-push-9 {
left: 0;
}
}
.qodef-grid-col-pull-9 {
right: 75%;
}
@media only screen and (max-width: 1024px) {
.qodef-grid-col-pull-9 {
right: 0;
}
}
.qodef-grid-col-push-10 {
left: 83.33333%;
}
@media only screen and (max-width: 1024px) {
.qodef-grid-col-push-10 {
left: 0;
}
}
.qodef-grid-col-pull-10 {
right: 83.33333%;
}
@media only screen and (max-width: 1024px) {
.qodef-grid-col-pull-10 {
right: 0;
}
}
.qodef-grid-col-push-11 {
left: 91.66667%;
}
@media only screen and (max-width: 1024px) {
.qodef-grid-col-push-11 {
left: 0;
}
}
.qodef-grid-col-pull-11 {
right: 91.66667%;
}
@media only screen and (max-width: 1024px) {
.qodef-grid-col-pull-11 {
right: 0;
}
}
.qodef-grid-col-push-12 {
left: 100%;
}
@media only screen and (max-width: 1024px) {
.qodef-grid-col-push-12 {
left: 0;
}
}
.qodef-grid-col-pull-12 {
right: 100%;
}
@media only screen and (max-width: 1024px) {
.qodef-grid-col-pull-12 {
right: 0;
}
}
@media only screen and (max-width: 1400px) {
.qodef-grid-col-laptop-landscape-large-1 {
width: 8.33333%;
float: left;
}
}
@media only screen and (max-width: 1280px) {
.qodef-grid-col-laptop-landscape-medium-1 {
width: 8.33333%;
float: left;
}
}
@media only screen and (max-width: 1200px) {
.qodef-grid-col-laptop-landscape-1 {
width: 8.33333%;
float: left;
}
}
@media only screen and (max-width: 1024px) {
.qodef-grid-col-ipad-landscape-1 {
width: 8.33333%;
float: left;
}
}
@media only screen and (max-width: 768px) {
.qodef-grid-col-ipad-portrait-1 {
width: 8.33333%;
float: left;
}
}
@media only screen and (max-width: 600px) {
.qodef-grid-col-phone-landscape-1 {
width: 8.33333%;
float: left;
}
}
@media only screen and (max-width: 480px) {
.qodef-grid-col-phone-portrait-1 {
width: 8.33333%;
float: left;
}
}
@media only screen and (max-width: 320px) {
.qodef-grid-col-smaller-phone-portrait-1 {
width: 8.33333%;
float: left;
}
}
@media only screen and (max-width: 1400px) {
.qodef-grid-col-laptop-landscape-large-2 {
width: 16.66667%;
float: left;
}
}
@media only screen and (max-width: 1280px) {
.qodef-grid-col-laptop-landscape-medium-2 {
width: 16.66667%;
float: left;
}
}
@media only screen and (max-width: 1200px) {
.qodef-grid-col-laptop-landscape-2 {
width: 16.66667%;
float: left;
}
}
@media only screen and (max-width: 1024px) {
.qodef-grid-col-ipad-landscape-2 {
width: 16.66667%;
float: left;
}
}
@media only screen and (max-width: 768px) {
.qodef-grid-col-ipad-portrait-2 {
width: 16.66667%;
float: left;
}
}
@media only screen and (max-width: 600px) {
.qodef-grid-col-phone-landscape-2 {
width: 16.66667%;
float: left;
}
}
@media only screen and (max-width: 480px) {
.qodef-grid-col-phone-portrait-2 {
width: 16.66667%;
float: left;
}
}
@media only screen and (max-width: 320px) {
.qodef-grid-col-smaller-phone-portrait-2 {
width: 16.66667%;
float: left;
}
}
@media only screen and (max-width: 1400px) {
.qodef-grid-col-laptop-landscape-large-3 {
width: 25%;
float: left;
}
}
@media only screen and (max-width: 1280px) {
.qodef-grid-col-laptop-landscape-medium-3 {
width: 25%;
float: left;
}
}
@media only screen and (max-width: 1200px) {
.qodef-grid-col-laptop-landscape-3 {
width: 25%;
float: left;
}
}
@media only screen and (max-width: 1024px) {
.qodef-grid-col-ipad-landscape-3 {
width: 25%;
float: left;
}
}
@media only screen and (max-width: 768px) {
.qodef-grid-col-ipad-portrait-3 {
width: 25%;
float: left;
}
}
@media only screen and (max-width: 600px) {
.qodef-grid-col-phone-landscape-3 {
width: 25%;
float: left;
}
}
@media only screen and (max-width: 480px) {
.qodef-grid-col-phone-portrait-3 {
width: 25%;
float: left;
}
}
@media only screen and (max-width: 320px) {
.qodef-grid-col-smaller-phone-portrait-3 {
width: 25%;
float: left;
}
}
@media only screen and (max-width: 1400px) {
.qodef-grid-col-laptop-landscape-large-4 {
width: 33.33333%;
float: left;
}
}
@media only screen and (max-width: 1280px) {
.qodef-grid-col-laptop-landscape-medium-4 {
width: 33.33333%;
float: left;
}
}
@media only screen and (max-width: 1200px) {
.qodef-grid-col-laptop-landscape-4 {
width: 33.33333%;
float: left;
}
}
@media only screen and (max-width: 1024px) {
.qodef-grid-col-ipad-landscape-4 {
width: 33.33333%;
float: left;
}
}
@media only screen and (max-width: 768px) {
.qodef-grid-col-ipad-portrait-4 {
width: 33.33333%;
float: left;
}
}
@media only screen and (max-width: 600px) {
.qodef-grid-col-phone-landscape-4 {
width: 33.33333%;
float: left;
}
}
@media only screen and (max-width: 480px) {
.qodef-grid-col-phone-portrait-4 {
width: 33.33333%;
float: left;
}
}
@media only screen and (max-width: 320px) {
.qodef-grid-col-smaller-phone-portrait-4 {
width: 33.33333%;
float: left;
}
}
@media only screen and (max-width: 1400px) {
.qodef-grid-col-laptop-landscape-large-5 {
width: 41.66667%;
float: left;
}
}
@media only screen and (max-width: 1280px) {
.qodef-grid-col-laptop-landscape-medium-5 {
width: 41.66667%;
float: left;
}
}
@media only screen and (max-width: 1200px) {
.qodef-grid-col-laptop-landscape-5 {
width: 41.66667%;
float: left;
}
}
@media only screen and (max-width: 1024px) {
.qodef-grid-col-ipad-landscape-5 {
width: 41.66667%;
float: left;
}
}
@media only screen and (max-width: 768px) {
.qodef-grid-col-ipad-portrait-5 {
width: 41.66667%;
float: left;
}
}
@media only screen and (max-width: 600px) {
.qodef-grid-col-phone-landscape-5 {
width: 41.66667%;
float: left;
}
}
@media only screen and (max-width: 480px) {
.qodef-grid-col-phone-portrait-5 {
width: 41.66667%;
float: left;
}
}
@media only screen and (max-width: 320px) {
.qodef-grid-col-smaller-phone-portrait-5 {
width: 41.66667%;
float: left;
}
}
@media only screen and (max-width: 1400px) {
.qodef-grid-col-laptop-landscape-large-6 {
width: 50%;
float: left;
}
}
@media only screen and (max-width: 1280px) {
.qodef-grid-col-laptop-landscape-medium-6 {
width: 50%;
float: left;
}
}
@media only screen and (max-width: 1200px) {
.qodef-grid-col-laptop-landscape-6 {
width: 50%;
float: left;
}
}
@media only screen and (max-width: 1024px) {
.qodef-grid-col-ipad-landscape-6 {
width: 50%;
float: left;
}
}
@media only screen and (max-width: 768px) {
.qodef-grid-col-ipad-portrait-6 {
width: 50%;
float: left;
}
}
@media only screen and (max-width: 600px) {
.qodef-grid-col-phone-landscape-6 {
width: 50%;
float: left;
}
}
@media only screen and (max-width: 480px) {
.qodef-grid-col-phone-portrait-6 {
width: 50%;
float: left;
}
}
@media only screen and (max-width: 320px) {
.qodef-grid-col-smaller-phone-portrait-6 {
width: 50%;
float: left;
}
}
@media only screen and (max-width: 1400px) {
.qodef-grid-col-laptop-landscape-large-7 {
width: 58.33333%;
float: left;
}
}
@media only screen and (max-width: 1280px) {
.qodef-grid-col-laptop-landscape-medium-7 {
width: 58.33333%;
float: left;
}
}
@media only screen and (max-width: 1200px) {
.qodef-grid-col-laptop-landscape-7 {
width: 58.33333%;
float: left;
}
}
@media only screen and (max-width: 1024px) {
.qodef-grid-col-ipad-landscape-7 {
width: 58.33333%;
float: left;
}
}
@media only screen and (max-width: 768px) {
.qodef-grid-col-ipad-portrait-7 {
width: 58.33333%;
float: left;
}
}
@media only screen and (max-width: 600px) {
.qodef-grid-col-phone-landscape-7 {
width: 58.33333%;
float: left;
}
}
@media only screen and (max-width: 480px) {
.qodef-grid-col-phone-portrait-7 {
width: 58.33333%;
float: left;
}
}
@media only screen and (max-width: 320px) {
.qodef-grid-col-smaller-phone-portrait-7 {
width: 58.33333%;
float: left;
}
}
@media only screen and (max-width: 1400px) {
.qodef-grid-col-laptop-landscape-large-8 {
width: 66.66667%;
float: left;
}
}
@media only screen and (max-width: 1280px) {
.qodef-grid-col-laptop-landscape-medium-8 {
width: 66.66667%;
float: left;
}
}
@media only screen and (max-width: 1200px) {
.qodef-grid-col-laptop-landscape-8 {
width: 66.66667%;
float: left;
}
}
@media only screen and (max-width: 1024px) {
.qodef-grid-col-ipad-landscape-8 {
width: 66.66667%;
float: left;
}
}
@media only screen and (max-width: 768px) {
.qodef-grid-col-ipad-portrait-8 {
width: 66.66667%;
float: left;
}
}
@media only screen and (max-width: 600px) {
.qodef-grid-col-phone-landscape-8 {
width: 66.66667%;
float: left;
}
}
@media only screen and (max-width: 480px) {
.qodef-grid-col-phone-portrait-8 {
width: 66.66667%;
float: left;
}
}
@media only screen and (max-width: 320px) {
.qodef-grid-col-smaller-phone-portrait-8 {
width: 66.66667%;
float: left;
}
}
@media only screen and (max-width: 1400px) {
.qodef-grid-col-laptop-landscape-large-9 {
width: 75%;
float: left;
}
}
@media only screen and (max-width: 1280px) {
.qodef-grid-col-laptop-landscape-medium-9 {
width: 75%;
float: left;
}
}
@media only screen and (max-width: 1200px) {
.qodef-grid-col-laptop-landscape-9 {
width: 75%;
float: left;
}
}
@media only screen and (max-width: 1024px) {
.qodef-grid-col-ipad-landscape-9 {
width: 75%;
float: left;
}
}
@media only screen and (max-width: 768px) {
.qodef-grid-col-ipad-portrait-9 {
width: 75%;
float: left;
}
}
@media only screen and (max-width: 600px) {
.qodef-grid-col-phone-landscape-9 {
width: 75%;
float: left;
}
}
@media only screen and (max-width: 480px) {
.qodef-grid-col-phone-portrait-9 {
width: 75%;
float: left;
}
}
@media only screen and (max-width: 320px) {
.qodef-grid-col-smaller-phone-portrait-9 {
width: 75%;
float: left;
}
}
@media only screen and (max-width: 1400px) {
.qodef-grid-col-laptop-landscape-large-10 {
width: 83.33333%;
float: left;
}
}
@media only screen and (max-width: 1280px) {
.qodef-grid-col-laptop-landscape-medium-10 {
width: 83.33333%;
float: left;
}
}
@media only screen and (max-width: 1200px) {
.qodef-grid-col-laptop-landscape-10 {
width: 83.33333%;
float: left;
}
}
@media only screen and (max-width: 1024px) {
.qodef-grid-col-ipad-landscape-10 {
width: 83.33333%;
float: left;
}
}
@media only screen and (max-width: 768px) {
.qodef-grid-col-ipad-portrait-10 {
width: 83.33333%;
float: left;
}
}
@media only screen and (max-width: 600px) {
.qodef-grid-col-phone-landscape-10 {
width: 83.33333%;
float: left;
}
}
@media only screen and (max-width: 480px) {
.qodef-grid-col-phone-portrait-10 {
width: 83.33333%;
float: left;
}
}
@media only screen and (max-width: 320px) {
.qodef-grid-col-smaller-phone-portrait-10 {
width: 83.33333%;
float: left;
}
}
@media only screen and (max-width: 1400px) {
.qodef-grid-col-laptop-landscape-large-11 {
width: 91.66667%;
float: left;
}
}
@media only screen and (max-width: 1280px) {
.qodef-grid-col-laptop-landscape-medium-11 {
width: 91.66667%;
float: left;
}
}
@media only screen and (max-width: 1200px) {
.qodef-grid-col-laptop-landscape-11 {
width: 91.66667%;
float: left;
}
}
@media only screen and (max-width: 1024px) {
.qodef-grid-col-ipad-landscape-11 {
width: 91.66667%;
float: left;
}
}
@media only screen and (max-width: 768px) {
.qodef-grid-col-ipad-portrait-11 {
width: 91.66667%;
float: left;
}
}
@media only screen and (max-width: 600px) {
.qodef-grid-col-phone-landscape-11 {
width: 91.66667%;
float: left;
}
}
@media only screen and (max-width: 480px) {
.qodef-grid-col-phone-portrait-11 {
width: 91.66667%;
float: left;
}
}
@media only screen and (max-width: 320px) {
.qodef-grid-col-smaller-phone-portrait-11 {
width: 91.66667%;
float: left;
}
}
@media only screen and (max-width: 1400px) {
.qodef-grid-col-laptop-landscape-large-12 {
width: 100%;
float: none;
}
}
@media only screen and (max-width: 1280px) {
.qodef-grid-col-laptop-landscape-medium-12 {
width: 100%;
float: none;
}
}
@media only screen and (max-width: 1200px) {
.qodef-grid-col-laptop-landscape-12 {
width: 100%;
float: none;
}
}
@media only screen and (max-width: 1024px) {
.qodef-grid-col-ipad-landscape-12 {
width: 100%;
float: none;
}
}
@media only screen and (max-width: 768px) {
.qodef-grid-col-ipad-portrait-12 {
width: 100%;
float: none;
}
}
@media only screen and (max-width: 600px) {
.qodef-grid-col-phone-landscape-12 {
width: 100%;
float: none;
}
}
@media only screen and (max-width: 480px) {
.qodef-grid-col-phone-portrait-12 {
width: 100%;
float: none;
}
}
@media only screen and (max-width: 320px) {
.qodef-grid-col-smaller-phone-portrait-12 {
width: 100%;
float: none;
}
}
/* ==========================================================================
Grid System style - end
========================================================================== */
/* ==========================================================================
Audio Blog List Shortcode
========================================================================== */
/* ==========================================================================
# Audio Blog List style - begin
========================================================================== */
.qode-audio-blog-list .qode-abl-post {
display: flex;
align-items: center;
width: 100%;
padding: 75px 15%;
border-bottom: 1px solid #dedede;
}
.qode-audio-blog-list .qode-abl-post:last-child {
border: 0;
}
.qode-audio-blog-list .qode-abl-post-image {
flex: 0 0 245px;
margin-right: 55px;
}
.qode-audio-blog-list .qode-abl-info {
margin-bottom: 5px;
}
.qode-audio-blog-list .qode-abl-info span {
text-transform: uppercase;
}
.qode-audio-blog-list .qode-abl-info span a {
color: inherit;
}
.qode-audio-blog-list .qode-abl-info span:after {
content: "ยท";
position: relative;
display: inline-block;
margin: 0 10px;
}
.qode-audio-blog-list .qode-abl-info span:last-child:after {
display: none;
}
.qode-audio-blog-list .qode-abl-post-title {
margin-bottom: 10px;
}
.qode-audio-blog-list .qode-abl-post-excerpt {
margin-bottom: 30px;
}
.qode-audio-blog-list .qode-abl-post-link {
text-transform: uppercase;
color: inherit;
}
.qode-audio-blog-list .qode-abl-post-link i {
font-size: 24px;
display: inline-block;
position: relative;
margin-right: 10px;
top: 3px;
}
.qode-audio-blog-list img {
display: block;
}
.qode-audio-blog-list.qode-abl-centered .qode-abl-post {
display: block;
text-align: center;
}
.qode-audio-blog-list.qode-abl-centered .qode-abl-post-title {
margin-bottom: 11px;
}
/* ==========================================================================
# Audio Blog List style- end
========================================================================== */
/* ==========================================================================
Simple Blog List Shortcode
========================================================================== */
/* ==========================================================================
# Simple Blog List style - begin
========================================================================== */
.qode-simple-blog-list .qode-sbl-posts-holder {
margin: 0 -17px;
}
.qode-simple-blog-list .qode-sbl-post {
position: relative;
box-sizing: border-box;
margin: 0;
float: left;
padding: 0 17px 30px;
width: 33.33%;
}
.qode-simple-blog-list .qode-sbl-post:nth-child(3n+1) {
clear: both;
}
.qode-simple-blog-list .qode-sbl-post .qode-sbl-post-title {
margin-bottom: 17px;
}
.qode-simple-blog-list .qode-sbl-post .qode-sbl-post-excerpt {
margin: 0 0 31px;
padding: 0;
}
.qode-simple-blog-list .qode-sbl-post .qode-sbl-category {
position: relative;
margin-bottom: 14px;
padding-left: 44px;
}
.qode-simple-blog-list .qode-sbl-post .qode-sbl-category:before {
content: ' ';
position: absolute;
display: inline-block;
width: 34px;
height: 2px;
top: 50%;
left: 0;
background-color: currentColor;
}
.qode-simple-blog-list.qode-sbl-4-columns .qode-sbl-post {
width: 25%;
}
.qode-simple-blog-list.qode-sbl-4-columns .qode-sbl-post:nth-child(3n+1) {
clear: none;
}
.qode-simple-blog-list.qode-sbl-4-columns .qode-sbl-post:nth-child(4n+1) {
clear: both;
}
.qode-simple-blog-list.qode-sbl-5-columns .qode-sbl-post {
width: 20%;
}
.qode-simple-blog-list.qode-sbl-5-columns .qode-sbl-post:nth-child(3n+1) {
clear: none;
}
.qode-simple-blog-list.qode-sbl-5-columns .qode-sbl-post:nth-child(5n+1) {
clear: both;
}
.qode-simple-blog-list.qode-sbl-animated .qode-sbl-post {
visibility: hidden;
}
.no-touch .qode-simple-blog-list.qode-sbl-animated .qode-sbl-post {
visibility: visible;
opacity: 0;
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
transform: translateY(50px);
}
.no-touch .qode-simple-blog-list.qode-sbl-animated .qode-sbl-post.qode-appear {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
transform: translateY(0);
-webkit-transition: all 0.6s cubic-bezier(0.34, 0.52, 0.57, 1.04);
-moz-transition: all 0.6s cubic-bezier(0.34, 0.52, 0.57, 1.04);
transition: all 0.6s cubic-bezier(0.34, 0.52, 0.57, 1.04);
}
.no-touch .qode-simple-blog-list.qode-sbl-animated .qode-sbl-post.qode-appear.qode-appeared {
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
.qode-simple-blog-list.qode-sbl-animated .qode-sbl-post {
visibility: visible;
opacity: 0;
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
transform: translateY(50px);
}
.qode-simple-blog-list.qode-sbl-animated .qode-sbl-post.qode-appear {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
transform: translateY(0);
-webkit-transition: all 0.6s cubic-bezier(0.34, 0.52, 0.57, 1.04);
-moz-transition: all 0.6s cubic-bezier(0.34, 0.52, 0.57, 1.04);
transition: all 0.6s cubic-bezier(0.34, 0.52, 0.57, 1.04);
}
/* ==========================================================================
# Simple Blog List style- end
========================================================================== */
/* ==========================================================================
Centered Portfolio Carousel Shortcode
========================================================================== */
/* ==========================================================================
# Centered Portfolio Carousel style - begin
========================================================================== */
.qode-centered-portfolio-carousel .qode-cpc-post-image a {
display: block;
position: relative;
}
.qode-centered-portfolio-carousel .qode-cpc-post-image .qode-cpc-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
opacity: 0.2;
z-index: 10;
-webkit-transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
}
.qode-centered-portfolio-carousel .qode-cpc-post-title {
margin: 4px 0 0;
}
.qode-centered-portfolio-carousel .owl-item.center .qode-cpc-overlay {
opacity: 0;
}
.qode-centered-portfolio-carousel.qode-owl-slider .owl-nav .owl-prev {
left: 20px;
}
.qode-centered-portfolio-carousel.qode-owl-slider .owl-nav .owl-next {
right: 20px;
}
/* ==========================================================================
# Centered Portfolio Carousel style - end
========================================================================== */
/* ==========================================================================
Image With Overlapping Info Shortcode
========================================================================== */
/* ==========================================================================
# Image With Overlapping Info style - begin
========================================================================== */
.qode-image-with-overlapping-info {
position: relative;
}
.qode-image-with-overlapping-info .qode-iwoi-holder-link {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.qode-image-with-overlapping-info .qode-iwoi-image-holder {
padding-right: 24.5%;
opacity: 0;
-webkit-transition: opacity 0.5s ease-in-out;
-moz-transition: opacity 0.5s ease-in-out;
transition: opacity 0.5s ease-in-out;
}
.qode-image-with-overlapping-info .qode-iwoi-image-holder.qode-appear {
opacity: 1;
}
.qode-image-with-overlapping-info .qode-iwoi-info-holder {
position: relative;
left: calc(91% - 550px);
margin-top: -21%;
width: 550px;
box-sizing: border-box;
background-color: #fff;
border: 2px solid #c4c4c4;
padding: 69px 77px 61px 80px;
opacity: 0;
-webkit-transform: translateY(20%);
-moz-transform: translateY(20%);
transform: translateY(20%);
-webkit-transition: all 0.6s cubic-bezier(0.34, 0.52, 0.57, 1.04);
-moz-transition: all 0.6s cubic-bezier(0.34, 0.52, 0.57, 1.04);
transition: all 0.6s cubic-bezier(0.34, 0.52, 0.57, 1.04);
}
.qode-image-with-overlapping-info .qode-iwoi-info-holder .qode-iwoi-text {
margin-top: 24px;
}
.qode-image-with-overlapping-info .qode-iwoi-info-holder .qode-iwoi-link {
margin-top: 140px;
}
.qode-image-with-overlapping-info .qode-iwoi-info-holder.qode-appear {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
transform: translateY(0);
}
/* ==========================================================================
# Image With Overlapping Info style - end
========================================================================== */
/* ==========================================================================
Google Map Shortcode
========================================================================== */
/* ==========================================================================
Google Map shortcode style - begin
========================================================================== */
.qodef-google-map-holder {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
}
.qodef-google-map {
display: block;
width: 100%;
height: 300px;
}
.qodef-google-map iframe,
.qodef-google-map object,
.qodef-google-map embed {
width: 100%;
display: block;
}
.qodef-google-map img {
max-width: none;
}
.qodef-google-map-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: none;
z-index: 1000;
}
/* ==========================================================================
Google Map shortcode style - end
========================================================================== */
/* ==========================================================================
Interactive Image Shortcode
========================================================================== */
/* ==========================================================================
# Interactive Image style - begin
========================================================================== */
.qode-interactive-image {
position: relative;
display: inline-block;
}
.qode-interactive-image .qode-ii-image-holder img {
position: relative;
display: block;
}
.qode-interactive-image .qode-ii-info-holder {
position: relative;
width: 100%;
box-sizing: border-box;
padding: 20px 20px 0;
}
.qode-interactive-image .qode-ii-info-holder .qode-ii-info-holder-inner {
-webkit-transition: top 0.3s ease, opacity 0.3s ease, transform 0.3s ease;
-moz-transition: top 0.3s ease, opacity 0.3s ease, transform 0.3s ease;
transition: top 0.3s ease, opacity 0.3s ease, transform 0.3s ease;
top: 0;
opacity: 0;
position: relative;
}
.qode-interactive-image .qode-ii-info-holder .qode-ii-title {
margin-bottom: 10px;
}
.qode-interactive-image .qode-ii-info-holder .qode-ii-text {
margin-bottom: 20px;
}
.qode-interactive-image.active .qode-ii-info-holder .qode-ii-info-holder-inner,
.qode-interactive-image:hover .qode-ii-info-holder .qode-ii-info-holder-inner {
top: -40px;
opacity: 1;
}
.qode-interactive-image.qode-content-in-center .qode-ii-info-holder {
position: absolute;
top: 0;
left: 0;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
padding: 0;
}
.qode-interactive-image.qode-content-in-center .qode-ii-info-holder .qode-ii-info-holder-inner {
top: 0px;
}
/* ==========================================================================
# Interactive Image style - end
========================================================================== */
/* vertical menu - hidden type START */
.vertical_menu_hidden aside.vertical_menu_area {
width: 70px;
padding: 0;
}
.vertical_menu_hidden .vertical_area_background {
width: 70px;
}
.vertical_menu_enabled .full_width
.vertical_menu_hidden.vertical_menu_hidden_with_logo aside.vertical_menu_area,
.vertical_menu_hidden.vertical_menu_hidden_with_logo .vertical_area_background {
width: 70px;
}
.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:not(.boxed) .full_screen_holder,
.vertical_menu_enabled.vertical_menu_hidden:not(.boxed) .q_slider,
.vertical_menu_enabled.vertical_menu_hidden:not(.boxed) .full_width,
body.page-template-blog-masonry-full-width-php.vertical_menu_enabled.vertical_menu_hidden:not(.boxed) .content .full_width,
.vertical_menu_enabled.vertical_menu_hidden:not(.boxed) .content .container,
.vertical_menu_enabled.vertical_menu_hidden:not(.boxed) .title_outer,
.vertical_menu_enabled.vertical_menu_hidden:not(.boxed) footer,
.boxed.vertical_menu_enabled.vertical_menu_hidden,
.boxed.vertical_menu_enabled.vertical_menu_hidden footer.uncover {
padding-left: 70px;
}
.vertical_menu_enabled.vertical_menu_hidden:not(.boxed) .carousel-inner:not(.relative_position) {
left: 70px !important;
}
.vertical_menu_enabled.vertical_menu_hidden.vertical_menu_hidden_with_logo:not(.boxed) .full_screen_holder,
.vertical_menu_enabled.vertical_menu_hidden.vertical_menu_hidden_with_logo:not(.boxed) .q_slider,
.vertical_menu_enabled.vertical_menu_hidden.vertical_menu_hidden_with_logo:not(.boxed) .full_width,
.vertical_menu_enabled.vertical_menu_hidden.vertical_menu_hidden_with_logo:not(.boxed) .content .container,
.vertical_menu_enabled.vertical_menu_hidden.vertical_menu_hidden_with_logo:not(.boxed) .title_outer,
.vertical_menu_enabled.vertical_menu_hidden.vertical_menu_hidden_with_logo:not(.boxed) 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 {
padding-left: 70px;
}
.vertical_menu_enabled.vertical_menu_hidden.vertical_menu_hidden_with_logo:not(.boxed) .carousel-inner:not(.relative_position) {
left: 70px !important;
}
.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: 50%;
transform: translateY(-50%);
left: 0px;
width: 70px;
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: -15px;
width: 30px;
height: 2px;
background: #303030;
}
.vertical_menu_hidden_button_line:after,
.vertical_menu_hidden_button_line:before {
content: '';
position: absolute;
width: 100%;
height: 2px;
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.6, 0.43, 1.65);
-moz-transition: all 0.3s cubic-bezier(0.585, -0.6, 0.43, 1.65);
-ms-transition: all 0.3s cubic-bezier(0.585, -0.6, 0.43, 1.65);
-o-transition: all 0.3s cubic-bezier(0.585, -0.6, 0.43, 1.65);
transition: all 0.3s cubic-bezier(0.585, -0.6, 0.43, 1.65);
}
.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_hidden .vertical_menu {
position: absolute;
height: 100%;
width: 500px;
left: 100%;
margin: 0;
top: 0;
display: flex;
justify-content: flex-start;
align-items: center;
background: inherit;
text-align: left;
padding-left: 50px;
box-sizing: border-box;
transform: translateX(-100%);
z-index: -1;
transition: all 0.3s ease;
box-shadow: 4px 0 4px -2px rgba(0, 0, 0, 0.15);
}
.vertical_menu_hidden .vertical_menu_area {
overflow: visible !important;
}
.vertical_menu_hidden .vertical_menu_area.active .vertical_menu {
transform: translateX(0);
}
.vertical_menu_hidden aside.vertical_menu_area .vertical_menu_area_widget_holder {
margin: 0;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
.vertical_menu_hidden aside.vertical_menu_area .vertical_menu_area_widget_holder .widget {
margin: 0;
}
/*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 */
/*Grid width fix when left menu is set with passpartu to large so grid row doesn't get cut off*/
body.vertical_menu_enabled.paspartu_enabled .container_inner,
body.vertical_menu_enabled.paspartu_enabled .qode_elementor_container_inner {
max-width: 100%;
}
.qode-infinite-scroll-loading-label,
.qode-infinite-scroll-finished-label {
display: none;
text-align: center;
}
/*# sourceMappingURL=../css/stylesheet.css.map */
/* ==========================================================================
Global partials
========================================================================== */
/* ==========================================================================
Shortcodes styles
========================================================================== */
#fp-nav {
position: fixed;
top: 50%;
z-index: 9999;
}
#fp-nav.right {
right: 44px;
}
#fp-nav ul li {
list-style-type: none;
width: 4px;
height: 4px;
margin: 25px 0;
}
#fp-nav ul li a {
transition: all 0.3s ease;
display: block;
width: 100%;
height: 100%;
}
#fp-nav ul li a span {
display: block;
background-color: #000;
width: 100%;
height: 100%;
border-radius: 50%;
}
#fp-nav ul li a.active,
#fp-nav ul li a:hover {
transform: scale(2);
}
/* ==========================================================================
Horizontaly Scrolling Portfolio List shortcode style - begin
========================================================================== */
.qode-horizontaly-scrolling-portfolio-holder-outer {
padding: 0;
box-sizing: border-box;
}
.qode-horizontaly-scrolling-portfolio-holder {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
/***** Article Global Style - begin *****/
/***** Article Global Style - end *****/
}
.qode-horizontaly-scrolling-portfolio-holder .qode-hspl-inner {
display: flex;
height: 100vh;
visibility: hidden;
will-change: transform;
position: relative;
box-sizing: content-box;
}
@media only screen and (max-width: 480px) {
.qode-horizontaly-scrolling-portfolio-holder .qode-hspl-inner {
display: block;
height: auto;
visibility: visible;
}
.qode-horizontaly-scrolling-portfolio-holder .qode-hspl-inner article {
opacity: 1;
}
}
.admin-bar .qode-horizontaly-scrolling-portfolio-holder .qode-hspl-inner {
height: calc(100vh - 32px);
}
.touch .admin-bar .qode-horizontaly-scrolling-portfolio-holder .qode-hspl-inner {
height: auto;
}
.touch .qode-horizontaly-scrolling-portfolio-holder .qode-hspl-inner {
transition: transform .5s;
}
.qode-horizontaly-scrolling-portfolio-holder .qode-hspl-inner.qode-ready {
visibility: visible;
}
.qode-horizontaly-scrolling-portfolio-holder .qode-hspl-inner.qode-ready article {
opacity: 1;
}
.qode-horizontaly-scrolling-portfolio-holder .qode-hspl-inner.qode-ready article:nth-child(1) {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.qode-horizontaly-scrolling-portfolio-holder .qode-hspl-inner.qode-ready article:nth-child(2) {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.qode-horizontaly-scrolling-portfolio-holder .qode-hspl-inner.qode-ready article:nth-child(3) {
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.qode-horizontaly-scrolling-portfolio-holder .qode-hspl-inner.qode-ready article:nth-child(4) {
-webkit-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.qode-horizontaly-scrolling-portfolio-holder .qode-hspl-inner.qode-ready article:nth-child(5) {
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.qode-horizontaly-scrolling-portfolio-holder .qode-hspl-inner.qode-ready article:nth-child(6) {
-webkit-transition-delay: 0.6s;
transition-delay: 0.6s;
}
.qode-horizontaly-scrolling-portfolio-holder article {
opacity: 0;
transition: opacity 0.8s cubic-bezier(0.34, 0.52, 0.57, 1.04);
}
.qode-horizontaly-scrolling-portfolio-holder article .qode-hspli-image-holder {
height: 100vh;
background-size: cover;
background-position: center;
transition: transform 0.4s ease-in-out;
}
.admin-bar .qode-horizontaly-scrolling-portfolio-holder article .qode-hspli-image-holder {
height: calc(100vh - 32px);
}
.qode-horizontaly-scrolling-portfolio-holder article:hover .qode-hspli-image-holder {
transform: scale(1.05) translateX(-2%);
}
.qode-horizontaly-scrolling-portfolio-holder article .qode-hspl-item-inner {
width: 100%;
}
.touch .qode-horizontaly-scrolling-portfolio-holder article {
cursor: pointer;
}
.qode-horizontaly-scrolling-portfolio-holder article .qode-hspl-item-holder-inner {
position: relative;
overflow: hidden;
}
.qode-horizontaly-scrolling-portfolio-holder article.qode-hspl-featured .qode-hspli-text {
padding-top: 22px;
}
.qode-horizontaly-scrolling-portfolio-holder article.qode-hspl-featured .qode-hspli-category-holder {
margin: 0 0 1px;
}
.qode-horizontaly-scrolling-portfolio-holder article.qode-hspl-featured .qode-hspli-title {
display: inline;
}
.qode-horizontaly-scrolling-portfolio-holder article.qode-hspl-featured .qode-hspl-item-holder-inner:hover .qode-hspli-title {
background-size: 100% 100%;
}
.qode-horizontaly-scrolling-portfolio-holder article img {
display: block;
}
.qode-horizontaly-scrolling-portfolio-holder article .qode-hspli-link {
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.qode-horizontaly-scrolling-portfolio-holder article .qode-hspli-text-wrapper {
position: relative;
display: table;
table-layout: fixed;
height: 100%;
width: 100%;
}
.qode-horizontaly-scrolling-portfolio-holder article .qode-hspli-text {
position: relative;
display: table-cell;
height: 100%;
width: 100%;
vertical-align: middle;
text-align: center;
}
.qode-horizontaly-scrolling-portfolio-holder article .qode-hspli-text .qode-hspli-title {
margin: 0;
}
.qode-horizontaly-scrolling-portfolio-holder article:not(.qode-hspl-featured) .qode-hspl-item-title-holder {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
display: flex;
align-items: flex-end;
justify-content: center;
box-sizing: border-box;
padding: 34px;
text-align: center;
background-color: transparent;
opacity: 0;
transition: opacity .4s;
}
.touch .qode-horizontaly-scrolling-portfolio-holder article:not(.qode-hspl-featured) .qode-hspl-item-title-holder {
top: auto;
bottom: 0;
height: auto;
}
.qode-horizontaly-scrolling-portfolio-holder article:not(.qode-hspl-featured) .qode-hspl-item-title-holder .qode-hspli-title {
color: #fff;
line-height: 1.5em;
}
.qode-horizontaly-scrolling-portfolio-holder article:not(.qode-hspl-featured):hover .qode-hspl-item-title-holder {
opacity: 1;
}
.qode-horizontaly-scrolling-portfolio-holder .qode-hspl-custom {
height: 100vh;
position: absolute;
width: 865px;
left: 0;
top: 0;
}
.admin-bar .qode-horizontaly-scrolling-portfolio-holder .qode-hspl-custom {
height: calc(100vh - 32px);
}
.qode-horizontaly-scrolling-portfolio-holder .qode-hspl-custom .qode-hspl-item-inner {
position: relative;
display: table;
table-layout: fixed;
height: 100%;
width: 100%;
background-color: #ebebeb;
}
.qode-horizontaly-scrolling-portfolio-holder .qode-hspl-custom .qode-hspl-item-inner .qode-hspl-item-holder-inner {
position: relative;
display: table-cell;
height: 100%;
width: 100%;
vertical-align: middle;
text-align: center;
text-align: left;
padding: 0 0 0 100px;
}
.qode-horizontaly-scrolling-portfolio-holder .qode-hspl-custom .qode-hspl-item-inner .qode-hspl-item-holder-inner .qode-hspli-item-subtitle-text {
margin: 0 0 10px;
}
.qode-horizontaly-scrolling-portfolio-holder .qode-hspl-custom .qode-hspl-item-inner .qode-hspl-item-holder-inner .qode-hspli-item-title-text {
margin: 0;
}
/* ==========================================================================
Horizontaly Scrolling Portfolio List shortcode style - end
========================================================================== */
/* ==========================================================================
Image Gallery shortcode style - begin
========================================================================== */
.qode-image-marquee-holder {
display: inline-block;
vertical-align: middle;
overflow: hidden;
}
.qode-image-marquee-holder .qode-image-marquee {
position: relative;
width: 124%;
left: -12%;
}
.qode-image-marquee-holder .qode-image img {
display: block;
}
.qode-image-marquee-holder .qode-image.qode-original {
position: relative;
}
.qode-image-marquee-holder .qode-image.qode-aux {
position: absolute;
top: 0;
}
/* ==========================================================================
Image Gallery shortcode style - begin
========================================================================== */
.qode-interactive-links.qode-il-links-aside .qode-il-responsive-title-holder {
display: none;
}
.qode-interactive-links.qode-il-links-aside .qode-il-inner {
display: flex;
align-items: center;
}
.qode-interactive-links.qode-il-links-aside .qode-il-inner .qode-il-titles-holder {
flex-basis: 0;
flex: 1 1 0;
}
.qode-interactive-links.qode-il-links-aside .qode-il-inner .qode-il-titles-holder .qode-il-link {
display: block;
transition: all 0.3s ease;
}
.qode-interactive-links.qode-il-links-aside .qode-il-inner .qode-il-titles-holder .qode-il-link.qode-active {
opacity: 0.25;
}
.qode-interactive-links.qode-il-links-aside .qode-il-inner .qode-il-images-holder {
flex-basis: 0;
flex: 2 1 0;
}
.qode-interactive-links.qode-il-links-aside .qode-il-inner .qode-il-images-holder .qode-il-images-holder-inner {
position: relative;
}
.qode-interactive-links.qode-il-links-aside .qode-il-inner .qode-il-images-holder .qode-il-image {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease;
}
.qode-interactive-links.qode-il-links-aside .qode-il-inner .qode-il-images-holder .qode-il-image:first-child {
position: relative;
}
.qode-interactive-links.qode-il-links-aside .qode-il-inner .qode-il-images-holder .qode-il-image.qode-active {
opacity: 1;
visibility: visible;
}
.qode-interactive-links.qode-il-links-aside .qode-il-inner .qode-il-images-holder .qode-il-image a,
.qode-interactive-links.qode-il-links-aside .qode-il-inner .qode-il-images-holder .qode-il-image img {
display: block;
}
.qode-interactive-links.qode-il-links-aside .qode-il-inner .qode-il-widget-area {
position: absolute;
right: 20px;
bottom: 20px;
z-index: 20;
}
.qode-interactive-links.qode-il-links-below {
height: 100vh;
}
.qode-interactive-links.qode-il-links-below .qode-il-responsive-title-holder {
display: none;
}
.qode-interactive-links.qode-il-links-below .qode-il-inner {
height: 100%;
display: flex;
align-items: flex-end;
position: relative;
}
.qode-interactive-links.qode-il-links-below .qode-il-images-holder {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 10;
}
.qode-interactive-links.qode-il-links-below .qode-il-images-holder .qode-il-image {
position: absolute;
left: 50%;
top: 50%;
transform: translate3d(-50%, -50%, 0);
opacity: 0;
visibility: hidden;
transition: all 0.3s ease;
}
.qode-interactive-links.qode-il-links-below .qode-il-images-holder .qode-il-image.qode-active {
opacity: 1;
visibility: visible;
}
.qode-interactive-links.qode-il-links-below .qode-il-images-holder .qode-il-image a,
.qode-interactive-links.qode-il-links-below .qode-il-images-holder .qode-il-image img {
display: block;
margin: 0 auto;
}
.qode-interactive-links.qode-il-links-below .qode-il-titles-holder {
position: relative;
z-index: 20;
padding-bottom: 50px;
padding-left: 5.5%;
max-width: 40%;
width: 100%;
}
.qode-interactive-links.qode-il-links-below .qode-il-titles-holder .qode-il-link {
position: relative;
display: inline-block;
margin-right: 27px;
margin-bottom: 10px;
}
.qode-interactive-links.qode-il-links-below .qode-il-titles-holder .qode-il-link .qode-il-title {
position: relative;
display: inline-block;
}
.qode-interactive-links.qode-il-links-below .qode-il-titles-holder .qode-il-link .qode-il-title:before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 1px;
background-color: currentColor;
transition: width 0.3s ease;
}
.qode-interactive-links.qode-il-links-below .qode-il-titles-holder .qode-il-link.qode-active .qode-il-title:before {
width: 100%;
}
.qode-interactive-links.qode-il-links-below .qode-il-widget-area {
position: absolute;
right: 20px;
bottom: 20px;
z-index: 20;
}
/* ==========================================================================
Split Scrolling Section shortcode style - begin
========================================================================== */
.qode-split-scrolling-section {
position: relative;
overflow: hidden;
height: 100%;
}
.qode-split-scrolling-section .qode-sss-ms-left,
.qode-split-scrolling-section .qode-sss-ms-right {
height: 100%;
box-sizing: border-box;
}
.qode-split-scrolling-section .qode-sss-ms-left {
width: 38.1%;
}
.qode-split-scrolling-section .qode-sss-ms-left .qode-sss-ms-section div {
display: flex;
}
.qode-split-scrolling-section .qode-sss-ms-left .qode-sss-ms-section section div {
display: block;
}
.qode-split-scrolling-section .qode-sss-ms-left .qode-sss-ms-section.qode-va-middle div {
align-items: center;
}
.qode-split-scrolling-section .qode-sss-ms-left .qode-sss-ms-section.qode-va-bottom div {
align-items: flex-end;
}
.qode-split-scrolling-section .qode-sss-ms-right {
width: 61.9%;
}
.qode-split-scrolling-section .qode-sss-ms-section {
height: 100%;
overflow: hidden;
}
.qode-split-scrolling-section .qode-sss-ms-left {
position: fixed;
}
.qode-split-scrolling-section .qode-sss-ms-left div,
.qode-split-scrolling-section .qode-sss-ms-left ul,
.qode-split-scrolling-section .qode-sss-ms-left li {
height: 100%;
}
.qode-split-scrolling-section .qode-sss-ms-left .qode-sss-ms-section-inner {
background-size: cover;
}
.qode-split-scrolling-section .qode-sss-ms-right {
float: right;
padding: 0 45px;
}
.qode-split-scrolling-section .qode-sss-ms-right .qode-sss-ms-section-inner {
background-size: cover;
}
.qode-split-scrolling-section .qode-image-slider-item-inner.image {
display: none;
}
.qode-split-scrolling-section .qode-image-slider-item-inner-wrapper {
position: relative;
}
.qode-split-scrolling-section .qode-image-slider-item-inner-wrapper .qode-image-slider-item-content {
height: auto;
position: absolute;
bottom: 50%;
width: 100%;
padding: 0 5%;
text-align: center;
box-sizing: border-box;
-webkit-transform: translateY(50%);
-moz-transform: translateY(50%);
transform: translateY(50%);
}
.qode-split-scrolling-section .qode-image-slider-item-inner-wrapper .qode-image-slider-item-content .qode-image-slider-item-inner.title {
font-size: 40px;
margin: 0;
font-weight: 500;
letter-spacing: 0.6em;
}
.qode-split-scrolling-section .qode-image-slider-item-inner-wrapper .qode-image-slider-item-content .qode-image-slider-item-inner.title span {
display: block;
margin-bottom: 10px;
}
.qode-split-scrolling-section .qode-prod-cat.qode-cat-with-image:nth-child(even) {
top: 38px;
}
.qode-split-scrolling-section .qode-owl-slider .owl-nav .owl-next,
.qode-split-scrolling-section .qode-owl-slider .owl-nav .owl-prev {
-webkit-transform: none;
-moz-transform: none;
transform: none;
bottom: 50%;
}
/* ==========================================================================
Split Scrolling Section shortcode style - end
========================================================================== */
/* ==========================================================================
Video Button shortcode start styles
========================================================================== */
.qodef-video-box-holder {
position: relative;
display: inline-block;
vertical-align: middle;
}
.qodef-video-box-holder.qodef-vb-has-img .qodef-video-box-play,
.qodef-video-box-holder.qodef-vb-has-img .qodef-video-box-play-image {
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
}
.qodef-video-box-holder.qodef-vb-has-img .qodef-video-box-play .qodef-video-box-play-inner,
.qodef-video-box-holder.qodef-vb-has-img .qodef-video-box-play-image .qodef-video-box-play-inner {
position: relative;
top: 50%;
left: 0;
display: block;
text-align: center;
transform: translateY(-50%);
}
.qodef-video-box-holder .qodef-video-box-image img {
display: block;
}
.qodef-video-box-holder .qodef-video-box-play,
.qodef-video-box-holder .qodef-video-box-play-image {
position: relative;
display: inline-block;
vertical-align: top;
z-index: 1;
}
.qodef-video-box-holder .qodef-video-box-play {
color: #fff;
font-size: 90px;
line-height: 1;
}
.qodef-video-box-holder .qodef-video-box-play span {
display: block;
line-height: inherit;
}
.qodef-video-box-holder .qodef-video-box-play span:before {
display: block;
line-height: inherit;
}
.qodef-video-box-holder .qodef-video-box-play-image.qodef-vb-has-hover-image:hover img:first-child {
opacity: 0;
}
.qodef-video-box-holder .qodef-video-box-play-image.qodef-vb-has-hover-image:hover img:nth-child(2) {
opacity: 1;
}
.qodef-video-box-holder .qodef-video-box-play-image img {
display: block;
margin: 0 auto;
transition: opacity .3s ease-in-out;
}
.qodef-video-box-holder .qodef-video-box-play-image img:first-child {
position: relative;
opacity: 1;
}
.qodef-video-box-holder .qodef-video-box-play-image img:nth-child(2) {
position: absolute;
top: 0;
left: 50%;
opacity: 0;
transform: translateX(-50%) translateZ(0);
}
.rev_slider_wrapper .qodef-video-box-holder .qodef-video-box-play-image img:nth-child(2) {
transform: translateZ(0);
}
/* ==========================================================================
Video Button shortcode end styles
========================================================================== */
.qode-workflow {
margin-top: 50px;
position: relative;
}
.qode-workflow .main-line {
background: #fff;
left: 30%;
margin-left: -1px;
position: absolute;
right: auto;
top: 0;
width: 2px;
}
.qode-workflow .qode-workflow-item {
margin-left: auto;
margin-right: auto;
max-width: 100%;
position: relative;
padding-bottom: 50px;
overflow: hidden;
}
.qode-workflow .qode-workflow-item .qode-workflow-item-inner {
display: inline-block;
position: relative;
width: 100%;
vertical-align: middle;
}
.qode-workflow .qode-workflow-item .qode-workflow-item-inner .qode-workflow-image {
width: 30%;
}
.qode-workflow .qode-workflow-item .qode-workflow-item-inner .qode-workflow-text {
width: 70%;
}
.qode-workflow .qode-workflow-item .qode-workflow-item-inner .qode-workflow-image,
.qode-workflow .qode-workflow-item .qode-workflow-item-inner .qode-workflow-text {
float: left;
margin: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.qode-workflow .qode-workflow-item .qode-workflow-item-inner .qode-workflow-image {
text-align: center;
}
.qode-workflow .qode-workflow-item .qode-workflow-item-inner .qode-workflow-image.left {
padding: 0px 60px;
text-align: left;
}
.qode-workflow .qode-workflow-item .qode-workflow-item-inner .qode-workflow-image.right {
padding: 0px 60px;
text-align: right;
}
.qode-workflow .qode-workflow-item .qode-workflow-item-inner .qode-workflow-text {
padding: 0px 60px;
}
.qode-workflow .qode-workflow-item .qode-workflow-item-inner .qode-workflow-text h4 {
margin-top: 0;
margin-bottom: 0px;
}
.qode-workflow .qode-workflow-item .qode-workflow-item-inner .qode-workflow-text p.text {
margin-top: 25px;
}
.qode-workflow .qode-workflow-item .qode-workflow-item-inner .qode-workflow-text .circle {
box-sizing: border-box;
background: #fff;
border: 1px solid transparent;
border-radius: 50%;
content: "";
height: 18px;
left: 30%;
margin: 0 0 0 -9px;
position: absolute;
top: 0;
width: 18px;
}
.qode-workflow .qode-workflow-item .qode-workflow-item-inner .qode-workflow-subtitle {
margin-top: 5px;
}
.qode-workflow .qode-workflow-item .qode-workflow-item-inner.reverse {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.qode-workflow .qode-workflow-item .qode-workflow-item-inner.reverse .qode-workflow-text {
text-align: right;
}
.qode-workflow .qode-workflow-item .line {
display: none;
background-color: #fff;
height: 100%;
left: 33.5%;
margin-left: -1px;
position: absolute;
width: 2px;
}
.qode-workflow .qode-workflow-item:first-of-type .line {
display: block;
top: 4px;
transform: translateY(-100%);
}
.qode-workflow .qode-workflow-item:last-of-type .line {
display: block;
top: 24px;
}
.qode-workflow.qode-workflow-animate {
-webkit-transform: translateY(100px);
-moz-transform: translateY(100px);
transform: translateY(100px);
opacity: 0;
-webkit-transition: opacity 0.25s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.25s cubic-bezier(0.23, 1, 0.32, 1);
transition: opacity 0.25s cubic-bezier(0.23, 1, 0.32, 1), transform 0.25s cubic-bezier(0.23, 1, 0.32, 1);
}
.qode-workflow.qode-workflow-animate .main-line {
opacity: 0;
height: 0;
-webkit-transition: opacity 0.25s cubic-bezier(0.23, 1, 0.32, 1), height 1.8s ease-out;
-moz-transition: opacity 0.25s cubic-bezier(0.23, 1, 0.32, 1), height 1.8s ease-out;
transition: opacity 0.25s cubic-bezier(0.23, 1, 0.32, 1), height 1.8s ease-out;
}
.qode-workflow.qode-workflow-animate .circle {
-webkit-transform: scale(0.2);
-moz-transform: scale(0.2);
transform: scale(0.2);
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.68) 0.2s;
transition: transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.68) 0.5s;
}
.qode-workflow.qode-workflow-animate .qode-workflow-item .qode-workflow-item-inner .qode-workflow-image {
opacity: 0;
-webkit-transform: scale(0.6);
-moz-transform: scale(0.6);
transform: scale(0.6);
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28), opacity 0.2s ease-out;
transition: transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28), opacity 0.2s ease-out;
}
.qode-workflow.qode-workflow-animate .qode-workflow-item .qode-workflow-item-inner .qode-workflow-text h4,
.qode-workflow.qode-workflow-animate .qode-workflow-item .qode-workflow-item-inner .qode-workflow-text p {
opacity: 0;
-webkit-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1) 0.2s;
-moz-transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1) 0.2s;
transition: opacity 0.3s cubic-bezier(0.22, 0.61, 0.36, 1) 0.2s;
}
.qode-workflow.qode-workflow-animate.qode-appeared {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.qode-workflow.qode-workflow-animate.qode-appeared .main-line {
opacity: 1;
}
.qode-workflow.qode-workflow-animate.qode-appeared .qode-workflow-item.qode-appeared .qode-workflow-image {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);
}
.qode-workflow.qode-workflow-animate.qode-appeared .qode-workflow-item.qode-appeared .qode-workflow-text h4,
.qode-workflow.qode-workflow-animate.qode-appeared .qode-workflow-item.qode-appeared .qode-workflow-text p {
opacity: 1;
}
.qode-workflow.qode-workflow-animate.qode-appeared .circle {
-webkit-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);
}
@media only screen and (min-width: 769px) {
.qode-workflow.qode-workflow-alternating .main-line {
left: 50%;
}
.qode-workflow.qode-workflow-alternating .qode-workflow-item .qode-workflow-item-inner {
display: flex;
}
.qode-workflow.qode-workflow-alternating .qode-workflow-item .qode-workflow-item-inner .qode-workflow-item-placeholder {
flex: 1;
}
.qode-workflow.qode-workflow-alternating .qode-workflow-item .qode-workflow-item-inner .qode-workflow-main-item {
flex: 1;
display: flex;
align-items: center;
}
.qode-workflow.qode-workflow-alternating .qode-workflow-item .qode-workflow-item-inner .qode-workflow-main-item .qode-workflow-text {
flex: 1;
}
.qode-workflow.qode-workflow-alternating .qode-workflow-item .qode-workflow-item-inner .qode-workflow-main-item .qode-workflow-text .circle {
left: 50%;
}
.qode-workflow.qode-workflow-alternating .qode-workflow-item .qode-workflow-item-inner .qode-workflow-main-item .qode-workflow-image {
flex: 1;
padding: 0;
}
.qode-workflow.qode-workflow-alternating .qode-workflow-item:nth-child(odd) .qode-workflow-item-inner {
flex-direction: row-reverse;
}
.qode-workflow.qode-workflow-alternating .qode-workflow-item:nth-child(odd) .qode-workflow-item-inner .qode-workflow-main-item {
flex-direction: row-reverse;
}
.qode-workflow.qode-workflow-alternating .qode-workflow-item:nth-child(odd) .qode-workflow-item-inner .qode-workflow-main-item .qode-workflow-text {
text-align: right;
}
}
/*# sourceMappingURL=../css/shortcodes-map.css.map */
/* ==========================================================================
# Pop-up style - begin
========================================================================== */
/* Popup opener style - start */
.qode-popup-opener {
vertical-align: middle;
display: inline-block;
}
.widget_qode_popup_opener {
display: inline-block;
vertical-align: middle;
}
/* Popup opener style - end */
.qode-popup-holder {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
-webkit-transition: opacity .2s ease-out .1s, visibility .0s .4s;
transition: opacity .2s ease-out .1s, visibility .0s .4s;
z-index: 115;
visibility: hidden;
}
.qode-popup-holder .qode-popup-shader {
top: 0;
left: 0;
position: fixed;
width: 110%;
height: 130%;
z-index: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transform-style: flat;
transform-style: flat;
backface-visibility: hidden;
background-color: rgba(0, 0, 0, 0.65);
}
.qode-popup-holder .qode-popup-table {
display: table;
width: 100%;
height: 100%;
position: relative;
z-index: 9;
}
.qode-popup-holder .qode-popup-table-cell {
display: table-cell;
vertical-align: middle;
width: 100%;
height: 100%;
text-align: center;
}
.qode-popup-holder .qode-popup-inner {
display: inline-block;
width: 43%;
background-color: #fff;
box-sizing: border-box;
-webkit-transform: scale(0.85);
-moz-transform: scale(0.85);
transform: scale(0.85);
opacity: 0;
-webkit-transition: transform 0.3s cubic-bezier(0.06, 0.47, 0.38, 0.99), opacity 0.15s cubic-bezier(0.06, 0.47, 0.38, 0.99);
-moz-transition: transform 0.3s cubic-bezier(0.06, 0.47, 0.38, 0.99), opacity 0.15s cubic-bezier(0.06, 0.47, 0.38, 0.99);
transition: transform 0.3s cubic-bezier(0.06, 0.47, 0.38, 0.99), opacity 0.15s cubic-bezier(0.06, 0.47, 0.38, 0.99);
}
.qode-popup-holder .qode-popup-close {
display: inline-block;
font-size: 32px;
color: #787878;
position: absolute;
top: 25px;
right: 28px;
}
.qode-popup-holder .qode-popup-content-container {
background: #fff;
padding: 80px 110px 90px;
}
.qode-popup-holder .qode-popup-title-holder {
margin-bottom: 16px;
}
.qode-popup-holder .qode-popup-title-holder .qode-popup-title {
font-weight: 600;
line-height: 1.11em;
margin: 0;
}
.qode-popup-holder .qode-popup-subtitle {
font-size: 13px;
margin-bottom: 33px;
}
.qode-popup-holder .wpcf7 {
position: relative;
width: 100%;
display: block;
margin: 0 auto;
}
.qode-popup-holder .wpcf7 label {
text-align: left;
display: block;
}
.qode-popup-holder .wpcf7-form-control.wpcf7-text,
.qode-popup-holder .wpcf7-form-control.wpcf7-number,
.qode-popup-holder .wpcf7-form-control.wpcf7-date,
.qode-popup-holder .wpcf7-form-control.wpcf7-textarea,
.qode-popup-holder .wpcf7-form-control.wpcf7-select,
.qode-popup-holder .wpcf7-form-control.wpcf7-quiz {
border: 1px solid #d6d6d6;
}
.qode-popup-holder .wpcf7-form-control.wpcf7-submit {
margin-top: 15px;
}
.qode-popup-holder .wpcf7-response-output {
color: inherit;
padding: 0;
margin: 45px 0 0;
}
.qode-popup-holder .wpcf7-response-output:before {
display: none;
}
/* Popup open/close style */
.qode-popup-opened .qode-popup-holder {
opacity: 1;
visibility: visible;
-webkit-transition: opacity .3s ease;
transition: opacity .3s ease;
}
.qode-popup-opened .qode-popup-holder .qode-popup-inner {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);
-webkit-transition: transform 0.5s cubic-bezier(0.26, 0.63, 0, 0.96);
-moz-transition: transform 0.5s cubic-bezier(0.26, 0.63, 0, 0.96);
transition: transform 0.5s cubic-bezier(0.26, 0.63, 0, 0.96);
}
/* ==========================================================================
# Pop-up style - end
========================================================================== */
/*# sourceMappingURL=../css/popup-map.css.map */