/*
Theme Name: Mergan
Theme URI:
Author: Conversal
Version: 1.0
Author URI: https://www.conversal.be
*/
* {
box-sizing: border-box;
}
*::selection {
color: #fff;
background: #0c9d83;
}
*::-moz-selection {
color: #fff;
background: #0c9d83;
}
html {
width: 100%;
height: 100%;
-ms-text-size-adjust: 100%;
-ms-overflow-style: scrollbar;
-webkit-text-size-adjust: none;
-webkit-font-smoothing: antialiased;
-webkit-tap-highlight-color: transparent;
font: 62.5% Helvetica, Arial, sans-serif;
}
body {
width: 100%;
height: 100%;
margin: 0;
min-height: 100%;
position: relative;
line-height: 1.5;
background: #fff;
}
main,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
}
audio,
canvas,
video {
display: inline-block;
*display: inline;
*zoom: 1;
}
select,
textarea,
.textbox {
font: inherit;
}
fieldset {
border: none;
margin: 0;
padding: 0;
}
legend {
border: 0;
padding: 0;
white-space: normal;
*margin-left: -7px;
}
img {
border: none;
}
blockquote,
q {
quotes: none;
}
q:before,
q:after {
content: '';
content: none;
}
:focus {
outline: 0;
}
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
a:active,
a:hover {
outline: 0;
}
a:hover {
text-decoration: none;
}
b,
strong {
font-weight: bold;
}
nav ul,
nav ol {
margin: 0;
padding: 0;
list-style: none;
list-style-image: none;
}
figure,
form {
margin: 0;
}
button,
input,
select,
textarea {
font-size: 100%;
margin: 0;
vertical-align: baseline;
*vertical-align: middle;
}
button,
input {
line-height: normal;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
*overflow: visible;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
*height: 13px;
*width: 13px;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
vertical-align: top;
resize: none;
}
img.responsive {
height: auto;
max-width: 100%;
display: block;
}
.alignright {
float: right !important;
}
.alignleft {
float: left !important;
}
img.alignright {
margin: 0 0 10px 30px;
}
@media (max-width: 767px) {
img.alignright {
margin-left: 0;
float: none !important;
}
}
@media (min-width: 768px) and (max-width: 1199px) {
img.alignright {
max-width: 50%;
}
}
img.alignleft {
margin: 0 30px 10px 0;
}
@media (max-width: 767px) {
img.alignleft {
margin-right: 0;
float: none !important;
}
}
@media (min-width: 768px) and (max-width: 1199px) {
img.alignleft {
max-width: 50%;
}
}
.text-right {
text-align: right;
}
.text-left {
text-align: left;
}
.text-center {
text-align: center;
}
.pseudo-link {
text-decoration: none;
}
.pseudo-link span {
border-bottom-style: dashed;
border-bottom-width: 1px;
}
.clear:before,
.clear:after {
content: " ";
display: table;
}
.clear:after {
clear: both;
}
.clear:after {
content: "";
display: table;
clear: both;
}
.clear:before,
.clear:after {
content: " ";
display: table;
}
.clear:after {
clear: both;
}
.clear:after {
content: "";
display: table;
clear: both;
}
/********************/
.title-line {
position: relative;
padding-bottom: 17px;
}
.title-line:after {
width: 65px;
height: 1px;
background: #466bb8;
bottom: 0;
left: 0;
position: absolute;
content: '';
}
@media (max-width: 767px) {
.title-line {
padding-bottom: 0;
}
.title-line:after {
display: none;
}
}
/*
Icon classes can be used entirely standalone. They are named after their original file names.
Example usage in HTML:
`display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:
// CSS
.icon {
display: inline-block;
}
// HTML
*/
@font-face {
font-family: 'fontello';
src: url('assets/fonts/fontello.eot?71488380');
src: url('assets/fonts/fontello.eot?71488380#iefix') format('embedded-opentype'), url('assets/fonts/fontello.woff2?71488380') format('woff2'), url('assets/fonts/fontello.woff?71488380') format('woff'), url('assets/fonts/fontello.ttf?71488380') format('truetype'), url('assets/fonts/fontello.svg?71488380#fontello') format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: 0.2em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
margin-left: 0.2em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-doc:before {
content: '\e800';
}
/* '' */
.icon-user:before {
content: '\e801';
}
/* '' */
.icon-key:before {
content: '\e802';
}
/* '' */
.icon-clock:before {
content: '\e803';
}
/* '' */
.icon-left-open:before {
content: '\e804';
}
/* '' */
.icon-right-open:before {
content: '\e805';
}
/* '' */
.icon-ok:before {
content: '\e806';
}
/* '' */
.icon-phone:before {
content: '\e807';
}
/* '' */
.icon-right-small:before {
content: '\e808';
}
/* '' */
.icon-search:before {
content: '\e809';
}
/* '' */
.icon-calendar:before {
content: '\e80a';
}
/* '' */
.icon-right-open-big:before {
content: '\e80b';
}
/* '' */
.icon-left-open-big:before {
content: '\e80c';
}
/* '' */
.icon-right:before {
content: '\e80d';
}
/* '' */
.icon-mobile:before {
content: '\e80e';
}
/* '' */
.icon-right-small-1:before {
content: '\e80f';
}
/* '' */
.icon-left-small:before {
content: '\e810';
}
/* '' */
.icon-location:before {
content: '\f031';
}
/* '' */
.icon-twitter:before {
content: '\f099';
}
/* '' */
.icon-facebook:before {
content: '\f09a';
}
/* '' */
.icon-linkedin:before {
content: '\f0e1';
}
/* '' */
.icon-doc-text:before {
content: '\f0f6';
}
/* '' */
.icon-angle-left:before {
content: '\f104';
}
/* '' */
.icon-angle-right:before {
content: '\f105';
}
/* '' */
.icon-youtube-play:before {
content: '\f16a';
}
/* '' */
.icon-instagram:before {
content: '\f16d';
}
/* '' */
.icon-gplus:before {
content: '\f30f';
}
/* '' */
@font-face {
font-family: 'aileronregular';
src: url('assets/fonts/aileron-regular-webfont.woff2') format('woff2'), url('assets/fonts/aileron-regular-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'aileronthin';
src: url('assets/fonts/aileron-thin-webfont.woff2') format('woff2'), url('assets/fonts/aileron-thin-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'poppinsbold';
src: url('assets/fonts/poppins-bold-webfont.woff2') format('woff2'), url('assets/fonts/poppins-bold-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'poppinsextrabold';
src: url('assets/fonts/poppins-extrabold-webfont.woff2') format('woff2'), url('assets/fonts/poppins-extrabold-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'poppinsitalic';
src: url('assets/fonts/poppins-italic-webfont.woff2') format('woff2'), url('assets/fonts/poppins-italic-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'poppinsregular';
src: url('assets/fonts/poppins-regular-webfont.woff2') format('woff2'), url('assets/fonts/poppins-regular-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'poppinssemibold';
src: url('assets/fonts/poppins-semibold-webfont.woff2') format('woff2'), url('assets/fonts/poppins-semibold-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@-ms-viewport {
width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
display: none !important;
}
@media (max-width: 767px) {
.visible-xs {
display: block !important;
}
table.visible-xs {
display: table !important;
}
tr.visible-xs {
display: table-row !important;
}
th.visible-xs,
td.visible-xs {
display: table-cell !important;
}
}
@media (max-width: 767px) {
.visible-xs-block {
display: block !important;
}
}
@media (max-width: 767px) {
.visible-xs-inline {
display: inline !important;
}
}
@media (max-width: 767px) {
.visible-xs-inline-block {
display: inline-block !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm {
display: block !important;
}
table.visible-sm {
display: table !important;
}
tr.visible-sm {
display: table-row !important;
}
th.visible-sm,
td.visible-sm {
display: table-cell !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-block {
display: block !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline {
display: inline !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline-block {
display: inline-block !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md {
display: block !important;
}
table.visible-md {
display: table !important;
}
tr.visible-md {
display: table-row !important;
}
th.visible-md,
td.visible-md {
display: table-cell !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-block {
display: block !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline {
display: inline !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline-block {
display: inline-block !important;
}
}
@media (min-width: 1200px) {
.visible-lg {
display: block !important;
}
table.visible-lg {
display: table !important;
}
tr.visible-lg {
display: table-row !important;
}
th.visible-lg,
td.visible-lg {
display: table-cell !important;
}
}
@media (min-width: 1200px) {
.visible-lg-block {
display: block !important;
}
}
@media (min-width: 1200px) {
.visible-lg-inline {
display: inline !important;
}
}
@media (min-width: 1200px) {
.visible-lg-inline-block {
display: inline-block !important;
}
}
@media (max-width: 767px) {
.hidden-xs {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hidden-sm {
display: none !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.hidden-md {
display: none !important;
}
}
@media (min-width: 1200px) {
.hidden-lg {
display: none !important;
}
}
.visible-print {
display: none !important;
}
@media print {
.visible-print {
display: block !important;
}
table.visible-print {
display: table !important;
}
tr.visible-print {
display: table-row !important;
}
th.visible-print,
td.visible-print {
display: table-cell !important;
}
}
.visible-print-block {
display: none !important;
}
@media print {
.visible-print-block {
display: block !important;
}
}
.visible-print-inline {
display: none !important;
}
@media print {
.visible-print-inline {
display: inline !important;
}
}
.visible-print-inline-block {
display: none !important;
}
@media print {
.visible-print-inline-block {
display: inline-block !important;
}
}
@media print {
.hidden-print {
display: none !important;
}
}
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
content: " ";
display: table;
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
clear: both;
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
content: "";
display: table;
clear: both;
}
.center-block {
display: block;
margin-left: auto;
margin-right: auto;
}
.pull-right {
float: right !important;
}
.pull-left {
float: left !important;
}
.hide {
display: none !important;
}
.show {
display: block !important;
}
.invisible {
visibility: hidden;
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.hidden {
display: none !important;
}
.affix {
position: fixed;
}
.container {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 768px) {
.container {
width: 750px;
}
}
@media (min-width: 992px) {
.container {
width: 970px;
}
}
@media (min-width: 1200px) {
.container {
width: 1170px;
}
}
.container-fluid {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
}
.row {
margin-left: -15px;
margin-right: -15px;
}
.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: 15px;
padding-right: 15px;
}
.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: auto;
}
.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: auto;
}
.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: auto;
}
.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: auto;
}
.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: auto;
}
.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: auto;
}
.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: 1200px) {
.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: auto;
}
.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: auto;
}
.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%;
}
}
.site-container {
width: 100%;
overflow: hidden;
margin: 0 auto;
background: #fff;
font-family: 'poppinsregular';
height: auto !important;
min-height: 100%;
height: 100%;
}
.container-fluid {
max-width: 100%;
padding: 0;
}
.container-fluid:before,
.container-fluid:after {
content: " ";
display: table;
}
.container-fluid:after {
clear: both;
}
.container-fluid:after {
content: "";
display: table;
clear: both;
}
.container-fluid:before,
.container-fluid:after {
content: " ";
display: table;
}
.container-fluid:after {
clear: both;
}
.container-fluid:after {
content: "";
display: table;
clear: both;
}
.outer-wrapper {
position: relative;
}
.outer-wrapper_header {
z-index: 10000;
}
.outer-wrapper_banner-inner {
background-repeat: no-repeat;
background-size: contain;
background-color: #f8f8f8;
}
@media (max-width: 1380px) {
.outer-wrapper_banner-inner {
-webkit-background-size: cover !important;
background-size: cover !important;
}
}
.outer-wrapper_bg-img {
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
}
.outer-wrapper_bg-gray {
background: #f8f8f8;
}
.outer-wrapper_bg-brand {
background-color: #0085CA;
background-image: -webkit-linear-gradient(356deg, rgba(0, 133, 202, 0.5) 0%, rgba(0, 133, 202, 0.5) 1%, rgba(30, 191, 79, 0.5) 100%);
background-image: -o-linear-gradient(356deg, rgba(0, 133, 202, 0.5) 0%, rgba(0, 133, 202, 0.5) 1%, rgba(30, 191, 79, 0.5) 100%);
background-image: linear-gradient(86deg, rgba(0, 133, 202, 0.5) 0%, rgba(0, 133, 202, 0.5) 1%, rgba(30, 191, 79, 0.5) 100%);
}
.section {
max-width: 1440px;
padding-left: 15px;
padding-right: 15px;
margin: 0 auto;
position: relative;
z-index: 1;
font-size: 16px;
}
.section:before,
.section:after {
content: " ";
display: table;
}
.section:after {
clear: both;
}
.section:after {
content: "";
display: table;
clear: both;
}
.section:before,
.section:after {
content: " ";
display: table;
}
.section:after {
clear: both;
}
.section:after {
content: "";
display: table;
clear: both;
}
@media (max-width: 767px) {
.section {
padding-top: 40px !important;
padding-bottom: 40px !important;
font-size: 14px !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.section {
font-size: 14px;
}
}
@media (min-width: 768px) and (max-width: 1200px) {
.section {
padding-left: 30px;
padding-right: 30px;
}
}
.section_narrow {
max-width: 800px;
}
@media (max-width: 767px) {
.section_narrow {
padding: 0 !important;
}
}
.section_single {
padding-top: 100px;
padding-bottom: 60px;
}
.row:before,
.row:after {
content: " ";
display: table;
}
.row:after {
clear: both;
}
.row:after {
content: "";
display: table;
clear: both;
}
.row:before,
.row:after {
content: " ";
display: table;
}
.row:after {
clear: both;
}
.row:after {
content: "";
display: table;
clear: both;
}
.section-header {
max-width: 900px;
padding-top: 39px;
margin: 0 auto 3.5em;
text-align: center;
}
.section-header:before,
.section-header:after {
content: " ";
display: table;
}
.section-header:after {
clear: both;
}
.section-header:after {
content: "";
display: table;
clear: both;
}
.section-header:before,
.section-header:after {
content: " ";
display: table;
}
.section-header:after {
clear: both;
}
.section-header:after {
content: "";
display: table;
clear: both;
}
@media (max-width: 767px) {
.section-header {
padding-top: 0;
font-size: 12px;
}
}
.section-header__title {
margin: 0;
font-size: 1.875em;
font-weight: normal;
font-family: 'poppinssemibold';
color: #181819;
text-transform: uppercase;
letter-spacing: 1.5px;
position: relative;
padding-bottom: 17px;
}
.section-header__title:after {
width: 65px;
height: 1px;
background: #466bb8;
bottom: 0;
left: 0;
position: absolute;
content: '';
}
@media (max-width: 767px) {
.section-header__title {
padding-bottom: 0;
}
.section-header__title:after {
display: none;
}
}
.section-header__title:after {
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.section-header__text {
text-align: center;
line-height: 1.7;
}
@media (max-width: 767px) {
.section-header__text {
padding: 0;
}
}
@media (min-width: 768px) and (max-width: 1199px) {
.section-header__text {
padding: 0 60px;
}
}
.section-header__text p {
margin-top: 1.4375em;
margin-bottom: 0;
}
.section-footer {
margin-top: 30px;
padding-top: 10px;
border-top: 3px solid #f7f7f7;
}
@media (max-width: 767px) {
.section-footer {
border: none;
}
}
/*
* ~header
********/
.header-section {
padding-top: 19px;
}
@media (max-width: 767px) {
.header-section {
padding-top: 50px !important;
padding-bottom: 20px !important;
}
}
.header {
z-index: 1000;
}
.header__block {
float: right;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-ms-align-items: center;
align-items: center;
}
@media (max-width: 767px) {
.header__block {
padding-bottom: 15px;
float: none;
justify-content: center;
}
}
.header__block-item {
margin-left: 1.42857143em;
padding-left: 1.64285714em;
font-size: 0.875em;
font-weight: 500;
letter-spacing: 0.1em;
position: relative;
}
.header__block-item:before {
top: 0;
left: 0;
position: absolute;
color: #e6e6e6;
content: '/';
}
.header__block-item:first-child {
margin: 0;
padding: 0;
}
.header__block-item:first-child:before {
display: none;
}
.header__block-item .link {
color: #0085CA;
text-transform: uppercase;
text-decoration: none;
}
.header__block-item .link:hover {
text-decoration: underline;
}
@media (max-width: 767px) {
.header__block-item_social-media {
display: none;
}
}
.header__block-item_social-media:before {
display: none;
}
.header__block-item_social-media .social-media-buttons {
position: relative;
}
.header__block-item_social-media .social-media-buttons:before {
top: 2px;
left: -1.64285714em;
position: absolute;
color: #e6e6e6;
content: '/';
}
.header__block .phone-link {
color: #181819;
-webkit-transition: color 0.3s;
-o-transition: color 0.3s;
transition: color 0.3s;
}
.header__block .phone-link:before {
font-size: 1.07142857em;
}
.header__block .phone-link:hover {
color: #0085CA;
}
.phone-link {
text-decoration: none;
}
/*
* ~logo
********/
@media (max-width: 767px) {
.logo {
text-align: center;
}
.logo img {
display: inline-block;
}
}
.logo_header {
padding-top: 3px;
}
@media (max-width: 767px) {
.logo_header {
max-width: 80%;
margin: 0 auto;
text-align: center;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.logo_header {
margin-top: -30px;
}
}
.logo_footer {
padding-top: 4px;
}
@media (min-width: 768px) and (max-width: 991px) {
.logo_footer {
max-width: 80%;
}
}
.main-nav_header {
padding: 41px 0;
margin-top: 23px;
float: right;
position: relative;
}
@media (min-width: 992px) and (max-width: 1199px) {
.main-nav_header {
font-size: 14px;
}
}
.main-nav_header:after {
top: 0;
right: -1000em;
left: -80px;
bottom: 0;
position: absolute;
background: #f8f8f8;
content: '';
}
@media (max-width: 767px) {
.main-nav_header:after {
background: #fff;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.main-nav_header:after {
left: -30px;
}
}
@media (max-width: 767px) {
.main-nav_header {
float: none;
text-align: center;
clear: both;
margin: 0;
width: 100%;
top: 0;
left: 0;
position: fixed;
background: #fff;
transform: translateY(-500px);
transition: transform 0.7s cubic-bezier(0.75, -0.5, 0, 1.75);
z-index: 1000;
}
.main-nav_header.active {
transform: translateY(0);
}
}
@media (max-width: 767px) and (max-width: 767px) {
.main-nav_header .menu {
padding-top: 20px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.main-nav_header {
float: none;
text-align: center;
}
}
.main-nav_header .main-nav-item {
margin-left: 4.625em;
float: left;
text-transform: uppercase;
position: relative;
z-index: 10;
}
.main-nav_header .main-nav-item:first-child {
margin-left: 0;
}
@media (max-width: 767px) {
.main-nav_header .main-nav-item {
float: none;
margin: 10px 0;
}
}
@media (min-width: 768px) and (max-width: 1199px) {
.main-nav_header .main-nav-item {
margin-left: 25px;
margin-right: 25px;
float: none;
display: inline-block;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.main-nav_header .main-nav-item {
margin-left: 1.5em;
}
}
.main-nav_header .main-nav-link {
color: #181819;
text-decoration: none;
transition: color 0.3s;
position: relative;
letter-spacing: 0.0875em;
}
@media (max-width: 767px) {
.main-nav_header .main-nav-link {
padding-top: 3px;
padding-bottom: 3px;
display: inline-block;
}
}
.main-nav_header .main-nav-link:after {
top: 50%;
right: -15px;
margin-top: -2px;
position: absolute;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
background-image: url(assets/img/sprite.png);
background-position: 0px 0px;
width: 54px;
height: 29px;
opacity: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
content: '';
}
.main-nav_header .main-nav-link:hover {
color: #0085CA;
}
.main-nav_header .main-nav-link:hover:after {
opacity: 1;
}
.main-nav_header .current-menu-item .main-nav-link,
.main-nav_header .current-category-ancestor .main-nav-link {
color: #0085CA;
font-family: 'poppinssemibold';
}
.main-nav_header .current-menu-item .main-nav-link:after,
.main-nav_header .current-category-ancestor .main-nav-link:after {
opacity: 1;
}
.main-nav_footer .menu a {
text-decoration: none;
}
.burger-holder {
bottom: 0;
left: 0;
width: 100%;
position: fixed;
padding: 7px;
display: none;
z-index: 10000;
background: #fff;
cursor: pointer;
text-align: center;
}
@media (max-width: 767px) {
.burger-holder {
display: block;
}
}
.burger {
width: 22px;
height: 17px;
cursor: pointer;
display: inline-block;
vertical-align: middle;
transform: rotate(0deg);
}
@media (hover: hover) {
.burger:hover i {
background: #0c9d83;
}
}
.burger i {
display: block;
position: absolute;
height: 3px;
width: 50%;
background: #0c9d83;
border-radius: 2px;
transform: rotate(0deg);
z-index: 1;
transition: 0.25s ease-in-out;
}
.burger i:nth-child(even) {
left: 50%;
border-radius: 0 2px 2px 0;
}
.burger i:nth-child(odd) {
left: 0px;
border-radius: 2px 0 0 2px;
}
.burger i:nth-child(1),
.burger i:nth-child(2) {
top: 0;
}
.burger i:nth-child(3),
.burger i:nth-child(4) {
top: 7px;
}
.burger i:nth-child(5),
.burger i:nth-child(6) {
top: 14px;
}
.burger.active i {
height: 4px;
}
.burger.active i:nth-child(1),
.burger.active i:nth-child(6) {
transform: rotate(45deg);
}
.burger.active i:nth-child(2),
.burger.active i:nth-child(5) {
transform: rotate(-45deg);
}
.burger.active i:nth-child(1) {
left: 1px;
top: 4px;
}
.burger.active i:nth-child(2) {
left: calc(50% - 4px);
top: 4px;
}
.burger.active i:nth-child(3) {
left: -50%;
opacity: 0;
}
.burger.active i:nth-child(4) {
left: 100%;
opacity: 0;
}
.burger.active i:nth-child(5) {
left: 2px;
top: 10px;
}
.burger.active i:nth-child(6) {
left: calc(50% - 4px);
top: 10px;
}
.banner {
color: #fff;
}
.banner-section {
width: 100%;
height: 670px;
display: flex;
align-items: flex-end;
justify-content: flex-end;
position: relative;
}
@media (max-width: 767px) {
.banner-section {
height: auto;
min-height: 450px;
-ms-align-items: center;
align-items: center;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.banner-section {
height: 450px;
}
}
.banner-section_inner {
height: 360px;
}
.banner-section_inner .banner__content {
margin-bottom: -31px;
}
@media (max-width: 767px) {
.banner-section_inner .banner__content {
margin-bottom: 0;
font-size: 11px;
}
}
@media (max-width: 767px) {
.banner-section_inner {
height: auto;
min-height: 100%;
}
}
.banner__slider {
max-width: 2200px;
margin: 0 auto !important;
}
.banner__slider .banner__content {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
opacity: 0;
-webkit-transition-delay: 0.07s;
-o-transition-delay: 0.07s;
transition-delay: 0.07s;
-webkit-transform: translateX(200%);
-ms-transform: translateX(200%);
-o-transform: translateX(200%);
transform: translateX(200%);
}
@media (min-width: 768px) and (max-width: 991px) {
.banner__slider .banner__text {
font-size: 1.25em;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.banner__slider .banner__text {
font-size: 1.5625em;
}
}
.banner__slider .slick-list {
overflow: visible;
}
.banner__slider-holder {
margin-bottom: 141px;
}
@media (max-width: 767px) {
.banner__slider-holder {
margin-bottom: 0;
}
}
.banner__slider-holder.slider-holder .slick-arrow {
width: 44px;
height: 44px;
top: auto;
left: 50%;
bottom: 0;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
@media (max-width: 991px) {
.banner__slider-holder.slider-holder .slick-arrow {
display: none !important;
}
}
.banner__slider-holder.slider-holder .slick-arrow:before {
font-size: 20px;
}
@media (max-width: 1450px) {
.banner__slider-holder.slider-holder .slick-arrow {
left: 0;
}
}
.banner__slider-holder.slider-holder .slick-prev {
margin-left: 18px;
}
.banner__slider-holder.slider-holder .slick-prev:before {
margin-left: -1px;
}
.banner__slider-holder.slider-holder .slick-next {
margin-left: 68px;
}
.banner__slider-holder .slick-active .banner__content {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
.banner__slider-item {
margin: 0 !important;
background-repeat: no-repeat;
background-size: contain;
background-color: #f8f8f8;
}
@media (max-width: 1380px) {
.banner__slider-item {
-webkit-background-size: cover !important;
background-size: cover !important;
}
}
.banner__content {
width: 100%;
max-width: 625px;
padding: 3.5625em 2.5em 4.25em;
margin-bottom: -52px;
background-color: #0085CA;
background-image: linear-gradient(-216deg, rgba(0, 133, 202, 0.5) 0%, rgba(0, 133, 202, 0.5) 1%, rgba(30, 191, 79, 0.5) 100%);
}
@media (max-width: 767px) {
.banner__content {
margin-bottom: 0;
}
}
.page-error-404 .banner__content {
display: none;
}
.banner__title {
margin: 0;
text-transform: uppercase;
display: block;
font-weight: normal;
font-size: 1.6em;
font-family: 'poppinsextrabold';
line-height: 1.25em;
letter-spacing: 0;
}
.banner__text {
font-size: 1.875em;
line-height: 1.76666667em;
}
@media (max-width: 767px) {
.banner__text {
font-size: 1.25em;
}
}
.banner__text h1 {
font-weight: normal;
margin: 0 0 0.86666667em;
text-transform: uppercase;
letter-spacing: 0.5px;
font-size: 1em;
font-family: 'aileronregular';
}
.banner__text h1 strong {
display: block;
font-weight: normal;
font-size: 1.6em;
font-family: 'poppinsextrabold';
line-height: 1.25em;
letter-spacing: 0;
}
.banner__text p {
margin: 0;
letter-spacing: 2.1px;
line-height: 1.33333333em;
font-family: 'aileronthin';
font-weight: 300;
}
@media (max-width: 767px) {
.banner__text {
padding: 0;
}
}
.banner__buttons {
margin-top: 3.1875em;
}
.banner__buttons .button {
min-width: 13.1875em;
margin-right: 15px;
}
.banner__buttons .button:last-child {
min-width: 15em;
margin-right: 0;
}
@media (max-width: 767px) {
.banner__buttons .button {
margin-top: 30px;
min-width: auto !important;
}
.banner__buttons .button:first-child {
margin-top: 0;
}
}
.banner_inner {
width: 100%;
max-width: 625px;
}
.banner_inner .banner__title {
font-size: 3em;
}
.about-section {
padding-bottom: 119px;
}
@media (min-width: 768px) and (max-width: 991px) {
.about-section {
padding-bottom: 40px;
}
}
.about-section-inner {
padding-top: 110px;
padding-bottom: 100px;
}
@media (min-width: 768px) and (max-width: 1199px) {
.about-section-inner {
padding-top: 70px;
padding-bottom: 60px;
}
}
.services {
position: relative;
}
.services-section-index {
margin-top: 103px;
margin-bottom: 99px;
padding-top: 108px;
padding-bottom: 90px;
}
@media (max-width: 767px) {
.services-section-index {
padding-bottom: 10px !important;
margin-top: 0;
margin-bottom: 0;
}
}
.services-section-inner {
padding-top: 60px;
padding-bottom: 72px;
}
.services-section-detail {
padding-top: 100px;
padding-bottom: 38px;
}
.services__block {
width: 21%;
float: left;
}
@media (max-width: 991px) {
.services__block {
width: 100%;
float: none;
text-align: center;
margin-bottom: 30px;
}
}
.services__block-title {
margin: 0 0 1.1em;
font-weight: normal;
font-family: 'poppinssemibold';
font-size: 1.875em;
letter-spacing: 0.05em;
text-transform: uppercase;
}
.services__block-text {
font-size: 0.875em;
font-weight: 400;
line-height: 1.85714286em;
letter-spacing: 0.35px;
}
.services__block-text p {
margin: 1.92857143em 0 0;
}
.services__block-button-holder {
margin-top: 2.8125em;
}
.services__block-button-holder .button {
min-width: 15em;
}
.services-list {
width: 74.5%;
float: right;
padding-top: 12px;
}
@media (max-width: 991px) {
.services-list {
width: 100%;
}
}
.services-list_nav {
width: 100%;
padding-top: 18px;
float: none;
}
.services-list_nav .service {
height: 365px;
}
@media (max-width: 767px) {
.services-list_nav .service {
height: 250px;
}
}
.services-list_nav .service__link {
justify-content: center;
}
.services-list_nav .service__button {
margin-bottom: 30px;
max-width: 300px;
justify-content: center;
padding-left: 20px;
padding-right: 20px;
}
.services-list_nav .service__button-link:before {
display: none;
}
.services-list_detail {
width: 100%;
padding-top: 0;
}
.services-list_detail .sideimage-block {
margin-bottom: 60px;
-webkit-flex-direction: row-reverse;
-moz-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
-o-flex-direction: row-reverse;
flex-direction: row-reverse;
}
@media (max-width: 767px) {
.services-list_detail .sideimage-block:last-child {
margin-bottom: 0;
}
}
.services-list_detail .sideimage-block__content {
padding-left: 0;
}
.services-list_detail .sideimage-block:nth-child(2n) {
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
-o-flex-direction: row;
flex-direction: row;
}
.services-list_detail .sideimage-block:nth-child(2n) .sideimage-block__content {
padding-left: 25px;
}
.service {
width: 100%;
height: 320px;
margin-bottom: 30px;
position: relative;
}
@media (max-width: 767px) {
.service {
height: 300px;
}
}
.service .bg-overlay {
width: 100%;
height: 100%;
position: absolute;
background-size: cover;
background-position: 50% 50%;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.service__link {
width: 100%;
height: 100%;
text-decoration: none;
color: #fff;
display: flex;
position: relative;
-ms-align-items: flex-end;
align-items: flex-end;
overflow: hidden;
}
.service__link:hover .bg-overlay {
-webkit-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
}
.service__link:hover .service__button-link {
color: #0085CA;
}
.service__link:hover .service__button-link:before {
opacity: 1;
}
.service__icon {
height: 90px;
position: relative;
z-index: 1;
}
.service__describe {
padding: 0 15px;
position: relative;
z-index: 1;
}
@media (max-width: 767px) {
.service__describe {
height: auto !important;
}
}
.service__title {
margin: 5px 0 10px;
font-family: 'poppinssemibold';
font-size: 2.14285714em;
font-weight: normal;
}
.service__text {
max-width: 480px;
margin: 0 auto;
line-height: 1.7;
}
.service__button {
width: 100%;
height: 55px;
margin: 0 15px 13px;
padding: 0 50px 0 32px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-ms-align-items: center;
align-items: center;
background: #fff;
position: relative;
z-index: 1;
}
.service__button-link {
color: #2f2f2f;
text-transform: uppercase;
font-size: 1.125em;
font-family: 'poppinssemibold';
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
position: relative;
}
.service__button-link:before {
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: 0.2em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
margin-left: 0.2em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.service__button-link:before {
top: 50%;
right: -50px;
position: absolute;
margin-top: -1px;
font-size: 22px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
opacity: 0;
-webkit-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
content: '\e808';
}
.cta {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-ms-align-items: center;
align-items: center;
justify-content: space-between;
padding: 3.375em 0 3.625em;
color: #fff;
}
@media (max-width: 767px) {
.cta {
padding: 0;
text-align: center;
display: block;
}
}
.cta__content {
padding-right: 30px;
}
@media (max-width: 767px) {
.cta__content {
padding-right: 0;
}
}
.cta__title {
margin: 0;
font-family: 'poppinsextrabold';
font-size: 2.5em;
font-weight: 400;
line-height: 1.5em;
text-transform: uppercase;
}
.cta__text {
font-size: 1.625em;
font-family: 'aileronthin';
max-width: 70%;
}
@media (max-width: 767px) {
.cta__text {
max-width: 100%;
}
}
@media (max-width: 767px) {
.cta__buttons-holder {
margin-top: 20px;
float: none;
text-align: center;
}
}
pre {
font-size: 14px;
background: #ccc;
}
.dashicons,
.dashicons-icons::before {
width: 2rem;
height: 2rem;
font-size: 20px;
font-size: 2rem;
}
.title {
text-transform: uppercase;
color: #0c9d83;
font-weight: normal;
}
.title span {
color: #0c9d83;
}
/*
* ~main
**************/
.wsw h1,
.wsw h2,
.wsw h3,
.wsw h4,
.wsw h5,
.wsw h6 {
font-family: 'poppinssemibold';
font-weight: normal;
color: #0085CA;
margin: 0 0 25px;
text-transform: uppercase;
}
.wsw h1:first-child,
.wsw h2:first-child,
.wsw h3:first-child,
.wsw h4:first-child,
.wsw h5:first-child,
.wsw h6:first-child {
margin-top: 0;
}
.wsw h1 {
margin-top: 22px;
margin-bottom: 0.61111111em;
font-size: 2.25em;
line-height: 1.2308;
letter-spacing: 0.3px;
text-transform: uppercase;
}
.wsw h1:first-child {
margin-top: -7px;
}
.wsw h2 {
margin-bottom: 0.73333333em;
font-size: 1.875em;
font-weight: normal;
line-height: 1.4;
letter-spacing: 0.7px;
}
.wsw h2:first-child {
margin-top: -4px;
}
.wsw h3 {
margin-top: 33px;
margin-bottom: 21px;
font-size: 1.5em;
letter-spacing: 0.1px;
line-height: 1.1667;
}
.wsw h4 {
margin-bottom: 16px;
font-size: 1.4285em;
line-height: 1.4;
}
.wsw h5,
.wsw h6 {
margin-bottom: 1em;
font-size: 1em;
letter-spacing: 0.1em;
line-height: 1.2353;
text-transform: uppercase;
}
.wsw ul,
.wsw ol,
.wsw dl {
margin: 33px 0 25px;
line-height: 1.6;
overflow: hidden;
}
.wsw ul,
.wsw ol {
padding-left: 0;
}
.wsw ul li,
.wsw ol li {
padding-left: 32px;
margin-bottom: 17px;
}
.wsw ol {
padding: 0;
counter-reset: counter;
list-style: none;
}
.wsw ol li {
position: relative;
}
.wsw ol li:before {
top: 0;
left: 0;
position: absolute;
color: #0c9d83;
font-size: 1em;
counter-increment: counter;
content: counter(counter) '.';
z-index: 1;
}
.wsw ol li:last-child {
margin-bottom: 0;
}
.wsw ol ol ol {
margin-top: 25px;
counter-reset: list2;
}
.wsw ol ol ol li:before {
counter-increment: list2;
content: counter(counter) "." counter(list2) ". ";
}
.wsw ul {
list-style: none;
}
.wsw ul li {
position: relative;
}
.wsw ul li:before {
top: 2px;
left: 0;
position: absolute;
background-image: url(assets/img/sprite.png);
background-position: -54px -73px;
width: 18px;
height: 13px;
content: '';
}
.wsw ul li:last-child {
margin-bottom: 0;
}
.wsw ul li ul {
margin-top: 25px;
margin-left: 20px;
}
.wsw ul.unstyled li {
padding-left: 0;
margin-bottom: 10px;
}
.wsw ul.unstyled li:before {
display: none;
}
.wsw ul.unstyled .edit-link-holder {
margin-top: 0;
}
.wsw .two-cols ul {
margin-top: -4px;
margin-left: 15px;
margin-bottom: 42px;
}
@media (max-width: 767px) {
.wsw .two-cols ul {
margin-left: 0;
}
}
.wsw .two-cols ol {
margin-top: -4px;
margin-left: 19px;
margin-bottom: 42px;
}
@media (max-width: 767px) {
.wsw .two-cols ol {
margin-left: 0;
}
}
.wsw p {
line-height: 1.5;
margin: 0 0 25px;
}
.wsw a {
color: #0c9d83;
transition: all 0.3s;
text-decoration: none;
}
.wsw a:hover {
color: #10ccab;
}
.wsw table {
width: 100%;
table-layout: fixed;
margin: 0 0 25px;
}
.wsw thead td {
color: #fff;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
border: 1px solid #0c9d83;
background: #086e5b;
}
.wsw td {
background: #f6f6f6;
border: 1px solid #ccc;
}
.wsw th,
.wsw td {
text-align: left;
padding: 5px 15px;
}
.wsw hr {
background-color: #0c9d83;
border: 0;
height: 1px;
margin-bottom: 25px;
}
.wsw blockquote {
padding: 47px 70px 7px 43px;
margin: 54px 0 57px 0px;
font-size: 1.14285714em;
font-style: normal;
background: #f7f7f7;
quotes: "\201C" "\201D" "\2018" "\2019";
color: #0c9d83;
position: relative;
}
@media (max-width: 767px) {
.wsw blockquote {
margin-left: 5px;
margin-right: -10px;
}
}
.wsw blockquote:after {
top: 30px;
right: 37px;
position: absolute;
font-size: 4.5em;
font-family: 'poppinsbold';
font-style: normal;
margin: 0 0 -0.8rem -2rem;
line-height: 1em;
content: open-quote;
color: #0c9d83;
}
@media (max-width: 767px) {
.wsw blockquote:after {
top: 15px;
right: auto;
left: 30px;
}
}
.wsw blockquote h1,
.wsw blockquote h2,
.wsw blockquote h3,
.wsw blockquote h4,
.wsw blockquote h5 {
color: #fff;
font-size: 1.5em;
margin-bottom: 20px;
}
.wsw blockquote p {
line-height: 1.4;
/**
&:first-child{
font-size: 5.14285714em;
font-family: @font-b;
font-style: normal;
margin: 0 0 -.8rem -2rem;
line-height: 1rem;
content: open-quote;
}
&:last-child{
&:after{
content: close-quote;
font-size: 5.14285714em;
line-height: 1em;
vertical-align: -.4rem;
}
}
/**/
}
.wsw img.alignright,
.wsw img.alignleft {
max-width: 100%;
height: auto;
margin-bottom: 20px;
}
.wsw img.alignright + p,
.wsw img.alignleft + p {
margin-top: -7px;
}
.wsw img.alignnone {
max-width: 100%;
height: auto;
margin-bottom: 19px;
}
.wsw .important-block {
margin-bottom: 25px;
padding: 10px 20px;
background: #f3f3f3;
border-left: 4px solid #0c9d83;
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
}
.wsw .important-block p:last-child {
margin-bottom: 0;
}
.wsw > *:last-child {
margin-bottom: 0;
}
.articles-section {
padding-top: 68px;
padding-bottom: 80px;
}
@media (max-width: 767px) {
.articles-section {
padding-top: 0px !important;
padding-bottom: 10px !important;
}
}
.article {
background: #fff;
}
.article:before,
.article:after {
content: " ";
display: table;
}
.article:after {
clear: both;
}
.article:after {
content: "";
display: table;
clear: both;
}
.article:before,
.article:after {
content: " ";
display: table;
}
.article:after {
clear: both;
}
.article:after {
content: "";
display: table;
clear: both;
}
@media (max-width: 767px) {
.article {
margin-bottom: 30px;
}
}
.article__link {
padding-bottom: 35px;
display: block;
text-decoration: none;
color: #0c9d83;
}
.article__link:hover .article__title {
color: #0c9d83;
}
.article__link:hover .article__photo:before {
opacity: 0.9;
}
.article__link:hover .article__photo:after {
transform: translate(-50%, -50%) scale(1);
}
.article__link:hover .article__date {
background: #fff;
color: #0c9d83;
}
.article__link:hover .more__link:after {
animation: left-right 1s infinite alternate;
}
.article__photo {
overflow: hidden;
position: relative;
}
.article__photo img {
width: 100%;
}
.article__photo:before {
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;
content: '';
z-index: 1;
opacity: 0;
transition: opacity 0.3s;
background: #0c9d83;
}
.article__photo:after {
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(0);
position: absolute;
z-index: 5;
content: '';
transition: transform 0.3s;
}
.article__title {
margin: 0;
font-weight: normal;
font-family: 'poppinssemibold';
font-size: 1.42857143em;
line-height: 1.27;
transition: color 0.3s;
}
.article__wrapper {
padding-bottom: 35px;
}
@media (max-width: 767px) {
.article__wrapper {
padding-bottom: 30px;
}
}
.article__content {
padding: 26px 20px 0 20px;
max-width: 337px;
margin: 0 auto;
}
@media (max-width: 767px) {
.article__content {
max-width: 100%;
}
}
.article__date {
width: 70px;
top: 0;
left: 36px;
position: absolute;
padding: 11px 0;
z-index: 1;
color: #fff;
font-size: 12px;
font-family: 'poppinssemibold';
background: #0c9d83;
text-align: center;
text-transform: uppercase;
transition: all 0.3s;
}
@media (max-width: 991px) {
.article__date {
width: 60px;
padding: 8px 0;
font-size: 10px;
}
}
@media (max-width: 1199px) {
.article__date {
left: 20px;
}
}
.article__date strong {
font-weight: normal;
display: block;
font-size: 2.5em;
line-height: 1;
}
.article__text {
margin-top: 22px;
line-height: 1.45;
}
.article__text p {
margin-top: 0;
}
.article .more {
max-width: 337px;
margin: 0 auto;
margin-top: 23px;
padding-left: 20px;
}
@media (max-width: 767px) {
.article .more {
margin-top: 15px;
max-width: 100%;
}
}
@media (max-width: 767px) {
.usp-section {
padding-bottom: 10px !important;
}
}
.outer-wrapper_bg-gray .usp-section {
padding-top: 100px;
padding-bottom: 65px;
}
@media (min-width: 768px) and (max-width: 1199px) {
.outer-wrapper_bg-gray .usp-section {
padding-top: 70px;
padding-bottom: 30px;
}
}
.usp-section-service {
padding-top: 100px;
padding-bottom: 62px;
}
@media (max-width: 767px) {
.usp-section-service {
padding-bottom: 20px !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.usp-section-service {
padding-top: 60px;
padding-bottom: 40px !important;
}
}
.usp-section-service .usp {
text-align: center;
color: #fff;
}
.usp-section-service .usp__icon {
justify-content: center;
}
.usp-section-service .usp__title {
color: #fff;
}
.usp {
max-width: 625px;
margin-bottom: 30px;
text-align: center;
margin: auto;
}
@media (max-width: 479px) {
.usp {
max-width: 100% !important;
}
}
@media (max-width: 767px) {
.usp {
text-align: center;
max-width: 70%;
margin-left: auto;
margin-right: auto;
}
}
.usp__icon {
height: 40px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-ms-align-items: center;
align-items: center;
justify-content: center;
}
@media (max-width: 767px) {
.usp__icon {
justify-content: center;
}
}
.usp__title {
margin: 0.7em 0 0.65em;
font-weight: normal;
font-size: 1.25em;
font-family: 'poppinssemibold';
text-transform: uppercase;
color: #0085CA;
}
.usp__text {
font-size: 0.875em;
line-height: 1.85714286em;
letter-spacing: 0.35px;
}
.usp__text p {
margin: 10px 0 0;
}
.terms-list {
list-style: none;
display: flex;
align-items: flex-start;
justify-content: center;
flex-wrap: wrap;
font-size: 1em;
position: relative;
}
.terms-list:after {
width: 65px;
height: 1px;
background-color: #466bb8;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
position: absolute;
content: '';
}
.terms-list.material:after {
display:none;
}
@media (max-width: 767px) {
.terms-list {
margin-top: 0;
display: block;
text-align: center;
padding-bottom: 20px;
margin-bottom: 40px;
}
}
.terms-list .terms-list__item {
white-space: nowrap;
margin: 10px 25px;
position: relative;
}
.terms-list .terms-list__link {
text-decoration: none;
text-transform: uppercase;
font-family: 'poppinssemibold';
color: #181819;
letter-spacing: 0.8px;
transition: color 0.3s;
}
.terms-list .terms-list__link:hover,
.terms-list .terms-list__link:focus {
color: #0085CA;
}
.terms-list .terms-list__link_current {
color: #0085CA;
}
.references-section-archive {
padding-top: 44px;
}
@media (max-width: 767px) {
.references-section-archive {
padding-bottom: 0 !important;
}
}
.references-section-single {
padding-top: 112px;
}
@media (max-width: 991px) {
.references-section-single {
padding-top: 80px;
}
}
.projects-list {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -15px !important;
margin-right: -15px !important;
}
.project-overview {
margin-bottom: 55px;
}
@media (max-width: 767px) {
.project-overview {
margin-bottom: 30px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.project-overview {
font-size: 12px;
}
}
.project-overview__link {
display: block;
text-decoration: none;
-webkit-background-size: cover;
background-size: cover;
text-align: center;
color: #181819;
}
.project-overview__link:hover .project-overview__image:before {
opacity: 0.8;
}
.project-overview__link:hover .project-overview__image:after {
-webkit-transform: translate(-50%, -50%) scale(1, 1);
-ms-transform: translate(-50%, -50%) scale(1, 1);
-o-transform: translate(-50%, -50%) scale(1, 1);
transform: translate(-50%, -50%) scale(1, 1);
}
.project-overview__image {
position: relative;
margin: 0 0 0.625em;
}
.project-overview__image img {
width: 100%;
}
@media (max-width: 991px) {
.project-overview__image {
margin-bottom: 1.25em;
}
}
.project-overview__image:before {
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;
background: #0085CA;
opacity: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
content: '';
}
.project-overview__image:after {
top: 50%;
left: 50%;
position: absolute;
-webkit-transform: translate(-50%, -50%) scale(0, 0);
-ms-transform: translate(-50%, -50%) scale(0, 0);
-o-transform: translate(-50%, -50%) scale(0, 0);
transform: translate(-50%, -50%) scale(0, 0);
background-image: url(assets/img/sprite.png);
background-position: 0px -34px;
width: 34px;
height: 34px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
content: '';
}
.project-overview__title {
font-weight: normal;
font-size: 1.2em;
text-transform: uppercase;
font-family: 'poppinssemibold';
letter-spacing: 1.5px;
margin: 0;
}
.project-overview__location {
margin-top: 0.5em;
}
.project {
max-width: 1365px;
margin: 0 auto;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-direction: row-reverse;
-moz-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
-o-flex-direction: row-reverse;
flex-direction: row-reverse;
}
@media (max-width: 991px) {
.project {
display: block;
}
}
.project__content {
width: 41.5%;
padding-top: 31px;
padding-bottom: 60px;
}
@media (max-width: 767px) {
.project__content {
width: 100%;
padding-top: 0;
padding-bottom: 30px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.project__content {
padding-top: 0;
width: 100%;
}
}
.project__item {
max-width: 505px;
margin: 24px auto 0;
padding-left: 30px;
padding-right: 30px;
padding-top: 33px;
position: relative;
}
.project__item:first-child {
margin-top: 0;
padding-top: 0;
}
.project__item:first-child:after {
display: none;
}
.project__item:after {
height: 2px;
background-color: #eeeeee;
top: 0;
left: 30px;
right: 30px;
position: absolute;
content: '';
}
@media (max-width: 991px) {
.project__item:after {
left: 0;
right: 0;
}
}
@media (max-width: 767px) {
.project__item {
max-width: 100%;
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.project__item {
max-width: 100%;
padding-left: 0;
padding-right: 0;
}
}
.project__title {
text-transform: uppercase;
font-weight: normal;
margin: 0 auto;
font-size: 2.25em;
font-family: 'poppinssemibold';
}
.project__description-content {
padding-top: 2.25em;
position: relative;
}
.project__description-content:first-child {
padding-top: 0;
}
.project__description-content:first-child:after {
display: none;
}
.project__description-content:after {
width: 100%;
height: 2px;
background-color: #eeeeee;
top: 0;
left: 0;
position: absolute;
content: '';
}
.project__description-content-title {
color: #0085CA;
font-family: 'poppinssemibold';
font-weight: normal;
font-size: 1.25em;
text-transform: uppercase;
margin: 0 0 0.45em;
}
.project__description-content .wsw {
font-size: 0.875em;
letter-spacing: 0.7px;
}
.project__description-content .wsw p {
line-height: 1.85714286em;
}
.project__buttons-holder {
margin-top: 3em;
}
.project__buttons-holder .button {
width: 100%;
max-width: 240px;
min-width: auto;
}
.project__gallery {
width: 58.5%;
}
.project__gallery .slider-holder .slick-arrow {
width: 60px;
height: 60px;
}
.project__gallery .slider-holder .slick-arrow:before {
font-size: 4.6875em;
margin-top: -1px;
font-weight: bold;
}
.project__gallery .slider-holder .slick-prev {
left: 24px;
}
.project__gallery .slider-holder .slick-prev:before {
margin-left: -2px;
}
.project__gallery .slider-holder .slick-next {
right: 25px;
}
.project__gallery .slider .slick-dots {
bottom: -40px;
}
@media (max-width: 767px) {
.project__gallery {
width: 100%;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.project__gallery {
width: 100%;
padding-left: 0;
padding-right: 0;
}
}
.alm-load-more-btn.done {
display: none !important;
}
.related-projects {
margin-top: 6.5625em;
margin-bottom: 5.8125em;
}
@media (max-width: 1199px) {
.related-projects {
margin-top: 3.75em;
margin-bottom: 0;
}
}
.related-projects__title {
text-transform: uppercase;
font-weight: normal;
font-size: 2.25em;
font-family: 'poppinssemibold';
color: #181819;
letter-spacing: 1.7px;
margin: 0 0 1.11111111em;
}
.alm-reveal {
width: 100%;
}
/*
* ~footer
********/
.footer-section {
padding-top: 116px;
padding-bottom: 76px;
font-family: 'poppinsregular';
font-size: 15px;
}
@media (max-width: 767px) {
.footer-section {
text-align: center;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.footer-section {
font-size: 12px;
padding-top: 40px !important;
padding-bottom: 40px !important;
}
}
@media (max-width: 767px) {
.footer__block {
padding-left: 0 !important;
margin-top: 20px;
}
}
.footer__block-title {
color: #0085CA;
margin: 0 0 2em;
text-transform: uppercase;
font-weight: normal;
font-size: 0.93333333em;
letter-spacing: 0.7px;
}
@media (max-width: 767px) {
.footer__block-title {
margin-bottom: 20px;
}
}
.footer__block_main-menu {
margin-left: -56px;
}
@media (max-width: 991px) {
.footer__block_main-menu {
margin-left: 0;
}
}
.footer__block_service-menu {
margin-left: -47px;
}
@media (max-width: 991px) {
.footer__block_service-menu {
margin-left: 0;
}
}
.footer__block_contact {
margin-left: 11px;
}
@media (max-width: 991px) {
.footer__block_contact {
margin-left: 0;
}
}
.footer a {
color: #3a3a3a;
}
.footer-nav .menu-item {
margin-bottom: 1.2em;
letter-spacing: 0.38px;
}
.footer-nav a {
text-decoration: none;
color: #181819;
-webkit-transition: color 0.3s;
-o-transition: color 0.3s;
transition: color 0.3s;
}
.footer-nav a:hover {
color: #0c9d83;
}
.footer-nav .current-menu-item a,
.footer-nav .current-category-ancestor a {
color: #0c9d83;
}
.legal-nav {
display: inline-block;
}
@media (max-width: 767px) {
.legal-nav {
padding-top: 10px;
}
}
.legal-nav-item {
display: inline-block;
position: relative;
padding-left: 8px;
}
.legal-nav-item:before {
top: -1px;
left: 0;
position: absolute;
content: '|';
}
.legal-nav-item:first-child:before {
display: none;
}
.contact-section {
padding-top: 60px;
padding-bottom: 19px;
}
@media (max-width: 767px) {
.contact-section {
margin-bottom: 0;
}
}
.contact-form-section {
padding-top: 60px;
}
@media (max-width: 767px) {
.contact-form-section {
padding-top: 0 !important;
}
}
.contact-data__item {
position: relative;
}
.contact-data a {
text-decoration: none;
}
@media (max-width: 767px) {
.contact-data_main {
font-size: 11px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.contact-data_main {
font-size: 8px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.contact-data_main {
font-size: 10px;
}
}
@media (min-width: 1200px) and (max-width: 1400px) {
.contact-data_main {
font-size: 13px;
}
}
.contact-data_main a {
color: #181819;
}
.contact-data_main .contact-data__item {
min-height: 140px;
color: #fff;
font-size: 1.4em;
line-height: 1.25em;
cursor: pointer;
letter-spacing: 0.6px;
background: #0085CA;
text-align: center;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-ms-align-items: center;
align-items: center;
justify-content: center;
-webkit-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.contact-data_main .contact-data__item:hover {
opacity: 0.85;
}
.contact-data_main .contact-data__item-text {
padding: 0 0 0 44px;
position: relative;
display: inline-block;
text-align: left;
}
.contact-data_main .contact-data__item-text:before {
top: 50%;
left: 0;
position: absolute;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
content: '';
}
@media (max-width: 1199px) {
.contact-data_main .contact-data__item-text {
padding-left: 0;
padding-top: 30px;
}
.contact-data_main .contact-data__item-text:before {
top: -20px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
}
@media (max-width: 767px) {
.contact-data_main .contact-data__item {
margin-bottom: 20px;
}
}
.contact-data_main .contact-data__item_address .contact-data__item-text {
max-width: 250px;
}
@media (min-width: 992px) and (max-width: 1199px) {
.contact-data_main .contact-data__item_address .contact-data__item-text {
max-width: 150px;
}
}
.site-container:not(.page-contacts) .contact-data_main .contact-data__item_address:hover {
opacity: 1;
}
.contact-data_main .contact-data__item_address .contact-data__item-text:before {
background-image: url(assets/img/sprite.png);
background-position: -59px 0px;
width: 28px;
height: 39px;
}
.contact-data_main .contact-data__item-phones {
max-width: 80%;
text-align: left;
}
@media (max-width: 1199px) {
.contact-data_main .contact-data__item-phones {
text-align: center;
}
}
.contact-data_main .contact-data__item_phone {
font-size: 1.4em;
background: #0c9d83;
position: relative;
cursor: default;
}
@media (max-width: 991px) {
.contact-data_main .contact-data__item_phone {
padding-top: 57px;
}
.contact-data_main .contact-data__item_phone:before {
top: 30px;
}
}
@media (max-width: 1199px) {
.contact-data_main .contact-data__item_phone {
padding-left: 0;
padding-top: 57px;
}
.contact-data_main .contact-data__item_phone:before {
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
background-image: url(assets/img/sprite.png);
background-position: -92px -30px;
width: 18px;
height: 37px;
position: absolute;
content: '';
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.contact-data_main .contact-data__item_phone {
padding-top: 30px;
font-size: 14px;
}
.contact-data_main .contact-data__item_phone:before {
top: 20px;
}
}
.phone-link:first-of-type .contact-data__item-text:first-of-type:before {
background-image: url(assets/img/sprite.png);
background-position: -92px -30px;
width: 18px;
height: 37px;
}
@media (max-width: 1199px) {
.contact-data_main .contact-data__item_phone .contact-data__item-text {
padding-top: 0;
}
.contact-data_main .contact-data__item_phone .contact-data__item-text:before {
display: none;
}
}
.contact-data_main .contact-data__item_phone a {
display: inline-block;
margin: 10px 0;
}
@media (max-width: 1199px) {
.contact-data_main .contact-data__item_phone a {
margin: 5px 10px;
}
}
.contact-data_main .contact-data__item_email .contact-data__item-text:before {
background-image: url(assets/img/sprite.png);
background-position: -92px 0px;
width: 30px;
height: 25px;
}
@media (max-width: 1199px) {
.contact-data_main .contact-data__item_email .contact-data__item-text:before {
top: -10px;
}
}
.contact-data_main .contact-data__item a {
color: #fff;
transition: color 0.3s;
}
.contact-data_footer .contact-data__item {
padding-left: 52px;
margin-bottom: 1.73333333em;
font-style: normal;
display: block;
position: relative;
letter-spacing: 0.38px;
}
@media (max-width: 991px) {
.contact-data_footer .contact-data__item {
padding-left: 0;
}
}
.contact-data_footer .contact-data__item strong {
top: 0;
left: 0;
position: absolute;
color: #0085CA;
}
@media (max-width: 991px) {
.contact-data_footer .contact-data__item strong {
display: none;
}
}
@media (max-width: 767px) {
.contact-data_footer .contact-data__item {
margin-bottom: 20px !important;
}
}
.contact-data_footer .contact-data__item_address {
margin-bottom: 1.6em;
line-height: 1.6em;
}
.contact-data_footer .contact-data__item a {
color: #181819;
transition: color 0.3s;
}
.contact-data_footer .contact-data__item a:hover {
color: #0c9d83;
}
#map {
width: 100%;
height: 630px;
}
@media (max-width: 767px) {
#map {
height: 300px;
}
}
#map iframe {
width: 100%;
height: 630px;
pointer-events: none;
}
@media (max-width: 767px) {
#map iframe {
height: 300px;
}
}
#map iframe.clicked {
pointer-events: auto;
}
.copyrights-section {
padding-top: 63px;
padding-bottom: 63px;
font-size: 14px;
font-family: 'poppinsregular';
position: relative;
letter-spacing: 0.4px;
}
@media (min-width: 768px) and (max-width: 991px) {
.copyrights-section {
font-size: 12px;
padding-top: 40px !important;
padding-bottom: 40px !important;
}
}
.copyrights-section:before {
top: 0;
left: 15px;
right: 15px;
height: 1px;
position: absolute;
background: #f1f1f1;
content: '';
display: block;
}
.copyrights-section a {
color: #181819;
text-decoration: none;
transition: color 0.3s;
}
.copyrights-section a:hover {
color: #0c9d83;
}
.copyrights {
float: left;
}
@media (max-width: 991px) {
.copyrights {
padding-bottom: 20px;
text-align: center;
float: none;
}
}
.developers {
float: right;
letter-spacing: 0.7px;
}
@media (max-width: 991px) {
.developers {
text-align: center;
float: none;
}
}
.developers__link {
text-decoration: none;
position: relative;
}
.developers__link:before,
.developers__link:after {
top: -7px;
left: -31px;
position: absolute;
content: '';
-webkit-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.developers__link:before {
opacity: 1;
background-image: url(assets/img/sprite.png);
background-position: 0px -73px;
width: 22px;
height: 25px;
}
.developers__link:after {
opacity: 0;
background-image: url(assets/img/sprite.png);
background-position: -27px -73px;
width: 22px;
height: 25px;
}
.developers__link:hover {
color: #01a14e !important;
}
.developers__link:hover:before {
opacity: 0;
}
.developers__link:hover:after {
opacity: 1;
}
.more {
margin-top: 30px;
font-size: 12px;
font-family: 'poppinsbold';
}
.more:before,
.more:after {
content: " ";
display: table;
}
.more:after {
clear: both;
}
.more:after {
content: "";
display: table;
clear: both;
}
.more:before,
.more:after {
content: " ";
display: table;
}
.more:after {
clear: both;
}
.more:after {
content: "";
display: table;
clear: both;
}
@media (max-width: 767px) {
.more {
margin-top: 15px;
font-size: 11px;
}
}
.more__link {
text-decoration: none;
color: #0c9d83;
position: relative;
text-transform: uppercase;
letter-spacing: 0.2px;
transition: all 0.3s;
border-bottom: 1px dotted transparent;
}
.more__link:after {
top: 3px;
right: -15px;
position: absolute;
content: '';
}
.more__link:hover:after {
animation: left-right 1s infinite alternate;
}
.more__link_button {
color: #fff;
padding: 17px 36px 13px 28px;
background: #5c6f7b;
display: block;
transition: background 0.3s;
}
.more__link_button:after {
top: 22px;
right: 22px;
}
.more__link_button:hover {
background: #677c8a;
}
@keyframes left-right {
0% {
transform: translate3d(-3px, 0, 0);
}
70% {
transform: translate3d(3px, 0, 0);
}
100% {
transform: translate3d(3px, 0, 0);
}
}
.list-select-wrap {
margin-bottom: 30px;
}
.list-select-wrap div div {
display: block !important;
}
div.fancy-select {
position: relative;
font-size: 14px;
color: rgba(51, 51, 51, 0.4);
}
@media (max-width: 767px) {
}
div.fancy-select select:focus + div.trigger.open {
box-shadow: none;
}
div.fancy-select div.trigger {
cursor: pointer;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
padding: 20px 26px;
border: 1px solid #eaeaea;
font-size: 14px;
color: rgba(51, 51, 51, 0.4);
background: #fff;
z-index: 51;
position: relative;
transition: all 240ms ease-out;
-webkit-transition: all 240ms ease-out;
-moz-transition: all 240ms ease-out;
-ms-transition: all 240ms ease-out;
-o-transition: all 240ms ease-out;
}
div.fancy-select div.trigger:after {
width: 10px;
height: 10px;
border-bottom: 2px solid #7a7a7a;
border-right: 2px solid #7a7a7a;
top: 50%;
right: 25px;
position: absolute;
transform: translateY(-50%) rotate(45deg);
z-index: 10;
content: '';
}
div.fancy-select div.trigger.open {
box-shadow: none;
border-color: #5bbed4;
}
div.fancy-select ul.options {
width: 100%;
list-style: none;
margin: 0;
padding: 0;
position: absolute;
top: 10px;
left: 0;
visibility: hidden;
opacity: 0;
z-index: 50;
max-height: 200px;
overflow: auto;
color: rgba(51, 51, 51, 0.4);
background: #fff;
min-width: 200px;
border: 1px solid #5bbed4;
border-top: none;
transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
-webkit-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
-moz-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
-ms-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
-o-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
}
div.fancy-select ul.options.open {
visibility: visible;
top: 20px;
padding-top: 55px;
opacity: 1;
/* have to use a non-visibility transition to prevent this iOS issue (bug?): */
/*http://stackoverflow.com/questions/10736478/css-animation-visibility-visible-works-on-chrome-and-safari-but-not-on-ios*/
transition: opacity 300ms ease-out, top 300ms ease-out;
-webkit-transition: opacity 300ms ease-out, top 300ms ease-out;
-moz-transition: opacity 300ms ease-out, top 300ms ease-out;
-ms-transition: opacity 300ms ease-out, top 300ms ease-out;
-o-transition: opacity 300ms ease-out, top 300ms ease-out;
}
@media (max-width: 767px) {
div.fancy-select ul.options.open {
top: 0;
padding-top: 60px;
}
}
/**
div.fancy-select ul.options.overflowing {
top: auto;
bottom: 40px;
transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
-webkit-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
-moz-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
-ms-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
-o-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
}
div.fancy-select ul.options.overflowing.open {
top: auto;
bottom: 50px;
transition: opacity 300ms ease-out, bottom 300ms ease-out;
-webkit-transition: opacity 300ms ease-out, bottom 300ms ease-out;
-moz-transition: opacity 300ms ease-out, bottom 300ms ease-out;
-ms-transition: opacity 300ms ease-out, bottom 300ms ease-out;
-o-transition: opacity 300ms ease-out, bottom 300ms ease-out;
}
/**/
div.fancy-select ul.options li {
padding: 8px 12px 8px 29px;
color: rgba(51, 51, 51, 0.4);
cursor: pointer;
white-space: nowrap;
transition: all 150ms ease-out;
-webkit-transition: all 150ms ease-out;
-moz-transition: all 150ms ease-out;
-ms-transition: all 150ms ease-out;
-o-transition: all 150ms ease-out;
}
div.fancy-select ul.options li.selected {
color: #333;
}
div.fancy-select ul.options li.hover {
color: #333;
}
.storefront-sorting {
margin-bottom: 30px;
}
.woocommerce-result-count {
padding: 14px 0 0 0;
}
.woocommerce-ordering div.fancy-select div.trigger {
padding: 8px 60px 8px 27px;
font-size: 14px;
border-radius: 6px;
border-width: 1px;
font-weight: normal;
}
.woocommerce-ordering div.fancy-select div.trigger:after {
right: 15px;
border-bottom-width: 2px;
border-right-width: 2px;
width: 8px;
height: 8px;
}
.woocommerce-ordering div.fancy-select ul.options {
min-width: 350px;
}
.woocommerce-ordering div.fancy-select ul.options li {
font-size: 14px;
}
.gallery-item {
float: left;
padding-left: 15px;
padding-right: 15px;
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 {
margin-bottom: 33px;
margin-left: -15px;
margin-right: -15px;
}
.gallery:before,
.gallery:after {
content: " ";
display: table;
}
.gallery:after {
clear: both;
}
.gallery:after {
content: "";
display: table;
clear: both;
}
.gallery:before,
.gallery:after {
content: " ";
display: table;
}
.gallery:after {
clear: both;
}
.gallery:after {
content: "";
display: table;
clear: both;
}
.gallery-columns-4 {
margin-left: -5px;
margin-right: -5px;
}
.gallery-columns-4 .gallery-item {
padding-left: 5px;
padding-right: 5px;
margin-bottom: 10px;
}
@media (max-width: 767px) {
.gallery-columns-4 .gallery-item {
max-width: 50%;
}
.gallery-columns-4 .gallery-item:nth-child(2n+1) {
clear: left;
}
}
.gallery-item {
margin-bottom: 20px;
}
@media (max-width: 479px) {
.gallery-item {
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
display: block;
}
}
.gallery-item img {
max-width: 100%;
height: auto;
display: block;
}
/**
.gallery-columns-4{
margin-left: -3%;
@media(@xxs-max){
margin-left: 0;
}
.gallery-item{
width: 22%;
margin-left: 3%;
@media(@xs) and (@sm-max){
width: 47%;
&:nth-child(3n+1){
}
}
}
}
/**/
#slb_viewer_wrap .slb_theme_slb_default .slb_container {
border-radius: 0;
}
#slb_viewer_wrap .slb_theme_slb_default .slb_details,
#slb_viewer_wrap .slb_theme_slb_default .slb_controls .slb_slideshow .slb_template_tag {
display: none !important;
}
#slb_viewer_wrap .slb_theme_slb_default .slb_controls {
top: -16px !important;
right: -16px !important;
margin: 0;
position: absolute !important;
}
#slb_viewer_wrap .slb_theme_slb_default .slb_controls .slb_close .slb_template_tag {
width: 35px;
height: 35px;
top: 0;
right: 0;
position: absolute;
cursor: pointer;
background: #454c52 !important;
z-index: 10;
opacity: 1;
}
#slb_viewer_wrap .slb_theme_slb_default .slb_controls .slb_close .slb_template_tag:before,
#slb_viewer_wrap .slb_theme_slb_default .slb_controls .slb_close .slb_template_tag:after {
top: 50%;
left: 50%;
position: absolute;
margin-left: -10px;
margin-top: -3px;
width: 20px;
height: 4px;
background: #fff;
content: '';
transform: rotate(-45deg);
transition: all 0.3s;
}
#slb_viewer_wrap .slb_theme_slb_default .slb_controls .slb_close .slb_template_tag:before {
transform: rotate(45deg);
}
#slb_viewer_wrap .slb_theme_slb_default .slb_controls .slb_close .slb_template_tag:hover:before,
#slb_viewer_wrap .slb_theme_slb_default .slb_controls .slb_close .slb_template_tag:hover:after {
background: #0c9d83;
}
#slb_viewer_wrap .slb_theme_slb_default .slb_content .slb_prev .slb_template_tag {
background: none !important;
opacity: 1 !important;
}
#slb_viewer_wrap .slb_theme_slb_default .slb_content .slb_prev .slb_template_tag:before,
#slb_viewer_wrap .slb_theme_slb_default .slb_content .slb_prev .slb_template_tag:after {
width: 20px;
height: 4px;
top: 50%;
left: 0;
background: #0c9d83;
position: absolute;
content: '';
z-index: 1;
border-radius: 4px;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.8);
transition: background 0.3s;
}
#slb_viewer_wrap .slb_theme_slb_default .slb_content .slb_prev .slb_template_tag:before {
transform: rotate(45deg);
z-index: 2;
}
#slb_viewer_wrap .slb_theme_slb_default .slb_content .slb_prev .slb_template_tag:after {
margin-top: -12px;
transform: rotate(-45deg);
}
#slb_viewer_wrap .slb_theme_slb_default .slb_content .slb_prev .slb_template_tag:hover:before,
#slb_viewer_wrap .slb_theme_slb_default .slb_content .slb_prev .slb_template_tag:hover:after {
background: #10ccab;
}
#slb_viewer_wrap .slb_theme_slb_default .slb_content .slb_next .slb_template_tag {
background: none !important;
opacity: 1 !important;
}
#slb_viewer_wrap .slb_theme_slb_default .slb_content .slb_next .slb_template_tag:before,
#slb_viewer_wrap .slb_theme_slb_default .slb_content .slb_next .slb_template_tag:after {
width: 20px;
height: 4px;
top: 50%;
right: 0;
background: #0c9d83;
position: absolute;
content: '';
z-index: 1;
border-radius: 4px;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.8);
transition: background 0.3s;
}
#slb_viewer_wrap .slb_theme_slb_default .slb_content .slb_next .slb_template_tag:before {
transform: rotate(-45deg);
z-index: 2;
}
#slb_viewer_wrap .slb_theme_slb_default .slb_content .slb_next .slb_template_tag:after {
margin-top: -12px;
transform: rotate(45deg);
}
#slb_viewer_wrap .slb_theme_slb_default .slb_content .slb_next .slb_template_tag:hover:before,
#slb_viewer_wrap .slb_theme_slb_default .slb_content .slb_next .slb_template_tag:hover:after {
background: #10ccab;
}
.button {
width: auto;
min-width: 200px;
padding: 18px 20px 17px;
color: #fff;
font-size: 16px;
letter-spacing: 0.4px;
font-weight: 500;
border: none;
cursor: pointer;
display: inline-block;
overflow: visible;
zoom: 1;
text-decoration: none !important;
text-transform: uppercase;
text-align: center;
border: 2px solid #fff;
transition: background 0.3s;
}
@media (max-width: 767px) {
.button {
font-size: 12px;
}
}
.button__text {
display: block;
line-height: 1;
}
.button:hover {
color: #0c9d83;
background: #fff;
}
.button_style-01-blue {
color: #0085CA;
border-color: #0085CA;
}
.button_style-01-blue:hover {
color: #fff;
background: #0085CA;
}
.button_style-02 {
border-color: #0c9d83;
background: #0c9d83;
}
.button_style-03 {
min-width: 240px;
padding-top: 26px;
padding-bottom: 24px;
color: #0085CA;
background: #fff;
font-family: 'poppinssemibold';
}
.button_style-03:hover {
color: #fff;
background: transparent;
}
.button_tiny {
padding: 7px 10px 6px;
min-width: 140px;
font-size: 12px;
}
.page-404 {
padding: 100px 0;
text-align: center;
font-size: 16px;
}
.page-404 a {
color: #0c9d83;
}
.page-404__error {
font-size: 150px;
font-size: 15rem;
font-weight: bold;
position: relative;
color: rgba(12, 157, 131, 0.9);
line-height: 1;
text-shadow: 1px 4px 6px #def, 0 0 0 #000, 1px 4px 6px #def;
}
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
}
.slick-track:before,
.slick-track:after {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none;
}
[dir="rtl"] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
.slider-holder {
position: relative;
}
.slider-holder .slick-arrow {
width: 40px;
height: 40px;
border: none;
padding: 0;
color: #0085CA;
background: #fff;
top: 50%;
transform: translateY(-50%);
position: absolute;
z-index: 10;
transition: background 0.3s;
cursor: pointer;
}
@media (max-width: 479px) {
.slider-holder .slick-arrow {
display: none !important;
}
}
.slider-holder .slick-arrow:hover {
color: #fff;
background: #0c9d83;
}
.slider-holder .slick-arrow:before {
width: auto;
top: 50%;
left: 50%;
margin: 0;
transform: translate(-50%, -50%);
position: absolute;
z-index: 1;
}
.slider-holder .slick-next {
right: 0;
}
.slider-holder .slick-prev {
left: 0;
}
.slider-item__img {
width: 100%;
}
.slider .slick-dots {
width: 100%;
margin: 0;
text-align: center;
display: none !important;
}
@media (max-width: 479px) {
.slider .slick-dots {
bottom: 10px;
left: 0;
position: absolute;
padding: 0 10px;
display: block !important;
}
}
.slider .slick-dots li {
padding: 0;
margin: 0 5px;
display: inline-block;
vertical-align: top;
}
.slider .slick-dots li:before {
display: none;
}
.slider .slick-dots li button {
width: 10px;
height: 10px;
border: none;
padding: 0;
text-indent: -999em;
background: #d5d5d5;
transition: background 0.3s;
display: block;
border-radius: 50%;
}
@media (max-width: 767px) {
.slider .slick-dots li button {
width: 12px;
height: 12px;
margin: 2px 2px;
}
}
.slider .slick-dots li button:hover {
background: #0c9d83;
}
.slider .slick-dots li.slick-active button {
background: #0c9d83;
}
.breadcrumbs {
margin-top: 4px;
font-size: 1.25em;
font-family: 'aileronthin';
letter-spacing: 1px;
}
@media (max-width: 767px) {
.breadcrumbs {
display: none;
}
}
.breadcrumbs a {
color: #fff;
text-decoration: none;
transition: color 0.3s;
padding-right: 30px;
margin-right: 2px;
position: relative;
}
.breadcrumbs a:before, .breadcrumbs a:after {
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: 0.2em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
margin-left: 0.2em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/*
.breadcrumbs a:before {
top: 50%;
right: 0;
position: absolute;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
background-image: url(assets/img/sprite.png);
background-position: -77px -73px;
width: 16px;
height: 12px;
content: '';
}*/
.breadcrumbs a:after {
bottom: -5px;
left: 20px;
position: relative;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
background-image: url(assets/img/sprite.png);
background-position: -77px -73px;
width: 16px;
height: 12px;
content: '';
}
.breadcrumbs a:hover {
text-decoration: underline;
}
.breadcrumbs > span {
position: relative;
padding-left: 25px;
padding-right: 25px;
}
.breadcrumbs > span:first-child {
padding-left: 0;
}
.wp-pagenavi {
padding-top: 53px;
border-top: 2px solid #f9f9f9;
margin: 22px 0 10px;
text-align: center;
}
.wp-pagenavi:before,
.wp-pagenavi:after {
content: " ";
display: table;
}
.wp-pagenavi:after {
clear: both;
}
.wp-pagenavi:after {
content: "";
display: table;
clear: both;
}
.wp-pagenavi:before,
.wp-pagenavi:after {
content: " ";
display: table;
}
.wp-pagenavi:after {
clear: both;
}
.wp-pagenavi:after {
content: "";
display: table;
clear: both;
}
@media (max-width: 767px) {
.wp-pagenavi {
padding-top: 30px;
margin: 0;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.wp-pagenavi {
padding-top: 30px;
margin-bottom: 0;
}
}
.wp-pagenavi .pages {
display: none;
}
.wp-pagenavi .page,
.wp-pagenavi .current {
padding: 7px 13px;
position: relative;
text-decoration: none;
display: inline-block;
transition: all 0.3s;
color: #fff;
border: none;
background: #333B45;
font-size: 12px;
font-family: 'poppinsbold';
transition: background 0.3s;
}
.wp-pagenavi .page.current,
.wp-pagenavi .current.current,
.wp-pagenavi .page:hover,
.wp-pagenavi .current:hover {
color: #fff;
background: #0c9d83;
}
.wp-pagenavi .current.dots {
color: #333B45;
background: none;
}
.wp-pagenavi a {
text-decoration: none;
font-size: 0.875em;
color: #6d6d6d;
text-transform: uppercase;
font-family: 'poppinsbold';
transition: color 0.3s;
position: relative;
letter-spacing: 0.5px;
}
.wp-pagenavi a:before {
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: 0.2em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
margin-left: 0.2em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.wp-pagenavi a:before {
top: 50%;
margin: 0;
width: auto;
position: absolute;
transform: translateY(-50%);
font-size: 10px;
}
.wp-pagenavi a:hover {
color: #0c9d83;
}
.wp-pagenavi a.nextpostslink {
float: right;
padding-right: 26px;
}
.wp-pagenavi a.nextpostslink:before {
right: 0;
content: '\e802';
}
@media (max-width: 767px) {
.wp-pagenavi a.nextpostslink {
padding-right: 0;
}
.wp-pagenavi a.nextpostslink:before {
display: none;
}
}
.wp-pagenavi a.previouspostslink {
float: left;
padding-left: 26px;
}
.wp-pagenavi a.previouspostslink:before {
left: 0;
top: 5px;
content: '\e802';
transform: rotate(-180deg);
}
@media (max-width: 767px) {
.wp-pagenavi a.previouspostslink {
padding-left: 0;
}
.wp-pagenavi a.previouspostslink:before {
display: none;
}
}
.close {
width: 35px;
height: 35px;
top: -2px;
right: 0;
position: absolute;
cursor: pointer;
background: #454c52;
z-index: 10;
}
.close:before,
.close:after {
top: 50%;
left: 50%;
position: absolute;
margin-left: -10px;
margin-top: -3px;
width: 20px;
height: 4px;
background: #fff;
content: '';
transform: rotate(-45deg);
transition: all 0.3s;
}
.close:before {
transform: rotate(45deg);
}
.close:hover:before,
.close:hover:after {
background: #0c9d83;
}
.popup-lock {
overflow: hidden;
}
.popup-wrapper {
top: 0;
left: 0;
right: 0;
bottom: 0;
position: fixed;
z-index: 2147483647;
/* z-index needs to be >= elements on the site. */
text-align: center;
white-space: nowrap;
background: rgba(0, 174, 239, 0.9);
overflow-y: scroll;
display: none;
}
.popup-wrapper .popup {
width: 100% !important;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
white-space: normal;
position: relative;
background: #1f1206;
}
.popup-wrapper .popup:before,
.popup-wrapper .popup:after {
content: " ";
display: table;
}
.popup-wrapper .popup:after {
clear: both;
}
.popup-wrapper .popup:after {
content: "";
display: table;
clear: both;
}
.popup-wrapper .popup:before,
.popup-wrapper .popup:after {
content: " ";
display: table;
}
.popup-wrapper .popup:after {
clear: both;
}
.popup-wrapper .popup:after {
content: "";
display: table;
clear: both;
}
.popup-wrapper .popup__title {
font-size: 24px;
color: #ff7200;
}
.popup-wrapper .popup-gallery {
max-width: 950px;
}
.popup-wrapper .popup-success {
padding: 50px 80px;
text-align: center;
color: #0c9d83;
font-weight: bold;
font-size: 18px;
max-width: 670px;
background: #fff;
}
.popup-wrapper .popup-success .close {
top: 0;
}
.popup-wrapper .popup-success p {
margin: 0 0 20px;
}
.popup-wrapper .popup-success p:last-child {
margin-bottom: 0;
}
.popup-wrapper .popup-success span {
font-family: 'poppinsbold' !important;
font-weight: normal !important;
font-size: 18px !important;
color: #181819 !important;
}
.popup-wrapper:before {
height: 100%;
display: inline-block;
vertical-align: middle;
content: '';
}
.sideimage-block {
display: flex;
align-items: center;
}
@media (max-width: 767px) {
.sideimage-block {
display: block;
}
}
.sideimage-block__image {
flex: 1 1 auto;
width: 50%;
align-self: stretch;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
}
@media (max-width: 767px) {
.sideimage-block__image {
width: 100%;
display: block;
background: none !important;
}
}
@media (min-width: 992px) {
.sideimage-block__image {
background: none !important;
}
}
.sideimage-block__image img {
width: 100%;
height: auto;
display: block;
}
@media (min-width: 768px) and (max-width: 991px) {
.sideimage-block__image img {
display: none;
}
}
.sideimage-block__content {
max-width: 550px;
margin: 0 auto;
padding: 30px 20px 30px 40px;
}
@media (max-width: 767px) {
.sideimage-block__content {
padding: 30px 0 0;
}
}
.sideimage-block__content-wrapper {
width: 52%;
}
@media (max-width: 767px) {
.sideimage-block__content-wrapper {
width: 100%;
padding: 0;
}
}
.sideimage-block__title {
margin: 0 0 0.83333333em;
font-family: 'poppinssemibold';
font-size: 1.875em;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 1.5px;
}
.sideimage-block__text {
font-size: 0.875em;
font-weight: 400;
line-height: 1.85714286em;
letter-spacing: 0.7px;
}
.sideimage-block__text p {
margin: 0 0 1.78571429em;
}
.sideimage-block__button {
margin-top: 2.375em;
}
.sideimage-block__button .button {
min-width: 13.125em;
}
.sideimage-block_reverse {
flex-direction: row-reverse;
}
.sideimage-block_reverse .sideimage-block__content {
padding-left: 0;
}
.widget__title {
font-size: 1em !important;
text-transform: none !important;
}
.widget_a2a_share_save_widget {
display: flex;
align-items: center;
}
.widget_a2a_share_save_widget .widget__title {
margin: -4px 5px 0 0 !important;
line-height: 1 !important;
}
.widget_a2a_share_save_widget svg {
width: 15px;
top: 2px;
}
.widget_a2a_share_save_widget svg path {
fill: #5c6f7b !important;
transition: fill 0.3s;
}
.widget_a2a_share_save_widget span {
border-radius: 50% !important;
background: #f7f7f7 !important;
transition: background 0.3s;
}
.widget_a2a_share_save_widget span:hover {
background: #5c6f7b !important;
}
.widget_a2a_share_save_widget span:hover svg path {
fill: #fff !important;
}
.nf-form-cont {
font-size: 14px;
font-family: 'poppinsregular';
/* ERROR MESSAGES */
}
@media (max-width: 767px) {
.nf-form-cont {
font-size: 12px;
}
}
.nf-form-cont .nf-field-container {
margin-bottom: 18px;
}
.nf-form-cont .field-wrap {
position: relative;
}
.nf-form-cont .field-wrap input {
width: 100%;
padding: 22px 26px;
line-height: 16px;
border: 1px solid #eaeaea;
font-size: 14px;
font-family: 'poppinsregular';
color: #181819;
background: #fff;
white-space: nowrap;
text-overflow: ellipsis;
}
.nf-form-cont .field-wrap input:focus {
color: #333;
border-color: #5bbed4;
}
.nf-form-cont .field-wrap input::-webkit-input-placeholder {
opacity: 0.6;
}
.nf-form-cont .field-wrap input:-moz-placeholder {
opacity: 1;
}
.nf-form-cont .field-wrap input::-moz-placeholder {
opacity: 1;
}
@media (max-width: 767px) {
}
.nf-form-cont .textarea-wrap {
height: auto;
}
.nf-form-cont .textarea-wrap textarea {
width: 100%;
height: 233px;
padding: 13px 0 0 28px;
font-size: 14px;
font-family: 'poppinsregular';
color: #181819;
border: 1px solid #eaeaea;
background: #fff;
}
.nf-form-cont .textarea-wrap textarea:focus {
color: #333;
border-color: #5bbed4;
}
.nf-form-cont .textarea-wrap textarea:-moz-placeholder {
opacity: 1;
}
.nf-form-cont .textarea-wrap textarea::-moz-placeholder {
opacity: 1;
}
.nf-form-cont .textarea-wrap textarea::-webkit-input-placeholder {
opacity: 0.6;
}
@media (max-width: 991px) {
}
.nf-form-cont .pikaday__container {
position: relative;
}
.nf-form-cont .pikaday__container:before {
top: 50%;
right: 30px;
position: absolute;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
content: '';
background-image: url(assets/img/sprite.png);
background-position: -59px -44px;
width: 20px;
height: 20px;
}
.nf-form-cont .html-wrap a {
text-decoration: none;
color: #0c9d83;
-webkit-transition: color 0.3s;
-o-transition: color 0.3s;
transition: color 0.3s;
}
.nf-form-cont .html-wrap a:hover {
color: #0085CA;
}
.nf-form-cont .submit-container {
margin-top: 36px;
text-align: center;
}
.nf-form-cont .submit-wrap {
width: 100%;
max-width: 240px;
margin: 0 auto;
border: none;
cursor: pointer;
display: inline-block;
overflow: visible;
text-decoration: none !important;
text-transform: uppercase;
border: 2px solid transparent;
transition: all 0.3s;
position: relative;
text-align: left;
background: #0c9d83;
border-color: #0c9d83;
overflow: hidden;
}
@media (min-width: 768px) and (max-width: 991px) {
.nf-form-cont .submit-wrap {
margin-left: auto;
margin-right: auto;
display: block;
}
}
.nf-form-cont .submit-wrap:hover {
color: #0c9d83;
background: transparent;
}
.nf-form-cont .submit-wrap:hover input {
color: #0c9d83;
}
.nf-form-cont .submit-wrap input {
width: 100% !important;
border: none;
padding: 18px 20px 24px;
color: #fff;
font-size: 16px;
font-family: 'poppinsregular';
text-align: center;
text-transform: uppercase;
letter-spacing: 0.4px;
transition: all 0.3s;
background: none;
}
.nf-form-cont .submit-wrap .nf-field-label {
display: none;
}
.nf-form-cont .nf-field-label {
margin-bottom: 9px;
text-transform: uppercase;
font-family: 'poppinssemibold';
color: #2f2f2f;
font-size: 1.14285714em;
}
.nf-form-cont .nf-field-label label {
font-weight: normal;
}
.nf-form-cont .nf-fail input,
.nf-form-cont .nf-fail textarea {
border-color: #ffd3d3;
-webkit-box-shadow: none;
box-shadow: none;
background-color: #ffecec;
}
.nf-form-cont .nf-fail input:focus,
.nf-form-cont .nf-fail textarea:focus {
color: rgba(51, 51, 51, 0.4);
border-color: #ffd3d3;
}
.nf-form-cont .ninja-forms-error {
border-color: red !important;
}
.ninja-forms-required-items {
font-size: 13px;
margin-bottom: 20px;
}
.nf-error-wrap {
margin-top: -3px;
margin-bottom: -12px;
}
.nf-form-errors {
text-align: center;
clear: both;
}
.nf-error-msg {
display: inline-block;
letter-spacing: 0.5px;
text-align: center;
position: relative;
color: #ffd3d3;
font-size: 14px;
font-family: 'poppinsregular';
}
.nf-error-field-errors {
display: none;
}
.nf-response-msg {
display: none !important;
}
.nf-desc {
margin: 20px 0 40px;
font-size: 14px;
line-height: 18px;
}
.nf-desc p {
margin: 0 0 10px;
}
.nf-response-msg:not(:empty) {
padding: 40px 0;
display: block !important;
text-align: center;
}
.nf-response-msg:not(:empty) span {
font-size: 18px !important;
font-size: 1.8rem !important;
color: #0c9d83 !important;
font-family: 'poppinsbold' !important;
}
.ninja-forms-field-error {
display: none !important;
}
.hp-wrap {
display: none;
}
.field-wrap input,
.field-wrap textarea {
background: #fff;
}
.field_full_width {
width: 100%;
max-width: 56%;
float: left;
}
@media (max-width: 767px) {
.field_full_width {
max-width: 100%;
}
}
.field_left {
width: 100%;
max-width: 48.5%;
float: left;
}
@media (max-width: 767px) {
.field_left {
max-width: 100%;
float: none;
}
}
.field_right {
clear: none !important;
width: 100%;
float: right;
max-width: 48.5%;
}
@media (max-width: 767px) {
.field_right {
float: none;
max-width: 100%;
margin-left: 0;
}
}
.nf-form-fields-required {
display: none;
}
.form {
padding: 74px 40px;
max-width: 1010px;
margin: 0 auto;
background: #f8f8f8;
}
@media (max-width: 767px) {
.form {
padding: 40px 15px 20px;
}
}
.social-media-buttons {
font-size: 14px;
text-decoration: none;
float: left;
}
.social-media-buttons__item {
width: 25px;
line-height: 25px;
text-align: center;
display: inline-block;
margin-left: 3px;
text-decoration: none;
color: #181819;
transition: color 0.3s;
position: relative;
}
.social-media-buttons__item:before {
margin: 0;
}
.social-media-buttons__item:after {
top: 0;
left: 0;
position: absolute;
width: 20px;
height: 20px;
border: 2px solid #181819;
border-radius: 50%;
transition: all 0.3s;
content: '';
}
.social-media-buttons__item:hover {
color: #0c9d83;
}
.social-media-buttons__item:hover:after {
border-color: #0c9d83;
}
.social-media-buttons__text {
text-indent: -999em;
display: inline-block;
}
.social-media-buttons .icon-facebook:before {
margin-left: 1px;
}
.webkit .social-media-buttons .icon-facebook:before {
margin-top: 5px;
margin-left: 0;
}
.social-media-buttons_footer {
float: right;
margin-left: -3px;
}
.row.references {
display: flex;
}
ul.terms-list {
display: flex;
flex-direction: row;
justify-content: flex-start;
padding-inline-start:0;
margin-block-end: 10px;
margin-block-start: 10px;
}
.terms-list:after {
display:none;
}
.terms-list .terms-list__item {
white-space: nowrap;
margin: 0 15px 0 0;
position: relative;
background: #f3f3f3;
padding: 10px;
}
li.terms-list__item.terms-list__item_current {
background-color: #0085CA;
background-image: linear-gradient(-216deg, rgba(0, 133, 202, 0.5) 0%, rgba(0, 133, 202, 0.5) 1%, rgba(30, 191, 79, 0.5) 100%);
}
li.terms-list__item.terms-list__item_current a {
color: #FFF;
}
div#ajax-load-more {
margin-top: 25px;
}
@media (max-width: 1199px) {
.social-media-buttons_footer {
float: none;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.social-media-buttons_footer {
padding-top: 0;
margin-left: 8px;
}
}
#catapult-cookie-bar {
text-align: center;
padding: 15px;
background: #0c9d83 !important;
font-size: 14px;
font-family: 'poppinsregular';
color: #fff !important;
border-radius: 6px;
display: none;
}
.has-cookie-bar #catapult-cookie-bar {
display: block;
}
#catapult-cookie-bar h3 {
color: #fff !important;
}
#catapult-cookie-bar button {
color: #0c9d83;
background: #fff;
border-radius: 25px;
}
#catapult-cookie-bar a {
text-decoration: underline !important;
}
#catapult-cookie-bar a:hover {
text-decoration: none !important;
}
.ctcc-left-side {
display: block;
margin-bottom: 10px;
}
.ctcc-right-side {
margin-top: 15px;
display: block;
}