@import url('https://fonts.googleapis.com/css2?family=Play:wght@400;700&display=swap');

:root {

	--background: #fbfbfb;
	
	--white: #ffffff;
	--black: #000000;
	
	--gray: #9e9e9e;
	--gray_light: #ddd;
	--gray_dark: #4f4f4f;
	--red: #dc3545;
	
	
	--yellow: #fdc947;	/* 253, 201, 71 */
	--orange: #ff5400;	/* 255, 84, 0 */


	--corp_main: #349fb1;
	--corp_second: #43a8bc;

}

body{color:var(--gray); background-color:var(--background);font-family: 'Play', sans-serif;}

section{max-width:1300px;}

header{display:block; position:relative; width:100%; margin:0; clear:both; padding:10px 0;}
footer{background:var(--gray_dark); padding:20px 0;}

h1,h2,h3,h4{font-family: 'Play', sans-serif;}

.button,form button{font-family: 'Play', sans-serif;

	color:#fff;
	font-size:14px;
	border-color:var(--corp_main);
	background:var(--corp_main);

}
.button:hover,form button:hover{
	color:var(--corp_main);
	border-color:var(--corp_main);
	background:#fff;

}

h1{color:var(--corp_main); font-weight:900; font-size:16px; margin-top:12px;}
h2{font-size:30px; font-weight:700; color:var(--corp_second); padding:10px 0;}
h3{font-weight:700; color:var(--gray_dark); padding:10px 0;}

hr{color:#ccc;}

header ul{
	margin-top:10px;
	display:block;
	position:relative;
	width:100%;
}
header ul li{
	display:inline-block;
	position:relative;
	float:left;
	margin-right:10px;
}
header ul li a{
	color:var(--corp_main);
	font-size:14px;
	padding:5px;
	font-family: 'Play', sans-serif;
	font-weight:400;
	border:1px solid #ccc;
	border-radius:10px;
	padding:5px 10px;
}



form input[type=text]{
	
	color:#000;
	font-size:16px;
	padding:7px;
	font-weight:400;
	border:1px solid #349fb1;
	border-radius:10px;
	padding:5px 10px;
	width:100%;
}

form label{
	display:inline-block;
	position:relative;
	margin:10px 0;
}


#logo_header{
	width:150px;
}


#section_banner{
	height:600px;

}

#section_onlinepay{

	border:1px solid #ccc;
	background:#fff;
	border-radius:10px;
	padding:0;
	box-shadow: 0 15px 15px -15px rgba(50,50,50,.3);
}

#section_onlinepay h2{margin-top:30px; color:#e70012; }
#section_onlinepay p{margin-top:30px; color:#000; font-size:18px; }
#section_onlinepay a{margin-top:30px; margin-bottom:30px;  font-size:24px; background:#e70012; color:#fff; padding:10px 20px;}





#adv_numbers{
	background-image:url('../img/adv_numbers_bg.jpg'); background-repeat:no-repeat; background-position:center center;
	background-attachment:fixed;  
	background-size: cover; 
	height:400px; 
	text-align:center;
	margin-top:50px;
	padding-top:100px;
}



#adv_numbers h3{

		padding-top:40px;
	font-size:80px;
	font-weight:900;
	line-height:80px;
	color:#fff;

	text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
             0px 8px 13px rgba(0,0,0,0.1),
             0px 18px 23px rgba(0,0,0,0.1);

} 

#adv_numbers p{ 

			font-size:24px;
		color:#fff;
	
	text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
             0px 8px 13px rgba(0,0,0,0.1),
             0px 18px 23px rgba(0,0,0,0.1);
}


#adv_numbers span{

		padding-top:50px;
	padding-bottom:50px;
	font-size:16px;
	line-height:120px;
	color:#fff;

	text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
             0px 8px 13px rgba(0,0,0,0.1),
             0px 18px 23px rgba(0,0,0,0.1);

} 

#goldtable table{
	width:100%;
	border-spacing: 0;
	border-collapse: collapse;
	table-layout: fixed;
	color:#000;
	font-size:18px;
}
#goldtable td,#goldtable th{width:50%; padding:10px;  text-align:center;}


#goldtable thead th {
	font-weight: bold;
	border: none;
	padding: 10px 15px;
	background: var(--corp_main);
	color:#fff;

}
#goldtable thead tr th:first-child {
	border-radius: 8px 0 0 8px;
}
#goldtable thead tr th:last-child {
	border-radius: 0 8px 8px 0;
}
#goldtable tbody td {
	border: none;
	padding: 10px 15px;
	vertical-align: top;
}
#goldtable tbody tr:nth-child(even){
	background: #f3f3f3;
}
#goldtable tbody tr td:first-child {
	border-radius: 8px 0 0 8px;
}
#goldtable tbody tr td:last-child {
	border-radius: 0 8px 8px 0;
}

#goldtable tbody tr:hover {box-shadow: 0 15px 15px -15px rgba(50,50,50,.3); background: var(--corp_second);
	color:#fff; }

.advent_line{text-align:center;}
.advent_line div{background:#fff;}

.advent_line a{color:var(--clr_dark); font-size:16px; text-decoration:none;}



.advent_line h3{min-height:40px; }
.advent_line p{font-size:80%; margin:0; text-align:center;color:var(--clr_middle);  }
.advent_line a, .button_mini{padding:10px; 

	font-size:12px;
	 color:var(--clr_second_middle); 
	border:1px solid var(--clr_second_middle);
	padding:5px 10px;	
	border-radius:5px;
	margin-right:10px;
	font-family: 'Spectral', serif;
	font-family:'Mont Regular';
	text-decoration:none;
;}
.advent_line img{width:100px; opacity:.7; margin:0; transition: 0.5s;}
.advent_line a:hover, .button_mini:hover{ box-shadow:0px 4px 12px 0px #d0d8d5; color:var(--clr_second_dark); text-decoration:none;}
.advent_line div:hover img{opacity:1;}
.advent_line ul{list-style:none; font-size:18px;}

.blockborder{
	border:1px solid var(--corp_second);
	padding:20px;	
	border-radius:10px;
	min-height:160px;
	box-shadow: 0 15px 15px -15px rgba(50,50,50,.2);
	transition: 0.5s;
}
.blockborder:hover{box-shadow: 0 17px 17px -17px rgba(50,50,50,.5);}


.textblock p{padding:10px 0; color:#666;}
.textblock ul{padding:10px 0; color:#666;}
.textblock ul li{padding:5px;}




.button_telegram_white{
	display:inline-block;
	position:relative;
	background-color: #fff;
	border:1px solid #0088cc;
    border-radius: 15px;
    color: #0088cc;
    font-size: 15px;
    line-height: 20px;
    padding: 5px 10px;
	padding-left:40px;
    text-align: center;
    text-decoration: none;
}
.button_telegram_white:hover{color: #fff; background-color: #0088cc; border-color:#0088cc;}

.button_telegram_white::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='%230088cc' viewBox='0 0 32 32'%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8.287 5.906c-.778.324-2.334.994-4.666 2.01-.378.15-.577.298-.595.442-.03.243.275.339.69.47l.175.055c.408.133.958.288 1.243.294.26.006.549-.1.868-.32 2.179-1.471 3.304-2.214 3.374-2.23.05-.012.12-.026.166.016.047.041.042.12.037.141-.03.129-1.227 1.241-1.846 1.817-.193.18-.33.307-.358.336a8.154 8.154 0 0 1-.188.186c-.38.366-.664.64.015 1.088.327.216.589.393.85.571.284.194.568.387.936.629.093.06.183.125.27.187.331.236.63.448.997.414.214-.02.435-.22.547-.82.265-1.417.786-4.486.906-5.751a1.426 1.426 0 0 0-.013-.315.337.337 0 0 0-.114-.217.526.526 0 0 0-.31-.093c-.3.005-.763.166-2.984 1.09z'/%3E%3C/svg%3E");
	display: inline-block;
	position: absolute;
	left:5px;
	top:5px;
}

.button_telegram_white:hover::before{
	 content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='%23ffffff' viewBox='0 0 32 32'%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8.287 5.906c-.778.324-2.334.994-4.666 2.01-.378.15-.577.298-.595.442-.03.243.275.339.69.47l.175.055c.408.133.958.288 1.243.294.26.006.549-.1.868-.32 2.179-1.471 3.304-2.214 3.374-2.23.05-.012.12-.026.166.016.047.041.042.12.037.141-.03.129-1.227 1.241-1.846 1.817-.193.18-.33.307-.358.336a8.154 8.154 0 0 1-.188.186c-.38.366-.664.64.015 1.088.327.216.589.393.85.571.284.194.568.387.936.629.093.06.183.125.27.187.331.236.63.448.997.414.214-.02.435-.22.547-.82.265-1.417.786-4.486.906-5.751a1.426 1.426 0 0 0-.013-.315.337.337 0 0 0-.114-.217.526.526 0 0 0-.31-.093c-.3.005-.763.166-2.984 1.09z'/%3E%3C/svg%3E");
	}

	
@media all and (max-width: 720px)
{
	header div, footer div{text-align:center;}
	footer div{margin-bottom:10px; font-size:80%;}
	header ul li{
	float:none;
	margin:10px 0;
	}
	header .button{margin-top:10px;}
	
	#section_banner{
		max-height:160px;
	}
	#section_onlinepay h2{
	  margin-top:0 ;
	}
	#section_onlinepay{text-align:center;}
	#section_onlinepay input{width:90%;}
	.units{padding:10px;}
	
	#adv_numbers {
		margin-top: 20px;
		padding-top: 20px;
	}
	.advent_line div {margin-bottom:10px;}	
	.textblock{padding:10px 20px;}
}