@font-face {
    font-family: "FS";
    src: url("fonts/FSElliotPro/FSElliotPro.otf");
}
@font-face {
    font-family: "FS";
    src: url("fonts/FSElliotPro/FSElliotProBold.otf");
    font-weight: bold;
}

@font-face {
    font-family: "FS";
    src: url("fonts/FSElliotPro/FSElliotProHeavy.otf");
    font-weight: 900;
} 
                                                       

.navbar-inverse { background: transparent; border: 0; margin: 0; }
.navbar-toggle { background: #291924; }
img { max-width: 100%; height: auto; }
hr { border: none; height: 1px; background-color: #e6e8ec; clear: both; margin: 0; overflow: hidden; }
.clear { clear: both; overflow: hidden; content: '.'; }
.fancybox-skin { border-radius: 0 !important; }

/*
div [class*="col-"] { padding-right:10px; padding-left:10px; }
div.container .row { margin-left:10px; margin-right:10px }
div.container, .navbar-collapse { padding-right:10px; padding-left:10px; }
*/

.container-fluid [class*="col-"] {padding-left:0;padding-right:0}
.container-fluid .row {margin-left:0;margin-right:0}
.container-fluid {width:100%;max-width:none;padding:0;}
.nopadding { padding: 0 !important; margin: 0 !important; } 

body { background: url(/img/news/bg.png); font-family: 'FS', sans-serif; color: #4b4b4b; font-size: 15px; }
a[href*=".docx"], a[href*=".xls"] { padding-left: 50px; display: block; line-height: 34px;  
background: url(/img/docx.png) 0px 0px no-repeat; font-size: 20px; }
a[href*=".xls"] { background: url(/img/xls.png) 0px 0px no-repeat; }


a { color: #3562a9; }
a.but { background: #01ae80; color: #fff; font-size: 18px; font-weight: bold; padding: 18px 40px; display: inline-block;
text-transform: uppercase; margin-top: 20px; }  
a:hover { color: #000; }

h1, h2, h3 { font-family: FS; font-weight: 900; }
h1 { font-size: 42px; color: #3562a9; background:url(/img/h.png) 50% 100% no-repeat; padding-bottom: 30px;
font-weight: 900; text-align: center; margin-top: 0;  }
h2 { font-size: 36px; color: #3562a9; }
h3 { font-weight: normal; color: #3562a9; }



#subheader { background: url(/img/subheader/subheader.png) 50% 0px no-repeat; font-weight: bold; }
#subheader p { margin: 0; margin: 10px 0; }
#subheader .place { float: left;  }
#subheader .place span { color: #c8cacd; padding: 0 20px; font-weight: normal; }
#subheader .phone { float: right; background: url(/img/subheader/phone.png) 0px 50% no-repeat; 
color: #fff; padding-left: 30px; font-size: 18px; }
#subheader .phone span { padding: 0 20px; }
#subheader a { /*float: right; font-size: 15px; font-weight: bold; text-transform: uppercase; color: #82c613; padding: 10px 20px;
border-left: solid 1px #e6e8ec; border-right: solid 1px #e6e8ec;*/ color: #fff; }

#header { z-index: 2; width: 100%; font-size: 15px; padding: 12px 0; background: #fff;  }
#header a.logo { float: left; display: block; width: 196px; height: 70px; background: url(/img/logo.png) 0px 0px no-repeat; background-size: contain; 
z-index: 2; position: relative; }
#header ul { margin: 0; list-style-type: none; float: right; padding: 0;  }
#header ul li { float: left; max-width: 214px; }
#header ul li a { display: block; text-decoration: none; padding: 10px 18px; background: none; color: #4b4b4b;
font-weight: bold; }
#header ul li.active a { color: #000; } 
#header ul li:hover a { color: #000; }
#header a.marked { color: #3562a9; }

#header ul li ul li { max-width: 999px; }
#header ul li ul li a { padding: 10px 20px 10px;   background: url(../img/satin.png);  }
#header ul li ul li a:hover { background: #fff; color: #3562a9; }
#header ul li:hover, #header ul li:hover ul  { background: #3562a9;  }
#header ul li:hover a { color: #fff; }

#header ul li.nopage { background: #f4f6f9; padding: 5px 0; padding-left: 18px; }

#slide {  background: url(/img/slide/bg.jpg) 50% 0 no-repeat;  text-align: center; font-size: 18px;  
position: relative; clear: both; overflow: hidden; color: #fff; background-size: cover; }
#slide, #slide #personal, #slide #calc, #slide #photo, #slide #npf { height: 540px; }
#slide #personal { background: url(/img/slide/personal.jpg) 50% 0 no-repeat; overflow: hidden;  }
#slide #personal .icon { width: 54px; height: 54px; background: url(/img/slide/personal-icon.png); margin: 120px auto 20px;  }
#slide a.register { color: #fff; border-bottom: solid 2px #01ae80; padding-bottom: 5px; text-decoration: none;
clear: both; display: inline-block; }
#slide #personal a.but, #slide #calc a.but { border: solid 2px #fff; background: transparent; 
padding-left: 0; padding-right: 0; display: block; margin: 15px 15px; font-size: 15px; padding: 5px; }

#slide #personal a.but:hover, #slide #calc a.but:hover { background: #fff; color: #14539f; }
#slide h2 { padding-top: 30px; color: #fff; }
#slide h1 { color: #fff; padding: 0; margin: 0; margin-bottom: 25px; }
#slide #calc { background: url(/img/slide/calc.jpg) 50% 0 no-repeat; overflow: hidden;   }
#slide #calc .icon { width: 54px; height: 54px; background: url(/img/slide/calc-icon.png); margin: 120px auto 20px;  }
#slide #calc a.but:hover { color: #01ae80; }
#slide #photo { background: url(/img/slide/slide.jpg) 50% 0 no-repeat; background-size: cover; overflow: hidden; }
#slide a.but { clear: both; }

#main #slide #personal, #main #slide #calc { height: 270px; background-size: cover; padding-top: 30px; }
#main #slide #personal .icon { margin: 20px auto 10px;  }
#main #slide #calc .icon { margin: 20px auto 10px;  }
#slide #npf { background: url(/img/slide/personal.jpg) 50% 0 no-repeat; overflow: hidden; background-size: cover; 
 line-height: 15px;  }
#slide #npf .icon { width: 52px; height: 58px; background: url(/img/slide/npf-icon.png); margin: 20px auto 20px;  }
#slide #npf a { color: #fff; font-size: 16px;  }
#slide #npf ul { margin-left: 10px; list-style-type: none; text-align: left; margin-top: 20px; }
#slide #npf li { margin-bottom: 10px; background: url(/img/marker.png) 0 4px no-repeat; padding-left: 15px; }
#slide #npf li a { color: #fff; font-size: 14px;  }

#slide.inner { height: 250px; }
#slide.inner #personal .icon, #slide.inner #calc .icon {  margin: 20px auto 20px;  }
#slide.inner h2 { padding-top: 40px; }

#about { padding-top: 50px; }

#news_top { font-size: 15px; background: url(/img/news/bg.png); padding: 50px 0; text-align: center; }
#news_top .item { text-decoration: none; text-align: left; margin-bottom: 20px; }
#news_top .item { border: solid 1px #dddddd; display: block; background: #fff; }
#news_top .item:hover { border-color: #14539f; }
#news_top .item:hover .name { text-decoration: underline; }
#news_top img { margin-bottom: 10px; }
#news_top span { display: block; margin: 7px 20px; }
#news_top .name { color: #14539f; font-weight: bold; }
#news_top .date { font-size: 13px; color: #797979; background: url(/img/news/calendar.png) 0 50% no-repeat; padding-left: 20px; }
#news_top .announc { font-size: 13px; line-height: 18px; color: #4b4b4b; }  
#news_top .more { display: inline-block; font-size: 15px; font-weight: bold; 
background: url(/img/news/arrow.png) 100% 50% no-repeat; color: #01ae80; padding-right: 30px; margin-bottom: 22px;
text-decoration: underline; }
#news_top .but { margin-top: 40px; }

#news { font-size: 15px; background: url(/img/news/bg.png); padding: 50px 0; text-align: center; }
#news .item { text-decoration: none; text-align: left; margin-bottom: 20px; }
#news .item { border: solid 1px #dddddd; display: block; background: #fff; overflow: hidden; }
#news .item:hover { border-color: #14539f; }
#news .item:hover .name { text-decoration: underline; }
#news img { margin-bottom: 10px; }
#news span { display: block; margin: 7px 20px; }
#news .name { color: #14539f; font-weight: bold; }
#news .date { font-size: 13px; color: #797979; background: url(/img/news/calendar.png) 0 50% no-repeat; padding-left: 20px; }
#news .announc { font-size: 13px; line-height: 18px; color: #4b4b4b; }  
#news .more { display: inline-block; font-size: 15px; font-weight: bold; 
background: url(/img/news/arrow.png) 100% 50% no-repeat; color: #01ae80; padding-right: 30px; margin-bottom: 22px;
text-decoration: underline; }
#news .one { border: solid 1px #dddddd !important; }
#news .one .date { margin: 20px 40px 0px 40px; } 
#news .one .announc { font-size: 15px; padding: 20px; line-height: 1.42;  }


#request { padding: 50px 0; background: url(/img/request.png); text-align: center;  } 
#request h1 { color: #fff; padding-bottom: 0; }
#request h2 { color: #fff; font-size: 36px; }
#request h3 { color: #fff; font-size: 18px; }
#request .phone { font-size: 42px; font-weight: bold; color: #fff; font-weight: 900; }
#request .phone .code { color: #01ae80 }
#request .phone .code:last-child { padding-left: 35px; }
#request a.but { margin: 20px 0; } 
#request a.but:hover { background: #fff; color: #01ae80; }

#contacts { padding-bottom: 20px; }
#contacts p { padding-left: 50px; padding-bottom: 12px; }
#contacts .place { background: url(/img/place.png) 0 0 no-repeat; font-size: 22px; font-weight: 900;
margin: 0;  }
#contacts .f { background: url(/img/f.png) 0 0 no-repeat; padding-left: 25px; color: #4b4b4b; text-decoration: none;  }

#page, #news { text-align: left; padding: 40px 0; }
#page h1 { text-align: center; }
#text { border: solid 1px #dddddd; padding: 20px; background: #fff; }

#page ul li { list-style-type: none; background: url(/img/marker3.png) 0 4px no-repeat; background-size: 13px; padding-left: 20px; 
padding-bottom: 5px; margin-left: 0; }
#page ul li a:hover { color: #01ae80; text-decoration: none; }
#page ul li.active a { font-weight: bold; }

#page .read-more { background: #eef1f4; padding: 15px 25px; }
#page .read-more h4 { font-weight: bold; }
#page .read-more ul li { background: url(/img/marker4.png) 0 5px no-repeat; padding-left: 15px; }
#page .read-more ul li a { text-decoration: underline; }

.block1, .block2, .block3 { padding: 20px; margin: 15px 0; }
.block1 { background: #ecefee url(/img/excl.png) 20px 50% no-repeat; border-bottom: solid 10px #01ae80; padding-left: 120px; min-height: 120px;  }
.block2 { background: #01ae80 url(/img/info.png) 20px 50% no-repeat; padding-left: 140px; min-height: 120px; color: #fff; }
.block3 { background: #3a73ba url(/img/info.png) 20px 50% no-repeat; padding-left: 140px; min-height: 120px; color: #fff; }
.block1 a, .block2 a, .block3 a { color: #fff; text-decoration: underline; } 

#callback { display: none; }
#callback h2 { font-size: 22px; }
/*
#gallery a { display: block; background: #2d221f; position: relative;  margin: 0 auto; margin-bottom: 20px;  }
#gallery a span { font-family: 'Ubuntu Condensed'; font-size: 38px; color: #fff; position: absolute; top: 30%; left: 0; right: 0;
bottom: 0; text-shadow: 0px 1px 1px #2d221f; text-align: center; }
#gallery a img {  opacity: 0.5; width: 100%;  } 
#gallery a:hover img { opacity: 1; } 
#gallery a.photo img {  }
*/



form { margin-left: 0px; max-width: 500px; margin: 0 auto; }
form p { margin: 10px 0; }
form label { display: block; width: 100px; float: left; text-align: left; padding: 5px; 
padding-right: 20px; font-family: inherit;  }
input[type=text], input[type=submit], textarea, select { padding: 10px; border: 0; font-family: inherit; 
  background-color: #fefefe; border: solid 1px #ddd; width: 100%; }
input:hover, textarea:hover,  
input:focus, textarea:focus, select:focus, select:hover {  background-color: #fff; border-color: #14539f; }
input[type=submit] { background: #01ae80; color: #fff; font-weight: bold; padding: 20px 40px; display: inline-block;
text-transform: uppercase;width: 100%; }
input[type=submit]:hover, a.but:hover { background-color: #14539f; text-decoration: none; color: #fff; }
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-indent: 0px;
    text-overflow: '';
   
    background: url(/img/select.png) 90% 50% no-repeat;
    width: auto;
    min-width: 50px;
    padding-right: 40px;
}
select::-ms-expand {
    display: none;
}



.error, .send { text-decoration: none;} 
.error { color: #ff0000; }
.send { color: #00aa00; }

table { border-collapse: collapse; width: 100%; margin: 10px 0; }
table th, table td { text-align: left; padding: 7px 10px; }
table th { padding-right: 20px; width: 300px; }
/*
table tr:nth-child(odd) { background-color: #fafafa; }
table tr:hover { background-color: #ffeeee;  }
*/

#calc form { max-width: 9999px; }
#calc form label { display: block; width: auto; float: none; padding: 0; clear: both; overflow: hidden; 
font-weight: normal;  }
#calc form .labe { display: block; clear: both; margin-bottom: 15px; }
#calc form strong { padding-right: 15px; }
#calc form .inline { display: inline; }
#calc form .hint { font-size: 12px; }



#footer { background: #093c78; padding: 30px 0; /*overflow: hidden;*/ color: #fff; line-height: 17px;  }
#footer .logo { width: 142px; height: 38px; background: url("/img/footer/logo.png");   }

#footer h2 { font-size: 22px; color: #fff; margin-bottom: 20px;  }
#footer ul { list-style-type: none;  }
#footer a { color: #fff; }
#footer a:hover { color: #01ae80; text-decoration: none; }
#footer p { margin: 0; clear: both; }
#footer ul li { list-style-type: none; background: url(/img/marker.png) 0 4px no-repeat; padding-left: 20px; 
padding-bottom: 10px; margin-left: 0; }
#footer .phone, #footer .place { background: url("/img/footer/phone.png") 3px 7px no-repeat; padding-left: 25px;
padding-bottom: 5px; margin-bottom: 20px; } 
#footer .place { background: url("/img/footer/place.png") 3px 5px no-repeat; } 

#copy { color: #fff; background: #092d56; text-align: center; padding: 20px 0; font-size: 13px; }
#copy .weblux { color: #fff;  }
#copy .weblux a { color: #fff; }






#navbar { position: relative; overflow: visible;  border: 0; box-shadow: none; padding: 0; }
.navbar {  }
#menu ul { width: auto; border: none; }
#menu ul li { display: block; float: none;  }

@media (max-width : 1200px){
  
  #header ul li a { padding: 20px 9px; }
  #header ul li { max-width: 160px; }
  #subheader { background-position: 70% 0px; }
}

@media (min-width : 992px){
  .nav > li:hover > .dropdown-menu { display: block; } 
  #text { padding: 20px 70px; }
  

}

@media (max-width : 991px){
  
  
  
}

@media (max-width : 767px){
  
  
  #header #menu { float: none; }
  #header #menu li { display: block; clear: both; float: none; max-width: 999px;  }
  #header #menu li a { width: 100%; clear: both; padding-top: 10px; padding-bottom: 10px; }
  #header #menu li ul { position: relative; width: 100%; }
  #header #menu li ul li a { padding-left: 50px; }
  #navbar { padding: 0; }
  
  #subheader { background-position: 90% 0px; font-size: 10px; }
  #subheader .phone { font-size: 16px; }
  
  #slide, #slide #personal, #slide #calc, #slide #photo { height: 235px; background-size: cover; }
  #slide .col-xs-6 { padding: 0; }
  #slide #personal .icon, #slide #calc .icon {  margin: 20px auto 20px;  }
  #slide #personal { padding-bottom: 20px; }
  #slide h2 { padding-top: 40px; }
  #slide.inner { height: auto; }
  
  #slide #npf { }
  #slide #npf .icon  { margin-top: 10px; }
  
  
}


#links {
    position: fixed;
    bottom: 10px;
    width: 100%;
    padding-top: 10px;
    list-style: none;
    text-align: center;
    z-index: 99999;
}

#links li {
    display: inline;
    padding: 0 5px;
}

#links li label {
    width: 12px;
    height: 12px;
    border-radius: 100%;
    display: inline-block;
    background-color: rgba(0, 0, 0, 0.6);
    cursor: pointer;
}

#links li.active label {
    background-color: white;
}