.bg-dark-blue{
background-color:#000000;
}
.btn-dark-blue {
background-color:#000000;
color:#ffffff;
border:none;
}
.pagination {
font-family: "Michroma", sans-serif;
font-size:14px;
font-weight:400;
padding:15px 30px 15px 30px;
margin-top:30px;
}
.page-link {
color:#000000;
border:1px solid #000000;
}
.page-link:hover {
background-color:#000000;
color:#ffffff;
border-color:#000000;
}
.page-item.active .page-link {
background-color:#000000;
border-color:#000000;
color:#ffffff;
}
.page-header{
background-size:100%!important;
min-height:240px;
padding-top:100px;
padding-bottom:100px;
-webkit-border-radius:20px;
-moz-border-radius:20px;
border-radius:20px;
text-align:center;
}
.page-header h1{
font-family: "Unbounded", sans-serif;
font-size:30px;
font-weight:400;
line-height:36px;
letter-spacing:2px;
color:#ffae00;
}
.page-header p{
font-family: "Whisper", sans-serif;
font-size:40px;
color:#ffffff;
}
.about-header{
background:#000000 url('../img/aboutheader.jpg') no-repeat center center;
}
.about{
font-family: "Lexend", sans-serif;
font-size:16px;
font-weight:300;
color:#3c3c3c;
line-height:24px;
text-align:justify;
margin:80px auto 0;
display:table;
}
.about h3{
font-family: "Unbounded", sans-serif;
font-size:22px;
font-weight:400;
color:#000000;
line-height:28px;
text-transform:uppercase;
letter-spacing:2px;
margin-bottom:10px;
}
.about h4{
font-family: "Michroma", sans-serif;
font-size:24px;
font-weight:400;
color:#000000;
line-height:30px;
text-transform:uppercase;
margin-top:10px;
margin-bottom:10px;
}
.about .aboutcontent{
padding-left:60px;
}
.visionmission .col-md-6{
width:calc(50% - 20px);
display:flex;
align-items:center;
justify-content:center;
padding:20px 20px 20px 120px;
border:5px solid #e5e5e5;
-webkit-border-radius:20px;
-moz-border-radius:20px;
border-radius:20px;
}
.visionmission .vision{
background:url('../img/vision.png') no-repeat 30px 50%;
margin-right:40px;
}
.visionmission .mission{
background:url('../img/mission.png') no-repeat 30px 50%;
}
.about .aboutfeatures{
background-color:#e5e5e5;
font-family: "Michroma", sans-serif;
font-size:16px;
font-weight:400;
color:#000000;
padding:20px;
-webkit-border-radius:20px;
-moz-border-radius:20px;
border-radius:20px;
}
.about .aboutfeatures .col-md-3{
border-left:1px solid #000000;
}
.about .aboutfeatures .col-md-3:first-child{
border-left:0;
}
.products-header{
background:#000000 url('../img/productsheader.jpg') no-repeat center center;
}
.products-header, .brand-header h1{
text-transform:uppercase;
}
.products-header, .brand-header p{
text-transform:none;
}
.product{
font-family: "Jura", sans-serif;
font-size:15px;
font-weight:500;
line-height:24px;
margin:80px auto 0;
}
.product .card-header{
font-family: "Unbounded", sans-serif;
font-size:16px;
font-weight:400;
text-transform:uppercase;
}
.product .list-group-item:hover{
background-color:#000000;
}
.product .list-group-item a{
font-weight:400;
color:#000000;
}
.product .list-group-item:hover a{
color:#FFFFFF;
}
.product .card-title{
font-size:20px;
font-weight:600;
color:#000000;
line-height:28px;
text-align:center!important;
}
.product .card-title a{
color:#000000;
}
.product .card-text{
background-color:#e5e5e5;
font-weight:700;
padding-top:5px;
padding-bottom:5px;
}
.list-group .active{
background-color:#000000;
border:none;
}
.list-group .active a{
color:#FFFFFF;
}
.card-body h6{
font-weight:700;
}
.product .card img{
padding:10px;
}
.productpage-header{
background:#000000 url('../img/headerbg.png') no-repeat center center;
}
.productpage-header h1{
font-family: "Unbounded", sans-serif;
font-size:24px;
font-weight:400;
line-height:32px;
letter-spacing:0;
}
.productpage{
font-family: "Lexend", sans-serif;
font-size:16px;
font-weight:300;
line-height:24px;
margin:80px auto 0;
}
.productpage .productpageslider{
padding:20px;
border:5px solid #e5e5e5;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.productpage .list-group{
border:5px solid #e5e5e5;
}
.productpage .list-group-item{
border-color:#e5e5e5;
border-style:solid;
border-width:5px 0 0 0; 
}
.productpage .list-group-item:first-child{
border-width:0 0 0 0; 
}
.productpage .list-group-item a{
color:#000000!important;
}
.productpage .productcontent{
padding:20px;
border:5px solid #e5e5e5;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
box-sizing:border-box;
}
.productpage .productcontent table{
font-size:14px;
}
.productpage .productcontent th{
background-color:#e5e5e5;
font-family: "Jura", sans-serif;
font-size:16px;
font-weight:700;
color:#000000;
}
.productpage .swiper-pagination-bullet{
background-color:#000000!important;
width:30px!important;
height:10px!important;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
}
.brand-header{
background:#000000 url('../img/brandheader.jpg') no-repeat center center;
}
.brand{
font-family: "Lexend", sans-serif;
font-size:16px;
font-weight:300;
line-height:24px;
text-align:justify;
margin:80px auto 0;
}
.brand h3{
font-family: "Unbounded", sans-serif;
font-size:24px;
font-weight:700;
color:#000000;
line-height:30px;
text-transform:uppercase;
margin-bottom:20px;
}
.brand .row{
margin-top:80px;
}
.brand .row .col-md-6:nth-child(2n){
padding-left:50px;
}
.brand .row .col-md-6 img{
-webkit-border-top-left-radius: 50px;
-webkit-border-bottom-left-radius: 50px;
-moz-border-radius-topleft: 50px;
-moz-border-radius-bottomleft: 50px;
border-top-left-radius: 50px;
border-bottom-left-radius: 50px;
}
.brand .row .col-md-6 .button{
background-color:#000000;
font-family: "Jura", sans-serif;
font-size:16px;
font-weight:600;
line-height:22px;
color:#ffffff;
padding:10px 20px 10px 20px;
margin:20px 0 0 0;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
display:table;
}
.brand .row .col-md-6 .button:hover{
background-color:#12314b;
}
.blog-header{
background:#000000 url('../img/blogheader.jpg') no-repeat center center;
}
.bloglist{
font-family: "Lexend", sans-serif;
font-size:16px;
font-weight:300;
line-height:24px;
text-align:justify;
margin:80px auto 0;
}
.bloglist .card{
padding:20px;
border:5px solid #e5e5e5;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.bloglist .card-title{
font-family: "Unbounded", sans-serif;
font-size:20px;
font-weight:400;
color:#000000;
line-height:28px;
margin-bottom:10px;
text-align:center!important;
}
.bloglist .card-title a{
color:#000000;
}
.bloglist .card img{
-webkit-border-radius:20px;
-moz-border-radius:20px;
border-radius:20px;
margin-bottom:20px;
}
.blogpost-header{
background:#000000 url('../img/headerbg.png') no-repeat center center;
}
.blogpost-header h1{
font-family: "Unbounded", sans-serif;
font-size:24px;
font-weight:400;
line-height:32px;
letter-spacing:0;
}
.blogpost{
font-family: "Lexend", sans-serif;
font-size:16px;
font-weight:300;
line-height:24px;
text-align:justify;
margin:50px auto 0;
}
.blogpost img{
-webkit-border-radius:20px;
-moz-border-radius:20px;
border-radius:20px;
}
.blogpost .card{
padding:20px;
border:5px solid #e5e5e5;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.blogpost .card .card-title{
font-family: "Unbounded", sans-serif;
font-size:18px;
font-weight:400;
color:#000000;
line-height:26px;
margin-bottom:10px;
text-align:center!important;
}
.blogpost .card-title a{
color:#000000;
}
.agreement-header{
background:#000000 url('../img/agreementheader.jpg') no-repeat center center;
text-transform:uppercase;
}
.agreement{
font-family: "Lexend", sans-serif;
font-size:16px;
font-weight:300;
line-height:24px;
text-align:justify;
margin:80px auto 0;
}
.contact-header{
background:#000000 url('../img/contactheader.jpg') no-repeat right center;
}
.contact{
font-family: "Jura", sans-serif;
font-size:24px;
font-weight:500;
color:#3c3c3c;
line-height:30px;
text-align:center;
margin:80px auto 0;
display:table;
}
.contact .col-md-4{
width:calc(33.333% - 20px);
display:flex;
align-items:center;
justify-content:center;
padding:20px;
border:5px solid #e5e5e5;
-webkit-border-radius:20px;
-moz-border-radius:20px;
border-radius:20px;
}
.contact .col-md-4 a{
color:#3c3c3c;
}
.contact .phone{
background:url('../img/phone.png') no-repeat 50% 20px;
padding-top:120px;
margin-right:30px;
}
.contact .email{
background:url('../img/email.png') no-repeat 50% 20px;
padding-top:120px;
margin-right:30px;
}
.contact .address{
background:url('../img/address.png') no-repeat 50% 20px;
padding-top:120px;
}
.map{
width:95%;
max-width:1920px;
margin:30px auto 0;
border:5px solid #e5e5e5;
-webkit-border-radius:20px;
-moz-border-radius:20px;
border-radius:20px;
display:table;
}
.map iframe{
-webkit-border-radius:20px;
-moz-border-radius:20px;
border-radius:20px;
display:table;
}
@media (max-width: 1219.98px) {
.about{
margin:80px auto 0;
}
.productpage{
margin:100px auto 0;
}
.productpage .productcontent{
margin-top:24px;
}
.brand h3{
text-align:center;
margin-top:30px;
margin-bottom:20px;
}
.brand .row .col-md-6{
width:100%;
}
.brand .row .col-md-6:nth-child(2n){
padding-left:10px;
}
.brand .row .col-md-6 img{
width:100%;
-webkit-border-top-left-radius: 50px;
-webkit-border-top-right-radius: 50px;
-moz-border-radius-topleft: 50px;
-moz-border-radius-topright: 50px;
border-top-left-radius: 50px;
border-top-right-radius: 50px;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius-bottomleft: 0;
border-bottom-left-radius: 0;
}
.brand .row .col-md-6 .button{
margin:20px auto;
}
}
@media (max-width: 991.98px) {
.page-header{
background-size:cover!important;
}
.page-header p{
font-size:30px;
line-height:36px;
}
.productpage-header{
background-size:auto;
}
.about .col-md-4{
width:100%;
text-align:center;
margin-bottom:30px;
}
.about .aboutcontent{
width:100%;
padding-left:0;
}
.visionmission .col-md-6{
width:100%;
padding:120px 20px 20px 20px;
}
.visionmission .vision{
background:url('../img/vision.png') no-repeat 50% 30px;
margin-right:0;
margin-bottom:30px;
}
.visionmission .mission{
background:url('../img/vision.png') no-repeat 50% 30px;
}
.about .aboutfeatures .col-md-3{
width:100%;
border-top:1px solid #000000;
border-left:0;
}
.about .aboutfeatures .col-md-3:first-child{
border-top:0;
}
.blogpost-header{
background-size:auto;
}
.blogpost img{
margin-bottom:20px;
}
.contact .col-md-4{
width:100%;
}
.contact .phone{
margin-right:0;
margin-bottom:30px;
}
.contact .email{
margin-right:0;
margin-bottom:30px;
}
}