@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;}
.span8.clmn-center {
	padding-right: 20px;
}
/* view more link */
.view-link {
	font-size: 13px;
}

/* some animation for all links */
a {
	@include transition (.3s);
}
/* home title */
.home-title {
	color: #993720;
	font-size: 36px;
	font-family: $secFontFam;
	font-weight: 300;
}

.navbar-inner {background: #FFF;}

// 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 .dropdown-menu .become-a-member > a, .dropdown-menu .find-repair-center > a  {
	font-size: 18px !important;
	line-height: 30px !important;
	text-transform: uppercase;
	background: #0053a0;
	padding: 10px 20px !important;
	font-family: $secFontFam;
	&:after {
		color: #fff;
		content: "\f101";
		font-family: FontAwesome;
		margin-left: 3px;
	}
	&:hover {
		color: #fff !important;
		text-shadow: 2px 2px 3px rgba(0,0,0,.25);
		background-color: #fdb71a !important;
		//padding-left: 30px !important;
	}
}
#nav-main .dropdown-menu li.active.find-repair-center {
	text-shadow: 2px 2px 3px rgba(0,0,0,.25);
	background-color: #fdb71a !important;
	//padding-left: 30px !important;
	a {
		color: #fff !important;
	}
	&:after {
		color: #fff;
	}
}
#nav-main .dropdown-menu .dropdown.career-resources {
	.dropdown-menu {
		width: 290px;
	}
}

#nav-main {
	li.active {
		> a {
			color: $linkColor;
		}
	}
	> li > a {
		font-size: 16px;
		line-height: 20px;
		padding-top: 18px;
		padding-bottom: 18px;
		text-transform: uppercase;
		font-family: $secFontFam;
		font-weight: 600;
	}
	li, a {
		@include transition (none);
	}
	a {
		white-space: normal !important;
	}
	.dropdown-menu {
		> li {
			> a {
				text-transform: uppercase;
				font-size: 12px;
				line-height: 18px;
				padding-top: 8px;
				padding-bottom: 8px;
			}
		}
		li.active > a {color:#fdb71a !important;}
		.dropdown-submenu {
			> a:after {content: none !important; }
			.dropdown-menu {
				position: relative;
				left: -1px;
				display: block;
				padding: 0;
				background-color: transparent;
				@include box-shadow(none);
				> li {
					> a {
						text-transform: capitalize;
						padding-left: 32px;
						position: relative;
						&:before {
							content: "\f0da";
							font-family: FontAwesome;
							color: #a5a5a5;
							left: 22px;
							display: inline-block;
							position: absolute;
							-webkit-transition: all .3s ease !important;
							-o-transition: all .3s ease !important;
							transition: all .3s ease !important;
						}
						/*&:hover {
							padding-left: 42px;
							&:before {
								left: 32px;
							}
						}*/
					}
				}
			}
		}
	}
}
#header-search-form {
	#header-search-form-query {padding-right: 33px; color:$black;}
	#header-search-form-query-hint {
		position: absolute;
		z-index: 1;
		bottom: 1px;
		left: 14px;
		font-size: 12px;
	}
	.fa-search {
		position: absolute;
		z-index: 2;
		bottom: 0px;
		right: 5px;
        cursor: pointer;
        color:$grayDarker;
        padding:5px;
	}
}
.top-info {
	.slogan {
		color: #993720;
		font-size: 16px;
		font-style: italic;
		font-family: $secFontFam;
		font-weight: 400;
		line-height: 26px;
		margin-top: 14px;
		display: inline-block;
		margin-right: 12px;
	}
	a.btn {
		margin-top: -4px;
		font-size: 11px;
		padding: 1px 10px;
	}
}
// Header Banner
// -----------------------------------------------------------------
#header-image {
	background-size: 100% auto;
	background-position: 50% 50%;
	-webkit-background-size: cover;
	background-size: cover;
	h1 {
		height: 156px;
		@include font-shorthand(48px, 300, 80px);
		color: #fff;
		margin-top: 0;
		margin-bottom: 0;
		display: table;
		width: 100%;
		span {
			display: table-cell;
			vertical-align: middle;
		}
	}
}

// Footer
// -----------------------------------------------------------------
.links-social {
	clear:right;
	margin-top: $baseFontSize/2;
	a {
		img {vertical-align: middle;}
		&:hover {@include opacity(80);}
	}
}

#item-partner {
	#partnerCarouselHolder {
		.swiper-container.swiper-container-horizontal {
			.swiper-slide {
				text-align: center;
			}
		}
	}
}

// Bottom Navigation
// -----------------------------------------------------------------
#bottom-navigation {
	@extend .row-fluid;
	.nav_section {
		float:left;
		&:nth-child(1) {
			@extend .span5;
			.ul-l, .ul-r {
				width: 50%;
				margin: 0 0 10px;
				float: left;
			}
		}
		&:nth-child(2) {
			margin-left: 2.5641%;
			@extend .span3;
		}
		&:nth-child(3) {
			margin-left: 2.5641%;
			@extend .span4;
		}
 		ul {
			margin: 0;
			li {
				list-style-type: none;
				a {
					color: $linkColor;
					font-size: 13px;
					font-family: $secFontFam;
					font-weight: 400;
					line-height: 24px;
					letter-spacing: .25px;
					&:hover, &:focus, &:active {
						color: $linkColorHover;
					}
				}
				ul, .lvl2 {
					margin-left: 5px;
					li {
						position: relative;
						padding-left: 15px;
						&:before {
							position: absolute;
							left: 6px;
							content: "-";
							line-height: 24px;
						}
					}
				}
			}
		}
		h5 {
			font-size: 15px;
			font-weight: 700;
			font-family: $secFontFam;
			text-transform: uppercase;
			border-bottom: 1px solid #ccc;
			a {
				color: #6b7378;
				&:hover, &:focus, &:active {
					color: $linkColor;
				}
			}
		}
		//a { white-space:nowrap;} // no need for full navigation but required for one level navigation
	}
}

// Bottom Items Elements
// -----------------------------------------------------------------
.bottom-items {
	margin-top: 0 !important;
	> .row-fluid {
		border-top: 1px solid #ddd;
		padding-top: 20px;
	}
}

// Lists
// -----------------------------------------------------------------
.date-square {
	background-color: #6a7280;
	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;}
 }

// People
.bio, .meta {
	clear: both;
}
.bio {
	margin-bottom: $baseLineHeight;
	h2, h3 {margin:0 20px 10px 0; line-height: 1;}
	> .pull-left { margin:0 $gridGutterWidth 0 0;}
}
ul.bio-social {
	margin: 0;
	font-size: 20px;
	a {
		color: $accent;
		vertical-align: middle;
		line-height: $baseLineHeight * 1.33;
		&:hover {
			text-decoration: none;
			@include opacity(80);
		}
	}
}

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


// Search
// -----------------------------------------------------------------
.search_form {
  margin-bottom: $baseLineHeight;
  @include clearfix();
  dl {
    dt, dd { float:left; margin: 0 5px 0 0;}
    label { display:inline; line-height: $baseLineHeight * 1.2;}
    #query-element {width:500px;}
  }
}

ul.srch_results {
	padding: 0;
	margin-left: 0;
	list-style: none;
	ul {
		margin-top: $baseLineHeight / 2;
		list-style: none;
	}
	li {
		@include clearfix();
		padding: 10px;
		border-top: 1px dotted $tableBorder;
		&:first-child {
			padding-top: 0;
			border-top: none;
		}
	}
	h6 {margin-bottom: 0;}
	.list_thumb {float:left; width:10%; max-width:50px; margin-right:2%;}
	.list_item_content {float:left; width:85%;}
	.no_thumb .list_item_content {width:100%;}
	.highlighted {color: darken($accent, 5%); font-weight: bold;}
	.date-square {
		margin:5px 15px 0 0;
		@include square(43px);
		font-size: 11px;
		line-height: 11px;
		strong {
			font-size: 18px;
			line-height: 26px;
		}
	}
}

.srch_header, .srch_footer {
	padding: 0 10px; margin: 0 0 12px 0;
}
.srch_header {
	color: #333;
	margin-top: $baseLineHeight;
	font-size:$baseFontSize - 3px;
	line-height:$baseLineHeight + 4px;
	@include clearfix();
	@include gradient-vertical($grayLighter, darken($grayLighter,10%));
	@include border-radius(5px);
	h4 {
		font-size:$baseFontSize - 1px;
		line-height:$baseLineHeight + 4px;
		margin: 0;
		font-weight:bold;
		float: left;
		min-width:50%;
	}
	span { float: right; display:block;}
}

// Side Blocks
// -----------------------------------------------------------------
.side_block {
	@include  clearfix();
	@include border-radius(5px);
	margin-bottom: $baseLineHeight;
	position: relative;
	z-index: 1;
	h3 {
		font-size: 16px;
		text-transform: uppercase;
		color: #000;
		font-family: $secFontFam;
		font-weight: 700;
	}
	&.color-1 {
		background: $sideColor1;
		padding: 20px;
		border: 1px solid #ccc;
		@include border-radius (3px);
	}
	&.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;
	}
	div .view-all {
		margin-left: 29px;
		font-size: 14px;
	}
	&.sb-bannerAd {

	}
}

/* side block sb-recentNews */
.sb-recentNews {
	.media {
		margin-top: 10px;
		margin-bottom: 17px;
		a {
			font-size: 14px;
			line-height: 18px;
			font-weight: bold;
			letter-spacing: .1px;
			margin-bottom: 10px;
		}
		.intro {
			color: #4a4a4a;
			font-size: 13px;
			line-height: 22px;
			letter-spacing: .1px;
		}
	}
}

#form_newsletter-form-btnSubmit-element { margin:0;}
#form_contact-form {
	dl > dd {margin: 0 0 5px;}
	select {width: 100%;}
	textarea {
		min-height: 80px;
	}
	.captcha_refresh {margin-top: 10px;}
	#form_contact-form-captcha-label {display: none;}
	#form_contact-form-submitGroup-element,
	#form_contact-form-btnSubmit-element {margin: 5px 0 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%;
	}
}
// Gallery
// -----------------------------------------------------------------
#gallery-items {
	width: 100%;
	margin:0 0 $baseLineHeight;
	padding-top: 0;
    background: #e8edf1;
    height: 400px !important;
    .rsOverflow {height: 400px !important;}
    .rsOverflow, .rsSlide {
	    background: none;
    }
    .rsImg {margin-top: 10px !important;}
	.rsGCaption {
		font-size: $baseFontSize;
		padding: 12px 0 16px;
		background: #c6d5e1;
		color:$black;
		width: 100%;
		position: static;
		float: left;
		left: auto;
		bottom: auto;
		text-align: center;
	}
	.rsGCaption span {
		display: block;
		clear: both;
		font-size: $baseFontSize + 2;
		font-weight: bold;
	}
	/* Scaling transforms */
	.rsSlide img {
	  @include opacity(45);
	  @include transition(all 0.3s ease-out);
	  @include scale(0.9);
	  @include backface-visibility(hidden);
	}
	.rsActiveSlide img {
	  @include opacity(100);
	  @include scale(1);
	}
}

// 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;}
	}
}

// Blog
// -----------------------------------------------------------------
.post {
	margin-bottom: $baseLineHeight;
}
h2.post-title, h3.post-title {
	font-weight: 400;
	line-height: 45px;
	font-size: 30px;
	a {
		color: $black;
		&:hover {color: $accent;}
	}
}
ul.post-meta {
	font-size: 13px;
	color: #979797;
	li {
		padding-left: 0;
		padding-right: 20px;
	}
	a {
		color: $black;
		&:hover {color: $accent;}
	}
}
.post-image, .post-content {
	margin-bottom: $baseLineHeight;
}
.posts {
	> li {
		margin-bottom: 6px;
		&.active > a {
			font-weight: bold;
			color: $grayDarker;
		}
	}
}
.post-month > li.active > a {
	font-weight: bold;
	color: $grayDarker;
}
#blog-calendar {
	margin-bottom: $baseLineHeight;
	.ui-datepicker { width:auto;}
}
.feat-post {
	.meta {
		font-size: 12px;
		color: #030404;
		li {padding: 0 10px 0 0;}
	}
}
.comment {
	font-size: 13px;
	border-top: 1px dotted $grayLight;
	margin-bottom: $baseLineHeight;
	padding-top: 10px;
	.comment-body {
		font-size: 14px;
	}
}
.post-comment-form-block, .post-comment-submitted-block {
	@include border-radius(5px);
	margin-bottom: $baseLineHeight;
	background: $sideColor1;
	padding: 20px;
}
.post-comment-form-block #submitGroup-element dl { text-align: left;}
#blog-form-login {
	max-width: 250px;
	margin: 0 auto;
}

// Facebook Comments
// -----------------------------------------------------------------
.fb_iframe_widget {
	width: 100% !important;
	span, .fb_ltr {width: 100% !important; max-height: 350px !important;}
	span { height:auto !important; overflow: auto !important;}
	.fb_ltr {
		position: relative !important;
	}
	// position: relative;
	// padding-bottom: 26.25%; /* 16:9 ratio */
	// height: 0;
	// overflow: hidden;
	// iframe {
	// 	position: absolute;
	// 	top: 0;
	// 	left: 0;
	// 	width: 100%;
	// 	height: 100%;
	// }
}


// Modernizr
.touch {
	select {
		outline-style: none;
	}
	.fb_iframe_widget span {border:1px solid $tableBorder;}
}

// Event
#event {
	.span4 {
		.event-links {
			line-height: $baseFontSize;
			padding-left: 35px;
			margin-bottom: 20px;
			img {margin:5px 0 0 -35px;}
		}
	}
	.span8 {
		table {
			th { width: 30%;}
		}
	}
	.table .unstyled { margin-bottom: 0;}
}

// Upcoming events
.sb-upcomingEvents {
	max-width: 370px; // The width should match App/Event/config.php
	//min-width:280px;
	// margin: 0 auto;
	h2, h3 { float:left;}
	.view-all-events { display: block; float:right; margin: 3px 0 5px 0;}
	#event-upcomingblock {
		> div {
			clear:both;
			width: 100%;
			min-height: 280px;
			.item {
				img {
					margin: 5px 0 10px 0; display: block;
					margin-top: 0 !important;
					// max-width: 100%; height: auto;
				}
				h4 { margin: 0; font-size: $baseFontSize + 2;  margin-bottom:10px;}
				.event-slider-body { padding: 0 30px;}
			}
			.fa-ul{
				margin-top: 5px;
				margin-left: 1.5em;
				margin-bottom: 0;
				li { font-size: $baseFontSize - 1; line-height: normal; margin-bottom:2px;}
				.fa-li { width: 1em; left: -1.5em;}
			}
			&.contentSlider, .rsSlide, .rsOverflow, .content-slider-bg {
		  		background: none;
		  		color: $textColor;
			}
			.rsArrow {
				width: 20px; height:36px; top: auto; bottom:50px;
				&:hover {
					.rsArrowIcn {
						color: $linkColorHover;
					}
				}
			}
			.rsArrowIcn {
				width: 20px; height:30px; margin-top: -13px; margin-left: -10px; background: none; font-size: 32px; color: #999; text-align: center;
				&:after { display: inline-block; font-family: FontAwesome; }
			}
			.rsArrowLeft .rsArrowIcn:after { content:"\f104";}
			.rsArrowRight .rsArrowIcn:after { content:"\f105";}
		}
	}
}

// Calendar
#event-block {
	margin-bottom: $baseLineHeight;
	.calendar-legend {
	    text-align: right;
	    font-size: $baseFontSize - 1;
	    color: $black;
	    margin: 10px 0;
	    line-height:14px;
		li {
			padding-right: 15px;
			display: inline-block;
			line-height: 1;
		    span {
		        display: inline-block; width: 14px; height: 14px; margin:0 3px 0 0;
		    }
	        &.committee span { background-color: $accent; border:1px solid darken($accent, 5%);}
	        &.registration span { background-color: $accent-sec; border:1px solid darken($accent-sec, 5%);}
		 }
	}
	#event-calendar {
		.fc-header {
			.fc-button { text-transform: capitalize;}
		}
		.fc-day-header { background-color: #eee; padding: 5px;}
		.fc-event { padding: 5px 5px; line-height: 1.3; border:none; cursor: pointer;}
		.fc-event.committee {background-color: $accent; border:1px solid darken($accent, 5%);}
		.fc-event.registration {background-color: $accent-sec; border:1px solid darken($accent-sec, 5%);}
		.fc-event-title {
			word-wrap: break-word;
			word-break: break-word;
			display: block;}
		.fc-event-time {padding: 0 5px 0 0; display: none;}
		.fc-day-number { color: $grayDark;}
		.fc-state-highlight {
			.fc-day-number { font-weight: bold;}
		}
		.fc-event:hover .fc-event-title { text-decoration: underline; }
	}
}
.event-popup {
	h5 { margin: 0 0 5px 0; line-height: 1.1;}
}
.calendar-tip {
	min-width:400px !important;
}
.simple-calendar {
	li {
		margin-bottom: $baseLineHeight;
		h5 {margin: 0 0 3px 0; line-height: 1.1;}
	}
}
#event {
	.registration-closed {
		td {padding: 10px 0;}
		.alert { margin-bottom: 0;}
	}
}

// My Accoynt. Event History
.app-event-history-historylist{
  .cell_payment_date {width: 110px}
}
//--------------------------------
// Committee
.committee-list{
	li{margin-bottom: 5px;}
	a {font-weight: 600;}
}
.committe-detail{
	.purpose{
		margin-bottom: 15px;
	}
	.members{
		margin-bottom: 10px;
		padding-right: 15px;
	}
	.committee-address{
		margin-left: 0;
		margin-top: 5px;
		a {color: $textColor;
			&:hover{color: $linkColorHover;}
		}
		i.fa{
			color: $linkColor;
			margin-right: 5px;
		}
	}
	.next-meetings { margin-bottom: $baseLineHeight;}
	.fa-li { text-align: left; width: 17px; left: -17px;}
	.fa-ul { margin-left: 17px;}
	a.chair-title{
		font-weight: 600;
	}
}


// Leadership
.accordion-heading {
  @include gradient-vertical(#fff, #eee);
}
.accordion-arrows {
	h3 {
		margin: 0; font-weight: 600;
		a.accordion-toggle {
			&:before {
				margin-right: 5px;
				content:"\f13a";
				font-family: FontAwesome;
				display: inline-block;
			}
			&.collapsed:before {
				content:"\f138";
			}
			color: $linkColorHover !important;
			&:focus { color: $linkColor;}
			&.collapsed { color: $linkColor !important;}
			&:hover, &.collapsed:hover { color: $linkColorHover !important;}
		}
	}
}
.leadership-bio {
	margin-bottom: $baseLineHeight / 2;
	h3, h4 {margin:0 20px 0 0;}
	.meta-bio {
		span { font-weight: 600;
			&.specification{font-weight: 400; font-style: italic;}
		}
	}
	.media-heading a { color: $linkColor; &:hover { color: $linkColorHover;}}
	.media-object { margin: 8px 10px 10px 0;}
	ul.bio-social {
		margin: 0 0 $baseLineHeight / 4;
		font-size: 18px;
		li { padding: 0 10px 0 0;}
		a {
			color: $accent;
			vertical-align: middle;
			line-height: $baseLineHeight * 1.33;
			&:hover {
				color: $linkColorHover;
			}
		}
	}
	&.third {margin-left: 0 !important; clear:both;}
}

/* Event Login Form */
#event-login-block {
	hr.delimiter {
		background-color: #EBE7E1;
	    height: 150px;
	    margin: 0 auto;
	    width: 1px;
	}
	.span6 {
		p {margin-top: -4px;}
		.btn.btn-primary{min-width: 190px; margin-bottom: 10px;}
	}
}

/* Event attendee */
.event_form{
	[id^="attendee-fieldset-"] {
		border-top: 1px solid #cecece;
		width: 61%;
	}
	[id^="attendee-fieldset-"]:first-child{
		border: none;
	}
	#attendee-element{
		fieldset dl{
			margin-top: 10px;
		}
		fieldset#attendee-fieldset-current dl{
			margin-top: 0;
		}
	}
	#addAttendee-element{
		float: left;
		margin-right: 10px;
		button{
			padding: 3px 12px;
		}
	}
}
#ecommerce-form table.order td {vertical-align: middle!important;}

/* swipper carousel */
.sponsor-text {
	h3 {
		font-size: 24px;
		font-family: $secFontFam;
		font-weight: 600;
		margin-top: 20px;
		margin-bottom: 12px;
	}
	p a {
		font-size: 16px;
	}
}
#item-partner {
	.swiper-wrapper {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;

		-ms-flex-align: center;
		-webkit-align-items: center;
		-webkit-box-align: center;

		align-items: center;
		.swiper-slide {
			//padding: 0 10px;
			img {
				display: inline-block;
				max-width: 92%;
			}
		}
		.swiper-button-next,
		.swiper-button-prev {
			display: block;
			width: 24px;
			height: 24px;
			margin-top: -12px;
			top: 50%;
			@include border-radius (50%);
			background-image: none;
			background-color: #cccccc;
			@include transition (.3s);
			&:before {
				@include transition (.3s);
				content: "\f0da";
				display: block;
				font-family: FontAwesome;
				position: absolute;
				top: 0;
				left: 0;
				width: 24px;
				height: 24px;
				font-size: 14px;
				line-height: 24px;
				text-align: center;
				right: -1px;
				color: #fff;
			}
			&:hover {
				background-color: $accent;
				//@include scale(1.3);
			/* 	width: 40px;
			height: 40px; */
/* 				&:before {
	line-height: 40px;
	height: 40px;
	width: 40px;
	font-size: 20px;
	//background-color: $accent;
} */
			}
		}
		.swiper-button-next {
			right: -25px;
/* 			&:hover {
	right: -30px;
	margin-top: -20px;
} */
		}
		.swiper-button-prev {
			left: -25px;
/* 			&:hover {
	left: -30px;
	margin-top: -20px;
} */
			&:before {
				content: "\f0d9";
				left: -1px;
			}
		}
	}
}

/* dealer-filter-form */
#dealer-filter-form {
	margin: 18px 0;
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
	dd {
		margin-right: 12px;
	}
	dt, dd, dt label {line-height: 28px; margin-bottom: 8px;}
	#zipCode-element {
		width: 90px;
		/* input {
			width: 60px;
		} */
	}
	#radius-element {
		display: inline-block;
		input, strong {
			display: inline-block;
		}
		input {
			width: 110px;
			margin-right: 4px;
		}
	}
}
#dealer {
	.span4 {
		.one-dealer-info {
			margin-bottom: 12px;
		}
		.address {
			h5 {
				margin-bottom: 0;
			}
		}
		.number {
			font-size: 18px;
			font-weight: bold;
		}
	}
}

/* contact page */
.link-banner {
	opacity: 1;
	display: block;
	&:hover {
		opacity: .9;
		//@include box-shadow (0 0 5px rgba(0,0,0,.25));
	}
}

/* sponsor list page  */
#sponsors-list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	.span3 {
		margin-top: 15px;
		margin-bottom: 15px;
		text-align: center;
		img {
			display: inline-block;
		}
		//opacity: .8;
		&:hover {
			opacity: .8;
		}
	}
	.first {
		clear: both;
		margin-left: 0;
	}
}

/* paginator dealer page */
.pagination.pagination-centered.dealer {
	ul {
		display: block;
	}
}

.form-block {
	.side_block.contact_block {
		h3 {
			font-size: 24px;
			color: #292f32;
			text-transform: capitalize;
			font-weight: 600;
		}
		#form_contact-form-fieldset-submitGroup {
			.btn {
				background: $linkColor;
				padding: 8px 18px;
				color: #fff;
				@include border-radius (4px);
				&:hover {
					background: lighten(#fdb71a, 12%);
				}
			}
		}
	}
}

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