/************************** GENERAL STYLES **************************/

html, body{
    margin: 0 auto;
    height: 100%;
}

.clear{
    clear: both;
}

a, a:link, a:visited{
    text-decoration: none;
}

a.white, a.white:link, a.white:visited{
    color: #ffffff !important;
}

a.black, a.black:link, a.black:visited{
    color: #000000 !important;
}

a.black:hover{
    border-bottom: 1px solid #000000;
}

a[href^="tel"]{
    color:inherit;
    text-decoration:none;
}

.noscroll{
    overflow: hidden !important;
}

.container-wide{
    width: 95%;
    margin: 0 auto;
}

.container-small{
    width: 50%;
    margin: 0 auto;
}






/************************** FONT STYLES **************************/

@font-face {
	font-family: 'ChaletComprime-CologneEighty';
	src: url('fonts/ChaletComprime-CologneEighty.eot');
	src: url('fonts/ChaletComprime-CologneEighty.eot?#iefix') format('embedded-opentype'),
		url('fonts/ChaletComprime-CologneEighty.woff') format('woff'),
		url('fonts/ChaletComprime-CologneEighty.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'ChaletComprime-MilanSixty';
	src: url('fonts/ChaletComprime-MilanSixty.eot');
	src: url('fonts/ChaletComprime-MilanSixty.eot?#iefix') format('embedded-opentype'),
		url('fonts/ChaletComprime-MilanSixty.woff') format('woff'),
		url('fonts/ChaletComprime-MilanSixty.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Gotham-Book';
	src: url('fonts/Gotham-Book.eot');
	src: url('fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'),
		url('fonts/Gotham-Book.woff') format('woff'),
		url('fonts/Gotham-Book.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}


h1, h2{
    font-family: 'ChaletComprime-CologneEighty';
    font-weight: normal;
    font-style: normal;
}

p{
    font-family: 'Gotham-Book';
    font-weight: normal;
    font-style: normal;
}

h1{
    font-size: 46px;
    letter-spacing: 1px;
}

h2{
    font-size: 26px;
    color: #000000;
    text-align: left;
    letter-spacing: 1px;
}

h3{
    font-family: 'ChaletComprime-MilanSixty';
    font-weight: normal;
    font-style: normal;
    font-size: 46px;
    margin-top: -32px;
    line-height: 40px;
    letter-spacing: 1px;
}

p{
    font-size: 16px;
    color: #000000;
    text-align: left;
    line-height: 25px;
}




/************************** NAV STYLES **************************/


#nav{
    width: 100%;
    height: 60px;
    position: relative;
    z-index: 8;
}

.nav-update{
    background-color: #000000 !important;
    position: fixed !important;
    top: 0;
}

.jssor_1_adjust{
    top: 0 !important;
    padding-bottom: 60px;
}

.logo-top{
    position: relative;
    float: left;
    height: 18px;
    width: auto;
    margin-top: 20px;
}

.bars-top{
    position: relative;
    float: right;
    height: 17px;
    width: auto;
    margin-top: 20px;
    z-index: 99;
    cursor: pointer;
    cursor: hand;
}



/************************** MENU STYLES **************************/

#menu{
    width: 100%;
    height: 100%;
    background-color: #000000;
    position: fixed;
    z-index: 999;
    display: none;
}

#menu ul{
    list-style-type: none;
    width: 150px;
    position: absolute;
    top: 50%;                         
    transform: translate(0, -50%);
    left: 50%;
    margin-left: -75px;
    -webkit-padding-start: 0px !important;
}

#menu ul li{
    font-family: 'ChaletComprime-MilanSixty';
    font-weight: normal;
    font-style: normal;
    font-size: 50px;
    color: #ffffff;
    text-align: center;
    line-height: 75px;   
}

.x-top{
    position: relative;
    float: right;
    height: 17px;
    width: auto;
    margin-top: 20px;
    right: 5%;
    cursor: pointer;
    cursor: hand;
}


/************************** SLIDER STYLES **************************/

.logo-slider{
    position: relative;
    width: 270px;
    height: 220px;
}



.slider-img{
    width: 100%;
    height: 100%;
    position: relative;
    float: left;
    background-size: cover;
	image-rendering: -webkit-optimize-contrast;



}

    .img-1{
        background-image: url('img/assets/slide-1.jpg');
    }

    .img-2{
        background-image: url('img/assets/slide-2.jpg');
    }

    .img-3{
        background-image: url('img/assets/slide-6.jpg');
    }
.img-4{
        background-image: url('img/assets/slide-7.jpg');
    }
.img-5{
        background-image: url('img/assets/slide-8.gif');
    }
.img-6{
        background-image: url('img/assets/slide-5.jpg');
    }
.img-7{
        background-image: url('img/assets/slide-9.jpg');
    }
.img-8{
        background-image: url('img/assets/slide-10.jpg');
    }

.img-10{
        background-image: url('img/assets/slide-12.jpg');
    }





        /* jssor slider bullet navigator skin 05 css */
        /*
        .jssorb05 div           (normal)
        .jssorb05 div:hover     (normal mouseover)
        .jssorb05 .av           (active)
        .jssorb05 .av:hover     (active mouseover)
        .jssorb05 .dn           (mousedown)
        */
        .jssorb05 {
            position: absolute;
        }
        .jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
            position: absolute;
            /* size of bullet elment */
            width: 16px;
            height: 16px;
            background: url('img/b05.png') no-repeat;
            overflow: hidden;
            cursor: pointer;
        }
        .jssorb05 div { background-position: -7px -7px; }
        .jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
        .jssorb05 .av { background-position: -67px -7px; }
        .jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }

        /* jssor slider arrow navigator skin 22 css */
        /*
        .jssora22l                  (normal)
        .jssora22r                  (normal)
        .jssora22l:hover            (normal mouseover)
        .jssora22r:hover            (normal mouseover)
        .jssora22l.jssora22ldn      (mousedown)
        .jssora22r.jssora22rdn      (mousedown)
        .jssora22l.jssora22lds      (disabled)
        .jssora22r.jssora22rds      (disabled)
        */
        .jssora22l, .jssora22r {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 46px;
            height: 11px;
            cursor: pointer;
            /*background: url('img/icons/arrow-left.png') center center no-repeat;*/
            overflow: hidden;
        }
        .jssora22b {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 42px;
            height: 20px;
            cursor: pointer;
            /*background: url('img/icons/arrow-left.png') center center no-repeat;*/
            overflow: hidden;
        }
        .jssora22l { background-position: -10px -31px; }
        .jssora22r { background-position: -70px -31px; }
        .jssora22l:hover { background-position: -130px -31px; }
        .jssora22r:hover { background-position: -190px -31px; }
        .jssora22l.jssora22ldn { background-position: -250px -31px; }
        .jssora22r.jssora22rdn { background-position: -310px -31px; }
        .jssora22l.jssora22lds { background-position: -10px -31px; opacity: .3; pointer-events: none; }
        .jssora22r.jssora22rds { background-position: -70px -31px; opacity: .3; pointer-events: none; }
    

.arrow-down{
    width: 42px;
    height: 20px;
    position: absolute;
    bottom: 50px;
    left: 50%;
    margin-left: -23px;
}



/************************** ABOUT STYLES **************************/

#about{
    width: 100%;
    height: auto;
    position: relative;
    padding: 125px 0 140px 0;
    overflow: auto;
}


.half{
    width: 45%;
    position: relative;
}

    .right{
        width: 50%;
        float: right;
        max-width: 450px;
        
    }

    .left{
        float: left;
        margin-top: 24px;
        width: 30%;
    }




/************************** FOOTER STYLES **************************/


#footer{
    width: 100%;
    height: auto;
    padding-bottom: 10px;
}

#footer p{
    font-size: 10px;
    color: #000000;
    text-align: right;
}