@font-face {    font-family: Warnes;    src: url("../fonts/Warnes-Regular.ttf");}@font-face { font-family: Kraftstoff; src: url("../fonts/Kraftstoff-Regular.otf"); }.clearfix::before, .clearfix::after {    content:"";    display:table;}.clearfix::after {    clear:both;}.clearfix {    zoom:1; /* For IE 6/7 (trigger hasLayout) */}html,body {    margin: 0px;    padding: 0px;    height: 100%;    width:100%;}body {    font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;    background: url('../../images/bg.jpg') fixed no-repeat center center;    background-size: cover;    position: relative;}.buttons{    display:inline-block;    padding: 10px;    height: 50px;    color:#000;    -webkit-border-radius:5px;    -moz-border-radius:5px;    border-radius:5px;    text-decoration: none;    font-size: 16px;    font-weight: bold;    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#aa770a+0,fbda4a+50,aa770a+100 */    background: #aa770a; /* Old browsers */    background: -moz-linear-gradient(left, #aa770a 0%, #fbda4a 50%, #aa770a 100%); /* FF3.6-15 */    background: -webkit-linear-gradient(left, #aa770a 0%,#fbda4a 50%,#aa770a 100%); /* Chrome10-25,Safari5.1-6 */    background: linear-gradient(to right, #aa770a 0%,#fbda4a 50%,#aa770a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aa770a', endColorstr='#aa770a',GradientType=1 ); /* IE6-9 */    font-family: Kraftstoff;    font-size: 36px;}#loadingOverlay{    background: url(../../images/ellipsis.gif) #000000 center center no-repeat;    width:100%;    height:100%;    position: fixed;    z-index: 9999;}.hide {    display: none !important;}#shutterElement{    width:100%;    height: 100%;}#landingPageWrapper{    width:260px;    height: 400px;    position: absolute;    top:0;    left:0;    right:0;    bottom:0;    margin:auto;    box-sizing: border-box;    text-align: center;    z-index: 999;    -webkit-animation-duration: 300ms;    -moz-animation-duration: 300ms;    -o-animation-duration: 300ms;    animation-duration: 300ms;}#landingPageWrapper p{    color:#FAD949;    font-size: 23px;    font-family: Warnes;}#landingPageWrapper img{    width:100%;}#logoSection{    width:100%;    padding: 10px;    box-sizing: border-box;    text-align: center;    position: relative;}#logoSection img{    width:80px;}#logoSection p{    color:#FAD949;    font-size: 18px;    font-family: Warnes;}#navigationWrapper{    position: fixed;    height:30px;    width: 30px;    background: url('../../images/navigation.png') #000 no-repeat center center;    z-index: 998;    left:20px;    top:40px;}#navigationMenu{    list-style: none;    margin: 0;    padding: 0;    position:fixed;    top:0;    left:0;    background:rgba(0,0,0,0.9);    width:100%;    height: 100%;    z-index: 999;    -webkit-animation-duration: 300ms;    -moz-animation-duration: 300ms;    -o-animation-duration: 300ms;    animation-duration: 300ms;}#navigationMenu li{    display: flex;    width:100%;    height: 50px;    border-bottom:solid 1px #FBD94A;    justify-content: center;    align-items: center;}#navigationMenu li.active{    background:#FBD94A;}#navigationMenu li.active a{    color:#000;}#navigationMenu li a{    text-decoration: none;    color:#FBD94A;    font-family: Kraftstoff;    font-size: 28px;    text-transform: uppercase;    font-weight: bold;}#slideWrapper{    width:100%;    max-width: 1200px;    margin: 0 auto 40px auto;}#slideWrapper img{    width:100%;}#slide{    width:100%;    max-width: 640px;    max-height: 427px;    margin:0 auto 0 auto;}#slideText{    width:100%;    font-family: Kraftstoff;    /*font-size:34px;*/    font-size:28px;    text-align: center;    color:#F8D84A;    padding: 10px;    box-sizing: border-box;}#slideNav{    height:15px;    width:100%;    text-align: center;    margin: 15px 0 15px 0;}#slideNav span{    width:15px;    height: 15px;    border-radius: 50%;    border:solid 2px #FAD84A;    box-sizing: border-box;    display:inline-block;    margin-right:5px;}span.cycle-pager-active{    background: #FAD84A;}.sectionWrapper{    background: rgba(0,0,0,0.7);    padding: 10px;    with:100%;    box-sizing: border-box;    color:#fff;    font-size:16px;    position: relative;    max-width: 1200px;    margin: 0 auto 40px auto;}div.sectionWrapper span.ui-selectmenu-button{    margin-left: auto;    margin-right: auto;    display: block;    width:280px;    box-sizing: border-box;}.sectionWrapper h1{    font-size: 28px;    color:#FAD84A;    text-transform: uppercase;    border-bottom: solid 3px #FAD84A;    margin:5px 0 10px 0;    letter-spacing: 3px;    padding-bottom: 5px;    font-weight: normal;}.tabs ul{    list-style-image: url('../../images/list-style.png');}#whyusTab ul{    text-align: center;    margin: 0;    padding: 0;    list-style: none;}#whyusTab ul li{    width:180px;    display: inline-block;    vertical-align: top;    margin-right: 30px;}#whyusTab ul li strong{    font-family: Kraftstoff;    color:#FAD84A;    display: block;    margin: 10px 0 10px 0;    font-size: 18px;}#whyusTab ul li img{    width: 76px;    display: block;    margin: 0 auto 10px auto;}#whyusTab ul li:last-child{    margin-right: 0;}#aboutTable td{    vertical-align: top;    color:#FAD84A;    text-align: center;    width:50%;}.iconNavigationWrapper table{    border-collapse: collapse;}.iconNavigationWrapper table td{    background: url('../../images/inactivecar.png')  no-repeat center 10px ;    font-size:24px;    color:#FAD84A;    width:100px;    height: 100px;    text-align:center;    vertical-align: bottom;    border:solid 1px #FAD84A;    font-family: Kraftstoff;}.noNAv{    background: none !important;}.iconNavigationWrapper table td.active,.iconNavigationWrapper table td:hover{    background: url('../../images/activecar.png') #FBD94A no-repeat center 10px ;    color:#000;    cursor:pointer;}#contacts table{    width:100%;}#contacts table tr td{    vertical-align: top;    padding: 10px;}#contacts table tr td:first-child{    color:#FAD84A;    width:130px;}#maps{    width:100%;    height: 385px;    box-sizing: border-box;}#dev{    text-align: center;    font-size: 12px;    color:#fff;    margin-bottom: 40px;}#dev a{    color:#FAD84A;}@media only screen and (min-device-width : 768px) {    .sectionWrapper{        min-height: 280px;    }    .iconNavigationWrapper{       position: absolute;        top:55px;        right:10px;        width:310px;        display: block;    }    .contentWrapper{        padding-right: 320px;        box-sizing: border-box;        width:100%;    }    #contacts table{        width:400px;        float: left;    }    #maps{        padding-left: 420px;    }}@media only screen and (min-device-width : 1000px) {    .navbar-fixed{        position:fixed !important;        top:0 !important;        right:0 !important;        left: 0 !important;        z-index:9999;        background: rgba(0,0,0,0.8);    }    #logoNavWrapper{        height: 100px;        padding:  0 10px;        box-sizing: border-box;        width:100%;        max-width: 1200px;        margin:0 auto 40px auto;    }    #logoSection{        height: 100px;        width:300px;        float: left;        text-align: left;        display: flex;    }    #logoSection img{        margin-right:10px;    }    #logoSection p{        display: inline-block;    }    #navigationWrapper{        height:50px;        width:100%;        position:relative;        background: none;        left: 0;        top:0;        padding-left: 320px;        box-sizing: border-box;    }    #topBar{        height:50px;        width:100%;        background: #FBD94A;        font-family: Kraftstoff;        font-size:20px;        font-weight: bold;    }    #topBar table{        margin: auto;        width:90%;        border-collapse: collapse;    }    #topBar table td{        height:50px;        vertical-align: middle;    }    #topBar table td:last-child{        text-align: right;    }    #navigationMenu{        position:relative;        background: none;    }    #navigationMenu li:not(:first-child){        margin-left:-35px;    }    #navigationMenu li{        display: inline-flex;        width:145px;       background: url('../../images/inactivemenu.png') bottom center;        border:none;    }    #navigationMenu li.active, #navigationMenu li:hover{        background: url('../../images/activemenu.png') bottom center !important;    }    #navigationMenu li a{        color:#000;    }    #navigationMenu li:hover a, #navigationMenu li.active a{        color:#FBD94A;    }    #slide{        margin:0;        float:left;    }    #slideNav{        padding-top: 50px;    }    #slideText{        padding: 20px;        padding-left: 640px;        box-sizing: border-box;        font-size: 55px;    }}