@font-face {
    font-family: 'gilroy';
    src: url('gilroy/gilroy-ultralight-webfont.woff2') format('woff2'),
         url('gilroy/gilroy-ultralight-webfont.woff') format('woff'),
         url('gilroy/gilroy-ultralight-webfont.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'gilroy';
    src: url('gilroy/gilroy-thin-webfont.woff2') format('woff2'),
         url('gilroy/gilroy-thin-webfont.woff') format('woff'),
         url('gilroy/gilroy-thin-webfont.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'gilroy';
    src: url('gilroy/gilroy-light-webfont.woff2') format('woff2'),
         url('gilroy/gilroy-light-webfont.woff') format('woff'),
         url('gilroy/gilroy-light-webfont.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'gilroy';
    src: url('gilroy/gilroy-regular-webfont.woff2') format('woff2'),
         url('gilroy/gilroy-regular-webfont.woff') format('woff'),
         url('gilroy/gilroy-regular-webfont.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'gilroy';
    src: url('gilroy/gilroy-medium-webfont.woff2') format('woff2'),
         url('gilroy/gilroy-medium-webfont.woff') format('woff'),
         url('gilroy/gilroy-medium-webfont.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'gilroy';
    src: url('gilroy/gilroy-semibold-webfont.woff2') format('woff2'),
         url('gilroy/gilroy-semibold-webfont.woff') format('woff'),
         url('gilroy/gilroy-semibold-webfont.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'gilroy';
    src: url('gilroy/gilroy-bold-webfont.woff2') format('woff2'),
         url('gilroy/gilroy-bold-webfont.woff') format('woff'),
         url('gilroy/gilroy-bold-webfont.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'gilroy';
    src: url('gilroy/gilroy-heavy-webfont.woff2') format('woff2'),
         url('gilroy/gilroy-heavy-webfont.woff') format('woff'),
         url('gilroy/gilroy-heavy-webfont.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'gilroy';
    src: url('gilroy/gilroy-extrabold-webfont.woff2') format('woff2'),
         url('gilroy/gilroy-extrabold-webfont.woff') format('woff'),
         url('gilroy/gilroy-extrabold-webfont.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'gilroy';
    src: url('gilroy/gilroy-black-webfont.woff2') format('woff2'),
         url('gilroy/gilroy-black-webfont.woff') format('woff'),
         url('gilroy/gilroy-black-webfont.ttf') format('truetype');
    font-weight: 1000;
    font-style: normal;
}

*{
	box-sizing: border-box;
}
body,html{
	border:0;
	margin:0;
	padding:0;
}
body{
	background:#F0F0F0;
	font-size:13px;
	font-family: 'gilroy';
}
@media only screen and (max-width:767px){
	body{
		font-size:10px;
	}
}
a{
	text-decoration:none;
	color:#000;
}
header{
	padding:60px 0;
}
header .logo{
	text-align:center;
}
header .logo img{
	display:block;
	margin:0 auto;
	max-width:100%;
	height:auto;
}
header .logo h1{
	opacity:0;
	visibility:hidden;
	width:0;
	height:0;
	position:absolute;
}

.main{
	width:100%;
	height:auto;
	position:relative;
	z-index:9;
}
.main h2{
	font-size:3em;
	text-align:center;
	font-weight:300;
}
.main .main-wrapper{
	display:flex;
	flex-direction:row;
	width:100%;
	height:auto;
}
.main .main-wrapper .m-left{
	max-width:45%;
	flex:0 0 45%;
	position:relative;
}
.main .main-wrapper .m-left .m-box{
	width:65%;
	float:right;
	display:flex;
	flex-direction:column;
	height:100%;
	justify-content:center;
	position:relative;
	z-index:99;
}
.main .main-wrapper .m-left .m-box h2{
	background:#fff;
	border-radius:26px;
	font-size:3em;
	font-weight:800;
	color:#FF7F00;
	margin-bottom:0px;
	width:120%;
	padding:20px;
}
.main .main-wrapper .m-left .m-box h3{
	font-size:2.5em;
	font-weight:1000;
	color:#000;
	margin-bottom:0px;
	padding:0;
}
.main .main-wrapper .m-left .m-box h4{
	font-size:3em;
	color:#939393;
	font-weight:700;
	margin-bottom:0px;
}
.main .main-wrapper .m-left .m-box .buttons{
	display:flex;
	flex-direction:column;
	margin-top:30px;
}
.main .main-wrapper .m-left .m-box .buttons a{
	display:flex;
	flex-direction:row;
	align-items:center;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 6px #00000029;
	border-radius: 12px;
	width:80%;
	margin-bottom:15px;
}
.main .main-wrapper .m-left .m-box .buttons a img{
	width:54px;
	flex-basis: 0;
}
.main .main-wrapper .m-left .m-box .buttons a span{
	display:block;
	font-size:1.37em;
	text-align:center;
	font-weight:700;
	flex:1;
}
.main .main-wrapper .m-right{
	max-width:55%;
	flex:0 0 55%;
	display:flex;
	flex-direction:row;
}
.main .main-wrapper .m-right .images{
	display:flex;
	flex-direction:row;
	gap:15px;
	align-items:flex-end;
	width:100%;
}
.main .main-wrapper .m-right .images .img1{
	width:calc(60% - 15px);
	height:fit-content;
}
.main .main-wrapper .m-right .images .img2{
	width:40%;
	height:fit-content;
}

@media only screen and (max-width:991px){
	.main .main-wrapper{flex-direction:column;}
	.main .main-wrapper .m-left{flex:0 0 100%;max-width:100%;}
	.main .main-wrapper .m-right{flex:0 0 100%;max-width:100%;}
	.main .main-wrapper .m-left .m-box{width:100%;float:unset;padding:0 15px;text-align:center;margin-bottom:50px;}
	.main .main-wrapper .m-left .m-box h2{width:100%;}
	.main .main-wrapper .m-left .m-box .buttons{justify-content:center;align-items:center;}
}
@media only screen and (min-width:992px) and (max-width:1199px){
	.main .main-wrapper .m-left .m-box{width:90%;padding:0 15px;font-size:9px;}
}
@media only screen and (min-width:1200px) and (max-width:1440px){
	.main .main-wrapper .m-left .m-box{width:75%;padding:0 15px;font-size:9px;}
}

.main2{
	padding:200px 15px;
	display:flex;
	flex-direction:column;
	justify-content:center;
	position:relative;
}
.main2 .img1{
	display:block;
	max-width:100%;
	height:auto;
	position:absolute;
	top:0;
	left:0;
	transform:translate(0,-25%);
}
.main2 .img2{
	display:block;
	margin:0 auto;
	position:relative;
	z-index:99;
	max-width:100%;
	height:auto;
}

.main2 .kalp1{position:absolute;top:0;right:0;height:120%;width:auto;}
.main2 .kalp2{position:absolute;top:40%;right:3%;}
.main2 .kalp3{position:absolute;top:25%;right:15%;}

@media only screen and (max-width:991px){
	.main2 .img1{transform:translate(0,0);max-width:50%;}
	.main2 .kalp1{max-width:50%;height:auto;}
	.main2 .kalp2{top:unset;bottom:15%;right:3%;max-width:20%;height:auto;}
	.main2 .kalp3{top:unset;bottom:0;right:15%;max-width:10%;height:auto;}
}
@media only screen and (min-width:992px) and (max-width:1199px){
	.main2 .img1{max-width:50%;}
	.main2 .img2{max-width:50%;}
	.main2 .kalp2{top:unset;bottom:15%;right:3%;max-width:15%;height:auto;}
}
@media only screen and (min-width:1200px) and (max-width:1440px){
	.main2 .img1{max-width:40%;}
	.main2 .img2{max-width:50%;}
	.main2 .kalp2{top:unset;bottom:5%;right:3%;max-width:15%;height:auto;}
}

.main3{
	padding:100px 0;
}
.main3 h2{
	text-align:center;
	font-size:3.5em;
	font-weight:700;
	margin-bottom:30px;
}
.main3 .m3-container{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	gap:30px;
	width:1140px;
	max-width:100%;
	margin:0 auto;
}
.main3 .m3-container .m3-box{
	background:#fff;
	border-radius:26px;
	box-shadow:0px 3px 6px #00000029;
	max-width:calc(25% - 30px);
	flex:0 0 calc(25% - 30px);
	padding:0;
	overflow:hidden;
}
@media only screen and (max-width:767px){
	.main3 .m3-container .m3-box{
		max-width:calc(50% - 30px);
		flex:0 0 calc(50% - 30px);
	}	
}
@media only screen and (max-width:768px) and (max-width:991px){
	.main3 .m3-container .m3-box{
		max-width:calc(33.33% - 30px);
		flex:0 0 calc(33.33% - 30px);
	}	
}
.main3 .m3-container .m3-box h3{
	text-align:center;
	font-size:2.37em;
	font-weight:700;
	border-bottom:4px solid #FFD800;
	padding:20px;
	margin:0;
}
.main3 .m3-container .m3-box .content{
	padding:20px;
	color:#4D4D4D;
	font-size:1.1em;
}
.main3 .m3-container .m3-box .content p{
	margin:0;
	line-height:1.3em;
	min-height:5.2em;
}
.main3 .m3-container .m3-box .content strong{
	display:block;
}
.main3 .m3-container .m3-box .map{
	background:#FFD800;
	margin:0;
}
.main3 .m3-container .m3-box .map a{
	display:flex;
	flex-direction:row;
	gap:15px;
	align-items:center;
	line-height:55px;
	color:#fff;
	font-weight:500;
	margin:0;
	padding:0 15px;
}
.main3 .m3-container .m3-box .map a span{
	white-space: nowrap;
}