﻿body {
	font-family: "Oswald", sans-serif;
	color: #000;
	background-color: #fff;
	margin: 0;
	padding: 0;
}
a, a:active, a:visited  {
	text-decoration: none;
	color: #6f0000;
}
a:hover {
	text-decoration: underline;
}
img a {
	display: block;
}
img {
	height: auto;
}
/* Grid engine copy */
.section {
	clear: both;
	position: relative;
	max-width: 960px;
	margin: 0 auto;
	padding: 0;
}
.wrap_section {
	clear: both;
	position: relative;
}
.wide {
	max-width: none;
}
.col {
	display: block;
	float:left;
}
/* Clear fix */
/* For modern browsers */
.cf:before,
.cf:after {
	content: "";
	display: table;
}
.cf:after {
	clear: both;
}
/* For IE 6/7 (trigger hasLayout) */
.cf {
	/* zoom: 1; */
}
@media screen and (max-width: 960px) {
	.section {
		padding-left: 15px;
		padding-right: 15px;
	}
	.wrap_wide > .section {
		padding-left: 0;
		padding-right: 0;
	}
}
.cols12 .span1 {  width: 6.13%; }
.cols12 .span2 {  width: 14.66%; }
.cols12 .span3 {  width: 23.2%; }
.cols12 .span4 {  width: 31.73%; }
.cols12 .span5 {  width: 40.26%; }
.cols12 .span6 {  width: 48.8%; }
.cols12 .span7 {  width: 57.33%; }
.cols12 .span8 {  width: 65.86%; }
.cols12 .span9 {  width: 74.39%; }
.cols12 .span10 {  width: 82.93%; }
.cols12 .span11 {  width: 91.46%; }
.cols12 .span12 {  width: 100%; }

/* Custom layout here */
#logo, #title {
	padding-top: 10px;
}
#title h3 {
	line-height: 29px;
	background-color: #6f0000;
    font-family: "Oswald", sans-serif;
    font-weight: 500;
    text-decoration: none;
    font-size: 140%;
    padding: 0 15px 0;
    margin: 10px 0 20px 0;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	font-size: 120%;
}
h1, h2, h3 {
	color: #6f0000;
}
ul.bxslider {
	margin: 0;
	padding: 0;
}
#slideshow .bx-wrapper .bx-viewport {
	border: none;
	box-shadow: none;
	left: 0;
}
#slideshow {
	margin-bottom: 0.5em;
}
.countries a {
	padding-left: 28px;
	padding-right: 6px;
	line-height: 22px;
	display: inline-block;
	background-position: 6px center;
	background-repeat: no-repeat;
}
.countries a:hover {
	text-decoration: none;
	background-color: #f4f5f8;
}
/* Find more in \Default\Images\icon\flags */
ul.countries li a {
	background-image: url(images/flags_14x14_v2.png);
	line-height: 14px;
}
.c_uk a { background-position-y: -14px; }
.c_us a { background-position-y: -154px; }
.c_de a { background-position-y: 0px; }
.c_dk a { background-position-y: -28px; }
.c_it a { background-position-y: -98px; }
.c_no a { background-position-y: -126px; }
.c_se a { background-position-y: -140px; }
.c_fr a { background-position-y: -70px; }
.c_hu a { background-position-y: -84px; }
.c_es a { background-position-y: -42px; }
.c_nl a { background-position-y: -112px; }
.c_jp a { background-position-y: -168px; }

.countries {
	margin: 0;
	padding: 0;
}
.countries li {
	list-style-type: none;
}
#others {
	margin-top: 0em;
}
#others a {
	padding-left: 6px;
	background-image: none;
}
#mobileslider {
	display: none;
}
#footer {
	background-color: #989ba4;
	color: white;
	padding-top: 2em;
	padding-bottom: 1em;
}
#footer a {
	text-decoration: none;
	color: inherit;
	font-size: 90%;
}
div.footerlogostyle {
  background-position: right 0;
  background-repeat: no-repeat;
  background-image: url("images/ezee-logo-bottom.png");
  min-height: 91px;
}

@media only screen and (max-width: 480px) {
	html .section .col, html .section .col .col { /* Second is for 1 level nested grids */
		padding-left: 0;
		padding-right: 0;
		/*margin-top: 2%;
		margin-bottom: 2%;*/
		width: 100%;
		float: none;
	}
	#flagcontainer, #flagcontainer2 {
		width: 50%;
		float: left;
		line-height: 1.8;
	}
	#logo {
		padding-bottom: 10px;
		text-align: center;
	}
	#desktopslider {
		display: none;
	}
	#mobileslider {
		display: block;
	}
}
