body {
    font-family: 'Roboto', sans-serif;
    padding-top: 129px;
}

.clear {
    clear: both;
}

header {
    position: fixed;
    width: 100%;
    height: 129px;
    top: 0;
    left: 0;
    z-index: 99999999;
    background-color: white;
}

header .headerInner {
    width: 1300px;
    height: 129px;
    margin: 0 auto;
    position: relative;
}

header .logo {
    position: absolute;
    top: 30px;
    left: 40px;
    z-index: 999;
}

header .socials {
    position: absolute;
    top: 30px;
    right: 0;
}

header .socials ul li {
    float: left;
    margin-left: 15px;
}

header .socials ul li img {
    opacity: .5;
}

header .menu {
    position: absolute;
    top: 102px;
    left: 290px;
}

header .menu ul li {
    float: left;
    margin-left: 40px;
}

header .menu ul li a {
    color: #7b7b7b;
    font-size: 18px;
    text-decoration: none;
}

header .search {
    width: 27px;
    height: 27px;
    display: block;
    position: absolute;
    bottom: 10px;
    right: 35px;
    background-image: url('../images/search.png');
}

section.headerPhoto {
    width: 100%;
    height: 500px;
    margin: 0 auto;
    position: relative;
}

section.headerPhoto .headerImage {
    width: 100%;
    height: 500px;
    position: absolute;
    background-image: url('../images/headerPhoto.jpg');
    background-size: cover;
    background-position-y: center;
}

section.headerPhoto.smaller .headerImage, section.headerPhoto.smaller {
    height: 210px;
}

section.headerPhoto .overlay {
    position: absolute;
    top: 100px;
    left: 0;
    padding: 10px 10px 10px 230px;
    background-color: rgba(55, 125, 34, 0.7);
    color: white;
    font-weight: 900;
    font-size: 47px;
    line-height: 40px;
}

section.headerPhoto.smaller .overlay {
    padding-left: 171px;
}

section.headerPhoto .overlay .readmore {
    position: absolute;
    font-size: 21px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: rgba(55, 125, 34, 0.7);
    display: block;
    font-weight: 300;
    color: white;
    text-decoration: none;
    bottom: -40px;
    left: 180px;
}

section.blockcarousel {
    width: 980px;
    margin: 0 auto;
    margin-top: -125px;
    position: relative;
}

section.blockcarousel .blocks {
    position: relative;
    height: 325px;
    overflow: hidden;
}

section.blockcarousel .blocks .block {
    background-color: rgba(213, 213, 213, 0.8);
    width: 225px;
    position: absolute;
    padding: 28px 15px 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
}

section.blockcarousel .blocks .block h2 {
    margin-top: 10px;
    text-align: left;
    font-size: 22px;
    font-weight: 700;
    color: #484848;
}

section.blockcarousel .blocks .block p {
    text-align: left;
    font-size: 15px;
    line-height: 18px;
    color: #484848;
}

section.blockcarousel .blocks .block p a {
    text-decoration: none;
    color: #484848;
}

section.blockcarousel .blocks .orange .readmore { background-color: #dfa34f; }
section.blockcarousel .blocks .green .readmore { background-color: #85b544; }
section.blockcarousel .blocks .red .readmore { background-color: #ae2f28; }
section.blockcarousel .blocks .blue .readmore { background-color: #6aa697; }

section.blockcarousel .blocks .orange p a, section.orange h1 { color: #dfa34f; }
section.blockcarousel .blocks .green p a, section.green h1 { color: #85b544; }
section.blockcarousel .blocks .red p a, section.red h1 { color: #ae2f28; }
section.blockcarousel .blocks .blue p a, section.blue h1 { color: #6aa697; }

section.headerPhoto .overlay.orange {
    background-color: rgba(224, 163, 80, 0.8);
}

#block-1 { left: 0; }
#block-2 { left: 251px; }
#block-3 { left: 502px; }
#block-4 { left: 753px; }
#block-5 { left: 1004px; }
#block-6 { left: 1255px; }

#infoblock-1 { left: 0; }
#infoblock-2 { left: 251px; }
#infoblock-3 { left: 502px; }
#infoblock-4 { left: 753px; }

section.blockcarousel .blocks .block .readmore {
    position: absolute;
    display: block;
    color: white;
    text-decoration: none;
    font-size: 21px;
    height: 42px;
    line-height: 42px;
    padding-left: 40px;
    padding-right: 10px;
    bottom: -42px;
    left: 0;
    background-image: url('../images/menupiece.png');
    background-repeat: no-repeat;
    background-position: 6px 0px;
}

section.blockcarousel .arrow {
    width: 52px;
    height: 61px;
    position: absolute;
    top: 140px;
    opacity: .4;
    transform: scale(.75);
}

section.blockcarousel .arrow.left {
    background-image: url('../images/arrow_left.png');
    left: -67px;
}

section.blockcarousel .arrow.right {
    background-image: url('../images/arrow_right.png');
    right: -67px;
}

section.infoblocks {
    width: 980px;
    height: 300px;
    margin: 0 auto;
    position: relative;
}

section.infoblocks .block {
    width: 225px;
    position: absolute;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
}

section.infoblocks .block img {
    width: 225px;
    display: block;
}

section.infoblocks .block .blocktop {
    background-image: url('../images/infoblocktop.png');
    background-repeat: no-repeat;
    padding-top: 27px;
    position: absolute;
    top: 98px;
    width: 225px;
}

section.infoblocks .block .textblock {
    background-color: #eeeeee;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 20px;
}

section.infoblocks .block .textblock h2 {
    padding-top: 10px;
    text-align: left;
    font-size: 22px;
    font-weight: 700;
    color: #484848;
}

section.infoblocks .block .textblock p {
    text-align: left;
    font-size: 15px;
    line-height: 18px;
    color: #484848;
}

section.infoblocks .block .textblock a {
    text-decoration: none;
    color: #484848;
}

section.infoblocks .orange a { color: #dfa34f; }
section.infoblocks .green a { color: #85b544; }
section.infoblocks .red a { color: #ae2f28; }
section.infoblocks .blue a { color: #6aa697; }

section.sidemenu {
    display: none;
    width: 40%;
    position: fixed;
    height: 100%;
    right: 0;
    top: 0;
    z-index: 999999;
    background-color: rgba(255, 255, 255, 0.9);
}

section.headerPhoto .sidemenuBtn {
    background-image: url('../images/side.png');
    width: 72px;
    height: 47px;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 99;
    display: none;
}

section.sidemenu ul {
    padding-top: 100px;
    padding-left: 50px;
}

section.sidemenu ul li {
    margin-bottom: 30px;
}

section.sidemenu ul li a {
    color: black;
    font-size: 25px;
    font-weight: 300;
    text-decoration: none;
}

section.sidemenu .closeBtn {
    width: 40px;
    height: 40px;
    background-image: url('../images/closeBtn.png');
    background-size: 40px 40px;
    display: block;
    position: absolute;
    top: 30px;
    left: 50px;
}

section.textpage {
    width: 960px;
    margin: 0 auto;
    margin-bottom: 30px;
    margin-top: 30px;
}

section.textpage h1 {
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 20px;
}

section.textpage p {
    font-size: 20px;
    line-height: 35px;
    font-weight: 100;
}

footer {
    margin-top: 30px;
    height: 305px;
    background-color: #f2f2f2
}

footer .footerInner {
    width: 1125px;
    margin: 0 auto;
}

footer .footerInner .block {
    width: 25%;
    float: left;
    margin-top: 50px;
}

footer .footerInner .block h3 {
    font-size: 25px;
    color: #6e6e6e;
    font-weight: 700;
}

footer .footerInner .block a {
    display: block;
    color: #6e6e6e;
    text-decoration: none;
    margin-top: 20px;
}

footer .footerInner .block p {
    display: block;
    color: #6e6e6e;
    margin-top: 12px;
    line-height: 35px;
}


footer .footerInner .block p strong {
    font-weight: 700;
}

footer .inline {
    display: inline-block !important;
    margin-top: 0 !important;
}