@charset "utf-8";
/* CSS Document */

@media screen and (min-width:980px){
	.caroufredsel_wrapper{
		min-width:1400px !important;
	}
	
	.pager{
		top:380px;
	 }
}

@media screen and (min-width:768px) and (max-width:979px){
	.caroufredsel_wrapper{
		min-width:100% !important;
	}
	
	.pager{
		top:360px;
	 }
	 
	 .slidernav{
	 	top:6px;
	 }
	
}

@media screen and (max-width:979px){
	
  .caroufredsel_wrapper{
		min-width:100% ;
	}
  /*showhidden nav*/
  .mobileNavIcon {
    display: block;
  }
  
  .navbar .nav{
  	display: none;
  }
  
  .navbar-text{
  	display: none;
  }
  
  #homenav ul.nav{
	  position:relative !important;
	  z-index:120;
	  top:-30px;
  }
  
  .nav-collapse ul.nav{
  	display:none;
	position:absolute;
	top:60px;
	width:100%;
	padding-left:15px;
	background-color:#EAEAEA;
	border-bottom: 3px solid #D2D2D2;
	z-index:100;
  }
 
 .navbar .nav > li > a{
	 text-shadow:none;
	 padding:15px 25px 15px 25px;
	 border-top:2px solid #eaeaea;
	 box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
 }
 
 .navbar .nav > li > a:hover{
 	background-color:#f4f4f4;
	padding:15px 25px 15px 25px;
	border-top:2px solid #eaeaea;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
 }
 
/* .navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle {
  border:none;
  border-bottom:none;
  background-color: transparent;
}

 .dropdown-menu{
	display:none !important;
 }*/
 
 .dropdown-menu > li > img{
 	display:none;
 }
 
 #wrapper{
	min-width:100%;
	overflow-x:hidden;
 }
 
 .container{
 	min-width:70%;
	float:left;
 }
 
 .subnav{
 	width:25%;
	margin-left:20px;
	margin-top:12px;
 }
 
 .well{
 	width:90%;
	margin:auto;
	padding:0;
	padding-top:15px;
 }
 
 .slider_wrapper{
 	width:100%;
	margin-left:5%;
 }


	#slider .content p, 
	#slider .content .textin{
		padding-top:0;
		margin-top:12px;
	}
	
 
}

@media screen and (max-width:860px){
	.pager{
		top:290px;
	}
}


@media screen and (max-width:795px){
	.pager{
		top:280px;
	}
}


@media screen and (max-width:767px){
	.caroufredsel_wrapper{
		min-width:100% !important;
	}
	
	.mobileNavIcon{
		/*background-color:#ff6600;*/
	}
	
	.pager{
		top:270px;
	 }
	 

	 .next,
	 .prev{
	 	padding:4% 4.5%;
	 }
	 
	 #slider .content p, 
	 #slider .content .textin {
	 	width:100%;
		float:left;
	 }
	 
	footer{
		height:auto;
		padding-bottom:10px;
		padding-top:10px;
	}

	footer p,
	footer ul{
		line-height:24px;
		float:none;
		text-align:center;
	}	
	
	.cell iframe{
		height:300px;
		width:100%;
	}
	
	#slider .content h3{
		width:auto;
	}
	
	.title-country{
		font-size:18px;
		letter-spacing:0.02em;
	}
	
	.overlay_title{
		top:15px; 
	}
	
	.navbar .nav > li > a{
		padding:10px 18px 15px;
	}

	.navbar .nav > li > a:hover{
		padding:10px 18px 15px;
	}
	
}

@media screen and (device-aspect-ratio: 40/71) {
	.pager{
		 top:200px
	}
	
	.title-country{
		font-size:18px;
		letter-spacing:0.02em;
	}
	
	.overlay_title{
		top:15px; 
	}
	
	header{
		height:70px;
	}
	
	.nav-collapse ul.nav{
		top:40px;
		padding-left:0;
		background-color:#eaeaea;
	}
	
	#homenav ul.nav{
		top:-20px;
		border-bottom:2px solid #CFCFCF;
	}
	
	.navbar .nav > li > a{
		padding:10px 15px 15px;
	}

	.navbar .nav > li > a:hover{
		padding:10px 15px 15px;
	}
	
	.navbar .nav li:first-child{
		margin-left:15px;
	}
	
	.brandname{
		margin-right:20px;
		padding:10px 20px 10px 30px;
	}
	
	.mobileNavIcon{
		top:20px;
	}

	
}


@media screen and (max-width:480px){
	header{
		height:75px;
	}
	.mobileNavIcon{
		background-color:#eaeaea;
		right:15px;
	}
	
	.subnav{
		width:100%;
	}
	
	.container{
		width:100%;
		min-width:100%;
	}
	
	.slidernav{
		top:0px;
	}
	
	.next{
		margin-right:5px;
	}
	
	.prev{
		margin-left:5px;
	}
	
	.pager{
		top:220px;
	}
	
	#slider .content h3{
		width:auto;
	}
		
	#slider .content p, 
	#slider .content .textin{
		float:left;
		width:100%;
	}
	
	.brandname img{
		width:90%;
	}
	
	.brandname{
		margin-right:20px;
		padding:15px 20px 10px 30px;
	}
	
	.mobileNavIcon{
		top:22px;
	}
	/*
	.nav-collapse ul.nav{
		position:relative;
		top:0;
	}
	
	.navbar .nav{
		margin-top:15px;
	}*/
	
	/*.panel-1, .panel-2, .panel-3{
		width:100%;
		left:0;
		top:0;
		position:relative;
		height:300px;
	}*/
	
	.nav-header{
		margin-bottom:10px;
		padding-left:15px;
	}
	
	#homebanners{
		width:100%;
	}
	#homebanners li{
		position:relative;
	}
	
	.panel-1{
		height:300px;
		width:50%;
	}
	
	.panel-2,
	.panel-3,
	.panel-4
	{
		height:300px;
		left:0;
		top:0;
		width:50%;
		clear:both;
	}
	
	.overlay #sg4, .overlay #sg4-color{
		background-position: center 48% !important;
	}
	
	.title-country{
		font-size:18px;
		letter-spacing:0.02em;
	}
	
	.overlay_title{
		top:15px; 
	}
	
	footer{
		height:auto;
		padding-bottom:10px;
		padding-left:0;
		padding-top:20px;
	}
	
	footer p{
		margin:auto;
		padding-top:0px;
		font-size:10px;
	}
	
	footer ul{
		font-size:12px;
		margin-top:-10px;
	}
	
	footer p,
	footer ul{
		float:none;
		text-align:center;
		line-height:24px;
	}
	
	.cell iframe{
		width:100%;
		height:200px;
	}
	
	#slider .content{
		margin-top:30px;
	}
	
	#slider .content h3{
		padding-top:10px;
	}
	
	
	#slider .content p, 
	#slider .content .textin{
		padding-top:0;
		margin-top:24px;
	}
	
	.list_carousel #slider > div{
		margin:0;
	}
	
	.nav-collapse ul.nav{
		top:45px;
		padding-left:0;
		background-color:#eaeaea;
	}
	#homenav ul.nav{
		top:-25px;
		border-bottom:2px solid #CFCFCF;
	}
	
	#sitemap-container li{
		width:90%;
		padding-left:15px;
	}
	
	#sitemap-container ul{
		width:100%;
	}
	
	.navbar .nav > li{
		width:50%;
		border:1px solid #f4f4f4;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-ms-box-sizing:border-box;
		-webkit-box-sizing:border-box;
	}
	
	.navbar .nav > li a{
		text-align:center;
		background-color:#eaeaea;
		border-top:none;
	}
	
	.navbar .nav > li a:hover{
		border-top:none;
	}
	
	.navbar .nav li:first-child{
		margin-left:0px;
	}

	
	.subnav{
		margin-left:auto;
	}
	
	.nav-collapse ul.nav{
		border-bottom: 5px solid #D2D2D2;
	  }
  
	
}

@media screen and (max-width:380px){
	
	.pager{
		top:185px;
	}

}

@media screen and (max-width:320px){
	.pager{
		top:160px;
	}
}