html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
    background-color: #f7f6f2;
    text-align: center;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a {text-decoration: none;}

.clr-bt {clear: both;}
.split10 {height: 10px;  width: 100%;} 
.split20 {height: 20px;  width: 100%;}
.split40 {height: 40px;  width: 100%;}  
.split45 {height: 45px;  width: 100%;}  
.split50 {height: 50px;  width: 100%;}
.split60 {height: 60px;  width: 100%;}  
.split70 {height: 70px;  width: 100%;} 
.split90 {height: 90px;  width: 100%;}
.split100 {height: 100px;  width: 100%;} 
.split120 {height: 120px;  width: 100%;} 
.split125 {height: 125px;  width: 100%;} 
.split150 {height: 150px;  width: 100%;} 

.bgr-white {background-color: #fff;}
.bgr-blue {background-color: #476494;}
.col-white {color: #fff!important;}
.a-orange {background-color: #ff6a20; color: #fff; margin: 0 auto; font-family: 'roboto-bold', arial; font-size: 23px !important; padding: 15px 30px 15px 30px; line-height: 58px !important;}
.padding-0 {padding: 0px 0px!important;}

.wrapper {width: 100%;}

.header {width: 1220px; height: 166px; margin: 0 auto; font-family: 'roboto-medium', arial; font-size: 25px;}
.header span {  font-family: 'roboto-regular', arial; font-size: 15px;}
.head-l {height: 106px; float: left; padding-left: 10px;}
.head-r {height: 106px; float: right; text-align: right; padding-right: 10px;}
.phone {font-family: 'roboto-regular', arial; font-size: 25px !important;}

.orange-line {width: 100%; height: 6px; background-color:#ff6a20; }
.green-line {width: 100%; height: 6px; background-color:#00be5a; }

.billboard {background:  url('../img/top-bar.png') no-repeat; background-size:  cover; background-position: center; background-color: #000b1e;}
.header-slogan {width: 1220px; height: 175px; color: #fff; text-align: left; margin: 0 auto; font-family: 'roboto-medium', arial; font-size: 40px; } 
.header-slogan h2 {padding-left: 10px; text-align: left; line-height: 175px;}

.txt-container {width: 1220px; margin: 0 auto; margin-top: 70px;}
.txt-container-2 {width: 1220px; background-color: #fff; margin: 0 auto; margin-top: 70px; -webkit-box-shadow: 25px 27px 61px -29px rgba(0,0,0,0.77); -moz-box-shadow: 25px 27px 61px -29px rgba(0,0,0,0.77); box-shadow: 25px 27px 61px -29px rgba(0,0,0,0.77);}

.l-menu {width: 277px; float: left;}
.l-menu h2 {font-family: 'roboto-bold', arial; font-size: 17px; margin-bottom:24px ; text-align: left; text-transform: uppercase;}
.l-menu ul {margin-bottom:24px ;}
.l-menu li {font-family: 'roboto-regular', arial; font-size: 17px; line-height: 22px; text-align: left; padding:10px 20px; background-color: #476494; margin: 3px 0px;}
.li-active {background-color: #00be5a !important;}
.l-menu a {font-family: 'roboto-regular', arial; font-size: 17px; line-height: 22px; color: #fff;}
 
.text-main {width: 893px; float: left; text-align: left; background-color: #fff;  margin-left: 50px; font-family: 'roboto-regular', arial; font-size: 17px; line-height: 22px; -webkit-box-shadow: 25px 27px 61px -29px rgba(0,0,0,0.77); -moz-box-shadow: 25px 27px 61px -29px rgba(0,0,0,0.77); box-shadow: 25px 27px 61px -29px rgba(0,0,0,0.77);}
.text-main-2 {width: 1100px;  text-align: left;   margin: 0 auto; padding: 35px 0px;   font-family: 'roboto-regular', arial; font-size: 17px; line-height: 22px; color: #000;}
.text-main h2 {font-family: 'roboto-bold', arial; padding: 30px 105px 30px 60px; font-size: 40px; line-height: 45px; color: #000;}
.text-main-2 h2 {font-family: 'roboto-bold', arial; padding: 30px 105px 30px 60px; font-size: 40px; line-height: 45px; color: #000;}
.text-main h3 {font-family: 'roboto-bold', arial; padding: 30px 80px 20px 60px; font-size: 26px; line-height: 30px; color: #000;}
.text-main-2 h3 {font-family: 'roboto-bold', arial; padding: 30px 80px 20px 60px; font-size: 26px; line-height: 30px; color: #000;}

.name-gray {background-color: #f1f2f0; padding: 20px 20px 20px 20px !important;  margin-right: 105px !important; margin-left: 60px !important; font-family: 'roboto-medium', arial; font-size: 16px;}
.name-gray strong {font-family: 'roboto-bold', arial; text-decoration: none; border-bottom: 1px solid #d4d8dc;}
.comment-gray {font-family: arial; font-size: 13px; color: #808180; font-style: italic;}

.orange {color: #f29e00;}
.blue {color: #476494;}


.text-main p {font-family: 'roboto-regular', arial; padding: 0px 105px 10px 60px;  font-size: 16px; line-height: 20px; color: #000;}
.text-main strong {font-family: 'roboto-bold', arial;}

.text-main-2 p {font-family: 'roboto-regular', arial; padding:10px 0px;  font-size: 18px; line-height: 28px; }
.text-main-2 strong {font-family: 'roboto-bold', arial;}

.green-text-big {color: #00be5a; font-family: 'roboto-bold', arial; font-size: 30px; padding: 0px 0px 47px 0px; text-align: center; }
.ball-block {display: flex; justify-content: center ; width: 100%;}
.ball-cell { width: 282px; min-height:176px; background:  url('../img/ball.png') no-repeat;  background-size: 100% 100%; text-align: center; margin: 0px 53px;}
.ball-cell p { padding: 65px 30px 5px 30px; color: #425454; font-size: 18px; font-family: 'roboto-bold', arial; line-height: 28px;}
.ball-cell:first-child {margin-left: 0px;}
.ball-cell:last-child {margin-right: 0px;}


.flag-block {display: flex; justify-content: center ; width: 100%;}
.flag-cell:first-child {margin-left: 0px;}
.flag-cell:last-child {margin-right: 0px;}
.flag-cell {width: 205px; min-height:245px; background:  url('../img/flag.png') no-repeat;  background-size: 100% 100%; text-align: center; margin: 0px 8px;}
.flag-cell p { padding: 37px 10px 5px 10px; color: #7b564f; font-size: 18px; font-family: 'roboto-bold', arial; line-height: 28px;}

.orange-block {text-align: center; margin: 50px 0px 70px 0px;}
.orange-a-2 {display: inline-block; margin: 0 auto;    border-radius: 4px; padding: 10px 17px; background-color: #ff7f00; text-align: center; color: #fff; font-family: 'roboto-bold', arial; font-size: 18px; 
-webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.75);
box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.75);
}


 @font-face {
    font-family: "roboto-medium";
    src: url(" ../fonts/roboto/Roboto-Medium.ttf");
}

@font-face {
    font-family: "roboto-regular";
    src: url(" ../fonts/roboto/Roboto-Regular.ttf");
}

@font-face {
    font-family: "roboto-bold";
    src: url(" ../fonts/roboto/Roboto-Bold.ttf");
}