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: 0
}
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
}
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: 0
}
img, .wp-caption {
max-width: 100%;
height: auto
}
html {
height: 100%;
margin: 0!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
}
h1 {
font-size: 64px;
line-height: 1.3125em;
letter-spacing: 4px;
font-weight: 700;
text-transform: uppercase
}
h2 {
font-size: 40px;
line-height: 1.2em;
letter-spacing: 2px;
font-weight: 800;
text-transform: uppercase
}
h3 {
font-family: 'Crete Round', sans-serif;
font-size: 28px;
line-height: 1.285714285714286em;
font-style: italic;
font-weight: 400
}
h4 {
font-size: 13px;
line-height: 1.538461538461538em;
letter-spacing: 1px;
font-weight: 700;
text-transform: uppercase
}
h5 {
font-size: 18px;
line-height: 1.444444444444444em;
letter-spacing: 1px;
font-weight: 700;
text-transform: uppercase
}
h6 {
font-family: 'Crete Round', sans-serif;
font-size: 14px;
line-height: 1.571428571428571em;
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-transform: color .3s ease-in-out;
transition: color .3s ease-in-out
}
input[type='submit'], .woocommerce input[type='button'], .woocommerce-page input[type='button'] {
-webkit-appearance: none
}
ul {
list-style-position: inside
}
::selection {
background: #e6ae48;
color: #fff
}
::-moz-selection {
background: #e6ae48;
color: #fff
}
.content ul ul, .content ol {
padding: 0 0 0 15px
}
.wrapper {
background-color: #f5f5f5;
position: relative;
z-index: 1000;
-webkit-transition: left .33s cubic-bezier(0.694, 0.0482, 0.335, 1);
-moz-transition: left .33s cubic-bezier(0.694, 0.0482, 0.335, 1);
-o-transition: left .33s cubic-bezier(0.694, 0.0482, 0.335, 1);
-ms-transition: left .33s cubic-bezier(0.694, 0.0482, 0.335, 1);
transition: left .33s cubic-bezier(0.694, 0.0482, 0.335, 1);
left: 0
}
.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
}
.clearfix:before, .clearfix:after {
content: " ";
display: table
}
.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
}
.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 {
width: 1100px;
margin: 0 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 {
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%
}
.ajax_loader .pulse {
width: 32px;
height: 32px;
margin: -16px 0 0 -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
}
}
.ajax_loader .double_pulse {
width: 40px;
height: 40px;
margin: -20px 0 0 -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: .6;
position: absolute;
top: 0;
left: 0;
-webkit-animation: bounce 2.0s infinite ease-in-out;
animation: bounce 2.0s infinite ease-in-out
}
.ajax_loader .double_pulse .double-bounce2 {
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s
}
@-webkit-keyframes bounce {
0%, 100% {
-webkit-transform: scale(0.0)
}
50% {
-webkit-transform: scale(1.0)
}
}
@keyframes bounce {
0%, 100% {
transform: scale(0.0);
-webkit-transform: scale(0.0)
}
50% {
transform: scale(1.0);
-webkit-transform: scale(1.0)
}
}
.ajax_loader .cube {
width: 60px;
height: 60px;
margin: -30px 0 0 -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)
}
}
.ajax_loader .rotating_cubes {
width: 32px;
height: 32px;
margin: -16px 0 0 -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)
}
}
.ajax_loader .stripes {
width: 50px;
height: 60px;
margin: -30px 0 0 -25px;
text-align: center;
font-size: 10px
}
.ajax_loader .stripes>div {
background-color: #303030;
height: 100%;
width: 6px;
display: inline-block;
margin: 0 3px 0 0;
-webkit-animation: stretchdelay 1.2s infinite ease-in-out;
animation: stretchdelay 1.2s infinite ease-in-out
}
.ajax_loader .stripes .rect2 {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s
}
.ajax_loader .stripes .rect3 {
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s
}
.ajax_loader .stripes .rect4 {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s
}
.ajax_loader .stripes .rect5 {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s
}
@-webkit-keyframes stretchdelay {
0%, 40%, 100% {
-webkit-transform: scaleY(0.4)
}
20% {
-webkit-transform: scaleY(1.0)
}
}
@keyframes stretchdelay {
0%, 40%, 100% {
transform: scaleY(0.4);
-webkit-transform: scaleY(0.4)
}
20% {
transform: scaleY(1.0);
-webkit-transform: scaleY(1.0)
}
}
.ajax_loader .wave {
width: 72px;
text-align: center;
margin: -9px 0 0 -36px
}
.ajax_loader .wave>div {
width: 18px;
height: 18px;
background-color: #303030;
margin: 0 3px 0 0;
border-radius: 100%;
display: inline-block;
-webkit-animation: bouncedelay 1.4s infinite ease-in-out;
animation: bouncedelay 1.4s infinite ease-in-out;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.ajax_loader .wave .bounce1 {
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s
}
.ajax_loader .wave .bounce2 {
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s
}
@-webkit-keyframes bouncedelay {
0%, 80%, 100% {
-webkit-transform: scale(0.0)
}
40% {
-webkit-transform: scale(1.0)
}
}
@keyframes bouncedelay {
0%, 80%, 100% {
transform: scale(0.0);
-webkit-transform: scale(0.0)
}
40% {
transform: scale(1.0);
-webkit-transform: scale(1.0)
}
}
.ajax_loader .two_rotating_circles {
width: 40px;
height: 40px;
margin: -20px 0 0 -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: 0;
-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)
}
}
.ajax_loader .five_rotating_circles {
width: 60px;
height: 60px;
margin: -30px 0 0 -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;
-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
}
body.smooth_scroll {
overflow-y: hidden
}
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: 0 0;
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
}
.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: 0;
padding: 0
}
.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: 0;
text-shadow: none;
-webkit-transition: color .3s ease-in-out;
-moz-transition: color .3s ease-in-out;
-ms-transition: color .3s ease-in-out;
-o-transition: color .3s ease-in-out;
transition: color .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
}
#back_to_top {
height: auto;
position: fixed;
bottom: 65px;
margin: 0;
z-index: 10000;
-webkit-transition: opacity .3s ease-in-out;
-moz-transition: opacity .3s ease-in-out;
-o-transition: opacity .3s ease-in-out;
transition: opacity .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 .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;
-ms-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;
transition: background-color .3s ease-in-out, color .3s ease-in-out, border-color .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 {
display: none
}
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
}
@-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 .7s 1 ease-in-out;
-moz-animation: element-from-left .7s 1 ease-in-out;
-o-animation: element-from-left .7s 1 ease-in-out;
animation: element-from-left .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 .7s 1 ease-in-out;
-moz-animation: element-from-right .7s 1 ease-in-out;
-o-animation: element-from-right .7s 1 ease-in-out;
animation: element-from-right .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 .7s 1 ease-in-out;
-moz-animation: element-from-top .7s 1 ease-in-out;
-o-animation: element-from-top .7s 1 ease-in-out;
animation: element-from-top .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 .7s 1 ease-in-out;
-moz-animation: element-from-bottom .7s 1 ease-in-out;
-o-animation: element-from-bottom .7s 1 ease-in-out;
animation: element-from-bottom .7s 1 ease-in-out;
opacity: 1;
filter: alpha(opacity=100);
-webkit-backface-visibility: hidden
}
.element_transform.element_transform_on>div {
-webkit-animation: element-transform .4s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
-moz-animation: element-transform .4s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
-o-animation: element-transform .4s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
animation: element-transform .4s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
.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_404_page {
padding: 0!important
}
.page_not_found {
margin: 118px 0 120px
}
.page_not_found h4 {
margin: 30px 0 70px
}
.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
}
header {
width: 100%;
display: inline-block;
margin: 0;
vertical-align: middle;
position: relative;
z-index: 110;
-webkit-backface-visibility: hidden
}
header .header_inner_left {
position: absolute;
left: 45px;
top: 0
}
header .container_inner .header_inner_left {
position: absolute;
left: 0;
top: 0
}
header .header_top_bottom_holder {
position: relative
}
.boxed header {
background-color: transparent!important;
border: 0!important
}
.boxed .header_inner {
width: 1150px;
margin: 0 auto
}
.header_inner_right {
float: right;
position: relative;
z-index: 110
}
.header_top {
line-height: 33px;
height: 33px;
padding: 0;
font-size: 11px;
background-color: #393939;
color: #fff
}
.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
}
.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
}
.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
}
.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 {
padding: 0 45px;
position: relative;
background-color: #fff;
-webkit-transition: all .2s ease 0s;
-moz-transition: all .2s ease 0s;
-o-transition: all .2s ease 0s;
transition: all .2s ease 0s
}
.boxed .header_bottom {
padding: 0 25px
}
.header_bottom .container_inner {
position: relative
}
.logo_wrapper {
height: 100px;
float: left
}
.q_logo {
position: relative;
top: 50%;
left: 0
}
.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
}
.no-touch .q_logo img {
-webkit-transition: opacity .6s ease-in-out;
-moz-transition: opacity .6s ease-in-out;
-o-transition: opacity .6s ease-in-out;
-ms-transition: opacity .6s ease-in-out
}
.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
}
header.sticky {
-webkit-transition: all .33s cubic-bezier(0.694, 0.0482, 0.335, 1);
-moz-transition: all .33s cubic-bezier(0.694, 0.0482, 0.335, 1);
-o-transition: all .33s cubic-bezier(0.694, 0.0482, 0.335, 1);
-ms-transition: all .33s cubic-bezier(0.694, 0.0482, 0.335, 1);
transition: all .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: 0
}
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
}
header.fixed, header.fixed_hiding {
width: 100%;
position: fixed;
z-index: 110;
top: 0;
left: 0
}
@media only screen and (min-width:1000px) {
header.fixed, header.fixed_hiding {
-webkit-transition: left .13s cubic-bezier(0.694, 0.0482, 0.335, 1), left .33s cubic-bezier(0.694, 0.0482, 0.335, 1);
-moz-transition: left .13s cubic-bezier(0.694, 0.0482, 0.335, 1), left .33s cubic-bezier(0.694, 0.0482, 0.335, 1);
-o-transition: left .13s cubic-bezier(0.694, 0.0482, 0.335, 1), left .33s cubic-bezier(0.694, 0.0482, 0.335, 1);
-ms-transition: left .13s cubic-bezier(0.694, 0.0482, 0.335, 1), left .33s cubic-bezier(0.694, 0.0482, 0.335, 1);
transition: left .13s cubic-bezier(0.694, 0.0482, 0.335, 1), left .33s cubic-bezier(0.694, 0.0482, 0.335, 1)
}
}
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.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
}
@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: 0
}
header.centered_logo .logo_wrapper {
float: none;
height: auto!important
}
header.centered_logo .q_logo {
top: 0
}
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: 0;
margin: 0
}
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: 0
}
header.centered_logo .main_menu_and_widget_holder {
position: relative;
display: block;
border: 1px solid #696969;
border-left: 0!important;
border-right: 0!important
}
header.fixed_hiding .holeder_for_hidden_menu {
overflow: hidden;
max-height: 180px;
vertical-align: middle;
-webkit-transition: max-height .2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
-moz-transition: max-height .2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
-o-transition: max-height .2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
-ms-transition: max-height .2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
transition: max-height .2s cubic-bezier(0.23, 1, 0.32, 1) 0s
}
header.fixed_hiding.scrolled .holeder_for_hidden_menu {
max-height: 0
}
header.fixed_hiding .holeder_for_hidden_menu:hover {
overflow: visible
}
header.fixed_hiding.scrolled:hover .holeder_for_hidden_menu {
max-height: 180px;
transition-duration: .5s;
-webkit-transition-duration: .8s;
-moz-transition-duration: .8s;
-ms-transition-duration: .8s;
-o-transition-duration: .8s
}
header.fixed_hiding.centered_logo .header_inner_left {
margin: 20px 0;
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 .2s ease-in-out, opacity .2s ease-in-out;
-moz-transition: max-height .2s ease-in-out, opacity .2s ease-in-out;
-o-transition: max-height .2s ease-in-out, opacity .2s ease-in-out;
-ms-transition: max-height .2s ease-in-out, opacity .2s ease-in-out;
transition: max-height .2s ease-in-out, opacity .2s ease-in-out
}
header.fixed_hiding.scrolled .q_logo, header.fixed_hiding.scrolled .q_logo a {
-webkit-transition: max-height .2s ease-in-out, opacity .4s ease-in-out;
-moz-transition: max-height .2s ease-in-out, opacity .4s ease-in-out;
-o-transition: max-height .2s ease-in-out, opacity .4s ease-in-out;
-ms-transition: max-height .2s ease-in-out, opacity .4s ease-in-out;
transition: max-height .2s ease-in-out, opacity .4s ease-in-out;
max-height: 0!important;
opacity: 0
}
header.fixed_hiding .q_logo_hidden a {
height: 50px;
position: relative;
display: block;
opacity: 0;
max-height: 0;
-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 .15s ease-in-out .4s, max-height .15s ease-in-out .2s;
-moz-transition: opacity .15s ease-in-out .4s, max-height .15s ease-in-out .2s;
-o-transition: opacity .15s ease-in-out .4s, max-height .15s ease-in-out .2s;
-ms-transition: opacity .15s ease-in-out .4s, max-height .15s ease-in-out .2s;
transition: opacity .15s ease-in-out .4s, max-height .15s ease-in-out .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)
}
}
@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: 0;
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: 0;
left: 0;
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: 0;
right: 0;
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: 0!important
}
nav.main_menu.left_side>ul, nav.main_menu.right_side>ul {
left: auto
}
}
nav.main_menu {
position: absolute;
left: 50%;
z-index: 100;
text-align: left
}
nav.main_menu.right {
position: relative;
left: auto;
float: right
}
nav.main_menu ul {
list-style: none outside none;
margin: 0;
padding: 0
}
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: 0;
margin: 0;
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 {
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 .3s ease-in-out, color .3s ease-in-out, background-color .3s ease-in-out;
-moz-transition: opacity .3s ease-in-out, color .3s ease-in-out, background-color .3s ease-in-out;
-o-transition: opacity .3s ease-in-out, color .3s ease-in-out, background-color .3s ease-in-out;
-ms-transition: opacity .3s ease-in-out, color .3s ease-in-out, background-color .3s ease-in-out;
transition: opacity .3s ease-in-out, color .3s ease-in-out, background-color .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
}
.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 .3s ease-in-out;
-moz-transition: top .3s ease-in-out;
-ms-transition: top .3s ease-in-out;
-o-transition: top .3s ease-in-out;
transition: top .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: 0
}
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: 0;
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: 0
}
.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 .3s ease-in-out;
-moz-transition: color .3s ease-in-out;
-ms-transition: color .3s ease-in-out;
-o-transition: color .3s ease-in-out;
transition: color .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: 0;
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: 0
}
.drop_down .second .inner .widget {
padding: 0 28px
}
.drop_down .wide .second ul {
padding: 26px 0 32px
}
.drop_down .wide .second ul li {
float: left;
width: 274px;
padding: 0;
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: 0
}
.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: 0;
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: 0;
-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: 0!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: 0 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
}
.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: 0;
border: 0;
display: none
}
.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: 0;
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: 0;
padding: 0;
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: 0;
padding: 0 10px 0 0;
position: absolute;
top: 0;
right: 0;
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 0;
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: 0 0 0 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 {
color: #fff
}
.light:not(.sticky):not(.scrolled) .q_social_icon_holder i.simple_social {
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 {
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_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 .3s ease, color .3s ease;
-moz-transition: opacity .3s ease, color .3s ease;
-ms-transition: opacity .3s ease, color .3s ease;
-o-transition: opacity .3s ease, color .3s ease;
transition: opacity .3s ease, color .3s ease;
color: #5d5d5d
}
.side_menu_button>a:hover, .mobile_menu_button span:hover {
color: #e6ae48
}
.qode_search_form {
background-color: #393939;
color: #fff;
margin: 0;
overflow: hidden;
width: 100%;
height: 0;
position: absolute;
top: 0;
left: 0
}
.qode_search_form i {
color: #fff;
font-size: 13px;
display: inline-block;
padding: 0 0 0 45px;
float: left;
line-height: 50px
}
.qode_search_form input, .qode_search_form input:focus {
background-color: transparent;
border: 0;
box-shadow: none;
color: #fff;
display: inline-block;
line-height: 20px;
height: 20px;
margin: 15px 0;
width: 90%;
padding: 0 45px 0 10px;
font-family: inherit;
outline: 0;
outline-offset: 0;
-webkit-appearance: none;
float: left
}
.qode_search_form input:focus {
outline-offset: 0!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: 0
}
.qode_search_form .container input {
width: 90%;
padding: 0 0 0 10px
}
.qode_search_form input[type="submit"] {
border: 0 none;
clip: rect(0px, 0px, 0px, 0px);
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
width: 1px;
visibility: hidden
}
.qode_search_form .qode_search_close {
position: absolute;
line-height: 50px;
height: 50px;
top: 0;
right: 45px
}
.qode_search_form .container .qode_search_close {
right: 0
}
.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
}
.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 {
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, .boxed.vertical_menu_enabled .content .container, .boxed.vertical_menu_enabled .title_outer, .boxed.vertical_menu_enabled footer {
padding-left: 0
}
.boxed.vertical_menu_enabled, .boxed.vertical_menu_enabled footer.uncover {
padding-left: 260px
}
.vertical_menu_enabled .content .title .container {
padding-left: 0
}
.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 .3s ease;
-moz-transition: background-color .3s ease;
-o-transition: background-color .3s ease;
-ms-transition: background-color .3s ease;
transition: background-color .3s ease;
outline: 0
}
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: 0
}
.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: 0;
left: 0;
z-index: 0;
-webkit-transition: opacity .3s ease;
-moz-transition: opacity .3s ease;
-o-transition: opacity .3s ease;
-ms-transition: opacity .3s ease;
transition: opacity .3s ease;
opacity: 1
}
.vertical_logo_wrapper {
z-index: 100;
position: relative
}
.vertical_logo_wrapper img {
max-width: 100%;
position: absolute;
top: 0;
left: 0;
-webkit-transition: opacity .3s ease;
-moz-transition: opacity .3s ease;
-o-transition: opacity .3s ease;
-ms-transition: opacity .3s ease;
transition: opacity .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 .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
}
.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: 0;
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: 0;
right: 0;
background-image: url(//www.carterfabrications.co.uk/wp-content/themes/stockholm/css/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(//www.carterfabrications.co.uk/wp-content/themes/stockholm/css/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(//www.carterfabrications.co.uk/wp-content/themes/stockholm/css/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(//www.carterfabrications.co.uk/wp-content/themes/stockholm/css/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(//www.carterfabrications.co.uk/wp-content/themes/stockholm/css/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(//www.carterfabrications.co.uk/wp-content/themes/stockholm/css/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(//www.carterfabrications.co.uk/wp-content/themes/stockholm/css/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(//www.carterfabrications.co.uk/wp-content/themes/stockholm/css/img/vertical_menu_minus@1_5x.png)
}
.touch nav.vertical_menu_toggle ul>li.menu-item-has-children.open>a>.plus {
background-image: url(//www.carterfabrications.co.uk/wp-content/themes/stockholm/css/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(//www.carterfabrications.co.uk/wp-content/themes/stockholm/css/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(//www.carterfabrications.co.uk/wp-content/themes/stockholm/css/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(//www.carterfabrications.co.uk/wp-content/themes/stockholm/css/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(//www.carterfabrications.co.uk/wp-content/themes/stockholm/css/img/vertical_menu_minus_black@1_5x.png)
}
}
@media only screen and (-webkit-min-device-pixel-ratio:2.0), only screen and (min--moz-device-pixel-ratio:2.0), only screen and (-o-min-device-pixel-ratio:200/100), only screen and (min-device-pixel-ratio:2.0), only screen and (min-resolution:210dppx) {
nav.vertical_menu_toggle ul li.menu-item-has-children a .plus {
background-image: url(//www.carterfabrications.co.uk/wp-content/themes/stockholm/css/img/vertical_menu_cross@2x.png)
}
.no-touch nav.vertical_menu_toggle ul>li.menu-item-has-children>a:hover>.plus {
background-image: url(//www.carterfabrications.co.uk/wp-content/themes/stockholm/css/img/vertical_menu_minus@2x.png)
}
.touch nav.vertical_menu_toggle ul>li.menu-item-has-children.open>a>.plus {
background-image: url(//www.carterfabrications.co.uk/wp-content/themes/stockholm/css/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(//www.carterfabrications.co.uk/wp-content/themes/stockholm/css/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(//www.carterfabrications.co.uk/wp-content/themes/stockholm/css/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(//www.carterfabrications.co.uk/wp-content/themes/stockholm/css/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(//www.carterfabrications.co.uk/wp-content/themes/stockholm/css/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 0 5px 0;
text-decoration: none;
-webkit-transition: color .3s ease;
-moz-transition: color .3s ease;
-o-transition: color .3s ease;
-ms-transition: color .3s ease;
transition: color .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: 0
}
.vertical_menu_enabled.vertical_menu_enabled.vertical_menu_transparency .carousel-inner:not(.relative_position) {
left: 0!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
}
.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: 0;
width: 13px;
top: 0;
left: 0;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-ms-transform: all .3s ease-in-out;
transition: all .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 .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-ms-transform: all .3s ease-in-out;
transition: all .3s ease-in-out;
width: 13px;
z-index: -1;
-webkit-backface-visibility: hidden
}
@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: 0;
left: 0;
width: 100%;
height: 100%;
visibility: hidden;
opacity: 0;
z-index: 105
}
.popup_menu_holder {
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.9);
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
display: table;
background-repeat: repeat;
background-position: 0 0
}
.popup_menu_holder_inner {
display: table-cell;
vertical-align: middle;
padding: 100px 0
}
.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: 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: 0 auto;
position: relative;
top: 0;
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;
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: 0;
display: block;
position: relative;
text-decoration: none;
cursor: pointer;
text-transform: uppercase;
-webkit-transition: color .3s ease-in-out;
-moz-transition: color .3s ease-in-out;
-o-transition: color .3s ease-in-out;
-ms-transform: color .3s ease-in-out;
transition: color .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: .5em;
line-height: 1em
}
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
}
.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: .6s ease-in-out left;
transition: .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%
}
.carousel.fade .item {
-webkit-transition: opacity .5s ease-in-out;
-moz-transition: opacity .5s ease-in-out;
-ms-transition: opacity .5s ease-in-out;
-o-transition: opacity .5s ease-in-out;
transition: opacity .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
}
.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 {
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: 0 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: 0!important;
left: 0!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: 0!important
}
@media only screen and (max-width:1000px) {
.carousel-inner .item.vertical_align_middle .slider_content {
padding: 0!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: 0!important;
right: 0!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
}
.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.840, 0.440, 1.000);
-moz-animation: text-from-bottom 1.5s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
-o-animation: text-from-bottom 1.5s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
animation: text-from-bottom 1.5s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
opacity: 1;
filter: alpha(opacity=100)
}
.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 1 cubic-bezier(0.165, 0.840, 0.440, 1.000) 0s;
-moz-animation: text-from-bottom-one-by-one 1.2s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000) 0s;
-o-animation: text-from-bottom-one-by-one 1.2s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000) 0s;
animation: text-from-bottom-one-by-one 1.2s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000) 0s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translateZ(0px)
}
.carousel-inner .active .slider_content .text.one_by_one h2 {
animation-delay: .2s;
-webkit-animation-delay: .4s
}
.carousel-inner .active .slider_content .text.one_by_one h3.q_slide_text {
animation-delay: .4s;
-webkit-animation-delay: .6s
}
.carousel-inner .active .slider_content .text.one_by_one a.qbutton {
animation-delay: .6s;
-webkit-animation-delay: .8s
}
.carousel-inner .active .slider_content .text.one_by_one .slide_anchor_holder {
animation-delay: .8s;
-webkit-animation-delay: 1s
}
.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 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 .33s cubic-bezier(0.694, 0.0482, 0.335, 1);
-moz-transition: left .33s cubic-bezier(0.694, 0.0482, 0.335, 1);
-o-transition: left .33s cubic-bezier(0.694, 0.0482, 0.335, 1);
-ms-transition: left .33s cubic-bezier(0.694, 0.0482, 0.335, 1);
transition: left .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 0!important
}
.carousel-inner .item .image {
position: absolute;
top: 0;
left: 0;
background-position: center 0;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 100%
}
.carousel-inner .item .image img {
display: none!important;
width: 0;
height: 0
}
.carousel-inner .item .image_pattern {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2
}
.carousel-control {
top: 0;
width: 8%;
height: 100%;
text-shadow: none;
position: absolute;
z-index: 2!important;
margin: 0;
outline: 0;
cursor: pointer;
-webkit-transition: opacity .3s ease-in-out;
-moz-transition: opacity .3s ease-in-out;
-o-transition: opacity .3s ease-in-out;
-ms-transform: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden
}
.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 .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-transform: 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: 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: .825em!important;
line-height: 1.2em!important
}
.carousel .carousel-inner h3 span {
font-size: .95em
}
.vertical_menu_enabled .carousel .carousel-inner h2 span {
font-size: .725em!important;
line-height: 1.1em!important
}
.vertical_menu_enabled .carousel .carousel-inner h3 span {
font-size: .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: .725em!important;
line-height: 1.1em!important
}
.carousel .carousel-inner h3 span {
font-size: .8em
}
.vertical_menu_enabled .carousel .carousel-inner h2 span {
font-size: .625em!important;
line-height: 1em!important
}
.vertical_menu_enabled .carousel .carousel-inner h3 span {
font-size: .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: .625em!important;
line-height: .9em!important
}
.carousel .carousel-inner h3 span {
font-size: .7em;
line-height: 1.1em
}
.vertical_menu_enabled .carousel .carousel-inner h2 span {
font-size: .525em!important;
line-height: .8em!important
}
.vertical_menu_enabled .carousel .carousel-inner h3 span {
font-size: .6em;
line-height: 1em
}
.carousel-control {
display: none
}
}
@media(max-width:320px) {
.carousel .carousel-inner h2 span {
font-size: .5em!important;
line-height: .9em!important
}
.carousel .carousel-inner h3 span {
font-size: .6em;
line-height: 1em
}
.vertical_menu_enabled .carousel .carousel-inner h2 span {
font-size: .4em!important;
line-height: .8em!important
}
.vertical_menu_enabled .carousel .carousel-inner h3 span {
font-size: .5em;
line-height: .9em
}
}
.carousel-indicators li {
background-color: #fff;
margin: 0;
opacity: .4;
margin: 0 3px;
-webkit-transition: background-color .3s ease-in-out, opacity .3s ease-in-out;
-moz-transition: background-color .3s ease-in-out, opacity .3s ease-in-out;
-o-transition: background-color .3s ease-in-out, opacity .3s ease-in-out;
-ms-transform: background-color .3s ease-in-out, opacity .3s ease-in-out;
transition: background-color .3s ease-in-out, opacity .3s ease-in-out
}
.carousel-indicators.dark li {
background-color: #000
}
.carousel-indicators .active {
opacity: 1;
margin: 0 3px
}
@-webkit-keyframes text-from-bottom {
0% {
-webkit-transform: translate(0, 15%);
opacity: 0
}
50% {
-webkit-transform: translate(0, 15%);
opacity: 0
}
100% {
-webkit-transform: translate(0, 0);
opacity: 1
}
}
@-moz-keyframes text-from-bottom {
0% {
-moz-transform: translate(0, 15%);
opacity: 0
}
50% {
-moz-transform: translate(0, 15%);
opacity: 0
}
100% {
-moz-transform: translate(0, 0);
opacity: 1
}
}
@-o-keyframes text-from-bottom {
0% {
-o-transform: translate(0, 15%);
opacity: 0
}
50% {
-o-transform: translate(0, 15%);
opacity: 0
}
100% {
-o-transform: translate(0, 0);
opacity: 1
}
}
@keyframes text-from-bottom {
0% {
transform: translate(0, 15%);
opacity: 0
}
50% {
transform: translate(0, 15%);
opacity: 0
}
100% {
transform: translate(0, 0);
opacity: 1
}
}
@-webkit-keyframes rotate {
0% {
-webkit-transform: perspective(600px) rotateX(90deg) scale(.5);
opacity: 0
}
50% {
-webkit-transform: perspective(600px) rotateX(90deg) scale(.5);
opacity: 0
}
100% {
-webkit-transform: perspective(600px) rotateX(0deg) scale(1);
opacity: 1
}
}
@-moz-keyframes rotate {
0% {
-moz-transform: perspective(600px) rotateX(90deg) scale(.5);
opacity: 0
}
50% {
-moz-transform: perspective(600px) rotateX(90deg) scale(.5);
opacity: 0
}
100% {
-moz-transform: perspective(600px) rotateX(0deg) scale(1);
opacity: 1
}
}
@-o-keyframes rotate {
0% {
-o-transform: perspective(600px) rotateX(90deg) scale(.5);
opacity: .2
}
50% {
-o-transform: perspective(600px) rotateX(90deg) scale(.5);
opacity: .2
}
100% {
-o-transform: perspective(600px) rotateX(0deg) scale(1);
opacity: 1
}
}
@keyframes rotate {
0% {
transform: perspective(600px) rotateX(90deg) scale(.5);
opacity: 0
}
50% {
transform: perspective(600px) rotateX(90deg) scale(.5);
opacity: 0
}
100% {
transform: perspective(600px) rotateX(0deg) scale(1);
opacity: 1
}
}
@-webkit-keyframes fade {
0% {
opacity: 0
}
50% {
opacity: 0
}
100% {
opacity: 1
}
}
@-moz-keyframes fade {
0% {
opacity: 0
}
50% {
opacity: 0
}
100% {
opacity: 1
}
}
@-o-keyframes fade {
0% {
opacity: 0
}
50% {
opacity: 0
}
100% {
opacity: 1
}
}
@keyframes fade {
0% {
opacity: 0
}
50% {
opacity: 0
}
100% {
opacity: 1
}
}
@-webkit-keyframes text-from-bottom-one-by-one {
0% {
top: 70px;
opacity: 0
}
50% {
top: 45px;
opacity: 0
}
100% {
top: 0;
opacity: 1
}
}
@-moz-keyframes text-from-bottom-one-by-one {
0% {
top: 70px;
opacity: 0
}
50% {
top: 45px;
opacity: 0
}
100% {
top: 0;
opacity: 1
}
}
@-o-keyframes text-from-bottom-one-by-one {
0% {
top: 70px;
opacity: 0
}
50% {
top: 45px;
opacity: 0
}
100% {
top: 0;
opacity: 1
}
}
@keyframes text-from-bottom-one-by-one {
0% {
top: 70px;
opacity: 0
}
50% {
top: 45px;
opacity: 0
}
100% {
top: 0;
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(//www.carterfabrications.co.uk/wp-content/themes/stockholm/css/img/pixel-video.png);
background-position: 0 0;
background-repeat: repeat;
opacity: 1
}
.carousel .video .video-overlay img {
display: none!important
}
.carousel .video .video-wrap {
top: 0;
left: 0;
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: 0!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: .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
}
.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
}
}
.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: 0
}
.title img {
display: block;
position: relative;
width: 100%
}
.title .not_responsive {
display: none
}
.title .title_holder {
display: table;
height: 100%;
left: 0;
position: relative;
width: 100%
}
.title_outer.with_image .title .title_holder, .title_outer .has_fixed_background.title .title_holder, .title_outer .has_background.title .title_holder {
position: absolute;
top: 0;
display: block
}
.title .title_overlay {
position: absolute;
width: 100%;
height: 100%;
background-repeat: repeat;
background-position: 0 0;
top: 0
}
.title .title_holder .container {
display: table-cell;
vertical-align: middle;
background-color: transparent
}
.title_outer.with_image .title .title_holder .container, .title_outer .has_fixed_background.title .title_holder .container, .title_outer .has_background.title .title_holder .container {
display: block;
height: 100%
}
.content .title_outer.with_image .title .container_inner, .title_outer .has_fixed_background.title .title_holder .container_inner, .title_outer .has_background.title .title_holder .container_inner {
display: table;
height: 100%
}
.title_subtitle_holder {
display: block;
padding: 0;
position: relative
}
.title_outer.with_image .title .title_subtitle_holder, .title_outer .has_fixed_background.title .title_subtitle_holder, .title_outer .has_background.title .title_subtitle_holder {
display: table-cell;
vertical-align: middle;
width: 100%
}
.title_subtitle_holder_inner {
position: relative
}
.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;
word-break: break-all;
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)
}
.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)
}
.animate_title_text .title h1, .animate_title_text .breadcrumbs_title .breadcrumb {
-webkit-animation: title-from-right .5s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275) 1s;
-moz-animation: title-from-right .5s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275) 1s;
-o-animation: title-from-right .5s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275) 1s;
animation: title-from-right .5s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275) 1s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
visibility: visible
}
@-webkit-keyframes title-from-right {
0% {
filter: alpha(opacity=0);
opacity: 0;
-webkit-transform: translate(50%, 0)
}
100% {
filter: alpha(opacity=100);
opacity: 1;
-webkit-transform: translate(0, 0)
}
}
@-moz-keyframes title-from-right {
0% {
filter: alpha(opacity=0);
opacity: 0;
-moz-transform: translate(50%, 0)
}
100% {
filter: alpha(opacity=100);
opacity: 1;
-moz-transform: translate(0, 0)
}
}
@-o-keyframes title-from-right {
0% {
filter: alpha(opacity=0);
opacity: 0;
-o-transform: translate(50%, 0)
}
100% {
filter: alpha(opacity=100);
opacity: 1;
-o-transform: translate(0, 0)
}
}
@keyframes title-from-right {
0% {
filter: alpha(opacity=0);
opacity: 0;
transform: translate(50%, 0)
}
100% {
filter: alpha(opacity=100);
opacity: 1;
transform: translate(0, 0)
}
}
.position_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 0 0 0
}
.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 .3s ease-in-out;
-moz-transition: color .3s ease-in-out;
-ms-transition: color .3s ease-in-out;
-o-transition: color .3s ease-in-out;
transition: color .3s ease-in-out
}
.breadcrumb a:hover, .breadcrumb span.current {
color: #a6a6a6
}
.title.breadcrumbs_title .breadcrumb {
position: relative;
right: auto;
margin: 0;
display: inline-block;
vertical-align: middle
}
.touch .title.has_fixed_background {
background-attachment: scroll
}
.content .title .container_inner {
padding: 0!important
}
.blog-read-more{
font-size: 14px;
border: 2px solid #77c9d9;
padding: 10px 20px;
display: block;
margin: auto;
width: 50%;
text-align: center;
margin-top: 12px;
}
.blog-read-more:hover{
background: #77c9d9;
color: #fff;
}
.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
}
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 article .post_text .post_text_inner {
padding: 45px 50px;
border: 1px solid transparent;
background-color: #fff;
-webkit-transition: background-color .3s ease-in-out;
-moz-transition: background-color .3s ease-in-out;
-ms-transition: background-color .3s ease-in-out;
-o-transition: background-color .3s ease-in-out;
transition: background-color .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 .3s ease-in-out;
-moz-transition: color .3s ease-in-out;
-ms-transition: color .3s ease-in-out;
-o-transition: color .3s ease-in-out;
transition: color .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 .3s ease-in-out;
-moz-transition: color .3s ease-in-out;
-ms-transition: color .3s ease-in-out;
-o-transition: color .3s ease-in-out;
transition: color .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: 0
}
.blog_holder article .post_info>span:last-child {
margin: 0;
padding: 0
}
.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: 0;
font-style: normal;
text-transform: uppercase;
text-shadow: none;
letter-spacing: 2px;
white-space: nowrap;
vertical-align: middle;
-webkit-transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;
-moz-transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;
-ms-transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;
-o-transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;
transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .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 .3s ease-in-out, color .3s ease-in-out;
-moz-transition: background-color .3s ease-in-out, color .3s ease-in-out;
-ms-transition: background-color .3s ease-in-out, color .3s ease-in-out;
-o-transition: background-color .3s ease-in-out, color .3s ease-in-out;
transition: background-color .3s ease-in-out, color .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 .3s ease-in-out;
-moz-transition: color .3s ease-in-out;
-ms-transition: color .3s ease-in-out;
-o-transition: color .3s ease-in-out;
transition: color .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: 0!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 .3s ease-in-out;
-moz-transition: color .3s ease-in-out;
-ms-transition: color .3s ease-in-out;
-o-transition: color .3s ease-in-out;
transition: color .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 .3s ease-in-out;
-moz-transition: color .3s ease-in-out;
-ms-transition: color .3s ease-in-out;
-o-transition: color .3s ease-in-out;
transition: color .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.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 {
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 .3s ease-in-out, color .3s ease-in-out;
-moz-transition: background-color .3s ease-in-out, color .3s ease-in-out;
-ms-transition: background-color .3s ease-in-out, color .3s ease-in-out;
-o-transition: background-color .3s ease-in-out, color .3s ease-in-out;
transition: background-color .3s ease-in-out, color .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_load_more_button_holder {
text-align: center;
padding: 10px 0 50px;
opacity: 0
}
.single_links_pages {
margin: 35px 0 0;
display: block;
text-align: center;
display: block;
text-decoration: none
}
.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: 0;
text-shadow: none;
-webkit-transition: color .3s ease-in-out;
-moz-transition: color .3s ease-in-out;
-ms-transition: color .3s ease-in-out;
-o-transition: color .3s ease-in-out;
transition: color .3s ease-in-out
}
.single_links_pages>span, .single_links_pages a:hover span {
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: 0 0 4px 0;
color: #393939
}
.author_text_holder .author_email {
display: block;
margin: 0 0 6px 0
}
.single_tags {
margin: 35px 0 0
}
.single_tags a, aside.sidebar .widget .tagcloud a, .widget .tagcloud a {
color: #a7a6a6;
border: 1px solid #a7a6a6;
padding: 0 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 .2s ease-in-out, border-color .2s ease-in-out, color .2s ease-in-out;
-moz-transition: background-color .2s ease-in-out, border-color .2s ease-in-out, color .2s ease-in-out;
-ms-transition: background-color .2s ease-in-out, border-color .2s ease-in-out, color .2s ease-in-out;
-o-transition: background-color .2s ease-in-out, border-color .2s ease-in-out, color .2s ease-in-out;
transition: background-color .2s ease-in-out, border-color .2s ease-in-out, color .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
}
.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
}
.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
}
.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 .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 .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: 0 0 18px 0;
border-bottom: 0
}
.comment_holder .comment-list li ul.children li:last-child {
margin: 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'], .contact_form input[type='text'], .contact_form textarea {
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 #77c9d9;
border-radius: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
#respond textarea {
padding: 15px 17px
}
.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 {
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 {
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 {
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 {
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 {
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: 0;
display: inline-block;
width: 100%
}
body.page-template-blog-masonry-full-width-php .content .full_width {
padding: 44px 20px 25px 45px
}
.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 .3s ease-in-out;
-moz-transition: color .3s ease-in-out;
-ms-transition: color .3s ease-in-out;
-o-transition: color .3s ease-in-out;
transition: color .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%
}
.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: 0;
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 .3s ease-in-out;
-moz-transition: opacity .3s ease-in-out;
-o-transition: opacity .3s ease-in-out;
transition: opacity .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 {
-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
}
.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.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) {
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-transform: 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 .3s ease-in-out;
-moz-transition: opacity .3s ease-in-out;
-o-transition: opacity .3s ease-in-out;
transition: opacity .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
}
.mejs-container {
position: relative;
text-align: left;
vertical-align: top;
text-indent: 0;
background-color: #efefef
}
.mejs-container.mejs-audio {
height: 80px!important
}
.mejs-container.wp-audio-shortcode {
height: 30px!important;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0
}
.blog_holder.masonry .mejs-container {
border: 0
}
.blog_holder.small_images article .post_text .post_inner .mejs-container {
margin: 0 0 15px
}
.me-plugin {
position: absolute
}
.mejs-embed, .mejs-embed body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow: hidden
}
.mejs-fullscreen {
overflow: hidden!important
}
.mejs-container-fullscreen {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
overflow: hidden;
z-index: 1000
}
.mejs-container-fullscreen .mejs-mediaelement, .mejs-container-fullscreen video {
width: 100%;
height: 100%
}
.mejs-clear {
clear: both
}
.mejs-background {
position: absolute;
top: 0;
left: 0
}
.mejs-mediaelement {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px
}
.blog_holder.masonry .mejs-mediaelement {
border: 0
}
.mejs-poster {
position: absolute;
top: 0;
left: 0;
background-size: contain;
background-position: 50% 50%;
background-repeat: no-repeat
}
:root .mejs-poster img {
display: none
}
.mejs-poster img {
border: 0;
padding: 0;
border: 0
}
.mejs-overlay {
position: absolute;
top: 0;
left: 0
}
.mejs-overlay-play {
cursor: pointer
}
.mejs-container .mejs-controls {
position: absolute;
list-style-type: none;
margin: 0;
padding: 0;
bottom: 0;
left: 0;
height: 80px;
width: 100%
}
.mejs-container .mejs-controls div {
list-style-type: none;
background-image: none;
display: block;
float: left;
margin: 0;
padding: 0;
width: 35px;
height: 80px;
border: 0
}
.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
}
.no-svg .mejs-controls .mejs-button button {
background-image: url(//www.carterfabrications.co.uk/wp-content/themes/stockholm/css/img/audio/controls.png)
}
.mejs-controls .mejs-button button:focus {
outline: 0
}
.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
}
.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
}
.mejs-controls .mejs-play button {
background-image: url(//www.carterfabrications.co.uk/wp-content/themes/stockholm/css/img/audio/play.png);
background-repeat: no-repeat;
background-position: center
}
.mejs-controls .mejs-pause button {
background-image: url(//www.carterfabrications.co.uk/wp-content/themes/stockholm/css/img/audio/pause.png);
background-repeat: no-repeat;
background-position: center
}
.mejs-controls .mejs-stop button {
background-image: url(//www.carterfabrications.co.uk/wp-content/themes/stockholm/css/img/audio/stop.png);
background-repeat: no-repeat;
background-position: center
}
.mejs-controls div.mejs-time-rail {
direction: ltr;
width: 200px
}
.mejs-controls .mejs-time-rail span {
display: block;
position: absolute;
width: auto;
height: 16px;
margin: 32px 15px;
cursor: pointer
}
.mejs-controls .mejs-time-rail .mejs-time-total {
background-color: #5d5d5d
}
.mejs-controls .mejs-time-rail .mejs-time-buffering {
width: 100%;
background-image: -o-linear-gradient(-45deg, rgba(224, 222, 222, 0.15) 25%, transparent 25%, transparent 50%, rgba(224, 222, 222, 0.15) 50%, rgba(224, 222, 222, 0.15) 75%, transparent 75%, transparent);
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(224, 222, 222, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(224, 222, 222, 0.15)), color-stop(0.75, rgba(224, 222, 222, 0.15)), color-stop(0.75, transparent), to(transparent));
background-image: -webkit-linear-gradient(-45deg, rgba(224, 222, 222, 0.15) 25%, transparent 25%, transparent 50%, rgba(224, 222, 222, 0.15) 50%, rgba(224, 222, 222, 0.15) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(-45deg, rgba(224, 222, 222, 0.15) 25%, transparent 25%, transparent 50%, rgba(224, 222, 222, 0.15) 50%, rgba(224, 222, 222, 0.15) 75%, transparent 75%, transparent);
background-image: -ms-linear-gradient(-45deg, rgba(224, 222, 222, 0.15) 25%, transparent 25%, transparent 50%, rgba(224, 222, 222, 0.15) 50%, rgba(224, 222, 222, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(-45deg, rgba(224, 222, 222, 0.15) 25%, transparent 25%, transparent 50%, rgba(224, 222, 222, 0.15) 50%, rgba(224, 222, 222, 0.15) 75%, transparent 75%, transparent);
-webkit-background-size: 15px 15px;
-moz-background-size: 15px 15px;
-o-background-size: 15px 15px;
background-size: 15px 15px;
-webkit-animation: buffering-stripes 2s linear infinite;
-moz-animation: buffering-stripes 2s linear infinite;
-ms-animation: buffering-stripes 2s linear infinite;
-o-animation: buffering-stripes 2s linear infinite;
animation: buffering-stripes 2s linear infinite
}
.mejs-controls .mejs-time-rail .mejs-time-loaded {
width: 0;
margin: 0
}
.mejs-controls .mejs-time-rail .mejs-time-current {
background-color: #e6ae48;
margin: 0
}
.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
}
.mejs-controls .mejs-time-rail .mejs-time-float {
position: absolute;
display: none;
width: 36px;
height: 15px;
top: -35px;
margin-left: -18px;
text-align: center;
color: #000
}
.mejs-controls .mejs-time-rail .mejs-time-float-current {
margin: 2px;
width: 30px;
display: block;
text-align: center;
left: 0
}
.mejs-controls .mejs-time-rail .mejs-time-float-corner {
display: none
}
.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float {
width: 48px
}
.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current {
width: 44px
}
.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner {
left: 18px
}
.mejs-controls .mejs-volume-button {
background-image: url(//www.carterfabrications.co.uk/wp-content/themes/stockholm/css/img/audio/sound.png);
background-repeat: no-repeat;
background-position: center
}
.mejs-controls .mejs-mute button {
background-image: url(//www.carterfabrications.co.uk/wp-content/themes/stockholm/css/img/audio/sound.png);
background-repeat: no-repeat;
background-position: center
}
.mejs-controls .mejs-unmute button {
background-image: url(//www.carterfabrications.co.uk/wp-content/themes/stockholm/css/img/audio/mute.png);
background-repeat: no-repeat;
background-position: center
}
.mejs-controls .mejs-volume-button {
position: relative
}
.mejs-controls .mejs-volume-button button {
width: 14px;
height: 15px;
margin: 33px 6px 33px 11px
}
.mejs-controls .mejs-volume-button .mejs-volume-slider {
display: none;
height: 115px;
width: 25px;
background-image: url(//www.carterfabrications.co.uk/wp-content/themes/stockholm/css/img/audio/sound.png);
background-repeat: no-repeat;
background-position: center;
top: -115px;
left: 0;
z-index: 1;
position: absolute;
margin: 0
}
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {
position: absolute;
left: 11px;
top: 8px;
width: 2px;
height: 100px;
margin: 0
}
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
position: absolute;
left: 11px;
top: 8px;
width: 2px;
height: 100px;
margin: 0
}
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
position: absolute;
left: 4px;
top: -3px;
width: 16px;
height: 6px;
cursor: N-resize;
margin: 0
}
.mejs-controls div.mejs-horizontal-volume-slider {
height: 80px;
width: 45px;
position: relative
}
.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
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
position: absolute;
left: 0;
top: 32px;
width: 40px;
height: 16px;
margin: 0;
padding: 0;
font-size: 1px;
background-color: #e6ae48
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
display: none
}
.me-cannotplay a {
color: #fff;
font-weight: bold
}
.me-cannotplay span {
padding: 15px;
display: block
}
.mejs-controls .mejs-loop-off button {
background-position: -64px -16px
}
.mejs-controls .mejs-loop-on button {
background-position: -64px 0
}
.mejs-controls .mejs-backlight-off button {
background-position: -80px -16px
}
.mejs-controls .mejs-backlight-on button {
background-position: -80px 0
}
.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: 0
}
.portfolio_single, .portfolio_single_text_holder, .portfolio_detail, .lightbox_single_portfolio {
position: relative
}
.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.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.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: 0!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_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.90);
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: 0 15px;
color: #393939
}
.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: 0;
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 .3s ease-in-out;
-moz-transition: color .3s ease-in-out;
-ms-transition: color .3s ease-in-out;
-o-transition: color .3s ease-in-out;
transition: color .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
}
.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 .2s ease-out;
-moz-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .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 .3s ease-in-out;
-moz-transition: -moz-transform .3s ease-in-out;
-ms-transition: -ms-transform .3s ease-in-out;
-o-transition: -o-transform .3s ease-in-out;
transition: transform .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
}
.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 .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.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 .3s ease-in-out;
-moz-transition: opacity .3s ease-in-out;
-o-transition: opacity .3s ease-in-out;
transition: opacity .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 .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;
transition: opacity .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 .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 .3s ease-in-out, color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;
-moz-transition: opacity .3s ease-in-out, color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;
-o-transition: opacity .3s ease-in-out, color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;
transition: opacity .3s ease-in-out, color .3s ease-in-out, background-color .3s ease-in-out, border-color .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: 0
}
.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
}
.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
}
.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
}
.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
}
.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
}
.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 .3s ease-in-out;
-moz-transition: color .3s ease-in-out;
-ms-transition: color .3s ease-in-out;
-o-transition: color .3s ease-in-out;
transition: color .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_masonry_holder {
opacity: 0
}
.projects_masonry_holder .portfolio_masonry_item, .projects_masonry_holder .portfolio_masonry_item.large_height {
width: 33.33%
}
.projects_masonry_holder .portfolio_masonry_item.large_width, .projects_masonry_holder .portfolio_masonry_item.large_width_height {
width: 66.66%
}
.full_width .projects_masonry_holder .portfolio_masonry_item, .full_width .projects_masonry_holder .portfolio_masonry_item.large_height {
width: 19.96%
}
.full_width .projects_masonry_holder .portfolio_masonry_item.large_width, .full_width .projects_masonry_holder .portfolio_masonry_item.large_width_height {
width: 39.92%
}
.projects_masonry_holder:after, .projects_masonry_holder .portfolio_masonry_item:after {
clear: both;
content: "";
display: block;
height: 0;
visibility: hidden
}
.projects_masonry_holder .image_holder img {
vertical-align: top;
width: 100%;
height: auto
}
.projects_masonry_holder .image_holder {
margin: 0 -1px 0 0
}
.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%
}
.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 .3s ease-in-out, border-color .3s ease-in-out;
-moz-transition: background-color .3s ease-in-out, border-color .3s ease-in-out;
-ms-transition: background-color .3s ease-in-out, border-color .3s ease-in-out;
-o-transition: background-color .3s ease-in-out, border-color .3s ease-in-out;
transition: background-color .3s ease-in-out, border-color .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 .3s ease-in-out, border-color .3s ease-in-out;
-moz-transition: background-color .3s ease-in-out, border-color .3s ease-in-out;
-ms-transition: background-color .3s ease-in-out, border-color .3s ease-in-out;
-o-transition: background-color .3s ease-in-out, border-color .3s ease-in-out;
transition: background-color .3s ease-in-out, border-color .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 .3s ease-in-out;
-moz-transition: color .3s ease-in-out;
-ms-transition: color .3s ease-in-out;
-o-transition: color .3s ease-in-out;
transition: color .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 .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;
transition: opacity .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 {
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
}
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
}
.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_holder {
display: block;
position: relative
}
.wpb_image_grid .gallery_holder {
width: 100.1%
}
.wpb_image_grid .gallery_holder ul li a {
margin-right: -1px;
margin-bottom: -1px!important
}
.gallery_holder ul {
list-style: none;
display: block;
width: 100%;
position: relative;
margin: 0;
padding: 0
}
.gallery_holder ul li {
position: relative;
display: block;
float: left;
overflow: hidden
}
.gallery_holder ul li a {
display: block;
position: relative;
-webkit-backface-visibility: hidden
}
.gallery_holder ul li a {
display: block;
overflow: hidden;
-webkit-transform: translateZ(0px);
-moz-transform: translateZ(0px)
}
.gallery_holder ul li a img {
display: block;
width: 100%;
-webkit-transition: all .15s ease-in-out;
-moz-transition: all .15s ease-in-out;
-ms-transition: all .15s ease-in-out;
-o-transition: all .15s ease-in-out;
transition: all .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)
}
.gallery_holder ul li.grayscale a img {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
filter: gray;
filter: grayscale(100%);
filter: url(//www.carterfabrications.co.uk/wp-content/themes/stockholm/css/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.90);
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 .3s ease-in-out;
-moz-transition: background-color .3s ease-in-out;
-ms-transition: background-color .3s ease-in-out;
-o-transition: background-color .3s ease-in-out;
transition: background-color .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
}
.highlight {
background-color: #e6ae48;
color: #fff;
padding: 0 3px
}
.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 .flex-direction-nav {
display: block;
position: static
}
.testimonials_holder .flex-direction-nav li {
display: inline-block;
height: 30px;
margin-top: 37px
}
.testimonials_holder .flex-direction-nav li:first-child {
margin-right: 5px
}
.testimonials_holder .flex-direction-nav li:last-child {
margin-left: 4px
}
.testimonials_holder .flex-direction-nav a {
position: relative;
width: 30px;
height: 30px;
border: 2px solid #5d5d5d;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
opacity: 1;
background-color: transparent;
text-indent: -9999px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box
}
.testimonials_holder .flex-direction-nav a:hover {
background-color: #5d5d5d
}
.testimonials_holder.light .flex-direction-nav a {
border-color: #fff
}
.testimonials_holder.light .flex-direction-nav a:hover {
background-color: #e6ae48;
border-color: #e6ae48
}
.testimonials_holder.light .flex-direction-nav a:before {
color: #fff
}
.testimonials_holder .flex-direction-nav a:before {
font-family: 'FontAwesome', sans-serif;
position: absolute;
height: 26px;
width: 26px;
line-height: 26px;
top: 0;
left: 0;
color: #000;
text-indent: 0;
font-size: 16px
}
.testimonials_holder .flex-direction-nav a:hover:before {
color: #fff
}
.testimonials_holder .flex-direction-nav a.flex-prev:before {
content: '\f104'
}
.testimonials_holder .flex-direction-nav a.flex-next:before {
content: '\f105'
}
.testimonials_holder.full_width {
background: 0
}
.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 p:not(.testimonial_author) {
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 {
line-height: 1.666666666666667em;
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
}
.wpb_content_element.wpb_single_image img {
vertical-align: middle
}
.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 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 .3s ease-in-out, background-color .3s ease-in-out;
-moz-transition: color .3s ease-in-out, background-color .3s ease-in-out;
-ms-transition: color .3s ease-in-out, background-color .3s ease-in-out;
-o-transition: color .3s ease-in-out, background-color .3s ease-in-out;
transition: color .3s ease-in-out, background-color .3s ease-in-out
}
.q_tabs .tabs-nav li.active a, .q_tabs .tabs-nav li a:hover {
background-color: #e6ae48
}
.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
}
.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
}
.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
}
.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
}
.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: 0
}
.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 .3s ease-in-out;
-moz-transition: background-color .3s ease-in-out;
-o-transition: background-color .3s ease-in-out;
-ms-transition: background-color .3s ease-in-out;
transition: background-color .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
}
.q_font_awsome_icon {
display: inline-block
}
.q_font_elegant_holder {
position: relative;
display: inline-block;
vertical-align: middle
}
.q_font_elegant_icon {
position: relative;
display: block
}
.q_font_awsome_icon_holder, .q_font_awsome_icon_holder a, .q_font_elegant_holder, .q_font_elegant_holder a {
-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;
-webkit-transform: translateZ(0px)
}
.q_font_elegant_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_font_elegant_holder.circle, .q_font_elegant_holder.square {
border: 1px solid transparent;
background-color: transparent;
text-align: center;
-webkit-transition: background-color .3s ease-in-out, border-color .3s ease-in-out, color .3s ease-in-out;
-moz-transition: background-color .3s ease-in-out, border-color .3s ease-in-out, color .3s ease-in-out;
-o-transition: background-color .3s ease-in-out, border-color .3s ease-in-out, color .3s ease-in-out;
transition: background-color .3s ease-in-out, border-color .3s ease-in-out, color .3s ease-in-out;
-webkit-transform: translateZ(0px)
}
.q_font_awsome_icon_circle, .q_font_elegant_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 {
display: block;
text-align: center
}
.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 .2s ease;
-moz-transition: -moz-transform .2s ease;
-o-transition: -o-transform .2s ease;
-ms-transition: -ms-transform .2s ease;
transition: transform .2s ease;
-webkit-backface-visibility: hidden
}
.q_font_awsome_icon_holder.q_show_animation {
-webkit-transform: scale(1.0);
-moz-transform: scale(1.0);
-ms-transform: scale(1.0);
-o-transform: scale(1.0);
transform: scale(1.0)
}
.q_icon_with_title {
display: block;
position: relative
}
.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 .2s ease-in-out;
-moz-transition: -moz-transform .2s ease-in-out;
-o-transition: -o-transform .2s ease-in-out;
-ms-transition: -ms-transform .2s ease-in-out;
transition: transform .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.0);
-moz-transform: scale(1.0);
-ms-transform: scale(1.0);
-o-transform: scale(1.0);
transform: scale(1.0)
}
.touch .no_animation_on_touch .q_icon_animation {
-webkit-transform: scale(1.0);
-moz-transform: scale(1.0);
-ms-transform: scale(1.0);
-o-transform: scale(1.0);
transform: scale(1.0)
}
.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 .3s ease-in-out, border-color .3s ease-in-out;
-moz-transition: background-color .3s ease-in-out, border-color .3s ease-in-out;
-o-transition: background-color .3s ease-in-out, border-color .3s ease-in-out;
transition: background-color .3s ease-in-out, border-color .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: 0
}
.q_icon_with_title.circle .q_font_elegant_holder.circle, .q_icon_with_title.square .q_font_elegant_holder.square, .box_holder_icon_inner .q_font_elegant_holder.circle, .box_holder_icon_inner .q_font_elegant_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 .3s ease-in-out, border-color .3s ease-in-out;
-moz-transition: background-color .3s ease-in-out, border-color .3s ease-in-out;
-o-transition: background-color .3s ease-in-out, border-color .3s ease-in-out;
transition: background-color .3s ease-in-out, border-color .3s ease-in-out
}
.q_icon_with_title:not(.normal_icon) .q_font_elegant_holder .icon_text_icon, .box_holder_icon_inner .q_font_elegant_holder:not(.normal) .icon_text_icon {
position: absolute;
width: 100%;
line-height: inherit
}
.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: .8em
}
.q_icon_with_title .icon_holder .icon_text_icon, .box_holder_icon .icon_text_icon {
-webkit-transition: color .3s ease-in-out;
-moz-transition: color .3s ease-in-out;
-ms-transition: color .3s ease-in-out;
-o-transition: color .3s ease-in-out;
transition: color .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 .3s ease-in-out, border-color .3s ease-in-out;
-moz-transition: background-color .3s ease-in-out, border-color .3s ease-in-out;
-o-transition: background-color .3s ease-in-out, border-color .3s ease-in-out;
transition: background-color .3s ease-in-out, border-color .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 {
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 .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, .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
}
.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
}
.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
}
.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: 0;
left: 0;
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 {
display: inline-block;
width: 100%;
text-align: center
}
.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 .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;
-o-transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;
-ms-transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;
-moz-transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .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 .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
}
.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
}
.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: 0 0 21px;
padding: 0 0 0 4px
}
.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: 0
}
.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;
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_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 .2s ease-in-out;
-moz-transition: color .2s ease-in-out;
-ms-transition: color .2s ease-in-out;
-o-transition: color .2s ease-in-out;
transition: color .2s ease-in-out
}
.social_share_list_holder ul li i:hover {
color: #e6ae48
}
.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: 0;
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
}
.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
}
.q_image_with_text_over {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0;
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: 0;
left: 0;
background-position: 0 0;
background-color: rgba(57, 57, 57, 0.9);
background-repeat: repeat;
z-index: 20;
-webkit-transition: background-color .2s ease-in-out;
-moz-transition: background-color .2s ease-in-out;
-o-transition: background-color .2s ease-in-out;
transition: background-color .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 .2s ease-in-out;
-moz-transition: opacity .2s ease-in-out;
-o-transition: opacity .2s ease-in-out;
-ms-transition: opacity .2s ease-in-out;
transition: opacity .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
}
.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;
overflow: hidden
}
.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: 0;
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
}
.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 .3s ease-in-out;
-ms-transition: opacity .3s ease-in-out;
-moz-transition: opacity .3s ease-in-out;
-o-transition: opacity .3s ease-in-out;
transition: opacity .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)
}
.qode_carousels {
padding: 0;
position: relative;
display: block;
zoom: 1
}
.qode_carousels_holder.two_rows .slides>li .carousel_item_holder {
margin-bottom: 50px;
position: relative
}
.qode_carousels .slides>li .first_image_holder, .qode_carousels .slides>li .second_image_holder {
display: block;
position: relative;
width: 100%;
opacity: 1
}
.qode_carousels .slides>li .second_image_holder {
position: absolute;
top: 0;
left: 0
}
.qode_carousels .slides>li .second_image_holder, .qode_carousels_holder:not(.two_rows) .qode_carousels .slides>li:hover .first_image_holder.has_hover_image {
opacity: 0
}
.qode_carousels_holder:not(.two_rows) .qode_carousels .slides>li: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 .qode_carousels .slides>li div.carousel_item_holder:hover .first_image_holder.has_hover_image {
opacity: 0
}
.two_rows .qode_carousels .slides>li div.carousel_item_holder:hover .second_image_holder.has_hover_image {
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 .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-transform: 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 .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
}
.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: 0 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: 0;
width: 1px;
border-right: 1px solid #f5f5f5
}
.animated_icons_with_text .animated_icon_with_text_inner:after {
width: 100%;
bottom: 0;
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: 0
}
.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: 0;
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: 0;
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_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: 0;
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: #fff
}
.service_table_inner .service_table_icon {
display: block;
line-height: 1em;
padding: 27px 0 10px
}
.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;
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 .15s ease-in-out, padding .15s ease-in-out;
-moz-transition: border-color .15 ease-in-out, padding .15s ease-in-out;
-ms-transition: border-color .15s ease-in-out, padding .15s ease-in-out;
-o-transition: border-color .15s ease-in-out, padding .15s ease-in-out;
transition: border-color .15s ease-in-out, padding .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: 0
}
.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 .15s ease-in-out;
-moz-transition: all .15s ease-in-out;
-o-transition: all .15s ease-in-out;
transition: all .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
}
.cover_boxes {
position: relative;
overflow: hidden
}
.cover_boxes ul {
list-style: none;
margin: 0 -20px 0 0;
padding: 0;
width: 200%
}
.cover_boxes ul li {
float: left;
margin-right: 20px;
overflow: hidden;
position: relative;
width: 265px;
-webkit-transition: all .4s ease 0s;
-moz-transition: all .4s ease 0s;
-o-transition: all .4s ease 0s;
transition: all .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: 0;
left: 285px;
position: absolute;
padding: 0;
width: 245px;
z-index: 9;
top: 0
}
.cover_boxes ul li .box .cover_box_title {
margin: 0 0 18px
}
.cover_boxes ul li .box .qbutton {
margin: 20px 0 0
}
.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
}
.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: 0;
color: #e6ae48
}
.q_progress_bar .progress_number.with_mark:after {
content: '%';
margin-left: .1em;
font-size: 1em
}
.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: .1em;
font-size: 1em
}
.q_progress_bars_vertical .progress_title {
margin-bottom: .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
}
.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 0 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
}
.qbutton, .load_more a, .blog_load_more_button a, #submit_comment {
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: 0;
font-style: normal;
text-transform: uppercase;
text-shadow: none;
letter-spacing: 2px;
white-space: nowrap;
border-radius: 0;
-webkit-transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;
-moz-transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;
-ms-transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;
-o-transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;
transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;
-webkit-box-sizing: initial!important;
-moz-box-sizing: initial!important;
box-sizing: initial!important
}
.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 {
color: #e6ae48;
background-color: transparent;
border-color: #e6ae48
}
.qbutton.left {
text-align: left
}
.qbutton.right {
text-align: right
}
.qbutton.center {
text-align: center
}
.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
}
.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
}
.qbutton .button_icon {
margin: 0 0 0 10px;
display: inline-block
}
.qbutton.large .button_icon {
margin: 0 0 0 17px
}
.qbutton.medium .button_icon {
margin: 0 0 0 15px
}
.qbutton.small .button_icon {
margin: 0 0 0 10px
}
.qbutton.big_large .button_icon, .qbutton.big_large_full_width .button_icon {
margin: 0 0 0 19px
}
.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: .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
}
.image_with_text {
display: inline-block;
width: 100%;
position: relative
}
.image_with_text img {
display: block;
margin: 0 0 22px 0;
height:250px;
width:100%;
}
.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
}
.full_width .parallax_content {
width: 1100px;
margin: 0 auto
}
section.section section.parallax {
margin: -50px 0
}
.boxed section.section section.parallax {
margin: -50px -25px
}
.boxed .full_width .parallax_content {
width: auto;
margin: 0;
padding: 0 25px
}
section.parallax_section_holder {
position: static;
padding: 0;
background-repeat: no-repeat;
background-color: transparent;
background-position: center 0;
background-attachment: fixed;
overflow: hidden
}
.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
}
.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
}
nav.content_menu {
position: relative;
text-align: left;
display: block;
z-index: 1001;
background-color: #fff;
-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: 0 auto;
position: relative;
list-style: none outside none;
padding: 0;
text-align: center;
-webkit-backface-visibility: hidden
}
nav.content_menu ul li {
display: inline-block;
padding: 0;
text-align: center;
position: relative;
-webkit-backface-visibility: hidden
}
nav.content_menu ul li .arrow {
background-image: url(//www.carterfabrications.co.uk/wp-content/themes/stockholm/css/img/content_menu_arrow.png);
background-position: 0 0;
background-repeat: no-repeat;
display: none;
width: 11px;
height: 7px;
position: absolute;
left: 50%;
margin: -1px 0 0 -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: 0
}
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 0 0 0;
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: 0;
width: 100%;
position: relative;
top: 0;
text-align: left;
padding: 0 0 10px 0;
float: left;
z-index: 100;
zoom: 1
}
nav.content_menu .nav_select_menu ul li {
display: block;
border: 0;
float: none;
padding: 0;
margin: 0;
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: 0;
width: 1100px
}
.right_side_menu_opened .full_width nav.content_menu.fixed {
left: -270px
}
.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: 0!important
}
.portfolio_slider .portfolio_slides, .qode_carousels .slides {
opacity: 0
}
.portfolio_slider .portfolio_slides>li, .qode_carousels .slides>li {
background-color: transparent;
position: relative;
margin: 0;
float: left
}
.qode_carousels .slides>li {
margin: 0 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
}
.frame_holder>.wpb_wrapper {
padding: 34px 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 {
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-transform: 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
}
.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
}
.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
}
.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
}
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: 0;
display: none
}
body div.pp_default .pp_content_container .pp_left, body div.pp_default .pp_content_container .pp_right {
background: 0;
padding: 0
}
body div.pp_default .pp_expand {
display: none!important
}
body div.pp_default .pp_content {
background: 0;
margin: 0 auto
}
div.pp_default .pp_content .ppt {
color: #f8f8f8
}
div.pp_default .pp_close {
width: 30px;
height: 30px;
background: url(//www.carterfabrications.co.uk/wp-content/themes/stockholm/css/img/prettyPhoto/sprite.png) 2px 1px no-repeat;
cursor: pointer
}
div.pp_default .pp_gallery ul li a {
background: url(//www.carterfabrications.co.uk/wp-content/themes/stockholm/css/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(//www.carterfabrications.co.uk/wp-content/themes/stockholm/css/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(//www.carterfabrications.co.uk/wp-content/themes/stockholm/css/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: .7
}
div.pp_default .pp_bottom .pp_left {
background: url(//www.carterfabrications.co.uk/wp-content/themes/stockholm/css/img/prettyPhoto/sprite.png) -78px -127px no-repeat
}
div.pp_default .pp_bottom .pp_middle {
background: url(//www.carterfabrications.co.uk/wp-content/themes/stockholm/css/img/prettyPhoto/sprite_x.png) bottom left repeat-x
}
div.pp_default .pp_bottom .pp_right {
background: url(//www.carterfabrications.co.uk/wp-content/themes/stockholm/css/img/prettyPhoto/sprite.png) -112px -127px no-repeat
}
div.pp_default .pp_loaderIcon {
background: url(//www.carterfabrications.co.uk/wp-content/themes/stockholm/css/img/prettyPhoto/loader.gif) center center no-repeat
}
div.pp_pic_holder a:focus {
outline: 0
}
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(//www.carterfabrications.co.uk/wp-content/themes/stockholm/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: .9!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: 14px;
text-align: center;
text-indent: 0!important;
opacity: 0;
-webkit-transition: opacity .3s ease-in-out, background-color .3s ease-in-out;
-moz-transition: opacity .3s ease-in-out, background-color .3s ease-in-out;
-ms-transition: opacity .3s ease-in-out, background-color .3s ease-in-out;
-o-transition: opacity .3s ease-in-out, background-color .3s ease-in-out;
transition: opacity .3s ease-in-out, background-color .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
}
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: 0 20px;
font-size: 15px;
color: #fff;
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: 0;
position: relative;
left: 0
}
body div.pp_default a.pp_arrow_previous:after {
color: #fff;
content: "\f104";
font-family: 'FontAwesome', serif;
font-size: 20px;
height: 20px;
line-height: 20px;
text-align: center;
width: 20px;
text-indent: 0;
position: absolute;
top: 0;
left: 0
}
body div.pp_default a.pp_arrow_next:after {
color: #fff;
content: "\f105";
font-family: 'FontAwesome', serif;
font-size: 20px;
height: 20px;
line-height: 20px;
text-align: center;
width: 20px;
text-indent: 0;
position: absolute;
top: 0;
right: 0
}
body div.pp_default .pp_close {
background: 0;
opacity: 1!important
}
body div.pp_default .pp_close:after {
color: #fff;
content: "\f00d";
font-family: 'FontAwesome', serif;
font-size: 15px;
height: 15px;
line-height: 30px;
text-align: center;
width: 30px;
text-indent: 0;
position: absolute;
top: 0;
left: 0
}
.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(//www.carterfabrications.co.uk/wp-content/themes/stockholm/css/img/pixel-video.png);
background-position: 0 0;
background-repeat: repeat;
opacity: 1
}
.section .video-wrap {
top: 0;
left: 0;
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: 0!important
}
.section .video-wrap .mejs-container .mejs-poster img {
max-width: none!important;
width: 100%!important
}
.section .video-wrap .mejs-controls button {
opacity: .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
}
.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 .15s ease-in-out;
-moz-transition: color .15s ease-in-out;
-ms-transition: color .15s ease-in-out;
-o-transition: color .15s ease-in-out;
transition: color .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 .15s ease-in-out;
-moz-transition: color .15s ease-in-out;
-ms-transition: color .15s ease-in-out;
-o-transition: color .15s ease-in-out;
transition: color .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
}
.custom_font_holder {
display: block;
position: relative
}
.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
}
.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 .3s ease-in-out;
-moz-transition: color .3s ease-in-out;
-ms-transition: color .3s ease-in-out;
-o-transition: color .3s ease-in-out;
transition: color .3s ease-in-out
}
aside.sidebar .widget a {
color: #a6a6a6;
-webkit-transition: color .3s ease-in-out;
-moz-transition: color .3s ease-in-out;
-ms-transition: color .3s ease-in-out;
-o-transition: color .3s ease-in-out;
transition: color .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
}
aside.sidebar .widget.widget_search {
border-bottom: 0;
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
}
.side_menu {
background-color: #393939;
height: 100%;
min-height: 100%;
overflow: hidden;
padding: 30px;
position: fixed;
top: 0;
right: -270px;
width: 210px;
z-index: 90
}
.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: 0
}
.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 .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:last-child, .side_menu .widget.widget_nav_menu li a {
margin: 0
}
.side_menu a.close_side_menu {
display: inline-block;
position: absolute;
top: 29px;
right: 25px;
width: 13px;
height: 13px;
line-height: 13px;
background-image: url(//www.carterfabrications.co.uk/wp-content/themes/stockholm/css/img/close_side_menu.png);
background-repeat: no-repeat;
z-index: 1000;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease
}
.side_menu a.close_side_menu:hover {
transform: rotate(180deg);
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
-moz-transform: rotate(180deg)
}
@media only screen and (-webkit-min-device-pixel-ratio:2.0), only screen and (min--moz-device-pixel-ratio:2.0), only screen and (-o-min-device-pixel-ratio:200/100), only screen and (min-device-pixel-ratio:2.0), only screen and (min-resolution:210dppx) {
.side_menu a.close_side_menu {
background-image: url(//www.carterfabrications.co.uk/wp-content/themes/stockholm/css/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(//www.carterfabrications.co.uk/wp-content/themes/stockholm/css/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
}
}
.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: 0;
left: 0;
padding: 0 50px
}
.header-right-from-logo-widget {
left: auto;
right: 0
}
header .container_inner .header-left-from-logo-widget, header .container_inner .header-right-from-logo-widget {
padding: 0
}
.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: 0;
font-size: 13px;
background-color: #ededed;
outline: 0;
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;
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: 0;
border: 0;
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 .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-ms-transition: all .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: 0
}
.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: 0;
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%
}
.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: 0
}
@media only screen and (min-width:800px) {
.qode_image_gallery_no_space.highlight_active ul li:not(.active) {
opacity: .2
}
.qode_image_gallery_no_space.highlight_active ul li {
-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;
transition: opacity .3s ease-in-out
}
}
.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 .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;
-moz-transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;
-ms-transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;
-o-transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;
transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .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
}
}
.ls-nav-prev, .ls-nav-next {
position: absolute;
display: block!important;
margin: -25px 0 0;
top: 50%;
height: 50px;
width: 50px;
line-height: 50px;
z-index: 10;
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-nav-prev:hover, .ls-nav-next:hover {
background-color: #393939
}
.ls-nav-prev {
left: 0
}
.ls-nav-next {
right: 0
}
.ls-nav-prev:after, .ls-nav-next:after {
position: relative;
display: block;
width: 100%;
height: 100%;
line-height: 50px;
font-family: 'ElegantIcons'
}
.ls-nav-prev:after {
content: "\34"
}
.ls-nav-next:after {
content: "\35"
}
.ls-wp-fullwidth-helper {
left: 0!important
}
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: 0!important;
padding: 8px 20px!important;
cursor: pointer;
background: none!important;
-webkit-transition: color .3s ease-in-out, border-color .3s ease-in-out, background-color .3s ease-in-out;
-moz-transition: color .3s ease-in-out, border-color .3s ease-in-out, background-color .3s ease-in-out;
-o-transition: color .3s ease-in-out, border-color .3s ease-in-out, background-color .3s ease-in-out;
-ms-transition: color .3s ease-in-out, border-color .3s ease-in-out, background-color .3s ease-in-out;
transition: color .3s ease-in-out, border-color .3s ease-in-out, background-color .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
}
.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: 0!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
}
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
}
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 .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
}
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
}
footer {
display: block;
width: 100%;
margin: 0 auto;
z-index: 100;
position: relative
}
footer.uncover {
position: fixed;
bottom: 0;
left: 0;
z-index: 99;
-webkit-transition: left .33s cubic-bezier(0.694, 0.0482, 0.335, 1);
-moz-transition: left .33s cubic-bezier(0.694, 0.0482, 0.335, 1);
-o-transition: left .33s cubic-bezier(0.694, 0.0482, 0.335, 1);
-ms-transition: left .33s cubic-bezier(0.694, 0.0482, 0.335, 1);
transition: left .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
}
.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 0 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: 0
}
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: 0;
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: 0;
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
}
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: 0;
font-style: normal;
text-transform: uppercase;
text-shadow: none;
letter-spacing: 2px;
white-space: nowrap;
-webkit-transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;
-moz-transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;
-ms-transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;
-o-transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;
transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .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%
}
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: 0
}
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"
}
.full_screen_holder {
position: relative;
display: block;
z-index: 100
}
.full_screen_inner {
height: 100%;
position: relative;
-ms-touch-action: none;
touch-action: none;
visibility: hidden
}
.fp-section {
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
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 .3s ease-out;
transition: all .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 .7s ease-out;
transition: all .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 .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;
transition: opacity .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;
background-position: center center;
background-size: contain;
object-fit: cover
}
.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: 0;
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: 0;
font-style: normal;
text-transform: uppercase;
text-shadow: none;
letter-spacing: 2px;
white-space: nowrap;
border-radius: 0;
-webkit-transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;
-moz-transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;
-ms-transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;
-o-transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;
transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .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
}
.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: 0;
font-style: normal;
text-transform: uppercase;
text-shadow: none;
letter-spacing: 2px;
white-space: nowrap;
border-radius: 0;
-webkit-transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;
-moz-transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;
-ms-transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;
-o-transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;
transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .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: 0;
text-shadow: none;
-webkit-transition: color .3s ease-in-out;
-moz-transition: color .3s ease-in-out;
-ms-transition: color .3s ease-in-out;
-o-transition: color .3s ease-in-out;
transition: color .3s ease-in-out;
border: 0
}
.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
}
.filter-desc{
margin-bottom: 36px;
}
.filter-desc .descriptions{
display:none;
}
.filter-desc #desc_all{
display:block;
} @media(max-width:1900px){
} 
@media(max-width:1400px){
} 
@media(max-width:1368px){
}
@media(max-width:1025px){
}
@media(max-width:769px){
}
@media(max-width:641px){
.page .content{
margin-top:20px!important;
margin-bottom:20px!important;
}
.page .content .sidebar{
margin-top:20px!important;
}
#footer-ctas{
background:#efefef;
padding:30px 0px;
}
#footer-ctas h5{
font-size:20px;
}
.footer_top a{
padding: 8px 0px;
border-bottom: 1px solid #333;
display: block;
}
.footer_top span.divider{
display:none;
}
html h1{
font-size:22px;
}
.filter_holder{
width:100%;
overflow-x:scroll;
height:40px;
}
.filter_holder ul{
width:1200px;
}
.projects_holder_outer .filter-desc {
display:none;
}
.contact_info{
background:#efefef;
margin-top:-20px;
}
.q_icon_list p{
font-size:16px!important;
}
}
@media(max-width:768px){
.img_with_text img{
height:200px;
}
}
@media(max-width:482px){
}
@media(max-width:451px){
}