html, body, h1, h2, h3, h4, h5, h6, p, span, a{font-family: 'Roboto Condensed', sans-serif;  font-style: normal; font-weight: 300;}
p, span, h1, h2, h3, h4, h5, h6, th, tr, td {color: #778899;}
a {color:#0094A9;}
.slogan {font-size: 1.6em; font-weight: 300; letter-spacing: 0px;}
.nopadding {padding-left: 0; padding-right:0;}
h5 {line-height: 1.4;}
.btn-link:focus {text-decoration: none;}
.text-center {text-align: center;}
h1.fancy-title {text-transform: uppercase; margin-bottom: 40px;}
.fancy-title span {color: #333;}
.fancy-title span.small_title {color: #fff; font-size: 20px;}
.fancy-title span.small_title.dark {color: #333; font-size: 20px; font-weight: 600;}
.fancy-title span::after {background-color: #004990;content: "";display: block;height: 5px;margin: 20px 0 -3px;position: relative;width: 10%;z-index: 1;}
.fancy-title.text-center span::after {margin: 20px auto -3px;}
.fancy-title::after {content: "";background: #ececec;display: block;height: 1px;margin: 0;position: relative;width: 100%;}
.fancy-title.text-center::after {margin: 0 auto; width: 30%;}
.blue {color:#004990;}
.space {padding:2%;}
.space_bottom {padding-bottom: 2%;}
.space_small {margin: 2%;}
a:hover {text-decoration: none; color:#004990;}
.color-dark-green {color: #548235 !important;}
.overlay ul li {color: #fff;line-height: 1.6;font-size: 18px;font-weight: 600;}
.ul_box {padding: 2%; background: rgba(0, 0, 0, 0.9);}
.payment {padding: 5%;}
.payment div p {font-size: 21px;} 
.logo {max-width: 220px;}
.main_menu {z-index:9;}
#landing nav.main_menu {background-color: #fff;}
.navbar-light .navbar-nav .nav-link {color: rgba(0,0,0,.8);}
a.nav-link{color: #32313b;border-top: 3px solid transparent;font-size: 14px;font-weight: 600;text-transform: uppercase;text-decoration: none;}
.header {border-bottom: 5px solid #969B95;}
.slider {margin-bottom: 4%;background-image: url("img/self-service-refueling.jpg");background-color: rgb(213, 213, 213);
min-height: 0px;background-attachment: fixed;background-repeat: no-repeat;background-position: center;
background-size: cover;}
.slide {background: radial-gradient(ellipse at center, rgba(37,36,44,0.5) 0%,rgba(37,36,44,0.75) 50%,rgba(0,0,0,1) 100%); opacity: 1;}
.page_title {padding: 5% 0; color: #fff; font-size: 48px;}
.bold{font-weight: bold; color: #333; font-size: 1.4em;}
.presentation {margin-bottom: 4%;background-image: url("img/parallax.jpg");background-color: rgb(213, 213, 213);
min-height: 0px;background-attachment: fixed;background-repeat: no-repeat;
background-position: center;background-size: cover;}
.present {background: radial-gradient(ellipse at center, rgba(37,36,44,0.5) 0%,rgba(37,36,44,0.75) 50%,rgba(0,0,0,1) 100%); opacity: 1;}
.down_title {padding: 3% 0; color: #fff; font-size: 32px;}
.quotes {background-color: #F8F8F8; margin-top: 2%; margin-bottom: 2%; font-size:18px; padding: 2%;}
.quotes span {font-weight: 600;}
.quotes::before{content: '\f10e';font-family: 'FontAwesome';top: 0;font-size: 2em;
color: inherit;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
-khtml-opacity: 0.6;opacity: 0.3;}
.quotes::after {content: "";}
.light, .light span {color:#fff;}
#ticket, #transacation {margin-bottom: 4%;background-image: url("img/parallax-refueling.jpg");background-color: rgb(213, 213, 213);
min-height: 0px;background-attachment: fixed;background-repeat: no-repeat;
background-position: center;background-size: cover;}
#transacation {background-image: url("img/payments.jpg");}
.overlay {background: rgba(0, 0, 0, 0.7); padding: 6% 0;}
.icons_title {margin-top: 10px; font-weight: 600;}
.counter {font-size: 50px; font-weight: 900; color:#0094A9;}
.counter_block {padding: 2%;}
.counter_block .border {padding: 3%; min-height: auto; text-align: center;}
#jit {color:#0094a9; text-decoration: none;}
.footer {padding-top: 2%; background-color: #25242C;}
.thumbnail {text-align: center;}
.table_img {max-width: 150px;}
.btn-primary {padding: 1%; background-color: #004990; border-color: #004990;}
.btn-primary:hover {background-color:#0094a9; border-color:#0094a9;}
.btn-primary:focus {box-shadow: 0 0 0 .2rem rgba(0, 148, 169,.5);}
.modal, .modal2, .modal3, .modal4 {display: none;position: fixed;z-index:99;padding-top: 30px;
left: 0; top: 0;width: 100%; height: 100%;overflow: auto;background-color: rgb(0,0,0);
background-color: rgba(0,0,0,0.9);}
.border {padding: 5%; border: 1px solid #fefefe; min-height: 300px;}
img.modal-img, img.modal-img2, img.modal-img3, img.modal-img4 {background: #fff; margin-top:2%;}
.modal-img:hover, .modal-img2:hover, .modal-img3:hover, .modal-img4:hover {cursor:pointer;}
.close, .close2, .close3, .close4{position: absolute;top: 15px;right: 35px;color: #fff; font-size: 40px; font-weight: bold;transition: 0.3s;}
.close:hover, .close2:hover, .close3:hover .close3:hover{color: #fff; cursor:pointer;}