@import url('https://fonts.googleapis.com/css?family=Roboto:400,400i,700,700i&display=swap&subset=latin-ext');

body {font-family: 'Roboto', sans-serif!important; background: #fff; color: #333333;overflow-x:hidden;}
a, a:hover {text-decoration: none;color: inherit;}
p {margin: 0; padding: 0;}

strong.orange {color: #e2801f;}

.btn-primary {text-transform: uppercase; background: #e2801f; color: #fff; border-radius: 30px; padding: 5px 30px;border: 0; font-weight: bold;}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus {background: #e2801f;  }

.orange-color {color: #e2801f;}

.full-line {border:0; height: 5px; width: 100%; background: #eeeeee;}

.top {padding: 1em 0;background: #fff;}
.top .navbar-brand {width: 300px;padding-bottom: .5em;}
.top .navbar-nav .nav-item, .top .navbar-nav .nav-item .nav-link {color: #e2801f; text-transform: uppercase;}
.top .navbar-nav .active, .top .navbar-nav .active .nav-link,  .top .navbar-nav .nav-item .nav-link:hover {color: #333333;}

.top .flags ul {list-style: none; margin:0 0 0 30px; padding: 0; }
.top .flags ul li {float: left; margin-left: 15px;}
.top .flags ul li:first-child{margin-left: 0;}
.top .flags a {display: inline-block; background: #adadad; color: #fff; border-radius: 30px;height: 35px; width: 35px; padding-top: 5px; text-transform: uppercase; padding-left: 8px;}
.top .flags .active a, .top .flags a:hover {background: #e2801f;}

.top .flags .img a {background: none; border-radius:0;width: unset;  padding-top: 5px;}
.top .flags .img img{width: 55px;}
.top .flags .img a:hover {background: none;}

.slider .jumbotron {background-size: cover; background-position: center; background-repeat: no-repeat; color: #fff; /**padding-top: 6em; padding-bottom: 6em;*/ margin-bottom: 0;background-color: transparent;}
.slider .jumbotron h3 {font-size: 2em;overflow-wrap: break-word;}
.slider .jumbotron h2 {font-size: 4em; font-weight: bold; text-transform: uppercase;overflow-wrap: break-word; color: #e2801f;}
.slider .jumbotron .btn {margin-top: 1em;}
.slider .jumbotron h2:nth-of-type(2){font-size: 2em; color: #fff; text-transform: unset; font-weight: normal;}

.aboutus {padding: 3em 0;}
.aboutus .bg-cover {padding: 4em 0;background-size: contain; background-position: center; background-repeat: no-repeat; background-image: url('../img/map.png');}
.aboutus .logo {width: 400px;}
.aboutus .entry {padding: 2em 0; text-align: center;}

.stages {background: #f1f1f1; border-bottom: 5px solid #e2801f; border-top: 5px solid #e2801f; padding: 6em 0; }
.stages ul {list-style: none; margin:0; padding: 0;}
.stages ul li {padding: 0.7em 0;}
.stages ul img {width: 50px; margin-right: 10px;}
.stages h4 {margin-bottom: 0; text-transform: uppercase;font-weight: bold;}
.stages h3 {font-weight: bold; text-align: center;}
.stages h3 b {color: #e2801f; }
.stages .entry {padding: 0 2px; font-style: italic;}

.smart {padding: 4em 0;  }
.smart h2 {text-transform: uppercase; margin-bottom: 0;}
.smart .grid {padding: 3em 0;}
.smart .grid .cover {background-size: cover;  background-repeat: no-repeat; background-position: center; }
.smart .grid .logo {width: 75px; margin: 10px 0;}
.smart .grid .info {background-color: #e2801f; padding: 1em; color: #fff;}
.smart .grid .bg-grid {background-image: url('../img/smart_bg.png'); background-size: contain;  background-repeat: no-repeat; background-position: center; height: 100%; text-align: center; padding: 1em;}
.smart .grid .info h3 {text-transform: uppercase; font-size: 1.2em; font-weight: bold;}
.smart .grid .info .entry {font-size: 0.9em;}

.smart .grid a:hover .logo {width: 80px; margin-bottom: 5px;}

.smart .products .row {padding-top: 4em; padding-bottom: 4em;}
.smart .products .logo {width: 300px;}
.smart .products .entry {padding: 2em 0;}

.smart .gallery img, .content.page-offer .gallery img{width: 100%;}

.news {background: #f1f1f1; border-bottom: 5px solid #e2801f; border-top: 5px solid #e2801f; padding: 4em 0;}
.news h2 {text-transform: uppercase; margin-bottom: 1em; }
.news h3 {text-transform: uppercase; font-size: 1em; font-weight: bold; margin: 1.2rem 0;}
.news .entry {margin-bottom: 60px;}
.news .btn {margin: 0.5em 0;}
.news img {width: 100%;}

.news .row {margin-right: -40px;margin-left: -40px;}
/*.news .row [class*='col-'] {padding-top: 15px; padding-bottom: 15px; position: relative;}*/
.news .row [class*='col-'] {padding-top: 15px; padding-bottom: 15px; padding-left: 40px; padding-right: 40px; position: relative;}
.news .btn {position: absolute; bottom: 15px; left: 40px;}

.map iframe {width: 100%; height: 600px; border: 0;margin-bottom: -7px;}

.contact {background: #333333; color: #fff; padding: 4em 0;}
.contact .logo {width: 300px; max-width: 100%;}
.contact h2 {text-transform: uppercase; margin-bottom: 0; font-weight: bold;}
.contact .entry {margin-bottom: 3em;}
.contact .row .entry {margin: 1.5em 0;}
.contact .form-control {border-radius: 0; color: #999999;}
.contact .form-control::placeholder{
    color: #999999;
}
.contact .form-control:-ms-input-placeholder {
    color: #999999;
}
.contact .form-control::-ms-input-placeholder{
    color: #999999;
}

.footer {color: #333333; background: #e2801f; padding: 0.5em 0;}

.contact .ajax-loader {display: none!important;}

.content {padding: 4em 0; background: #fff;}
.content .thumbnail {width: 400px;padding: 0 1em 1em 0;}
.content.single-ue .thumbnail {width: 100%;padding: 2em 0 2em 0;}
.content .title-logo {width: 300px; padding-bottom: 2em;}
.content h2 {text-transform: uppercase;margin-bottom: 1em;}

.content.page-offer .entry {padding-bottom: 4em;}
.content.page-offer .entry .gallery {margin-bottom: -8em; margin-top: 4em; width: 100vw; margin-left: calc((100vw - 100%)*-0.5 );}
.content.page-offer .entry h2 {padding: 1em; margin-bottom: 0; font-size: 1.8em;}
.content.page-offer .entry h3 {font-size: 1.2em; font-weight: bold; margin-bottom: 0;}
.content.page-offer .entry h4 {font-size: 1.2em; font-weight: bold;}
.content.page-offer .entry ul {padding: 0; margin: 0 0 0 15px;}
.content.page-offer .entry ul li {padding-bottom: 1em;}
.content.page-offer .entry ul li p {/**margin-left: -15px;*/}
.content.page-offer .entry .manual {margin: 2em 0; border: solid 1px #000;background: #ffcc66;}
.content.page-offer .entry .manual p {text-align: center; border-bottom: solid 1px #000; background: #d9d9d9;}
.content.page-offer .entry .manual ul { margin: 0 2em;}
.content.page-offer .entry .manual ul li {padding: 0.2em 0;}
.content.page-offer .entry td, .content.page-offer .entry th {text-align: center; vertical-align:middle; border: solid 1px #000; }
.content.page-offer .entry th { background: #d9d9d9;}
.content.page-offer .entry tr:nth-child(2n) td {background: #ffcc66;}

span.tab {padding-right: 30px;}
.ident {text-indent: 35.4pt;}

.single .gallery [class*="col-"] {margin-top: 30px;}

.ue {text-align: center; padding: 15px 0;}
.ue img {width: 100%;}

#cookieinfo {position: fixed;font-size: 1em;left: 0px;bottom: 0px;right: 0px;background-color: #fff;padding: 20px;z-index: 1000;color: #333333;}
#cookieinfo h6 {font-size: 1.2em;font-weight: bold;margin-bottom: 7px;}
#cookieinfo p, #cookieinfo p a, #cookieinfo p a:hover {font-size: 1em;color: #333333;;line-height: 1.5em;}
#cookieinfo .close-a {display: block;position: absolute;right: 10px;top: 10px;width: 22px;height: 22px;border-radius: 11px;line-height: 22px;font-size: 12px;color: #333333;text-align: center;text-decoration: none;background-color: #f3f3f3;;}
#cookieinfo .close-a:hover {background-color: #eee;}

@media screen and (max-width: 576px) {
    .smart .grid .cover {background-image: none!important; padding-top: 1em;}
    .slider {display:none;}
}
@media screen and (max-width: 993px) {
    .top .flags ul {margin:0;}
    .slider .jumbotron h3 {font-size: 1.5em;}
    .slider .jumbotron h2 {font-size: 1.8em;}
    .slider .jumbotron h2:nth-of-type(2){font-size: 1.5em;}
}
@media screen and (min-width: 993px){
    .top {position: fixed; top: 0; left:0; right: 0; z-index: 1001; }
    .slider {margin-top: 95px;}
    .single {padding-top: calc(95px + 4em);}
}