@import "lib/bootstrap.scss"; //Core styles
@import "qsf.scss";
@import "main.scss"; //Styles shared among user end and admin section
////////////////////////////////////////////////////////////////////
//															      //
//		User-End Styles											  //
//																  //
////////////////////////////////////////////////////////////////////

body { min-width: 320px;}

// Header
// -----------------------------------------------------------------
.brand-tel {
	font-weight: 700;
	font-size: 18px;
	color: #bebebe !important;
	text-decoration: none;
	margin-left: 20px;
	&.visible-desktop { margin-right: 20px;}
	i {
		line-height: 40px;
		font-size: 31px;
		color: #7F8A90;
	}
}
#nav-main {
	//margin-left: 29px;
	margin-right: 0 !important;
	position: relative;
	z-index: 1000;
	float: none;
	text-align: center;
	> li { display: inline-block; float:none !important; text-align: left;}
	> li > a {
		font-weight: normal;
		font-size: 16px;
		color: #fff;
		text-transform: uppercase;
		line-height: 40px;
		padding: 0 12px;

		-webkit-text-shadow: none;
		-moz-text-shadow: none;
		-ms-text-shadow: none;
		-o-text-shadow: none;
		text-shadow: none;
		&:hover {
			color: #01425C;
		}
	}
	> li.active {
		> a {color: #01425C;}
	}
}
.navbar-inner {
	> .container-fluid {
		text-align: center;
	}
}
.navbar .brand {
	margin: 15px auto;
	&> img.spin{
		left: -55px;
		bottom: 0;
		margin: 0 auto;
	}
}
@media (max-width: 979px) {
	.navbar .brand img.spin {
		left: -55px !important;
	}
}

// max-resolution: resin content
.span12.clmn-center {
	padding: 0 125px;
	.content {
		max-width: 730px;
		margin: 0 auto;
	}
	@include box-sizing (border-box);
	hr {
		border: 0;
		height: 1px;
		width: 100%;
		background: #00ADEE;
	}
}
.wrapper.home {
	.content .cms:first-child {
		padding-bottom: 271px;
		hr {margin-bottom: 30px;}
	}
}
//slider
#wideSlider{
	.heroSlider, .rsOverflow {
		max-height: 600px;
	}
	img.rsImg {
		margin-top: 0 !important;
	}
	.btn{
		bottom: 12% !important;
	}
}
@media (max-width: 320px){
	#wideSlider .btn {
		bottom: 6% !important;
	}
}

// boat in sea
.content {
	position: relative;
	#skyline_box {
		position: absolute;
		text-align: center;
		bottom: 0;
		width: 820px;
		left: 0;
		right: 0;
		margin: 0 auto;
		#boat {
			position: absolute;
			left: 298px;
			top: 225px;
			-webkit-transition: all 2.5s linear;
			-o-transition: all 2.5s linear;
			transition: all 2.5s linear;
			&.a {
				transform: translateX(-76px);
				-webkit-transform: translateX(-76px);
				-ms-transform: translateX(-76px);
				transition: all 8.0s linear;
				-webkit-transition: all 8.0s linear;
				-ms-transition: all 8.0s linear;
			}
			&.b {
				transform: translateX(-88px) rotateY(90deg);
				-webkit-transform: translateX(-88px) rotateY(90deg);
				-ms-transform: translateX(-88px) rotateY(90deg);
			}
			&.c {
				transform: translateX(-76px) rotateY(180deg);
				-webkit-transform: translateX(-76px) rotateY(180deg);
				-ms-transform: translateX(-76px) rotateY(180deg);
			}
			&.d {
				transform: rotateY(180deg);
				-webkit-transform: rotateY(180deg);
				-ms-transform: rotateY(180deg);
				transition: all 8.0s linear;
				-webkit-transition: all 8.0s linear;
				-ms-transition: all 8.0s linear;
			}
			&.e {
				transform: translateX(12px) rotateY(90deg);
				-webkit-transform: translateX(12px) rotateY(90deg);
				-ms-transform: translateX(12px) rotateY(90deg);
			}
		}
	}
}


#sponsor-container {
	margin: 0; padding: 0;
	.one-sponsor-element {
		text-align: center;
		img { max-width:85%;}
	}
}

.bottom-items {
	background: #00AEEF;
	color: #fff;
	position: relative;
	padding: 48px 125px 40px;
	h3 {
		color: #fff;

		font-size: 14pt;
		line-height: 140%;
		padding-bottom: 22px;

		//font-size: 18px;
		margin-bottom: 0;
		font-family: "ProximaNovaBold", sans-serif;
	}
	.cms {
		.content {
			max-width: 730px;
			margin: 0 auto;
		}
	}
	p.pack {
		margin-bottom: 0;
		line-height: 130%;
	}
	ul {
		list-style-position: inside;
		margin-bottom: 22px;
		max-width: 380px;
		li {
			line-height: 160%;
			left: 0;
			padding-right: 0;
		}
	}
}
// Header Banner
// -----------------------------------------------------------------
#header-image {
	background-size: 100% auto;
	background-position: 50% 50%;
	-webkit-background-size: cover;
	background-size: cover;
	//max-width: 1164px;
	height: 465px;
	margin: 20px;
	position: relative;
	h1 {
		/*height: 156px;
		@include font-shorthand(72px, 200, 80px);
		margin-top: 0;
		margin-bottom: 0;
		display: table;;
		width: 100%;*/
        color: #fff !important;
		position: absolute;
		text-align: center;
		left: 50%;
		top: 50%;
		transform: translateX(-50%) translateY(-50%);
		-webkit-transform: translateX(-50%) translateY(-50%);
		-ms-transform: translateX(-50%) translateY(-50%);
		//white-space: nowrap;
		overflow: visible;
		background: rgba(0, 0, 0, 0.45);
		width: 72%;
		line-height: 130%;
		padding: 30px 15px;
		font-size: 36pt;
		font-weight: 900;
		color: #FFFFFF;
		margin-bottom: 0;
		span {
			display: inline-block;
			font-family: "ProximaNovaBold", sans-serif;
		}
	}
}

// Footer
// -----------------------------------------------------------------
.links-social {
	clear:right;
	margin-top: $baseFontSize/2;
	a {
		img {vertical-align: middle;}
		&:hover {@include opacity(80);}
	}
}
// Bottom Navigation
// -----------------------------------------------------------------
#bottom-navigation {
	.nav_section {
		float:left; margin: 0 30px 0 0; font-size: 12px; width: 150px;
		li {margin: 3px 0;}
		h5 {font-weight: bold; font-size: 15px;}
		a { white-space:nowrap;} // no need for full navigation but required for one level navigation
	}
}

// Lists
// -----------------------------------------------------------------
.date-square {
	background-color: #F68822;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	a {color: $white;}
	strong {
		display: block;
	}
}
.news-list {
	margin: 0 0 $baseLineHeight * 2;
	.date-square {
		margin:8px $gridGutterWidth 0 0;
		@include square(60px);
		font-size: 15px;
		line-height: 15px;
		strong {
			font-size: 24px;
			line-height: 36px;
		}
	}
}
.thumbnails {
	h3, h5 {
		margin: ($baseLineHeight / 2) 0 ($baseLineHeight / 4);
		a {
			color: #000;
			&:hover {
				text-decoration: none;
				color: $linkColor;
			}
		}
	}
	li.first {clear: left; margin-left: 0;}
}
#products-list {
	li.first {margin-left: 0;}
}

// Back Link
.back-to-all {text-align: right; font-size: $baseFontSize - 1;}

// Newsletters
.newsletters {
	border-bottom: 1px solid #ddd;
	margin-bottom: 15px;
	h5 {
		margin: 0;
	}
	p {
		margin-bottom: 15px;
		line-height: 36px;
	}
}
.btn.last-newsletter:before {
	content: ' ';
	@include size(19px, 20px);
	margin: -3px 7px 0 0;
	display: inline-block;
	vertical-align: middle;
	background: url('../images/icon-pdf.gif') no-repeat 0 0;
}

// Testimonial
 .testimonial {
 	h4 {margin: 0;}
 	.meta {font-size: $baseFontSize + 1;}
 }

// Partners
.partner {
	border-bottom: 1px dotted $grayLight;
	padding-bottom: $baseFontSize;
	.pull-left { margin-right: 30px;}
	&:last-child { border-bottom: none;}
}

// Side Blocks
// -----------------------------------------------------------------
.side_block {
	@include  clearfix();
	@include border-radius(5px);
	margin-bottom: $baseLineHeight;
	position: relative;
	z-index: 1;
	&.color-1 {
		background: $sideColor1;
		padding: 20px;
	}
	&.color-2 {
		background: $sideColor2;
		padding: 20px;
		h2 {color: #fff;}
	}
	.date-square {
		margin:5px 15px 0 0;
		@include square(43px);
		font-size: 11px;
		line-height: 11px;
		strong {
			font-size: 18px;
			line-height: 26px;
		}
	}
	.last-newsletter {
		padding-left:28px;
		background: url('../images/icon-pdf.gif') no-repeat 0 50%;
	}
	#submitGroup-element dl { text-align: left;}
	a.view-all {
		font-size: $baseFontSize - 2;
		display: inline-block;
		margin-top: 5px;
	}
	.fa-ul {
		li { margin-bottom: 5px;}
	}
	img.bottom {
		position:absolute;
		z-index:2;
		right:20px;
		bottom:0px;
		max-width:80px;
		height:auto;
	}
}

#form_newsletter-form-btnSubmit-element { margin:0;}
#form_contact-form {
	dl > dd {margin: 0 0 5px;}
	select {width: 100%;}
	textarea {
		min-height: 80px;
		margin-bottom: 10px;
	}
	#form_contact-form-captcha-label {display: none;}
	#form_contact-form-submitGroup-element,
	#form_contact-form-btnSubmit-element {margin: 0;}
}
ul.links-section {
	margin-left: 1.5em;
	li {line-height: $baseLineHeight * 1.25;}
	.fa {line-height: $baseLineHeight * 1.25;}
}
ul.brief-info {
	[class^="fa-"] {
		color:$accent-sec;
		font-size: 110%;
	}
}

// FAQ
// -----------------------------------------------------------------
.faq-questions, .faq-answer {
	margin:0 0 $baseLineHeight 0;
}
.faq-questions {
	border-bottom:1px solid $grayLight;
	padding-bottom: 20px;
	list-style-position: inside;
}
.faq-answer {
	position: relative;
	z-index: 1;
	.gotop {
		color: $grayLight;
		text-align:right;
		position: absolute;
		z-index: 2;
		right: 0;
		bottom: 0;
		&:hover {
			text-decoration: none;
			color: $linkColor;
		}
	}
}

// Site Map
// -----------------------------------------------------------------
#table-sitemap {
	width:100%;
	td { width:50%; vertical-align:top;}
}
.site_map_div {
	font-weight:bold; padding:6px 20px 6px 15px;
	a, a:visited {text-transform:uppercase;}
	.site_map_div a, .site_map_div a:visited {text-transform:none; font-weight:normal;}
	.site_map_div {
		padding:3px 0 3px 20px; font-weight:normal;
		.site_map_div {padding:0 0 0 20px;}
	}
}

// footer sponsors
#footer-sponsors {
	.container-fluid {
		margin-top: 60px;
		margin-bottom: 45px;
	}
}


// logo scroll
#min_nav {
	visibility: hidden;
	opacity: 0;
	position: fixed;
	width: 100%;
	left: 0px;
	top: 0px;
	z-index: 100;
	transition: opacity 0.25s ease;
	-webkit-transition: opacity 0.25s ease;
	-ms-transition: opacity 0.25s ease;
	transform: translateZ(0);
	-webkit-transform: translateZ(0);
	&.show {
		visibility: visible;
		opacity: 1;
		.inner {
			width: 1200px;
			position: relative;
			margin: auto;
			text-align: right;
			.logo {
				display: block;
				position: absolute;
				left: 18px;
				top: 14px;
				transform: rotate(0deg);
				-webkit-transform: rotate(0deg);
				-ms-transform: rotate(0deg);
				transition: all 0.8s ease;
				-webkit-transition: all 0.8s ease;
				&:hover {
					transform: rotate(360deg);
					-webkit-transform: rotate(360deg);
					-ms-transform: rotate(360deg);
				}
			}
		}
	}
}

// Contact form
.contact_block {
	background: #dde89a;
	padding: 25px;
	@include border-radius (0);
	input, select, textarea, img {
		@include border-radius (0);
	}
	.btn {
		background: #78CDD1;
		@include border-radius (0);
		text-shadow: none;
		color: #1B75BB;
		font-size: 12pt;
		text-transform: uppercase;
		border: 0;
		margin-top: 8px;
		outline: none;
		&:hover, &:focus {
			background: #F4C186
		}
		&:active {
			background: #F6921F;
		}
	}
}

//	Project depending modules
@import "lib/bootstrap-responsive.scss";
@import "_cart.scss"; // E-commerce styles
@import "_qsf-responsive.scss";
@import "_print.scss"; // Print styles