@font-face {font-family:'CerebriSans'; src: url(CerebriSans-Regular.ttf); }

body {margin:0; padding: 0; font-family:'CerebriSans';}

.container-fluid {width: 100%; padding-right: 0; padding-left: 0; margin-right: auto; margin-left: auto;}
.row {width: 100%; margin:0; padding:0;}
p, h1, h3 {width: 100%;}
ul li {list-style-type: none;}
a:hover {text-decoration: none;}
button:focus, form input.form-control:focus, form textarea.form-control:focus, form select.form-control:focus {outline: none; box-shadow:none;}

p.small {color: rgb(171, 171, 171); text-transform: uppercase; font-weight: bold; letter-spacing: 1px;}

.layout {max-width: 1200px; margin:0 auto;}

.header {padding:15px 0 10px 0; border-bottom:1px solid #EEEEEE;}
.logo img {height:52px;}
.header-block {border-right:1px solid #F3F3F3;}
.header-block:last-child {border:none;}
.header-block ul {padding-left: 12px;}
.header-block ul li {display: inline-block; vertical-align: top;}
.header-block ul li p {margin:0; font-weight: bold;}
.header-block ul li span {color: #8C8C8C;}
.header-block ul li svg {font-size: 35px; color: #D2A98E; margin:8px 15px 0 0;}

.menu ul {margin:0; padding: 0;}
.menu ul li {display: inline-block; vertical-align: top; padding: 20px 60px 20px 20px;}
.menu ul li a {font-weight: 600; color: #464646; font-size: 18px;}
.menu ul li a:hover {color: #086AD8;}

.wallpaper {background: #F6FAFE; padding: 50px 0;}
.wallpaper-text {}
.wallpaper-text p.main-text {font-size: 45px; font-weight: bold; color: #333;     line-height: 55px;}

.company-top {text-align: center; padding: 80px 0;}
.company-top h3 {font-size: 40px; font-weight: 600; color: #333;}
.company {padding-bottom:80px;}
.company ul li {display: inline-block; vertical-align: bottom;}
.company ul li:first-child {font-size: 180px; color: #D2A98E; font-weight: bold; margin-right: 25px; line-height: 130px;}
.company ul li:last-child {color: rgb(171, 171, 171); text-transform: uppercase; font-weight: bold; letter-spacing: 1px; font-size: 13px;}
.company-text p {color: #7B7B7B; font-size: 20px;}

.solutions {background: #F8F8F8; padding-bottom: 70px;}
.solutions-block {margin:0 0 30px 0; padding:20px; color: #333; border-radius:5px;}
.solutions-block svg {color:#b0a4a4;}
.solutions-block:hover {background: #FFF; box-shadow: 0 0 20px #DDD; transition: all 0.2s linear;}
.solutions-block table tr td svg {font-size:40px; margin-right: 30px;}

.projects {color: #333;}
.projects .company-top {margin-bottom: 40px;}
.projects img {width:100%;}
.projects h4 {font-size: 34px; font-weight: 600; margin:50px 0 40px 0;}
.projects-text p {color: #7F7F7F; font-size: 17px;}

.pricing {background: #F8F8F8; padding-bottom: 90px; margin-top:80px;}
.price {background: #FFF; padding: 40px 20px 20px 20px; box-shadow: 0 0 20px #f0eeee;  border-radius: 5px;}
.price h3 {text-align: center; color: rgb(171, 171, 171); text-transform: uppercase; font-weight: bold; letter-spacing: 2px; font-size: 17px;}
.price img {margin:30px auto; display: block;}
.price p.number {text-align: center; color:#333; font-size: 30px; font-weight: 400;}
.price p.number span {font-size: 14px;}
.price ul li {margin:10px 0; color: #737373;}
.price ul li svg {color: #D2A98E; margin-right: 10px;}

footer.row {padding: 50px 0;}

.footer-main {padding-top: 30px; color: #333;}
.footer-main img {height:80px;}
.footer-main address {font-style: italic; margin:30px 0 0 10px;}
.links ul li {padding: 5px 0;}
.links ul li a {color: #333;}
.contacts {padding-top: 50px;}
.contacts p {text-align: right; font-size: 22px;}
.contacts p svg {margin-right: 8px;}



@media(max-width:600px) {
    
    .logo img {display:block; margin:0 auto 20px auto;}
    
    .address {text-align:center;}
    
    .menu {display:none;}
    
    .wallpaper-text p.main-text {font-size: 26px; line-height: 34px;}
    
    .company-top {padding: 80px 0 0 0;}
    .company-top h3 {font-size: 30px;}
    
    .projects .company-top {margin-bottom:0;}
    
    .price {margin-bottom: 20px;}
    
    footer {text-align:center;}
    footer .contacts p {text-align:center;}
    
    .links {display:none;}
}














