.site-content{
	background-color: black;
}

#form-contact , #how-it-works{
	background-color: white;
}

/*introduction*/
	/*.introduction-bg{
		background-image: url(../img/intoduction-bg.png);
		background-size: cover;
	    background-position: center;
	    height: 80vh;
	}*/
	.introduction-bg{
    	/*height: 95vh;*/
		background-color: #212529;
		position: relative;
		overflow: hidden;
	}

	.introduction-bg video{
		/*width: 100%;
    	height: 100%;*/
    	width: 100%;
    	transform: translate(0px, -10%);
	}
	

	.introduction-desc{
		position: absolute;
	    width: 100%;
	    top: 25%;
	    /* display: flex; */
	    /* justify-content: center; */
	    /* align-items: center; */
	    text-align: center;
	}

	.introduction-logo {
		/*margin-bottom: 10%;*/
	    /* width: 50%; */
	    text-align: center;
	    width: 100%;
	}


	.introduction-slide-img img{
		height: 100%;
		transform: translate(0px, -5%);
	}


	.introduction-slide-items .slide-control-next.slick-arrow , .introduction-slide-items .slide-control-prev.slick-arrow{
		content: '';
		background-image: url(../img/slide-control-right.png);
		background-size: contain;
	    background-position: center;
	    background-repeat: no-repeat;
		position: absolute;
		right: 5%;
		top: 45%;
		width: 57px;
		height: 57px;
		cursor: pointer;
		z-index: 50;
	}

	.introduction-slide-items .slide-control-prev.slick-arrow{
		left: 5%;
		transform: rotate(180deg);
	}

	.introduction-bg .btn-get-started{
    	border-radius: 300px;
	  	font-size: 21px;
	  	font-family: 'AvantgardeCTT';
	  	color: rgb(245, 245, 245);
	  	font-weight: bold;
	  	text-transform: uppercase;
	  	line-height: 1.2;
	  	text-shadow: 2.158px 2.084px 0px rgba(0, 0, 0, 0.26);
	  	/*padding: 1% 5%;*/
	  	-moz-background: -moz-linear-gradient(left, transparent 0%, transparent 100%);
	    -webkit-background: -webkit-linear-gradient(left, transparent 0%, transparent 100%);
	    background: linear-gradient(to right, transparent 0%, transparent 100%);
	    background-image: url(/frontend/img/bg-get-started.png);
	    background-position: center; */
	    background-size: contain;
	    /* padding-bottom: 8px; */
	    padding: 16px 60px;
	    background-repeat: no-repeat;
	}

	.introduction-bg .btn-get-started:hover{
		/*background-image:unset;*/
		/*transition: all .4s;*/
		padding: 15px 55px;
		-moz-background: -moz-linear-gradient(left, #da380d 0%, #f9e912 100%);
	    -webkit-background: -webkit-linear-gradient(left, #da380d 0%, #f9e912 100%);
	    background: linear-gradient(to right, #da380d 0%, #f9e912 100%);
	}

/*END introduction*/


/* advantage*/
	
	#advantage{
    	background-color: #212529;
		padding-bottom: 40px;
		padding-top: 40px;
	}
	.advantage-bg{
		background-image: url('/frontend/img/map.png');
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
		/*background-color: black;*/
	    height: auto;
	}

	.advantage-head-title{
		padding: 0px 0px 10px 0px;
	}
	
	.advantage-item{
		margin: 30px 15px;
		min-height: 450px;
		cursor: pointer;
		transition: all .8s;
	}



	.advantage-item .advantage-item-bg{
	  	border-radius: 10px;
	  	/*background-color: rgb(33, 32, 36);*/
/*
	  	background-image: url('/frontend/img/adv-bg1.jpg');*/
	  	background-repeat: no-repeat;
    	background-size: cover;
    	background-position: center;

	  	
    	/*margin-bottom: 30px;*/
    	min-height: 100%;
	}

	.advantage-slide-items .advantage-item:nth-child(1) .advantage-item-bg{
	  	background-image: url('/frontend/img/adv-1.jpg');
	}
	.advantage-slide-items .advantage-item:nth-child(2) .advantage-item-bg{
	  	background-image: url('/frontend/img/adv-2.jpg');
	}
	.advantage-slide-items .advantage-item:nth-child(3) .advantage-item-bg{
	  	background-image: url('/frontend/img/adv-3.jpg');
	}
	.advantage-slide-items .advantage-item:nth-child(4) .advantage-item-bg{
	  	background-image: url('/frontend/img/adv-4.jpg');
	}
	.advantage-slide-items .advantage-item:nth-child(5) .advantage-item-bg{
	  	background-image: url('/frontend/img/adv-1.jpg');
	}
	.advantage-slide-items .advantage-item:nth-child(6) .advantage-item-bg{
	  	background-image: url('/frontend/img/adv-2.jpg');
	}
	.advantage-slide-items .advantage-item:nth-child(7) .advantage-item-bg{
	  	background-image: url('/frontend/img/adv-3.jpg');
	}
	.advantage-slide-items .advantage-item:nth-child(8) .advantage-item-bg{
	  	background-image: url('/frontend/img/adv-4.jpg');
	}
	.advantage-slide-items .advantage-item:nth-child(9) .advantage-item-bg{
	  	background-image: url('/frontend/img/adv-1.jpg');
	}
	.advantage-slide-items .advantage-item:nth-child(10) .advantage-item-bg{
	  	background-image: url('/frontend/img/adv-2.jpg');
	}
	


	.adv-content-gradient{
		height: -webkit-fill-available;
	    display: flex;
	    align-items: center;
	    flex-direction: column;
	    padding: 25px 25px 15px 25px;
	    border-radius: 10px;
	    position: relative;
	    transition: all .8s;
	}
	

	.advantage-item:hover{
		transform: scale(1.1);
		transition: all .8s;
	}

	.advantage-item:hover .adv-content-gradient{

		background-image: -moz-linear-gradient( 95deg, red -50%, rgba(137,138,142,0.6) 60%, rgba(137,138,142,0.1) 100%);
	    background-image: -webkit-linear-gradient( 95deg, red -50%, rgba(137,138,142,0.6) 60%, rgba(137,138,142,0.1) 100%);
	    background-image: -ms-linear-gradient( 95deg, red -50%, rgba(137,138,142,0.6) 60%, rgba(137,138,142,0.1) 100%);
		transition: all .8s;
	}

	.advantage-item:hover .description{
		transition: height .8s;
		height: 300px;
		opacity: 1;
	}
	
	
	.advantage-item .title {
	  	font-size: 32px;
	  	font-family: 'GothamPro-light';
	  	color: rgb(239, 239, 239);
	  	line-height: 1.2;
	  	padding: 30px 0px;
	  	min-height: 160px;

	  	display: flex;
	    flex: 1;
	    align-items: center;
	    text-shadow: 0 -1px 0 #999797, 0 -1px 0 #999797, 0 1px 0 #999797, 0 1px 0 #999797, -1px 0 0 #999797, 1px 0 0 #999797, -1px 0 0 #999797, 1px 0 0 #999797, -1px -1px 0 #999797, 1px -1px 0 #999797, -1px 1px 0 #999797, 1px 1px 0 #999797, -1px -1px 0 #999797, 1px -1px 0 #999797, -1px 1px 0 #999797, 1px 1px 0 #999797;
	}

	.advantage-item .description{
		font-size: 21px;
		font-family: 'Roboto', sans-serif;
		color: rgb(239, 239, 239);
		font-weight: 300;
		line-height: 1.143;
		text-align: left;

		opacity: 0;
	    height: 0px;
	    overflow: hidden;
	    transition: all .8s;
	}


	.open-description{
		display: none;
		font-size: 22px;
		color: white;
		text-align: center;
	}

	.open-description.open i:before{
		content: '\f077';
	}


/*END advantage*/


/* work-with*/

	.work-with-bg{
		background-size: cover;
	    background-position: center;
	    height: 75vh;
	}

	.slide-1 .work-with-bg{
		background-image: url(../img/work-with-bg.png);
	}

	.slide-2 .work-with-bg{
		background-image: url(../img/slide-2-bg.png);
	}

	.slide-3 .work-with-bg{
		background-image: url(../img/slide-3-bg.png);
	}

	.slide-4 .work-with-bg{
		background-image: url(../img/slide-4-bg.png);
	}

	.slide-item .description {
		font-family: 'GothamPro-medium';
		font-size: 26px;
		color: rgb(33, 32, 36);
		line-height: 1.93;
		padding: 10px;
		border-radius: 5px;
	}

	.slide-title h2{
		font-size: 60px;
		color: rgb(33, 32, 36);
		font-weight: bold;
		line-height: 1.2;
		text-align: left;
	}

	.slide-title{
		width: 100%;
		text-transform: uppercase;
	}

	#slide-items .slick-prev.slick-arrow{
		display: none!important;
	}

	#slide-items .slide-control-next.slick-arrow{
		content: '';
		background-image: url(../img/slide-control-right.png);
		position: absolute;
		right: 5%;
		top: 50%;
		width: 57px;
		height: 57px;
		cursor: pointer;
	}

	.slide-3 .description{
		padding-left: 6%;
	}

	.slide-3 h2{
		padding-left: 6%;
  		color: rgb(220, 162, 4);
	}

	.slide-4 .description {
		padding-left: 2%;
	    background-image: -moz-linear-gradient( -4deg, rgb(237,237,237) -50%, rgba(237,237,237,0.18) 60%, rgba(79,59,59,0) 100%);
	    background-image: -webkit-linear-gradient( -4deg, rgb(237,237,237) -50%, rgba(237,237,237,0.18) 60%, rgba(79,59,59,0) 100%);
	    background-image: -ms-linear-gradient( -4deg, rgb(237,237,237) -50%, rgba(237,237,237,0.18) 60%, rgba(79,59,59,0) 100%);
	}

/*END work-with*/



/*how-it-works*/

	#how-it-works .process-items .img-item{
		text-align: center;
    	margin-bottom: 10px;
	}

	#how-it-works .process-items .title{
  		font-size: 21px;
		font-family: 'Roboto', sans-serif;
		font-weight: 300;
  		color: rgb(33, 32, 36);
  		line-height: 1.143;
  		text-align: center;
	}

	.process-items{
		justify-content: space-between;
		align-items: center;
		position: absolute;
	    top: 15%;
	    z-index: 99;
	    width: 100%;
	}

	
	.process-item img{
	    padding: 0% 10%;
    	background-color: white;
    }


	.process-items .process-separator {
	  	border-width: 2px;
	  	border-color: rgb(255, 0, 0);
	  	border-style: dashed;
	  	width: 7vw;
	}

	.mobile-process{
		display: none;
		position: relative;
	}

/*END how-it-works*/


/*industries*/
	
	.industries-bg{
  		background-color: rgb(33, 32, 36);
		height: auto;
	}

	.industries-bg .section-title{
  		font-size: 60px;
  		color: rgb(255, 255, 255);
  		font-weight: bold;
    	display: flex;
    	align-items: center;
	}

	.industries-items li:nth-child(5){
		list-style-image: url(../img/industries-item-1.png);
	}
	.industries-items li:nth-child(3){
		list-style-image: url(../img/industries-item-2.png);
	}
	.industries-items li:nth-child(4){
		list-style-image: url(../img/industries-item-3.png);
	}
	.industries-items li:nth-child(2){
		list-style-image: url(../img/industries-item-4.png);
	}
	.industries-items li:nth-child(1){
		list-style-image: url(../img/industries-item-5.png);
	}
	.industries-items li:nth-child(6){
		list-style-image: url(../img/industries-item-6.png);
	}

	.industries-items li:nth-child(7){
		list-style-image: url(../img/industries-item-7.png);
		margin-bottom: 0px;
	}

	.industries-items li{
  		font-size: 34px;
  		color: rgb(244, 230, 37);
  		line-height: 1.481;
  		border-bottom-width: 1px;
  		border-bottom-color: rgb(111, 111, 111);
  		border-bottom-style: solid;
  		padding-bottom: 20px;
    	margin-bottom: 30px;
	}
	
	.industries-items{
		margin-left: 20%;
	}

/*END industries*/

/*form-contact*/
	.form-contact-bg{
		height: auto;
	}

	#form-contact .section-title{
		display: flex;
	    align-items: center;
	    justify-content: center; 
	}

	#form-contact .section-title h2{
		font-family: 'GothamPro-bold';
  		font-size: 60px;
  		color: rgb(33, 32, 36);
	}

	.form-bg .input-items{
		justify-content: space-between;
	}

	.form-bg .input-items textarea,.form-bg .input-items input{
		border-width: 1px;
  		border-color: rgb(33, 32, 36);
  		border-style: solid;
  		border-radius: 7px;
  		font-size: 30px;
	  	font-family: 'GothamPro';
	  	color: rgb(60, 60, 60);
	}

	.form-bg .input-items input{
		width: 49%;
		margin-bottom: 3%;
		height: 7vh;
		padding-left: 20px;

	}

	.form-bg .input-items textarea{
  		height: 8vh;
		width: 100%;
		padding-top: 5px;
		padding-left: 20px;
	}

	.form-bg .additional-info{
		display: flex;
    	justify-content: space-between;
    	align-items: center;
	}

	.form-contact-submit-btn{
  		border-radius: 20px;
        background-image: -moz-linear-gradient( -4deg, rgb(220,28,69) 0%, rgb(218,56,13) 100%);
        background-image: -webkit-linear-gradient( -4deg, rgb(220,28,69) 0%, rgb(218,56,13) 100%);
        background-image: -ms-linear-gradient( -4deg, rgb(220,28,69) 0%, rgb(218,56,13) 100%);
  		font-size: 30px;
 		font-family: 'GothamPro';
  		color: rgb(255, 255, 255);
	}
	
	
	.privacy-policy{
		display: flex;
		align-items: center;
	}

	.container-checkbox{
		position: relative;
		position: relative;
	    height: 25px;
	    width: 25px;
	    margin-right: 20px;
	    margin-bottom: 0px;
	}

	/* Hide the browser's default checkbox */
	.container-checkbox input {
	  position: absolute;
	  opacity: 0;
	  cursor: pointer;
	  height: 25px;
	  width: 25px;
	}

	/* Create a custom checkbox */
	.container-checkbox .checkmark {
	  position: absolute;
	  top: 0;
	  left: 0;
	  height: 25px;
	  width: 25px;
	  border: 1px solid;
	  border-radius: 3px;
	}

	/* On mouse-over, add a grey background color */
	.container-checkbox:hover input ~ .checkmark {
	  background-color: #ccc;
	  cursor: pointer;
	}

	/* When the checkbox is checked, add a blue background */
	.container-checkbox input:checked ~ .checkmark {
	  background-color: rgb(218,56,13);
	}

	/* Create the checkmark/indicator (hidden when not checked) */
	.container-checkbox .checkmark:after {
	  content: "";
	  position: absolute;
	  display: none;
	}

	/* Show the checkmark when checked */
	.container-checkbox input:checked ~ .checkmark:after {
	  display: block;
	}

	/* Style the checkmark/indicator */
	.container-checkbox .checkmark:after {
	  left: 9px;
	  top: 5px;
	  width: 5px;
	  height: 10px;
	  border: solid white;
	  border-width: 0 3px 3px 0;
	  -webkit-transform: rotate(45deg);
	  -ms-transform: rotate(45deg);
	  transform: rotate(45deg);
	}



/*END form-contact*/




@media ( max-width: 1540px) {
	.advantage-item .title {
	  	font-size: 26px;
	}
	.advantage-item .description {
    	font-size: 18px;
	}

	.introduction-slide-items .slide-control-next.slick-arrow , .introduction-slide-items .slide-control-prev.slick-arrow{
		width: 45px;
    	height: 45px;
    	top: 40%;
	}
}

@media ( max-width: 1441px) {
	

	.introduction-bg {
     	height: unset;
    }

	#slide-items .slide-control-next.slick-arrow{
		background-size: contain;
    	width: 46px;
    	height: 46px;
	}

	.slide-item .description {
    	font-size: 18px;
    }

    .slide-title h2 {
    	font-size: 32px;
	}
	
	.process-items{
		top: 25%;
	}

	.process-item img{
	    padding: 0% 10%;
    	background-color: white;
    	width: auto;
    	height: 60px;
    }

    .industries-items li {
    	font-size: 26px;
	}

	.industries-bg .section-title {
    	font-size: 42px;
	}

	#form-contact .section-title h2 {
    	font-size: 42px;
	}

	.form-bg .input-items textarea, .form-bg .input-items input{
		font-size: 22px;
	}

	.privacy-policy{
		font-size: 14px;
	}

	.form-bg .input-items textarea{
		padding-top: 15px;
	}

}



@media ( max-width: 1200px){

	.advantage-item .description {
    	font-size: 16px;
	} 
	.advantage-item.slick-current{
		transform: scale(1.1);
		transition: all 3s;
	}

	.advantage-item.slick-current .adv-content-gradient{
		background-image: -moz-linear-gradient( 95deg, red -50%, rgba(137,138,142,0.6) 60%, rgba(137,138,142,0.1) 100%);
	    background-image: -webkit-linear-gradient( 95deg, red -50%, rgba(137,138,142,0.6) 60%, rgba(137,138,142,0.1) 100%);
	    background-image: -ms-linear-gradient( 95deg, red -50%, rgba(137,138,142,0.6) 60%, rgba(137,138,142,0.1) 100%);
		transition: all 3s;
	}

	.advantage-item .description{
		transition:  height 1.5s;
	}

	.advantage-item.slick-current .description{
		transition: opacity 1s , height 2.5s;
		height: 300px;
		opacity: 1;
	}

}

@media ( max-width: 1024px) {
	.introduction-logo img{
		width: 55%;
	}

	.introduction-bg video {
     	height: unset;
    }

    .advantage-item {
    	min-height: 400px;
	}


}



@media ( max-width: 769px) {

	.advantage-item {
	    min-height: 300px;
	}
	.advantage-item .description {
		font-size: 16px;
	}

	.advantage-item .title {
	    font-size: 22px;
	    min-height: auto;
	}
	
	.advantage-item img{
		width: 70px;
	}

	.section-title h2, .section-title h1 {
	    font-size: 22px;
	}
	
	.process-item img{
		height: 40px;
	}

	#how-it-works .process-items .title {
    	font-size: 14px;
	}

	.process-items {
    	top: 30%;
	}

	.industries-bg .section-title {
    	font-size: 32px;
	}

	.industries-items li {
    	font-size: 16px;
	}

	.form-bg .input-items textarea, .form-bg .input-items input {
    	font-size: 16px;
	}

	.form-contact-submit-btn{
		font-size: 22px;
	}

	.privacy-policy {
	    font-size: 12px;
	}

	.form-bg .input-items input {
    	height: 6vh;
	}

	.introduction-slide-items .slide-control-next.slick-arrow , .introduction-slide-items .slide-control-prev.slick-arrow{
		width: 35px;
    	height: 35px;
	}


}

@media ( max-width: 570px) {


	.header__social-links div {
    	height: 20px;
    	width: 20px;
	}

	.header__social-links a {
	    margin: 0% 3%;
	}

	.advantage-item .description {
	    font-size: 14px;
	}

	.advantage-item .title {
    	font-size: 16px;
	}

	.introduction-bg .btn-get-started {
		background-position: center;
	    background-size: contain;
	    background-size: contain;
	    padding: 11px 32px;
	    background-repeat: no-repeat;
	    font-size: 16px;
	}

	.slide-title h2 {
	    font-size: 26px;
	    text-align: center;
	}

	.slide-item .description {
	    font-size: 16px;
	}
	
	.process-items {
    	top: 18%;
	}
	
	.process-items .process-item:nth-child(4),
	.process-items .process-item:nth-child(5){
		display: none;
	}

	.mobile-process{
		display: flex;
	}
	
	.industries-bg .section-title{
	    transform: rotate(-90deg);
	}

	#form-contact .section-title h2 {
    	font-size: 32px;
	}

	.form-contact-submit-btn {
	    font-size: 18px;
	}
	.form-bg .input-items textarea, .form-bg .input-items input {
	    font-size: 14px;
	}

	.introduction-slide-items .slide-control-next.slick-arrow, .introduction-slide-items .slide-control-prev.slick-arrow {
	    width: 25px;
	    height: 25px;
	}
}


@media ( max-width: 480px) {

	.form-bg .additional-info{
		justify-content: space-around;
    	flex-wrap: wrap;
	}

	.form-bg .input-items input {
    	width: 100%;
	}

	.privacy-policy {
    	margin-bottom: 3%;
	}

	.introduction-bg .btn-get-started{
		font-size: 12px;
	}

}


@media ( max-width: 420px) {

	.advantage-item .description {
	    font-size: 14px;
	}
	

	.close-description{
		display: block;
	}

	.advantage-item .advantage-item-bg{
		padding-bottom: 0px;
	}

	.open-description{
		display: block;
		text-align: center;
	}

	.slide-title h2 {
    	font-size: 22px;
	}

	.slide-item .description {
	    font-size: 14px;
	}
	.work-with-bg {
    	height: 60vh;
	}

	.industries-bg .section-title {
    	font-size: 22px;
	}
	.industries-items li {
    	font-size: 12px;
	}

	.form-bg{
		width: 100%;
	}

	#form-contact .section-title h2 {
    	font-size: 24px;
	}

}


@media ( max-width: 320px) {
	.slide-title h2 {
	    font-size: 16px;
	}

	.slide-item .description {
	    font-size: 12px;
	}

	#how-it-works .process-items .title {
    	font-size: 10px;
	}

	.industries-bg .section-title {
    	font-size: 16px;
	}
	
	.recaptcha{
		width: 100vw;
	}

	#g-recaptcha{
		transform: scale(0.8);
	    -webkit-transform: scale(0.8);
	    transform-origin: 0 0;
	    -webkit-transform-origin: 0 0;
	    position: relative;
	    top: 0;
	    left: 3%;
	}

}