/* Основное */
html, body {
padding: 0;
margin: 0;
font-family: "Exo 2", sans-serif;
}
.wrapper {
width: 1010px;
margin: auto;
}
.ober {
width: 1200px;
margin: auto;
background: #fff;
box-shadow: 0 0 40px 0 rgba(0,0,0,0.2)
}
a {
text-decoration: none;
}
h1 {
font-weight: 400;
text-transform: uppercase;
font-size: 32px;
color: #002992
}
h2 {
font-weight: 600;
text-transform: uppercase;
font-size: 26px;
color: #c71f42
}
/* Верх */
.header {
padding-top: 40px;
text-align: center;
text-align-last: center;
border-bottom: 1px solid #d9d9d9;
padding-bottom: 30px;
}
.header .logo {
display: inline-block;
vertical-align: top;
font-size: 12px;
text-align: center;
text-align-last: center
}
.header .logo img {
width: 230px;
}
.header .logo a {
color: #000;
display: block
}
.header .phone {
display: inline-block;
vertical-align: top;
font-size: 32px;
margin-top: 7px;
}
.header .phone a {
color: #000;
}
.header .phone a strong {
color: #d04a43;
font-weight: normal
}
.header .phone .podpis {
display: block;
font-size: 10px;
text-align: right;
text-align-last: right;
text-transform:uppercase;
font-weight: 600;
font-family: "Exo 2", sans-serif;
color: #d04a43;
}
/* Меню */
.menu {
background: #f4af00;
text-align: center
}
.inside .menu {
border-bottom: 1px solid #d9d9d9;
}
.inside .menu .menu {
border: none
}
.menu ul {
list-style: none;
padding: 0;
margin: 0px 0;
}
.menu ul li {
display: inline-block;
margin-right: 70px;
padding: 10px 0;
}
.menu ul li:last-of-type {
margin: none;
}
.menu ul li a {
font-size: 18px;
color: #002691;
text-decoration: none;
text-transform: uppercase;
font-weight: 600
}
/* Контент */
.content {
min-height: 450px;
}
/* Люди */
.people {
height: 700px;
width: 100%;
background: url("/images/mainpic.jpg") no-repeat center top;
background-size: cover
}
.inside .people {
display: none
}
/* Блоки на главной */
.blocks {
font-size: 0;
padding: 70px 0;
}
.blocks .block {
display: inline-block;
vertical-align: top;
width: 25%;
text-align: center;
margin-bottom: 40px;
}
.blocks .block .image {
margin-bottom: 20px;
}
.blocks .block .image img {
max-height: 79px;
width: auto
}
.blocks .block .name {
width: 70%;
display: inline-block
}
.blocks .block .name a {
font-size: 12px;
color: #000;
text-transform: uppercase;
font-weight: 600
}
.out, .tech {
padding: 30px 0;
}
.tech {
background: #f4f4f4
}
/* Иконки */
.icons {
text-align: justify;
text-align-last: justify;
padding: 70px 0;
}
.icons .icon {
display: inline-block;
vertical-align: top;
text-align: center;
text-align-last: center;
margin-bottom: 80px;
}
.icons .icon .image {
height: 190px;
}
.icons .icon .zag {
color: #0062b9;
font-size: 18px;
margin-bottom: 20px;
text-transform: uppercase;
font-weight: 600
}
.icons .icon .text {
font-size: 13px;
color: #929292
}
/* Преимущества */
.preim {
padding: 40px 0
}
.preim .icons .icon {
width: 30%;
}
/* Клиенты */
.clients {
padding: 70px 0;
border-top: 5px solid #d9d9d9;
}
/* Подвал */
.footer {
border-top: 5px solid #d9d9d9;
padding: 50px 0;
}
.footer .column {
width: 49%;
vertical-align: top;
display: inline-block;
}
.footer .column h2 {
font-size: 24px;
text-transform: uppercase;
font-weight: 600
}
.footer .column h3 {
font-size: 12px;
padding: 0;
margin: 0 0 10px 0;
text-transform: uppercase;
font-weight: normal
}
.footer .column h3 a {
color: #000
}
.footer .column .logo {
display: inline-block;
vertical-align: top;
margin-top: 10px;
}
.footer .column:last-of-type {
text-align: right
}
.footer .column .logo img {
width: 120px;
}
.footer .column .logo a {
color: #000
}
.footer .column ul {
list-style: none;
font-size: 12px;
padding: 0;
text-transform: uppercase;
font-weight: normal
}
.footer .column ul li {
margin: 0 0 10px 0;
}
.footer .column ul li a {
color: #000
}
.footer .column .menu {
border: none
}
/* Копирайты */
.copyright {
padding: 40px 0;
background: #f4f4f4;
font-size: 12px;
text-transform:uppercase
}
.copyright .copy {
display: inline-block;
vertical-align: top
}
.copyright .merbal {
display: inline-block;
vertical-align: top;
text-align: right;
float: right
}
@media screen and (max-width: 1010px) {
html, body {
background: none
}
.wrapper {
width: calc(100% - 20px);
padding: 0 10px;
}
.ober {
width: auto;
box-shadow: none
}
h1,h2,h3 {
text-align: center
}
/* Верх */
.header {
margin-top: 20px;
text-align: center;
text-align-last: center;
border-bottom: 1px solid #d9d9d9;
padding-bottom: 30px;
}
.header .logo {
display: block;
font-size: 26px;
text-align:center
}
.header .phone {
display: block;
font-size: 18px;
}
/* Меню */
.menu {
border-bottom: none;
position: fixed;
top:0;
left: -1000px;
height: 100%;
width: calc(100% - 80px);
background: rgba(0,0,0,0.8);
}
.menu ul {
list-style: none;
padding: 0;
margin: 30px 0;
}
.menu ul li {
display: block;
margin-right: 0px;
margin-bottom: 20px;margin-left: 20px;
}
.menu ul li a {
font-size: 18px;
color: #FFF;
}
/* Люди */
.people {
height: 200px;
width: 100%;
background: url("/images/mainpic.jpg") no-repeat center top;
background-size: cover
}
/* Иконки */
.icons {
text-align: center;
text-align-last: center;
padding: 30px 0;
}
.icons .icon {
display: block;
margin-bottom: 40px;
}
.icons .icon .image {
height: 190px;
}
.icons .icon .zag {
color: #e29700;
font-size: 14px;
margin-bottom: 20px;
text-transform: uppercase;
font-weight: 600
}
.icons .icon .text {
font-size: 13px;
color: #929292
}
/* Преимущества */
.preim {
padding: 20px 0
}
.preim .icons .icon {
width: 100%;
}
/* Клиенты */
.clients {
padding: 70px 0;
border-top: 5px solid #d9d9d9;
}
.clients img {
max-width: 80%;
height: auto
}
/* Блоки на главной */
.blocks {
font-size: 0;
padding: 40px 0;
}
.blocks .block {
display: block;
vertical-align: top;
width: 100%;
text-align: center;
margin-bottom: 40px;
}
/* Подвал */
.footer {
padding: 30px 0;
}
.footer .column {
width: 100%;
display: block;
text-align:center!important;
margin-bottom: 30px;
}
.footer .column .logo {
display: block;
}
}