@charset "utf-8";
/* CSS Document */
html{
    position: relative;
    overflow-y: scroll;
    min-height: 100%;
    height: 100%;
}body{
    	position: relative;
    background-repeat: no-repeat;
    background-attachment: fixed;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 15px;
    line-height: normal;
    overflow: visible;
    	min-height: 100%;
} @media only all and (min-width: 1200px) {	
  body{
	background-image: url('/images/back-pic_l_1.png'), url('/images/back-pic_r_1.png'), url('/images/back.jpg');
	background-position:left bottom, right bottom, center;
	background-size:auto, auto, cover;
  }
} @media only all and (max-width: 1199px) {	
  body{
	background-image: url('/images/back-pic_l_2.png'), url('/images/back-pic_r_2.png'), url('/images/back.jpg');
	background-position:left bottom, right bottom, center;
	background-size:auto, auto, cover;
  }
} @media only all and (max-width: 999px) {	
  body{
	background-image: url('/images/back-pic_l_2.png'), url('/images/back-pic_r_2.png'), url('/images/back.jpg');
	background-position:calc(40% - 236px) bottom, calc(60% + 237px) bottom, center;
  }
} @media only all and (max-width: 499px) {	
  body{
	background-image: url('/images/back-pic_r_2.png'), url('/images/back.jpg');
	background-position:right bottom, center;
	background-size:auto, cover;
  }
} *{
	margin: 0;
	padding: 0;
}/* -------------------------------------------------------- Typografy ----------------------------------------------------------------------------- */
/* ------------------------------ tipografy > link ------------------------------ */
a:not([class]){
    color: #fff;
	background-color:#0A3667;
	padding:0 7px;
	text-decoration: none;
}a:not([class]):hover{
	background-color:#125EB5;
}/* ------------------------------ tipografy > p Hx ------------------------------ */
p{
    margin-bottom: 25px;
    text-align: justify;
	color:#0A3667;
	font-size: 17px;
	line-height: 19px;
	font-weight: 300;
}h1{
	font-size: 34px;
	line-height: 36px;
    text-align: center;
	font-weight: 700;
	color:#0A3667;
    border-bottom: 2px solid #d7e5f4;
    margin-bottom: 25px;
}h2{
	font-size: 26px;
	line-height: 28px;
	text-align: center;
	font-weight: 700;
	color: #F58220;
	margin-bottom: 25px;
}h3{
	font-size: 22px;
	line-height: 24px;
	text-align: left;
	font-weight: 700;
	color: #0A3667;
	margin-bottom: 15px;
	padding-left: 5px;
	border-left: 8px solid #F58220;
}h4{
	font-size: 19px;
	line-height: 24px;
	text-align: left;
	font-weight: 700;
	color: #0A3667;
        border-bottom: 2px solid #d7e5f4; 
    margin-bottom: 20px;
}.orange{
	color:#fff;
	background-color:#F58220;	
    padding:0 7px;
}.cyan{
	background-color:#d7e5f4;	
    padding:0 7px;
}b, strong{
	font-weight: 700;	
}/* ------------------------- tipografy > list ------------------------- */
ul:not([class]), ol:not([class]){
    margin: 0px 0px 30px;
    padding: 15px 25px 10px;
    background: #f8f8f8;
	border-radius: 5px;
    text-align: justify;
	font-size: 14px;
}ul:not([class]) li, ol:not([class]) li {
    margin: 0px 0px 15px;
    padding: 0px;
}ul:not([class]) li{
    list-style: inside disc;
}ol:not([class]){
  counter-reset: item;
  list-style: none;
}ol:not([class]) li:before{
  counter-increment: item;
  content: counter(item) ".  ";
  font-weight: bold;
}ol:not([class]) li ul, u:not([class])l li ul{
    counter-reset: none;
    margin: 0px 0px 10px;
    background: #eee;
}ol:not([class]) li ul li, ul:not([class]) li ul li{
    list-style: inside circle;
}ol:not([class]) li ul li:before{
  content: none;
}/* ------------------------- form ------------------------- */
form {
    margin-bottom: 20px;	
} fieldset:not([id]) {
	box-sizing: border-box;
} select, textarea, input[type="text"]:not(.captcha):not(.width100px):not(.width20):not(.width30):not(.width40):not(.width70):not(.width85), input[type="password"]:not(.width70), input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
	width: 100%;
} input[type="text"].width100px {
	width: 100px;
} select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    box-sizing: border-box;
    display: inline-block;
    margin-bottom: 0;
    font-size: 22px;
	font-weight: 300;
    line-height: 24px;
    color: #999;
    vertical-align: middle;
	text-align: center;
} select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input, input[type="text"]#quantity {
    padding: 10px;
} select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    background-color: #f8f8f8;
    border-width: 1px;
    border-style: solid;
	border-color: #bbb;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1) inset;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
} .form-search input, .form-inline input, .form-horizontal input, .form-search textarea, .form-inline textarea, .form-horizontal textarea, .form-search select, .form-inline select, .form-horizontal select, .form-search .help-inline, .form-inline .help-inline, .form-horizontal .help-inline, .form-search .uneditable-input, .form-inline .uneditable-input, .form-horizontal .uneditable-input, .form-search .input-prepend, .form-inline .input-prepend, .form-horizontal .input-prepend, .form-search .input-append, .form-inline .input-append, .form-horizontal .input-append {
    display: inline-block;
    margin-bottom: 0px;
    vertical-align: middle;
} textarea:focus, input[type="text"]:focus:not([readonly]), input[type="password"]:focus:not([readonly]), input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus:not([readonly]), input[type="url"]:focus:not([readonly]), input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
    background-color: #eee;
	box-shadow: 0 0 7px rgba(0,0,0,0.5);
}label{
	position: relative;
	font-size: 26px;
	line-height: 30px;
	font-weight: 300;
	color: #0A3667;
	margin-bottom: 10px;
}label:not(.no-top-margin){
	margin-top: 25px;
}label:not(.align-default){
    text-align: center;
}label:not(.width15):not(.width30):not(.width33):not(.label-line){
    display: block;
}label.width30{
	min-height: 30px;
	padding-top: 10px;
}input[type="checkbox"]{
	float: left;
}input[readonly]{
    background-color: #e5e5e5;
    color: #000;
}input[required]:not([readonly]), select[required]:not([readonly]) {
    border-color: #e60;
}select option{
	color: #000;;	
}input[type="submit"], input[type="reset"]{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 24px;
    line-height: 26px;
	position:relative;
    box-sizing: border-box;	
    display: inline-block;
	padding: 10px;
    margin-bottom: 12px;
    vertical-align: middle;
    cursor: pointer;
	text-decoration: none;
    border-radius: 30px;
    border-width: 2px; 
    border-style: solid;
    text-align: center;
	font-weight:700;
}input[type="submit"]{
	width:100%;
	color:#fff;
	background-color:#F58220;
	border-color:#F04800;
}input[type="reset"]{
	color:#333;
	background-color:#ccc;
	border-color:#333;
}input[type="submit"]:hover{
	background-color:#F04800;
}input[type="reset"]:hover{
	color:#ccc;
	background-color:#333;
	border-color:#ccc;
}
/* ------------------------- Buttons ------------------------- */
.btn{
	position:relative;
	min-height:50px;
    box-sizing: border-box;	
    display: inline-block;
	padding: 15px 20px 15px 70px;
    margin-bottom: 12px;
    vertical-align: middle;
    cursor: pointer;
	text-decoration: none;
    border-radius: 30px;
    border-width: 2px; 
    border-style: solid;
    text-align: center;
	font-weight:700;
}@media only all and (min-width: 600px) {	
  .btn{
	font-size: 30px;
    line-height: 30px;
  }
} @media only all and (max-width: 599px) {	
  .btn{
	font-size: 24px;
    line-height: 24px;
  }
} .btn{
	color:#F58220;
	background-color:rgba(255,255,255,0.6);
	border-color:#0A3667;
}.btn:hover{
	background-color:rgba(255,255,255,0.8);
	border-color:#125EB5;
}.btn span:not(.fa){
    font-size: 16px;
	color: #F04800;
}.btn .fa{
	position:absolute;
	top:calc(50% - 20px);
	left:20px;
    font-size:40px;
	color:#0A3667;
	transition:left ease-in-out 0.2s;
}.btn:hover .fa{
	left:25px;
}/* -------------------------------------------------------- Layout ----------------------------------------------------------------------------- */
.site {
	position: relative;
	display: block;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
} @media only all and (min-width: 860px) {	
  .site{
	max-width: 800px;
	min-width: 800px;
  }
} @media only all and (max-width: 859px) {	
  .site{
	max-width: 100%;
	min-width: 100%;
	padding-left:20px;
	padding-right:20px;
  }
} .clr {
     width: 100%;
	height: 0px;
	min-height: 0px;	
}
/* --- Images img --- */
img{
	vertical-align: top;
    height: auto;
    max-height: 100%;
	width: auto;
	max-width: 100%;
    border: 0px none;
}/* --- Images wrap --- */
.img{
    display: block;
    width: 100%;
    margin-bottom: 10px;
    border-radius: 25px;
    border: 2px solid #d7e5f4;
    overflow: hidden;
}.img img{
	width: 100%;
    min-width: 100%;
}/* -------------------- templates -------------------- */
/* ---------- header ---------- */
@media only all and (min-width: 860px) {	
  header{
    padding-top:30px;
    padding-bottom:25px;	
  }
} @media only all and (max-width: 859px) {	
  header{
    padding-top:15px;
    padding-bottom:15px;	
  }
} /* --- logo --- */
#logo{
	position:relative;
	display:block;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	box-sizing:border-box;
	transition:opacity ease-in-out 0.15s;
	opacity:1;
} @media only all and (min-width: 860px) {	
  #logo{
	width:330px;
  }
} @media only all and (max-width: 859px) {	
  #logo{
	width:250px;
  }
} #logo:hover{
	opacity:0.7;
}/* ---------- menu ---------- */
nav{
	width:100%;
	background-color:#0A3667;		
}nav > ul > li{
    width:33.33%;
	display:inline-block;
	vertical-align: top;
	box-sizing:border-box;	
	position:relative;
} @media only all and (min-width: 600px) { 
  nav > ul > li{
    width:33.33%;
	display:inline-block;
	vertical-align: top;
  }nav > ul > li:not(:first-child){
    border-left:1px solid #fff;		
  }
} @media only all and (max-width: 599px) { 
  nav > ul > li{
    width:100%;
	display:block;
  }nav > ul > li:not(:first-child){
    border-top:1px solid #fff;		
  }
} nav > ul > li > .menu{
	display:block;
    text-align: center;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration:none;
	color:#fff;	
	cursor:pointer;
}nav > ul > li > .menu:hover, nav > ul > li.active > .menu{
	background-color:#125EB5;	
} @media only all and (min-width: 860px) {	
  nav > ul > li > .menu{
	font-size: 24px;
	line-height: 24px;
    padding-top:10px;
    padding-bottom:10px;	
  }
} @media only all and (max-width: 859px) {	
  nav > ul > li > .menu{
	font-size: 20px;
	line-height: 20px;
    padding-top:5px;
    padding-bottom:5px;	
  }
} @media only all and (max-width: 599px) {	
  nav > ul > li > .menu{
	font-size: 24px;
	line-height: 24px;
    padding-top:8px;
    padding-bottom:8px;	
  }
} nav > ul ul{
    width:100%;
	box-sizing: border-box;
	background-color:#fff;
	overflow: hidden;
} @media only all and (min-width: 600px) { 
 nav > ul ul{
	position:absolute;
	left:0;	
	border-radius: 0 0 25px 25px;
    border: 2px solid #d7e5f4;
    border-top: 0;
	box-shadow: 3px 0 3px rgba(0,0,0,0.3);
    z-index: 5;
  }
} nav > ul ul > li{
    width:100%;
	display:block;
	box-sizing:border-box;
	border-top: 1px solid #d7e5f4;
}nav > ul ul > li > a{
	display: block;
	font-size: 20px;
	line-height: 20px;
	text-align:center;
	font-weight:700;
	color:#0A3667;
    padding:10px;
	text-decoration:none;
}nav > ul ul > li > a:hover, nav > ul ul > li > a.active{
	background-color:#d7e5f4;
  
} /* ---------- mobil-menu ---------- */
@media only all and (min-width: 600px) {	
  #mob-menu{
	display:none	
  }
} @media only all and (max-width: 599px) {	
  #main-menu{
	display:none;
  }#mob-menu{
	text-align: center;  
	background-color:#0A3667;
	cursor:pointer;
  }#mob-menu.active{
	background-color:#125EB5;
  }#mob-menu span{
    font-size: 30px;
    line-height: 30px;
	color:#fff;
    padding-top: 5px;
    padding-bottom: 5px;
  }
} /* ---------- content ---------- */
main{
    padding-bottom: 50px;
}#content {
    border-radius: 0 0 25px 25px;
    border: 2px solid #d7e5f4;
    border-top: 0;
    box-shadow: 0px 10px 10px rgba(0,0,0,0.3);
    background-color: #fff;
    padding: 30px 30px 20px;
    box-sizing: border-box;
}  /* ---------- footer ---------- */
footer{
	width:100%;
	background-color:rgba(255,255,255,0.5);
	position:absolute;
	bottom:0;
	left:0;
}footer div{
	font-size: 14px;
	line-height: 14px;
    text-align: center;
	font-weight: 700;
	color:#0A3667;
    padding-top:5px;
    padding-bottom:7px;	
}
/* ------------------------- styles ------------------------- */
/* --- block on main --- */
.bl-main{
    text-align: center;
	font-weight: 700;
	text-transform: uppercase;
	color:#0A3667;
} @media only all and (min-width: 860px) {	
  .bl-main{
	font-size: 36px;
	line-height: 44px;
	padding-top: 50px;
    padding-bottom: 30px;	
  }
} @media only all and (max-width: 859px) {	
  .bl-main{
	font-size: 30px;
	line-height: 40px;
	padding-top: 30px;
    padding-bottom: 20px;	
  }
} .bl-main .btn{
	margin-top: 30px;
}
/* --- soсial --- */
#soсial{
    margin-bottom: 40px;	
}#soсial > a{
    width: calc(20% - 8px);
	display:inline-block;
	background-color:rgba(0,0,0,0.1);
	transition: background-color ease-in-out 0.2s;	
	font-size: 40px;
	color:#faa700;
	padding-top: 10px;
	padding-bottom:10px;
	text-align:center;
	border-radius:20px;
}#soсial > a:not(:last-child){
    margin-right: 10px;	
}#soсial > a:hover{
	color: #ffeca3;
	background-color:rgba(0,0,0,0.3);	
}/* --- add --- */
.none{
    display:none;	
}