﻿/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$...
7$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$?...7$$$
$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$~....$$$$$$$
7$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$Z=.....$$$$$$$$$$
$ZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZ+.  ...ZZZZZZZZZZZZZ
$ZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZ...  ..ZZZZZZZZZZZZZZZZ
$ZZZZZZZZZZZZZZZZZZZZZZZZZZZ$..    ..ZZZZZZZZZZZZZZZZZZ
$ZZZZZZZZZZZZZZZZZZZZZZZZZ...   ...ZZZZZZZZZZZZZZZZZZZZ
$ZZZZZZZZZZZZZZZZZZZZZZ..      ..ZZZZZZZZZZZZZZZZZZZZZZ
$ZZZZZZZZZZZZZZZZZZZ..  ...   .ZZZZZZZZZZZZZZZZZZZZZZZZ
$OOOOOOOOOOOOOOOOO..         .OOOOOOOOOOOOOOOOOOOOOOOOO
$OOOOOOOOOOOOOOO.           .OOOOOOOOOOOOOOOOOOOOOOOOOO
ZOOOOOOOOOOOOOO.            8OOOOOOOOOOOOOOOOOOOOOOOOOO
ZOOOOOOOOOOOOZ             .OOOOOOOOOOOOOOOOOOOOOOOOOOO
ZOOOOOOOOOOOO.             .OOOOOOOOOOOOOOOOOOOOOOOOOO0
ZOOOOOOOOOOO,...............+OOOOOOOOOOOOOOOOOOOOOOOOO0
ZOOOOOOOOOOO:................OOOOOOOOOOOOOOOOOOOOOOOOO0
ZOOOOOOOOOOOO.................8OOOOOOOOOOOOOOOOOOOOOOO0
Z8888888888888.................O88888888888888888888888
O88888888888888..................O888888888888888888888
O8888888888888888.................888888888888888888888
O888888888888888888?................8888888888888888888
O888888888888888888888$..............$88888888888888888
O888888888888888888888888D,............D888888888888888
O88888888888888888888888888888...........88888888888888
O888888888888888888888888888888888........:888888888888
O888888888888888888888888888888888888.......D8888888888
ODDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDD88.......DDDDDDDDD
ODDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDD..........DDDDDDDD
ODDDDDDDDDDDDDDDDDDDDDDDDDDDDD8,... ...   ...   .DDDDDD
ODDDDDDDDDDDDDDDDDDDD.............................DDDDD
ODDDDDDDDDDDDDDDDDDDDDDDDDDDD,.....................DDDD
8DDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDD$..............7DD
8DDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDD+.......++
8DDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDD*/


/* Created by: 2016, Kinetic Solutions               */


/* READING */


/* BNB PAGES - CLIENT BRANDING --------------------- */


/* This is a special case, because there is no need to
   change the original Kinetic.BnB design here, because
   Kinetic design equals to KxBnB design. */


/* KINETIC-RESET ----------------------------------- */


/* Just keep it to further reusage. */

.clear {
    margin: 0;
    padding: 0;
    clear: both;
}

.img-left {
    float: left;
    margin: 4px 20px 15px 0;
}

.img-right {
    float: right;
    margin: 4px 0 15px 20px;
}

.img-center {
    float: none;
    margin: 0 auto;
}

.img-fluid {
    float: none;
    margin: 0;
    width: 100%;
    height:-webkit-fill-available;
}

.img-background {
    float: none;
    margin: 0;
    width: auto;
    height: auto;
    z-index: 0;
    position: absolute;
}

.img-bottom {
    float: none;
    margin: 0;
    width: auto;
    height: auto;
    z-index: 4;
    position: absolute;
    bottom: 0;
}

.nav-bar {
    background: #2e4680;
}


/* GENERAL ----------------------------------------- */


/* John added this in december */

div#licencepagecontent {
    margin-top: 65px;
}


/* LOGO */

.pageHeader .logo {
    background: url('../Images/Base/logo.png') top center no-repeat;
    /* margin-left: -147px; */
    height: 133px;
    margin-top: 35px;
}


/* TOP NAV BAR */

.pageHeader>.container-fluid:first-child+.container-fluid {
    margin-top: 25px;
    background: #484444;
    border-top: #e0141c solid 3px;
}


/* BANNER */

.banner img {
    /* margin-top: -814px; */
    /* filter: contrast(50%); */
}


/*.bnbTitle1 { text-align: center; z-index: 1; position: relative; display: block; width: 41%; margin: 0 auto; margin-top: 94px; font-size: 35px; font-weight: 700; color: #fff; text-shadow: 2px 2px #000; }*/


/*.bnbTitle2 { text-align: center; z-index: 1; position: relative; display: block; width: 30%; margin: 0 auto; font-size: 28px; font-weight: 700; color: #fff; text-shadow: 2px 2px #000;}*/

.pageHeader {
    height: 150px;
}


/* FOOTER */

li {
    list-style-type: none;
}

.footer-info {
    padding-top: 40px;
    padding-bottom: 40px;
}

footer span {
    font-size: 16px;
}


/* MEDIA QUERIES */

@media only screen and (max-width: 1199px) {
    .footer-info {
        text-align: center;
    }
    #first-footer {
        padding-bottom: 10px;
    }
}

@media only screen and (max-width: 700px) {
    .imgWidth {
        width: 320px;
    }
}

@media only screen and (max-width: 412px) {
    .imgWidth {
        width: 270px;
    }
}