@charset "utf-8";
/* CSS Document */

@font-face {font-family: 'robotolight'; src: url('../fonts/roboto-light.eot'); src: url('../fonts/roboto-light.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-light.woff2') format('woff2'), url('../fonts/roboto-light.woff') format('woff'), url('../fonts/roboto-light.ttf') format('truetype'), url('../fonts/roboto-light.svg#robotolight') format('svg'); font-weight: normal; font-style: normal;}

@font-face {font-family: 'robotolight_italic'; src: url('../fonts/roboto-lightitalic.eot'); src: url('../fonts/roboto-lightitalic.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-lightitalic.woff2') format('woff2'), url('../fonts/roboto-lightitalic.woff') format('woff'), url('../fonts/roboto-lightitalic.ttf') format('truetype'), url('../fonts/roboto-lightitalic.svg#robotolight_italic') format('svg'); font-weight: normal; font-style: normal;}

@font-face {font-family: 'robotoregular'; src: url('../fonts/roboto-regular.eot'); src: url('../fonts/roboto-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-regular.woff2') format('woff2'), url('../fonts/roboto-regular.woff') format('woff'), url('../fonts/roboto-regular.ttf') format('truetype'), url('../fonts/roboto-regular.svg#robotoregular') format('svg'); font-weight: normal; font-style: normal;}

@font-face {font-family: 'robotoblack'; src: url('../fonts/roboto-black.eot'); src: url('../fonts/roboto-black.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-black.woff2') format('woff2'), url('../fonts/roboto-black.woff') format('woff'), url('../fonts/roboto-black.ttf') format('truetype'), url('../fonts/roboto-black.svg#robotoblack') format('svg'); font-weight: normal; font-style: normal;}

@font-face {font-family: 'robotoblack_italic'; src: url('../fonts/roboto-blackitalic.eot'); src: url('../fonts/roboto-blackitalic.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-blackitalic.woff2') format('woff2'), url('../fonts/roboto-blackitalic.woff') format('woff'), url('../fonts/roboto-blackitalic.ttf') format('truetype'), url('../fonts/roboto-blackitalic.svg#robotoblack_italic') format('svg'); font-weight: normal; font-style: normal;}

@font-face {font-family: 'robotobold'; src: url('../fonts/roboto-bold.eot'); src: url('../fonts/roboto-bold.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-bold.woff2') format('woff2'), url('../fonts/roboto-bold.woff') format('woff'), url('../fonts/roboto-bold.ttf') format('truetype'), url('../fonts/roboto-bold.svg#robotobold') format('svg'); font-weight: normal; font-style: normal;}

@font-face {font-family: 'robotobold_italic'; src: url('../fonts/roboto-bolditalic.eot'); src: url('../fonts/roboto-bolditalic.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-bolditalic.woff2') format('woff2'), url('../fonts/roboto-bolditalic.woff') format('woff'), url('../fonts/roboto-bolditalic.ttf') format('truetype'), url('../fonts/roboto-bolditalic.svg#robotobold_italic') format('svg'); font-weight: normal; font-style: normal;}

@font-face {font-family: 'robotoitalic'; src: url('../fonts/roboto-italic.eot'); src: url('../fonts/roboto-italic.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-italic.woff2') format('woff2'), url('../fonts/roboto-italic.woff') format('woff'), url('../fonts/roboto-italic.ttf') format('truetype'), url('../fonts/roboto-italic.svg#robotoitalic') format('svg'); font-weight: normal; font-style: normal;}

@font-face {font-family: 'nunitobold'; src: url('../fonts/nunito-bold.eot'); src: url('../fonts/nunito-bold.eot?#iefix') format('embedded-opentype'), url('../fonts/nunito-bold.woff2') format('woff2'), url('../fonts/nunito-bold.woff') format('woff'), url('../fonts/nunito-bold.ttf') format('truetype'), url('../fonts/nunito-bold.svg#nunitobold') format('svg'); font-weight: normal; font-style: normal;}

@font-face {font-family: 'nunitoextrabold'; src: url('../fonts/nunito-extrabold.eot'); src: url('../fonts/nunito-extrabold.eot?#iefix') format('embedded-opentype'), url('../fonts/nunito-extrabold.woff2') format('woff2'), url('../fonts/nunito-extrabold.woff') format('woff'), url('../fonts/nunito-extrabold.ttf') format('truetype'), url('../fonts/nunito-extrabold.svg#nunitoextrabold') format('svg'); font-weight: normal; font-style: normal;}

@font-face {font-family: 'nunitosemibold'; src: url('../fonts/nunito-semibold.eot'); src: url('../fonts/nunito-semibold.eot?#iefix') format('embedded-opentype'), url('../fonts/nunito-semibold.woff2') format('woff2'), url('../fonts/nunito-semibold.woff') format('woff'), url('../fonts/nunito-semibold.ttf') format('truetype'), url('../fonts/nunito-semibold.svg#nunitosemibold') format('svg'); font-weight: normal; font-style: normal;}


*,*:before,*:after{padding: 0; margin: 0; border: 0; box-sizing: border-box;}

html,body {height: 100%; color: #181818; background: #ffffff;}
body.lock {overflow: hidden;}

.wrapper {padding: 0; overflow: hidden; min-height: 100%; z-index: 1;}

.mainbutton {width:220px; height:50px; font:12px/12px 'nunitoextrabold', Arial, sans-serif; letter-spacing:.33px; text-transform:uppercase; text-decoration:none; position:relative; text-align:center; display:inline-block; border-radius:25px; cursor:pointer; transition:background 200ms ease, color 200ms ease, box-shadow 200ms ease; padding: 20px 0 0 0;}
.mainbutton:hover {text-decoration:none; background:#181818; color:#ffffff; box-shadow:none; border: 1px solid #181818;}
.mainbutton .iarrow {position:absolute; top:19px; right:25px; height:17px; width:10px; font-size:22px;}
.mainbutton:hover .iarrow  {color:#ffffff;}

a.mainbutton:nth-child(1) {margin: 0 20px 20px 0;}
a.mainbutton__clear {margin: 0 auto !important; display:block;}

.mainbutton__blue,
.mainbutton__blue:focus,
.mainbutton__blue:active {border: 1px solid #05D0F9; /* box-shadow:0 20px 30px rgba(5,208,249,.25); */ color:#ffffff; background: #05D0F9;}
.mainbutton__blue .iarrow,
.mainbutton__blue:focus .iarrow,
.mainbutton__blue:active .iarrow { color:#ffffff;}

.mainbutton__white,
.mainbutton__white:focus,
.mainbutton__white:active {border: 1px solid #05D0F9;  color:#05D0F9; background:#ffffff;}
.mainbutton__white .iarrow,
.mainbutton__white:focus .iarrow,
.mainbutton__white:active .iarrow {color:#05D0F9;}

.mainbutton__light,
.mainbutton__light:focus,
.mainbutton__light:active {border: 1px solid #ffffff;  color:#05D0F9; background:#ffffff;}
.mainbutton__light .iarrow,
.mainbutton__light:focus .iarrow,
.mainbutton__light:active .iarrow {color:#05D0F9;}

.maintitle {font:42px/48px 'nunitoextrabold', Arial, sans-serif; color: #181818; margin: 0; padding:0 0 0 50px; position: relative;}
.maintitle::before {content: ''; position: absolute; left: 0; top: 10px; background: url(../img/ico-title.svg) left top no-repeat; width: 40px; height: 30px;}

.maintitle2 {font:42px/48px 'nunitosemibold', Arial, sans-serif; color: #ffffff; margin: 0; padding:0 0 0 50px; position: relative;}
.maintitle2::before {content: ''; position: absolute; left: 0; top: 10px; background: url(../img/ico-title2.svg) left top no-repeat; width: 40px; height: 30px;}


.morebutton {min-height:15px; font:15px/15px 'robotobold_italic', Arial, sans-serif; letter-spacing:.33px; text-decoration:none; position:relative; text-align:right; cursor:pointer; transition:padding 200ms ease; padding: 0 60px 0 0; display: block;}
/* .morebutton:hover {text-decoration:none; padding: 0 58px 0 0;} */
.morebutton-ico {position: absolute; right: 25px; top: 0px; color: #05D0F9; display: block; font-size: 15px; width: 15px; height: 15px;}

.maintextbox {overflow:hidden; position:relative;}
.maintextbox article {margin-bottom:20px; position:relative; z-index:1;}
.maintextbox h1,
.maintextbox h2 {font: 42px/48px 'nunitosemibold', Arial, sans-serif; color: #181818; margin: 0; padding:0; position: relative;}
.maintextbox h3 {font: 26px/28px 'nunitosemibold', Arial, sans-serif; margin-bottom:24px; padding: 0; color:#181818;}
.maintextbox h4,
.maintextbox h5,
.maintextbox h6 {font: 18px/24px 'nunitosemibold', Arial, sans-serif; margin-bottom:24px; padding: 0; color:#181818;}
.maintextbox p {font: 15px/28px 'robotolight', Arial, sans-serif; letter-spacing: .33px; color: #383838; padding: 0; margin-bottom: 30px;}
.maintextbox strong,
.maintextbox b {font:'robotobold';}
.maintextbox ul {list-style: none;}
.maintextbox ul li {position:relative; padding:0 0 0 30px;}
.maintextbox ul li:before {content: ''; position: absolute; top: 12px; left: 0; display: block; height: 4px; width: 4px; border-radius: 2px; background: #05D0F9;}
.maintextbox ul,
.maintextbox ol {margin:0; list-style-position:outside !important; border:solid #eeeeee; border-width:0; background:none; padding:0 0 30px 20px !important;}
.maintextbox ol li,
.maintextbox ul li  {font: 15px/28px 'robotoitalic', Arial, sans-serif; letter-spacing: .33px; color: #383838; position:relative; overflow:hidden; margin-bottom:10px;}
.maintextbox a,
.maintextbox a:active,
.maintextbox a:focus {color:#05D0F9; letter-spacing:.3px; text-decoration:none; transition:color 200ms ease, text-decoration 200ms ease;}
.maintextbox a:hover {color:#888888; text-decoration:underline !important;}

.container {padding: 0 220px; margin: 0;}
.container__main {padding: 0; margin: 0;}

.header {position: fixed; width: 100%; top: 0; left: 0; height: 50px; z-index: 50;}
.header:before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #ffffff; z-index: 2;}
.header__container {padding: 0 220px; margin: 0;}
.header__container-main {padding: 0; margin: 0;}
.header__body {position: relative; display: flex; justify-content: space-between; align-items: center;}
.header__logo {position: absolute; left: 0; top: 0; height: 50px; width: 220px; display: block; text-align: center; padding-top:5px; z-index: 3;}
.header__logo img {height: 40px;}
.header__burger {display: none;}
.header__menu {padding:0;}
.header__list {display: flex; position: relative; z-index: 2;}
.header__list li {list-style: none; margin:0 30px 0 0; height: 50px;}
.header__link:focus,
.header__link:active,
.header__link {text-transform: uppercase; font:14px/14px 'nunitoextrabold'; color: #181818; display: block; padding: 20px 0 7px 0; text-decoration: none; position: relative;}
.header__link:focus span,
.header__link:active span,
.header__link span {display: none;}
.header__link:hover span {position: absolute; height: 2px; bottom: 0; width: 100%; background-color: #05D0F9; display: block;}

.header__active span {display: block !important; position: absolute; height: 2px; bottom: 0; width: 100%; background-color: #05D0F9; display: block;}
.header__phone {position: relative; z-index: 2; height: 50px;}
.header__phone a {text-transform: uppercase; font:15px/15px 'nunitoextrabold', Arial, sans-serif; color: #181818; display: block; padding-top: 20px; text-decoration: none; transition: all 200ms ease;}
.header__phone a:hover {transform: translateY(-2px);}
.header__phone a i {color: #05D0F9; margin-right: 15px;}

.header__soc {position: absolute; right: 0; top: 0; height: 50px; width: 220px; display: block; text-align: center; padding-top:12px; z-index: 3;}
.header__soc a {font-size: 26px; width: 26px; height: 50px; color: /*#05D0F9*/ #25D366; display: inline-block; text-align: center;}
.header__soc a:hover {transform: translateY(-2px);}

.block__top {margin: -80px 0 0 0;}
.block__pad {padding: 120px 0;}
.block__pad.block__pad__top0 {padding: 0 0 120px 0;}
.block__bg-grey {background-color: #fafafa;}
.block__bg-blue {background-color: #05D0F9;}
.block__bg-blue .page__box.contact__block {
    border-radius: 0;
    box-shadow: none;
    background-color: inherit;
    padding: 0;
    color: #ffffff;
}
.block__bg-blue .page__box.contact__block .contact__col-text,
.block__bg-blue .page__box.contact__block .contact__col-icoadress,
.block__bg-blue .page__box.contact__block .contact__phone,
.block__bg-blue .page__box.contact__block .contact__soc,
.block__bg-blue .page__box.contact__block i
{
    color: #ffffff;
}

.page__topblock {padding:0; position: relative; z-index: 2;}
.page__topblock2 {padding:0 0 120px 0; position: relative; z-index: 2;}
.page__box {border-radius:25px; box-shadow: 0px 25px 60px rgba(0,0,0,.05); background-color: #ffffff; padding:60px;}
.page__box-margin {margin-bottom: 40px;}
.page__box-margin:last-child {margin-bottom: 60px;}
.page__col-title {margin-bottom: 40px;}

.content {padding:50px 0 0 0;}
.content__text {color: #000;}

.slidermain {background-color: #ffffff; position: relative; z-index: 1;}
.slidermain__div {position: absolute; top: 0; right: 0; bottom: 0; left: 50%; z-index: 1;}
.slidermain__bg {position: relative; left: 0; bottom: 0; width:100%; min-height: 700px;}
.slidermain__bg-img {position: absolute; left: 0; bottom: 0; top: 0; right: 0; clip-path: url(#slider-mask);}
.slidermain__content {position: relative; min-height: 700px; z-index: 2; padding-top: 160px;}
.slidermain__title {max-width: 450px; display: block; margin-bottom: 60px;}
.slidermain__dscr {display: block; width: 55%; padding-left:110px; font: 32px/38px 'nunitosemibold', Arial, sans-serif; letter-spacing: .33px; margin: 0; margin-bottom: 60px;}
.slidermain__bttn {padding:0 0 65px 110px; position:relative;}
.divsvg {height: 0;}

.advntg {padding:0; position: relative; z-index: 2;}
.advntg__box {border-radius:25px; box-shadow: 0px 25px 60px rgba(0,0,0,.05); background-color: #ffffff; min-height: 300px; padding: 60px 60px 0 60px;}
.advntg__box-title {width: 80%; margin-bottom: 60px;}
.advntg__block {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch;}
.advntg__col {width: 33.3333%; padding: 0 50px; margin-bottom:80px; position: relative;}
.advntg__col-title {font: 26px/28px 'nunitosemibold', Arial, sans-serif; letter-spacing: .33px;  margin-bottom:24px; min-height: 57px;}
.advntg__col-ico {position: absolute; left: 0; top: 1px; color: #05D0F9; display: block; font-size: 36px; width: 36px; height: 36px;}
.advntg__col-text {font: 15px/28px 'robotolight', Arial, sans-serif; letter-spacing: .33px; color: #888888;}

.servss__title {width: 80%; margin-bottom: 60px;}
.servss {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch;}
.servss2 {display: block;}
.servss__col {width: 46%; padding: 0; margin-bottom:80px; position: relative; text-decoration: none; transition: all 200ms ease;}
.servss__col:hover {transform: translateY(-5px); opacity: .9;}
.servss__col-img {border-radius: 25px; height: 400px; background-size: cover; margin-bottom: 50px;}
.servss__col-title {font: 26px/28px 'nunitosemibold', Arial, sans-serif; letter-spacing: .33px;  margin-bottom:24px; padding: 0 25px; color:#181818;}
.servss__col-text {font: 15px/28px 'robotolight', Arial, sans-serif; letter-spacing: .33px; color: #888888; padding: 0 25px; margin-bottom: 30px;}
.servss__bttn {color:#181818;}
.servss__bttn-pad {padding-top: 50px;}

.aboutindex {display: block; position: relative;}
.aboutindex__col-img {border-radius: 25px; position: absolute; left: 0; top: 0; bottom: 0; width: 46%; background-size: cover;}
.aboutindex__col {width: 46%; padding: 0; position: relative; top: 0; right: 0; left: 54%;}
.aboutindex__col-title {margin-bottom: 60px;}

.mainreviews {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch;}
.mainreviews__title {width: 80%; margin-bottom: 60px;}
.mainreviews__col {width: 46%; padding: 0; margin-bottom:80px;}
.mainreviews__box {border-radius:50px; box-shadow: 0px 25px 60px rgba(0,0,0,.05); background-color: #ffffff; padding: 50px;}
.mainreviews__col-title {font: 26px/28px 'nunitosemibold', Arial, sans-serif; letter-spacing: .33px;  margin-bottom:24px; padding: 0 0 0 70px; color:#181818; position: relative;}
.mainreviews__col-ico {position: absolute; left: 0; top: 5px; color: #05D0F9; display: block; font-size: 50px; width: 40px; height: 40px;}
.mainreviews__col-text {font: 15px/28px 'robotolight_italic', Arial, sans-serif; letter-spacing: .33px; color: #888888; padding: 0 0 0 70px; margin-bottom: 30px;}

.contindex {display: block; position: relative;}
.contindex__map {position: absolute; top: 0; right: 0; bottom: 0; width: 46%;}
.contindex__map-div {position: relative; top: 0; right: 0; bottom: 0; height: 100%; border-radius: 25px; background-color:#ffffff;}
.contindex__map-div iframe {position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 25px; box-shadow: inset 10px 10px 0 #ffffff;}
.contindex__col {width: 46%; padding: 0; position: relative; top: 0; right: 0; color: #ffffff;}
.contindex__col-title {margin-bottom: 60px; font:32px/34px 'nunitosemibold', Arial, sans-serif !important;}
.contindex__col-text {font: 22px/28px 'robotoitalic', Arial, sans-serif; letter-spacing: .33px; color: #ffffff; padding: 0 0 0 50px; margin-bottom: 40px; position: relative;}
.contindex__col-icoadress {position: absolute; left: 0; top: 5px; color: #ffffff; display: block; font-size: 26px; width: 30px; height: 30px;}
.contindex__col-bttn {padding:0 0 0 50px; position:relative;}
.contindex__phone,
.contindex__phone:focus,
.contindex__phone:active {display: block; font: 22px/28px 'robotoitalic', Arial, sans-serif; letter-spacing: .33px; color: #ffffff; text-decoration:none; margin:0 0 5px 0;}
.contindex__phone:hover {text-decoration: underline;}

.aboutpage {display: block; position: relative;}
.aboutpage__title {margin-bottom: 60px;}
.aboutpage__row {margin-left: 50px; padding: 50px 0; box-shadow: inset 0 1px 0 #efefef; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch;}
.aboutpage__col {width: 25%; text-align: center;}
.aboutpage__col-name {font: 24px/24px 'nunitosemibold', Arial, sans-serif; letter-spacing: .33px; margin-bottom:8px;}
.aboutpage__col-pos {font: 18px/20px 'robotoregular', Arial, sans-serif; letter-spacing: .33px; color: #05D0F9; margin-bottom:18px; min-height: 40px}
.aboutpage__col-name {font: 24px/24px 'nunitosemibold', Arial, sans-serif; letter-spacing: .33px; margin-bottom:8px;}
.aboutpage__col-photo {overflow: hidden; width: 220px; display: block; margin: auto}
.aboutpage__col-photo img {width:100%;}
.aboutpage__col-right {padding: 0 0 0 0;}
.aboutpage__col-main {width: 100%; margin-bottom: 50px; padding-bottom: 50px; box-shadow: 0 3px 1px -2px #efefef;;}
.aboutpage__col-main-photo {overflow: hidden; width: 400px; max-width: 100%; display: block; margin: auto}
.aboutpage__col-main-photo img {width:100%;}



.iaboutpage__row {padding:0;}
.iaboutpage__photo {position:relative; padding:0 30px; margin-bottom:0;}
.iaboutpage__photo-div {padding:0 30px;}
.iaboutpage__photo-main {position:relative; display:block;}
.iaboutpage__photo-box {position:relative; transition: all 200ms ease;}
.iaboutpage__photo-box:hover {transform: translateY(-5px); opacity: .9;}
.iaboutpage__photo-box img {position:relative; z-index:1; border-radius:25px;}

.services__linkbox {/* padding: 30px 40px; background-color: #fafafa; border-radius: 15px; */ margin-bottom: 30px;}
.services__link,
.services__link:focus,
.services__link:active {display: block; font: 18px/18px 'nunitosemibold', Arial, sans-serif; letter-spacing: .33px; color:#05D0F9; text-decoration: none; position: relative; padding: 16px 0 16px 50px; transition: all 200ms ease;}
.services__link:hover {transform: translateX(5px);}
.services__ico {position: absolute; top: 20px; left: 0; top: 17px; color: #05D0F9; display: block; font-size: 20px; width: 20px; height: 20px;}

.servsspage__col {padding: 30px 30px 30px 250px; position: relative; text-decoration: none; transition: all 200ms ease; min-height: 240px; box-shadow: inset 0 1px 0 #efefef; display: block;}
.servsspage__col:last-child {box-shadow: inset 0 1px 0 #efefef, inset 0 -1px 0 #efefef;}
.servsspage__col:hover {transform: translateX(5px); opacity: .9;}
.servsspage__col-img {border-radius: 25px; height: 200px; width: 200px; background-size: cover; position: absolute; left: 0; top: 20px; bottom: 20px;}
.servsspage__col-title {font: 26px/28px 'nunitosemibold', Arial, sans-serif; letter-spacing: .33px;  margin-bottom:24px; padding: 0; color:#181818;}
.servsspage__col-text {font: 15px/28px 'robotolight', Arial, sans-serif; letter-spacing: .33px; color: #888888; padding: 0; margin-bottom: 30px;}
.servsspage__bttn {color:#181818;}

.mservsspage__col {padding: 30px 30px 30px 400px; position: relative; text-decoration: none; transition: all 200ms ease; min-height: 260px; box-shadow: inset 0 -1px 0 #efefef; width: 100%;}
.mservsspage__col:last-child {box-shadow: none;}
.mservsspage__col:first-child {margin-top:-40px;}
.mservsspage__col:hover {transform: translateX(5px); opacity: .9;}
.mservsspage__col-img {border-radius: 25px; height: 200px; width: 350px; background-size: cover; position: absolute; left: 0; top: 30px; bottom: 30px;}
.mservsspage__col-title {font: 26px/28px 'nunitosemibold', Arial, sans-serif; letter-spacing: .33px;  margin-bottom:24px; padding: 0; color:#181818;}
.mservsspage__col-text {font: 15px/28px 'robotolight', Arial, sans-serif; letter-spacing: .33px; color: #888888; padding: 0; margin-bottom: 30px;}
.mservsspage__bttn {color:#181818;}

.reviewtexttitle {font: 32px/32px 'nunitosemibold', Arial, sans-serif; letter-spacing: .33px; color: #05D0F9; margin-bottom: 30px;}
.reviewtextbox {padding: 0 60px; overflow-x: hidden; position: relative;}
.reviewquot {position: absolute; top:0; color: #f1f1f1; display: block; font-size: 30px; width: 30px; height: 30px;}
.reviewquot__left {left: 0;}
.reviewquot__right {right: 0;}
.reviewtextbox p {font: 15px/28px 'robotolight_italic', Arial, sans-serif; letter-spacing: .33px; color: #383838; padding: 0; margin-bottom: 30px;}
.reviewtextbox strong,
.reviewtextbox b {font:'robotobold_italic';}
.reviewtextbox ul {list-style: none;}
.reviewtextbox ul li {position:relative; padding:0 0 0 30px;}
.reviewtextbox ul li:before {content: ''; position: absolute; top: 12px; left: 0; display: block; height: 4px; width: 4px; border-radius: 2px; background: #05D0F9;}
.reviewtextbox ul,
.reviewtextbox ol {margin:0; list-style-position:outside !important; border:solid #eeeeee; border-width:0; background:none; padding:0 0 30px 40px !important;}
.reviewtextbox ol li,
.reviewtextbox ul li  {font: 15px/28px 'robotoitalic', Arial, sans-serif; letter-spacing: .33px; color: #383838; position:relative; overflow:hidden; margin-bottom:10px;}

.vacpage__row {margin-left: -15px; padding: 65px 0 22px 65px; box-shadow: inset 0 1px 0 #efefef; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch; position: relative;}
.vacpage__ico {position: absolute; top:65px; left: 0; color: #05D0F9; display: block; font-size: 30px; width: 30px; height: 30px;}
.vacpage__title {font: 32px/32px 'nunitosemibold', Arial, sans-serif; letter-spacing: .33px; color: #05D0F9; margin-bottom: 30px;}


.contact__box {position: relative; overflow: hidden; margin-bottom: 50px;}
.contact__map {position: absolute; top: 60px; right: 60px; bottom: 60px; width: 46%;}
.contact__map-div {position: relative; top: 0; right: 0; bottom: 0; height: 100%; border-radius: 25px; background-color:#ffffff;}
.contact__map-div iframe {position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 25px; box-shadow: inset 10px 10px 0 #ffffff;}
.contact__col {width: 46%; padding: 0; position: relative; top: 0; right: 0; color: #383838;}
.contact__col-title {margin-bottom: 60px; font:32px/34px 'nunitosemibold', Arial, sans-serif !important;}
.contact__col-text {font: 22px/28px 'robotoitalic', Arial, sans-serif; letter-spacing: .33px; color: #383838; padding: 0 0 0 70px; margin-bottom: 40px; position: relative;}
.contact__col-icoadress {position: absolute; left: 0; top: 5px; color: #05D0F9; display: block; font-size: 30px; width: 30px; height: 30px;}
.contact__col-bttn {padding:0 0 0 70px; position:relative;}
.contact__phone,
.contact__phone:focus,
.contact__phone:active {display: block; font: 22px/28px 'robotoitalic', Arial, sans-serif; letter-spacing: .33px; color: #383838; text-decoration:none; margin:0 0 5px 0;}
.contact__phone:hover {text-decoration: underline;}

.contact__block {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch; margin-bottom: 50px;}
.contactsoc__col {width: 33.3333%; padding: 0 65px 0 0; position: relative;}
.contact__soc,
.contact__soc:focus,
.contact__soc:active {font: 22px/28px 'robotoitalic', Arial, sans-serif; letter-spacing: .33px; color: #383838; padding: 0 0 0 70px; margin-bottom: 20px; position: relative; display: block; text-decoration: none;}
.contact__soc:hover {text-decoration: underline;}
.contact__soc i {position: absolute; left: 0; top: 5px; color: #05D0F9; display: block; font-size: 30px; width: 30px; height: 30px;}
.contact__soc.contact__soc__green i {color: #25D366;}


/* Default theme - Owl Carousel */
.owl-theme .owl-nav {overflow: hidden; height: 0px; }
.owl-theme .owl-nav .disabled {opacity: 0.5; cursor: default;}
.owl-theme .owl-nav.disabled + .owl-dots {margin-top:0;}
.owl-theme .owl-dots {text-align: center; -webkit-tap-highlight-color: transparent; min-height:40px; margin-top:30px; display:none;}
.owl-theme .owl-dots .owl-dot {display: inline-block; zoom: 1; *display: inline; min-height:40px;}
.owl-theme .owl-dots .owl-dot span {width:10px; height:10px; margin:5px 5px; background:none; border:1px solid #cccccc;  display:block; /* -webkit-backface-visibility: visible; */ transition:opacity 200ms ease; border-radius:30px;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background:#cccccc;}

/*.owl-theme .owl-item {opacity:.05;}*/
.owl-theme .active {opacity:1;}
.owl-carousel .nav-btn {height:35px; position: absolute; width:35px; cursor: pointer; top: 50% !important; margin-top:-9px;}
.owl-carousel .owl-prev.disabled, .owl-carousel .owl-next.disabled {pointer-events: none; opacity: 0.2;}
.owl-carousel .prev-slide {background: url(/img/ico-arrow-left.svg) no-repeat center; left:0;}
.owl-carousel .next-slide {background: url(/img/ico-arrow-right.svg) no-repeat center; right:0;}
.owl-carousel .prev-slide:hover {opacity: 0.5;}
.owl-carousel .next-slide:hover {opacity: 0.5;}

/* .owl-carousel.owl-drag .owl-item {padding:0; opacity:.1} */
.owl-carousel.owl-drag .owl-item {padding:0; opacity:1}
.owl-carousel.owl-drag .center {opacity:1}

.mCSB_container {margin-right:50px;}
.mCSB_scrollTools .mCSB_draggerContainer {top:40px;}
.fancybox-is-open .fancybox-bg {background:#f4f4f4; opacity:.95;}
.fancybox-caption {background:none; font-size:16px; }
.fancybox-caption__body {color:#111111;}
.fancybox-button {background:#111111;}

.modal {position: fixed; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); top: 0; left: 0; opacity: 0; visibility: hidden; overflow-y: auto; overflow-x: hidden; transition: all 0.4s ease 0s;}
.modal.open {opacity: 1; visibility: visible; z-index: 1000;}
.modal.open .modal__content {transform: perspective(200px) translate(0px, 0%) rotateX(0deg); opacity: 1;}
.modal__area {position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.modal__body {min-height: 100%; display: flex; align-items: center; justify-content: center; padding: 30px 10px; transition: all 0.4s ease 0s;}
.modal__content {background-color: #fff; color: #000; min-width: 700px; max-width: 800px; padding: 45px 30px; position: relative; transition: all 0.4s ease 0s; opacity: 0; transform: perspective(100px) translate(0px, -100%) rotateX(5deg);}
.modal__content_image {padding: 0;}
.modal__image img {	max-width: 100%; vertical-align: top;}
.modal__close {position: absolute; right: 10px; top: 10px; font-size: 24px; width: 24px; height: 24px; color: #000; text-decoration: none;}
.modal__title {font: 26px/28px 'nunitosemibold', Arial, sans-serif; letter-spacing: .33px;  margin-bottom:24px; padding: 0; color:#181818;}
.modal__text {padding: 0;}

.form {margin:0; overflow-x: hidden;}
.dinput {position:relative; margin:10px; padding:0 0 0 40px;}
.dinput-icon {position:absolute; left:0; top:16px; color:#05D0F9; font-size:16px !important; display:block;}
.dinput-sep {position:absolute; left:40px; bottom:0; right:0; height:1px;}
.dinput input[type="text"],.dinput textarea,.dinput select {padding:15px 10px; border:solid rgba(0,0,0,.05); border-width:1px; width:100%; font:12px/12px 'nunitoextrabold', Arial, sans-serif; color:#000000; margin:0; display:block; letter-spacing:.33px; background:none; outline: 0; outline-offset: 0; border-radius:5px;}
.dinput input[type="text"]::placeholder,.dinput textarea::placeholder {color: #000000 !important; border-radius:5px;}
.dinput input[type="text"]:focus,.dinput textarea:focus,.dinput textarea:active,.dinput input[type="text"]:active {border:solid rgba(0,0,0,.3)!important; border-width:1px !important; outline: 0; outline-offset: 0; border-radius:5px;}
.formlbl {margin:0 !important; display:inherit !important; line-height:0 !important;}
label.error {color:#F67001; clear: both; display: block; position:absolute; right:10px; top:18px;  text-align:right; font:12px/12px 'robotolight', Arial, sans-serif;}
.sbj {display:none;}

.form-bttn,.form-bttn:focus,.form-bttn:active {width:220px; height:50px; font:12px/12px 'nunitoextrabold', Arial, sans-serif; letter-spacing:.33px; text-transform:uppercase; color:#ffffff; text-decoration:none; position:relative; text-align:center; display:inline-block; border-radius:25px; cursor:pointer; transition:background 200ms ease, color 200ms ease, box-shadow 200ms ease; border: 1px solid #05D0F9; color:#ffffff; background: #05D0F9; margin:0 0 60px 0;}
.form-bttn:hover {text-decoration:none; background:#181818; color:#ffffff; box-shadow:none; border: 1px solid #181818; color:#ffffff;}

.icon_icont {margin-bottom: 20px;}
.icon_icont a {font: 20px/20px 'robotoitalic', Arial, sans-serif; letter-spacing: .33px; color: #181818; padding: 5px 0 0 50px; position: relative; text-decoration: none; transition: all 200ms ease;}
.icon_icont a:hover {transform: translateX(5px); opacity: .9;}
.icon_icont a i {position: absolute; left: 0; top: 5px; font-size: 25px; width: 25px; height: 25px; color: #05D0F9;}

.datenschutz-impressum {
    font: 14px / 16px 'robotoitalic', Arial, sans-serif;
    color: #fff;
    margin-top: 100px;
}
.datenschutz-impressum a {
    text-decoration: none;
    color: #fff;
}

/* Cookie Dialog */
#gdpr-cookie-message {position: fixed; right: 30px; bottom: 30px; max-width: 375px; background-color: #05D0F9; padding: 20px; border-radius: 5px; box-shadow: 0 6px 6px rgba(0,0,0,0.25); margin-left: 30px; font:14px/14px 'robotoregular', Arial, sans-serif; z-index:3;}
#gdpr-cookie-message h4,#gdpr-cookie-message h5 {color:#181818; font:12px/12px 'robotobold', Arial, sans-serif; margin-bottom: 10px; text-transform: uppercase;}
#gdpr-cookie-message p, #gdpr-cookie-message ul {color: white; font-size: 15px; line-height: 1.5em; margin-bottom:10px;}
#gdpr-cookie-message p:last-child {margin-bottom: 0; text-align: right;}
#gdpr-cookie-message li {width: 49%; display: inline-block;}
#gdpr-cookie-message a,#gdpr-cookie-message a:focus,#gdpr-cookie-message a:active {color:#181818; text-decoration: none; font:14px/14px 'robotoitalic', Arial, sans-serif; padding-bottom: 4px; transition: all 0.3s ease-in; display: block;}
#gdpr-cookie-message a:hover {color: white; transition: all 0.3s ease-in;}
#gdpr-cookie-message button {border: none; background:#181818; color: white; font-family: 'Quicksand', sans-serif; font-size: 15px; padding: 7px; border-radius: 3px; margin-left: 15px; cursor: pointer; transition: all 0.3s ease-in;}
#gdpr-cookie-message button:hover {background: white; color:#181818; transition: all 0.3s ease-in;}
button#gdpr-cookie-advanced,button#gdpr-cookie-accept {background: white; color: #181818;;}
#gdpr-cookie-message button:disabled {opacity: 0.3;}
#gdpr-cookie-message input[type="checkbox"] {float: none; margin-top: 0; margin-right: 5px;}

@media (max-width:1537px) {
    .container {padding: 0; margin: 0;}
    .container__main {padding: 0 60px; margin: 0;}
    .slidermain__content {padding-top: 200px;}
}

@media (max-width:1367px) {
    .aboutindex__col-img {display: none;}
    .aboutindex__col {width: 100%; padding: 0; position: relative; left: 0;}
}


@media (max-width:1199px) {
    body.lock {overflow: hidden;}
    .header__container {padding: 0; margin: 0;}
    .header__container-main {padding: 0 20px; margin: 0;}
    .header__logo {position: absolute; left:50%; margin-left: -25px; width: 50px;}
    .header__burger {display: block; width: 30px; height: 20px; position: relative; z-index: 5; cursor: pointer;}
    .header__burger span {background-color: #181818; position: absolute; width: 100%; height: 3px; left: 0; top: 8px; transition: all 200ms ease;}
    .header__burger:before,
    .header__burger:after {content: ''; background-color: #181818; position: absolute; width: 100%; height: 3px; left: 0; transition: all 200ms ease;}
    .header__burger:before {top: 0;}
    .header__burger:after {bottom: 0;}
    .header__burger.active:before {transform: rotate(45deg); top: 9px;}
    .header__burger.active:after {transform: rotate(-45deg); bottom: 9px;}
    .header__burger.active span {transform: scale(0);}
    .header__menu {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #fafafa; padding: 70px 0 0 0; z-index:1; left:-100%; transition: left 220ms ease; overflow: auto;}
    .header__menu.active {left:0;}
    .header__body {height: 50px;}
    .header__list {display:block;}
    .header__list li {margin:0 30px;}
    .header__active span {width: 25px;}
    .header__link {padding:7px 0; text-decoration: none; position: relative;}
    .header__link:hover span {left: 0; width: 25px;}
    .header__phone_number {display: none;}
    .header__phone a {padding-top: 15px;}
    .header__phone a i {color: #181818; font-size:24px; line-height: 24px;}
    .header__soc {display: none;}

    .advntg__col {width: 50%; padding: 0 65px; margin-bottom:80px; position: relative;}
    .contact__map {position: relative; width: 100%; height: 300px; top: auto; right: auto; bottom: auto;}
    .contact__map-div {position: relative; top: auto; right: auto; bottom: auto; height: 100%; background-color:#ffffff;}
    .contact__map-div iframe {position: absolute; top: 0; right: 0; bottom: 0; left: 0; box-shadow: inset 10px 10px 0 #ffffff;}
    .contact__col {width: 100%; padding: 0; margin-bottom: 40px;}
    .contact__col-title {margin-bottom: 60px;}
    .contactsoc__col  {width: 100%; padding: 0; margin-bottom: 20px;}
}

@media (max-width:1025px) {
    .container {padding: 0; margin: 0;}
    .container__main {padding: 0 30px; margin: 0;}
    .slidermain {margin: 0 0 80px 0;}
    .slidermain__div {position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; opacity: .2;}
    .slidermain__content {padding-top: 150px; min-height: auto;}
    .slidermain__bg-img {clip-path: unset;}
    .divsvg {display: none;}
    .slidermain__dscr {width: 100%;}
    .advntg {margin: 0;}
    .advntg__box-title,.servss__title,.aboutindex__col-title,.mainreviews__title,.aboutpage__title {width: 100%; margin: 0 0 60px 0;}
    .block__pad {padding: 90px 0;}
    .mservsspage__col {padding: 30px 30px 30px 250px; transition: all 200ms ease; min-height: 260px;}
    .mservsspage__col-img {border-radius: 25px; height: 200px; width: 200px; background-size: cover; position: absolute; left: 0; top: 30px; bottom: 30px;}
}

@media (max-width:801px) {
    .maintitle,.maintitle2 {font:32px/40px 'nunitoextrabold', Arial, sans-serif;}
    .advntg__col {width: 100%; padding: 0 65px; margin-bottom:80px; position: relative;}
    .mainreviews__col,.servss__col {width: 100%;}    
    .contindex__map {position: relative; width: 100%; height: 300px;}
    .contindex__map-div {position: relative; top: 0; right: 0; bottom: 0; height: 100%; background-color:#ffffff;}
    .contindex__map-div iframe {position: absolute; top: 0; right: 0; bottom: 0; left: 0; box-shadow: inset 10px 10px 0 #ffffff;}
    .contindex__col {width: 100%; padding: 0; margin-bottom: 60px;}
    .contindex__col-title {margin-bottom: 60px;}
    .block__pad {padding: 60px 0;}
    .page__topblock,.page__topblock2 {padding: 0 0 60px 0;}
    .servsspage__col {padding: 30px 0;}
    .servsspage__col-img {display: none;}
    .modal__content {min-width:100%;}
    .vacpage__row {margin-left:0;}    
    .reviewtextbox {padding: 0 0 0 60px;}
    .reviewquot__right {display: none;}
}


@media (max-width:701px) {
    .slidermain__dscr {padding-left:0; font: 28px/32px 'nunitosemibold', Arial, sans-serif; letter-spacing: 0;}
    .slidermain__bttn {padding:0 0 65px 0;}
    .advntg__box {padding: 40px 40px 0 40px;}
    .advntg__col {padding: 65px 0 0 0; margin-bottom:60px;}
    .advntg__col-title {margin-bottom:24px; min-height: 1px;}
    .advntg__col-ico {position: absolute; left: 0; top: 0; color: #05D0F9; display: block; font-size: 40px; width: 40px; height: 40px;}
    .maintitle,.maintitle2 {padding: 65px 0 0 0; font:28px/30px 'nunitoextrabold', Arial, sans-serif;}
    .mainreviews__box {padding: 40px;}
    .mainreviews__col-title {padding: 70px 0 0 0;}
    .servss__col-title,.mainreviews__col-title,.advntg__col-title {font: 24px/26px 'nunitosemibold', Arial, sans-serif;}
    .mainreviews__col-text {padding: 0;}
    .aboutpage__row {margin-left: 0; padding: 30px 0;}
    .aboutpage__col {width: 100%; margin-bottom: 50px;}
    .page__box {padding:40px;}
    .maintextbox ul,.maintextbox ol {padding:0 0 30px 0 !important;}
    .contindex__col-text {font: 18px/28px 'robotoitalic', Arial, sans-serif;}    
    .mservsspage__col {padding:25px 0; transition: all 200ms ease; min-height: 260px;}
    .mservsspage__col:first-child {padding:0 0 25px 0; margin-top:auto;}
    .mservsspage__col-img {height: 300px; width: 100%; background-size: cover; position: relative; left: auto; top: auto; bottom: auto; margin-bottom: 30px;}
}



@media (max-width:501px) {   
    .reviewtextbox {padding: 0; }
    .reviewquot__left {display: none;}
    .contact__col-bttn {padding: 0; text-align: center}
    .maintextbox h1,
    .maintextbox h2 {font-size: 32px}
    .maintextbox a {word-wrap: break-word;}
}