@charset "utf-8";
/* CSS Document */

@font-face {
font-family: 'Graphik Web';
 src: url(../fonts/Graphik/GraphikWeb-Regular.eot);
 src: url(../fonts/Graphik/GraphikWeb-Regular.eot?#iefix) format('embedded-opentype'), url(../fonts/Graphik/GraphikWeb-Regular.woff2) format('woff2'), url(../fonts/Graphik/GraphikWeb-Regular.woff) format('woff'), url(../fonts/Graphik/GraphikWeb-Regular.ttf) format('truetype'), url(../fonts/Graphik/GraphikWeb-Regular.svg#GraphikWeb-Regular) format('svg');
 font-weight: 400;
 font-style: normal;
}
@font-face {
font-family: 'Montserrat', sans-serif;
}
html, body {
overflow-x: hidden !important;
height: 100%;
}

body {
/*display:flex;*/
margin: 0;
padding: 0;
font-weight: 400;
font-size: 13px;
height: 100%;
/*text-align: center;*/
background: #ffffff;
color: #000;
font-family: 'Graphik Web', sans-serif;
}
@-o-viewport {
width: device-width;
}
@-ms-viewport {
width: device-width;
}
@viewport {
width: device-width;
}

.navbar-light .navbar-toggler {
border: none
}
.navbar-toggler:focus {
box-shadow: none;
}
a.nav-link {
font-weight: 600;
float: left;
margin-left: 12px;
text-transform: uppercase;
}
a.nav-link.active {
color: #2272bf!important;
display: block;
border-bottom: 3px solid goldenrod;
}
a.nav-link:hover {
color: #2272bf!important
}

.logo-holder {
float: left;
width: auto;
height: 80px;
padding-right: 20px;
line-height: 80px;
/*background-color: #ffffff;*/
}
.logo-holder img {
/*width: 160px;*/
width: 7rem;
height: auto;
padding-left: 20px;
}
.navbar-brand.logo-holder span {
font-family: 'Montserrat', sans-serif;
color: #2272bf;
font-size: 1.3rem;
font-weight: 600;
padding-left: 10px;
}
.dropdown-item {
font-size: .75rem;
text-transform: uppercase;
}

.carousel-item {
height: 60vh;
min-height: 350px;
background: no-repeat center center scroll;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}


/* cards */
.card {
border-radius: 0!important;
border: 0!important
}
.card-img-top {
width: 100%;
height: 15vw;
object-fit: cover;
}
.manufacturers .card-img-top {
object-fit: contain;
}

.card-header:first-child {
border-radius: 0;
}
.card-footer .btn-group {
width: 100%;
}
.card-footer .btn-group .btn {
width: 50%;
}
.card-footer .btn-group-sm>.btn, .btn-sm {
border-radius: 0;
}
h6.card-header {
text-align: center;
}

h6.card-header.bg-success.text-white {
text-transform: uppercase;
font-size: .85rem!important;
}
/* layout */
.vh-30 {
height: 30vh;
}
.vh-40 {
height: 40vh;
}
.vh-50 {
height: 50vh;
}

/* bg colors */
.my_bg_blue {
background: #353f55;
}
.my_bg_blue_about {
background: #536673;
}

/* About us */
.bg_about {
background-image: url("../img/bg_about.jpg");
background-size: cover;
background-position: center;
}
.bg_custom {
background-image: url("../img/bg_custom.jpg");
background-size: cover;
background-position: center;
}

/* Slider */
.slick-slide {
margin: 0px 20px;
}

.logo-carousel {
overflow: inherit;
/*border-top: 1px solid #353535;
border-bottom: 1px solid #353535;*/
}

.slick-slide img {
width: 100%;
}

.slick-track::before,
.slick-track::after {
display: table;
content: '';
}

.slick-track::after {
clear: both;
}

.slick-track {
padding: 1rem 0;
}

.slick-loading .slick-track {
visibility: hidden;
}

.slick-slide.dragging img {
pointer-events: none;
}

.slick-loading .slick-slide {
visibility: hidden;
}

.slick-arrow {
position: absolute;
top: 50%;
background: url(https://raw.githubusercontent.com/solodev/infinite-logo-carousel/master/images/arrow.svg?sanitize=true) center no-repeat;
color: #fff;
filter: invert(77%) sepia(32%) saturate(1%) hue-rotate(344deg) brightness(105%) contrast(103%);
border: none;
width: 2rem;
height: 1.5rem;
text-indent: -10000px;
margin-top: -16px;
z-index: 99;
}

.slick-arrow.slick-next {
right: -40px;
transform: rotate(180deg);
}

.slick-arrow.slick-prev {
left: -40px;
}

/* footer */
.footer {
background-color: #e0e0e0;
width: 100%;
text-align: left;
font-family: sans-serif;
padding: 50px;
margin-top: 50px;
}
footer p {
text-align: left!important;
}
.footer .footer-left,
.footer .footer-center,
.footer .footer-right {
display: inline-block;
vertical-align: top;
}
.flag-icon {
border: solid 1px #cccccc;
}

/* footer left*/
.footer .footer-left {
width: 33%;
padding-right: 15px;
}
.footer .about {
line-height: 20px;
font-size: 13px;
font-weight: normal;
margin: 0;
}
.footer .about span {
display: block;
font-size: 14px;
font-weight: bold;
margin-bottom: 20px;
}
.footer .icons {
margin-top: 25px;
}
.footer .icons a {
display: inline-block;
width: 35px;
height: 35px;
cursor: pointer;
background-color: #33383b;
border-radius: 2px;
font-size: 20px;
color: #ffffff;
text-align: center;
line-height: 35px;
margin-right: 3px;
margin-bottom: 5px;
}

/* footer center*/
.footer .footer-center {
width: 33%;
}
.footer .footer-center i {
color: #000000;
font-size: 1rem;
width: 38px;
height: 38px;
text-align: center;
line-height: 42px;
margin: 10px 15px;
vertical-align: middle;
}
.footer .footer-center i.fa-envelope {
font-size: 17px;
line-height: 38px;
}
.footer .footer-center p {
display: inline-block;
vertical-align: middle;
margin: 0;
}
.footer .footer-center p span {
display: block;
font-weight: normal;
font-size: 14px;
line-height: 2;
}
.footer .footer-center p a {
color: #0099ff;
text-decoration: none;
}

/* footer right*/
footer .logo-holder {
float:none;
}
.footer .footer-right {
width: 33%;
}
.footer h2 {
color: #ffffff;
font-size: 36px;
font-weight: normal;
margin: 0;
}
.footer h2 span {
color: #0099ff;
}
.footer .menu {
margin: 20px 0 12px;
padding: 0;
}
.footer .menu a {
font-size: .7rem;
font-weight: 600;
display: inline-block;
line-height: 1.8;
text-decoration: none;
color: inherit;
text-transform: uppercase;
}
.footer .menu a:hover {
color: #0099ff;
}
.footer .name {
color: #808080;
font-size: 14px;
font-weight: normal;
margin: 0;
}
footer .list-group-item {
font-size: smaller;
text-transform: uppercase;
position: relative;
display: block;
padding: 0 .3rem;
color: #212529;
text-decoration: none;
background-color: transparent;
border: none;
}
footer .list-group-item a {
text-decoration: none;
color: #2272bf;
font-weight: 600;
}
footer .list-group-item a:hover {
text-decoration: underline;
color: #000000;
}

/* negative margins */
.mt-n3 {
margin-top: -3rem;
}
.mt-n4 {
margin-top: -4rem;
}

/* media queries */
@media (max-width: 767px) {
.about_blurb {
margin-top: auto!important;
}
.card-img-top {
height: 50vw;
}
.slick-arrow {
width: 1rem;
height: 1rem;
}
.about_blurb  {
margin-top: auto
}
.border-end {
border-right: none!important;
}
.footer {
font-size: 14px;
padding: 14px;
}
.footer .footer-left,
.footer .footer-center,
.footer .footer-right {
display: block;
width: 100%;
margin-bottom: 40px;
/*text-align: center;*/
}
.footer .footer-center i {
margin-left: 0;
}
.footer .name {
font-size: .6rem;
font-weight: 600;
text-transform: uppercase;
}
.footer-left .logo-holder {
float: inherit;
}
}

@media (width: 768px) {
.list-group-horizontal {
flex-direction: column;
}
.manufacturers .col {
width: 50%
}
}