.gem-icon{
background-origin:border-box;
border-color: #91a0ac;
}
.gem-icon, .gem-icon i, .gem-icon svg, .gem-icon-shape-hexagon-back-inner-before, .gem-icon-shape-hexagon-top-inner-before, .padding-box-inner{
-o-transition: color 0.5s, background-color 0.5s, -o-transform 0.5s, border-color 0.5s, fill 0.5s;
-webkit-transition: color 0.5s, background-color 0.5s, -webkit-transform 0.5s, border-color 0.5s, fill 0.5s;
-moz-transition: color 0.5s, background-color 0.5s, -moz-transform 0.5s, border-color 0.5s, fill 0.5s;
transition: color 0.5s, background-color 0.5s, transform 0.5s, border-color 0.5s, fill 0.5s;	
}
.gem-icon-style-gradient{
width: 100%;
}
.gem-icon-style-gradient .back-angle i{
background-image: linear-gradient(180deg, #91a0ac 0%, #65707e 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.gem-icon-inner .padding-box-inner{
display: flex;
overflow: visible;
}
.gem-icon a, .gem-icon a:hover{
color: unset;
}
.gem-icon-shape-default {
border: 0 none;
} .gem-icon-size-small, .gem-icon-size-medium, .gem-icon-size-large, .gem-icon-size-xlarge{
height: unset;
}
.gem-icon-shape-default .gem-icon-inner {
border: 0;
margin: 0
}
.gem-icon-size-small .padding-box-inner{
width: 24px;
height: 24px;
line-height: 24px;
}
.gem-icon-size-medium .padding-box-inner{
width: 48px;
height: 48px;
line-height: 48px;
}
.gem-icon-size-large .padding-box-inner{
width: 96px;
height: 96px;
line-height: 96px;
}
.gem-icon-size-xlarge .padding-box-inner{
width: 144px;
height: 144px;
line-height: 144px;
}
.gem-icon-shape-default .gem-icon-inner,
.gem-icon-shape-square .gem-icon-inner,
.gem-icon-shape-circle .gem-icon-inner,
.gem-icon-shape-romb .gem-icon-inner{
width: unset;
height: unset;
line-height: unset;
}
.gem-icon-shape-hexagon-back-inner-before{
background-color: #91a0ac;
}
.gem-icon-shape-hexagon-top-inner-before{
background-color: #2c2e3d;
}
.left-box{
text-align: left;
}
.right-box{
text-align: right;
}
.icon-inline-position a{
position: relative;
display: inline-block;
}
.gem-icon i{
line-height: unset;
}
.gem-icon svg{
fill: #91a0ac;
}
.back-angle svg{
width: 100%;
height: 100%;
} .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 {
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-small .gem-icon-inner svg{
height: 100%;
width: 36px;
} .gem-icon-shape-hexagon.gem-icon-size-medium {
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-medium .gem-icon-inner svg{
height: 100%;
width: 58px;
} .gem-icon-shape-hexagon.gem-icon-size-large {
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-large .gem-icon-inner svg{
height: 100%;
width: 114px;
} .gem-icon-shape-hexagon.gem-icon-size-xlarge {
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;
}
.gem-icon-shape-hexagon.gem-icon-size-xlarge .gem-icon-inner svg{
height: 100%;
width: 164px;
}form.wpcf7-form.thegem-cf7 .with-label {
display: flex;
}
form.wpcf7-form.thegem-cf7 .with-label .wpcf7-form-control-wrap {
margin-bottom: 0;
}
form.wpcf7-form.thegem-cf7.label-left .with-label {
flex-direction: row;
align-items: center;
}
form.wpcf7-form.thegem-cf7.label-left .with-label label {
flex: none;
}
form.wpcf7-form.thegem-cf7.label-right .with-label {
flex-direction: row-reverse;
align-items: center;
justify-content: flex-end;
}
form.wpcf7-form.thegem-cf7.label-right .with-label label {
flex: none;
}
form.wpcf7-form.thegem-cf7.label-top .with-label {
flex-direction: column;
}
form.wpcf7-form.thegem-cf7.label-bottom .with-label {
flex-direction: column-reverse;
}
form.wpcf7-form.thegem-cf7.label-bottom .with-label .wpcf7-form-control-wrap, form.wpcf7-form.thegem-cf7.label-bottom .with-label .wpcf7-form-control, form.wpcf7-form.thegem-cf7.label-bottom .with-label .combobox-wrapper {
margin-bottom: 0 !important;
}
form.wpcf7-form.thegem-cf7 input[type=submit] {
height: auto;
margin-right: 0;
margin-left: 0;
border: none;
}
form.wpcf7-form.thegem-cf7 .combobox-wrapper {
height: auto;
}
form.wpcf7-form.thegem-cf7 .combobox-wrapper .combobox-text {
line-height: inherit;
border: none;
padding: 12px 20px;
}
form.wpcf7-form.thegem-cf7 .combobox-wrapper .combobox-button {
height: 100%;
border: none;
}
form.wpcf7-form.thegem-cf7 .checkbox-sign.checked:before, form.wpcf7-form.thegem-cf7 .radio-sign.checked:before {
margin: 0;
transform: translate(-50%, -50%);
font-size: 24px;
width: 24px;
height: 24px;
line-height: 24px;
}
form.wpcf7-form.thegem-cf7 p {
margin-bottom: 0;
}
form.wpcf7-form.thegem-cf7 p:nth-last-of-type(1), form.wpcf7-form.thegem-cf7 .submit-outer {
display: flex;
flex-direction: column;
}
form.wpcf7-form.thegem-cf7 .wpcf7-form-control {
display: inline-block;
}
form.wpcf7-form.thegem-cf7 .wpcf7-form-control-wrap:after {
top: 50%;
transform: translateY(-50%);
}
form.wpcf7-form.thegem-cf7 .form-line {
margin: 0;
}
.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: 1px solid #ffffff;
background-color: #ffffff;
}
.wpcf7-warning {
line-height: 1.2;
}
.not-empty {
height: 1px;
}