html,body{font-size:15px;}
.row{width:100%;margin:0;font-family: 'Roboto', sans-serif;font-size:11px;} 
#scrollTop{display:none;cursor:pointer;position:fixed;bottom:40px;right:30px;background:#CCC;color:#FFF;border-radius:100%;padding:10px 13px;box-shadow:0px 0px 10px #999;}

.logo{max-width: 300px;width:100%;}

.menu a{padding:25px;display:inline-block;font-size:13px;color:#FFF;letter-spacing: 2px;}

.slider{background:#ab0224;min-height:300px;padding:4% 2% 0px;}
.slider h3{font-size:50px;font-family: 'Nothing You Could Do', cursive;float:left;display:block;padding:15px 30px;color:#FFF;font-weight:bold;position:relative;top:25px;right:10px}
.slider h4{background:#222;float:left;display:block;padding:12px 18px;color:#FFF;font-weight:bold;position:relative;left:40px;}

.font-style1{font-family: 'Nothing You Could Do', cursive;}

.style-30deg{-webkit-transform:rotate(-5deg);}

a{cursor:pointer;}

.btn-default{background:#222;color:#FFF;border:none;padding:10px;}

.Banner{
	max-height: 650px;
	overflow: hidden;
}
.item-banner {
    height: 650px;
    position: relative;
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    display: flex;
    flex-wrap: wrap;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.item-banner .container{
	margin-top: auto;
	margin-bottom: auto;
}
.item-banner .container h2{
	display: block;width: 100%;
	color:#FFF;font-weight:bold;
}
.item-banner .container h2 span{
	background: #000;
}
ul.slick-dots li.slick-active button {
    background: #fff;
}
ul.slick-dots li button {
    font-size: 0;
    padding: 0;
    border: 2px solid #fff;
    width: 16px;
    height: 16px;
    background: transparent;
    margin: 5px;
}
ul.slick-dots {
    padding: 0;
    list-style: none;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 12px;
    position: absolute;
}
.Banner i.fa {
    position: absolute;
    top: 45%;
    font-size: 4rem;
    z-index: 10;
    color: #fff;
    cursor: pointer;
    background: rgb(0 0 0 / 54%);
    width: 60px;
    display: block;
    text-align: center;
    border-radius: 50%;
}
.Banner i.fa.fa-angle-left.slick-arrow {
    left: 4%;
}
.Banner i.fa.fa-angle-right.slick-arrow {
    right: 4%;
}
.menu-mobile{
	display: none;
}

@media screen and (max-width: 1100px){	
	.menu-mobile {
	    display: block;
	    position: fixed;
	    z-index: 100;
	    width: 100%;
	    padding: 20px 0;
	    background: rgb(0 0 0 / 0.8);
	    left: 0;
	    top: 0;
	}
	span.openMenu::before {
	    content: "\f0c9";
	    display: inline-block;
	    font: normal normal normal 14px/1 FontAwesome;
	    font-size: 30px;
	    text-rendering: auto;
	    -webkit-font-smoothing: antialiased;
	    -moz-osx-font-smoothing: grayscale;
	    color: #fff;
	}
	.menu-mobile span.openMenu {
	    position: relative;
	    display: block;
	    text-align: right;
	}
	.menu-mobile {
	    display: block;
	    position: fixed;
	    z-index: 100;
	    width: 100%;
	    padding: 20px 0;
	    background: rgb(0 0 0 / 0.8);
	    left: 0;
	    top: 0;
	    -webkit-transition: 0.3s;
	    transition: 0.3s;
	}
	.menu-mobile nav.list-menu {
	    position: fixed;
	    z-index: 999;
	    left: 0;
	    top: 0;
	    max-width: 500px;
	    width: 100%;
	    height: 100vh;
	    background: #000;
	    padding: 40px 0;
	    overflow-y: auto;	    
	    -webkit-transition: 0.3s;
	    transition: 0.3s;
	    -webkit-transform: translate3d(-100vw,0,0);
	    -moz-transform: translate3d(-100vw,0,0);
	    -ms-transform: translate3d(-100vw,0,0);
	    -o-transform: translate3d(-100vw,0,0);
	    transform: translate3d(-100vw,0,0);
	}
	.menu-mobile nav.list-menu.active{
 		-webkit-transform: translate3d(0,0,0);
	    -moz-transform: translate3d(0,0,0);
	    -ms-transform: translate3d(0,0,0);
	    -o-transform: translate3d(0,0,0);
	    transform: translate3d(0,0,0);
	}
	.menu-mobile nav.list-menu a {
	    display: block;
	    padding: 14px;
	    color: #fff;
	    padding-left: 44px;
	    border-bottom: 1px solid #575757;
	}
	span.closeMenu::before {
	    content: "\f00d";
	    display: inline-block;
	    font: normal normal normal 14px/1 FontAwesome;
	    font-size: inherit;
	    text-rendering: auto;
	    -webkit-font-smoothing: antialiased;
	    -moz-osx-font-smoothing: grayscale;
	    color: #fff;
	    font-size: 30px;
	}
	span.closeMenu {
	    display: block;
	    position: relative;
	    text-align: right;
	    padding: 0 20px;
	}
}

@media screen and (max-width: 615px){
	body {
	    margin-top: 71px;
	}
	.menu-mobile{
		background: #000; 
	}
	.Banner i.fa.fa-angle-left.slick-arrow {
	    left: 1%;
	    font-size: 29px;
    	width: 26px;
	}
	.Banner i.fa.fa-angle-right.slick-arrow {
    	right: 1%;
    	font-size: 29px;
   		width: 26px;
	}
}

@media screen and (max-width: 480px){
	.item-banner {
    	height: 289px;
	}
}