#content5 h3 a, .h2_content2 a {font-size: 36px;
    font-family: sans-serif;
    color: #ed1814;
    text-align: center;
    font-weight: bold;
    margin: 0;
    text-decoration: none;}
#content5 h3 a:hover {
    color: #6EAA42;}
#yan {float: left;
margin-top: 8px;
margin-left: 20px;}
a {
   text-decoration:none; 
   color:#264AA0; 
   font-size:16px; 
   font-family:Arial, Helvetica, sans-serif;
   margin-bottom: 5px;
   padding-bottom: 5px;
   }
a:visited {
   color:#264AA0; 
   }
a:active {
   color:#264AA0; 
   }
a:hover {
   color:#264AA0; 
   }
.nna { 
   text-decoration:underline; 
   color:#3e64d3; 
   font-size:20px; 
   font-family:Arial, Helvetica, sans-serif;
   margin-left: 30px;
   }
.nna:link {color:#264AA0; }
.nna:visited {color:#264AA0; }
.nna:active {color:#264AA0; }
.nna:hover {color:#264AA0; }
.nna:focus {color:#264AA0; }

.vlink {
   text-decoration:none; 
   color:#3b3cd2; 
   font-size:20px; 
   font-family:Arial, Helvetica, sans-serif;
   margin-bottom: 5px;
   padding-bottom: 5px;
   margin-left: 30px;
   }

.leftsidebar{
list-style-type:none;}
.sb1{font-size: 18px;
line-height: 24px;
color: #264AA0;
margin-bottom:11px;
font-weight: 600;}
.sb2{margin-bottom:11px;}
.sba{color:#264AA0; font-size: 15px; margin-bottom:11px;}

.alink {
   text-decoration:underline; 
   color:#3e64d3; 
   font-size:20px; 
   font-family:Arial, Helvetica, sans-serif;
   margin-bottom: 5px;
   padding-bottom: 5px;
   margin-left: 30px;
   }

.hlink {
   text-decoration:underline; 
   color:#4d79d3; 
   font-size:20px; 
   font-family:Arial, Helvetica, sans-serif;
   margin-bottom: 5px;
   padding-bottom: 5px;
   margin-left: 30px;
   }

.backcolor1 {background-color : #9AD912;}
/* 
    this class BACKCOLOR2 is non optional and used by CR-components: "Text", "Text with picture" for paragraph sign char
*/
.backcolor2 {background-color : #CBE6F7;}
/*
.backcolor3 {background-color : %CSS_MAIN_COLOR3%;}
.backcolor4 {background-color : %CSS_MAIN_COLOR4%;}
.backcolor5 {background-color : %CSS_MAIN_COLOR5%;}
*/

/* new headers classes */
h1{
	color : #2a2a2a;
	font-family : Arial;
	font-size : 24px;
	font-weight : bold;
	font-style : normal;
	line-height : 130%;  
	margin-top:10px;  
	margin-right: 0px;  
	margin-bottom: 20px;  
	margin-left: 0px;  
padding-bottom:50px;
}

h2{
	color : #2a2a2a;
	font-family : /*Arial*/
	font-size : 16px;
	font-weight : normal;
	font-style : normal;
	line-height : 130%;  
	margin-top:15px;  
	margin-right: 0px;  
	margin-bottom: 5px;  
	margin-left: 0px; 
}

h3{
	color : #2a2a2a;
	font-family : Arial;
	font-size : 14px;
	font-weight : bold;
	font-style : normal;
	line-height : 130%; 
	margin-top:15px;  
	margin-right: 0px;  
	margin-bottom: 5px;  
	margin-left: 0px;  
}

h4{
	margin-bottom: 0px;
	padding-bottom: 0px;
	font-size: 8px;
	color: #666;
	text-decoration: none;
	text-align: center;
}

/*
    class PICTURECAPTION used by CR-component "Picture with description"
*/	
.picturecaption {
	color: #000000;
	font-family : Arial;
	font-weight : normal;
	font-size : 11px;
}       

/* 
    class PICTURECELLPADDING need for correct margin between picture and text in CR-component "Picture with text" 
    NOTE!
    padding-XXX needed for NN4
    margin-XXX - for IE
*/
.picturecellpadding {
        padding-left : 10px;
        padding-right : 10px;
        margin-left : 10px;
        margin-right : 10px;
}

/* 
    class PARAGRAPH used by CR-components: "Text", "Text with picture", "List item"
*/
td, div{
	color: #666;
	font-family : Arial, Helvetica, sans-serif;
	font-weight : normal;
	font-style : normal;
	font-size : 15px;
}
p {
	font-family: Arial, Helvetica, sans-serif; 
	color: #666; 
	font-size: 16px; 
	line-height : 140%; 
	margin-top:0px;  
	margin-right: 0px;  
	margin-bottom: 15px;  
	margin-left: 5px;  
}

.lead{
	font-family: Verdana;
	color: #000000; 
	font-size: 15px;
	line-height : 130%;
	font-weight : bold;
	margin-top: 0px;  
	margin-right: 0px;  
	margin-bottom: 15px;  
	margin-left: 0px;  
}

.inset{
	border-left-width: 5px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-style: solid;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-color : #C2E0F4;
        font-family: Verdana;
	font-size: 11px;
	float: right; /* aligning on the page */
	width: 30%; /* width should be from 20% to 100% relative to page width, step 10% */
	padding: 15px;
	background-color: #eeeeee;
	text-align: left;
	line-height: 120%;
}

li,ul{
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 15px;
	line-height : 150%;
}
	
ul, ol{
	margin-top:-10px; /*Unchangeable*/
}

ul {
	list-style : circle;
}

UL,TABLE ul,ol{
	margin-top: 0px;
}
table {
	empty-cells:show;
}
/* Next classes: ENVIRONMENTBG, COLORBOXBORDER used only PropertyPage */
/*
    this class ENVIRONMENTBG used by PropertyPage for display color of site environment
*/
.environmentbg{
    background : #E5EFF6;
    }

.colorboxborderbg{
    background : #000000;
    }

.colorcaption { 
	color: #000000; 
	font-family : Verdana; 
	font-weight : normal; 
	font-style : normal; 
	font-size : 14px; 
	line-height: 130%; 
}              

.colordescription { 
	color: #000000; 
	font-family : Arial; 
	font-weight : normal; 
	font-style : normal; 
	font-size : 9px; 
	line-height: 130%; 
}              
.redstar_margin {
 position: relative;
 left: 30px;
}


/* old classes*/
.header {
	color: #2a2a2a;
	font-family:  Arial;
	font-size: 18px;
	font-weight: bold;
	font-style: normal;
        margin-bottom: 5px;
        padding-bottom: 5px;
}
.pageheader{
	color : #2a2a2a;
	font-family : Arial;
	font-size : 16px;
	font-weight : normal;
	font-style : normal;
        margin-left : 10px;
        margin-bottom: 5px;
        padding-left : 10px;
        padding-bottom: 5px;
}
.paragraph {
	color: #666;
	font-family : Arial, Helvetica, sans-serif;
	font-weight : normal;
	font-style : normal;
	font-size : 15px;
	line-height: 140%;
        margin-bottom: 5px;
        padding-bottom: 5px;
}                    

#calculator input, #calculator select { _margin-bottom:-1px; }
.topmenuitem.button-calculator, .topmenuitemopened.button-calculator { _width:268px; }
.topmenuitem.button-calculator:hover, .topmenuitemopened.button-calculator:hover { _width:268px; }
div#serv { padding: 10px 8px 20px 45px !important;
           color : #2a2a2a !important;
	   font-family : Arial !important;
	   font-size : 18px !important;
	   font-weight : bold !important;
	   font-style : normal !important;
	   line-height : 130% !important; 
}

#gplus {float:left; width:57px; margin-left:3px; padding-top:8px;}
#banners { margin-top:0px !important;}
#banners table td{
    background-color: #85b9e6;
}
#social-icons-buttons { text-align:center; width:720px; margin:20px auto;height:20px;padding-left:220px; }
#social-icons-buttons > div { display:inline-block; margin:0 5px; width:120px; }
.ja-ru { position:relative; }
.ja-ru > a.ya-share { bottom: 1px; left: 0; margin: 0; padding: 0; position: absolute; width: 100%; }
#social-icons-buttons .google-plus { width:80px;float:left; }
#social-icons-buttons .ja-ru { width:100px; }


.facebook-like { position:relative; width:200px !important; float:left;}
.bg2200013628391 { display:none; }

.facebook-share { width:76px; height:20px; display:inline-block; margin-bottom:0px; padding-bottom:0px; margin-left:5px; }
.facebook-share:hover { background-position:center bottom; }
.fb-like { float:left; }
.second-word { margin-left:120px; }
.perezalog { width:262px; height:39px; display:block; color:#f5960e; font:bold 18px/39px Roboto Regular,arial; text-indent:46px; text-decoration:none; margin:0 auto; padding:0; }
body .perezalog:hover { background-position:center bottom; color:#f9f4fc; }
.terminy {margin-top:15px;}
.akcii, .terminy{
text-indent:-9999px;
overflow:hidden;
display: block;
width: 262px;
margin-left: 24px;
height: 39px;
margin-bottom: 22px;
padding: 0;
color: #fffab3 !important;
text-decoration: none;
text-align: center;
font-size: 50px;
font: bold 30px/58px Roboto Regular,arial !important;
}
body .akcii:hover { 
box-shadow: 0 0 10px rgba(0,0,0,0.5);
color: #f9f4fc !important;
border-radius: 5px;
}
body .terminy:hover{
box-shadow: 0 0 10px rgba(0,0,0,0.5);
color: #f9f4fc !important;
border-radius: 5px;
}

.scale33 .zayavka, .scale25 .zayavka { overflow:hidden; }

.twitter-share{
float:left;
}
.vk-like{
float:left;
}
.facebook-share{
float:left;
}
.fb-like{
float:left;

}
.facebook-like{
height:20px;
overflow:hidden;
}

.scale25 .headerbg #about{
line-height:20px!important;
}
.scale25 #serv{
line-height:20px!important;
margin-top:-10px!important;
}
html body .first-word {padding-left:3px !important; top:0;}
html body .second-word {margin-left:30px;}
body ul.dropdown li {display: inline-flex; margin: 15px 129px 0 0; padding-top: 8px;}

.dropdown{display: inline-flex;}

body #graph p, body #graph p span {padding-left:45px;}
body #graph p {margin-top:42px;}

.new-list p{margin:0px;}
/* Redesign Styles */
#textUp,#tableItog,#textDown{margin-left:10px;margin-right:10px;}

#contpage {margin-right:0px;padding-left:15px;padding-right:5px;}


.bg-left, .bg-right, .bg-center { height:123px; padding:0px !important; }
.bg-center { margin:0px 4px; }

.rtecenter {border: 1px solid #CCCCCC;}
.ntable {BORDER-BOTTOM: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; BORDER-RIGHT: #cccccc 1px solid; MARGIN: auto; }

.normal font {margin-left: 2px}
#cred-calc-btn{letter-spacing:-1px;}
#contable-top, #contable-bottom { height:7px; }
a.popupmenuitem, a.popupmenuitem:visited { width:273px !important; }

/*--- РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… РїС—Р…РїС—Р…РїС—Р…РїС—Р…РїС—Р… ---*/
#social-icons { margin:20px 0px 30px 10px; float:left; width:100%; }
#social-icons a { padding:0px; margin:5px; margin-top:10px; }
.social-net-buttons-16 a{
    width: 16px;
    height: 16px;
    display: block;
    float: left;
    margin-right: 5px;
}
.social-net-buttons-16 a.icon-vk-16{background-position: 0 0;}
.social-net-buttons-16 a.icon-ok-16{background-position: 0 -16px;}
.social-net-buttons-16 a.icon-lj-16{background-position: 0 -32px;}
.social-net-buttons-16 a.icon-twitter-16{background-position: 0 -48px;}
.social-net-buttons-16 a.icon-facebook-16{background-position: 0 -64px;}
.social-net-buttons-16 a.icon-yaru-16{background-position: 0 -80px;}
.social-net-buttons-16 a.icon-moimir-16{background-position: 0 -96px;}
.social-net-buttons-16 a.icon-moikrug-16{background-position: 0 -112px;}
#google-button { margin:5px; float:left; margin-right:-30px; }

#offer_call {position:relative; z-index:9999; }
#button_call { 
	display:block; 
	padding:0px; 
	margin:0px; 
	text-decoration:none; 
	text-align:center; 
    width: 269px;
    height: 44px;
    font-size: 18px ;
    font-family: Roboto Light !important;
    font-weight: normal ;
    line-height: 40px;
    color: #274ba0;	
}
#button_call:hover { color:#383838; background-position:center center;}
#popup_1 { position:absolute; left:-10px; top:50px; }
#popup_0 br { display:none; }
#popup_0 img, #popup_0 .normal { float:left; }
#popup_0 .normal { display:block; width:85px; }
#popup_0 .paragraph { display:block; padding:0px 0px 2px; margin:0px; }
#popup_0 .paragraph input { width:150px; }
#popup { width:255px; height:100px;padding: 19px 5px 0px 13px; background-color: #fff; border: 2px solid #5899d2;}
#popup input{margin-left:0;}
#close { display:block; position:absolute; right:-18px; top:-23px; width:40px; height:40px; }
#banner2 { margin-left:9px; }
#banner1 { margin-left:2px; }
#txtCaptcha { width:90px !important; margin-left:3px !important; font-family: Roboto Regular,arial !important; letter-spacing:-0.7pt; }
#txtInput { float:right; margin-top:-24px; }

.zayavka { display:block; margin:10px 12px; width:285px; padding-bottom:0px; height:32px; padding-top:8px; text-decoration:none; letter-spacing:-0.2px; font-size:14px; color:#4b9615; font-style:italic; }
.zayavka:hover { background-position:center bottom; color:#61C01C; }
.zayavka span { display:block; padding:0px 0px 0px 8px; font-size:10px; line-height:80%; color:#666666; float:left; font-style:italic; }
.zayavka:hover span { color:black; }
.zayavka, #zayavka span { font-weight:bold; }
.zayavka img { border:none; float:left; margin:0px 5px; }

#menuvert ul li { list-style-image:none; }
#menuvert {width: 275px;}
body {
	margin:0;
	padding:0;
	background:#fff;
}
#banks { display:none; }

body a, body a:visited, body a:hover{outline:none;}
body a:hover{text-decoration:none;}
#phones li {height:36px;line-height:100%}
img.border, #sotrudniczestvo a img, a.kredit img {border:3px solid #DAEDD1;}
#sotrudniczestvo {margin-top:10px;}
#sotrudniczestvo a:hover img, a.kredit:hover img  {border:3px solid #57A81D;}
a.kredit {width:100%;height:100%;display:block;}
a.kredit:hover {background-color:#f8f8f8;border:1px solid #CECECE;}
#banners a img {border:none;} 
#graph p { margin-top:25px; }
#graph p, #graph p span {font-size:30px;font-weight:bold;color:#727272;font-style:italic;line-height:100%;padding-left:60px;}
#podlogo {position:relative;color:#909090;font-size:16px;left:28px;top:-14px;}
#logo a {text-decoration:none;}
#okaz {position:relative;left:20px;padding-left:20px;top:170px;}
#okazanije, #okazanije span {font-size:18px;font-style:italic;font-weight:bold;color:#8e8e8e;margin-bottom:10px;}
#okazanije span {margin-left:40px;}
#posleokazanije {font-family:Verdana;font-size:24px;color:#4b9615;font-style:italic;font-weight:bold;line-height:150%}
.banner {text-decoration:none;display:block;margin-bottom:0px;padding-bottom:0px;}
.banner span { display:none; }
#prim_nav { float:right; margin-right:10px; display:block; }
#prim_nav a { height:25px; width:25px; margin: 10px 5px 5px 5px; display:block; float:left; }
#search { float:right; margin-top:-45px; position:relative; margin-right:18px; }
#search input { width:190px; margin-right:5px; padding:0px 5px; border:none; background:none; margin-bottom:0px; font-size:14px; font-family: Roboto Regular,Arial; font-style:italic; color:#666666; }

#site_buttons img {margin:10px;}
#site_buttons {margin-left:80px;}

input, select, .paragraph, textarea {margin-bottom:5px;}
#wrapper, #header, #menu, #banners, #content, #footer{
	margin-right:auto;
	margin-left:auto;
	text-align:center;
}

.footer1{display:flex;justify-content: space-evenly;background: #97C2E5 !important;padding: 10px;}

#menu{background: #234EA2;}

.header-bg{display: flex;}

#wrapper{
	width:100%;
	/*border-top:4px solid #fff;*/
	height:100%;
}
#leftsidebar{padding-left: 15px;}
#header{
    height: 167px !important; 
}
#offer_call{
    margin: 0 !important;
}
#prim_nav a{
    margin: 5px 5px 0 5px; 
}
.container-banners{
  	background: url("/media/container-banners3.png");
    margin: 0px !important; 
    height: 331px;
}
h1, h2, h3{
    margin-left: 5px !important;
}
#logo{
    margin-top: 15px !important;
}

.zalog-center,.zayavka_kredit{
    display: block;
    height: 43px;
    width: 279px;
    font-family: Roboto Medium;
    font-size: 18px;
    color: #fff;
    text-decoration: none;
    line-height: 40px;
    box-sizing: border-box;
    padding-left: 75px;
    margin-bottom: 13px;
    position: relative;
    left: 33%;
    margin: 40px 0 30px 0px;
}

.zalog-center:hover, .zayavka_kredit:hover{
    opacity: 0.8;
    color: #fff;
}
.zalog-center:visited, .zayavka_kredit:visited{color: #fff !important;}

/* скрываем чекбокс */
  #menu__toggle {
  opacity: 0;
}
/* стилизуем кнопку */
.menu__btn {
  display: flex; /* используем flex для центрирования содержимого */
  align-items: center;  /* центрируем содержимое кнопки */
  position: fixed;
  top: 20px;
  left: 20px;
  width: 26px;
  height: 26px;
  cursor: pointer;
  z-index: 1;
}
/* добавляем "гамбургер" */
.menu__btn > span,
.menu__btn > span::before,
.menu__btn > span::after {
  display: block;
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #616161;
}
.menu__btn > span::before {
  content: '';
  top: -8px;
}
.menu__btn > span::after {
  content: '';
  top: 8px;
}

/* контейнер меню */
.menu__box {
  overflow-y:auto;
  display: block;
  position: fixed;
  visibility: hidden;
  top: 0;
  left: -100%;
  width: 300px;
  height: 100%;
  margin: 0;
  padding: 80px 0;
  list-style: none;
  text-align: start;
  background-color: #97C2E5;
  box-shadow: 1px 0px 6px rgba(0, 0, 0, .2);
}
/* элементы меню */
.menu__item {
  display: block;
  padding: 5px 24px;
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
  color: #FFFFFF;
}
#menu__toggle:checked ~ .menu__btn > span {
  transform: rotate(45deg);
}
#menu__toggle:checked ~ .menu__btn > span::before {
  top: 0;
  transform: rotate(0);
}
#menu__toggle:checked ~ .menu__btn > span::after {
  top: 0;
  transform: rotate(90deg);
}
#menu__toggle:checked ~ .menu__box {
  visibility: visible;
  left: 0;
}

#menu__toggle:checked ~ .menu__btn > span {
  transform: rotate(45deg);
}
#menu__toggle:checked ~ .menu__btn > span::before {
  top: 0;
  transform: rotate(0);
}
#menu__toggle:checked ~ .menu__btn > span::after {
  top: 0;
  transform: rotate(90deg);
}
#menu__toggle:checked ~ .menu__box {
  visibility: visible;
  left: 0;
}
.hamburger-menu{width: 0;height: 0; display:none;}

.logocd{margin-bottom:20px;}

@media screen and (max-width: 1200px){
  #menu{display:none;}
  .bc{display:none;}
  .leftsidebar{display:none;}
  .container-banners{display:none;}
  .mcontent{margin:20px !important;}
  .logocd{max-width:50%;}
  .hamburger-menu{display: block;}
  .footer1{display:grid;}
  #footer{display:grid;}
  .dropdown{display:grid;padding-left: 9px;}
  .footer_link{margin: 0 auto !important;}
  #copy{margin: 0px auto 10px 23px!important; width: 171px!important;}
}