/*------------------- BASE STYLE ------------------- */ 

* {
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
html, body {min-height: 100% !important;}
body { width: 100%; position: relative; z-index: 0; margin: 0; padding: 0; 
-webkit-font-smoothing: antialiased;
}
body canvas {z-index: 1 !important;}
a {cursor: pointer;color:inherit;text-decoration:none;}
a:focus, button:focus {outline:none !important;}
img {max-width:100%;}
em {font-style: italic;}
strong {font-weight: bold;}
div, dl, dt, dd, ul, ol, li, pre, form, fieldset, input, textarea, p, blockquote, th, td {margin: 0;}
table {border-collapse: collapse; border-spacing: 0;}
fieldset, img {border: 0;}
input[type="image"], input[type="submit"], input[type="reset"], button {cursor: pointer;
    background: transparent;
    border: 2px solid #fff;
    color: #fff;
    padding: 10px 20px;}
input[type="radio"], input[type="checkbox"] {position: relative; top: 2px;}
address, caption, cite, code, dfn, strong, th, var {font-style: normal;}
ol, ul {list-style: none;}
hr {border-top: none; border-left: none; border-right: none; border-bottom: 1px solid #D3D3D3;}
caption,th {text-align: left;}
h1, h2, h3, h4, h5, h6 {font-size: 100%; font-weight: normal; margin: 0;}
iframe {border: 0 inset !important;}
textarea {resize: none;}
input, textarea {outline: 0 !important;font-family:inherit;display:block;width:100%;}

/*-------------------- MAIN STYLE -------------------------*/

body {
    font:14px RobotoRegular, arial, sans-serif;
    color:#313131;
}

.flex {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}

.button {
	display:block;
	border:none;
	text-align:center;
    height:44px;
    line-height:44px;
    width:174px;
    max-width:100%;
    font-size:16px;
}

.button.white-border {
    border:2px solid white;
    line-height:40px;
    color:white;
    background:transparent;
}

.button.white-border:hover {
    color:#127cba;
    background:white;
}

.button.blue {
    background: #127cba;
    color:white;
}
.slide-content2{
    padding: 20px;
    margin: 14px auto;
    color: white;
    background: #127cba;
}

.button.blue:hover {
    background: #004167;
}

.button, a.item-img, .slick-arrow {
	-ms-transition:all .2s ease;
	-o-transition:all .2s ease;
	-moz-transition:all .2s ease;
	-webkit-transition:all .2s ease;
	transition:all .2s ease;
}

a.item-img, .item-img img {
    display:block;
}

.item-img img {
    width:100%;
}

a.item-img:hover {
	opacity:.8;
}

.slick-arrow {
    display:block;
    width:45px;
    height:45px;
    position: absolute;
    border:none;
    background:#127cba;
    opacity:.8;
    z-index:10;
}

.slick-arrow:hover {
    opacity:1;
}

.slick-arrow:after {
    content:"";
    display:block;
    position: absolute;
    width:12px;
    height:23px;
    background-image:url(/assets/design/images/ar-sp.png);
    top:50%;
    left:50%;
    margin-top:-11px;
    margin-left:-6px;
}

.slick-next:after {
    background-position:top right;
}

.slick-dots {
    padding:0;
    position: absolute;
    bottom:18px;
    left:395px;
    right:280px;
    text-align:right;
}

.slick-dots li {
    display:inline-block;
    margin:0 8px;
}

.slick-dots button {
    border:2px solid white;
    display:block;
    padding:0;
    width:20px;
    height:20px;
    background:rgba(255,255,255,.5);
    color:transparent;
    overflow:hidden;
}

.slick-dots .slick-active button, .slick-dots button:hover {
    background:white;
}

/* --------------------------------------------------------- HEADER -------------------------------------------------------- */

header .flex {
    align-items:flex-end;
    padding:18px 9px;
}

.logo, .logo img {
    display:block;
}

.logo {
    width:30%;
}

header .phones {
    color:black;
    font-size:25px;
}

header .phones a {
    display:block;
    line-height:1;
}

header .phones small {
    font-size:.8em;
}

header .phones a:first-child {
    margin-bottom:10px;
}

.header-right {
    font-size:12px;
}

.header-right ul {
    padding:0;
    margin-bottom:20px;
}

header li, header li:after, .footer-top li, .footer-top li:after {
    display:inline-block;
}

header li, .footer-top li {
    margin-right:8px;
}

header li:after, .footer-top li:after {
    content:"|";
    margin-left:10px;
}

header li:last-child:after, .footer-top li:last-child:after {
    display:none;
}

.showMenu {
    display:none;
    width:40px;
}

.showMenu span {
    display:block;
    height:5px;
    margin-bottom:8px;
    background:white;
}

.showMenu span:last-child {
    margin:0;
}

.navigation {
    padding:8px 0;
    text-transform:uppercase;
}

.navigation, .footer-top {
    color:white;
    background:-ms-linear-gradient(top, #768588, #576872);
    background:-o-linear-gradient(top, #768588, #576872);
    background:-moz-linear-gradient(top, #768588, #576872);
    background:-webkit-linear-gradient(top, #768588, #576872);
    background:linear-gradient(to bottom, #768588, #576872);
}

.navigation ul {
    padding-left: 6.5%;
}

header ul .active a, header ul a:hover {
    text-decoration:underline;
}

.content-section {
    padding:36px 0 54px;
}

.slider-wrapper {
    margin-bottom:26px;
}

.homeSlide {
    height:430px;
    background-position:center top;
    position:relative;
    -o-background-size:cover;
    -moz-background-size:cover;
    -webkit-background-size:cover;
    background-size:cover;
}

.slide-content {
    position: absolute;
    top:18px;
    left:6.5%;
    bottom:18px;
    width:300px;
    padding:20px;
    color:white;
    background: #127cba;
}

.slide-content h2 {
    text-transform: uppercase;
    text-align:center;
    font-size: 26px;
    margin-bottom: 20px;
}

.slide-content p {
    font-size:16px;
    max-height:126px;
    overflow:hidden;
}

.slide-content .button {
    position: absolute;
    bottom: 35px;
    left: 50%;
    margin-left: -87px;
}

#homeSlider .slick-arrow {
    bottom:18px;
}

#homeSlider .slick-next {
    right:6.5%;
}

#homeSlider .slick-prev {
    right:12%;
}

.items {
    margin-bottom:30px;
}

.item {
    margin-bottom:45px;
}

.product-item h3 {
    height:88px;
    overflow:hidden;
}

.blue-border {
    font:17px RobotoMedium, arial, sans-serif;
    padding-bottom:15px;
    border-bottom:3px solid #127cba;
    margin-bottom:18px;
}

.product-item h3 a {
    display:table;
    width:100%;
}

.product-item h3 span {
    display:table-cell;
    vertical-align:bottom;
    height:70px;
}

.product-item .intro {
    margin:20px 0 40px;
    height:172px;
    overflow:hidden;
}

.product-item .button {
    margin:0 auto;
}

.product-item h3 a:hover span, .news-item h3 a:hover, .more:hover {
    text-decoration:underline;
}

.news-item {
    margin-bottom:15px;
}

.news-item h3 a, .more {
    color:#127cba;
}

.news-item h3 {
    margin:2px 0;
    font:16px RobotoMedium, arial, sans-serif;
}

.more {
    display:block;
    float:right;
    font-size:12px;
    margin-top:20px;
}

.geography {
    text-align:center;
}

.simple-caption {
    font:17px RobotoMedium, arial, sans-serif;
    margin-bottom:18px;
}

.partners.flex {
    border-top:3px solid #eaeaea;
    border-bottom:3px solid #eaeaea;
    padding:30px 0;
    align-items:flex-end;
    justify-content:space-around;
}

.partners img {
    max-width:25%;
    display:inline-block;
    margin:8px 15px;
}

footer {
    font-size:16px;
}

.footer-top {
    padding:18px 0;
}

.footer-top ul {
    padding:0;
}

.footer-bottom {
    padding:34px 0;
    background: #98a3a9;
    color:#576872;
}

.footer-bottom ul {
    padding-left:19px;
    line-height:1.5;
}

ul.white, .conf a, .copyright a:hover {
    color:white;
}

ul.white {
    border-left:1px solid white;
    padding-bottom:15px;
    margin-bottom:20px;
}

ul.grey {
    border-left:1px solid #576872;
}

.copyright, .conf {
    padding-left:20px;
    font-size:12px;
}

.footer-bottom .active a, .footer-bottom ul a:hover, .conf a:hover {
    text-decoration:underline;
}

/* -------------------------------------------------------- INNER PAGES ----------------------------------------------------*/

.left-part.col-md-4 {
    padding-right: 5.5%;
}

.left-part > ul {
    padding:20px 18px;
    background:#f1f2f4;
    margin-bottom:40px;
}

.left-part li {
    margin-bottom:20px;
}

.left-part ul ul {
    padding:20px 0 0 10px;
    font-size:12px;
    display:none;
}

.left-part ul .active ul {
    display:block;
}

.left-part > ul > li > a {
    text-transform:uppercase;
    font-family:RobotoMedium, arial, sans-serif;
}

.left-part ul a:hover, .left-part ul .active > a {
    color:#127cba;
}

.left-part .news-item {
    padding:0 18px;
}

.breadcrumb, ul.pagination {
    padding:0;
}

.breadcrumb li, .pagination li {
    display:inline-block;
}

.breadcrumb {
    margin-bottom:30px;
    font-size: 12px;
    color: #ababab;
}

.breadcrumb .active, .breadcrumb a:hover {
    color: #313131;
}

.pagination .active a {
    color:#127cba;
}

.caption {
    border-bottom:2px solid #313131;
    margin-bottom:20px;
    font:24px RobotoMedium, arial, sans-serif;
}

.content-text h1, .content-text h2, .content-text h3, .content-text h4, .content-text strong, .content-text b {
    font-family:RobotoMedium, arial, sans-serif;
}

.content-text h1, .content-text h2, .content-text h3, .content-text h4 {
    margin-bottom:15px;
}

.content-text h1, .content-text h2 {
    font-size:20px;
}

.content-text h3 {
    font-size:18px;
}

.content-text h4 {
    font-size:16px;
}

.content-text a, .pagination a {
    text-decoration:underline;
}

.content-text a {
    color:#127cba;
}

.content-text a:hover, .breadcrumb a:hover, .pagination a:hover {
    text-decoration:none;
}

.content-text ol {
    list-style:decimal;
}

.content-text ul {
    list-style:disc;
}

.slider-caption {
    margin-top: 70px;
    margin-bottom: 10px;
}

.gallerySlide > div {
    margin:0 9px;
}

.photo-item {
    margin-bottom:18px;
}

.gallery-item h3 {
    font:17px RobotoMedium, arial, sans-serif;
    margin-top:20px;
    height:46px;
    overflow:hidden;
}

.gallery-item h3 a:hover {
    text-decoration:underline;
}

#projectsSlider .slick-arrow {
    top:-60px;
}

#projectsSlider .slick-next {
    right:6.5%;
}

#projectsSlider .slick-prev {
    right:12%;
}


/* ----------------------------------------------- FORMS ---------------------------------------------------*/

input[type="text"], input[type="email"], textarea {
    padding:5px 10px;
    border:1px solid #ccc;
    border-radius:7px ;
    font-size:16px;
}
.form-cell{
    margin-top: 12px;
}
.btn-main{
        text-align: center;
}

input[type="text"], input[type="email"] {
    height:40px;
}

label {
    display:block;
    font-size:inherit;
    margin-bottom:5px;
}

.form-group {
    margin-top:15px;
}

.req {
    display:none;
}

.popup-form h3 {

}

.popup-form .button {
    float:right
}

/* ------------------------------------------ POPUP BLOCKS -------------------------------------------------*/

.popup-block {
    position:relative;
    max-width:500px;
    margin:0 auto;
}

.popup-form {
    padding:30px;
    background:white;
    overflow:hidden;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px;
}

#mobileMenu ul {
    padding:40px 10px 0;
    text-align:center;
    line-height:2;
    font-size:20px;
}

#mobileMenu ul, #mobileMenu .mfp-close {
    color:white;
}

/* ------------------------------------------ MEDIA QUERIES ---------------------------------------------------- */

@media screen and (max-width:1199px) {
    .footer-top {font-size:14px;}
}

@media screen and (max-width:991px) {
    .header-right, .navigation ul {display:none;}
    header .phones {font-size:18px;}
    .logo {width: 250px;}
    .showMenu {display:block;}
    .footer-top ul, .footer-bottom {text-align:center;}
    .footer-top li {margin-bottom:10px;}
    .footer-bottom ul {display:none;}
    .footer-bottom {padding: 20px 0;}
    .copyright, .conf {padding:0;}
    .copyright {margin-bottom:10px;}
}

@media screen and (max-width:767px) {
    .product-item {width:80%;margin:0 auto 30px;}
    .product-item .intro, .product-item h3, .product-item h3 span, .gallery-item h3 {height:auto;}
}

@media screen and (max-width:450px) {
    header .flex {display:block;}
    .logo {margin:0 auto 10px;}
    header .phones {text-align:center;}
    header .phones a {display:inline;}
}