@font-face {
  	font-family: russo;
  	src: url('fonts/russo.ttf');
}
@font-face {
  	font-family: bebas;
  	src: url('fonts/BebasNeueBold.ttf');
}
@font-face {
  	font-family: rob;
  	src: url('fonts/Roboto-Regular.ttf');
}

body{font-family: 'rob';position: relative;}
body, body *{box-sizing: border-box;}
html{width: 100%;height: 100%;}

.main_page{width: 100%;height: 100%;margin: 0;}
.main_page_wrapper{width: 100%;height: 100%;}
.main_page_wrapper>div{display: inline-block;width: 33.3333%;height: 100%;position: relative}
.main_page_wrapper>div .main_page_item_inner{transition: 0.3s;opacity: 0.85;position: absolute;background-repeat: no-repeat!important;
	background-size: cover!important;background-position: center!important;
	display: flex;justify-content: center;align-items: center;
	background-color: black;
	top: 0;right: 0;left: 0;bottom: 0;}
.main_page_wrapper>div:hover .main_page_item_inner{opacity: 1;}

.main_page_1 .main_page_item_inner{background-image: url('images/1_1.jpg') ;color: white;}
.main_page_2 .main_page_item_inner{background-image: url('images/2.png') ;color: white;}
.main_page_3 .main_page_item_inner{background-image: url('images/3_3.jpg') ;color: black;}
.main_page_item_header{font-size: 36px;letter-spacing: 6.5px;color: black;font-family: 'russo';text-transform: uppercase;margin-top: 50%;text-align: center;opacity: 0;}
.main_page_item_inner_content{max-width: 270px;margin-left: auto;margin-right: auto;text-align: center;}
.main_page_item_inner_header{text-align: left;}
.main_page_item_inner_text{line-height: 36px;text-align: left;margin-bottom: 60px;}
.main_page_1 .main_page_item_inner_header{font-size: 44px;margin-bottom: 20px;letter-spacing: 6.5px;}
.main_page_2 .main_page_item_inner_header{font-size: 36px;margin-bottom: 20px;font-family: 'russo';letter-spacing: 6.5px;}
.main_page_3 .main_page_item_inner_header{font-size: 42px;margin-bottom: 20px;font-family: 'bebas';letter-spacing: 5.5px;}
/*
.main_page_1 .main_page_item_inner_button{width: 180px;border-radius: 3px;
	background-color: #1cb1f5;display: inline-block;transition: 0.3s;
	border: 1px solid #1cb1f5;line-height: 60px;height: 60px;text-decoration: none;color: white;}
.main_page_1 .main_page_item_inner_button:hover{background-color: transparent;}

.main_page_2 .main_page_item_inner_button{width: 240px;border-radius: 3px;font-family: 'russo';text-transform: uppercase;letter-spacing: 5px;
	background-color: transparent;display: inline-block;transition: 0.3s;
	border: 1px solid #8f8f8f;line-height: 90px;height: 90px;text-decoration: none;color: white;}
.main_page_2 .main_page_item_inner_button:hover{background-color: black;}

.main_page_3 .main_page_item_inner_button{width: 200px;font-family: 'bebas';position: relative;
	background-color: transparent;display: inline-block;transition: 0.3s;letter-spacing: 2.6px;
	border: 1px solid black;line-height: 60px;height: 60px;text-decoration: none;color: black;}
.main_page_3 .main_page_item_inner_button:after{width: 100%;height: 100%;position: absolute;;transition: 0.3s;
	bottom: -4px;left: -4px;content: '';display: block;border: 1px solid black;}
.main_page_3 .main_page_item_inner_button:hover{background-color: white;}
*/
.main_page_item_inner_button{width: 200px;font-family: 'bebas';position: relative;
	background-color: transparent;display: inline-block;transition: 0.3s;letter-spacing: 2.6px;
	border: 1px solid black;line-height: 60px;height: 60px;text-decoration: none;color: black;
background-color: white; opacity: 0.7;
}
.main_page_item_inner_button:after{width: 100%;height: 100%;position: absolute;;transition: 0.3s;
	bottom: -4px;left: -4px;content: '';display: block;border: 1px solid black;}
.main_page_item_inner_button:hover{background-color: white; opacity: 1;}

.preloader{width: 100%;height: 100%;position: absolute;top: 0;right: 0;left: 0;bottom: 0;background-color: white;display: flex;justify-content: center;align-items: center;}
.preloader_image{width:200px;height: 200px;background-image: url('images/logo.png'); transition: 0.3s;cursor: pointer;
background-repeat: no-repeat!important;background-size: contain!important;background-position: center!important;}
.preloader_image:hover{opacity: 0.9;}

@media screen and (max-width: 1700px){
	.main_page_item_inner_header{font-size: 24px!important;}
	.main_page_item_inner_text{line-height: 30px;}
}
@media screen and (max-width: 1300px){
 .main_page_item_inner{opacity: 1!important}
}

@media screen and (max-width: 768px){
.main_page_wrapper>div{display: block;width: 100%;overflow: hidden;min-height: 600px;}
.main_page_item_header{font-size: 24px;}
.main_page_item_inner_header{font-size: 21px!important}
}