html, body {
    height: 100%;
}

body {
	font-family: 'Open Sans', sans-serif;
	background-color: #339c;
}

a{
	cursor:pointer;
	text-decoration:underline;
}

a:hover{
	text-decoration:underline;
}

a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover{
	text-decoration:underline;
}

h1, h2, h3, h4, h5, h6, p{
	font-family: 'Open Sans', sans-serif;
}

input {
	background-color:#e8e8e8
}
/*----------------------------*/
.background-cover, .slide {
	position: fixed;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url(/files/landing/bg1.jpg);
}

.slide {
	width: 100%;
	height: 100%;
}
.slide--1 {
	position: absolute;
	left:0;
	top:0;
	opacity: 0;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-background-size:cover;
	background-image: url(/files/landing/bg1.jpg);
}
.slide--2 {
	position: absolute;
	left:0;
	top:0;
	opacity: 0;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-background-size:cover;
	background-image: url(/files/landing/bg2.jpg);
}
.slide--3 {
	position: absolute;
	left:0;
	top:0;
	opacity: 0;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-background-size:cover;
	background-image: url(/files/landing/bg3.jpg);
}
.slide--4 {
	position: relative;
	left:0;
	top:0;
	opacity: 0;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-background-size:cover;
	background-image: url(/files/landing/bg4.jpg);
}
/*----------------------------*/
.news {
	position:relative;
}

/* Large desktops and laptops */
@media (min-width: 1200px) {
.city{
	text-align:right
}
 
.mobile{
	text-align:right
}

.footer-r{
	text-align:right;
}

.sliderContent .item {
    color: #fff;
    height: 55%;
    overflow: auto;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 0px 15px;
    opacity: 0;
}

}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
.city{
	text-align:right
}
 
.mobile{
	text-align:right
}

.footer-r{
	text-align:right;
}

.sliderContent .item {
    color: #fff;
    height: 70%;
    overflow: auto;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
	padding: 0px 15px;
}

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
.city{
	text-align:right
}
 
.mobile{
	text-align:right
}

.footer-r{
	text-align:right;
}

.sliderContent .item {
    color: #fff;
    height: 75%;
    overflow: auto;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
	padding: 0px 15px;
}

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
.city{
	text-align:right
}
 
.mobile{
	text-align:right
}

.footer-r{
	text-align:right;
}

.sliderContent .item {
    color: #fff;
    height: 70%;
    overflow: auto;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
	padding: 0px 15px;
}

}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {

.logo{
	text-align:center;
}

.city{
	text-align:center
}
 
.mobile{
	text-align:center
}

.footer-l{
	text-align:center
}

.footer-r{
	text-align:center
}

.login{
	top: -40px;
}

#text_slide1{
	display:none;
}


}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
.contact{
	text-align:center;
}

.login{
	top: -50px;
}

.news{
	top: -90px;
    position: relative;
}

.footer-r{
	text-align:center;
}

.footer-l{
	text-align:center;
}

.footer{
	top: -90px;
}

#text_slide1{
	display:none;
}

}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
	.contact {
		text-align: center;
	}

	.login {
		top: -50px;
	}

	#text_slide1 {
		display: none;
	}

	.news {
		top: -90px;
		position: relative;
	}

	.footer-r {
		text-align: center;
	}

	.footer-l {
		text-align: center;
	}

	.footer {
		top: -90px;
	}
}