
/*====================*/
/*=== Reset Styles ===*/
/*====================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:top;
}
body {
	line-height:1;
	color:black;
	font-family: 'Lato', Calibri, Arial, sans-serif;
        background-color: #a8bef4 !important;
        font-weight: 400;
        font-size: 15px;
        color: #333;
        overflow: scroll;
        overflow-x: hidden;
}
table {
	border-collapse:separate;
	border-spacing:0;
}
caption, th, td {
	text-align:left;
	font-weight:normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:"";
}
blockquote, q {
	quotes:"" "";
}
/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
	display: block;
}


/*========================*/ 
/* The Nivo Slider styles */
/*========================*/

.nivoSlider {
	position:relative;
	width:100%;
	height:auto;
	overflow: hidden;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	max-width: none;
}
.nivo-main-image {
	display: block !important;
	position: relative !important; 
	width: 100% !important;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
	background:white; 
	filter:alpha(opacity=0); 
	opacity:0;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
	overflow:hidden;
}
.nivo-box img { display:block; }

/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	width:100%;
	z-index:8;
	padding: 5px 10px;
	opacity: 0.8;
	overflow: hidden;
	display: none;
	-moz-opacity: 0.8;
	filter:alpha(opacity=8);
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	text-align:center;
	padding: 15px 0;
}
.nivo-controlNav a {
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}

/*===================*/
/*=== Main Styles ===*/
/*===================*/
body {
	font:14px/1.6 Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
	color:#333;
}

a, a:visited {
	color:blue;
	text-decoration:none;
}
a:hover, a:active {
	color:#000;
	text-decoration:none;
}

#dev7link {
    position:absolute;
    top:0;
    left:50px;
    background:url(images/dev7logo.png) no-repeat;
    width:60px;
    height:67px;
    border:0;
    display:block;
    text-indent:-9999px;
}

.slider-wrapper {
	position:relative;
	width: 100%; 
	margin:0;
}

/*========================*/
/*====Header Styles==-===*/
/*=======================*/
.content {
	position: absolute;
	width: 100%;
	text-align: center;
	z-index:9999;
	}
.header {
	width: 100%;
	text-align: center;
	}
.logo {
	display: table;
	margin: 0 auto;
	margin-top: 10px;
}
.logo img {
	width:100px;
}
.sublogo {
	margin-top:-10px;
	text-align: center;
	font-family: 'Vollkorn', serif;
	color: #ffffff;
	font-size: 33px;
	font-weight: 700;
}



.navigationbg a {
	color:#ffffff;
}

.navbg a {
	color:#ffffff;
}
.menu ul {
	list-style: none;
	text-align: left;
}
.menu ul li {
	display: inline;
	padding: 7px;
	margin-left:20px;
}

.socicons {
	position:absolute;
	right:3%;
}

.socicons ul {
	list-style: none;
	text-align: right;
}

.socicons ul li {
	display: inline-block;
	margin-top:-4px;
	margin-right:10px;
}



.socicons ul li a:hover {
	color:#7874f2 !important;
}

.socistyle {
	color:#ffffff;
	font-size: 23px;
	transition: 0.35s;
	-o-transition: 0.35s;
	-ms-transition: 0.35s;
	-webkit-transition: 0.35s;
	-moz-transition: 0.35s;
}


/*====================*/
/*=== Other Styles ===*/
/*====================*/
.clear {
	clear:both;
}

.mask {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 40%;
	background-color: #5e5e5e;
	opacity:0.12;
}


/* Contact form */

.contform input {
	float: right;
}

.contform textarea {
	float: right;
}

#submit-button {
	width:70px;
	height: 30px;
	font-size: 14px;
	float:none !important;
	margin: 0 auto;
	margin-top:20px;
	background-color:orange;
	color: #ffffff;
	border:none;
}
/*======================*/
/*     Responsive       */
/*----------------------*/
.responsivesoc {
	display: table;
	margin: 0 auto;
	margin-top:25px;
}

.responsivesoc a {
	padding: 15px;
	font-size: 30px;
	color: white;
	transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	-moz-transition: 0.3s;
	-webkit-transition: 0.3s;
}

.responsivesoc a:hover }{
	color: white;
	opacity: 0.8;
}

@media screen and (min-width:800px) {
	.responsivesoc {
		display: none !important;
	}
}

@media screen and (max-width:800px) {
	body, html {
		background-color:#686868;
	}
	.maintitle {
		margin-top: -160px !important;
	}
	.mainline1 {
		margin-top: 60px !important;
	}
	.mi-slider ul li {
		width: 100% !important;
	}
	.socialicons {
		display: none;
	}
	.popup {
		top:30%;
	}
	.mi-slider ul {
		margin-top:80px !important;
	}
}

@media screen and (max-width:360px) {
	.mainpageul {
		display:none !important;
	}
	.popup {
		width:100% !important;
		top:20px !important;
		font-size: 12px;
	}
}


@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width:800px) { 
::i-block-chrome,.maintitle {
 margin-top:-70px !important;
}
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width:768px) { 
::i-block-chrome,.maintitle {
 margin-top:-90px !important;
}
}

@media screen and (max-width:360px) {
	.mainpageul {
		display: none;
	}
        .mi-slider {
            display: none !important;
        }
}


@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
   .mi-slider nav {
	position: relative !important;
	margin: 0 auto !important;
   }
}

/* Smartphone styles */

@media screen and (min-width:605px) {
	.responsivewrap {
	display: none;	
	}
}

@media screen and (max-width:605px) {

	#wrapper {
		display: none;
	}
	.logo {
		margin-top:20px;
		text-align: center;
	}
	.mask {
		display: none;
	}
	.about {
		width: 95% !important;
		margin:0 auto;
		margin-top:20px;
	}
	.aboutimg {
		text-align: center;
		margin-top:10px;
	}
	.aboutimg img {
		width:200px;
	}
	
	.abouttitle {
		padding: 0;
		padding-top:10px;
		text-align: center;
	}
	.aboutext {
		padding:10px;
	}
	.rentals {
		text-align: center;
	}
	.popup {
		
		width:100% !important;
		top:-40px;
		bottom: 0;
		position:fixed !important;
    overflow-y:scroll;
    overflow-x:hidden;
	}

}

.responsivewrap {
	width:80%;
	margin: 0 auto;
}





