@font-face {
  font-family: 'main-r';
  src:  url('../../resources/fonts/OpenSans-Regular.woff2') format('woff2'),
        url('../../resources/fonts/OpenSans-Regular.woff') format('woff'),
        url('../../resources/fonts/OpenSans-Regular.ttf') format('ttf'),
        url('../../resources/fonts/OpenSans-Regular.eot') format('eot');
}
@font-face {
  font-family: 'main-l';
  src:  url('../../resources/fonts/OpenSans-Light.woff2') format('woff2'),
        url('../../resources/fonts/OpenSans-Light.woff') format('woff'),
        url('../../resources/fonts/OpenSans-Light.ttf') format('ttf'),
        url('../../resources/fonts/OpenSans-Light.eot') format('eot');
}
@font-face {
  font-family: 'main-m';
  src:  url('../../resources/fonts/OpenSans-Medium.woff2') format('woff2'),
        url('../../resources/fonts/OpenSans-Medium.woff') format('woff'),
        url('../../resources/fonts/OpenSans-Medium.ttf') format('ttf'),
        url('../../resources/fonts/OpenSans-Medium.eot') format('eot');
}
@font-face {
  font-family: 'main-sb';
  src:  url('../../resources/fonts/OpenSans-SemiBold.woff2') format('woff2'),
        url('../../resources/fonts/OpenSans-SemiBold.woff') format('woff'),
        url('../../resources/fonts/OpenSans-SemiBold.ttf') format('ttf'),
        url('../../resources/fonts/OpenSans-SemiBold.eot') format('eot');
}
@font-face {
  font-family: 'main-b';
  src:  url('../../resources/fonts/OpenSans-Bold.woff2') format('woff2'),
        url('../../resources/fonts/OpenSans-Bold.woff') format('woff'),
        url('../../resources/fonts/OpenSans-Bold.ttf') format('ttf'),
        url('../../resources/fonts/OpenSans-Bold.eot') format('eot');
}
@font-face {
  font-family: 'main-xb';
  src:  url('../../resources/fonts/OpenSans-ExtraBold.woff2') format('woff2'),
        url('../../resources/fonts/OpenSans-ExtraBold.woff') format('woff'),
        url('../../resources/fonts/OpenSans-ExtraBold.ttf') format('ttf'),
        url('../../resources/fonts/OpenSans-ExtraBold.eot') format('eot');
}
@font-face {
  font-family: 'second';
  src:  url('../../resources/fonts/Pacifico-Regular.woff2') format('woff2'),
        url('../../resources/fonts/Pacifico-Regular.woff') format('woff'),
        url('../../resources/fonts/Pacifico-Regular.ttf') format('ttf'),
        url('../../resources/fonts/Pacifico-Regular.eot') format('eot');
}
@font-face {
  font-family: 'title-font';
  src:  url('../../resources/fonts/Oswald-Bold.woff2') format('woff2'),
        url('../../resources/fonts/Oswald-Bold.woff') format('woff'),
        url('../../resources/fonts/Oswald-Bold.ttf') format('ttf'),
        url('../../resources/fonts/Oswald-Bold.eot') format('eot');
}

:root{
	--white-color:#fff;
	--black-color:#000;
	
	--light-color:#fa5a00;	
	--main-color:#1f2229;
	
	--gray-color:#fafafa;
	--gray-color-200:#666666;
	--gray-color-300: #e7e7e7;
}

body{
	font-family: 'main-r';
	font-size:16px;
	line-height:25px;
	color:var(--main-color);
}
a, button{
	transition:all 350ms ease-in-out;
}
a{
	text-decoration:unset;
}
input, button{
	outline:none,
}
.small-container{
	max-width:960px;
}
.large-container{
	max-width:1250px;
}
.main-wrap{
	display:flex;
	flex-direction:column;
	min-height:100vh;
}
.main-wrap main{
	flex:1;
}
.padding-section{
	padding:60px 0;
}
.wrap{
	position:Relative;
	z-index:2;	
}
.mask-section:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0, .6);	
}

/*  heading */

.small-heading{
	font-family:'second';
	text-align:center;
	font-size:30px;
	line-height:1.2;
	color:var(--light-color);
}
.small-heading.white{
	color:var(--white-color);
}
.main-heading{
	font-family: 'title-font';
	text-align:center;
	font-size:30px;
	line-height:1.6;
	color:var(--main-color);
	margin-bottom:25px;
	text-transform:uppercase;
}
.main-heading.big{
	font-size:40px;
}
.main-heading.white{
	color:var(--white-color);
}

/* buttons */

.main-btn{
	height:44px;
	padding:0 25px;
	border:0;
	border-radius:30px;
	background:#fa5a00;
	color:#FFFFFF;
	font-family:'main-b';
	font-size:15px;
	transition:all 400ms ease-in-out;
}
.main-btn:hover{
	background:var(--white-color);
	color:#000000;
}

header{
	background:var(--white-color);
	box-shadow:1px 1px 3px rgba(0, 0, 0, .2);
	padding:10px 0;
	position:sticky;
	top:0;
	left:0;
	width:100%;
	z-index:3;
}
header .logo{
	width:100%;
	max-width:100px;	
	display:flex;
	flex-wrap:wrap;
}
footer{
	background:var(--main-color);
	padding:15px 0;
}
footer p{
	color:var(--white-color);	
	margin:0;
	font-size:14px;
	font-family:'main-r';
	text-align:center;
}
.hero{
	position:relative;
}
.hero .overlay{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:138px;
	z-index:2;
}
.hero .item{
	width:100%;
	height:1050px;
	transition:all 1000ms ease;
}
.hero .item .cover{
	position:absolute;
	top:40%;
	left:50%;
	translate:-50% -50%;
	width:100%;
}
.hero .item .cover p{
	text-align:center;
	color:var(--white-color);
	font-size:18px;
	line-height:1.6;
}
.hero .item .bg{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.hero .item .bg:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0, .6);
}
.hero .active .item .bg{
	animation: slideAnime ease-out;
    animation-duration: 6000ms;
}

.hero .item .cover p:not(:last-child){
	margin-bottom:10px;
}
.hero .item .button-wrap{
	display:flex;
	align-items:center;
	justify-content:center;
	margin-top:40px;
	position:relative;
}
.hero .item .button-wrap:before{
	content:'';
	position:absolute;
	top:50%;
	left:0;
	width:25%;
	height:1px;
	background:var(--white-color);
	translate: 0 -50%;
}
.hero .item .button-wrap:after{
	content:'';
	position:absolute;
	top:50%;
	right:0;
	width:25%;
	height:1px;
	background:var(--white-color);
	translate: 0 -50%;
}
.cities{
	background-attachment: fixed !important;
}
.cities .row{
	row-gap:30px;
}
.cities .city .content{
	background:var(--white-color);
	height:100%;
	position:relative;
}
.cities .city iframe, .cities .city blockquote{
	max-width:100% !important;
	width:100% !important;
	min-width:0% !important;
}
.boxes .wrap{
	display:flex;
	justify-content:flex-start;
	flex-wrap:wrap;
}
.boxes .wrap .box{
	width:100%;
	max-width:calc(100% / 3);
	padding:30px;
	background:var(--gray-color);
	text-align:center;
	position:relative;
}
.boxes .wrap .box:before{
	content:'';
	position: absolute;
	top:30px;
	right:0;
	translate:100% 0;
	border-left:10px solid var(--main-color);
	border-bottom:10px solid transparent;
	border-top:10px solid transparent;	
	z-index:2;
	display:none;
}
.boxes .wrap .box:after{
	content:'';
	position: absolute;
	top:30px;
	left:0;
	translate:-100% 0;
	border-right:10px solid var(--main-color);
	border-bottom:10px solid transparent;
	border-top:10px solid transparent;	
	z-index:2;
	display:none;
}
.boxes .wrap .box:nth-child(2):before, .boxes .wrap .box:nth-child(2):after{
	display:block;
}
.boxes .wrap .box:nth-child(5):before, .boxes .wrap .box:nth-child(5):after{
	display:block;
}
.boxes .wrap .box:nth-child(8):before, .boxes .wrap .box:nth-child(8):after{
	display:block;
}
.boxes .wrap .box:nth-child(2):before, .boxes .wrap .box:nth-child(8):before{
	border-left-color:var(--gray-color);
}
.boxes .wrap .box:nth-child(2):after, .boxes .wrap .box:nth-child(8):after{
	border-right-color:var(--gray-color);
}
.boxes .wrap .box h2{
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 45px;
    font-family:'main-b';
}
.boxes .wrap .box p{
    color: var(--gray-color-200);
    font-family: 'main-r';
    font-size: 14px;
    line-height:1.6;
}
.boxes .wrap .box ul{
	padding:0;
}
.boxes .wrap .box ul li{
	color: var(--gray-color-200);
    font-family: 'main-sb';
    font-size: 14px;
    line-height:1.6;
    list-style-type: none;
}
.boxes .wrap .box:nth-child(odd){
	background:var(--main-color);	
}
.boxes .wrap .box:nth-child(odd) h2, .boxes .wrap .box:nth-child(odd) p, .boxes .wrap .box:nth-child(odd) ul li{
	color:var(--white-color);
}
.what-comes-next .text{
	text-align:center;
}
.what-comes-next .text p{
	font-size:16px;
	line-height:24px;
	color:var(--main-color);
	margin-bottom:0;
}
.what-comes-next .text p:not(:last-child){
	margin-bottom:15px;
}
.methodology{
	background-attachment: fixed !important;
}
.methodology .list{
	padding:0;
	display:flex;
	justify-content:flex-start;
	flex-wrap:Wrap;
	gap:15px;
	margin:0;
}
.methodology .list li{
	list-style-type:none;
	width:100%;
	max-width:calc(100% / 3 - (30px / 3));
	display:flex;
	align-items:center;
	justify-content:flex-start;
	flex-direction:column;
	gap:30px;
}
.methodology .list li:hover .number{
	color:var(--light-color);
	border-color:var(--light-color);
}
.methodology .list li .number{
	width:90px;
	height:90px;
	border-radius:50%;
	border:1px solid var(--gray-color-300);
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:50px;
	font-family: 'second';
	transition:all 400ms ease-in-out;
	color:var(--white-color);
}
.methodology .list li .number span{
	position:relative;
	top:-4px;	
}
.methodology .list li p{
	color:var(--white-color);
	text-align:center;
	font-size:16px;
	line-height:1.8;
}
.methodology .list li a{
	color:var(--light-color);
	font-family:'main-sb';
}
.methodology .list li a:hover{
	color:var(--main-color);
}
@media(max-width:991px){
	.hero .item .cover p{
		font-size:14px;
	}
	.main-heading.big{
		font-size:30px;
	}
	.small-heading{
		font-size:24px;
	}
	.boxes .wrap .box{
		max-width:calc(100% / 2);
	}
	.boxes .wrap .box:nth-child(odd){
		background:var(--gray-color);
	}
	.boxes .wrap .box:before, .boxes .wrap .box:after{
		display:none !important;
	}
	.boxes .wrap .box:nth-child(odd) h2,.boxes .wrap .box:nth-child(odd) p, .boxes .wrap .box:nth-child(odd) ul li{
		color:var(--main-color);
	}
	.boxes .wrap .box:nth-child(2), .boxes .wrap .box:nth-child(3), .boxes .wrap .box:nth-child(6), .boxes .wrap .box:nth-child(7), .boxes .wrap .box:nth-child(10), .boxes .wrap .box:nth-child(11){
		background:var(--main-color);
	}
	.boxes .wrap .box:nth-child(2) h2,.boxes .wrap .box:nth-child(2) p, .boxes .wrap .box:nth-child(2) ul li{
		color:var(--white-color);
	}
	.boxes .wrap .box:nth-child(3) h2,.boxes .wrap .box:nth-child(3) p, .boxes .wrap .box:nth-child(3) ul li{
		color:var(--white-color);
	}
	.boxes .wrap .box:nth-child(6) h2,.boxes .wrap .box:nth-child(6) p, .boxes .wrap .box:nth-child(6) ul li{
		color:var(--white-color);
	}
	.boxes .wrap .box:nth-child(7) h2,.boxes .wrap .box:nth-child(7) p, .boxes .wrap .box:nth-child(7) ul li{
		color:var(--white-color);
	}
	.boxes .wrap .box:nth-child(10) h2,.boxes .wrap .box:nth-child(10) p, .boxes .wrap .box:nth-child(10) ul li{
		color:var(--white-color);
	}
	.boxes .wrap .box:nth-child(11) h2,.boxes .wrap .box:nth-child(11) p, .boxes .wrap .box:nth-child(11) ul li{
		color:var(--white-color);
	}
	.methodology .list li{
		max-width:calc(100% / 2 - (15px / 2));
	}
}
@media(max-width:767px){
	.hero .item{
		height:1050px;
	}
	.hero .item .cover{
		top:30%;
	}
	.hero .item .button-wrap {
		margin-top: 20px;
	}
	.hero .item .button-wrap{
		padding:20px 0;
	}
	.hero .item .button-wrap:before{
		display: none;
		top:0;
		width:100%;
		translate:0 0;
	}
	.hero .item .button-wrap:after{
		display: none;
		bottom:0;
		width:100%;
		translate:0 0;
		top:unset;
	}
	.owl-stage-outer {
		max-height: 630px;
	}

	.main-heading.big{
		font-size:25px;
	}
	.main-btn{
		font-size:14px;
	}
	.small-heading{
		font-size:20px;
	}
	.padding-section{
		padding:40px 0;
	}
	.boxes .wrap .box{
		max-width:100%;
	}
	.boxes .wrap .box{
		background:var(--gray-color) !important;
	}
	.boxes .wrap .box h2, .boxes .wrap .box p, .boxes .wrap .box ul li{
		color:var(--main-color) !important;
	}
	.boxes .wrap .box:nth-child(even){
		background:var(--main-color) !important;
	}
	.boxes .wrap .box:nth-child(even) h2, .boxes .wrap .box:nth-child(even) p, .boxes .wrap .box:nth-child(even) ul li{
		color:var(--white-color) !important;
	}
	.methodology .list li{
		max-width:100%;
	}
	.methodology .list li .number{
		width:60px;
		height:60px;
		font-size:30px;
	}
}
@media(max-width:575px){
	.cities .row{
		row-gap:15px;
	}
	footer p{
		font-size:12px;
	}
}
@keyframes slideAnime {
	0%{
	    -webkit-transform: scale(1.5);
    	transform: scale(1.5);
    }
	100%{
	    -webkit-transform: scale(1);
    	transform: scale(1);
    }
}

.faspinner {
      animation: spin 2s infinite linear;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}