/*



Template Name: Myway

Template Demo: http://awerest.com/demo/myway



Purchase: http://themeforest.net/item/myway-onepage-bootstrap-parallax-retina-template/4058880?ref=awerest



Author: Awerest



Description: Onepage Bootstrap Multi-Purpose Parallax Retina Template

Tags: Responsive, Mobile First, Retina, Bootstrap 3, One Page, Multi Page, Multi-Purpose, Agency, Clean, Creative, Minimal, Components, Photography, Portfolio, Business, Corporate, White, Modern



Version: 2.5



---------------



Table of Contents:



1) General

2) Typography

3) Backgrounds and buttons

4) Dividers

5) Intro & Sections Headers

6) Services & Features

7) Works

8) Gallery

9) Team

10) Contact

11) Footer

12) Navigation

13) Carousels

14) Preloader



*/



/* ==== 1) General ==== */



@-webkit-viewport   { width: device-width; }

@-moz-viewport      { width: device-width; }

@-ms-viewport       { width: device-width; }

@-o-viewport        { width: device-width; }

@viewport           { width: device-width; }



::selection {

	background: #4c79bb;

	color:#fff;

}



::-moz-selection {

	background: #4c79bb;

	color:#fff;

}



@import url("steadysets/steadysets.css");

@import url("linecons/linecons.css");

@import url("et-line/et-line.css");



html {

	position: relative;

	min-height: 100%;

}



body {

	font-family: 'Open Sans', sans-serif;

	font-weight: 300;

	background: #fff;

	color: #111;

	overflow-x: hidden;

	margin: 0;

	text-rendering: geometricPrecision;

}



section {

	position: relative;

}



.img-responsive {

	display: inline-block;

}



/* ==== 2) Typography ==== */



.light {

	color: #fff;

}



.smoke, h5 small {

	color: #aaa;

}



p {

	margin: 0 0 15px 0;

}



p:last-child {

	margin: 0;

}



a {

	color: #111;

	transition: 0.2s;

	-moz-transition: 0.2s;

	-webkit-transition: 0.2s;

	-o-transition: 0.2s;

}



a:hover {

	color: #999;

	text-decoration: none;

	transition: 0.2s;

	-moz-transition: 0.2s;

	-webkit-transition: 0.2s;

	-o-transition: 0.2s;

}



a:focus, a:active {

	color: #999;

	outline: none;

	text-decoration: none;

}



h1, h2, h3, h4 {

	font-family: 'Montserrat', sans-serif;

	font-weight: 400;

	margin: 0 0 15px 0;

}



h1 {

	font-size: 48px;

	letter-spacing: -1px;

}



h2 {

	font-size: 38px;

	color: #4c79bb;

}



h3 {

	font-size: 18px;

}



h4 {

	font-size: 13px;

	text-transform: uppercase;

	letter-spacing: 2px;

}



h5 {

	font-family: 'Droid Serif', serif;

	font-size: 19px;

	font-style: italic;

	line-height: 1.48;

	margin: 0 0 15px 0;

}



@media (max-width: 768px) {
	

	h1 {

		font-size: 42px;

		letter-spacing: 0;

	}

	h2 {

		font-size: 32px;

	}

}



@media (max-width: 568px) {

	h1 {

		font-size: 36px;

	}
	
	#welcome > * {padding-left:0;}

	h2 {

		font-size: 26px;

	}

}



/* ==== 3) Backgrounds and buttons ==== */



.white-bg {

	background: #fff;

}



.smoke-bg {

	background: #f5f5f5;

}



.btn, .btn:hover, .btn:focus, .btn:active, .btn:active:focus {

	background: #4c79bb;

	font-family: 'Montserrat', sans-serif;

	color: #fff;

	font-size: 13px;

	font-weight: 400;

	line-height: 1;

	padding: 14px 25px;

	margin: 15px 0 0 0;

	border-radius: 25px !important;

	border: 1px solid transparent;

	text-transform: uppercase;

	text-decoration: none;

	outline: none;

	-webkit-transition: all .2s ease-in-out;

	-moz-transition: all .2s ease-in-out;

	-ms-transition: all .2s ease-in-out;

	-o-transition: all .2s ease-in-out;

	transition: all .2s ease-in-out;

}



.btn:hover {

	background: #008cc8;

}



.btn.btn-ghost, .btn.btn-ghost:hover, .btn.btn-ghost:focus, .btn.btn-ghost:active, .btn.btn-ghost:active:focus {

	background: transparent;

	color: #4c79bb;

	border: 1px solid #4c79bb;

}



.btn.btn-ghost:hover {

	background: #4c79bb;

	color: #fff;

}



/* ==== 4) Dividers ==== */



.divide-xs {

	padding-top: 7px;

	padding-bottom: 8px;

}



.divide-sm {

	padding-top: 30px;

	padding-bottom: 30px;

}



.divide-md {

	padding-top: 45px;

	padding-bottom: 45px;

}



.divide-lg {

	padding-top: 60px;

	padding-bottom: 60px;

}



.divide-xl {

	padding-top: 90px;

	padding-bottom: 90px;

}



@media (max-width: 768px) {

	.divide-md {

		padding-top: 30px;

		padding-bottom: 30px;

	}

}



hr {

	margin-top: 15px;

	margin-bottom: 15px;

}



hr.no-margin {

	margin-top: 0;

	margin-bottom: 0;

}



hr.no-margin-top {

	margin-top: 0;

}



hr.no-margin-bottom {

	margin-bottom: 0;

}



hr.title-divider {

	border-width: 2px 0 0 0;

	max-width: 180px;

}



/* ==== 5) Intro & Sections Headers ==== */



#intro {
	background-image: url(../img/landing.jpg);
	-webkit-background-size: cover;
	background-size: cover;
	min-height: 445px;

}



#clients {

	background-image: url("http://placehold.it/1400x800");

	-webkit-background-size: cover;

	background-size: cover;

}



#works-top {

	background-image: url("http://placehold.it/1400x800");

	-webkit-background-size: cover;

	background-size: cover;

}



#gallery-top {

	background-image: url("http://placehold.it/1400x800");

	-webkit-background-size: cover;

	background-size: cover;

}



#team-top {

	background-image: url("http://placehold.it/1400x800");

	-webkit-background-size: cover;

	background-size: cover;

}



.parallax {

	background-attachment: fixed;

}



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

	.parallax {

		background-attachment: scroll;

	}
	#welcome > * {

	position: relative;

	z-index: 2;

	width: auto;

	margin-left: 40%;

	margin-right: auto;

	

}

}



.float-content {

	position: absolute;

	width: 100%;

	top: 40%;

	-webkit-transform: translateY(-50%);

	-moz-transform: translateY(-50%);

	transform: translateY(-50%);

}



.section-overlay {

	position: absolute;

	width: 100%;

	height: 100%;

}



/* ==== 6) Services & Features ==== */



.myway-icon-services img{

	display: block;

	position: relative;



	height: 56px;

	fill: #4c79bb;
	margin: 0 auto
}



.myway-icon-features {

	display: inline-block;

	position: relative;

	width: 36px;

	height: 36px;

	fill: #4c79bb;

}



.myway-icon-services:after, .myway-icon-features:after {

	content: '';

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}



.service i {

	color: #bbbdc0;

	font-size: 48px;

}



@media (max-width: 767px) {

	.service i {

		font-size: 36px;

	}
	
	#welcome > * {padding-left:20px;}

}



.media {

	margin: 0;

}



.media-left {

	padding-right: 20px;

}



/* ==== 7) Works ==== */



.squared {

	padding-top: 100%;

	overflow: hidden;

	position: relative;

}



.squared, .squared-content {
	padding-left: 15px;
	padding-right: 0;

}



.squared-content {

	position: absolute;

	top: 50%;

	left: 0;

	right: 0;

	-webkit-transform: translateY(-50%);

	-moz-transform: translateY(-50%);

	transform: translateY(-50%);

}



@media (max-width: 991px) and (min-width: 768px) {

	.squared {

		padding-top: 133%;

	}
	#welcome > * {

	position: relative;

	z-index: 2;

	width: auto;

	margin-left: 30%;

	margin-right: auto;

	

}

}



@media (max-width: 767px) {

	.squared {

		padding-top: 0;

	}

	.squared .squared-content {

		position: relative;

		top: 0;

		left: 0;

		right: 0;

		-webkit-transform: translateY(0);

		-moz-transform: translateY(0);

		transform: translateY(0);

	}

}



/* ==== 8) Gallery ==== */



#gallery .thumbnail {

	background: transparent;

	text-align: center;

	position: relative;

	padding: 0;

	margin: 0;

	border: 0;

}



.gallery-item {

	padding: 0;

}



.gallery-overlay {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	-webkit-transition: all 1s ease;

	-moz-transition: all 1s ease;

	-ms-transition: all 1s ease;

	-o-transition: all 1s ease;

	transition: all 1s ease;

}



.gallery-overlay:hover {

	background: rgba(0, 0, 0, .4);

}



.myway-icon-gallery {

	position: absolute;

	top: 50%;

	left: 50%;

	right: 0;

	-webkit-transform: translate(-50%, -50%);

	-moz-transform: translate(-50%, -50%);

	transform: translate(-50%, -50%);

	width: 68px;

	height: 68px;

	display: inline-block;

	fill: rgba(255, 255, 255, 0);

	stroke: rgba(255, 255, 255, 1);

	stroke-width: .05em;

	stroke-opacity: 1;

	stroke-linecap: butt;

	stroke-linejoin: bevel;

	stroke-dasharray: 0, 150;

	-webkit-transition: fill 1.5s, stroke-dasharray .75s, stroke-opacity 1.5s ease;

	-moz-transition: fill 1.5s, stroke-dasharray .75s, stroke-opacity 1.5s ease;

	-ms-transition: fill 1.5s, stroke-dasharray .75s, stroke-opacity 1.5s ease;

	-o-transition: fill 1.5s, stroke-dasharray .75s, stroke-opacity 1.5s ease;

	transition: fill 1.5s, stroke-dasharray .75s, stroke-opacity 1.5s ease;

}



@media (max-width: 768px) {

	.myway-icon-gallery {

		width: 48px;

		height: 48px;

	}
	#welcome > * {

	position: relative;

	z-index: 2;

	width: auto;

	margin-left: 40%;

	margin-right: auto;

	

}

}



.gallery-overlay:hover > .myway-icon-gallery {

	fill: rgba(255, 255, 255, 1);

	stroke-dasharray: 150, 1;

	stroke-opacity: 0;

}



.myway-icon-gallery:after {

	content: '';

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}



.modal-backdrop.in {

	-webkit-opacity: 0.8;

	-moz-opacity: 0.8;

	opacity: 0.8;

	background-color: #000;

}



.ekko-lightbox .modal-content {

	-webkit-box-shadow: none;

	-moz-box-shadow: none;

	box-shadow: none;

	-webkit-border-radius: 0;

	-moz-border-radius: 0;

	border-radius: 0;

	border: none;

	background-color: transparent;

}



.ekko-lightbox .modal-header {

	padding-left: 0;

	padding-right: 0;

	text-align: center;

	border: 0;

}



.ekko-lightbox .modal-header .close {

	font-size: 42px;

	font-weight: 100;

	color: #fff;

	text-shadow: none;

	-webkit-opacity: 1;

	-moz-opacity: 1;

	opacity: 1;

	filter: alpha(opacity=100);

	float: none;

}



.ekko-lightbox .modal-header .close:hover {

	-webkit-opacity: .8;

	-moz-opacity: .8;

	opacity: .8;

	filter: alpha(opacity=80);

}



.ekko-lightbox .modal-body {

	padding: 0;

}



.ekko-lightbox .modal-footer {

	-webkit-opacity: 0.9;

	-moz-opacity: 0.9;

	opacity: 0.9;

	border: 0;

	padding: 0;

}



/* ==== 9) Team ==== */



#team .thumbnail, #team .team-img {

	background-color: transparent;

	position: relative;

	text-align: center;

	padding: 0;

	margin: 0;

	border: 0;

}



.team-overlay {

	position: absolute;

	overflow: hidden;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}



.team-overlay .myway-icon-team {

	position: absolute;

	top: 110%;

	left: 50%;

	right: 0;

	display: inline-block;

	-webkit-transform: translate(-50%, -50%);

	-moz-transform: translate(-50%, -50%);

	transform: translate(-50%, -50%);

	-webkit-transition: top .2s ease;

	-moz-transition: top .2s ease;

	-ms-transition: top .2s ease;

	-o-transition: top .2s ease;

	transition: top .2s ease;

}



.team-overlay:hover > .myway-icon-team {

	top: 50%;

}



.team-overlay .myway-icon-team a {

	width: 42px;

	height: 42px;

	fill: rgba(255, 255, 255, 0);

	stroke: rgba(255, 255, 255, 1);

	stroke-width: 0.08em;

	stroke-opacity: 1;

	stroke-linecap: butt;

	stroke-linejoin: bevel;

	stroke-dasharray: 0, 150;

	stroke-dashoffset: 150px;

	-webkit-transition: fill 2s, stroke-dasharray 1s, stroke-opacity 2s, filter 1s ease;

	-moz-transition: fill 2s, stroke-dasharray 1s, stroke-opacity 2s, filter 1s ease;

	-ms-transition: fill 2s, stroke-dasharray 1s, stroke-opacity 2s, filter 1s ease;

	-o-transition: fill 2s, stroke-dasharray 1s, stroke-opacity 2s, filter 1s ease;

	transition: fill 2s, stroke-dasharray 1s, stroke-opacity 2s, filter 1s ease;

}



.team-overlay:hover > .myway-icon-team a {

	fill: rgba(255, 255, 255, 1);

	stroke-dasharray: 150, 1;

	stroke-opacity: 0;

}



.myway-icon-team svg {

	padding: 5px;

	display: inline-block;

	max-width: 42px;

}



.myway-icon-team a:after {

	content: '';

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}



.myway-icon-team a {

	position: relative;

	display: inline-block;

	z-index: 1;

	-webkit-transition: fill 2s, stroke-dashoffset 1s, top .2s, filter 1s ease;

	-moz-transition: fill 2s, stroke-dashoffset 1s, top .2s, filter 1s ease;

	-ms-transition: fill 2s, stroke-dashoffset 1s, top .2s, filter 1s ease;

	-o-transition: fill 2s, stroke-dashoffset 1s, top .2s, filter 1s ease;

	transition: fill 2s, stroke-dashoffset 1s, top .2s, filter 1s ease;

}



.myway-icon-team a:after {

	content:"";

	position: absolute;

	top: 0;

	left: 0;

	bottom: 0;

	right: 0;

}



.testimonial blockquote {

	font-size: 14px;

	position: relative;

	padding: 30px 0 45px 0;

	margin: 0;

	top: 0;

	border-left: 0;

	min-height: 230px;

	-webkit-transition: box-shadow .3s, top .5s ease;

	-moz-transition: box-shadow .3s, top .5s ease;

	-ms-transition: box-shadow .3s, top .5s ease;

	-o-transition: box-shadow .3s, top .5s ease;

	transition: box-shadow .3s, top .5s ease;

}



@media (min-width: 1025px) {

	.testimonial blockquote {

		min-height: 170px;

	}
	#welcome > * {

	position: relative;

	z-index: 2;

	width: auto;

	margin-left: 40%;

	margin-right: auto;

	

}

}



@media (max-width: 767px) {

	.testimonial blockquote {

		min-height: 0;

	}

}



.testimonial:hover > blockquote {

	top: -5px;

	box-shadow: 0 5px 0 rgba(0, 140, 186, 1);

}



/* ==== 10) Contact ==== */



#gmap {

	height: 300px;

}



@media (max-width: 568px){

	#gmap {

		height: 200px;

	}
	#welcome > * {

	
	margin-left: 7%;

	margin-right: auto;

	

}

}



#contact {

	background: #fff;

}



@media (min-width: 768px) {

	.form-group {

		display: inline-block;

	}

}



.honeypot {

	display: none !important;

}



form .btn, form .btn:hover, form .btn:focus, form .btn:active:focus {

	margin-top: 30px;

}



.flowuplabels .fl_wrap {

	position: relative;

	margin-top: 30px;

	height: 45px;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}



.flowuplabels .fl_label {

	position: absolute;

	background: #fff;

	color: #111;

	font-weight: 300;

	line-height: 1.2;

	padding: 8px;

	left: 30px;

	top: 5px;

	z-index: 3;

	-webkit-transition: all .1s linear;

	-moz-transition: all .1s linear;

	-o-transition: all .1s linear;

	transition: all .1s linear;

}



.flowuplabels .fl_input {

	background: none;

	color: #111;

	padding: 0 0 0 20px;

	height: 43px;

	width: 100%;

	border: 1px solid #eee;

	border-radius: 25px;

	z-index: 2;

	-webkit-box-shadow: none;

	-moz-box-shadow: none;

	-ms-box-shadow: none;

	-o-box-shadow: none;

	box-shadow: none;

	-webkit-appearance: none;

	-moz-appearance: none;

}


.flowuplabels .fl_wrap.focused .fl_label,

.flowuplabels .fl_wrap.populated .fl_label {

	font-size: 12px;

	color: #aaa;

	top: -15px;

}



.flowuplabels .fl_wrap.focused .fl_label {

	color: #4c79bb;

}



.message {

	display: none;

}



#form-alert {

	padding: 5px 15px 5px 15px;

	margin: 15px 0 0 0;

}



.alert li {

	list-style: none;

	display: inline-block;

}



.alert-danger {

	background: #ffaa00;

	border-width: 0;

	border-radius: 0;

	color: #fff;

}



.alert-success {

	background: #7dc800;

	border-width: 0;

	border-radius: 0;

	color: #fff;

}



/* ==== 11) Footer ==== */



footer a {

	display: inline-block;

	padding: 6px;

}



footer h4 {

	margin: 0;

}



.myway-icon-info {

	display: inline-block;

	position: relative;

	width: 36px;

	height: 36px;

	fill: #4c79bb;

}



.myway-icon-info:after {

	content: '';

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}



/* ==== 12) Navigation ==== */



.navbar-default {

	background-color: #fff;

	padding: 5px 0px;

}



.navbar-default .navbar-collapse {

	border-color: #f8f8f8;

}



.navbar-fixed-top {

	position: fixed;

}



.navbar-brand {

	line-height: 0;

}



.nav li:first-child {

	display: none;

}



.nav a {

	color: #111;

}



.nav a:hover {

	color: #aaa !important;

}



.nav .active a {

	color: #aaa !important;

}



.navbar li a {

	font-size: 13px;

	text-align: center;

	padding: 20px 15px !important;

}



@media (max-width: 767px) {

	.navbar li a {

		padding: 10px 15px !important;

	}

}



.navbar a, .navbar .active a:hover, .navbar .active a:focus {

	background-color: transparent !important;

}



.navbar-brand {

	position: relative;

	padding: 10px 15px !important;

	height: auto;

	line-height: 0;

}



.navbar-brand img:nth-child(2) {

	position: absolute;

	top: 10px;

}



@media (max-width: 1024px) {

	.navbar-brand img:nth-child(1) {

		opacity: 0 !important;

	}

	.navbar-brand img:nth-child(2) {

		opacity: 1 !important;

	}

	.navbar-default {

		background-color: rgba(255, 255, 255, 0.95) !important;

	}

	.nav a {

		color: #111 !important;

	}

}



.navbar-toggle {

	margin-top: 13px;

	margin-bottom: 13px;

	border: 0px solid transparent;

}



.navbar-default .navbar-toggle .icon-bar {

	background-color: #111;

	width: 30px;

	height: 2px;

	border-radius: 0;

}



.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {

	background-color: transparent;

}



/* ==== 13) Carousels ==== */



@media not all, (-webkit-transform-3d) {

	.carousel-inner>.item {

		-webkit-backface-visibility: initial;

		backface-visibility: initial;

	}

}



#carousel-intro .carousel-inner {

	overflow: inherit;

}



.carousel-control.left, .carousel-control.right {

	background-image: none;

	background: rgba(255, 255, 255, .3);

	opacity: 1;

	width: 10%;

	height: 10%;

	top: 45%;

	padding: 0;

	border: none;

	text-shadow: none;

	color: #111;

	z-index: 3;

}



.carousel-control.btn:active {

	-webkit-box-shadow: none;

	-moz-box-shadow: none;

	box-shadow: none;

}



.carousel {
	opacity: 1;
	float: right;

}



.carousel .item {

	position: absolute;

	display: block !important;

	width: 100%;

	top: 0;

	left: 0 !important;

	opacity: 0;

	z-index: -1;

	-moz-transition: opacity ease-in-out .6s;

	-o-transition: opacity ease-in-out .6s;

	-webkit-transition: opacity ease-in-out .6s;

	transition: opacity ease-in-out .6s;

}



.carousel .item:first-child {

	position: relative;

	top: auto;

}



.carousel .item.active {

	opacity: 1;

	z-index: 0;

	-moz-transition: opacity ease-in-out .4s;

	-o-transition: opacity ease-in-out .4s;

	-webkit-transition: opacity ease-in-out .4s;

	transition: opacity ease-in-out .4s;

}



/* ==== 14) Preloader ==== */



.preloader {

	position: fixed;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	background-color: #fff;

	z-index: 9999;

}



.spinner {

	position: absolute;

	top: 50%;

	left: 50%;

	right: 0;

	width: 70px;

	-webkit-transform: translate(-50%, -50%);

	-moz-transform: translate(-50%, -50%);

	transform: translate(-50%, -50%);

}



.spinner > div {

	width: 18px;

	height: 18px;

	background-color: #aaa;

	border-radius: 100%;

	display: inline-block;

	-webkit-animation: bouncedelay 1.4s infinite ease-in-out;

	animation: bouncedelay 1.4s infinite ease-in-out;

	-webkit-animation-fill-mode: both;

	animation-fill-mode: both;

}



.spinner .bounce1 {

	-webkit-animation-delay: -0.32s;

	animation-delay: -0.32s;

}



.spinner .bounce2 {

	-webkit-animation-delay: -0.16s;

	animation-delay: -0.16s;

}



@-webkit-keyframes bouncedelay {

	0%, 80%, 100% { -webkit-transform: scale(0.0) }

	40% { -webkit-transform: scale(1.0) }

}



@keyframes bouncedelay {

	0%, 80%, 100% { 

		transform: scale(0.0);

		-webkit-transform: scale(0.0);

	} 40% { 

		transform: scale(1.0);

		-webkit-transform: scale(1.0);

	}

}

































































































/*.heading-a + .slider-a { margin-top: -42px; }*/



.slider-a .bx-prev, .slider-a .bx-next, .slider-ba .bx-prev, .slider-ba .bx-next {



	display: block;



	overflow: hidden;



	position: absolute;



	top: 50%;



	width: 42px;



	height: 44px;



	margin: -22px 0 0;



	text-align: left;



	text-indent: -3000em;



	opacity: .4;



}



.slider-a .bx-prev, .slider-ba .bx-prev {



	left: -100px;



	background: url(../images/arrow-left-e.png) no-repeat;



	background-size: 100% 100%;



}



.slider-a .bx-next, .slider-ba .bx-next {



	right: -100px;



	background: url(../images/arrow-right-e.png) no-repeat;



	background-size: 100% 100%;



}



.slider-a .bx-prev:hover, .slider-ba .bx-prev:hover {



	background: url(../images/arrow-left-f.png) no-repeat;



	background-size: 100% 100%;



	opacity: .8;



}



.slider-a .bx-next:hover, .slider-ba .bx-next:hover {



	background: url(../images/arrow-right-f.png) no-repeat;



	background-size: 100% 100%;



	opacity: .8;



}



.lt-ie9 .slider-a .bx-prev, .lt-ie9 .slider-a .bx-next, .lt-ie9 .slider-ba .bx-prev, .lt-ie9 .slider-ba .bx-next {



	width: 44px;



}



.slider-a .bx-pager {



	position: absolute;



	left: -3000em;



	top: 0;



}



.slider-b {



	overflow: hidden;



	list-style: none;



	margin: 0 auto 80px;



	height: 440px;



	padding: 0;



	background: url(../images/arrow-left-b.png) -3000em -3000em no-repeat;



}



.slider-b li {



	max-width: 320px;



	background: url(../images/arrow-right-b.png) -3000em -3000em no-repeat;



}



.slider-b img {



	max-width: none !important;



}



 [data-carousel-3d] {



position: relative;



width: 100%;



}



 [data-carousel-3d] {



-moz-box-sizing: border-box;



-webkit-box-sizing: border-box;



-o-box-sizing: border-box;



-ms-box-sizing: border-box;



box-sizing: border-box;



}



 [data-carousel-3d] [data-prev-button], [data-carousel-3d] [data-next-button] {



display: block;



position: absolute;



top: 50%;



width: 66px;



height: 66px;



margin: -33px 0 0;



text-align: left;



text-indent: -3000em;



cursor: pointer;



}



 [data-carousel-3d] [data-prev-button] {



left: 0;



background: url(../images/arrow-left-a.png) -5px -5px no-repeat;



}



 [data-carousel-3d] [data-next-button] {



right: 0;



background: url(../images/arrow-right-a.png) -5px -5px no-repeat;



}



[data-carousel-3d] [data-prev-button]:hover {



	background: url(../images/arrow-left-b.png) -5px -5px no-repeat;



}



[data-carousel-3d] [data-next-button]:hover {



	background: url(../images/arrow-right-b.png) -5px -5px no-repeat;



}



 [data-carousel-3d] > [data-children-wrapper] {



perspective: 3000px;



-ms-perspective: 3000px;



-moz-perspective: 3000px;



-webkit-perspective: 3000px;



}



 [data-carousel-3d] > [data-children-wrapper] > [data-child] {



transition: 1s;



-ms-transition: 1s;



-moz-transition: 1s;



-webkit-transition: 1s;



}



 [data-carousel-3d] > [data-children-wrapper] > [data-child] {



position: absolute;



overflow: hidden;



box-sizing: border-box;



width: 100%;



height: 100%;



}



 [data-carousel-3d] > [data-children-wrapper] > [data-child] > [data-child-frame] > [data-content-wrapper] {



box-sizing: border-box;



transform-origin: 0px 0px;



-ms-transform-origin: 0px 0px;



-moz-transform-origin: 0px 0px;



-webkit-transform-origin: 0px 0px;



}



[data-carousel-3d]:before {



	padding-top: 40%;



	display: block;



	content: '';



}



 [data-carousel-3d] [data-children-wrapper] {



position: absolute;



top: 0;



bottom: 0;



right: 26%;



left: 26%;



}



.slider-ba {



	list-style: none;



	margin: 0 0 60px;



	padding: 0 0 64px;



	background: #000;



}



.slider-ba img {



	display: block;



	width: 100% !important;



}



.slider-ba .bx-prev {



	left: 0;



	transform-origin: left center;



	-moz-transform-origin: left center;



	-webkit-transform-origin: left center;



	-o-transform-origin: left center;



	-ms-transform-origin: left center;



}



.slider-ba .bx-next {



	right: 0;



	transform-origin: right center;



	-moz-transform-origin: right center;



	-webkit-transform-origin: right center;



	-o-transform-origin: right center;



	-ms-transform-origin: right center;



}



.slider-ba .bx-prev, .slider-ba .bx-next {



	transform: scale(.75, .75);



	-moz-transform: scale(.75, .75);



	-webkit-transform: scale(.75, .75);



	-o-transform: scale(.75, .75);



	-ms-transform: scale(.75, .75);



}



.slider-ba .bx-prev, .slider-ba .bx-next {



	top: auto;



	bottom: 10px;



	margin: 0;



}



.slider-ba .bx-prev {



	left: 10px;



}



.slider-ba .bx-next {



	right: 10px;



}



.slider-bb {



	position: relative;



	list-style: none;



	max-width: 320px;



	margin: 0 auto 80px;



	padding: 0;



	text-align: center;



}



.slider-bb * {



	margin: 0;



	padding: 0;



}



.slider-bb .bx-prev, .slider-bb .bx-next {



	display: block;



	position: absolute;



	top: 50%;



	width: 66px;



	height: 66px;



	margin: -33px 0 0;



	text-align: left;



	text-indent: -3000em;



	cursor: pointer;



}



.slider-bb .bx-prev {



	left: -120px;



	background: url(../images/arrow-left-a.png) -5px -5px no-repeat #000;



}



.slider-bb .bx-next {



	right: -120px;



	background: url(../images/arrow-right-a.png) -5px -5px no-repeat #000;



}



.slider-bb .bx-prev:hover {



	background-image: url(../images/arrow-left-b.png);



}



.slider-bb .bx-next:hover {



	background-image: url(../images/arrow-right-b.png);



}





 #map {

                width: 100%;

                height: 500px;

            }
			
			
			
			
			
			
			
			
			
			
#welcome {

	overflow: hidden;

	position: relative;

	z-index: 8;

	padding: 290px 0 161px;

	background: url(../img/landing.jpg) no-repeat;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

	background-position: center;

	

	color: #fff;

	font-weight: 300;

}



#welcome:before {content: "";

	display: block;

	position: absolute;

	left: 0;

	top: 0;

	z-index: 1;

	width: 100%;

	height: 100%;}

#welcome > figure {

	position: absolute;

	left: 50%;

	top: 193px;

	width: 197px;

	margin: 0 0 0 -550px;

}

#welcome > figure.mobile-c {

	margin-left: -568px;

}





#welcome p {

	margin-bottom: 36px;

	font-size: 2.4em;

}

#welcome .download-a {

	text-align: left;

}

#welcome .download-a li {

	margin: 0 22px 24px 0;

}

#welcome.data-pattern{

	background-size: cover;

	background-repeat: no-repeat;

}