@font-face {
    font-family: Akrobat-Bold;
	src: url("../fonts/Akrobat/Akrobat-Bold.otf")
}


@font-face {
    font-family: Akrobat-Regular;
	src: url("../fonts/Akrobat/Akrobat-Regular.otf")
}


@font-face {
    font-family: Akrobat-SemiBold;
	src:  url("../fonts/Akrobat/Akrobat-SemiBold.otf")
}


@media (min-width: 1921px) {

	
	
	
.logo {
	padding-left: 60px !important;
}	
	
.logo img{	
	width: 120px !important;	
	margin-left: 40px !important;
	margin-top: 50px
}
	
 h1{
	color: #fff !important; 
	font-size: 80px !important; 
	line-height: 100%;
	font-family: Akrobat-Bold;
	letter-spacing: 1px;
	font-weight: normal;
	margin-bottom: 20px !important;
	margin-top: 130px !important;
}
	
.red_botton{
	border: 3px solid #c02222;
	color: #fff;
	padding: 18px 18px;
	float: left;
	margin-top: 10px !important;
	font-family: Akrobat-SemiBold;
	font-weight: normal;
	font-size: 14px !important;
	letter-spacing: 2.5px;
	text-transform: uppercase;
	margin-bottom: 80px !important;
}
	
	
.botton{
	border: 3px solid #d7b56d;
	color: #fff;
	padding: 18px 18px;
	float: left;
	margin-top: 10px !important;
	font-family: Akrobat-SemiBold;
	font-weight: normal;
	font-size: 14px !important;
	letter-spacing: 2.5px;
	text-transform: uppercase
}
	
	
.botton a{
	color: #fff;
}
	
	
p{
	color: #fff;
	font-family: Akrobat-Regular;
	font-weight: normal;
	font-size: 26px !important; 
	line-height: 130%;
	letter-spacing: 1.5px;
	margin-bottom: 20px !important;
}


.contacts p{
	color: #fff;
	font-family: Akrobat-Regular;
	font-weight: normal;
	font-size: 18px !important;
	line-height: 130%;
	letter-spacing: 1.5px;
	margin-bottom: 10px !important;
}
	
	
.contacts p a{
	color: #fff;
	text-decoration: none;
}


.contacts h3{
	color: #fff;
	font-family: Akrobat-Bold;
	font-weight: normal;
	font-size: 23px !important;
	line-height: 130%;
	letter-spacing: 1.5px;
	margin-bottom: 20px !important;
	margin-top: 50px;
}
	
	
.contacts img{
	width: 20px !important;
}
		
	

}


/****************************************************************************************************** lg *******/

@media (min-width: 1200px) and (max-width: 1920px) {
	
	
.logo {
	padding-left: 60px !important;
}	
	
.logo img{	
	width: -webkit-calc( (100vw - 1200px)/(1920 - 1200) * (120 - 80) + 80px) !important;
	width: calc( (100vw - 1200px)/(1920 - 1200) * (120 - 80) + 80px) !important;	
	margin-left: -webkit-calc( (100vw - 1200px)/(1920 - 1200) * (40 - 20) + 20px) !important;
	margin-left: calc( (100vw - 1200px)/(1920 - 1200) * (40 - 20) + 20px) !important;
	margin-top: 50px
}
	
 h1{
	color: #fff !important; 
	font-size: -webkit-calc( (100vw - 1200px)/(1920 - 1200) * (80 - 50) + 50px) !important;
	font-size: calc( (100vw - 1200px)/(1920 - 1200) * (80 - 50) + 50px) !important; 
	line-height: 100%;
	font-family: Akrobat-Bold;
	letter-spacing: 1px;
	font-weight: normal;
	margin-bottom: 20px !important;
	margin-top: 130px !important;
}
	
.red_botton{
	border: 3px solid #c02222;
	color: #fff;
	padding: 18px 18px;
	float: left;
	margin-top: 10px !important;
	font-family: Akrobat-SemiBold;
	font-weight: normal;
	font-size: -webkit-calc( (100vw - 1200px)/(1920 - 1200) * (14 - 12) + 12px) !important;
	font-size: calc( (100vw - 1200px)/(1920 - 1200) * (14 - 12) + 12px) !important;
	letter-spacing: 2.5px;
	text-transform: uppercase;
	margin-bottom: -webkit-calc( (100vw - 1200px)/(1920 - 1200) * (80 - 60) + 60px) !important;
	margin-bottom: calc( (100vw - 1200px)/(1920 - 1200) * (80 - 60) + 60px) !important;
}
	
	
.botton{
	border: 3px solid #d7b56d;
	color: #fff;
	padding: 18px 18px;
	float: left;
	margin-top: 10px !important;
	font-family: Akrobat-SemiBold;
	font-weight: normal;
	font-size: -webkit-calc( (100vw - 1200px)/(1920 - 1200) * (14 - 12) + 12px) !important;
	font-size: calc( (100vw - 1200px)/(1920 - 1200) * (14 - 12) + 12px) !important;
	letter-spacing: 2.5px;
	text-transform: uppercase
}
	
	
.botton a{
	color: #fff;
}
	
	
p{
	color: #fff;
	font-family: Akrobat-Regular;
	font-weight: normal;
	font-size: -webkit-calc( (100vw - 1200px)/(1920 - 1200) * (26 - 19) + 19px) !important;
	font-size: calc( (100vw - 1200px)/(1920 - 1200) * (26 - 19) + 19px) !important; 
	line-height: 130%;
	letter-spacing: 1.5px;
	margin-bottom: -webkit-calc( (100vw - 1200px)/(1920 - 1200) * (20 - 10) + 10px) !important;
	margin-bottom: calc( (100vw - 1200px)/(1920 - 1200) * (20 - 10) + 10px) !important;
}


.contacts p{
	color: #fff;
	font-family: Akrobat-Regular;
	font-weight: normal;
	font-size: -webkit-calc( (100vw - 1200px)/(1920 - 1200) * (18 - 13) + 13px) !important;
	font-size: calc( (100vw - 1200px)/(1920 - 1200) * (18 - 13) + 13px) !important;
	line-height: 130%;
	letter-spacing: 1.5px;
	margin-bottom: -webkit-calc( (100vw - 1200px)/(1920 - 1200) * (10 - 7) + 7px) !important;
	margin-bottom: calc( (100vw - 1200px)/(1920 - 1200) * (10 - 7) + 7px) !important;
}
	
	
.contacts p a{
	color: #fff;
	text-decoration: none;
}


.contacts h3{
	color: #fff;
	font-family: Akrobat-Bold;
	font-weight: normal;
	font-size: -webkit-calc( (100vw - 1200px)/(1920 - 1200) * (23 - 20) + 20px) !important;
	font-size: calc( (100vw - 1200px)/(1920 - 1200) * (23 - 20) + 20px) !important;
	line-height: 130%;
	letter-spacing: 1.5px;
	margin-bottom: -webkit-calc( (100vw - 1200px)/(1920 - 1200) * (20 - 15) + 15px) !important;
	margin-bottom: calc( (100vw - 1200px)/(1920 - 1200) * (20 - 15) + 15px) !important;
	margin-top: 50px;
}
	
	
.contacts img{
	width: -webkit-calc( (100vw - 1200px)/(1920 - 1200) * (20 - 13) + 13px) !important;
	width: calc( (100vw - 1200px)/(1920 - 1200) * (20 - 13) + 13px) !important;
}
	
	
}


/************************************************************************************************************ md *******/

@media (min-width: 992px) and (max-width: 1199px) {
	
	
.logo {
	padding-left: 60px !important;
	padding-top: 25px !important
}	
	
.logo img{	
	width: 85px !important;	
	margin-left: 20px !important;
	margin-top: 25px
}
	
 h1{
	color: #fff !important; 
	font-size: 40px !important; 
	line-height: 100%;
	font-family: Akrobat-Bold;
	letter-spacing: 1px;
	font-weight: normal;
	margin-bottom: 20px !important;
	margin-top: 130px !important;
}
	
.red_botton{
	border: 3px solid #c02222;
	color: #fff;
	padding: 12px 15px;
	float: left;
	margin-top: 10px !important;
	font-family: Akrobat-SemiBold;
	font-weight: normal;
	font-size: 11px !important;
	letter-spacing: 2.0px;
	text-transform: uppercase;
	margin-bottom: 60px !important;
}
	
	
.botton{
	border: 3px solid #d7b56d;
	color: #fff;
	padding: 12px 15px;
	float: left;
	margin-top: 10px !important;
	font-family: Akrobat-SemiBold;
	font-weight: normal;
	font-size: 11px !important;
	letter-spacing: 2.0px;
	text-transform: uppercase;
}
	
	
.botton a{
	color: #fff;
}
	
	
p{
	color: #fff;
	font-family: Akrobat-Regular;
	font-weight: normal;
	font-size: 16px !important; 
	line-height: 130%;
	letter-spacing: 1.5px;
	margin-bottom: 10px !important;
}


.contacts p{
	color: #fff;
	font-family: Akrobat-Regular;
	font-weight: normal;
	font-size: 13px !important;
	line-height: 130%;
	letter-spacing: 1.5px;
	margin-bottom: 5px !important;
}
	
	
.contacts p a{
	color: #fff;
	text-decoration: none;
}


.contacts h3{
	color: #fff;
	font-family: Akrobat-Bold;
	font-weight: normal;
	font-size: 16px !important;
	line-height: 130%;
	letter-spacing: 1.5px;
	margin-bottom: 10px !important;
	margin-top: 50px;
}
	
	
.contacts img{
	width: 12px !important;
}	

}



/************************************************************************************************************* sm *******/

@media (min-width: 768px) and (max-width: 991px) {

	
.logo {
	padding-left: 30px !important;
	padding-top: 25px !important
}	
	
.logo img{	
	width: 80px !important;	
	margin-left: 20px !important;
	margin-top: 25px
}
	
 h1{
	color: #fff !important; 
	font-size: 35px !important; 
	line-height: 100%;
	font-family: Akrobat-Bold;
	letter-spacing: 1px;
	font-weight: normal;
	margin-bottom: 15px !important;
	margin-top: 80px !important;
}
	
.red_botton{
	border: 3px solid #c02222;
	color: #fff;
	padding: 10px 10px;
	float: left;
	margin-top: 10px !important;
	font-family: Akrobat-SemiBold;
	font-weight: normal;
	font-size: 9px !important;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	margin-bottom: 50px !important;
}
	
	
.botton{
	border: 3px solid #d7b56d;
	color: #fff;
	padding: 10px 10px;
	float: left;
	margin-top: 10px !important;
	font-family: Akrobat-SemiBold;
	font-weight: normal;
	font-size: 9px !important;
	letter-spacing: 1.5px;
	text-transform: uppercase;
}
	
	
.botton a{
	color: #fff;
}
	
	
p{
	color: #fff;
	font-family: Akrobat-Regular;
	font-weight: normal;
	font-size: 14px !important; 
	line-height: 130%;
	letter-spacing: 1.5px;
	margin-bottom: 5px !important;
}

	
.contacts{
	padding-left: 20px !important;
}	
	

.contacts p{
	color: #fff;
	font-family: Akrobat-Regular;
	font-weight: normal;
	font-size: 11px !important;
	line-height: 130%;
	letter-spacing: 1.5px;
	margin-bottom: 5px !important;
}
	
	
.contacts p a{
	color: #fff;
	text-decoration: none;
}


.contacts h3{
	color: #fff;
	font-family: Akrobat-Bold;
	font-weight: normal;
	font-size: 14px !important;
	line-height: 130%;
	letter-spacing: 1.5px;
	margin-bottom: 10px !important;
	margin-top: 50px;
}
	
	
.contacts img{
	width: 11px !important;
}	

	

}	




/************************************************************************************************************ xs *******/

@media (max-width: 767px) { 

	
.logo {
	padding-left: 5px !important;
	padding-top: 5px !important
}	
	
.logo img{	
	width: 70px !important;	
	margin-left: 20px !important;
	margin-top: 25px
}
	
 h1{
	color: #fff !important; 
	font-size: 35px !important; 
	line-height: 100%;
	font-family: Akrobat-Bold;
	letter-spacing: 1px;
	font-weight: normal;
	margin-bottom: 15px !important;
	margin-top: 50px !important;
	margin-left: 10px !important;
}
	
.red_botton{
	border: 3px solid #c02222;
	color: #fff;
	padding: 10px 10px;
	float: left;
	margin-top: 10px !important;
	font-family: Akrobat-SemiBold;
	font-weight: normal;
	font-size: 11px !important;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	margin-bottom: 40px !important;
	margin-left: 10px !important;
}
	
	
.botton{
	border: 3px solid #d7b56d;
	color: #fff;
	padding: 10px 10px;
	float: left;
	margin-top: 10px !important;
	font-family: Akrobat-SemiBold;
	font-weight: normal;
	font-size: 11px !important;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	margin-bottom: 50px !important;
}
	
	
.botton a{
	color: #fff;
}
	
	
.content p{
	color: #fff;
	font-family: Akrobat-Regular;
	font-weight: normal;
	font-size: 14px; 
	line-height: 130%;
	letter-spacing: 1.5px;
	margin-bottom: 5px !important;
	margin-left: 10px !important;
}

	
.contacts{
	margin-left: 10px !important;
	float: left;
	width: 100%;
	margin-top: 40px;
}	
	

.contacts p{
	color: #fff;
	font-family: Akrobat-Regular;
	font-weight: normal;
	font-size: 14px !important;
	line-height: 130%;
	letter-spacing: 1.5px;
	margin-bottom: 5px !important;
	padding-left: 0px !important;
}
	
	
.contacts p a{
	color: #fff;
	text-decoration: none;
}


.contacts h3{
	color: #fff;
	font-family: Akrobat-Bold;
	font-weight: normal;
	font-size: 18px !important;
	line-height: 130%;
	letter-spacing: 1.5px;
	margin-bottom: 10px !important;
	margin-top: 0px;
}
	
	
.contacts img{
	width: 14px !important;
}	


	
	
}