html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background: transparent;
}
a:active,
a:hover {
outline: 0 none;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 40px;
}
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
outline: 0 none;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html {
font-size: 62.5%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 1.421;
color: #333333;
background-color: #ffffff;
}
input,
button,
select,
textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
a {
color: #428bca;
text-decoration: none;
}
a:hover {
color: #2a6496;
text-decoration: none;
}
a:focus {
outline: 0 none;
outline: 0 none;
outline-offset: 0;
}
figure {
margin: 0;
}
img {
vertical-align: middle;
}
.img-responsive {
display: block;
max-width: 100%;
height: auto;
}
.img-rounded {
border-radius: 6px;
}
.img-thumbnail {
padding: 4px;
line-height: 1.42857143;
background-color: #ffffff;
border: 1px solid #dddddd;
border-radius: 4px;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
display: inline-block;
max-width: 100%;
height: auto;
}
.img-circle {
border-radius: 50%;
}
hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid #eeeeee;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.clearfix:before,
.clearfix:after {
display: table;
content: " ";
}
.clearfix:after {
clear: both;
}.container {
margin-right: auto;
margin-left: auto;
padding-left: 21px;
padding-right: 21px;
}
@media (min-width: 1212px) {
.container {
width: 1212px;
}
}
.container-fluid {
margin-right: auto;
margin-left: auto;
padding-left: 21px;
padding-right: 21px;
}
.row {
margin-left: -21px;
margin-right: -21px;
}
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
display: table;
content: " ";
}
.container:after,
.container-fluid:after,
.row:after {
clear: both;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
position: relative;
min-height: 1px;
padding-left: 21px;
padding-right: 21px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
float: left;
}
.col-xs-12 {
width: 100%;
}
.col-xs-11 {
width: 91.66666667%;
}
.col-xs-10 {
width: 83.33333333%;
}
.col-xs-9 {
width: 75%;
}
.col-xs-8 {
width: 66.66666667%;
}
.col-xs-7 {
width: 58.33333333%;
}
.col-xs-6 {
width: 50%;
}
.col-xs-5 {
width: 41.66666667%;
}
.col-xs-4 {
width: 33.33333333%;
}
.col-xs-3 {
width: 25%;
}
.col-xs-2 {
width: 16.66666667%;
}
.col-xs-1 {
width: 8.33333333%;
}
.col-xs-pull-12 {
right: 100%;
}
.col-xs-pull-11 {
right: 91.66666667%;
}
.col-xs-pull-10 {
right: 83.33333333%;
}
.col-xs-pull-9 {
right: 75%;
}
.col-xs-pull-8 {
right: 66.66666667%;
}
.col-xs-pull-7 {
right: 58.33333333%;
}
.col-xs-pull-6 {
right: 50%;
}
.col-xs-pull-5 {
right: 41.66666667%;
}
.col-xs-pull-4 {
right: 33.33333333%;
}
.col-xs-pull-3 {
right: 25%;
}
.col-xs-pull-2 {
right: 16.66666667%;
}
.col-xs-pull-1 {
right: 8.33333333%;
}
.col-xs-pull-0 {
right: 0%;
}
.col-xs-push-12 {
left: 100%;
}
.col-xs-push-11 {
left: 91.66666667%;
}
.col-xs-push-10 {
left: 83.33333333%;
}
.col-xs-push-9 {
left: 75%;
}
.col-xs-push-8 {
left: 66.66666667%;
}
.col-xs-push-7 {
left: 58.33333333%;
}
.col-xs-push-6 {
left: 50%;
}
.col-xs-push-5 {
left: 41.66666667%;
}
.col-xs-push-4 {
left: 33.33333333%;
}
.col-xs-push-3 {
left: 25%;
}
.col-xs-push-2 {
left: 16.66666667%;
}
.col-xs-push-1 {
left: 8.33333333%;
}
.col-xs-push-0 {
left: 0%;
}
.col-xs-offset-12 {
margin-left: 100%;
}
.col-xs-offset-11 {
margin-left: 91.66666667%;
}
.col-xs-offset-10 {
margin-left: 83.33333333%;
}
.col-xs-offset-9 {
margin-left: 75%;
}
.col-xs-offset-8 {
margin-left: 66.66666667%;
}
.col-xs-offset-7 {
margin-left: 58.33333333%;
}
.col-xs-offset-6 {
margin-left: 50%;
}
.col-xs-offset-5 {
margin-left: 41.66666667%;
}
.col-xs-offset-4 {
margin-left: 33.33333333%;
}
.col-xs-offset-3 {
margin-left: 25%;
}
.col-xs-offset-2 {
margin-left: 16.66666667%;
}
.col-xs-offset-1 {
margin-left: 8.33333333%;
}
.col-xs-offset-0 {
margin-left: 0%;
}
@media (min-width: 768px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
float: left;
}
.col-sm-12 {
width: 100%;
}
.col-sm-11 {
width: 91.66666667%;
}
.col-sm-10 {
width: 83.33333333%;
}
.col-sm-9 {
width: 75%;
}
.col-sm-8 {
width: 66.66666667%;
}
.col-sm-7 {
width: 58.33333333%;
}
.col-sm-6 {
width: 50%;
}
.col-sm-5 {
width: 41.66666667%;
}
.col-sm-4 {
width: 33.33333333%;
}
.col-sm-3 {
width: 25%;
}
.col-sm-2 {
width: 16.66666667%;
}
.col-sm-1 {
width: 8.33333333%;
}
.col-sm-pull-12 {
right: 100%;
}
.col-sm-pull-11 {
right: 91.66666667%;
}
.col-sm-pull-10 {
right: 83.33333333%;
}
.col-sm-pull-9 {
right: 75%;
}
.col-sm-pull-8 {
right: 66.66666667%;
}
.col-sm-pull-7 {
right: 58.33333333%;
}
.col-sm-pull-6 {
right: 50%;
}
.col-sm-pull-5 {
right: 41.66666667%;
}
.col-sm-pull-4 {
right: 33.33333333%;
}
.col-sm-pull-3 {
right: 25%;
}
.col-sm-pull-2 {
right: 16.66666667%;
}
.col-sm-pull-1 {
right: 8.33333333%;
}
.col-sm-pull-0 {
right: 0%;
}
.col-sm-push-12 {
left: 100%;
}
.col-sm-push-11 {
left: 91.66666667%;
}
.col-sm-push-10 {
left: 83.33333333%;
}
.col-sm-push-9 {
left: 75%;
}
.col-sm-push-8 {
left: 66.66666667%;
}
.col-sm-push-7 {
left: 58.33333333%;
}
.col-sm-push-6 {
left: 50%;
}
.col-sm-push-5 {
left: 41.66666667%;
}
.col-sm-push-4 {
left: 33.33333333%;
}
.col-sm-push-3 {
left: 25%;
}
.col-sm-push-2 {
left: 16.66666667%;
}
.col-sm-push-1 {
left: 8.33333333%;
}
.col-sm-push-0 {
left: 0%;
}
.col-sm-offset-12 {
margin-left: 100%;
}
.col-sm-offset-11 {
margin-left: 91.66666667%;
}
.col-sm-offset-10 {
margin-left: 83.33333333%;
}
.col-sm-offset-9 {
margin-left: 75%;
}
.col-sm-offset-8 {
margin-left: 66.66666667%;
}
.col-sm-offset-7 {
margin-left: 58.33333333%;
}
.col-sm-offset-6 {
margin-left: 50%;
}
.col-sm-offset-5 {
margin-left: 41.66666667%;
}
.col-sm-offset-4 {
margin-left: 33.33333333%;
}
.col-sm-offset-3 {
margin-left: 25%;
}
.col-sm-offset-2 {
margin-left: 16.66666667%;
}
.col-sm-offset-1 {
margin-left: 8.33333333%;
}
.col-sm-offset-0 {
margin-left: 0%;
}
}
@media (min-width: 992px) {
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
float: left;
}
.col-md-12 {
width: 100%;
}
.col-md-11 {
width: 91.66666667%;
}
.col-md-10 {
width: 83.33333333%;
}
.col-md-9 {
width: 75%;
}
.col-md-8 {
width: 66.66666667%;
}
.col-md-7 {
width: 58.33333333%;
}
.col-md-6 {
width: 50%;
}
.col-md-5 {
width: 41.66666667%;
}
.col-md-4 {
width: 33.33333333%;
}
.col-md-3 {
width: 25%;
}
.col-md-2 {
width: 16.66666667%;
}
.col-md-1 {
width: 8.33333333%;
}
.col-md-pull-12 {
right: 100%;
}
.col-md-pull-11 {
right: 91.66666667%;
}
.col-md-pull-10 {
right: 83.33333333%;
}
.col-md-pull-9 {
right: 75%;
}
.col-md-pull-8 {
right: 66.66666667%;
}
.col-md-pull-7 {
right: 58.33333333%;
}
.col-md-pull-6 {
right: 50%;
}
.col-md-pull-5 {
right: 41.66666667%;
}
.col-md-pull-4 {
right: 33.33333333%;
}
.col-md-pull-3 {
right: 25%;
}
.col-md-pull-2 {
right: 16.66666667%;
}
.col-md-pull-1 {
right: 8.33333333%;
}
.col-md-pull-0 {
right: 0%;
}
.col-md-push-12 {
left: 100%;
}
.col-md-push-11 {
left: 91.66666667%;
}
.col-md-push-10 {
left: 83.33333333%;
}
.col-md-push-9 {
left: 75%;
}
.col-md-push-8 {
left: 66.66666667%;
}
.col-md-push-7 {
left: 58.33333333%;
}
.col-md-push-6 {
left: 50%;
}
.col-md-push-5 {
left: 41.66666667%;
}
.col-md-push-4 {
left: 33.33333333%;
}
.col-md-push-3 {
left: 25%;
}
.col-md-push-2 {
left: 16.66666667%;
}
.col-md-push-1 {
left: 8.33333333%;
}
.col-md-push-0 {
left: 0%;
}
.col-md-offset-12 {
margin-left: 100%;
}
.col-md-offset-11 {
margin-left: 91.66666667%;
}
.col-md-offset-10 {
margin-left: 83.33333333%;
}
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-offset-8 {
margin-left: 66.66666667%;
}
.col-md-offset-7 {
margin-left: 58.33333333%;
}
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-offset-5 {
margin-left: 41.66666667%;
}
.col-md-offset-4 {
margin-left: 33.33333333%;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-offset-2 {
margin-left: 16.66666667%;
}
.col-md-offset-1 {
margin-left: 8.33333333%;
}
.col-md-offset-0 {
margin-left: 0%;
}
}
@media (min-width: 1212px) {
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
float: left;
}
.col-lg-12 {
width: 100%;
}
.col-lg-11 {
width: 91.66666667%;
}
.col-lg-10 {
width: 83.33333333%;
}
.col-lg-9 {
width: 75%;
}
.col-lg-8 {
width: 66.66666667%;
}
.col-lg-7 {
width: 58.33333333%;
}
.col-lg-6 {
width: 50%;
}
.col-lg-5 {
width: 41.66666667%;
}
.col-lg-4 {
width: 33.33333333%;
}
.col-lg-3 {
width: 25%;
}
.col-lg-2 {
width: 16.66666667%;
}
.col-lg-1 {
width: 8.33333333%;
}
.col-lg-pull-12 {
right: 100%;
}
.col-lg-pull-11 {
right: 91.66666667%;
}
.col-lg-pull-10 {
right: 83.33333333%;
}
.col-lg-pull-9 {
right: 75%;
}
.col-lg-pull-8 {
right: 66.66666667%;
}
.col-lg-pull-7 {
right: 58.33333333%;
}
.col-lg-pull-6 {
right: 50%;
}
.col-lg-pull-5 {
right: 41.66666667%;
}
.col-lg-pull-4 {
right: 33.33333333%;
}
.col-lg-pull-3 {
right: 25%;
}
.col-lg-pull-2 {
right: 16.66666667%;
}
.col-lg-pull-1 {
right: 8.33333333%;
}
.col-lg-pull-0 {
right: 0%;
}
.col-lg-push-12 {
left: 100%;
}
.col-lg-push-11 {
left: 91.66666667%;
}
.col-lg-push-10 {
left: 83.33333333%;
}
.col-lg-push-9 {
left: 75%;
}
.col-lg-push-8 {
left: 66.66666667%;
}
.col-lg-push-7 {
left: 58.33333333%;
}
.col-lg-push-6 {
left: 50%;
}
.col-lg-push-5 {
left: 41.66666667%;
}
.col-lg-push-4 {
left: 33.33333333%;
}
.col-lg-push-3 {
left: 25%;
}
.col-lg-push-2 {
left: 16.66666667%;
}
.col-lg-push-1 {
left: 8.33333333%;
}
.col-lg-push-0 {
left: 0%;
}
.col-lg-offset-12 {
margin-left: 100%;
}
.col-lg-offset-11 {
margin-left: 91.66666667%;
}
.col-lg-offset-10 {
margin-left: 83.33333333%;
}
.col-lg-offset-9 {
margin-left: 75%;
}
.col-lg-offset-8 {
margin-left: 66.66666667%;
}
.col-lg-offset-7 {
margin-left: 58.33333333%;
}
.col-lg-offset-6 {
margin-left: 50%;
}
.col-lg-offset-5 {
margin-left: 41.66666667%;
}
.col-lg-offset-4 {
margin-left: 33.33333333%;
}
.col-lg-offset-3 {
margin-left: 25%;
}
.col-lg-offset-2 {
margin-left: 16.66666667%;
}
.col-lg-offset-1 {
margin-left: 8.33333333%;
}
.col-lg-offset-0 {
margin-left: 0%;
}
}.top-area {
padding: 10px 0;
position: relative;
}
.top-area-items {
margin: 0 -35px;
}
@media (min-width: 1212px) {
.top-area-alignment-justified .top-area-menu {
float: right;
}
}
.top-area-alignment-right .top-area-items {
text-align: right;
}
.top-area-alignment-center .top-area-items {
text-align: center;
}
@media (max-width: 1211px) {
.top-area-alignment-justified .top-area-items {
text-align: center;
}
}
.top-area-block {
position: relative;
display: inline-block;
vertical-align: middle;
padding: 0 35px;
}
@media (min-width: 768px) {
.top-area .top-area-items .top-area-block {
height: 30px;
line-height: 30px;
}
}
.top-area-contacts:after,
.top-area-socials:after {
content: '';
position: absolute;
height: 50px;
margin-top: -25px;
top: 50%;
right: 0;
}
@media (max-width: 1211px) {
.top-area-contacts:after,
.top-area-socials:after {
display: none;
}
}
.top-area-style-2 .top-area-contacts:after,
.top-area-style-2 .top-area-socials:after {
right: auto;
left: 0;
}
.top-area-alignment-center .top-area-contacts:after,
.top-area-alignment-center .top-area-socials:after {
display: none;
}
.top-area-alignment-center .top-area-contacts:after,
.top-area-alignment-center .top-area-socials:after {
display: none;
}
.top-area-socials {
margin: 0 -5px;
}
.top-area-socials .socials {
margin-top: 7px;
}
.top-area-socials .socials-item {
padding: 0 7px;
margin: 0;
}
.top-area-socials .socials-item a {
width: 20px;
height: 20px;
}
.top-area-socials .socials-item a:after {
line-height: 20px;
font-size: 16px;
}
.top-area-button .gem-button {
margin: 0;
font-family: inherit;
font-weight: inherit;
font-style: inherit;
vertical-align: top;
}
.top-area-button .gem-button:after {
display: none;
}
.top-area .top-area-block.top-area-menu {
font-size: 0;
}
.top-area-menu .nav-menu {
margin: 0 -15px;
}
.top-area-menu .nav-menu > li {
display: inline-block;
padding: 0 15px;
line-height: 30px;
}
.top-area-menu .nav-menu > li a {
display: block;
font-size: 14px;
}
.top-area-menu .nav-menu > li a:before {
content: '\e601';
font-family: 'thegem-icons';
font-style: normal;
font-weight: normal;
margin-right: 2px;
font-size: 16px;
vertical-align: top;
}
#top-area-menu,
.top-area-button {
display: inline-block;
vertical-align: top;
}
#top-area-menu + .top-area-button {
margin-left: 40px;
}
#site-header.shrink.fixed .top-area-scroll-hide {
display: none;
}
@media (max-width: 430px) {
.top-area {
padding: 0 0 5px 0;
}
.top-area .top-area-items .top-area-block.top-area-menu{
height: auto;
}
#top-area-menu + .top-area-button{
margin: 0;
}
.top-area .top-area-items .top-area-block .top-area-button{
width: 100%;
padding: 5px 0 0 0;
}
} #page:not(.vertical-header) #site-header {
position: relative;
z-index: 5;
-moz-box-shadow: 0 0 2px 0 rgba(56, 69, 84, 0.2);
-webkit-box-shadow: 0 0 2px 0 rgba(56, 69, 84, 0.2);
box-shadow: 0 0 2px 0 rgba(56, 69, 84, 0.2);
}
#page .site-header-wrapper-transparent #site-header:not(.shrink) {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
#page #site-header:not(.animated-header) {
z-index: 7;
}
#page:not(.vertical-header) #site-header.animated-header {
position: static;
}
#site-header .site-title {
display: table-cell;
vertical-align: middle;
padding: 15px 0;
}
#site-header .header-layout-overlay .site-title {
position: relative;
z-index: 11;
}
#page.vertical-header #site-header .site-title {
margin-bottom: 40px;
}
#site-header .primary-navigation,
#site-header #perspective-menu-buttons {
display: table-cell;
width: 99%;
vertical-align: middle;
text-align: right;
position: relative;
z-index: 10;
}
#site-header .logo-position-right .primary-navigation,
#site-header .logo-position-right #perspective-menu-buttons {
text-align: left;
}
#site-header .logo-position-menu_center:not(.header-layout-fullwidth_hamburger):not(.header-layout-overlay) > .site-title {
display: none;
}  @media (min-width: 1213px) {
#site-header .logo-position-menu_center #primary-menu.menu_center-preload {
opacity: 0;
}
}
#site-header .primary-navigation .menu-item-logo {
padding: 0 50px !important;
}
#site-header .primary-navigation.responsive .menu-item-logo {
display: none !important;
}
@media (max-width: 979px) {
#site-header .primary-navigation .menu-item-logo {
display: none;
}
}
@media (max-width: 768px) {
#site-header .logo-position-menu_center.header-main > .site-title {
display: table-cell;
}
}
@media (min-width: 980px) {
#site-header .logo-position-menu_center:not(.header-layout-fullwidth_hamburger) #primary-navigation,
#site-header .logo-position-menu_center:not(.header-layout-fullwidth_hamburger) #perspective-menu-buttons {
display: block;
width: auto;
text-align: left;
}
#site-header .logo-position-menu_center.header-layout-fullwidth:not(.header-layout-fullwidth_hamburger) #primary-navigation,
#site-header .logo-position-menu_center.header-layout-fullwidth:not(.header-layout-fullwidth_hamburger) #perspective-menu-buttons {
text-align: center;
}
}
.site-title .site-logo,
#site-header .primary-navigation .menu-item-logo .site-logo {
margin: 0 auto;
font-size: 0 !important;
line-height: 0 !important;
}
.header-style-vertical .site-title .site-logo {
margin: 0;
}
@media (min-width: 768px) {
#site-header .logo-position-center .site-title,
#site-header .logo-position-center .primary-navigation,
#site-header .logo-position-center #perspective-menu-buttons {
display: block;
text-align: center;
} #site-header .logo-position-center:not(.no-menu) .site-title {
padding-top: 40px;
padding-bottom: 10px;
}
}
#site-header .header-main {
position: relative;
z-index: 11;
}
#site-header .header-main-style-fullwidth {
padding: 0 21px;
}
#page.vertical-header {
padding-left: 45px;
}
#page.vertical-header #site-header-wrapper {
position: fixed;
left: 0;
top: 0;
width: 360px;
min-height: 100%;
box-shadow: 0 0 2px 0 rgba(56, 69, 84, 0.2);
-moz-box-shadow: 0 0 2px 0 rgba(56, 69, 84, 0.2);
-webkit-box-shadow: 0 0 2px 0 rgba(56, 69, 84, 0.2);
padding: 55px 45px 0;
margin-left: -315px;
-o-transition: all 1s;
-webkit-transition: all 1s;
transition: all 1s;
z-index: 1000;
}
body.admin-bar #page.vertical-header #site-header-wrapper {
top: 32px;
}
#page.vertical-header #site-header-wrapper.vertical-active {
margin-left: 0;
}
#page.vertical-header #site-header-wrapper .header-main { display: block;
}
#page.vertical-header #site-header-wrapper.vertical-active .header-main { }
@media (min-width: 1600px) {
#page.vertical-header {
padding-left: 360px;
}
#page.vertical-header #site-header-wrapper {
margin-left: 0;
}
#page.vertical-header #site-header-wrapper .header-main {
display: block;
visibility: visible;
}
}
#page.vertical-header #site-header *:not(.megamenu-template) > .container,
#site-header .container-fullwidth,
#top-area .container-fullwidth {
width: 100%;
}
#site-header .container-fullwidth,
#top-area .container-fullwidth {
padding-left: 37px;
padding-right: 37px;
}
@media (max-width: 767px) {
#site-header .container-fullwidth,
#top-area .container-fullwidth {
padding-left: 21px;
padding-right: 21px;
}
}
#page.vertical-header #site-header .site-title {
display: block;
}
#page.vertical-header #site-header .primary-navigation,
#page.vertical-header #site-header #perspective-menu-buttons {
display: block;
width: auto;
}
#page.vertical-header .vertical-toggle {
border: none;
width: 27px;
height: 23px;
text-indent: 100%;
font-size: 0;
line-height: 0;
overflow: hidden;
position: absolute;
top: 10px;
right: 9px;
cursor: pointer;
outline: none;
background: transparent;
padding: 0;
-o-transition: all 1s;
-webkit-transition: all 1s;
transition: all 1s;
}
@media (min-width: 1600px) {
#page.vertical-header .vertical-toggle {
display: none;
}
}
#page.vertical-header .vertical-toggle .menu-line-1,
#page.vertical-header .vertical-toggle .menu-line-2,
#page.vertical-header .vertical-toggle .menu-line-3 {
position: absolute;
height: 3px;
width: 100%;
left: 0;
-o-transition: all 1s;
-webkit-transition: all 1s;
transition: all 1s;
}
#page.vertical-header .vertical-toggle .menu-line-1 {
top: 2px;
transform: rotate(0);
}
#page.vertical-header #site-header-wrapper.vertical-active .vertical-toggle .menu-line-1 {
transform: rotate(45deg);
top: 10px;
}
#page.vertical-header .vertical-toggle .menu-line-2 {
top: 10px;
opacity: 1;
}
#page.vertical-header #site-header-wrapper.vertical-active .vertical-toggle .menu-line-2 {
opacity: 0;
}
#page.vertical-header .vertical-toggle .menu-line-3 {
top: 18px;
transform: rotate(0);
}
#page.vertical-header #site-header-wrapper.vertical-active .vertical-toggle .menu-line-3 {
top: 10px;
transform: rotate(-45deg);
}
@media (max-width: 767px) {
#page.vertical-header .vertical-toggle {
display: none;
}
#page.vertical-header {
padding-left: 0;
}
#page.vertical-header #site-header-wrapper {
margin-left: 0;
}
#page.vertical-header #site-header-wrapper .header-main {
display: table;
visibility: visible;
}
} #primary-menu,
#primary-menu + ul {
text-align: left;
}
#primary-navigation .menu-toggle,
#perspective-menu-buttons .menu-toggle,
#perspective-menu-buttons .menu-toggle {
display: none;
}
#primary-navigation #primary-menu.no-responsive li.dl-parent,
#primary-navigation #primary-menu.no-responsive li.dl-back {
display: none;
}
#primary-menu.no-responsive {
text-align: left;
white-space: nowrap;
display: inline-block;
font-size: 0;
margin: 0 -20px;
}
#page.vertical-header #primary-menu.no-responsive {
margin: 0;
display: block;
}
#primary-menu.no-responsive li {
position: relative;
}
#primary-menu.no-responsive li > a {
position: relative;
display: block;
text-decoration: none;
}
#primary-menu.no-responsive > li {
display: inline-block;
vertical-align: middle;
}
#page.vertical-header #primary-menu.no-responsive,
#page.vertical-header #primary-menu.no-responsive > li {
display: block;
}
#page.vertical-header #primary-menu.no-responsive > li.menu-item-logo {
display: none;
}
#page.vertical-header #primary-menu.no-responsive > li {
padding-right: 66px;
margin-right: -66px;
}
#primary-menu.no-responsive > li > a {
padding: 35px 20px;
text-transform: uppercase;
}
#page.vertical-header #primary-menu.no-responsive > li > a {
padding: 12px 0 13px;
}
.header-style-2 #primary-menu.no-responsive > li > a:before {
content: "\e601";
font-family: "thegem-icons";
font-style: normal;
font-size: 16px;
font-weight: normal;
vertical-align: top;
}
.header-style-3 #primary-menu.no-responsive > li,
.header-style-4 #primary-menu.no-responsive > li {
padding: 33px 3px;
}
.header-style-3 #primary-menu.no-responsive > li.menu-item-current,
.header-style-3 #primary-menu.no-responsive > li.menu-item-active,
.header-style-4 #primary-menu.no-responsive > li.menu-item-current,
.header-style-4 #primary-menu.no-responsive > li.menu-item-active {
padding: 31px 1px;
}
.header-style-3 #primary-menu.no-responsive > li > a,
.header-style-4 #primary-menu.no-responsive > li > a {
padding: 0px 15px;
}
.header-style-1 #primary-menu.no-responsive > li.menu-item-current > a,
.header-style-1 #primary-menu.no-responsive > li.menu-item-active > a {
padding-bottom: 31px;
border-bottom: 4px solid #d7dee4;
}
.site-header-wrapper-transparent #site-header:not(.shrink) .header-style-1 #primary-menu.no-responsive > li.menu-item-current > a,
.site-header-wrapper-transparent #site-header:not(.shrink) .header-style-1 #primary-menu.no-responsive > li.menu-item-active > a {
border-bottom-color: transparent;
background-color: transparent;
}
.header-style-2 #primary-menu.no-responsive > li:not(.megamenu-template-enable):not(.menu-item-type-template) li > a,
.header-style-3 #primary-menu.no-responsive > li:not(.megamenu-template-enable):not(.menu-item-type-template) li > a{
border-left: 3px solid transparent;
padding-left: 27px;
-o-transition: color 0.3s, background-color 0.3s, border-left-color 0.3s;
-webkit-transition: color 0.3s, background-color 0.3s, border-left-color 0.3s;
transition: color 0.3s, background-color 0.3s, border-left-color 0.3s;
}
.header-style-2 #primary-menu.no-responsive > li:not(.megamenu-template-enable):not(.menu-item-type-template) li.menu-item-current > a,
.header-style-2 #primary-menu.no-responsive > li:not(.megamenu-template-enable):not(.menu-item-type-template) li.menu-item-active > a,
.header-style-2 #primary-menu.no-responsive > li:not(.megamenu-template-enable):not(.menu-item-type-template) li:hover > a,
.header-style-3 #primary-menu.no-responsive > li:not(.megamenu-template-enable):not(.menu-item-type-template) li.menu-item-current > a,
.header-style-3 #primary-menu.no-responsive > li:not(.megamenu-template-enable):not(.menu-item-type-template) li.menu-item-active > a,
.header-style-3 #primary-menu.no-responsive > li:not(.megamenu-template-enable):not(.menu-item-type-template) li:hover > a {
padding-left: 27px;
border-left: 3px solid transparent;
-o-transition: color 0.3s, background-color 0.3s, border-left-color 0.3s;
-webkit-transition: color 0.3s, background-color 0.3s, border-left-color 0.3s;
transition: color 0.3s, background-color 0.3s, border-left-color 0.3s;
}
#primary-menu.no-responsive > li:not(.megamenu-template-enable):not(.menu-item-type-template) ul,
#primary-menu.no-responsive > li .megamenu-template {
position: absolute;
visibility: hidden;
white-space: normal;
width: 280px;
transition: transform 0.1s linear 0.5s, opacity 0.1s linear 0.5s, visibility 0.1s linear 0.5s;
-moz-transition: transform 0.1s linear 0.5s, opacity 0.1s linear 0.5s, visibility 0.1s linear 0.5s;
-webkit-transition: transform 0.1s linear 0.5s, opacity 0.1s linear 0.5s, visibility 0.1s linear 0.5s;
opacity: 0;
}
#primary-menu.no-responsive > li.megamenu-template-enable ul {
width: auto;
}
#primary-menu.no-responsive > li .megamenu-template {
width: auto;
background-color: var(--thegem-to-main-bg-color, #FFFFFF);
font-size: initial;
}
#primary-menu.no-responsive .megamenu-template .container {
max-width: 100%;
}
#primary-menu.no-responsive .megamenu-template .wpb_row {
margin-bottom: 0;
}
#primary-menu.no-responsive .megamenu-template .vc_row {
margin-left: -21px;
margin-right: -21px;
}
#primary-menu.no-responsive .megamenu-template.template-width-custom .container {
width: 100%;
}
#primary-menu.no-responsive .megamenu-template > .container > p:empty {
display: none;
}
#primary-menu:not(.no-responsive) .megamenu-template {
display: none;
}
.header-main:not(.header-layout-overlay) #primary-menu.no-responsive > li.megamenu-template-enable .sub-menu {
display: none;
}
#primary-menu.no-responsive > li:not(.megamenu-template-enable) > ul:before {
content: '';
position: absolute;
bottom: -3px;
left: -3px;
right: -3px;
height: 3px;
}
#primary-menu.no-responsive > li:not(.megamenu-template-enable) > ul,
#primary-menu.no-responsive > li .megamenu-template {
transform: translateY(20px);
-o-transform: translateY(20px);
-ms-transform: translateY(20px);
-moz-transform: translateY(20px);
-webkit-transform: translateY(20px);
}
.header-main:not(.header-layout-overlay) #primary-menu.no-responsive:hover li:not(.megamenu-template-enable):hover > ul,
.header-main:not(.header-layout-overlay) #primary-menu.no-responsive:hover li.megamenu-template-enable:hover .megamenu-template,
#thegem-perspective .perspective-navigation #primary-menu.no-responsive:hover li:not(.megamenu-template-enable):hover > ul,
#thegem-perspective .perspective-navigation #primary-menu.no-responsive:hover li.megamenu-template-enable:hover .megamenu-template {
visibility: visible;
transition: transform 0.3s linear, opacity 0.3s linear, visibility 0.3s linear;
-moz-transition: transform 0.3s linear, opacity 0.3s linear, visibility 0.3s linear;
-webkit-transition: transform 0.3s linear, opacity 0.3s linear, visibility 0.3s linear;
opacity: 1;
transform: translateY(0);
-o-transform: translateY(0);
-ms-transform: translateY(0);
-moz-transform: translateY(0);
-webkit-transform: translateY(0);
}
.header-main:not(.header-layout-overlay) li.megamenu-template-enable:not(:hover) .megamenu-template *,
#thegem-perspective .perspective-navigation li.megamenu-template-enable:not(:hover) .megamenu-template * {
transition: none !important;
}
#primary-menu.no-responsive:hover > li:not(.megamenu-template-enable):not(.menu-item-type-template) ul,
#primary-menu.no-responsive:hover > li .megamenu-template {
visibility: hidden;
transition: transform 0.1s linear, opacity 0.1s linear, visibility 0.1s linear;
-moz-transition: transform 0.1s linear, opacity 0.1s linear, visibility 0.1s linear;
-webkit-transition: transform 0.1s linear, opacity 0.1s linear, visibility 0.1s linear;
opacity: 0;
}
#primary-menu.no-responsive > li > ul,
#primary-menu.no-responsive > li > .megamenu-template {
top: 100%;
left: 0;
}
#page.vertical-header #primary-menu.no-responsive > li > ul,
#page.vertical-header #primary-menu.no-responsive > li .megamenu-template {
top: 0;
left: 100%;
}
#primary-menu.no-responsive > li > ul.invert {
left: auto;
right: 0;
}
#primary-menu.no-responsive > li > ul a {
padding: 15px 30px;
}
#primary-menu.no-responsive > li > ul ul {
top: 0;
left: 100%;
transform: translateX(20px);
-o-transform: translateX(20px);
-ms-transform: translateX(20px);
-moz-transform: translateX(20px);
-webkit-transform: translateX(20px);
z-index: 1;
}
#page .header-style-vertical #primary-menu.no-responsive > li ul.vertical-invert {
top: auto;
}
#primary-menu.no-responsive > li > ul ul.invert {
top: 0;
left: auto;
right: 100%;
transform: translateX(-20px);
-o-transform: translateX(-20px);
-ms-transform: translateX(-20px);
-moz-transform: translateX(-20px);
-webkit-transform: translateX(-20px);
}
#primary-menu.no-responsive > li > ul li:hover > ul {
transform: translateX(0);
-o-transform: translateX(0);
-ms-transform: translateX(0);
-moz-transform: translateX(0);
-webkit-transform: translateX(0);
}
#primary-menu.no-responsive > li:not(.megamenu-template-enable):not(.menu-item-type-template) li.menu-item-parent > a:after {
position: absolute;
width: 9px;
height: 16px;
right: 20px;
top: 50%;
margin-top: -8px;
font-weight: normal;
font-family: 'thegem-icons';
font-style: normal;
content: '\e601';
font-size: 16px;
line-height: 16px;
}
#primary-menu.no-responsive .hamburger-widgets {
white-space: normal;
padding: 13px 15px;
}
.header-layout-vertical #primary-menu.no-responsive .hamburger-widgets {
padding: 13px 0;
} #primary-menu.nav-menu.no-responsive > li.megamenu-enable > ul:not(.megamenu-item-inited) {
opacity: 0 !important;
transform: translateY(20px) !important;
-o-transform: translateY(20px) !important;
-ms-transform: translateY(20px) !important;
-moz-transform: translateY(20px) !important;
-webkit-transform: translateY(20px) !important;
}
#primary-menu.nav-menu.no-responsive > li.megamenu-enable > ul > li > ul ul {
display: none;
}
#primary-menu.nav-menu.no-responsive > li.megamenu-enable > ul {
width: auto;
white-space: nowrap;
background-repeat: no-repeat;
font-size: 0;
line-height: 1;
}
#primary-menu.nav-menu.no-responsive > li.megamenu-enable > ul.megamenu-masonry.megamenu-masonry-inited > li {
position: absolute;
}
#site-header.without-transition *,
#primary-menu.no-responsive li > ul.without-transition,
#primary-navigation.without-transition ul {
transition: none !important;
-moz-transition: none !important;
-webkit-transition: none !important;
}
#primary-menu.nav-menu.no-responsive > li.megamenu-enable ul {
width: auto;
}
#primary-menu.nav-menu.no-responsive > li.megamenu-enable > ul ul {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
border-left: 0;
border-right: 0;
}
#primary-menu.nav-menu.no-responsive > li.megamenu-enable > ul:not(.megamenu-masonry) > li.megamenu-no-right-border,
#primary-menu.nav-menu.no-responsive > li.megamenu-enable > ul:not(.megamenu-masonry) > li.megamenu-no-right-border span.megamenu-column-header {
border-right: 0;
}
#primary-menu.nav-menu.no-responsive > li.megamenu-enable > ul > li {
display: inline-block;
vertical-align: top;
border: 0;
}
#primary-menu.nav-menu.no-responsive > li.megamenu-enable.megamenu-style-grid > ul > li {
margin: -1px 0 -1px -1px;
border-top: 0 !important;
border-bottom: 0 !important;
}
#primary-menu.nav-menu.no-responsive > li.megamenu-enable.megamenu-style-default > ul > li {
margin: 0 0 0 31px;
}
#primary-menu.nav-menu.no-responsive > li.megamenu-enable.megamenu-style-default > ul > li.megamenu-first-element {
margin-left: 0;
}
#primary-menu.nav-menu.no-responsive > li.megamenu-enable > ul > li.megamenu-new-row {
display: block;
font-size: 0;
line-height: 1;
height: 0;
padding: 0 !important;
margin: 0 0 1px 0;
}
#primary-menu.nav-menu.no-responsive > li.megamenu-enable > ul.megamenu-masonry > li.megamenu-new-row {
margin-bottom: 0;
}
#primary-menu.nav-menu.no-responsive > li.megamenu-enable.megamenu-style-default > ul > li.megamenu-new-row {
margin: 0 0 7px 0;
}
#primary-menu.nav-menu.no-responsive > li.megamenu-enable.megamenu-style-default ul ul {
border: 0;
}
#primary-menu.nav-menu.no-responsive > li.megamenu-enable.megamenu-style-default li,
#primary-menu.nav-menu.no-responsive > li.megamenu-enable.megamenu-style-default li.menu-item-current,
#primary-menu.nav-menu.no-responsive > li.megamenu-enable.megamenu-style-default li.menu-item-active {
background: none;
border: 0;
}
#primary-menu.nav-menu.no-responsive > li.megamenu-enable > ul > li span.megamenu-column-header {
display: block;
border-top: 0;
position: relative;
}
#primary-menu.nav-menu.no-responsive > li.megamenu-enable.megamenu-style-default > ul > li span.megamenu-column-header {
padding-top: 8px;
padding-bottom: 12px;
margin-bottom: 11px;
border-top: 0;
border-left: 0;
border-right: 0;
}
#primary-menu.nav-menu.no-responsive > li.megamenu-enable.megamenu-style-default > ul > li a {
display: block;
background: none;
padding: 0;
-o-transition: none;
-webkit-transition: none;
transition: none;
}
#primary-menu.nav-menu.no-responsive > li.megamenu-enable.megamenu-style-default > ul li:hover > a,
#primary-menu.nav-menu.no-responsive > li.megamenu-enable.megamenu-style-default li.menu-item-current > a,
#primary-menu.nav-menu.no-responsive > li.megamenu-enable.megamenu-style-default li.menu-item-active > a {
border: 0;
}
#primary-menu.nav-menu.no-responsive > li.megamenu-enable.megamenu-style-default li.menu-item-parent > a:after {
display: none;
}
#primary-menu.nav-menu.no-responsive > li.megamenu-enable > ul > li span.megamenu-column-header a {
text-transform: uppercase;
}
#primary-menu.nav-menu.no-responsive > li.megamenu-enable.megamenu-style-default > ul > li span.megamenu-column-header a {
padding: 0;
}
#primary-menu.nav-menu.no-responsive > li.megamenu-enable.megamenu-style-grid > ul > li span.megamenu-column-header a {
display: block;
padding-top: 13px;
padding-bottom: 13px;
}
#primary-menu.nav-menu.no-responsive > li.megamenu-enable > ul > li span.megamenu-column-header a.mega-no-link {
pointer-events: none;
}
#primary-menu.nav-menu.no-responsive > li.megamenu-enable > ul > li span.megamenu-column-header.mega-not-show {
display: none;
}
#primary-menu.nav-menu.no-responsive > li.megamenu-enable.megamenu-style-default > ul > li span.megamenu-column-header a.megamenu-has-icon {
padding-left: 26px;
}
#primary-menu.nav-menu.no-responsive > li.megamenu-enable.megamenu-style-grid > ul > li span.megamenu-column-header a.megamenu-has-icon {
padding-left: 56px;
}
#primary-menu.nav-menu.no-responsive > li.megamenu-enable > ul > li span.megamenu-column-header a.megamenu-has-icon:before {
position: absolute;
left: 0;
display: inline-block;
font-weight: normal;
font-family: 'FontAwesome';
content: attr(data-icon);
font-size: 14px;
vertical-align: baseline;
}
#primary-menu.nav-menu.no-responsive > li.megamenu-enable.megamenu-style-grid > ul > li span.megamenu-column-header a.megamenu-has-icon:before {
left: 30px;
}
#primary-menu.nav-menu.no-responsive > li.megamenu-enable > ul > li .mega-label {
display: inline;
font-size: 65%;
line-height: 1;
text-transform: uppercase;
padding: 0 4px 0px 4px;
margin: 0 0 0 10px;
}
#primary-menu.nav-menu.no-responsive > li.megamenu-enable.megamenu-style-grid > ul > li > ul li > a,
#thegem-perspective .perspective-navigation #primary-menu.nav-menu.no-responsive > li.megamenu-enable.megamenu-style-grid > ul > li > ul li > a {
padding-left: 55px;
}
.header-layout-fullwidth_hamburger.logo-position-right #primary-menu.nav-menu.no-responsive > li.megamenu-enable.megamenu-style-grid > ul > li > ul li > a,
.header-layout-fullwidth_hamburger.logo-position-right #primary-menu.nav-menu.no-responsive > li.megamenu-enable.megamenu-style-grid > ul > li > ul li > a,
.header-layout-fullwidth_hamburger.logo-position-right #primary-menu.nav-menu.no-responsive > li.megamenu-enable.megamenu-style-grid > ul > li > ul li > a,
.header-style-2 #primary-menu.nav-menu.no-responsive > li.megamenu-enable.megamenu-style-grid > ul > li > ul li > a,
.header-style-2 #primary-menu.nav-menu.no-responsive > li.megamenu-enable.megamenu-style-grid > ul > li > ul li > a,
.header-style-2 #primary-menu.nav-menu.no-responsive > li.megamenu-enable.megamenu-style-grid > ul > li > ul li > a,
.header-style-3 #primary-menu.nav-menu.no-responsive > li.megamenu-enable.megamenu-style-grid > ul > li > ul li > a,
.header-style-3 #primary-menu.nav-menu.no-responsive > li.megamenu-enable.megamenu-style-grid > ul > li > ul li > a,
.header-style-3 #primary-menu.nav-menu.no-responsive > li.megamenu-enable.megamenu-style-grid > ul > li > ul li > a {
padding-left: 52px;
}
.header-layout-fullwidth_hamburger.logo-position-right #primary-menu.nav-menu.no-responsive > li.megamenu-enable.megamenu-style-grid > ul > li > ul li.menu-item-current > a,
.header-layout-fullwidth_hamburger.logo-position-right #primary-menu.nav-menu.no-responsive > li.megamenu-enable.megamenu-style-grid > ul > li > ul li.menu-item-active > a,
.header-layout-fullwidth_hamburger.logo-position-right #primary-menu.nav-menu.no-responsive > li.megamenu-enable.megamenu-style-grid > ul > li > ul li:hover > a,
.header-style-2 #primary-menu.nav-menu.no-responsive > li.megamenu-enable.megamenu-style-grid > ul > li > ul li.menu-item-current > a,
.header-style-2 #primary-menu.nav-menu.no-responsive > li.megamenu-enable.megamenu-style-grid > ul > li > ul li.menu-item-active > a,
.header-style-2 #primary-menu.nav-menu.no-responsive > li.megamenu-enable.megamenu-style-grid > ul > li > ul li:hover > a,
.header-style-3 #primary-menu.nav-menu.no-responsive > li.megamenu-enable.megamenu-style-grid > ul > li > ul li.menu-item-current > a,
.header-style-3 #primary-menu.nav-menu.no-responsive > li.megamenu-enable.megamenu-style-grid > ul > li > ul li.menu-item-active > a,
.header-style-3 #primary-menu.nav-menu.no-responsive > li.megamenu-enable.megamenu-style-grid > ul > li > ul li:hover > a {
padding-left: 52px;
}
#primary-menu.nav-menu.no-responsive > li.megamenu-enable.megamenu-style-default:not(.megamenu-template-enable) > ul > li > ul li > a {
position: relative;
padding: 8px 12px 8px 47px;
vertical-align: middle;
margin-left: -20px;
border-left: 0 none;
}
#primary-menu.nav-menu.no-responsive > li.megamenu-enable > ul > li > ul > li > a:before {
display: inline-block;
font-weight: normal;
font-family: 'FontAwesome';
content: "\f105";
font-size: 14px;
vertical-align: baseline;
width: 25px;
text-align: left;
margin-left: -13px;
padding-left: 4px;
position: absolute;
left: 34px;
}
#primary-menu.nav-menu.no-responsive > li.megamenu-enable.megamenu-style-grid > ul > li > ul > li > a:before {
margin: 0;
left: 27px;
}
.header-layout-fullwidth_hamburger.logo-position-right #primary-menu.nav-menu.no-responsive > li.megamenu-enable.megamenu-style-grid > ul > li > ul li.menu-item-current > a:before,
.header-layout-fullwidth_hamburger.logo-position-right #primary-menu.nav-menu.no-responsive > li.megamenu-enable.megamenu-style-grid > ul > li > ul li.menu-item-active > a:before,
.header-layout-fullwidth_hamburger.logo-position-right #primary-menu.nav-menu.no-responsive > li.megamenu-enable.megamenu-style-grid > ul > li > ul li:hover > a:before,
.header-style-2 #primary-menu.nav-menu.no-responsive > li.megamenu-enable.megamenu-style-grid > ul > li > ul li.menu-item-current > a:before,
.header-style-2 #primary-menu.nav-menu.no-responsive > li.megamenu-enable.megamenu-style-grid > ul > li > ul li.menu-item-active > a:before,
.header-style-2 #primary-menu.nav-menu.no-responsive > li.megamenu-enable.megamenu-style-grid > ul > li > ul li:hover > a:before,
.header-style-3 #primary-menu.nav-menu.no-responsive > li.megamenu-enable.megamenu-style-grid > ul > li > ul li.menu-item-current > a:before,
.header-style-3 #primary-menu.nav-menu.no-responsive > li.megamenu-enable.megamenu-style-grid > ul > li > ul li.menu-item-active > a:before,
.header-style-3 #primary-menu.nav-menu.no-responsive > li.megamenu-enable.megamenu-style-grid > ul > li > ul li:hover > a:before {
left: 27px;
}
#primary-menu.nav-menu.no-responsive > li.megamenu-enable > ul > li > ul > li.megamenu-has-icon > a::before {
content: attr(data-icon);
padding: 0;
}
#primary-menu.nav-menu.no-responsive > li.megamenu-enable.megamenu-style-default > ul > li > ul > li > a:before {
margin-right: 0;
font-size: 14px;
}
#primary-menu.nav-menu.no-responsive > li.megamenu-enable.megamenu-style-default > ul > li > ul > li.megamenu-has-icon > a::before {
font-family: 'FontAwesome';
content: attr(data-icon);
}
#primary-menu.nav-menu.no-responsive > li.megamenu-enable > ul > li > ul {
position: static;
transform: translateX(0);
-o-transform: translateX(0);
-ms-transform: translateX(0);
-moz-transform: translateX(0);
-webkit-transform: translateX(0);
}
#primary-menu.nav-menu.no-responsive > li.megamenu-enable:hover > ul > li > ul {
visibility: visible;
opacity: 1;
}
#primary-navigation .hamburger-toggle {
border: none;
width: 36px;
height: 30px;
text-indent: 100%;
font-size: 0;
line-height: 0;
overflow: hidden;
position: relative;
cursor: pointer;
outline: none;
background: transparent;
padding: 0;
-o-transition: margin-right 1s, margin-left 1s, width .3s, height .2s, transform 1s;
-webkit-transition: margin-right 1s, margin-left 1s, width .3s, height .2s, transform 1s;
transition: margin-right 1s, margin-left 1s, width .3s, height .2s, transform 1s;
-moz-transform: translateX(0);
-webkit-transform: translateX(0);
transform: translateX(0);
margin-right: 0;
margin-top: 35px;
margin-bottom: 35px;
}
#primary-navigation .hamburger-toggle .menu-line-1,
#primary-navigation .hamburger-toggle .menu-line-2,
#primary-navigation .hamburger-toggle .menu-line-3 {
position: absolute;
height: 4px;
width: 100%;
left: 0;
-webkit-transition: all 0.5s, top .3s, height .3s;
transition: all 0.5s, top .3s, height .3s;
}
#primary-navigation .hamburger-toggle .menu-line-1 {
top: 3px;
transform: rotate(0);
}
#primary-navigation.hamburger-active .hamburger-toggle .menu-line-1 {
transform: rotate(45deg);
top: 13px;
}
#primary-navigation .hamburger-toggle .menu-line-2 {
top: 13px;
opacity: 1;
}
#primary-navigation.hamburger-active .hamburger-toggle .menu-line-2 {
opacity: 0;
}
#primary-navigation .hamburger-toggle .menu-line-3 {
top: 23px;
transform: rotate(0);
}
#primary-navigation.hamburger-active .hamburger-toggle .menu-line-3 {
top: 13px;
transform: rotate(-45deg);
}
#primary-navigation .hamburger-group.hamburger-size-small .hamburger-toggle .menu-line-1,
#primary-navigation .hamburger-group.hamburger-size-small .hamburger-toggle .menu-line-2,
#primary-navigation .hamburger-group.hamburger-size-small .hamburger-toggle .menu-line-3 {
height: 2px;
width: 18px;
left: 9px;
}
#primary-navigation .hamburger-group.hamburger-size-small .hamburger-toggle .menu-line-1 {
top: 8px;
}
#primary-navigation.hamburger-active .hamburger-group.hamburger-size-small .hamburger-toggle .menu-line-1 {
top: 13px;
}
#primary-navigation .hamburger-group.hamburger-size-small .hamburger-toggle .menu-line-2 {
top: 13px;
}
#primary-navigation .hamburger-group.hamburger-size-small .hamburger-toggle .menu-line-3 {
top: 18px;
}
#primary-navigation.hamburger-active .hamburger-group.hamburger-size-small .hamburger-toggle .menu-line-3 {
top: 13px;
transform: rotate(-45deg);
}
@media (-webkit-device-pixel-ratio: 1.25) {
#primary-navigation .hamburger-group.hamburger-size-small .hamburger-toggle .menu-line-1,
#primary-navigation .hamburger-group.hamburger-size-small .hamburger-toggle .menu-line-2,
#primary-navigation .hamburger-group.hamburger-size-small .hamburger-toggle .menu-line-3 {
height: 1.6px;
}
}
.header-layout-fullwidth_hamburger #primary-menu.no-responsive {
position: fixed;
top: 0;
bottom: 0;
width: 340px;
-moz-transition: transform 1s;
-webkit-transition: transform 1s;
transition: transform 1s;
background: #ffffff;
padding: 100px 30px 0;
z-index: 10;
}
.header-layout-fullwidth_hamburger #primary-menu.no-responsive {
padding-left: 0;
}
.header-layout-fullwidth_hamburger.logo-position-right #primary-menu.no-responsive {
padding-right: 0;
}
.header-layout-fullwidth_hamburger #primary-menu.no-responsive {
right: 0;
-moz-transform: translateX(340px);
-webkit-transform: translateX(340px);
transform: translateX(340px);
}
.header-layout-fullwidth_hamburger.logo-position-right #primary-menu.no-responsive {
left: 0;
-moz-transform: translateX(-340px);
-webkit-transform: translateX(-340px);
transform: translateX(-340px);
}
.header-layout-fullwidth_hamburger #primary-navigation.hamburger-active #primary-menu.no-responsive {
right: 0;
-moz-transform: translateX(0);
-webkit-transform: translateX(0);
transform: translateX(0);
}
.header-layout-fullwidth_hamburger.logo-position-right #primary-navigation.hamburger-active #primary-menu.no-responsive {
left: 0;
-moz-transform: translateX(0);
-webkit-transform: translateX(0);
transform: translateX(0);
}
.header-layout-fullwidth_hamburger #primary-navigation.hamburger-active .hamburger-toggle,
.header-layout-fullwidth_hamburger #primary-navigation.hamburger-active .hamburger-minicart {
-moz-transform: translateX(-340px);
-webkit-transform: translateX(-340px);
transform: translateX(-340px);
}
.header-layout-fullwidth_hamburger.logo-position-right #primary-navigation.hamburger-active .hamburger-toggle,
.header-layout-fullwidth_hamburger.logo-position-right #primary-navigation.hamburger-active .hamburger-minicart {
-moz-transform: translateX(340px);
-webkit-transform: translateX(340px);
transform: translateX(340px);
}
.header-layout-fullwidth_hamburger #primary-menu.no-responsive {
margin: 0;
display: block;
}
.header-layout-fullwidth_hamburger #primary-menu.no-responsive .menu-item-logo {
display: none;
}
.header-layout-fullwidth_hamburger #primary-menu.no-responsive,
.header-layout-fullwidth_hamburger #primary-menu.no-responsive > li {
display: block;
}
.header-layout-fullwidth_hamburger #primary-menu.no-responsive > li {
padding: 0;
}
.header-layout-fullwidth_hamburger.logo-position-left #primary-menu.no-responsive > li {
padding-left: 30px;
}
.header-layout-fullwidth_hamburger.logo-position-right #primary-menu.no-responsive > li {
padding-left: 30px;
}
.header-layout-fullwidth_hamburger #primary-menu.no-responsive > li > a {
padding: 13px 15px;
}
.header-layout-fullwidth_hamburger #primary-menu.no-responsive > li.menu-item-current,
.header-layout-fullwidth_hamburger #primary-menu.no-responsive > li.menu-item-active {
padding-top: 11px;
padding-bottom: 11px;
}
.header-layout-fullwidth_hamburger #primary-menu.no-responsive > li.menu-item-current > a,
.header-layout-fullwidth_hamburger #primary-menu.no-responsive > li.menu-item-active > a,
#site-header.fixed.shrink .header-layout-fullwidth_hamburger #primary-menu.no-responsive > li.menu-item-current > a,
#site-header.fixed.shrink .header-layout-fullwidth_hamburger #primary-menu.no-responsive > li.menu-item-active > a {
display: inline-block;
padding-top: 0;
padding-bottom: 0;
}
.header-layout-fullwidth_hamburger #primary-menu.no-responsive > li > ul {
top: 0;
left: 100%;
}
.header-layout-fullwidth_hamburger.logo-position-left #primary-menu.no-responsive > li > ul,
.header-layout-fullwidth_hamburger.logo-position-left #primary-menu.no-responsive > li .megamenu-template,
.thegem-perspective.effect-moveleft.animate .perspective-navigation #primary-menu.no-responsive > li > ul {
top: 0;
right: 100%;
left: auto;
}
.header-layout-fullwidth_hamburger.logo-position-left #primary-menu.no-responsive > li > ul ul,
.thegem-perspective.effect-moveleft.animate .perspective-navigation #primary-menu.no-responsive > li > ul ul {
right: 100%;
left: auto;
}
.header-layout-fullwidth_hamburger.logo-position-left #primary-menu.no-responsive > li li > a {
padding-left: 45px;
}
.header-layout-fullwidth_hamburger.logo-position-left #primary-menu.no-responsive > li li.menu-item-parent > a:after {
left: 20px;
right: auto;
content: '\e603';
}
.header-layout-fullwidth_hamburger.logo-position-right #primary-menu.no-responsive li li.menu-item-current > a,
.header-layout-fullwidth_hamburger.logo-position-right #primary-menu.no-responsive li li.menu-item-active > a,
.header-layout-fullwidth_hamburger.logo-position-right #primary-menu.no-responsive li li:hover > a {
padding-left: 27px;
border-left: 3px solid transparent;
}
.header-layout-fullwidth_hamburger.logo-position-left #primary-menu.no-responsive li li.menu-item-current > a,
.header-layout-fullwidth_hamburger.logo-position-left #primary-menu.no-responsive li li.menu-item-active > a,
.header-layout-fullwidth_hamburger.logo-position-left #primary-menu.no-responsive li li:hover > a {
padding-right: 27px;
border-right: 3px solid transparent;
}
.hamburger-overlay {
visibility: hidden;
opacity: 0;
background-color: #212331;
position: fixed;
z-index: 6;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-transition: all 1s;
-webkit-transition: all 1s;
transition: all 1s;
}
.hamburger-overlay.active {
visibility: visible;
opacity: 0.8;
}
#site-header:not(.shrink) #primary-navigation.hamburger-active .hamburger-toggle > span,
#site-header:not(.shrink) .header-colors-light #primary-navigation.hamburger-active .hamburger-toggle > span {
background-color: #ffffff;
}
#site-header:not(.shrink) #primary-navigation.hamburger-active .hamburger-minicart > a,
#site-header:not(.shrink) #primary-navigation.hamburger-active .hamburger-minicart:hover > a {
color: #ffffff;
}
.header-layout-fullwidth_hamburger #primary-menu.no-responsive.hamburger-with-template {
padding: 0;
overflow-y: auto;
}
.header-layout-fullwidth_hamburger #primary-menu.no-responsive.hamburger-with-template > li {
display: none;
}
.header-layout-fullwidth_hamburger #primary-menu.no-responsive.hamburger-with-template > li.menu-item-type-template {
display: block !important;
padding: 0 21px;
font-size: var(--thegem-to-body-font-size);
white-space: normal;
}
body #wpadminbar {
font-style: normal;
}
body.menu-scroll-locked {
position: fixed;
overflow: hidden;
width: 100%;
height: 100%;
}
body.menu-scroll-locked #wpadminbar {
top: -46px;
}
.mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu,
.mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu {
min-height: 100%;
}
.header-layout-fullwidth_hamburger #primary-menu.no-responsive > li.menu-item-language:not(.menu-item-has-children),
#thegem-perspective .perspective-navigation #primary-menu.no-responsive li.menu-item-language:not(.menu-item-has-children),
#page.vertical-header #primary-menu.no-responsive > li.menu-item-language:not(.menu-item-has-children),
.header-layout-overlay #primary-menu.nav-menu.no-responsive > li.menu-item-language:not(.menu-item-has-children),
.page-additional-menu.header-layout-overlay .nav-menu.no-responsive > li.menu-item-language:not(.menu-item-has-children),
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li.menu-item-language:not(.menu-item-has-children),
.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .nav-menu > li.menu-item-language:not(.menu-item-has-children),
.mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu > li.menu-item-language:not(.menu-item-has-children),
.mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu > li.menu-item-language:not(.menu-item-has-children) {
display: inline-block;
}
.header-layout-fullwidth_hamburger #primary-menu.no-responsive > li.menu-item-language + li.menu-item-language,
#thegem-perspective .perspective-navigation #primary-menu.no-responsive li.menu-item-language + li.menu-item-language,
#page.vertical-header #primary-menu.no-responsive > li.menu-item-language + li.menu-item-language {
padding-left: 0;
margin-left: 0;
}
#page.vertical-header #primary-menu.no-responsive > li.menu-item-language:not(.menu-item-has-children),
#page.vertical-header #primary-menu.no-responsive > li.menu-item-cart {
padding-right: 0;
margin-right: 0;
}
.header-layout-fullwidth_hamburger #primary-menu.no-responsive > li.menu-item-language.wpml-ls-menu-item:not(.menu-item-has-children) .wpml-ls-flag,
#thegem-perspective .perspective-navigation #primary-menu.no-responsive li.menu-item-language.wpml-ls-menu-item:not(.menu-item-has-children) .wpml-ls-flag,
#page.vertical-header #primary-menu.no-responsive > li.menu-item-language.wpml-ls-menu-item:not(.menu-item-has-children) .wpml-ls-flag,
.header-layout-overlay #primary-menu.nav-menu.no-responsive > li.menu-item-language.wpml-ls-menu-item .wpml-ls-flag,
.page-additional-menu.header-layout-overlay .nav-menu.no-responsive > li.menu-item-language.wpml-ls-menu-item .wpml-ls-flag,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li.menu-item-language.wpml-ls-menu-item .wpml-ls-flag,
.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .nav-menu > li.menu-item-language.wpml-ls-menu-item .wpml-ls-flag,
.mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu > li.menu-item-language.wpml-ls-menu-item .wpml-ls-flag,
.mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu > li.menu-item-language.wpml-ls-menu-item .wpml-ls-flag {
vertical-align: middle;
}
.header-layout-fullwidth_hamburger #primary-menu.no-responsive > li.menu-item-language:not(.menu-item-has-children) + li.menu-item-cart,
.header-layout-fullwidth_hamburger #primary-menu.no-responsive > li.menu-item-language:not(.menu-item-has-children) + li.menu-item-search + li.menu-item-cart,
#thegem-perspective .perspective-navigation #primary-menu.no-responsive li.menu-item-language + li.menu-item-cart,
#thegem-perspective .perspective-navigation #primary-menu.no-responsive li.menu-item-language + li.menu-item-search + li.menu-item-cart,
#page.vertical-header #primary-menu.no-responsive > li.menu-item-language + li.menu-item-cart,
#page.vertical-header #primary-menu.no-responsive > li.menu-item-language + li.menu-item-search + li.menu-item-cart,
.header-layout-overlay #primary-menu.nav-menu.no-responsive > li.menu-item-language + li.menu-item-cart,
.page-additional-menu.header-layout-overlay .nav-menu.no-responsive > li.menu-item-language + li.menu-item-cart,
.header-layout-overlay #primary-menu.nav-menu.no-responsive > li.menu-item-language + li.menu-item-search + li.menu-item-cart,
.page-additional-menu.header-layout-overlay .nav-menu.no-responsive > li.menu-item-language + li.menu-item-search + li.menu-item-cart,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li.menu-item-language + li.menu-item-cart,
.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .nav-menu > li.menu-item-language + li.menu-item-cart,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li.menu-item-language + li.menu-item-search + li.menu-item-cart,
.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .nav-menu > li.menu-item-language + li.menu-item-search + li.menu-item-cart,
.mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu > li.menu-item-language + li.menu-item-cart,
.mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu > li.menu-item-language + li.menu-item-search + li.menu-item-cart,
.mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu > li.menu-item-language + li.menu-item-cart,
.mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu > li.menu-item-language + li.menu-item-search + li.menu-item-cart {
display: inline-block;
padding-left: 0;
margin-left: 0;
}
.header-layout-overlay #primary-menu.nav-menu.no-responsive > li.menu-item-cart,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li.menu-item-cart,
.mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu > li.menu-item-cart,
.mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu > li.menu-item-cart {
display: inline-block;
padding-left: 0;
margin-left: 0;
vertical-align: top;
}
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li.menu-item-language + li.menu-item-cart,
.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .nav-menu > li.menu-item-language + li.menu-item-cart,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li.menu-item-language + li.menu-item-search + li.menu-item-cart,
.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .nav-menu > li.menu-item-language + li.menu-item-search + li.menu-item-cart {
vertical-align: top;
}
.header-layout-fullwidth_hamburger #primary-menu.no-responsive > li.menu-item-cart > a,
#thegem-perspective .perspective-navigation #primary-menu.no-responsive li.menu-item-cart > a,
#page.vertical-header #primary-menu.no-responsive > li.menu-item-cart > a,
.header-layout-overlay #primary-menu.nav-menu.no-responsive > li.menu-item-cart > a,
.page-additional-menu.header-layout-overlay .nav-menu.no-responsive > li.menu-item-cart > a,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li.menu-item-cart > a,
.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .nav-menu > li.menu-item-cart > a,
.mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu > li.menu-item-cart > a,
.mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu > li.menu-item-cart > a {
position: relative;
display: inline-block;
}
#thegem-perspective .perspective-navigation #primary-menu.no-responsive li.menu-item-cart > a {
padding-left: 0 !important;
}
.header-layout-fullwidth_hamburger #primary-menu.no-responsive > li.menu-item-cart > a,
#thegem-perspective .perspective-navigation #primary-menu.no-responsive li.menu-item-language:not(.menu-item-has-children) + li.menu-item-language > a,
#thegem-perspective .perspective-navigation #primary-menu.no-responsive li.menu-item-language:not(.menu-item-has-children) + li.menu-item-cart > a,
#thegem-perspective .perspective-navigation #primary-menu.no-responsive li.menu-item-language:not(.menu-item-has-children) + li.menu-item-search + li.menu-item-cart > a,
#page.vertical-header #primary-menu.no-responsive > li.menu-item-language:not(.menu-item-has-children) + li.menu-item-language > a,
#page.vertical-header #primary-menu.no-responsive > li.menu-item-language:not(.menu-item-has-children) + li.menu-item-cart > a,
#page.vertical-header #primary-menu.no-responsive > li.menu-item-language:not(.menu-item-has-children) + li.menu-item-search + li.menu-item-cart > a,
.header-layout-overlay #primary-menu.nav-menu.no-responsive > li.menu-item-language + li.menu-item-language > a,
.page-additional-menu.header-layout-overlay .nav-menu.no-responsive > li.menu-item-language + li.menu-item-language > a,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li.menu-item-language:not(.menu-item-has-children) + li.menu-item-language > a,
.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .nav-menu > li.menu-item-language:not(.menu-item-has-children) + li.menu-item-language > a,
.mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu > li.menu-item-language:not(.menu-item-has-children) + li.menu-item-language > a,
.mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu > li.menu-item-language:not(.menu-item-has-children) + li.menu-item-cart > a,
.mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu > li.menu-item-language:not(.menu-item-has-children) + li.menu-item-search + li.menu-item-cart > a,
.mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu > li.menu-item-language:not(.menu-item-has-children) + li.menu-item-language > a,
.mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu > li.menu-item-language:not(.menu-item-has-children) + li.menu-item-cart > a,
.mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu > li.menu-item-language:not(.menu-item-has-children) + li.menu-item-search + li.menu-item-cart > a {
padding-left: 15px !important;
}
#thegem-perspective .perspective-navigation #primary-menu.no-responsive li.menu-item-cart > a,
#page.vertical-header #primary-menu.no-responsive > li.menu-item-cart > a {
padding-right: 15px;
}
#page .header-layout-overlay #primary-menu.nav-menu.no-responsive > li.menu-item-cart > a,
#page .page-additional-menu.header-layout-overlay .nav-menu.no-responsive > li.menu-item-cart > a,
#page .mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li.menu-item-cart > a,
#page .page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .nav-menu > li.menu-item-cart > a {
padding-left: 15px !important;
padding-right: 15px !important;
margin-right: -3px !important;
}
#page .header-layout-overlay #primary-menu.nav-menu.no-responsive > li.menu-item-cart > a:before,
#page .page-additional-menu.header-layout-overlay .nav-menu.no-responsive > li.menu-item-cart > a:before,
#page .mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li.menu-item-cart > a:before,
#page .page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .nav-menu > li.menu-item-cart > a:before,
#page .mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu > li.menu-item-cart > a:before,
#page .mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu > li.menu-item-cart > a:before {
margin-right: 0;
}
#page .mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li.menu-item-cart > a .minicart-item-count,
#page .page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .nav-menu > li.menu-item-cart > a .minicart-item-count,
#page .mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu > li.menu-item-cart > a .minicart-item-count,
#page .mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu > li.menu-item-cart > a .minicart-item-count {
left: auto;
right: -15px;
}
#page .header-layout-overlay #primary-menu.nav-menu.no-responsive > li.menu-item-language:not(.menu-item-has-children) + li.menu-item-cart > a,
#page .page-additional-menu.header-layout-overlay .nav-menu.no-responsive > li.menu-item-language:not(.menu-item-has-children) + li.menu-item-cart > a,
#page .mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li.menu-item-language:not(.menu-item-has-children) + li.menu-item-cart > a,
#page .page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .nav-menu > li.menu-item-language:not(.menu-item-has-children) + li.menu-item-cart > a,
#page .mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li.menu-item-language:not(.menu-item-has-children) + li.menu-item-search + li.menu-item-cart > a,
#page .page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .nav-menu > li.menu-item-language:not(.menu-item-has-children) + li.menu-item-search + li.menu-item-cart > a {
margin-right: -25px !important;
}
#page .header-layout-overlay #primary-menu.nav-menu.no-responsive > li.menu-item-cart > a .minicart-item-count,
#page .page-additional-menu.header-layout-overlay .nav-menu.no-responsive > li.menu-item-cart > a .minicart-item-count,
#page .mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li.menu-item-cart > a .minicart-item-count,
#page .page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .nav-menu > li.menu-item-cart > a .minicart-item-count {
font-size: 12px;
}
.header-layout-overlay #primary-menu.nav-menu.no-responsive > li.menu-item-language.wpml-ls-menu-item.menu-item-has-children a,
.page-additional-menu.header-layout-overlay .nav-menu.no-responsive > li.menu-item-language.wpml-ls-menu-item.menu-item-has-children a {
padding-right: 0 !important;
}
.header-layout-overlay #primary-menu.nav-menu.no-responsive > li.menu-item-language.wpml-ls-menu-item.menu-item-has-children a + .menu-item-parent-toggle:before,
.page-additional-menu.header-layout-overlay .nav-menu.no-responsive > li.menu-item-language.wpml-ls-menu-item.menu-item-has-children a  + .menu-item-parent-toggle:before {
top: 2px !important;
}
.header-layout-overlay #primary-menu.nav-menu.no-responsive > li.menu-item-language.wpml-ls-menu-item.menu-item-has-children ul,
.page-additional-menu.header-layout-overlay .nav-menu.no-responsive > li.menu-item-language.wpml-ls-menu-item.menu-item-has-children ul,
#page .mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li.menu-item-language.wpml-ls-menu-item.menu-item-has-children ul,
#page .page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .nav-menu > li.menu-item-language.wpml-ls-menu-item.menu-item-has-children ul {
margin-top: 0;
margin-bottom: 0;
}
.menu-overlay.active + #site-header.fixed.shrink .header-background:before {
background: transparent;
}
#primary-navigation .overlay-toggle,
.page-additional-menu .page-additional-menu-close .overlay-toggle {
border: none;
width: 36px;
height: 30px;
text-indent: 100%;
font-size: 0;
line-height: 0;
overflow: hidden;
position: relative;
cursor: pointer;
outline: none;
background: transparent;
padding: 0;
-o-transition: width .3s, height .2s;
-webkit-transition: width .3s, height .2s;
transition: width .3s, height .2s;
margin-right: 0;
margin-top: 35px;
margin-bottom: 35px;
z-index: 2;
}
.page-additional-menu .page-additional-menu-close .overlay-toggle {
margin: 0;
}
#primary-navigation .overlay-toggle .menu-line-1,
#primary-navigation .overlay-toggle .menu-line-2,
#primary-navigation .overlay-toggle .menu-line-3,
.page-additional-menu .page-additional-menu-close .overlay-toggle .menu-line-1,
.page-additional-menu .page-additional-menu-close .overlay-toggle .menu-line-2,
.page-additional-menu .page-additional-menu-close .overlay-toggle .menu-line-3 {
position: absolute;
height: 4px;
width: 100%;
left: 0;
-o-transition: all 0.5s, top .3s, height .3s;
-webkit-transition: all 0.5s, top .3s, height .3s;
transition: all 0.5s, top .3s, height .3s;
}
.page-additional-menu .page-additional-menu-close .overlay-toggle .menu-line-1,
.page-additional-menu .page-additional-menu-close .overlay-toggle .menu-line-2,
.page-additional-menu .page-additional-menu-close .overlay-toggle .menu-line-3 {
background-color: #ffffff;
}
#primary-navigation .overlay-toggle .menu-line-1,
#primary-navigation.overlay-active.close .overlay-toggle .menu-line-1 {
top: 3px;
transform: rotate(0);
}
#primary-navigation.overlay-active .overlay-toggle .menu-line-1,
.page-additional-menu .page-additional-menu-close .menu-line-1 {
transform: rotate(45deg);
top: 13px;
}
#primary-navigation .overlay-toggle .menu-line-2,
#primary-navigation.overlay-active.close .overlay-toggle .menu-line-2 {
top: 13px;
opacity: 1;
}
#primary-navigation.overlay-active .overlay-toggle .menu-line-2 {
opacity: 0;
}
.page-additional-menu .page-additional-menu-close .menu-line-2 {
opacity: 0;
}
#primary-navigation .overlay-toggle .menu-line-3,
#primary-navigation.overlay-active.close .overlay-toggle .menu-line-3 {
top: 23px;
transform: rotate(0);
}
#primary-navigation.overlay-active .overlay-toggle .menu-line-3,
.page-additional-menu .page-additional-menu-close .menu-line-3 {
top: 13px;
transform: rotate(-45deg);
}
#primary-navigation .overlay-toggle.toggle-size-small .menu-line-1,
#primary-navigation .overlay-toggle.toggle-size-small .menu-line-2,
#primary-navigation .overlay-toggle.toggle-size-small .menu-line-3 {
height: 2px;
width: 18px;
left: 9px;
}
#primary-navigation .overlay-toggle.toggle-size-small .menu-line-1,
#primary-navigation.overlay-active.close .overlay-toggle.toggle-size-small .menu-line-1 {
top: 8px;
}
#primary-navigation.overlay-active .overlay-toggle.toggle-size-small .menu-line-1 {
top: 13px;
}
#primary-navigation .overlay-toggle.toggle-size-small .menu-line-2,
#primary-navigation.overlay-active.close .overlay-toggle.toggle-size-small .menu-line-2 {
top: 13px;
}
#primary-navigation .overlay-toggle.toggle-size-small .menu-line-3,
#primary-navigation.overlay-active.close .overlay-toggle.toggle-size-small .menu-line-3 {
top: 18px;
}
#primary-navigation.overlay-active .overlay-toggle .menu-line-3 {
top: 13px;
}
@media (-webkit-device-pixel-ratio: 1.25) {
#primary-navigation .overlay-toggle.toggle-size-small .menu-line-1,
#primary-navigation .overlay-toggle.toggle-size-small .menu-line-2,
#primary-navigation .overlay-toggle.toggle-size-small .menu-line-3 {
height: 1.6px;
}
}
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu li.menu-item-search,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu li.menu-item-widgets,
.mobile-menu-layout-slide-horizontal #primary-navigation #primary-menu.no-responsive li.menu-item-widgets.mobile-only,
.mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu li.menu-item-search,
.mobile-menu-layout-slide-vertical #primary-navigation #primary-menu.no-responsive li.menu-item-widgets.mobile-only,
.mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu li.menu-item-search {
display: none;
}
.mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu li.menu-item-search,
.mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu li.menu-item-search {
display: inline-block;
position: static;
}
.header-layout-overlay #primary-menu.nav-menu.no-responsive li.menu-item-search,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu li.menu-item-search {
display: inline-block;
position: static;
vertical-align: top;
}
.mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu li.menu-item-language,
.mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu li.menu-item-cart,
.mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu li.menu-item-language,
.mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu li.menu-item-cart {
border: 0;
vertical-align: top;
}
.mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu > li.menu-item-language:not(.menu-item-has-children) a,
.mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu > li.menu-item-cart a,
.mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu > li.menu-item-language:not(.menu-item-has-children) a,
.mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu > li.menu-item-cart a {
background-color: transparent;
border: 0;
padding-right: 15px;
}
.mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu > li.menu-item-language a,
.mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu > li.menu-item-language a,
.mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu > li.menu-item-cart a,
.mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu > li.menu-item-cart a {
padding-top: 16px;
}
.mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu > li.menu-item-language:not(.menu-item-has-children) a,
.mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu > li.menu-item-language:not(.menu-item-has-children) a {
padding-right: 0;
}
.header-layout-overlay #primary-navigation:not(.responsive) .overlay-menu-wrapper,
.mobile-menu-layout-overlay #primary-navigation.responsive .overlay-menu-wrapper,
.page-additional-menu.header-layout-overlay .primary-navigation:not(.responsive) .overlay-menu-wrapper,
.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .overlay-menu-wrapper {
position: fixed;
visibility: hidden;
left: 0;
top: 60px;
bottom: auto;
width: 100%;
height: 0;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.header-layout-overlay #primary-navigation:not(.responsive) .overlay-menu-wrapper::-webkit-scrollbar,
.mobile-menu-layout-overlay #primary-navigation.responsive .overlay-menu-wrapper::-webkit-scrollbar,
.page-additional-menu.header-layout-overlay .primary-navigation:not(.responsive) .overlay-menu-wrapper::-webkit-scrollbar,
.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .overlay-menu-wrapper::-webkit-scrollbar {
width: 2px;
}
body.admin-bar .header-layout-overlay #primary-navigation:not(.responsive) .overlay-menu-wrapper,
body.admin-bar .mobile-menu-layout-overlay #primary-navigation.responsive .overlay-menu-wrapper,
body.admin-bar .page-additional-menu.header-layout-overlay .primary-navigation:not(.responsive) .overlay-menu-wrapper,
body.admin-bar .page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .overlay-menu-wrapper {
top: 90px;
}
.header-layout-overlay #primary-navigation:not(.responsive) .overlay-menu-wrapper.active,
.mobile-menu-layout-overlay #primary-navigation.responsive .overlay-menu-wrapper.active,
.page-additional-menu.header-layout-overlay .primary-navigation:not(.responsive) .overlay-menu-wrapper.active,
.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .overlay-menu-wrapper.active {
visibility: visible;
height: auto;
bottom: 0;
}
.header-layout-overlay #primary-navigation:not(.responsive) .overlay-menu-table,
.mobile-menu-layout-overlay #primary-navigation.responsive .overlay-menu-table,
.page-additional-menu.header-layout-overlay .primary-navigation:not(.responsive) .overlay-menu-table,
.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .overlay-menu-table {
display: table;
width: 100%;
height: 100%;
}
.header-layout-overlay :not(.responsive) .overlay-menu-row,
.mobile-menu-layout-overlay #primary-navigation.responsive .overlay-menu-row,
.page-additional-menu.header-layout-overlay :not(.responsive) .overlay-menu-row,
.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .overlay-menu-row {
display: table-row;
}
.header-layout-overlay :not(.responsive) .overlay-menu-cell,
.mobile-menu-layout-overlay #primary-navigation.responsive .overlay-menu-cell,
.page-additional-menu.header-layout-overlay :not(.responsive) .overlay-menu-cell,
.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .overlay-menu-cell {
display: table-cell;
vertical-align: middle;
}
.header-layout-overlay #primary-menu.nav-menu.no-responsive,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu,
.page-additional-menu.header-layout-overlay .nav-menu.no-responsive,
.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .nav-menu {
position: relative;
padding: 20px;
text-align: center;
}
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu,
.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .nav-menu {
background: transparent;
}
.header-layout-overlay #primary-menu.nav-menu.no-responsive,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu,
.page-additional-menu.header-layout-overlay .nav-menu.no-responsive,
.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .nav-menu {
width: 100%;
opacity: 0.4;
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transform: translateY(-10%) rotateX(35deg);
transform: translateY(-10%) rotateX(35deg);
-webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
transition: transform 0.5s, opacity 0.5s;
margin: 0;
display: block;
visibility: hidden;
}
.header-layout-overlay #primary-navigation.overlay-active #primary-menu.no-responsive,
.mobile-menu-layout-overlay #primary-navigation.responsive.overlay-active #primary-menu,
.page-additional-menu.header-layout-overlay .primary-navigation.overlay-active .nav-menu.no-responsive,
.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive.overlay-active .nav-menu {
visibility: visible;
opacity: 1;
-webkit-transform: rotateX(0);
transform: rotateX(0);
}
.header-layout-overlay #primary-navigation.overlay-active.close #primary-menu.no-responsive,
.mobile-menu-layout-overlay #primary-navigation.responsive.overlay-active.close #primary-menu,
.page-additional-menu.header-layout-overlay .primary-navigation.overlay-active.close .nav-menu.no-responsive,
.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive.overlay-active.close .nav-menu {
opacity: 0;
-webkit-transform: translateY(10%) rotateX(0);
transform: translateY(10%) rotateX(0);
}
.header-layout-overlay #primary-menu.nav-menu.no-responsive .menu-item-logo,
.header-layout-overlay #primary-navigation.responsive #primary-menu .menu-item-logo,
.page-additional-menu.header-layout-overlay .nav-menu.no-responsive .menu-item-logo,
.page-additional-menu.header-layout-overlay .primary-navigation.responsive .nav-menu .menu-item-logo {
display: none;
}
.header-layout-overlay #primary-menu.nav-menu.no-responsive,
.header-layout-overlay #primary-menu.nav-menu.no-responsive > li,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li,
.page-additional-menu.header-layout-overlay .nav-menu.no-responsive,
.page-additional-menu.header-layout-overlay .nav-menu.no-responsive > li,
.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .nav-menu,
.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .nav-menu > li {
display: block;
}
.header-layout-overlay #primary-menu.nav-menu.no-responsive > li,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li,
.page-additional-menu.header-layout-overlay .nav-menu.no-responsive > li,
.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .nav-menu > li {
padding: 0;
}
.header-layout-overlay.logo-position-left #primary-menu.no-responsive > li,
.mobile-menu-layout-overlay .logo-position-left #primary-navigation.responsive #primary-menu > li,
.page-additional-menu.header-layout-overlay.logo-position-left .nav-menu.no-responsive > li,
.page-additional-menu.mobile-menu-layout-overlay .logo-position-left .primary-navigation.responsive .nav-menu > li {
padding-left: 0;
}
.header-layout-overlay.logo-position-right #primary-menu.no-responsive > li,
.mobile-menu-layout-overlay .logo-position-right #primary-navigation.responsive #primary-menu > li,
.page-additional-menu.header-layout-overlay.logo-position-right .nav-menu.no-responsive > li,
.page-additional-menu.mobile-menu-layout-overlay .logo-position-right .primary-navigation.responsive .nav-menu > li {
padding-left: 0;
}
.header-layout-overlay #primary-menu.nav-menu.no-responsive > li > a,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li > a,
.page-additional-menu.header-layout-overlay .nav-menu.no-responsive > li > a,
.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .nav-menu > li > a {
padding: 0 !important;
}
.header-layout-overlay #primary-menu.nav-menu.no-responsive > li > a {
background-color: transparent !important;
border: 0 none !important;
}
.header-layout-overlay #primary-menu.nav-menu.no-responsive > li.menu-item-current,
.header-layout-overlay #primary-menu.nav-menu.no-responsive > li.menu-item-active,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li.menu-item-current,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li.menu-item-active,
.page-additional-menu.header-layout-overlay .nav-menu.no-responsive > li.menu-item-current,
.page-additional-menu.header-layout-overlay .nav-menu.no-responsive > li.menu-item-active,
.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .nav-menu > li.menu-item-current,
.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .nav-menu > li.menu-item-active {
padding: 0;
}
.header-layout-overlay #primary-menu.nav-menu.no-responsive > li.menu-item-current > a,
.header-layout-overlay #primary-menu.nav-menu.no-responsive > li.menu-item-active > a {
padding-top: 0;
padding-bottom: 0;
border-bottom: 0;
}
.header-layout-overlay #primary-menu.nav-menu.no-responsive > li > a,
.header-layout-overlay #primary-menu.nav-menu.no-responsive > li:not(.menu-item-type-template) li > a,
#site-header.fixed.shrink .header-layout-overlay #primary-menu.nav-menu.no-responsive > li > a,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li.menu-item-current > a,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li.menu-item-active > a,
#site-header.fixed.shrink.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li.menu-item-current > a,
#site-header.fixed.shrink.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li.menu-item-active > a,
.page-additional-menu.header-layout-overlay .nav-menu.no-responsive > li.menu-item-current > a,
.page-additional-menu.header-layout-overlay .nav-menu.no-responsive > li.menu-item-active > a,
#site-header.fixed.shrink .page-additional-menu.header-layout-overlay .nav-menu.no-responsive > li.menu-item-current > a,
#site-header.fixed.shrink .page-additional-menu.header-layout-overlay .nav-menu.no-responsive > li.menu-item-active > a,
.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .nav-menu > li.menu-item-current > a,
.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .nav-menu > li.menu-item-active > a,
#site-header.fixed.shrink.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .nav-menu > li.menu-item-current > a,
#site-header.fixed.shrink.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .nav-menu > li.menu-item-active > a {
display: inline-block;
padding-top: 0;
padding-bottom: 0 !important;
}
.header-style-3.header-layout-overlay #primary-menu.nav-menu.no-responsive > li.menu-item-current > a,
.header-style-3.header-layout-overlay #primary-menu.nav-menu.no-responsive > li.menu-item-active > a,
.header-style-4.header-layout-overlay #primary-menu.nav-menu.no-responsive > li.menu-item-current > a,
.header-style-4.header-layout-overlay #primary-menu.nav-menu.no-responsive > li.menu-item-active > a,
.mobile-menu-layout-overlay .header-style-3 #primary-navigation.responsive #primary-menu > li.menu-item-current > a,
.mobile-menu-layout-overlay .header-style-3 #primary-navigation.responsive #primary-menu > li.menu-item-active > a,
.mobile-menu-layout-overlay .header-style-4 #primary-navigation.responsive #primary-menu > li.menu-item-current > a,
.mobile-menu-layout-overlay .header-style-4 #primary-navigation.responsive #primary-menu > li.menu-item-active > a {
border: 0 none;
}
.header-layout-overlay #primary-menu.nav-menu.no-responsive > li > ul,
.header-layout-overlay #primary-menu.nav-menu.no-responsive > li > ul ul,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li > ul,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li > ul ul,
.page-additional-menu.header-layout-overlay .nav-menu.no-responsive > li > ul,
.page-additional-menu.header-layout-overlay .nav-menu.no-responsive > li > ul ul,
.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .nav-menu > li > ul,
.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .nav-menu > li > ul ul {
position: relative;
width: auto;
top: auto;
bottom: auto;
left: auto;
right: auto;
margin: 0;
-webkit-transform: none;
transform: none;
height: 0;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.5s !important;
transition: all 0.5s !important;
box-sizing: border-box;
text-transform: uppercase;
overflow: hidden;
}
.page-additional-menu.header-layout-overlay .nav-menu.no-responsive a,
.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .nav-menu a {
display: inline-block;
}
.page-additional-menu.header-layout-overlay .nav-menu.no-responsive > li > a,
.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .nav-menu > li > a {
text-transform: uppercase;
}
.header-layout-overlay #primary-navigation:not(.overlay-active) #primary-menu.no-responsive ul,
.mobile-menu-layout-overlay #primary-navigation.responsive:not(.overlay-active) #primary-menu ul,
.page-additional-menu.header-layout-overlay .primary-navigation:not(.overlay-active) .nav-menu.no-responsive ul,
.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive:not(.overlay-active) .nav-menu ul {
display: none;
}
.header-layout-overlay #primary-menu.nav-menu.no-responsive li.menu-overlay-item-open > ul,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu li.menu-overlay-item-open > ul,
.page-additional-menu.header-layout-overlay .nav-menu.no-responsive li.menu-overlay-item-open > ul,
.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .nav-menu li.menu-overlay-item-open > ul {
opacity: 1;
height: auto;
visibility: visible;
}
.header-layout-overlay #primary-menu.nav-menu.no-responsive li.menu-overlay-item-open > ul,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu li.menu-overlay-item-open > ul,
.page-additional-menu.header-layout-overlay .nav-menu.no-responsive li.menu-overlay-item-open > ul,
.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .nav-menu li.menu-overlay-item-open > ul {
margin-top: 40px;
}
.header-layout-overlay #primary-menu.nav-menu.no-responsive li.menu-overlay-item-open:not(:last-child) > ul,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu li.menu-overlay-item-open:not(:last-child) > ul,
.page-additional-menu.header-layout-overlay .nav-menu.no-responsive li.menu-overlay-item-open:not(:last-child) > ul,
.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .nav-menu li.menu-overlay-item-open:not(:last-child) > ul {
margin-bottom: 40px;
}
.header-layout-overlay #primary-menu.nav-menu.no-responsive > li:not(.menu-item-type-template) li > a,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li li > a,
.page-additional-menu.header-layout-overlay .nav-menu.no-responsive > li li > a,
.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .nav-menu > li li > a {
padding: 0 !important;
}
.header-layout-overlay #primary-navigation #primary-menu.no-responsive > li ul,
.header-layout-overlay #primary-navigation #primary-menu.no-responsive > li li,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu.responsive > li ul,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu.responsive > li li,
.page-additional-menu.header-layout-overlay .primary-navigation .nav-menu.no-responsive > li ul,
.page-additional-menu.header-layout-overlay .primary-navigation .nav-menu.no-responsive > li li,
.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .nav-menu.responsive > li ul,
.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .nav-menu.responsive > li li {
border: 0 none;
}
.header-layout-overlay #primary-navigation #primary-menu.no-responsive > li li > a,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li li > a,
.page-additional-menu.header-layout-overlay .primary-navigation .nav-menu.no-responsive > li li > a,
.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .nav-menu > li li > a {
background-color: transparent;
border: 0 none;
}
.header-layout-overlay #primary-menu.nav-menu.no-responsive li li.menu-item-current > a,
.header-layout-overlay #primary-menu.nav-menu.no-responsive li li.menu-item-active > a,
.header-layout-overlay #primary-menu.nav-menu.no-responsive li li:hover > a,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu li li.menu-item-current > a,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu li li.menu-item-active > a,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu li li:hover > a,
.page-additional-menu.header-layout-overlay .nav-menu.no-responsive li li.menu-item-current > a,
.page-additional-menu.header-layout-overlay .nav-menu.no-responsive li li.menu-item-active > a,
.page-additional-menu.header-layout-overlay .nav-menu.no-responsive li li:hover > a,
.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .nav-menu li li.menu-item-current > a,
.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .nav-menu li li.menu-item-active > a,
.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .nav-menu li li:hover > a {
border: 0 none;
}
.header-layout-overlay #primary-menu.nav-menu.no-responsive > li:not(.menu-item-type-template) li > a:after,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li li > a:after,
.page-additional-menu.header-layout-overlay .nav-menu.no-responsive > li li > a:after,
.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .nav-menu > li li > a:after {
display: none;
}
.header-layout-overlay.logo-position-right #primary-menu.no-responsive li li.menu-item-current > a,
.header-layout-overlay.logo-position-right #primary-menu.no-responsive li li.menu-item-active > a,
.header-layout-overlay.logo-position-right #primary-menu.no-responsive li li:hover > a,
.mobile-menu-layout-overlay .logo-position-right #primary-navigation.responsive #primary-menu li li.menu-item-current > a,
.mobile-menu-layout-overlay .logo-position-right #primary-navigation.responsive #primary-menu li li.menu-item-active > a,
.mobile-menu-layout-overlay .logo-position-right #primary-navigation.responsive #primary-menu li li:hover > a,
.page-additional-menu.header-layout-overlay.logo-position-right .nav-menu.no-responsive li li.menu-item-current > a,
.page-additional-menu.header-layout-overlay.logo-position-right .nav-menu.no-responsive li li.menu-item-active > a,
.page-additional-menu.header-layout-overlay.logo-position-right .nav-menu.no-responsive li li:hover > a,
.page-additional-menu.mobile-menu-layout-overlay .logo-position-right .primary-navigation.responsive .nav-menu li li.menu-item-current > a,
.page-additional-menu.mobile-menu-layout-overlay .logo-position-right .primary-navigation.responsive .nav-menu li li.menu-item-active > a,
.page-additional-menu.mobile-menu-layout-overlay .logo-position-right .primary-navigation.responsive .nav-menu li li:hover > a {
padding: 0;
}
.header-layout-overlay.logo-position-left #primary-menu.no-responsive > li:not(.menu-item-type-template) li.menu-item-current > a,
.header-layout-overlay.logo-position-left #primary-menu.no-responsive > li:not(.menu-item-type-template) li.menu-item-active > a,
.header-layout-overlay.logo-position-left #primary-menu.no-responsive > li:not(.menu-item-type-template) li:hover > a,
.mobile-menu-layout-overlay .logo-position-left #primary-navigation.responsive #primary-menu li li.menu-item-current > a,
.mobile-menu-layout-overlay .logo-position-left #primary-navigation.responsive #primary-menu li li.menu-item-active > a,
.mobile-menu-layout-overlay .logo-position-left #primary-navigation.responsive #primary-menu li li:hover > a,
.page-additional-menu.header-layout-overlay.logo-position-left .nav-menu.no-responsive > li:not(.menu-item-type-template) li.menu-item-current > a,
.page-additional-menu.header-layout-overlay.logo-position-left .nav-menu.no-responsive > li:not(.menu-item-type-template) li.menu-item-active > a,
.page-additional-menu.header-layout-overlay.logo-position-left .nav-menu.no-responsive > li:not(.menu-item-type-template) li:hover > a,
.page-additional-menu.mobile-menu-layout-overlay .logo-position-left .primary-navigation.responsive .nav-menu li li.menu-item-current > a,
.page-additional-menu.mobile-menu-layout-overlay .logo-position-left .primary-navigation.responsive .nav-menu li li.menu-item-active > a,
.page-additional-menu.mobile-menu-layout-overlay .logo-position-left .primary-navigation.responsive .nav-menu li li:hover > a {
padding: 0;
}
.header-layout-overlay #primary-navigation #primary-menu.no-responsive li.menu-item-has-children > .menu-item-parent-toggle,
.page-additional-menu.header-layout-overlay #primary-navigation #primary-menu.no-responsive li.menu-item-has-children > .menu-item-parent-toggle {
display: inline-block;
vertical-align: top;
position: relative;
}
.header-layout-overlay #primary-navigation #primary-menu.no-responsive li.menu-item-has-children > .menu-item-parent-toggle:before,
.page-additional-menu.header-layout-overlay #primary-navigation #primary-menu.no-responsive li.menu-item-has-children > .menu-item-parent-toggle:before {
content: '\e635';
display: inline-block;
font-family: 'thegem-icons';
font-style: normal;
cursor: pointer;
-o-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 49%;
position: absolute;
left: 5px;
top: 0;
}
.header-layout-overlay #primary-navigation #primary-menu.no-responsive li.menu-overlay-item-open > .menu-item-parent-toggle:before,
.page-additional-menu.header-layout-overlay #primary-navigation #primary-menu.no-responsive li.menu-overlay-item-open > .menu-item-parent-toggle:before {
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.header-layout-overlay #primary-navigation .hamburger-minicart {
-o-transition: opacity 0.5s;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.header-layout-overlay #primary-navigation.overlay-active:not(.close) .hamburger-minicart {
opacity: 0;
}
.header-layout-overlay #primary-menu.nav-menu.no-responsive.hamburger-with-template {
padding: 0;
overflow-y: auto;
}
.header-layout-overlay #primary-menu.nav-menu.no-responsive.hamburger-with-template > li {
display: none;
}
.header-layout-overlay #primary-menu.nav-menu.no-responsive.hamburger-with-template > li.menu-item-type-template {
display: block !important;
padding: 0 21px;
text-align: left;
font-size: var(--thegem-to-body-font-size);
white-space: normal;
}
.mobile-menu-layout-overlay .primary-navigation.responsive li.menu-item-parent > a:after,
.mobile-menu-layout-overlay .primary-navigation.responsive li.menu-item-parent > span > a:after {
display: none;
}
.mobile-menu-layout-overlay .primary-navigation.responsive ul {
border: 0;
}
.mobile-menu-layout-overlay #primary-navigation.responsive li a,
.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive li a {
text-transform: uppercase;
}
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu li,
.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .nav-menu li {
position: relative;
width: auto !important;
}
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu li.menu-item-has-children .menu-item-parent-toggle,
.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .nav-menu li.menu-item-has-children .menu-item-parent-toggle {
display: block;
position: absolute;
top: 0;
right: -5px;
text-align: center;
}
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu li.menu-item-has-children .menu-item-parent-toggle:before,
.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .nav-menu li.menu-item-has-children .menu-item-parent-toggle:before {
content: '\e635';
display: inline-block;
font-family: 'thegem-icons';
font-style: normal;
cursor: pointer;
-o-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s;
-webkit-transform-origin: 50% 50%;
transform-origin: 51% 51%;
margin-left: -1px;
font-size: 24px;
line-height: 48px;
}
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu li.menu-overlay-item-open > .menu-item-parent-toggle:before,
.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .nav-menu li.menu-overlay-item-open > .menu-item-parent-toggle:before {
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.menu-overlay {
visibility: hidden;
opacity: 0;
background-color: #212331;
position: fixed;
z-index: 6;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.menu-overlay.active {
visibility: visible;
opacity: 0.96;
}
@media (max-width: 767px) {
#site-header .header-main {
position: relative;
display: table;
width: 100%;
z-index: 11;
}
#primary-navigation .menu-toggle,
#perspective-menu-buttons .menu-toggle {
display: inline-block;
vertical-align: middle;
}
#perspective-menu-buttons .perspective-toggle {
display: none;
}
#primary-navigation .hamburger-toggle,
#primary-navigation .overlay-toggle {
display: none;
}
}
#site-header #primary-navigation.responsive {
position: static;
}
#primary-navigation .menu-toggle,
#perspective-menu-buttons .menu-toggle,
#perspective-menu-buttons .perspective-toggle {
border: none;
width: 36px;
height: 30px;
text-indent: 100%;
font-size: 0;
line-height: 0;
overflow: hidden;
position: relative;
cursor: pointer;
outline: none;
background: transparent;
padding: 0;
}
#perspective-menu-buttons .perspective-toggle {
margin-top: 35px;
margin-bottom: 35px;
-o-transition: width .3s, height .2s;
-webkit-transition: width .3s, height .2s;
transition: width .3s, height .2s;
}
.mobile-menu-layout-overlay #primary-navigation.overlay-active .menu-toggle,
.mobile-menu-layout-overlay #perspective-menu-buttons.overlay-active .menu-toggle {
z-index: 2;
}
#primary-navigation .menu-toggle .menu-line-1,
#primary-navigation .menu-toggle .menu-line-2,
#primary-navigation .menu-toggle .menu-line-3,
#perspective-menu-buttons .menu-toggle .menu-line-1,
#perspective-menu-buttons .menu-toggle .menu-line-2,
#perspective-menu-buttons .menu-toggle .menu-line-3,
#perspective-menu-buttons .perspective-toggle .menu-line-1,
#perspective-menu-buttons .perspective-toggle .menu-line-2,
#perspective-menu-buttons .perspective-toggle .menu-line-3 {
position: absolute;
height: 4px;
width: 100%;
left: 0;
background: #3c3950;
-webkit-transition: all 0.5s, top .3s, height .3s;
transition: all 0.5s, top .3s, height .3s;
}
#site-header:not(.shrink) .header-colors-light #perspective-menu-buttons .menu-toggle .menu-line-1,
#site-header:not(.shrink) .header-colors-light #perspective-menu-buttons .menu-toggle .menu-line-2,
#site-header:not(.shrink) .header-colors-light #perspective-menu-buttons .menu-toggle .menu-line-3,
#site-header:not(.shrink) .header-colors-light #primary-navigation .menu-toggle > span {
background: #ffffff;
}
#primary-navigation .menu-toggle .menu-line-1,
#perspective-menu-buttons .menu-toggle .menu-line-1,
#perspective-menu-buttons .perspective-toggle .menu-line-1 {
top: 3px;
}
#primary-navigation .menu-toggle .menu-line-2,
#perspective-menu-buttons .menu-toggle .menu-line-2,
#perspective-menu-buttons .perspective-toggle .menu-line-2 {
top: 13px;
}
#primary-navigation .menu-toggle .menu-line-3,
#perspective-menu-buttons .menu-toggle .menu-line-3,
#perspective-menu-buttons .perspective-toggle .menu-line-3 {
top: 23px;
}
#primary-navigation .menu-toggle .menu-line-1,
#primary-navigation .menu-toggle .menu-line-2,
#primary-navigation .menu-toggle .menu-line-3,
#perspective-menu-buttons .menu-toggle .menu-line-1,
#perspective-menu-buttons .menu-toggle .menu-line-2,
#perspective-menu-buttons .menu-toggle .menu-line-3 {
height: 2px;
width: 18px;
left: 9px;
}
#primary-navigation .menu-toggle .menu-line-1,
#perspective-menu-buttons .menu-toggle .menu-line-1 {
top: 9px;
}
#primary-navigation .menu-toggle .menu-line-2,
#perspective-menu-buttons .menu-toggle .menu-line-2 {
top: 14px;
}
#primary-navigation .menu-toggle .menu-line-3,
#perspective-menu-buttons .menu-toggle .menu-line-3 {
top: 19px;
}
@media (max-width: 767px) {
#perspective-menu-buttons .hamburger-minicart {
display: none;
}
}
.mobile-menu-layout-overlay .primary-navigation .menu-toggle,
.mobile-menu-layout-overlay .primary-navigation .menu-toggle .menu-line-1,
.mobile-menu-layout-overlay .primary-navigation .menu-toggle .menu-line-2,
.mobile-menu-layout-overlay .primary-navigation .menu-toggle .menu-line-3,
.mobile-menu-layout-overlay #perspective-menu-buttons .menu-toggle,
.mobile-menu-layout-overlay #perspective-menu-buttons .menu-toggle .menu-line-1,
.mobile-menu-layout-overlay #perspective-menu-buttons .menu-toggle .menu-line-2,
.mobile-menu-layout-overlay #perspective-menu-buttons .menu-toggle .menu-line-3 {
-o-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.mobile-menu-layout-overlay #primary-navigation.overlay-active .menu-toggle .menu-line-1,
.mobile-menu-layout-overlay #perspective-menu-buttons.overlay-active .menu-toggle .menu-line-1 {
transform: rotate(45deg);
top: 13px;
}
.mobile-menu-layout-overlay #primary-navigation.overlay-active .menu-toggle .menu-line-2,
.mobile-menu-layout-overlay #perspective-menu-buttons.overlay-active .menu-toggle .menu-line-2 {
opacity: 0;
}
.mobile-menu-layout-overlay #primary-navigation.overlay-active .menu-toggle .menu-line-3,
.mobile-menu-layout-overlay #perspective-menu-buttons.overlay-active .menu-toggle .menu-line-3 {
top: 13px;
transform: rotate(-45deg);
}
.mobile-menu-layout-overlay #primary-navigation.overlay-active.close .menu-toggle .menu-line-1,
.mobile-menu-layout-overlay #perspective-menu-buttons.overlay-active.close .menu-toggle .menu-line-1 {
top: 3px;
transform: rotate(0);
}
.mobile-menu-layout-overlay #primary-navigation.overlay-active.close .menu-toggle .menu-line-2,
.mobile-menu-layout-overlay #perspective-menu-buttons.overlay-active.close .menu-toggle .menu-line-2 {
opacity: 1;
}
.mobile-menu-layout-overlay #primary-navigation.overlay-active.close .menu-toggle .menu-line-3,
.mobile-menu-layout-overlay #perspective-menu-buttons.overlay-active.close .menu-toggle .menu-line-3 {
top: 23px;
transform: rotate(0);
}
#perspective-menu-buttons .perspective-toggle.toggle-size-small .menu-line-1,
#perspective-menu-buttons .perspective-toggle.toggle-size-small .menu-line-2,
#perspective-menu-buttons .perspective-toggle.toggle-size-small .menu-line-3 {
height: 2px;
width: 18px;
left: 9px;
}
#perspective-menu-buttons .perspective-toggle.toggle-size-small .menu-line-1 {
top: 8px;
}
#perspective-menu-buttons .perspective-toggle.toggle-size-small .menu-line-2 {
top: 13px;
}
#perspective-menu-buttons .perspective-toggle.toggle-size-small .menu-line-3 {
top: 18px;
}
@media (max-width: 767px) {
.mobile-menu-layout-overlay #primary-navigation.overlay-active.close .menu-toggle .menu-line-1,
.mobile-menu-layout-overlay #perspective-menu-buttons.overlay-active.close .menu-toggle .menu-line-1 {
top: 9px;
}
.mobile-menu-layout-overlay #primary-navigation.overlay-active.close .menu-toggle .menu-line-3,
.mobile-menu-layout-overlay #perspective-menu-buttons.overlay-active.close .menu-toggle .menu-line-3 {
top: 19px;
}
}
@media (-webkit-device-pixel-ratio: 1.25) {
#perspective-menu-buttons .perspective-toggle.toggle-size-small .menu-line-1,
#perspective-menu-buttons .perspective-toggle.toggle-size-small .menu-line-2,
#perspective-menu-buttons .perspective-toggle.toggle-size-small .menu-line-3 {
height: 1.6px;
}
} #site-header .primary-navigation.responsive {
padding: 15px 0;
vertical-align: middle;
}
.mobile-menu-layout-default .primary-navigation.responsive ul,
.mobile-menu-layout-overlay .primary-navigation.responsive #primary-menu ul,
.page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .nav-menu ul {
padding: 0 !important;
background: none !important;
list-style: none;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.mobile-menu-layout-default .primary-navigation.responsive li {
position: relative;
width: auto !important;
}
.mobile-menu-layout-default .primary-navigation.responsive li a {
display: block;
position: relative;
padding: 16px 30px;
outline: none;
}
.mobile-menu-layout-default .primary-navigation.responsive li .mega-label,
.mobile-menu-layout-slide-vertical .primary-navigation.responsive li .mega-label,
.mobile-menu-layout-slide-horizontal .primary-navigation.responsive li .mega-label {
display: none;
}
.mobile-menu-layout-default .primary-navigation.responsive li.dl-back,
.mobile-menu-layout-default .primary-navigation.responsive li.dl-parent {
text-align: right;
}
.mobile-menu-layout-default .primary-navigation.responsive li.dl-back > a,
.mobile-menu-layout-default .primary-navigation.responsive li.dl-parent > a {
padding-left: 30px;
} .mobile-menu-layout-default .primary-navigation.responsive li.dl-back:after,
.mobile-menu-layout-default .primary-navigation.responsive li.menu-item-parent > a:after,
.mobile-menu-layout-default .primary-navigation.responsive li.menu-item-parent > span > a:after,
.mobile-menu-layout-default .primary-navigation.responsive li.dl-parent > a:after {
position: absolute;
width: 9px;
height: 16px;
right: 20px;
top: 50%;
margin-top: -8px;
font-weight: normal;
font-family: 'thegem-icons';
font-style: normal;
content: '\e601';
font-size: 16px;
line-height: 16px;
}
.mobile-menu-layout-default .primary-navigation.responsive li.dl-back:after {
right: auto;
left: 20px;
content: '\e603';
}
.mobile-menu-layout-default .primary-navigation.responsive li.dl-parent > a:after {
right: auto;
left: 20px;
}
.mobile-menu-layout-default .primary-navigation.responsive .dl-menu {
margin: 0;
position: absolute;
left: 0;
right: 0;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(10px);
transform: translateY(10px);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
text-align: left;
top: 100%;
overflow-x: hidden;
overflow-y: auto;
}
@media (max-width: 767px) {
.mobile-menu-layout-default .primary-navigation .dl-menu {
position: absolute;
left: 0;
right: 0;
opacity: 0;
}
.mobile-menu-layout-overlay .header-main:not(.header-layout-overlay) #primary-navigation:not(.responsive) .overlay-menu-wrapper,
.page-additional-menu.mobile-menu-layout-overlay:not(.header-layout-overlay) .primary-navigation:not(.responsive) .overlay-menu-wrapper {
visibility: hidden;
height: 0;
width: 0;
}
.mobile-menu-layout-slide-horizontal #primary-navigation:not(.responsive) .mobile-menu-slide-wrapper,
.mobile-menu-layout-slide-vertical #primary-navigation:not(.responsive) .mobile-menu-slide-wrapper {
visibility: hidden;
height: 0;
width: 0;
}
}
.mobile-menu-layout-default .primary-navigation.responsive .dl-menu.dl-menu-toggle {
transition: all 0.3s ease;
}
.mobile-menu-layout-default .primary-navigation.responsive .dl-menu.dl-menuopen {
opacity: 1;
pointer-events: auto;
-webkit-transform: translateY(0px);
transform: translateY(0px);
} .mobile-menu-layout-default .primary-navigation.responsive li .dl-submenu {
display: none;
} .mobile-menu-layout-default .primary-navigation.responsive .dl-menu.dl-subview li,
.mobile-menu-layout-default .primary-navigation.responsive .dl-menu.dl-subview li.dl-subviewopen > a,
.mobile-menu-layout-default .primary-navigation.responsive .dl-menu.dl-subview li.dl-subview > a,
.mobile-menu-layout-default .primary-navigation.responsive .dl-menu.dl-subview li.dl-subviewopen > span,
.mobile-menu-layout-default .primary-navigation.responsive .dl-menu.dl-subview li.dl-subview > span {
display: none;
}
.mobile-menu-layout-default .primary-navigation.responsive .dl-menu.dl-subview li.dl-subview,
.mobile-menu-layout-default .primary-navigation.responsive .dl-menu.dl-subview li.dl-subview .dl-submenu,
.mobile-menu-layout-default .primary-navigation.responsive .dl-menu.dl-subview li.dl-subviewopen,
.mobile-menu-layout-default .primary-navigation.responsive .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
.mobile-menu-layout-default .primary-navigation.responsive .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
display: block;
} .mobile-menu-layout-default .primary-navigation.responsive .dl-menu + .dl-submenu {
position: absolute;
width: 100% !important;
left: 0;
margin: 0;
top: 100%;
margin-top: -15px;
}
.mobile-menu-layout-default .primary-navigation.responsive .dl-menu + .dl-submenu:before {
content: '';
position: absolute;
bottom: -3px;
left: -3px;
right: -3px;
height: 3px;
} .dl-menu.dl-animate-out {
-webkit-animation: MenuAnimOut 0.4s;
animation: MenuAnimOut 0.4s;
}
@-webkit-keyframes MenuAnimOut {
0% { }
50% {
-webkit-transform: translateZ(-250px) rotateY(30deg);
}
75% {
-webkit-transform: translateZ(-372.5px) rotateY(15deg);
opacity: .5;
}
100% {
-webkit-transform: translateZ(-500px) rotateY(0deg);
opacity: 0;
}
}
@keyframes MenuAnimOut {
0% { }
50% {
-webkit-transform: translateZ(-250px) rotateY(30deg);
transform: translateZ(-250px) rotateY(30deg);
}
75% {
-webkit-transform: translateZ(-372.5px) rotateY(15deg);
transform: translateZ(-372.5px) rotateY(15deg);
opacity: .5;
}
100% {
-webkit-transform: translateZ(-500px) rotateY(0deg);
transform: translateZ(-500px) rotateY(0deg);
opacity: 0;
}
}
.dl-menu.dl-animate-in {
-webkit-animation: MenuAnimIn 0.3s;
animation: MenuAnimIn 0.3s;
}
@-webkit-keyframes MenuAnimIn {
0% {
-webkit-transform: translateZ(-500px) rotateY(0deg);
opacity: 0;
}
20% {
-webkit-transform: translateZ(-250px) rotateY(30deg);
opacity: 0.5;
}
100% {
-webkit-transform: translateZ(0px) rotateY(0deg);
opacity: 1;
}
}
@keyframes MenuAnimIn {
0% {
-webkit-transform: translateZ(-500px) rotateY(0deg);
transform: translateZ(-500px) rotateY(0deg);
opacity: 0;
}
20% {
-webkit-transform: translateZ(-250px) rotateY(30deg);
transform: translateZ(-250px) rotateY(30deg);
opacity: 0.5;
}
100% {
-webkit-transform: translateZ(0px) rotateY(0deg);
transform: translateZ(0px) rotateY(0deg);
opacity: 1;
}
}
.mobile-menu-layout-default .primary-navigation.responsive .dl-menu + .dl-submenu.dl-animate-in {
-webkit-animation: SubMenuAnimIn 0.4s ease;
animation: SubMenuAnimIn 0.4s ease;
}
@-webkit-keyframes SubMenuAnimIn {
0% {
-webkit-transform: translateX(50%);
opacity: 0;
}
100% {
-webkit-transform: translateX(0px);
opacity: 1;
}
}
@keyframes SubMenuAnimIn {
0% {
-webkit-transform: translateX(50%);
transform: translateX(50%);
opacity: 0;
}
100% {
-webkit-transform: translateX(0px);
transform: translateX(0px);
opacity: 1;
}
}
.mobile-menu-layout-default .primary-navigation.responsive .dl-menu + .dl-submenu.dl-animate-out {
-webkit-animation: SubMenuAnimOut 0.4s ease;
animation: SubMenuAnimOut 0.4s ease;
}
@-webkit-keyframes SubMenuAnimOut {
0% {
-webkit-transform: translateX(0%);
opacity: 1;
}
100% {
-webkit-transform: translateX(50%);
opacity: 0;
}
}
@keyframes SubMenuAnimOut {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
opacity: 1;
}
100% {
-webkit-transform: translateX(50%);
transform: translateX(50%);
opacity: 0;
}
} .no-js .primary-navigation .dl-menu {
position: relative;
opacity: 1;
-webkit-transform: none;
transform: none;
}
.no-js .primary-navigation li .dl-submenu {
display: block;
}
.no-js .primary-navigation li.dl-back {
display: none;
}
.no-js .primary-navigation li > a:not(:only-child):after {
content: '';
}
#primary-navigation .hamburger-toggle > span,
#primary-navigation .overlay-toggle > span,
#primary-navigation.overlay-active.close .overlay-toggle > span,
#perspective-menu-buttons.primary-navigation .perspective-toggle span,
#page.vertical-header .vertical-toggle > span,
#thegem-perspective #primary-navigation .perspective-menu-close:before,
#thegem-perspective #primary-navigation .perspective-menu-close:after {
background-color: #3c3950;
}
.hamburger-minicart > a,
.hamburger-minicart:hover > a {
color: #3c3950;
}
#site-header:not(.shrink) .header-colors-light #primary-navigation .hamburger-toggle > span,
#site-header:not(.shrink) .header-colors-light #primary-navigation:not(.overlay-active) .overlay-toggle > span,
#site-header:not(.shrink) .header-colors-light #primary-navigation.overlay-active.close .overlay-toggle > span,
#site-header:not(.shrink) .header-colors-light #perspective-menu-buttons.primary-navigation .perspective-toggle span {
background-color: #ffffff;
}
#site-header:not(.shrink) .header-colors-light .hamburger-minicart > a,
#site-header:not(.shrink) .header-colors-light .hamburger-minicart:hover > a {
color: #ffffff;
} #primary-menu.no-responsive > li > ul.submenu-languages {
list-style: none;
padding: 0;
width: auto;
}
#primary-navigation.no-responsive .menu-item-language a {
text-align: center;
}
.menu-item.menu-item-language img.iclflag {
position: relative;
margin-right: 0;
width: 19px !important;
height: 13px !important;
} #primary-menu.no-responsive > li.menu-item-language > a {
padding-right: 8px !important;
}
#primary-menu.no-responsive > li.menu-item-language > a:before {
display: none;
}
#primary-menu.no-responsive > li.menu-item-search > a {
padding-left: 10px !important;
padding-right: 3px !important;
}
#primary-menu.no-responsive > li.menu-item-cart > a {
padding-left: 7px !important;
}
#page.vertical-header #primary-menu.no-responsive > li.menu-item-cart > a {
padding-left: 0px !important;
}
.header-style-3 #primary-menu.no-responsive > li.menu-item-language > a,
.header-style-4 #primary-menu.no-responsive > li.menu-item-language > a {
padding-right: 9px !important;
}
.header-style-3 #primary-menu.no-responsive > li.menu-item-search > a,
.header-style-4 #primary-menu.no-responsive > li.menu-item-search > a {
padding-left: 7px !important;
padding-right: 3px !important;
}
.header-style-3 #primary-menu.no-responsive > li.menu-item-cart > a,
.header-style-4 #primary-menu.no-responsive > li.menu-item-cart > a,
.header-style-3 .hamburger-minicart > a,
.header-style-4 .hamburger-minicart > a {
padding-left: 2px !important;
}
.header-layout-perspective .hamburger-minicart > a,
.header-style-3.header-layout-overlay .hamburger-minicart > a,
.header-style-4.header-layout-overlay .hamburger-minicart > a {
padding: 0 !important;
} .mobile-menu-layout-slide-horizontal #primary-navigation.responsive .mobile-menu-slide-wrapper,
.mobile-menu-layout-slide-vertical #primary-navigation.responsive .mobile-menu-slide-wrapper {
position: fixed;
overflow-y: auto;
padding-top: 75px;
z-index: 1003;
-webkit-overflow-scrolling: touch;
opacity: 0;
}
.mobile-menu-layout-slide-horizontal #primary-navigation.responsive .mobile-menu-slide-wrapper #primary-menu,
.mobile-menu-layout-slide-vertical #primary-navigation.responsive .mobile-menu-slide-wrapper #primary-menu {
padding-bottom: 30px;
}
.mobile-menu-slide-wrapper .mobile-menu-slide-close {
display: none;
}
#primary-navigation.responsive .mobile-menu-slide-wrapper .mobile-menu-slide-close {
display: block;
border: none;
width: 36px;
height: 30px;
text-indent: 100%;
font-size: 0;
line-height: 0;
overflow: hidden;
position: absolute;
right: 19px;
top: 20px;
cursor: pointer;
outline: none;
background: transparent;
padding: 0;
}
#primary-navigation.responsive .mobile-menu-slide-wrapper .mobile-menu-slide-close:before,
#primary-navigation.responsive .mobile-menu-slide-wrapper .mobile-menu-slide-close:after {
display: block;
content: '';
position: absolute;
height: 4px;
width: 100%;
left: 0;
}
#primary-navigation.responsive .mobile-menu-slide-wrapper .mobile-menu-slide-close:before {
transform: rotate(45deg);
top: 13px;
}
#primary-navigation.responsive .mobile-menu-slide-wrapper .mobile-menu-slide-close:after {
top: 13px;
transform: rotate(-45deg);
}
.mobile-menu-layout-slide-horizontal #primary-navigation.responsive .mobile-menu-slide-wrapper.left {
left: 0;
top: 0;
width: 350px;
height: 100vh;
max-width: 100vw;
-o-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
.mobile-menu-layout-slide-vertical #primary-navigation.responsive .mobile-menu-slide-wrapper.top {
left: 0;
right: 0;
top: -100vh;
height: 100vh;
}
body.admin-bar .mobile-menu-layout-slide-horizontal #primary-navigation.responsive .mobile-menu-slide-wrapper.left,
body.admin-bar .mobile-menu-layout-slide-vertical #primary-navigation.responsive .mobile-menu-slide-wrapper.top.opened {
top: 46px;
height: calc(100vh - 46px);
}
body.admin-bar .fixed.mobile-menu-layout-slide-horizontal #primary-navigation.responsive .mobile-menu-slide-wrapper.left,
body.admin-bar .fixed.mobile-menu-layout-slide-vertical #primary-navigation.responsive .mobile-menu-slide-wrapper.top.opened {
top: 0;
height: 100vh;
}
.mobile-menu-layout-slide-horizontal #primary-navigation.responsive .mobile-menu-slide-wrapper.left.animation {
-webkit-transition: transform 0.2s ease-out;
-moz-transition: transform 0.2s ease-out;
-o-transition: transform 0.2s ease-out;
transition: transform 0.2s ease-out;
opacity: 1;
}
.mobile-menu-layout-slide-vertical #primary-navigation.responsive .mobile-menu-slide-wrapper.top.animation {
-webkit-transition: top 0.2s ease-out;
-moz-transition: top 0.2s ease-out;
-o-transition: top 0.2s ease-out;
transition: top 0.2s ease-out;
opacity: 1;
}
.mobile-menu-layout-slide-horizontal #primary-navigation.responsive .mobile-menu-slide-wrapper.left.opened {
-o-transform: translateX(0);
-ms-transform: translateX(0);
-moz-transform: translateX(0);
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
.mobile-menu-layout-slide-vertical #primary-navigation.responsive .mobile-menu-slide-wrapper.top.opened {
top: 0;
opacity: 1;
}
.mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu li a,
.mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu li a {
display: block;
padding: 13px 60px 15px 30px;
position: relative;
}
.mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu li,
.mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu li {
position: relative;
width: auto !important;
}
.mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu li > ul,
.mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu li > ul {
display: none;
padding: 0 !important;
background-image: none !important
}
.mobile-menu-layout-slide-horizontal .primary-navigation.responsive li.menu-item-has-children > .menu-item-parent-toggle,
.mobile-menu-layout-slide-vertical .primary-navigation.responsive li.menu-item-has-children > .menu-item-parent-toggle {
display: block;
position: absolute;
right: 15px;
top: 0;
width: 40px;
height: 49px;
cursor: pointer;
}
.mobile-menu-layout-slide-horizontal .primary-navigation.responsive li.menu-item-has-children > .menu-item-parent-toggle:after,
.mobile-menu-layout-slide-vertical .primary-navigation.responsive li.menu-item-has-children > .menu-item-parent-toggle:after {
display: block;
text-align: center;
font-weight: normal;
font-family: 'thegem-icons';
font-style: normal;
content: '\e634';
font-size: 24px;
line-height: 49px;
}
.mobile-menu-layout-slide-horizontal .primary-navigation.responsive li.menu-item-has-children.opened > .menu-item-parent-toggle:after,
.mobile-menu-layout-slide-vertical .primary-navigation.responsive li.menu-item-has-children.opened > .menu-item-parent-toggle:after {
content: '\e635';
}
.mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu > li > ul > li > a,
.mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu > li > ul > li > a {
padding-left: 50px;
}
.mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu > li > ul > li > ul > li > a,
.mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu > li > ul > li > ul > li > a {
padding-left: 70px;
}
.mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu > li > ul > li > ul > li > ul > li > a,
.mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu > li > ul > li > ul > li > ul > li > a {
padding-left: 90px;
}
.mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu li,
.mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu li {
border-top: 1px solid #dfe5e8;
}
.mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu > li:first-child,
.mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu > li:first-child {
border: 0;
}
.mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu li.menu-item-widgets,
.mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu li.menu-item-widgets {
display: none;
border: 0;
position: static;
height: 0;
}
.mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu li.menu-item-widgets.mobile-only,
.mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu li.menu-item-widgets.mobile-only {
display: inline-block;
height: auto;
}
body:not(.mobile-cart-position-top) .mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu li.menu-item-cart ~ li.menu-item-widgets.mobile-only,
body:not(.mobile-cart-position-top) .mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu li.menu-item-cart ~ li.menu-item-widgets.mobile-only,
body:not(.mobile-cart-position-top) .mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu li.menu-item-language ~ li.menu-item-widgets.mobile-only,
body:not(.mobile-cart-position-top) .mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu li.menu-item-language ~ li.menu-item-widgets.mobile-only {
float: right;
}
.mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu li.menu-item-widgets .menu-item-socials,
.mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu li.menu-item-widgets .menu-item-socials {
padding: 16px 30px 15px;
}
.mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu li.menu-item-widgets .menu-item-socials .socials,
.mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu li.menu-item-widgets .menu-item-socials .socials {
margin: 0 -5px;
}
.mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu li.menu-item-widgets .menu-item-socials a,
.mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu li.menu-item-widgets .menu-item-socials a {
display: inline-block;
padding: 0;
vertical-align: bottom;
}
.mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu li.menu-item-widgets .menu-item-socials a i,
.mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu li.menu-item-widgets .menu-item-socials a i {
vertical-align: middle;
}
.mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu li.menu-item-search .minisearch,
.mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu li.menu-item-search .minisearch {
position: absolute;
top: 0;
left: 0;
right: 55px;
background: transparent;
width: auto;
padding-top: 15px;
}
.mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu li.menu-item-search > a,
.mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu li.menu-item-search > a {
display: none;
}
.mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu li.menu-item-search .minisearch .sf-submit-icon:before,
.mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu li.menu-item-search .minisearch .sf-submit-icon:before {
color: #99a9b5;
}
.mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu li.menu-item-search .minisearch input[type="text"]::placeholder,
.mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu li.menu-item-search .minisearch input[type="text"]::placeholder {
color: #99a9b5;
}
.mobile-menu-layout-slide-horizontal #primary-navigation.responsive #primary-menu li.menu-item-search .minisearch input[type="text"]::-webkit-input-placeholder,
.mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu li.menu-item-search .minisearch input[type="text"]::-webkit-input-placeholder {
color: #99a9b5;
}
body .mobile-menu-layout-slide-horizontal:before {
content: '';
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000000;
z-index: 10;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease-out 0s, visibility 0s linear 0.3s;
}
body .mobile-menu-layout-slide-horizontal.menu-slide-opened:before {
opacity: 0.7;
visibility: visible;
transition: opacity 0.3s ease-in 0s, visibility 0s linear 0s;
}
.mobile-menu-layout-global-section #primary-navigation.responsive .mobile-menu-slide-wrapper.mobile-menu-slide-global-section {
background-color: var(--thegem-to-mobile-menu-global-section-bg-color, var(--thegem-to-main-bg-color, #ffffff));
padding-top: 0;
overflow: visible;
width: calc(100vw - 45px);
max-width: 500px;
}
.mobile-menu-layout-global-section .mobile-menu-visible-content {
padding: 0 21px;
max-height: 100%;
overflow: auto;
}
.mobile-menu-layout-global-section #primary-navigation.responsive .mobile-menu-slide-global-section .mobile-menu-hidden-content,
.mobile-menu-layout-global-section #primary-navigation:not(.responsive) .mobile-menu-slide-global-section .mobile-menu-visible-content {
display: none;
}
.mobile-menu-layout-global-section #primary-navigation.responsive .mobile-menu-slide-wrapper .mobile-menu-slide-close {
display: none;
width: 25px;
height: 25px;
top: 10px;
right: -35px;
z-index: 1;
}
.mobile-menu-layout-global-section #primary-navigation.responsive .mobile-menu-slide-wrapper.animation .mobile-menu-slide-close,
.mobile-menu-layout-global-section #primary-navigation.responsive .mobile-menu-slide-wrapper.opened .mobile-menu-slide-close {
display: block;
}
.mobile-menu-layout-global-section #primary-navigation.responsive .mobile-menu-slide-wrapper .mobile-menu-slide-close:before,
.mobile-menu-layout-global-section #primary-navigation.responsive .mobile-menu-slide-wrapper .mobile-menu-slide-close:after {
height: 1px;
top: 13px;
width: auto;
left: 3px;
right: 3px;
background-color: #ffffff;
}
.header-layout-overlay #primary-navigation #primary-menu.no-responsive > li.menu-item-language,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li.menu-item-language,
.header-layout-overlay #primary-navigation #primary-menu.no-responsive > li.menu-item-cart,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li.menu-item-cart,
.header-layout-overlay #primary-navigation #primary-menu.no-responsive > li.menu-item-search,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li.menu-item-search {
margin-top: 40px;
}
.header-layout-overlay #primary-navigation #primary-menu.no-responsive > li.menu-item-language,
.header-layout-overlay #primary-navigation #primary-menu.no-responsive > li.menu-item-cart,
.header-layout-overlay #primary-navigation #primary-menu.no-responsive > li.menu-item-search {
width: 70px;
}
.header-layout-overlay #primary-navigation #primary-menu.no-responsive > li.menu-item-language > a,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li.menu-item-language > a {
padding: 0 !important;
}
.header-layout-overlay #primary-navigation #primary-menu.no-responsive > li.menu-item-cart > a:before,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li.menu-item-cart > a:before,
.header-layout-overlay #primary-navigation #primary-menu.no-responsive > li.menu-item-search > a:before,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li.menu-item-search > a:before {
font-size: 40px;
}
.header-layout-overlay #primary-menu.nav-menu.no-responsive > li.menu-item-search > a,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li.menu-item-search > a {
display: block;
}
.header-layout-overlay #primary-navigation #primary-menu.no-responsive > li.menu-item-search > a:before,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li.menu-item-search > a:before {
font-size: 40px;
}
.header-layout-overlay #primary-menu.nav-menu.no-responsive > li.menu-item-search > .minisearch,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li.menu-item-search > .minisearch {
position: absolute;
opacity: 0;
visibility: hidden;
top: 50%;
padding: 40px;
background: transparent;
transform: translateY(-50%);
border: 0 none;
transition: opacity 0.3s ease-out, visibility 0s linear 0.3s;
}
.header-layout-overlay #primary-menu.nav-menu.no-responsive > li.menu-item-search > .minisearch {
width: 40%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
}
.header-layout-overlay #primary-menu.nav-menu.no-responsive > li,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li {
visibility: visible;
opacity: 1;
transition: opacity 0.3s ease-in, visibility 0s linear 0s;
}
.header-layout-overlay #primary-menu.nav-menu.no-responsive.overlay-search-form-show > li,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu.overlay-search-form-show > li {
visibility: hidden;
opacity: 0;
transition: opacity 0.3s ease-out, visibility 0s linear 0.3s;
}
.header-layout-overlay #primary-menu.nav-menu.no-responsive.overlay-search-form-show > li ul,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu.overlay-search-form-show > li ul,
.header-layout-overlay #primary-menu.nav-menu.no-responsive.overlay-search-form-show > li li,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu.overlay-search-form-show > li li {
visibility: hidden;
transition: visibility 0s linear 0s;
}
.header-layout-overlay #primary-menu.nav-menu.no-responsive.overlay-search-form-show > li.menu-item-search,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu.overlay-search-form-show > li.menu-item-search {
visibility: visible;
opacity: 1;
}
.header-layout-overlay #primary-navigation #primary-menu.no-responsive > li.menu-item-search > a,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li.menu-item-search > a {
visibility: visible;
opacity: 1;
transition: opacity 0.3s ease-in, visibility 0s linear 0s, color 0.3s ease;
}
.header-layout-overlay #primary-navigation #primary-menu.no-responsive.overlay-search-form-show > li.menu-item-search > a,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu.overlay-search-form-show > li.menu-item-search > a {
visibility: hidden;
opacity: 0;
transition: opacity 0.3s ease-out, visibility 0s linear 0.3s;
} .mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu.overlay-search-form-show > li.menu-item-search > .minisearch {
opacity: 1;
visibility: visible;
transition: opacity 0.3s ease-in, visibility 0s linear 0s;
} .header-layout-overlay #primary-menu.nav-menu.no-responsive > li.menu-item-search > .minisearch input[type="text"],
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li.menu-item-search > .minisearch input[type="text"] {
height: 50px;
border: 3px solid transparent;
line-height: 44px;
background: transparent;
border-radius: 25px;
text-transform: uppercase;
padding-left: 25px;
}
.header-layout-overlay #primary-menu.nav-menu.no-responsive > li.menu-item-search > .minisearch .sf-submit-icon,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li.menu-item-search > .minisearch .sf-submit-icon,
.header-layout-overlay #primary-menu.nav-menu.no-responsive > li.menu-item-search > .minisearch .sf-submit,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li.menu-item-search > .minisearch .sf-submit {
top: 4px;
right: 6px;
height: 44px;
}
.header-layout-overlay #primary-menu.nav-menu.no-responsive > li.menu-item-search > .minisearch .sf-submit-icon:before,
.mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu > li.menu-item-search > .minisearch .sf-submit-icon:before {
font-size: 40px;
} .header-layout-overlay #primary-menu.nav-menu.no-responsive > li.menu-item-search > .minisearch {
transition: opacity .2s .7s, visibility .7s, bottom .5s .3s;
top: auto;
bottom: -20px;
opacity: 0;
visibility: hidden;
}
.header-layout-overlay #primary-menu.nav-menu.no-responsive > li.menu-item-search > .minisearch > form {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.header-layout-overlay #primary-menu.nav-menu.no-responsive > li.menu-item-search > .minisearch > form .sf-input {
width: 50px;
padding: 0 23px;
transition: width .5s, font-size .3s, padding .3s;
}
.header-layout-overlay #primary-menu.nav-menu.no-responsive > li.menu-item-search > .minisearch > form .sf-submit-icon,
.header-layout-overlay #primary-menu.nav-menu.no-responsive > li.menu-item-search > .minisearch > form .sf-submit {
top: 4px;
right: 6px;
}
.header-layout-overlay #primary-menu.nav-menu.no-responsive.overlay-search-form-show.animated-minisearch > li.menu-item-search > .minisearch {
visibility: visible;
opacity: 1;
bottom: 200px;
transition: opacity .5s, visibility .5s, bottom .3s .2s;
}
.header-layout-overlay #primary-menu.nav-menu.no-responsive.overlay-search-form-show.animated-minisearch > li.menu-item-search > .minisearch > form .sf-input {
padding: 0 25px;
width: 400px;
transition: width .5s .5s, padding .3s .5s;
}
@media (max-width: 768px) {
body #site-header .logo-position-menu_center:not(.header-layout-fullwidth_hamburger):not(.header-layout-overlay) > .site-title {
display: table-cell;
}
.site-title .site-logo {
max-width: 60vw;
}
.header-main.no-menu .site-title .site-logo{
text-align: center;
}
} #site-header-wrapper {
position: static;
z-index: 1000;
width: 100%;
}
#site-header-wrapper.site-header-wrapper-transparent {
position: absolute;
}
#site-header-wrapper.site-header-wrapper-transparent #site-header:not(.shrink),
#site-header-wrapper.site-header-wrapper-transparent,
#site-header-wrapper.site-header-wrapper-transparent #site-header:not(.shrink) #top-area {
background: transparent !important;
border-bottom: 0 none;
}
#site-header:not(.shrink) .transparent-header-background #top-area,
#page > .transparent-header-background #top-area {
background: transparent !important;
border-bottom: 0 none;
}
#site-header-wrapper.site-header-wrapper-transparent #site-header:not(.shrink) .top-area-contacts:after,
#site-header-wrapper.site-header-wrapper-transparent #site-header:not(.shrink) .top-area-socials:after {
border-right: 0 none;
}
#site-header-wrapper.header-on-slideshow {
position: static !important;
height: 0 !important;
background-color: transparent;
}
#site-header.header-on-slideshow.init {
top: 0 !important;
}
#site-header.header-on-slideshow {
background: transparent;
position: absolute;
left: 0;
right: 0;
top: 0;
z-index: 1000;
}
body #page:not(.vertical-header) #site-header.fixed {
width: 100%;
position: fixed;
left: 0;
top: 0;
z-index: 1000;
}
@media (min-width: 1260px) {
#page.layout-boxed:not(.vertical-header) #site-header.fixed {
width: 1260px;
left: 50%;
margin-left: -630px;
}
}
#site-header.fixed.shrink {
box-shadow: 0 0 2px 0 rgba(56, 69, 84, 0.2);
-moz-box-shadow: 0 0 2px 0 rgba(56, 69, 84, 0.2);
-webkit-box-shadow: 0 0 2px 0 rgba(56, 69, 84, 0.2);
border-collapse: separate;
}
#site-header.without-transition {
transition: none !important;
-moz-transition: none !important;
-webkit-transition: none !important;
}
#site-header.fixed.shrink .site-title {
padding-top: 5px;
padding-bottom: 5px;
-webkit-transition: padding 0.3s;
-moz-transition: padding 0.3s;
transition: padding 0.3s;
}
#site-header.fixed.shrink.shrink-mobile {
-webkit-transition: transform 0.7s 0.2s;
-moz-transition: transform 0.7s 0.2s;
transition: transform 0.7s 0.2s;
}
#site-header.fixed.shrink.shrink-mobile.hidden {
-o-transform: translate3d(0px, -100%, 0px);
-ms-transform: translate3d(0px, -100%, 0px);
-moz-transform: translate3d(0px, -100%, 0px);
-webkit-transform: translate3d(0px, -100%, 0px);
transform: translate3d(0px, -100%, 0px);
-webkit-transition: transform 0.7s 0.4s;
-moz-transition: transform 0.7s 0.4s;
transition: transform 0.7s 0.4s;
}
#site-header.fixed.shrink.shrink-mobile.hidden.hide-immediately {
transition: transform 0s;
} .header-layout-fullwidth_hamburger #primary-menu.no-responsive > li,
.header-layout-fullwidth_hamburger #primary-menu.no-responsive > li > a {
-webkit-transition: all 0s !important;
-moz-transition: all 0s !important;
transition: all 0s !important;
}
.header-layout-fullwidth_hamburger #primary-menu.no-responsive > li > a {
vertical-align: middle;
}
#site-header.fixed #primary-menu > li > a {
-webkit-transition: padding 0.3s, color 0.3s, background-color 0.3s;
-moz-transition: padding 0.3s, color 0.3s, background-color 0.3s;
transition: padding 0.3s, color 0.3s, background-color 0.3s;
}
#site-header.scroll-counting .site-title,
#site-header.scroll-counting .site-title img,
#site-header.scroll-counting #primary-menu > li,
#site-header.scroll-counting #primary-menu > li > a,
#site-header.scroll-counting .menu-item-logo,
#site-header.scroll-counting .menu-item-logo img {
-webkit-transition: all 0s !important;
-moz-transition: all 0s !important;
transition: all 0s !important;
}
#site-header.fixed.shrink #primary-menu.no-responsive > li > a {
padding-top: 18px;
padding-bottom: 18px;
}
#site-header.fixed.shrink .header-layout-fullwidth_hamburger #primary-menu.no-responsive > li > a {
padding-top: 13px;
padding-bottom: 13px;
}
#site-header.fixed.shrink .header-style-1 #primary-menu.no-responsive > li.menu-item-current > a,
#site-header.fixed.shrink .header-style-1 #primary-menu.no-responsive > li.menu-item-active > a {
padding-bottom: 14px;
}
#site-header.fixed.shrink .header-style-3 #primary-menu.no-responsive > li.menu-item-current,
#site-header.fixed.shrink .header-style-3 #primary-menu.no-responsive > li.menu-item-active,
#site-header.fixed.shrink .header-style-4 #primary-menu.no-responsive > li.menu-item-current,
#site-header.fixed.shrink .header-style-4 #primary-menu.no-responsive > li.menu-item-active {
-webkit-transition: padding 0.3s;
-moz-transition: padding 0.3s;
transition: padding 0.3s;
}
#site-header.fixed.shrink .header-style-3 #primary-menu.no-responsive > li,
#site-header.fixed.shrink .header-style-4 #primary-menu.no-responsive > li {
padding-top: 18px;
padding-bottom: 18px;
-webkit-transition: padding 0.3s;
-moz-transition: padding 0.3s;
transition: padding 0.3s;
}
#site-header.fixed.shrink .header-layout-overlay.header-style-3 #primary-menu.no-responsive > li,
#site-header.fixed.shrink .header-layout-overlay.header-style-4 #primary-menu.no-responsive > li {
padding: 0;
}
#site-header.fixed.shrink .header-style-3 #primary-menu.no-responsive > li.menu-item-current,
#site-header.fixed.shrink .header-style-3 #primary-menu.no-responsive > li.menu-item-active,
#site-header.fixed.shrink .header-style-4 #primary-menu.no-responsive > li.menu-item-current,
#site-header.fixed.shrink .header-style-4 #primary-menu.no-responsive > li.menu-item-active {
padding-top: 16px;
padding-bottom: 16px;
padding-left: 1px;
padding-right: 1px;
}
#site-header.fixed.shrink .header-layout-overlay.header-style-3 #primary-menu.no-responsive > li.menu-item-current,
#site-header.fixed.shrink .header-layout-overlay.header-style-3 #primary-menu.no-responsive > li.menu-item-active,
#site-header.fixed.shrink .header-layout-overlay.header-style-4 #primary-menu.no-responsive > li.menu-item-current,
#site-header.fixed.shrink .header-layout-overlay.header-style-4 #primary-menu.no-responsive > li.menu-item-active {
padding: 0;
}
body.one-pager #site-header.fixed.shrink .header-style-3 #primary-menu.no-responsive > li,
body.one-pager #site-header.fixed.shrink .header-style-4 #primary-menu.no-responsive > li {
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
}
#site-header.fixed.shrink .header-style-3 #primary-menu.no-responsive > li > a,
#site-header.fixed.shrink .header-style-4 #primary-menu.no-responsive > li > a {
padding: 0px 15px;
}
#site-header.fixed.shrink #primary-navigation .hamburger-toggle,
#site-header.fixed.shrink #primary-navigation .overlay-toggle,
#site-header.fixed.shrink #perspective-menu-buttons .perspective-toggle {
margin-top: 15px;
margin-bottom: 15px;
}
#site-header .site-title a,
#site-header .menu-item-logo a {
white-space: nowrap;
}
#site-header .logo-position-right .site-title,
#site-header .logo-position-right .site-title a {
text-align: right;
}
#site-header .site-title a img,
#site-header .menu-item-logo a img {
position: relative;
}
#site-header.fixed.scroll-counting .site-title a img,
#site-header.fixed.scroll-counting .menu-item-logo a img {
-webkit-transition: all 0s !important;
-moz-transition: all 0s !important;
transition: all 0s !important;
}
#site-header .site-title a img.default,
#site-header .menu-item-logo a img.default {
opacity: 1;
-webkit-transition: opacity .3s ease-in;
-moz-transition: opacity .3s ease-in;
transition: opacity .3s ease-in;
}
#site-header .site-title a img.small,
#site-header .menu-item-logo a img.small {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
-webkit-transition: opacity .3s ease-out;
-moz-transition: opacity .3s ease-out;
transition: opacity .3s ease-out;
}
#site-header.fixed.shrink .site-title a img.default,
#site-header.fixed.shrink .menu-item-logo a img.default {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
-webkit-transition: opacity .3s ease-out;
-moz-transition: opacity .3s ease-out;
transition: opacity .3s ease-out;
}
#site-header.fixed.shrink .site-title a img.small,
#site-header.fixed.shrink .menu-item-logo a img.small {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
-webkit-transition: opacity .3s ease-in;
-moz-transition: opacity .3s ease-in;
transition: opacity .3s ease-in;
}
#site-header.shrink-mobile .site-title a img {
transition: opacity 0s;
}
#site-header.fixed.shrink .logo-position-center:not(.no-menu) > .site-title {
display: none;
}
@media (max-width: 767px) {
#site-header.fixed.shrink .header-main.logo-position-center > .site-title {
display: table-cell;
}
}
.site-title .logo,
.menu-item-logo .logo {
display: inline-block;
vertical-align: middle;
min-height: 1px;
min-width: 1px;
}
#site-header .site-title a img.small.light,
#site-header .menu-item-logo a img.small.light {
display: none !important;
}
@media (max-width: 767px) {
#site-header .site-title a img.default,
#site-header .menu-item-logo a img.default {
display: none;
}
#site-header .site-title a img.small,
#site-header .menu-item-logo a img.small {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
display: inline-block !important;
margin: 0 !important;
}
#site-header .site-title a img.small.light,
#site-header .menu-item-logo a img.small.light {
display: inline-block !important;
}
#site-header .site-title a img.small.light ~ img.small,
#site-header .menu-item-logo a img.small.light ~ img.small {
display: none !important;
}
#site-header.fixed.shrink .site-title a img.small.light,
#site-header.fixed.shrink .menu-item-logo a img.small.light {
display: none !important;
}
#site-header.fixed.shrink .site-title a img.small.light ~ img.small,
#site-header.fixed.shrink .menu-item-logo a img.small.light ~ img.small {
display: inline-block !important;
}
} #primary-navigation #primary-menu > li.menu-item-search > a:before {
content: "\e612";
display: block;
font-family: "thegem-icons";
font-style: normal;
font-size: 24px;
font-weight: normal;
margin-right: 5px;
text-align: center;
vertical-align: top;
width: 100%;
}
#primary-navigation #primary-menu > li.menu-item-search.active > a:before {
content: "\e619";
display: block;
font-family: "thegem-icons";
font-style: normal;
font-size: 24px;
font-weight: normal;
margin-right: 5px;
text-align: center;
vertical-align: top;
width: 100%;
}
.menu-item-search .minisearch{
position: absolute;
top: 100%;
left: 0;
padding: 20px;
width: 280px;
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(20px);
transform: translateY(20px);
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
transition: opacity 0.3s, transform 0.3s;
}
.menu-item-search.active .minisearch{
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
transition: opacity 0.5s, transform 0.5s;
}
.minisearch.invert{
left: auto;
right: 0;
}
.minisearch .sf-input{
font-size: 16px;
width: 100%;
height: 40px;
border-radius: 4px;
padding-right: 40px;
outline: none;
}
.minisearch .sf-submit{
position: absolute;
right: 20px;
width: 40px;
height: 40px;
margin: 0;
background: rgba(0, 0, 0, 0);
border: 0;
cursor: pointer;
font-size: 0;
}
.minisearch .sf-submit:hover{
background: transparent;
}
.minisearch .sf-submit:focus{
outline: none;
}
.minisearch .sf-submit-icon{
position: absolute;
right: 0;
width: 40px;
height: 40px;
}
.minisearch .sf-submit-icon:before{
content: "\e612";
display: block;
font-family: "thegem-icons";
font-style: normal;
font-size: 24px;
font-weight: normal;
line-height: 40px;
margin-right: 5px;
padding-right: 3px;
text-align: center;
vertical-align: top;
width: 100%;
height: 40px;
} @media (min-width: 980px) {
#primary-menu > li.menu-item-fullscreen-search .minisearch {
display: none;
}
.header-main:not(.header-layout-default):not(.header-layout-overlay) #primary-menu > li.menu-item-fullscreen-search > a:before,
.perspective-navigation #primary-menu > li.menu-item-fullscreen-search > a:before {
content: none !important;
}
}
.thegem-fullscreen-search {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1001;
display: flex;
flex-direction: column;
transition: opacity 0.3s ease 0.3s,transform 0.3s ease;
transform: translate3d(0,100%,0);
opacity: 0;
}
.thegem-fullscreen-search:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 5px;
box-shadow: 0px 5px 5px -5px rgb(0 0 0 / 15%) inset;
}
.thegem-fullscreen-search.active {
transform: none;
opacity: 1;
transition: opacity 0s,transform 0.3s ease;
}
.thegem-fullscreen-search .search-scroll {
flex: auto;
overflow: hidden auto;
}
.thegem-fullscreen-search .search-scroll::-webkit-scrollbar-track {
background-color: transparent;
}
.thegem-fullscreen-search .search-scroll::-webkit-scrollbar {
width: 4px;
background-color: transparent;
}
.thegem-fullscreen-search .search-scroll::-webkit-scrollbar-thumb {
background-color: #dfe5e8;
border-radius: 2px;
}
body.fullscreen-search-opened {
overflow: hidden;
}
.thegem-fullscreen-search form {
position: relative;
}
.thegem-fullscreen-search input.thegem-fullscreen-searchform-input {
width: 100%;
border: none;
text-align: center;
background: transparent;
padding: 5px 45px;
}
@media (min-width: 768px) {
.thegem-fullscreen-search input.thegem-fullscreen-searchform-input {
padding: 25px 70px;
}
}
.thegem-fullscreen-search input.thegem-fullscreen-searchform-input::-webkit-input-placeholder { color: inherit;
}
.thegem-fullscreen-search input.thegem-fullscreen-searchform-input::-moz-placeholder { color: inherit;
}
.thegem-fullscreen-search input.thegem-fullscreen-searchform-input:-ms-input-placeholder { color: inherit;
}
.thegem-fullscreen-search input.thegem-fullscreen-searchform-input:-moz-placeholder { color: inherit;
}
.thegem-fullscreen-search .sf-close {
position: absolute;
right: 21px;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
}
@media (min-width: 768px) {
.thegem-fullscreen-search .sf-close {
right: 30px;
}
}
.thegem-fullscreen-search .sf-close:before {
content: "\e619";
display: block;
font-family: "thegem-icons";
font-style: normal;
font-size: 24px;
font-weight: normal;
color: inherit;
text-align: center;
vertical-align: top;
width: 100%;
}
@media (min-width: 992px) {
.thegem-fullscreen-search .sf-close:before {
font-size: 48px;
}
}
.thegem-fullscreen-search .top-searches {
padding: 18px 0 12px 0;
}
@media (min-width: 768px) {
.thegem-fullscreen-search .top-searches {
padding: 40px 0 33px 0;
}
}
.thegem-fullscreen-search .top-searches .container {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.thegem-fullscreen-search .top-searches .top-search-text {
margin-right: 8px;
}
.thegem-fullscreen-search .top-searches .top-search-item {
font-size: 14px;
line-height: 1;
color: inherit;
padding: 5px 17px 6px 17px;
border-radius: 13px;
margin: 0 5px 10px 5px;
cursor: pointer;
}
.thegem-fullscreen-search .top-searches .top-search-item:hover {
color: #ffffff;
}
.thegem-fullscreen-search .sf-result {
position: relative;
}
.thegem-fullscreen-search .result-sections .search-results-section {
padding: 40px 0 50px 0;
}
@media (min-width: 768px) {
.thegem-fullscreen-search .result-sections .search-results-section {
padding: 60px 0 70px 0;
}
}
@media (min-width: 992px) {
.thegem-fullscreen-search .result-sections .search-results-section {
padding: 70px 0 90px 0;
}
}
.thegem-fullscreen-search .result-sections .search-results-section:not(.search-results-nothing) h2 {
text-align: center;
}
@media (min-width: 768px) {
.thegem-fullscreen-search .result-sections .search-results-section  h2 {
margin: 0 0 50px 0;
}
}
@media (min-width: 992px) {
.thegem-fullscreen-search .result-sections .search-results-section  h2 {
margin: 0 0 60px 0;
}
}
.thegem-fullscreen-search .result-sections .search-results-section.search-results-nothing h2 {
margin-bottom: 25px;
}
@media (min-width: 992px) {
.thegem-fullscreen-search .result-sections .search-results-section:nth-child(even) .search-results-bottom .container:before,
.thegem-fullscreen-search .result-sections .search-results-section:nth-child(even) .search-results-bottom .container:after {
content: '';
width: 50%;
height: 1px;
background-color: #dfe5e8;
}
}
.thegem-fullscreen-search .result-sections .search-results-section .search-results-bottom {
margin-top: 50px;
}
@media (min-width: 768px) {
.thegem-fullscreen-search .result-sections .search-results-section .search-results-bottom {
margin-top: 60px;
}
}
@media (min-width: 992px) {
.thegem-fullscreen-search .result-sections .search-results-section .search-results-bottom {
margin-top: 70px;
}
}
.thegem-fullscreen-search .result-sections .search-results-section .search-results-bottom .container {
display: flex;
align-items: center;
justify-content: center;
}
.thegem-fullscreen-search .result-sections .search-results-section .search-results-bottom a {
display: inline-block;
flex: none;
border-radius: 20px;
margin: 0 20px;
}
.thegem-fullscreen-search .top-searches + .sf-result .search-results-section:first-child {
padding-top: 0;
}
.thegem-fullscreen-search .result-sections .search-results-section.search-results-product .portfolio-set {
justify-content: center;
}
@media (max-width: 767px) {
.thegem-fullscreen-search .result-sections .search-results-product .portfolio-item:nth-child(n+7) {
display: none;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.thegem-fullscreen-search .result-sections .search-results-product .portfolio-item:nth-child(n+9) {
display: none;
}
}
@media (min-width: 992px) and (max-width: 1599px) {
.thegem-fullscreen-search .result-sections .search-results-product .portfolio-item:nth-child(n+13) {
display: none;
}
}
@media (min-width: 1600px) {
.thegem-fullscreen-search .result-sections .search-results-product .portfolio-item {
width: 12.5% !important;
}
}
.thegem-fullscreen-search .result-sections .search-results-post .portfolio-row,
.thegem-fullscreen-search .result-sections .search-results-thegem_pf_item .portfolio-row {
margin: -12px 0;
padding: 0 12px;
}
.thegem-fullscreen-search .result-sections .search-results-post .portfolio-set,
.thegem-fullscreen-search .result-sections .search-results-thegem_pf_item .portfolio-set {
justify-content: center;
}
.thegem-fullscreen-search.ajax-search .result-sections .search-results-post .portfolio-set .portfolio-item,
.thegem-fullscreen-search.ajax-search .result-sections .search-results-thegem_pf_item .portfolio-set .portfolio-item {
padding: 12px;
}
@media (max-width: 767px) {
.thegem-fullscreen-search.ajax-search .result-sections .search-results-post .portfolio-set .portfolio-item,
.thegem-fullscreen-search.ajax-search .result-sections .search-results-thegem_pf_item .portfolio-set .portfolio-item  {
max-width: 302px;
}
}
@media (min-width: 768px) {
.thegem-fullscreen-search .result-sections .search-results-post .portfolio-row,
.thegem-fullscreen-search .result-sections .search-results-thegem_pf_item .portfolio-row {
margin: -12px 0;
padding: 0 12px;
}
.thegem-fullscreen-search.ajax-search .result-sections .search-results-post .portfolio-set .portfolio-item,
.thegem-fullscreen-search.ajax-search .result-sections .search-results-thegem_pf_item .portfolio-set .portfolio-item {
width: 33.333%;
padding: 12px;
}
}
@media (min-width: 992px) {
.thegem-fullscreen-search .result-sections .search-results-post .portfolio-row,
.thegem-fullscreen-search .result-sections .search-results-thegem_pf_item .portfolio-row {
margin: -14px 0;
padding: 0 14px;
}
.thegem-fullscreen-search.ajax-search .result-sections .search-results-post .portfolio-set .portfolio-item,
.thegem-fullscreen-search.ajax-search .result-sections .search-results-thegem_pf_item .portfolio-set .portfolio-item {
width: 25%;
}
}
@media (min-width: 1400px) {
.thegem-fullscreen-search.ajax-search .result-sections .search-results-post .portfolio-set .portfolio-item,
.thegem-fullscreen-search.ajax-search .result-sections .search-results-thegem_pf_item .portfolio-set .portfolio-item {
width: 16.666%;
}
}
@media (max-width: 767px) {
.thegem-fullscreen-search.ajax-search .result-sections .search-results-post .portfolio-set .portfolio-item:nth-child(n+4),
.thegem-fullscreen-search.ajax-search .result-sections .search-results-thegem_pf_item .portfolio-set .portfolio-item:nth-child(n+4) {
display: none;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.thegem-fullscreen-search.ajax-search .result-sections .search-results-post .portfolio-set .portfolio-item:nth-child(n+5),
.thegem-fullscreen-search.ajax-search .result-sections .search-results-thegem_pf_item .portfolio-set .portfolio-item:nth-child(n+5) {
display: none;
}
}
.thegem-fullscreen-search.ajax-search .result-sections .search-results-post .portfolio-set .portfolio-item:hover .wrap {
box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.12);
}
.thegem-fullscreen-search.ajax-search .result-sections .search-results-post .portfolio-set .portfolio-item .wrap > .caption,
.thegem-fullscreen-search.ajax-search .result-sections .search-results-thegem_pf_item .portfolio-set .portfolio-item .wrap,
.thegem-fullscreen-search.ajax-search .result-sections .search-results-thegem_pf_item .portfolio-set .portfolio-item .wrap > .caption {
border: none !important;
cursor: initial;
}
.thegem-fullscreen-search.ajax-search .result-sections .search-results-thegem_pf_item .portfolio-set .portfolio-item .wrap > .caption {
cursor: initial;
}
.thegem-fullscreen-search.ajax-search .result-sections .search-results-post .portfolio-set .portfolio-item .wrap {
height: 100%;
display: flex;
flex-direction: column;
}
.thegem-fullscreen-search.ajax-search .result-sections .search-results-post .portfolio-set .portfolio-item .wrap > .caption {
flex: auto;
padding: 30px;
}
.thegem-fullscreen-search.ajax-search .result-sections .search-results-post .portfolio-set .portfolio-item:hover .wrap > .caption {
background-color: #ffffff;
}
.thegem-fullscreen-search .top-searches + .sf-result .search-results-section.search-results-page:first-child {
padding-top: 0;
}
.thegem-fullscreen-search.ajax-search .result-sections .search-results-post .portfolio-set .portfolio-item .wrap,
.thegem-fullscreen-search.ajax-search .result-sections .search-results-thegem_pf_item .portfolio-set .portfolio-item .wrap  {
width: 100%;
}
.thegem-fullscreen-search.ajax-search .result-sections .search-results-post .portfolio-set .portfolio-item .image,
.thegem-fullscreen-search.ajax-search .result-sections .search-results-thegem_pf_item .portfolio-set .portfolio-item .image {
width: 100%;
padding-top: 100%;
position: relative;
z-index: 1;
}
.thegem-fullscreen-search.ajax-search .result-sections .search-results-post .portfolio-set .portfolio-item.post_format-post-format-quote .image {
height: 100%;
padding-top: 0;
}
.thegem-fullscreen-search.ajax-search .result-sections .search-results-post .portfolio-set .portfolio-item .image .image-inner,
.thegem-fullscreen-search.ajax-search .result-sections .search-results-thegem_pf_item .portfolio-set .portfolio-item .image .image-inner {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.thegem-fullscreen-search.ajax-search .result-sections .search-results-post .portfolio-set .portfolio-item .image-inner picture img,
.thegem-fullscreen-search.ajax-search .result-sections .search-results-thegem_pf_item .portfolio-set .portfolio-item .image-inner picture img {
-o-object-fit: cover;
object-fit: cover;
height: 100%;
left: 0 !important;
width: 100%;
max-width: 100% !important;
}
.preloader-new {
position: absolute;
width: 100%;
height: 100%;
z-index: 4;
}
.preloader-new .preloader-spin {
top: 100px;
left: initial;
right: 50%;
}
.thegem-fullscreen-search .preloader-new + .result-sections {
opacity: 0.6;
}
.thegem-fullscreen-search .preloader-new ~ * .portfolio-set {
opacity: 1;
}
.thegem-fullscreen-search .result-sections .search-results-nothing {
text-align: center;
}
.thegem-fullscreen-search .result-sections .search-results-nothing svg {
width: 166px;
fill: #dfe5e8;
}
.thegem-fullscreen-search .pages-list {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: -12px 0;
padding: 0 12px;
}
@media (min-width: 768px) {
.thegem-fullscreen-search .pages-list {
margin: -12px 0;
padding: 0 12px;
}
}
@media (min-width: 992px) {
.thegem-fullscreen-search .pages-list {
margin: -14px 0;
padding: 0 14px;
}
}
.thegem-fullscreen-search .pages-list .page-item {
padding: 12px;
}
@media (max-width: 767px) {
.thegem-fullscreen-search .pages-list .page-item {
max-width: 302px;
}
}
@media (min-width: 768px) {
.thegem-fullscreen-search .pages-list .page-item {
padding: 12px;
}
}
@media (min-width: 992px) {
.thegem-fullscreen-search .pages-list .page-item {
padding: 14px;
}
}
@media (min-width: 1400px) {
.thegem-fullscreen-search .pages-list .page-item {
width: 16.667%;
}
}
@media (max-width: 767px) {
.thegem-fullscreen-search .pages-list .page-item:nth-child(n+4) {
display: none;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.thegem-fullscreen-search .pages-list .page-item:nth-child(n+7) {
display: none;
}
}
.thegem-fullscreen-search .pages-list .page-item article {
height: 122px;
}
.thegem-fullscreen-search .pages-list .page-item article a {
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
color: #3c3950;
background-color: #f6f6f8;
border-top: 5px solid transparent;
text-align: center;
text-decoration: none;
padding: 10px 25px;
transition: all 0.3s;
}
.thegem-fullscreen-search .pages-list .page-item article a .title {
text-transform: initial;
margin: 0;
overflow: hidden;
}
.thegem-fullscreen-search .pages-list .page-item article a:before {
content: '\e670';
font-family: "thegem-icons";
font-style: normal;
font-size: 27px;
line-height: 1;
font-weight: normal;
color: #b6c6c9;
margin-bottom: 7px;
}
.thegem-fullscreen-search .pages-list .page-item article:hover a {
box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.12);
}
.vertical-minisearch.menu-item-ajax-search .vertical-minisearch-shadow {
position: relative;
z-index: 11;
}
.ajax-minisearch-results {
overflow: auto;
max-height: 40vh;
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.07);
}
.ajax-minisearch-results::-webkit-scrollbar-track {
background-color: transparent;
}
.ajax-minisearch-results::-webkit-scrollbar {
width: 4px;
background-color: transparent;
}
.ajax-minisearch-results::-webkit-scrollbar-thumb {
background-color: #dfe5e8;
border-radius: 2px;
}
.ajax-minisearch-results .scroll-block {
padding: 2px;
}
.ajax-minisearch-results .search-results-section {
padding: 14px 0;
}
.ajax-minisearch-results .search-results-section:first-child {
padding-top: 0;
}
.ajax-minisearch-results .search-results-section:last-child {
padding-bottom: 0;
border-bottom: none;
}
.ajax-minisearch-results .ajax-search-item {
margin-bottom: 2px;
}
.ajax-minisearch-results .ajax-search-item {
font-size: 14px;
line-height: 20px;
white-space: initial;
}
.ajax-minisearch-results .ajax-search-item a {
display: flex;
align-items: center;
color: inherit;
}
.ajax-minisearch-results .ajax-search-item .thumbnail {
flex: none;
margin-right: 9px;
}
.ajax-minisearch-results .ajax-search-item .thumbnail img {
max-width: 80px;
height: auto;
}
.ajax-minisearch-results .search-results-section.search-results-nothing {
padding: 20px;
}
.ajax-minisearch-results .search-results-section.search-results-nothing .ajax-search-item {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.ajax-minisearch-results .search-results-section.search-results-nothing svg {
width: 50px;
fill: #dfe5e8;
}
.menu-item-ajax-search .sf-submit {
display: none;
}
.minisearch form, .vertical-minisearch form {
position: relative;
}
.vertical-minisearch.menu-item-ajax-search .sf-input {
border: none;
}
#primary-menu.no-responsive .vertical-minisearch.menu-item-ajax-search .sf-input::placeholder,
#primary-menu.no-responsive .vertical-minisearch.menu-item-ajax-search .sf-input::-webkit-input-placeholder,
.vertical-menu-item-widgets .vertical-minisearch.menu-item-ajax-search .sf-input::placeholder,
.vertical-menu-item-widgets .vertical-minisearch.menu-item-ajax-search .sf-input::-webkit-input-placeholder {
color: inherit;
}
#primary-menu.no-responsive .vertical-minisearch.menu-item-ajax-search .sf-submit-icon:after,
.vertical-menu-item-widgets .vertical-minisearch.menu-item-ajax-search .sf-submit-icon:after {
background: transparent;
}
#primary-menu.no-responsive .vertical-minisearch.menu-item-ajax-search .sf-submit-icon.clear:after,
.vertical-menu-item-widgets .vertical-minisearch.menu-item-ajax-search .sf-submit-icon.clear:after {
content: "\e619";
cursor: pointer;
}
.menu-item-ajax-search #searchform.ajax-loading:before {
content: '';
display: block;
position: absolute;
top: 50%;
right: 50px;
border: 2px solid #5f727f;
border-top: 2px solid transparent;
border-radius: 50%;
width: 20px;
height: 20px;
margin-top: -10px;
animation: spin 2s linear infinite;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
} .mobile-menu-layout-default .primary-navigation.responsive ul{
border-top: 1px solid #dfe5e8;
border-left: 1px solid #dfe5e8;
border-right: 1px solid #dfe5e8;
}
.mobile-menu-layout-default .primary-navigation.responsive ul ul,
.mobile-menu-layout-default #primary-navigation.responsive ul ul {
border: 0 none;
}
.mobile-menu-layout-default .primary-navigation.responsive ul.sub-menu,
.mobile-menu-layout-default .primary-navigation.responsive .dl-menu + ul.sub-menu{
margin-top: 0;
}
.mobile-menu-layout-default .primary-navigation.responsive ul li.menu-item,
.mobile-menu-layout-default .primary-navigation.responsive ul li.dl-back {
background: #f4f6f7;
}
.mobile-menu-layout-default .primary-navigation.responsive ul > li.menu-item,
.mobile-menu-layout-default .primary-navigation.responsive ul > li.dl-back {
border-bottom: 1px solid #dfe5e8;
} .mobile-menu-layout-default .primary-navigation.responsive ul > li.menu-item-current > a,
.mobile-menu-layout-default .primary-navigation.responsive ul > li.menu-item.menu-item-active a {
background: #fff;
border-left: 4px solid #00bcd4;
padding-left: 26px;
color: #3c3950;
}
#primary-navigation.responsive ul > li.menu-item-search > a{
display: none;
}
.primary-navigation.responsive .minisearch{
position: static;
width: 100%;
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
background-color: #fff;
border: none;
visibility: visible;
padding: 20px 30px;
}
.primary-navigation.responsive .minisearch .sf-input {
border: 1px solid #dfe5e8;
background-color: #f4f6f7;
color: #3c3950;
right: 30px;
}
.primary-navigation.responsive .minisearch .sf-submit-icon { }
.primary-navigation.responsive .minisearch .sf-submit-icon:before{
color: #3c3950;
}
.primary-navigation.responsive li a{
color: #5f727f;
}
.primary-navigation.responsive li a:hover{
color: #3c3950;
} .header-style-vertical #primary-navigation .no-responsive li.menu-item-widgets{
position: absolute;
bottom: 50px;
width: 100%;
}
.header-style-vertical #primary-navigation.responsive li.menu-item-widgets,
.header-layout-fullwidth_hamburger #primary-menu.no-responsive > li.menu-item-search:not(.te-menu-item-fullscreen-search),
body #page.vertical-header #primary-menu.no-responsive li.menu-item-search:not(.te-menu-item-fullscreen-search) {
display: none;
}
.no-responsive .menu-item-widgets .vertical-minisearch{
padding-right: 30px;
width: 100%;
}
.no-responsive .vertical-minisearch .sf-input{
width: 100%;
font-family: "Source Sans Pro";
font-size: 16px;
font-weight: 400;
height: 40px;
padding-right: 50px;
outline: none;
background: #e0e5e9;
border: none;
}
.no-responsive .vertical-minisearch .sf-submit{
position: absolute;
right: 0;
width: 40px;
height: 40px;
margin: 0;
padding: 0;
border: 0;
cursor: pointer;
opacity: 0;
background: #000;
z-index: 1;
}
.no-responsive .vertical-minisearch .sf-submit:hover{
background: transparent;
}
.no-responsive .vertical-minisearch .sf-submit:focus{
outline: none;
}
.no-responsive .vertical-minisearch .sf-submit-icon{
position: absolute;
right: 0;
width: 40px;
height: 40px;
z-index: 0;
}
.no-responsive .vertical-minisearch .sf-submit-icon:after{
background: #3d3950;
content: "\e612";
display: block;
font-family: "thegem-icons";
font-style: normal;
font-size: 24px;
font-weight: normal;
line-height: 40px;
text-align: center;
vertical-align: top;
width: 100%;
height: 40px;
color: #fff;
}
.no-responsive .menu-item-socials,
.vertical-menu-item-widgets .menu-item-socials{
margin-top: 35px;
}
.no-responsive .menu-item-socials .socials-item{
margin: 0 9px;
}
.vertical-menu-item-widgets .menu-item-socials .socials-item{
margin: 0 8px;
}
.no-responsive .menu-item-socials .socials-item:first-child,
.vertical-menu-item-widgets .menu-item-socials .socials-item:first-child{
margin-left: 0;
}
.no-responsive .menu-item-socials .socials-item:last-child,
.vertical-menu-item-widgets .menu-item-socials .socials-item:last-child{
margin-right: 0;
}
.no-responsive .menu-item-socials .socials-item .socials-item-icon,
.vertical-menu-item-widgets .menu-item-socials .socials-item .socials-item-icon{
font-size: 24.5px;
}
.vertical-menu-item-widgets{
position: absolute;
bottom: 50px;
width: 270px;
}
.vertical-menu-item-widgets .vertical-minisearch{
width: 100%;
}
.vertical-menu-item-widgets .vertical-minisearch .sf-input{
width: 100%;
font-family: "Source Sans Pro";
font-size: 16px;
font-weight: 400;
padding-right: 50px;
height: 40px;
outline: none;
background: #e0e5e9;
}
.vertical-menu-item-widgets .vertical-minisearch .sf-submit{
position: absolute;
right: 0;
width: 40px;
height: 40px;
margin: 0;
padding: 0;
border: 0;
cursor: pointer;
opacity: 0;
background: #000;
}
.vertical-menu-item-widgets .vertical-minisearch .sf-submit:hover{
background: transparent;
}
.vertical-menu-item-widgets .vertical-minisearch .sf-submit:focus{
outline: none;
}
.vertical-menu-item-widgets .vertical-minisearch .sf-submit-icon{
position: absolute;
right: 0;
width: 40px;
height: 40px;
z-index: 0;
}
.vertical-menu-item-widgets .vertical-minisearch .sf-submit-icon:after{
background: #3d3950;
content: "\e612";
display: block;
font-family: "thegem-icons";
font-style: normal;
font-size: 24px;
font-weight: normal;
line-height: 40px;
text-align: center;
vertical-align: top;
width: 40px;
height: 40px;
color: #fff;
}
@media (max-height: 669px) {
.header-style-vertical #primary-menu.no-responsive {
padding-top: calc(100vh - 570px);
}
}
@media (max-height: 590px) {
.header-style-vertical #primary-menu.no-responsive {
padding-top: 20px;
}
}
.header-layout-fullwidth_hamburger #primary-menu.no-responsive .menu-item-widgets .vertical-minisearch .vertical-minisearch-padding,
.header-layout-fullwidth_hamburger #primary-menu.no-responsive .menu-item-widgets .menu-item-socials {
padding-left: 15px;
padding-right: 15px;
}
#page.vertical-header .vertical-menu-item-widgets {
padding-left: 21px;
padding-right: 21px;
} @media (max-width: 767px){
#page.vertical-header #site-header-wrapper{
position: static;
width: 100%;
padding: 0;
}
#page.vertical-header{
padding-left: 0;
}
#page.vertical-header #site-header .site-title {
display: table-cell;
}
#page.vertical-header #site-header .primary-navigation,
#page.vertical-header #site-header #perspective-menu-buttons {
display: table-cell;
}
.vertical-menu-item-widgets{display: none;}
}
@media (max-height: 799px) {
.header-style-vertical #primary-menu.no-responsive > .menu-item-language,
.header-style-vertical #primary-menu.no-responsive > .menu-item-cart {
display: none;
}
}
@media (max-height: 689px) {
.vertical-menu-item-widgets {
display: none;
}
}
#site-header.fixed.shrink #primary-navigation :not(.hamburger-size-small) .hamburger-toggle,
#site-header.fixed.shrink #primary-navigation :not(.hamburger-size-small) .overlay-toggle,
#site-header.fixed.shrink #perspective-menu-buttons :not(.hamburger-size-small) .perspective-toggle {
width: 18px;
height: 18px;
}
#site-header.fixed.shrink #primary-navigation :not(.hamburger-size-small) .hamburger-toggle [class^="menu-line-"],
#site-header.fixed.shrink #primary-navigation :not(.hamburger-size-small) .overlay-toggle [class^="menu-line-"],
#site-header.fixed.shrink #perspective-menu-buttons :not(.hamburger-size-small) .perspective-toggle [class^="menu-line-"] {
height: 2px;
}
#site-header.fixed.shrink #primary-navigation :not(.hamburger-size-small) .hamburger-toggle .menu-line-1,
#site-header.fixed.shrink #perspective-menu-buttons :not(.hamburger-size-small) .perspective-toggle .menu-line-1,
#site-header.fixed.shrink #primary-navigation :not(.hamburger-size-small) .overlay-toggle .menu-line-1,
#site-header.fixed.shrink #primary-navigation.overlay-active.close :not(.hamburger-size-small) .overlay-toggle .menu-line-1 {
top: 3px;
}
#site-header.fixed.shrink #primary-navigation :not(.hamburger-size-small) .hamburger-toggle .menu-line-2,
#site-header.fixed.shrink #perspective-menu-buttons :not(.hamburger-size-small) .perspective-toggle .menu-line-2,
#site-header.fixed.shrink #primary-navigation :not(.hamburger-size-small) .overlay-toggle .menu-line-2,
#site-header.fixed.shrink #primary-navigation.overlay-active.close :not(.hamburger-size-small) .overlay-toggle .menu-line-2 {
top: 8px;
}
#site-header.fixed.shrink #primary-navigation :not(.hamburger-size-small) .hamburger-toggle .menu-line-3,
#site-header.fixed.shrink #perspective-menu-buttons :not(.hamburger-size-small) .perspective-toggle .menu-line-3,
#site-header.fixed.shrink #primary-navigation :not(.hamburger-size-small) .overlay-toggle .menu-line-3,
#site-header.fixed.shrink #primary-navigation.overlay-active.close :not(.hamburger-size-small) .overlay-toggle .menu-line-3 {
top: 13px;
}
#site-header.fixed.shrink #primary-navigation.hamburger-active :not(.hamburger-size-small) .hamburger-toggle .menu-line-1,
#site-header.fixed.shrink #primary-navigation.hamburger-active :not(.hamburger-size-small) .hamburger-toggle .menu-line-3,
#site-header.fixed.shrink #primary-navigation.overlay-active :not(.hamburger-size-small) .overlay-toggle .menu-line-1,
#site-header.fixed.shrink #primary-navigation.overlay-active :not(.hamburger-size-small) .overlay-toggle .menu-line-3 {
top: 8px;
}
@media (-webkit-device-pixel-ratio: 1.25) {
#site-header.fixed.shrink #primary-navigation :not(.hamburger-size-small) .hamburger-toggle [class^="menu-line-"],
#site-header.fixed.shrink #primary-navigation :not(.hamburger-size-small) .overlay-toggle [class^="menu-line-"],
#site-header.fixed.shrink #perspective-menu-buttons :not(.hamburger-size-small) .perspective-toggle [class^="menu-line-"] {
height: 1.6px;
}
} @media (max-width: 979px) {
#page #site-header .no-menu > .mobile-cart{
display: none;
}
#page #site-header .no-menu > .site-title{
display: flex;
width: 100%;
align-items: center;
justify-content: center;
margin: 0;
}
}
.top-area-background,
.header-background {
position: relative;
}
.top-area-background:before,
.header-background:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#site-header.fixed.shrink .top-area-background:before,
#site-header.fixed.shrink .header-background:before {
opacity: 0.95;
}
#primary-menu.no-responsive .menu-item-socials,
.vertical-menu-item-widgets .menu-item-socials{
margin-top: 25px;
}
#primary-menu.no-responsive .menu-item-socials .socials,
.vertical-menu-item-widgets .socials{
display: flex;
flex-wrap: wrap;
margin: 0 -5px;
}
#primary-menu.no-responsive .menu-item-socials .socials .socials-item,
.vertical-menu-item-widgets .socials .socials-item{
padding: 0 5px;
margin: 10px 0 0 0;
}
.vertical-menu-item-widgets .socials .socials-item{
width: calc(100% / 6);
}
.sticky-header-on-mobile.header-sticky-prepared {
position: relative;
}
#page .sticky-header-on-mobile.header-sticky-prepared #site-header.site-header {
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 390;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
.sticky-header-on-mobile.header-sticky-prepared .header-hide-on-scroll-mobile {
transform: translateY(-100%);
animation: none;
}
.sticky-header-on-mobile.header-sticky-prepared .header-hide-on-scroll-mobile.header-scroll-up {
transform: none;
}
#page .sticky-header-on-mobile.header-sticky-prepared #site-header.site-header.header-sticked {
position: fixed;
}
#primary-menu.no-responsive.submenu-indicator > li.menu-item-has-children:not(.menu-item-type-socials-widget) > a,
#primary-menu.no-responsive.submenu-indicator > li.megamenu-enable > a
#primary-menu.no-responsive.submenu-indicator > li.megamenu-template-enable > a {
display: flex;
align-items: center;
}
#primary-menu.no-responsive.submenu-indicator > li.menu-item-has-children:not(.menu-item-type-socials-widget) > a:after,
#primary-menu.no-responsive.submenu-indicator > li.megamenu-enable > a:after,
#primary-menu.no-responsive.submenu-indicator > li.megamenu-template-enable > a:after {
content: '\e602';
display: inline-block;
font-family: 'thegem-icons';
font-style: normal;
font-weight: normal;
line-height: 1;
vertical-align: middle;
font-size: 16px;
margin-left: var(--thegem-submenu-indicator-spacing, 0px);
}@font-face {
font-family: 'thegem-icons';
src:url(//www.advancedfasteners.co.uk/wp-content/themes/thegem/fonts/thegem-icons.eot);
src:url(//www.advancedfasteners.co.uk/wp-content/themes/thegem/fonts/thegem-icons.eot?#iefix) format('embedded-opentype'),
url(//www.advancedfasteners.co.uk/wp-content/themes/thegem/fonts/thegem-icons.woff) format('woff'),
url(//www.advancedfasteners.co.uk/wp-content/themes/thegem/fonts/thegem-icons.ttf) format('truetype'),
url(//www.advancedfasteners.co.uk/wp-content/themes/thegem/fonts/thegem-icons.svg#thegem-icons) format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}
@font-face {
font-family: 'thegem-socials';
src:url(//www.advancedfasteners.co.uk/wp-content/themes/thegem/fonts/thegem-socials.eot);
src:url(//www.advancedfasteners.co.uk/wp-content/themes/thegem/fonts/thegem-socials.eot?#iefix) format('embedded-opentype'),
url(//www.advancedfasteners.co.uk/wp-content/themes/thegem/fonts/thegem-socials.woff) format('woff'),
url(//www.advancedfasteners.co.uk/wp-content/themes/thegem/fonts/thegem-socials.ttf) format('truetype'),
url(//www.advancedfasteners.co.uk/wp-content/themes/thegem/fonts/thegem-socials.svg#thegem-socials) format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
} body {
background-attachment: fixed;
}
p {
margin: 0 0 1.1em;
}
a {
-o-transition: color 0.3s, background-color 0.3s;
-webkit-transition: color 0.3s, background-color 0.3s;
transition: color 0.3s, background-color 0.3s;
}
::placeholder {
opacity: 1;
}
.row {
margin-bottom: 1.1em;
}
.row:last-of-type {
margin-bottom: 0;
}
button {
outline: none;
}
@media (max-width: 1199px) {
#footer-nav .row {
margin-top: -3em;
}
#footer-nav .row > * {
margin-top: 3em;
}
}
h1:first-child {
margin-top: -10px;
}
h1,
.title-h1 {
margin: 1.4em 0;
text-transform: uppercase;
letter-spacing: 0.05em;
}
h2,
.title-h2 {
text-transform: uppercase;
margin: 1.2em 0;
letter-spacing: 0.05em;
}
h3,
.title-h3 {
text-transform: uppercase;
margin: 1.13em 0;
letter-spacing: 0.05em;
}
h4,
.title-h4 {
text-transform: uppercase;
margin: 1em 0;
letter-spacing: 0.05em;
}
h5,
.title-h5 {
text-transform: uppercase;
margin: 0.5em 0;
letter-spacing: 0.05em;
}
h6,
.title-h6 {
text-transform: uppercase;
margin: 1.19em 0;
letter-spacing: 0.05em;
}
.title-xlarge {
margin: 1.4em 0;
text-transform: uppercase;
letter-spacing: 0.05em;
}
h1 .light,
h2 .light,
h3 .light,
h4 .light,
h5 .light,
h6 .light,
.title-h1 .light,
.title-h2 .light,
.title-h3 .light,
.title-h4 .light,
.title-h5 .light,
.title-h6 .light,
.title-xlarge .light {
text-transform: uppercase;
font-size: inherit;
line-height: inherit;
}
.letter-spacing {
letter-spacing: 0.05em;
}
.page-title-block .title-xlarge,
.page-title-block h1,
.page-title-block h2,
.page-title-block h3,
.page-title-block h4,
.page-title-block h5,
.page-title-block h6,
.page-title-block .title-h1,
.page-title-block .title-h2,
.page-title-block .title-h3,
.page-title-block .title-h4,
.page-title-block .title-h5,
.page-title-block .title-h6 {
margin: 0 auto;
}
.small-body {
font-size: 85%;
line-height: inherit;
display: block;
line-height: 23px;
}
.centered-box {
text-align: center;
}
.gem-dummy {
display: inline-block;
width: 100%;
height: 100%;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}
.grayscale,
.grayscale-image img {
filter: url(//www.advancedfasteners.co.uk/wp-content/themes/thegem/css/grayscale.svg#greyscale);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
}
.gscale img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-transition: 0.3s linear;
transition: 0.3s linear;
}
.gscale:hover img {
-webkit-filter: grayscale(0);
filter: grayscale(0);
}
.grayscale-hover:hover,
.grayscale-image a:hover img,
.grayscale-image .hover img {
-webkit-filter: none;
-moz-filter: none;
-ms-filter: none;
-o-filter: none;
filter: none;
}
.disable-grayscale .grayscale-hover,
.disable-grayscale .grayscale-image a img,
.disable-grayscale .grayscale-image  img {
-webkit-filter: none;
-moz-filter: none;
-ms-filter: none;
-o-filter: none;
filter: none;
}
.inline-row {
font-size: 0;
margin-bottom: -42px;
}
.inline-row-center {
text-align: center;
}
.inline-column {
float: none;
display: inline-block;
text-align: left;
vertical-align: top;
margin-bottom: 42px;
}
.inline-inside {
font-size: 0;
line-height: 0;
}
.z-index {
z-index: 1000;
position: relative;
} ul.styled,
ol.styled,
ul.product_list_widget {
margin: 0;
padding: 0;
list-style: none;
} .fullwidth-block-inner > :last-child,
.fullwidth-block-inner > .container > :last-child,
.centered-box > :last-child,
.gem-textbox-content > :last-child,
.gem-icon-with-text-text > :last-child,
.gem-icon-with-text-content > :last-child,
.gem-alert-box-content > :last-child,
.gem-map-with-text-content > :last-child,
.gem-map-with-text-content > .container > :last-child,
blockquote > :last-child,
.comment-text > :last-child,
.entry-content.post-content > :last-child {
margin-bottom: 0;
}
.entry-content.post-content > .wpb_row:last-child,
.entry-content.post-content > .wpb-content-wrapper > .wpb_row:last-child,
.gem-textbox-content > .wpb_row:last-child {
margin-bottom: 0;
}
.fullwidth-block-inner > :first-child,
.fullwidth-block-inner > .container > :first-child,
.centered-box > :first-child,
.gem-textbox-content > :first-child,
.gem-icon-with-text-text > :first-child,
.gem-icon-with-text-content > :first-child,
.gem-map-with-text-content > :first-child,
.gem-map-with-text-content > .container > :first-child,
.gem_tab > :first-child,
blockquote > :first-child,
.comment-text > :first-child,
.wpb_wrapper > :first-child {
margin-top: 0;
}  .gem-prev,
.gem-next,
.ls-thegem a.ls-nav-prev,
.ls-thegem a.ls-nav-next {
position: absolute;
width: 40px;
top: 0;
bottom: 0;
font-size: 0;
line-height: 0;
text-indent: 100%;
overflow: hidden;
display: block;
-o-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.gem-prev:focus,
.gem-next:focus,
.ls-thegem a.ls-nav-prev:focus,
.ls-thegem a.ls-nav-next:focus {
outline: 0 none;
}
.nivo-directionNav .gem-prev,
.nivo-directionNav .gem-next,
.ls-thegem a.ls-nav-prev,
.ls-thegem a.ls-nav-next,
.related-products-carousel.fullwidth-block .gem-prev,
.related-products-carousel.fullwidth-block .gem-next {
width: 10%;
z-index: 10;
}
.gem-prev,
.ls-thegem a.ls-nav-prev {
left: 0;
}
.gem-next,
.ls-thegem a.ls-nav-next {
right: 0;
}
.gem-prev:after,
.gem-next:after,
.ls-thegem a.ls-nav-prev:after,
.ls-thegem a.ls-nav-next:after {
position: absolute;
font-family: 'thegem-icons';
font-style: normal;
top: 50%;
margin-top: -20px;
left:50%;
margin-left: -20px;
font-size: 24px;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
text-indent: 0;
-o-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.gem-prev:after,
.ls-thegem a.ls-nav-prev:after {
content: '\e636';
}
.gem-next:after,
.ls-thegem a.ls-nav-next:after {
content: '\e634';
}
.gem-prev.disabled,
.gem-next.disabled {
visibility: hidden;
} .gem-pagination {
text-align: left;
margin-top: 75px;
}
.gem-pagination.centered-box {
text-align: center;
}
.gem-pagination-links {
margin: 0 -8px;
}
.gem-pagination a,
.gem-pagination .current,
.gem-pagination .dots {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
margin: 0 2px;
width: 36px;
height: 36px;
line-height: 26px;
text-align: center;
vertical-align: top;
text-decoration: none;
font-size: 14px;
-o-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.gem-pagination .prev,
.gem-pagination .next {
font-size: 0;
}
.gem-pagination .prev {
margin-right: 2px;
}
.gem-pagination .next {
margin-left: 2px;
}
.gem-pagination .prev:before,
.gem-pagination .next:before {
font-family: 'thegem-icons';
font-style: normal;
font-weight: normal;
font-size: 24px;
}
.gem-pagination .prev:before {
content: '\e636';
}
.gem-pagination .next:before {
content: '\e634';
} .gem-mini-pagination {
text-align: center;
padding-top: 15px;
}
.gem-mini-pagination a {
display: inline-block;
width: 17px;
height: 17px;
font-size: 0;
line-height: 0;
text-indent: 100%;
overflow: hidden;
margin: 0 7px;
border-radius: 17px;
-moz-border-radius: 17px;
-webkit-border-radius: 17px;
}
.gem-mini-pagination a:focus {
outline: 0 none;
}
.vc_pagination.vc_pagination-style-thegem.vc_pagination-shape-circle .vc_pagination-trigger {
width: 16px;
height: 16px;
background-color: #b6c6c9;
border-radius: 50%;
}
.vc_pagination.vc_pagination-style-thegem.vc_pagination-shape-circle .vc_pagination-trigger:hover {
background-color: #b6c6c9;
}
.vc_pagination.vc_pagination-style-thegem.vc_pagination-shape-circle .vc_active .vc_pagination-trigger {
background-color: #00bcd4;
}
.vc_pagination.vc_pagination-style-thegem.vc_pagination-shape-square .vc_pagination-trigger {
width: 16px;
height: 16px;
background-color: #3c3950;
border-radius: 3px;
}
.vc_pagination.vc_pagination-style-thegem.vc_pagination-shape-square .vc_pagination-trigger:hover {
background-color: #3c3950;
}
.vc_pagination.vc_pagination-style-thegem.vc_pagination-shape-square .vc_active .vc_pagination-trigger {
background-color: #00bcd4;
} .gem-print-icon {
display: inline-block;
font-family: 'thegem-user-icons';
font-feature-settings: normal;
font-kerning: auto;
font-language-override: normal;
font-size: inherit;
font-size-adjust: none;
font-stretch: normal;
font-style: normal;
font-synthesis: weight style;
font-variant: normal;
font-weight: normal;
line-height: 1;
text-rendering: auto;
text-align: center;
vertical-align: middle;
}
.gem-print-icon.gem-icon-pack-elegant {
font-family: 'ElegantIcons';
font-size: 16px;
}
.gem-print-icon.gem-icon-pack-material {
font-family: 'MaterialDesignIcons';
font-size: 24px;
}
.gem-print-icon.thegemdemo {
font-family: 'TheGemDemoIcons';
font-size: 24px;
}
.gem-print-icon.gem-icon-pack-fontawesome {
font-family: 'FontAwesome';
font-size: 14px;
}
.gem-print-icon.gem-icon-pack-userpack {
font-family: 'UserPack';
font-size: 16px;
}
.gem-print-icon.gem-icon-pack-thegem-header {
font-family: 'TheGem Header';
font-size: 16px;
}
.gem-print-icon.gem-icon-pack-thegem-icons::before {
font-family: 'thegem-icons';
font-style: normal;
font-size: 16px;
vertical-align: top;
}
.gem-print-icon.gem-icon-pack-thegem-icons.gem-icon-share::before {
content: '\e60d';
}
.gem-print-icon.gem-icon-pack-thegem-icons.gem-icon-prev::before {
content: '\e636';
font-size: 24px;
}
.gem-print-icon.gem-icon-pack-thegem-icons.gem-icon-next::before {
content: '\e634';
font-size: 24px;
}
.gem-print-icon.gem-icon-pack-thegem-icons.gem-icon-hamburger::before {
content: '\e620';
}
.gem-icon {
position: relative;
font-weight: normal;
font-family: 'ElegantIcons';
font-size: 24px;
border-radius: 50%;
display: inline-block;
vertical-align: middle;
border-style: solid;
border-width: 3px;
font-style: normal;
}
.gem-icon.gem-icon-pack-material {
font-family: 'MaterialDesignIcons';
}
.gem-icon.gem-icon-pack-fontawesome {
font-family: 'FontAwesome';
}
.gem-icon.gem-icon-pack-thegemdemo {
font-family: 'TheGemDemoIcons';
}
.gem-icon.gem-icon-pack-userpack {
font-family: 'UserPack';
}
.gem-icon.gem-icon-pack-thegem-header {
font-family: 'TheGem Header';
}
.gem-icon-centered {
display: block;
margin: 0 auto;
}
.gem-icon-inner {
position: relative;
height: 100%;
border-radius: 50%;
width: 46px;
height: 46px;
line-height: 46px;
margin: -1px;
}
.gem-icon-size-small {
font-size: 24px;
border-style: solid;
border-width: 3px;
height: 50px;
}
.gem-icon-size-small .gem-icon-inner {
width: 46px;
height: 46px;
line-height: 46px;
}
.gem-icon.gem-simple-icon {
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
width: 24px;
height: 24px;
line-height: 24px;
border: 0 none;
}
.gem-icon.gem-simple-icon .gem-icon-inner {
width: 100%;
height: 100%;
line-height: inherit;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}
.gem-icon-shape-square,
.gem-simple-icon {
border-radius: 3px;
}
.gem-icon-shape-square .gem-icon-inner {
border-radius: 0;
}
.gem-icon-size-medium {
font-size: 48px;
border-width: 4px;
height: 80px;
}
.gem-icon-size-medium .gem-icon-inner {
width: 74px;
height: 74px;
line-height: 74px;
}
.gem-icon-size-medium.gem-simple-icon {
width: 48px;
height: 48px;
line-height: 48px;
}
.gem-icon-size-medium.gem-icon-shape-square,
.gem-icon-size-medium.gem-simple-icon {
border-radius: 3px;
}
.gem-icon-size-large {
font-size: 96px;
border-width: 7px;
height: 160px;
}
.gem-icon-size-large .gem-icon-inner {
width: 148px;
height: 148px;
line-height: 148px;
}
.gem-icon-size-large.gem-simple-icon {
width: 96px;
height: 96px;
line-height: 96px;
}
.gem-icon-size-large.gem-icon-shape-square,
.gem-icon-size-large.gem-simple-icon {
border-radius: 6px;
}
.gem-icon-size-xlarge {
font-size: 144px;
border-width: 13px;
height: 240px;
}
.gem-icon-size-xlarge .gem-icon-inner {
width: 216px;
height: 216px;
line-height: 216px;
}
.gem-icon-size-xlarge.gem-simple-icon {
width: 144px;
height: 144px;
line-height: 144px;
}
.gem-icon-size-xlarge.gem-icon-shape-square,
.gem-icon-size-xlarge.gem-simple-icon {
border-radius:9px;
}
.gem-icon .gem-icon-half-1,
.gem-icon .gem-icon-half-2 {
float: left;
width: 99.999%;
height: 100%;
overflow: hidden;
text-align: center;
}
.gem-icon .gem-icon-half-1 {
margin-left: -50%;
}
.gem-icon .gem-icon-half-2 {
margin-right: -50%;
}
.gem-icon.angle-45deg-l .gem-icon-half-1,
.gem-icon.angle-45deg-l .gem-icon-half-2 {
transform: skew(45deg, 0);
-o-transform: skew(45deg, 0);
-ms-transform: skew(45deg, 0);
-moz-transform: skew(45deg, 0);
-webkit-transform: skew(45deg, 0);
}
.gem-icon.angle-45deg-r .gem-icon-half-1,
.gem-icon.angle-45deg-r .gem-icon-half-2 {
transform: skew(-45deg, 0);
-o-transform: skew(-45deg, 0);
-ms-transform: skew(-45deg, 0);
-moz-transform: skew(-45deg, 0);
-webkit-transform: skew(-45deg, 0);
}
.gem-icon .back-angle {
display: block;
position: relative;
width: 200%;
height: 100%;
}
.gem-icon .gem-icon-half-2 .back-angle {
left: -100%;
}
.gem-icon.angle-45deg-l .back-angle {
transform: skew(-45deg, 0);
-o-transform: skew(-45deg, 0);
-ms-transform: skew(-45deg, 0);
-moz-transform: skew(-45deg, 0);
-webkit-transform: skew(-45deg, 0);
}
.gem-icon.angle-45deg-r .back-angle {
transform: skew(45deg, 0);
-o-transform: skew(45deg, 0);
-ms-transform: skew(45deg, 0);
-moz-transform: skew(45deg, 0);
-webkit-transform: skew(45deg, 0);
}
.gem-icon-use-image img {
width: 1em;
height: 1em;
object-fit: contain;
}
.gem-icon-use-image .back-angle {
display: flex;
align-items: center;
justify-content: center;
}
.gem-icon.gem-icon-size-custom {
width: auto;
height: auto;
box-sizing: content-box;
overflow: hidden;
border-style: solid;
}
.gem-icon.gem-icon-size-custom .gem-icon-inner {
width: 1em;
height: 1em;
line-height: 1em;
height: 1em;
box-sizing: content-box;
}
.gem-icon-use-svg svg {
width: 1em;
height: 1em;
}
.gem-icon a {
transition: opacity 0.3s;
}
.gem-icon a:hover {
opacity: 0.6;
} .gem-button,
input[type='submit'] {
position: relative;
display: inline-block;
text-align: center;
text-transform: uppercase;
white-space: nowrap;
border: 0 none;
vertical-align: middle;
height: 40px;
line-height: 40px;
padding: 0 17px;
font-size: 14px;
margin: 25px;
-o-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
border-radius: 3px;
}
.gem-button.gem-button-no-uppercase,
.gem-button.gem-button-no-uppercase.gem-button-text-weight-thin {
text-transform: none;
}
.gem-button:hover {
text-decoration: none;
}
.gem-button-position-inline {
display: inline-block;
vertical-align: top;
}
.gem-button-position-left {
float: left;
}
.gem-button-position-right {
float: right;
}
.gem-button-position-center {
clear: both;
text-align: center;
display: block;
}
.gem-button-position-fullwidth .gem-button {
width: 100%;
padding-left: 5px;
padding-right: 5px;
text-align: center;
}
.gem-button-size-tiny,
input.gem-button-size-tiny {
height: 30px;
line-height: 30px;
padding: 0 14px;
font-size: 14px;
margin: 20px;
}
.gem-button-size-small,
input.gem-button-size-small {
height: 40px;
line-height: 40px;
padding: 0 17px;
font-size: 14px;
margin: 25px;
}
.gem-button-size-medium,
input.gem-button-size-medium {
height: 50px;
line-height: 50px;
padding: 0 25px;
font-size: 19px;
margin: 30px;
}
.gem-button-size-large,
input.gem-button-size-large {
height: 80px;
line-height: 80px;
padding: 0 37px;
font-size: 24px;
margin: 40px;
}
.gem-button-size-giant,
input.gem-button-size-giant {
height: 100px;
line-height: 100px;
padding: 0 53px;
font-size: 36px;
margin: 50px;
}
@media (max-width: 992px) {
.gem-button-tablet-size-tiny,
input.gem-button-tablet-size-tiny {
height: 30px;
line-height: 30px;
padding: 0 14px;
font-size: 14px;
margin: 20px;
}
.gem-button-tablet-size-small,
input.gem-button-tablet-size-small {
height: 40px;
line-height: 40px;
padding: 0 17px;
font-size: 14px;
margin: 25px;
}
.gem-button-tablet-size-medium,
input.gem-button-tablet-size-medium {
height: 50px;
line-height: 50px;
padding: 0 25px;
font-size: 19px;
margin: 30px;
}
.gem-button-tablet-size-large,
input.gem-button-tablet-size-large {
height: 80px;
line-height: 80px;
padding: 0 37px;
font-size: 24px;
margin: 40px;
}
.gem-button-tablet-size-giant,
input.gem-button-tablet-size-giant {
height: 100px;
line-height: 100px;
padding: 0 53px;
font-size: 36px;
margin: 50px;
}
}
@media (max-width: 767px) {
.gem-button-size-large {
height: 50px;
line-height: 50px;
padding: 0 25px;
font-size: 19px;
margin: 30px;
}
.gem-button-size-giant {
height: 80px;
line-height: 80px;
padding: 0 37px;
font-size: 24px;
margin: 40px;
}
.gem-button-mobile-size-tiny,
input.gem-button-mobile-size-tiny {
height: 30px;
line-height: 30px;
padding: 0 14px;
font-size: 14px;
margin: 20px;
}
.gem-button-mobile-size-small,
input.gem-button-mobile-size-small {
height: 40px;
line-height: 40px;
padding: 0 17px;
font-size: 14px;
margin: 25px;
}
.gem-button-mobile-size-medium,
input.gem-button-mobile-size-medium {
height: 50px;
line-height: 50px;
padding: 0 25px;
font-size: 19px;
margin: 30px;
}
.gem-button-mobile-size-large,
input.gem-button-mobile-size-large {
height: 80px;
line-height: 80px;
padding: 0 37px;
font-size: 24px;
margin: 40px;
}
.gem-button-mobile-size-giant,
input.gem-button-mobile-size-giant {
height: 100px;
line-height: 100px;
padding: 0 53px;
font-size: 36px;
margin: 50px;
}
}
.gem-button.gem-button-empty {
padding-left: 0;
padding-right: 0;
width: 40px;
}
.gem-button.gem-button-empty.gem-button-size-tiny {
width: 30px;
}
.gem-button.gem-button-empty.gem-button-size-small {
width: 40px;
}
.gem-button.gem-button-empty.gem-button-size-medium {
width: 50px;
}
.gem-button.gem-button-empty.gem-button-size-large {
width: 80px;
}
.gem-button.gem-button-empty.gem-button-size-giant {
width: 100px;
}
.gem-button.gem-button-style-outline {
border-width: 2px;
line-height: 36px;
border-style: solid;
background: transparent;
}
.gem-button.gem-button-style-outline {
background: transparent;
}
.gem-button-style-outline.gem-button-border-1 {
border-width: 1px;
line-height: 38px;
}
.gem-button-style-outline.gem-button-border-3 {
border-width: 3px;
line-height: 34px;
}
.gem-button-style-outline.gem-button-border-4 {
border-width: 4px;
line-height: 32px;
}
.gem-button-style-outline.gem-button-border-5 {
border-width: 5px;
line-height: 30px;
}
.gem-button-style-outline.gem-button-border-6 {
border-width: 6px;
line-height: 28px;
}
.gem-button-size-tiny.gem-button-border-1 {
line-height: 28px;
}
.gem-button-size-tiny.gem-button-style-outline {
line-height: 26px;
}
.gem-button-size-tiny.gem-button-border-3 {
line-height: 24px;
}
.gem-button-size-tiny.gem-button-border-4 {
line-height: 22px;
}
.gem-button-size-tiny.gem-button-border-5 {
line-height: 20px;
}
.gem-button-size-tiny.gem-button-border-6 {
line-height: 18px;
}
.gem-button-size-medium.gem-button-border-1 {
line-height: 48px;
}
.gem-button-size-medium.gem-button-style-outline {
line-height: 46px;
}
.gem-button-size-medium.gem-button-border-3 {
line-height: 44px;
}
.gem-button-size-medium.gem-button-border-4 {
line-height: 42px;
}
.gem-button-size-medium.gem-button-border-5 {
line-height: 40px;
}
.gem-button-size-medium.gem-button-border-6 {
line-height: 38px;
}
.gem-button-size-large.gem-button-border-1 {
line-height: 78px;
}
.gem-button-size-large.gem-button-style-outline {
line-height: 76px;
}
.gem-button-size-large.gem-button-border-3 {
line-height: 74px;
}
.gem-button-size-large.gem-button-border-4 {
line-height: 72px;
}
.gem-button-size-large.gem-button-border-5 {
line-height: 70px;
}
.gem-button-size-large.gem-button-border-6 {
line-height: 68px;
}
.gem-button-size-giant.gem-button-border-1 {
line-height: 98px;
}
.gem-button-size-giant.gem-button-style-outline {
line-height: 96px;
}
.gem-button-size-giant.gem-button-border-3 {
line-height: 94px;
}
.gem-button-size-giant.gem-button-border-4 {
line-height: 92px;
}
.gem-button-size-giant.gem-button-border-5 {
line-height: 90px;
}
.gem-button-size-giant.gem-button-border-6 {
line-height: 88px;
}
@media (max-width: 992px) {
.gem-button-tablet-size-small.gem-button-style-outline {
border-width: 2px;
line-height: 36px;
}
.gem-button-style-outline.gem-button-tablet-border-1 {
border-width: 1px;
line-height: 38px;
}
.gem-button-style-outline.gem-button-tablet-border-3 {
border-width: 3px;
line-height: 34px;
}
.gem-button-style-outline.gem-button-tablet-border-4 {
border-width: 4px;
line-height: 32px;
}
.gem-button-style-outline.gem-button-tablet-border-5 {
border-width: 5px;
line-height: 30px;
}
.gem-button-style-outline.gem-button-tablet-border-6 {
border-width: 6px;
line-height: 28px;
}
.gem-button-tablet-size-tiny.gem-button-tablet-border-1 {
line-height: 28px;
}
.gem-button-tablet-size-tiny.gem-button-style-outline {
line-height: 26px;
}
.gem-button-tablet-size-tiny.gem-button-tablet-border-3 {
line-height: 24px;
}
.gem-button-tablet-size-tiny.gem-button-tablet-border-4 {
line-height: 22px;
}
.gem-button-tablet-size-tiny.gem-button-tablet-border-5 {
line-height: 20px;
}
.gem-button-tablet-size-tiny.gem-button-tablet-border-6 {
line-height: 18px;
}
.gem-button-tablet-size-medium.gem-button-tablet-border-1 {
line-height: 48px;
}
.gem-button-tablet-size-medium.gem-button-style-outline {
line-height: 46px;
}
.gem-button-tablet-size-medium.gem-button-tablet-border-3 {
line-height: 44px;
}
.gem-button-tablet-size-medium.gem-button-tablet-border-4 {
line-height: 42px;
}
.gem-button-tablet-size-medium.gem-button-tablet-border-5 {
line-height: 40px;
}
.gem-button-tablet-size-medium.gem-button-tablet-border-6 {
line-height: 38px;
}
.gem-button-tablet-size-large.gem-button-tablet-border-1 {
line-height: 78px;
}
.gem-button-tablet-size-large.gem-button-style-outline {
line-height: 76px;
}
.gem-button-tablet-size-large.gem-button-tablet-border-3 {
line-height: 74px;
}
.gem-button-tablet-size-large.gem-button-tablet-border-4 {
line-height: 72px;
}
.gem-button-tablet-size-large.gem-button-tablet-border-5 {
line-height: 70px;
}
.gem-button-tablet-size-large.gem-button-tablet-border-6 {
line-height: 68px;
}
.gem-button-tablet-size-giant.gem-button-tablet-border-1 {
line-height: 98px;
}
.gem-button-tablet-size-giant.gem-button-style-outline {
line-height: 96px;
}
.gem-button-tablet-size-giant.gem-button-tablet-border-3 {
line-height: 94px;
}
.gem-button-tablet-size-giant.gem-button-tablet-border-4 {
line-height: 92px;
}
.gem-button-tablet-size-giant.gem-button-tablet-border-5 {
line-height: 90px;
}
.gem-button-tablet-size-giant.gem-button-tablet-border-6 {
line-height: 88px;
}
}
@media (max-width: 767px) {
.gem-button-size-large.gem-button-border-1 {
line-height: 48px;
}
.gem-button-size-large.gem-button-style-outline {
line-height: 46px;
}
.gem-button-size-large.gem-button-border-3 {
line-height: 44px;
}
.gem-button-size-large.gem-button-border-4 {
line-height: 42px;
}
.gem-button-size-large.gem-button-border-5 {
line-height: 40px;
}
.gem-button-size-large.gem-button-border-6 {
line-height: 38px;
}
.gem-button-size-giant.gem-button-border-1 {
line-height: 78px;
}
.gem-button-size-giant.gem-button-style-outline {
line-height: 76px;
}
.gem-button-size-giant.gem-button-border-3 {
line-height: 74px;
}
.gem-button-size-giant.gem-button-border-4 {
line-height: 72px;
}
.gem-button-size-giant.gem-button-border-5 {
line-height: 70px;
}
.gem-button-size-giant.gem-button-border-6 {
line-height: 68px;
}
.gem-button-mobile-size-small.gem-button-style-outline {
border-width: 2px;
line-height: 36px;
}
.gem-button-style-outline.gem-button-mobile-border-1 {
border-width: 1px;
line-height: 38px;
}
.gem-button-style-outline.gem-button-mobile-border-3 {
border-width: 3px;
line-height: 34px;
}
.gem-button-style-outline.gem-button-mobile-border-4 {
border-width: 4px;
line-height: 32px;
}
.gem-button-style-outline.gem-button-mobile-border-5 {
border-width: 5px;
line-height: 30px;
}
.gem-button-style-outline.gem-button-mobile-border-6 {
border-width: 6px;
line-height: 28px;
}
.gem-button-mobile-size-tiny.gem-button-mobile-border-1 {
line-height: 28px;
}
.gem-button-mobile-size-tiny.gem-button-style-outline {
line-height: 26px;
}
.gem-button-mobile-size-tiny.gem-button-mobile-border-3 {
line-height: 24px;
}
.gem-button-mobile-size-tiny.gem-button-mobile-border-4 {
line-height: 22px;
}
.gem-button-mobile-size-tiny.gem-button-mobile-border-5 {
line-height: 20px;
}
.gem-button-mobile-size-tiny.gem-button-mobile-border-6 {
line-height: 18px;
}
.gem-button-mobile-size-medium.gem-button-mobile-border-1 {
line-height: 48px;
}
.gem-button-mobile-size-medium.gem-button-style-outline {
line-height: 46px;
}
.gem-button-mobile-size-medium.gem-button-mobile-border-3 {
line-height: 44px;
}
.gem-button-mobile-size-medium.gem-button-mobile-border-4 {
line-height: 42px;
}
.gem-button-mobile-size-medium.gem-button-mobile-border-5 {
line-height: 40px;
}
.gem-button-mobile-size-medium.gem-button-mobile-border-6 {
line-height: 38px;
}
.gem-button-mobile-size-large.gem-button-mobile-border-1 {
line-height: 78px;
}
.gem-button-mobile-size-large.gem-button-style-outline {
line-height: 76px;
}
.gem-button-mobile-size-large.gem-button-mobile-border-3 {
line-height: 74px;
}
.gem-button-mobile-size-large.gem-button-mobile-border-4 {
line-height: 72px;
}
.gem-button-mobile-size-large.gem-button-mobile-border-5 {
line-height: 70px;
}
.gem-button-mobile-size-large.gem-button-mobile-border-6 {
line-height: 68px;
}
.gem-button-mobile-size-giant.gem-button-mobile-border-1 {
line-height: 98px;
}
.gem-button-mobile-size-giant.gem-button-style-outline {
line-height: 96px;
}
.gem-button-mobile-size-giant.gem-button-mobile-border-3 {
line-height: 94px;
}
.gem-button-mobile-size-giant.gem-button-mobile-border-4 {
line-height: 92px;
}
.gem-button-mobile-size-giant.gem-button-mobile-border-5 {
line-height: 90px;
}
.gem-button-mobile-size-giant.gem-button-mobile-border-6 {
line-height: 88px;
}
}
.gem-button-position-inline .gem-button {
margin-left: 0;
}
.gem-button-position-left .gem-button {
margin-left: 0;
margin-top: 0;
}
.gem-button-position-right .gem-button {
margin-right: 0;
margin-top: 0;
}
.gem-button-position-center .gem-button,
.gem-button-position-fullwidth .gem-button {
margin-left: 0;
margin-right: 0;
}
.gem-button-size-large .gem-print-icon.gem-icon-pack-elegant,
.gem-button-size-giant .gem-print-icon.gem-icon-pack-elegant {
font-size: 32px;
}
.gem-button-size-large .gem-print-icon.gem-icon-pack-material,
.gem-button-size-giant .gem-print-icon.gem-icon-pack-material {
font-size: 48px;
}
.gem-button-size-large .gem-print-icon.gem-icon-pack-fontawesome,
.gem-button-size-giant .gem-print-icon.gem-icon-pack-fontawesome {
font-size: 28px;
}
.gem-button-size-large .gem-print-icon.gem-icon-pack-userpack,
.gem-button-size-giant .gem-print-icon.gem-icon-pack-userpack {
font-size: 32px;
}
.gem-button i.gem-print-icon {
line-height: inherit;
vertical-align: top;
height: 100%;
line-height: inherit;
}
.gem-button-icon-position-left .gem-print-icon {
margin-right: 6px;
}
.gem-button-icon-position-left.gem-button-size-tiny .gem-print-icon {
margin-right: 6px;
}
.gem-button-icon-position-left.gem-button-size-medium .gem-print-icon {
margin-right: 9px;
}
.gem-button-icon-position-left.gem-button-size-large .gem-print-icon {
margin-right: 12px;
}
.gem-button-icon-position-left.gem-button-size-giant .gem-print-icon {
margin-right: 16px;
}
.gem-button-icon-position-right .gem-print-icon {
margin-left: 6px;
}
.gem-button-icon-position-right.gem-button-size-tiny .gem-print-icon {
margin-left: 6px;
}
.gem-button-icon-position-right.gem-button-size-medium .gem-print-icon {
margin-left: 9px;
}
.gem-button-icon-position-right.gem-button-size-large .gem-print-icon {
margin-left: 12px;
}
.gem-button-icon-position-right.gem-button-size-giant .gem-print-icon {
margin-left: 16px;
}
.blog-load-more {
position: relative;
}
.blog-load-more .gem-button {
margin: 0;
}
.portfolio-load-more .gem-button,
.gem-product-load-more .gem-button {
margin-right: 0;
}
@media (max-width: 767px) {
.gem-button.gem-button-empty.gem-button-size-large {
width: 50px;
}
.gem-button-icon-position-left.gem-button-size-large .gem-print-icon {
margin-right: 9px;
}
.gem-button-icon-position-right.gem-button-size-large .gem-print-icon {
margin-left: 9px;
}
.gem-button.gem-button-empty.gem-button-size-giant {
width: 80px;
}
.gem-button-icon-position-left.gem-button-size-giant .gem-print-icon {
margin-right: 12px;
}
.gem-button-icon-position-right.gem-button-size-giant .gem-print-icon {
margin-left: 12px;
}
}
.gem-button img {
width: 1em;
height: 1em;
object-fit: contain;
}
.gem-button svg {
width: 1em;
height: 1em;
width: max(1em, 16px);
height: max(1em, 16px);
transition: all 0.3s;
}
.gem-button.gem-button-flex {
display: inline-flex;
align-items: center;
justify-content: center;
}
.gem-button .gem-button-text {
margin: 0;
color: inherit;
line-height: 1em;
} a.socials-item {
display: inline-block;
vertical-align: top;
text-align: center;
-o-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
margin: 0 5px;
line-height: 16px;
}
.socials-item-icon {
display: inline-block;
font-family: 'thegem-socials';
font-weight: normal;
width: 1em;
height: 1em;
line-height: 1;
font-size: 16px;
text-align: center;
vertical-align: top;
font-feature-settings: normal;
font-kerning: auto;
font-language-override: normal;
font-size-adjust: none;
font-stretch: normal;
font-style: normal;
font-synthesis: weight style;
font-variant: normal;
font-weight: normal;
text-rendering: auto;
}
a .socials-item-icon {
-o-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.socials-item-icon.facebook::before {
content: '\e600';
}
.socials-colored a .socials-item-icon.facebook,
.socials-colored-hover a:hover .socials-item-icon.facebook {
color: #4e64b5;
}
.socials-item-icon.twitter::before {
content: '\e675';
}
.socials-colored a .socials-item-icon.twitter,
.socials-colored-hover a:hover .socials-item-icon.twitter {
color: #99a9b5;
}
.socials-item-icon.pinterest::before {
content: '\e602';
}
.socials-colored a .socials-item-icon.pinterest,
.socials-colored-hover a:hover .socials-item-icon.pinterest {
color: #ff5757;
}
.socials-item-icon.google-plus::before,
.socials-item-icon.googleplus::before {
content: '\e603';
}
.socials-colored a .socials-item-icon.google-plus,
.socials-colored a .socials-item-icon.googleplus,
.socials-colored-hover a:hover .socials-item-icon.google-plus,
.socials-colored-hover a:hover .socials-item-icon.googleplus {
color: #f44336;
}
.socials-item-icon.tumblr::before {
content: '\e604';
}
.socials-colored a .socials-item-icon.tumblr,
.socials-colored-hover a:hover .socials-item-icon.tumblr {
color: #456988;
}
.socials-item-icon.stumbleupon::before {
content: '\e605';
}
.socials-colored a .socials-item-icon.stumbleupon,
.socials-colored-hover a:hover .socials-item-icon.stumbleupon {
color: #46485c;
}
.socials-item-icon.wordpress::before {
content: '\e606';
}
.socials-colored a .socials-item-icon.wordpress,
.socials-colored-hover a:hover .socials-item-icon.wordpress {
color: #0087be;
}
.socials-item-icon.instagram::before {
content: '\e607';
}
.socials-colored a .socials-item-icon.instagram,
.socials-colored-hover a:hover .socials-item-icon.instagram {
color: #9a8f62;
}
.socials-item-icon.dribbble::before {
content: '\e608';
}
.socials-colored a .socials-item-icon.dribbble,
.socials-colored-hover a:hover .socials-item-icon.dribbble {
color: #ec4a89;
}
.socials-item-icon.vimeo::before {
content: '\e609';
}
.socials-colored a .socials-item-icon.vimeo,
.socials-colored-hover a:hover .socials-item-icon.vimeo {
color: #1db3e3;
}
.socials-item-icon.linkedin::before {
content: '\e60a';
}
.socials-colored a .socials-item-icon.linkedin,
.socials-colored-hover a:hover .socials-item-icon.linkedin {
color: #0288d1;
}
.socials-item-icon.rss::before {
content: '\e60b';
}
.socials-colored a .socials-item-icon.rss,
.socials-colored-hover a:hover .socials-item-icon.rss {
color: #ef8321;
}
.socials-item-icon.deviantart::before {
content: '\e60c';
}
.socials-colored a .socials-item-icon.deviantart,
.socials-colored-hover a:hover .socials-item-icon.deviantart {
color: #00d13b;
}
.socials-item-icon.share::before {
content: '\e60d';
}
.socials-colored a .socials-item-icon.share,
.socials-colored-hover a:hover .socials-item-icon.share {
color: #ff694c;
}
.socials-item-icon.myspace::before {
content: '\e60e';
}
.socials-colored a .socials-item-icon.myspace,
.socials-colored-hover a:hover .socials-item-icon.myspace {
color: #003399;
}
.socials-item-icon.skype::before {
content: '\e60f';
}
.socials-colored a .socials-item-icon.skype,
.socials-colored-hover a:hover .socials-item-icon.skype {
color: #00aff0;
}
.socials-item-icon.youtube::before {
content: '\e610';
}
.socials-colored a .socials-item-icon.youtube,
.socials-colored-hover a:hover .socials-item-icon.youtube {
color: #c82929;
}
.socials-item-icon.picassa::before {
content: '\e611';
}
.socials-colored a .socials-item-icon.picassa,
.socials-colored-hover a:hover .socials-item-icon.picassa {
color: #9966cc;
}
.socials-item-icon.google-drive::before,
.socials-item-icon.googledrive::before {
content: '\e612';
}
.socials-colored a .socials-item-icon.google-drive,
.socials-colored-hover a:hover .socials-item-icon.google-drive,
.socials-colored a .socials-item-icon.googledrive,
.socials-colored-hover a:hover .socials-item-icon.googledrive {
color: #2db672;
}
.socials-item-icon.flickr::before {
content: '\e613';
}
.socials-colored a .socials-item-icon.flickr,
.socials-colored-hover a:hover .socials-item-icon.flickr {
color: #ff0084;
}
.socials-item-icon.blogger::before {
content: '\e614';
}
.socials-colored a .socials-item-icon.blogger,
.socials-colored-hover a:hover .socials-item-icon.blogger {
color: #f06a35;
}
.socials-item-icon.spotify::before {
content: '\e615';
}
.socials-colored a .socials-item-icon.spotify,
.socials-colored-hover a:hover .socials-item-icon.spotify {
color: #1ed760;
}
.socials-item-icon.delicious::before {
content: '\e616';
}
.socials-colored a .socials-item-icon.delicious,
.socials-colored-hover a:hover .socials-item-icon.delicious {
color: #229bf7;
}
.socials-item-icon.telegram::before {
content: '\e645';
}
.socials-colored a .socials-item-icon.telegram,
.socials-colored-hover a:hover .socials-item-icon.telegram {
color: #2ca5e0;
}
.socials-item-icon.vk::before {
content: '\e648';
}
.socials-colored a .socials-item-icon.vk,
.socials-colored-hover a:hover .socials-item-icon.vk {
color: #5181b8;
}
.socials-item-icon.whatsapp::before {
content: '\e64b';
}
.socials-colored a .socials-item-icon.whatsapp,
.socials-colored-hover a:hover .socials-item-icon.whatsapp {
color: #30b220;
}
.socials-item-icon.viber::before {
content: '\e64e';
}
.socials-colored a .socials-item-icon.viber,
.socials-colored-hover a:hover .socials-item-icon.viber {
color: #7a4e9d;
}
.socials-item-icon.ok::before {
content: '\e651';
}
.socials-colored a .socials-item-icon.ok,
.socials-colored-hover a:hover .socials-item-icon.ok {
color: #df8733;
}
.socials-item-icon.reddit::before {
content: '\e654';
}
.socials-colored a .socials-item-icon.reddit,
.socials-colored-hover a:hover .socials-item-icon.reddit {
color: #ff4500;
}
.socials-item-icon.slack::before {
content: '\e657';
}
.socials-colored a .socials-item-icon.slack,
.socials-colored-hover a:hover .socials-item-icon.slack {
color: #63c1a0;
}
.socials-item-icon.askfm::before {
content: '\e65a';
}
.socials-colored a .socials-item-icon.askfm,
.socials-colored-hover a:hover .socials-item-icon.askfm {
color: #ff6648;
}
.socials-item-icon.meetup::before {
content: '\e65d';
}
.socials-colored a .socials-item-icon.meetup,
.socials-colored-hover a:hover .socials-item-icon.meetup {
color: #e25063;
}
.socials-item-icon.weibo::before {
content: '\e660';
}
.socials-colored a .socials-item-icon.weibo,
.socials-colored-hover a:hover .socials-item-icon.weibo {
color: #d52b2a;
}
.socials-item-icon.qzone::before {
content: '\e663';
}
.socials-colored a .socials-item-icon.qzone,
.socials-colored-hover a:hover .socials-item-icon.qzone {
color: #fece00;
}
.socials-item-icon.tiktok::before {
content: '\e666';
}
.socials-colored a .socials-item-icon.tiktok,
.socials-colored-hover a:hover .socials-item-icon.tiktok {
color: #ff0050;
}
.socials-item-icon.soundcloud::before {
content: '\e669';
}
.socials-colored a .socials-item-icon.soundcloud,
.socials-colored-hover a:hover .socials-item-icon.soundcloud {
color: #ff3300;
}
.socials-item-icon.discord::before {
content: '\e66c';
}
.socials-colored a .socials-item-icon.discord,
.socials-colored-hover a:hover .socials-item-icon.discord {
color: #7289da;
}
.socials-item-icon.wechat::before {
content: '\e66f';
}
.socials-colored a .socials-item-icon.wechat,
.socials-colored-hover a:hover .socials-item-icon.wechat {
color: #00bf2c;
}
.socials-item-icon.xing::before {
content: '\e672';
}
.socials-colored a .socials-item-icon.xing,
.socials-colored-hover a:hover .socials-item-icon.xing {
color: #046064;
}
.socials-item-icon.twitter-old::before {
content: '\e601';
}
.socials-colored a .socials-item-icon.twitter-old,
.socials-colored-hover a:hover .socials-item-icon.twitter-old {
color: #00aced;
}
.socials-item-icon.threads::before {
content: '\e678';
}
.socials-colored a .socials-item-icon.threads,
.socials-colored-hover a:hover .socials-item-icon.threads {
color: #99a9b5;
}
.socials-item-icon.bluesky::before {
content: '\e67b';
}
.socials-colored a .socials-item-icon.bluesky,
.socials-colored-hover a:hover .socials-item-icon.bluesky {
color: #0085ff;
}
.socials-item-icon.houzz::before {
content: '\e67e';
}
.socials-colored a .socials-item-icon.houzz,
.socials-colored-hover a:hover .socials-item-icon.houzz {
color: #4bb714;
}
.social-item-rounded.socials-item-icon.facebook::before,
.socials-rounded .socials-item-icon.facebook::before {
content: '\e617';
}
.social-item-rounded.socials-item-icon.twitter::before,
.socials-rounded .socials-item-icon.twitter::before {
content: '\e676';
}
.social-item-rounded.socials-item-icon.pinterest::before,
.socials-rounded .socials-item-icon.pinterest::before {
content: '\e619';
}
.social-item-rounded.socials-item-icon.google-plus::before,
.social-item-rounded.socials-item-icon.googleplus::before,
.socials-rounded .socials-item-icon.google-plus::before,
.socials-rounded .socials-item-icon.googleplus::before {
content: '\e61a';
}
.social-item-rounded.socials-item-icon.tumblr::before,
.socials-rounded .socials-item-icon.tumblr::before {
content: '\e61b';
}
.social-item-rounded.socials-item-icon.stumbleupon::before,
.socials-rounded .socials-item-icon.stumbleupon::before {
content: '\e61c';
}
.social-item-rounded.socials-item-icon.wordpress::before,
.socials-rounded .socials-item-icon.wordpress::before {
content: '\e61d';
}
.social-item-rounded.socials-item-icon.instagram::before,
.socials-rounded .socials-item-icon.instagram::before {
content: '\e61e';
}
.social-item-rounded.socials-item-icon.dribbble::before,
.socials-rounded .socials-item-icon.dribbble::before {
content: '\e61f';
}
.social-item-rounded.socials-item-icon.vimeo::before,
.socials-rounded .socials-item-icon.vimeo::before {
content: '\e620';
}
.social-item-rounded.socials-item-icon.linkedin::before,
.socials-rounded .socials-item-icon.linkedin::before {
content: '\e621';
}
.social-item-rounded.socials-item-icon.rss::before,
.socials-rounded .socials-item-icon.rss::before {
content: '\e622';
}
.social-item-rounded.socials-item-icon.deviantart::before,
.socials-rounded .socials-item-icon.deviantart::before {
content: '\e623';
}
.social-item-rounded.socials-item-icon.share::before,
.socials-rounded .socials-item-icon.share::before {
content: '\e624';
}
.social-item-rounded.socials-item-icon.myspace::before,
.socials-rounded .socials-item-icon.myspace::before {
content: '\e625';
}
.social-item-rounded.socials-item-icon.skype::before,
.socials-rounded .socials-item-icon.skype::before {
content: '\e626';
}
.social-item-rounded.socials-item-icon.youtube::before,
.socials-rounded .socials-item-icon.youtube::before {
content: '\e627';
}
.social-item-rounded.socials-item-icon.picassa::before,
.socials-rounded .socials-item-icon.picassa::before {
content: '\e628';
}
.social-item-rounded.socials-item-icon.google-drive::before,
.social-item-rounded.socials-item-icon.googledrive::before,
.socials-rounded .socials-item-icon.google-drive::before,
.socials-rounded .socials-item-icon.googledrive::before {
content: '\e629';
}
.social-item-rounded.socials-item-icon.flickr::before,
.socials-rounded .socials-item-icon.flickr::before {
content: '\e62a';
}
.social-item-rounded.socials-item-icon.blogger::before,
.socials-rounded .socials-item-icon.blogger::before {
content: '\e62b';
}
.social-item-rounded.socials-item-icon.spotify::before,
.socials-rounded .socials-item-icon.spotify::before {
content: '\e62c';
}
.social-item-rounded.socials-item-icon.delicious::before,
.socials-rounded .socials-item-icon.delicious::before {
content: '\e62d';
}
.social-item-rounded.socials-item-icon.telegram::before,
.socials-rounded .socials-item-icon.telegram::before {
content: '\e646';
}
.social-item-rounded.socials-item-icon.vk::before,
.socials-rounded .socials-item-icon.vk::before {
content: '\e649';
}
.social-item-rounded.socials-item-icon.whatsapp::before,
.socials-rounded .socials-item-icon.whatsapp::before {
content: '\e64c';
}
.social-item-rounded.socials-item-icon.viber::before,
.socials-rounded .socials-item-icon.viber::before {
content: '\e64f';
}
.social-item-rounded.socials-item-icon.ok::before,
.socials-rounded .socials-item-icon.ok::before {
content: '\e652';
}
.social-item-rounded.socials-item-icon.reddit::before,
.socials-rounded .socials-item-icon.reddit::before {
content: '\e655';
}
.social-item-rounded.socials-item-icon.slack::before,
.socials-rounded .socials-item-icon.slack::before {
content: '\e658';
}
.social-item-rounded.socials-item-icon.askfm::before,
.socials-rounded .socials-item-icon.askfm::before {
content: '\e65b';
}
.social-item-rounded.socials-item-icon.meetup::before,
.socials-rounded .socials-item-icon.meetup::before {
content: '\e65e';
}
.social-item-rounded.socials-item-icon.weibo::before,
.socials-rounded .socials-item-icon.weibo::before {
content: '\e661';
}
.social-item-rounded.socials-item-icon.qzone::before,
.socials-rounded .socials-item-icon.qzone::before {
content: '\e664';
}
.social-item-rounded.socials-item-icon.tiktok::before,
.socials-rounded .socials-item-icon.tiktok::before {
content: '\e667';
}
.social-item-rounded.socials-item-icon.soundcloud::before,
.socials-rounded .socials-item-icon.soundcloud::before {
content: '\e66a';
}
.social-item-rounded.socials-item-icon.discord::before,
.socials-rounded .socials-item-icon.discord::before {
content: '\e66d';
}
.social-item-rounded.socials-item-icon.wechat::before,
.socials-rounded .socials-item-icon.wechat::before {
content: '\e670';
}
.social-item-rounded.socials-item-icon.xing::before,
.socials-rounded .socials-item-icon.xing::before {
content: '\e673';
}
.social-item-rounded.socials-item-icon.twitter-old::before,
.socials-rounded .socials-item-icon.twitter-old::before {
content: '\e618';
}
.social-item-rounded.socials-item-icon.threads::before,
.socials-rounded .socials-item-icon.threads::before {
content: '\e679';
}
.social-item-rounded.socials-item-icon.bluesky::before,
.socials-rounded .socials-item-icon.bluesky::before {
content: '\e67c';
}
.social-item-rounded.socials-item-icon.houzz::before,
.socials-rounded .socials-item-icon.houzz::before {
content: '\e67f';
}
.social-item-square.socials-item-icon.facebook::before,
.socials-square .socials-item-icon.facebook::before {
content: '\e62e';
}
.social-item-square.socials-item-icon.twitter::before,
.socials-square .socials-item-icon.twitter::before {
content: '\e677';
}
.social-item-square.socials-item-icon.pinterest::before,
.socials-square .socials-item-icon.pinterest::before {
content: '\e630';
}
.social-item-square.socials-item-icon.google-plus::before,
.social-item-square.socials-item-icon.googleplus::before,
.socials-square .socials-item-icon.google-plus::before,
.socials-square .socials-item-icon.googleplus::before {
content: '\e631';
}
.social-item-square.socials-item-icon.tumblr::before,
.socials-square .socials-item-icon.tumblr::before {
content: '\e632';
}
.social-item-square.socials-item-icon.stumbleupon::before,
.socials-square .socials-item-icon.stumbleupon::before {
content: '\e633';
}
.social-item-square.socials-item-icon.wordpress::before,
.socials-square .socials-item-icon.wordpress::before {
content: '\e634';
}
.social-item-square.socials-item-icon.instagram::before,
.socials-square .socials-item-icon.instagram::before {
content: '\e635';
}
.social-item-square.socials-item-icon.dribbble::before,
.socials-square .socials-item-icon.dribbble::before {
content: '\e636';
}
.social-item-square.socials-item-icon.vimeo::before,
.socials-square .socials-item-icon.vimeo::before {
content: '\e637';
}
.social-item-square.socials-item-icon.linkedin::before,
.socials-square .socials-item-icon.linkedin::before {
content: '\e638';
}
.social-item-square.socials-item-icon.rss::before,
.socials-square .socials-item-icon.rss::before {
content: '\e639';
}
.social-item-square.socials-item-icon.deviantart::before,
.socials-square .socials-item-icon.deviantart::before {
content: '\e63a';
}
.social-item-square.socials-item-icon.share::before,
.socials-square .socials-item-icon.share::before {
content: '\e63b';
}
.social-item-square.socials-item-icon.myspace::before,
.socials-square .socials-item-icon.myspace::before {
content: '\e63c';
}
.social-item-square.socials-item-icon.skype::before,
.socials-square .socials-item-icon.skype::before {
content: '\e63d';
}
.social-item-square.socials-item-icon.youtube::before,
.socials-square .socials-item-icon.youtube::before {
content: '\e63e';
}
.social-item-square.socials-item-icon.picassa::before,
.socials-square .socials-item-icon.picassa::before {
content: '\e63f';
}
.social-item-square.socials-item-icon.google-drive::before,
.social-item-square.socials-item-icon.googledrive::before,
.socials-square .socials-item-icon.google-drive::before,
.socials-square .socials-item-icon.googledrive::before {
content: '\e640';
}
.social-item-square.socials-item-icon.flickr::before,
.socials-square .socials-item-icon.flickr::before {
content: '\e641';
}
.social-item-square.socials-item-icon.blogger::before,
.socials-square .socials-item-icon.blogger::before {
content: '\e642';
}
.social-item-square.socials-item-icon.spotify::before,
.socials-square .socials-item-icon.spotify::before {
content: '\e643';
}
.social-item-square.socials-item-icon.delicious::before,
.socials-square .socials-item-icon.delicious::before {
content: '\e644';
}
.social-item-square.socials-item-icon.telegram::before,
.socials-square .socials-item-icon.telegram::before {
content: '\e647';
}
.social-item-square.socials-item-icon.vk::before,
.socials-square .socials-item-icon.vk::before {
content: '\e64a';
}
.social-item-square.socials-item-icon.whatsapp::before,
.socials-square .socials-item-icon.whatsapp::before {
content: '\e64d';
}
.social-item-square.socials-item-icon.viber::before,
.socials-square .socials-item-icon.viber::before {
content: '\e650';
}
.social-item-square.socials-item-icon.ok::before,
.socials-square .socials-item-icon.ok::before {
content: '\e653';
}
.social-item-square.socials-item-icon.reddit::before,
.socials-square .socials-item-icon.reddit::before {
content: '\e656';
}
.social-item-square.socials-item-icon.slack::before,
.socials-square .socials-item-icon.slack::before {
content: '\e659';
}
.social-item-square.socials-item-icon.askfm::before,
.socials-square .socials-item-icon.askfm::before {
content: '\e65c';
}
.social-item-square.socials-item-icon.meetup::before,
.socials-square .socials-item-icon.meetup::before {
content: '\e65f';
}
.social-item-square.socials-item-icon.weibo::before,
.socials-square .socials-item-icon.weibo::before {
content: '\e662';
}
.social-item-square.socials-item-icon.qzone::before,
.socials-square .socials-item-icon.qzone::before {
content: '\e665';
}
.social-item-square.socials-item-icon.tiktok::before,
.socials-square .socials-item-icon.tiktok::before {
content: '\e668';
}
.social-item-square.socials-item-icon.soundcloud::before,
.socials-square .socials-item-icon.soundcloud::before {
content: '\e66b';
}
.social-item-square.socials-item-icon.discord::before,
.socials-square .socials-item-icon.discord::before {
content: '\e66e';
}
.social-item-square.socials-item-icon.wechat::before,
.socials-square .socials-item-icon.wechat::before {
content: '\e671';
}
.social-item-square.socials-item-icon.xing::before,
.socials-square .socials-item-icon.xing::before {
content: '\e674';
}
.social-item-square.socials-item-icon.twitter-old::before,
.socials-square .socials-item-icon.twitter-old::before {
content: '\e62f';
}
.social-item-square.socials-item-icon.threads::before,
.socials-square .socials-item-icon.threads::before {
content: '\e67a';
}
.social-item-square.socials-item-icon.bluesky::before,
.socials-square .socials-item-icon.bluesky::before {
content: '\e67d';
}
.social-item-square.socials-item-icon.houzz::before,
.socials-square .socials-item-icon.houzz::before {
content: '\e680';
}
.socials-list {
margin-left: -10px;
margin-right: -10px;
}
.socials-list .socials-item {
margin-left: 10px;
margin-right: 10px;
margin-bottom: 10px;
}
.socials-list.socials-alignment-right {
text-align: right;
}
.socials-list.socials-alignment-center {
text-align: center;
}
#footer-socials .socials:not(.socials-colored-hover) a:hover .socials-item-icon {
color: #ffffff;
} .preloader {
position: relative;
height: 200px;
}
.slideshow-preloader {
height: 400px;
}
.loading {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 2;
}
.preloader:after,
.loading:after {
content: '';
position: absolute;
height: 90px;
width: 90px;
background: #ffffff url(//www.advancedfasteners.co.uk/wp-content/themes/thegem/images/preloader-1.gif) no-repeat 50% 50%;
top: 50%;
left: 50%;
margin-top: -45px;
margin-left: -45px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}
.preloader + * {
padding: 0 !important;
margin: 0 !important;
overflow: hidden !important;
opacity: 0;
}
.preloader + *:not(iframe) {
height: 0 !important;
}
.preloader + iframe {
margin-top: -200px !important;
}
.loading + * {
opacity: 0;
}
.preloader.save-space {
margin-bottom: -200px;
}
.preloader.save-space + *:not(iframe) {
position: relative;
height: auto !important;
z-index: -1;
}
.preloader .skeleton {
height: auto;
font-size: 0;
position: absolute;
width: 100%;
left: 0;
}
.preloader .skeleton .with-filter-sidebar {
display: flex;
}
.panel-sidebar-position-right .preloader .skeleton .with-filter-sidebar,
.preloader .skeleton.panel-sidebar-position-right .with-filter-sidebar {
flex-direction: row-reverse;
}
.preloader .skeleton .with-filter-sidebar .filter-sidebar {
width: 25%;
max-width: 350px;
padding-right: 42px;
}
.panel-sidebar-position-right .preloader .skeleton .with-filter-sidebar .filter-sidebar,
.preloader .skeleton.panel-sidebar-position-right .with-filter-sidebar .filter-sidebar {
padding-right: 0;
padding-left: 42px;
}
@media (max-width: 991px) {
.preloader .skeleton .with-filter-sidebar .filter-sidebar {
display: none;
}
}
.preloader .skeleton .with-filter-sidebar .content {
flex: 1;
}
.preloader .skeleton .widget {
position: relative;
overflow: hidden;
margin-bottom: 35px;
border-bottom: 2px solid #f0f3f2;
}
.preloader .skeleton .widget:before {
content: "";
display: block;
height: 350px;
background-repeat: no-repeat;
background-image: linear-gradient(#f0f3f2 20px, transparent 0), linear-gradient(#f0f3f2 12px, transparent 0), linear-gradient(#f0f3f2 12px, transparent 0), linear-gradient(#f0f3f2 12px, transparent 0), linear-gradient(#f0f3f2 12px, transparent 0), linear-gradient(#f0f3f2 12px, transparent 0), linear-gradient(#f0f3f2 12px, transparent 0), linear-gradient(#f0f3f2 12px, transparent 0), linear-gradient(#f0f3f2 12px, transparent 0), linear-gradient(#f0f3f2 12px, transparent 0), linear-gradient(#f0f3f2 12px, transparent 0), linear-gradient(#f0f3f2 12px, transparent 0), linear-gradient(#f0f3f2 12px, transparent 0), linear-gradient(#f0f3f2 12px, transparent 0), linear-gradient(#f0f3f2 12px, transparent 0), linear-gradient(#f0f3f2 12px, transparent 0), linear-gradient(#f0f3f2 12px, transparent 0);
background-size: 55% 20px, 30px 12px, 65% 12px, 30px 12px, 48% 12px, 30px 12px, 57% 12px, 30px 12px, 43% 12px, 30px 12px, 54% 12px, 30px 12px, 45% 12px, 30px 12px, 35% 12px, 30px 12px, 58% 12px;
background-position: left 0, right 50px, left 50px, right 86px, left 86px, right 122px, left 122px, right 158px, left 158px, right 194px, left 194px, right 230px, left 230px, right 266px, left 266px, right 302px, left 302px;
}
.preloader .skeleton .portfolio-top-panel {
text-align: right;
margin-bottom: 35px;
}
.preloader .skeleton .skeleton-sorting {
width: 140px;
height: 25px;
background-color: #f0f3f2;
margin-left: auto;
border-radius: 13px;
position: relative;
overflow: hidden;
}
.preloader .skeleton .portfolio-item,
.preloader .skeleton .products-category-item {
position: relative;
overflow: hidden;
margin-top: 0;
}
@media (min-width: 992px) {
.preloader .skeleton .portfolio-item.product.columns-desktop-5,
.preloader .skeleton .products-category-item.columns-desktop-5 {
width: 20%;
}
}
.preloader .skeleton .portfolio-item:before {
content: "";
display: block;
padding-top: calc(100% + 118px);
background-repeat: no-repeat;
background-image: linear-gradient(#f0f3f2 100%, transparent 0), linear-gradient(#f0f3f2 12px, transparent 0), linear-gradient(#f0f3f2 12px, transparent 0), linear-gradient(#f0f3f2 12px, transparent 0), linear-gradient(#f0f3f2 12px, transparent 0);
background-size: 100% 60%, 26% 12px, 65% 12px, 56% 12px, 38% 12px;
background-position: center 0, center calc(60% + 20px), center calc(60% + 42px), center calc(60% + 64px), center calc(60% + 86px);
}
.preloader .skeleton .caption-position-image.aspect-ratio-portrait .products-category-item:before {
content: "";
display: block;
padding-top: 125%;
background-repeat: no-repeat;
background-image: linear-gradient(#f0f3f2 100%, transparent 0);
background-size: 100%;
background-position: center 0;
}
.preloader .skeleton .caption-position-image.aspect-ratio-square .products-category-item:before {
content: "";
display: block;
padding-top: 100%;
background-repeat: no-repeat;
background-image: linear-gradient(#f0f3f2 100%, transparent 0);
background-size: 100%;
background-position: center 0;
}
.preloader .skeleton .caption-position-below.aspect-ratio-portrait .products-category-item:before {
content: "";
display: block;
padding-top: calc(125% + 70px);
background-repeat: no-repeat;
background-image: linear-gradient(#f0f3f2 100%, transparent 0), linear-gradient(#f0f3f2 12px, transparent 0), linear-gradient(#f0f3f2 12px, transparent 0);
background-size: 100% 75%, 65% 12px, 38% 12px;
background-position: center 0, center calc(75% + 25px), center calc(75% + 50px);
}
.preloader .skeleton .caption-position-below.aspect-ratio-square .products-category-item:before {
content: "";
display: block;
padding-top: calc(100% + 70px);
background-repeat: no-repeat;
background-image: linear-gradient(#f0f3f2 100%, transparent 0), linear-gradient(#f0f3f2 12px, transparent 0), linear-gradient(#f0f3f2 12px, transparent 0);
background-size: 100% 75%, 65% 12px, 38% 12px;
background-position: center 0, center calc(75% + 25px), center calc(75% + 50px);
}
.preloader .skeleton .widget:after, .preloader .skeleton .portfolio-item:after, .preloader .skeleton .skeleton-sorting:after, .preloader .skeleton .products-category-item:after {
content: "";
position: absolute;
top: -50%;
left: -50%;
right: -50%;
bottom: -50%;
transform: rotate(45deg);
background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 80%);
background-size: 60% 100%;
background-position: -100% 0;
background-repeat: no-repeat;
animation: skeletonloading 1.5s infinite 0.2s;
}
.preloader .skeleton .skeleton-sorting:after {
top: -200%;
bottom: -200%;
}
@keyframes skeletonloading {
to {
background-position: 200% 0;
}
}
.preloader.skeleton-carousel {
height: auto;
}
.preloader.skeleton-carousel .skeleton {
position: relative;
}
.preloader.skeleton-carousel .skeleton-posts {
display: flex;
overflow: hidden;
}
.preloader.skeleton-carousel .skeleton-posts .portfolio-item,
.preloader.skeleton-carousel .skeleton-posts .products-category-item {
flex: none;
} .preloader.skeleton.product-gallery-skeleton,
.preloader.skeleton.product-grid-gallery-skeleton,
.preloader.skeleton.product-right-column-skeleton,
.preloader.skeleton.product-tabs-skeleton {
position: relative;
overflow: hidden;
padding: 0;
background-repeat: no-repeat;
}
.preloader.skeleton.product-right-column-skeleton {
position: absolute;
left: 21px;
right: 21px;
}
.preloader.skeleton.product-right-column-skeleton + * {
position: relative;
height: auto !important;
opacity: 0;
}
.preloader.skeleton.product-gallery-skeleton {
height: auto;
}
@media (min-width: 768px) {
.preloader.skeleton.product-gallery-skeleton:not(.product-gallery-skeleton-single).product-gallery-skeleton-vertical {
padding-bottom: calc(100% - 30px) !important;
}
.preloader.skeleton.product-gallery-skeleton:not(.product-gallery-skeleton-single).product-gallery-skeleton-vertical .product-gallery-skeleton-image {
padding: 0 !important;
}
.preloader.skeleton.product-gallery-skeleton:not(.product-gallery-skeleton-single).product-gallery-skeleton-vertical-square {
padding-bottom: 74.11% !important;
}
}
.product-gallery-skeleton-thumbs.product-gallery-skeleton-thumbs-horizontal {
position: relative;
width: 100%;
padding-bottom: calc(25% - 11px);
margin-top: 15px;
background-repeat: no-repeat;
background-image: linear-gradient(var(--styled-bg-color, #f0f3f2) 100%, transparent 0), linear-gradient(var(--styled-bg-color, #f0f3f2) 100%, transparent 0), linear-gradient(var(--styled-bg-color, #f0f3f2) 100%, transparent 0), linear-gradient(var(--styled-bg-color, #f0f3f2) 100%, transparent 0);
background-size: 23% 100%;
background-position: 0 center, 33% center, 66% center, 100% center;
overflow: hidden;
}
@media (width: 768px) and (orientation:portrait) {
.product-gallery-skeleton-thumbs.product-gallery-skeleton-thumbs-horizontal {
display: none;
}
}
.product-gallery {
position: relative;
}
.owl-carousel.product-gallery-slider:not(.owl-loaded) {
display: block;
}
.owl-carousel.product-gallery-slider:not(.owl-loaded) .product-gallery-slider-item:not(:first-child) {
display: none;
}
.product-gallery.is-vertical-inited .owl-carousel.product-gallery-slider:not(.owl-loaded) .product-gallery-slider-item:first-child {
padding-left: 24.3%;
}
.product-gallery.is-vertical-inited-right .owl-carousel.product-gallery-slider:not(.owl-loaded) .product-gallery-slider-item:first-child {
padding-right: 24.3%;
}
.product-gallery.is-vertical-inited .owl-carousel.product-gallery-slider:not(.owl-loaded) ~ .product-gallery-labels .product-labels {
left: calc(24.3% + 10px);
}
.product-gallery.is-vertical-inited .product-gallery-skeleton-thumbs.product-gallery-skeleton-thumbs-vertical,
.product-gallery.is-vertical-inited-right .product-gallery-skeleton-thumbs.product-gallery-skeleton-thumbs-vertical{
height: 100%;
width: calc(24.3% - 15px);
position: absolute;
top: 0;
background-repeat: no-repeat;
background-image: linear-gradient(var(--styled-bg-color, #f0f3f2) 100%, transparent 0), linear-gradient(var(--styled-bg-color, #f0f3f2) 100%, transparent 0), linear-gradient(var(--styled-bg-color, #f0f3f2) 100%, transparent 0), linear-gradient(var(--styled-bg-color, #f0f3f2) 100%, transparent 0);
background-size: 100% 23%;
background-position: center 0, center 33%, center 66%, center 100%;
overflow: hidden;
}
.product-gallery.is-vertical-inited .product-gallery-skeleton-thumbs.product-gallery-skeleton-thumbs-vertical{
left: 0;
}
.product-gallery.is-vertical-inited-right .product-gallery-skeleton-thumbs.product-gallery-skeleton-thumbs-vertical {
right: 0;
}
@media (max-width: 767px) {
.product-gallery-skeleton-thumbs {
display: none;
}
}
.product-gallery-skeleton-image {
width: 100%;
background-color: var(--styled-bg-color, #f0f3f2);
}
@media (min-width: 768px) {
.preloader.skeleton.product-gallery-skeleton:not(.product-gallery-skeleton-single).product-gallery-skeleton-vertical .product-gallery-skeleton-image {
position: absolute;
right: 0;
top: 0;
width: 75.7%;
height: 100%;
}
}
.preloader.skeleton.product-grid-gallery-skeleton {
background-color: var(--styled-bg-color, #f0f3f2);
padding-bottom: 125%;
display: inline-block;
vertical-align: top;
width: 100%;
}
.preloader.skeleton.product-right-column-skeleton {
padding-bottom: 510px;
}
.preloader.skeleton.product-tabs-skeleton {
padding-bottom: 350px;
}
.product-gallery-skeleton-thumbs:after,
.product-gallery-skeleton-image:after,
.preloader.skeleton.product-grid-gallery-skeleton:after,
.preloader.skeleton.product-right-column-skeleton:after,
.preloader.skeleton.product-tabs-skeleton:after {
content: "";
position: absolute;
display: block;
height: auto;
width: auto;
background-color: transparent;
top: -50%;
left: -50%;
right: -50%;
bottom: -50%;
transform: rotate(45deg);
background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 20%, var(--main-bg-color-08, rgba(255, 255, 255, 0.8)) 50%, rgba(255, 255, 255, 0) 80%);
background-size: 60% 100%;
background-position: -100% 0;
background-repeat: no-repeat;
animation: skeletonloading 1.5s infinite 0.2s;
}
.product-gallery-skeleton-thumbs.product-gallery-skeleton-thumbs-horizontal:after {
top: -200%;
bottom: -200%;
}
.product-gallery-skeleton-thumbs.product-gallery-skeleton-thumbs-vertical:after {
left: -200%;
right: -200%;
}
.preloader.skeleton.product-tabs-skeleton:after {
transform: none;
background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0) 20%, var(--main-bg-color-08, rgba(255, 255, 255, 0.8)) 50%, rgba(255, 255, 255, 0) 80%);
}
.preloader.skeleton.product-right-column-skeleton {
background-image: linear-gradient(var(--styled-bg-color, #f0f3f2) 100%, transparent 0), linear-gradient(var(--styled-bg-color, #f0f3f2) 100%, transparent 0), linear-gradient(var(--styled-bg-color, #f0f3f2) 100%, transparent 0), linear-gradient(var(--styled-bg-color, #f0f3f2) 100%, transparent 0), linear-gradient(var(--styled-bg-color, #f0f3f2) 100%, transparent 0), linear-gradient(var(--styled-bg-color, #f0f3f2) 100%, transparent 0), linear-gradient(var(--styled-bg-color, #f0f3f2) 100%, transparent 0), linear-gradient(var(--styled-bg-color, #f0f3f2) 100%, transparent 0), linear-gradient(var(--styled-bg-color, #f0f3f2) 100%, transparent 0), linear-gradient(var(--styled-bg-color, #f0f3f2) 100%, transparent 0), linear-gradient(var(--styled-bg-color, #f0f3f2) 100%, transparent 0), linear-gradient(var(--styled-bg-color, #f0f3f2) 100%, transparent 0), linear-gradient(var(--styled-bg-color, #f0f3f2) 100%, transparent 0);
background-size: calc(100% - 180px) 30px, 55px 20px, 35% 20px, 100% 12px, 100% 12px, 100% 12px, 100% 12px, 50% 35px, 50% 35px, 20% 20px, 50% 20px, 65% 20px, 40% 20px;
background-position: 0 0, 100% 0, 0 50px, 0 95px, 0 120px, 0 145px, 0 170px, 0 230px, 0 285px, 0 370px, 0 410px, 0 450px, 0 490px;
}
.preloader.skeleton.product-right-column-skeleton.centered-skeleton {
padding-bottom: 530px;
background-image: linear-gradient(var(--styled-bg-color, #f0f3f2) 100%, transparent 0), linear-gradient(var(--styled-bg-color, #f0f3f2) 100%, transparent 0), linear-gradient(var(--styled-bg-color, #f0f3f2) 100%, transparent 0), linear-gradient(var(--styled-bg-color, #f0f3f2) 100%, transparent 0), linear-gradient(var(--styled-bg-color, #f0f3f2) 100%, transparent 0), linear-gradient(var(--styled-bg-color, #f0f3f2) 100%, transparent 0), linear-gradient(var(--styled-bg-color, #f0f3f2) 100%, transparent 0), linear-gradient(var(--styled-bg-color, #f0f3f2) 100%, transparent 0), linear-gradient(var(--styled-bg-color, #f0f3f2) 100%, transparent 0), linear-gradient(var(--styled-bg-color, #f0f3f2) 100%, transparent 0), linear-gradient(var(--styled-bg-color, #f0f3f2) 100%, transparent 0), linear-gradient(var(--styled-bg-color, #f0f3f2) 100%, transparent 0);
background-size: 45% 25px, 55px 20px, 30% 12px, 25% 20px, 65% 12px, 70% 12px, 50% 12px, 40px 12px, 45% 30px, 65% 40px, 80px 12px, 25% 20px;
background-position: center 80px, 100% 0, center 130px, center 165px, center 210px, center 235px, center 260px, center 305px, center 335px, center 405px, center 465px, center 510px;
}
.preloader.skeleton.product-tabs-skeleton {
background-image: linear-gradient(var(--styled-bg-color, #f0f3f2) 100%, transparent 0), linear-gradient(var(--styled-bg-color, #f0f3f2) 100%, transparent 0), linear-gradient(var(--styled-bg-color, #f0f3f2) 100%, transparent 0), linear-gradient(var(--styled-bg-color, #f0f3f2) 100%, transparent 0), linear-gradient(var(--styled-bg-color, #f0f3f2) 100%, transparent 0), linear-gradient(var(--styled-bg-color, #f0f3f2) 100%, transparent 0), linear-gradient(var(--styled-bg-color, #f0f3f2) 100%, transparent 0), linear-gradient(var(--styled-bg-color, #f0f3f2) 100%, transparent 0), linear-gradient(var(--styled-bg-color, #f0f3f2) 100%, transparent 0), linear-gradient(var(--styled-bg-color, #f0f3f2) 100%, transparent 0), linear-gradient(var(--styled-bg-color, #f0f3f2) 100%, transparent 0);
background-size: 110px 30px, 110px 30px, 110px 30px, 100% 12px, 100% 12px, 100% 12px, 100% 12px, 100% 12px, 65% 20px, 60% 20px, 45% 20px;
background-position: 0 0, 160px 0, 320px 0, 0 75px, 0 105px, 0 135px, 0 165px, 0 195px, 0 250px, 0 290px, 0 330px;
} input[type="text"],
input[type="password"],
input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="number"],
input[type="range"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="month"],
input[type="week"] {
padding: 0 10px;
max-width: 100%;
vertical-align: middle;
}
textarea {
padding: 10px;
max-width: 100%;
vertical-align: middle;
} .dropdown_product_cat .select2-container {
border-radius: 3px;
}
.combobox-wrapper,
#page .select2-container .select2-selection--single {
position: relative;
width: 100%;
height: 38px;
display: inline-block;
vertical-align: middle;
min-width: 140px;
padding-right: 36px;
border-radius: 3px;
}
#page .select2-container .select2-selection--single {
display: block;
width: auto;
padding-right: 0;
outline: none;
box-shadow: none;
}
#page .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,
#page .select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
#page .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,
#page .select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.combobox-wrapper .combobox-text,
#page .select2-container--default .select2-selection--single .select2-selection__rendered {
display: block;
padding: 0 10px;
line-height: 36px;
overflow: hidden;
text-align: left;
white-space: nowrap;
}
#page .select2-container--default .select2-selection--single .select2-selection__rendered {
padding-right: 36px;
outline: none;
box-shadow: none;
}
.woocommerce .combobox-wrapper .combobox-text,
#page .woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered {
padding-left: 18px;
}
.combobox-wrapper .combobox-button,
#page .select2-container--default .select2-selection--single .select2-selection__arrow {
width: 36px;
height: 36px;
position: absolute;
right: 0px;
top: 0px;
cursor: pointer;
}
#page .select2-container--default .select2-selection--single .select2-selection__arrow b {
display: none;
}
.combobox-wrapper .combobox-button:before,
#page .select2-container--default .select2-selection--single .select2-selection__arrow:before {
content: '\e635';
position: absolute;
left: 50%;
top: 50%;
margin-left: -12px;
margin-top: -12px;
font-family: 'thegem-icons';
font-style: normal;
font-weight: normal;
}
.combobox-wrapper select {
width: 100%;
cursor: pointer;
} .checkbox-sign,
.radio-sign {
display: inline-block;
width: 30px;
height: 30px;
cursor: pointer;
position: relative;
vertical-align: middle;
}
.radio-sign {
width: 28px;
height: 28px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}
#shipping_method .radio-sign {
width: 12px;
height: 12px;
}
.checkbox-sign.checked:before,
.radio-sign.checked:before {
position: absolute;
left: 50%;
top: 50%;
}
.checkbox-sign.checked:before {
content: '\e646';
font-size: 24px;
font-weight: normal;
font-family: 'thegem-icons';
font-style: normal;
text-align: center;
width: 14px;
height: 14px;
line-height: 14px;
margin-top: -7px;
margin-left: -11px;
}
.radio-sign.checked:before {
content: '';
font-size: 10px;
width: 16px;
height: 16px;
line-height: 10px;
margin-top: -8px;
margin-left: -8px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}
#shipping_method .radio-sign:before {
width: 6px;
height: 6px;
margin-top: -3px;
margin-left: -3px;
} #page {
position: relative;
overflow: hidden;
}
#page.layout-boxed {
max-width: 1260px;
margin: 0 auto;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.11);
}
.page-title-block {
text-align: center;
background-position: 50% 0;
background-size: cover;
padding: 80px 0;
position: relative;
}
.page-title-alignment-left {
text-align: left;
}
.page-title-alignment-left .page-title-icon {
float: right;
}
.page-title-alignment-right {
text-align: right;
}
.page-title-alignment-right .page-title-icon {
float: left;
}
.page-title-alignment-left .page-title-title h1,
.page-title-alignment-left .page-title-title h2,
.page-title-alignment-left .page-title-title .title-rich-content {
margin-left: 0;
margin-right: auto;
}
.page-title-alignment-right .page-title-title h1,
.page-title-alignment-right .page-title-title h2,
.page-title-alignment-right .page-title-title .title-rich-content {
margin-left: auto;
margin-right: 0;
}
.page-title-icon + .page-title-title {
margin-top: 55px;
}
.page-title-alignment-right .page-title-icon + .page-title-title,
.page-title-alignment-left .page-title-icon + .page-title-title {
margin-top: -7px;
}
.page-title-excerpt {
margin-top: 18px;
display: inline-block;
width: 100%;
}
.page-title-block .breadcrumbs-container {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
.page-title-block .breadcrumbs {
display: inline-block;
}
.page-title-block .breadcrumbs > span {
display: inline-block;
vertical-align: top;
}
#main {
position: relative;
z-index: 5;
}
.container-fullwidth {
padding: 0 40px;
}
@media (max-width: 767px) {
.container-fullwidth {
padding-left: 21px;
padding-right: 21px;
}
} #footer-nav {
padding: 40px 0;
border-top: 1px solid #313646;
}
#footer-navigation {
margin-bottom: 0;
}
#footer-menu {
display: inline-block;
margin: 0 -21px;
}
#footer-menu li {
display: inline-block;
padding: 0 21px;
position: relative;
line-height: 1;
}
#footer-menu li + li:before {
content: '';
width: 0;
height: 100%;
position: absolute;
left: -1px;
top: 0;
font-size: 0;
border-right: 1px solid #333146;
}
#footer-menu li a {
font-size: 92.86%;
display: block;
}
#footer-socials {
text-align: right;
}
#footer-socials .socials {
text-align: right;
margin: 0 -7px;
display: inline-block;
vertical-align: middle;
}
.footer-socials-item {
display: inline-block;
vertical-align: top;
padding: 0 7px;
}
.footer-socials-item a {
display: block;
position: relative;
font-size: 0;
width: 20px;
line-height: inherit;
}
.footer-socials-item a:after {
position: absolute;
font-family: 'thegem-socials';
display: block;
font-size: 16px;
width: 100%;
height: 100%;
top: 0;
left: 0;
text-align: center;
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
}
.footer-socials-item.twitter a:after {
content: '\e603';
}
.footer-socials-item.facebook a:after {
content: '\e601';
}
.footer-socials-item.linkedin a:after {
content: '\e604';
}
.footer-socials-item.googleplus a:after {
content: '\e602';
}
.footer-socials-item.stumbleupon a:after {
content: '\e606';
}
.footer-socials-item.rss a:after {
content: '\e608';
}
@media (max-width: 991px) {
#footer-nav #footer-socials {
text-align: center;
}
#footer-nav .footer-site-info {
text-align: center;
}
#footer-navigation #footer-menu li {
margin: 5px 0;
}
} #colophon {
position: relative;
padding: 110px 0 45px;
background-position: 50% 0;
background-size: cover;
background-repeat: no-repeat;
}
.footer-widget-area {
margin-bottom: 1.421em;
} .footer-site-info {
font-size: 92.86%;
}
.footer-site-info a:hover {
text-decoration: underline;
} .block-content {
padding: 135px 0 100px;
}
.block-content:last-of-type {
padding-bottom: 110px;
}
.block-content.no-bottom-margin:last-of-type {
padding-bottom: 0;
}
.page-title + .no-top-margin,
#page-title + .no-top-margin,
.gem-slideshow + .no-top-margin,
.no-top-margin:first-child {
padding-top: 0;
}
.block-content + .block-content {
padding-top: 0;
}
body.single-thegem_templates.template-type-single-product .block-content,
body.single-thegem_templates.template-type-product-archive .block-content,
body.single-thegem_templates.template-type-blog-archive .block-content,
body.single-thegem_templates.template-type-single-post .block-content,
body.single-thegem_templates.template-type-portfolio .block-content,
body.single-thegem_templates.template-type-cart .block-content,
body.single-thegem_templates.template-type-checkout .block-content {
padding-top: 30px;
}
body.single-thegem_templates.template-type-megamenu .block-content {
padding-top: 30px;
}
body.single-thegem_templates.template-type-content .block-content {
padding-top: 30px;
}
body.single-thegem_templates.template-type-cart .block-content,
body.single-thegem_templates.template-type-checkout .block-content,
body.single-thegem_templates.template-type-product-archive .block-content,
body.single-thegem_templates.template-type-blog-archive .block-content,
body.single-thegem_templates.template-type-single-post .block-content,
body.single-thegem_templates.template-type-portfolio .block-content {
padding-bottom: 0;
}
body.single-thegem_templates.template-type-cart:not(.compose-mode) .block-content,
body.single-thegem_templates.template-type-checkout:not(.compose-mode) .block-content,
body.single-thegem_templates.template-type-product-archive:not(.compose-mode) .block-content,
body.single-thegem_templates.template-type-blog-archive:not(.compose-mode) .block-content,
body.single-thegem_templates.template-type-single-post:not(.compose-mode) .block-content,
body.single-thegem_templates.template-type-portfolio:not(.compose-mode) .block-content {
padding-top: 0;
}  .fullwidth-block {
position: relative;
}
.fullwidth-top-marker,
.fullwidth-bottom-marker {
position: absolute;
width: 140px;
height: 70px;
left: 50%;
margin-left: -70px;
z-index: 10;
}
.fullwidth-top-marker.marker-direction-inside {
top: 0;
}
.fullwidth-top-marker.marker-direction-outside {
top: -69px;
}
.fullwidth-bottom-marker.marker-direction-inside {
bottom: 0;
}
.fullwidth-bottom-marker.marker-direction-outside {
bottom: -69px;
} .gem-youtube .gem-wrapbox-inner,
.gem-youtube .shadow-wrap,
.gem-youtube .gem-wrapbox-element,
.gem-vimeo .gem-wrapbox-inner,
.gem-vimeo .shadow-wrap,
.gem-vimeo .gem-wrapbox-element,
.gem-video .gem-wrapbox-inner,
.gem-video .shadow-wrap,
.gem-video .gem-wrapbox-element {
width: 100%;
height: 100%;
}
.wpb_wrapper > .gem-video:last-child {
margin-bottom: 0;
}
.gem-wrapbox-inner.gem-ratio-style .gem-wrapbox-element,
.gem-wrapbox-inner.gem-ratio-style .shadow-wrap,
.gem-wrapbox-inner.gem-ratio-style .preloader {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.gem-image-centered-box {
margin-bottom: 1.421em;
}
.gem-image a,
.gem-textbox-picture a{
position: relative;
display: inline-block;
vertical-align: top;
overflow: hidden;
}
.gem-image a:before,
.gem-textbox-picture a:before{
content: '';
position: absolute;
top: -100%;
left: 0;
right: 0;
bottom: 0;
-webkit-transition: opacity 0.5s, background-color 0.5s;
transition: opacity 0.5s, background-color 0.5s;
opacity: 0;
z-index: 5;
}
.gem-image a:hover:before,
.gem-textbox-picture a:hover:before {
opacity: 1;
-webkit-transition: opacity 0.5s, background-color 0.5s;
transition: opacity 0.5s, background-color 0.5s;
}
.gem-image a:after,
.gem-textbox-picture a:after{
content: '\e60f';
font-family: 'thegem-icons';
font-weight: normal;
font-style: normal;
font-size: 40px;
height: 40px;
line-height: 40px;
width: 40px;
text-align: center;
position: absolute;
top: -20px;
left: 50%;
transition: opacity 0.3s, top 0.3s;
-webkit-transition: opacity 0.3s, top 0.3s;
margin-left: -20px;
margin-top: -20px;
z-index: 5;
opacity: 0;
}
.gem-image a.custom-link:after {
content: '\e65b';
}
.gem-image a:hover:after,
.gem-textbox-picture a:hover:after{
top: 50%;
opacity: 1;
transition: opacity 0.5s, top 0.3s;
-webkit-transition: opacity 0.5s, top 0.3s;
}
.gem-map-with-text .wpb_gmaps_widget .wpb_wrapper {
padding: 0;
}
.gem-gmaps {
display: inline-block;
max-width: 100%;
}
.gem-gmaps .gem-gmaps-hide {
overflow: hidden;
width: 100%;
}
.gem-gmaps iframe {
border: 0 none;
vertical-align: top;
margin-top: -60px;
width: 100%;
}
.gem-gmaps .preloader + iframe {
margin-top: -240px !important;
}
.gem-gmaps.gem-wrapbox-style-11 {
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
overflow: hidden;
}
.gem-gmaps.gem-wrapbox-style-11 .gem-gmaps-hide {
-webkit-mask-image: url(//www.advancedfasteners.co.uk/wp-content/themes/thegem/css/circle.svg);
}
.wpb_gmaps_widget .wpb_map_wraper.hide_title  iframe {
margin-top: -60px;
}
.wpb_gmaps_widget  .wpb_map_wraper.hide_title {
overflow: hidden;
}
.gem-gmaps.gem-wrapbox-style-11 .gem-wrapbox-inner:after {
display: none;
}
.gem-gmaps.gem-wrapbox-style-11 .gem-wrapbox-inner  {
padding: 12px;
border: 2px solid;
}
.gem-gmaps.gem-wrapbox-style-8  .gem-wrapbox-inner {
border-radius: 34px;
overflow: hidden;
} .gem-textbox {
margin-bottom: 1.421em;
position: relative;
}
.gem-textbox-title,
.gem-textbox-content {
padding: 30px;
}
.gem-textbox-content * {
position: relative;
z-index: 1;
}
.gem-textbox-content  .gem-textbox-background-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 0;
}
.gem-textbox-title .gem-textbox-title-icon + .gem-textbox-title-text {
margin-top: 30px;
}
.gem-textbox-picture img {
display: inline-block;
vertical-align: top;
}
.gem-textbox-inner {
overflow: hidden;
}
.gem-textbox-top,
.gem-textbox-bottom {
font-size: 0;
line-height: 0;
text-align: center;
}
.gem-textbox-top svg,
.gem-textbox-bottom svg {
vertical-align: top;
}
.gem-textbox-after-image {
border-top: 0 none !important;
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
}
.gem-textbox-before-image {
border-bottom: 0 none !important;
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
} .gem-team {
margin-bottom: 1.421em;
}
.team-person {
padding: 50px 30px;
position: relative;
-o-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.gem-team .team-person.loop-builder {
padding: 0;
border: 0 none;
}
.team-person-link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.team-person a:not(.team-person-link) {
position: relative;
z-index: 2;
}
.team-person-image {
display: inline-block;
width: 240px;
max-width: 100%;
vertical-align: top;
margin-bottom: 45px;
}
.team-person-image a,
.team-person-image span {
display: inline-block;
vertical-align: top;
overflow: hidden;
max-width: 100%;
position: relative;
}
.team-person-image a:before,
.team-person-image span:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-o-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s;
opacity: 0;
}
.team-person-image a:hover:before,
.team-person:hover .team-person-image span:before {
opacity: 1;
}
.team-person-image a,
.gem-team .team-person-image a:before,
.team-person-image span,
.gem-team .team-person-image span:before,
.team-person-image img {
border-radius: 50%;
}
.team-person-info {
margin: 0 0 20px;
-o-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.team-person-name {
margin: 0 0 5px;
-o-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.team-person-position {
margin: 0 0 28px;
-o-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.team-person .team-person-phone {
color: inherit;
margin: 0 0 7px;
-o-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.team-person .team-person-phone a {
color: inherit;
}
.team-person .team-person-description {
-o-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.team-person-socials .socials-item-icon {
font-size: 32px;
}
.team-person-socials {
margin: 0 -10px;
}
.team-person-socials .socials-item {
margin: 20px 10px 0;
}
.team-person-email a:before {
font-family: 'thegem-icons';
font-style: normal;
font-weight: normal;
content: '\e607';
font-size: 16px;
margin-right: 10px;
color: inherit;
vertical-align: top;
}
.gem-team-style-1 .team-person {
border: 1px solid transparent;
}
.gem-team-style-2 .team-person {
padding: 50px 50px;
border-radius: 0 50px 50px 50px;
}
.gem-team-style-2 .team-person-box-columns .team-person-box-left {
float: left;
margin-right: -270px;
}
.gem-team-style-2 .team-person-box-columns .team-person-box-left + .team-person-box-right {
float: left;
width: 100%;
padding-left: 270px;
}
.gem-team-style-2 .team-person-image {
position: relative;
}
.gem-team-style-2 .team-person-image a,
.gem-team-style-2 .team-person-image a:before,
.gem-team-style-2 .team-person-image span,
.gem-team-style-2 .team-person-image span:before,
.gem-team-style-2 .team-person-image img {
border-radius: 0;
}
.gem-team-style-2 .team-person-name {
margin-top: -10px;
}
.gem-team-style-2 .team-person-socials .socials-item-icon {
font-size: 20px;
}
.gem-team-style-2 .team-person-socials {
margin: 0 -6px;
}
.gem-team-style-2 .team-person-socials .socials-item {
margin: 12px 6px 0;
}
@media (max-width: 1211px) {
.gem-team-style-2 .col-sm-6 .team-person-box-columns .team-person-box-left {
float: none;
margin-right: 0;
}
.gem-team-style-2 .col-sm-6 .team-person-box-columns .team-person-box-left + .team-person-box-right {
float: none;
padding-left: 0;
}
}
@media (min-width: 1212px) {
.gem-team-style-2 .col-sm-6 .team-person-box-columns .team-person-box-left .team-person-image {
margin-bottom: 0;
}
}
@media (max-width: 639px) {
.gem-team-style-2 .team-person-box-columns .team-person-box-left {
float: none;
margin-right: 0;
}
.gem-team-style-2 .team-person-box-columns .team-person-box-left + .team-person-box-right {
float: none;
padding-left: 0;
}
}
.gem-team-style-3 .team-person {
border-radius: 180px 180px 0 0;
}
.gem-team-style-3 .team-person-image {
padding-top: 15px;
padding-left: 35px;
padding-right: 35px;
width: 310px;
}
.gem-team-style-3 .team-person-info {
margin: 0 0 30px;
}
.gem-team-style-3 .team-person-name {
margin: 0;
}
.gem-team-style-3 .team-person-position {
font-size: 0.875em;
}
.gem-team-style-3 .team-person-socials .socials-item-icon {
font-size: 20px;
}
.gem-team-style-3 .team-person-socials {
margin: 0 -6px;
}
.gem-team-style-3 .team-person-socials .socials-item {
margin: 12px 6px 0;
}
.gem-team-style-3 .team-person-email a:before {
font-size: 32px;
margin-right: 0;
}
.gem-team-style-4 .team-person {
border-bottom: 6px solid #a3e7f0;
padding-bottom: 10px;
padding-left: 40px;
}
.gem-team-style-4 .team-person-image {
width: 128px;
margin-bottom: 30px;
}
.gem-team-style-4 .team-person-info {
margin: 0;
}
.gem-team-style-4 .team-person-name {
margin: 0 0 20px;
}
.gem-team-style-4 .team-person-position {
font-size: 0.875em;
margin-bottom: 3px;
}
.gem-team-style-4 .team-person-phone {
margin: 0 0 2px;
}
.gem-team-style-4 .team-person-socials .socials-item-icon {
font-size: 20px;
}
.gem-team-style-4 .team-person-socials {
float: left;
margin-left: -32px;
margin-right: 0;
padding-left: 26px;
width: 100%;
min-width: 240px;
margin-bottom: 40px;
}
.gem-team-style-4 .team-person-socials .socials-item {
margin: 12px 6px 0;
}
.gem-team-style-4 .team-person-email {
float: left;
margin-bottom: 40px;
margin-top: 5px;
}
.gem-team-style-4 .team-person.centered-box .team-person-socials {
float: none;
padding-left: 0;
margin-left: 0;
}
.gem-team-style-4 .team-person.centered-box .team-person-email {
float: none;
}
.gem-team-style-4 .team-person-email a:before {
font-size: 32px;
margin-right: 0;
}
.gem-team-style-5 .inline-column {
padding-left: 0;
padding-right: 0;
}
.gem-team-style-5 .team-person,
.gem-team-style-5 .team-person-hover {
-o-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.gem-team-style-5 .team-person {
padding: 3px 0;
}
.gem-team-style-5 .team-person-image a,
.gem-team-style-5 .team-person-image span {
overflow: visible;
}
.gem-team-style-5 .team-person-image a:before,
.gem-team-style-5 .team-person-image span:before {
opacity: 0;
left: 6px;
right: 6px;
top: 6px;
bottom: 6px;
width: auto;
height: auto;
background-color: rgba(70, 72, 92, 0.7);
}
.gem-team-style-5 .team-person-image a:hover:before,
.gem-team-style-5 .team-person:hover .team-person-image span:before {
opacity: 1;
}
.gem-team-style-5 .team-person-image {
padding-left: 40px;
padding-right: 40px;
width: 320px;
}
.gem-team-style-5 .team-person-image .image-hover {
display: inline-block;
vertical-align: middle;
border-radius: 50%;
padding: 6px;
border: 3px solid #dce1e4;
margin: -9px;
-o-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s;
max-width: 100%;
}
.gem-team-style-5 .team-person:hover .image-hover {
border-color: #00bcd4;
background-color: #00bcd4;
}
.gem-team-style-5 .team-person-hover {
padding: 47px 30px;
}
.gem-team-style-5 .team-person:hover {
margin-top: -23px;
margin-bottom: -23px;
}
.gem-team-style-5 .team-person:hover .team-person-hover {
padding-top: 70px;
padding-bottom: 70px;
}
.gem-team-style-5 .team-person-socials .socials-item-icon {
font-size: 25px;
}
.gem-team-style-5 .team-person-socials .socials-item {
margin: 12px 6px 0;
}
.gem-team-style-6 .team-person {
border: 1px solid transparent;
padding: 0;
}
.gem-team-style-6 .team-person-hover {
padding: 43px 34px;
}
.gem-team-style-6 .team-person,
.gem-team-style-6 .team-person-hover {
-o-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.gem-team-style-6 .team-person-box-left {
float: left;
margin-right: -100px;
}
.gem-team-style-6 .team-person-box-left + .team-person-box-right {
float: left;
width: 100%;
padding-left: 100px;
}
.gem-team-style-6 .team-person-image {
position: relative;
width: 80px;
}
.gem-team-style-6 .team-person-socials .socials-item-icon {
font-size: 20px;
}
.gem-team-style-6 .team-person-socials {
margin: 0 -6px;
}
.gem-team-style-6 .team-person-socials .socials-item {
margin: 12px 6px 0;
}
.gem-team-style-6 .team-person-position,
.gem-team-style-6 .team-person-email {
font-size: 0.875em;
}
.gem-team-style-6 .team-person-position,
.gem-team-style-6 .team-person-phone,
.gem-team-style-6 .team-person-info {
margin: 0;
}
.gem-team-equal-height {
display: flex;
flex-wrap: wrap;
}
.gem-team-equal-height .inline-column{
min-height: 100%;
}
.gem-team-equal-height .inline-column .team-person{
height: 100%;
}
.gem-team-equal-height .team-person > .thegem-template-loop-item,
.gem-team-equal-height .team-person > .thegem-template-loop-item > .vc_row {
height: 100%;
} .vc_tta.vc_general .vc_tta-panel-heading .vc_tta-panel-title {
line-height: 1.2;
}
.vc_tta.vc_general.vc_tta-tabs .vc_tta-panel-body {
box-sizing: border-box;
}
.vc_tta.vc_general.vc_tta-shape-square .vc_tta-panel-body {
min-height: 0px;
}
.vc_tta.vc_general.vc_tta-shape-square .vc_tta-panel-body,
.vc_tta.vc_general.vc_tta-shape-square .vc_tta-panel-heading {
border-radius: 0px;
}
.vc_tta.vc_general.vc_tta-shape-square .vc_tta-tabs-container {
margin: 0px;
}
.vc_tta.vc_general.vc_tta-shape-square .vc_tta-tab > a {
border-radius: 0px;
}
.vc_non_responsive .vc_tta.vc_general.vc_tta-shape-square.vc_tta-tabs .vc_tta-panels,
.vc_tta-o-non-responsive .vc_tta.vc_general.vc_tta-shape-square.vc_tta-tabs .vc_tta-panels {
border-radius: 0px;
}
@media (min-width: 768px) {
.vc_tta.vc_general.vc_tta-shape-square.vc_tta-tabs .vc_tta-panels {
border-radius: 0px;
}
}
.vc_tta.vc_general.vc_tta-shape-square.vc_tta-o-no-fill .vc_tta-panel-body {
border-radius: 0;
}
.vc_tta.vc_general.vc_tta-shape-square.vc_tta-o-shape-group.vc_tta-o-no-fill .vc_tta-panel.vc_active + .vc_tta-panel:not(:first-child):not(:last-child) .vc_tta-panel-heading,
.vc_tta.vc_general.vc_tta-shape-square.vc_tta-o-shape-group.vc_tta-o-no-fill .vc_tta-panel.vc_active + .vc_tta-panel:last-child:not(:first-child) .vc_tta-panel-heading {
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
.vc_tta.vc_general.vc_tta-shape-rounded .vc_tta-panel-body {
min-height: 6px;
}
.vc_tta.vc_general.vc_tta-shape-rounded .vc_tta-panel-body,
.vc_tta.vc_general.vc_tta-shape-rounded .vc_tta-panel-heading {
border-radius: 3px;
}
.vc_tta.vc_general.vc_tta-shape-rounded .vc_tta-tabs-container {
margin: 3px;
}
.vc_tta.vc_general.vc_tta-shape-rounded .vc_tta-tab > a {
border-radius: 3px;
}
.vc_non_responsive .vc_tta.vc_general.vc_tta-shape-rounded.vc_tta-tabs .vc_tta-panels,
.vc_tta-o-non-responsive .vc_tta.vc_general.vc_tta-shape-rounded.vc_tta-tabs .vc_tta-panels {
border-radius: 3px;
}
@media (min-width: 768px) {
.vc_tta.vc_general.vc_tta-shape-rounded.vc_tta-tabs .vc_tta-panels {
border-radius: 3px;
}
}
.vc_tta.vc_general.vc_tta-shape-rounded.vc_tta-o-no-fill .vc_tta-panel-body {
border-radius: 0;
}
.vc_tta.vc_general.vc_tta-shape-rounded.vc_tta-o-shape-group.vc_tta-o-no-fill .vc_tta-panel.vc_active + .vc_tta-panel:not(:first-child):not(:last-child) .vc_tta-panel-heading,
.vc_tta.vc_general.vc_tta-shape-rounded.vc_tta-o-shape-group.vc_tta-o-no-fill .vc_tta-panel.vc_active + .vc_tta-panel:last-child:not(:first-child) .vc_tta-panel-heading {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.vc_tta.vc_general.vc_tta-shape-round .vc_tta-panel-body {
min-height: 36px;
}
.vc_tta.vc_general.vc_tta-shape-round .vc_tta-panel-body,
.vc_tta.vc_general.vc_tta-shape-round .vc_tta-panel-heading {
border-radius: 18px;
}
.vc_tta.vc_general.vc_tta-shape-round .vc_tta-tabs-container {
margin: 18px;
}
.vc_tta.vc_general.vc_tta-shape-round .vc_tta-tab > a {
border-radius: 18px;
}
.vc_non_responsive .vc_tta.vc_general.vc_tta-shape-round.vc_tta-tabs .vc_tta-panels,
.vc_tta-o-non-responsive .vc_tta.vc_general.vc_tta-shape-round.vc_tta-tabs .vc_tta-panels {
border-radius: 18px;
}
@media (min-width: 768px) {
.vc_tta.vc_general.vc_tta-shape-round.vc_tta-tabs .vc_tta-panels {
border-radius: 18px;
}
}
.vc_tta.vc_general.vc_tta-shape-round.vc_tta-o-no-fill .vc_tta-panel-body {
border-radius: 0;
}
.vc_tta.vc_general.vc_tta-shape-round.vc_tta-o-shape-group.vc_tta-o-no-fill .vc_tta-panel.vc_active + .vc_tta-panel:not(:first-child):not(:last-child) .vc_tta-panel-heading,
.vc_tta.vc_general.vc_tta-shape-round.vc_tta-o-shape-group.vc_tta-o-no-fill .vc_tta-panel.vc_active + .vc_tta-panel:last-child:not(:first-child) .vc_tta-panel-heading {
border-top-left-radius: 18px;
border-top-right-radius: 18px;
}
.vc_tta.vc_general.vc_tta-pageable .vc_tta-panel-body {
border: 0 none;
} .vc_tta-shape-rounded:not(.vc_tta-o-no-fill) .vc_tta-panel.vc_active .vc_tta-panel-heading {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.vc_tta-shape-rounded:not(.vc_tta-o-no-fill) .vc_tta-panel.vc_active .vc_tta-panel-body {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.vc_non_responsive .vc_tta-shape-rounded.vc_tta-tabs .vc_tta-panel-body::before,
.vc_tta-o-non-responsive .vc_tta-shape-rounded.vc_tta-tabs .vc_tta-panel-body::before,
.vc_non_responsive .vc_tta-shape-rounded.vc_tta-tabs .vc_tta-panel-body::after,
.vc_tta-o-non-responsive .vc_tta-shape-rounded.vc_tta-tabs .vc_tta-panel-body::after {
box-sizing: border-box;
content: '';
display: none;
position: absolute;
width: 3px;
height: 3px;
border-radius: 3px;
border-style: inherit;
border-width: inherit;
}
@media (min-width: 768px) {
.vc_tta-shape-rounded.vc_tta-tabs .vc_tta-panel-body::before,
.vc_tta-shape-rounded.vc_tta-tabs .vc_tta-panel-body::after {
box-sizing: border-box;
content: '';
display: none;
position: absolute;
width: 3px;
height: 3px;
border-radius: 3px;
border-style: inherit;
border-width: inherit;
}
}
.vc_tta-shape-rounded.vc_tta-o-shape-group:not(.vc_tta-o-no-fill) .vc_tta-panel:not(:first-child):not(:last-child) .vc_tta-panel-heading {
border-radius: 0;
}
.vc_tta-shape-rounded.vc_tta-o-shape-group:not(.vc_tta-o-no-fill) .vc_tta-panel:not(:first-child):not(:last-child) .vc_tta-panel-body {
border-radius: 0;
}
.vc_tta-shape-rounded.vc_tta-o-shape-group:not(.vc_tta-o-no-fill) .vc_tta-panel:first-child:not(:last-child) .vc_tta-panel-heading,
.vc_tta-shape-rounded.vc_tta-o-shape-group:not(.vc_tta-o-no-fill) .vc_tta-panel:first-child:not(:last-child) .vc_tta-panel-body {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.vc_tta-shape-rounded.vc_tta-o-shape-group:not(.vc_tta-o-no-fill) .vc_tta-panel:last-child:not(:first-child) .vc_tta-panel-heading,
.vc_tta-shape-rounded.vc_tta-o-shape-group:not(.vc_tta-o-no-fill) .vc_tta-panel:last-child:not(:first-child) .vc_tta-panel-body {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.vc_tta-shape-rounded.vc_tta-o-shape-group.vc_tta-o-no-fill .vc_tta-panel:not(:first-child):not(:last-child):not(.vc_active) .vc_tta-panel-heading,
.vc_tta-shape-rounded.vc_tta-o-shape-group.vc_tta-o-no-fill .vc_tta-panel:not(:first-child):not(:last-child):not(.vc_active) .vc_tta-panel-body {
border-radius: 0;
}
.vc_tta-shape-rounded.vc_tta-o-shape-group.vc_tta-o-no-fill .vc_tta-panel:not(:first-child):not(:last-child).vc_active .vc_tta-panel-heading {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.vc_tta-shape-rounded.vc_tta-o-shape-group.vc_tta-o-no-fill .vc_tta-panel:first-child:not(:last-child):not(.vc_active) .vc_tta-panel-heading,
.vc_tta-shape-rounded.vc_tta-o-shape-group.vc_tta-o-no-fill .vc_tta-panel:first-child:not(:last-child):not(.vc_active) .vc_tta-panel-body {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.vc_tta-shape-rounded.vc_tta-o-shape-group.vc_tta-o-no-fill .vc_tta-panel:last-child:not(:first-child) .vc_tta-panel-heading,
.vc_tta-shape-rounded.vc_tta-o-shape-group.vc_tta-o-no-fill .vc_tta-panel:last-child:not(:first-child) .vc_tta-panel-body {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.vc_tta-shape-round:not(.vc_tta-o-no-fill) .vc_tta-panel.vc_active .vc_tta-panel-heading {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.vc_tta-shape-round:not(.vc_tta-o-no-fill) .vc_tta-panel.vc_active .vc_tta-panel-body {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.vc_non_responsive .vc_tta-shape-round.vc_tta-tabs .vc_tta-panel-body::before,
.vc_tta-o-non-responsive .vc_tta-shape-round.vc_tta-tabs .vc_tta-panel-body::before,
.vc_non_responsive .vc_tta-shape-round.vc_tta-tabs .vc_tta-panel-body::after,
.vc_tta-o-non-responsive .vc_tta-shape-round.vc_tta-tabs .vc_tta-panel-body::after {
box-sizing: border-box;
content: '';
display: none;
position: absolute;
width: 18px;
height: 18px;
border-radius: 18px;
border-style: inherit;
border-width: inherit;
}
@media (min-width: 768px) {
.vc_tta-shape-round.vc_tta-tabs .vc_tta-panel-body::before,
.vc_tta-shape-round.vc_tta-tabs .vc_tta-panel-body::after {
box-sizing: border-box;
content: '';
display: none;
position: absolute;
width: 18px;
height: 18px;
border-radius: 18px;
border-style: inherit;
border-width: inherit;
}
.vc_tta.vc_tta-shape-round.vc_tta-tabs .vc_tta-panel-body::before,
.vc_tta.vc_tta-shape-round.vc_tta-tabs .vc_tta-panel-body::after {
width: 18px;
height: 18px;
border-radius: 18px;
}
}
.vc_tta-shape-round.vc_tta-o-shape-group:not(.vc_tta-o-no-fill) .vc_tta-panel:not(:first-child):not(:last-child) .vc_tta-panel-heading {
border-radius: 0;
}
.vc_tta-shape-round.vc_tta-o-shape-group:not(.vc_tta-o-no-fill) .vc_tta-panel:not(:first-child):not(:last-child) .vc_tta-panel-body {
border-radius: 0;
}
.vc_tta-shape-round.vc_tta-o-shape-group:not(.vc_tta-o-no-fill) .vc_tta-panel:first-child:not(:last-child) .vc_tta-panel-heading,
.vc_tta-shape-round.vc_tta-o-shape-group:not(.vc_tta-o-no-fill) .vc_tta-panel:first-child:not(:last-child) .vc_tta-panel-body {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.vc_tta-shape-round.vc_tta-o-shape-group:not(.vc_tta-o-no-fill) .vc_tta-panel:last-child:not(:first-child) .vc_tta-panel-heading,
.vc_tta-shape-round.vc_tta-o-shape-group:not(.vc_tta-o-no-fill) .vc_tta-panel:last-child:not(:first-child) .vc_tta-panel-body {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.vc_tta-shape-round.vc_tta-o-shape-group.vc_tta-o-no-fill .vc_tta-panel:not(:first-child):not(:last-child):not(.vc_active) .vc_tta-panel-heading,
.vc_tta-shape-round.vc_tta-o-shape-group.vc_tta-o-no-fill .vc_tta-panel:not(:first-child):not(:last-child):not(.vc_active) .vc_tta-panel-body {
border-radius: 0;
}
.vc_tta-shape-round.vc_tta-o-shape-group.vc_tta-o-no-fill .vc_tta-panel:not(:first-child):not(:last-child).vc_active .vc_tta-panel-heading {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.vc_tta-shape-round.vc_tta-o-shape-group.vc_tta-o-no-fill .vc_tta-panel:first-child:not(:last-child):not(.vc_active) .vc_tta-panel-heading,
.vc_tta-shape-round.vc_tta-o-shape-group.vc_tta-o-no-fill .vc_tta-panel:first-child:not(:last-child):not(.vc_active) .vc_tta-panel-body {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.vc_tta-shape-round.vc_tta-o-shape-group.vc_tta-o-no-fill .vc_tta-panel:last-child:not(:first-child) .vc_tta-panel-heading,
.vc_tta-shape-round.vc_tta-o-shape-group.vc_tta-o-no-fill .vc_tta-panel:last-child:not(:first-child) .vc_tta-panel-body {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.vc_general.vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-tabs-container,
.vc_general.vc_tta-tabs.vc_tta-tabs-position-right .vc_tta-tabs-container {
margin-top: 0;
}
.vc_tta.vc_tta-tabs.vc_tta-tabs-position-top .vc_tta-panel-body::before,
.vc_tta.vc_non_responsive .vc_tta-tabs.vc_tta-tabs-position-top .vc_tta-panel-body::before,
.vc_tta.vc_tta-o-non-responsive .vc_tta-tabs.vc_tta-tabs-position-top .vc_tta-panel-body::before {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-right-width: 0;
border-bottom-width: 0;
}
.vc_tta.vc_tta-tabs.vc_tta-tabs-position-top .vc_tta-panel-body::after,
.vc_tta.vc_non_responsive .vc_tta-tabs.vc_tta-tabs-position-top .vc_tta-panel-body::after,
.vc_tta.vc_tta-o-non-responsive .vc_tta-tabs.vc_tta-tabs-position-top .vc_tta-panel-body::after {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-left-width: 0;
border-bottom-width: 0;
}
.vc_tta.vc_tta-tabs.vc_tta-tabs-position-bottom .vc_tta-panel-body::before,
.vc_tta.vc_non_responsive .vc_tta-tabs.vc_tta-tabs-position-bottom .vc_tta-panel-body::before,
.vc_tta.vc_tta-o-non-responsive .vc_tta-tabs.vc_tta-tabs-position-bottom .vc_tta-panel-body::before {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
border-top-left-radius: 0;
border-right-width: 0;
border-top-width: 0;
}
.vc_tta.vc_tta-tabs.vc_tta-tabs-position-bottom .vc_tta-panel-body::after,
.vc_tta.vc_non_responsive .vc_tta-tabs.vc_tta-tabs-position-bottom .vc_tta-panel-body::after,
.vc_tta.vc_tta-o-non-responsive .vc_tta-tabs.vc_tta-tabs-position-bottom .vc_tta-panel-body::after {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-left-radius: 0;
border-left-width: 0;
border-top-width: 0;
}
.vc_tta.vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-panel-body::before,
.vc_tta.vc_non_responsive .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-panel-body::before,
.vc_tta.vc_tta-o-non-responsive .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-panel-body::before {
right: auto;
bottom: auto;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-right-width: 0;
border-bottom-width: 0;
}
.vc_tta.vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-panel-body::after,
.vc_tta.vc_non_responsive .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-panel-body::after,
.vc_tta.vc_tta-o-non-responsive .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-panel-body::after {
right: auto;
top: auto;
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-right-width: 0;
border-top-width: 0;
}
.vc_tta.vc_tta-tabs.vc_tta-tabs-position-right .vc_tta-panel-body::before,
.vc_tta.vc_non_responsive .vc_tta-tabs.vc_tta-tabs-position-right .vc_tta-panel-body::before,
.vc_tta.vc_tta-o-non-responsive .vc_tta-tabs.vc_tta-tabs-position-right .vc_tta-panel-body::before {
left: auto;
bottom: auto;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-left-width: 0;
border-bottom-width: 0;
}
.vc_tta.vc_tta-tabs.vc_tta-tabs-position-right .vc_tta-panel-body::after,
.vc_tta.vc_non_responsive .vc_tta-tabs.vc_tta-tabs-position-right .vc_tta-panel-body::after,
.vc_tta.vc_tta-o-non-responsive .vc_tta-tabs.vc_tta-tabs-position-right .vc_tta-panel-body::after {
left: auto;
top: auto;
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-left-width: 0;
border-top-width: 0;
} .vc_tta.vc_general.vc_tta-tabs .vc_tta-panel-body {
overflow: visible;
}
.vc_tta.vc_general.vc_tta-tabs .vc_tta-title-text:not(:empty):not(:first-child),
.vc_tta.vc_general.vc_tta-tabs .vc_tta-title-text:not(:empty) ~ *,
.vc_tta.vc_general.vc_tta-accordion .vc_tta-title-text:not(:empty):not(:first-child),
.vc_tta.vc_general.vc_tta-accordion .vc_tta-title-text:not(:empty) ~ * {
margin-left: 10px;
}
.vc_tta.vc_general.vc_tta-tabs .vc_tta-title-text:not(:empty) ~ .vc_tta-controls-icon,
.vc_tta.vc_general.vc_tta-accordion .vc_tta-title-text:not(:empty) ~ .vc_tta-controls-icon {
margin-left: 0;
}
.vc_tta.vc_general .vc_tta-icon.gem-print-icon {
display: inline-block;
vertical-align: middle;
}
.vc_tta.vc_general .vc_tta-icon.gem-print-icon.gem-icon-pack-elegant {
font-size: 16px;
}
.vc_tta.vc_general .vc_tta-icon.gem-print-icon.gem-icon-pack-material {
font-size: 24px;
}
.vc_tta.vc_general .vc_tta-icon.gem-print-icon.gem-icon-pack-fontawesome {
font-size: 14px;
}
.vc_tta.vc_general .vc_tta-icon.gem-print-icon.gem-icon-pack-userpack {
font-size: 16px;
}
.vc_tta.vc_general .vc_tta-title-text {
display: inline-block;
vertical-align: middle;
}
.vc_tta.vc_general .vc_tta-tab {
vertical-align: bottom;
}
.vc_tta.vc_general.vc_tta-tabs-position-bottom .vc_tta-tab {
vertical-align: top;
}
.vc_tta.vc_tta-tabs .vc_tta-panel .vc_tta-panel-title,
.vc_tta.vc_tta-accordion .vc_tta-panel .vc_tta-panel-title {
font-family: 'Montserrat UltraLight';
font-weight: normal;
text-transform: uppercase;
font-size: 14px;
}
.vc_tta.vc_tta-tabs .vc_tta-panel.vc_active .vc_tta-panel-title,
.vc_tta.vc_tta-accordion .vc_tta-panel.vc_active .vc_tta-panel-title,
.vc_tta.vc_tta-tabs.vc_tta-style-outline .vc_tta-panel .vc_tta-panel-title,
.vc_tta.vc_tta-accordion.vc_tta-style-outline .vc_tta-panel .vc_tta-panel-title
.vc_tta.vc_tta-tabs .vc_tta-panel.vc_tta-style-modern .vc_tta-panel-title,
.vc_tta.vc_tta-accordion.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-title,
.vc_tta.vc_tta-accordion.vc_tta-style-simple_dashed .vc_tta-panel .vc_tta-panel-title {
font-family: 'Montserrat';
font-weight: bold;
}
.vc_tta.vc_tta-tabs.vc_general .vc_tta-tab > a {
padding: 12px 25px;
}
.vc_tta.vc_general.vc_tta-tabs .vc_tta-panel-body {
padding: 50px;
}
.vc_tta.vc_general.vc_tta-color-thegem .vc_tta-panel-heading .vc_tta-panel-title > a {
padding-top: 16px;
padding-bottom: 16px;
}
.vc_tta.vc_general.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-panel-heading .vc_tta-panel-title > a {
padding-top: 17px;
padding-bottom: 17px;
}
.vc_tta.vc_general.vc_tta-color-thegem.vc_tta-style-outline .vc_tta-panel-heading .vc_tta-panel-title > a {
padding-top: 16px;
padding-bottom: 16px;
}
.vc_tta.vc_tta-tabs .vc_tta-tab a {
font-family: 'Montserrat UltraLight';
font-size: 14px;
text-transform: uppercase;
font-weight: normal;
}
.vc_tta.vc_tta-tabs .vc_tta-tab.vc_active > a,
.vc_tta.vc_tta-tabs.vc_tta-style-outline .vc_tta-tab a,
.vc_tta.vc_tta-tabs.vc_tta-style-modern .vc_tta-tab a {
font-family: 'Montserrat';
font-weight: bold;
} .widget .vc_tta.vc_tta-tabs.vc_tta-color-thegem .vc_tta-tab a,
.widget .vc_tta.vc_tta-tabs.vc_tta-color-thegem .vc_tta-tab.vc_active > a,
.widget .vc_tta.vc_tta-tabs.vc_tta-color-thegem.vc_tta-style-outline .vc_tta-tab a,
.widget .vc_tta.vc_tta-tabs.vc_tta-color-thegem.vc_tta-style-modern .vc_tta-tab a {
font-family: inherit;
font-weight: inherit;
text-transform: none;
}
.widget .vc_tta.vc_tta-tabs.vc_tta-color-thegem.vc_general .vc_tta-tab > a {
padding: 2px 23px;
}
.widget .vc_tta.vc_general.vc_tta-color-thegem.vc_tta-tabs .vc_tta-panel-body {
padding: 25px 40px;
}
.widget .vc_tta.vc_general.vc_tta-color-thegem .vc_tta-panel-heading .vc_tta-panel-title > a {
padding-top: 13px;
padding-bottom: 13px;
}
.widget .vc_tta.vc_general.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-panel-heading .vc_tta-panel-title > a {
padding-top: 12px;
padding-bottom: 12px;
}
.widget .vc_tta.vc_general.vc_tta-color-thegem.vc_tta-style-outline .vc_tta-panel-heading .vc_tta-panel-title > a {
padding-top: 11px;
padding-bottom: 11px;
} .vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading {
margin-bottom: -1px;
}
.widget .vc_tta.vc_tta-tabs.vc_tta-color-thegem.vc_general.vc_tta-style-classic:not([class*="vc_tta-gap"]) .vc_tta-tab.vc_active > a {
padding: 4px 23px;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading {
border-color: #b6c6c9;
background-color: #f4f6f7;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading:hover,
.vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading:focus {
background-color: #f4f6f7;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title > a {
color: #5f727f;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading {
border-color: #b6c6c9;
background-color: #ffffff;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title > a {
color: #5f727f;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body {
background-color: #ffffff;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body,
.vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body::before,
.vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body::after {
border-color: #b6c6c9;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-controls-icon::before,
.vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-controls-icon::after {
border-color: #b6c6c9;
color: #b6c6c9;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::before,
.vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::after {
border-color: #b6c6c9;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-tab > a {
border-color: #b6c6c9;
background-color: #f4f6f7;
color: #5f727f;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-tab > a:hover,
.vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-tab > a:focus {
background-color: #f4f6f7;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-tab.vc_active > a {
border-color: #b6c6c9;
background-color: #ffffff;
color: #5f727f;
}
.widget .vc_tta.vc_tta-color-thegem.vc_tta-style-classic .vc_tta-tab.vc_active > a {
color: #5f727f;
}
@media (min-width: 768px) {
.vc_tta.vc_tta-color-thegem.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels {
background-color: #ffffff;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels,
.vc_tta.vc_tta-color-thegem.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels::before,
.vc_tta.vc_tta-color-thegem.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels::after {
border-color: #b6c6c9;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body {
border-color: transparent;
background-color: transparent;
}
} .vc_tta.vc_tta-color-thegem.vc_tta-style-modern .vc_tta-panel.vc_active .vc_tta-panel-heading {
margin-bottom: -1px;
}
.vc_tta.vc_tta-color-thegem.vc_tta-tabs:not([class*="vc_tta-gap"]):not(.vc_tta-o-no-fill).vc_tta-tabs-position-top.vc_tta-style-modern .vc_tta-tabs-container {
margin-bottom: 0;
}
.vc_tta.vc_tta-color-thegem.vc_tta-tabs:not([class*="vc_tta-gap"]):not(.vc_tta-o-no-fill).vc_tta-tabs-position-bottom.vc_tta-style-modern .vc_tta-tabs-container {
margin-top: 0;
}
.vc_tta.vc_tta-color-thegem.vc_tta-tabs:not([class*="vc_tta-gap"]):not(.vc_tta-o-no-fill).vc_tta-tabs-position-left.vc_tta-style-modern .vc_tta-tabs-container {
margin-right: 0;
}
.vc_tta.vc_tta-color-thegem.vc_tta-tabs:not([class*="vc_tta-gap"]):not(.vc_tta-o-no-fill).vc_tta-tabs-position-right.vc_tta-style-modern .vc_tta-tabs-container {
margin-left: 0;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-modern .vc_tta-panel-body,
.vc_tta.vc_tta-color-thegem.vc_tta-style-modern .vc_tta-panel-heading,
.vc_tta.vc_tta-color-thegem.vc_tta-style-modern .vc_tta-tab > a {
border-width: 0;
background-image: none;
filter: none;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-heading {
border-color: transparent;
background-color: #99a9b5;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-heading:hover,
.vc_tta.vc_tta-color-thegem.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-heading:focus {
background-color: #99a9b5;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-title > a {
color: #dfe5e8;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-modern .vc_tta-panel.vc_active .vc_tta-panel-heading {
border-color: transparent;
background-color: #3c3950;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-modern .vc_tta-panel.vc_active .vc_tta-panel-title > a {
color: #ffffff;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-body {
background-color: #3c3950;
color: #99a9b5;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-body,
.vc_tta.vc_tta-color-thegem.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-body::before,
.vc_tta.vc_tta-color-thegem.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-body::after {
border-color: transparent;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-modern .vc_tta-controls-icon::before,
.vc_tta.vc_tta-color-thegem.vc_tta-style-modern .vc_tta-controls-icon::after {
border-color: #dfe5e8;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-modern .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::before,
.vc_tta.vc_tta-color-thegem.vc_tta-style-modern .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::after {
border-color: #ffffff;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-modern .vc_tta-tab > a {
border-color: transparent;
background-color: #99a9b5;
color: #dfe5e8;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-modern .vc_tta-tab > a:hover,
.vc_tta.vc_tta-color-thegem.vc_tta-style-modern .vc_tta-tab > a:focus {
background-color: #99a9b5;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-modern .vc_tta-tab.vc_active > a {
border-color: transparent;
background-color: #3c3950;
color: #ffffff;
}
@media (min-width: 768px) {
.vc_tta.vc_tta-color-thegem.vc_tta-style-modern.vc_tta-tabs .vc_tta-panels {
background-color: #3c3950;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-modern.vc_tta-tabs .vc_tta-panels,
.vc_tta.vc_tta-color-thegem.vc_tta-style-modern.vc_tta-tabs .vc_tta-panels::before,
.vc_tta.vc_tta-color-thegem.vc_tta-style-modern.vc_tta-tabs .vc_tta-panels::after {
border-color: transparent;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-modern.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body {
border-color: transparent;
background-color: transparent;
}
} .vc_tta.vc_tta-color-thegem.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-heading {
margin-bottom: -1px;
}
.vc_tta.vc_tta-tabs.vc_tta-color-thegem.vc_tta-style-flat .vc_tta-tab > a {
padding-top: 10px;
padding-bottom: 10px;
}
.widget .vc_tta.vc_tta-tabs.vc_tta-color-thegem.vc_tta-style-flat .vc_tta-tab > a {
padding-top: 0;
padding-bottom: 0;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading {
border-color: transparent;
background-color: #dfe5e8;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading:hover,
.vc_tta.vc_tta-color-thegem.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading:focus {
background-color: #dfe5e8;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-title > a {
color: #5f727f;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-heading {
border-color: transparent;
background-color: #f4f6f7;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-title > a {
color: #5f727f;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-body {
background-color: #f4f6f7;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-body,
.vc_tta.vc_tta-color-thegem.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-body::before,
.vc_tta.vc_tta-color-thegem.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-body::after {
border-color: transparent;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-flat .vc_tta-controls-icon::before,
.vc_tta.vc_tta-color-thegem.vc_tta-style-flat .vc_tta-controls-icon::after {
border-color: #5f727f;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-flat .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::before,
.vc_tta.vc_tta-color-thegem.vc_tta-style-flat .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::after {
border-color: #5f727f;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-flat .vc_tta-tab > a {
border-color: transparent;
background-color: #dfe5e8;
color: #5f727f;
}
.widget .vc_tta.vc_tta-color-thegem.vc_tta-style-flat .vc_tta-tab > a {
color: #99a9b5;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-flat .vc_tta-tab > a:hover,
.vc_tta.vc_tta-color-thegem.vc_tta-style-flat .vc_tta-tab > a:focus {
background-color: #dfe5e8;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-flat .vc_tta-tab.vc_active > a {
border-color: transparent;
background-color: #f4f6f7;
color: #5f727f;
}
@media (min-width: 768px) {
.vc_tta.vc_tta-color-thegem.vc_tta-style-flat.vc_tta-tabs .vc_tta-panels {
background-color: #f4f6f7;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-flat.vc_tta-tabs .vc_tta-panels,
.vc_tta.vc_tta-color-thegem.vc_tta-style-flat.vc_tta-tabs .vc_tta-panels::before,
.vc_tta.vc_tta-color-thegem.vc_tta-style-flat.vc_tta-tabs .vc_tta-panels::after {
border-color: transparent;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-flat.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body {
border-color: transparent;
background-color: transparent;
}
} .vc_tta.vc_tta-color-thegem.vc_tta-style-outline .vc_tta-panel.vc_active .vc_tta-panel-heading {
margin-bottom: -2px;
}
.vc_tta.vc_tta-tabs.vc_tta-color-thegem.vc_tta-style-outline .vc_tta-tab > a {
padding-top: 11px;
padding-bottom: 11px;
}
.widget .vc_tta.vc_tta-tabs.vc_tta-color-thegem.vc_tta-style-outline .vc_tta-tab > a {
padding-top: 1px;
padding-bottom: 1px;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-outline .vc_tta-panel .vc_tta-panel-heading {
border-color: #99a9b5;
background-color: #99a9b5;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-outline .vc_tta-panel .vc_tta-panel-heading:hover,
.vc_tta.vc_tta-color-thegem.vc_tta-style-outline .vc_tta-panel .vc_tta-panel-heading:focus {
background-color: #99a9b5;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-outline .vc_tta-panel .vc_tta-panel-title > a {
color: #ffffff;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-outline .vc_tta-panel.vc_active .vc_tta-panel-heading {
border-color: #99a9b5;
background-color: #ffffff;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-outline .vc_tta-panel.vc_active .vc_tta-panel-title > a {
color: #99a9b5;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-outline .vc_tta-panel .vc_tta-panel-body {
background-color: #ffffff;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-outline .vc_tta-panel .vc_tta-panel-body,
.vc_tta.vc_tta-color-thegem.vc_tta-style-outline .vc_tta-panel .vc_tta-panel-body::before,
.vc_tta.vc_tta-color-thegem.vc_tta-style-outline .vc_tta-panel .vc_tta-panel-body::after {
border-color: #99a9b5;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-outline .vc_tta-controls-icon::before,
.vc_tta.vc_tta-color-thegem.vc_tta-style-outline .vc_tta-controls-icon::after {
border-color: #ffffff;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-outline .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::before,
.vc_tta.vc_tta-color-thegem.vc_tta-style-outline .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::after {
border-color: #99a9b5;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-outline .vc_tta-tab > a {
border-color: #99a9b5;
background-color: #99a9b5;
color: #ffffff;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-outline .vc_tta-tab > a:hover,
.vc_tta.vc_tta-color-thegem.vc_tta-style-outline .vc_tta-tab > a:focus {
background-color: #99a9b5;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-outline .vc_tta-tab.vc_active > a {
border-color: #99a9b5;
background-color: #ffffff;
color: #99a9b5;
}
@media (min-width: 768px) {
.vc_tta.vc_tta-color-thegem.vc_tta-style-outline.vc_tta-tabs .vc_tta-panels {
background-color: #ffffff;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-outline.vc_tta-tabs .vc_tta-panels,
.vc_tta.vc_tta-color-thegem.vc_tta-style-outline.vc_tta-tabs .vc_tta-panels::before,
.vc_tta.vc_tta-color-thegem.vc_tta-style-outline.vc_tta-tabs .vc_tta-panels::after {
border-color: #99a9b5;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-outline.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body {
border-color: transparent;
background-color: transparent;
}
}
.vc_tta.vc_tta-tabs.vc_tta-o-no-fill.vc_tta-color-thegem .vc_tta-panels,
.vc_tta.vc_tta-o-no-fill.vc_tta-color-thegem .vc_tta-panels .vc_tta-panel-body {
border-color: transparent;
background-color: transparent;
} .gem-gallery {
margin-bottom: 1.421em;
}
.gem-gallery-preview-carousel-wrap,
.gem-gallery-thumbs-carousel-wrap {
position: relative;
}
.gem-gallery.no-thumbs .gem-gallery-thumbs-carousel-wrap {
display: none;
}
.gem-gallery-preview-pagination {
padding-top: 25px;
}
.gem-gallery .gem-gallery-item {
float: left;
position: relative;
text-align: center;
}
.gem-gallery .gem-gallery-item a {
display: inline-block;
vertical-align: top;
}
.gem-gallery .gem-gallery-preview-carousel-wrap {
overflow: hidden;
}
.gem-gallery .gem-gallery-thumbs-carousel-wrap {
padding: 0 80px;
}
.gem-gallery .gem-gallery-thumbs-navigation .gem-prev,
.gem-gallery .gem-gallery-thumbs-navigation .gem-next {
width: 80px;
}
.gem-gallery .gem-gallery-thumbs-navigation .gem-prev:after,
.gem-gallery .gem-gallery-thumbs-navigation .gem-next:after {
width: 80px;
height: 80px;
line-height: 80px;
margin-top: -40px;
margin-left: -40px;
-o-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.gem-gallery .gem-gallery-thumbs-navigation .gem-prev:not(:hover):after,
.gem-gallery .gem-gallery-thumbs-navigation .gem-next:not(:hover):after {
background-color: #dfe5e8;
}
.gem-gallery .gem-gallery-thumbs-navigation .gem-prev:after {
content: '\e637';
}
.gem-gallery .gem-gallery-thumbs-navigation .gem-next:after {
content: '\e638';
}
.gem-gallery .gem-gallery-thumbs-carousel-wrap .gem-gallery-item {
padding: 18px 0 0;
margin: 0 9px;
}
.gem-gallery .gem-gallery-thumbs-carousel-wrap .gem-gallery-item a {
position: relative;
}
.gem-gallery .gem-gallery-thumbs-carousel-wrap .gem-gallery-item a:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
-o-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.gem-gallery .gem-gallery-thumbs-carousel-wrap .gem-gallery-item.active a:before,
.gem-gallery .gem-gallery-thumbs-carousel-wrap .gem-gallery-item a:hover:before {
opacity: 0.7;
}
.gem-gallery .gem-gallery-thumbs-carousel-wrap .gem-gallery-item a img {
width: 80px;
height: 80px;
}
.gem-gallery .gem-gallery-thumbs-carousel-wrap .gem-gallery-item.active a {
position: relative;
overflow: visible;
}
.gem-gallery .gem-gallery-thumbs-carousel-wrap .gem-gallery-item.active a img {
opacity: 1;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
}
.gem-gallery .gem-gallery-preview-carousel-wrap .gem-gallery-item svg {
display: none;
}
.gem-gallery .gem-gallery-thumbs-carousel-wrap .gem-gallery-item svg {
position: absolute;
height: 10px;
top: -10px;
left: 50%;
margin-left: -10px;
width: 20px;
opacity: 0;
-o-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.gem-gallery .gem-gallery-thumbs-carousel-wrap .gem-gallery-item.active svg {
opacity: 1;
}
.gem-gallery .gem-gallery-thumbs-carousel-wrap .gem-prev,
.gem-gallery .gem-gallery-thumbs-carousel-wrap .gem-next {
top: 18px;
}
.gem-gallery-thumbs-carousel-wrap .gem-gallery-caption {
display: none;
}
.gem-gallery .gem-gallery-preview-carousel-wrap .gem-gallery-item a {
display: block;
position: relative;
overflow: hidden;
text-align: center;
}
.gem-gallery .gem-gallery-preview-carousel-wrap .gem-gallery-item img {
display: inline-block;
height: auto;
}
.gem-gallery .gem-gallery-preview-carousel-wrap .gem-gallery-item a:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
transition: all 0.3s linear 0.4s;
-moz-transition: all 0.3s linear 0.4s;
-webkit-transition: all 0.3s linear 0.4s;
opacity: 0;
z-index: 5;
}
.gem-gallery .gem-gallery-preview-carousel-wrap:hover .gem-gallery-item a:before {
opacity: 1;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
}
.gem-gallery .gem-gallery-preview-carousel-wrap .gem-gallery-item a img {
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
}
.gem-gallery .gem-gallery-preview-carousel-wrap:hover .gem-gallery-item a img {
transition: all 0.3s linear 0.2s;
-moz-transition: all 0.3s linear 0.2s;
-webkit-transition: all 0.3s linear 0.2s;
}
.gem-gallery .gem-gallery-preview-carousel-wrap:hover .gem-prev,
.gem-gallery .gem-gallery-preview-carousel-wrap:hover .gem-next {
z-index: 5;
}
.gem-gallery .gem-gallery-preview-carousel-wrap .gem-prev:after,
.gem-gallery .gem-gallery-preview-carousel-wrap .gem-next:after {
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
opacity: 0;
}
.gem-gallery .gem-gallery-preview-carousel-wrap .gem-prev:after {
transform: translateX(-100%);
-o-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-webkit-transform: translateX(-100%);
}
.gem-gallery .gem-gallery-preview-carousel-wrap .gem-next:after {
transform: translateX(100%);
-o-transform: translateX(100%);
-ms-transform: translateX(100%);
-moz-transform: translateX(100%);
-webkit-transform: translateX(100%);
}
.gem-gallery .gem-gallery-preview-carousel-wrap:hover .gem-prev:after,
.gem-gallery .gem-gallery-preview-carousel-wrap:hover .gem-next:after {
transform: none;
-o-transform: none;
-ms-transform: none;
-moz-transform: none;
-webkit-transform: none;
opacity: 1;
}
@media (max-width: 756px) {
.gem-gallery .gem-gallery-thumbs-carousel-wrap {
padding: 0 25px;
}
.gem-gallery .gem-gallery-thumbs-navigation .gem-prev,
.gem-gallery .gem-gallery-thumbs-navigation .gem-next {
width: 25px;
}
.gem-gallery .gem-gallery-thumbs-navigation .gem-prev:not(:hover):after,
.gem-gallery .gem-gallery-thumbs-navigation .gem-next:not(:hover):after {
background: transparent;
}
.gem-gallery .gem-gallery-thumbs-navigation .gem-prev:after {
content: '\e636';
}
.gem-gallery .gem-gallery-thumbs-navigation .gem-next:after {
content: '\e634';
}
.gem-gallery .gem-gallery-thumbs-carousel-wrap .gem-gallery-item {
margin: 0 7px;
}
}
.panel.row {
margin-bottom: 0;
}
body .fancybox-title-over-wrap {
width: 100%;
}
.gem-simple-gallery .gem-gallery-items-carousel-wrap {
position: relative;
}
.gem-simple-gallery .gem-gallery-item {
float: left;
position: relative;
text-align: center;
margin: 0 21px;
overflow: hidden;
max-width: 100%;
}
.gem-simple-gallery.responsive .gem-gallery-item {
margin: 0;
}
.widget .gem-simple-gallery .gem-gallery-item {
width: 261px;
}
.gem-simple-gallery .gem-gallery-item a {
display: inline-block;
vertical-align: top;
max-width: 100%;
}
.gem-simple-gallery .gem-gallery-items-carousel-wrap {
overflow: hidden;
}
.gem-simple-gallery .gem-gallery-thumbs-carousel-wrap .gem-gallery-item a {
position: relative;
}
.gem-simple-gallery .gem-gallery-item a:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
-o-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.gem-simple-gallery .gem-gallery-item a:hover:before {
opacity: 0.7;
}
.gem-simple-gallery .gem-gallery-caption {
display: none;
}
.gem-simple-gallery .gem-gallery-item img {
display: inline-block;
height: auto;
}
.gem-simple-gallery .gem-gallery-item a:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
transition: all 0.3s linear 0.4s;
-moz-transition: all 0.3s linear 0.4s;
-webkit-transition: all 0.3s linear 0.4s;
opacity: 0;
z-index: 5;
}
.gem-simple-gallery .gem-gallery-item a:hover:before {
opacity: 1;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
}
.gem-simple-gallery .gem-gallery-item a img {
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
}
.gem-simple-gallery .gem-gallery-item a:hover img {
transition: all 0.3s linear 0.2s;
-moz-transition: all 0.3s linear 0.2s;
-webkit-transition: all 0.3s linear 0.2s;
}
.gem-simple-gallery .gem-gallery-item a:after {
content: '\e60f';
font-family: 'thegem-icons';
font-style: normal;
font-weight: normal;
font-style: normal;
font-size: 63px;
height: 63px;
line-height: 63px;
width: 63px;
text-align: center;
position: absolute;
top: 0%;
left: 50%;
transition: all 0.2s ease 0.1s;
-moz-transition: all 0.2s ease 0.1s;
-webkit-transition: all 0.2s ease 0.1s;
margin-left: -32px;
margin-top: -32px;
z-index: 5;
opacity: 0;
}
.gem-simple-gallery .gem-gallery-item a:hover:after {
transition: all 0.2s ease 0.1s;
-moz-transition: all 0.2s ease 0.1s;
-webkit-transition: all 0.2s ease 0.1s;
top: 50%;
opacity: 1;
}
.gem-simple-gallery .gem-prev,
.gem-simple-gallery .gem-next {
z-index: 5;
} .gem-icon-with-title {
margin-bottom: 1.421em;
}
.gem-icon-with-title > .gem-icon-with-title-icon {
display: table-cell;
padding-right: 10px;
vertical-align: middle;
}
.gem-icon-with-title-icon-size-medium > .gem-icon-with-title-icon {
padding-right: 20px;
}
.gem-icon-with-title-icon-size-big > .gem-icon-with-title-icon {
padding-right: 30px;
}
.gem-iconed-title {
display: table-cell;
vertical-align: middle;
text-transform: uppercase;
width: 99%;
}
.gem-iconed-title > * {
margin: 0;
} .gem-icon-with-text {
margin-bottom: 1.421em;
}
.gem-icon-with-text > .gem-icon-with-text-icon {
display: table-cell;
padding-right: 10px;
vertical-align: top;
}
.gem-icon-with-text-icon-size-medium > .gem-icon-with-text-icon {
padding-right: 20px;
}
.gem-icon-with-text-icon-size-big > .gem-icon-with-text-icon {
padding-right: 30px;
}
.gem-icon-with-text.gem-icon-with-text-flow > .gem-icon-with-text-icon {
display: block;
float: left;
margin: 0 10px 0 0;
padding-right: 0;
}
.gem-icon-with-text-icon-size-medium.gem-icon-with-text-flow > .gem-icon-with-text-icon {
margin: 0 20px 0 0;
}
.gem-icon-with-text-icon-size-big.gem-icon-with-text-flow > .gem-icon-with-text-icon {
margin: 0 30px 0 0;
}
.gem-icon-with-text > .gem-icon-with-text-content {
display: table-cell;
width: 99%;
vertical-align: top;
}
.gem-icon-with-text.gem-icon-with-text-flow > .gem-icon-with-text-content {
display: block;
width: auto;
}
.gem-icon-with-text.centered-box > .gem-icon-with-title {
display: block;
}
.gem-icon-with-text.centered-box > .gem-icon-with-text-icon,
.gem-icon-with-text.centered-box > .gem-icon-with-title > .gem-icon-with-title-icon {
display: block;
text-align: center;
padding: 0 0 10px;
}
.gem-icon-with-text.centered-box > .gem-icon-with-title > .gem-iconed-title {
display: block;
}
.gem-icon-with-text-icon-size-medium.centered-box > .gem-icon-with-text-icon,
.gem-icon-with-text-icon-size-medium.centered-box > .gem-icon-with-title > .gem-icon-with-title-icon {
display: block;
text-align: center;
padding: 0 0 20px;
}
.gem-icon-with-text-icon-size-big.centered-box > .gem-icon-with-text-icon,
.gem-icon-with-text-icon-size-big.centered-box > .gem-icon-with-title > .gem-icon-with-title-icon {
display: block;
text-align: center;
padding: 0 0 30px;
}
.gem-icon-with-text.gem-icon-with-text-flow.centered-box > .gem-icon-with-text-icon {
float: none;
margin: 0;
}
.gem-icon-with-text.centered-box > .gem-icon-with-text-content {
display: block;
width: auto;
}
.gem-icon-with-text > .gem-icon-with-title,
.gem-icon-with-text > .gem-icon-with-title + .gem-icon-with-text-content {
display: table-row;
}
.gem-icon-with-text > .gem-icon-with-title + .gem-icon-with-text-content > .gem-icon-with-text-empty,
.gem-icon-with-text > .gem-icon-with-title + .gem-icon-with-text-content > .gem-icon-with-text-text {
display: table-cell;
}
@media (max-width: 768px) {
.gem-icon-with-text:not(.disable-mobile-centered) > .gem-icon-with-text-icon {
display: block;
text-align: center;
padding: 0 0 10px;
padding-right: 0 !important;
}
.gem-icon-with-text-icon-size-medium:not(.disable-mobile-centered) > .gem-icon-with-text-icon {
display: block;
text-align: center;
padding: 0 0 20px;
}
.gem-icon-with-text-icon-size-big:not(.disable-mobile-centered) > .gem-icon-with-text-icon {
display: block;
text-align: center;
padding: 0 0 30px;
}
.gem-icon-with-text.gem-icon-with-text-flow:not(.disable-mobile-centered) > .gem-icon-with-text-icon {
float: none;
margin: 0;
}
.gem-icon-with-text:not(.disable-mobile-centered) > .gem-icon-with-text-content,
.gem-icon-with-text.centered-box > .gem-icon-with-title + .gem-icon-with-text-content {
display: block;
width: auto;
text-align: center;
}
.gem-icon-with-text:not(.disable-mobile-centered) > .gem-icon-with-title + .gem-icon-with-text-content {
text-align: left;
}
} .gem-alert-box:not(.centered-box) {
display: table;
width: 100%;
}
.gem-textbox-content .gem-alert-box {
padding: 20px;
}
.gem-alert-box:not(.centered-box) .gem-alert-box-picture,
.gem-alert-box:not(.centered-box) .gem-alert-box-content,
.gem-alert-box:not(.centered-box) .gem-alert-box-buttons {
display: table-cell;
vertical-align: middle;
width: 1%;
}
.gem-alert-box:not(.centered-box) .gem-alert-box-content {
width: 99%;
padding: 0 42px;
}
.gem-alert-box:not(.centered-box) .gem-alert-box-buttons .gem-button {
margin: 15px 0;
}
.gem-alert-box-image {
overflow: hidden;
display: inline-block;
vertical-align: top;
}
.gem-alert-box-image.image-size-small,
.gem-alert-box-image.image-size-small img,
.gem-alert-box-image.image-size-medium,
.gem-alert-box-image.image-size-medium img {
border-radius: 3px;
}
.gem-alert-box-image.image-size-large,
.gem-alert-box-image.image-size-large img {
border-radius: 6px;
}
.gem-alert-box-image.image-size-xlarge,
.gem-alert-box-image.image-size-xlarge img {
border-radius: 9px;
}
.gem-alert-box-image.image-shape-circle,
.gem-alert-box-image.image-shape-circle img {
border-radius: 50%;
}
.gem-alert-box-image.image-size-small {
width: 50px;
}
.gem-alert-box-image.image-size-small.image-shape-circle,
.gem-alert-box-image.image-size-small.image-shape-circle img {
height: 50px;
}
.gem-alert-box-image.image-size-medium {
width: 80px;
}
.gem-alert-box-image.image-size-medium.image-shape-circle,
.gem-alert-box-image.image-size-medium.image-shape-circle img {
height: 80px;
}
.gem-alert-box-image.image-size-large {
width: 160px;
}
.gem-alert-box-image.image-size-large.image-shape-circle,
.gem-alert-box-image.image-size-large.image-shape-circle img {
height: 160px;
}
.gem-alert-box-image.image-size-xlarge {
width: 240px;
}
.gem-alert-box-image.image-size-xlarge.image-shape-circle,
.gem-alert-box-image.image-size-xlarge.image-shape-circle img {
height: 240px;
}
.gem-alert-box.centered-box .gem-alert-box-content {
padding: 40px 0 20px;
}
.gem-alert-box.centered-box .gem-alert-box-buttons .gem-button {
margin: 20px 21px 0;
}
@media (max-width: 768px) {
.gem-alert-box:not(.centered-box) {
display: block;
text-align: center;
}
.gem-alert-box:not(.centered-box) .gem-alert-box-picture,
.gem-alert-box:not(.centered-box) .gem-alert-box-content,
.gem-alert-box:not(.centered-box) .gem-alert-box-buttons {
display: block;
width: 100%;
}
.gem-alert-box:not(.centered-box) .gem-alert-box-content {
width: 100%;
padding: 40px 0 20px;
}
.gem-alert-box:not(.centered-box) .gem-alert-box-buttons .gem-button-container {
display: inline-block;
}
.gem-alert-box:not(.centered-box) .gem-alert-box-buttons .gem-button {
margin: 20px 21px 0;
}
} .gem-button-separator-holder,
.gem-button-separator-button {
display: table-cell;
vertical-align: middle;
}
.gem-button-separator-holder {
width: 50%;
}
.gem-button-separator-holder svg {
display: block;
}
.gem-button-sep-button .gem-button {
margin: 20px 0;
vertical-align: middle;
}
.gem-button-separator-line {
width: 100%;
}
.gem-button-separator-type-single .gem-button-separator-line {
border-top: 2px solid;
border-bottom: 2px solid;
height: 0;
}
.gem-button-separator-type-square .gem-button-separator-button {
padding: 0 20px;
}
.gem-button-separator-type-soft-double .gem-button-separator-line {
border-top: 1px solid;
border-bottom: 1px solid;
height: 7px;
}
.gem-button-separator-type-square .gem-button-separator-button {
padding: 0 40px;
}
.gem-button-separator-type-strong-double .gem-button-separator-line {
border-top: 4px solid;
border-bottom: 4px solid;
height: 17px;
}
.gem-button-separator-type-load-more .gem-button-separator-button {
padding: 0 20px;
}
.gem-button-separator-type-load-more .gem-button-separator-line {
border-top: 1px solid;
border-bottom: 1px solid;
height: 4px;
} .clearboth {
clear: both;
height: 0;
font-size: 0;
line-height: 0;
}
.clear {
height: 0;
font-size: 0;
line-height: 0;
clear: both;
}
.gem-divider {
position: relative;
border-top: 1px solid transparent;
height: 0;
font-size: 0;
line-height: 0;
}
.gem-divider.megamenu-divider,
.megamenu-template .gem-divider {
margin-top: 14px;
margin-bottom: 11px;
width: 200px;
display: block;
border-color: var(--thegem-to-divider-color, #dfe5e8);
}
.gem-divider-style-1 {
height: 1px;
border: 0 none;
}
.gem-divider-style-2 {
border-top: 3px solid transparent;
}
.gem-divider-style-3 {
border-top: 7px solid transparent;
}
.gem-divider-style-4 {
height: 8px;
border: 0 none;
}
.gem-divider-style-5 {
height: 6px;
border: 0 none;
}
.gem-divider-style-6 {
border-top: 0;
height: 10px;
background: url(//www.advancedfasteners.co.uk/wp-content/themes/thegem/images/divider-zigzag.png) repeat-x 50% 0;
}
.gem-divider-style-7 {
border-top: 0;
height: 8px;
background: url(//www.advancedfasteners.co.uk/wp-content/themes/thegem/images/divider-wave.png) repeat-x 50% 0;
} .gem-dropcap .gem-dropcap-letter {
float: left;
position: relative;
font-size: 127%;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
overflow: hidden;
margin-right: 21px;
text-align: center;
width: 80px;
height: 80px;
line-height: 80px;
margin-top: 7px;
}
.gem-dropcap.gem-dropcap-style-medium .gem-dropcap-letter{
width: 50px;
height: 50px;
line-height: 48px;
}
.gem-dropcap.gem-dropcap-shape-square .gem-dropcap-letter {
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
} .vc_tta.vc_tta-accordion .vc_tta-controls-icon.vc_tta-controls-icon-chevron::before,
.vc_tta.vc_tta-accordion .vc_tta-controls-icon[data-vc-tta-controls-icon="chevron"]::before {
-webkit-transform: rotate(-45deg) translate(-25%, -25%);
-ms-transform: rotate(-45deg) translate(-25%, -25%);
transform: rotate(-45deg) translate(-25%, -25%);
}
.vc_tta.vc_tta-accordion .vc_active .vc_tta-controls-icon.vc_tta-controls-icon-chevron::before,
.vc_tta.vc_tta-accordion .vc_active .vc_tta-controls-icon[data-vc-tta-controls-icon="chevron"]::before {
-webkit-transform: rotate(45deg) translate(-25%, -25%);
-ms-transform: rotate(45deg) translate(-25%, -25%);
transform: rotate(45deg) translate(-25%, -25%);
}
.vc_tta.vc_general.vc_tta-accordion .vc_tta-controls-icon-position-left.vc_tta-panel-title > a,
.vc_tta.vc_general.vc_tta-accordion .vc_tta-controls-icon-position-right.vc_tta-panel-title > a,
.vc_tta.vc_general.vc_tta-accordion [data-vc-tta-controls-icon-position="left"].vc_tta-panel-title > a,
.vc_tta.vc_general.vc_tta-accordion [data-vc-tta-controls-icon-position="right"].vc_tta-panel-title > a {
padding-left: 50px;
padding-right: 50px;
}
.vc_tta.vc_tta-accordion.vc_tta-style-simple_solid .vc_tta-controls-icon-position-left.vc_tta-panel-title > a,
.vc_tta.vc_tta-accordion.vc_tta-style-simple_dashed .vc_tta-controls-icon-position-left.vc_tta-panel-title > a,
.vc_tta.vc_tta-accordion.vc_tta-style-simple_arrow .vc_tta-controls-icon-position-left.vc_tta-panel-title > a,
.vc_tta.vc_tta-accordion.vc_tta-style-simple_solid [data-vc-tta-controls-icon-position="left"].vc_tta-panel-title > a,
.vc_tta.vc_tta-accordion.vc_tta-style-simple_dashed [data-vc-tta-controls-icon-position="left"].vc_tta-panel-title > a,
.vc_tta.vc_tta-accordion.vc_tta-style-simple_arrow [data-vc-tta-controls-icon-position="left"].vc_tta-panel-title > a {
padding-left: 30px;
padding-right: 0;
}
.vc_tta.vc_tta-accordion.vc_tta-style-simple_solid .vc_tta-controls-icon-position-right.vc_tta-panel-title > a,
.vc_tta.vc_tta-accordion.vc_tta-style-simple_dashed .vc_tta-controls-icon-position-right.vc_tta-panel-title > a,
.vc_tta.vc_tta-accordion.vc_tta-style-simple_arrow .vc_tta-controls-icon-position-right.vc_tta-panel-title > a,
.vc_tta.vc_tta-accordion.vc_tta-style-simple_solid [data-vc-tta-controls-icon-position="right"].vc_tta-panel-title > a,
.vc_tta.vc_tta-accordion.vc_tta-style-simple_dashed [data-vc-tta-controls-icon-position="right"].vc_tta-panel-title > a,
.vc_tta.vc_tta-accordion.vc_tta-style-simple_arrow [data-vc-tta-controls-icon-position="right"].vc_tta-panel-title > a {
padding-left: 0;
padding-right: 30px;
}
.vc_tta.vc_general.vc_tta-accordion .vc_tta-panel-body {
padding: 50px;
}
.vc_tta.vc_general.vc_tta-accordion.vc_tta-style-simple_solid .vc_tta-panel-body,
.vc_tta.vc_general.vc_tta-accordion.vc_tta-style-simple_dashed .vc_tta-panel-body,
.vc_tta.vc_general.vc_tta-accordion.vc_tta-style-simple_arrow .vc_tta-panel-body {
padding: 30px 0 50px;
}
.vc_tta.vc_tta-accordion.vc_tta-style-simple_solid .vc_tta-panel .vc_tta-panel-title,
.vc_tta.vc_tta-accordion.vc_tta-style-simple_dashed .vc_tta-panel .vc_tta-panel-title,
.vc_tta.vc_tta-accordion.vc_tta-style-simple_arrow .vc_tta-panel .vc_tta-panel-title {
font-size: 16px;
}
.widget .vc_tta.vc_tta-accordion.vc_tta-style-simple_solid .vc_tta-panel .vc_tta-panel-title,
.widget .vc_tta.vc_tta-accordion.vc_tta-style-simple_dashed .vc_tta-panel .vc_tta-panel-title,
.widget .vc_tta.vc_tta-accordion.vc_tta-style-simple_arrow .vc_tta-panel .vc_tta-panel-title {
font-size: 14px;
}
.vc_tta.vc_general.vc_tta-accordion.vc_tta-style-simple_solid .vc_tta-panel + .vc_tta-panel,
.vc_tta.vc_general.vc_tta-accordion.vc_tta-style-simple_arrow .vc_tta-panel + .vc_tta-panel {
border-top: 1px solid #b6c6c9;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-simple_solid .vc_tta-controls-icon::before,
.vc_tta.vc_tta-color-thegem.vc_tta-style-simple_solid .vc_tta-controls-icon::after,
.vc_tta.vc_tta-color-thegem.vc_tta-style-simple_arrow .vc_tta-controls-icon::before,
.vc_tta.vc_tta-color-thegem.vc_tta-style-simple_arrow .vc_tta-controls-icon::after {
border-color: #b6c6c9;
color: #b6c6c9;
}
.vc_tta.vc_general.vc_tta-accordion.vc_tta-style-simple_dashed .vc_tta-panel + .vc_tta-panel {
border-top: 1px dashed #3c3950;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-simple_dashed .vc_tta-controls-icon::before,
.vc_tta.vc_tta-color-thegem.vc_tta-style-simple_dashed .vc_tta-controls-icon::after {
border-color: #00bcd4;
color: #00bcd4;
}
.vc_tta.vc_tta-color-thegem.vc_tta-style-simple_dashed .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::before,
.vc_tta.vc_tta-color-thegem.vc_tta-style-simple_dashed .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::after {
border-color: #3c3950;
color: #3c3950;
}
.vc_tta.vc_tta-accordion .vc_tta-controls-icon.vc_tta-controls-icon-solid_squared,
.vc_tta.vc_tta-accordion .vc_tta-controls-icon.vc_tta-controls-icon-solid_rounded,
.vc_tta.vc_tta-accordion .vc_tta-controls-icon.vc_tta-controls-icon-outlined_rounded,
.vc_tta.vc_tta-accordion .vc_tta-controls-icon[data-vc-tta-controls-icon="solid_squared"],
.vc_tta.vc_tta-accordion .vc_tta-controls-icon[data-vc-tta-controls-icon="solid_rounded"],
.vc_tta.vc_tta-accordion .vc_tta-controls-icon[data-vc-tta-controls-icon="outlined_rounded"] {
width: 24px;
height: 24px;
line-height: 24px;
font-size: 24px;
text-align: center;
font-style: normal;
}
.vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-left .vc_tta-controls-icon.vc_tta-controls-icon-solid_rounded,
.vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-left .vc_tta-controls-icon.vc_tta-controls-icon-outlined_rounded,
.vc_tta.vc_tta-accordion [data-vc-tta-controls-icon-position="left"] .vc_tta-controls-icon[data-vc-tta-controls-icon="solid_rounded"],
.vc_tta.vc_tta-accordion [data-vc-tta-controls-icon-position="left"] .vc_tta-controls-icon[data-vc-tta-controls-icon="outlined_rounded"] {
left: 17px;
}
.vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-left .vc_tta-controls-icon.vc_tta-controls-icon-solid_squared,
.vc_tta.vc_tta-accordion [data-vc-tta-controls-icon-position="left"] .vc_tta-controls-icon[data-vc-tta-controls-icon="solid_squared"] {
left: 20px;
}
.vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-left .vc_tta-controls-icon.vc_tta-controls-icon-chevron,
.vc_tta.vc_tta-accordion [data-vc-tta-controls-icon-position="left"] .vc_tta-controls-icon[data-vc-tta-controls-icon="chevron"] {
left: 23px;
}
.vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-right .vc_tta-controls-icon.vc_tta-controls-icon-solid_rounded,
.vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-right .vc_tta-controls-icon.vc_tta-controls-icon-outlined_rounded,
.vc_tta.vc_tta-accordion [data-vc-tta-controls-icon-position="right"] .vc_tta-controls-icon[data-vc-tta-controls-icon="solid_rounded"],
.vc_tta.vc_tta-accordion [data-vc-tta-controls-icon-position="right"] .vc_tta-controls-icon[data-vc-tta-controls-icon="solid_rounded"] {
right: 13px;
}
.vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-right .vc_tta-controls-icon.vc_tta-controls-icon-solid_squared,
.vc_tta.vc_tta-accordion [data-vc-tta-controls-icon-position="right"] .vc_tta-controls-icon[data-vc-tta-controls-icon="solid_squared"] {
right: 20px;
}
.vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-right .vc_tta-controls-icon.vc_tta-controls-icon-chevron,
.vc_tta.vc_tta-accordion [data-vc-tta-controls-icon-position="right"] .vc_tta-controls-icon[data-vc-tta-controls-icon="chevron"] {
right: 23px;
}
.vc_tta.vc_tta-accordion .vc_tta-controls-icon.vc_tta-controls-icon-solid_squared::before,
.vc_tta.vc_tta-accordion .vc_tta-controls-icon.vc_tta-controls-icon-solid_rounded::before,
.vc_tta.vc_tta-accordion .vc_tta-controls-icon.vc_tta-controls-icon-outlined_rounded::before,
.vc_tta.vc_tta-accordion .vc_tta-controls-icon[data-vc-tta-controls-icon="solid_squared"]::before,
.vc_tta.vc_tta-accordion .vc_tta-controls-icon[data-vc-tta-controls-icon="solid_rounded"]::before,
.vc_tta.vc_tta-accordion .vc_tta-controls-icon[data-vc-tta-controls-icon="outlined_rounded"]::before {
font-family: 'thegem-icons';
font-style: normal;
font-weight: normal;
}
.vc_tta.vc_tta-accordion .vc_tta-controls-icon.vc_tta-controls-icon-solid_squared::before,
.vc_tta.vc_tta-accordion .vc_tta-controls-icon[data-vc-tta-controls-icon="solid_squared"]::before {
content: '\e62f';
}
.vc_tta.vc_tta-accordion .vc_tta-panel.vc_active .vc_tta-controls-icon.vc_tta-controls-icon-solid_squared::before,
.vc_tta.vc_tta-accordion .vc_tta-panel.vc_active .vc_tta-controls-icon[data-vc-tta-controls-icon="solid_squared"]::before {
content: '\e62e';
}
.vc_tta.vc_tta-accordion .vc_tta-controls-icon.vc_tta-controls-icon-solid_rounded::before,
.vc_tta.vc_tta-accordion .vc_tta-controls-icon[data-vc-tta-controls-icon="solid_rounded"]::before {
content: '\e60a';
}
.vc_tta.vc_tta-accordion .vc_tta-panel.vc_active .vc_tta-controls-icon.vc_tta-controls-icon-solid_rounded::before,
.vc_tta.vc_tta-accordion .vc_tta-panel.vc_active .vc_tta-controls-icon[data-vc-tta-controls-icon="solid_rounded"]::before {
content: '\e609';
}
.vc_tta.vc_tta-accordion .vc_tta-controls-icon.vc_tta-controls-icon-outlined_rounded::before,
.vc_tta.vc_tta-accordion .vc_tta-controls-icon[data-vc-tta-controls-icon="outlined_rounded"]::before {
content: '\e62d';
}
.vc_tta.vc_tta-accordion .vc_tta-panel.vc_active .vc_tta-controls-icon.vc_tta-controls-icon-outlined_rounded::before,
.vc_tta.vc_tta-accordion .vc_tta-panel.vc_active .vc_tta-controls-icon[data-vc-tta-controls-icon="outlined_rounded"]::before {
content: '\e62c';
}
.vc_tta.vc_tta-accordion.vc_tta-style-simple_solid .vc_tta-controls-icon-position-left .vc_tta-controls-icon,
.vc_tta.vc_tta-accordion.vc_tta-style-simple_dashed .vc_tta-controls-icon-position-left .vc_tta-controls-icon,
.vc_tta.vc_tta-accordion.vc_tta-style-simple_arrow .vc_tta-controls-icon-position-left .vc_tta-controls-icon {
left: 0;
}
.vc_tta.vc_tta-accordion.vc_tta-style-simple_solid .vc_tta-controls-icon-position-right .vc_tta-controls-icon,
.vc_tta.vc_tta-accordion.vc_tta-style-simple_dashed .vc_tta-controls-icon-position-right .vc_tta-controls-icon,
.vc_tta.vc_tta-accordion.vc_tta-style-simple_arrow .vc_tta-controls-icon-position-right .vc_tta-controls-icon,
.vc_tta.vc_tta-accordion.vc_tta-style-simple_solid [data-vc-tta-controls-icon-position="right"] .vc_tta-controls-icon,
.vc_tta.vc_tta-accordion.vc_tta-style-simple_dashed [data-vc-tta-controls-icon-position="right"] .vc_tta-controls-icon,
.vc_tta.vc_tta-accordion.vc_tta-style-simple_arrow [data-vc-tta-controls-icon-position="right"] .vc_tta-controls-icon {
right: 0;
} .widget .vc_tta.vc_general.vc_tta-accordion .vc_tta-controls-icon-position-left.vc_tta-panel-title > a,
.widget .vc_tta.vc_general.vc_tta-accordion .vc_tta-controls-icon-position-right.vc_tta-panel-title > a {
padding-left: 35px;
padding-right: 35px;
}
.widget .vc_tta.vc_tta-accordion.vc_tta-style-simple_solid .vc_tta-controls-icon-position-left.vc_tta-panel-title > a,
.widget .vc_tta.vc_tta-accordion.vc_tta-style-simple_dashed .vc_tta-controls-icon-position-left.vc_tta-panel-title > a,
.widget .vc_tta.vc_tta-accordion.vc_tta-style-simple_arrow .vc_tta-controls-icon-position-left.vc_tta-panel-title > a {
padding-left: 30px;
padding-right: 0;
}
.widget .vc_tta.vc_tta-accordion.vc_tta-style-simple_solid .vc_tta-controls-icon-position-right.vc_tta-panel-title > a,
.widget .vc_tta.vc_tta-accordion.vc_tta-style-simple_dashed .vc_tta-controls-icon-position-right.vc_tta-panel-title > a,
.widget .vc_tta.vc_tta-accordion.vc_tta-style-simple_arrow .vc_tta-controls-icon-position-right.vc_tta-panel-title > a {
padding-left: 0;
padding-right: 30px;
}
.widget .vc_tta.vc_general.vc_tta-accordion .vc_tta-panel-body {
padding: 35px;
}
.widget .vc_tta.vc_general.vc_tta-accordion.vc_tta-style-simple_solid .vc_tta-panel-body,
.widget .vc_tta.vc_general.vc_tta-accordion.vc_tta-style-simple_dashed .vc_tta-panel-body,
.widget .vc_tta.vc_general.vc_tta-accordion.vc_tta-style-simple_arrow .vc_tta-panel-body {
padding: 20px 0 35px;
}
.widget .vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-left .vc_tta-controls-icon.vc_tta-controls-icon-solid_squared,
.widget .vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-left .vc_tta-controls-icon.vc_tta-controls-icon-solid_rounded,
.widget .vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-left .vc_tta-controls-icon.vc_tta-controls-icon-outlined_rounded {
left: 7px;
}
.widget .widget .vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-right .vc_tta-controls-icon.vc_tta-controls-icon-solid_squared,
.widget .widget .vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-right .vc_tta-controls-icon.vc_tta-controls-icon-solid_rounded,
.widget .widget .vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-right.vc_tta-controls-icon.vc_tta-controls-icon-outlined_rounded {
right: 7px;
}
.widget .vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-left .vc_tta-controls-icon.vc_tta-controls-icon-chevron {
left: 15px;
}
.widget .vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-left .vc_tta-controls-icon.vc_tta-controls-icon-chevron {
left: 15px;
}
.vc_tta.vc_general.vc_tta-accordion.vc_tta-style-simple_arrow .vc_tta-controls-icon.vc_tta-controls-icon-plus,
.vc_tta.vc_general.vc_tta-accordion.vc_tta-style-simple_arrow .vc_tta-controls-icon[data-vc-tta-controls-icon="plus"] {
width: 24px;
height: 24px;
}
.vc_tta.vc_general.vc_tta-accordion.vc_tta-style-simple_arrow .vc_tta-controls-icon.vc_tta-controls-icon-plus::before,
.vc_tta.vc_general.vc_tta-accordion.vc_tta-style-simple_arrow .vc_tta-controls-icon[data-vc-tta-controls-icon="plus"]::before {
content: '\e635';
font-family: 'thegem-icons';
font-weight: normal;
font-style: normal;
width: 24px;
height: 24px;
font-size: 24px;
border: 0 none;
}
.vc_tta.vc_general.vc_tta-accordion.vc_tta-style-simple_arrow .vc_active .vc_tta-controls-icon.vc_tta-controls-icon-plus::before,
.vc_tta.vc_general.vc_tta-accordion.vc_tta-style-simple_arrow .vc_active .vc_tta-controls-icon[data-vc-tta-controls-icon="plus"]::before {
content: '\e633';
}
.vc_tta.vc_general.vc_tta-accordion.vc_tta-style-simple_arrow .vc_tta-controls-icon.vc_tta-controls-icon-plus::after,
.vc_tta.vc_general.vc_tta-accordion.vc_tta-style-simple_arrow .vc_tta-controls-icon[data-vc-tta-controls-icon="plus"]::after {
display: none;
} .gem-news {
margin-bottom: 1.421em;
}
.gem-news .gem-news-item {
float: left;
width: 360px;
padding: 0 15px;
position: relative;
}
.gem-news-item-left {
display: table-cell;
padding-top: 7px;
}
.gem-news-item-right {
display: table-cell;
vertical-align: middle;
padding-top: 4px;
width: 100%;
padding-left: 12px;
}
.gem-news-item-image {
width: 72px;
height: 72px;
}
.gem-news-item-excerpt {
margin-top: 2px;
}
.gem-news-item-date {
margin-top: 3px;
}
.gem-news-zilla-likes {
position: absolute;
right: 30px;
bottom: 0px;
}
.gem-news .post-meta-likes {
margin-right: 5px;
}
.gem-news_title-excerpt > p {
max-height: 5em;
overflow: hidden;
}
.gem-news_title-excerpt {
max-height: 4.6em;
overflow: hidden;
}
.gem-news-item-meta {
position: relative;
}
.gem-news-item-right-conteiner {
max-height: 3.1em;
overflow: hidden;
} .gem-clients {
margin-bottom: 1.421em;
}
.gem-clients-type-carousel-grid .gem-clients-slide {
float: left;
width: 100%;
}
.disable-grayscale.gem-clients-type-carousel-grid .gem-client-item a,
.disable-grayscale.gem-clients-type-carousel-grid .gem-client-item span {
background-color: transparent;
}
.gem-clients-type-carousel-grid .gem-client-item {
float: left;
padding: 0 5px 10px 5px;
}
.gem-clients-slide-inner.clearfix {
margin-left: -5px;
margin-right: -5px;
}
.gem-clients-type-carousel-grid .gem-client-item a,
.gem-clients-type-carousel-grid .gem-client-item span:not(.caption, .text) {
display: block;
width: 100%;
text-align: center;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
position: relative;
}
.disable-grayscale.gem-clients-type-carousel-grid .gem-client-item a img,
.disable-grayscale.gem-clients-type-carousel-grid .gem-client-item span img {
opacity: 1;
-webkit-filter: none;
-moz-filter: none;
-ms-filter: none;
-o-filter: none;
filter: none;
}
.gem-clients-type-carousel-grid .gem-client-item a img,
.gem-clients-type-carousel-grid .gem-client-item span img {
display: inline-block;
opacity: 0.5;
}
.gem-clients-type-carousel-grid .gem-client-item a:hover img,
.gem-clients-type-carousel-grid .gem-client-item span:hover img {
opacity: 1;
}
.gem-client-item .caption {
position: absolute;
bottom: 0;
left: 0;
right: 0;
max-width: 100%;
width: auto;
}
.gem-client-item .caption.caption-horizontal-left {
left: 0;
right: auto;
}
.gem-client-item .caption.caption-horizontal-right {
left: auto;
right: 0;
}
.gem-client-item .caption.caption-horizontal-stretch {
left: 0;
right: 0;
}
.gem-client-item .caption.caption-horizontal-center {
left: 50%;
right: auto;
transform: translateX(-50%);
}
.gem-client-item .caption.caption-vertical-top {
top: 0;
bottom: auto;
}
.gem-client-item .caption.caption-vertical-middle {
top: 50%;
transform: translateY(-50%);
bottom: auto;
}
.gem-client-item .caption.caption-horizontal-center.caption-vertical-middle {
transform: translateX(-50%) translateY(-50%);
}
.gem-client-item .caption.caption-vertical-bottom {
top: auto;
bottom: 0;
}
.gem-client-item .caption .text {
display: block;
padding: 10px;
background-color: #FFFFFFA1;
color: var(--thegem-to-body-color);
margin: 0;
width: auto;
}
.gem-client-item .caption.show-on-hover {
opacity: 0;
visibility: hidden;
transition: opacity 0.3s linear;
}
.gem-client-item > a:hover .caption.show-on-hover,
.gem-client-item > span:hover .caption.show-on-hover {
opacity: 1;
visibility: visible;
} .diagram-item {
margin-bottom: 1.421em;
}
.skill-element + .skill-element {
margin: 8px 0 0 0;
}
.skill-title {
font-size: 89.5%;
line-height: 1.421;
margin: 0 0 5px 0;
}
.skill-amount {
float: right;
font-size: 126.3%;
margin-top: -11px;
}
.skill-line {
font-size: 0;
line-height: 1;
height: 10px;
margin-right: 55px;
}
.skill-line div {
display: inline-block;
font-size: 0;
line-height: 1;
height: 10px;
}
.skill-line div.animation {
-moz-transition: width 1.6s cubic-bezier(0.165, 0.84, 0.44, 1);
-ms-transition: width 1.6s cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition: width 1.6s cubic-bezier(0.165, 0.84, 0.44, 1);
-webkit-transition: width 1.6s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: width 1.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.diagram-summary {
font-size: 89.5%;
line-height: 1.471;
margin: 0 0 0.766667em 0;
}
.widget .diagram-summary {
font-size: 100%;
}
.diagram-summary-text {
margin: 0 0 0.766667em 0;
}
.diagram-circle {
text-align: center;
}
.diagram-circle {
position: relative;
}
.diagram-circle .box-wrapper {
max-width: 550px;
position: relative;
text-align: left;
}
.tab_wrapper .diagram-circle .box-wrapper {
margin: 0 auto;
}
.diagram-circle .box {
position: relative;
}
.diagram-circle .skills {
display: none;
}
.diagram-circle .text {
font-size: 89.5%;
line-height: 1.471;
position: absolute;
left: 0;
top: 0;
z-index: 1;
}
.widget .diagram-circle .text {
font-size: 100%;
}
.diagram-circle .text div {
display: table-cell;
text-align: center;
vertical-align: middle;
line-height: 1.2;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.diagram-circle .text div span {
display: block;
text-align: center;
padding: 0 0 0 5px;
margin: 0;
}
.widget .diagram-circle .text div,
.widget .diagram-circle .text div span.title {
font-size: inherit;
}
.diagram-legend {
display: inline-block;
position: absolute;
left: 0;
top: 50%;
z-index: 1;
text-align: left;
}
.diagram-legend .legend-element {
margin: 0 0 26px 0;
}
.diagram-legend .legend-element .color {
display: block;
float: left;
width: 16px;
height: 16px;
}
.sidebar .diagram-legend .legend-element .color {
width: 12px;
height: 12px;
}
.diagram-legend .legend-element .title {
display: block;
line-height: 1;
margin: 0 0 0 46px;
margin-left: 30px;
}
.widget .diagram-legend .legend-element .title {
margin-left: 23px;
margin-top: -2px;
} .gem-map-with-text {
position: relative;
margin-bottom: 1.421em;
}
.gem-map-with-text.rounded-corners {
-webkit-mask-image: url(//www.advancedfasteners.co.uk/wp-content/themes/thegem/css/rounded.svg);
}
.gem-map-with-text-content {
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
padding: 20px 15px;
}
.gem-map-with-text-map {
overflow: hidden;
}
.gem-map-with-text-map .wpb_gmaps_widget {
margin-top: -60px;
margin-bottom: 0;
}
@media (max-width: 992px) {
.gem-map-with-text-content {
position: relative;
top: auto;
left: auto;
width: auto;
}
}
.wpb_map_wraper iframe {
vertical-align: top;
} .gem-counter-box {
margin-bottom: 1.421em;
}
.gem-counter {
position: relative;
text-align: center;
}
@media (max-width: 549px) {
.gem-counter {
width: 100%;
}
}
.gem-counter-inner {
position: relative;
padding: 40px 30px 30px;
}
.gem-counter .gem-counter-number .gem-counter-odometer,
.gem-counter-suffix {
display: inline-block;
vertical-align: middle;
white-space: nowrap;
}
.gem-counter-icon {
margin-bottom: 30px;
}
.gem-counter-number {
margin-bottom: 0;
}
.gem-counter-icon-circle-1 {
display: inline-block;
vertical-align: top;
border-radius: 50%;
border-width: 4px;
border-style: solid;
padding: 9px;
}
.gem-counter-icon-circle-2 {
width: 146px;
height: 146px;
line-height: 146px;
border-radius: 50%;
text-align: center;
border-width: 2px;
border-style: solid;
}
.gem-counter-style-vertical .gem-counter,
.gem-counter-style-vertical .gem-counter-inner {
position: relative;
}
.gem-counter-style-vertical .gem-counter {
margin-top: 50px;
}
.gem-counter-style-vertical .gem-counter-connector {
position: absolute;
width: 3px;
top: -50px;
left: 50%;
margin-left: -1px;
}
.gem-counter-style-vertical .gem-counters-list:first-child .gem-counter:first-child {
margin-top: 0;
}
.gem-counter-style-vertical .gem-counters-list:first-child .gem-counter:first-child .gem-counter-connector {
display: none;
}
.gem-counter-style-vertical .gem-counter.gem-counter-size-small {
padding-top: 25px;
}
.gem-counter-style-vertical .gem-counter.gem-counter-size-small .gem-counter-inner {
padding-top: 60px;
}
.gem-counter-style-vertical .gem-counter.gem-counter-size-small .gem-counter-connector {
height: 75px;
}
.gem-counter-style-vertical .gem-counter.gem-counter-size-medium {
padding-top: 40px;
}
.gem-counter-style-vertical .gem-counter.gem-counter-size-medium .gem-counter-inner {
padding-top: 75px;
}
.gem-counter-style-vertical .gem-counter.gem-counter-size-medium .gem-counter-connector {
height: 90px;
}
.gem-counter-style-vertical .gem-counter.gem-counter-size-large {
padding-top: 80px;
}
.gem-counter-style-vertical .gem-counter.gem-counter-size-large .gem-counter-inner {
padding-top: 115px;
}
.gem-counter-style-vertical .gem-counter.gem-counter-size-large .gem-counter-connector {
height: 130px;
}
.gem-counter-style-vertical .gem-counter.gem-counter-size-xlarge {
padding-top: 120px;
}
.gem-counter-style-vertical .gem-counter.gem-counter-size-xlarge .gem-counter-inner {
padding-top: 170px;
}
.gem-counter-style-vertical .gem-counter.gem-counter-size-xlarge .gem-counter-connector {
height: 185px;
}
.gem-counter-style-vertical .gem-counter-icon {
position: absolute;
top: 0;
left: 0;
width: 100%;
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.gem-counter-team .gem-team .inline-column {
margin-bottom: 0;
}
.gem-counter-team .team-person .team-person-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
}
.gem-counter-team .team-person .team-person-image img {
display: inline-block;
}
.gem-counter-team.image-size-small {
padding-top: 25px;
}
.gem-counter-team.image-size-small .team-person {
padding-top: 60px;
}
.gem-counter-team.image-size-small .team-person .team-person-image img {
width: 50px;
height: 50px;
}
.gem-counter-team.image-size-medium {
padding-top: 40px;
}
.gem-counter-team.image-size-medium .team-person {
padding-top: 60px;
}
.gem-counter-team.image-size-medium .team-person .team-person-image img {
width: 80px;
height: 80px;
}
.gem-counter-team.image-size-large {
padding-top: 80px;
}
.gem-counter-team.image-size-large .team-person {
padding-top: 115px;
}
.gem-counter-team.image-size-large .team-person .team-person-image img {
width: 160px;
height: 160px;
}
.gem-counter-team.image-size-xlarge {
padding-top: 120px;
}
.gem-counter-team.image-size-xlarge .team-person {
padding-top: 170px;
}
.gem-counter-team.image-size-xlarge .team-person .team-person-image img {
width: 240px;
height: 240px;
}
.gem-counter-link {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.gem-counter .gem-icon {
overflow: visible;
}
.gem-counter .gem-counter-animation {
position: absolute;
left: -1px;
right: -1px;
top: -1px;
bottom: -1px;
-o-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.gem-icon-shape-circle .gem-counter-animation {
border-radius: 50%;
}
.gem-counter-effect-background-reverse .gem-counter-animation {
transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
-moz-transform: scale(0);
-webkit-transform: scale(0);
}
.gem-counter-effect-background-reverse.hover .gem-counter-animation {
transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
-moz-transform: scale(1);
-webkit-transform: scale(1);
}
.gem-counter-effect-border-reverse .gem-counter-animation {
transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
-moz-transform: scale(1);
-webkit-transform: scale(1);
}
.gem-counter-effect-border-reverse.hover .gem-counter-animation {
transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
-moz-transform: scale(0);
-webkit-transform: scale(0);
}
.gem-counter-bottom {
position: absolute;
bottom: -10px;
height: 10px;
left: 0;
width: 100%;
}
.gem-counter-bottom-left,
.gem-counter-bottom-right,
.gem-counter-bottom svg {
position: absolute;
top: 0;
height: 100%;
}
.gem-counter-bottom-left {
left: 0;
right: 50%;
margin-right: 10px;
}
.gem-counter-bottom-right {
right: 0;
left: 50%;
margin-left: 10px;
}
.gem-counter-bottom svg {
left: 50%;
margin-left: -10px;
}
.gem-counter .gem-counter-inner,
.gem-counter .gem-icon,
.gem-counter .gem-icon-inner,
.gem-counter .gem-icon-half-1,
.gem-counter .gem-icon-half-2,
.gem-counter .gem-counter-number,
.gem-counter .gem-counter-text,
.gem-counter-icon-circle-1,
.gem-counter-icon-circle-2,
.gem-counter-bottom-left,
.gem-counter-bottom-right,
.gem-counter-bottom svg {
-o-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
} .vc_separator .vc_sep_text {
line-height: 1em;
display: table-cell;
white-space: pre;
}
.vc_separator.vc_separator_align_center .vc_sep_text {
padding: 0 0.8em;
}
.vc_separator.vc_separator_align_left .vc_sep_text {
padding: 0 0.8em 0 0;
}
.vc_separator.vc_separator_align_right .vc_sep_text {
padding: 0 0 0 0.8em;
margin: 0 !important;
}
.vc_separator.vc_sep_double .vc_sep_line {
height: 4px !important;
}
@media (max-width: 768px) {
.vc_separator .vc_sep_text {
white-space: normal;
text-align: center;
}
}
.vc_separator.vc_sep_color_blue .vc_sep_text {
color: #5472d2;
}
.vc_separator.vc_sep_color_turquoise .vc_sep_text {
color: #00c1cf;
}
.vc_separator.vc_sep_color_pink .vc_sep_text {
color: #fe6c61;
}
.vc_separator.vc_sep_color_violet .vc_sep_text {
color: #8d6dc4;
}
.vc_separator.vc_sep_color_peacoc .vc_sep_text {
color: #4cadc9;
}
.vc_separator.vc_sep_color_chino .vc_sep_text {
color: #cec2ab;
}
.vc_separator.vc_sep_color_mulled_wine .vc_sep_text {
color: #50485b;
}
.vc_separator.vc_sep_color_vista_blue .vc_sep_text {
color: #75d69c;
}
.vc_separator.vc_sep_color_black .vc_sep_text {
color: #2a2a2a;
}
.vc_separator.vc_sep_color_grey .vc_sep_text {
color: #ebebeb;
}
.vc_separator.vc_sep_color_orange .vc_sep_text {
color: #f7be68;
}
.vc_separator.vc_sep_color_sky .vc_sep_text {
color: #5aa1e3;
}
.vc_separator.vc_sep_color_green .vc_sep_text {
color: #6dab3c;
}
.vc_separator.vc_sep_color_juicy_pink .vc_sep_text {
color: #f4524d;
}
.vc_separator.vc_sep_color_sandy_brown .vc_sep_text {
color: #f79468;
}
.vc_separator.vc_sep_color_purple .vc_sep_text {
color: #b97ebb;
}
.vc_separator.vc_sep_color_white .vc_sep_text {
color: #ffffff;
}
.vc_separator.vc_sep_color_grace .vc_sep_text {
color: #aed13b;
} .comment {
position: relative;
}
.comment .comment {
margin-left: 45px;
}
.comment .comment:before {
content: '';
position: absolute;
top: 0;
height: 100%;
border-left: 1px solid #dfe5e8;
left: -45px;
}
.comment-inner {
position: relative;
margin-bottom: 40px;
}
.comment .comment >.comment-inner:before {
content: '';
position: absolute;
top: 50%;
border-top: 1px solid #dfe5e8;
left: -45px;
width: 45px;
}
.comments-title,
.comment-reply-title {
text-transform: uppercase;
margin-top: 0;
}
.comments-title:before {
content: '\e63d';
font-family: 'thegem-icons';
font-style: normal;
font-weight: normal;
font-size: 48px;
margin-right: 30px;
vertical-align: top;
color: #d8e5e7;
}
.comment-reply-title:before {
content: '\e63e';
font-family: 'thegem-icons';
font-style: normal;
font-weight: normal;
font-size: 48px;
margin-right: 25px;
vertical-align: top;
color: #ff758f;
}
.comments-area {
margin-top: 100px;
}
.comment-list {
margin-bottom: 110px;
}
.comment-author a {
color: inherit;
}
.comment-author .avatar {
float: left;
width: 40px;
height: 40px;
margin-right: 20px;
margin-top: 15px;
margin-bottom: 15px;
}
.comment.depth-1 > .comment-inner .comment-author .avatar {
width: 70px;
height: 70px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
margin-top: 0;
margin-bottom: 0;
}
.comment-author .fn {
margin: 10px 0 0;
}
.comment-meta {
font-size: 89.5%;
line-height: 1.421;
display: inline-block;
}
.comment-text,
.comment-awaiting-moderation {
padding-top: 20px;
}
.comment-inner {
padding: 33px 40px 45px;
}
.comment-header {
display: table;
width: 100%;
}
.comment-header .comment-author,
.comment-header .reply {
display: table-cell;
}
.comment-header .reply {
text-align: right;
}
.comment-header .reply .gem-button {
margin-right: 0;
}
.comment-form-fields {
margin-bottom: 42px;
}
.comment-form label {
display: block;
margin-bottom: 15px;
}
.comment-form .comment-form-fields input[type="text"],
.comment-form .comment-form-fields input[type="email"] {
width: 100%;
line-height: 48px;
height: 50px;
padding: 0 50px 0 20px;
}
.comment-form .comment-author-input,
.comment-form .comment-email-input,
.comment-form .comment-url-input {
position: relative;
}
.comment-form .comment-author-input:after,
.comment-form .comment-email-input:after,
.comment-form .comment-url-input:after {
font-family: 'thegem-icons';
font-weight: normal;
font-style: normal;
position: absolute;
top: 0;
right: 21px;
font-size: 24px;
width: 50px;
height: 100%;
line-height: 50px;
text-align: center;
}
.comment-form .comment-author-input:after {
content: '\e63b';
}
.comment-form .comment-email-input:after {
content: '\e643';
}
.comment-form .comment-url-input:after {
content: '\e623';
}
.comment-form #comment {
width: 100%;
padding: 15px 20px;
}
.comment-form .comment-form-cookies-consent {
display: flex;
margin-top: 36px;
align-items: flex-start;
}
.comment-form .comment-form-cookies-consent label {
margin: 0;
line-height: 26px;
}
.comment-form .comment-form-cookies-consent .checkbox-sign {
flex: 0 0 auto;
margin-right: 10px;
width: 26px;
height: 26px;
border: 1px solid #dfe5e8;
}
.comment-form .comment-form-cookies-consent .checkbox-sign.checked:before {
font-size: 21px;
margin-left: -10px;
} .blog-post-image img {
display: inline-block;
} .post-related-posts h2 {
padding-right: 100px;
}
.post-related-posts h2:before {
content: '\e63c';
font-family: 'thegem-icons';
font-style: normal;
font-weight: normal;
font-size: 48px;
margin-right: 25px;
vertical-align: top;
color: #72cfce;
} .gem-nivoslider .nivo-directionNav a {
top: 0;
}
.gem-mini-pagination.nivo-controlNav {
bottom: 0;
position: absolute;
width: 100%;
z-index: 10;
}
.gem-nivoslider .nivo-caption {
padding: 0;
overflow: visible;
opacity: 1;
position: relative;
width: 1212px;
margin: 0 auto;
}
.gem-nivoslider .caption-left,
.gem-nivoslider .caption-right {
position: absolute;
bottom: 50px;
max-width: 70%;
}
.gem-nivoslider .caption-left {
left: 20px;
}
.gem-nivoslider .caption-right {
right: 20px;
}
@media only screen and (max-width:1439px) {
.gem-nivoslider .nivo-caption {
width: auto;
}
.gem-nivoslider .caption-left {
left: 155px;
}
.gem-nivoslider .caption-right {
right: 155px;
}
}
@media only screen and (max-width:799px) {
.gem-nivoslider .caption-left {
left: 80px;
}
.gem-nivoslider .caption-right {
right: 80px;
}
.gem-nivoslider .nivo-directionNav {
display: none;
}
.gem-nivoslider .gem-mini-pagination.nivo-controlNav {
display: none;
}
}
.gem-nivoslider .caption-left .gem-nivoslider-title,
.gem-nivoslider .caption-left .gem-nivoslider-description {
float: left;
text-align: left;
}
.gem-nivoslider .caption-right .gem-nivoslider-title,
.gem-nivoslider .caption-right .gem-nivoslider-description {
float: right;
text-align: right;
}
.gem-nivoslider .nivo-caption .gem-nivoslider-title {
background-color: rgba(56, 65, 84, 0.8);
color: #ffffff;
padding: 10px 15px;
}
.gem-nivoslider .nivo-caption .gem-nivoslider-description {
background-color: rgba(0, 0, 0, 0.7);
color: #ffffff;
padding: 0 10px;
} .scroll-top-button {
position: fixed;
right: var(--thegem-scroll-top-button-right, 40px);
bottom: var(--thegem-scroll-top-button-bottom, 35px);
z-index: 1000;
opacity: 0;
visibility: hidden;
font-size: 0;
line-height: 0;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
}
.scroll-top-button.visible {
opacity: 0.5;
visibility: visible;
}
.scroll-top-button:before {
font-family: var(--thegem-scroll-top-button-icon-pack, 'thegem-icons');
font-style: normal;
content: var(--thegem-scroll-top-button-icon, '\e633');
font-size: var(--thegem-scroll-top-button-icon-size, 24px);
font-weight: normal;
display: inline-block;
vertical-align: top;
width: var(--thegem-scroll-top-button-size, 50px);
height: var(--thegem-scroll-top-button-size, 50px);
text-align: center;
line-height: var(--thegem-scroll-top-button-size, 50px);
background-color: var(--thegem-scroll-top-button-background-color, #06060f);
color: var(--thegem-scroll-top-button-arrow-color, #99a9b5);
border-style: var(--thegem-scroll-top-button-border-style, none);
border-width: var(--thegem-scroll-top-button-border, 0);
border-color: var(--thegem-scroll-top-button-border-color, transparent);
border-radius: var(--thegem-scroll-top-button-border-radius, transparent);
box-sizing: content-box;
}
.scroll-top-button:hover:before {
background-color: var(--thegem-scroll-top-button-hover-background-color, #06060f);
color: var(--thegem-scroll-top-button-hover-arrow-color, #99a9b5);
border-color: var(--thegem-scroll-top-button-hover-border-color, transparent);
}
@media (max-width: 768px) {
.scroll-top-button {
right: 0;
bottom: 35px;
}
}
#page .wpb_start_animation.wpb_left-to-right,
#page .wpb_start_animation.wpb_right-to-left,
#page .wpb_start_animation.wpb_top-to-bottom,
#page .wpb_start_animation.wpb_bottom-to-top,
#page .wpb_start_animation.wpb_appear {
-webkit-animation-duration: 1.4s;
-moz-animation-duration: 1.4s;
-o-animation-duration: 1.4s;
animation-duration: 1.4s;
}
.wpb_text_column.wpb_animate_when_almost_visible.wpb_fade {
opacity: 1;
}
body .wpb_text_column.wpb_animate_when_almost_visible.wpb_fade {
opacity: 0;
}
body .lazy-loading .wpb_text_column.wpb_animate_when_almost_visible.wpb_fade {
opacity: 1;
} .gem-sticky-block > * {
left: auto;
right: auto;
}
.gem-sticky-block .sticky-fixed {
position: fixed;
} .wp-caption {
margin-bottom: 1.6em;
max-width: 100%;
}
.wp-caption-text {
font-size: 89.5%;
padding: 0.5em 0;
}
.sticky {}
.gallery-caption {
font-size: 89.5%;
padding: 0.5em 0;
}
.bypostauthor {}
.alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-right: auto;
margin-left: auto;
}
blockquote.alignleft,
.wp-caption.alignleft,
img.alignleft {
margin: 0 1.6em 1.6em 0;
}
blockquote.alignright,
.wp-caption.alignright,
img.alignright {
margin: 0 0 1.6em 1.6em;
}
blockquote.aligncenter,
.wp-caption.aligncenter,
img.aligncenter {
clear: both;
margin-top: 0;
margin-bottom: 1.6em;
}
.wp-caption.alignleft,
.wp-caption.alignright,
.wp-caption.aligncenter {
margin-bottom: 1.2em;
}
body .blog {
margin-bottom: 20px;
padding-bottom: 30px;
}
*:not(.gem-table):not(.cart_totals) > table:not(.shop_table):not(.group_table):not(.variations) td,
*:not(.gem-table):not(.cart_totals) > table:not(.shop_table):not(.group_table):not(.variations) th {
padding: 5px 10px;
}
.page-links a {
display: inline-block;
position: relative;
}
.page-links span:not(.page-links-title) {
display: inline-block;
width: 1.421em;
text-align: center;
} .gallery {
margin-bottom: 1.6em;
}
.gallery .gallery-item {
display: inline-block;
padding: 1.79104477%;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-icon img {
margin: 0 auto;
}
.gallery-caption {
display: block;
padding: 0.5em 0;
}
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display: none;
}
.gem-slideshow.gem-slideshow-with-preloader > .rs-p-wp-fix + * {
height: 400px;
}
.gem-slideshow {
overflow: hidden;
}
.rs-p-wp-fix {
margin: 0;
} .block-content .search-form-block .searchform #s {
width: 100%;
}
.gem-search-form {
margin: 50px 0;
}
.gem-search-form form {
position: relative;
}
.gem-search-form .search-field {
width: 100%;
height: 50px;
line-height: 50px;
padding: 0 50px 0 25px;
border-radius: 25px;
border: 0 none;
box-sizing: border-box;
outline: 0 none;
}
.gem-search-form .search-submit {
position: absolute;
top: 0;
height: 50px;
line-height: 50px;
width: 50px;
text-align: center;
right: 0;
font-family: 'thegem-icons';
font-style: normal;
font-weight: normal;
font-size: 24px;
background: transparent;
border: 0 none;
}
.gem-search-form .search-submit:after {
content: '\e612';
} .gem-video-background {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.gem-video-background ~ * {
position: relative;
z-index: 1;
}
.gem-video-background-inner,
.gem-video-background-overlay {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.gem-video-background-inner iframe,
.gem-video-background-inner video {
width: 100%;
height: 100%;
} .zilla-likes {
margin-bottom: 0 !important;
color: inherit;
display: inline-block;
-o-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.zilla-likes:hover {
color: #3c3950;
}
.zilla-likes:before {
content: '\e641';
display: inline-block;
font-family: "thegem-icons";
font-style: normal;
font-size: 16px;
font-weight: normal;
line-height: inherit;
margin-right: 6px;
vertical-align: top;
}
.zilla-likes .zilla-likes-count {
display: inline-block;
vertical-align: top;
} #fancybox-video {
width: 80%;
height: 80%;
overflow: hidden;
padding: 0;
}
#fancybox-video .mejs-container,
#fancybox-video .mejs-container video {
width: 100% !important;
height: 100% !important;
}
.video-block {
position: relative;
background-color: #e3ebe8;
}
.video-block > iframe,
.video-block > video,
.video-block > .preloader,
.video-block > .mejs-video {
position: absolute;
width: 100% !important;
height: 100% !important;
left: 0;
top: 0;
}
.fancybox-inner .video-block {
width: 100%;
height: 100%;
overflow: hidden;
}
.fancybox-inner .video-block .mejs-video {
width: 100% !important;
height: 100% !important;
}
.audio-block audio {
display: block;
width: 100%;
}
.blog-style-timeline article.format-quote .post-featured-content {
margin-bottom: 15px;
}
.post-featured-content blockquote {
background: #212331;
color: #ffffff;
text-align: left;
position: relative;
padding: 40px 60px 35px;
}
.blog-style-4x .post-featured-content blockquote,
.blog-style-justified-4x .post-featured-content blockquote {
padding-left: 30px;
padding-right: 30px;
}
.post-featured-content blockquote:after {
display: none;
}
.post-featured-content blockquote .quote-author {
float: left;
color: #ffffff;
font-size: 13px;
}
.post-featured-content blockquote .quote-link {
float: right;
color: #ffffff;
}
.post-featured-content blockquote .quote-link a{
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.post-featured-content blockquote .quote-link:after {
font-family: 'thegem-icons';
font-style: normal;
font-weight: normal;
content: '\e632';
font-size: 40px;
}
.fullwidth-block.fullwidth-block-parallax-fixed .fullwidth-block-background {
background-attachment: fixed;
}
.fullwidth-block.fullwidth-block-parallax-horizontal .fullwidth-block-background {
background-position: center center;
}
.fullwidth-block .fullwidth-block-background,
.page-title-parallax-background-wrap .page-title-parallax-background,
.page-title-background-overlay {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.page-title-background-overlay ~ * {
position: relative;
z-index: 1;
}
.fullwidth-block .fullwidth-block-parallax-overlay,
.fullwidth-block.fullwidth-block-parallax-vertical .fullwidth-block-parallax-overlay,
.fullwidth-block.fullwidth-block-parallax-horizontal .fullwidth-block-parallax-overlay,
.fullwidth-block.fullwidth-block-parallax-fixed .fullwidth-block-parallax-overlay {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 2;
}
.fullwidth-block .fullwidth-block-inner {
position: relative;
z-index: 3;
}
.fullwidth-block.fullwidth-block-parallax-vertical,
.page-title-parallax-background-wrap {
position: relative;
overflow: hidden;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.fullwidth-block.fullwidth-block-parallax-vertical .fullwidth-block-background,
.page-title-parallax-background-wrap .page-title-parallax-background {
background-repeat: no-repeat;
background-size: cover;
will-change: transform;
}
.page-title-parallax-background-wrap .page-title-title,
.page-title-parallax-background-wrap .container  {
position: relative;
z-index: 10;
}
.portfolio .item-animations-not-inited,
.gallery-set .item-animations-not-inited,
.blog:not(.home) .item-animations-not-inited,
.products-categories-widget .item-animations-not-inited {
visibility: hidden !important; }
@media (max-width: 767px) {
.portfolio:not(.enable-animation-mobile) .item-animations-not-inited {
visibility: visible !important;
}
.portfolio.extended-products-grid:not(.enable-animation-mobile) {
opacity: 1 !important;
}
}
.item-animation-flip .item-animations-inited {
-webkit-transform-origin: 0% 0%;
-moz-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transform-style: preserve-3d;
}
.item-animation-flip .portfolio-set,
.item-animation-flip .gallery-set,
.blog.item-animation-flip,
.item-animation-scale .portfolio-set,
.item-animation-scale .gallery-set,
.blog.item-animation-scale,
.item-animation-fall-perspective .portfolio-set,
.item-animation-fall-perspective .gallery-set,
.blog.item-animation-fall-perspective {
webkit-perspective: 1300px;
-moz-perspective: 1300px;
perspective: 1300px;
} @media (min-width: 1212px) {
body:not(.compose-mode) #page .half-width-map {
position: absolute;
top: 0;
height: 100%;
left: 50%;
right: 0;
width: auto;
}
body:not(.compose-mode) #page .half-width-map *:not(.map-locker):not(.gem-map-with-text-content) {
height: 100%;
}
body:not(.compose-mode) #page .half-width-map .vc_column-inner {
padding: 0;
}
body:not(.compose-mode) #page .half-width-map .gem-map-with-text-map .wpb_gmaps_widget {
margin-top: 0;
top: -60px;
position: absolute;
height: auto;
bottom: 0;
width: 100%;
}
body:not(.compose-mode) #page .half-width-map .wpb_gmaps_widget.vc_map_responsive .wpb_map_wraper {
padding: 0;
}
body:not(.compose-mode) #page .half-width-map iframe + .map-locker {
position: absolute;
right: 0;
bottom: 15px;
}
} .mailchimp-form-1 .yikes-easy-mc-email,
.mailchimp-form-3 .yikes-easy-mc-email{
background: #fff !important;
padding-left: 20px !important;
border: 1px solid #dfe5e8 !important;
}
.mailchimp-form-1 .yikes-easy-mc-submit-button,
.mailchimp-form-3 .yikes-easy-mc-submit-button{
border: none;
color: #fff;
font-family: 'Montserrat';
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
}
.mailchimp-form-1 .yikes-easy-mc-submit-button{
background: #9ccc65;
}
.mailchimp-form-3 .yikes-easy-mc-submit-button{
background: #2c2e3d;
} .scroller-block {
height: 100vh;
}
.page-scroller #main {
-o-transition: 1s ease;
-webkit-transition: 1s ease;
transition: 1s ease;
}
.page-scroller #main.page-scroller-no-animate {
-o-transition: 0s ease;
-webkit-transition: 0s ease;
transition: 0s ease;
}
.page-scroller .scroller-block {
height: 100vh;
margin-top: 0;
margin-bottom: 0;
overflow: hidden;
}
.page-scroller-nav-pane {
position: fixed;
right: 50px;
top: 50%;
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 10;
}
.page-scroller-nav-item {
display: block;
height: 10px;
width: 10px;
border: 2px solid #ffffff;
border-radius: 50%;
margin: 10px 0;
-o-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.page-scroller-nav-item.active {
background-color: #ffffff;
}
@media (min-width: 768px) {
body.page-scroller:not(.compose-mode),
body.page-scroller:not(.compose-mode) #page {
height: 100vh;
position: relative;
}
body.page-scroller:not(.page-scroller-mobile) #page #site-header.fixed.shrink {
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
}
@media (max-width: 767px) {
body.page-scroller.page-scroller-mobile:not(.compose-mode),
body.page-scroller.page-scroller-mobile:not(.compose-mode) #page {
height: 100vh;
position: relative;
}
body.page-scroller:not(.page-scroller-mobile) {
overflow: visible !important;
}
.page-scroller:not(.page-scroller-mobile) #main {
-webkit-transform: none !important;
transform: none !important;
-o-transition: 0s ease;
-webkit-transition: 0s ease;
transition: 0s ease;
}
.page-scroller:not(.page-scroller-mobile) .scroller-block {
height: auto;
}
.page-scroller:not(.page-scroller-mobile) .page-scroller-nav-pane {
display: none;
}
.page-scroller-nav-pane {
right: 15px;
}
} @media (max-width: 500px){
.vc_sep_holder {
display: none;
text-align: left;
}
body .vc_separator.vc_separator_align_center h4 {
padding: 0;
}
}
.vc_separator.vc_separator_align_center > * {
padding: 0 .7em;
}  .yikes-easy-mc-form .yikes-easy-mc-submit-button.gem-button {
padding: 0 10px;
margin-left: 0;
margin-right: 0;
}
form.yikes-easy-mc-form input[type="email"],
form.yikes-easy-mc-form input[type="number"],
form.yikes-easy-mc-form input[type="text"],
form.yikes-easy-mc-form input[type="url"],
form.yikes-easy-mc-form select,
form.yikes-easy-mc-form textarea {
border-width: 1px;
padding: 0 10px;
height: 40px;
}
form.yikes-easy-mc-form input[type="email"]:focus,
form.yikes-easy-mc-form input[type="number"]:focus,
form.yikes-easy-mc-form input[type="text"]:focus,
form.yikes-easy-mc-form input[type="url"]:focus,
form.yikes-easy-mc-form select:focus,
form.yikes-easy-mc-form textarea:focus {
outline: 0 none;
}
.yikes-easy-mc-form .yikes-easy-mc-form input[type="email"],
.yikes-easy-mc-form .yikes-easy-mc-form input[type="number"],
.yikes-easy-mc-form .yikes-easy-mc-form input[type="text"],
.yikes-easy-mc-form .yikes-easy-mc-form input[type="url"],
.yikes-easy-mc-form .yikes-easy-mc-form select {
border-width: 1px;
}
form.mc4wp-form input[type='submit'] {
position: relative;
display: inline-block;
text-align: center;
text-transform: uppercase;
white-space: nowrap;
border: 0 none;
vertical-align: middle;
height: 40px;
line-height: 40px;
padding: 0 17px;
font-size: 14px;
margin: 0;
-o-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
border-radius: 3px;
}
form.mc4wp-form input[type="text"],
form.mc4wp-form input[type="email"],
form.mc4wp-form input[type="tel"],
form.mc4wp-form input[type="number"],
form.mc4wp-form input[type="url"],
form.mc4wp-form input[type="date"],
form.mc4wp-form textarea {
line-height: inherit;
}
form.mc4wp-form input[type="text"],
form.mc4wp-form input[type="email"],
form.mc4wp-form input[type="tel"],
form.mc4wp-form input[type="number"],
form.mc4wp-form input[type="url"],
form.mc4wp-form input[type="date"] {
height: 40px;
}
#mc4wp_email {
height: 41px;
}
.agency-sparta-style.yikes-easy-mc-form label.label-inline{ width: 69%; padding-right: 5%; }
.agency-sparta-style.yikes-easy-mc-form label.label-inline > input{ background: #f0f3f2; height: 45px; border-radius: 3px; border: none; padding-left: 20px; }
.agency-sparta-style.yikes-easy-mc-form label.label-inline > input:focus{ outline: none !important; }
.yikes-mailchimp-container .agency-sparta-style .submit-button-inline-label{ width: 17%; min-width: 235px; }
.yikes-mailchimp-container .agency-sparta-style .submit-button-inline-label > span { display: none; }
.yikes-mailchimp-container .agency-sparta-style .submit-button-inline-label .yikes-easy-mc-submit-button{ background: #212331; color: #fff; height: 45px; border: none; border-radius: 3px; font-family: 'Montserrat';  font-weight: 700;  text-transform: uppercase; padding-left: 50px; position: relative; }
.yikes-mailchimp-container .agency-sparta-style .yikes-easy-mc-submit-button:before{ content: "\e626"; font-family: "thegem-icons"; font-style: normal; font-size: 24px; font-weight: normal;  color: #fff; position: absolute; left: 50%; margin-left: -69px; text-align: center; }
@media(max-width: 1200px){
body .agency-sparta-style.yikes-easy-mc-form label.label-inline{ width: 100%; padding-right: 0; }
body .yikes-mailchimp-container .agency-sparta-style .submit-button-inline-label{ width: 100%; }
}
.splash-shop-3-style.yikes-easy-mc-form label.label-inline{ width: 350px; padding-right: 20px;}
.splash-shop-3-style.yikes-easy-mc-form label.label-inline > input{ background: #f0f3f2; height: 45px; border: none; padding-left: 20px; }
.yikes-mailchimp-container .splash-shop-3-style.yikes-easy-mc-form label.label-inline > input:focus{ outline: none !important; }
.yikes-mailchimp-container .splash-shop-3-style .submit-button-inline-label{width: 155px; min-width: 155px; height: 45px; }
.yikes-mailchimp-container .splash-shop-3-style .submit-button-inline-label > span { display: none; }
.yikes-mailchimp-container .splash-shop-3-style .submit-button-inline-label .yikes-easy-mc-submit-button{ background: #d7b398; color: #fff; border: none; font-family: 'Montserrat';  font-weight: 700;  text-transform: uppercase; padding-right: 30px; padding-left: 30px; position: relative; border-radius: 0; height: 45px;}
.yikes-mailchimp-container .splash-shop-3-style button { transition: all 0.3s; -webkit-transition: all 0.3s;}
.yikes-mailchimp-container .splash-shop-3-style button:hover { background: #212121 !important; color: #fff !important; transition: all 0.3s; -webkit-transition: all 0.3s;}
@media(max-width: 1200px){
body .splash-shop-3-style.yikes-easy-mc-form label.label-inline{ width: 100%; padding-right: 0; }
body .yikes-mailchimp-container .splash-shop-3-style .submit-button-inline-label{ width: 100%; }
}
.splash-shop-4-style.yikes-easy-mc-form label.label-inline{ width: 350px; padding-right: 20px;}
.splash-shop-4-style.yikes-easy-mc-form label.label-inline > input{ color: #fff; background: transparent; height: 45px; border: none; padding-left: 0; border-bottom: 1px solid #575c6c;}
.yikes-mailchimp-container .splash-shop-4-style.yikes-easy-mc-form label.label-inline > input:focus{ outline: none !important; }
.yikes-mailchimp-container .splash-shop-4-style .submit-button-inline-label{width: 155px; min-width: 155px; height: 45px; }
.yikes-mailchimp-container .splash-shop-4-style .submit-button-inline-label > span { display: none; }
.yikes-mailchimp-container .splash-shop-4-style .submit-button-inline-label .yikes-easy-mc-submit-button{ background: #f44236; color: #fff; border: none; font-family: 'Montserrat';  font-weight: 700;  text-transform: uppercase; padding-right: 30px; padding-left: 30px; position: relative; border-radius: 0; height: 45px; }
.yikes-mailchimp-container .splash-shop-4-style button { transition: all 0.3s; -webkit-transition: all 0.3s;}
.yikes-mailchimp-container .splash-shop-4-style button:hover { background: #212121; color: #fff; transition: all 0.3s; -webkit-transition: all 0.3s;}
@media(max-width: 1200px){
body .splash-shop-4-style.yikes-easy-mc-form label.label-inline{ width: 100%; padding-right: 0; }
body .yikes-mailchimp-container .splash-shop-4-style .submit-button-inline-label{ width: 100%; }
}
.wpcf7 .contact-form-style-5 .wpcf7-form-control-wrap{
width: 100%;
}
.wpcf7 .contact-form-style-5 input,
.wpcf7 .contact-form-style-5 textarea{
width: 100%;
}
form .wpcf7-spinner {
margin: 0 auto;
height: 0;
}
form.submitting .wpcf7-spinner {
height: 24px;
}
.yikes-easy-mc-form.app-sparta-style {
position: relative;
}
.yikes-easy-mc-form.app-sparta-style.yikes-easy-mc-form   .yikes-easy-mc-submit-button {
position: absolute;
top: 11px;
width: 164px;
right: 11px;
margin-top: 2px;
padding: 13px;
background-color: #008aff;
border: medium none;
border-radius: 10px;
font-family: Montserrat;
font-size: 16px;
font-weight: 700;
line-height: 26px;
color: #ffffff;
text-transform: uppercase;
}
.yikes-easy-mc-form.app-sparta-style.yikes-easy-mc-form .yikes-easy-mc-submit-button:hover {
background-color: #00BCD4;
}
.yikes-easy-mc-form.app-sparta-style.yikes-easy-mc-form  .yikes-easy-mc-email {
background: transparent;
border: 1px solid #4f4f5b;
border-radius: 12px;
overflow: hidden;
padding: 25px;
margin-bottom: 0;
color: #fff;
}
.scrolldown {
position: absolute;
left: 50%;
margin-left: -2vw;
z-index:9;
bottom: 2vh;
background-color: rgba(22,195,241,0.8);
padding: 20px 30px !important;
border-radius: 50%;
text-align: center;
}
.scrolldown img{
-webkit-animation: scrollmove 1s infinite ease;
-moz-animation: scrollmove 1s infinite ease;
animation: scrollmove 1s infinite ease;
width: 1.5vw;
margin-top: 7px !important;
}
.scrolldown .mouse-2 {
-webkit-animation: scrollmove 1s infinite ease;
-moz-animation: scrollmove 1s infinite ease;
animation: scrollmove 1s infinite ease;
width: 1.5vw;
background-image: url(//www.advancedfasteners.co.uk/wp-content/themes/images/mouse_icon.png);
display: block;
font-size: 0;
height: 43px;
background-repeat: no-repeat;
}
@-moz-keyframes scrollmove {
0% {
-moz-transform: translateY(0px);
-webkit-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}
50% {
-moz-transform: translateY(-10px);
-webkit-transform: translateY(-10px);
-o-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-moz-transform: translateY(0px);
-webkit-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}
}
@-webkit-keyframes scrollmove {
0% {
-moz-transform: translateY(0px);
-webkit-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}
50% {
-moz-transform: translateY(-10px);
-webkit-transform: translateY(-10px);
-o-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-moz-transform: translateY(0px);
-webkit-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}
}
@keyframes scrollmove {
0% {
-moz-transform: translateY(0px);
-webkit-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}
50% {
-moz-transform: translateY(-10px);
-webkit-transform: translateY(-10px);
-o-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-moz-transform: translateY(0px);
-webkit-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}
}
body div.wpcf7-response-output {
margin: 2em 0 1em;
}
.thegem__footer-widget-class__thegem {
width: 100%;
padding: 0 21px;
}
@media (min-width: 768px) {
.thegem__footer-widget-class__thegem {
width: 50%;
}
}
@media (min-width: 982px) {
.thegem__footer-widget-class__thegem {
width: 25%;
}
}
img[class*='wp-image-'] {
max-width: 100%;
height: auto;
} h3.search-grid-title {
display: flex;
align-items: center;
color: var(--thegem-to-body-color, #5f727f);
margin-top: 2.26em;
}
h3.search-grid-title span {
flex: none;
margin: 0 20px;
}
h3.search-grid-title:before, h3.search-grid-title:after {
content: '';
width: 50%;
height: 1px;
background: var(--thegem-to-body-color, #5f727f);
} body.search .page-title-block {
padding-top: 45px;
padding-bottom: 20px;
}
body.search .page-title-block .page-title-icon {
margin-top: -10px;
}
body.search .page-title-block:not(.with-excerpt) .page-title-title {
padding-bottom: 60px;
}
body.search .page-title-block .page-title-icon + .page-title-title {
padding-bottom: 0;
}
.page-content.content-none .searchform > table td {
border: 0 none !important;
padding: 0 !important;
}
.page-content.content-none .searchform > table td:first-child {
width: 99%;
}
.page-content.content-none .searchform input {
width: 100%;
height: 50px;
line-height: 48px;
border-radius: 3px;
}
.page-content.content-none .searchform .searchform-submit .gem-button {
margin-left: 30px;
margin-right: 0;
}
.parallax-footer-inited {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
z-index: -1;
}
#page.layout-boxed .parallax-footer-inited {
width: 1260px;
max-width: 100%;
left: auto;
} .disable-hover {
pointer-events: none !important;
}
.diagram-line-timer-element {
font-size: 0;
line-height: 1;
height: 0;
-webkit-opacity: 0;
-moz-opacity: 0;
filter: alpha(opacity=0);
opacity: 0;
-moz-transition: opacity 0.15s;
-ms-transition: opacity 0.15s;
-o-transition: opacity 0.15s;
-webkit-transition: opacity 0.15s;
transition: opacity 0.15s;
}
.diagram-line-timer-element.start-timer {
-webkit-opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
opacity: 1;
}
body .fancybox-caption-wrap,
body .fancybox-caption {
padding: 0;
background: none;
}
body .fancybox-caption-wrap .fancybox-caption {
border: 0;
}
.fancybox-slide.thegem-fancybox-video .fancybox-content {
max-width: 80%;
max-height: 80%;
margin: 0;
}
.gem-instagram-gallery .overlay .links .caption {
word-break: break-all;
}
.gem-instagram-gallery.portfolio.hover-default .portfolio-item .image .overlay .links a.icon {
margin: 0 10px;
}
.vc_column-inner.sticky > .wpb_wrapper{
position: fixed;
}
.thegem-template-wrapper .vc_column-inner[data-sticky-offset] > .wpb_wrapper{
height: auto;
}
.fancybox-slide.fancybox-popup-wrapper {
display: flex;
overflow-x: hidden;
}
.fancybox-content.gem-popup {
margin: auto;
overflow: visible;
}
.thegem-template-popup .container {
width: 100%;
}
.fancybox-container.popup-overlay .fancybox-bg {
transition-timing-function: linear;
} body:not(.vc_editor) .give-form-hidden {
display: none;
}
body .give-modal .mfp-content {
background: #edeef0;
max-width: 763px;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}
.give-modal [id*=give-form] fieldset {
max-width: 390px;
margin: 0 auto;
}
.give-modal form.give-form .form-row {
float: none;
width: 100%;
}
.give-modal form.give-form .form-row .give-label {
display: none;
}
.give-modal form[id*=give-form] .form-row input[type="text"],
.give-modal form[id*=give-form] .form-row input[type="email"] {
height: 50px;
background: #ffffff;
border: 0;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.page-additional-menu .page-additional-menu-close {
position: fixed;
right: 37px;
top: 37px;
z-index: 999999;
opacity: 0;
transition: opacity 0.5s;
visibility: hidden;
}
body.admin-bar .page-additional-menu .page-additional-menu-close {
top: 67px;
}
.page-additional-menu .primary-navigation.overlay-active .page-additional-menu-close {
visibility: visible;
opacity: 1;
}
.page-additional-menu .primary-navigation.overlay-active.close .page-additional-menu-close {
opacity: 0;
}
@media (max-width: 768px) {
.page-additional-menu .page-additional-menu-close {
right: 37px;
top: 17px;
}
body.admin-bar .page-additional-menu .page-additional-menu-close {
top: 67px;
}
}
.portfolio .caption {
display: block;
}
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.gem-icon .gem-icon-style-gradient .back-angle {
width: 100%;
text-align: center;
}
.gem-map-with-text{
margin-bottom: 0;
} .wp-block-cover-image.alignleft {
margin-right: 1.5em;
}
.wp-block-cover-image.alignright {
margin-left: 1.5em;
}
.wp-block-image figure {
margin-top: 1em;
margin-bottom: 1em;
}
.wp-block-columns {
margin: 0 -21px;
}
.wp-block-column {
padding: 0 21px;
}
.wp-block-audio audio {
width: 100%;
}
blockquote.wp-block-quote {
padding: 50px 20px 50px 50px;
}
blockquote.wp-block-quote cite {
font: inherit;
font-size: 0.8em;
}
blockquote.wp-block-quote.is-large,
blockquote.wp-block-quote.is-style-large {
padding: 50px 20px 50px 50px;
margin: 20px 0;
text-transform: uppercase;
}
blockquote.wp-block-quote.is-large cite,
blockquote.wp-block-quote.is-style-large cite,
blockquote.wp-block-quote.is-large p,
blockquote.wp-block-quote.is-style-large p,
.wp-block-pullquote blockquote cite,
.wp-block-pullquote blockquote p,
.wp-block-pullquote.alignleft blockquote cite,
.wp-block-pullquote.alignleft blockquote p,
.wp-block-pullquote.alignright blockquote cite,
.wp-block-pullquote.alignright blockquote p {
font: inherit;
}
blockquote.wp-block-quote.is-large cite,
blockquote.wp-block-quote.is-style-large cite,
.wp-block-pullquote blockquote cite,
.wp-block-pullquote.alignleft blockquote cite,
.wp-block-pullquote.alignright blockquote cite {
font-size: 0.85em;
}
figure.wp-block-pullquote {
border: 1px solid #c9d2d9;
padding: 0;
overflow: hidden;
}
.wp-block-pullquote blockquote {
background: transparent;
padding-left: 20px;
padding-right: 20px;
padding-top: 45px;
padding-bottom: 50px;
}
figure.wp-block-pullquote blockquote {
font-size: 24px;
line-height: 37px;
font-weight: 100;
}
.wp-block-pullquote blockquote:after {
color: #e7ebee;
}
.wp-block-pullquote.alignleft blockquote:after,
.wp-block-pullquote.alignright blockquote:after {
right: 20px;
}
body .wp-block-button .wp-block-button__link {
position: relative;
display: inline-block;
text-align: center;
text-transform: uppercase;
white-space: nowrap;
border: 0 none;
vertical-align: middle;
height: 40px;
line-height: 40px;
padding: 0 17px;
font-size: 14px;
-o-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
border-radius: 3px;
}
body .vc-hoverbox-wrapper .vc-hoverbox {
cursor:pointer;
} #lazy-loading-point {
font-size: 0;
line-height: 1;
height: 0;
overflow: hidden;
}
.quickfinder-item-box {
position: relative;
padding: 50px;
}
.quickfinder-item.col-md-2 .quickfinder-item-box,
.quickfinder-item.col-md-3 .quickfinder-item-box {
padding-left: 25px;
padding-right: 25px;
} .page-title-block.custom-page-title,
body.search .page-title-block.custom-page-title {
padding: 0;
text-align: left;
}
.custom-title-background.fullwidth-block-parallax-vertical .fullwidth-block-background {
background-attachment: scroll;
}
.custom-title-background.fullwidth-block-parallax-fixed .fullwidth-block-background {
background-attachment: fixed;
}
.custom-title-background.fullwidth-block-parallax-horizontal .fullwidth-block-background {
background-position: center center;
}
.custom-title-background .fullwidth-block-background {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.custom-title-background .gem-video-background {
z-index: 2;
}
.custom-title-background.fullwidth-block-parallax-vertical .fullwidth-block-parallax-overlay,
.custom-title-background.fullwidth-block-parallax-horizontal .fullwidth-block-parallax-overlay,
.custom-title-background.fullwidth-block-parallax-fixed .fullwidth-block-parallax-overlay {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 2;
}
.custom-title-background .fullwidth-block-inner {
position: relative;
z-index: 3;
}
.custom-title-icon.custom-title-icon-alignment-center {
text-align: center;
}
.custom-title-icon.custom-title-icon-alignment-left {
float: left;
}
.custom-title-icon.custom-title-icon-alignment-right {
float: right;
}
.page-title-block.custom-page-title .breadcrumbs-container {
z-index: 3;
}
.page-title-block.custom-page-title .page-title-alignment-center {
text-align: center;
}
.custom-page-title .vc_row[data-vc-full-width] {
margin-left: 0;
margin-right: 0;
overflow: visible;
}
.custom-page-title .vc_row.vc_row_thegem-ken-burns[data-vc-full-width] {
overflow: hidden;
}
body.single-thegem_templates.compose-mode .custom-page-title .vc_row[data-vc-full-width] {
margin-left: -21px;
margin-right: -21px;
}
.custom-page-title .vc_row[data-vc-full-width] .container {
padding-left: 0;
padding-right: 0;
}
@media (max-width: 1212px){
.custom-page-title .vc_row[data-vc-full-width] .container {
width: 100%;
}
}
body.thegem-effects-disabled #page .lazy-loading .wpb_text_column.wpb_animate_when_almost_visible.wpb_fade {
opacity: 1;
}
body.thegem-effects-disabled #page .quickfinder-item-image .quickfinder-item-image-content.lazy-loading-item {
transform: scale(1);
-webkit-transform: scale(1);
-ms-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
}
body.thegem-effects-disabled #page .lazy-loading,
body.thegem-effects-disabled #page .lazy-loading:not(.lazy-loading-not-hide) {
visibility: visible;
}
body.thegem-effects-disabled #page .wpb_text_column.wpb_animate_when_almost_visible.wpb_fade {
opacity: 1;
}
body.thegem-effects-disabled #page .wpb_start_animation.wpb_left-to-right,
body.thegem-effects-disabled #page .wpb_start_animation.wpb_right-to-left,
body.thegem-effects-disabled #page .wpb_start_animation.wpb_top-to-bottom,
body.thegem-effects-disabled #page .wpb_start_animation.wpb_bottom-to-top,
body.thegem-effects-disabled #page .wpb_start_animation.wpb_appear {
-webkit-animation: none;
-moz-animation: none;
-o-animation: none;
animation: none;
}
body.thegem-effects-disabled #page .wpb_animate_when_almost_visible.wpb_left-to-right,
body.thegem-effects-disabled #page .wpb_animate_when_almost_visible.wpb_right-to-left,
body.thegem-effects-disabled #page .wpb_animate_when_almost_visible.wpb_top-to-bottom,
body.thegem-effects-disabled #page .wpb_animate_when_almost_visible.wpb_bottom-to-top,
body.thegem-effects-disabled #page .wpb_animate_when_almost_visible.wpb_appear {
opacity: 1;
}
body.thegem-fp:not(.vc_editor) {
overflow: hidden;
}
.thegem-heading.main-menu-item {
color: var(--thegem-to-h6-color);
}
.thegem-heading.with-label-icon a,
.thegem-heading.with-label-icon .label-icon-wrap {
display: inline-flex;
align-items: center;
}
.thegem-heading > span:not(.thegem-heading-rotating),
.thegem-heading > a,
.thegem-heading span.colored:not(.thegem-heading-rotating) {
transition: color 0.3s;
}
.thegem-heading .icon {
display: block;
margin-right: 12px;
text-align: center;
flex: none;
transition: color 0.3s;
}
.thegem-heading .icon i {
display: block;
font-size: inherit;
}
.thegem-heading .label {
color: #ffffff;
background-color: var(--thegem-to-styled-color1, #00BCD4);
font-size: var(--thegem-to-h6-font-size-tiny, 7px);
line-height: 1;
padding: 0.3em 0.5em;
margin: 0 0 0 10px;
vertical-align: middle;
}
.megamenu-template.template-framing-border {
border: 1px solid var(--thegem-to-box-border-color);
}
.megamenu-template.template-framing-border.template-width-fullwidth {
border-left: none;
border-right: none;
}
.megamenu-template.template-framing-small-shadow {
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);
}
.megamenu-template.template-framing-big-shadow {
box-shadow: 0px 12px 35px 0px rgba(0, 0, 0, 0.1);
}
.thegem-template-loop-item .gem-button {
margin: 0;
}
.portfolio.loop-equal-height .portfolio-item > .thegem-template-loop-item,
.portfolio.loop-equal-height .portfolio-item > .thegem-template-loop-item > .vc_row {
height: 100%;
}
.portfolio-item > .thegem-template-loop-item {
text-align: left;
}
.thegem-wp-hook-alignment-left {
text-align: left;
}
.thegem-wp-hook-alignment-center {
text-align: center;
}
.thegem-wp-hook-alignment-right {
text-align: right;
}.widget-area .widget + .widget {
margin-top: 68px;
}
.widget-area  .widget-title {
margin-bottom: 28px;
}
.wpb_widgetised_column .widget + .widget {
margin-top: 50px;
}
.sidebar .widget:first-child .widget-title {
margin-top: 0px;
}
.wpb_widgetised_column .widget:first-child .widget-title {
margin-top: 0px;
}
.img-responsive.img-circle.wp-post-image {
margin: 0 auto;
}
.widget_contacts .widget-title {
margin-bottom: 21px;
}
.widget .gem-dummy {
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
width: 72px;
height: 72px;
float: left;
}
.widget  .gem-teams-image .gem-dummy {
background-image:url(//www.advancedfasteners.co.uk/wp-content/themes/thegem/images/default-avatar.png) ;
background-size: 100%;
}
.widget  .gem-teams-image .gem-dummy:after {
display: none;
}
.widget .gem-teams-image .gem-dummy {
height: 128px;
width: 128px;
margin-left: 66px;
}
#colophon .widget .gem-dummy {
background-color: #394050;
}
#colophon .widget .gem-dummy:after{
color: #212331;
}
.widget .gem-dummy:after{
content: '\e642';
font-family: thegem-icons;
font-style: normal;
font-size: 24px;
position: absolute;
margin-top: 24px;
margin-left: 25px;
font-weight: normal;
}
.Custom_Popular_Posts  .widget-title,
.Custom_Recent_Posts .widget-title,
.widget_meta .widget-title,
.thegem_news .widget-title,
.widget_recent_entries .widget-title{
margin-bottom: 17px;
} .widget_archive li{
list-style: none;
padding-top: 12px;
padding-left: 16px;
padding-bottom: 12px;
}
.widget_archive li:nth-child(odd){
background-color: #f7f9f8;
}
.widget_archive ul{
padding-left: 0px;
}
.widget_archive a {
text-transform: capitalize;
}  .widget_recent_comments ul,
.widget_pages ul,
.widget_meta ul,
.widget_rss ul,
.widget_archive ul,
.diagram-item {
margin-bottom: 0px;
}  .gem-contacts-icon {
float: left;
font-family: thegem-icons;
font-style: normal;
font-size: 20px;
}
.gem-contacts-item:before {
vertical-align: top;
}
.gem-contacts-text {
padding-left: 32px;
}
.sidebar .widget .gem-contacts-item,
.wpb_widgetised_column .gem-contacts-item {
padding: 5px 0;
}
.sidebar .widget  .gem-contacts-item.gem-contacts-address {
padding-bottom: 33px;
}
.sidebar .widget  .gem-contacts-item.gem-contacts-phone {
padding-top: 28px;
}
.gem-contacts-item.gem-contacts-phone a,
#colophon .widget .gem-contacts-item.gem-contacts-phone a {
color: inherit;
}
.site-footer .gem-contacts-email:before {
font-family: thegem-icons;
font-style: normal;
content: '\e607';
float: left;
font-size: 20px;
float: left;
margin-top: 2px;
padding-right: 15px;
font-weight: normal;
}
.site-footer .gem-contacts-phone:before {
font-family: thegem-icons;
font-style: normal;
content: '\e625';
font-size: 20px;
font-weight: normal;
}
.site-footer .gem-contacts-address:before {
font-family: thegem-icons;
font-style: normal;
content: '\e604';
font-size: 20px;
font-weight: normal;
}
.site-footer .gem-contacts-fax:before {
font-family: thegem-icons;
font-style: normal;
content: '\e606';
float: left;
font-size: 12px;
padding-right: 15px;
font-weight: normal;
}
.site-footer .gem-contacts-item {
padding: 5px 0;
}
body .widget .gem-contacts-address:before,
body .wpb_widgetised_column .gem-contacts-address:before{
font-family: thegem-icons;
font-style: normal;
content: '\e604';
font-size: 16px;
display: inline-block;
padding-right: 8px;
font-weight: normal;
}
body .widget .gem-contacts-phone:before,
body .wpb_widgetised_column .gem-contacts-phone:before{
font-family: thegem-icons;
font-style: normal;
content: '\e625';
font-size: 16px;
display: inline-block;
padding-right: 12px;
font-weight: normal;
}
body .widget .gem-contacts-fax:before,
body .wpb_widgetised_column .gem-contacts-fax:before{
font-family: thegem-icons;
font-style: normal;
content: '\e606';
float: left;
display: inline-block;
padding-right: 12px;
font-size: 16px;
font-weight: normal;
}
body .widget .gem-contacts-email:before,
body .wpb_widgetised_column .gem-contacts-email:before{
font-family: thegem-icons;
font-style: normal;
content: '\e607';
float: left;
display: inline-block;
padding-right: 12px;
font-size: 16px;
margin-top: -1px;
font-weight: normal;
}
body .widget .gem-contacts-website:before,
body .wpb_widgetised_column .gem-contacts-website:before {
font-family: thegem-icons;
font-style: normal;
content: '\e608';
float: left;
display: inline-block;
padding-right: 12px;
font-size: 16px;
}  .gem-pp-posts-image img {
border-radius: 50%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
width: 72px;
height: 72px;
max-width: none;
}
.gem-pp-posts-text {
display: table-cell;
vertical-align: middle;
}
.gem-pp-posts-date {
padding-left: 12px;
display: block;
margin-top: -2px;
}
.gem-pp-posts-item {
display: block;
margin-left: 12px;
}
.gem-pp-posts-image {
display: table-cell;
}
.gem-pp-posts-news {
padding-top: 14px;
padding-bottom: 14px;
}
.gem-pp-posts-item > a {
display: block;
}
.gem-pp-posts {
padding-bottom: 14px;
padding-top: 14px;
}
.gem-post-thumb img{
width: 71px;
height: 71px;
position: absolute;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius:  50%;
left: 0px;
top: 0;
}
.isotope-inner {
padding-left: 90px;
}
.gem-post-thumb-gem-dummy {
height: 71px;
left: 0px;
position: absolute;
top: 0;
width: 71px;
}
.footer-widget-area .gem-pp-posts-image a:after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 72px;
height: 72px;
border-radius: 50%;
background: rgba(255,255,255,0.2);
opacity: 0;
}
.footer-widget-area .gem-pp-posts-image a:hover:after {
opacity: 1;
}
.footer-widget-area .gem-pp-posts-image {
position: relative;
}
.post-related-posts .gem-dummy:after {
content: '\e642';
font-family: thegem-icons;
font-style: normal;
font-size: 24px;
position: absolute;
margin-top: 24px;
margin-left: 25px;
font-weight: normal;
}
.post-related-posts .gem-dummy:after {
content: '\e642';
font-family: thegem-icons;
font-style: normal;
font-size: 24px;
position: absolute;
margin-top: 24px;
margin-left: 25px;
font-weight: normal;
} .gem-post-thumb-conteiner {
display: table-cell;
vertical-align: middle;
}
.site-footer .gem-pp-posts {
padding-bottom: 12px;
} .footer-widget-area .posts {
margin-top: -19px;
}
.Custom_Recent_Posts ul li:last-child,
.Custom_Popular_Posts ul li:last-child{
border-bottom: none;
}
.widget_recent_entries li {
padding-bottom: 25px;
padding-top: 20px;
list-style: none;
}
.widget_recent_entries li:last-child {
border-bottom: none;
}
.widget_recent_entries ul {
margin: 0;
padding: 0;
}
.widget_recent_entries .post-date {
clear: both;
display: block;
}
.site-footer .Custom_Recent_Posts .gem-pp-posts:last-child{
border-bottom: none;
}  .widget_calendar td a {
display: block;
font-weight: normal;
}
.widget_calendar table {
text-align: center;
width: 100%;
}
.widget_calendar #prev > a {
float: left;
padding-left: 12px;
}
.widget_calendar #next > a {
float: right;
padding-right: 12px;
}
.widget_calendar a {
font-weight: bold;
}
.calendar_wrap {
padding-bottom: 20px;
}
.widget_calendar caption {
padding-bottom: 1px;
padding-top: 1px;
}
.widget_calendar table {
margin-left: 9%;
text-align: center;
width: 83%;
}
.widget_calendar td {
padding: 2px;
padding-bottom: 4px;
padding-top: 4px;
}
.widget_calendar tfoot td.pad {
display: none;
}
#wp-calendar caption:after {
position: absolute;
content: '';
height: 39px;
width: 39px;
top: 0;
background-color: #b9c7ca;
right: 0;
}
#wp-calendar #prev a {
position: absolute;
left: 0;
height: 39px;
width: 39px;
top: 0;
padding-top: 7px;
padding-bottom: 7px;
}
#wp-calendar #prev a:after {
content: '\e637';
font-family: thegem-icons;
font-style: normal;
width: 38px;
height: 38px;
position: absolute;
left: 0px;
top: 0;
line-height: 1.6;
font-size: 24px;
}
#wp-calendar #next a:after {
content:'\e638';
font-family: thegem-icons;
font-style: normal;
top: 0px;
position: absolute;
right: 0px;
width: 38px;
line-height: 1.6;
height: 38px;
font-size: 24px;
}
#wp-calendar #next a {
position: absolute;
right: 0;
top: 0;
height: 39px;
width: 39px;
padding-top: 7px;
padding-bottom: 7px;
}
#wp-calendar caption {
margin-bottom: 34px;
letter-spacing: 0.08em;
}
.calendar_wrap {
position: relative;
}
.wp-calendar-nav{
position: absolute;
display: flex;
justify-content: space-between;
top: 0;
left: 0;
width: 100%;
min-height: 39px;
font-size: 0;
}
.wp-calendar-nav .wp-calendar-nav-prev,
.wp-calendar-nav .wp-calendar-nav-next{
position: relative;
display: flex;
width: 39px;
height: 39px;
}
.wp-calendar-nav .wp-calendar-nav-prev{
margin-right: auto;
justify-content: flex-start;
}
.wp-calendar-nav .wp-calendar-nav-next{
margin-left: auto;
justify-content: flex-end;
}
.wp-calendar-nav .wp-calendar-nav-prev a,
.wp-calendar-nav .wp-calendar-nav-next a{
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 39px;
height: 39px;
background-color: #b9c7ca;
}
.wp-calendar-nav .wp-calendar-nav-prev a:after,
.wp-calendar-nav .wp-calendar-nav-next a:after{
content: '\e637';
font-family: 'thegem-icons';
position: absolute;
font-size: 24px;
font-weight: normal;
}
.wp-calendar-nav .wp-calendar-nav-next a:after{
transform: scale(-1, 1);
}  .widget_diagram .skill-line {
margin-right: 0px;
}
.widget_diagram .skill-amount {
margin-top: -29px;
font-weight: bold;
}
.widget_diagram .skill-element + .skill-element {
margin: 18px 0 0;
}  .widget.Facebook div {
padding: 20px;
}  .flickr-item {
float: left;
padding: 0 10px 10px 0;
}
.flickr-item img {
width: 80px;
height: 80px;
}
.widget.Custom_Flickr .flickr {
list-style: none outside none;
margin: 0 -10px 0 0;
padding: 0;
}
.widget .flickr-item a,
.wpb_widgetised_column .widget .flickr-item a{
position: relative;
display: inline-block;
vertical-align: top;
overflow: hidden;
}
.widget .flickr-item a:before,
.wpb_widgetised_column .widget .flickr-item a:before{
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
z-index: 5;
}
.widget .flickr-item a:hover:before,
.wpb_widgetised_column .widget .flickr-item a:hover:before{
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 1;
z-index: 5;
}
.widget .flickr-item a img,
.wpb_widgetised_column .widget .flickr-item a img{
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
}
.widget .flickr-item a:hover img,
.wpb_widgetised_column .widget .flickr-item a:hover img{
}  .mc-form {
position: relative;
padding-top: 5px;
}
.wpb_widgetised_column .mc4wp-form-fields {
padding: 29px;
margin-top: 29px;
}
.sidebar .mc4wp-form-fields {
padding: 29px;
margin-top: 29px;
}
.widget_mc4wp_widget form {
padding: 25px 23px 10px 26px;
}
.widget_mc4wp_widget p {
line-height: 1.6;
}
#mc4wp_submit {
width: 40px;
font-weight: normal;
height: 41px;
position: absolute;
right: 0;
padding: 0;
top: -8px;
margin: 13px 0 0 0;
font-size: 24px;
font-family: thegem-icons;
font-style: normal;
border-radius: 0px;
}
.mc4wp-alert {
margin-top: 40px;
}
.gem-button-footer {
border: medium none;
margin-top: 21px;
}
.mc4wp-form input[type='email'] {
padding: 7px 46px 7px 9px;
width: 100%;
}  .widget_meta li,
.widget_rss li {
list-style: none;
padding-top: 12px;
padding-bottom: 12px;
text-transform: capitalize;
}
.widget_meta li:last-child,
.widget_rss li:last-child,
.site-footer .widget_meta li:last-child,
.site-footer .widget_rss li:last-child{
border-bottom: none;
}
.widget_meta ul,
.widget_rss ul{
padding-left: 0px;
}
.widget_meta li:before,
.widget_rss li:before {
content: '\e601';
font-family: 'thegem-icons';
font-size: 16px;
font-weight: normal;
font-style: normal;
padding-right: 8px;
vertical-align: middle;
position: relative;
top: -2px;
}
.widget_meta abbr,
.widget_rss abbr {
border-bottom: none;
}  .gem-latest-news-image img {
height: 72px;
width: 72px;
border-radius: 50%;
-moz-border-radius: 50%;
webkit-border-radius: 50%;
}
.gem-latest-news-image {
display: table-cell;
}
.gem-latest-news-title {
display: table-cell;
padding-left: 15px;
vertical-align: middle;
}
.gem-latest-news {
display: inline-block;
padding-bottom: 17px;
padding-top: 11px;
width: 100%;
}
.gem-latest-news-title > span {
display: block;
margin-top: -1px;
}
.gem-latest-news-title > a {
display: block;
}
.gem-latest-news-image .gem-dummy {
height: 72px;
width: 72px;
}
.widget .thegem_news,
.wpb_widgetised_column .widget .thegem_news{
line-height: 1.5;
}
.gem-latest-news:first-child {
padding-bottom: 16px;
padding-top: 16px;
}
.gem-latest-news-image .gem-dummy {
display: block;
}  .gem-picturebox-text {
padding-top: 11px;
}
.gem-picturebox p{
padding: 12px 26px 30px;
}
.gem-picturebox-image {
text-align: center;
}  .project_info-item-style-2 .project_info-item:last-child  .value {
border-bottom: medium none;
}
.project_info-item-style-1 .project_info-item .icon{
display: inline-block;
font-size: 24px;
border-radius: 0px;
width: 50px;
height: 50px;
text-align: center;
color: #FFFFFF !important;
background-color: transparent;
vertical-align: middle;
line-height: 2.1;
}
.project_info-item-style-1 .project_info-item .title {
text-transform: uppercase;
}
.project_info-item-style-1  .project_info-item-title {
vertical-align: top;
padding-left: 16px;
}
.project_info-item-style-1  .project_info-item.iconed {
padding: 28px;
padding-left: 0;
}
.project_info-item-style-1  .project_info-item.iconed:last-child {
border-bottom: none;
}
.widget.project_info  .widget-title,
.widget.project_info  .widget-title {
margin-bottom: 32px;
}
.project_info-item-style-1 .project_info-item .value {
padding-top: 0;
padding-right: 18px;
margin-top: -22px;
padding-left: 71px;
}
.project_info-item-style-2 {
padding-bottom: 20px;
}
.project_info-item-style-2 .icon {
font-size: 24px;
margin-right:16px;
float: left;
margin-top: 2px;
}
.project_info-item-style-2 .project_info-item {
padding: 28px;
margin-bottom: 17px;
}
.project_info-item-style-2  .project_info-item.iconed:last-child {
margin-bottom: -24px;
}
.project_info-item-style-2 .icon{
background-color: transparent !important;
}
.project_info-item-style-2 .value {
padding-left: 42px;
padding-top: 18px;
}  .widget_recent_comments ul {
padding-left: 0px;
margin-top: 30px;
}
.widget_recent_comments li {
list-style: none;
border-radius: 60px;
border-bottom-left-radius: 0;
padding-top:  14px;
margin-bottom: 24px;
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
}
.widget_recent_comments li:first-child {
border-top: none;
}
.widget_recent_comments li:before {
clear: both;
content: '\e639';
float: left;
font-family: 'thegem-icons';
font-size: 24px;
font-weight: normal;
font-style: normal;
height: 100%;
padding-right: 14px;
position: relative;
top: 0;
padding-bottom: 7px;
width: 100%;
text-align: center;
vertical-align: middle;
}
.widget_recent_entries .post-date {
margin-left: 48px;
}
.site-footer .widget_recent_entries li:first-child {
background: none;
}  .widget .searchform input,
.wpb_widgetised_column .widget .searchform input{
padding: 6px 10px;
}
.widget .searchform,
.wpb_widgetised_column .widget .searchform{
text-align: center;
position: relative;
}
.searchform button
{
border: none;
}
.widget.widget_search .gem-button {
font-size: 0;
position: absolute;
top: 0;
right: 0;
width: 43px;
height: 38px;
margin: 0;
background-color: transparent !important;
}
.widget.widget_search .gem-button:before {
content: '\e612';
position: absolute;
font-size: 24px;
font-family: thegem-icons;
font-style: normal;
left: 26%;
font-weight: 100;
margin-top: -3px;
margin: 0;
}
.widget.widget_search input {
width: 100%;
padding-right: 50px;
}  .tagcloud a:hover {
text-decoration: none;
}
body .widget .tagcloud a {
margin-right: 4px;
text-decoration: none;
margin-bottom: 6px;
padding: 2px 9px;
display: inline-block;
font-size: 16px !important;
}  .gem-client-item {
float: left;
padding-right: 30px;
padding-left: 30px;
}
.gem_client-carousel {
position: relative;
}
.gem-client-prev {
margin-left: 0%;
}
.gem-client-next {
margin-right: 0%;
}
.clients_title {
text-align: center;
}
.clients_description {
text-align: center;
}
.gem_client-carousel {
margin-top: 25px;
}
.gem-client-prev {
width: 10%;
}
.gem-client-next {
width: 10%;
}
.gem-client-carousel-item-wrap {
padding: 0 10%;
}
.widget .gem-teams-item {
text-align: center;
padding-top: 11px;
padding-bottom: 40px;
}
.widget .gem-teams-name {
padding-top: 56px;
}
.widget .gem-teams-position {
font-size: 89.5%;
}
.widget .gem-teams-phone {
text-transform: uppercase;
padding-top: 28px;
padding-bottom: 16px;
}
.widget .gem-teams-image img {
margin: 0 auto;
text-align: center;
width: 128px;
}
.widget .gem-teams-image {
display: block;
padding-top: 50px;
padding-bottom: 7px;
height: 160px;
}
.widget  .team-person-email a:before{
font-size: 34px;
}
.widget-teams {
border-top-right-radius: 122px;
border-top-left-radius: 122px;
overflow: hidden;
}
.widget .team-person-email {
font-size: 0px;
}
.widget .gem-teams-mail {
padding-top: 3px;
}
.widget .gem-teams-mail a:before {
padding-right: 10px;
content: '\e607';
font-family: 'thegem-icons';
font-style: normal;
font-size: 22px;
font-weight: normal;
vertical-align: bottom;
}
.widget .gem-teams-name {
padding-bottom: 8px;
}
.gem-team-style-horizontal .team-person-phone {
padding-bottom: 0px;
margin-bottom: -11px;
}
.gem-team-style-horizontal .team-person-phone:before {
font-size: 22px;
}
.gem-team-style-horizontal .team-person-info {
display: table-cell;
vertical-align: middle;
padding-left: 15px;
}
.gem-team-style-horizontal .team-person-image {
display: table-cell;
vertical-align: middle;
}
.gem-team-style-horizontal .team-person{
padding-left: 30px;
padding-top: 45px;
}
.gem-team-style-rounded .team-person-phone {
padding-bottom: 8px;
padding-top: 8px;
}
.gem-team-style-vertical .team-person-phone  {
padding-bottom: 5px;
}
.fullwidth-block .container .gem-client-carousel-item-wrap {
padding: 0 0%;
}  .widget_tweets .twitter-box .jtwt_tweet {
padding-bottom: 24px;
padding-top: 27px;
}
body .widget_tweets .twitter-box  .jtwt_tweet:first-child {
padding-top: 0px;
background: none;
}
.jtwt_tweet:before {
content: '\e611';
float: left;
font-family: thegem-icons;
font-style: normal;
font-size: 18px;
padding-right: 8px;
position: relative;
top: 0px;
}
.jtwt_date {
padding-bottom: 12px;
font-weight: 300;
}
.twitter-box .jtwt_tweet {
padding: 0 0 0 0px;
}
.tweets-container {
padding-top: 14px;
}
.jtwt_tweet_text {
margin-bottom: 0px;
}  .gem-textbox-content blockquote {
font-size: 116%;
}
.gem-textbox-content > blockquote {
padding: 14px;
}  .widget-area .gem-products-image,
.shop-widget-area .gem-products-image{
display: table-cell;
}
ul.product_list_widget .gem-products-image a {
position: relative;
float: left;
}
ul.product_list_widget .gem-products-image a:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
opacity: 0;
z-index: 1;
background: rgba(0, 188, 212, 0.3);
}
ul.product_list_widget .gem-products-image a:hover:before {
opacity: 1;
}
.widget-area .gem-products-content,
.shop-widget-area .gem-products-content {
display: table-cell;
vertical-align: middle;
width: 100%;
}
.shop-widget-area .product_list_widget > li {
display: inline-block;
width: 100%;
}
.woocommerce ul.product_list_widget li img,
.woocommerce-page ul.product_list_widget li img {
height: auto;
width: 80px;
max-width: none;
}
.woocommerce .widget_recently_viewed_products ul.product_list_widget li img,
.woocommerce-page .widget_recently_viewed_products ul.product_list_widget li img {
height: 70px;
width: 70px;
}
.shop-widget-area .gem-products-content {
border-image: none;
padding-bottom: 11px;
position: relative;
margin-left: 70px;
padding-left: 18px;
}
ul.product_list_widget li {
margin-bottom: 15px;
display: inline-block;
padding: 0;
width: 100%;
}
.widget ul.product_list_widget li,
.widget_shopping_cart_content ul.product_list_widget li {
overflow: visible;
}
ul.product_list_widget li:last-child {
margin-bottom: 0px;
}
.widget .gem-products-content{
margin-left: 70px;
min-height: 70px;
padding-left: 18px;
}
.widget .catalog-view .gem-products-content {
padding-bottom: 0;
}
.shop-widget-area .gem-products-title {
padding-top: 5px;
}
.widget .catalog-view .gem-products-title {
padding-top: 0;
}
.shop-widget-area .gem-products-price {
margin-bottom: -5px;
}
.widget .gem-products-price {
font-size: 20px;
line-height: 1.5em;
}
.woocommerce ul.product_list_widget li img,
.woocommerce-page ul.product_list_widget li img {
margin-left: 0;
box-shadow: none;
}
.shop-widget-area .gem-products-title a {
padding-right: 80px;
}
.product_list_widget del {
display: none;
}
.shop-widget-area .gem-products-rating {
display: block;
position: absolute;
top: 13px;
right: 20px;
}
.widget .catalog-view .gem-products-rating {
position: relative;
margin-top: 5px;
top: auto;
right: auto;
}
.widget .product_list_widget .onsale,
.shop-widget-area .onsale {
position: absolute;
width: 24px;
height: 24px;
line-height: 26px;
border-radius: 50%;
top: 13px;
left: 68px;
font-size: 0;
z-index: 1;
text-align: center;
font-weight: inherit;
}
.widget .product_list_widget .onsale:after,
.shop-widget-area .onsale:after {
content: '%';
font-size: 16px;
}
.woocommerce .gem-products-price ins {
font-size: 20px;
text-decoration: none;
}
.gem-products-price > span {
font-size: 20px;
text-decoration: none;
}
.widget_product_search .screen-reader-text{
display: none;
}
.widget_product_search input.search-field {
width: 100%;
padding-right: 35px;
padding-left: 10px;
box-sizing: border-box;
line-height: 36px;
border-width: 2px;
border-radius: 2px;
}
.widget_product_search form {
position: relative;
}
.widget_product_search button {
background-color: transparent;
font-family: 'thegem-icons';
font-style: normal;
font-size: 24px;
height: 36px;
line-height: 36px;
position: absolute;
right: 2px;
top: 2px;
width: 36px;
border: 0 none;
background: transparent;
}
.widget_recent_reviews .product_list_widget li {
padding-top: 5px;
}
.widget_recent_reviews .product_list_widget .attachment-woocommerce_thumbnail {
float: left;
margin-right: 10px;
z-index: 100;
margin-top: -5px;
}
.widget_black_studio_tinymce .wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required{
width: 100%;
}
.widget_black_studio_tinymce .wpcf7-form-control.wpcf7-text {
width: 100%;
}
.widget_black_studio_tinymce .wpcf7-form-control.wpcf7-textarea {
width: 100%;
}
.widget_black_studio_tinymce div.wpcf7-mail-sent-ok {
border: 2px solid #ACDD8B;
margin: 0px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
.widget_black_studio_tinymce div.wpcf7-validation-errors {
border: 2px solid #D55271;
margin: 0px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
.widget_price_filter .price_label {
float: right;
}
.widget_price_filter .price_slider_amount .button {
float: left;
margin: 0;
}
.widget_price_filter .price_slider_amount {
padding-top: 15px;
}
.widget_price_filter .widget-title {
padding-bottom: 15px;
}
.woocommerce .widget_price_filter .price_slider,
.woocommerce-page .widget_price_filter .price_slider {
margin-bottom: 1em
}
.widget_price_filter .price_slider_wrapper .price_slider {
height: 6px;
overflow: visible;
position: relative;
}
.widget_price_filter .price_slider .ui-slider-range {
height: 100%;
position: absolute;
}
.widget_price_filter .price_slider .ui-slider-handle {
position: absolute;
width: 14px;
height: 14px;
top: 50%;
margin-top: -7px;
margin-left: -7px;
border-radius: 50%;
}
.widget-area .woocommerce .star-rating, .woocommerce-page .star-rating {
float: none;
}
.widget-area .reviewer {
display: block;
}
.widget-area .attachment-shop_thumbnail.wp-post-image,
.widget-area .attachment-woocommerce_thumbnail.wp-post-image {
float: left;
}
.gem-products-content {
margin-left: 80px;
}
.product_list_widget li{
position: relative;
}
.widget-area .woocommerce-placeholder{
float: left;
}
.widget_recent_entries ul li:last-child {
border-bottom: 0 none;
}
.widget_recent_entries ul li:before {
content: '\e63a';
float: left;
font-family: "thegem-icons";
font-style: normal;
font-size: 24px;
padding-left: 22px;
padding-right: 6px;
position: absolute;
padding-top: 11px;
}
.widget_recent_entries ul li a {
display: block;
margin-left: 66px;
padding-top: 9px;
padding-right: 24px;
}
.widget_shopping_cart .variation {
display: none;
}
.attachment-shop_thumbnail {
width: 70px;
height: 70px;
}
.widget .product-dummy,
.wpb_widgetised_column .widget .product-dummy{
background-size: cover;
float: left;
margin-left: -1px;
margin-top: -1px;
width: 100%;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
.widget .product-dummy-wrapper,
.wpb_widgetised_column .widget .product-dummy-wrapper{
width: 70px;
height: 70px;
float: left;
}
.widget_recent_reviews .product-dummy-wrapper{
margin-left: -1px;
border-color: transparent;
}
.widget_shopping_cart .product_list_widget li a .product-dummy-wrapper {
padding: 0px;
}
.shop-widget-area .widget .product-dummy {
margin-left: -3px;
}
.widget_shopping_cart_content ul.product_list_widget > li img {
margin: -1px;
} .customer_details > dt {
font-weight: bold;
float: left;
padding-right: 10px;
}
.order-actions .gem-button {
margin-top: 0px;
}
.widget_layered_nav .combobox-wrapper {
height: 40px;
border-width: 2px;
}
.widget_layered_nav .combobox-wrapper .combobox-text {
line-height: 36px;
}
.widget_layered_nav .combobox-wrapper .combobox-button {
width: 36px;
height: 36px;
}
.widget_layered_nav ul{
margin: 0;
padding: 0;
}
.widget_layered_nav ul li {
list-style: none;
padding: 12px 0 12px 15px;
}
.widget_layered_nav ul li:first-child {
border-top: 0 none;
}
.widget_layered_nav ul li a:before {
content: '';
font-family: "thegem-icons";
font-style: normal;
font-weight: normal;
margin-right: 8px;
position: relative;
width: 14px;
height: 14px;
line-height: 12px;
font-size: 12px;
border: 1px solid currentColor;
display: inline-block;
vertical-align: middle;
}
.widget_layered_nav ul li.chosen a:before {
content: '\e614';
}
.widget_layered_nav ul li small:before {
content: "(";
}
.widget_layered_nav ul li small:after {
content: ")";
}
.adress-button {
margin-bottom: 30px;
}    .top-area-contacts .gem-contacts {
margin: 0 -17px;
}
.top-area-contacts .gem-contacts-item {
display: inline-block;
font-size: 14px;
padding: 0 17px;
line-height: 30px;
vertical-align: top;
}
.top-area-contacts .gem-contacts-item.gem-contacts-phone a {
color: inherit;
}
.top-area-contacts .gem-contacts-address:before,
.top-area-contacts .gem-contacts-phone:before,
.top-area-contacts .gem-contacts-fax:before,
.top-area-contacts .gem-contacts-email:before,
.top-area-contacts .gem-contacts-website:before {
font-family: 'thegem-icons';
font-style: normal;
margin-right: 0.33em;
vertical-align: top;
display: inline-block;
width: 16px;
font-size: 16px;
text-align: center;
}
.top-area-contacts .gem-contacts-address:before {
content: '\e604';
}
.top-area-contacts .gem-contacts-phone:before {
content: '\e625';
}
.top-area-contacts .gem-contacts-fax:before {
content: '\e606';
}
.top-area-contacts .gem-contacts-email:before {
content: '\e607';
}  .gem_accordion_header {
outline: none;
}
.gem-news-carousel-wrap .gem-news-pagination{
padding-top: 35px;
}
.gem_accordion_header {
cursor: pointer;
}
.gem_accordion_header a {
text-transform: uppercase;
}
.post-author-block {
display: block;
padding: 40px;
}
.post-author-avatar {
display: block;
float: left;
}
a.post-author-avatar:after {
display: block;
text-align: center;
content: '\e607';
font-family: 'thegem-icons';
font-style: normal;
font-weight: normal;
font-size: 32px;
padding-top: 25px;
}
.post-author-avatar img {
border-radius: 50%;
-webkit-border-radius:  50%;
-moz-border-radius: 50%;
}
.post-author-info {
margin-left: 135px;
margin-top: 0;
}
.post-author-info .name {
margin-top: 0;
}
.post-author-posts-link a:before {
content: '\e601';
font-family: 'thegem-icons';
font-style: normal;
font-weight: normal;
vertical-align: top;
margin-right: 5px;
font-size: 16px;
}
@media (max-width: 599px) {
.post-author-avatar {
float: none;
margin-bottom: 25px
}
.post-author-info {
margin-left: 0;
margin-top: 0;
}
.post-author-info .name {
margin-top: 0;
}
a.post-author-avatar:after {
display: inline-block;
vertical-align: middle;
padding-top: 0;
padding-left: 25px;
line-height: 1;
}
}
.post-author-info .date {
margin-left: 23px;
}
.post-author-description {
margin-bottom: 20px;
}
.read-more-link {
float: right;
}
.byline {
padding: 0 5px;
}
.entry-meta {
margin-bottom: 8px;
}
.sep {
margin: 0 6px;
border-left: 1px solid #d4dee1;
height: 20px;
display: inline-block;
vertical-align: middle;
}
.read-more-link:before {
content: '\e601';
font-family: thegem-icons;
font-style: normal;
padding-left: -20px;
font-size: 14px;
} .post-title a {
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.post-meta-right {
float: right;
font-size: 16px;
white-space: nowrap;
}
.single-post-meta .post-meta-right {
margin-left: 100px;
}
.post-meta-right > * {
display: inline-block;
vertical-align: top;
}
.post-meta-right > .sep {
vertical-align: middle;
}
.comments-link a {
-o-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.comments-link a:before {
content: '\e61e';
font-family: 'thegem-icons';
font-style: normal;
font-size: 14px;
font-weight: normal;
margin-right: 6px;
display: inline-block;
line-height: inherit;
}
.post-footer-sharing {
display: inline-block;
position: relative;
}
.sharing-popup {
position: absolute;
visibility: hidden;
opacity: 0;
bottom: 50px;
border-radius: 25px;
height: 50px;
line-height: 50px;
padding: 0 25px;
white-space: nowrap;
-o-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s;
left: -20px;
margin-bottom: -10px;
}
.sharing-popup .socials {
line-height: 16px;
height: 16px;
margin-top: 17px;
}
article.sticky .sharing-popup {
bottom: 70px;
left: -10px;
}
.sharing-popup .sharing-styled-arrow {
position: absolute;
bottom: -100px;
height: 100px;
width: 50px;
left: -30px;
-ms-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-webkit-transform-origin: 50% 50%;
transform-origin: 100% 0;
-o-transform: rotate(-90deg) scale(0.3);
-ms-transform: rotate(-90deg) scale(0.3);
-moz-transform: rotate(-90deg) scale(0.3);
transform: rotate(-90deg) scale(0.3);
}
.sharing-popup.active {
visibility: visible;
opacity: 1;
margin-bottom: 0;
}
.sharing-popup a.socials-item {
vertical-align: top;
}
.post-footer-sharing .gem-button-container .gem-button {
margin-right: 13px;
}
.post-footer .gem-button-container .gem-button {
margin-bottom: 0;
}
article.sticky .post-footer-sharing .gem-button-container .gem-button {
margin-right: 16px;
}
.post-read-more {
display: inline-block;
}
.post-read-more .gem-button,
.comment-reply-link {
padding: 0 24px;
background: transparent;
}
.styled-blog-meta {
display: inline-block;
float: right;
}
.styled-blog-meta .comments {
padding-right: 8px;
float: left;
}
.styled-blog-meta .comments:after  {
content: "|";
padding-left: 8px;
vertical-align: top;
}
.styled-blog-meta .tag-links {
display: none;
}
.styled-blog-meta {
bottom: 27px;
position: absolute;
right: 32px;
}
article:not(.type-page) > .entry-content.post-content {
margin-bottom: 60px;
}
.post-content .post-meta {
margin-bottom: 55px;
} .post-tags-list {
margin-bottom: 30px;
margin-left: 10px;
}
.post-tags-list a {
position: relative;
display: inline-block;
color: inherit;
margin-right: 17px;
margin-bottom: 10px;
font-size: 13px;
line-height: 21px;
background-color: #e7edf0;
z-index: 2;
padding: 0 16px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-o-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.post-tags-list a:before {
content: '';
position: absolute;
background-color: inherit;
width: 12px;
height: 12px;
top: 5px;
left: -5px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
z-index: -1;
transform: skew(-45deg, 45deg);
}
.post-tags-list a:after {
content: '';
position: absolute;
width: 6px;
height: 6px;
top: 50%;
margin-top: -3px;
left: -5px;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.block-tags .tags-links a{
padding: 0 10px;
}
.block-tags {
float: right;
display: block;
padding-top: 21px;
}
.block-date {
float: left;
font-size: 89.5%;
margin-top: 2px;
margin-right: 10px;
}
.post-meta-categories a {
-o-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
@media (max-width: 755px) {
.single-post-meta .post-meta-categories {
display: block;
clear: both;
}
.single-post-meta .post-meta-author + .sep,
.single-post-meta .post-meta-categories + .sep {
display: none;
}
.single-post-meta .post-meta-right {
margin-left: 30px;
}
}
.thegem_pf_item .post-meta-left .post-meta-date:before {
content: '\e66e';
font-family: 'thegem-icons';
font-style: normal;
font-size: 16px;
font-weight: normal;
margin-right: 8px;
}
.thegem_pf_item .post-meta-bottom{
position: relative;
width: 100%;
margin-top: 20px;
}
.thegem_pf_item .post-meta-bottom .details{
display: flex;
align-items: center;
flex-wrap: wrap;
}
.post-meta-navigation {
font-family: 'thegem-icons';
font-style: normal;
font-weight: normal;
font-size: 24px;
white-space: nowrap;
vertical-align: top;
margin-left: 10px;
}
.post-meta-navigation > span + span {
margin-left: -7px;
}
.thegem_pf_item .post-meta-navigation > span + span {
margin-left: -10px;
}
.post-meta-navigation a {
color: inherit;
-o-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.thegem_pf_item .post-meta-navigation > .post-meta-category-link a {
font-size: 16px;
vertical-align: top;
}
.block-navigation {
clear: both;
display: inline-block;
width: 100%;
}
.block-navigation-prev {
float: left;
}
.block-navigation-prev a:before {
content: '\e603';
font-size: 15px;
padding-right: 10px;
font-family: thegem-icons;
font-style: normal;
display: block;
float: left;
}
.block-navigation-next {
float: right;
}
.block-navigation-next a:after {
content: '\e601';
font-size: 15px;
padding-left: 10px;
font-family: thegem-icons;
font-style: normal;
display: block;
float: right;
}
.block-divider {
margin-top: 50px;
display: block;
margin-bottom: 45px;
}
.block-thegem_socials_sharing {
width: 100%;
display: inline-block;
}
.portfolio-item-page-bottom .socials-sharing .socials-item-icon {
font-size: 24px;
}
.portfolio-item-page-bottom .socials-sharing {
margin-top: 42px;
float: left;
}
.portfolio-item-page-bottom .centered-box .socials-sharing {
float: none;
}
.portfolio-item-page-bottom .project-button .gem-button {
margin-top: 40px;
}
.block-portfolio-navigation-prev .gem-button {
padding-left: 3px;
padding-right: 14px;
}
.block-portfolio-navigation-prev .gem-button .gem-print-icon {
margin-right: 3px;
}
.block-portfolio-navigation-next .gem-button {
padding-right: 3px;
padding-left: 14px;
}
.block-portfolio-navigation-next .gem-button .gem-print-icon {
margin-left: 3px;
}
.block-navigation.centered-box .block-portfolio-navigation-prev .gem-button,
.block-navigation.centered-box .block-portfolio-navigation-next .gem-button {
margin-left: 30px;
margin-right: 30px;
}
.post-related-posts {
padding-bottom: 50px;
}
.post-related-posts-block {
margin: 0 -21px;
}
.post-related-posts-block .related-element {
float: left;
padding: 0;
width: 303px;
padding: 0 21px;
}
.post-related-posts-block .related-element .entry-meta {
margin-bottom: 0;
}
.related-posts-navigation {
position: absolute;
top: -85px;
right: 21px;
}
.related-posts-navigation .related-posts-prev,
.related-posts-navigation .related-posts-next {
height: 30px;
width: 30px;
padding: 0;
border: 2px solid #00bcd4;
background: transparent;
margin-left: 15px;
}
.related-posts-navigation .gem-button.related-posts-prev:hover,
.related-posts-navigation .gem-button.related-posts-next:hover {
background-color: #3c3950;
border-color: #3c3950;
}
.related-posts-carousel {
position: relative;
}
.related-element img,
.related-element .gem-dummy {
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
height: 72px;
width: 72px;
max-width: none;
}
.related-element .post-meta-right {
font: inherit;
}
.related-element > a {
display: table-cell;
padding-right: 14px;
}
.related-element .post-meta-right > * {
display: inline-block;
vertical-align: top;
}
.related-element .post-meta-right .zilla-likes:before {
display: inline-block;
}
.related-element .post-meta-right .zilla-likes > * {
display: inline-block;
vertical-align: top;
}
.related-element .comments-link a {
display: inline-block;
vertical-align: top;
padding-right: 5px;
}
.related-element .comments-link a:before {
display: inline-block;
}
.related-element-info {
display: table-cell;
vertical-align: middle;
width: 99%;
}
.related-element-info > a {
margin-bottom: 3px;
}
.related-element-info .date {
display: block;
margin-top: -2px;
}
.related-element-info .comments-link a::before {
content: '\e631';
}
.related-element-info-conteiner {
max-height: 3.1em;
overflow: hidden;
}
.post-related-posts-bloack {
margin-top: 8px;
}
.post-related-posts h3 {
text-transform: uppercase;
}
.related-element {
padding: 30px 0 30px 30px;
}
.post-related-posts {
margin-top: 75px;
}
.post-author-block {
margin-top: 85px;
}
.wpb_wrapper .vc_progress_bar .vc_label {
font-size: 89.5%;
}
.wpb_wrapper .vc_progress_bar .vc_label_units {
font-size: 116%;
padding-left: 8px;
}
.gem-btn-primary {
color: #0088cc;
}
.gem-btn-warning {
color: #ff9900;
}
.gem-btn-danger {
color: #ff675b;
}
.gem-btn-success {
color: #6ab165;
}
.gem-btn-info {
color: #58b9da;
}
.gem-btn-inverse {
color: #555555;
}
#customer_login .login label,
#customer_login .register label {
display: block;
}
#customer_login .login,
#customer_login .register {
padding: 33px;
padding-right: 10px;
width: 100%;
display: inline-block;
}
#customer_login .login .input-text, #customer_login .register .input-text{
width: 97%;
margin-top: 5px;
padding: 4px 10px;
}
#customer_login .login .inline {
display: inline-block;
}
#customer_login .form-row.login-button {
display: inline-block;
}
#customer_login .lost_password {
display: inline-block;
}
.inline {
display: block;
}
#customer_login .rememberme-label {
padding-left: 9px;
}
#customer_login .lost_password {
padding-left: 19px;
}
#customer_login .login-button button{
top: 8px;
}
#customer_login .form-row.login-button {
padding-left: 18px;
}
#customer_login .form-row.register_form_button {
display: inline-block;
float: right;
margin-right: 15px;
}
#customer_login .form-row.register_form_button button{
top: 8px;
}
#customer_login .login  .gem-button input[type="submit"] {
padding: 0.6em 32px 0.6em 50px;
}
.account-tittle{
text-transform: uppercase;
}
.lost_reset_password .input-text{
margin-right: 20px;
margin-top: 5px;
padding-left: 10px;
width: 36%;
}
.lost_reset_password .gem-button {
margin-top: -5px;
}
.lost_reset_password .input-text {
float: left;
}
.form-edit-adress label {
display: block;
padding-bottom: 5px;
}
.form-edit-adress abbr {
border: 0 none;
}
.form-edit-adress input {
width: 50%;
}
.form-edit-adress  .button  {
width: auto;
}
.isotope-item {
padding-bottom: 10px;
}
.gem-post-grid-item-image {
display: table-cell;
}
.gem-post-grid-item-image img {
width: 72px;
height: 72px;
}
.gem-post-grid-item-info {
display: table-cell;
vertical-align: middle;
padding-left: 20px;
}
.gem-post-griid-item.clearix {
padding-bottom: 30px;
}
.gem-post-grid-item-date {
font-size: 89.5%;
} @media (max-width: 768px) {
.wpcf7-form td {
float: left;
width: 100%;
text-align: center;
}
} .site-footer .gem-custom-mailchimp input {
border: none;
}
#colophon .gem-custom-mailchimp input[type="email"] {
width: 50%;
height: 54px;
border-top-right-radius: 0;
-moz-border-top-right-radius: 0;
-webkit-border-top-right-radius: 0;
border-bottom-right-radius: 0;
-moz-border-bottom-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
margin-top: 25px;
}
#colophon .gem-custom-mailchimp button {
margin-top: 25px;
border-top-left-radius: 0;
-moz-border-top-left-radius: 0;
-webkit-border-top-left-radius: 0;
border-bottom-left-radius: 0;
-moz-border-bottom-left-radius: 0;
-webkit-border-bottom-left-radius: 0;
}
#colophon .widget .gem-testimonial-position,
#colophon .widget .gem-pp-posts-date,
#colophon .widget .jtwt_date,
#colophon .widget .gem-latest-news-title > span,
#colophon .widget.widget_recent_entries .post-date {
font-size: 89.5%;
}
.gem-latest-news:last-child{
border-bottom: none;
} .widget_nav_menu li li a:before,
.widget_submenu li li a:before
{
content: '';
width: 6px;
display: block;
height: 6px;
position: absolute;
margin-top: 10px;
margin-left: -20px;
}
.widget_pages li li a:before,
.widget_categories li li a:before,
.widget_product_categories li li a:before{
content: '';
width: 6px;
display: block;
height: 6px;
float: left;
margin-top: 10px;
margin-right: 12px;
}
.widget_pages a {
display: block;
}
.widget_nav_menu ul,
.widget_categories ul,
.widget_product_categories ul,
.widget_pages ul {
list-style: none;
margin: 0;
padding: 0;
}
.widget_nav_menu > ul > li > a,
.widget_categories > ul > li > a,
.widget_product_categories > ul > li > a,
.widget_pages > ul > li > a {
padding-left: 18px;
}
.widget_nav_menu ul.menu li > a,
.widget_submenu > div > ul li > a {
display: block;
padding: 12px 12px 12px 20px;
}
.widget_categories > ul > li,
.widget_product_categories > ul > li,
.widget_pages > ul > li {
padding: 12px 12px 12px 0;
}
.widget_categories > ul li > a,
.widget_product_categories > ul li > a,
.widget_pages > ul li > a {
}
.widget_categories > ul > li > a,
.widget_product_categories > ul > li > a,
.widget_pages > ul > li > a {
text-transform: uppercase;
}
.widget_nav_menu ul.menu li > a:after,
.widget_submenu > div > ul li > a:after {
content: '';
display: inline-block;
width: 30px;
vertical-align: top;
margin-left: -30px;
text-align: center;
}
.widget_nav_menu ul.menu ul,
.widget_submenu > div > ul ul {
display: none;
}
.widget_categories > ul > li > ul,
.widget_product_categories > ul > li > ul,
.widget_pages > ul > li > ul {
margin: 12px -12px -12px 0;
}
.widget_nav_menu ul.menu li.menu-item-active > ul,
.widget_nav_menu ul.menu li.menu-item-current > ul,
.widget_submenu > div > ul li.menu-item-active > ul,
.widget_submenu > div > ul li.menu-item-current > ul {
display: block;
}
.widget_nav_menu ul.menu li.menu-item-parent > a:after,
.widget_submenu > div > ul li.menu-item-parent > a:after,
.widget_categories > ul li.cat-parent:after,
.widget_product_categories > ul li.cat-parent:after,
.widget_pages > ul li.page_item_has_children:after {
font-weight: normal;
}
.widget_nav_menu ul.menu li.menu-item-parent.menu-item-active > a:after,
.widget_nav_menu ul.menu li.menu-item-parent.menu-item-current > a:after,
.widget_submenu > div > ul li.menu-item-parent.menu-item-active > a:after,
.widget_submenu > div > ul li.menu-item-parent.menu-item-current > a:after,
.widget_product_categories > ul li.cat-parent.current-cat-ancestor:after,
.widget_product_categories > ul li.cat-parent.current-cat-parent:after,
.widget_product_categories > ul li.cat-parent.current-cat:after{
content: '\e635';
font-family: thegem-icons;
font-style: normal;
font-size: 16px;
font-weight: normal;
}
.widget_nav_menu ul.menu li li.menu-item-parent.menu-item-active > a:after,
.widget_nav_menu ul.menu li li.menu-item-parent.menu-item-current > a:after,
.widget_submenu > div > ul li li.menu-item-parent.menu-item-active > a:after,
.widget_submenu > div > ul li li.menu-item-parent.menu-item-current > a:after,
.widget_categories > ul li li.cat-parent.current-cat-ancestor:after,
.widget_categories > ul li li.cat-parent.current-cat-parent:after,
.widget_categories > ul li li.cat-parent.current-cat:after,
.widget_product_categories > ul li li.cat-parent.current-cat-ancestor:after,
.widget_product_categories > ul li li.cat-parent.current-cat-parent:after,
.widget_product_categories > ul li li.cat-parent.current-cat:after {
content: '\e635';
font-family: thegem-icons;
font-style: normal;
font-size: 16px;
font-weight: normal;
}
.widget .menu-item-has-children.menu-item-parent > a:after {
content: '\e601';
font-size: 16px;
font-family: thegem-icons;
font-style: normal;
font-weight: normal;
}
.widget_nav_menu ul.menu > li.menu-item-parent.menu-item-active > a:after,
.widget_nav_menu ul.menu > li.menu-item-parent.menu-item-current > a:after,
.widget_submenu > div > ul > li.menu-item-parent.menu-item-active > a:after,
.widget_submenu > div > ul > li.menu-item-parent.menu-item-current > a:after,
.widget_product_categories > ul > li.cat-parent.current-cat-ancestor:after,
.widget_product_categories > ul > li.cat-parent.current-cat-parent:after,
.widget_product_categories > ul > li.cat-parent.current-cat:after {
font-size: 24px;
}
.widget_categories > ul li.cat-parent.current-cat-ancestor:after,
.widget_categories > ul li.cat-parent.current-cat-parent:after,
.widget_categories > ul li.cat-parent.current-cat:after,
.widget_product_categories > ul li.cat-parent.current-cat-ancestor:after,
.widget_product_categories > ul li.cat-parent.current-cat-parent:after,
.widget_product_categories > ul li.cat-parent.current-cat:after {
content: '\e602';
font-family: thegem-icons;
font-style: normal;
font-size: 16px;
top: 12px;
right: 18px;
position: absolute;
font-weight: normal;
}
.widget_pages > ul li.page_item_has_children.current_page_ancestor,
.widget_pages > ul li.page_item_has_children.current_page_parent,
.widget_pages > ul li.current_page_item,
.widget_categories > ul li.cat-parent.current-cat-ancestor,
.widget_categories > ul li.cat-parent.current-cat-parent,
.widget_categories > ul li.cat-parent.current-cat,
.widget_product_categories > ul li.cat-parent.current-cat-ancestor,
.widget_product_categories > ul li.cat-parent.current-cat-parent,
.widget_product_categories > ul li.cat-parent.current-cat {
position: relative;
}
.widget_pages > ul li.page_item_has_children.current_page_ancestor > a:after,
.widget_pages > ul li.page_item_has_children.current_page_parent > a:after,
.widget_pages > ul li.page_item_has_children.current_page_item > a:after {
content: '\e602';
font-family: thegem-icons;
font-style: normal;
font-size: 13px;
top: 12px;
right: 18px;
position: absolute;
font-weight: normal;
}
.widget_pages > ul li li.page_item_has_children.current_page_ancestor > a:after,
.widget_pages > ul li li.page_item_has_children.current_page_parent > a:after,
.widget_pages > ul li li.page_item_has_children.current_page_item > a:after {
content: '\e602';
font-family: thegem-icons;
font-style: normal;
font-size: 8px;
top: 12px;
right: 18px;
position: absolute;
font-weight: normal;
}
.widget_nav_menu ul.menu ul li.menu-item-active > a,
.widget_submenu > div > ul ul li.menu-item-active > a {
border: 0 none !important;
}
.widget_nav_menu ul.menu > li li > a,
.widget_submenu > div > ul > li li > a {
padding-left: 40px;
}
.widget_nav_menu ul.menu > li li li > a,
.widget_submenu > div > ul > li li li > a {
padding-left: 60px;
}
.widget_nav_menu ul.menu > li li li li > a,
.widget_submenu > div > ul > li li li li > a {
padding-left: 80px;
}
.widget_nav_menu ul.menu > li li li li li > a,
.widget_submenu > div > ul > li li li li li > a {
padding-left: 100px;
}
.widget_categories > ul > li > ul > li,
.widget_product_categories > ul > li > ul > li,
.widget_pages > ul > li > ul > li {
padding: 12px 12px 12px 20px;
}
.widget_categories > ul > li > ul > li > ul,
.widget_product_categories > ul > li > ul > li > ul,
.widget_pages > ul > li > ul > li > ul {
margin: 12px -12px -12px -20px;
}
.widget_categories > ul > li > ul > li li,
.widget_product_categories > ul > li > ul > li li,
.widget_pages > ul > li > ul > li li {
padding: 10px 15px 10px 40px;
}
.widget_categories > ul > li > ul > li > ul ul,
.widget_product_categories > ul > li > ul > li > ul ul,
.widget_pages > ul > li > ul > li > ul ul {
margin: 10px -15px -10px -20px;
}
.widget_pages > ul > ul {
padding-left: 30px;
}
#colophon .widget_submenu a,
#colophon .widget_nav_menu a {
background: transparent;
} .widget_recently_viewed_products .product_list_widget a {
clear: both;
}
.widget_recently_viewed_products ul.product_list_widget li {
padding: 10px;
margin-bottom: 0;
box-shadow: none;
-moz-box-shadow: none;
-webkit-moz-box-shadow: none;
display: flex;
}
.widget_recently_viewed_products ul.product_list_widget li + li {
background-repeat: repeat-x;
}
.widget_recently_viewed_products ul.product_list_widget li .gem-products-image {
display: block;
align-self: start;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
overflow: hidden;
min-width: 70px;
}
.widget_recently_viewed_products ul.product_list_widget li .gem-products-content {
border: 0 none;
display: block;
margin-left: 0;
width: auto;
flex-grow: 1;
}
.widget_recently_viewed_products ul.product_list_widget li .product-dummy-wrapper {
border: 0 none;
width: 70px;
} .gem_client_carousel-items .gem-client-item .grayscale-hover {
background: none repeat scroll 0 0 transparent !important;
}
.gem_client_carousel-items .gem-client-item > a,
.gem_client_carousel-items .gem-client-item > span {
display: block;
vertical-align: middle;
position: relative;
}
.teaser_grid_container .gem-post-title {
padding-right: 31px;
}
body .footer-contact-form .wpcf7-email {
background-color: #2c2e3a;
border: medium none;
color: #ffffff;
height: 54px;
}
body .footer-contact-form .wpcf7-textarea {
background-color: #2c2e3a;
border: medium none;
color: #ffffff;
height: 117px;
}
.footer-contact-form {
padding-right: 30px;
}
.footer-contact-form .wpcf7-submit{
background-color: #4c5867;
float: left;
}
.footer-contact-form .wpcf7-submit:hover{
background: none repeat scroll 0 0 rgba(255, 255, 255, 0.2);
}
.widget .wpcf7 .gem-sidebar-input {
text-align: left;
}
.wpb_widgetised_column .gem-products-image {
display: table-cell;
}
.wpb_widgetised_column .gem-products-content {
display: table-cell;
vertical-align: middle;
width: 100%;
}
.widget .blog {
padding-bottom: 0px;
}
.widget-title:after{
font-family: thegem-icons;
font-style: normal;
content: '\e630';
font-size: 8px;
padding-left: 8px;
font-weight: normal;
display: none;
}
#colophon .gem-latest-news:last-child,
#colophon .Custom_Recent_Posts .gem-pp-posts:first-child,
#colophon .widget_meta li:first-child,
#colophon .widget_rss li:first-child,
#colophon .widget_recent_entries li:first-child,
#colophon .Custom_Recent_Posts ul li:first-child {
background: none;
}
.digram-line-box {
padding-right: 40px;
} .gem-icon-shape-hexagon {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
border: 0;
position: relative;
}
.gem-icon-shape-hexagon .gem-icon-shape-hexagon-back {
display: block;
-webkit-transform: rotate(-30deg) skewX(30deg);
-ms-transform: rotate(-30deg) skewX(30deg);
-o-transform: rotate(-30deg) skewX(30deg);
transform: rotate(-30deg) skewX(30deg);
overflow: hidden;
position: relative;
z-index: 1;
font-size: 0;
line-height: 1;
}
.gem-icon-shape-hexagon .gem-icon-shape-hexagon-back .gem-icon-shape-hexagon-back-inner,
.gem-icon-shape-hexagon .gem-icon-shape-hexagon-back .gem-icon-shape-hexagon-back-inner-before {
display: block;
width: inherit;
height: inherit;
-webkit-border-radius: inherit;
-moz-border-radius: inherit;
border-radius: inherit;
overflow: hidden;
}
.gem-icon-shape-hexagon .gem-icon-shape-hexagon-back .gem-icon-shape-hexagon-back-inner {
-webkit-transform: skewX(-30deg) rotate(60deg) skewX(30deg);
-ms-transform: skewX(-30deg) rotate(60deg) skewX(30deg);
-o-transform: skewX(-30deg) rotate(60deg) skewX(30deg);
transform: skewX(-30deg) rotate(60deg) skewX(30deg);
}
.gem-icon-shape-hexagon .gem-icon-shape-hexagon-back .gem-icon-shape-hexagon-back-inner-before {
-webkit-transform: skewX(-30deg) rotate(60deg) skewX(30deg);
-ms-transform: skewX(-30deg) rotate(60deg) skewX(30deg);
-o-transform: skewX(-30deg) rotate(60deg) skewX(30deg);
transform: skewX(-30deg) rotate(60deg) skewX(30deg);
}
.gem-icon-shape-hexagon .gem-icon-shape-hexagon-top {
display: block;
-webkit-transform: rotate(-30deg) skewX(30deg);
-ms-transform: rotate(-30deg) skewX(30deg);
-o-transform: rotate(-30deg) skewX(30deg);
transform: rotate(-30deg) skewX(30deg);
overflow: hidden;
position: absolute;
left: 0;
top: 0;
z-index: 2;
font-size: 0;
line-height: 1;
}
.gem-icon-shape-hexagon .gem-icon-shape-hexagon-top .gem-icon-shape-hexagon-top-inner,
.gem-icon-shape-hexagon .gem-icon-shape-hexagon-top .gem-icon-shape-hexagon-top-inner-before {
display: block;
width: inherit;
height: inherit;
-webkit-border-radius: inherit;
-moz-border-radius: inherit;
border-radius: inherit;
overflow: hidden;
}
.gem-icon-shape-hexagon .gem-icon-shape-hexagon-top .gem-icon-shape-hexagon-top-inner {
-webkit-transform: skewX(-30deg) rotate(60deg) skewX(30deg);
-ms-transform: skewX(-30deg) rotate(60deg) skewX(30deg);
-o-transform: skewX(-30deg) rotate(60deg) skewX(30deg);
transform: skewX(-30deg) rotate(60deg) skewX(30deg);
}
.gem-icon-shape-hexagon .gem-icon-shape-hexagon-top .gem-icon-shape-hexagon-top-inner-before {
-webkit-transform: skewX(-30deg) rotate(60deg) skewX(30deg);
-ms-transform: skewX(-30deg) rotate(60deg) skewX(30deg);
-o-transform: skewX(-30deg) rotate(60deg) skewX(30deg);
transform: skewX(-30deg) rotate(60deg) skewX(30deg);
}
.gem-icon-shape-hexagon .gem-icon-inner {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
background: none !important;
position: absolute;
left: 0;
top: 0;
z-index: 3;
width: 100%;
height: 100%;
margin: 0;
} .gem-icon-shape-hexagon.gem-icon-size-small,
.wpb_column > .wpb_wrapper > .gem-icon-shape-hexagon.gem-icon-size-small:last-child {
margin: 3px 0;
}
.gem-icon-shape-hexagon.gem-icon-size-small .gem-icon-shape-hexagon-back {
width: 59px;
height: 49px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.gem-icon-shape-hexagon.gem-icon-size-small .gem-icon-shape-hexagon-top {
width: 55px;
height: 45px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
left: 2px;
top: 2px;
}
.gem-icon-shape-hexagon.gem-icon-size-small .gem-icon-inner {
line-height: 49px;
} .gem-icon-shape-hexagon.gem-icon-size-medium,
.wpb_column > .wpb_wrapper > .gem-icon-shape-hexagon.gem-icon-size-medium:last-child {
margin: 5px 0;
}
.gem-icon-shape-hexagon.gem-icon-size-medium .gem-icon-shape-hexagon-back {
width: 91px;
height: 77px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}
.gem-icon-shape-hexagon.gem-icon-size-medium .gem-icon-shape-hexagon-top {
width: 85px;
height: 71px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
left: 3px;
top: 3px;
}
.gem-icon-shape-hexagon.gem-icon-size-medium .gem-icon-inner {
line-height: 77px;
} .gem-icon-shape-hexagon.gem-icon-size-large,
.wpb_column > .wpb_wrapper > .gem-icon-shape-hexagon.gem-icon-size-large:last-child {
margin: 11px 0;
}
.gem-icon-shape-hexagon.gem-icon-size-large .gem-icon-shape-hexagon-back {
width: 181px;
height: 153px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.gem-icon-shape-hexagon.gem-icon-size-large .gem-icon-shape-hexagon-top {
width: 169px;
height: 141px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
left: 6px;
top: 6px;
}
.gem-icon-shape-hexagon.gem-icon-size-large .gem-icon-inner {
line-height: 153px;
} .gem-icon-shape-hexagon.gem-icon-size-xlarge,
.wpb_column > .wpb_wrapper > .gem-icon-shape-hexagon.gem-icon-size-xlarge:last-child {
margin: 16px 0;
}
.gem-icon-shape-hexagon.gem-icon-size-xlarge .gem-icon-shape-hexagon-back {
width: 267px;
height: 227px;
-webkit-border-radius: 14px;
-moz-border-radius: 14px;
border-radius: 12px;
}
.gem-icon-shape-hexagon.gem-icon-size-xlarge .gem-icon-shape-hexagon-top {
width: 243px;
height: 203px;
-webkit-border-radius: 14px;
-moz-border-radius: 14px;
border-radius: 14px;
left: 12px;
top: 12px;
}
.gem-icon-shape-hexagon.gem-icon-size-xlarge .gem-icon-inner {
line-height: 227px;
}
.widget_socials .socials-item-icon {
font-size: 24px;
margin-bottom: 13px;
}
.widget_socials a.socials-item {
margin-left: 0;
margin-right: 13px;
}
.widget .socials-colored a:hover .socials-item-icon{
color: #00bcd4 !important;
}
.widget .gem-portfolios-type-carousel-grid .gem-portfolio-item {
padding: 0px 12px 12px 0;
display: block;
}
.widget-portfolio-carousel-slide a{
display: block;
height: 80px;
float: left;
margin-right: 10px;
margin-bottom: 10px;
overflow: hidden;
}
.widget-portfolio-carousel-slide img{
width: 80px;
height: 80px;
display: block;
}
.widget-portfolio-carousel-slide {
float: left;
}
.widget-portfolio-carousel-slide {
margin-right: -10px;
}
.widget .widget-portfolio-pagination.gem-mini-pagination a {
width: 14px;
height: 14px;
}
.widget .widget-portfolio-pagination.gem-mini-pagination {
padding-top: 4px;
}
.widget-gem-portfolio-item.gem-portfolio-dummy img{
display: none;
}
.widget-gem-portfolio-item.gem-portfolio-dummy {
position: relative;
}
.widget-gem-portfolio-item.gem-portfolio-dummy:after {
content: '?';
color: #ffffff;
position: absolute;
left: 35px;
top: 28px;
}
.widget-gem-portfolio-item	{
position: relative;
}
.widget-gem-portfolio-item img {
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
}
.widget-gem-portfolio-item .widget-gem-portfolio-item-hover {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 5;
opacity: 0;
-o-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.widget-gem-portfolio-item:hover .widget-gem-portfolio-item-hover {
opacity: 1;
}
.project_info-item .icon-elegant,
.project-info-shortcode-item .icon.elegant {
font-family: 'ElegantIcons';
}
.project_info-item .icon-material,
.project-info-shortcode-item .icon.material {
font-family: 'MaterialDesignIcons';
}
.project_info-item .icon-fontawesome,
.project-info-shortcode-item .icon.fontawesome {
font-family: 'FontAwesome';
}
.project_info-item .icon-userpack,
.project-info-shortcode-item .icon.userpack {
font-family: 'UserPack';
}
.project-info-shortcode-item .icon {
float: left;
}
.project-info-shortcode-item {
width: 100%;
float: left;
}
.project-info-shortcode-style-2 .project-info-shortcode-item .title {
font-size: 16px;
font-weight: bolder;
padding-left: 70px;
color: #3c3950;
text-transform: uppercase;
}
.project-info-shortcode-style-2 .project-info-shortcode-item .decription {
padding-left: 70px;
padding-top: 3px;
}
.project-info-shortcode-style-2 .project-info-shortcode-item .icon {
color: #ffffff !important;
font-size: 24px;
padding: 13px;
}
.project-info-shortcode-style-2 .project-info-shortcode-item {
padding: 28px 0;
}
.project-info-shortcode-style-2 .project-info-shortcode-item:last-child{
border-bottom: medium none;
}
.project-info-shortcode {
display: inline-block;
width: 100%;
}
.project-info-shortcode-style-default .project-info-shortcode-item {
margin-bottom: 20px;
padding: 20px;
}
.project-info-shortcode-style-default .project-info-shortcode-item .icon {
background-color: transparent !important;
font-size: 24px;
padding-top: 6px;
padding-left: 5px;
}
.project-info-shortcode-style-default .project-info-shortcode-item .title {
padding-left: 50px;
}
.project-info-shortcode-style-default .project-info-shortcode-item .decription {
padding-left: 50px;
padding-top: 15px;
}
.widget.project_info .gem-button {
margin-left: 0px;
}
.widget .project-info-button{
text-align: center;
}
.widget_submenu  ul ul ul,
.widget_nav_menu  ul ul ul,
.widget_pages ul ul ul,
.widget_categories ul ul ul,
.widget_product_categories ul ul ul {
background-color: #e8ecef;
}
.widget a.gem-button.gem-button-style-outline {
background: transparent;
}
.gmaps_round {
border-radius: 50%;
overflow: hidden;
}
body .wpb_gmaps_widget .wpb_wrapper {
padding: 0;
}
.vc_gem_pricing_table  .vc_controls-container.vc_controls {
margin-top: 10px;
z-index: 10;
}
@media (max-width: 600px) {
body .vc_separator.vc_sep_double {
height: auto !important;
}
}
@media(max-width: 1024px){
.fullwidth-block.fullwidth-block-parallax-vertical,
.fullwidth-block.fullwidth-block-parallax-fixed{
background-attachment: scroll;
}
}
.textwidget img {
max-width: 100%;
height: auto;
}
.textwidget option,
.textwidget select {
max-width: 100%;
}
.widget .screen-reader-text {
margin-bottom: 10px;
display: block;
}
.calendar_wrap td, .calendar_wrap th {
border: none !important;
padding: 5px !important;
}
.gem-icon-with-title  > a{
display: table-cell;
padding-bottom: 0 !important;
vertical-align: middle;
padding-right: 10px;
}
.portfolio-filters-list .widget-area .widget {
order: 10;
}
.portfolio-filters-list.style-sidebar .widget-area-wrap,
.portfolio-filters-list.style-hidden .widget-area-wrap {
flex: none;
}
.portfolio-filters-list:is(.style-sidebar, .style-hidden, .style-standard-mobile) .widget-area .portfolio-filter-item:first-child {
border-top: none;
padding-top: 0;
}
.portfolio-filters-list.style-sidebar .widget-area .widget {
width: 100%;
padding: 25px 0;
margin: 0;
}
@media (min-width: 992px) {
.portfolio-filters-list.style-sidebar .widget-area .widget {
padding: 25px 0;
}
.portfolio-filters-list.style-sidebar .widget-area .widget.widget_product_search {
padding-bottom: 28px;
}
}
.portfolio-filters-list.style-hidden .widget-area .widget {
width: 100%;
padding: 25px 10px;
margin: 0;
}
@media (max-width: 991px) {
.portfolio-filters-list.style-standard .widget-area .widget,
.portfolio-filters-list.style-sidebar .widget-area .widget {
width: 100%;
padding: 25px 10px;
margin: 0;
}
}
@media (min-width: 992px) {
.portfolio-filters-list.style-hidden .widget-area .widget {
padding: 25px 30px;
}
}
.portfolio-filters-list .widget-area .widget:first-child {
border: none;
padding-top: 0;
margin-top: -1px;
}
.portfolio-filters-list .widget-area .widget .widget-title {
margin: 0 0 20px 0;
cursor: default;
}
.portfolio-filters-list .widget-area .widget .widget-title .arrow {
display: none;
}
.portfolio-filters-list.style-sidebar .list-scrollable .widget_product_categories .woocommerce-widget-layered-nav-list ul,
.portfolio-filters-list.style-sidebar .list-scrollable .widget_layered_nav .woocommerce-widget-layered-nav-list ul,
.portfolio-filters-list.style-hidden .list-scrollable .widget_product_categories .woocommerce-widget-layered-nav-list ul,
.portfolio-filters-list.style-hidden .list-scrollable .widget_layered_nav .woocommerce-widget-layered-nav-list ul {
padding: 0;
margin: 0;
}
.portfolio-filters-list.style-sidebar .list-scrollable .widget_product_categories .woocommerce-widget-layered-nav-list ul ul,
.portfolio-filters-list.style-sidebar .list-scrollable .widget_layered_nav .woocommerce-widget-layered-nav-list ul ul,
.portfolio-filters-list.style-hidden .list-scrollable .widget_product_categories .woocommerce-widget-layered-nav-list ul ul,
.portfolio-filters-list.style-hidden .list-scrollable .widget_layered_nav .woocommerce-widget-layered-nav-list ul ul {
padding: 0 0 0 20px;
}
.portfolio-filters-list .widget_product_categories ul,
.portfolio-filters-list .widget_layered_nav ul {
list-style: none;
padding: 0;
margin: 0;
border: none;
line-height: inherit;
font-family: inherit;
font-size: inherit;
}
.portfolio-filters-list .widget_product_categories ul li,
.portfolio-filters-list .widget_layered_nav ul li {
color: inherit;
padding: 0;
border: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: space-between;
-ms-flex-pack: space-between;
justify-content: space-between;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
flex-wrap: wrap;
}
.portfolio-filters-list .widget_layered_nav ul li a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
flex-wrap: wrap;
}
.portfolio-filters-list .widget_product_categories ul li.cat-parent.current-cat:after,
.portfolio-filters-list .widget_product_categories ul li.cat-parent.current-cat-parent:after,
.portfolio-filters-list .widget_layered_nav ul li.cat-parent.current-cat:after,
.portfolio-filters-list .widget_layered_nav ul li.cat-parent.current-cat-parent:after {
content: none;
}
.portfolio-filters-list .widget_product_categories ul li a,
.portfolio-filters-list .widget_layered_nav ul li a {
flex: 1;
color: inherit;
padding: 0;
}
.portfolio-filters-list .widget.woocommerce-widget-layered-nav ul li a.attribute-type-color:hover,
.portfolio-filters-list .widget.woocommerce-widget-layered-nav ul li.chosen > a.attribute-type-color,
.portfolio-filters-list .widget.woocommerce-widget-layered-nav ul li.current-cat > a.attribute-type-color {
color: inherit;
}
.portfolio-filters-list .widget_layered_nav ul li a span.title {
margin-right: auto;
}
.portfolio-filters-list .widget_product_categories ul li a:hover + span.count,
.portfolio-filters-list .widget_layered_nav ul li a:hover span.count {
color: #FFFFFF;
}
.portfolio-filters-list .widget_product_categories ul li span.count,
.portfolio-filters-list .widget_layered_nav ul li span.count,
.portfolio-filters-list .widget_product_categories ul li .filters-collapsible-arrow {
flex: none;
margin-left: 20px;
display: block;
color: inherit;
background-color: var(--styled-bg-color, #f0f3f2);
font-size: var(--thegem-to-body-tiny-font-size, 14px);
padding: 2px 8px;
line-height: 1;
border-radius: 11px;
transition: background-color 0.3s;
}
@media (min-width: 992px) {
.portfolio-filters-list .widget_product_categories ul li span.count,
.portfolio-filters-list .widget_layered_nav ul li span.count {
margin-left: 45px;
}
}
.portfolio-filters-list.hide-filter-counts .widget_layered_nav ul li span.count {
display: none;
}
.portfolio-filters-list.categories-widget-collapsible:not(.collapse-inited) .cat-parent:not(.current-cat-parent, .current-cat) > ul {
display: none;
}
.portfolio-filters-list .widget_product_categories ul li .filters-collapsible-arrow {
padding: 2px;
margin-left: 6px;
transform: translateY(0.1em);
cursor: pointer;
}
.portfolio-filters-list .widget_product_categories ul li .filters-collapsible-arrow:before {
display: block;
content: '\e602';
font-style: normal;
font-family: "thegem-icons";
font-weight: normal;
-webkit-font-smoothing: initial;
}
.portfolio-filters-list .widget_product_categories ul li .filters-collapsible-arrow:hover {
color: #FFFFFF;
background-color: var(--thegem-to-widget-hover-link_color, #00BCD4);
}
.portfolio-filters-list .widget_product_categories ul li:not(.collapsed) > .filters-collapsible-arrow {
transform: translateY(0.1em) rotate(180deg);
color: #FFFFFF;
background-color: var(--thegem-to-widget-hover-link_color, #00BCD4);
}
.portfolio-filters-list .widget_product_categories ul li ul,
.portfolio-filters-list .widget_layered_nav ul li ul {
padding: 0 0 0 20px;
background: transparent;
width: 100%;
}
.portfolio-filters-list .widget_product_categories ul li.current-cat > span.count,
.portfolio-filters-list .widget_layered_nav ul li.chosen span.count {
color: #FFFFFF;
}
.portfolio-filters-list .widget_price_filter .price_slider_wrapper .price_slider {
position: relative;
border: none;
height: 4px;
width: 90%;
margin: 20px auto 30px auto;
}
.portfolio-filters-list .widget_price_filter .price_slider_wrapper .price_slider .ui-slider-range {
position: absolute;
top: 0;
height: 100%;
z-index: 1;
}
.portfolio-filters-list .widget_price_filter .price_slider_wrapper .price_slider .ui-slider-handle {
position: absolute;
width: 14px;
height: 14px;
top: 50%;
transform: translate(-50%, -50%);
border: none;
border-radius: 50%;
cursor: pointer;
margin: 0;
z-index: 2;
}
.portfolio-filters-list .widget_price_filter .price_slider_wrapper .price_slider .ui-slider-handle:focus {
outline: none;
}
.portfolio-filters-list .widget_price_filter .price_slider_wrapper .price_slider .ui-slider-handle + span:focus {
outline: none;
}
.portfolio-filters-list .widget_price_filter .price_slider_wrapper .price_slider_amount {
padding: 0;
}
.portfolio-filters-list .widget_price_filter .price_slider_wrapper .price_slider_amount input,
.portfolio-filters-list .widget_price_filter .price_slider_wrapper .price_slider_amount button {
display: none;
}
.portfolio-filters-list .widget_price_filter .price_slider_wrapper .price_slider_amount .price_label {
float: left;
}
.portfolio-filters-list .widget_price_filter .price_slider_wrapper .price_slider_amount .button {
display: none;
}
.portfolio-filters-list .widget_price_filter .price_slider_wrapper .price_slider_amount .from,
.portfolio-filters-list .widget_price_filter .price_slider_wrapper .price_slider_amount .to {
font-size: 1.1em;
}
.portfolio-filters-list .widget_product_categories.woocommerce ul li a,
.portfolio-filters-list .widget_layered_nav.woocommerce ul li a {
position: relative;
padding-left: 1.2em;
text-transform: inherit;
font-weight: inherit;
font-family: inherit;
font-size: inherit;
}
.portfolio-filters-list .widget_product_categories.woocommerce ul li a {
padding: 0;
}
.portfolio-filters-list .widget_product_categories.woocommerce ul li a:before,
.portfolio-filters-list .widget_layered_nav.woocommerce ul li a:before {
content: none;
color: currentColor;
}
.portfolio-filters-list .widget_product_categories.woocommerce ul li.chosen a:before,
.portfolio-filters-list .widget_layered_nav.woocommerce ul li.chosen a:before {
content: "";
font-family: "thegem-icons";
font-weight: normal;
font-style: normal;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
.portfolio-filters-list .widget_product_search {
margin: 0 0 30px 0;
}
.portfolio-filters-list .widget_product_search input {
width: 100%;
box-sizing: border-box;
}
.portfolio-filters-list .widget_product_search button {
position: absolute;
right: 0;
top: 0;
width: 40px;
height: 100%;
font-size: 0;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
cursor: pointer;
}
.portfolio-filters-list .widget_product_search button:before {
content: "";
font-size: 16px;
font-style: normal;
font-family: "thegem-icons";
font-weight: normal;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%) rotateY(180deg);
}
.portfolio-filters-list.normal .widget_product_search,
.portfolio-filters-list.normal .widget_product_categories,
.portfolio-filters-list.normal .widget_layered_nav,
.portfolio-filters-list.normal .widget_price_filter {
display: none;
}
.portfolio-filters-list .widget_product_search input {
border: none;
padding: 7px 33px 7px 18px;
border-radius: 17px;
line-height: 1;
}
.portfolio-filters-list .widget_product_search input::-webkit-input-placeholder { color: currentColor;
opacity: 0.8;
}
.portfolio-filters-list .widget_product_search input::-moz-placeholder { color: currentColor;
opacity: 0.8;
}
.portfolio-filters-list .widget_product_search input:-ms-input-placeholder { color: currentColor;
opacity: 0.8;
}
.portfolio-filters-list .widget_product_search input:-moz-placeholder { color: currentColor;
opacity: 0.8;
}
.portfolio-filters-list .widget_layered_nav .count,
.portfolio-filters-list .widget_product_categories .count {
opacity: 0;
}
.portfolio-filters-list .widget_recently_viewed_products ul.product_list_widget li .gem-products-image {
float: left;
}
.portfolio-filters-list .widget_recently_viewed_products ul.product_list_widget li,
.portfolio-filters-list .widget_recently_viewed_products ul.product_list_widget li .gem-products-image,
.portfolio-filters-list .widget_products ul.product_list_widget li .gem-products-image,
.portfolio-filters-list .widget_products ul.product_list_widget li .gem-products-content,
.portfolio-filters-list .widget_top_rated_products ul.product_list_widget li .gem-products-image,
.portfolio-filters-list .widget_top_rated_products ul.product_list_widget li .gem-products-content {
border: none;
} .thegem-template-blog-archive .vc_row[data-vc-full-width] {
margin-left: 0;
margin-right: 0;
}
body.single-thegem_templates.compose-mode .thegem-template-blog-archive .vc_row[data-vc-full-width] {
margin-left: -21px;
margin-right: -21px;
}
.thegem-template-blog-archive .vc_row[data-vc-full-width] > .container {
padding-left: 0;
padding-right: 0;
}
@media (max-width: 1212px){
.thegem-template-blog-archive .vc_row[data-vc-full-width] > .container {
width: 100%;
}
} .thegem-te-blog-archive-title{
position: relative;
width: 100%;
}
.thegem-te-blog-archive-title .blog-title{
position: relative;
padding: 0;
margin: 0;
} .thegem-te-blog-archive-description{
position: relative;
width: 100%;
}
.thegem-te-blog-archive-description .blog-description{
position: relative;
display: inline-flex;
padding: 0;
margin: 0
} .thegem-te-blog-archive-breadcrumbs{
position: relative;
width: 100%;
}
.thegem-te-blog-archive-breadcrumbs .blog-breadcrumbs{
position: relative;
display: flex;
width: 100%;
align-items: center;
z-index: 1;
}
.thegem-te-blog-archive-breadcrumbs .blog-breadcrumbs ul{
display: flex;
flex-wrap: wrap;
padding: 0;
margin: 0;
list-style-type: none;
}
.thegem-te-blog-archive-breadcrumbs .blog-breadcrumbs ul li{
position: relative;
font-size: var(--thegem-to-body-tiny-font-size);
line-height: var(--thegem-to-body-tiny-line-height);
color: var(--thegem-to-breadcrumbs-color);
}
.thegem-te-blog-archive-breadcrumbs .blog-breadcrumbs ul li:not(:last-child){
padding-right: 20px;
margin-right: 5px;
}
.thegem-te-blog-archive-breadcrumbs .blog-breadcrumbs ul li:not(:last-child):after{
font-family: 'thegem-icons';
content: '\e601';
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
line-height: 1;
}
.thegem-te-blog-archive-breadcrumbs .blog-breadcrumbs ul li a{
color: var(--thegem-to-breadcrumbs-color);
}
.thegem-te-blog-archive-breadcrumbs .blog-breadcrumbs ul li a:hover{
color: var(--thegem-to-breadcrumbs-color-hover);
}
.thegem-te-blog-archive-breadcrumbs .blog-breadcrumbs ul li:last-child{
color: var(--thegem-to-breadcrumbs-color-active);
} .gem-search-form.gem-search-form-style-light input{
border: 1px solid var(--thegem-to-box-border-color);
}
.gem-search-form .search-submit{
top: 50%;
transform: translateY(-50%);
} .gem-divider.gem-divider--v-inline{
display: inline-flex;
}
.gem-divider.gem-divider--v-solid,
.gem-divider.gem-divider--v-dotted,
.gem-divider.gem-divider--v-dashed{
border-top: 0 !important;
border-right: 0 !important;
border-bottom: 0 !important;
border-left-width: 1px;
border-color: var(--thegem-to-box-border-color);
}
.gem-divider.gem-divider--v-solid{
border-style: solid;
}
.gem-divider.gem-divider--v-dotted{
border-style: dotted;
}
.gem-divider.gem-divider--v-dashed{
border-style: dashed;
}
.gem-divider.gem-divider--v-stroked{
border: 0 !important;
}
.gem-divider.gem-divider--v-stroked svg{
stroke: var(--thegem-to-box-border-color);
} .thegem-menu-custom.thegem-menu-custom--horizontal ul.nav-menu-custom{
display: flex;
flex-wrap: wrap;
}
.thegem-menu-custom.thegem-menu-custom--horizontal ul.nav-menu-custom li{
position: relative;
}
.thegem-menu-custom.thegem-menu-custom--horizontal ul.nav-menu-custom li:not(:last-child):before{
content: '';
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
width: 1px;
height: 100%;
background-color: var(--thegem-to-box-border-color);
z-index: 2;
}
.thegem-menu-custom.thegem-menu-custom--horizontal ul.nav-menu-custom li a{
margin: 0;
}
.thegem-menu-custom.thegem-menu-custom--horizontal.thegem-menu-custom--flex-start ul.nav-menu-custom li:first-child a{
margin-left: -0.7em;
}
.thegem-menu-custom.thegem-menu-custom--horizontal.thegem-menu-custom--flex-end ul.nav-menu-custom li:last-child a{
margin-right: -0.7em;
}
.thegem-menu-custom.menu-indicator ul.nav-menu-custom li a i.indicator{
position: relative;
display: flex;
align-items: center;
}
.thegem-menu-custom.menu-indicator ul.nav-menu-custom li a i.indicator:before{
content: "\e601";
font-family: "thegem-icons";
font-weight: normal;
font-style: normal;
line-height: inherit;
font-size: inherit;
}
.thegem-menu-custom .menu-custom-header .icon{
width: auto;
} .thegem-menu-custom ul.nav-menu-custom > li > a{
position: relative;
z-index: 1;
}
.thegem-menu-custom ul.nav-menu-custom > li > a .text{
position: relative;
display: inline-flex;
}
.thegem-menu-custom ul.nav-menu-custom > li > a:after,
.thegem-menu-custom ul.nav-menu-custom > li > a:before,
.thegem-menu-custom ul.nav-menu-custom > li > a .text:before,
.thegem-menu-custom ul.nav-menu-custom > li > a .text:after{
display: block;
position: absolute;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
-webkit-transition-timing-function: cubic-bezier(.58,.3,.005,1);
-o-transition-timing-function: cubic-bezier(.58,.3,.005,1);
transition-timing-function: cubic-bezier(.58,.3,.005,1);
}
.thegem-menu-custom ul.nav-menu-custom > li > a:before {
z-index: -1;
}
.thegem-menu-custom ul.nav-menu-custom > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:after,
.thegem-menu-custom ul.nav-menu-custom > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:before,
.thegem-menu-custom ul.nav-menu-custom > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a .text:before,
.thegem-menu-custom ul.nav-menu-custom > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a .text:after{
opacity: 0;
}
.thegem-menu-custom ul.nav-menu-custom > li:hover > a{
background-color: transparent;
} .thegem-menu-custom.style-hover-background ul.nav-menu-custom > li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:before,
.thegem-menu-custom.style-active-background ul.nav-menu-custom > li.menu-item-active > a:before,
.thegem-menu-custom.style-active-background ul.nav-menu-custom > li.menu-item-current > a:before,
.thegem-menu-custom.style-active-background ul.nav-menu-custom > li.collapsed > a:before,
.thegem-menu-custom.style-hover-background ul.nav-menu-custom > li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:after,
.thegem-menu-custom.style-active-background ul.nav-menu-custom > li.menu-item-active > a:after,
.thegem-menu-custom.style-active-background ul.nav-menu-custom > li.menu-item-current > a:after,
.thegem-menu-custom.style-active-background ul.nav-menu-custom > li.collapsed > a:after {
content: '';
transition: 0.3s;
}
.thegem-menu-custom.style-hover-background ul.nav-menu-custom > li:not(.menu-item-active):not(.menu-item-current):not(.collapsed):hover > a,
.thegem-menu-custom.style-active-background ul.nav-menu-custom > li.menu-item-active > a,
.thegem-menu-custom.style-active-background ul.nav-menu-custom > li.menu-item-current > a,
.thegem-menu-custom.style-active-background ul.nav-menu-custom > li.collapsed > a {
color: var(--thegem-to-menu-level1-light-active-color);
}
.thegem-menu-custom.style-hover-background ul.nav-menu-custom > li:not(.menu-item-active):not(.menu-item-current):not(.collapsed):hover > a:before{
top: 0;
left: 0;
right: 0;
bottom: 0;
background: var(--thegem-to-menu-level1-color-hover);
z-index: -1;
}
.thegem-menu-custom.style-active-background ul.nav-menu-custom > li.menu-item-active > a:before,
.thegem-menu-custom.style-active-background ul.nav-menu-custom > li.menu-item-current > a:before,
.thegem-menu-custom.style-active-background ul.nav-menu-custom > li.collapsed > a:before {
top: 0;
left: 0;
right: 0;
bottom: 0;
background: var(--thegem-to-menu-level1-color-hover);
z-index: -1;
}
.thegem-menu-custom.style-hover-background.style-hover-type-background-underline ul.nav-menu-custom > li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:after,
.thegem-menu-custom.style-active-background.style-active-type-background-underline ul.nav-menu-custom > li.menu-item-active > a:after,
.thegem-menu-custom.style-active-background.style-active-type-background-underline ul.nav-menu-custom > li.menu-item-current > a:after,
.thegem-menu-custom.style-active-background.style-active-type-background-underline ul.nav-menu-custom > li.collapsed > a:after {
height: 2px;
left: 0;
right: 0;
bottom: 0;
background-color: var(--thegem-to-menu-level2-border-color, #DFE5E8);
z-index: 2;
}
.thegem-menu-custom.style-hover-background.style-hover-type-background-underline ul.nav-menu-custom > li:not(.menu-item-active):not(.menu-item-current):not(.collapsed):hover > a,
.thegem-menu-custom.style-active-background.style-active-type-background-underline ul.nav-menu-custom > li.menu-item-active > a,
.thegem-menu-custom.style-active-background.style-active-type-background-underline ul.nav-menu-custom > li.menu-item-current > a,
.thegem-menu-custom.style-active-background.style-active-type-background-underline ul.nav-menu-custom > li.collapsed > a {
color: var(--thegem-to-menu-level1-color-hover, #00BCD4);
}
.thegem-menu-custom.style-hover-background.style-hover-type-background-rounded ul.nav-menu-custom > li:not(.menu-item-active):not(.menu-item-current):not(.collapsed):hover > a,
.thegem-menu-custom.style-active-background.style-active-type-background-rounded ul.nav-menu-custom > li.menu-item-active > a,
.thegem-menu-custom.style-active-background.style-active-type-background-rounded ul.nav-menu-custom > li.menu-item-current > a,
.thegem-menu-custom.style-active-background.style-active-type-background-rounded ul.nav-menu-custom > li.collapsed > a {
color: var(--thegem-to-menu-level1-light-active-color);
}
.thegem-menu-custom.style-hover-background.style-hover-type-background-rounded ul.nav-menu-custom > li:not(.menu-item-active):not(.menu-item-current):not(.collapsed):hover > a:before,
.thegem-menu-custom.style-active-background.style-active-type-background-rounded ul.nav-menu-custom > li.menu-item-active > a:before,
.thegem-menu-custom.style-active-background.style-active-type-background-rounded ul.nav-menu-custom > li.menu-item-current > a:before,
.thegem-menu-custom.style-active-background.style-active-type-background-rounded ul.nav-menu-custom > li.collapsed > a:before {
background-color: var(--thegem-to-menu-level1-color-hover, #00BCD4);
border-radius: 20px;
}
.thegem-menu-custom.style-hover-background.style-hover-animation-grow ul.nav-menu-custom > li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:before,
.thegem-menu-custom.style-hover-background.style-hover-animation-grow ul.nav-menu-custom > li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:after {
transform: scale(0.5);
}
.thegem-menu-custom.style-hover-background.style-hover-animation-grow ul.nav-menu-custom > li:not(.menu-item-active):not(.menu-item-current):not(.collapsed):hover > a:before,
.thegem-menu-custom.style-hover-background.style-hover-animation-grow ul.nav-menu-custom > li:not(.menu-item-active):not(.menu-item-current):not(.collapsed):hover > a:after {
transform: scale(1);
opacity: 1;
}
.thegem-menu-custom.style-hover-background.style-hover-animation-shrink ul.nav-menu-custom > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:before,
.thegem-menu-custom.style-hover-background.style-hover-animation-shrink ul.nav-menu-custom > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:after {
transform: scale(1.2);
transition: 0.3s;
}
.thegem-menu-custom.style-hover-background.style-hover-animation-shrink ul.nav-menu-custom > li:not(.menu-item-active):not(.menu-item-current):not(.collapsed):hover > a:before,
.thegem-menu-custom.style-hover-background.style-hover-animation-shrink ul.nav-menu-custom > li:not(.menu-item-active):not(.menu-item-current):not(.collapsed):hover > a:after {
transition: opacity 0.15s, transform 0.4s;
}
.thegem-menu-custom.style-hover-background.style-hover-animation-sweep-left ul.nav-menu-custom > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:before,
.thegem-menu-custom.style-hover-background.style-hover-animation-sweep-left ul.nav-menu-custom > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:after {
left: 100%;
}
.thegem-menu-custom.style-hover-background.style-hover-animation-sweep-right ul.nav-menu-custom > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:before,
.thegem-menu-custom.style-hover-background.style-hover-animation-sweep-right ul.nav-menu-custom > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:after {
right: 100%;
}
.thegem-menu-custom.style-hover-background.style-hover-animation-sweep-up ul.nav-menu-custom > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:before,
.thegem-menu-custom.style-hover-background.style-hover-animation-sweep-up ul.nav-menu-custom > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:after {
top: 100%;
}
.thegem-menu-custom.style-hover-background.style-hover-animation-sweep-down ul.nav-menu-custom > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:before,
.thegem-menu-custom.style-hover-background.style-hover-animation-sweep-down ul.nav-menu-custom > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:after {
bottom: 100%;
}
.thegem-menu-custom.style-hover-background.style-hover-animation-none,
.thegem-menu-custom.style-hover-background.style-hover-animation-none ul.nav-menu-custom > li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a {
transition-duration: 0s;
}
.thegem-menu-custom.style-hover-background.style-hover-animation-none:before,
.thegem-menu-custom.style-hover-background.style-hover-animation-none:after,
.thegem-menu-custom.style-hover-background.style-hover-animation-none:hover,
.thegem-menu-custom.style-hover-background.style-hover-animation-none:focus,
.thegem-menu-custom.style-hover-background.style-hover-animation-none ul.nav-menu-custom > li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:before,
.thegem-menu-custom.style-hover-background.style-hover-animation-none ul.nav-menu-custom > li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:after {
transition-duration: 0s;
} .thegem-menu-custom.style-hover-text ul.nav-menu-custom > li:not(.menu-item-active):not(.menu-item-current):not(.collapsed):hover > a {
color: var(--thegem-to-menu-level1-color-hover);
}
.thegem-menu-custom.style-active-text ul.nav-menu-custom > li.menu-item-active > a,
.thegem-menu-custom.style-active-text ul.nav-menu-custom > li.menu-item-current > a,
.thegem-menu-custom.style-active-text ul.nav-menu-custom > li.collapsed > a {
color: var(--thegem-to-menu-level1-color-hover);
} .thegem-menu-custom.style-hover-lined ul.nav-menu-custom > li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a .text:before,
.thegem-menu-custom.style-active-lined ul.nav-menu-custom > li.menu-item-active > a .text:before,
.thegem-menu-custom.style-active-lined ul.nav-menu-custom > li.menu-item-current > a .text:before,
.thegem-menu-custom.style-active-lined ul.nav-menu-custom > li.collapsed > a .text:before {
content: '';
top: 0;
}
.thegem-menu-custom.style-hover-lined ul.nav-menu-custom > li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a .text:after,
.thegem-menu-custom.style-active-lined ul.nav-menu-custom > li.menu-item-active > a .text:after,
.thegem-menu-custom.style-active-lined ul.nav-menu-custom > li.menu-item-current > a .text:after,
.thegem-menu-custom.style-active-lined ul.nav-menu-custom > li.collapsed > a .text:after {
content: '';
bottom: 0;
}
.thegem-menu-custom.style-hover-lined.style-hover-type-line-underline-1 ul.nav-menu-custom > li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a .text:before,
.thegem-menu-custom.style-hover-lined.style-hover-type-line-underline-2 ul.nav-menu-custom > li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a .text:before,
.thegem-menu-custom.style-hover-lined.style-hover-type-line-overline-1 ul.nav-menu-custom > li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a .text:after,
.thegem-menu-custom.style-hover-lined.style-hover-type-line-overline-2 ul.nav-menu-custom > li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a .text:after,
.thegem-menu-custom.style-active-lined.style-active-type-line-underline-1 ul.nav-menu-custom > li.menu-item-active > a .text:before,
.thegem-menu-custom.style-active-lined.style-active-type-line-underline-2 ul.nav-menu-custom > li.menu-item-active > a .text:before,
.thegem-menu-custom.style-active-lined.style-active-type-line-overline-1 ul.nav-menu-custom > li.menu-item-active > a .text:after,
.thegem-menu-custom.style-active-lined.style-active-type-line-overline-2 ul.nav-menu-custom > li.menu-item-active > a .text:after,
.thegem-menu-custom.style-active-lined.style-active-type-line-underline-1 ul.nav-menu-custom > li.menu-item-current > a .text:before,
.thegem-menu-custom.style-active-lined.style-active-type-line-underline-2 ul.nav-menu-custom > li.menu-item-current > a .text:before,
.thegem-menu-custom.style-active-lined.style-active-type-line-overline-1 ul.nav-menu-custom > li.menu-item-current > a .text:after,
.thegem-menu-custom.style-active-lined.style-active-type-line-overline-2 ul.nav-menu-custom > li.menu-item-current > a .text:after,
.thegem-menu-custom.style-active-lined.style-active-type-line-underline-1 ul.nav-menu-custom > li.collapsed > a .text:before,
.thegem-menu-custom.style-active-lined.style-active-type-line-underline-2 ul.nav-menu-custom > li.collapsed > a .text:before,
.thegem-menu-custom.style-active-lined.style-active-type-line-overline-1 ul.nav-menu-custom > li.collapsed > a .text:after,
.thegem-menu-custom.style-active-lined.style-active-type-line-overline-2 ul.nav-menu-custom > li.collapsed > a .text:after {
content: none;
}
.thegem-menu-custom.style-hover-lined ul.nav-menu-custom > li:not(.menu-item-active):not(.menu-item-current):not(.collapsed):hover > a{
color: var(--thegem-to-menu-level1-color-hover);
}
.thegem-menu-custom.style-active-lined ul.nav-menu-custom > li.menu-item-active > a,
.thegem-menu-custom.style-active-lined ul.nav-menu-custom > li.menu-item-current > a,
.thegem-menu-custom.style-active-lined ul.nav-menu-custom > li.collapsed > a {
color: var(--thegem-to-menu-level1-color-hover);
}
.thegem-menu-custom.style-hover-lined ul.nav-menu-custom > li:not(.menu-item-active):not(.menu-item-current):not(.collapsed):hover > a .text:before,
.thegem-menu-custom.style-hover-lined ul.nav-menu-custom > li:not(.menu-item-active):not(.menu-item-current):not(.collapsed):hover > a .text:after{
height: 2px;
width: 100%;
left: 0;
background-color: var(--thegem-to-menu-level1-color-hover, #00BCD4);
z-index: 2;
}
.thegem-menu-custom.style-active-lined ul.nav-menu-custom > li.menu-item-active > a .text:before,
.thegem-menu-custom.style-active-lined ul.nav-menu-custom > li.menu-item-current > a .text:before,
.thegem-menu-custom.style-active-lined ul.nav-menu-custom > li.collapsed > a .text:before,
.thegem-menu-custom.style-active-lined ul.nav-menu-custom > li.menu-item-active > a .text:after,
.thegem-menu-custom.style-active-lined ul.nav-menu-custom > li.menu-item-current > a .text:after,
.thegem-menu-custom.style-active-lined ul.nav-menu-custom > li.collapsed > a .text:after {
height: 2px;
width: 100%;
left: 0;
background-color: var(--thegem-to-menu-level1-color-hover, #00BCD4);
z-index: 2;
}
.thegem-menu-custom.style-hover-lined.style-hover-type-line-top-bottom ul.nav-menu-custom > li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a .text:before,
.thegem-menu-custom.style-active-lined.style-active-type-line-top-bottom ul.nav-menu-custom > li.menu-item-active > a .text:before,
.thegem-menu-custom.style-active-lined.style-active-type-line-top-bottom ul.nav-menu-custom > li.menu-item-current > a .text:before,
.thegem-menu-custom.style-active-lined.style-active-type-line-top-bottom ul.nav-menu-custom > li.collapsed > a .text:before,
.thegem-menu-custom.style-hover-lined.style-hover-type-line-top-bottom ul.nav-menu-custom > li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a .text:after,
.thegem-menu-custom.style-active-lined.style-active-type-line-top-bottom ul.nav-menu-custom > li.menu-item-active > a .text:after,
.thegem-menu-custom.style-active-lined.style-active-type-line-top-bottom ul.nav-menu-custom > li.menu-item-current > a .text:after,
.thegem-menu-custom.style-active-lined.style-active-type-line-top-bottom ul.nav-menu-custom > li.collapsed > a .text:after {
background-color: var(--thegem-to-menu-level1-color-hover, #00BCD4);
}
.thegem-menu-custom.style-hover-lined.style-hover-animation-grow ul.nav-menu-custom > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a .text:before,
.thegem-menu-custom.style-hover-lined.style-hover-animation-grow ul.nav-menu-custom > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a .text:after {
height: 0;
width: 0;
left: 50%;
}
.thegem-menu-custom.style-hover-lined.style-hover-animation-drop-out ul.nav-menu-custom > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a .text:before {
top: 10px;
}
.thegem-menu-custom.style-hover-lined.style-hover-animation-drop-out ul.nav-menu-custom > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a .text:after {
bottom: 10px;
}
.thegem-menu-custom.style-hover-lined.style-hover-animation-drop-in ul.nav-menu-custom > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a .text:before {
top: -10px;
}
.thegem-menu-custom.style-hover-lined.style-hover-animation-drop-in ul.nav-menu-custom > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a .text:after {
bottom: -10px;
}
.thegem-menu-custom.style-hover-lined.style-hover-animation-none,
.thegem-menu-custom.style-hover-lined.style-hover-animation-none ul.nav-menu-custom > li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a .text {
transition-duration: 0s;
}
.thegem-menu-custom.style-hover-lined.style-hover-animation-none:before,
.thegem-menu-custom.style-hover-lined.style-hover-animation-none:after,
.thegem-menu-custom.style-hover-lined.style-hover-animation-none:hover,
.thegem-menu-custom.style-hover-lined.style-hover-animation-none:focus,
.thegem-menu-custom.style-hover-lined.style-hover-animation-none ul.nav-menu-custom > li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a .text:before,
.thegem-menu-custom.style-hover-lined.style-hover-animation-none ul.nav-menu-custom > li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a .text:after,
.thegem-menu-custom.style-hover-lined.style-hover-animation-none ul.nav-menu-custom > li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a .text:hover,
.thegem-menu-custom.style-hover-lined.style-hover-animation-none ul.nav-menu-custom > li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a .text:focus {
transition-duration: 0s;
}
.thegem-menu-custom.style-hover-lined.style-hover-animation-slide-right ul.nav-menu-custom > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a .text:before,
.thegem-menu-custom.style-hover-lined.style-hover-animation-slide-right ul.nav-menu-custom > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a .text:after {
width: 10px;
left: -20px;
}
.thegem-menu-custom.style-hover-lined.style-hover-animation-slide-left ul.nav-menu-custom > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a .text:before,
.thegem-menu-custom.style-hover-lined.style-hover-animation-slide-left ul.nav-menu-custom > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a .text:after {
width: 10px;
left: calc(100% + 20px);
} .thegem-menu-custom.style-hover-framed.style-hover-type-frame-rounded ul.nav-menu-custom > li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a,
.thegem-menu-custom.style-active-framed.style-active-type-frame-rounded ul.nav-menu-custom > li.menu-item-active > a,
.thegem-menu-custom.style-active-framed.style-active-type-frame-rounded ul.nav-menu-custom > li.menu-item-current > a,
.thegem-menu-custom.style-active-framed.style-active-type-frame-rounded ul.nav-menu-custom > li.collapsed > a,
.thegem-menu-custom.style-hover-framed.style-hover-type-frame-rounded ul.nav-menu-custom > li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:before,
.thegem-menu-custom.style-active-framed.style-active-type-frame-rounded ul.nav-menu-custom > li.menu-item-active > a:before,
.thegem-menu-custom.style-active-framed.style-active-type-frame-rounded ul.nav-menu-custom > li.menu-item-current > a:before,
.thegem-menu-custom.style-active-framed.style-active-type-frame-rounded ul.nav-menu-custom > li.collapsed > a:before,
.thegem-menu-custom.style-hover-framed.style-hover-type-frame-rounded ul.nav-menu-custom > li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:after,
.thegem-menu-custom.style-active-framed.style-active-type-frame-rounded ul.nav-menu-custom > li.menu-item-active > a:after,
.thegem-menu-custom.style-active-framed.style-active-type-frame-rounded ul.nav-menu-custom > li.menu-item-current > a:after,
.thegem-menu-custom.style-active-framed.style-active-type-frame-rounded ul.nav-menu-custom > li.collapsed > a:after {
border-radius: 20px;
}
.thegem-menu-custom.style-hover-framed ul.nav-menu-custom > li:not(.menu-item-active):not(.menu-item-current):not(.collapsed):hover > a,
.thegem-menu-custom.style-active-framed ul.nav-menu-custom > li.menu-item-active > a,
.thegem-menu-custom.style-active-framed ul.nav-menu-custom > li.menu-item-current > a,
.thegem-menu-custom.style-active-framed ul.nav-menu-custom > li.collapsed > a {
color: var(--thegem-to-menu-level1-color-hover, #00BCD4);
}
.thegem-menu-custom.style-hover-framed ul.nav-menu-custom > li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:before,
.thegem-menu-custom.style-active-framed ul.nav-menu-custom > li.menu-item-active > a:before,
.thegem-menu-custom.style-active-framed ul.nav-menu-custom > li.menu-item-current > a:before,
.thegem-menu-custom.style-active-framed ul.nav-menu-custom > li.collapsed > a:before,
.thegem-menu-custom.style-hover-framed ul.nav-menu-custom > li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:after,
.thegem-menu-custom.style-active-framed ul.nav-menu-custom > li.menu-item-active > a:after,
.thegem-menu-custom.style-active-framed ul.nav-menu-custom > li.menu-item-current > a:after,
.thegem-menu-custom.style-active-framed ul.nav-menu-custom > li.collapsed > a:after {
background: transparent;
left: 0;
top: 0;
bottom: 0;
right: 0;
border: 2px solid var(--thegem-to-menu-level1-color-hover, #00BCD4);
}
.thegem-menu-custom.style-hover-framed ul.nav-menu-custom > li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:before,
.thegem-menu-custom.style-active-framed ul.nav-menu-custom > li.menu-item-active > a:before,
.thegem-menu-custom.style-active-framed ul.nav-menu-custom > li.menu-item-current > a:before,
.thegem-menu-custom.style-active-framed ul.nav-menu-custom > li.collapsed > a:before {
content: '';
}
.thegem-menu-custom.style-hover-framed.style-hover-animation-grow ul.nav-menu-custom > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:before {
transform: scale(0.75);
}
.thegem-menu-custom.style-hover-framed.style-hover-animation-shrink ul.nav-menu-custom > li:not(:hover):not(:focus):not(.highlighted):not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:before {
transform: scale(1.25);
}
.thegem-menu-custom.style-hover-framed.style-hover-animation-grow ul.nav-menu-custom > li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:before,
.thegem-menu-custom.style-hover-framed.style-hover-animation-shrink ul.nav-menu-custom > li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:before {
transition: opacity 0.2s, transform 0.4s;
}
.thegem-menu-custom.style-hover-framed.style-hover-animation-draw ul.nav-menu-custom > li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:before,
.thegem-menu-custom.style-hover-framed.style-hover-animation-draw ul.nav-menu-custom > li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:after {
width: 2px;
height: 2px;
}
.thegem-menu-custom.style-hover-framed.style-hover-animation-draw ul.nav-menu-custom > li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:before {
border-width: 0 0 2px 2px;
transition: width 0.1s 0.2s, height 0.1s 0.3s, opacity 0.12s 0.22s;
}
.thegem-menu-custom.style-hover-framed.style-hover-animation-draw ul.nav-menu-custom > li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:after {
content: '';
top: initial;
bottom: 0;
left: initial;
right: 0;
border-width: 2px 2px 0 0;
transition: width 0.1s, height 0.1s 0.1s, opacity 0.02s 0.18s;
}
.thegem-menu-custom.style-hover-framed.style-hover-animation-draw ul.nav-menu-custom > li:not(.menu-item-active):not(.menu-item-current):not(.collapsed):hover > a:before,
.thegem-menu-custom.style-hover-framed.style-hover-animation-draw ul.nav-menu-custom > li:not(.menu-item-active):not(.menu-item-current):not(.collapsed):hover > a:after {
width: 100% !important;
height: 100% !important;
}
.thegem-menu-custom.style-hover-framed.style-hover-animation-draw ul.nav-menu-custom > li:not(.menu-item-active):not(.menu-item-current):not(.collapsed):hover > a:before {
transition: opacity 0.02s, height 0.1s, width 0.1s 0.1s;
}
.thegem-menu-custom.style-hover-framed.style-hover-animation-draw ul.nav-menu-custom > li:not(.menu-item-active):not(.menu-item-current):not(.collapsed):hover > a:after {
transition: opacity 0.02s 0.2s, height 0.1s 0.2s, width 0.1s 0.3s;
}
.thegem-menu-custom.style-hover-framed.style-hover-animation-corners ul.nav-menu-custom > li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:before,
.thegem-menu-custom.style-hover-framed.style-hover-animation-corners ul.nav-menu-custom > li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:after {
width: 2px;
height: 2px;
}
.thegem-menu-custom.style-hover-framed.style-hover-animation-corners ul.nav-menu-custom > li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:before {
border-width: 2px 0 0 2px;
}
.thegem-menu-custom.style-hover-framed.style-hover-animation-corners ul.nav-menu-custom > li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:after {
content: '';
top: initial;
bottom: 0;
left: initial;
right: 0;
border-width: 0 2px 2px 0;
}
.thegem-menu-custom.style-hover-framed.style-hover-animation-corners ul.nav-menu-custom > li:not(.menu-item-active):not(.menu-item-current):not(.collapsed):hover > a:before,
.thegem-menu-custom.style-hover-framed.style-hover-animation-corners ul.nav-menu-custom > li:not(.menu-item-active):not(.menu-item-current):not(.collapsed):hover > a:after {
width: 100% !important;
height: 100% !important;
transition: opacity 0.002s, width 0.4s, height 0.4s;
}
.thegem-menu-custom.style-hover-framed.style-hover-animation-none,
.thegem-menu-custom.style-hover-framed.style-hover-animation-none ul.nav-menu-custom > li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a {
transition-duration: 0s;
}
.thegem-menu-custom.style-hover-framed.style-hover-animation-none:before,
.thegem-menu-custom.style-hover-framed.style-hover-animation-none:after,
.thegem-menu-custom.style-hover-framed.style-hover-animation-none:hover,
.thegem-menu-custom.style-hover-framed.style-hover-animation-none:focus,
.thegem-menu-custom.style-hover-framed.style-hover-animation-none ul.nav-menu-custom > li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:before,
.thegem-menu-custom.style-hover-framed.style-hover-animation-none ul.nav-menu-custom > li:not(.menu-item-active):not(.menu-item-current):not(.collapsed) > a:after,
.thegem-menu-custom.style-hover-framed.style-hover-animation-none ul.nav-menu-custom > li:not(.menu-item-active):not(.menu-item-current):not(.collapsed):hover > a {
transition-duration: 0s;
} .thegem-template-single-post .vc_row[data-vc-full-width] {
margin-left: 0;
margin-right: 0;
}
body.single-thegem_templates.compose-mode .thegem-template-single-post .vc_row[data-vc-full-width] {
margin-left: -21px;
margin-right: -21px;
}
.thegem-template-single-post .vc_row[data-vc-full-width] > .container {
padding-left: 0;
padding-right: 0;
}
@media (max-width: 1212px){
.thegem-template-single-post .vc_row[data-vc-full-width] > .container {
width: 100%;
}
}
.thegem-template-single-post .vc_section[data-vc-full-width] {
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
body.single-thegem_templates.compose-mode .thegem-template-single-post .vc_section[data-vc-full-width] {
margin-left: -21px;
margin-right: -21px;
}
.thegem-template-single-post .vc_section[data-vc-full-width] > .container {
padding-left: 0;
padding-right: 0;
}
@media (max-width: 1212px){
.thegem-template-single-post .vc_section[data-vc-full-width] > .container {
width: 100%;
}
} .thegem-template-cpt .vc_row[data-vc-full-width] {
margin-left: 0;
margin-right: 0;
}
body.single-thegem_templates.compose-mode .thegem-template-cpt .vc_row[data-vc-full-width] {
margin-left: -21px;
margin-right: -21px;
}
.thegem-template-cpt .vc_row[data-vc-full-width] > .container {
padding-left: 0;
padding-right: 0;
}
@media (max-width: 1212px){
.thegem-template-cpt .vc_row[data-vc-full-width] > .container {
width: 100%;
}
}
.thegem-template-cpt .vc_section[data-vc-full-width] {
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
body.single-thegem_templates.compose-mode .thegem-template-cpt .vc_section[data-vc-full-width] {
margin-left: -21px;
margin-right: -21px;
}
.thegem-template-cpt .vc_section[data-vc-full-width] > .container {
padding-left: 0;
padding-right: 0;
}
@media (max-width: 1212px){
.thegem-template-cpt .vc_section[data-vc-full-width] > .container {
width: 100%;
}
} .thegem-template-page .vc_row[data-vc-full-width] {
margin-left: 0;
margin-right: 0;
}
body.single-thegem_templates.compose-mode .thegem-template-page .vc_row[data-vc-full-width] {
margin-left: -21px;
margin-right: -21px;
}
.thegem-template-page .vc_row[data-vc-full-width] > .container {
padding-left: 0;
padding-right: 0;
}
@media (max-width: 1212px){
.thegem-template-page .vc_row[data-vc-full-width] > .container {
width: 100%;
}
}
.thegem-template-page .vc_section[data-vc-full-width] {
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
body.single-thegem_templates.compose-mode .thegem-template-page .vc_section[data-vc-full-width] {
margin-left: -21px;
margin-right: -21px;
}
.thegem-template-page .vc_section[data-vc-full-width] > .container {
padding-left: 0;
padding-right: 0;
}
@media (max-width: 1212px){
.thegem-template-page .vc_section[data-vc-full-width] > .container {
width: 100%;
}
} .thegem-te-socials-sharing{
position: relative;
}
.thegem-te-socials-sharing .socials-sharing{
position: relative;
display: flex;
}
.thegem-te-socials-sharing .socials-sharing ul{
position: relative;
display: flex;
align-items: center;
flex-wrap: wrap;
flex: auto;
margin-top: 0;
margin-bottom: 0;
margin-left: -5px;
margin-right: -5px;
padding: 0;
list-style-type: none;
}
.thegem-te-socials-sharing .socials-sharing ul li{
padding-left: 5px;
padding-right: 5px;
margin-top: 5px;
margin-bottom: 5px;
}
.thegem-te-socials-sharing.socials-sharing--left .socials-sharing ul{
justify-content: flex-start;
}
.thegem-te-socials-sharing.socials-sharing--center .socials-sharing ul{
justify-content: center;
}
.thegem-te-socials-sharing.socials-sharing--right .socials-sharing ul{
justify-content: flex-end;
}
.thegem-te-socials-sharing.socials-sharing--justified .socials-sharing ul{
justify-content: space-between;
}
.thegem-te-socials-sharing .socials-sharing .socials-item{
display: flex;
align-items: center;
justify-content: center;
line-height: 1;
color: var(--thegem-to-socials-sharing-color);
}
.thegem-te-socials-sharing.socials-sharing--round .socials-sharing .socials-item,
.thegem-te-socials-sharing.socials-sharing--square .socials-sharing .socials-item{
border: 1px solid;
border-color: var(--thegem-to-socials-sharing-color, #99A9B5);
background-color: transparent;
padding: 0.5em;
min-width: 40px;
min-height: 40px;
}
.thegem-te-socials-sharing.socials-sharing--round .socials-sharing .socials-item{
border-radius: 50%;
}
.thegem-te-socials-sharing .socials-sharing .socials-item.facebook:hover {
color: #4e64b5;
border-color: #4e64b5;
}
.thegem-te-socials-sharing .socials-sharing .socials-item.twitter:hover{
color: #00aced;
border-color: #00aced;
}
.thegem-te-socials-sharing .socials-sharing .socials-item.pinterest:hover {
color: #ff5757;
border-color: #ff5757;
}
.thegem-te-socials-sharing .socials-sharing .socials-item.tumblr:hover{
color: #456988;
border-color: #456988;
}
.thegem-te-socials-sharing .socials-sharing .socials-item.instagram:hover {
color: #9a8f62;
border-color: #9a8f62;
}
.thegem-te-socials-sharing .socials-sharing .socials-item.linkedin:hover{
color: #0288d1;
border-color: #0288d1;
}
.thegem-te-socials-sharing .socials-sharing .socials-item.skype:hover {
color: #00aff0;
border-color: #00aff0;
}
.thegem-te-socials-sharing .socials-sharing .socials-item.youtube:hover {
color: #c82929;
border-color: #c82929;
}
.thegem-te-socials-sharing .socials-sharing .socials-item.telegram:hover {
color: #2ca5e0;
border-color: #2ca5e0;
}
.thegem-te-socials-sharing .socials-sharing .socials-item.vk:hover {
color: #5181b8;
border-color: #5181b8;
}
.thegem-te-socials-sharing .socials-sharing .socials-item.whatsapp:hover {
color: #30b220;
border-color: #30b220;
}
.thegem-te-socials-sharing .socials-sharing .socials-item.viber:hover {
color: #7a4e9d;
border-color: #7a4e9d;
}
.thegem-te-socials-sharing .socials-sharing .socials-item.ok:hover {
color: #df8733;
border-color: #df8733;
}
.thegem-te-socials-sharing .socials-sharing .socials-item.reddit:hover {
color: #ff4500;
border-color: #ff4500;
}
.thegem-te-socials-sharing .socials-sharing .socials-item.tiktok:hover {
color: #ff0050;
border-color: #ff0050;
}
.thegem-te-socials-sharing .socials-sharing .socials-item.xing:hover {
color: #046064;
border-color: #046064;
}
.thegem-te-socials-sharing .socials-sharing .socials-item.skype:hover {
color: #00aff0;
border-color: #00aff0;
}
.thegem-te-socials-sharing .socials-sharing .socials-item-icon{
transition: none;
}
.thegem-te-socials-sharing.socials-sharing--tiny .socials-sharing .socials-item-icon{
font-size: 16px;
}
.thegem-te-socials-sharing.socials-sharing--small .socials-sharing .socials-item-icon{
font-size: 24px;
}
.thegem-te-socials-sharing.socials-sharing--medium .socials-sharing .socials-item-icon{
font-size: 48px;
}
.thegem-te-socials-sharing.socials-sharing--large .socials-sharing .socials-item-icon{
font-size: 96px;
}
.thegem-te-socials-sharing.socials-sharing--xlarge .socials-sharing .socials-item-icon{
font-size: 144px;
} .thegem-te-post-title,
.thegem-te-portfolio-title,
.thegem-te-post-excerpt,
.thegem-te-portfolio-excerpt,
.thegem-te-post-content,
.thegem-te-portfolio-content{
position: relative;
display: flex;
flex-wrap: wrap;
width: 100%;
}
.thegem-te-post-title .post-title,
.thegem-te-portfolio-title .portfolio-title,
.thegem-te-post-excerpt .post-excerpt,
.thegem-te-portfolio-excerpt .portfolio-excerpt,
.thegem-te-post-content .post-content,
.thegem-te-portfolio-content .portfolio-content{
width: 100%;
max-width: 100%;
padding: 0;
margin: 0;
}
.thegem-te-portfolio-title .portfolio-title{
text-align: inherit;
}
.thegem-te-portfolio-title.title--left .portfolio-title{
text-align: left;
}
.thegem-te-portfolio-title.title--right .portfolio-title{
text-align: right;
}
.thegem-te-portfolio-title.title--center .portfolio-title{
text-align: center;
}
.thegem-te-portfolio-title.title--justify .portfolio-title{
text-align: justify;
}
.thegem-te-post-title .post-title a{
color: var(--thegem-to-h4-color);
}
.thegem-te-post-title .post-title a:hover{
color: var(--thegem-to-link-color);
} .thegem-te-post-breadcrumbs,
.thegem-te-portfolio-breadcrumbs{
position: relative;
width: 100%;
}
.thegem-te-post-breadcrumbs .post-breadcrumbs,
.thegem-te-portfolio-breadcrumbs .portfolio-breadcrumbs{
position: relative;
display: flex;
width: 100%;
align-items: center;
z-index: 1;
}
.thegem-te-post-breadcrumbs .post-breadcrumbs ul,
.thegem-te-portfolio-breadcrumbs .portfolio-breadcrumbs ul{
display: flex;
flex-wrap: wrap;
padding: 0;
margin: 0;
list-style-type: none;
}
.thegem-te-post-breadcrumbs .post-breadcrumbs ul li,
.thegem-te-portfolio-breadcrumbs .portfolio-breadcrumbs ul li{
position: relative;
font-size: var(--thegem-to-body-tiny-font-size);
line-height: var(--thegem-to-body-tiny-line-height);
color: var(--thegem-to-breadcrumbs-color);
}
.thegem-te-post-breadcrumbs .post-breadcrumbs ul li:not(:last-child),
.thegem-te-portfolio-breadcrumbs .portfolio-breadcrumbs ul li:not(:last-child){
padding-right: 20px;
margin-right: 5px;
}
.thegem-te-post-breadcrumbs .post-breadcrumbs ul li:not(:last-child):after,
.thegem-te-portfolio-breadcrumbs .portfolio-breadcrumbs ul li:not(:last-child):after{
font-family: 'thegem-icons';
content: '\e601';
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
line-height: 1;
}
.thegem-te-post-breadcrumbs .post-breadcrumbs ul li a,
.thegem-te-portfolio-breadcrumbs .portfolio-breadcrumbs ul li a{
color: var(--thegem-to-breadcrumbs-color);
}
.thegem-te-post-breadcrumbs .post-breadcrumbs ul li a:hover,
.thegem-te-portfolio-breadcrumbs .portfolio-breadcrumbs ul li a:hover{
color: var(--thegem-to-breadcrumbs-color-hover);
}
.thegem-te-post-breadcrumbs .post-breadcrumbs ul li:last-child,
.thegem-te-portfolio-breadcrumbs .portfolio-breadcrumbs ul li:last-child{
color: var(--thegem-to-breadcrumbs-color-active);
} .thegem-te-post-featured-content{
position: relative;
display: flex;
}
.thegem-te-post-featured-content.featured-image--left{
justify-content: flex-start;
}
.thegem-te-post-featured-content.featured-image--center{
justify-content: center;
}
.thegem-te-post-featured-content.featured-image--right{
justify-content: flex-end;
}
.thegem-te-post-featured-content .post-featured-content{
position: relative;
width: 100%;
}
.thegem-te-post-featured-content.featured-image--default .post-featured-content{
width: auto;
}
.thegem-te-post-featured-content.featured-image--stretch .post-featured-content{
width: 100%;
}
.thegem-te-post-featured-content.featured-image--stretch .post-featured-content img{
width: 100% !important;
height: auto !important;
} .thegem-te-post-featured-image,
.thegem-te-portfolio-featured-image{
position: relative;
display: flex;
}
.thegem-te-post-featured-image.featured-image--left,
.thegem-te-portfolio-featured-image.featured-image--left{
justify-content: flex-start;
}
.thegem-te-post-featured-image.featured-image--center,
.thegem-te-portfolio-featured-image.featured-image--center{
justify-content: center;
}
.thegem-te-post-featured-image.featured-image--right,
.thegem-te-portfolio-featured-image.featured-image--right{
justify-content: flex-end;
}
.thegem-te-post-featured-image.featured-image--stretch .post-featured-image,
.thegem-te-portfolio-featured-image.featured-image--stretch .portfolio-featured-image{
width: 100%;
}
.thegem-te-post-featured-image.featured-image--stretch .post-featured-image img,
.thegem-te-portfolio-featured-image.featured-image--stretch .portfolio-featured-image img{
width: 100% !important;
height: auto !important;
}
.thegem-te-post-featured-image .post-featured-image,
.thegem-te-portfolio-featured-image .portfolio-featured-image{
position: relative;
overflow: hidden;
}
.thegem-te-post-featured-image .post-featured-image .fancybox,
.thegem-te-portfolio-featured-image .portfolio-featured-image .fancybox{
position: relative;
display: block;
}
.thegem-te-post-featured-image .post-featured-image .fancybox:before,
.thegem-te-portfolio-featured-image .portfolio-featured-image .fancybox:before{
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: var(--thegem-to-hover-default-color-08, rgba(0, 188, 212, 0.8));
transition: all 0.5s;
opacity: 0;
visibility: hidden;
z-index: 5;
}
.thegem-te-post-featured-image .post-featured-image .fancybox:after,
.thegem-te-portfolio-featured-image .portfolio-featured-image .fancybox:after {
content: '\e60f';
font-family: 'thegem-icons';
position: absolute;
top: -20px;
left: 50%;
font-size: 40px;
transform: translate(-50%, -50%);
transition: all 0.3s;
color: var(--thegem-to-icons-portfolio-gallery-color-hover);
opacity: 0;
visibility: hidden;
z-index: 5;
}
.thegem-te-post-featured-image .post-featured-image .fancybox:hover:before,
.thegem-te-post-featured-image .post-featured-image .fancybox:hover:after,
.thegem-te-portfolio-featured-image .portfolio-featured-image .fancybox:hover:before,
.thegem-te-portfolio-featured-image .portfolio-featured-image .fancybox:hover:after{
visibility: visible;
opacity: 1;
}
.thegem-te-post-featured-image .post-featured-image .fancybox:hover:after,
.thegem-te-portfolio-featured-image .portfolio-featured-image .fancybox:hover:after{
top: 50%;
}
.thegem-te-post-featured-image.featured-image--border-8 .post-featured-image,
.thegem-te-portfolio-featured-image.featured-image--border-8 .portfolio-featured-image{
border: 8px solid transparent;
}
.thegem-te-post-featured-image.featured-image--border-16 .post-featured-image,
.thegem-te-portfolio-featured-image.featured-image--border-16 .portfolio-featured-image {
border: 16px solid transparent;
}
.thegem-te-post-featured-image.featured-image--border-outline-8 .post-featured-image,
.thegem-te-portfolio-featured-image.featured-image--border-outline-8 .portfolio-featured-image {
padding: 8px;
border: 1px solid transparent;
}
.thegem-te-post-featured-image.featured-image--border-outline-20 .post-featured-image,
.thegem-te-portfolio-featured-image.featured-image--border-outline-20 .portfolio-featured-image {
padding: 20px;
border: 2px solid transparent;
}
.thegem-te-post-featured-image.featured-image--border-shadow-20 .post-featured-image,
.thegem-te-portfolio-featured-image.featured-image--border-shadow-20 .portfolio-featured-image {
padding: 20px;
-webkit-box-shadow: 0px 1px 27px 1px rgba(44, 46, 61, 0.25);
-moz-box-shadow: 0px 1px 27px 1px rgba(44, 46, 61, 0.25);
box-shadow: 0px 1px 27px 1px rgba(44, 46, 61, 0.25);
}
.thegem-te-post-featured-image.featured-image--border-combined .post-featured-image,
.thegem-te-portfolio-featured-image.featured-image--border-combined .portfolio-featured-image {
padding: 8px;
border: 20px solid transparent;
}
.thegem-te-post-featured-image.featured-image--border-radius-20 .post-featured-image,
.thegem-te-portfolio-featured-image.featured-image--border-radius-20 .portfolio-featured-image {
padding: 10px;
border-radius: 20px;
border: 10px solid transparent;
}
.thegem-te-post-featured-image.featured-image--border-radius-55 .post-featured-image,
.thegem-te-portfolio-featured-image.featured-image--border-radius-55 .portfolio-featured-image {
padding: 18px;
border: 6px solid transparent;
border-radius: 55px;
}
.thegem-te-post-featured-image.featured-image--border-radius-55 .post-featured-image a,
.thegem-te-post-featured-image.featured-image--border-radius-55 .post-featured-image img,
.thegem-te-portfolio-featured-image.featured-image--border-radius-55 .portfolio-featured-image a,
.thegem-te-portfolio-featured-image.featured-image--border-radius-55 .portfolio-featured-image img{
border-radius: 55px;
overflow: hidden;
}
.thegem-te-post-featured-image.featured-image--dashed-inside .post-featured-image:after,
.thegem-te-portfolio-featured-image.featured-image--dashed-inside .portfolio-featured-image:after {
content: "";
position: absolute;
top: 20px;
left: 20px;
right: 20px;
bottom: 20px;
border: 2px dashed rgba(255, 255, 255, 0.5);
z-index: 0;
}
.thegem-te-post-featured-image.featured-image--dashed-outside .post-featured-image,
.thegem-te-portfolio-featured-image.featured-image--dashed-outside .portfolio-featured-image {
padding: 20px;
border: 2px dashed transparent;
}
.thegem-te-post-featured-image.featured-image--rounded-with-border .post-featured-image,
.thegem-te-post-featured-image.featured-image--rounded-without-border .post-featured-image,
.thegem-te-portfolio-featured-image.featured-image--rounded-with-border .portfolio-featured-image,
.thegem-te-portfolio-featured-image.featured-image--rounded-without-border .portfolio-featured-image {
border-radius: 50%;
}
.thegem-te-post-featured-image.featured-image--rounded-with-border .post-featured-image:after,
.thegem-te-portfolio-featured-image.featured-image--rounded-with-border .portfolio-featured-image:after {
content: "";
position: absolute;
top: 15px;
left: 15px;
right: 15px;
bottom: 15px;
border: 2px solid #FFFFFF;
border-radius: 50%;
}
.thegem-te-post-featured-image.featured-image--border-8 .post-featured-image,
.thegem-te-post-featured-image.featured-image--border-16 .post-featured-image,
.thegem-te-post-featured-image.featured-image--border-outline-8 .post-featured-image,
.thegem-te-post-featured-image.featured-image--border-outline-20 .post-featured-image,
.thegem-te-post-featured-image.featured-image--border-combined .post-featured-image,
.thegem-te-post-featured-image.featured-image--border-radius-20 .post-featured-image,
.thegem-te-post-featured-image.featured-image--border-radius-55 .post-featured-image,
.thegem-te-post-featured-image.featured-image--dashed-outside .post-featured-image,
.thegem-te-portfolio-featured-image.featured-image--border-8 .portfolio-featured-image,
.thegem-te-portfolio-featured-image.featured-image--border-16 .portfolio-featured-image,
.thegem-te-portfolio-featured-image.featured-image--border-outline-8 .portfolio-featured-image,
.thegem-te-portfolio-featured-image.featured-image--border-outline-20 .portfolio-featured-image,
.thegem-te-portfolio-featured-image.featured-image--border-combined .portfolio-featured-image,
.thegem-te-portfolio-featured-image.featured-image--border-radius-20 .portfolio-featured-image,
.thegem-te-portfolio-featured-image.featured-image--border-radius-55 .portfolio-featured-image,
.thegem-te-portfolio-featured-image.featured-image--dashed-outside .portfolio-featured-image{
border-color: var(--thegem-to-box-border-color);
}
@media screen and (max-width: 767px){
.thegem-te-post-featured-image .post-featured-image img,
.thegem-te-portfolio-featured-image .portfolio-featured-image img{
height: auto !important;
}
} .thegem-te-loop-featured-media{
position: relative;
z-index: 0;
}
.thegem-te-loop-featured-media .media-inner-wrap{
position: relative;
width: 100%;
height: 100%;
transition: all 0.3s;
overflow: hidden;
}
.thegem-te-loop-featured-media.image-position-centered .media-inner-wrap{
margin: 0 auto;
}
.thegem-te-loop-featured-media.image-position-right .media-inner-wrap{
margin-left: auto;
}
.thegem-te-loop-featured-media.without-image .media-inner-wrap {
background-color: var(--styled-bg-color, #f0f3f2);
aspect-ratio: 1/1;
}
.thegem-te-loop-featured-media.loop-item-type-masonry.without-image .media-inner-wrap{
aspect-ratio: auto;
}
.thegem-te-loop-featured-media.appearance-type-audio.loop-item-type-masonry .post-featured-content{
position: relative !important;
min-height: 54px;
}
.thegem-te-loop-featured-media.appearance-type-image .media-inner-wrap:before,
.thegem-te-loop-featured-media.appearance-type-gallery .media-inner-wrap .portfolio-image-slider:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
transition: all 0.3s;
z-index: 5;
}
.thegem-te-loop-featured-media .featured-media .media-inner-wrap .portfolio-item-link{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.thegem-te-loop-featured-media .featured-media .media-inner-wrap img{
transition: all 0.3s;
}
.thegem-te-loop-featured-media.image-aspect-ratio .featured-media .media-inner-wrap img,
.thegem-te-loop-featured-media.loop-item-type-masonry .featured-media .media-inner-wrap .portfolio-image-slider img {
height: 100%;
width: 100%;
max-width: 100% !important;
-o-object-fit: cover;
object-fit: cover;
}
.thegem-te-loop-featured-media.appearance-type-image.image-hover-effect a .featured-media .media-inner-wrap img {
overflow: hidden;
transform: translate(0,0) scale(1);
}
.thegem-te-loop-featured-media.appearance-type-image.image-hover-effect a:hover .featured-media .media-inner-wrap img {
transform: translate(0,0) scale(1.12);
}
.thegem-te-loop-featured-media.loop-item-type-masonry.appearance-type-video .media-inner-wrap,
.thegem-te-loop-featured-media.loop-item-type-masonry.appearance-type-quote .media-inner-wrap,
.thegem-te-loop-featured-media.loop-item-type-masonry.appearance-type-gallery .media-inner-wrap {
aspect-ratio: 1/1;
}
.thegem-te-loop-featured-media.appearance-type-quote blockquote .quote-author {
display: flex;
width: 100%;
}
.thegem-te-loop-featured-media.appearance-type-quote blockquote .quote-author:after {
font-family: 'thegem-icons';
content: '\e60c';
font-size: 70px;
line-height: 50px;
margin-left: auto;
vertical-align: bottom;
font-style: normal;
font-weight: normal;
}
.thegem-te-loop-featured-media.appearance-type-gif img.gem-gif-poster {
position: absolute !important;
top: 0;
left: 0;
transition: none;
background-color: var(--styled-bg-color, #f0f3f2);
}
.thegem-te-loop-featured-media.appearance-type-gif:hover img.gem-gif-poster,
.thegem-te-loop-featured-media.appearance-type-gif a:hover img.gem-gif-poster{
opacity: 0 !important;
visibility: hidden;
} .thegem-te-post-info,
.thegem-te-portfolio-info{
position: relative;
width: 100%;
}
.thegem-te-post-info .post-info,
.thegem-te-portfolio-info .portfolio-info{
position: relative;
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.thegem-te-post-info.post-info--left .post-info,
.thegem-te-portfolio-info.portfolio-info--left .portfolio-info{
justify-content: flex-start;
}
.thegem-te-post-info.post-info--center .post-info,
.thegem-te-portfolio-info.portfolio-info--center .portfolio-info{
justify-content: center;
}
.thegem-te-post-info.post-info--right .post-info,
.thegem-te-portfolio-info.portfolio-info--right .portfolio-info{
justify-content: flex-end;
}
.thegem-te-post-info.post-info--vertical .post-info,
.thegem-te-portfolio-info.portfolio-info--vertical .portfolio-info{
flex-direction: column;
}
.thegem-te-post-info.post-info--vertical.post-info--left .post-info,
.thegem-te-portfolio-info.portfolio-info--vertical.portfolio-info--left .portfolio-info{
align-items: flex-start;
}
.thegem-te-post-info.post-info--vertical.post-info--center .post-info,
.thegem-te-portfolio-info.portfolio-info--vertical.portfolio-info--center .portfolio-info{
align-items: center;
}
.thegem-te-post-info.post-info--vertical.post-info--right .post-info,
.thegem-te-portfolio-info.portfolio-info--vertical.portfolio-info--right .portfolio-info{
align-items: flex-end;
}
.thegem-te-post-info.post-info--vertical .post-info-item,
.thegem-te-portfolio-info.portfolio-info--vertical .portfolio-info-item{
margin-right: 0 !important;
padding-right: 0 !important;
margin-top: 10px;
margin-bottom: 0;
}
.thegem-te-post-info.post-info--vertical .post-info-item:first-child,
.thegem-te-portfolio-info.portfolio-info--vertical .portfolio-info-item:first-child{
margin-top: 5px !important;
}
.thegem-te-post-info.post-info--vertical .post-info-item:last-child,
.thegem-te-portfolio-info.portfolio-info--vertical .portfolio-info-item:last-child{
margin-bottom: 0 !important;
}
.thegem-te-post-info .post-info,
.thegem-te-portfolio-info .portfolio-info{
color: var(--thegem-to-date-filter-subtitle-color);
}
.thegem-te-post-info .post-info-item,
.thegem-te-portfolio-info .portfolio-info-item{
position: relative;
display: inline-flex;
align-items: center;
margin-top: 5px;
margin-bottom: 5px;
margin-right: 10px;
padding-right: 10px;
}
.thegem-te-post-info .post-info-item:not(.post-info-item-cats-list):last-child,
.thegem-te-portfolio-info .portfolio-info-item:last-child{
padding-right: 0 !important;
margin-right: 0 !important;
}
.thegem-te-post-info .post-info-item:not(.post-info-item-cats-list):not(:last-child):after,
.thegem-te-portfolio-info .portfolio-info-item:not(:last-child):after{
content: '';
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 1px;
height: 20px;
background-color: var(--thegem-to-box-border-color, #D4DEE1);
}
.thegem-te-post-info.post-info--vertical .post-info-item:after,
.thegem-te-post-info.post-info--divider-hide .post-info-item:after,
.thegem-te-portfolio-info.portfolio-info--vertical .portfolio-info-item:after,
.thegem-te-portfolio-info.portfolio-info--divider-hide .portfolio-info-item:after,
.thegem-te-portfolio-info.portfolio-info--colon-hide .portfolio-info-item .item-label .colon{
display: none;
}
.thegem-te-post-info .post-info-item .icon,
.thegem-te-portfolio-info .portfolio-info-item .icon{
margin-right: 5px;
display: inline-flex;
align-items: center;
font-style: normal;
font-weight: normal;
}
.thegem-te-post-info .post-info-item .likes,
.thegem-te-post-info .post-info-item .zilla-likes,
.thegem-te-portfolio-info .portfolio-info-item .likes,
.thegem-te-portfolio-info .portfolio-info-item .zilla-likes{
display: inline-flex;
align-items: center;
}
.thegem-te-post-info .post-info-item .zilla-likes:before,
.thegem-te-portfolio-info .portfolio-info-item .zilla-likes:before{
vertical-align: inherit;
font-size: 16px;
line-height: 16px;
margin-right: 5px;
}
.thegem-te-post-info .post-info-item .icon i,
.thegem-te-post-info .post-info-item .zilla-likes:before,
.thegem-te-portfolio-info .portfolio-info-item .icon i,
.thegem-te-portfolio-info .portfolio-info-item .zilla-likes:before{
font-style: normal;
font-weight: normal;
}
.thegem-te-post-info .post-info-item .label-before,
.thegem-te-portfolio-info .portfolio-info-item .label-before{
margin-right: 5px;
}
.thegem-te-post-info .post-info-item .label-after,
.thegem-te-portfolio-info .portfolio-info-item .label-after{
margin-left: 5px;
}
.thegem-te-post-info .post-info-item .comments-link,
.thegem-te-portfolio-info .portfolio-info-item .comments-link{
display: inline-flex;
align-items: center;
}
.thegem-te-post-info .post-info-item .icon-default,
.thegem-te-portfolio-info .portfolio-info-item .icon-default{
font-family: 'thegem-icons';
font-size: 16px;
line-height: 16px;
}
.thegem-te-post-info .post-info-item-cats,
.thegem-te-post-info .post-info-item-cats-list {
flex-wrap: wrap;
}
.thegem-te-post-info.post-info--center .post-info-item-cats,
.thegem-te-post-info.post-info--center .post-info-item-cats-list {
justify-content: center;
text-align: center;
}
.thegem-te-post-info .post-info-item-cats .separator,
.thegem-te-portfolio-info .portfolio-info-item-cats .separator{
margin: 0 10px;
width: 1px;
height: 20px;
background-color: var(--thegem-to-box-border-color, #D4DEE1);
}
.thegem-te-post-info.post-info--divider-hide .post-info-item-cats .separator,
.thegem-te-portfolio-info.portfolio-info--divider-hide .portfolio-info-item-cats .separator{
display: none;
}
.thegem-te-post-info.post-info--divider-hide .post-info-item-cats > *,
.thegem-te-portfolio-info.portfolio-info--divider-hide .portfolio-info-item-cats > *{
margin: 0 0.5em;
}
.thegem-te-post-info .post-info-item-author .avatar,
.thegem-te-portfolio-info .portfolio-info-item-author .avatar{
display: inline-flex;
align-items: center;
margin-right: 10px;
}
.thegem-te-post-info .post-info-item-author .avatar > img,
.thegem-te-portfolio-info .portfolio-info-item-author .avatar > img{
border-radius: 50%;
margin: 0 !important;
}
.thegem-te-post-info .post-info-item-likes,
.thegem-te-post-info .post-info-item-likes .zilla-likes,
.thegem-te-portfolio-info .portfolio-info-item-likes,
.thegem-te-portfolio-info .portfolio-info-item-likes .zilla-likes{
color: var(--thegem-to-styled-color3);
}
.thegem-te-post-info .post-info-item-likes .zilla-likes:hover,
.thegem-te-portfolio-info .portfolio-info-item-likes .zilla-likes:hover{
color: var(--thegem-to-link-color-hover);
}
.thegem-te-post-info .post-info-item-date .icon-default:before,
.thegem-te-portfolio-info .portfolio-info-item-date .icon-default:before{
content: '\e66e';
}
.thegem-te-post-info .post-info-item-time .icon-default:before,
.thegem-te-portfolio-info .portfolio-info-item-time .icon-default:before{
content: '\e687';
}
.thegem-te-post-info .post-info-item-comments .icon-default:before,
.thegem-te-portfolio-info .portfolio-info-item-comments .icon-default:before{
content: '\e684';
}
.thegem-te-post-info .post-info-item-likes .icon-default:before,
.thegem-te-portfolio-info .portfolio-info-item-likes .icon-default:before{
content: '\e679';
} .thegem-te-post-info .post-info-item:last-child.post-info-item-cats-list {
margin: 0;
}
.thegem-te-post-info.post-info--classic .post-info-item-cats-list{
background-color: var(--thegem-to-h6-color);
border: 1px solid transparent;
padding: 0 0.5em;
}
.thegem-te-post-info.post-info--classic .post-info-item-cats-list,
.thegem-te-post-info.post-info--classic .post-info-item-cats-list a {
color: var(--thegem-to-main-bg-color);
}
.thegem-te-post-info.post-info--classic .post-info-item-cats-list a:not(.readonly):hover{
text-decoration: underline;
}
.thegem-te-post-info.post-info--classic .post-info-item-cats-list .separator{
padding-right: 5px;
}
.thegem-te-portfolio-info.portfolio-info--text-vertical .portfolio-info-item:not(.portfolio-info-item-cats):not(.portfolio-info-item-likes){
flex-direction: column;
align-items: flex-start;
}
.thegem-te-portfolio-info.portfolio-info--center.portfolio-info--text-vertical .portfolio-info-item:not(.portfolio-info-item-cats):not(.portfolio-info-item-likes){
align-items: center;
text-align: center;
}
.thegem-te-portfolio-info.portfolio-info--right.portfolio-info--text-vertical .portfolio-info-item:not(.portfolio-info-item-cats):not(.portfolio-info-item-likes){
align-items: flex-end;
text-align: right;
}
.thegem-te-portfolio-info .portfolio-info-item .item-label{
display: flex;
flex-wrap: wrap;
align-items: center;
}
.thegem-te-portfolio-info .portfolio-info-item .item-label,
.thegem-te-portfolio-info .portfolio-info-item .item-value{
padding: 0;
margin: 0;
} .thegem-te-post-info.post-info--loop-item .post-info{
font-size: calc(var(--thegem-to-body-font-size) * 0.75);
line-height: calc(var(--thegem-to-body-line-height) * 0.75);
}
.thegem-te-post-info.post-info--loop-item .post-info-item:not(:last-child):after{
transform: none;
width: 6px;
height: 1px;
margin-right: -3px;
}
.thegem-te-post-info.post-info--loop-item .post-info-item-cats .separator{
width: 6px;
height: 1px;
}
.thegem-te-post-info.post-info--loop-item .post-info-item-comments .icon-default:before{
content: '\e63e';
}
.thegem-te-post-info.post-info--loop-item .post-info-item-likes .likes .zilla-likes{
display: inline-flex;
flex-direction: row-reverse;
color: var(--thegem-to-date-filter-subtitle-color);
}
.thegem-te-post-info.post-info--loop-item .post-info-item-likes .likes .zilla-likes:before{
display: none;
}
.thegem-te-post-info.post-info--loop-item .post-info-item-likes .likes .zilla-likes.active{
color: var(--thegem-to-styled-color3);
}
.thegem-te-post-info.post-info--loop-item .post-info-item-likes .zilla-likes-postfix{
margin-right: 5px;
}
.thegem-te-post-info.post-info--loop-item .post-info-item-likes .zilla-likes-postfix:after{
font-family: "thegem-icons";
content: '\e66b';
font-size: 16px;
font-weight: normal;
vertical-align: top;
} .thegem-te-post-info.post-info--modern .post-info,
.thegem-te-portfolio-info.portfolio-info--modern .portfolio-info,
.thegem-te-post-info.post-info--table .post-info,
.thegem-te-portfolio-info.portfolio-info--table .portfolio-info{
font-family: var(--thegem-to-h6-font-family);
font-style: var(--thegem-to-h6-font-style);
font-weight: var(--thegem-to-h6-font-weight);
font-size: var(--thegem-to-h6-font-size-small);
line-height: var(--thegem-to-h6-line-height-small);
text-transform: none;
letter-spacing: 0;
color: var(--thegem-to-h6-color);
}
.thegem-te-portfolio-info.portfolio-info--modern .portfolio-info .item-label.light,
.thegem-te-portfolio-info.portfolio-info--modern .portfolio-info .item-value.light,
.thegem-te-portfolio-info.portfolio-info--table .portfolio-info .item-label.light,
.thegem-te-portfolio-info.portfolio-info--table .portfolio-info .item-value.light{
font-family: var(--thegem-to-light-title-font-family);
font-style: var(--thegem-to-light-title-font-style);
font-weight: var(--thegem-to-light-title-font-weight);
}
.thegem-te-post-info.post-info--modern .post-info-item .icon,
.thegem-te-post-info.post-info--modern .post-info-item .icon-default,
.thegem-te-post-info.post-info--modern .post-info-item .zilla-likes:before,
.thegem-te-post-info.post-info--table .post-info-item .icon,
.thegem-te-post-info.post-info--table .post-info-item .icon-default,
.thegem-te-post-info.post-info--table .post-info-item .zilla-likes:before,
.thegem-te-portfolio-info.portfolio-info--modern .portfolio-info-item .icon,
.thegem-te-portfolio-info.portfolio-info--modern .portfolio-info-item .icon-default,
.thegem-te-portfolio-info.portfolio-info--modern .portfolio-info-item .zilla-likes:before,
.thegem-te-portfolio-info.portfolio-info--table .portfolio-info-item .icon,
.thegem-te-portfolio-info.portfolio-info--table .portfolio-info-item .icon-default,
.thegem-te-portfolio-info.portfolio-info--table .portfolio-info-item .zilla-likes:before{
font-size: 24px;
line-height: 24px;
}
.thegem-te-post-info .post-info-item-likes .zilla-likes:hover,
.thegem-te-portfolio-info .portfolio-info-item-likes .zilla-likes:hover{
color: var(--thegem-to-h6-color);
}
.thegem-te-post-info.post-info--modern .post-info-item-date .icon-default:before,
.thegem-te-portfolio-info.portfolio-info--modern .portfolio-info-item-date .icon-default:before,
.thegem-te-post-info.post-info--table .post-info-item-date .icon-default:before,
.thegem-te-portfolio-info.portfolio-info--table .portfolio-info-item-date .icon-default:before{
content: '\e686';
}
.thegem-te-post-info.post-info--modern .post-info-item-time .icon-default:before,
.thegem-te-portfolio-info.portfolio-info--modern .portfolio-info-item-time .icon-default:before,
.thegem-te-post-info.post-info--table .post-info-item-time .icon-default:before,
.thegem-te-portfolio-info.portfolio-info--table .portfolio-info-item-time .icon-default:before{
content: '\e688';
}
.thegem-te-post-info.post-info--modern .post-info-item-comments .icon-default:before,
.thegem-te-portfolio-info.portfolio-info--modern .portfolio-info-item-comments .icon-default:before,
.thegem-te-post-info.post-info--table .post-info-item-comments .icon-default:before,
.thegem-te-portfolio-info.portfolio-info--table .portfolio-info-item-comments .icon-default:before{
content: '\e685';
}
.thegem-te-post-info.post-info--modern .post-info-item-likes .icon-default:before,
.thegem-te-portfolio-info.portfolio-info--modern .portfolio-info-item-likes .icon-default:before,
.thegem-te-post-info.post-info--table .post-info-item-likes .icon-default:before,
.thegem-te-portfolio-info.portfolio-info--table .portfolio-info-item-likes .icon-default:before{
content: '\e679';
}
.thegem-te-post-info.post-info--modern .post-info-item:after,
.thegem-te-post-info.post-info--modern .post-info-item-cats .separator,
.thegem-te-portfolio-info.portfolio-info--modern .portfolio-info-item:after,
.thegem-te-portfolio-info.portfolio-info--modern .portfolio-info-item-cats .separator,
.thegem-te-post-info.post-info--table .post-info-item:after,
.thegem-te-post-info.post-info--table .post-info-item-cats .separator,
.thegem-te-portfolio-info.portfolio-info--table .portfolio-info-item:after,
.thegem-te-portfolio-info.portfolio-info--table .portfolio-info-item-cats .separator{
visibility: hidden;
opacity: 0;
}
.thegem-te-post-info.post-info--modern .post-info-item-cats .separator{
margin: 0 5px;
padding: 0;
width: 0;
height: 0;
border: 0;
}
.thegem-te-post-info.post-info--modern .post-info-item-cats a,
.thegem-te-post-info.post-info--modern .post-info-item-cats span,
.thegem-te-post-info.post-info--modern .post-info-item-cats-list a,
.thegem-te-post-info.post-info--modern .post-info-item-cats-list span,
.thegem-te-portfolio-info.portfolio-info--modern .portfolio-info-item-cats a,
.thegem-te-post-info.post-info--table .post-info-item-cats a,
.thegem-te-post-info.post-info--table .post-info-item-cats-list a,
.thegem-te-portfolio-info.portfolio-info--table .portfolio-info-item-cats a{
background-color: var(--thegem-to-h6-color);
color: var(--thegem-to-main-bg-color);
border: 1px solid transparent;
padding: 0 0.5em;
transition: all 0.3s;
}
.thegem-te-post-info.post-info--modern .post-info-item-cats a,
.thegem-te-post-info.post-info--modern .post-info-item-cats span.readonly,
.thegem-te-post-info.post-info--modern .post-info-item-cats-list a,
.thegem-te-post-info.post-info--modern .post-info-item-cats-list span.readonly{
margin: 5px 0;
}
.thegem-te-post-info.post-info--modern .post-info-item-cats a.readonly,
.thegem-te-portfolio-info.portfolio-info--modern .portfolio-info-item-cats a.readonly,
.thegem-te-post-info.post-info--table .post-info-item-cats a.readonly,
.thegem-te-portfolio-info.portfolio-info--table .portfolio-info-item-cats a.readonly{
cursor: default;
}
.thegem-te-post-info.post-info--modern .post-info-item-cats a:not(.readonly):hover,
.thegem-te-portfolio-info.portfolio-info--modern .portfolio-info-item-cats a:not(.readonly):hover,
.thegem-te-post-info.post-info--table .post-info-item-cats a:not(.readonly):hover,
.thegem-te-portfolio-info.portfolio-info--table .portfolio-info-item-cats a:not(.readonly):hover{
background-color: var(--thegem-to-main-bg-color);
border-color: var(--thegem-to-h6-color);
color: var(--thegem-to-h6-color);
}
.thegem-te-post-info.post-info--table .post-info,
.thegem-te-portfolio-info.portfolio-info--table .portfolio-info{
display: table;
width: 100%;
}
.thegem-te-post-info.post-info--table .post-info-item,
.thegem-te-portfolio-info.portfolio-info--table .portfolio-info-item{
display: table-row;
white-space: nowrap;
margin: 0;
padding: 0;
}
.thegem-te-post-info.post-info--table .post-info-item .item-label,
.thegem-te-post-info.post-info--table .post-info-item .item-value,
.thegem-te-portfolio-info.portfolio-info--table .portfolio-info-item .item-label,
.thegem-te-portfolio-info.portfolio-info--table .portfolio-info-item .item-value{
display: table-cell;
vertical-align: middle;
padding-top: 16px;
padding-bottom: 16px;
margin: 0;
}
.thegem-te-post-info.post-info--table .post-info-item.post-info-item-cats .item-value,
.thegem-te-post-info.post-info--table .post-info-item.post-info-item-likes .item-value,
.thegem-te-portfolio-info.portfolio-info--table .portfolio-info-item.portfolio-info-item-cats .item-value,
.thegem-te-portfolio-info.portfolio-info--table .portfolio-info-item.portfolio-info-item-likes .item-value{
display: flex;
flex-wrap: wrap;
}
.thegem-te-post-info.post-info--table .post-info-item .item-label > div,
.thegem-te-portfolio-info.portfolio-info--table .portfolio-info-item .item-label > div{
display: inline-block;
vertical-align: top;
}
.thegem-te-post-info.post-info--table .post-info-item .item-value,
.thegem-te-portfolio-info.portfolio-info--table .portfolio-info-item .item-value{
width: 100%;
}
.thegem-te-post-info.post-info--table.post-info--center .post-info-item .item-label,
.thegem-te-post-info.post-info--table.post-info--center .post-info-item .item-value,
.thegem-te-portfolio-info.portfolio-info--table.portfolio-info--center .portfolio-info-item .item-label,
.thegem-te-portfolio-info.portfolio-info--table.portfolio-info--center .portfolio-info-item .item-value{
text-align: center;
justify-content: center;
}
.thegem-te-post-info.post-info--table.post-info--right .post-info-item .item-label,
.thegem-te-post-info.post-info--table.post-info--right .post-info-item .item-value,
.thegem-te-portfolio-info.portfolio-info--table.portfolio-info--right .portfolio-info-item .item-label,
.thegem-te-portfolio-info.portfolio-info--table.portfolio-info--right .portfolio-info-item .item-value{
text-align: right;
justify-content: flex-end;
}
.thegem-te-post-info.post-info--table.post-info--text-vertical .post-info-item .item-label > *,
.thegem-te-post-info.post-info--table.post-info--text-vertical .post-info-item .item-value > *,
.thegem-te-portfolio-info.portfolio-info--table.portfolio-info--text-vertical .portfolio-info-item .item-label > *,
.thegem-te-portfolio-info.portfolio-info--table.portfolio-info--text-vertical .portfolio-info-item .item-value > *{
display: block;
}
.thegem-te-post-info.post-info--table .post-info-item:not(:last-child):after,
.thegem-te-portfolio-info.portfolio-info--table .portfolio-info-item:not(:last-child):after{
content: '';
position: absolute;
left: 0;
bottom: 0;
top: auto;
transform: none;
width: 100%;
height: 1px;
background-color: var(--thegem-to-box-border-color, #D4DEE1);
visibility: visible;
opacity: 1;
} .thegem-te-post-navigation,
.thegem-te-portfolio-navigation{
position: relative;
width: 100%;
}
.thegem-te-post-navigation.post-nav--left .nav-links,
.thegem-te-portfolio-navigation.post-nav--left .nav-links{
justify-content: flex-start;
}
.thegem-te-post-navigation.post-nav--center .nav-links,
.thegem-te-portfolio-navigation.post-nav--center .nav-links{
justify-content: center;
}
.thegem-te-post-navigation.post-nav--right .nav-links,
.thegem-te-portfolio-navigation.post-nav--right .nav-links{
justify-content: flex-end;
}
.thegem-te-post-navigation.post-nav--justified .nav-links,
.thegem-te-portfolio-navigation.post-nav--justified .nav-links{
justify-content: space-between;
}
.thegem-te-post-navigation .post-navigation .nav-links,
.thegem-te-portfolio-navigation .post-navigation .nav-links{
position: relative;
display: flex;
}
.thegem-te-post-navigation .post-navigation .nav-previous,
.thegem-te-portfolio-navigation .post-navigation .nav-previous {
margin-right: 15px;
text-align: left;
}
.thegem-te-post-navigation.post-nav--hide-gaps .post-navigation .nav-previous,
.thegem-te-post-navigation.post-label--hide.post-title--hide.post-arrows--next-hide .post-navigation .nav-previous,
.thegem-te-portfolio-navigation.post-nav--hide-gaps .post-navigation .nav-previous,
.thegem-te-portfolio-navigation.post-label--hide.post-title--hide.post-arrows--next-hide .post-navigation .nav-previous{
margin: 0;
}
.thegem-te-post-navigation.post-label--hide.post-title--hide.post-arrows--prev-hide .post-navigation .nav-previous,
.thegem-te-portfolio-navigation.post-label--hide.post-title--hide.post-arrows--prev-hide .post-navigation .nav-previous{
display: none;
}
.thegem-te-post-navigation .post-navigation .nav-next,
.thegem-te-portfolio-navigation .post-navigation .nav-next{
margin-left: 15px;
text-align: right;
}
.thegem-te-post-navigation.post-nav--hide-gaps .post-navigation .nav-next,
.thegem-te-post-navigation.post-label--hide.post-title--hide.post-arrows--prev-hide .post-navigation .nav-next,
.thegem-te-portfolio-navigation.post-nav--hide-gaps .post-navigation .nav-next,
.thegem-te-portfolio-navigation.post-label--hide.post-title--hide.post-arrows--prev-hide .post-navigation .nav-next{
margin: 0;
}
.thegem-te-post-navigation.post-label--hide.post-title--hide.post-arrows--next-hide .post-navigation .nav-next,
.thegem-te-portfolio-navigation.post-label--hide.post-title--hide.post-arrows--next-hide .post-navigation .nav-next{
display: none;
}
.thegem-te-post-navigation .post-navigation a,
.thegem-te-portfolio-navigation .post-navigation a{
position: relative;
display: flex;
align-items: center;
}
.thegem-te-post-navigation .post-navigation .meta-icon,
.thegem-te-portfolio-navigation .post-navigation .meta-icon{
display: flex;
align-items: center;
justify-content: center;
font-family: 'thegem-icons';
font-size: 16px;
font-style: normal;
color: var(--thegem-to-h5-color);
transition: all 0.3s;
}
.thegem-te-post-navigation .post-navigation .nav-previous .meta-icon,
.thegem-te-portfolio-navigation .post-navigation .nav-previous .meta-icon{
margin-right: 20px;
}
.thegem-te-post-navigation .post-navigation .nav-next .meta-icon,
.thegem-te-portfolio-navigation .post-navigation .nav-next .meta-icon{
margin-left: 20px;
}
.thegem-te-post-navigation.post-label--hide.post-title--hide .post-navigation .meta-icon,
.thegem-te-portfolio-navigation.post-label--hide.post-title--hide .post-navigation .meta-icon{
margin: 0;
}
.thegem-te-post-navigation .post-navigation .meta-icon:before,
.thegem-te-portfolio-navigation .post-navigation .meta-icon:before{
margin-top: -1px;
}
.thegem-te-post-navigation .post-navigation .nav-previous .meta-icon:before,
.thegem-te-portfolio-navigation .post-navigation .nav-previous .meta-icon:before{
content: '\e675';
}
.thegem-te-post-navigation .post-navigation .nav-next .meta-icon:before,
.thegem-te-portfolio-navigation .post-navigation .nav-next .meta-icon:before{
content: '\e676';
}
.thegem-te-post-navigation.post-arrows--round .post-navigation .meta-icon,
.thegem-te-post-navigation.post-arrows--square .post-navigation .meta-icon,
.thegem-te-portfolio-navigation.post-arrows--round .post-navigation .meta-icon,
.thegem-te-portfolio-navigation.post-arrows--square .post-navigation .meta-icon{
border: 1px solid;
border-color: var(--thegem-to-h5-color, #3C3950);
background-color: transparent;
font-size: 22px;
}
.thegem-te-post-navigation.post-arrows--round .post-navigation .nav-previous .meta-icon:before,
.thegem-te-post-navigation.post-arrows--square .post-navigation .nav-previous .meta-icon:before,
.thegem-te-portfolio-navigation.post-arrows--round .post-navigation .nav-previous .meta-icon:before,
.thegem-te-portfolio-navigation.post-arrows--square .post-navigation .nav-previous .meta-icon:before{
content: '\e603';
}
.thegem-te-post-navigation.post-arrows--round .post-navigation .nav-next .meta-icon:before,
.thegem-te-post-navigation.post-arrows--square .post-navigation .nav-next .meta-icon:before,
.thegem-te-portfolio-navigation.post-arrows--round .post-navigation .nav-next .meta-icon:before,
.thegem-te-portfolio-navigation.post-arrows--square .post-navigation .nav-next .meta-icon:before{
content: '\e601';
}
.thegem-te-post-navigation.post-arrows--round .post-navigation .meta-icon,
.thegem-te-portfolio-navigation.post-arrows--round .post-navigation .meta-icon{
min-width: 34px;
min-height: 34px;
border-radius: 50%;
}
.thegem-te-post-navigation.post-arrows--square .post-navigation .meta-icon,
.thegem-te-portfolio-navigation.post-arrows--square .post-navigation .meta-icon{
min-width: 46px;
min-height: 46px;
}
.thegem-te-post-navigation .post-navigation a:hover .meta-icon,
.thegem-te-portfolio-navigation .post-navigation a:hover .meta-icon{
color: var(--thegem-to-pagination-color-hover);
border-color: var(--thegem-to-pagination-color-hover);
}
.thegem-te-post-navigation .post-navigation .meta-nav,
.thegem-te-portfolio-navigation .post-navigation .meta-nav{
position: relative;
display: flex;
flex-direction: column;
}
.thegem-te-post-navigation .post-navigation .post-label,
.thegem-te-portfolio-navigation .post-navigation .post-label{
color: var(--thegem-to-pagination-color);
}
.thegem-te-post-navigation .post-navigation .post-title,
.thegem-te-portfolio-navigation .post-navigation .post-title{
max-width: 400px;
font-family: var(--thegem-to-h5-font-family);
font-style: var(--thegem-to-h5-font-style);
font-weight: var(--thegem-to-h5-font-weight);
font-size: var(--thegem-to-h5-font-size);
line-height: var(--thegem-to-h5-line-height);
color: var(--thegem-to-h5-color);
}
.thegem-te-post-navigation:not(.post-label--hide) .post-navigation .post-title,
.thegem-te-portfolio-navigation:not(.post-label--hide) .post-navigation .post-title{
margin-top: 5px;
}
.thegem-te-post-navigation .post-navigation .post-label span,
.thegem-te-post-navigation .post-navigation .post-title span,
.thegem-te-portfolio-navigation .post-navigation .post-label span,
.thegem-te-portfolio-navigation .post-navigation .post-title span{
margin: 0;
transition: color 0.3s;
}
.thegem-te-post-navigation .post-navigation a:hover .post-label span,
.thegem-te-portfolio-navigation .post-navigation a:hover .post-label span{
color: var(--thegem-to-pagination-color-hover);
}
.thegem-te-post-navigation .post-navigation a:hover .post-title span,
.thegem-te-portfolio-navigation .post-navigation a:hover .post-title span{
color: var(--thegem-to-pagination-color-hover);
}
@media screen and (max-width: 767px){
.thegem-te-post-navigation .post-navigation .nav-previous .meta-icon,
.thegem-te-portfolio-navigation .post-navigation .nav-previous .meta-icon{
margin-right: 10px !important;
}
.thegem-te-post-navigation .post-navigation .nav-next .meta-icon,
.thegem-te-portfolio-navigation .post-navigation .nav-next .meta-icon{
margin-left: 10px !important;
}
.thegem-te-post-navigation .post-navigation .post-title,
.thegem-te-portfolio-navigation .post-navigation .post-title{
max-width: 120px !important;
}
.thegem-te-post-navigation .post-navigation .post-title span,
.thegem-te-portfolio-navigation .post-navigation .post-title span{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
} .thegem-te-post-tags{
position: relative;
}
.thegem-te-post-tags .post-tags{
display: flex;
flex-wrap: wrap;
align-items: center;
}
.thegem-te-post-tags.post-tags--left .post-tags {
justify-content: flex-start;
}
.thegem-te-post-tags.post-tags--center .post-tags {
justify-content: center;
}
.thegem-te-post-tags.post-tags--right .post-tags {
justify-content: flex-end;
}
.thegem-te-post-tags.post-tags--justified .post-tags {
justify-content: space-between;
}
.thegem-te-post-tags .post-tags__title,
.thegem-te-post-tags .post-tags__list{
padding: 0;
margin: 0;
}
.thegem-te-post-tags .post-tags__title{
padding-right: 20px;
}
.thegem-te-post-tags .post-tags__list ul{
position: relative;
display: flex;
align-items: center;
flex-wrap: wrap;
flex: auto;
margin-top: 0;
margin-bottom: 0;
margin-left: -3px;
margin-right: -3px;
padding: 0;
list-style-type: none;
}
.thegem-te-post-tags .post-tags__list ul li{
padding-left: 3px;
padding-right: 3px;
margin-top: 5px;
margin-bottom: 5px;
font-family: var(--thegem-to-body-font-family);
font-weight: var(--thegem-to-body-font-weight);
font-style: var(--thegem-to-body-font-style);
font-size: var(--thegem-to-body-font-size);
text-transform: var(--thegem-to-body-text-transform);
letter-spacing: var(--thegem-to-body-letter-spacing);
}
.thegem-te-post-tags .post-tags__list a{
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
text-align: center;
min-height: 30px;
padding: 0.3em 0.5em;
line-height: 1;
border-radius: 0;
color: var(--thegem-to-tag-color, #5f727f);
border: 1px solid var(--thegem-to-tag-color, #5f727f);
background-color: transparent;
}
.thegem-te-post-tags .post-tags__list a:hover{
color: var(--thegem-to-tag-hover-color, #FFFFFF);
border-color: var(--thegem-to-tag-color, #5f727f);
background-color: var(--thegem-to-tag-hover-background-color, #5f727f);
} .thegem-te-post-author{
position: relative;
}
.thegem-te-post-author .post-author{
position: relative;
display: flex;
align-items: center;
padding: 35px 50px;
background-color: var(--styled-bg-color);
border: 1px solid transparent;
border-radius: 0;
}
.thegem-te-post-author.post-author--left .post-author {
justify-content: flex-start;
}
.thegem-te-post-author.post-author--center .post-author {
padding: 80px 50px 35px 50px;
align-items: center;
flex-direction: column;
justify-content: center;
text-align: center;
}
.thegem-te-post-author.post-author--right .post-author {
justify-content: flex-end;
}
.thegem-te-post-author .post-author__avatar{
position: relative;
max-width: 100px;
transition: all 0.3s;
}
.thegem-te-post-author.post-author--left .post-author__avatar {
margin-right: 50px;
}
.thegem-te-post-author.post-author--right .post-author__avatar {
margin-left: 50px;
order: 2;
}
.thegem-te-post-author.post-author--center .post-author__avatar{
position: absolute;
top: -50px;
left: 50%;
transform: translateX(-50%);
margin: 0;
}
.thegem-te-post-author a.post-author__avatar:hover{
opacity: 0.8;
}
.thegem-te-post-author .post-author__avatar img{
border-radius: 50%;
}
.thegem-te-post-author .post-author__name{
position: relative;
font-family: var(--thegem-to-h5-font-family);
font-weight: var(--thegem-to-h5-font-weight);
font-style: var(--thegem-to-h5-font-style);
font-size: var(--thegem-to-h5-font-size);
line-height: var(--thegem-to-h5-line-height);
text-transform: capitalize;
letter-spacing: 0;
color: var(--thegem-to-h5-color);
}
.thegem-te-post-author .post-author__desc{
position: relative;
margin-top: 15px;
}
.thegem-te-post-author .post-author__desc p{
padding: 0;
margin: 0;
}
.thegem-te-post-author .post-author__link{
position: relative;
margin-top: 25px;
font-family: var(--thegem-to-body-font-family);
font-weight: var(--thegem-to-body-font-weight);
font-style: var(--thegem-to-body-font-style);
font-size: var(--thegem-to-body-tiny-font-size);
line-height: var(--thegem-to-body-tiny-line-height);
}
.thegem-te-post-author .post-author__link a{
position: relative;
display: inline-flex;
align-items: center;
}
.thegem-te-post-author .post-author__link a:hover{
color: var(--thegem-to-link-color-hover);
}
.thegem-te-post-author .post-author__link a:before {
font-family: 'thegem-icons';
content: '\e601';
vertical-align: top;
font-style: normal;
font-weight: normal;
margin-right: 5px;
}
@media screen and (max-width: 767px){
.thegem-te-post-author .post-author{
flex-direction: column;
align-items: center;
text-align: center;
}
.thegem-te-post-author .post-author__avatar{
order: 1;
margin-left: 0 !important;
margin-right: 0 !important;
margin-bottom: 30px;
}
.thegem-te-post-author .post-author__info{
order: 2;
}
} .thegem-te-post-comments{
position: relative;
}
.thegem-te-post-comments .post-comments,
.thegem-te-post-comments h2.post-comments__title,
.thegem-te-post-comments h2.post-comments__title span,
.thegem-te-post-comments h3.comment-reply-title,
.thegem-te-post-comments h3.comment-reply-title span{
padding: 0;
margin: 0;
}
.thegem-te-post-comments h3.comment-reply-title span{
margin-right: 10px;
}
.thegem-te-post-comments h2.post-comments__title,
.thegem-te-post-comments h3.comment-reply-title{
padding-bottom: 40px;
line-height: normal;
text-transform: none;
letter-spacing: normal;
font-family: var(--thegem-to-h4-font-family);
font-weight: var(--thegem-to-h4-font-weight);
font-style: var(--thegem-to-h4-font-style);
font-size: var(--thegem-to-h4-font-size);
}
.thegem-te-post-comments h3.comment-reply-title:before{
display: none;
}
.thegem-te-post-comments.post-comments--title-hide h2.post-comments__title,
.thegem-te-post-comments.post-comments--title-hide h3.comment-reply-title{
display: none;
}
.thegem-te-post-comments .post-comments__list{
position: relative;
display: flex;
flex-direction: column;
}
.thegem-te-post-comments .post-comments__list ul.children{
padding: 0;
margin: 0 0 0 105px;
list-style-type: none;
}
.thegem-te-post-comments .post-comments__list .comment,
.thegem-te-post-comments .comment-respond{
position: relative;
border-top: 1px solid var(--thegem-to-box-border-color);
}
.thegem-te-post-comments .comment-respond{
padding-top: 50px;
}
.thegem-te-post-comments.post-comments--separator-hide .post-comments__list .comment,
.thegem-te-post-comments.post-comments--separator-hide .comment-respond{
border: 0;
}
.thegem-te-post-comments .post-comments__list .comment .comment-reply-link {
padding: 0;
}
.thegem-te-post-comments .post-comment__wrap{
position: relative;
display: flex;
padding: 50px 0;
}
.thegem-te-post-comments .post-comment__avatar{
position: relative;
margin-right: 35px;
transition: all 0.3s;
}
.thegem-te-post-comments .post-comment__avatar img{
border-radius: 50%;
}
.thegem-te-post-comments .post-comment__info{
position: relative;
display: flex;
flex-direction: column;
flex: auto;
}
.thegem-te-post-comments .post-comment__name{
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: 5px;
}
.thegem-te-post-comments .post-comment__name-author,
.thegem-te-post-comments .post-comment__name-reply,
.thegem-te-post-comments h3.comment-reply-title small{
padding: 0;
margin: 0;
}
.thegem-te-post-comments .post-comment__name-author.default-title,
.thegem-te-post-comments .post-comment__name-reply.default-title,
.thegem-te-post-comments h3.comment-reply-title small{
font-family: var(--thegem-to-h6-font-family);
font-weight: var(--thegem-to-h6-font-weight);
font-style: var(--thegem-to-h6-font-style);
font-size: var(--thegem-to-h6-font-size);
line-height: var(--thegem-to-h6-line-height);
letter-spacing: 0;
color: var(--thegem-to-h6-color);
}
.thegem-te-post-comments .post-comment__name-author a{
color: var(--thegem-to-h6-color);
}
.thegem-te-post-comments .post-comment__name-author a:hover{
color: var(--thegem-to-link-color);
}
.thegem-te-post-comments .post-comment__name-reply{
margin-left: auto;
}
.thegem-te-post-comments .post-comment__name-reply.default-title,
.thegem-te-post-comments h3.comment-reply-title small{
font-size: var(--thegem-to-h6-font-size-small);
}
.thegem-te-post-comments .post-comment__date,
.thegem-te-post-comments .post-comment__desc,
.thegem-te-post-comments .post-comment__desc p{
padding: 0;
margin: 0;
}
.thegem-te-post-comments .post-comment__date,
.thegem-te-post-comments .post-comment__approved{
margin-bottom: 10px;
}
.thegem-te-post-comments .post-comment__desc.default-title,
.thegem-te-post-comments .post-comment__approved.default-title{
font-size: var(--thegem-to-body-font-size);
line-height: var(--thegem-to-body-line-height);
}
.thegem-te-post-comments .post-comment__date.default-title{
font-size: var(--thegem-to-body-tiny-font-size);
line-height: var(--thegem-to-body-tiny-line-height);
}
.thegem-te-post-comments .post-comment__date a{
color: var(--thegem-to-date-filter-subtitle-color);
}
.thegem-te-post-comments .post-comment__date a:hover{
color: var(--thegem-to-link-color-hover);
}
.thegem-te-post-comments .post-comment__approved{
color: var(--thegem-to-link-color);
}
.thegem-te-post-comments .post-comment__desc{
position: relative;
color: var(--thegem-to-body-color);
}
.thegem-te-post-comments .comment-form{
position: relative;
width: 100%;
}
.thegem-te-post-comments .comment-form-message{
margin-bottom: 15px;
}
.thegem-te-post-comments .comment-form label{
margin-bottom: 10px;
}
.thegem-te-post-comments .comment-form input,
.thegem-te-post-comments .comment-form textarea,
.thegem-te-post-comments .comment-form .checkbox-sign{
background-color: transparent;
}
.thegem-te-post-comments .comment-form > .row{
margin-bottom: 0 !important;
}
.thegem-te-post-comments .comment-form .comment-form__line{
margin-top: 25px !important;
}
.thegem-te-post-comments .comment-form .comment-form-cookies-consent{
margin: 30px 0 0 0 !important;
}
.thegem-te-post-comments .comment-form .comment-form-cookies-consent label{
margin-bottom: 0;
}
.thegem-te-post-comments .comment-form-fields{
margin-bottom: 0;
}
.thegem-te-post-comments .form-submit{
position: relative;
display: flex;
margin-top: 30px;
}
.thegem-te-post-comments .form-submit .gem-button{
margin: 0;
border-color: transparent;
color: #FFFFFF;
}
.thegem-te-post-comments.post-comments-btn--left .form-submit{
justify-content: flex-start;
}
.thegem-te-post-comments.post-comments-btn--center .form-submit{
justify-content: center;
}
.thegem-te-post-comments.post-comments-btn--right .form-submit{
justify-content: flex-end;
}
.thegem-te-post-comments.post-comments-btn--fullwidth .form-submit{
justify-content: space-between;
width: 100%;
}
.thegem-te-post-comments.post-comments-btn--fullwidth .form-submit .gem-button{
width: 100%;
}
@media screen and (max-width: 767px){
.thegem-te-post-comments .post-comments__list ul.children{
margin: 0 0 0 25px;
}
.thegem-te-post-comments .post-comment__wrap{
flex-direction: column;
}
.thegem-te-post-comments .post-comment__avatar{
margin-right: 0 !important;
margin-bottom: 25px;
}
} .thegem-template-portfolio .vc_row[data-vc-full-width] {
margin-left: 0;
margin-right: 0;
}
body.single-thegem_templates.compose-mode .thegem-template-portfolio .vc_row[data-vc-full-width] {
margin-left: -21px;
margin-right: -21px;
}
.thegem-template-portfolio .vc_row[data-vc-full-width] > .container {
padding-left: 0;
padding-right: 0;
}
@media (max-width: 1212px){
.thegem-template-portfolio .vc_row[data-vc-full-width] > .container {
width: 100%;
}
}
.thegem-template-portfolio .vc_section[data-vc-full-width] {
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
body.single-thegem_templates.compose-mode .thegem-template-portfolio .vc_section[data-vc-full-width] {
margin-left: -21px;
margin-right: -21px;
}
.thegem-template-portfolio .vc_section[data-vc-full-width] > .container {
padding-left: 0;
padding-right: 0;
}
@media (max-width: 1212px){
.thegem-template-portfolio .vc_section[data-vc-full-width] > .container {
width: 100%;
}
} .thegem-te-custom-fields{
position: relative;
width: 100%;
}
.thegem-te-custom-fields .custom-fields{
position: relative;
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.thegem-te-custom-fields.custom-fields--left .custom-fields{
justify-content: flex-start;
}
.thegem-te-custom-fields.custom-fields--center .custom-fields{
justify-content: center;
}
.thegem-te-custom-fields.custom-fields--right .custom-fields{
justify-content: flex-end;
}
.thegem-te-custom-fields.custom-fields--justify .custom-fields{
justify-content: space-between;
}
.thegem-te-custom-fields.custom-fields--vertical .custom-fields{
flex-direction: column;
}
.thegem-te-custom-fields.custom-fields--vertical.custom-fields--left .custom-fields{
align-items: flex-start;
}
.thegem-te-custom-fields.custom-fields--vertical.custom-fields--center .custom-fields{
align-items: center;
}
.thegem-te-custom-fields.custom-fields--vertical.custom-fields--right .custom-fields{
align-items: flex-end;
}
.thegem-te-custom-fields.custom-fields--vertical .custom-fields-item{
margin-right: 0 !important;
padding-right: 0 !important;
margin-top: 10px;
margin-bottom: 0;
}
.thegem-te-custom-fields.custom-fields--vertical .custom-fields-item:first-child{
margin-top: 5px !important;
}
.thegem-te-custom-fields.custom-fields--vertical .custom-fields-item:last-child{
margin-bottom: 0 !important;
}
.thegem-te-custom-fields.custom-fields--divider-hide .custom-fields-item:after,
.thegem-te-custom-fields.custom-fields--colon-hide .custom-fields-item .item-label .colon{
display: none;
}
.thegem-te-custom-fields .custom-fields-item{
position: relative;
display: inline-flex;
align-items: center;
margin-top: 5px;
margin-bottom: 5px;
margin-right: 10px;
padding-right: 10px;
}
.thegem-te-custom-fields .custom-fields-item:last-child{
padding-right: 0 !important;
margin-right: 0 !important;
}
.thegem-te-custom-fields .custom-fields-item .icon{
margin-right: 5px;
display: inline-flex;
align-items: center;
font-style: normal;
font-weight: normal;
}
.thegem-te-custom-fields .custom-fields-item .icon i{
font-style: normal;
font-weight: normal;
}
.thegem-te-custom-fields .custom-fields-item .icon img{
width: 1em;
height: 1em;
object-fit: contain;
vertical-align: middle;
}
.thegem-te-custom-fields .custom-fields-item .icon svg{
width: 1em;
height: 1em;
vertical-align: middle;
}
.thegem-te-custom-fields .custom-fields-item .label-before{
margin-right: 5px;
}
.thegem-te-custom-fields .custom-fields-item .label-after{
margin-left: 5px;
}
.thegem-te-custom-fields.custom-fields--text-vertical .custom-fields-item{
flex-direction: column;
align-items: flex-start;
}
.thegem-te-custom-fields.custom-fields--center.custom-fields--text-vertical .custom-fields-item{
align-items: center;
text-align: center;
}
.thegem-te-custom-fields.custom-fields--right.custom-fields--text-vertical .custom-fields-item{
align-items: flex-end;
text-align: right;
}
.thegem-te-custom-fields .custom-fields-item .item-label{
display: flex;
flex-wrap: wrap;
align-items: center;
}
.thegem-te-custom-fields .custom-fields-item .item-label,
.thegem-te-custom-fields .custom-fields-item .item-value{
padding: 0;
margin: 0;
}
.thegem-te-custom-fields .custom-fields-item .item-value.text-line-through{
text-decoration: line-through;
}
.thegem-te-custom-fields .custom-fields{
font-family: var(--thegem-to-h6-font-family);
font-style: var(--thegem-to-h6-font-style);
font-weight: var(--thegem-to-h6-font-weight);
font-size: var(--thegem-to-h6-font-size-small);
line-height: var(--thegem-to-h6-line-height-small);
text-transform: none;
letter-spacing: 0;
color: var(--thegem-to-h6-color);
}
.thegem-te-custom-fields .custom-fields .item-label.light,
.thegem-te-custom-fields .custom-fields .item-value.light{
font-family: var(--thegem-to-light-title-font-family);
font-style: var(--thegem-to-light-title-font-style);
font-weight: var(--thegem-to-light-title-font-weight);
}
.thegem-te-custom-fields .custom-fields-item i,
.thegem-te-custom-fields .custom-fields-item .icon img,
.thegem-te-custom-fields .custom-fields-item .icon svg{
font-size: inherit;
line-height: 1em;
}
.thegem-te-custom-fields.custom-fields--table .custom-fields{
display: table;
width: 100%;
}
.thegem-te-custom-fields.custom-fields--table .custom-fields-item{
display: table-row;
margin: 0;
padding: 0;
}
.thegem-te-custom-fields.custom-fields--table .custom-fields-item:not(:last-child):after{
content: '';
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 1px;
height: 20px;
background-color: var(--thegem-to-box-border-color, #D4DEE1);
}
.thegem-te-custom-fields.custom-fields--table .custom-fields-item .item-label,
.thegem-te-custom-fields.custom-fields--table .custom-fields-item .item-value{
display: table-cell;
vertical-align: middle;
padding-top: 16px;
padding-bottom: 16px;
margin: 0;
}
.thegem-te-custom-fields.custom-fields--table .custom-fields-item .item-label{
white-space: nowrap;
}
.thegem-te-custom-fields.custom-fields--table .custom-fields-item .item-value{
white-space: normal;
word-wrap: break-word;
word-break: break-all;
}
.thegem-te-custom-fields.custom-fields--table .custom-fields-item .item-label > div{
display: inline-block;
vertical-align: middle;
}
.thegem-te-custom-fields.custom-fields--table .custom-fields-item .item-value{
width: 100%;
}
.thegem-te-custom-fields.custom-fields--table .custom-fields-item .item-value img{
max-width: 100%;
height: auto;
}
.thegem-te-custom-fields.custom-fields--table .custom-fields-item .item-value iframe{
width: 100%;
}
.thegem-te-custom-fields.custom-fields--table .custom-fields-item .item-value .wp-video{
width: 100% !important;
height: auto;
}
.thegem-te-custom-fields.custom-fields--table.custom-fields--center .custom-fields-item .item-label,
.thegem-te-custom-fields.custom-fields--table.custom-fields--center .custom-fields-item .item-value{
text-align: center;
justify-content: center;
}
.thegem-te-custom-fields.custom-fields--table.custom-fields--right .custom-fields-item .item-label,
.thegem-te-custom-fields.custom-fields--table.custom-fields--right .custom-fields-item .item-value{
text-align: right;
justify-content: flex-end;
}
.thegem-te-custom-fields.custom-fields--table.custom-fields--justify .custom-fields-item .item-label,
.thegem-te-custom-fields.custom-fields--table.custom-fields--justify .custom-fields-item .item-value{
text-align: justify;
justify-content: space-between;
}
.thegem-te-custom-fields.custom-fields--table.custom-fields--justify .custom-fields-item .item-value{
text-align: right;
}
.thegem-te-custom-fields.custom-fields--table.custom-fields--text-vertical .custom-fields-item .item-label > *,
.thegem-te-custom-fields.custom-fields--table.custom-fields--text-vertical .custom-fields-item .item-value > *{
display: block;
}
.thegem-te-custom-fields.custom-fields--table .custom-fields-item:not(:last-child):after{
content: '';
position: absolute;
left: 0;
bottom: 0;
top: auto;
transform: none;
width: 100%;
height: 1px;
background-color: var(--thegem-to-box-border-color, #D4DEE1);
visibility: visible;
opacity: 1;
}
.thegem-te-custom-fields.custom-fields--labels .custom-fields-item {
padding: 0 7px !important;
background-color: var(--thegem-to-h6-color);
border: 1px solid transparent;
}
.thegem-te-custom-fields.custom-fields--labels .custom-fields-item .item-label,
.thegem-te-custom-fields.custom-fields--labels .custom-fields-item .item-value {
color: var(--thegem-to-main-bg-color);
}
.thegem-te-custom-fields .custom-fields .item-value ul.meta-items-list{
position: relative;
display: flex;
flex-wrap: wrap;
list-style-type: none;
padding: 0;
margin: -5px;
}
.thegem-te-custom-fields .custom-fields .item-value ul.meta-items-list li{
position: relative;
display: inline-flex;
align-items: center;
padding: 5px;
}
.thegem-te-custom-fields .custom-fields .item-value ul.meta-items-list li:before{
font-family: 'thegem-icons';
font-style: normal;
font-weight: normal;
margin-right: 5px;
}
.thegem-te-custom-fields .custom-fields .item-value ul.meta-items-list.list-marker--checkbox li:before{
content: '\e647';
}
.thegem-te-custom-fields .custom-fields .item-value ul.meta-items-list.list-marker--arrow-1 li:before{
content: '\e601';
}
.thegem-te-custom-fields .custom-fields .item-value ul.meta-items-list.list-marker--arrow-2 li:before{
content: '\e64c';
}
.thegem-te-custom-fields .custom-fields .item-value ul.meta-items-list.list-marker--double-arrow li:before{
content: '\e653';
}
.thegem-te-custom-fields .custom-fields .item-value ul.meta-items-list.list-marker--check-mark li:before{
content: '\e614';
}
.thegem-te-custom-fields .custom-fields .item-value ul.meta-items-list.list-marker--disc-style-1 li:before{
content: '\e617';
}
.thegem-te-custom-fields .custom-fields .item-value ul.meta-items-list.list-marker--disc-style-2 li:before{
content: '\e651';
}
.thegem-te-custom-fields .custom-fields .item-value ul.meta-items-list.list-marker--cross li:before{
content: '\e619';
}
.thegem-te-custom-fields .custom-fields .item-value ul.meta-items-list.list-marker--square li:before{
content: '\e618';
}
.thegem-te-custom-fields .custom-fields .item-value ul.meta-items-list.list-marker--plus li:before{
content: '\e652';
}
.thegem-te-custom-fields .custom-fields .bordered-box{
width: 100%;
color: var(--thegem-to-body-color);
}
.thegem-te-custom-fields .custom-fields-item, 
.thegem-te-custom-fields .custom-fields-item * {
max-width: 100%;
}
.thegem-te-custom-fields .custom-fields .item-value img {
max-width: 100%;
height: auto;
}
.thegem-te-custom-fields .custom-fields .custom-fields-item.map-field-item {
width: 100%;
}
.thegem-te-custom-fields .custom-fields .custom-fields-item.map-field-item .item-value {
flex-grow: 1;
}
.thegem-te-custom-fields.custom-fields--text-vertical .custom-fields-item.map-field-item .item-value {
width: 100%;
}
.thegem-te-custom-fields .custom-fields .item-value .acf-map {
width: 100%;
height: 400px;
margin: 20px 0;
} .title-main-menu{
font-family: var(--thegem-to-menu-font-family);
font-style: var(--thegem-to-menu-font-style);
font-weight: var(--thegem-to-menu-font-weight);
text-transform: var(--thegem-to-menu-text-transform);
font-size: var(--thegem-to-menu-font-size);
line-height: var(--thegem-to-menu-line-height);
letter-spacing: var(--thegem-to-menu-letter-spacing, 0);
}
.title-main-menu.light{
font-family: var(--thegem-to-light-title-font-family);
font-style: var(--thegem-to-light-title-font-style);
font-weight: var(--thegem-to-light-title-font-weight);
}
.title-text-body{
font-family: var(--thegem-to-body-font-family);
font-style: var(--thegem-to-body-font-style);
font-weight: var(--thegem-to-body-font-weight);
text-transform: var(--thegem-to-body-text-transform, none);
font-size: var(--thegem-to-body-font-size);
line-height: var(--thegem-to-body-line-height);
letter-spacing: var(--thegem-to-body-letter-spacing);
}
.title-text-body.light{
font-family: var(--thegem-to-light-title-font-family);
font-style: var(--thegem-to-light-title-font-style);
font-weight: var(--thegem-to-light-title-font-weight);
}
.title-text-body-tiny{
font-family: var(--thegem-to-body-tiny-font-family);
font-style: var(--thegem-to-body-tiny-font-style);
font-weight: var(--thegem-to-body-tiny-font-weight);
text-transform: var(--thegem-to-body-tiny-text-transform, none);
font-size: var(--thegem-to-body-tiny-font-size);
line-height: var(--thegem-to-body-tiny-line-height);
letter-spacing: var(--thegem-to-body-tiny-letter-spacing);
}
.title-text-body-tiny.light{
font-family: var(--thegem-to-light-title-font-family);
font-style: var(--thegem-to-light-title-font-style);
font-weight: var(--thegem-to-light-title-font-weight);
}
.title-default.italic,
.title-h1.italic,
.title-h2.italic,
.title-h3.italic,
.title-h4.italic,
.title-h5.italic,
.title-h6.italic,
.title-xlarge.italic,
.styled-subtitle.italic,
.title-main-menu.italic,
.title-text-body.italic,
.title-text-body-tiny.italic{
font-style: italic;
}
.title-default.transform-none,
.title-h1.transform-none,
.title-h2.transform-none,
.title-h3.transform-none,
.title-h4.transform-none,
.title-h5.transform-none,
.title-h6.transform-none,
.title-xlarge.transform-none,
.styled-subtitle.transform-none,
.title-main-menu.transform-none,
.title-text-body.transform-none,
.title-text-body-tiny.transform-none{
text-transform: none;
}
.title-default.uppercase,
.title-h1.uppercase,
.title-h2.uppercase,
.title-h3.uppercase,
.title-h4.uppercase,
.title-h5.uppercase,
.title-h6.uppercase,
.title-xlarge.uppercase,
.styled-subtitle.uppercase,
.title-main-menu.uppercase,
.title-text-body.uppercase,
.title-text-body-tiny.uppercase{
text-transform: uppercase;
}
.title-default.lowercase,
.title-h1.lowercase,
.title-h2.lowercase,
.title-h3.lowercase,
.title-h4.lowercase,
.title-h5.lowercase,
.title-h6.lowercase,
.title-xlarge.lowercase,
.styled-subtitle.lowercase,
.title-main-menu.lowercase,
.title-text-body.lowercase,
.title-text-body-tiny.lowercase{
text-transform: lowercase;
}
.title-default.capitalize,
.title-h1.capitalize,
.title-h2.capitalize,
.title-h3.capitalize,
.title-h4.capitalize,
.title-h5.capitalize,
.title-h6.capitalize,
.title-xlarge.capitalize,
.styled-subtitle.capitalize,
.title-main-menu.capitalize,
.title-text-body.capitalize,
.title-text-body-tiny.capitalize{
text-transform: capitalize;
} .thegem-te-product-price{
position: relative;
}
.thegem-te-product-price .price{
display: flex;
width: 100%;
align-items: flex-end;
font-family: var(--thegem-to-product-price-font-family);
font-style: var(--thegem-to-product-price-font-style);
font-weight: var(--thegem-to-product-price-font-weight);
text-transform: var(--thegem-to-product-price-text-transform);
font-size: var(--thegem-to-product-price-font-size);
line-height: var(--thegem-to-product-price-line-height);
letter-spacing: var(--thegem-to-product-price-letter-spacing);
color: var(--thegem-to-product-price-color);
}
.thegem-te-product-price .price ins{
text-decoration: none;
}
.thegem-te-product-price .price del{
position: relative;
margin-bottom: 1px;
margin-right: 10px;
text-decoration: none;
opacity: 0.5;
}
.thegem-te-product-price .price span{
padding: 0;
margin: 0;
}
.thegem-te-product-price .price .title-default del{
font-family: var(--thegem-to-product-price-font-family);
font-style: var(--thegem-to-product-price-font-style);
font-weight: var(--thegem-to-product-price-font-weight);
text-transform: var(--thegem-to-product-price-text-transform);
font-size: calc(var(--thegem-to-product-price-font-size) * 0.7857);
line-height: calc(var(--thegem-to-product-price-font-size) * 0.7857);
letter-spacing: var(--thegem-to-product-price-letter-spacing);
color: var(--thegem-to-product-price-color);
}
.thegem-te-product-price .price .title-h1 del{
font-size: calc(var(--thegem-to-h1-font-size) * 0.7857);
line-height: calc(var(--thegem-to-h1-line-height) * 0.7857);
}
.thegem-te-product-price .price .title-h2 del{
font-size: calc(var(--thegem-to-h2-font-size) * 0.7857);
line-height: calc(var(--thegem-to-h2-line-height) * 0.7857);
}
.thegem-te-product-price .price .title-h3 del{
font-size: calc(var(--thegem-to-h3-font-size) * 0.7857);
line-height: calc(var(--thegem-to-h3-line-height) * 0.7857);
}
.thegem-te-product-price .price .title-h4 del{
font-size: calc(var(--thegem-to-h4-font-size) * 0.7857);
line-height: calc(var(--thegem-to-h4-line-height) * 0.7857);
}
.thegem-te-product-price .price .title-h5 del{
font-size: calc(var(--thegem-to-h5-font-size) * 0.7857);
line-height: calc(var(--thegem-to-h5-line-height) * 0.7857);
}
.thegem-te-product-price .price .title-h6 del{
font-size: calc(var(--thegem-to-h6-font-size) * 0.7857);
line-height: calc(var(--thegem-to-h6-line-height) * 0.7857);
}
.thegem-te-product-price .price .title-xlarge del{
font-size: calc(var(--thegem-to-xlarge-title-font-size) * 0.7857);
line-height: calc(var(--thegem-to-xlarge-title-line-height) * 0.7857);
}
.thegem-te-product-price .price .styled-subtitle del{
font-size: calc(var(--thegem-to-styled-subtitle-font-size) * 0.7857);
line-height: calc(var(--thegem-to-styled-subtitle-line-height) * 0.7857);
}
.thegem-te-product-price .price .title-main-menu del{
font-size: calc(var(--thegem-to-menu-font-size) * 0.7857);
line-height: calc(var(--thegem-to-menu-line-height) * 0.7857);
}
.thegem-te-product-price .price .title-text-body del{
font-size: calc(var(--thegem-to-body-font-size) * 0.7857);
line-height: calc(var(--thegem-to-body-line-height) * 0.7857);
}
.thegem-te-product-price .price .title-text-body-tiny del{
font-size: calc(var(--thegem-to-body-tiny-font-size) * 0.7857);
line-height: calc(var(--thegem-to-body-tiny-line-height) * 0.7857);
}
.thegem-te-product-price .price del:before{
content: '';
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 1px;
background-color: var(--thegem-to-product-price-color);
}
.thegem-te-product-price .price.not-strikethrough del:before{
display: none;
}
.thegem-template-loop-item .thegem-te-product-price .price {
font-family: var(--thegem-to-product-grid-price-font-family);
font-style: var(--thegem-to-product-grid-price-font-style);
font-weight: var(--thegem-to-product-grid-price-font-weight);
text-transform: var(--thegem-to-product-grid-price-text-transform);
font-size: var(--thegem-to-product-grid-price-font-size);
line-height: var(--thegem-to-product-grid-price-line-height);
letter-spacing: var(--thegem-to-product-grid-price-letter-spacing);
color: var(--thegem-to-product-grid-price-color);
} .thegem-te-loop-product-add-to-cart .cart {
display: flex;
}
.thegem-te-loop-product-add-to-cart .cart.type_button .button {
width: auto;
height: auto;
font-size: 14px;
line-height: 1;
padding: 7px 15px;
margin: 4px 0;
border-radius: 14px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-content: center;
}
.thegem-te-loop-product-add-to-cart .cart.type_button .button i {
color: currentColor;
font-size: 16px;
line-height: 1;
}
.thegem-te-loop-product-add-to-cart .cart i.default:before {
content: "\e660";
font-style: normal;
font-family: 'thegem-icons';
font-weight: normal;
-webkit-font-smoothing: initial;
vertical-align: middle;
}
.thegem-te-loop-product-add-to-cart .cart.type_button .button .space {
display: inline-block;
width: 7px;
}
.thegem-te-loop-product-add-to-cart .cart.variable-type-button i.default:before {
content: "\e661";
font-style: normal;
font-family: 'thegem-icons';
font-weight: normal;
-webkit-font-smoothing: initial;
}
.thegem-te-loop-product-add-to-cart .cart.type_button .button .button-text {
margin: 0;
color: inherit;
}
.thegem-te-loop-product-add-to-cart .cart.icon .button {
width: 32px !important;
height: 32px !important;
line-height: 32px !important;
margin: 0;
font-size: 0;
letter-spacing: 0;
padding: 0;
visibility: visible;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-content: center;
}
.thegem-te-loop-product-add-to-cart .cart.icon .button i {
font-size: 16px !important;
line-height: 1;
color: currentColor;
}
.thegem-te-loop-product-add-to-cart .cart {
justify-content: center;
}
.thegem-te-loop-product-add-to-cart .cart.alignment-left {
justify-content: start;
}
.thegem-te-loop-product-add-to-cart .cart.alignment-right {
justify-content: end;
}
.thegem-te-loop-product-add-to-cart .cart.alignment-fullwidth .button {
width: 100%;
}
.thegem-te-loop-product-add-to-cart .added_to_cart {
display: none;
}
.thegem-te-loop-product-add-to-cart .cart .button.loading {
bottom: auto;
left: auto;
position: static;
right: auto;
top: auto;
z-index: 2;
} .thegem-popup-notification-wrap.loop-product-add-to-cart-popup-notification .thegem-popup-notification {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
height: 200px;
text-align: center;
font-size: 16px;
line-height: 2;
background: linear-gradient(180deg, rgba(33, 34, 39, 0) 0%, rgba(33, 34, 39, 0.3) 100%);
margin: 0 !important;
z-index: 10000;
-webkit-transform: translateY(50px);
transform: translateY(50px);
opacity: 0;
visibility: hidden;
pointer-events: none;
-webkit-transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transition-property: opacity, visibility, -webkit-transform;
transition-property: opacity, visibility, -webkit-transform;
transition-property: opacity, visibility, transform;
transition-property: opacity, visibility, transform, -webkit-transform;
display: flex;
justify-content: center;
}
.thegem-popup-notification-wrap.loop-product-add-to-cart-popup-notification .thegem-popup-notification.visible {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
visibility: visible;
pointer-events: auto;
}
@supports (-webkit-touch-callout: none) {
.thegem-popup-notification-wrap.loop-product-add-to-cart-popup-notification .thegem-popup-notification {
top: 0;
bottom: initial;
background: linear-gradient(0deg, rgba(33, 34, 39, 0) 0%, rgba(33, 34, 39, 0.3) 100%);
-webkit-transform: translateY(-50px);
transform: translateY(-50px);
}
}
.thegem-popup-notification-wrap.loop-product-add-to-cart-popup-notification .thegem-popup-notification .notification-message {
max-width: 95%;
position: absolute;
bottom: 30px;
color: inherit;
padding: 12px 18px;
}
@supports (-webkit-touch-callout: none) {
.thegem-popup-notification-wrap.loop-product-add-to-cart-popup-notification .thegem-popup-notification .notification-message {
top: 30px;
bottom: initial;
}
}
.thegem-popup-notification-wrap.loop-product-add-to-cart-popup-notification .thegem-popup-notification .notification-message:before {
content: "";
font-family: "thegem-icons";
font-weight: normal;
font-style: normal;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-variant: normal;
text-rendering: auto;
line-height: 0.7;
margin-right: 8px;
font-size: 1.5em;
vertical-align: middle;
}
.thegem-popup-notification-wrap.loop-product-add-to-cart-popup-notification .thegem-popup-notification .notification-message span.buttons {
display: inline-block;
}
@media (max-width: 767px) {
.thegem-popup-notification-wrap.loop-product-add-to-cart-popup-notification .thegem-popup-notification .notification-message span.buttons {
width: 100%;
}
.thegem-popup-notification-wrap.loop-product-add-to-cart-popup-notification .thegem-popup-notification .notification-message span.buttons a.button:first-child {
margin-left: 0;
}
}
.thegem-popup-notification-wrap.loop-product-add-to-cart-popup-notification .thegem-popup-notification .notification-message a.button {
width: fit-content;
width: -webkit-fit-content;
height: auto;
font-size: 14px;
line-height: 1;
padding: 3px 15px 4px 15px;
margin-left: 10px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;
-webkit-user-select: none;
-webkit-appearance: none;
transition: all 0.3s;
} .thegem-te-loop-product-rating{
position: relative;
}
.thegem-te-loop-product-rating .product-rating{
display: flex;
align-items: center;
justify-content: flex-start;
width: 100%;
gap: 5px;
}
.thegem-te-loop-product-rating .product-rating .star-rating {
font-family: 'thegem-icons';
font-style: normal;
font-size: 18px;
height: 1em;
line-height: 1em;
overflow: hidden;
position: relative;
width: 5em;
margin: 0;
}
.thegem-te-loop-product-rating .product-rating .star-rating:before{
content: '\e61a\e61a\e61a\e61a\e61a';
float: left;
left: 0;
position: absolute;
top: -1px;
color: var(--thegem-to-product-rating-stars-base-color, #b6c6c9);
}
.thegem-te-loop-product-rating .product-rating .star-rating span {
float: left;
left: 0;
overflow: hidden;
padding-top: 1.5em;
position: absolute;
top: -1px;
}
.thegem-te-loop-product-rating .product-rating .star-rating > span:before {
content: '\e61a\e61a\e61a\e61a\e61a';
left: 0;
position: absolute;
top: 0;
color: var(--thegem-to-product-rating-stars-rated-color, #ffc107);
}blockquote{
margin: 0;
font-size: 24px;
line-height: 37px;
padding: 67px 87px;
background-color: #f3f5f6;
position: relative;
}
blockquote:after {
position: absolute;
font-family: thegem-icons;
font-style: normal;
content: '\e60c';
font-size: 76px;
line-height: 37px;
font-weight: normal;
right: 67px;
bottom: 7px;
color: #a3e7f0;
}
.gem-quote {
margin-bottom: 3em;
position: relative;
overflow: hidden;
}
.gem-quote blockquote div,
.gem-quote blockquote p,
.gem-quote blockquote{
margin: 0;
}
.gem-quote.gem-quote-style-default {
padding: 3px;
border: 1px solid #c9d2d9;
}
.gem-quote.gem-quote-style-default blockquote {
margin: 0px;
font-size: 24px;
line-height: 37px;
font-weight: 100;
padding: 60px 80px;
border: 1px solid #e9edf0;
}
.gem-quote.gem-quote-style-1 {
font-size: 24px;
line-height: 37px;
padding: 67px 87px;
font-weight: 200;
background-color: #f3f5f6;
}
.gem-quote.gem-quote-style-2 {
color: #bcc6cd;
font-weight: 200;
padding: 67px 87px;
font-size: 24px;
line-height: 37px;
background-color: #2c3e50;
}
.gem-quote.gem-quote-style-2 blockquote {
color: #b6c6c9;
}
.gem-quote.gem-quote-style-3 blockquote{
text-transform: uppercase;
margin: 0px;
font-size: 19px;
padding: 67px 87px;
letter-spacing: 0.085em;
line-height: 1.85em;
border: 1px solid #e9edf0;
}
.gem-quote.gem-quote-style-3{
padding: 4px;
color: #2c3e50;
border: 1px solid #c9d2d9;
}
.gem-quote.gem-quote-style-4 {
color: #2c3e50;
letter-spacing: 0.085em;
padding: 72px 92px;
background-color: #f3f5f6;
text-transform: uppercase;
}
.gem-quote.gem-quote-style-5 {
padding: 72px 92px;
text-transform: uppercase;
letter-spacing: 0.085em;
background-color: #2c3e50;
color: #ffffff;
}
.gem-quote .custom-color-blockqute-mark,
.gem-quote.gem-quote-style-default:after,
.gem-quote.gem-quote-style-1:after,
.gem-quote.gem-quote-style-2:after,
.gem-quote.gem-quote-style-3:after,
.gem-quote.gem-quote-style-4:after,
.gem-quote.gem-quote-style-5:after{
position: absolute;
font-family: thegem-icons;
font-style: normal;
content: '\e60c';
font-size: 76px;
right: 67px;
}
.gem-quote.gem-quote-style-1 blockquote,
.gem-quote.gem-quote-style-2 blockquote,
.gem-quote.gem-quote-style-4 blockquote,
.gem-quote.gem-quote-style-5 blockquote {
padding: 0;
background-color: transparent;
}
.gem-quote.gem-quote-style-default blockquote,
.gem-quote.gem-quote-style-3 blockquote {
background-color: transparent;
}
.gem-quote.gem-quote-style-default blockquote:after,
.gem-quote.gem-quote-style-1 blockquote:after,
.gem-quote.gem-quote-style-2 blockquote:after,
.gem-quote.gem-quote-style-3 blockquote:after,
.gem-quote.gem-quote-style-4 blockquote:after,
.gem-quote.gem-quote-style-5 blockquote:after {
display: none;
}
.gem-quote.gem-quote-style-2.gem-quote .custom-color-blockqute-mark,
.gem-quote.gem-quote-style-1.gem-quote .custom-color-blockqute-mark,
.gem-quote.gem-quote-style-1:after,
.gem-quote.gem-quote-style-2:after,
.gem-quote.gem-quote-style-4:after,
.gem-quote.gem-quote-style-5:after{
bottom: 6px;
}
.custom-color-blockqute-mark-added.gem-quote:after {
display: none;
}
.gem-quote .custom-color-blockqute-mark,
.gem-quote .custom-color-blockqute-mark,
.gem-quote.gem-quote-style-default:after,
.gem-quote.gem-quote-style-3:after
{
bottom: 11px;
}
.gem-quote.gem-quote-style-default:after {
color: #e7ebee;
}
.gem-quote.gem-quote-style-1:after{
color: #a3e7f0;
}
.gem-quote.gem-quote-style-2:after{
color: #4dd0e1;
}
.gem-quote.gem-quote-style-3:after{
color: #e7ebee;
}
.gem-quote.gem-quote-style-4:after{
color: #a3e7f0;
}
.gem-quote.gem-quote-style-5:after{
color: #4dd0e1;
}
.gem-quote.gem-quote-style-1.gem-quote-no-paddings,
.gem-quote.gem-quote-style-2.gem-quote-no-paddings,
.gem-quote.gem-quote-style-4.gem-quote-no-paddings,
.gem-quote.gem-quote-style-5.gem-quote-no-paddings
{
padding-left: 50px;
padding-right: 20px;
padding-top: 50px;
padding-bottom: 50px;
}
@media (max-width:767px) {
.gem-quote.gem-quote-style-1,
.gem-quote.gem-quote-style-2,
.gem-quote.gem-quote-style-4,
.gem-quote.gem-quote-style-5,
.gem-quote.gem-quote-style-1.gem-quote-no-paddings,
.gem-quote.gem-quote-style-2.gem-quote-no-paddings,
.gem-quote.gem-quote-style-4.gem-quote-no-paddings,
.gem-quote.gem-quote-style-5.gem-quote-no-paddings {
padding-left: 25px;
padding-right: 10px;
padding-top: 25px;
padding-bottom: 50px;
}
}
.gem-quote.gem-quote-style-default.gem-quote-no-paddings blockquote,
.gem-quote.gem-quote-style-3.gem-quote-no-paddings blockquote{
padding-left: 39px;
padding-right: 20px;
padding-top: 44px;
padding-bottom: 50px;
}
@media (max-width:767px) {
.gem-quote.gem-quote-style-default blockquote,
.gem-quote.gem-quote-style-3 blockquote,
.gem-quote.gem-quote-style-default.gem-quote-no-paddings blockquote,
.gem-quote.gem-quote-style-3.gem-quote-no-paddings blockquote {
padding-left: 19px;
padding-right: 10px;
padding-top: 22px;
padding-bottom: 50px;
}
}
.gem-quote.gem-quote-style-default.custom-color-blockqute-mark-added.gem-quote-no-paddings .custom-color-blockqute-mark,
.gem-quote.gem-quote-style-1.custom-color-blockqute-mark-added.gem-quote-no-paddings .custom-color-blockqute-mark,
.gem-quote.gem-quote-style-2.custom-color-blockqute-mark-added.gem-quote-no-paddings .custom-color-blockqute-mark,
.gem-quote.gem-quote-style-4.custom-color-blockqute-mark-added.gem-quote-no-paddings .custom-color-blockqute-mark,
.gem-quote.gem-quote-style-5.custom-color-blockqute-mark-added.gem-quote-no-paddings .custom-color-blockqute-mark,
.gem-quote.gem-quote-style-default.gem-quote-no-paddings:after,
.gem-quote.gem-quote-style-1.gem-quote-no-paddings:after,
.gem-quote.gem-quote-style-2.gem-quote-no-paddings:after,
.gem-quote.gem-quote-style-4.gem-quote-no-paddings:after,
.gem-quote.gem-quote-style-5.gem-quote-no-paddings:after {
font-size: 67px;
right: 35px;
bottom: 4px;
}
.gem-quote.gem-quote-style-default.gem-quote-no-paddings:after,
.gem-quote.gem-quote-style-3.gem-quote-no-paddings:after {
font-size: 67px;
right: 35px;
bottom: 10px;
} .wpb_text_column ul li {
position: relative;
list-style: none;
padding-bottom: 6px;
}
.wpb_text_column ul li ul,
.wpb_text_column ol li ol{
padding-bottom: 5px;
padding-left: 30px;
padding-top: 5px;
}
.wpb_text_column ul li:before {
left: -12px;
content: "";
height: 3px;
width: 3px;
position: absolute;
background-color: #002b36;
border-radius: 50%;
top: 12px;
}
.wpb_text_column ol li {
position: relative;
padding-bottom: 6px;
}
.wpb_text_column ol {
list-style: none;
counter-reset:li;
}
.wpb_text_column ol li:before {
content:counter(li);
counter-increment:li;
position:absolute;
counter-reset: section;
top:-4px;
left:-2em;
width:2em;
padding:4px 0;
font-weight:bold;
text-align:center;
}
.wpb_text_column .yith-wcwl-share ul li:before {
display: none;
} .gem-list {
margin-bottom: 1.421em;
}
.gem-list > ul {
list-style: none;
padding-left: 1.2em;
margin: 0;
}
.gem-list > ul > li {
position: relative;
text-indent: -1.2em;
margin-bottom: 0.7em;
}
.gem-list > ul > li:last-child {
margin-bottom: 0;
}
.gem-list > ul > li:before {
font-family: 'thegem-icons';
font-style: normal;
font-weight: normal;
content: '\e601';
font-size: 16px;
vertical-align: top;
display: inline-block;
width: 21px;
text-indent: 0;
}
.gem-list.gem-list-type-check > ul > li:before {
content: '\e614';
}
.gem-list.gem-list-type-arrow > ul > li:before {
content: '\e64c';
}
.gem-list.gem-list-type-double-arrow > ul > li:before {
content: '\e653';
}
.gem-list.gem-list-type-check-style-1  > ul > li:before {
content: '\e614';
}
.gem-list.gem-list-type-check-style-2  > ul > li:before {
content: '\e650';
}
.gem-list.gem-list-type-disc-style-1  > ul > li:before {
content: '\e617';
}
.gem-list.gem-list-type-disc-style-2  > ul > li:before {
content: '\e651';
}
.gem-list.gem-list-type-checkbox  > ul > li:before {
content: '\e647';
}
.gem-list.gem-list-type-cross > ul > li:before {
content: '\e619';
}
.gem-list.gem-list-type-snowflake-style-1 > ul > li:before {
content: '\e644';
}
.gem-list.gem-list-type-snowflake-style-2 > ul > li:before {
content: '\e645';
}
.gem-list.gem-list-type-square > ul > li:before {
content: '\e618';
}
.gem-list.gem-list-type-disc > ul > li:before {
content: '\e617';
}
.gem-list.gem-list-type-star > ul > li:before {
content: '\e61a';
}
.gem-list.gem-list-type-plus > ul > li:before {
content: '\e652';
}
.gem-list.gem-list-type-Label > ul > li:before {
content: '\e648';
}
.gem-list.gem-list-color-1  > ul > li:before{
color: #3c3950;
}
.gem-list.gem-list-color-2   > ul > li:before{
color: #00bfa5;
}
.gem-list.gem-list-color-3  > ul > li:before {
color: #00bcd4;
}
.gem-list.gem-list-color-4  > ul > li:before {
color: #ffb932;
}
.gem-list.gem-list-color-5  > ul > li:before {
color: #f44336;
}
.gem-list.gem-list-color-6  > ul > li:before {
color: #7e57c2;
}
.gem-list.gem-list-color-7  > ul > li:before {
color: #d500f9;
}
.gem-list.gem-list-color-8  > ul > li:before {
color: #8d6e63;
}
.gem-list.gem-list-color-9  > ul > li:before {
color: #f26c4f;
}
.gem-list.gem-list-color-10 > ul > li:before {
color: #ad1457;
}
.gem-list.gem-list-color-11 > ul > li:before {
color: #afb42b;
}
.gem-list.gem-list-color-12 > ul > li:before {
color: #ffffff;
}
.gem-list.gem-list-color-13 > ul > li:before {
color: #e5bf93;
}
.gem-list .gem-list  > ul > li:before {
color: #5f727f;
} .gem-table {
margin-bottom: 1.421em;
}
.gem-table table {
width: 100%;
}
.gem-table thead th {
padding: 17px;
text-transform: uppercase;
}
.gem-table td {
padding: 16px;
}
.gem-table table {
border: medium none !important;
overflow: visible;
}
.gem-table.gem-table-style-3 {
border: medium none;
overflow: visible;
}
@media (max-width: 768px) {
.gem-table.gem-table-responsive {
border: 0 none;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
}
.gem-table-responsive .tabletolist > li span
{
margin-bottom: 30px;
}
.gem-table-responsive .tabletolist .titles {
border: medium none;
margin: 0;
background-color: #f4f7f6;
}
.gem-table-responsive .tabletolist .row_headers {
border-right: 1px solid #dfe5e8;
}
.gem-table-responsive .tabletolist > li
{
margin-bottom: 30px;
}
.gem-table-responsive.gem-table-style-1 .tabletolist > li  li:nth-child(even) {
background-color: #f4f7f6;
}
.gem-table-responsive.gem-table-style-2 .tabletolist > li span.titles {
border:medium  none;
}
.gem-table-responsive.gem-table-style-3  .tabletolist > li,
.gem-table-responsive.gem-table-style-3  .tabletolist .row_headers,
.gem-table-responsive.gem-table-style-3  .tabletolist > li span{
border: medium none;
}
.gem-table-responsive.gem-table-style-3 .tabletolist > li .titles {
background-color: #46485c;
}
.gem-table-responsive.gem-table-style-3 .tabletolist > li  li:nth-child(odd) {
background-color: #f4f7f6;
}
.gem-table-responsive.gem-table-style-3 .tabletolist > li  li:nth-child(odd) .row_headers{
background-color: #f0f3f2;
}
.gem-table-responsive.gem-table-style-3 .tabletolist > li  li:nth-child(even){
background-color: #ebf0ef;
}
.gem-table-responsive.gem-table-style-3 .tabletolist > li  li:nth-child(even) .row_headers{
background-color: #e6ebe9;
}
.gem-table-responsive .tabletolist,
.gem-table-responsive .tabletolist > li > ul {
margin: 0;
padding: 0;
list-style: none;
}
.gem-table-responsive .tabletolist > li > ul {
display: table;
width: 100%;
}
.gem-table-responsive .tabletolist > li > ul > li {
display: table-row;
}
.gem-table-responsive .tabletolist .row_headers,
.gem-table-responsive .tabletolist .row_data {
display: table-cell;
padding: 17px;
vertical-align: middle;
}
.gem-table-responsive.gem-table-style-1 .tabletolist.nrh .row_headers {
font-weight: bold;
}
.gem-table-responsive .tabletolist.rh > li > .titles {
display: block;
padding: 14px;
text-align: center;
text-transform: uppercase;
}
.gem-table-style-1 .tabletolist.rh > li > .titles {
position: relative;
}
.gem-table-responsive .tabletolist.rh .row_data,
.gem-table-responsive .tabletolist.rh .row_headers{
text-align: center;
}
}
.gem-table-style-1.gem-table{
border: medium none;
}
.gem-table-style-3 tr:nth-child(even) td {
background-color: #e6ebe9;
}
.gem-table-style-3 tr:nth-child(even) td:nth-child(even) {
background-color: #ebf0ef;
}
.gem-table-style-3 tr:nth-child(odd) td{
background-color: #f4f7f6;
}
.gem-table-style-3 thead tr th:nth-child(even) {
background-color: #46485c;
}
.gem-table-style-1 tr:nth-child(even) td {
background-color: #f4f7f6;
}
.gem-table-style-2 thead tr {
background-color: #f4f7f6;
}
.gem-table-style-2.gem-table {
border: medium none ;
}
.gem-table-responsive .tabletolist.rh > li:first-child > .titles {
border-top: medium none;
}
.gem-table h1,
.gem-table h2,
.gem-table h3,
.gem-table h4,
.gem-table h5,
.gem-table h6 {
margin: 0px;
}
.custom-header  .title-xlarge {
margin: 0.4em 0;
}
.custom-header-subtitle span {
display: block;
}
.gem-custom-header-icon-position-centered {
text-align: center;
}
.gem-custom-header-icon-position-left .gem-icon {
float: left;
}
.gem-custom-header-icon-position-left .gem-custom-header-conteiner{
text-align: right;
}
.gem-custom-header-icon-position-right .gem-icon {
float: right;
}
.gem-custom-header-icon-position-left .custom-header-title,
.gem-custom-header-icon-position-left .custom-header-subtitle{
float: right;
clear: right;
}
.gem-custom-header-icon-position-left {
text-align: right;
}
.gem-custom-header-icon-position-right {
text-align: left;
}
.gem-custom-header-icon-position-centered {
text-align: center;
}
.custom-header .breadcrumbs {
width: 100%;
}
.gem-custom-header-icon-position-centered .gem-icon {
float: none;
display: inline-block;
}
.gem-custom-header-icon-position-centered .gem-custom-header-conteiner {
width: 100%;
text-align: center;
}
.gem-custom-header-icon-position-centered .styled-subtitle .light {
display: inline-block;
}
.custom-header.gem-custom-header-no-icon .gem-icon {
display: none;
}
.gem-custom-header-icon-position-centered .container {
padding: 0;
}
.custom-header .container {
position: inherit;
}
.gem-custom-header-icon-position-left .breadcrumbs {
right: 21px;
}
.gem-custom-header-icon-position-right .breadcrumbs {
left: 21px;
}
body .site-main .custom-header .gem-icon {
margin-top: 50px;
}
.custom-header h1 ,
.custom-header h2,
.custom-header h3,
.custom-header h4,
.custom-header h5,
.custom-header h6{
margin-top: 50px;
}
.gem-custom-header-icon-position-centered  h1{
margin-top: 30px;
}
.gem-custom-header-icon-position-centered {
padding-top: 20px;
}
.custom-header h1 {
margin-bottom: 20px;
}
.gem-custom-header-icon-position-centered  .gem-custom-header-conteiner {
display: inline-block;
width: 100%;
}
.gem-custom-header-icon-position-centered .gem-custom-header-conteiner .custom-header-title,
.gem-custom-header-icon-position-centered .gem-custom-header-conteiner .custom-header-subtitle{
width: 100%;
}
.gem-custom-header-no-icon .custom-header-title span {
display: inline;
}
.custom-header-title span{
display: inline-block;
}
.custom-header  .breadcrumbs {
position: absolute;
bottom: 10px;
}
.custom-header .gem-icon-shape-none {
border: none !important;
}
.custom-header.centreed_breadcrumbs .breadcrumbs {
text-align: center;
}
.breadcrumbs .current {
color: #e7ff89;
padding-bottom: 12px;
border-bottom: 3px solid #e7ff89;
}
.bc-devider:before {
font-family: thegem-icons;
font-style: normal;
width: 20px;
vertical-align: middle;
padding: 0px 12px;
content:  '\e64c';
}
@media (max-width: 768px) {
.custom-header  .breadcrumbs{
right: 0 !important;
left: 0 !important;
text-align: center !important;
}
.gem-custom-header-icon-position-left .custom-header-title,
.gem-custom-header-icon-position-left .custom-header-subtitle {
float: none;
}
}
@media (max-width: 1080px) {
.custom-header .custom-header-title span{
max-width: 800px !important;
}
.custom-header .custom-header-title span{
max-width: 800px !important;
}
}
@media  (min-width:980px) and (max-width:1200px) {
.row .custom-header {
padding-top: 120px !important;
}
}
@media (max-width: 980px) {
.custom-header .custom-header-title span{
max-width: 600px !important;
}
.custom-header .custom-header-title span{
max-width: 600px !important;
}
.gem-custom-header-icon-position-centered .custom-header-title{
margin: 0 auto;
text-align: center !important;
}
}
@media (max-width: 880px) {
.custom-header .custom-header-title span{
max-width: 480px !important;
}
.custom-header .custom-header-title span{
max-width: 480px !important;
}
}
@media (max-width: 767px) {
.custom-header .custom-header-title {
max-width: 550px !important;
margin: 0 auto;
text-align: center;
float: none;
}
.custom-header .custom-header-title span{
max-width: 550px !important;
margin: 0 auto;
text-align: center !important;
float: none;
}
.custom-header .custom-header-title span h1{
font-size: 2.6em !important;
}
.custom-header .gem-icon {
display: inline-block;
float: none;
}
.custom-header {
text-align: center;
}
.styled-subtitle .light {
text-align: center;
}
.gem-icon-size-big {
font-size: 95px;
width: 95px;
height: 95px;
line-height: 95px;
}
}  .contact-form-footer input{
padding-top: 21px;
border-radius: 3px;
padding-bottom: 17px;
}
.wpcf7 .wpcf7-form .contact-form-footer textarea {
height: 95px;
width: 100%;
}
.wpcf7 .wpcf7-form .contact-form-footer .wpcf7-submit {
width: 100%;
padding: 11px;
margin: 0;
line-height: 0;
}
.site-footer .contact-form-footer .wpcf7-form-control-wrap .wpcf7-form-control {
padding: 7px !important;
}
.site-footer #colophon .widget-title {
margin-bottom: 42px;
}
.site-footer .widget_contacts .gem-contacts div{
line-height: inherit;
display: block;
}
.site-footer .gem-contacts-item.gem-contacts-address {
border-bottom: 1px solid #393d50;
padding-bottom: 30px;
margin-top: -15px;
}
.site-footer .gem-contacts-item.gem-contacts-phone {
padding-top: 30px;
}
.site-footer .widget_text ul {
padding-left: 0px;
margin-left: 0px;
margin-top: -17px;
}
.site-footer .widget_text  ul li {
list-style: none;
float: left;  padding-left: 14px;
padding: 8px 0;
margin-left: 13px;
border-bottom: 1px solid #393d50;
width: 100%;
}
.site-footer .widget_text  ul li:last-child {
border-bottom: medium none;
}
.site-footer .widget_text ul li:before {
border-radius: 50%;
content: '';
width: 5px;
margin-top: 10px;
height: 5px;
float: left;
margin-left: -14px;
}
.site-footer .gem-mini-pagination a{
width: 13px;
height: 13px;
}
.site-footer .gem-clients-grid-carousel-wrap .gem-clients-slide a {
border-radius: 0px;
}
.site-footer .mc-form {
position: relative;
margin-top: 35px;
}
.site-footer #mc4wp_submit {
position: absolute;
top: -8px;
right: 0;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
.site-footer .mc4wp-form input[type='email'] {
padding: 7px 21px;
width: 100%;
}
.site-footer .widget-title {
margin-bottom: 40px;
} .digram-line-box {
padding-top: 28px;
padding-bottom: 36px;
}
.digram-line-box  .skill-element {
padding-top:4px;
}
.skill-title {
padding-left: 28px;
margin-bottom: 7px;
}
.widget .diagram-summary-skill-line {
font-size: 22px;
font-weight: 100;
}
body .gem-icon-with-text.gem-icon-with-text-float-right .gem-icon-with-text-icon{
display: block;
float: right;
}
.gem-icon-shape-romb {
-o-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.gem-icon-shape-romb .gem-icon-inner{
border-radius: 0px;
}
.romb-icon-conteiner {
transform: rotate(-45deg);
width: 100%;
height: 100%;
}
.gem-icon-size-xlarge.gem-icon-shape-romb {
border-radius: 14px;
}
.gem-icon-size-large.gem-icon-shape-romb {
margin: 34px;
border-radius: 7px;
}
.gem-icon-size-medium.gem-icon-shape-romb {
margin: 16px;
border-radius: 3px;
}
.gem-icon-size-small.gem-icon-shape-romb {
margin: 10px;
border-radius: 3px;
}
body .gem-icon.gem-icon-size-small {
border-width: 3px;
} .gem-wrapbox {
position: relative;
margin-bottom: 1.421em;
}
.gem-wrapbox-position-left {
float: left;
}
.gem-wrapbox-position-right {
float: right;
}
.gem-wrapbox-position-below,
.gem-wrapbox-position-centered {
display: inline-block;
}
.gem-wrapbox-inner {
position: relative;
}
.gem-wrapbox-element {
width: 100%;
}
.gem-wrapbox-style-1 {
border: 8px solid transparent;
}
.gem-wrapbox-style-1.shadow-box {
box-shadow: none;
}
.gem-wrapbox-style-2 {
border: 16px solid transparent;
}
.gem-wrapbox-style-3 {
padding: 8px;
border: 1px solid transparent;
}
.gem-wrapbox-style-4 {
padding: 20px;
border: 2px solid transparent;
}
.gem-wrapbox-style-5 {
padding: 20px;
}
body .gem-wrapbox-style-5{
-webkit-box-shadow: 0px 1px 27px 1px rgba(44, 46, 61, 0.25);
-moz-box-shadow: 0px 1px 27px 1px rgba(44, 46, 61, 0.25);
box-shadow: 0px 1px 27px 1px rgba(44, 46, 61, 0.25);
}
.gem-wrapbox-style-6 {
padding: 8px;
border: 20px solid transparent;
}
.gem-wrapbox-style-7 {
padding: 10px;
border-radius: 20px;
border: 10px solid transparent;
}
.gem-wrapbox-style-8 {
padding: 18px;
border: 6px solid transparent;
border-radius: 55px;
}
.gem-wrapbox-style-8 img{
border-radius: 34px;
}
.gem-wrapbox-style-8 .gem-wrapbox-inner a:before{
border-radius: 34px;
}
.gem-wrapbox-style-8 .gem-wrapbox-inner a{
z-index: 1;
overflow: hidden;
border-radius: 34px;
}
.gem-wrapbox-style-8 .overlay-wrap {
border-radius: 34px;
overflow: hidden;
}
.gem-wrapbox-style-9 .gem-wrapbox-inner:after {
content: "";
position: absolute;
top: 20px;
left: 20px;
right: 20px;
bottom: 20px;
border: 2px  dashed transparent;
}
.gem-wrapbox-style-9 .overlay-wrap:after {
content: "";
position: absolute;
top: 20px;
left: 20px;
right: 20px;
bottom: 20px;
border: 2px  dashed transparent;
}
.gem-wrapbox-style-11 .gem-wrapbox-inner {
overflow: hidden;
border-radius: 50%;
z-index: 1;
}
.gem-wrapbox-style-11 .gem-wrapbox-inner:after {
content: "";
position: absolute;
z-index: 1;
top: 15px;
left: 15px;
right: 15px;
bottom: 15px;
border: 2px  solid #FFFFFF;
border-radius: 50%;
}
.gem-gallery-grid.metro.metro-item-style-6  .gallery-set .gallery-item {
margin-bottom: 70px !important;
overflow: visible !important;
}
.gem-gallery-grid.metro.metro-item-style-10  .gallery-set .gallery-item,
.gem-gallery-grid.metro.metro-item-style-8  .gallery-set .gallery-item,
.gem-gallery-grid.metro.metro-item-style-5  .gallery-set .gallery-item,
.gem-gallery-grid.metro.metro-item-style-4  .gallery-set .gallery-item {
margin-bottom: 60px !important;
overflow: visible !important;
}
.gem-gallery-grid.metro.metro-item-style-7  .gallery-set .gallery-item,
.gem-gallery-grid.metro.metro-item-style-2  .gallery-set .gallery-item {
margin-bottom: 50px !important;
overflow: visible !important;
}
.gem-gallery-grid.metro.metro-item-style-1  .gallery-set .gallery-item {
margin-bottom: 30px !important;
overflow: visible !important;
}
.gem-gallery-grid.metro.metro-item-style-3  .gallery-set .gallery-item {
margin-bottom: 35px !important;
overflow: visible !important;
}
.gem-gallery-grid.metro.metro-item-style-11  .gallery-set .gallery-item {
margin-bottom: 20px !important;
overflow: visible !important;
}
.gem-wrapbox-style-10 {
padding: 20px;
border: 2px dashed transparent;
}
.gem-wrapbox-style-12 {
z-index: 5;
}
.gem-wrapbox-style-14  img{
border-radius: 50%;
}
.gem-wrapbox-style-12 .shadow-wrap {
padding: 16px;
height: auto;
}
.gem-wrapbox-style-12 .shadow-wrap:before,
.gem-wrapbox-style-12 .shadow-wrap:after {
box-shadow: 0 -15px 20px rgba(0, 0, 0, 0.1);
content: "";
height: 20%;
left: 2px;
max-width: 300px;
position: absolute;
top: 22px;
transform: rotate(2deg);
width: 40%;
z-index: -2;
}
.gem-wrapbox-style-12 .shadow-wrap:after {
left: auto;
right: 2px;
transform: rotate(-2deg);
}
.gem-wrapbox-style-12 .gem-wrapbox-inner:before,
.gem-wrapbox-style-12 .gem-wrapbox-inner:after {
bottom: 20px;
box-shadow: 0 15px 25px rgba(0, 0, 0, 0.35);
content: '';
height: 20%;
left: 5px;
max-width: 300px;
position: absolute;
transform: rotate(-2deg);
width: 40%;
z-index: -2;
}
.gem-wrapbox-style-12 .gem-wrapbox-inner:after {
left: auto;
right: 5px;
transform: rotate(2deg);
}
.gem-wrapbox-style-9 .overlay-wrap:after,
.gem-wrapbox-style-9 .gem-wrapbox-inner:after
{
border-color: rgba(255, 255, 255, 0.5);
}
.gem-video.gem-wrapbox-style-11,
.gem-youtube.gem-wrapbox-style-11,
.gem-vimeo.gem-wrapbox-style-11 {
border-radius: 50%;
overflow: hidden;
}
.wpcf7-form .wpcf7-quiz,
.wpcf7-form input[type="number"],
.wpcf7-form input[type="date"],
.wpcf7-form input.wpcf7-text,
.wpcf7-form .combobox-wrapper,
.wpcf7-form textarea {
width: 100%;
}
.wpcf7-form .wpcf7-quiz,
.wpcf7-form input[type="number"],
.wpcf7-form input[type="date"],
.wpcf7-form input.wpcf7-text {
padding: 12px;
padding-left: 20px;
}
.wpcf7-form .combobox-wrapper {
overflow: hidden;
}
.wpcf7-form input:not(.gem-button-wpcf-custom) {
padding-right: 40px;
}
.wpcf7 p {
margin-bottom: 24px;
}
.wpcf7-form  .wpcf7-form-control-wrap {
display: inline-block;
}
.wpcf7-form .combobox-wrapper {
height: 51px;
}
.wpcf7-form .combobox-wrapper .combobox-button {
height: 51px;
width: 51px;
}
.wpcf7-form .combobox-wrapper .combobox-button:before {
font-size: 24px;
margin-left: -11px;
}
.wpcf7-form .combobox-wrapper .combobox-text {
padding: 10px 20px;
line-height: 32px;
}
.wpcf7 textarea {
padding-left: 20px;
padding-right: 12px;
}
.wpcf7-form span.wpcf7-list-item {
margin-right: 20px;
margin-left: 0px;
}
@media (max-width: 768px) {
.wpcf7-form span.wpcf7-list-item {
display: block;
float: left;
}
}
.wpcf7-form .gem-button:not(.gem-button-wpcf-custom),
.wpcf7-form  input[type='submit']:not(.gem-button-wpcf-custom) {
margin: 15px 15px 15px 0;
}
.wpcf7-form .checkbox-sign,
.wpcf7-form .radio-sign,
.wpcf7-quiz-label{
margin-right: 10px;
}
.wpcf7-form input[type='submit']:not(.gem-button-wpcf-custom) {
height: 50px;
line-height: 30px;
padding: 10px 40px;
font-size: 20px;
}
.wpcf7  .cf-style1-name,
.wpcf7  .cf-style1-email {
float: left;
margin-right: 16px;
}
.wpcf7  .cf-style1-title {
margin-right: 11px;
float: left;
}
.cf-style1-title > span,
.cf-style1-name span,
.cf-style1-email span{
margin-right: 19px;
}
.wpcf7  .cf-style1-website span,
.wpcf7  .cf-style1-name span,
.wpcf7  .cf-style1-email span{
max-width: 310px;
}
.cf-style1-website {
float: left;
}
body .cf-style1-checkbox {
clear: both;
width: 100%;
margin-bottom: 24px;
}
select.wpcf7-form-control.wpcf7-select option {
padding-left: 10px;
padding-top: 3px;
}
.cf-style1-textarea .wpcf7-form-control-wrap,
.cf-style1-textarea textarea {
width: 100%;
}
.cf-style1-textarea textarea {
height: 220px;
}
.wpcf7-form-control-wrap select {
width: 100%;
}
.contact-form-style-3 {
margin-left: -21px;
margin-right: -21px;
}
body .contact-form-style-3 input,
body .contact-form-style-3 span {
width: 100%;
}
body .cf-style1-textarea {
margin-top: 20px;
float: left;
width: 100%;
margin-bottom: 35px;
}
div.wpcf7 .gem-button-position-center .ajax-loader {
margin-right: -20px;
}
.wpcf7-form .website {
position: relative;
}
.wpcf7-form .gem-form-icon-phone,
.wpcf7-form .gem-form-icon-website,
.wpcf7-form .gem-form-icon-email,
.wpcf7-form .gem-form-icon-name {
position: relative;
}
.wpcf7-form .phone:after,
.wpcf7-form .website:after,
.wpcf7-form .email:after,
.wpcf7-form  .name:after,
.wpcf7-form .gem-form-icon-phone:after,
.wpcf7-form .gem-form-icon-website:after,
.wpcf7-form .gem-form-icon-email:after,
.wpcf7-form .gem-form-icon-name:after {
position: absolute;
font-family: thegem-icons;
font-style: normal;
right: 12px;
top: 12px;
font-size: 24px;
}
.wpcf7-form .website:after,
.wpcf7-form .gem-form-icon-website:after {
content: '\e623';
}
.wpcf7-form .email:after,
.wpcf7-form .gem-form-icon-email:after {
content: '\e643';
}
.wpcf7-form .name:after,
.wpcf7-form .gem-form-icon-name:after {
content: '\e63b';
}
.wpcf7-form .phone:after,
.wpcf7-form .gem-form-icon-phone:after {
content: '\e625';
}
.wpcf7-form .gem-form-icon-phone .phone:after,
.wpcf7-form .gem-form-icon-website .website:after,
.wpcf7-form .gem-form-icon-email .email:after,
.wpcf7-form .gem-form-icon-name .name:after {
display: none;
}
.contact-form-style-2 input,
.contact-form-style-2 .wpcf7-form-control-wrap {
width: 100%;
}
.cf-style2-title,
.cf-style2-text {
float: left;
}
.cf-style2-title > span{
float: left;
}
.cf-style2-text > span {
float: left;
}
.cf-style2-textarea textarea {
width: 100%;
}
p.cf-style2-textarea {
margin-top: 30px;
float: left;
width: 100%;
}
p.cf-style2-checkbox,
p.cf-style2-radio{
margin-bottom: -24px;
}
p.cf-style2-checkbox .wpcf7-list-item,
p.cf-style2-radio .wpcf7-list-item{
padding-bottom: 24px;
display: block;
float: left;
}
p.cf-style2-title {
width: 28%;
margin-right: 3%;
}
p.cf-style2-text {
width: 69%;
}
.cf-style2-adreess .combobox-wrapper{
max-width: 100%;
}
.widget .wpcf7-form .wpcf7-form-control-wrap {
display: inline-block;
width: 100%;
}
.wpcf7-form .wpcf7-form-control-wrap {
width: 100%;
}
.widget  .wpcf7 textarea {
height: 100px;
width: 100%;
}
.form-sidebar span,
.form-sidebar textarea,
.form-sidebar input{
width: 100%;
}
.widget .wpcf7-form  input {
width: 100%;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
overflow: hidden;
}
.widget .wpcf7-form textarea {
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
overflow: hidden;
}
.widget .wpcf7-form p {
width: 100%;
}
.wpcf7-form p.col-lg-6:after,
.wpcf7-form p.col-lg-3:after,
.wpcf7-form p.col-lg-4:after {
right: 30px;
}
.widget .wpcf7-form input.wpcf7-text {
padding: 6px;
padding-left: 20px;
padding-right: 40px;
}
.widget .wpcf7-form .phone:after,
.widget .wpcf7-form .website:after,
.widget .wpcf7-form .email:after,
.widget .wpcf7-form .name:after {
top: 7px;
}
.widget .wpcf7 p {
margin-bottom: 20px;
}
.widget .wpcf7-form .combobox-wrapper .combobox-text {
padding: 5px 20px;
line-height: 31px;
}
.widget .wpcf7-form input[type='submit'] {
margin-top: 0px;
}
.widget  .wpcf7-form .combobox-wrapper {
height: 41px;
max-width: 331px;
}
.widget .wpcf7-form input[type='submit'] {
height: 40px;
line-height: 21px;
padding: 10px 40px;
font-size: 14px;
}
.widget .combobox-wrapper .combobox-button:before {
margin-top: -11px;
}
.wpcf7-form .contact-form-style-2  .combobox-wrapper {
height: 49px;
}
@media (max-width: 1212px) {
.wpcf7-form .wpcf7-form-control-wrap,
.wpcf7 .contact-form-style-3 p,
.wpcf7 .contact-form-style-1 p {
width: 100%;
}
.wpcf7 .cf-style3-website input,
.wpcf7 .cf-style3-name input,
.wpcf7 .cf-style3-email input,
.wpcf7 .cf-style1-website input,
.wpcf7 .cf-style1-name input,
.wpcf7 .cf-style1-email input {
width: 100%;
max-width: 100%;
}
}
@media (max-width: 768px) {
.wpcf7 .cf-style3-website span,
.wpcf7 .cf-style3-name span,
.wpcf7 .cf-style3-email span,
.wpcf7-form .contact-form-style-2 .combobox-wrapper,
.wpcf7-form .contact-form-style-1 .combobox-wrapper,
.wpcf7 .cf-style1-website span,
.wpcf7 .cf-style1-name span,
.wpcf7 .cf-style1-email span {
width: 100%;
max-width: 100%;
}
p.cf-style2-title {
width: 100%;
}
p.cf-style2-text {
width: 100%;
}
.cf-style1-title,
.cf-style1-name,
.cf-style1-email {
width: 100%;
}
.wpcf7-form .cf-style1-title .wpcf7-form-control-wrap {
width: 100%;
}
.widget .wpcf7 textarea {
width: 100%;
}
}
.wpcf7-form.gem-contact-form-white  .combobox-wrapper,
.wpcf7-form.gem-contact-form-white  input:not(.gem-button-wpcf-custom),
.wpcf7-form.gem-contact-form-white .combobox-wrapper .combobox-button,
.wpcf7-form.gem-contact-form-white .combobox-wrapper .combobox-text,
.wpcf7-form.gem-contact-form-white .checkbox-sign,
.wpcf7-form.gem-contact-form-white  span.radio-sign,
.wpcf7-form.gem-contact-form-white textarea {
border: none;
}
.wpcf7-form.gem-contact-form-dark  .combobox-wrapper,
.wpcf7-form.gem-contact-form-dark  input:not(.gem-button-wpcf-custom),
.wpcf7-form.gem-contact-form-dark .checkbox-sign,
.wpcf7-form.gem-contact-form-dark  span.radio-sign,
.wpcf7-form.gem-contact-form-dark textarea
{
border: 1px solid #394050;
background-color: #181828;
}
.wpcf7-form.gem-contact-form-dark .combobox-wrapper .combobox-button:before,
.wpcf7-form.gem-contact-form-dark .combobox-wrapper .combobox-text,
.wpcf7-form.gem-contact-form-dark .phone:after,
.wpcf7-form.gem-contact-form-dark .website:after,
.wpcf7-form.gem-contact-form-dark .email:after,
.wpcf7-form.gem-contact-form-dark  .name:after{
color: #46485c;
}
.wpcf7-form.gem-contact-form-dark ::-webkit-input-placeholder {
color: #46485c;
}
.wpcf7-form.gem-contact-form-dark:-moz-placeholder {
color: #46485c;
}
.wpcf7-form.gem-contact-form-dark::-moz-placeholder {
color: #46485c;
}
.wpcf7-form.gem-contact-form-dark:-ms-input-placeholder {
color: #46485c;
}
p.cf-style3-textarea {
margin-top: 14px;
float: left;
width: 100%;
}
p.cf-style3-textarea span {
width: 100%;
}
.wpcf7 .cf-style3-website {
float: left;
}
.wpcf7 .cf-style3-textarea span,
.wpcf7 .cf-style3-textarea textarea {
width: 100%;
}
.wpcf7  input[type='submit']:not(.gem-button-wpcf-custom) {
width: 100%;
}
@media (max-width: 368px) {
.wpcf7  input {
width: 100% !important;
}
.wpcf7-form .wpcf7-form-control-wrap {
display: block;
width: 100%;
}
}
.wpcf7-form .contact-form-style-logistics-1 .combobox-wrapper{
max-width: 100%;
background: transparent;
color: #fff;
border-color: #fff;
}
.wpcf7-form .contact-form-style-logistics-1 .name:after,
.wpcf7-form .contact-form-style-logistics-1 .email:after,
.wpcf7-form .contact-form-style-logistics-1 .combobox-button:before,
.wpcf7-form .contact-form-style-logistics-1 .combobox-text{
color: #fff;
}
.wpcf7-form .contact-form-style-logistics-1 .combobox-wrapper select{
color: #2d2a40;
}
.wpcf7-form .contact-form-style-logistics-1 .wpcf7-form-control-wrap,
.wpcf7-form .contact-form-style-logistics-1 input[type=text],
.wpcf7-form .contact-form-style-logistics-1 input[type=email],
.wpcf7-form .contact-form-style-logistics-1 select,
.wpcf7-form .contact-form-style-logistics-1 textarea{
width: 100%;
background: transparent;
border-radius: 3px;
color: #fff;
border-color: #fff;
}
.wpcf7-form .contact-form-style-logistics-1 input[type='submit']{
width: auto;
text-align: center;
margin: 15px auto;
padding: 10px 25px;
display: block;
background: #2d2a40;
}
.wpcf7-form .contact-form-style-logistics-1 input[type='submit']:hover{
background: #fff;
color: #2d2a40;
}
.wpcf7-form .contact-form-style-logistics-1 ::-webkit-input-placeholder {color:#fff;}
.wpcf7-form .contact-form-style-logistics-1 ::-moz-placeholder          {color:#fff;} .wpcf7-form .contact-form-style-logistics-1 :-moz-placeholder           {color:#fff;} .wpcf7-form .contact-form-style-logistics-1 :-ms-input-placeholder      {color:#fff;}
form.wpcf7-form.gem-contact-form-simple-line input[type="text"],
form.wpcf7-form.gem-contact-form-simple-line input[type="password"],
form.wpcf7-form.gem-contact-form-simple-line input[type="color"],
form.wpcf7-form.gem-contact-form-simple-line input[type="date"],
form.wpcf7-form.gem-contact-form-simple-line input[type="datetime"],
form.wpcf7-form.gem-contact-form-simple-line input[type="datetime-local"],
form.wpcf7-form.gem-contact-form-simple-line input[type="email"],
form.wpcf7-form.gem-contact-form-simple-line input[type="number"],
form.wpcf7-form.gem-contact-form-simple-line input[type="range"],
form.wpcf7-form.gem-contact-form-simple-line input[type="search"],
form.wpcf7-form.gem-contact-form-simple-line input[type="tel"],
form.wpcf7-form.gem-contact-form-simple-line input[type="time"],
form.wpcf7-form.gem-contact-form-simple-line input[type="url"],
form.wpcf7-form.gem-contact-form-simple-line input[type="month"],
form.wpcf7-form.gem-contact-form-simple-line input[type="week"],
form.wpcf7-form.gem-contact-form-simple-line textarea {
border-top: 0 none;
border-left: 0 none;
border-right: 0 none;
background: transparent;
}
.row .theme-default .nivo-controlNav a {
width: 16px;
height: 16px;
background-image: none;
border-radius: 50%;
margin: 5px 7px;
}
.row  .flex-direction-nav a:before {
font-family: thegem-icons;
font-style: normal;
font-size: 24px;
display: inline-block;
padding: 8px;
content: '\e636';
}
.row  .flex-direction-nav a.flex-next:before {
content: '\e634';
}
.row .vc_images_carousel .vc_carousel-indicators {
bottom: -50px;
}
.row .vc_images_carousel .vc_carousel-indicators .vc_active {
width: 16px;
height: 16px;
background-color: transparent;
border: 4px solid #b6c6c9;
}
.row .vc_images_carousel .vc_carousel-indicators li{
width: 16px;
height: 16px;
margin: 0 6px;
background-color: #b6c6c9;
border: 3px solid #b6c6c9;
}
.row  .flexslider {
border: medium none;
border-radius: 0px;
box-shadow: none;
}
.row  .wpb_gallery .wpb_flexslider .flex-control-nav {
margin-top: 25px;
}
.row  .flex-direction-nav a {
text-shadow: none;
}
.row  .flex-direction-nav li .flex-next {
right: 0px;
}
.row  .flex-direction-nav li .flex-prev {
left: 0px;
}
.row .wpb_gallery .wpb_flexslider .flex-direction-nav a {
border: none;
}
.row .theme-default .nivoSlider {
box-shadow: none;
}
.row .wpb_gallery .wpb_flexslider .flex-direction-nav a:hover {
border: none;
}
.row .theme-default .nivo-directionNav a {
background: none;
font-size: 24px;
display: inline-block;
padding: 9px;
}
.row .theme-default a.nivo-nextNav {
right: 0px;
}
.row  .theme-default .nivo-directionNav a {
font-size: 0px;
text-indent: 0;
height:40px;
width: 40px;
}
.row .theme-default a.nivo-nextNav:after {
font-size: 24px;
content: '\e634';
font-family: thegem-icons;
font-style: normal;
margin-top: 0px;
}
.row  .theme-default a.nivo-prevNav:after {
font-size: 24px;
content: '\e636';
font-family: thegem-icons;
font-style: normal;
margin-top: 0px;
}
.row  .theme-default a.nivo-prevNav {
left: 0px;
}
.row  .vc_carousel-control .icon-next{
font-size: 24px;
content: '\e634';
font-family: thegem-icons;
font-style: normal;
margin-top: 0px;
}
.row  .vc_carousel-control  .icon-prev {
font-size: 24px;
content: '\e636';
font-family: thegem-icons;
font-style: normal;
}
.row .vc_images_carousel .vc_carousel-control.vc_left {
margin-left: -15px;
}
.row .vc_images_carousel .vc_carousel-control.vc_right {
margin-right: -5px;
}
.row .vc_images_carousel .vc_carousel-control .icon-prev,
.row .vc_images_carousel .vc_carousel-control .icon-next {
height: 40px;
width: 40px;
}
.row  .vc_images_carousel .vc_carousel-control {
opacity: 1;
text-shadow: none;
}
.row .vc_images_carousel .vc_carousel-control .icon-prev:before,
.row .vc_images_carousel .vc_carousel-control .icon-next:before {
top: 0px;
}
.row .vc_images_carousel .vc_carousel-control .icon-prev:before {
content: '\e636';
top: 7px;
font-size: 24px;
font-family: thegem-icons;
font-style: normal;
}
.row .vc_images_carousel .vc_carousel-control .icon-next:before {
content: '\e634';
top: 7px;
font-family: thegem-icons;
font-style: normal;
font-size: 24px;
}
.row .vc_pie_chart_back
{
border: 7px solid #f7f7f7;
}
.row  .vc_pie_wrapper span{
font-size: 50px;
}
.diagram-wrapper.style-2 .digram-line-box  {
padding-top: 5px;
}
.diagram-wrapper.style-2 .digram-line-box  {
background-color: transparent;
padding-right: 0px;
}
.diagram-wrapper.style-2 .digram-line-box .skill-line {
margin-right: 0px;
}
.diagram-wrapper.style-2 .digram-line-box  .skill-title {
padding-left: 0px;
}
.diagram-wrapper.style-2 .digram-line-box  .skill-amount  {
margin-top: -30px;
}
.diagram-wrapper.style-2 .digram-line-box .skill-element {
padding-top: 14px;
}
.diagram-wrapper.style-1 .digram-line-box .skill-line {
margin-right: 0px;
}
.diagram-wrapper.style-1 .digram-line-box  .skill-amount  {
margin-top: -30px;
}
.diagram-wrapper.style-1 .digram-line-box .skill-element {
padding-top: 14px;
}
.diagram-wrapper.style-3 .digram-line-box  {
background-color: transparent;
padding-right: 0px;
}
.diagram-wrapper.style-3 .digram-line-box   .skill-line {
margin-right: 0px;
height: 30px;
overflow: hidden;
border-radius: 50px;
}
.diagram-wrapper.style-3 .digram-line-box  .skill-title {
position: absolute;
padding-top: 3px;
padding-left: 22px;
text-transform: uppercase;
letter-spacing: 0.07em;
}
.diagram-wrapper.style-3 .digram-line-box .skill-title span{
margin-left: 8px;
}
.diagram-wrapper.style-3 .digram-line-box  .skill-amount  {
margin-top: -30px;
}
.diagram-wrapper.style-3 .digram-line-box .skill-element {
padding-top: 18px;
}
.diagram-wrapper.style-3 .skill-line div {
height: 30px;
}
p.skill-style-3 {
font-size: 10px;
display: inline-block;
}
.diagram-wrapper.style-3  .skill-amount {
display: none;
}
.diagram-legend .legend-element .color {
margin-top: 5px;
}
.widget_diagram .diagram-legend .legend-element .title {
font-size: 14px;
font-weight: normal;
}
.widget_diagram  .diagram-legend .legend-element .color {
display: block;
float: left;
width: 12px;
height: 12px;
}
.widget_diagram  .diagram-legend .legend-element .color {
margin-top: -1px;
}
.widget_diagram .diagram-legend .legend-element {
margin-top: 15px;
}
.row .vc_progress_bar .vc_label {
text-transform: uppercase;
}
.row .vc_round-chart .vc_chart-legend span {
border-radius: 50%;
}
.row .vc_chart .vc_chart-legend li {
margin: 0px 20px 1em;
}
.diagram-circle .diagram-legend .legend-element .title {
line-height: inherit;
}
.style-2 .diagram-circle .diagram-legend .legend-element .title {
font-size: inherit;
color: #5f727f;
margin-left: 18px;
}
.style-2 .diagram-circle .diagram-legend .legend-element .color {
margin-top: 8px;
width: 10px;
height: 10px;
}
.style-2 .diagram-circle .diagram-legend .legend-element {
margin: -10px 0 15px 0;
}
.gem-dropcap-shape-hexagon {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
border: 0;
position: relative;
}
.gem-dropcap-shape-hexagon span.gem-dropcap-letter {
background: transparent !important;
border: none !important;
}
.dropcap-hexagon-inner {
position: absolute;
}
.gem-dropcap-letter {
z-index: 10;
}
.gem-dropcap-shape-hexagon .gem-dropcap-shape-hexagon-back {
display: block;
transform: rotate(-30deg) skewX(30deg);
overflow: hidden;
position: relative;
z-index: 1;
font-size: 0;
line-height: 1;
}
.gem-dropcap-shape-hexagon .gem-dropcap-shape-hexagon-back .gem-dropcap-shape-hexagon-back-inner,
.gem-dropcap-shape-hexagon .gem-dropcap-shape-hexagon-back .gem-dropcap-shape-hexagon-back-inner-before {
display: block;
width: inherit;
height: inherit;
-webkit-border-radius: inherit;
-moz-border-radius: inherit;
border-radius: inherit;
overflow: hidden;
}
.gem-dropcap-shape-hexagon .gem-dropcap-shape-hexagon-back .gem-dropcap-shape-hexagon-back-inner {
transform: skewX(-30deg) rotate(60deg) skewX(30deg);
}
.gem-dropcap-shape-hexagon .gem-dropcap-shape-hexagon-back .gem-dropcap-shape-hexagon-back-inner-before {
transform: skewX(-30deg) rotate(60deg) skewX(30deg);
}
.gem-dropcap-shape-hexagon .gem-dropcap-shape-hexagon-top {
display: block;
transform: rotate(-30deg) skewX(30deg);
overflow: hidden;
position: absolute;
left: 0;
top: 0;
z-index: 2;
font-size: 0;
line-height: 1;
}
.gem-dropcap-shape-hexagon .gem-dropcap-shape-hexagon-top .gem-dropcap-shape-hexagon-top-inner,
.gem-dropcap-shape-hexagon .gem-dropcap-shape-hexagon-top .gem-dropcap-shape-hexagon-top-inner-before {
display: block;
width: inherit;
height: inherit;
-webkit-border-radius: inherit;
-moz-border-radius: inherit;
border-radius: inherit;
overflow: hidden;
}
.gem-dropcap-shape-hexagon .gem-dropcap-shape-hexagon-top .gem-dropcap-shape-hexagon-top-inner {
transform: skewX(-30deg) rotate(60deg) skewX(30deg);
}
.gem-dropcap-shape-hexagon .gem-dropcap-shape-hexagon-top .gem-dropcap-shape-hexagon-top-inner-before {
transform: skewX(-30deg) rotate(60deg) skewX(30deg);
} .gem-dropcap-shape-hexagon.gem-dropcap-style-big,
.gem-dropcap-shape-hexagon.gem-dropcap-style-big:last-child {
margin: 5px 0;
}
.gem-dropcap-shape-hexagon.gem-dropcap-style-big .gem-dropcap-shape-hexagon-back {
width: 86px;
height: 76px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.gem-dropcap-shape-hexagon.gem-dropcap-style-big .gem-dropcap-shape-hexagon-top {
width: 80px;
height: 70px;
left: 3px;
top: 3px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.gem-dropcap-shape-hexagon .gem-dropcap-letter {
line-height: 62px;
} .gem-dropcap-shape-hexagon.gem-dropcap-style-medium,
.gem-dropcap-shape-hexagon.gem-dropcap-style-medium:last-child {
margin: 3px 0;
}
.gem-dropcap-shape-hexagon.gem-dropcap-style-medium .gem-dropcap-letter{
text-indent: 13px;
line-height: 36px;
}
.gem-dropcap-shape-hexagon.gem-dropcap-style-medium .gem-dropcap-shape-hexagon-back {
width: 62px;
height: 52px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.gem-dropcap-shape-hexagon.gem-dropcap-style-medium .gem-dropcap-shape-hexagon-top {
width: 58px;
height: 48px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
left: 2px;
top: 2px;
}
.gem-dropcap-style-medium .dropcap-hexagon-inner {
margin-top: 0px;
}
.gem-dropcap-shape-hexagon span.gem-dropcap-letter {
text-indent: 9px;
}
body .vc_separator.vc_sep_double .vc_sep_line {
height: 7px !important;
}
.vc_separator.vc_sep_double.vc_sep_border_width_2 .vc_sep_line {
height: 8px !important;
}
body .vc_separator h4 {
margin-top: 3px;
}
.mouse-scroll {
display: block;
width: 32px;
height: 48px;
border: 3px solid #4dc4c8;
border-radius: 50px;
position: relative;
cursor: pointer;
margin: 0 auto;
transform: translate(0, 0);
overflow: hidden;
font-size: 10000px;
}
.mouse-scroll:after {
content: '';
width: 4px;
height: 8px;
position: absolute;
left: 50%;
top: 7px;
border-radius: 4px;
background-color: #4dc4c8;
margin-left: -2px;
opacity: 1;
transform: translateY(0px) scaleY(1) scaleX(1) translateZ(0px);
-webkit-transform: translateY(0px) scaleY(1) scaleX(1) translateZ(0px);
animation: 1.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s normal none infinite running scrollAnimation;
-webkit-animation: 1.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s normal none infinite  scrollAnimation;
}
@keyframes scrollAnimation {
0%, 20% {
transform: translateY(0px) scaleY(1) scaleX(1) translateZ(0px);
}
10% {
opacity: 1;
transform: translateY(0px) scaleY(1.2) scaleX(1.2) translateZ(0px);
}
100% {
opacity: 0.01;
transform: translateY(16px) scaleY(2.5) scaleX(0.5) translateZ(0px);
}
}
@-webkit-keyframes scrollAnimation {
0%, 20% {
-webkit-transform: translateY(0px) scaleY(1) scaleX(1) translateZ(0px);
}
10% {
opacity: 1;
-webkit-transform: translateY(0px) scaleY(1.2) scaleX(1.2) translateZ(0px);
}
100% {
opacity: 0.01;
-webkit-transform: translateY(16px) scaleY(2.5) scaleX(0.5) translateZ(0px);
}
}
.wpcf7  .contact-form-style-1 input[type='submit'] {
width: auto;
}
div.wpcf7-validation-errors {
border: 2px solid #f7e700;
float: left;
width: 100%;
margin: 0 auto;
text-align: center;
}
.vc_message_box-icon>*, .vc_message_box-icon>.fa {
margin-top: -12px;
}
.contact-form-style-7 textarea{
height: 140px !important;
}
.contact-form-style-7  input[type='submit'] {
background-color: #8f44ad;
}
.contact-form-style-7 textarea,
.contact-form-style-7 input {
background-color: rgba(230, 230, 230, 0.11);
border: medium none;
}
.contact-form-style-7 p input[type='submit'] {
border-radius: 0px;
}
.contact-form-style-7 :after {
color: #fff !important;
}
.contact-form-style-7  input {
margin-bottom: 17px;
} .products-grid-form p{
display:block;
width:100% !important;
margin:0 0 20px 0;
padding:0;
}
.products-grid-form p span{
display:block;
width:100% !important;
}
.products-grid-form p input{
display:inline-block;
width:100%;
height:50px;
line-height:50px;
text-align:center;
border-radius:0 !important;
}
.products-grid-form p.area input{
color:#a8b4bc !important;
}
.products-grid-form p.button input{
color:#fff !important;
background:#272439;
font-weight:200;
}
.products-grid-form p.button input:hover{
background:#00bcd4;
}.jtwt_tweet_text.icon-twitter a:hover {
color: #3c3950;
}
.widget.widget_search form {
border-radius: 3px;
overflow: hidden;
}
.widget_diagram .skill-amount {
letter-spacing: 0.05em;
}
#colophon #mc4wp_email {
border-radius: 3px;
}
#mc4wp_submit{
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
#mc4wp_email {
border-radius: 3px;
}
.digram-line-box  .skill-title {
font-size: 14px;
}
.widget_recent_comments li {
font-size: 14px;
}
#wp-calendar caption {
letter-spacing: 0.05em;
text-transform: uppercase;
height: 39px;
padding: 7px 0;
line-height: 25px;
}
#wp-calendar #prev a,
#wp-calendar #next a{
color: transparent;
}
.widget_recent_comments .comment-author-link a{
font-size: 14px;
}
.widget_recent_comments a {
font-size: 16px;
}
.project_info-item-style-1 .project_info-item .title {
letter-spacing: 0.05em;
}
.widget .gem-teams-name {
clear: both;
}
.gem-teams-phone {
letter-spacing: 0.05em;
}
.widget_nav_menu li a:after,
.widget_submenu li a:after {
position: absolute;
right: 30px;
}
.widget_nav_menu > div > ul > li > a,
.widget_submenu > div > ul > li > a,
.widget_pages > ul > li > a,
.widget_categories > ul > li > a {
text-transform: uppercase;
letter-spacing: 0.05em;
}
.widget_submenu  ul ul ul,
.widget_nav_menu  ul ul ul,
.widget_pages ul ul ul,
.widget_categories ul ul ul{
font-size: 14px;
}
.widget_submenu  ul ul ul ul,
.widget_nav_menu  ul ul ul ul,
.widget_pages ul ul ul ul
.widget_categories ul ul ul ul{
background-color: #dde6e8;
}
.widget_submenu  ul ul ul ul ul,
.widget_nav_menu  ul ul ul ul ul,
.widget_pages ul ul ul ul ul,
.widget_categories ul ul ul ul ul{
background-color: #d4dfe3;
}
.jtwt_date{
font-size: 14px;
} #colophon .widget_tweets .twitter-box .jtwt_tweet,
#colophon .Custom_Recent_Posts .gem-pp-posts,
#colophon .widget_meta li,
#colophon .widget_rss li,
#colophon .widget_recent_entries li,
#colophon .Custom_Recent_Posts ul li,
#colophon .Custom_Popular_Posts ul li,
#colophon .project_info-item-style-1 .project_info-item.iconed,
#colophon .gem-latest-news {
border-bottom: 1px solid #393d50;
}
#colophon .widget_tweets .twitter-box .jtwt_tweet:last-child,
#colophon .Custom_Recent_Posts .gem-pp-posts:last-child,
#colophon .widget_meta li:last-child,
#colophon .widget_rss li:last-child,
#colophon .widget_recent_entries li:last-child,
#colophon .Custom_Recent_Posts ul li:last-child,
#colophon .Custom_Popular_Posts ul li:last-child,
#colophon .project_info-item-style-1 .project_info-item.iconed:last-child,
#colophon .gem-latest-news:last-child {
border-bottom: none;
}
#colophon .widget_recent_entries ul {
background: transparent;
}
#colophon .project_info-item-style-2 .project_info-item,
#colophon .project_info-item-style-1,
#colophon .digram-line-box,
#colophon .widget form.searchform,
#colophon.gem-teams-item-wrap,
#colophon.gem-picturebox-text,
#colophon .widget_recent_comments li,
#colophon .gem-teams-item-wrap,
#colophon #wp-calendar #prev a,
#colophon #wp-calendar #next a,
#colophon #wp-calendar caption:after,
#colophon #calendar_wrap,
#colophon  .widget_mc4wp_widget form {
background-color: #2c2e3d ;
}
#colophon #wp-calendar #prev a,
#colophon #wp-calendar #next a {
-moz-transition: all 0.2  linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s  linear;
transition: all 0.2s  linear;
}
#colophon #wp-calendar #prev a:hover:after,
#colophon #wp-calendar #next a:hover:after {
-moz-transition: all 0.2  linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s  linear;
transition: all 0.2s  linear;
}
#colophon .widget.widget_search input,
#colophon #wp-calendar caption {
background-color: #181828;
}
#colophon .jtwt_tweet:first-child,
#colophon .project_info-item-style-1 .project_info-item.iconed:first-child,
#colophon .gem-pp-posts:first-child,
#colophon .widget_tweets .twitter-box .jtwt_tweet:first-child{
background: none;
}
#colophon .skill-line {
background-color: #171728;
}
#colophon .widget.widget_search input,
#colophon #mc4wp_email,
#colophon .wpcf7-form-control-wrap input,
#colophon .wpcf7-form-control-wrap textarea{
background-color: #181828;
border: 1px solid #394050;
}
#colophon .wpcf7-form-control-wrap textarea {
border-radius: 3px;
}
#colophon .widget.widget_search .gem-button,
#colophon .wpcf7 .wpcf7-form .contact-form-footer .wpcf7-submit{
background-color: #394050;
}
#colophon #mc4wp_submit{
background-color: #394050;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
#page #colophon .woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered {
background-color: #181828 !important;
}
#page #colophon .woocommerce .select2-container .select2-selection--single {
border-color: #394050;
}
#page #colophon  .select2-container {
border-radius: 10px;
}
#colophon .combobox-wrapper {
background-color: #181828 !important;
border: 1px solid #394050 !important;
}
#colophon .widget_categories > ul,
#colophon .widget_categories > ul li,
#colophon .widget.widget_pages > ul,
#colophon .widget.widget_pages li {
border-color: #394050;
}
#colophon .widget_archive li,
#colophon .widget_archive li:nth-child(odd) {
background-color: transparent;
}
#colophon .widget_submenu li,
#colophon .widget_nav_menu > div > ul li,
#colophon .widget_archive  ul li {
border-top: 1px solid #394050;
}
body #colophon .widget_nav_menu ul.menu > li > ul
{
border-left: 1px solid #394050;
border-right: 1px solid #394050;
border-top: 1px solid #394050;
}
#colophon .widget_submenu ul,
#colophon .widget_nav_menu > div > ul,
#colophon .widget_archive  ul {
border-left: 1px solid #394050;
border-right: 1px solid #394050;
border-bottom: 1px solid #394050;
}
#colophon .tagcloud a {
background-color: transparent;
}
#colophon .widget_nav_menu ul.menu > li > ul,
#colophon .widget_categories ul ul,
#colophon .widget_pages li li {
background-color: #2c2e3d;
}
#colophon .wpcf7-validation-errors,
#colophon .wpcf7-not-valid-tip {
display: none !important;
} .widget .searchform input {
border-radius: 3px;
}
body .widget_tag_cloud .tagcloud a:hover{
border: 1px solid transparent;
}
.widget :after,
.widget :before,
.widget a,
.widget a:hover,
.widget.widget_search .gem-button:hover,
.widget.widget_search .gem-button,
body .widget_tag_cloud .tagcloud a,
body .widget_tag_cloud .tagcloud a:hover,
#colophon .widget.widget_search .gem-button:hover,
#colophon #mc4wp_submit:hover,
#colophon .widget.widget_search .gem-button:hover,
body #colophon .tagcloud a:hover,
#colophon .widget.widget_search .gem-button {
-o-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.gem-gmaps.gem-wrapbox-style-11 .gem-wrapbox-inner {
border-color: #e0e5e8;
}
body .portfolio-items-masonry.background-style-dark  .portfolio-item .wrap > .caption {
border-bottom: none;
}
.portfolio-items-masonry .portfolio-item .wrap > .caption {
border-bottom: 1px solid #e0e5e8;
} .portfolio-filters-resp button:after {
background: #99a9b5;
box-shadow: 0 10px 0 0 #99a9b5, 0 20px 0 0 #99a9b5;
} #colophon .gem-teams-name {
color: #99A9B6;
}
#colophon .gem-picturebox-text {
background-color: #2c2e3d !important;
}
#colophon  .widget_product_categories > ul,
#colophon  .widget_product_categories > ul li,
#colophon .gem-products-content,
#colophon  .widget_shopping_cart_content ul.product_list_widget li {
border-color: #394050;
}
#colophon  .widget_product_search input.search-field {
background-color: #181828;
border: 1px solid #394050;
}
#colophon .widget_product_search button {
top: 41px;
}
#colophon  .widget_product_categories > ul li {
padding-left: 10px;
}
#colophon  .widget_shopping_cart .total span.amount{
color: #99a9b5;
}
#colophon .widget  .gem-products-content {
display: table-cell;
width: 100%;
vertical-align: middle;
}
#colophon .widget .gem-products-image {
display: table-cell;
}
#colophon .team-person-email a:before
{
margin-right: 0px;
}
.digital-agency-mailchimp.yikes-easy-mc-form label{
width: 68%;
padding-right: 5%;
}
.digital-agency-mailchimp.yikes-easy-mc-form label > input[type="email"]{
background: #f0f3f2;
height: 45px;
border-radius: 3px;
border: none;
padding-left: 20px;
}
.digital-agency-mailchimp.yikes-easy-mc-form label > input[type="email"]:focus{
outline: none !important;
}
.yikes-mailchimp-container .digital-agency-mailchimp.yikes-easy-mc-form .yikes-easy-mc-submit-button{
width: 17%;
min-width: 235px;
display: inline-block;
background: #212331;
color: #fff;
height: 45px;
border: none;
border-radius: 3px;
font-family: 'Montserrat';
font-weight: 700;
text-transform: uppercase;
padding-left: 50px;
position: relative;
}
.yikes-mailchimp-container .digital-agency-mailchimp.yikes-easy-mc-form .yikes-easy-mc-submit-button:before{
content: "\e626";
font-family: "thegem-icons";
font-style: normal;
font-size: 24px;
font-weight: normal;
color: #fff;
position: absolute;
left: 50%;
margin-left: -69px;
text-align: center;
}
@media(max-width: 1200px){
body .digital-agency-mailchimp.yikes-easy-mc-form label{
width: 100%;
padding-right: 0;
}
body .yikes-mailchimp-container .digital-agency-mailchimp.yikes-easy-mc-form .yikes-easy-mc-submit-button{
width: 100%;
}
}
.business-light-mailchimp.yikes-easy-mc-form label {
float: left;
width: 100%;
padding-right: 0;
margin-bottom: 0;
}
.business-light-mailchimp.yikes-easy-mc-form input[type="email"]{
background-color: rgba(255,255,255,0.2);
border: 1px solid #dfe5e8;
text-align:center;
color:#ffffff!important;
border-radius:5px;
}
.business-light-mailchimp.yikes-easy-mc-form .yikes-easy-mc-submit-button.gem-button{
width: 100%;
min-width: 90px;
float: left;
padding:0;
margin:0;
}
.business-light-mailchimp.yikes-easy-mc-form .yikes-easy-mc-submit-button.gem-button{
background-color:#2fc5b0;
border:0;
border-radius:5px;
color:#fff;
text-transform:uppercase;
font-size:19px;
min-height: 45px;
padding-top:3px;
}
.business-light-mailchimp.yikes-easy-mc-form .yikes-easy-mc-submit-button.gem-button:hover{
background-color:#3c3950;
}
.business-sulutions-mailchimp input[type=email]{
width:100%;
height:40px!important;
border:0!important;
background-color:#f0f3f2!important;
color:#5f727f;
font-size:16px;
padding-left:15px!important;
padding-right:50px!important;
}
.business-mail-submit{
position:absolute;
right:20px;
top:0;
width:40px!important;
height:40px!important;
margin:0!important;
padding:0!important;
border:0!important;
background-color:#dfe5e8!important;
}
.business-mail-submit:before{
font-family:'thegem-icons';
content: '\e601';
color:#3c3950;
font-size:24px;
line-height:33px;
}
.online-shop-mailchimp.yikes-easy-mc-form label{
width: 350px;
padding-right: 20px;
}
.online-shop-mailchimp.yikes-easy-mc-form label > input{
background: #f0f3f2;
height: 45px;
border: none;
padding-left: 20px;
}
.yikes-mailchimp-container .online-shop-mailchimp.yikes-easy-mc-form label > input:focus{
outline: none !important;
}
.yikes-mailchimp-container .online-shop-mailchimp.yikes-easy-mc-form .yikes-easy-mc-submit-button{
width: 155px;
min-width: 155px;
height: 45px;
display: inline-block;
background: #d7b398;
color: #fff;
border: none;
font-family: 'Montserrat';
font-weight: 700;
text-transform: uppercase;
padding-right: 30px;
padding-left: 30px;
position: relative;
}
.yikes-mailchimp-container .online-shop-mailchimp.yikes-easy-mc-form button {
transition: all 0.3s;
-webkit-transition: all 0.3s;
}
.yikes-mailchimp-container .online-shop-mailchimp.yikes-easy-mc-form button:hover {
background: #212121 !important;
color: #fff !important;
transition: all 0.3s;
-webkit-transition: all 0.3s;
}
@media(max-width: 1200px){
body .online-shop-mailchimp.yikes-easy-mc-form label{
width: 100%;
padding-right: 0;
}
body .yikes-mailchimp-container .online-shop-mailchimp.yikes-easy-mc-form .yikes-easy-mc-submit-button{
width: 100%;
}
}
.trendy-shop-mailchimp.yikes-easy-mc-form label{
width: 350px;
padding-right: 20px;
}
.trendy-shop-mailchimp.yikes-easy-mc-form label > input{
color: #fff;
background: transparent;
height: 45px;
border: none;
padding-left: 0;
border-bottom: 1px solid #575c6c;
}
.yikes-mailchimp-container .trendy-shop-mailchimp.yikes-easy-mc-form label > input:focus{
outline: none !important;
}
.yikes-mailchimp-container .trendy-shop-mailchimp.yikes-easy-mc-form .yikes-easy-mc-submit-button{
width: 155px;
min-width: 155px;
height: 45px;
display: inline-block;
background: #f44236;
color: #fff;
border: none;
font-family: 'Montserrat';
font-weight: 700;
text-transform: uppercase;
padding-right: 30px;
padding-left: 30px;
position: relative;
}
.yikes-mailchimp-container .trendy-shop-mailchimp.yikes-easy-mc-form button{
transition: all 0.3s;
-webkit-transition: all 0.3s;
}
.yikes-mailchimp-container .trendy-shop-mailchimp.yikes-easy-mc-form button:hover{
background: #212121;
color: #fff;
transition: all 0.3s;
-webkit-transition: all 0.3s;
}
@media(max-width: 1200px){
body .trendy-shop-mailchimp.yikes-easy-mc-form label{
width: 100%;
padding-right: 0;
}
body .yikes-mailchimp-container .trendy-shop-mailchimp .yikes-easy-mc-submit-button{
width: 100%;
}
}
.lookbook-landing-mailchimp.yikes-easy-mc-form label{
width: 350px;
padding-right: 20px;
}
.lookbook-landing-mailchimp.yikes-easy-mc-form label > input{
color: #333;
background: transparent;
height: 40px;
border: none;
padding-left: 0;
border-bottom: 1px solid #dbdbdb;
}
.yikes-mailchimp-container .lookbook-landing-mailchimp.yikes-easy-mc-form label > input:focus{
outline: none !important;
}
.yikes-mailchimp-container .lookbook-landing-mailchimp.yikes-easy-mc-form .yikes-easy-mc-submit-button{
width: 140px;
min-width: 140px;
height: 40px;
display: inline-block;
background: transparent;
color: #333;
font-family: 'Montserrat';
font-weight: 700;
text-transform: uppercase;
padding-right: 22px;
padding-left: 22px;
padding-top: 6px;
padding-bottom: 6px;
position: relative;
border: 2px solid #333;
}
.yikes-mailchimp-container .lookbook-landing-mailchimp.yikes-easy-mc-form button {
transition: all 0.3s;
-webkit-transition: all 0.3s;
}
.yikes-mailchimp-container .lookbook-landing-mailchimp.yikes-easy-mc-form button:hover {
background: #212121;
color: #fff;
transition: all 0.3s;
-webkit-transition: all 0.3s;
}
@media(max-width: 1200px){
body .lookbook-landing-mailchimp.yikes-easy-mc-form label{
width: 100%;
padding-right: 0;
}
body .yikes-mailchimp-container .lookbook-landing-mailchimp.yikes-easy-mc-form .yikes-easy-mc-submit-button{
width: 100%;
}
}
.beauty-spa-mailchimp.yikes-easy-mc-form{
display: block;
margin: 0 auto;
width: 320px;
}
.beauty-spa-mailchimp.yikes-easy-mc-form label{
width: 320px;
padding-right: 0;
}
.beauty-spa-mailchimp.yikes-easy-mc-form label > input{
color: #928d8e;
background: transparent;
height: 45px;
border: none;
padding-left: 0;
border-bottom: 1px solid #928d8e;
}
.yikes-mailchimp-container .beauty-spa-mailchimp.yikes-easy-mc-form label > input:focus{
outline: none !important;
}
.yikes-mailchimp-container .beauty-spa-mailchimp.yikes-easy-mc-form .yikes-easy-mc-submit-button{
width: 320px;
min-width: 320px;
height: 50px;
background: #e77785;
font-size: 19px;
color: #fff;
border-radius: 25px;
border: none;
font-family: 'Montserrat UltraLight';
font-weight: 100;
text-transform: uppercase;
padding-right: 30px;
padding-left: 30px;
position: relative;
margin-top:40px;
}
.yikes-mailchimp-container .beauty-spa-mailchimp.yikes-easy-mc-form button {
transition: all 0.3s;
-webkit-transition: all 0.3s;
}
.yikes-mailchimp-container .beauty-spa-mailchimp.yikes-easy-mc-form button:hover {
background: #212121;
color: #fff;
transition: all 0.3s;
-webkit-transition: all 0.3s;
}
.yikes-mailchimp-container .classic-landing-mailchimp.yikes-easy-mc-form label > input[type=email]{
background: #fff !important;
padding-left: 20px !important;
border: 1px solid #dfe5e8 !important;
}
.yikes-mailchimp-container .classic-landing-mailchimp.yikes-easy-mc-form .yikes-easy-mc-submit-button{
border: none;
color: #fff;
font-family: 'Montserrat';
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
background: #e43f65;
-webkit-transition: all 0.35s;
-moz-transition: all 0.35s;
transition: all 0.35s;
}
.yikes-mailchimp-container .classic-landing-mailchimp.yikes-easy-mc-form .yikes-easy-mc-submit-button:hover{
color: #e43f65;
background: #212331;
-webkit-transition: all 0.35s;
-moz-transition: all 0.35s;
transition: all 0.35s;
}
.silk-diamond-mailchimp.yikes-easy-mc-form input[type=email]{
background: #fff !important;
padding-left: 20px !important;
border: 1px solid #dfe5e8 !important;
}
.silk-diamond-mailchimp .yikes-easy-mc-submit-button{
border: none;
color: #fff;
font-family: 'Montserrat';
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
}
.silk-diamond-mailchimp .yikes-easy-mc-submit-button{
background: #9ccc65;
}
.yellow-breath-mailchimp.yikes-easy-mc-form input[type=email]{
background: #fff !important;
color: #99a9b5;
padding-left: 20px !important;
border: none !important;
}
.yellow-breath-mailchimp .yikes-easy-mc-submit-button{
background: #2c2e3d;
border: none;
color: #fff;
font-family: 'Montserrat';
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
}