* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
	 box-sizing: border-box;
}
html,
body {
	font: 100%/1.6em Helvetica, Roboto, SansSerif;
	color: #222;
	background: #F5F5F5;
    height: 100%;
}
#wrap {
  min-height: 100%;
}
main {
  padding-bottom: 110px;
}
header{
    padding: 20px 0;
    background: #0d47a1;
}
footer {
	margin-top: -110px;
	background: #0d47a1;
	width: 100%;
	height: 110px;
  	text-align: center;
  	color:#fff;
    padding-top: 15px;
}
.row{

}

.container {
	/*background: #e2e2e2;*/
	margin: 0 auto;
    max-width: 1200px!important;
    width: 100%;

}

.container .cols {
	float: left;
	/*margin: 0 0 1em;
	padding: 0 1em;
	background: #fd4;*/
	text-align: center;
}
/*
@media screen and (device-width: 1920px) {
    .container {width: 1920px!important;}
}
@media screen and (device-width: 1600px) {
    .container {width: 1600px!important;}
}
@media screen and (device-width: 1280px) {
    .container {width: 1280px!important;}
}
@media screen and (device-width: 1024px) {
    .container {width: 1024px !important;}
}
*/

.container .cols.col-1 { width: 8.3333333333%;}
.container .cols.col-2 { width: 16.6666666666%;}
.container .cols.col-3 { width: 25%;}
.container .cols.col-4 { width: 33.3333333333%;}
.container .cols.col-5 { width: 41.6666666667%;}
.container .cols.col-6 { width: 50%;}
.container .cols.col-7 { width: 58.3333333333%;}
.container .cols.col-8 { width: 66.6666666667%;}
.container .cols.col-9 { width: 75%;}
.container .cols.col-10 { width: 83.3333333333%;}
.container .cols.col-11 { width: 91.6666666667%;}
.container .cols.col-12 { width: 100%;}

.container:before,
.container:after,
.row:after,
.row:before,
.clear:before,
.clear:after {
	content: " ";
	display:  table;
}

.container:after,
.row:after,
.clear:after {
	clear: both;
}

.animation, .menu, .item__menu, .item__submenu, .item__sub__submenu{
    -webkit-transition: all 0.3s ease;;
      -moz-transition: all 0.3s ease;;
      -o-transition: all 0.3s ease;;
      transition: all 0.3s ease;
}
.logo{
    width: 40%;
}
.name__logo{
    margin: auto 0;
    color: white;
    font-weight: bold;
}
.menu {
    letter-spacing: normal;
    list-style: none;
    padding: 0;
    margin-top: 25px;
}
.menu a{text-decoration: none}
.item__menu {
    line-height: 50px;
    height: 50px;
    width: 280px;
    text-align: center;
    float: left;
}
.item__menu:hover{
    border: white solid 1px;
    background: #1976d2;
}
.item__menu:hover .item__menu__link{ color: #FFFFFF;}

.item__menu__link{
    display: block;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
}
.item__menu:hover .submenu{
    display: block;
}
.submenu{
    display: none;
    width: 350px;
    margin-top: 0;
    margin-left: -40px;
    list-style: none;
    background: #FFFFFF;
    border: 1px solid #1565c0;
    box-shadow: 0 2px 10px 0 rgba(0,0,0,0.50);
    position: relative;
    z-index: 100;
}
.item__submenu{
    text-align: left;
    padding: 0 5px;
    border-bottom: #1565c0 solid 1px;
    color: #555555;
    letter-spacing: 0;
}
.item__submenu__link {
    display: block;
    color: #1565c0;
    font-size: 16px;
    font-weight: bold;
}
.item__submenu:hover{
    background: #1565c0;
}
.item__submenu:hover .item__submenu__link{
    color: #FFFFFF;
}
#content__wrap{
    margin: 20px;
}
.content{
    height: 50px;
}
.content p, .content h4 {
    text-align: left;
    padding: 10px;
}

a {text-decoration: none; color: #1565c0}
.active__item{
    border-bottom: white solid 2px;
}
.wrap_list_func{
    margin-left: 20px;
    margin-bottom: 30px;
}
.wrap_list_func h5{
    font-size: 18px;
    font-weight: 400;
    margin: 15px 0;
    text-align: left;
}
.list_func{
    list-style-image: url('../img/ok_black.png');
    text-align: left;
    padding-left: 20px;
    margin: 10px 0;
}
.list_func li{
    margin: 10px 0; 
 }