/*=============== general styles =================*/
:root {
	--main-color: #fff;
    --black-color: #000;
    --darkblue-color: #507c9e;
    --blue-color: #4c88b6;
	--darkerblue-color: #365f8b;
    --paragraph-color: #313131;
    --gray-color: #939393;
    --light-section: #f5f5f5;
	--border-color: #f2f2f2;
    --date-color: #c1c1c1;
    --quote-color:#f2f5f7;
    --lightblue-color: #4a8dc0;
    --span-color:#444444;
	--before-color: #d6dde2;
	--input-color: #dfe6eb;
	--center-section: #f7f7f7;
}
* {
    padding:0;
	margin:0;
}
html {
	width: 100%;
    height: 100%;
}
body {
    background: var(--main-color);
	padding:0;
	overflow-x: hidden !important;
}
.container-fluid {
	padding: 0 !important;
} 
.no-pd {
    padding: 0 !important;
}
div,
h1,
h2,
h3,
h4,
h5,
h6,
a,
p,
li{
	font-family: 'Noto Sans', sans-serif;
}
span{
    font-family: 'Roboto Slab', serif;
}
ul{
	margin: 0;
}
ul li {
    list-style-type: none;
	font-weight: 400;
}

.line{
    border-top: 2px solid var(--blue-color);
    width: 35px;
    margin: 20px auto;
}

.four-line{
	position: relative;
	z-index: 1;
}
.ln:nth-child(1){
	position: absolute;
	border-right: 1px solid var(--light-section);
	border-left: 1px solid var(--light-section);
	left: 0;
	height: 100%;
	z-index: -1;
}
.ln:nth-child(2){
	position: absolute;
	border-right: 1px solid var(--light-section);
	left: 25%;
	height: 100%;
	z-index: -1;
}
.ln:nth-child(3){
	position: absolute;
	border-right: 1px solid var(--light-section);
	left: 50%;
	height: 100%;
	z-index: -1;
}
.ln:nth-child(4){
	position: absolute;
	border-right: 1px solid var(--light-section);
	left: 75%;
	height: 100%;
	z-index: -1;
}
@media(max-width:992px){
	.ln:nth-child(1){
		display: none;
	}
	.ln:nth-child(2){
		display: none;
	}
	.ln:nth-child(3){
		display: none;
	}
	.ln:nth-child(4){
		display: none;
	}
}


.over-page{
	position: absolute;
    font-size: 130px;
    z-index: -1;
    line-height: 65px;
    color: var(--before-color);
    font-weight: 900;
    text-transform: uppercase;
    opacity: .2;
}
@media(max-width:1537px){
	.over-page{	
		font-size: 100px;
	}
}
@media(max-width:1537px){
	.over-page{	
		font-size: 80px;
	}
}
@media(max-width:992px){
	.over-page{
		display: none;
	}
}
/*================ end genaral styles ==================*/


/*================ links and buttons ====================*/
a,
a:active,
a:focus,
a:hover,
.primary,
.primary:hover{
	color: var(--main-color);
	text-decoration: none;
	outline: 0;
	font-size: 12px;
	font-weight: 700;
	line-height: 28px;
	text-transform: uppercase;
}

.white{
    background-color: transparent;
    padding: 9px 90px 9px 40px;
    position: relative;
    display: block;
    border: 2px solid var(--main-color);
    -webkit-transition: .4s;
    transition: .4s;
    overflow: hidden;
    z-index: 1;
}
.white::after {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    top: 50%;
    right: 10px;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
}
.white::before{
    content: '';
    position: absolute;
    z-index: -1;
    background-color: var(--main-color);
    width: 100%;
    height: 100%;
    top: 0px;
    right: 45px;
    -webkit-transform: translate(100%,0%);
    transform: translate(100%,0%);
    -webkit-transition: .4s;
	transition: .4s;
}
.white:hover{
    color: var(--blue-color);
}
.white:hover::before {
	right: 100%;
}

.single-btn{
	color: var(--darkblue-color);
	position: relative;
	padding-right:20px;
	font-weight: 700;
	-webkit-transition:.4s;
	transition:.4s;
    text-decoration: underline;
}
.single-btn:hover{
	opacity:.6;
	color: var(--darkblue-color);
	font-weight: 700;
}
.single-btn::before{
	content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 15px;
    height: 13px;
	-webkit-transition:.4s;
	transition:.4s;
}
.single-btn:hover::before{
	right: -30%;
	height:0;
}
/*================= end links and buttons ==================*/


/*================ headings paradraph span ===================*/
p{
    color: var(--paragraph-color);
	line-height: 26px;
	font-size: 14px;
	font-weight: 400;
}
span{
    font-size: 30px;
	font-weight: 700;
	line-height: 42px;
    text-transform: uppercase;
	color: var(--blue-color);
}
span.head{
	font-size: 40px;
	font-weight: 700;
	line-height: 42px;
    text-transform: uppercase;
	color: var(--blue-color);
}
@media(max-width:1200px){
	span{
		font-size: 35px;
	}
	span.head{
		font-size: 35px;
	}
}
@media(max-width:768px){
	span{
		font-size: 30px;
	}
	span.head{
		font-size: 30px;
	}
}
h1{
	font-size: 40px;
	font-weight: 900;
	line-height: 45px;
	text-transform: uppercase;
	color: var(--orange-color);
	margin-top: 0;
}
@media(max-width:767px){
	h1{
		font-size: 30px;
	}
}
@media(max-width:425px){
	h1{
		font-size: 25px;
		line-height: 35px;
	}
}
h2{
	color: var(--main-color);
	font-size: 24px;
	font-weight: 700;
	line-height: 28px;
	margin: 0;
}
@media(max-width:767px){
	h2{
		font-size: 16px;
	}
}
h3{
	color: var(--main-color);
	font-size: 36px;
	font-weight: 700;
	line-height: 28px;
	text-transform: uppercase;
	margin: 0;
}
@media(max-width:767px){
	h3{
		font-size: 30px;
	}
}
@media(max-width:425px){
	h3{
		font-size: 25px;
	}
}

h4{
	color: var(--darkblue-color);
	font-size: 18px;
	font-weight: 700;
	line-height: 28px;
}
@media(max-width:767px){
	h4{
		font-size: 16px;
	}
}


h5{
	color: var(--darkblue-color);
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 28px;
}
/*================ end headings paradraph span ===================*/


/*================ visual composer ===================*/
.text-block{
	padding-top: 30px;
}
.text-block p{
	color: var(--paragraph-color);
	line-height: 26px;
	font-size: 14px;
	font-weight: 400;
	text-align: left;
}
.text-block ul, .text-block ol{
	padding-left: 20px;
	margin-bottom: 10px;
}
.text-block ul li{
	list-style-type: disc;
	line-height: 26px;
	color: var(--paragraph-color);
	font-size: 14px;
	text-align: left;
}
.text-block ul li a{
	text-transform: none;
	color: var(--paragpaph-color);
	font-size: 14px;
	-webkit-transition: .4s;
	transition: .4s;
}
.text-block ul li a:hover{
	color: var(--blue-color);
}
.text-block ol li{
	color: var(--darkblue-color);
}
.text-block ol li a{
	text-transform: none;
	color: var(--darkblue-color);
}
.text-block ol li a:hover{
	text-decoration: underline;
}
.text-block h5{
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 700;
}
.text-block .view-full-post{
    line-height: 26px;
    font-size: 14px;
    font-weight: 400;
}
.text-block .view-full-post a{
    color: var(--paragraph-color);
}
/*================ end visual composer ===================*/


/*=============== slick slider =====================*/
.slick-dots li.slick-active button:before {
    opacity: .75;
    color: black;
}
.slick-dots li button:before {
    font-size: 20px !important;
	color: var(--gray-color) !important;
	content: '■' !important;
}
.slick-dots li.slick-active button:before {
    color: var(--darkblue-color) !important;
}
.slick-slide {
    outline: none !important;
}
.slick-arrow img{
	width:inherit;
	height:45px;
}
.NextArrow{
    position: absolute;
    top: 50%;
    right: -65px;
    width: 65px;
    height: 65px;
	outline:none;
    background: transparent;
    border: 0 none;
    margin-top: -22.5px;
    text-align: center;
    color: #000;
    z-index: 5;
    opacity: 1;
    -webkit-transition: all 0.4s ease-in-out !important;
    transition: all 0.4s ease-in-out !important;
}
.NextArrow:hover{
	opacity:.5;
	-webkit-transition: all 0.4s ease-in-out !important;
    transition: all 0.4s ease-in-out !important;
}
.PrevArrow{
    position: absolute;
    top: 50%;
	outline:none;
    left: -65px;
    width: 65px;
    height: 65px;
    background: transparent;
    border: 0 none;
    margin-top: -22.5px;
    text-align: center;
    color: #FFF;
    z-index: 5;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
	opacity:1;
	-webkit-transition: all 0.4s ease-in-out !important;
    transition: all 0.4s ease-in-out !important;
}
.PrevArrow:hover{
	opacity:.5;
	-webkit-transition: all 0.4s ease-in-out !important;
    transition: all 0.4s ease-in-out !important;
}
@media(max-width:1024px){
	.PrevArrow{
		display: none !important;
	}
	.NextArrow{
		display: none !important;
	}
}
/*=============== end slick slider =====================*/


/*=============== inputs ===================*/
input {
    width: 100% !important;
    display: block;
    border: 1px solid var(--input-color);
    border-radius: 0;
    padding: 0px 15px !important;
    color: var(--gray-color);
    background-color: var(--main-color);
    font-size: 14px !important;
    letter-spacing: .05em;
    margin: 20px 0 !important;
    outline: 0;
	font-family: 'Noto Sans', sans-serif;
}
textarea{
	border: 0;
	width:100%;
	outline:none;
	padding:5px 15px !important;
    border: 1px solid var(--input-color);
    background-color: var(--main-color); 
    -webkit-box-shadow: none !important; 
    box-shadow: none !important;
    border-radius: 0 !important;
    font-size: 14px !important;
    letter-spacing: .05em;
    color: var(--gray-color); 
    height: 100px;
    resize: none !important;
	line-height: 23px;
	font-family: 'Noto Sans', sans-serif;
}
input[type='submit'] {
	padding: 9px 90px 9px 40px !important;
    border: none;
    border-bottom: none;
    background: 0;
    color: var(--main-color);
    margin: 0 !important;
    font-size: 14px !important;
    font-weight: 700;
    line-height: 28px;
    -webkit-appearance: none;
    text-transform: uppercase;
    -webkit-transition: .4s;
    transition: .4s;
	font-family: 'Noto Sans', sans-serif;
}
input[type='submit']:hover{
    color: var(--darkblue-color);
	font-family: 'Noto Sans', sans-serif;
}
::-webkit-input-placeholder {
	color: var(--input-color); 
	font-family: 'Noto Sans', sans-serif;
}
::-moz-placeholder {
	color: var(--input-color);
	font-family: 'Noto Sans', sans-serif;
}
:-moz-placeholder {
	color: var(--input-color);
	font-family: 'Noto Sans', sans-serif;
}
:-ms-input-placeholder {
	color: var(--input-color);
	font-family: 'Noto Sans', sans-serif;
}

.wpcf7-form{
	padding-bottom: 30px;
}
.wpcf7-not-valid {
    border-bottom: 2px solid red!important
}
.wpcf7-validation-errors{
	display:none !important;
}
.sent .ff,
.wpcf7-not-valid-tip {
    display: none!important
}
.wpcf7-form br{
	display: none !important;
}
div.wpcf7-mail-sent-ok {
    color: var(--orange-color);
	border:none !important;
    text-align: center;
	font-size:16px;
    padding-bottom: 30px;
}
div.wpcf7 .ajax-loader {
    display: none !important;
}
.wpcf7-form .btn-loc{
    padding-top: 15px;
}
.wpcf7-form .btn-style{
    background-color: transparent;
    position: relative;
    display: block;
    border: 2px solid var(--main-color);
    -webkit-transition: .4s;
    transition: .4s;
    overflow: hidden;
    z-index: 1;
}
.wpcf7-form .btn-style::after {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    top: 50%;
    right: 12px;
    background: url(/wp-content/uploads/2018/05/send-1.svg) no-repeat;
    background-size: contain;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
}
.wpcf7-form .btn-style::before{
    content: '';
    position: absolute;
    z-index: -1;
    background-color: var(--main-color);
    width: 100%;
    height: 100%;
    top: 0px;
    right: 45px;
    -webkit-transform: translate(100%,0%);
    transform: translate(100%,0%);
    -webkit-transition: .4s;
	transition: .4s;
}
.wpcf7-form .btn-style:hover::before {
	right: 100%;
}


.acf-form{
	padding: 20px 0px;
}
.acf-fields {
    padding-bottom: 20px;
}
.acf-form input{
	padding: 20px 15px !important;
	margin: 10px 0 !important;
}
.acf-form textarea{
    padding: 10px 15px !important;
	margin: 10px 0 !important;
}
.acf-form input[type='submit']{
	padding: 9px 90px 9px 40px !important;
	margin: 0 !important;
}
.acf-form-submit{
    background-color: transparent;
    position: relative;
    display: block;
    border: 2px solid var(--main-color);
    -webkit-transition: .4s;
    transition: .4s;
    overflow: hidden;
    z-index: 1;
}
.acf-form-submit::after {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    top: 50%;
    right: 12px;
    background: url(/wp-content/uploads/2018/05/send-1.svg) no-repeat;
    background-size: contain;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
}
.acf-form-submit::before{
    content: '';
    position: absolute;
    z-index: -1;
    background-color: var(--main-color);
    width: 100%;
    height: 100%;
    top: 0px;
    right: 45px;
    -webkit-transform: translate(100%,0%);
    transform: translate(100%,0%);
    -webkit-transition: .4s;
	transition: .4s;
}
.acf-form-submit:hover::before {
	right: 100%;
}

.acf-form .acf-error-message {
    display: none;
}
.acf-form .acf-field .acf-error-message {
    display: block;
}
.acf-label {
    display: none;
}
.acf-fields > .acf-field {
    border-top: none !important;
	padding: 0 0 !important;
}
/*=============== end inputs =================*/


/*================== popup form ========================*/
.pum-container, .pum-theme-default-theme .pum-container {
    padding: 15px 30px !important;
    z-index:99999999999 !important;
    outline:none !important;
}
.pum-content + .pum-close, .pum-theme-default-theme .pum-content + .pum-close {
    -webkit-transition:.4s;
    transition:.4s;
    padding: 8px 12px !important;
    outline:none !important;
}
.pum-content + .pum-close:hover, .pum-theme-default-theme .pum-content + .pum-close:hover{
	opacity:.7;
} 
.pum-content, .pum-theme-default-theme .pum-content {
    color: var(--main-color);
    font-family: inherit;
    padding-top: 33px;
}
/*================== end popup form ========================*/


/*================== keyframes =====================*/
@keyframes fadein {
	from {
		opacity: 0
	}
	to {
		opacity: 1
	}
}
@-webkit-keyframes fadein {
	from {
		opacity: 0
	}
	to {
		opacity: 1
	}
}
@keyframes latefade {
	0% {
		opacity: 0
	}
	35% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}
@-webkit-keyframes latefade {
	0% {
		opacity: 0
	}
	35% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}
@keyframes slidedownfade {
	0% {
		opacity: 0;
		top: 0px
	}
	85% {
		opacity: 0;
		top: -18px
	}
	100% {
		opacity: 1;
		top: 0px
	}
}
@-webkit-keyframes slidedownfade {
	0% {
		opacity: 0;
		top: 0px
	}
	85% {
		opacity: 0;
		top: -18px
	}
	100% {
		opacity: 1;
		top: 0px
	}
}
/*=================== end keyframes ======================*/


/*=================== start preloader ======================*/
.preload{
	position: fixed;
	z-index: 9999999999999999;
	height: 100vh;
	width: 100%;
	background-color: var(--main-color);
	display: flex;
	align-items: center;
	justify-content: center;
}
.preload .image{
	background-color: var(--main-color);
	flex: 1 0 50%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	overflow: hidden;
}
.preload .image .image-inner{
	padding: 30px;
	position: relative;
	right: -200px;
	opacity: 0;
	transition: 1s;
	transition-delay: 1.4s;
}
.preload .image .image-inner.active{
	right: 0;
	opacity: 1;
}
.preload .image .image-inner img{
	width: 260px;
	height: 40px;
	object-fit: contain;
}
.preload .info{
	overflow: hidden;
	background-color: var(--darkblue-color);
	flex: 1 0 50%;
	height: 0;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	transition: 1s;
	transition-delay: .4s;
}
.preload .info.active{
	height: 100%;
}
.preload .info .info-inner{
	padding: 30px;
	position: relative;
	left: -200px;
	opacity: 0;
	transition: 1s;
	transition-delay: 2.4s;
}
.preload .info .info-inner.active{
	left: 0;
	opacity: 1;
}
.preload .info .info-inner p{
	font-size: 40px;
    font-weight: 700;
    line-height: 42px;
    text-transform: uppercase;
    color: var(--main-color);
	margin-bottom: 0;
}
/*=================== end preloader ======================*/


/*===================== start navbar ====================*/
.head-menu{
	background: var(--main-color);
	height: 90px;
}
.head-menu .head-menu-container{
	position: relative;
	display: flex;
	height: 90px;
	align-items: center;
    justify-content: flex-end;
}
.head-menu .head-menu-container .logo{
	position: absolute;
    left: 50%;
	top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.head-menu .head-menu-container .logo img{
	width: 260px;
	height: 40px;
	object-fit: contain;
}
.head-menu .head-menu-container .social-links{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.head-menu .head-menu-container .social-links p{
    margin-bottom: 0;
    font-size: 12px;
    color: var(--gray-color);
    text-transform: uppercase;
}
.head-menu .head-menu-container .social-links li{
	padding: 0px 15px;
}
.head-menu .head-menu-container .social-links li a{
	padding: 0;
	background-color: transparent;
	font-size: 0;
}
.head-menu .head-menu-container .social-links li a img{
    height: 20px;
    width: 20px;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transition: .4s;
    transition: .4s;
}
.head-menu .head-menu-container .social-links li:hover a img{
    opacity: .6;
}

.main-menu{
	display: none;
}
/*======================= end navbar ======================*/


/*===================== top bar ====================*/
.top-bar{
	background-color: var(--main-color);
	position: relative;
}
.top-bar .top-bar-container ul.list{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    height: 70px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.top-bar .top-bar-container ul.list li{
	padding: 0 16px;
	position: relative;
	top: 0;
	transition: .4s;
}
.top-bar .top-bar-container ul.list li:hover{
	top: -5px;
}
.top-bar .top-bar-container ul.list li a{
    font-weight: 700;
    background-color: transparent;
    -webkit-transition: .4s;
    transition: .4s;
    color: var(--paragraph-color);
}
.top-bar .top-bar-container ul.list li a:hover{
    color: var(--darkblue-color);
}
.top-bar .top-bar-container ul.list li.current-menu-item a{
	color: var(--darkblue-color);
}
.top-bar .top-bar-container ul li.menu-item-714.current-menu-item a{
	color: var(--paragraph-color);
}
.top-bar .top-bar-container ul li.menu-item-714 a:hover {
	color: var(--darkblue-color);
}
/*===================== end top bar ====================*/


/*======================= start home slider ======================*/
.home-slider .item {
	height: calc( 90vh - 160px);
	padding: 0 5px;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
}
.home-slider .item::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(80,124,158,.9);
	z-index: 2;
	transform: translate(-100%,0);
	transition: 1.5s;
	transition-timing-function: ease-in-out;
}
.home-slider .item.slick-active::before{
	transform: translate(100%,0);
}
.home-slider .NextArrow {
	right: 0px;
    background: rgba(80,124,158,.9);
}
.home-slider .PrevArrow {
	left: 0px;
    background: rgba(80,124,158,.9);
}
.home-slider img{
    height: 25px;
}
/*======================== end home slider ====================*/


/*======================== start main page ====================*/
.home-story{
	position: relative;
	background: url(/wp-content/uploads/2018/05/story.jpg) no-repeat center center;
	background-size: cover;
}
.home-story::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--main-color);
	z-index: 1;
	transition: 1s;
}
.home-story.active::before{
	left: 100%;
}
.home-story .home-story-container{
	padding: 100px 0 0;
}
.home-story .home-story-container .item{
	max-width: 830px;
	display: flex;
	padding-bottom: 40px;
}
.home-story .home-story-container .item .title{
	max-width: 300px;
	flex: 1 0 30%;
	position: relative;
	left: -100px;
	opacity: 0;
	transition: 1s;
	transition-timing-function: ease-in-out;
}
.home-story .home-story-container .item .title.active{
	opacity: 1;
	left: 0;
}
.home-story .home-story-container .item .title hr.line{
	margin: 20px 0;
}
.home-story .home-story-container .item .title .info{
	max-width: 188px;
}
.home-story .home-story-container .item .description{
	right: -300px;
	position: relative;
	transition: 1s;
	transition-timing-function: ease-in-out;
	opacity: 0;
}
.home-story .home-story-container .item .description.active{
	right: 0;
	opacity: 1;
}
.home-story .home-story-container .item .description .btn-loc{
	padding-top: 20px;
	display: inline-block;
}
.home-story .home-story-container .item .description .btn-loc a.white{
	border: 2px solid var(--darkblue-color);
    color: var(--darkblue-color);
}
.home-story .home-story-container .item .description .btn-loc a.white:hover{
    color: var(--main-color);
}
.home-story .home-story-container .item .description .btn-loc a.white::before{
	background-color: var(--darkblue-color);
}	
.home-story .home-story-container .item .description .btn-loc a.white::after{
	background: url(/wp-content/uploads/2018/03/right-arrow.svg) no-repeat;
	background-size: contain;
}


.home-work{
	position: relative;
	background-color: var(--main-color);
	overflow: hidden;
}
.home-work::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--main-color);
	z-index: 3;
	transition: 1s;
}
.home-work.active::before{
	top: 100%;
}
.home-work .home-work-container{
	padding: 70px 0;
	text-align: center;
	overflow: hidden;
}
.home-work .home-work-container .over-page{
	top: 0;
	left: 50%;
	transform: translate(-50%);
}
.home-work .home-work-container span.head{
	position: relative;
	top: -100px;
	opacity: 0;
	transition: 1s;
	transition-timing-function: ease-in-out;
}
.home-work .home-work-container span.head.active{
	top: 0;
	opacity: 1;
}
.home-work .home-work-container .items{
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
	padding-top: 60px;
	margin: 0 -15px;
}
.home-work .home-work-container .items .item{
	max-width: 285px;
    flex: 1 0 22%;
	margin: 0 5px 15px;
	text-align: center;
	padding: 0 10px;
}
.home-work .home-work-container .items .item .icon{
	padding-top: 70px;
}
.home-work .home-work-container .items .item .icon .icon-rel{
	position: relative;
}
.home-work .home-work-container .items .item .icon .icon-rel img.rel{
	height: 75px;
	width: 75px;
	object-fit: contain;
	margin: 0 auto;
}
.home-work .home-work-container .items .item .icon .icon-rel img.abs{
	position: absolute;
    bottom: 0;
    left: 50%;
    height: 130px;
    width: 90px;
    filter: brightness(95%);
    transform: translate(-100%);
    z-index: -1;
}
.home-work .home-work-container .items .item .info{
	padding-top: 10px;
}
.home-work .home-work-container .items .item .info h2{
	color: var(--darkerblue-color);
	font-size: 14px;
	font-weight: 700;
}
.home-work .home-work-container .items .item .info .text-block{
	padding-top: 15px;
}


.home-ikea{
	position: relative;
	background-color: var(--main-color);
}
.home-ikea .home-ikea-container{
	padding: 100px 0;
	display: flex;
	justify-content: flex-end;
}
.home-ikea .home-ikea-container .item-over{
	position: relative;
	z-index: 0;
}
.home-ikea .home-ikea-container .item{
	max-width: 1000px;
	background-color: var(--light-section);
	box-shadow: 0px 11px 53.838px 0.162px rgba(106, 106, 106, 0.2);
	display: flex;
	padding: 35px 45px;
	position: relative;
	right: -300px;
	transition: 1s;
	transition-timing-function: ease-in-out;
}
.home-ikea .home-ikea-container .item.active{
	right: 0;
}
.home-ikea .home-ikea-container .item::before{
	content: '';
    position: absolute;
    height: calc(100% + 80px);
    width: 300px;
    top: 50%;
    left: -300px;
    background: url(/wp-content/uploads/2018/05/ikea-back.jpg) no-repeat center center;
    background-size: cover;
    z-index: -1;
    transform: translate(-50%,-50%);
	opacity: 0;
	transition: 1s;
	transition-delay: .5s;
}
.home-ikea .home-ikea-container .item.active::before{
	opacity: 1;
	left: 0;
}
.home-ikea .home-ikea-container .item .info{
	flex: 1 0 50%;
}
.home-ikea .home-ikea-container .item .info hr.line{
	margin: 20px 0;
}
.home-ikea .home-ikea-container .item .info img.logo{
	height: 37px;
	width: 200px;
	object-fit: contain;
	margin-bottom: 10px;
}
.home-ikea .home-ikea-container .item .info .btn-loc{
	padding-top: 30px;
	display: inline-block;
}
.home-ikea .home-ikea-container .item .info .btn-loc a.white{
	border: 2px solid var(--darkblue-color);
    color: var(--darkblue-color);
}
.home-ikea .home-ikea-container .item .info .btn-loc a.white:hover{
    color: var(--main-color);
}
.home-ikea .home-ikea-container .item .info .btn-loc a.white::before{
	background-color: var(--darkblue-color);
}	
.home-ikea .home-ikea-container .item .info .btn-loc a.white::after{
	background: url(/wp-content/uploads/2018/03/right-arrow.svg) no-repeat;
	background-size: contain;
}
.home-ikea .home-ikea-container .item .image{
	flex: 1 0 50%;
	margin-top: -205px;
	margin-bottom: -75px;
	opacity: 0;
	transition: 1s;
	transition-delay: .7s;
}
.home-ikea .home-ikea-container .item .image.active{
	margin-top: -65px;
	opacity: 1;
}


.home-planner{
	position: relative;
	background: url(/wp-content/uploads/2018/05/planner.jpg) no-repeat center center;
	background-size: cover;
}
.home-planner .home-planner-container{
	padding: 70px 0;
	text-align: center;
}
.home-planner .home-planner-container p{
	color: var(--main-color);
}
.home-planner .home-planner-container span.head{
	color: var(--main-color);
}
.home-planner .home-planner-container .item{
	padding-top: 40px;
	padding-bottom: 40px;
}
.home-planner .home-planner-container .item .cl {
  height:200px;
  padding:10px;
}
.home-planner .home-planner-container .item .cl-yellow { 
  background: #f1c40f; 
}
.home-planner .home-planner-container .item .cl-blue { 
  background: #3498db; 
}
.home-planner .home-planner-container .item .cl-red { 
  background: #e74c3c; 
}
.home-planner .home-planner-container .item .slick-active { 
  padding: 20px 0; 
}
.home-planner .home-planner-container .item .slick-center { 
  transform: scale(1.5) !important;
}
.home-planner .home-planner-container .item .slick-slide:not(.slick-active) { 
  margin: 20px 0; 
}
.home-planner .home-planner-container .btn-loc{
	padding-top: 40px;
	display: inline-block;
}
.home-planner .home-planner-container .btn-loc a.white::after{
    background: url(/wp-content/uploads/2018/05/right-arrow-angle-2.svg) no-repeat;
    background-size: contain;
}


.home-testimonial{
	position: relative;
	background-color: var(--main-color);
	padding: 130px 0 90px;
	z-index: 1;
	overflow: hidden;
}
.home-testimonial::after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--main-color);
	z-index: 1;
	transition: 1s;
}
.home-testimonial.active::after{
	left: 100%;
}
.home-testimonial::before{
	content: '';
    position: absolute;
    left: 0;
    top: 50%;
	width: 35%;
    height: calc(100% - 220px);
    background: url(/wp-content/uploads/2018/05/testimo.jpg) no-repeat left center;
	background-size: cover;
    z-index: -1;
    transform: translate(0,-50%);
}
.home-testimonial .home-testimonial-container{
	padding-top: 70px;
	text-align: center;
}
.home-testimonial .home-testimonial-container .items{
	overflow: hidden;
}
.home-testimonial .home-testimonial-container .info{
	display: inline-block;
	text-align: left;
	position: relative;
	top: -200px;
	opacity: 0;
	transition: 1s;
	transition-timing-function: ease-in-out;
}
.home-testimonial .home-testimonial-container .info.active{
	top: 0;
	opacity: 1;
}
.home-testimonial .home-testimonial-container .info hr.line{
	margin: 20px 0;
}
.home-testimonial .home-testimonial-container .btn-loc{
	padding-top: 30px;
	display: flex;
	justify-content: flex-end;
	margin-bottom: -2px;
}
.home-testimonial .home-testimonial-container .btn-loc a.white{
	border: 2px solid var(--darkblue-color);
    color: var(--darkblue-color);
}
.home-testimonial .home-testimonial-container .btn-loc a.white:hover{
    color: var(--main-color);
}
.home-testimonial .home-testimonial-container .btn-loc a.white::before{
	background-color: var(--darkblue-color);
}	
.home-testimonial .home-testimonial-container .btn-loc a.white::after{
	background: url(/wp-content/uploads/2018/03/right-arrow.svg) no-repeat;
	background-size: contain;
}
.home-testimonial .home-testimonial-container .slider{
	padding-left: 150px;
	position: relative;
	z-index:1;
	
}
.home-testimonial .home-testimonial-container .slider::after{
	content: '';
	position: absolute;
	width: calc(100% + 400px);
	height: 100%;
	left: 150px;
	top: 0;
	background-color: var(--main-color);
	border-top: 2px solid var(--darkblue-color);
	box-shadow: 0px 11px 28.8px 3.2px rgba(229, 229, 229, 0.6);
	z-index: -1;
}
.home-testimonial .home-testimonial-container .slider .testimonial-slider .NextArrow{
	right: 0;
}
.home-testimonial .home-testimonial-container .slider .testimonial-slider .PrevArrow{
	left: 0;
}
.home-testimonial .home-testimonial-container .slider .item{
	padding: 20px 70px 50px;
	position: relative;
	text-align: left;
	z-index: 1;
}
.home-testimonial .home-testimonial-container .slider .item::before{
	content: '';
	position: absolute;
	top: 2px;
	right: 0;
	background:url(/wp-content/uploads/2018/05/quotes.png) no-repeat;
	background-size: contain;
	height: 120px;
	width: 150px;
	z-index: -1;
}
.home-testimonial .home-testimonial-container .slider .item h4{
	font-size: 14px;
	color: var(--darkblue-color);
}
.home-testimonial .home-testimonial-container .slider .item .text-block{
	padding-top: 15px;
}


.page-question{
    position: relative;
    z-index: 1;
	overflow: hidden;
}
.page-question::before{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--main-color);
	z-index: 1;
	transition: 1s;
	transition-delay: 1s;
	transition-timing-function: ease-in-out;
	transform: translate(0,100%);
}
.page-question.active::before{
	transform: translate(0,-100%);
}
.page-question .page-question-container{
    padding: 150px 0;
    text-align: center;
	position: relative;
	top: -200px;
	opacity: 0;
	transition: 1s;
	transition-timing-function: ease-in-out;
}
.page-question .page-question-container.active{
	top: 0;
	opacity: 1;
}
.page-question .page-question-container.second{
    padding: 80px 0 200px;
}
.page-question .page-question-container span.head{
    color: var(--main-color);
}
.page-question .page-question-container hr.line{
    border-top: 2px solid var(--main-color);
}
.page-question .page-question-container .text-block{
    padding-top: 0;
}
.page-question .page-question-container .text-block p{
    color: var(--main-color);
    text-align: center;
    font-weight: 700;
}
.page-question .page-question-container .btn-loc{
    display: inline-block;
    padding-top: 30px;
}
.page-question .page-question-container .btn-loc a.white::after{
    background: url(/wp-content/uploads/2018/05/right-arrow-angle-2.svg) no-repeat;
    background-size: contain;
}


.home-news {
	position: relative;
	background-color: var(--main-color);
	overflow: hidden;
}
.home-news::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--center-section);
	z-index: 2;
	transition: 2s;
}
.home-news.active::before{
	top: 100%;
}
.home-news .home-news-container{
	padding: 70px 0 200px;
	text-align: center;
	position: relative;
	z-index: 1;
	overflow: hidden;
}
.home-news .home-news-container::before{
	content: '';
	position: absolute;
	width: calc(100% - 200px);
	height: 100%;
	background-color: var(--center-section);
	top: 0;
	left: 50%;
	transform: translate(-50%);
	z-index: -1;
}
.home-news .home-news-container span.head{
	position: relative;
	top: -200px;
	opacity: 0;
	transition: 1s;
	transition-timing-function: ease-in-out;
}
.home-news .home-news-container span.head.active{
	top: 0;
	opacity: 1;
}
.home-news .home-news-container .items{
	padding-top: 60px;
}
.home-news .home-news-container .items .item{
	margin: 0 5px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	transition: .4s;
}
.home-news .home-news-container .items .item .image{
	width: 100%;
	height: 250px;
	position: relative;
	overflow: hidden;
}
.home-news .home-news-container .items .item .image .image-overlay {
    background: rgba(59, 81, 112, 0.6);
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
	z-index:1;
}
.home-news .home-news-container .items .item:hover .image .image-overlay{
    opacity: 1;
}
.home-news .home-news-container .items .item .image .image-details {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    z-index: 2;
}
.home-news .home-news-container .items .item .image .image-details a.over{
	padding: 6px 40px;
	color: var(--main-color);
	border: 2px solid var(--main-color);
	background-color: transparent;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	transition: .4s;
}
.home-news .home-news-container .items .item .image .image-details a.over:hover{
	background-color: var(--main-color);
	color: var(--darkblue-color);
}
.home-news .home-news-container .items .item:hover .image .image-details{
    opacity: 1;
}
.home-news .home-news-container .items .item img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	-webkit-transition:.4s;
	transition:.4s;
}
.home-news .home-news-container .items .item .info{
	padding: 10px 10px;
	text-align: center;
}
.home-news .home-news-container .items .item .info h4{
	min-height: 83px;
	display:flex;
	align-items: center;
	justify-content: center;
	text-transform: none;
	transition:.4s;
	color: var(--darkblue-color);
}
.home-news .home-news-container .items .item .info h4:hover{
	opacity: .6;
}
.home-news .home-news-container .items .item .info .text-block{
	padding-top: 0;
}
.home-news .home-news-container .items .item .info .text-block p{
	text-align: center;
}
.home-news .home-news-container .items .item .info .view-full-post{
	line-height: 26px;
	font-size: 14px;
}
.home-news .home-news-container .items .item .info .view-full-post a{
	color: var(--paragraph-color);
}
.home-news .home-news-container .items .item .info .btn-loc{
	text-align: center;
}
.home-news .home-news-container .items .item .info .btn-loc a.sngl{
	-webkit-transition: .4s;
	transition: .4s;
	text-transform: uppercase;
	text-decoration: underline;
	color: var(--darkblue-color);
}
.home-news .home-news-container .items .item .info .btn-loc a.sngl:hover{
	opacity: .6;
	text-decoration: none;
}
.home-news .home-news-container .items .PrevArrow{
	top: 22%;
}
.home-news .home-news-container .items .NextArrow{
	top: 22%;
}
.home-news .home-news-container .btn-loc.full{
    display: inline-block;
    padding-top: 30px;
}
.home-news .home-news-container .btn-loc.full a.white{
	border: 2px solid var(--darkblue-color);
    color: var(--darkblue-color);
}
.home-news .home-news-container .btn-loc.full a.white:hover{
    color: var(--main-color);
}
.home-news .home-news-container .btn-loc.full a.white::before{
	background-color: var(--darkblue-color);
}	
.home-news .home-news-container .btn-loc.full a.white::after{
	background: url(/wp-content/uploads/2018/03/right-arrow.svg) no-repeat;
	background-size: contain;
}
/*======================== end main page ====================*/


/*==================== start footer =====================*/
.main-footer {
	background-color: var(--darkerblue-color);
	position: relative;
	padding: 0 0 30px;
    z-index: 1;
}
.main-footer .logo {
	padding: 60px 0 0;
}
.main-footer .logo img {
	width: 210px;
	object-fit: contain;
	height: 40px;
}
.main-footer .logo p{
    color: var(--main-color);
    padding-top: 25px;
}
.main-footer .info{
    padding-top: 60px;
}
.main-footer .info h5{
    color: var(--main-color);
}
.main-footer .info h5::before {
	content: '';
	position: relative;
	top: 3px;
	margin-right: 5px;
	display: inline-block;
	width: 17px;
	height: 17px;
}
.main-footer .info .phone h5::before {
	background: url(/wp-content/uploads/2018/05/smartphone-3.svg) no-repeat;
	background-size: contain;
}
.main-footer .info .mail h5::before {
	background: url(/wp-content/uploads/2018/05/envelope-2.svg) no-repeat;
	background-size: contain;
}
.main-footer .info .location h5::before {
	background: url(/wp-content/uploads/2018/05/facebook-placeholder-for-locate-places-on-maps.svg) no-repeat;
	background-size: contain;
}
.main-footer .info .social h5::before {
	background: url(/wp-content/uploads/2018/07/share-symbol.svg) no-repeat;
	background-size: contain;
}
.main-footer .info p {
	padding-left: 20px;
    margin-bottom: 0;
    line-height: 20px;
}
.main-footer .info p a {
	color: var(--main-color);
	text-transform: none;
    font-weight: 400;
    line-height: 11px;
	-webkit-transition: .4s;
	transition: .4s;
}
.main-footer .info p a:hover {
	opacity: .6;
}
.main-footer .info .social ul.list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.main-footer .info .social ul.list li {
	padding: 0 10px;
}
.main-footer .info .social ul.list li img {
	width: 20px;
	height: 20px;
	-o-object-fit: contain;
	object-fit: contain;
	-webkit-transition: .4s;
	transition: .4s;
}
.main-footer .info .social ul.list li img:hover {
	opacity: .6;
}
.main-footer .full {
	background-color: var(--lightblue-color);
	padding: 50px 40px 0;
	max-width: 360px;
    margin: -150px auto 0;
	box-shadow: -2px 1px 18.9px 2.1px rgba(100, 104, 109, 0.25);
	text-align: center;
    position: relative;
    z-index: 3;
	transition: 1s;
	transition-timing-function: ease-in-out;
}
.main-footer .full span.head{
    color: var(--main-color);
    font-size: 30px;
}
.main-footer .foot-menu {
	padding: 50px 0 0;
	text-align: center;
}
.main-footer .foot-menu ul.list {
	list-style-type: none;
}
.main-footer .foot-menu ul.list li {
	display: inline-block;
	padding: 0 13px;
	text-transform: uppercase;
}
.main-footer .foot-menu ul.list li ul.dropdown-menu{
    display: none !important;
}
.main-footer .foot-menu ul.list li a span.caret{
    display: none;
}
.main-footer .foot-menu ul.list li a {
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	color: var(--main-color);
}
.main-footer .foot-menu ul.list li a:hover {
	opacity: .6;
}
/*==================== end footer =====================*/


/*==================== start testimonials page =====================*/
.page-head{
	position: relative;
}
.page-head .page-head-container{
	padding: 100px 0 100px;
	text-align: center;
}
.page-head.found .page-head-container{
	padding: 100px 0 200px;
}
.page-head .page-head-container .info{
    margin: 0 auto;
    max-width: 910px;
}
.page-head .page-head-container .info span.head {
	-webkit-animation: fadein 1.5s ease-in-out;
	animation: fadein 1.5s ease-in-out;
	color: var(--main-color);
}
.page-head .page-head-container .info hr.line{
	border-top: 2px solid var(--main-color);
}
.page-head .page-head-container .info .text-block p {
	color: var(--main-color);
	-webkit-animation: latefade 2.5s ease-in-out;
	animation: latefade 2.5s ease-in-out;
}


.testimonial-list {
    background-color: var(--light-section);
    position: relative;
}
.testimonial-list .testimonial-list-container {
	padding: 65px 0;
    text-align: center;
}
.testimonial-list .testimonial-list-container .flex{
    padding-top: 40px;
}
.testimonial-list .testimonial-list-container .items .item {
    margin-bottom: 35px;
	background-color: var(--main-color);
    -webkit-box-shadow: 0px 3px 17.838px 0.162px rgba(106, 106, 106, 0.3);
    box-shadow: 0px 3px 17.838px 0.162px rgba(106, 106, 106, 0.3);
	padding: 30px 40px;
	position: relative;
    text-align: left;
}
.testimonial-list .testimonial-list-container .items .item::before{
	content: '';
	position: absolute;
	top: -15px;
	right: -10px;
    height: 40px;
    width: 40px;
	background: url(/wp-content/uploads/2018/05/quote-1.svg) no-repeat;
	background-size: contain;
}
.testimonial-list .testimonial-list-container .items .item h4 {
    color: var(--darkblue-color);
	font-size: 20px;
	font-weight: 700;
}
.testimonial-list .testimonial-list-container .items .item hr{
	border-bottom: 2px solid var(--blue-color);
	margin: 10px auto;
	width: 100%;
}
.testimonial-list .testimonial-list-container .items .item .date p{
	font-size: 14px;
	color: var(--date-color);
	position: relative;
	padding-left: 25px;
}
.testimonial-list .testimonial-list-container .items .item .date p::before{
	content: '';
    position: absolute;
    top: 4px;
    left: 0;
    background: url(/wp-content/uploads/2018/05/calendar-icon.svg) no-repeat;
    background-size: contain;
    width: 19px;
    height: 19px;
}
.testimonial-list .testimonial-list-container .items .item .text-block {
    padding-top: 10px;
}
.testimonial-list .testimonial-list-container .full {
    background-color: var(--blue-color);
    text-align: center;
    -webkit-box-shadow: 0px 3px 17.838px 0.162px rgba(106, 106, 106, 0.3);
    box-shadow: 0px 3px 17.838px 0.162px rgba(106, 106, 106, 0.3);
    padding: 36px 25px;
}
.testimonial-list .testimonial-list-container .full p{
	color: var(--main-color);
	font-size: 30px;
	font-weight: 700;
	margin-bottom: 0;
    text-transform: uppercase;
}
.testimonial-list .testimonial-list-container .full .btn-loc {
    text-align: center;
}
.testimonial-list .testimonial-list-container .full #message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 20px;
}
/*================ end testimonials page ==================*/


/*================ start blog page ==================*/
.blog-head{
	position: relative;
}
.blog-head .blog-head-container{
	padding: 100px 0 150px;
	text-align: center;
}
.blog-head .blog-head-container .info hr.line{
    border-top: 2px solid var(--main-color);
}
.blog-head .blog-head-container .info h1 {
	-webkit-animation: fadein 1.5s ease-in-out;
	animation: fadein 1.5s ease-in-out;
	color: var(--main-color);
}


.blog-last{
	position: relative;
	background-color: var(--main-color);
}
.blog-last .blog-last-container{
	padding: 0px 0px 70px;
	margin-top: -100px;
	text-align: center;
}
.blog-last .blog-last-container .items{
    max-width: 1100px;
    margin: 0 auto;
}
.blog-last .blog-last-container .items .item{
    margin: 0 15px 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end; 
}
.blog-last .blog-last-container .items .item img{
	-webkit-transition: .4s;
	transition: .4s;
    height: 500px;
	width: 660px;
    max-width: 660px;
    -o-object-fit: cover;
    object-fit: cover;
}
.blog-last .blog-last-container .items .item:hover img{
	-webkit-filter: brightness(80%);
    filter: brightness(80%);
}
.blog-last .blog-last-container .items .item .info{
	text-align: left;
    background-color: var(--main-color);
    padding: 60px 60px;
    max-width: 500px;
    width: 500px;
    height: 100%;
    position: absolute;
    left: 0;
	-webkit-box-shadow: 0px 3px 17.838px 0.162px rgba(106, 106, 106, 0.3);
	box-shadow: 0px 3px 17.838px 0.162px rgba(106, 106, 106, 0.3);
    height: calc(100% - 75px);
}
.blog-last .blog-last-container .items .item .info span{
	font-size: 12px;
	font-weight: 700;
	color: var(--date-color);
	text-transform: uppercase;
}
.blog-last .blog-last-container .items .item .info h2{
	margin-top: 15px;
}
.blog-last .blog-last-container .items .item .info h2 a{
	color: var(--blue-color);
    font-size: 24px;
    font-weight: 700;
    line-height: 42px;
	-webkit-transition:.4s;
	transition:.4s;
}
.blog-last .blog-last-container .items .item .info h2 a:hover{
	opacity:.6;
}
.blog-last .blog-last-container .items .item .info .btn-date{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding-top: 25px;
}
.blog-last .blog-last-container .items .item .info .date p{
	font-size: 14px;
	color: var(--date-color);
	position: relative;
	padding-left: 25px;
}
.blog-last .blog-last-container .items .item .info .date p::before{
	content: '';
    position: absolute;
    top: 4px;
    left: 0;
    background: url(/wp-content/uploads/2018/05/calendar-icon.svg) no-repeat;
    background-size: contain;
    width: 19px;
    height: 19px;
}
.blog-last .blog-last-container .items .item .info .btn-loc{
	text-align: right;
}
.blog-last .blog-last-container .items .item .info .btn-loc a.single-btn{
	text-decoration: underline;
}
.blog-last .blog-last-container .items .item .info .btn-loc a.single-btn::before{
    background: url(/wp-content/uploads/2018/04/right-arrow-3.svg) no-repeat;
    background-size: contain;
}


.blog-list{
	background-color:var(--main-color);
	position:relative;
}
.blog-list .blog-list-container{
	padding: 30px 0;
	text-align: center;
}
.blog-list .blog-list-container .item{
	background-color:var(--main-color);	
	margin-bottom:60px;
	margin-left: 20px;
    padding-bottom: 20px;
	-webkit-box-shadow: 0px 3px 17.838px 0.162px rgba(106, 106, 106, 0.3);
	box-shadow: 0px 3px 17.838px 0.162px rgba(106, 106, 106, 0.3);
}
.blog-list .blog-list-container .item:nth-child(even){
	margin-right: 20px;
	margin-left: 0;
}
.blog-list .blog-list-container .item:nth-child(even) .flex{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}
.blog-list .blog-list-container .item .zoom{
    height: 280px;
    overflow: hidden;
    margin-top:-20px;
	margin-left:-20px;
}
.blog-list .blog-list-container .item .zoom img{
	height: 100%;
    width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-webkit-transition: .4s;
	transition: .4s;
}
.blog-list .blog-list-container .item:nth-child(even) .zoom{
    margin-right: -20px;
}
.blog-list .blog-list-container .item:hover .zoom img{
    -webkit-transform:scale(1.25); 
    transform:scale(1.25);
}
.blog-list .blog-list-container .item .info{
	padding: 30px 40px 0 0;
	text-align: left;
	background-color: var(--main-color);
}
.blog-list .blog-list-container .item:nth-child(even) .info {
    padding: 30px 20px 0 40px;
}
.blog-list .blog-list-container .item .info .date p{
	font-size: 14px;
	color: var(--date-color);
	position: relative;
	padding-left: 25px;
}
.blog-list .blog-list-container .item .info .date p::before{
	content: '';
    position: absolute;
    top: 4px;
    left: 0;
    background: url(/wp-content/uploads/2018/05/calendar-icon.svg) no-repeat;
    background-size: contain;
    width: 19px;
    height: 19px;
}
.blog-list .blog-list-container .item .info h2 a{
	font-size: 20px;
    -webkit-transition:.4s;
    transition:.4s;
	font-weight: 700;
	color: var(--blue-color);
}
.blog-list .blog-list-container .item .info h2 a:hover{
	opacity:.6;
}
.blog-list .blog-list-container .item .info hr{
	border-top: 2px solid var(--blue-color);
	width: 100%;
	margin: 10px auto;
}
.blog-list .blog-list-container .item .info .text-block{
	padding-top: 15px;
}
.blog-list .blog-list-container .item .info .btn-loc{
	text-align:right;	
}
.blog-list .blog-list-container .item .info .btn-loc .single-btn::before{
    background: url(/wp-content/uploads/2018/05/right-arrow-angle-2.svg) no-repeat;
    background-size: contain;
}
/*================ end blog page ==================*/


/*================ start single blog page ==================*/
.single-article{
	position: relative;
	background-color: var(--light-section);
}
.single-article .single-article-container .item{
	display: flex;
	align-items: center;
    justify-content: space-between;
}
.single-article .single-article-container .item .image{
	flex: 1 0 60%;
}
.single-article .single-article-container .item .image img{
	width: 100%;
    max-width: 100%;
    object-fit: cover;
    max-height: 535px;
    height: 535px;
}
.single-article .single-article-container .item .info{
	padding: 0 40px;
	flex: 1 0 40%;
	display: flex;
    justify-content: flex-end;
}
.single-article .single-article-container .item .info .info-cont{
	max-width: 330px;
	width: 330px;
}
.single-article .single-article-container .item .info .prev{
	position: absolute;
    top: 50px;
}
.single-article .single-article-container .item .info .prev a{
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 700;
	position: relative;
	color: var(--darkblue-color);
	transition .4s;
}
.single-article .single-article-container .item .info .prev a::before{
	content: '';
	position: relative;
	height: 15px;
	width: 15px;
	display: inline-block;
	top:3px;
	left: 0;
	background: url(/wp-content/uploads/2018/05/right-arrow-angle-2.svg) no-repeat;
	background-size: contain;
	transform: rotate(180deg);
	margin-right: 5px;
	transition: .4s;
}
.single-article .single-article-container .item .info .prev a:hover{
	opacity: .6;
}
.single-article .single-article-container .item .info .prev a:hover::before{
	left: -30px;
	height: 0;
}
.single-article .single-article-container .item .info hr.line{
    margin: 20px 0;
}
.single-article .single-article-container .item .info h2{
	color: var(--darkblue-color);
	text-transform: uppercase;
	line-height: 42px;
}
.single-article .single-article-container .item .info .date{
	padding-top: 15px;
}
.single-article .single-article-container .item .info .date p{
	font-size: 14px;
	color: var(--date-color);
	position: relative;
	padding-left: 25px;
}
.single-article .single-article-container .item .info .date p::before{
	content: '';
    position: absolute;
    top: 4px;
    left: 0;
    background: url(/wp-content/uploads/2018/05/calendar-icon.svg) no-repeat;
    background-size: contain;
    width: 19px;
    height: 19px;
}
.single-article-info{
	position: relative;
	background-color: var(--light-section);
}
.single-article-info .single-article-info-container{
	padding: 30px 0 200px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.single-article-info .single-article-info-container .quote{
	max-width: 900px;
}
.single-article-info .single-article-info-container .quote p{
	font-style: italic;
	color: var(--black-color);
	font-weight: 500;
}
.single-article-info .single-article-info-container .columns{
	max-width: 900px;
	padding-top: 40px;
}
.single-article-info .single-article-info-container .columns .text-block{
	padding-top: 0;
	column-count: 2;
}
.single-article-info .single-article-info-container .over-image{
	padding-top: 50px;
	padding-bottom: 20px;
}
.single-article-info .single-article-info-container .over-image .image{
	height: 400px;
    float: left;
    max-width: 50%;
    margin-right: 30px;
    margin-bottom: 7px;
}
.single-article-info .single-article-info-container .over-image .image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.single-article-info .single-article-info-container .over-image .info .text-block{
	padding-top: 0;
}
.single-article-info .single-article-info-container .over-image .info .text-block ul{
	display: flex;
	flex-wrap: wrap;
	padding-left: 0px;
}
.single-article-info .single-article-info-container .over-image .info .text-block ul li{
    flex: 1 0 45%;
    margin: 0 20px;
	list-style-type: none;
	position: relative;
}
.single-article-info .single-article-info-container .over-image .info .text-block ul li::before{
	content: '';
	position: relative;
	display: inline-block;
	height: 5px;
	width: 5px;
	background: url(/wp-content/uploads/2018/05/circular-shape-silhouette.svg) no-repeat;
	background-size: contain;
	margin-right: 5px;
	top: -3px;
	left: 0;
}
.single-article-info .single-article-info-container .socials{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    background-color: var(--main-color);
    padding: 25px 40px;
}
.single-article-info .single-article-info-container .socials .icons .et_social_inline_bottom{
	margin-top: 0;
	display: flex;
    flex-direction: row-reverse;
    align-items: center;
}
.single-article-info .single-article-info-container .socials .icons .et_social_inline_bottom p{
	margin-bottom: 0;
    font-size: 12px;
    color: var(--gray-color);
    text-transform: uppercase;
}
.single-article-info .single-article-info-container .socials .icons .et_social_inline_bottom ul li{
	margin-bottom: 0px;
}
.single-article-info .single-article-info-container .socials .next a{
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 700;
	position: relative;
	color: var(--darkblue-color);
	transition .4s;
}
.single-article-info .single-article-info-container .socials .next a::after{
	content: '';
	position: relative;
	height: 15px;
	width: 15px;
	display: inline-block;
	top:3px;
	right: 0;
	background: url(/wp-content/uploads/2018/04/right-arrow-3.svg) no-repeat;
	background-size: contain;
	margin-right: 5px;
	transition: .4s;
}
.single-article-info .single-article-info-container .socials .next a:hover{
	opacity: .6;
}
.single-article-info .single-article-info-container .socials .next a:hover::after{
	right: -30px;
	height: 0;
}
/*================ end single blog page ==================*/


/*================ start about page ==================*/
.about-team {
	position: relative;
	background-color: var(--main-color);
}
.about-team .about-team-container {
	padding: 70px 0 30px;
	text-align: center;
    position: relative;
    z-index: 1;
}
.about-team .about-team-container .over-page{
    left: 50%;
    top: 0;
    transform: translate(-50%);
}
.about-team .about-team-container span.head {
	font-size: 25px;
}
.about-team .about-team-container .items {
	padding: 60px 0 0 0;
    max-width: 950px;
    margin: 0 auto 30px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.about-team .about-team-container .items .item{
    margin: 0 5px 35px;
    max-width: 285px;
    flex: 1 0 30%;
}
.about-team .about-team-container .items .item img {
	height: 275px;
	margin: 0 auto;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-webkit-filter: brightness(100%);
	filter: brightness(100%);
	-webkit-transition: .4s;
	transition: .4s;
}
.about-team .about-team-container .items .item:hover img {
	-webkit-filter: brightness(80%);
	filter: brightness(80%);
}
.about-team .about-team-container .items .item .info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: 15px 15px;
}
.about-team .about-team-container .items .item .info h4 {
	color: var(--blue-color);
}
.about-team .about-team-container .items .item .info p {
	color: var(--date-color);
    margin-bottom: 0;
}
.about-team .about-team-container .items .item .info p a {
	color: var(--black-color);
    text-decoration: underline;
    font-size: 14px;
	-webkit-transition: .4s;
	transition: .4s;
	text-transform: none;
}
.about-team .about-team-container .items .item .info p a:hover {
	opacity: .6;
}
/*================ end about page ==================*/


/*================ start work page ==================*/
.work-list{
    position: relative;
    background-color: var(--main-color);
}
.work-list .work-list-container{
    padding: 70px 0 70px;
	text-align: center;
    position: relative;
    z-index: 1;
}
.work-list .work-list-container .over-page{
    left: 50%;
    top: 0;
    transform: translate(-50%);
}
.work-list .work-list-container span.head {
	font-size: 25px;
}
.work-list .work-list-container .items{
    padding-top: 30px;
}
.work-list .work-list-container .items .flex{
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    margin-bottom: 40px;
}
.work-list .work-list-container .items .flex:nth-child(even){
    flex-direction: row-reverse;
}
.work-list .work-list-container .items .info{
    position: relative;
    z-index: 1;
    padding: 20px 50px 0;
}
.work-list .work-list-container .items .info img{
    position: absolute;
    top: -16px;
    left: 7px;
    z-index: -1;
    width: 70px;
    height: 115px;
    filter: brightness(95%);
}
.work-list .work-list-container .items .info h2{
    color: var(--blue-color);
    text-align: left;
    text-transform: uppercase;
}
.work-list .work-list-container .items img{
    height: 225px;
    width: 100%;
    object-fit: contain;
}
/*================ end work page ==================*/


/*================ start history page ==================*/
.history-story {
	position: relative;
	background-color: var(--main-color);
}
.history-story .history-story-container {
	padding: 70px 0 30px;
	text-align: center;
    position: relative;
    z-index: 1;
}
.history-story .history-story-container .over-page{
    left: 50%;
    top: 0px;
    transform: translate(-50%);
}
.history-story .history-story-container span.head {
	font-size: 25px;
}
.history-story .history-story-container .items{
	padding: 40px 0;
}
.history-story .history-story-container .items .flex{
	margin: 30px 0 100px;
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	position: relative;
}
.history-story .history-story-container .items .flex:nth-child(even){
	flex-direction: row-reverse;
}
.history-story .history-story-container .items .flex p.year{
	position: absolute;
    left: 50%;
    transform: translate(-60%);
    top: 20px;
	line-height: 80px;
    font-size: 100px;
    font-weight: 900;
    color: var(--darkerblue-color);
    z-index: 1;
}
.history-story .history-story-container .items .flex:nth-child(even) p.year{
	transform: translate(-40%);
}
.history-story .history-story-container .items .flex hr.year-line{
	position: absolute;
	left: 50%;
	top: 147px;
	transform: translate(-50%);
	border-top: 2px solid var(--darkerblue-color);
	width: 60px;
	z-index: 1;
}
.history-story .history-story-container .items .flex img{
	width: 100%;
	height: 375px;
	object-fit: cover;
}
.history-story .history-story-container .items .flex .info .scroll{
	height: 250px;
	overflow: auto;
	position: relative;
}
.history-story .history-story-container .items .flex .info .text-block{
	padding: 30px 50px 0;
}
/*================ end history page ==================*/


/*================ start calalogue page ==================*/
.catalog-list{
	position: relative;
	background-color: var(--main-color);
}
.catalog-list .catalog-list-container{
	margin-top: -50px;
	background-color: var(--main-color);
}
.catalog-list .catalog-list-container .nav-pills{
	display: flex;
	align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.catalog-list .catalog-list-container .nav-pills li{
	max-width: 325px;
	flex: 1 0 30%;
	border-bottom: 2px solid var(--border-color);
	display: flex;
    align-items: center;
    justify-content: center;
}
.catalog-list .catalog-list-container .nav-pills li.active{
	border-bottom: 2px solid var(--darkblue-color);
}
.catalog-list .catalog-list-container .nav-pills li a{
	color: var(--gray-color);
	text-transform: uppercase;
	font-weight: 700;
	padding: 10px 15px;
	border-radius: 0;
	display: flex;
	align-items: center;
}
.catalog-list .catalog-list-container .nav-pills li a:hover, .catalog-list .catalog-list-container .nav-pills li a:focus{
	background-color: transparent;
} 
.catalog-list .catalog-list-container .nav-pills li.active a{
	background-color: transparent;
	color: var(--darkblue-color);
}
.catalog-list .catalog-list-container .nav-pills li a img{
	height: 25px;
	width: 25px;
	object-fit: contain;
	margin-right: 10px;
}
.catalog-list .catalog-list-container .nav-pills li a img.first{
	display: block;
}
.catalog-list .catalog-list-container .nav-pills li a img.second{
	display: none;
}
.catalog-list .catalog-list-container .nav-pills li.active a img.first{
	display: none;
}
.catalog-list .catalog-list-container .nav-pills li.active a img.second{
	display: block;
}
.catalog-list .catalog-list-container .tab-content{
	padding-top: 60px;
	padding-bottom: 60px;
}
.catalog-list .catalog-list-container .tab-content .items{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	display: none;
}
.catalog-list .catalog-list-container .tab-content .items.active{
	display: flex;
}
.catalog-list .catalog-list-container .tab-content .items .item{
	flex: 1 0 30%;
	max-width: 325px;
	margin: 0 10px;
	margin-bottom: 30px;
}
.catalog-list .catalog-list-container .tab-content .items .item .image{
	position: relative;
	overflow: hidden;
	height: 275px;
	width: 100%;
}
.catalog-list .catalog-list-container .tab-content .items .item .image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: .4s;
}
.catalog-list .catalog-list-container .tab-content .items .item:hover .image img{
	-webkit-transform:scale(1.2); 
    transform:scale(1.2);
}
.catalog-list .catalog-list-container .tab-content .items .item .image .image-overlay {
    background: rgba(59, 81, 112, 0.6);
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
	z-index:1;
}
.catalog-list .catalog-list-container .tab-content .items .item:hover .image .image-overlay{
    opacity: 1;
}
.catalog-list .catalog-list-container .tab-content .items .item .image-details {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    z-index: 2;
}
.catalog-list .catalog-list-container .tab-content .items .item .image-details img.aim{
	width: 30px;
    height: 30px;
    object-fit: contain;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.catalog-list .catalog-list-container .tab-content .items .item:hover .image-details{
    opacity: 1;
}
.catalog-list .catalog-list-container .tab-content .items .item .info{
	padding: 10px;
	text-align: center;
}
.catalog-list .catalog-list-container .tab-content .items .item .info h2 a{
	color: var(--blue-color);
	font-size: 16px;
	font-weight: 700;
	text-transform: none;
	transition: .4s;
}
.catalog-list .catalog-list-container .tab-content .items .item .info h2 a:hover{
	opacity: .6;
}

.modal-backdrop {  
    background-color: var(--darkblue-color);
	z-index:9999999;
}
.modal {
    top: 50% !important;
    bottom: inherit !important;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
	z-index:99999999999999999999999999;
}
.modal-open .modal {
    overflow-y: hidden;
}
.modal-dialog {
    width: 100%;
    max-width: 1100px;
    margin: 30px auto;
}
.modal-content {
    border: none;
    border-radius: 0;
    box-shadow: none;
	position: relative;
}
.modal-content .close{
	position: absolute;
	right: 15px;
	top: 15px;
	z-index: 3;
}
.modal-content .close img{
	height: 20px;
	width: 20px;
	object-fit: cover;
	cursor: pointer;
}
.modal-content .modal-body .gallery img.gal{
	height: 520px;
	width: 100%;
	object-fit: cover;
}
.modal-content .modal-body .gallery .about-slider .NextArrow{
    right: 0px;
}
.modal-content .modal-body .gallery .about-slider .PrevArrow{
    left: 0px;
}
.modal-content .modal-body .info{
	padding-top: 30px;
}
.modal-content .modal-body .info h2{
	font-size: 16px;
	color: var(--darkblue-color);
	font-weight: 700;
}
.modal-content .modal-body .info hr{
	border-top: 1px solid var(--darkblue-color);
	margin: 20px auto;
	width: 100%;
}
.modal-content .modal-body .info .scroll{
	height: 365px;
	overflow: auto;
	padding-right: 30px;
}
.modal-content .modal-body .info .scroll .text-block{
	padding-top: 0;
}
/*================ end calalogue page ==================*/


/*================ start faq page ==================*/
.faq-list{
	position: relative;
	background-color: var(--main-color);
}
.faq-list .faq-list-container{
	margin-top: -50px;
	background-color: var(--main-color);
	text-align: center;
	padding-top: 40px;
	padding-bottom: 30px;
}
.faq-list .faq-list-container .items{
	max-width: 1100px;
	margin: 0 auto;
	padding: 40px 20px;
}
.faq-list .faq-list-container .items .item{
	border-radius: 0;
	border: none;
	margin: -1px 0;
	border-top: 1px solid lightgray;
	border-bottom: 1px solid lightgray;
}
.faq-list .faq-list-container .items .item .panel-heading{
	border-bottom: none;
	background-color: var(--main-color);
}
.faq-list .faq-list-container .items .item .panel-heading a{
	color: var(--paragraph-color);
	text-transform: none;
	font-size: 16px;
	display: flex;
	position: relative;
}
.faq-list .faq-list-container .items .item .panel-heading a::after{
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	height: 15px;
	width: 15px;
	background: url(/wp-content/uploads/2018/04/right-arrow-3.svg) no-repeat;
	background-size: contain;
	transform: translate(0,-50%) rotate(-90deg);
	transition: .4s;
}
.faq-list .faq-list-container .items .item .panel-heading a.collapsed::after{
	transform: translate(0,-50%) rotate(90deg);
}
.faq-list .faq-list-container .items .item .panel-body .text-block{
	padding-top: 10px;
}
/*================ end faq page ==================*/

/*================ owl-carousel front page ==================*/
.carousel-arrow img {
    width: inherit;
    height: 45px;
}
.owl-carousel .PrevArrow,
.owl-carousel .NextArrow{
	top: calc(50% - 82px);
	margin-top: 0;
}
.shape{
	position: relative;
	padding: 100px 0 50px;
	margin-top: 20px;
}
.shape-image{
	cursor: pointer;
	position: relative;
}
.shape-image img{
	z-index: 2;
}
.choosed-shape .shape-check,
li.active > .shape-image > .shape-check{
	position: absolute;
	top: calc(100% - 20px);
	left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    width: 40px;
    height: 40px;
	overflow: hidden;
	z-index: 20;
	border-radius: 50%;
	background-color: white;
    background-image: url("./../img/shape_check.png");
    background-repeat: no-repeat;
    background-position: center;
    box-shadow: 0px 1px 21px rgba(0,0,0,0.19);
}
.shape-title{
	height: 100px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
	font-size: 14px;
	color: white;
	font-weight: bold;
}
/*****/
.choosed-shape{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	background: white;
	width: 360px;
	height: 380px;
	z-index: 25;
	box-shadow: 0px 5px 15px rgba(0,0,0,0.20);
	padding-bottom: 25px;
}
.choosed-shape-wrapper{
	height: 100%;
    overflow: hidden;
}
.choosed-shape-image{
	position: relative;
}
.choosed-shape-content{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding: 20px;
}
.choosed-shape-title{
	padding: 20px;
	color: #507c9e;
	font-size: 14px;
	font-weight: bold;
}
.choosed-shape-description{
	color: #313131;
	font-size: 14px;
}
/*****/
.back-step{
	text-transform: none !important;
    margin-top: 5px;
    display: inline-block;
    cursor: pointer;
}
.back-step:hover{
	text-decoration: underline;
}
/*================ end owl-carousel front page ==================*/
/*================ popup checkout front page ==================*/
#overlay-checkout{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.7);
	z-index: 99992;
	cursor: pointer;
}
.checkout{
	display: none;
	position: fixed;
	top: 5vh;
	left: 50%;
	background: #4c88b7;
	-webkit-transform: translate(-50%);
	transform: translate(-50%);
	z-index: 99993;
	width: 1200px;
    max-width: 90vw;
    max-height: 90vh;
	overflow-y: auto;
}
#checkout-close{
	position: absolute;
	width: 30px;
	height: 30px;
	top: 15px;
	right: 15px;
	cursor: pointer;
	background: url("./../img/x-close.png") no-repeat;
}
.checkout-wrapper{
	padding: 50px 0;
}
.checkout-title{
	text-align: center;
	margin-bottom: 30px;
}
.checkout span.head{
    color: var(--main-color);
}
.checkout hr.line{
    border-top: 2px solid var(--main-color);
}
.checkout .text-block {
    padding-top: 0;
	margin-bottom: 30px;
}
.checkout .text-block p {
    color: var(--main-color);
    text-align: center;
    font-weight: 700;
}
.checkout-info{
	margin-top: 10px;
}
.checkout .checkout-info .text-block p{
	padding: 5px 10px;
    border: 1px solid var(--main-color);
}
.checkout-image{
	text-align: center;
	margin-bottom: 30px;
}
.checkout-image img{
	display: inline-block;
}
.checkout-contact{
	margin-bottom: 50px;
}
.checkout-contact input{
	margin-top: 0 !important;
	border-bottom-width: 2px;
}
.checkout input.no-valid{
	border-bottom: 2px solid red!important;
}
.select {
	position: relative;
    border: 2px solid #fff;
    padding: 8px 50px 8px 16px;
    height: 49px;
    max-width: 100%;
    cursor: pointer;
}
.select::before{
	content: '';
    position: absolute;
    z-index: -1;
    background-color: var(--main-color);
    width: 45px;
    height: 100%;
    top: 0;
    right: 0;
}
.select::after{
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    top: 14px;
    right: 11px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
	background: url("/wp-content/uploads/2018/05/right-arrow-angle-2.svg") no-repeat;
    background-size: contain;
}
.select.show-list {
    border-bottom-color: transparent;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.select-choosed {
    overflow: hidden;
    height: 31px;
    display: inline-block;
    color: #fff;
    line-height: 31px;
    white-space: nowrap;
    width: 100%;
	font-size: 14px;
    font-weight: normal;
    text-transform: unset;
}
.select-list {
    display: none;
    position: absolute;
    top: calc(100% - 1px);
    left: -2px;
    width: 100%;
    border: 2px solid var(--main-color);
    border-top: none;
    background-color: var(--main-color);
    z-index: 1;
    box-sizing: content-box;
    overflow-y: auto;
}
.select.show-list .select-list {
    display: block;
    border-top-color: transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.select-list > ul {
    overflow: hidden;
}
.select-list > ul > li {
    cursor: pointer;
}
.select-list > ul > li:hover {
    background-color: #4c88b7;
}
.select-list > ul > li:hover a{
	color: var(--main-color);
}
.select-list > ul > li a {
    white-space: nowrap;
    color: var(--gray-color);
    padding: 5px 0;
    display: block;
    margin: 0 50px 0 16px;
    overflow: hidden;
    text-decoration: none;
	text-transform: unset;
}
.cabinet span{
	position: relative;
	display: block;
}
.cabinet span::after{
	content: '';
    position: absolute;
    background-size: contain;
}
.cabinet-height span::after{
	width: 8px;
    height: 18px;
    top: 14px;
    left: 17px;
	background: url("./../img/resize_height.png") no-repeat;
}
.cabinet-width span::after{
	width: 18px;
    height: 8px;
    top: 18px;
    left: 13px;
	background: url("./../img/resize_width.png") no-repeat;
}
.cabinet span::before{
	content: '';
    position: absolute;
    width: 44px;
    height: 100%;
    top: 0;
    left: 0;
    border-right: 1px solid #f2f2f2;
}
.cabinet input{
	padding-left: 55px !important;
}
.additional-cabinet{
	text-align: right;
}
.additional-cabinet a{
	display: inline-block;
	color: var(--main-color);
	text-transform: unset;
	font-weight: normal;
	font-size: 14px;
	line-height: 1.42;
}
.additional-cabinet a:hover{
	text-decoration: underline;
}
.checkout-send{
	text-align: center;
}
.checkout-send .btn-loc {
    display: inline-block;
    padding-top: 30px;
	min-width: 200px;
}
.checkout-send .btn-loc a.white::after {
    background: url(/wp-content/uploads/2018/05/right-arrow-angle-2.svg) no-repeat;
    background-size: contain;
}
.checkout-sum{
	margin-top: 20px;
    margin-bottom: 30px;
}
.checkout-sum-wrapper{
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	border-bottom: 2px solid var(--main-color);
	padding-top: 10px;
	padding-bottom: 10px;
}
.checkout-sum-wrapper > span{
	display: inline-block;
	color: var(--main-color);
	text-transform: unset;
	line-height: normal;
}
.checkout-sum-wrapper > span:first-child{
	font-size: 16px;
	font-weight: normal;
}
.checkout-sum-wrapper > span:last-child{
	font-size: 36px;
	letter-spacing: 2px;
	line-height: 36px;
}
#checkout-sum{
	color: var(--main-color);
	font-size: 36px;
	line-height: 36px;
}
.checkout::-webkit-scrollbar-button{ 
	background-image:url(''); 
	background-repeat:no-repeat; 
	width:6px; 
	height:0px 
}
.checkout::-webkit-resizer{ 
	background-image:url(''); 
	background-repeat:no-repeat; 
	width:7px; 
	height:0px 
}
.checkout::-webkit-scrollbar{ 
	width: 10px;
	height: 10px
}
.checkout::-webkit-scrollbar-thumb{ 
	background-color: rgb(255, 255, 255, 0.7);
	background-position:center; 
	background-repeat:no-repeat; 
	-webkit-box-shadow: none;
	box-shadow: none;
}
.checkout::-webkit-scrollbar-thumb:hover{
	background-color: rgb(255, 255, 255, 1);
}
.checkout::-webkit-scrollbar-track{ 
	background: none;
}
.checkout .container-fluid{
	padding-left: 15px !important;
    padding-right: 15px !important;
}
.checkout-error{
	border-bottom: 2px solid red!important;
}
@media screen and (max-width: 480px) {
.checkout{
	width: 100%;
    max-width: 100vw;
    max-height: 100vh;
}
.shape{
    padding: 30px 0 0;
}
.choosed-shape{
    max-width: 100%;
}
}/*@media screen and (max-width: 480px)*/
/*================ end popup checkout front page ==================*/
/* .home-planner{
	display: none !important;
} */