/*-------------
 	General
-------------*/

@font-face {
	font-display: auto;
	font-family: 'Geometria';
	src: url('../fonts/Geometria-Thin.eot');
	src: local('Geometria Thin'), local('Geometria-Thin'),
	url('../fonts/Geometria-Thin.woff') format('woff'),
	url('../fonts/Geometria-Thin.ttf') format('truetype');
	font-weight: 100;
	font-style: normal;
}

@font-face {
	font-display: auto;
	font-family: 'Geometria';
	src: url('../fonts/Geometria-Heavy.eot');
	src: local('Geometria Heavy'), local('Geometria-Heavy'),
	url('../fonts/Geometria-Heavy.woff') format('woff'),
	url('../fonts/Geometria-Heavy.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-display: auto;
	font-family: 'Geometria';
	src: url('../fonts/Geometria-Medium.eot');
	src: local('Geometria Medium'), local('Geometria-Medium'),
	url('../fonts/Geometria-Medium.woff') format('woff'),
	url('../fonts/Geometria-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-display: auto;
	font-family: 'Geometria';
	src: url('../fonts/Geometria.eot');
	src: local('Geometria'),
	url('../fonts/Geometria.woff') format('woff'),
	url('../fonts/Geometria.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-display: auto;
	font-family: 'Geometria';
	src: url('../fonts/Geometria-Bold.eot');
	src: local('Geometria Bold'), local('Geometria-Bold'),
	url('../fonts/Geometria-Bold.woff') format('woff'),
	url('../fonts/Geometria-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-display: auto;
	font-family: 'Geometria';
	src: url('../fonts/Geometria-ExtraBold.eot');
	src: local('Geometria ExtraBold'), local('Geometria-ExtraBold'),
	url('../fonts/Geometria-ExtraBold.woff') format('woff'),
	url('../fonts/Geometria-ExtraBold.ttf') format('truetype');
	font-weight: 800;
	font-style: normal;
}

@font-face {
	font-display: auto;
	font-family: 'Geometria';
	src: url('../fonts/Geometria-Light.eot');
	src: local('Geometria Light'), local('Geometria-Light'),
	url('../fonts/Geometria-Light.woff') format('woff'),
	url('../fonts/Geometria-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

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

html{
	font-family: 'Geometria';
	/*font: normal 16px sans-serif;*/
	color: #555;
	scroll-behavior: smooth;
}

ul, nav{
	list-style: none;
}

a{
	text-decoration: none;
	color: inherit;
	cursor: pointer;

	opacity: 0.9;
}

a:hover{
	opacity: 1;
}

a.btn{
	color: #fff;
	border-radius: 4px;
	text-transform: uppercase;
	background-color: #2196F3;
	font-weight: 800;
	text-align: center;
}

hr{
	width: 150px;
	height: 2px;
	background-color: #95dceb;
	border: 0;
	margin-bottom: 25px;
}

section{
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 50px 150px;
}
body{
	background-image: url(../images/back-main-site.jpg);
	background-size: no-repeat;
	background-position: center;
	background-size: contain;
}
@media (max-width: 1000px){

	section{
		padding: 100px 50px;
	}

}

@media (max-width: 600px){


	section{
		padding: 30px 15px;
	}

}

section h3.title{
	color: #414a4f;
	text-transform: capitalize; 
	font: bold 32px 'Open Sans', sans-serif;
	margin-bottom: 35px;
	text-align: center;
	font-weight: 500;
	position: relative;
}

section p{
	max-width: 800px;
	text-align: center;
	margin-bottom: 35px;
	padding: 0 20px;
	line-height: 1.5;
	font-size: 18px;
	opacity: .7;
}

ul.grid{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}


/*-------------
 	Header
-------------*/

header{
	top: 0;
	left: 0;
	z-index: 60;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #000000;
	padding: 18px 100px;
	position: sticky;
	background: #fff;
	box-shadow: 0px 15px 10px -15px #111;
	z-index: 9999999999;
}
header nav ul>li a:after{
	content: " ";
	position: absolute;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background-color: #dee4e2;
	transition: width .2s ease;
}after {
	content: " ";
	position: absolute;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background-color: #dee4e2;
	transition: width .2s ease;
}
header h2{
	font-family: 'Quicksand', sans-serif;
}

header nav{
	display: flex;
	flex-flow: wrap;
    justify-content: end;
    max-width: 800px;
}

header nav li{
	margin: 0 15px;
	border-bottom: 2px solid #dee4e2;
	transition: width .2s ease;
	display: flex;
    align-items: flex-end;
    margin-bottom: 10px;
	margin-right: 0;
}
header nav li:hover{
	border-bottom: 2px solid #95dceb;
	transition: width .2s ease;
}

header nav li:first-child{
	margin-left: 0;	
}

header nav li:last-child{
	margin-right: 0;	
}
.number{
	display: block;
	font-size: 20px;
	color: #1D2221;
	font-weight: bold;
	line-height: 21px;
	margin-left: 150px;
}


@media (max-width: 1000px){
	header{
		padding: 20px 50px;
	}
}


@media (max-width: 700px){
	header{
		flex-direction: column;		
	}

	header h2{
		margin-bottom: 15px;
	}
}



/*----------------
 	Hero Section
----------------*/

.hero{
	position: relative;
	justify-content: center;
	min-height: 100vh;
	color: #fff;
	text-align: center;
}

.hero .background-image{
	position: absolute;
	top: 0px;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-color: #2196F3;
	z-index: -1;
}

.hero .background-image:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #414a4f;
	opacity: 0.75;
}

.hero h1{
	font: bold 60px 'Open Sans', sans-serif;
	margin-bottom: 15px;
}

.hero h3{
	font: normal 28px 'Open Sans', sans-serif;
	margin-bottom: 40px;
}

.hero a.btn{
	padding: 20px 46px;
}

@media (max-width: 800px){

	.hero{
		min-height: 600px;
	}

	.hero h1{
		font-size: 48px;
	}

	.hero h3{
		font-size: 24px;
	}

	.hero a.btn{
		padding: 15px 40px;
	}

}



/*--------------------
 	Our Work Section
---------------------*/

.оur-work{
	background-color: #fff;
}

.our-work .grid li{
	padding: 5px;
	height: 350px;
	border-radius: 3px;

	background-clip: content-box;
	background-size: cover;
	background-position: center;
	background-color: #333;
}

.our-work .grid li.small{
	flex-basis: 40%;
	width: 450px;
}

.our-work .grid li.large{
	flex-basis: 60%;
}


@media (max-width: 1000px){

	.our-work .grid li.small,
	.our-work .grid li.large{
		flex-basis: 100%;
	}

}



/*----------------------
 	Features Section
----------------------*/

.features{
	position: relative;
	/*background-color: #f7f7f7;*/
}

.features .grid li{
	padding: 0 30px;
	flex-basis: 33%;
	text-align: center;
}

.features .grid li i{
    font-size: 50px;
    color: #addceb;
    margin-bottom: 25px;
}

.features .grid li h4{
	color: #363434;
    margin-bottom: 25px;
	font-size: 28px;
	font-weight: bold;
}

.features .grid li p{
    margin: 0;
}

@media (max-width: 1000px){

	.features .grid li{
		flex-basis: 70%;
		margin-bottom: 65px;
	}

	.features .grid li:last-child{
		margin-bottom: 0;
	}

}


@media (max-width: 600px){

	.features .grid li{
		flex-basis: 100%;
		padding: 0;
	}
	.wrapper_description{
		padding: 50px 0;
	}


}



/*--------------------
 	Reviews Section
--------------------*/

.reviews{
	background-color: #fff;
}

.reviews .quote{
	text-align: center;
	width: 80%;
    font-size: 22px;
    font-weight: 300;
    line-height: 1.5;
    margin-bottom: 20px;
    padding: 0;
}

.reviews .author{
    font-size: 18px;
    margin-bottom: 50px;
}

.reviews .author:last-child{
    margin-bottom: 0;
}

@media (max-width: 1000px){

	.reviews .quote{
		font-size: 20px;
	}

	.reviews .author{
	    font-size: 16px;
	}

}



/*---------------------
 	Contact Section
---------------------*/

.contact{
	background-color: #f7f7f7;
}

.contact form{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;

	max-width: 800px;
	width: 80%;
}

.contact form input{
	padding: 15px;
	flex: 1;
	margin-right: 30px;
	font-size: 18px;
	color: #555;
}

.contact form .btn{
	padding: 18px 42px;
}


@media (max-width: 800px){

	.contact form input{
		flex-basis: 100%;
		margin: 0 0 20px 0;
	}

}




/*-------------
 	Footer
-------------*/

footer{
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	color: #fff;
	background-color: #363434;
	padding: 60px 0;
}

footer ul{
	display: flex;
	margin-bottom: 25px;
	font-size: 32px;
}

footer ul li{
	margin: 0 8px;	
}

footer ul li:first-child{
	margin-left: 0;	
}

footer ul li:last-child{
	margin-right: 0;	
}

footer p{
	text-transform: uppercase;
	font-size: 14px;
	color: rgba(255,255,255,0.6);
	margin-bottom: 10px;
}

footer p a{
	color: #fff;
}

@media (max-width: 700px){

	footer{
		padding: 80px 15px;
	}

}


/* -- Demo ads -- */

@media (max-width: 1200px) {
	#bsaHolder{ display:none;}
}

.description{
	line-height: 1.5;
	font-size: 18px;
	opacity: .5;
}
.wrapper_description{
	padding: 40px;
	box-shadow: 0px 22px 51px rgb(0 0 0 / 15%);
}
.slider {
	width: 50%;
	margin: 100px auto;
}

.slick-slide {
	margin: 0px 20px;
}
.slider-top{
	width: 60%;
	height: 400px;
	margin: 0 auto;
}
.slick-slide img {
	width: 100%;
	margin: 0 auto;
}
.img-slider {
	background: #80808026;
	background-size: cover;
	width: 100%;
	max-width: 1920px;
	height: -moz-calc(35vh - 170px);
	height: -webkit-calc(35vh - 170px);
	/*height: -o-calc(35svh - 170px);*/
}
.slick-prev:before,
.slick-next:before {
	color: black;
}


.slick-slide {
	transition: all ease-in-out .3s;
	opacity: 1 !important;
}

.slick-active {
	opacity: .5;
}

.slick-current {
	opacity: 1;
}
.slick-prev{
	display: block !important;
	background: white !important;
	width: 50px !important;
	height: 50px !important;
	left: 95px !important;
	border-radius: 50%;
	border: 1px solid #ccc !important;
	z-index: 9999;
}
.slick-next{
	display: block !important;
	background: white !important;
	width: 50px !important;
	height: 50px !important;
	right: 95px !important;
	border-radius: 50%;
	border: 1px solid #ccc !important;
	z-index: 9999;
}
.description_slider {
	color: #8c9090;
	font-size: 14px;
	text-align: center;
	padding: 15px;
	line-height: 24px;
	border-radius: 5px;
}
.description_slider h2{
	padding: 5px 0px;
	color: #000000;
}
.wrapper_slider {
	border: 1px solid #d6d9d9;
	border-radius: 10px;
	height: 100%;
}
.slick-track{
	padding-bottom: 10px;
}
.slider-head{
	padding: 50px 100px 35px 100px !important;
	position: relative;
}
.slider-head .edit-features{
	top: 0px;
	right: -35px;
}
.contact_section{
	align-items: unset !important;
}
.wrapper_contacts{
	display: flex;
	justify-content: space-between;

}
.contacts{
	width: 50%;
	padding: 0 50px 0 0;
}
.contact_form{
	width: 50%;
}
.contact_item {
	display: flex;
	flex-direction: column;
	padding: 15px 0;
}
span.info_contact {
	font-size: 18px;
	color: #53b8cd;
	display: block;
	font-weight: bold;
	margin-top: 10px;
}
i.fa.fa-phone, i.fa.fa-envelope, i.fa.fa-map-marker{
	margin-right: 15px;
	color: #000;
	font-size: 18px;
}
.contacts b, .contact_form b{
	font-size: 38px;
	margin-bottom: 50px;
	font-weight: 500;
	color: #000;
	position: relative;
	height: 50px;
	display: block;
}
.wrapper_form{
	display: flex;
	flex-direction: column;
	background: #ffffff00;
	padding: 40px;
	border-radius: 10px;
	box-shadow: 0px 20px 41px 10px rgb(0 0 0 / 13%);
	margin-top: 30px;
}
.wrapper_form input{
	width: 100%;
	margin-bottom: 10px;
	padding: 12px 30px;
	font-size: 18px;
	border-radius: 30px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-moz-box-shadow: 0 11px 50px 0 rgba(188, 210, 219, 0.33);
	border: 1px solid #d6d9d9;
	background: #f4f7f9;
}

.wrapper_form textarea{
	width: 100%;
	margin-bottom: 10px;
	padding: 12px 30px;
	font-size: 18px;
	border-radius: 30px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-moz-box-shadow: 0 11px 50px 0 rgba(188, 210, 219, 0.33);
	border: 1px solid #d6d9d9;
	background: #f4f7f9;
}
.contact_form span{
	color: #8d9090;
	font-size: 19px;
	display: block;
	height: 80px;
}
.contact_form label{
	font-size: 18px;
	color: #53b8cd;
	font-weight: bold;
	margin-top: 10px;
	display: inline-block;
}
.submit_form{
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #40adc3), to(#96deed)) !important;
    cursor: pointer;
    text-transform: uppercase;
    color: #fff;
}
.wrapper_contact_item{
	display: flex;
	flex-direction: column;
	background:#ffffff00;
	padding: 40px;
	border-radius: 10px;
	box-shadow: 0px 20px 41px 10px rgb(0 0 0 / 13%);
	height: 564px;
	margin-top: 20px;
	position: relative;
}
.info{
	color: #8d9090;
	font-size: 19px;
	height: 80px;
	display: block;
}
.card img{
	max-height: 65px;
	margin: 0 auto;
	width: 100%;
	max-width: 60px;
}
.wrapper_card{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.card {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: left;
	/*margin-bottom: 0;*/
	padding: 45px 20px 40px;
	background-color: #fff;
	box-shadow: 0 0 41px 10px rgb(0 0 0 / 3%);
	flex: 1 0 20%;
	margin: 5px;
}
.card span{
	display: flex;
	align-items: center;
	font-size: 20px;
	max-width: 251px;
	margin: 0 auto;
	text-align: left;
	font-weight: 600;
	padding-left: 15px;
}
.number_card{
	position: absolute;
	top: -20px;
	right: 0;
	background: #ff000069;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	color: #fff;
	font-size: 24px;
	font-weight: 600;
}
.wrapper_informations{
	box-shadow: 0px 14px 41px rgb(0 0 0 / 7%);
	border-radius: 10px;
	padding: 40px 40px;
	background: #ffffff;
	position: relative;
}
.wrapper_informations h2{
	margin-bottom: 30px;
	color: #000;
	font-size: 45px;
	font-weight: 400;
	/*line-height: 1.2;*/
}
p.p-inf {
	width: 100%;
	max-width: inherit;
	text-align: left;
	line-height: 1.5;
	padding: 0;
	margin-bottom: 20px;
	font-size: 18px;
	opacity: .7;
}
.request {
	overflow: hidden;
	outline: none;
	text-align: center;
	font-weight: 600;
	display: block;
	padding: 1.5em 2.5em;
	border: none;
	color: #ffffff;
	background: linear-gradient(65deg, #55cde7 0, #14b9dd 100%);
	background: -moz-linear-gradient(65deg, #55cde7 0, #14b9dd 100%);
	background: -webkit-linear-gradient(65deg, #55cde7 0, #14b9dd 100%);
	vertical-align: middle;
	position: relative;
	z-index: 1;
	box-shadow: 0px 2px 30px rgb(0 0 0 / 10%);
	transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	border-radius: 35px;
	cursor: pointer;
	width: 335px;
	text-transform: uppercase;
	z-index: 0;
}
.request:hover{
	background: linear-gradient(65deg, #14b9dd  0, #55cde7 100%);
	background: -moz-linear-gradient(65deg, #14b9dd  0, #55cde7 100%);
	background: -webkit-linear-gradient(65deg, #14b9dd  0, #55cde7 100%);
	transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
}


.popup-fade {
	display: none;
}
.popup-fade:before {
	content: '';
	background: #000;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0.7;
	z-index: 999999999;
}
.popup {
	position: fixed;
	top: 20%;
	left: 50%;
	width: 500px;
	margin-left: -200px;
	background: #fff;
	border: 1px solid #ffffff;
	border-radius: 4px;
	z-index: 9999999999;
	opacity: 1;
}
.popup-close {
	position: absolute;
	top: -15px;
	right: -15px;
	background: #000;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	text-align: center;
	justify-content: center;
	color: #fff;
	font-weight: bolder;
	font-size: 10px;
}
.popup .wrapper_form{
	margin-top: 0;
	padding: 25px 25px;
}
.contact-form b{
	text-align: center;
	font-size: 28px;
	color: #000;
}
.contact-form p{
	text-align: center;
	color: #000;
	margin-bottom: 30px;
}
#toTop {
	width: 40px;
	height: 40px;
	border: none;
	background: #000000c2;
	text-align: center;
	padding: 5px;
	position: fixed;
	bottom: 75px;
	right: 25px;
	cursor: pointer;
	display: none;
	color: #fff;
	font-family: verdana;
	font-size: 19px;
	border-radius: 50%;
}




.widget-callback {
	font-family: sans-serif;
	font-size: 14px;
}

.widget-callback>div {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.widget-callback input {
	outline: none !important
}

.widget-callback .callback-button {
	position: fixed;
	right: 15px;
	bottom: 10px;
}

.widget-callback .callback-button-title {
	position: absolute;
	left: -150px;
	top: 16px;
	background: rgba(41, 41, 41, 0.75);
	color: #fff;
	padding: 6px 10px;
	border-radius: 3px;
}
.widget-callback.widget-callback-form-open .callback-button-title {
	display: none;
}

.widget-callback .callback-button-title:before {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border: solid transparent;
	border-width: 6px;
	top: 50%;
	right: -12px;
	transform: translateY(-50%);
	border-left-color: rgba(41, 41, 41, 0.75);
}

.widget-callback .callback-button-phone {
	width: 60px;
	height: 60px;
	display: block;
	background: #378b69;
	border-radius: 50%;
	position: relative;
	cursor: pointer;
	animation: 1200ms ease 0s normal none 1 running shake;
	animation-iteration-count: infinite;
	-webkit-animation: 1200ms ease 0s normal none 1 running shake;
	-webkit-animation-iteration-count: infinite;
}
.widget-callback.widget-callback-form-open .callback-button-phone {
	animation: unset;
	-webkit-animation: unset;
	background: #3d3d3d7a;
	content: '1';
}

.widget-callback .callback-button-phone:before {
	content: '';
	background: url(../images/call.svg);
	background-size: contain;
	position: absolute;
	display: block;
	width: 24px;
	height: 24px;
	left: 50%;
	top: 50%;
	margin: -12px 0 0 -12px;
	transform: scale(1);
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.widget-callback .callback-button-phone:after {
	content: '';
	background: url(../images/cancel.svg);
	background-size: contain;
	position: absolute;
	display: block;
	width: 24px;
	height: 24px;
	left: 50%;
	top: 50%;
	margin: -12px 0 0 -12px;
	transform: scale(0);
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.widget-callback.widget-callback-form-open .callback-button-phone:before {
	content: '';
	transform: scale(0);
}

.widget-callback.widget-callback-form-open .callback-button-phone:after {
	content: '';
	transform: scale(1);
}

.widget-callback .callback-form {
	display: none;
	background: #fff;
	border: 1px solid #f9f9f9;
	width: 240px;
	border-radius: 5px;
	padding: 30px 15px;
	right: 75px;
	bottom: 75px;
	position: fixed;
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.08);
	z-index: 999999999;
}

.widget-callback.widget-callback-form-open .callback-form {
	display: block;
	animation: formcbwg-in 0.1s ease;
}

@keyframes formcbwg-in {
	0% { transform: translateY(15%); }
	100% { transform: translateY(0%); }
}
@keyframes formcbwg-out {
	0% { transform: translateY(0%); }
	100% { transform: translateY(15%); }
}
.widget-callback .callback-form-title {
	text-align: center;
	display: block;
	margin: 0 0 30px;
}

.widget-callback input {
	width: 100%;
	box-sizing: border-box;
	padding: 15px;
	margin: 0 0 10px;
	border: 1px solid #ebebeb;
	border-radius: 3px;
	font-size: 16px;
}

.widget-callback input[type="submit"] {
	background: #199c68;
	color: #fff;
	text-transform: uppercase;
	font-size: 14px;
	border: none;
	cursor: pointer;
}

.widget-callback .success-send {
	text-align: center;
}

.widget-callback .success-send img {
	width: 60px;
	margin: 0 0 20px;
}

@media (max-width: 600px) {
	.widget-callback .callback-button {
		right: 5px;
    	bottom: 5px;
	}
	.widget-callback .callback-form {
		width: 80%;
		right: 10%;
		box-sizing: border-box;
	}
}
@keyframes shake {
	0% {
		transform: rotateZ(0deg);
		-ms-transform: rotateZ(0deg);
		-webkit-transform: rotateZ(0deg);
	}
	10% {
		transform: rotateZ(-30deg);
		-ms-transform: rotateZ(-30deg);
		-webkit-transform: rotateZ(-30deg);
	}
	20% {
		transform: rotateZ(15deg);
		-ms-transform: rotateZ(15deg);
		-webkit-transform: rotateZ(15deg);
	}

	30% {
		transform: rotateZ(-10deg);
		-ms-transform: rotateZ(-10deg);
		-webkit-transform: rotateZ(-10deg);
	}

	40% {
		transform: rotateZ(7.5deg);
		-ms-transform: rotateZ(7.5deg);
		-webkit-transform: rotateZ(7.5deg);
	}

	50% {
		transform: rotateZ(-6deg);
		-ms-transform: rotateZ(-6deg);
		-webkit-transform: rotateZ(-6deg);
	}
	60% {
		transform: rotateZ(5deg);
		-ms-transform: rotateZ(5deg);
		-webkit-transform: rotateZ(5deg);
	}
	70% {
		transform: rotateZ(-4.28571deg);
		-ms-transform: rotateZ(-4.28571deg);
		-webkit-transform: rotateZ(-4.28571deg);
	}

	80% {
		transform: rotateZ(3.75deg);
		-ms-transform: rotateZ(3.75deg);
		-webkit-transform: rotateZ(3.75deg);
	}

	90% {
		transform: rotateZ(-3.33333deg);
		-ms-transform: rotateZ(-3.33333deg);
		-webkit-transform: rotateZ(-3.33333deg);
	}

	100% {
		transform: rotateZ(0deg);
		-ms-transform: rotateZ(0deg);
		-webkit-transform: rotateZ(0deg);
	}
}

@-webkit-keyframes shake {
	0% {
		transform: rotateZ(0deg);
		-ms-transform: rotateZ(0deg);
		-webkit-transform: rotateZ(0deg);
	}
	10% {
		transform: rotateZ(-30deg);
		-ms-transform: rotateZ(-30deg);
		-webkit-transform: rotateZ(-30deg);
	}

	20% {
		transform: rotateZ(15deg);
		-ms-transform: rotateZ(15deg);
		-webkit-transform: rotateZ(15deg);
	}
	30% {
		transform: rotateZ(-10deg);
		-ms-transform: rotateZ(-10deg);
		-webkit-transform: rotateZ(-10deg);
	}

	40% {
		transform: rotateZ(7.5deg);
		-ms-transform: rotateZ(7.5deg);
		-webkit-transform: rotateZ(7.5deg);
	}

	50% {
		transform: rotateZ(-6deg);
		-ms-transform: rotateZ(-6deg);
		-webkit-transform: rotateZ(-6deg);
	}
	60% {
		transform: rotateZ(5deg);
		-ms-transform: rotateZ(5deg);
		-webkit-transform: rotateZ(5deg);
	}
	70% {
		transform: rotateZ(-4.28571deg);
		-ms-transform: rotateZ(-4.28571deg);
		-webkit-transform: rotateZ(-4.28571deg);
	}
	80% {
		transform: rotateZ(3.75deg);
		-ms-transform: rotateZ(3.75deg);
		-webkit-transform: rotateZ(3.75deg);
	}
	90% {
		transform: rotateZ(-3.33333deg);
		-ms-transform: rotateZ(-3.33333deg);
		-webkit-transform: rotateZ(-3.33333deg);
	}
	100% {
		transform: rotateZ(0deg);
		-ms-transform: rotateZ(0deg);
		-webkit-transform: rotateZ(0deg);
	}
}
.wrapper_call{
	align-items: center;
	font-size: 18px;
	font-weight: 500;
	padding: 10px !important;
}
.img_call{
	width: 40px;
	margin-right: 15px;
}
.wrapper_call p{
	display: flex;
	align-items: center;
}
.img_small{
	height: 340px;
	width: 100%;
	border-radius: 3px;
	background-clip: content-box;
	background-size: cover;
	background-position: center;
	background-color: #333;
	flex-basis: 40%;
}
.img_large{
	flex-basis: 60%;
	height: 340px;
	width: 100%;
	border-radius: 3px;
	background-clip: content-box;
	background-size: cover;
	background-position: center;
	background-color: #333;
}
img.cboxPhoto{
	/*width: 800px !important;*/
	/*height: 600px !important;*/
	position: fixed;
	top: 20%;
}
.photo-img{
	z-index: 9999999999999999999999 !important;
}
#cboxClose{
	position: absolute;
	top: -15px;
	right: -15px;
	background: #000;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	text-align: center;
	justify-content: center;
	color: #fff;
	font-weight: bolder;
	font-size: 10px;
	cursor: pointer;
}
.wrapper_category{
	display: flex;
}
.tag {
	display: inline-block;
	padding: 6px 12px;
	border-radius: 16px;
	box-shadow: inset 0 0 0 1px #dcdcdc;
	text-decoration: none;
	margin: 0 5px;
}
.wrapper_card_head{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
.card_head {
	width: 342px;
	margin: 10px;
	border: 1px solid #d6d9d9;
	border-radius: 10px;
}
.card_head img{
	object-fit: cover;
	width: 340px;
	height: 200px;
}
.card_head:last-child{
	margin-right: auto;
}
.card_head-img {
	position: relative;
}
.size {
	position: absolute;
	bottom: 10px;
	right: 5px;
	background: #2196f3;
	padding: 0px 5px;
	height: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-weight: 500;
}
p.card_head-info{
	text-align: left;
	padding: 10px 20px;
	margin-bottom: 0;
}
.wrapper_car_head_bottom {
	display: flex;
	justify-content: space-between;
	padding: 0 20px 20px 20px;
}
.price {
	background: #2196f3;
	color: #fff;
	padding: 5px 10px;
	display: flex;
	align-items: center;
}
.request_add button{
	background: #199c68;
	color: #fff;
	padding: 6px 10px;
	border: navajowhite;
	cursor: pointer;
	display: flex;
	align-items: center;
}
.request_add i.fa.fa-phone{
	color: #fff;
}
.wrapper-tag_card{
	padding: 0px 20px;
	margin-bottom: 15px;
	height: 60px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.tag_card {
	display: inline-block;
	padding: 5px 12px;
	border-radius: 16px;
	box-shadow: inset 0 0 0 1px #dcdcdc;
	text-decoration: none;
	margin: 0;
	font-size: 12px;
	font-weight: 500;
	cursor: pointer;
	margin-top: 5px;
}
.tag_card:hover{
	background: #dddddd;
}
.request_add button:hover{
	background: #136645;
}
.mix {
	position: relative;
	width: 340px;
	max-width: 100%;
	height: auto;
	margin: 10px;
	border: 1px solid #d6d9d9;
	border-radius: 10px;
}
.control {
	position: relative;
	cursor: pointer;
	font-size: 18px;
	border: none;
	display: inline-block;
	padding: 6px 12px;
	border-radius: 16px;
	box-shadow: inset 0 0 0 1px #dcdcdc;
	text-decoration: none;
	background: #fff;
	font-size: 16px;
}
.control:hover{
	background: #c9c9c9;
}
.container-filter{
	/*text-align: justify;*/
}
.mix{
	margin-right: auto !important;
}
.galary{
	max-width: 76%;
	margin: 0 auto;
	padding: 0;
}
.not_found{
	text-align: center;
	font-size: 24px;
	padding: 200px 0px;
}
.not_found h1{
	font-size: 120px;
}
.auth{
	max-height: 663px;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
}
.wrapper_auth{
	display: flex;
	flex-direction: column;
	background: #ffffff;
	padding: 40px;
	border-radius: 10px;
	box-shadow: 0px 20px 41px 10px rgb(0 0 0 / 13%);
	margin-top: 20px;
}
.wrapper_auth input{
	width: 100%;
	margin-bottom: 10px;
	padding: 12px 30px;
	font-size: 18px;
	border-radius: 30px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-moz-box-shadow: 0 11px 50px 0 rgba(188, 210, 219, 0.33);
	border: 1px solid #d6d9d9;
}
.wrapper_auth h1{
	text-align: center;
	margin-bottom: 30px;
	font-size: 32px;
}
.logout{
	position: absolute;
	top: 10px;
	right: 25px;
	cursor: pointer;
	border: none;
	background: none;
}
ul.grid.wrapper_description{
	position: relative;
}
.edit-features{
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 27px;
	cursor: pointer;
}
.edit-features:hover{
	color: #2196f3;
}
.modal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.5);
	z-index: 1050;
	opacity: 0;
	-webkit-transition: opacity 200ms ease-in;
	-moz-transition: opacity 200ms ease-in;
	transition: opacity 200ms ease-in;
	pointer-events: none;
	margin: 0;
	padding: 0;
}

.modal:target {
	opacity: 1;
	pointer-events: auto;
	overflow-y: auto;
	z-index: 9999999999999;
}

.modal-dialog {
	position: relative;
	width: auto;
	margin: 10px;
}
@media (min-width: 576px) {
	.modal-dialog {
		max-width: 800px;
		margin: 30px auto;
	}
}

.modal-content {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid rgba(0,0,0,.2);
	border-radius: .3rem;
	outline: 0;
}
@media (min-width: 768px) {
	.modal-content {
		-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
		box-shadow: 0 5px 15px rgba(0,0,0,.5);
	}
}

.modal-header {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 15px;
	border-bottom: 1px solid #eceeef;
}
.modal-title {
	margin-top: 0;
	margin-bottom: 0;
	line-height: 1.5;
	font-size: 1.25rem;
	font-weight: 500;
}

.close {
	float: right;
	font-family: sans-serif;
	font-size: 24px;
	font-weight: 700;
	line-height: 1;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	opacity: .5;
	text-decoration: none;
}

.close:focus, .close:hover {
	color: #000;
	text-decoration: none;
	cursor: pointer;
	opacity: .75;
}

.modal-body {
	position: relative;
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding: 15px;
	overflow: auto;
}
.edit_popup-input{
	width: 100%;
	margin-bottom: 10px;
	padding: 12px 30px;
	font-size: 18px;
	border-radius: 30px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-moz-box-shadow: 0 11px 50px 0 rgba(188, 210, 219, 0.33);
	border: 1px solid #d6d9d9;
	background: #f4f7f9;
}
.edit_popup-textarea{
	width: 100%;
	margin-bottom: 10px;
	padding: 12px 30px;
	font-size: 18px;
	border-radius: 30px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-moz-box-shadow: 0 11px 50px 0 rgba(188, 210, 219, 0.33);
	border: 1px solid #d6d9d9;
	background: #f4f7f9;
	height: 90px;
}
.edit_popup-header{
	font-weight: 700;
	font-size: 24px;
	margin-bottom: 12px;
	color: #000;
}
.icon_link{
	position: absolute;
	top: 40px;
	right: 50px;
}
.icon_link li{
	margin-right: 10px;
}
@media (max-width: 1440px) {
	.card_head:last-child{
		margin-right: 10px;
	}
}
@media (max-width: 825px) {
	.card_head{
		width: 100%;
	}
	.card_head img {
		object-fit: cover;
		width: 100%;
		height: 300px;
	}
	.request_add button{
		padding: 15px 15px;
		font-size: 16px;
	}
	.price{
		font-size: 16px;
	}
}
.file-download{
	position: absolute;
}
.small, .large{
	position: relative;
}

.input-file {
	position: relative;
	display: inline-block;
	position: absolute;
}
.input-file-btn {
	position: relative;
	display: inline-block;
	cursor: pointer;
	outline: none;
	text-decoration: none;
	font-size: 14px;
	vertical-align: middle;
	color: rgb(255 255 255);
	text-align: center;
	border-radius: 4px;
	background-color: #419152;
	line-height: 22px;
	height: 40px;
	padding: 10px 20px;
	box-sizing: border-box;
	border: none;
	margin: 0;
	transition: background-color 0.2s;
}
.input-file-text {
	padding: 0 10px;
	line-height: 40px;
	display: inline-block;
}
.input-file input[type=file] {
	position: absolute;
	z-index: -1;
	opacity: 0;
	display: block;
	width: 0;
	height: 0;
}

/* Focus */
.input-file input[type=file]:focus + .input-file-btn {
	box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}

/* Hover/active */
.input-file:hover .input-file-btn {
	background-color: #59be6e;
}
.input-file:active .input-file-btn {
	background-color: #2E703A;
}

/* Disabled */
.input-file input[type=file]:disabled + .input-file-btn {
	background-color: #eee;
}
.mobile_menu{
	display: none;
}
.line_menu img{
	display: none;
}
.img-logo{
	    max-width: 400px;
    width: 100%;
    padding-right: 35px;
}
@media (max-width: 800px){
	.autoplay_top .wrapper_slider{
		margin-top: 30px;
	}
	.our-work .grid li{
		background-color: #fff;
	}
	.wrapper_description{
		padding: 50px 0;
	}
	.slider-head{
		padding: 30px 30px !important;
	}
	.wrapper_informations {
		padding: 40px 20px;
	}
	.wrapper_informations h2, .name_slide{
		font-size: 24px !important;
	}
	.wrapper_contacts{
		flex-direction: column;
	}
	.contacts, .contact_form{
		width: 100%;
		padding: 0 15px;
		margin-top: 40px
	}
	.wrapper_contact_item, .wrapper_form{
		margin-top: 50px
	}
	.wrapper_contact_item, .wrapper_form{
		padding: 20px;
	}
	.cbp-fwslider{
		height: auto !important;
	}
	.cbp-fwslider nav span{
		font-size: 8em !important;
	}
	.cbp-fwslider nav span.cbp-fwnext{
		right: -10px !important;
	}
	.cbp-fwslider nav span.cbp-fwprev{
		left: 0 !important;
	}
	.slick-next{
		right: 5px !important;
	}
	.slick-prev{
		left: 5px !important;
	}
	.contacts h2, .contact_form h2{
		text-align: center;
	}
	.contact_form span{
		padding: 0 20px;
	}
	.info{
		padding: 0 20px;
	}
	.img_small, .img_large{
		height: 200px;
		padding: 0 40px !important;
		background: #ffffff;
	}
	.our-work .grid li {
		height: 210px;
	}
	header{
		display: none !important;
		position: inherit !important;
	}
	.mobile_menu{
		display: block;
	}
	.features, .slider-head, .slick-initialized, .slider-head, .our-work, .contact_section {
		padding: 30px 0 !important;
	}
	.popup{
		width: 102%;
	}
	.popup-close{
		right: 0;
	}
	#toTop{
	    bottom: 70px;
    	right: 13px;
	}
	.line_menu{
		height: 60px;
	    width: 100%;
	    position: absolute;
	    display: flex;
	    margin-top: 15px
	}
	.line_menu img{
		margin-left: 15px;
		display: block;
	}
	.container{
		margin-top: 60px
	}
	.slick-prev, .slick-next {
		top: 46% !important;
	}
	.card{
		flex: auto;
	}
	.autoplay_top .description_slider h2{
		font-size: 24px !important;
		font-weight: 400 !important;
		line-height: 32px !important;
		color: #555;
	    margin-bottom: 25px !important;
	    font-size: 28px !important;
	    font-weight: bold !important;
	}
	.wrapper_contact_item{
		height: 300px;
	}
	.autoplay_top .slick-prev, .autoplay_top .slick-next{
		top: 60% !important;
	}
	.slider-top{
		width: 100%;
		height: 100%;
	}
	.img-slider {
		height: -moz-calc(50vh - 170px);
		height: -webkit-calc(50vh - 170px);
		/*height: -o-calc(50svh - 170px);*/
	}


}
:root {
	--red: hsl(0, 78%, 62%);
	--cyan: hsl(180, 62%, 55%);
	--orange: hsl(34, 97%, 64%);
	--blue: hsl(212, 86%, 64%);
	--varyDarkBlue: hsl(234, 12%, 34%);
	--grayishBlue: hsl(229, 6%, 66%);
	--veryLightGray: hsl(0, 0%, 98%);
	--weight1: 200;
	--weight2: 400;
	--weight3: 600;
}

body {
	font-size: 15px;
	font-family: 'Poppins', sans-serif;
	background-color: var(--veryLightGray);
}

.attribution {
	font-size: 11px; text-align: center;
}
.attribution a {
	color: hsl(228, 45%, 44%);
}

h1:first-of-type {
	font-weight: var(--weight1);
	color: var(--varyDarkBlue);

}

h1:last-of-type {
	color: var(--varyDarkBlue);
}

@media (max-width: 400px) {
	h1 {
		font-size: 1.5rem;
	}
}

.header {
	text-align: center;
	line-height: 0.8;
	margin-bottom: 50px;
	margin-top: 100px;
}

.header p {
	margin: 0 auto;
	line-height: 2;
	color: var(--grayishBlue);
}


.box p {
	color: var(--grayishBlue);
}

.box {
	border-radius: 5px;
	box-shadow: 0px 30px 40px -20px var(--grayishBlue);
	padding: 30px;
	margin: 20px;
}

img {
	float: right;
}

@media (max-width: 450px) {
	.box {
		/*height: 200px;*/
	}
}

@media (max-width: 950px) and (min-width: 450px) {
	.box {
		text-align: center;
		/*height: 180px;*/
	}
}

.cyan {
	border-top: 3px solid hsl(194deg 61% 82%);
}
.red {
	border-top: 3px solid var(--red);
}
.blue {
	border-top: 3px solid var(--blue);
}
.orange {
	border-top: 3px solid var(--orange);
}

h2 {
	color: var(--varyDarkBlue);
	font-weight: var(--weight3);
}

.h3-services{
	text-align: center;
	font-size: 28px;
	padding: 30px;
}
.wrapper-services-item{
	display: flex;
	width: 100%;
	margin-top: 60px;
}
.wrapper-info{
	display: flex;
	width: 50%;
	padding: 15px;
}
.wrapper-img-servises{
	justify-content: center;
	height: 100px;
	display: flex;
	align-items: center;
	width: 20%;
	margin-right: 15px;
	margin-top: -40px;
}
.wrapper-img-servises img{
	width: 100px;
}
.text-servises{
	width: 80%;
}
.text-servises h2{
	margin-bottom: 20px;
	color: #0096ef;
}
.text-servises span{
	color: #8d9090;
	font-size: 16px;
	line-height: 22px;
}
@media (min-width: 950px) {
	.row1-container {
		display: flex;
		justify-content: center;
		/*align-items: center;*/
		margin-top: 60px;
	}

	.row2-container {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.box-down {
		position: relative;
	}
	.box {
		width: 25%;

	}
	.header p {
		width: 30%;
	}

}
@media (max-width: 1920px){
	.autoplay_top .slick-slide img{
		width: 85%;
		height: 550px;
	}
}
@media (max-width: 1366px){
	.autoplay_top .slick-slide img{
		width: 90%;
		height: 400px;
	}
}
@media (max-width: 1024px){
	.autoplay_top .slick-slide img{
		width: 100%;
		height: 400px;
	}
}
@media (max-width: 800px){
	.autoplay_top .slick-slide img{
		width: 100%;
		height: 100%;
	}
}

.hidden-menu-ticker {
    display: none;
}
.btn-menu {
    color: #fff;
    padding: 5px;
    position: absolute;
    top: 25px;
    right: 5px;
    cursor: pointer;
    transition: left .23s;
    z-index: 3;
    width: 40px;
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    /*box-shadow: 0px 22px 51px rgb(0 0 0 / 15%);*/
}
 
.btn-menu span {
    display: block;
    height: 5px;
    background-color: #222;
    margin: 5px 0 0;
    transition: all .1s linear .23s;
    position: relative;
}
 
.btn-menu span.first {
    margin-top: 0;
}
.hidden-menu {
    display: block;
    position: fixed;
    list-style:none;
    padding: 50px 10px 10px;
    margin: 0;
    box-sizing: border-box;
    width: 200px;
    background-color: #fff;
    height: 100%;
    top: 0;
    right: -200px;
    transition: left .2s;
    z-index: 2;
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    box-shadow: 0px 22px 51px rgb(0 0 0 / 15%);
    z-index: 99999;
    transition: 0.6s;
}
 
.hidden-menu li {
    padding:10px 0;
}
 
.hidden-menu li a {
    font-size:15px;
    color:#000;
    padding:6px 0px;
}
.hidden-menu-ticker:checked ~ .btn-menu {
    right: 5px;
    z-index: 999999999;
    position: fixed;
}
.hidden-menu-ticker:checked ~ .hidden-menu {
    right: 0;
    /*z-index: 999999999999;*/
}
.hidden-menu-ticker:checked ~ .btn-menu span.first {
    -webkit-transform: rotate(45deg);
    top: 10px;
}
.hidden-menu-ticker:checked ~ .btn-menu span.second {
    opacity: 0;
}
.hidden-menu-ticker:checked ~ .btn-menu span.third {
    -webkit-transform: rotate(-45deg);
    top: -10px;
}
.autoplay_top .wrapper_slider{
	border:  none;
}
.edit-slider{
	position: absolute;
	top: 10px;
	right: 70px;
	font-size: 27px;
	cursor: pointer;
}
.edit-slider:hover{
	color: #2196f3;
}
.edit-remove{
	position: absolute;
	top: 10px;
	right: 20px;
	font-size: 27px;
	cursor: pointer;
}
.edit-remove:hover{
	color: rgb(203, 22, 22);
}
.autoplay_top .description_slider h2 {
    padding: 5px 0px;
    color: #000000;
    font-size: 55px;
    font-weight: 300;
    margin-bottom: 18px;
    line-height: 50px;
    margin-top: 30px;
	position: relative;
}
.autoplay_top .slick-slider{
	padding-top: 70px;
    padding-bottom: -100px;
}
.slick-track{
	height: 100%;
}
.edit-slide{
	margin-top: 10px;
	font-weight: 700;
	color: white;
	text-decoration: none;
	padding: 0.3em 1em calc(0.3em + 3px);
	border-radius: 3px;
	background: rgb(200 203 22);
	transition: 0.2s;
	cursor: pointer;
}
.edit-slide:hover { background: rgb(167, 165, 53); }
.edit-slide:active {
	background: rgb(139, 147, 33);
	box-shadow: 0 3px rgb(122, 147, 33) inset;
}

.del-slide{
	margin-top: 10px;
	font-weight: 700;
	color: white;
	text-decoration: none;
	padding: 0.3em 1em calc(0.3em + 3px);
	border-radius: 3px;
	background: rgb(203, 22, 22);
	transition: 0.2s;
	cursor: pointer;
	width: 100%;
	border: none;
}
.del-slide:hover { background: rgb(126, 25, 25); }
.del-slide:active {
	background: rgb(117, 22, 22);
	box-shadow: 0 3px rgb(115, 22, 22) inset;
}
.add-slide{
	margin-top: 10px;
	font-weight: 700;
	color: white;
	text-decoration: none;
	padding: 0.3em 1em calc(0.3em + 3px);
	border-radius: 3px;
	background: rgb(61, 203, 22);
	transition: 0.2s;
	cursor: pointer;
}
.add-slide:hover { background: rgb(18, 84, 11); }
.add-slide-slide:active {
	background: rgb(28, 114, 18);
	box-shadow: 0 3px rgb(19, 112, 17) inset;
}
.slider-popup-header{
	font-weight: 700;
	font-size: 20px;
	margin-bottom: 12px;
	color: #000;
}
.slider-uploud{
	padding-bottom: 50px;
	margin-left: 0px;
}

.table {
	width: 100%;
	border: none;
	margin-bottom: 20px;
}
.table thead th {
	font-weight: bold;
	text-align: left;
	border: none;
	padding: 10px 15px;
	background: #d8d8d8;
	font-size: 14px;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}
.table tbody td {
	text-align: left;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	padding: 10px 15px;
	font-size: 14px;
	/*vertical-align: top;*/
	font-weight: 600;
}
.table tbody td:hover{
	background: rgba(157, 156, 156, 0.21);
}
.table thead tr th:first-child, .table tbody tr td:first-child {
	/*border-left: none;*/
}
.table thead tr th:last-child, .table tbody tr td:last-child {
	/*border-right: none;*/
}
.table tbody tr:nth-child(even){
	background: #f3f3f3;
}
.head_table{
	font-weight: bold;
	text-align: left;
	border: none;
	padding: 10px 15px;
	background: rgba(216, 216, 216, 0.68);
	font-size: 14px;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	height: 100px;
}
.head_table td{
	font-size: 18px !important;
}
.wrapper-table{
	padding: 30px 60px;
	max-width: 1900px;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
.banner-services{
	align-items: start;
	height: calc(100vh - 117px);
	background-image: url("../images/back-ols.jpg");
	background-size: no-repeat;
	background-position: center;
	background-size: cover;
	padding-top: 150px;
}
.h3{
	text-align: center;
	font-size: 28px;
	padding: 38px;
	background: #4ca4bf;
	color: #fff;
}
.banner-main{
	align-items: start;
	height: calc(100vh - 122px);
	background-image: url("../images/back-main.jpg");
	background-size: no-repeat;
	background-position: center;
	background-size: cover;
}
.banner h1{
	max-width: 835px;
	font-style: normal;
	font-weight: 600;
	font-size: 55px;
	line-height: 1.35;
	color: #333333;
	margin-bottom: 0px;
}
.banner h2{
	width: 600px;
	font-size: 24px;
	margin-top: 30px;
}
.wrapper-banner-text {
	display: flex;
	flex-wrap: wrap;
	margin-top: 45px;
	justify-content: space-between;
}
.banner-text {
	width: 45%;
	margin-top: 15px;
}
.banner-text h3{
	font-size: 22px;
}
.banner-text h3 a{
	color: #000;
}
.banner-text h3 a:hover{
	color: #6dbad7;
}
.banner-text span{
	line-height: 25px;
}
.bottom-text{
	position: absolute;
	bottom: 0;
	/*background: #4ca4bf;*/
	width: 100%;
	left: 0;
	display: flex;
	height: 120px;
	justify-content: space-evenly;
	align-items: center;
}
.rates {
	font-style: normal;
	font-weight: bold;
	font-size: 20px;
	color: #FFFFFF;
	min-width: 254px;
	max-width: 400px;
	/* text-shadow: 1px 1px 1px black, 0 0 0em black; */
}
.border-text {
	border-right: 2px solid #ffffff70;
	height: 60px;
}
.wrapper-table h3{
	margin-bottom: 30px;
	font-size: 32px;
}
.table-green{
	background: #378b69 !important;
	color: #fff !important;
}
.ta{
	height: 45px;
	transition: all 1s;
	-moz-transition: all 1s;
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	margin: 5px;
}
.name-version{
	background: #d8d8d8;
	width: 100%;
	height: 45px;
	color: #000;
	display: flex;
	align-items: center;
	padding-left: 20px;
	font-size: 21px;
	font-weight: 500;
}
.half {
	padding: 0px 9em;
	display: none;
}
/* Acordeon styles */
.tab {
	position: relative;
	margin-bottom: 1px;
	width: 100%;
	color: #fff;
	overflow: hidden;
}
.tab input {
	position: absolute;
	opacity: 0;
	z-index: -1;
}
.tab label {
	position: relative;
	display: block;
	padding: 0 0 0 1em;
	background: #d8d8d8;
	font-weight: bold;
	line-height: 3;
	cursor: pointer;
	color: #000;
}
.blue label {
	background: #2980b9;
}
.tab-content {
	max-height: 0;
	overflow: hidden;
	-webkit-transition: max-height .35s;
	-o-transition: max-height .35s;
	transition: max-height .35s;
}
.blue .tab-content {
	background: #3498db;
}
.tab-content p {
	margin: 1em;
}
/* :checked */
.tab input:checked ~ .tab-content {
	max-height: 100vh;
}
a.popup-open.request.request-table {
	width: 100%;
	font-size: 10px;
}
.request-table-green{
	background: -webkit-linear-gradient(65deg, #378b69 0, #239f6c 100%);
}
.request-table:hover{
	background: -webkit-linear-gradient(65deg, #239f6c 0, #378b69 100%);
}
td.td-btn {
	border: none !important;
	background: #fff !important;
	padding-top: 60px !important;
}
.title-project{
	text-transform: inherit;
	text-align: center;
	padding: 20px;
	font-size: 32px;
	padding-bottom: 60px;
}
.hr-card{
	width: 100%;
	margin-top: 20px;
	background-color: #879ca1;
}
.box h2{
	text-align: center;
	font-size: 28px;
	font-weight: 500;
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.box h3{
	text-align: center;
	font-size: 28px;
	color: #549ef2;
}
.wrapper-img{
	width: 100%;
	justify-content: center;
	height: 100px;
	display: flex;
	align-items: center;
}
.wrapper-img img{
	width: 100px;
}
.box ul li{
	padding: 5px;
	display: flex;
}
.box ul{
	margin-right: 35px;
	display: flex;
	flex-direction: column;
}
.box ul li i.fa.fa-arrow-right{
	margin-right: 15px;
	color: #549ef2;
}
.request-site{
	background: -webkit-linear-gradient(65deg, #549ef2 0, #2573cd 100%);
	width: 80%;
	transition: background 1s linear 0s;
	margin: 0 auto;
	margin-top: 30px;
}
.request-site:hover{
	background: -webkit-linear-gradient(65deg, #2573cd 0, #549ef2 100%);
	transition: background 1s linear 0s;
}
@import url(https://fonts.googleapis.com/css?family=Ubuntu:400,700|Lato:400,700);
@-webkit-keyframes bounce {
	50% {
		-webkit-transform: translateY(10px);
	}
}
@-moz-keyframes bounce {
	50% {
		-moz-transform: translateY(10px);
	}
}
@-o-keyframes bounce {
	50% {
		-o-transform: translateY(10px);
	}
}
@keyframes bounce {
	50% {
		transform: translateY(10px);
	}
}
::marker {
	color: #fff;
}
.line-step{
	width: 2px;
	height: 160px;
	display: block;
	background: #4ca4bf;
}
.line-step-1n{
	position: absolute;
	right: -105%;
	top: 65%;
	width: 100%;
}
.line-step-2n{
	position: absolute;
	left: -135%;
	top: 65%;
	width: 100%;
}
.steps {
	padding: 50px 50px;
	max-width: 1050px;
	margin: 0 auto;

}
.steps ol {
	counter-reset: li;
	margin-left: 65px;
	position: relative;
}
.steps ol li {
	background: white;
	/*margin: 1em auto;*/
	position: relative;
	opacity: 0;
	-webkit-transform: translateX(-100px);
	-moz-transform: translateX(-100px);
	-ms-transform: translateX(-100px);
	-o-transform: translateX(-100px);
	transform: translateX(-100px);
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	transition: all 1s;
	width: 400px;
}
.steps ol li:nth-child(2n){
	margin-left: auto;
}
.steps ol li:before {
	content: counter(li);
	counter-increment: li;
	display: inline-block;
	position: absolute;
	z-index: 2;
	top: -5px;
	left: -55px;
	background-color: #4ca4bf;
	font-size: 30px;
	border-radius: 50px;
	line-height: 25px;
	padding: 10px;
	height: 25px;
	width: 25px;
	text-align: center;
	overflow: hidden;
	font-weight: bold;
	color: #ffffff;
	opacity: 0;
	-webkit-transform: translateX(100px);
	-moz-transform: translateX(100px);
	-ms-transform: translateX(100px);
	-o-transform: translateX(100px);
	transform: translateX(100px);
	-webkit-transition: all 0.5s 0.5s;
	-moz-transition: all 0.5s 0.5s;
	transition: all 0.5s 0.5s;
}
.steps ol li:after {
	content: "";
	position: absolute;
	top: 18px;
	right: 100%;
	height: 0;
	width: 0;
	border-color: transparent;
	border-style: solid;
	border-width: 5px;
	border-right-color: white;
}
.steps ol li .heading {
	color: #4c4e61;
	padding-bottom: 0.5em;
	margin-bottom: 0.5em;
	border-bottom: solid 1px #4ca4bf;
	font-size: 24px;
	position: relative;
}
.steps ol li p {
	font-size: 18px;
	margin-bottom: 1em;
	line-height: 1.5em;
	padding: 45px 10px;
}
.steps ol li p:nth-child(1n){

}
.steps ol li p:nth-child(2n){

}
.steps ol li.seen {
	opacity: 1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-ms-transform: translateX(0px);
	-o-transform: translateX(0px);
	transform: translateX(0px);
}
.steps ol li.seen:before {
	opacity: 1;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}
.steps:after {
	content: "";
	bottom: 40px;
	margin-left: -5px;
	height: 0;
	width: 0;
	border-color: transparent;
	border-style: solid;
	border-width: 5px;
	border-top-color: white;
}
.steps span{
	display: flex;
	padding-bottom: 5px;
}
.steps span b{
	font-size: 25px;
	color: #4ca4bf;
	margin-right: 15px;
}
i.fa.fa-money{
	position: absolute;
	right: 0;
	font-size: 18px;
	bottom: 15px;
	background: #4ca4bf;
	color: #fff;
	padding: 15px;
	border-radius: 25px;
	display: flex;
}
i.fa.fa-money span{
	padding-left: 10px;
}
i.fa.fa-clock-o{
	position: absolute;
	right: 0;
	font-size: 18px;
	bottom: 15px;
	background: #4ca4bf;
	color: #fff;
	padding: 15px;
	border-radius: 25px;
	display: flex;
}
i.fa.fa-clock-o span{
	padding-left: 10px;
}
.price-android{
	text-align: left;
	font-size: 21px;
	background: #4ca4bf;
	color: #fff;
	padding: 15px;
	border-radius: 25px;
	width: 100%;
	opacity: 1;
	margin: 0;
	max-width: 100%;
	margin-top: 60px;
}
.request-android {
	background: -webkit-linear-gradient(65deg, #4ca4bf 0, #14b9dd 100%);
}
.request-android:hover{
	background: -webkit-linear-gradient(65deg, #14b9dd 0, #4ca4bf 100%);
}
.wrapper_informations-android{
	margin-top: -90px;
}
.steps-content{
	width: 600px !important;
}
.li-img{
	width: 100% !important;
}
.li-img img{
	float: left;
}
.text-info{
	padding-left: 50px;
}
.wrapper-finance img{
	width: 100%;
}
.wrapper-finance h3{
	font-size: 28px;
	margin-bottom: 15px;
}
.wrapper-finance p{
	max-width: 100%;
	text-align: left;
	padding: 0;
}
@media (max-width: 1100px){
	.wrapper-table{
		padding: 0 !important;
	}
}
@media (max-width: 800px){
	p.steps-mobile{
		display: flex;
		flex-direction: column;
		height: 100% !important;
	}
	p.steps-mobile a{
		display: flex;
		justify-content: center;
	}
	p.steps-mobile span{
		width: 400px;
		margin: 0 auto;
		margin-top: 15px;
		padding: 0;
	}
	.steps-content{
		width: 100% !important;
	}
	.request-android{
		display: block !important;
	}
	a.popup-open.request.request-site{
		display: block;
	}
	.banner-main h1{
		margin-top: 90px !important;
	}
	.table{
		display: none;
	}
	.tab-content .table{
		display: block;
	}
	.table tbody td{
		color: #000;
		font-size: 11px;
	}
	.banner h1{
		margin-top: -30px;
		font-size: 32px;
		border-bottom: 3px solid hsl(212deg 87% 64%);
	}
	.banner h2{
		width: 100%;
		/*font-weight: 20px;*/
		font-size: 16px;
	}
	.wrapper-banner-text{
		flex-direction: column;
	}
	.banner-text{
		width: 100%;
	}
	.banner{
		height: 100%;
	}
	.request{
		display: none;
	}
	.bottom-text{
		display: none;
	}
	.half{
		display: block;
		padding: 0 1em;
	}
	.h3{
		display: none;
	}
	.box ul{
		text-align: initial;
	}
	.wrapper-header-box{
		display: flex;
		align-items: center;
	}
	.wrapper-img{
		width: 20%;
		justify-content: initial;
		margin-right: 40px;
	}
	.wrapper-img img{
		/*width: 80%;*/
	}
	.wrapper-text-box{
		width: 80%;
	}
	.wrapper-services-item{
		flex-direction: column;
	}
	.wrapper-info{
		width: 100%;
	}
	.wrapper-services-item{
		margin-top: 0;
	}
	.steps ol li{
		width: 100%;
	}
	.steps{
		padding: 50px 0;
	}
	.steps ol li p{
		margin-left: -60px;
		padding: 30px 10px;
	}
	.line-step-1n{
		position: initial;
	}
	.line-step-2n{
		position: initial;
	}
	i.fa.fa-clock-o{
		position: initial;
		margin-bottom: 30px;
		position: initial;
		margin-bottom: 30px;
		margin-top: -30px;
		margin-left: -60px;
	}
	i.fa.fa-money{
		position: initial;
		margin-bottom: 30px;
		margin-left: -60px;
	}
}
@media (max-width: 400px){
	.wrapper-img{
		display: none;
	}
	.wrapper-text-box{
		width: 100%;
	}
	.wrapper-img-servises{
		display: none;
	}
	.text-servises{
		width: 100%;
	}
}