html{}


body{margin:0; padding:0; font-size:100%; font-family:'Lato', sans-serif; color:#666666; background:url(../images/body_bg.png);}

.justify{text-align:justify;}
.bold{font-weight:bold;}
.center{text-align:center;}
.right{text-align:right;}
.nostart{margin:0; padding:0; list-style:none;}
.hidden{display:none;}
.clear{display:block; clear:both;}
a{outline:none; text-decoration:none;}

/*-- HTML 5 Overrides --*/

address, article, aside, figcaption, figure, footer, header, hgroup, nav, section{display:block; margin:0; padding:0;}

/*-- block --*/

.yello_block{background:#f8cf41;}
.gray_block{background:#868e91;}
.white_block{background:#0C6;}
.black_block{background:#1a9507;}
 
/*-- Generalise --*/



.strip{background:url(../images/strip.png); background-repeat:no-repeat; background-position:0px 0px; display:block;}
.strip.f_icon{width:50px; height:50px; background-position:0px 0px;}
.strip.f_icon:hover, .strip.f_icon.active{background-position:0px -50px;}
.strip.t_icon{width:50px; height:50px; background-position:-50px 0px;}
.strip.t_icon:hover, .strip.t_icon.active{background-position:-50px -50px;}
.strip.g_icon{width:50px; height:50px; background-position:-100px 0px;}
.strip.g_icon:hover, .strip.g_icon.active{background-position:-100px -50px;}

/*-- Header --*/
.logo{padding:20px 0;}
.navbar{min-height:100px;}
.navbar-default{background:#31343c; border:none;}
.navbar-nav > li > a{font-size:16px; font-family: 'Lato', sans-serif; padding:40px 30px;}
.navbar-default .navbar-nav > li > a{ color:#ffffff;}
.navbar-default .navbar-nav > li > a{ color:#ffffff;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{ background:#31343c; color:#f4f2f2;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{background:#f8cf41;}
.navbar-toggle{margin-top: 30px; padding: 10px;}
.carousel-indicators li{border:1px #dea43f solid;}
.carousel-indicators .active{background:#dea43f;}
.carousel-caption h1{font-family:  'Open Sans', sans-serif; font-weight:bold; font-size:65px; margin-bottom:0; text-align:left;}
.carousel-caption h1 span{font-weight:normal;}
.carousel-caption p{font-family:'Lato', sans-serif; font-size:20px; color:#f8cf41;}
.carousel-caption{left:28%; padding-top: 0; top: 40px; right:0; text-align:left;}
.carousel-caption{text-shadow:none;}
.btn_block{padding-left: 180px; text-align: left;}
.banner_btn{background:url(../images/btn_background.png) repeat-x left bottom; border-radius:20px; padding:7px 10px; font-size:16px; color:#ffffff;}
.banner_btn:hover, .banner_btn:active, .banner_btn:focus{text-decoration:none; color:#ffffff;}
.banner_btn:focus{outline:none;}
#latest_offer{padding:30px 0;}
.join_block{font-family: 'Lato', sans-serif; font-size:26px; text-transform:uppercase; color:#31343c;}
.social_media{float:right; padding:12px 0;}
.social_media ul{margin:0; padding:0; list-style:none;}
.social_media ul li{float:left;}
.social_media ul li a:hover{text-decoration:none;}
.gallery{padding:60px 0;}

@media(max-width:1200px) {
	
}

@media(max-width:980px) {
	.navbar-nav > li > a{padding: 40px 20px;}
	.carousel-caption{left:15%;}
	.social_media{float:none; margin:0 auto; display:inline-block; padding:20px 0 0 0;}
}

@media(max-width:767px) {
	.navbar-collapse ul.navbar-nav {margin: 20px -10px !important;}
	.navbar-collapse{border-top:none;}
	.navbar-nav > li > a{padding-top:15px; padding-bottom:15px; border-bottom:1px #24262c solid;}
	.br_none{border-bottom:none !important;}
	.navbar-collapse{box-shadow:none;}
	.navbar-default .navbar-toggle{border-color: #4C515E;}
	.navbar-toggle{border-radius:0px;}
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{border-color: #15171a; background:none;}
	.carousel-caption{left:0 !important; padding-left:2%;}
	.navbar-nav > li > a{padding: 15px 20px;}
	.join_block{font-size:16px;}
}

@media(max-width:640px) { 
	.carousel-caption h1{font-size:35px;}
	.carousel-caption p{font-size:16px;}
	.carousel-caption{top:0;}
	.btn_block{padding-left:100px;}
	h1{font-size:40px;}
	h3{font-size:14px;}
}

