@font-face {
	font-family : "LatoRegular";
	src         : url(../fonts/Lato-Regular.woff) format('woff'), url(../fonts/Lato-Regular.woff2) format('woff2'), url(../fonts/Lato-Regular.ttf);
	font-weight : normal;
}
@font-face {
	font-family : "LatoBold";
	src         : url(../fonts/Lato-Bold.woff) format('woff'), url(../fonts/Lato-Bold.woff2) format('woff2'), url(../fonts/Lato-Bold.ttf);
	font-weight : normal;
}
@font-face {
	font-family : "LatoBlack";
	src         : url(../fonts/Lato-Black.woff) format('woff'), url(../fonts/Lato-Black.woff2) format('woff2'), url(../fonts/Lato-Black.ttf);
	font-weight : normal;
}
a:hover, a:focus {
	text-decoration : none;
}
.latobold {
	font-family : LatoBold;
}
.latob {
	font-family : LatoBold;
	font-size   : 24px;
	font-weight : 500;
}
.latobl {
	font-family : LatoBlack;
}
.lato {
	font-family : LatoRegular;
}
.blue-google {
	background-color : rgb(69, 132, 238);
	color            : #ffffff;
}
.Arial {
	font-family : Arial, sans-serif;
}
.form-input {
	border      : 1px solid rgb(245, 245, 245) !important;
	font-size   : 16px !important;
	font-family : LatoRegular;
	padding     : 10px;
	width       : 100%;
	outline     : none !important;
}
::-webkit-input-placeholder {color : rgb(193, 193, 193);}
::-moz-placeholder {color : rgb(193, 193, 193);}
/* Firefox 19+ */
:-moz-placeholder {color : rgb(193, 193, 193);}
/* Firefox 18- */
:-ms-input-placeholder {color : rgb(193, 193, 193);}
.gray-gradient-tb {
	background : linear-gradient(to bottom, rgb(245, 245, 245), rgb(255, 255, 255));
}
.gray-gradient-tt {
	background : linear-gradient(to top, rgb(245, 245, 245), rgb(255, 255, 255));
}
.black {
	color : black !important;
}
.b-blue {
	color : rgb(52, 152, 219) !important;
}
.b-border {
	border : 1px solid rgb(52, 152, 219);
}
.b-button {
	background-color : rgb(52, 152, 219) !important;
	color            : white !important;
}
.h-button:hover {
	background-color : rgba(52, 152, 219, 0.8) !important;
}
.gray-bg {
	background-color : rgb(250, 250, 250);
}
.b-bg {
	background-color : rgb(52, 152, 219) !important;
}
.tv-bg {
	background            : url("/static/images/blogman/main/tv-web.svg") no-repeat;
	background-attachment : local;
}
.b-darkblue {
	color : rgb(38, 115, 165) !important;
}
.player-img {
	max-width : 100% !important;
	min-width : 20% !important;
}
.player-bg {
	background-color : rgba(255, 255, 255, 0.1);
}
.gray-color {
	color : rgb(245, 245, 245) !important;
}
.green-btn {
	border : 1px solid rgb(38, 194, 129) !important;
	color  : rgb(38, 194, 129) !important;
}
.green-btn:hover {
	background-color : rgb(38, 194, 129) !important;
	color            : white !important;
}
.red {
	color : #ff1717;
}
.grey {
	color : rgb(200, 200, 200) !important;
}
.test-card {
	flex-shrink      : 0;
	background-color : white;
	width            : 180px;
	height           : 320px;
	border-radius    : 3px;
	margin-bottom    : 40px;
	box-shadow       : 0 4px 20px 0 rgba(0, 0, 0, 0.08);
}
.dblock {
	display : block !important;
}
.dblock:after {
	content    : '.';
	display    : block;
	height     : 0;
	clear      : both;
	visibility : hidden;
}
.bloger {
	opacity        : 0.15 !important;
	color          : black;
	letter-spacing : 2px;
	font-family    : LatoBlack !important;
}
.white-hover:hover {
	background-color : rgba(255, 255, 255, 0.1)
}
.send {
	background-color : #00adef;
}
.p6_12 {
	padding : 6px 12px !important;
}
.questions {
	width : 700px !important;
}
.underline-h:hover {
	border-bottom : 1px solid black;
}
.agreement_wrap {
	font-family      : LatoRegular, Arial, sans-serif;
	background-color : #fafafa;
	padding          : 48px 0;
}
.agreement_container {
	padding          : 48px;
	background-color : white;
	border           : 1px solid #f0f0f0;
	border-radius    : 8px;
	width            : 896px;
	margin           : auto;
	font-size        : 16px;
	line-height      : 24px;
}
.agreement_title {
	font-family : LatoBold, Arial, sans-serif;
	font-size   : 24px;
	line-height : 29px;
}
.agreement_link {
	display     : inline-flex;
	align-items : center;
}
.agreement_link > i.fa {
	margin : 0 0 0 4px;
}
@media (max-width : 575px) {
	.agreement_container {
		width   : 100%;
		padding : 48px 24px;
	}
	.agreement_wrap {
		padding : 48px 12px;
	}
}