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: #fff;
    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%;}
.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-blue-gray { background-color: #4d555b;}
.bgr-billboard {background:  url('../img/billboard.jpg') no-repeat; background-position: center; background-color: #084dbd;}

.center-text {text-align: center !important;}
.dsp-none {display: none;}

.fl-l {float: left;}
.fl-r {float: right;}
.mr-top30 { margin-top: 30px !important;}
.mr-l-20 {margin-left: 20px !important;}

.wrapper {width: 100%;}

.head-menu { width: 806px; margin: 0 auto; height: 43px;}
.top-left {float: left; margin-top: 5px;}
.top-right  {float: right; margin-top: 10px;}

.billboard {width: 806px; margin: 0 auto; height: 305px;}

.content-main {width: 806px; margin: 30px auto 0 auto; text-align: left;   }
.content-main h2 {color: #005f9b; font-family: 'myriadpro-regular', arial; font-size: 30px;  margin: 0 180px 20px 0;}
.content-main p {color: #005f9b; font-family: arial; font-size: 18px; color: #000; }
.margin-180 {margin: 0 180px 10px 0;}

.izbrannoe { float: right; }
.izbrannoe a {font-size: 12px; font-family: arial; color: #4d555b; border-bottom: 1px solid #4d555b; line-height: 33px;}
.izbrannoe img {float: right; margin-left: 15px;}

.form-container {width: 804px; margin:0 auto;  
   background-color: #fdfdfd;
  border: 1px solid #e5abbb;}

.form-label {float: left; height: 100%; width: 175px;  padding-top: 10px;
  text-align: right; margin-right: 30px; font-size: 18px; font-family: arial;}
.bloc-form {min-height: 186px; width: 714px; margin: 0 auto; border-bottom: 1px solid #e6e7e8;}
.bloc-form p {font-size: 12px; font-family: arial; font-style: italic; 
	text-align: left; color: #4d4d4d;  margin: 18px 0px 10px 0px !important;}
.form-right	{margin-left: 205px; font-size: 16px; font-family: arial;}
.radio-txt p { width:400px; font-style: normal;  font-size: 16px; font-family: arial;  margin: 0px !important;  text-align: left;  float: right;}

form select { border:1px solid #a6a8ab; 
	height: 41px; width: 490px;  font-family: arial; font-size: 16px; padding:  0 40px 0 20px;}

option { padding:  10px 40px 10px 20px;}
option:hover {background-color: #b6e7f5;}
 
 
label {   font-size: 16px; font-family: arial; color: #000; padding: 20px 20px 10px 20px; display: inline-block;}


.vash-kbk {width: 676px; height: 218px;  border-bottom-right-radius: 16px; border-bottom-left-radius: 16px;
    margin: 0 auto; background-color: #bd2d54; display: none;}
.vash-kbk h2 { width: 100%; font-size: 31px; color: #fff; font-family: arial; padding: 29px 0 24px 0 ; text-align: center;}

.copy-kbk {margin: 0 auto; width: 618px; height: 85px; background-color: #d9879d; border-radius: 10px;}

.bottom-logos {width: 676px; height: 200px; margin: 0 auto;}

.tripple {width: 360px; margin: 0 auto;}
.tripple img {float: left; margin: 40px 20px; display: inline-block;  opacity: 0.5;}
.tripple img:hover {opacity: 1;}

.atention {width: 676px; height: 232px; margin: 0 auto; background-color: #bd2d54; text-align: center;
border-bottom-right-radius: 16px; border-bottom-left-radius: 16px; display: none;}
.atent-2 {width: 440px; height: 139px; float: right; margin-top: 53px; 
    margin-right: 40px; background-color: #f9ecf0; border-radius: 10px;}
.atent-2 p {padding: 37px; color: #4f6e18; font-size: 18px; font-family: arial; text-align: left;  }
.atent-2 a {color: #325e8b; text-decoration: underline;}
.atention img {float: left; margin-top: 70px; margin-left: 40px;}

.atent-long {width: 620px; height: 139px;  display: inline-block; margin: 50px auto 50px auto; 
      background-color: #f9ecf0; border-radius: 10px;}
.atent-long p {padding: 37px; color: #4f6e18; font-size: 18px; font-family: arial; text-align: left; }

.bottom { height: 95px; width: 806px; margin: 0 auto; text-align: center;}
.bottom img {margin-top: 20px;} 

 @font-face {
    font-family: "myriadpro-regular";
    src: url(" ../fonts/MyrianPro/MyriadPro-Regular.otf");
 }

@font-face {
    font-family: "myriadpro-bold";
    src: url(" ../fonts/MyrianPro/MyriadPro-Bold.otf");
 }

input[type="radio"] {
    display:none;
}

input[type="radio"] + label {
    color:#000;
    font-family:Arial, sans-serif;
    font-size:16px;
}

input[type="radio"] + label span {
    display:inline-block;
    width:25px;
    height:24px;
    margin:-1px 20px 0 0;
    vertical-align:middle;
    background:url(../img/radio1.png) 0px top no-repeat;
    cursor:pointer;
}

input[type="radio"]:checked + label span {
    background:url(../img/radio1.png) -25px top no-repeat;
}

.btn {
padding:0;
width: 244px;
height: 50px;
color: #232d40;
border: 0px !important;
font-size: 18px; font-family: arial;
background: rgb(255,220,15);
background: -moz-linear-gradient(top,  rgb(255,220,15) 0%, rgb(255,237,135) 100%);
background: -webkit-linear-gradient(top,  rgb(255,220,15) 0%,rgb(255,237,135) 100%);
background: linear-gradient(to bottom,  rgb(255,220,15) 0%,rgb(255,237,135) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdc0f', endColorstr='#ffed87',GradientType=0 );
-webkit-box-shadow: 1px 1px 1px 0px rgba(207,152,42,1);
-moz-box-shadow: 1px 1px 1px 0px rgba(207,152,42,1);
box-shadow: 1px 1px 1px 0px rgba(207,152,42,1);
border-radius: 6px;
outline: none;
}
.btn:hover, .btn:active {
padding:0;
width: 244px;
height: 50px;
color: #232d40;
background: rgb(255,220,15);
-webkit-filter: invert(0.1);
background: -moz-linear-gradient(top,  rgb(255,220,15) 0%, rgb(255,237,135) 100%);
background: -webkit-linear-gradient(top,  rgb(255,220,15) 0%,rgb(255,237,135) 100%);
background: linear-gradient(to bottom,  rgb(255,220,15) 0%,rgb(255,237,135) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdc0f', endColorstr='#ffed87',GradientType=0 );
outline: none;
}

.copyed {width: 450px; height: 62px; line-height: 62px; background-color: #fff; margin-top: 10px; margin-right: 10px;
    margin-left: 10px;
    border-radius: 10px; border: 0px !important; text-align: center;
color: #ff5e00; font-size: 25px; font-family: arial;
}

.copy-in {width: 130px; height: 50px; line-height: 50px; border-radius: 10px;  border: 0px !important;
color: #60747a;  font-size: 16px; font-family: arial;   outline: none;
-webkit-box-shadow: 0px 2px 5px 0px rgba(147,149,152,1);
-moz-box-shadow: 0px 2px 5px 0px rgba(147,149,152,1);
box-shadow: 0px 2px 5px 0px rgba(147,149,152,1);
background: rgb(255,255,255);
background: -moz-linear-gradient(top,  rgb(255,255,255) 0%, rgb(230,231,232) 100%);
background: -webkit-linear-gradient(top,  rgb(255,255,255) 0%,rgb(230,231,232) 100%);
background: linear-gradient(to bottom,  rgb(255,255,255) 0%,rgb(230,231,232) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e7e8',GradientType=0 );
}


.copy-in:hover, .copy-in:active {-webkit-filter: invert(0.1);}

.vvedite-kbk {width: 493px; height: 43px; text-align: left; color: #4d4d4d; padding-left: 20px;
    background-color: #fff; border: 1px solid #a6a8ab; font-size: 16px; font-family: arial;
}
.tabs{
    display:inline-block;
}
.tabs > div{
}
.tabs ul{
    margin:0px;
    padding:0px;
}
.tabs ul:after{
    content:"";
    display:block;
    clear:both;   
}
.tabs ul li{
    font-family: arial; font-size: 17px; font-weight: bold;
    margin:0px;
    padding:0px;
    cursor:pointer;
    display:block;
    float:left;
    padding:15px 30px; margin-left: 10px; 
    color:#a8a8a8;
    background:  url('../img/zakladka-gray.png') no-repeat;    background-size: 100% 100%;
}
.tabs ul li.active, .tabs ul li.active:hover{
    background:  url('../img/zakladka-green.png') no-repeat;    background-size: 100% 100%;
    color:#fff;
}
.tabs ul li:hover{
    background:  url('../img/zakladka-green.png') no-repeat;    background-size: 100% 100%;
    color:#fff;
}

.tabs__content {
  display: none; /* по умолчанию прячем все блоки */
}
.tabs__content.active {
  display: block; /* по умолчанию показываем нужный блок */
}