/* Основное */
body, html {
padding: 0;
margin: 0;
font-family: "Exo 2", sans-serif;
font-size: 18px;
line-height: 34px;
}
.mobile {
display: none
}
.normi {
clear: both
}
.showall {
display: inline-block;
vertical-align: top;
background: #fff;
padding-right: 20px;
padding-left: 20px;
float: right
}
.showall a {
color: #fe0000;
}
.lang {
line-height:normal ;
margin-top: 3px;
}
.lang .mod-languages ul {
padding: 0;
margin: 0;
list-style: none;
}
.lang .mod-languages img {
width: 35px;
height: auto;
border: 1px solid #000
}
a {
color: #000;
text-decoration: none;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
h1, h2 {
background: #fff;
font-size: 28px;
display: inline-block;
padding-right: 10px;
padding-bottom: 8px;
font-weight: 900;
margin: 0
}
.readmore {
}
.readmore a, a.readmore {
display: inline-block;
background: #fe0000;
color: #FFF;
padding: 0px 15px;
border-radius: 5px;
font-size: 14px;
}
.readmore a:hover {
background: #242e7b
}
.zagolovok {
background: url("/images/line.png") repeat-x center center;
margin-top: 40px;
}
.wrapper {
width: calc(100% - 20px);
max-width: 1600px;
padding: 0 10px;
margin: auto
}
.top {
background: #00529f;
padding: 2px 0;
border-bottom: 1px solid #003796;
}
/* Верхнее меню */
.menu {
text-align: center;
background:url("/images/menuBG.png") repeat-x center center;
margin-top: 20px;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.menu ul {
list-style: none;
padding: 0;
margin: 0;
width: 100%;
}
.menu ul li {
display: inline-block;
vertical-align: middle;
background: #fff;
padding: 5px 10px;
width: 12%;
margin: 0 2%;
border-radius: 5px;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.menu ul li:hover {
background: #00529f;
}
.menu ul li:nth-of-type(3):hover {
background: #fff;
}
.menu ul li a {
font-size: 18px;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.menu ul li:hover a {
color: #fff
}
/* Контент */
.content {
min-height: 450px
}
/* Главная */
.mainpic img {
width: 100%;
height: auto
}
.members {
text-align: justify;
text-align-last: justify;
margin-bottom: 40px;
}
.members img {
width: 8%;
height: auto;
max-width: 100%;
display: inline-block;
vertical-align: middle;
}
.about img {
float: left;
padding-right: 20px;
}
.about.three {
}
.about.three ul {
list-style: none;
padding: 0;
margin: 0;
font-size: 0
}
.about.three ul li {
width: 30%;
display: inline-block;
vertical-align: top;
font-size: 18px;
margin-right: 5%;
}
.about.three ul li:last-of-type {
margin-right: 0;
}
/* Хлебные крошки */
.breadcrumbs {
background: rgba(0,0,0,0.05);
padding: 0px 10px;
border-radius: 100px;
font-size: 12px;
display: inline-block;
margin: 20px 0;
}
.footer {
background: #00529f;
padding: 25px 0;
text-align: center;
text-align-last: justify;
margin-top: 30px;
}
.footer .logo, .footer .copyright, .footer .phone {
display: inline-block;
vertical-align: middle;
color: #fff;
width: 33%;
}
.footer .logo {
text-align: left;
text-align-last: left
}
.footer .copyright {
text-align: center;
text-align-last: center
}
.footer .phone {
text-align: right;
text-align-last: right;
font-size: 18px;
}
.footer .phone a {
color: #fff
}
.footer .phone a:hover {
color: #fe0000
}
.footer .logo .image {
display: inline-block;
vertical-align: middle
}
.footer .logo .text {
display: inline-block;
vertical-align: middle;
line-height: normal;
width: 150px;
font-size: 16px;
}
.footer .warning {
color: #3d66ff;
text-shadow: 0 0 1 #3d66ff;
font-size: 24px;
margin-bottom: -33px;
font-weight: 600
}
@media screen and (max-width: 1000px) {
body, html {
font-size: 14px;
line-height: 34px;
}
.mobile {
display: block
}
h1, h2 {
font-size: 22px;
padding: 0 20px;
text-align: center
}
.zagolovok {
text-align: center
}
/* Верхнее меню */
.menu {
text-align: left;
background:rgba(255,255,255,0.9);
position: fixed;
width: calc(100% - 100px);
height: calc(100% - 40px);
box-shadow: 0 0 10px 0 rgba(0,0,0,0.6);
top: 0;
left: -1000px;
padding: 20px;
margin-top: 0px;
display: block;
z-index: 10
}
.menu ul {
list-style: none;
padding: 0;
margin: 0;
width: 100%;
display: inline-block;
line-height: 45px;
}
.menu ul li {
display: block;
background: none;
padding: 0;
width: auto;
margin: 0;
border-radius: 0px;
}
.menu ul li:nth-of-type(3) {
display: none
}
.menu ul li a {
font-size: 18px;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.menu ul li:hover a {
color: #fff
}
/* Главная */
.mainpic img {
width: calc(100% + 20px);
height: auto;
margin: 0 -10px;
}
.members {
text-align: center;
text-align-last: center;
}
.members img {
width: 20%;
height: auto;
max-width: 100%;
display: inline-block;
vertical-align: middle;
}
.about {
text-align: center
}
.about img {
float: none;
padding-right: 0px;
width: 100%;
height: auto
}
.about.three {
}
.about.three ul li {
width: 100%;
display: block;
font-size: 16px;
margin-right: 0%;
}
.footer {
text-align: center;
text-align-last: center;
margin-top: 30px;
}
.footer .logo, .footer .copyright, .footer .phone {
display: block;
vertical-align: middle;
color: #fff;
width: 100%;
}
.footer .logo {
text-align: center;
text-align-last: center
}
.footer .copyright {
text-align: center;
text-align-last: center
}
.footer .phone {
text-align: center;
text-align-last: center;
}
.footer .logo .image {
display: block;
vertical-align: middle
}
.footer .logo .text {
display: block;
width: 100%;
font-size: 22px;
margin-bottom: 30px;
}
.footer .warning {
color: #3d66ff;
text-shadow: 0 0 1 #3d66ff;
font-size: 12px;
margin-bottom: 0;
font-weight: 600
}
.mobmenubtn {
width: 35px;
height: 35px;
background: url("/images/mobmenu.svg") no-repeat;
background-size:contain;
position: fixed;
top: 10px;
right: 10px;
}
.show {
left: 0;
}
/* Хлебные крошки */
.breadcrumbs {
text-align: center;
line-height: normal;
padding: 5px 20px;
}
.item-page img {
max-width: 100%;
min-width: 80px;
height: auto
}
.lang .mod-languages {
padding: 7px 0;
}
}