html, body{
	height: 100%;
	min-height:100%;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 16px;
	background: #ffffff;
}

*{
	-webkit-appearance:none;  
    -webkit-border-radius:0px;
}

a {
   outline: 0!important;
}

p{
	padding-bottom: 40px;
	line-height: 32px;
}

section{
	padding-top: 80px;
	padding-bottom: 100px;
	position: relative;
}

.hiding { opacity: 0; }
.visible { opacity: 1; }

.fitImg{
	width: auto;
	max-width: 100%;
}

.clear{
	clear: both;
}

.alert{
	padding: 15px 15px 15px 60px;
	border-radius: 0;
	border: 1px solid #2c689e;
	position: relative;
	color: #000000;
}

#show .circle-icon{
	width: 60px;
	height: 60px;
	text-align: center;
	line-height: 54px;
	background: #2c689e;
	border-radius: 50%;
	font-size: 36px;
	color: #ffffff;
	border: 3px solid #ffffff;
	box-shadow: 1px 1px 0 #cccccc, -1px 1px 0 #cccccc, 1px -1px 0 #cccccc, -1px -1px 0 #cccccc;
}


/*------------------------------------------------------------*/
/* HEADLINES */
/*-----------*/

h1{
	font-size: 32px;
	font-family: 'Roboto Condensed', sans-serif;
	padding-bottom: 30px;
	margin: 0;
	text-transform: uppercase;
}

h2{
	font-size: 26px;
	margin: 0;
	padding-bottom: 20px;
	text-transform: uppercase;
}

h3{
	font-size: 20px;
	font-family: 'Roboto Condensed', sans-serif;
	padding-bottom: 10px;
	margin: 0;
	text-transform: uppercase;
}

h4{
	font-size: 22px;
	margin: 0;
	padding-bottom: 20px;
	line-height: 150%;
}

h5{
	font-size: 20px;
	margin: 0;
	padding-bottom: 20px;
}

h6{
	font-size: 18px;
	margin: 0;
	color: #999999;
	font-style: italic;
	padding-bottom: 20px;
}

/*------------------------------------------------------------*/




/*------------------------------------------------------------*/
/* COLOURS */
/*--------------------*/

.white{
	color: #ffffff;
}

.blue{
	color: #2c689e;
}

.grey{
	color: #bbbbbb;
}

.black{
	color: #131212;
}

.bg-blue{
	background: #d3d9e1;
}

.bg-grey{
	background: #efefef;
}

.bg-black{
	background: #000000;
}

.bg-image{
	width: 100%;
	background: rgba(0,0,0,0.1);
	padding: 10px;
	margin-bottom: 30px;
}

.bg-image img{border:1px solid #ffffff}

/*------------------------------------------------------------*/



/*------------------------------------------------------------*/
/* Preloader */
/*-----------*/

#mask{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #000000;
	z-index: 10000;
	height: 100%;
}

#loader{
	width: 200px;
	height: 200px;
	position: absolute;
	left: 50%;
	top: 50%;
	background-image: url("../images/loading.gif");
	background-repeat: no-repeat;
	background-position: center;
	margin: -100px 0 0 -100px;
}

/*------------------------------------------------------------*/




/*------------------------------------------------------------*/
/* List style */
/*------------*/

ul.lstyle{ list-style-type: none; }
ul.lstyle li{
	text-indent: -1.4em;
	margin-bottom: 10px;
}

ul.lstyle li:before{
	font-family: "FontAwesome";
	content: "\f101";
    float: left;
    width: 1.4em;
}

/* ARROW = add class ".ls-arrow" on ul tag */
ul.ls-arrow li:before{
	content: "\f105";
}

/* ARROWS = add class ".ls-arrows" on ul tag */
ul.ls-arrows li:before{
	content: "\f101";
}

/* STAR = add class ".ls-star" on ul tag */
ul.ls-star li:before{
	content: "\f005";
}

/* CHECK = add class ".ls-check" on ul tag */
ul.ls-check li:before{
	content: "\f00c";
}

/* HAND = add class ".ls-hand" on ul tag */
ul.ls-hand li:before{
	content: "\f0a4";
}

/* DOT = add class ".ls-dot" on ul tag */
ul.ls-dot li:before{
	content: "\f111";
}

/*------------------------------------------------------------*/





/*------------------------------------------------------------*/
/* Shortcodes */
/*------------*/

.center{
	text-align: center;
}

.separate-bottom{
	padding-bottom: 30px;
}

.halfBlackBox{
	width: 100%;
	background: rgba(210, 20, 26, 0.63);
	padding: 40px 10px 10px;
	margin-bottom: 30px;
}

.line-white{
	width: 60%;
	height: 1px;
	display: block;
	border-top: 1px solid #ffffff;
	margin: 0 auto 30px;
}

.line-grey{
	width: 60%;
	height: 1px;
	display: block;
	border-top: 1px solid #f1f1f1;
	margin: 0 auto 30px;
}

.bg-photo{
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-attachment: fixed;
	color: #ffffff;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #000000;
}

.bg-photo-1{
	background-image: url(../images/visual-1.jpg);
}

.bg-photo-2{
	background-image: url(../images/visual-2.jpg);
}

.bg-photo-3{
	background-image: url(../images/visual-3.jpg);
}

.alert-success{
	color: #2c689e;
	background: #ffffff;
}

.alert-success:before{
	content: "\f00c";
	font-family: "Fontawesome";
	font-size: 24px;
	position: absolute;
	top: 10px;
	left: 15px;
}

.alert-info{
	color: #2c689e;
	background: #ddeaf5;
}

.alert-info:before{
	content: "\f129";
	font-family: "Fontawesome";
	font-size: 24px;
	position: absolute;
	top: 10px;
	left: 22px;
}

.alert-warning{
	color: #ffffff;
	background: #558aba;
}

.alert-warning .close{
	color: #ffffff;
	opacity: 0.6;
}

.alert-warning .close:hover{
	opacity: 1;
}

.alert-warning:before{
	content: "\f071";
	font-family: "Fontawesome";
	font-size: 24px;
	position: absolute;
	top: 10px;
	left: 15px;
}

.alert-danger{
	color: #ffffff;
	background: #2c689e;
}

.alert-danger .close{
	color: #ffffff;
	opacity: 0.6;
}

.alert-danger .close:hover{
	opacity: 1;
}

.alert-danger:before{
	content: "\f00d";
	font-family: "Fontawesome";
	font-size: 24px;
	color: #ffffff;
	position: absolute;
	top: 10px;
	left: 20px;
}

.progress{
	border-radius: 0;
	box-shadow: none;
}

.progress-white{
	background: #333333;
}

.progress-bar{
	background: #2c689e;
}

.progress-white .progress-bar{
	background: #ffffff;
	color: #000000;
}

.table td{
	border: 0;
	border: 1px solid #cccccc;
}

.table tr:first-child td{
	background: #2c689e!important;
	color: #ffffff;
}



/*------------------------------------------------------------*/


/*-----------------
Header */

nav{
	position: fixed;
	top: -80px;
	width: 100%;
	background: rgba(23,50,74,0.95);
	border-bottom: 1px solid #ffffff;
	height: 75px;
	z-index: 99;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 14px;
	-webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -ms-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
	z-index: 2001;
}

nav ul{
	list-style: none;
	float: right;
	margin: 28px 0 0;
}

nav ul li{
	float: left;
	margin-right: 6px;
}

nav ul li a, nav ul li a:focus{
	color: #ffffff;
	padding: 3px 6px;
	text-decoration: none;
	-webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -ms-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
}

nav ul li a:hover{
	box-shadow: inset 0 30px 0 rgba(255,255,255,0.95);
	color: #000000;
	text-decoration: none;
	-webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -ms-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.header-stick{
	top: 0;
	-webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -ms-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
}

.show-menu{
	float: right;
	position: absolute;
	right: 15px;
	top: 50%;
	display: none;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	margin-top: -15px;
	background: none;
	padding: 0;
	font-size: 24px;
	color: #ffffff;
	cursor: pointer;
}

.show-menu span{
	display: block;
	width: 100%;
	height: 4px;
	background: #428bca;
	margin-bottom: 2px;
}

.show-menu span:last:child{
	margin-bottom: none;
}

header{
	display: block;
	width: 100%;
	height: auto;
	background: #000000 url(../images/visual-1.jpg) no-repeat center center;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-attachment: fixed;
	position: relative;
	text-align: center;
	padding-bottom: 40px;
}

header .btn{
	position: relative;
	z-index: 2;
}

#videobg{
	background: none;
}

.videoLayer, .videoBG_wrapper, .videoBG{
	display: block;
	position: absolute;
	width: 100%!important;
	height: 100%!important;
	top: 0;
	left: 0;
}

.visualOverlay{
	background: rgba(0,0,0,0.7);
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.visualOverlayVideo{
	background: rgba(0,0,0,0.6);
}

header .visualContent{
	position: relative;
	z-index: 2;
	color: #ffffff;
	border: 2px solid #ffffff;
	width: 100%;
	height: 100%;
	text-align: center;
	padding-bottom: 40px;
}

#boxLogo{
	width: 100%;
	position: relative;
	padding: 20px 0;
	z-index: 9;
}

#logo{
	/*	font-family: 'Roboto Condensed', sans-serif;
	font-size: 48px;
	font-weight: 700;
	background: url(../images/dot_logo.gif) no-repeat left center, url(../images/dot_logo.gif) no-repeat right center;*/
	padding: 0 20px;
	width: 180px;
	margin: 0 auto;
}

#logoNav{
	float: left;
	display: block;
	margin-top: 8px;
}

#logoNav img{
	height: 40px;
	width: auto;
}

#claim{
	width: 100%;
	color: #ffffff;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 46px;
	text-align: center;
	position: relative;
	z-index: 2;
}

#bottomVisual{
	background: rgba(0,0,0,0.4);
	color: #ffffff;
	width: 100%;
	padding: 40px;
	margin: 20px auto;
	position: relative;
	z-index: 2;
}

#bottomVisual span{
	display: block;
	width: 100%;
	max-width: 960px;
	text-align: center;
	margin: 0 auto;
	text-transform: uppercase;
	font-size: 16px;
	line-height: 200%;
}



/*-----------------
Show */

section#show{
	width: 100%;
	display: block;
}

#show .fa{
	margin-bottom: 10px;
}



/*-----------------
Gallery */

#gallery{
	text-align: center;
}

#gallery ul{
	padding: 0;
	list-style: none;
}

#gallery ul li a{
	position: relative;
	display: block;
	margin-bottom: 20px;
	-webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -ms-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

#gallery ul li a:hover{
	-webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -ms-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
}

#gallery ul li a img{
	width: 100%;
	-webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -ms-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
}

#gallery ul li a:hover img{
	opacity: 0.6;
	-webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -ms-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

#gallery ul li a i{
	display: block;
	font-size: 32px;
	color: #ffffff;
	width: 60px;
	height: 60px;
	text-align: center;
	line-height: 60px;
	position: absolute;
	top: 30%;
	left: 50%;
	margin-top: -29px;
	margin-left: -29px;
	opacity: 0;
	-webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    -ms-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

#gallery ul li a:hover i{
	-webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -ms-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    top: 50%;
	opacity: 1;
}

#gallery ul li a span{
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: left;
	width: 100%;
	padding: 10px 20px;
	display: block;
	background: rgba(255,255,255,0.9);
	font-weight: 600;
	-webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -ms-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    font-size: 14px;
}

#gallery ul li a:hover span{
	background: #2c689e;
	color: #ffffff;
	-webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -ms-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
}

/*-----------------
Everywere */

section#everywere h1{
	margin-top: 60px;
}

/*-----------------
Quotes */

section#quotes{
	text-align: center;
}

section#quotes p{
	padding: 0 100px;
	position: relative;
	margin-bottom: 30px;
}

section#quotes p:before{
	content: "\f10d";
	display: block;
    float: left;
    font-family: "FontAwesome";
    font-size: 30px;
    position: absolute;
    top: 0;
    left: 30px;
}

section#quotes p:after{
	content: "\f10e";
	display: block;
    float: right;
    font-family: "FontAwesome";
    font-size: 30px;
    position: absolute;
    top: 0;
    right: 30px;
}

section#quotes p span{
	display: block;
	margin-top: 5px;
	font-style: italic;
	opacity: 0.65;
}



/*-----------------
Prices */

section#prices{
	text-align: center;
}

section#prices .priceBox{
	display: block;
	width: 100%;
	border: 1px solid #2c689e;
	text-align: center;
	margin-bottom: 30px;
	-webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -ms-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
	height: 310px;
}

section#prices .priceBox h2{
	padding: 20px 0;
	box-shadow: inset 0 0px 0 #D11319;
	-webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -ms-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
	font-size: 20px;
}

section#prices .priceBox:hover h2{
	/*background: #2c689e;*/
	color: #ffffff;
	box-shadow: inset 0 -80px 0 #D11319;
	-webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -ms-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
}

section#prices .priceInBox{
	margin: 10px;
	padding: 20px;
	background: #efefef;
	height: 70%;
}

section#prices .price{
	font-family: 'Roboto Condensed', sans-serif;
	/*background: #2c689e;*/
	box-shadow: inset 0 200px 0 #2c689e;
	padding: 30px 10px;
	font-size: 96px;
	color: #ffffff;
	-webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -ms-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

section#prices .priceBox:hover .price{
	/*background: #ffffff;*/
	box-shadow: inset 0 0 0 #2c689e;
	color: #2c689e;
	-webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -ms-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
}

section#prices .price sup{
	font-size: 60px;
	font-weight: 100;
	margin-right: 10px;
	top: -0.3em;
}

section#prices ul.priceDescription {
	list-style: none;
	padding: 0;
	font-size: 22px;
	padding: 15px 0;
}

section#prices ul.priceDescription li{
	font-family: "Open-sans", sans-serif;
	font-size: 16px;
	padding: 5px 0;
}


/*-----------------
Features */


#features{
	
}

.feature-box{
	margin-bottom: 20px;
}

.feature-box h2{
	text-transform: uppercase;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #000000;
}

.feature-box h2 i{
	margin-right: 10px;
}


/*-----------------
Row Prices */

.newsletter-form input{
	width: 80%;
	background: #ffffff;
	height: 40px;
	border: none;
	float: left;
	border: 1px solid #ffffff;
	color: #000000;
	padding: 0 10px;
}

.newsletter-form button{
	display: block;
	border: none;
	width: 20%;
	height: 40px;
	background: #000000;
	color: #ffffff;
	text-transform: uppercase;
	line-height: 40px;
	float: left;
	font-size: 12px;
	border: 1px solid #ffffff;
	padding: 0;
}

/*-----------------
Crew */

#crew{
	text-align: center;
}

.crew-box{
	display: table;
	width: 100%;
	padding: 10px 10px 0;
	margin-bottom: 20px;
	text-align: left;
	-webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -ms-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.crew-box:hover{
	background: #ffffff;
	-webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -ms-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
}

.crew-avatar{
	position: relative;
}

.crew-box .crew-avatar img{
	width: 100%;
}

.crew-contacts{
	background: rgba(4,16,42,0.63);
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 40px;
	line-height: 40px;
	padding: 0 5%;
	opacity: 0;
	-webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -ms-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.crew-box:hover .crew-contacts{
	opacity: 1;
	-webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -ms-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
}

.crew-box a.social-icon{
	padding: 0;
	text-align: center;
	color: #ffffff;
	font-size: 26px;
	-webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -ms-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.crew-box a.social-icon:hover{
	background: #ffffff;
	color: #000000;
	-webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -ms-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
}

.crew-box h4{
	padding: 10px 0 5px;
	-webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -ms-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.crew-box:hover h3{
	opacity: 0;
	-webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -ms-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
}

.member-info{
	line-height: 120%;
	padding: 0;
}



/*-----------------
Contact */

#form-contact input, #form-contact textarea{
	display: block;
	width: 100%;
	border: 1px solid #ffffff;
	margin-bottom: 10px;
	padding: 0 10px;
	color: #000000;
}

#form-contact input{
	height: 40px;
}

#form-contact textarea{
	height: 150px;
}

#form-contact .btn{
	width: 50%;
	float: left;
}

/*-----------------
FAQ */

section#faq{
	text-align: center;
}

.faq-box{
	padding: 0 15px 30px 70px;
	text-align: left;
}

.faq-box:before{
	content: "\f086";
	color: #2c689e;
	display: block;
    float: left;
    font-family: "FontAwesome";
    font-size: 30px;
    position: absolute;
    top: 0;
    left: 25px;
}


/*-----------------
MAP */

#map{
	width: 100%;
	height: 450px;
	background: #222222;
	border-bottom: 10px solid #ffffff;
}

/*-----------------
FOOTER */

footer{
	width: 100%;
	padding: 40px 0;
	background: #17324a;
	text-align: center;
	color: #ffffff;
	font-size: 14px;
}

footer > div{
	display: block;
	margin-bottom: 20px;
}

footer a{
	color: #ffffff;
	padding: 0 5px;
	-webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -ms-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

footer a:hover{
	background: #ffffff;
	color: #000000;
	text-decoration: none;
	-webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -ms-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
}

.social-footer{
	width: 150px;
	margin: 0 auto;
	display: table;
	padding-bottom: 10px;
}

.social-footer a{
	display: block;
	font-size: 24px;
	padding: 10px;
	-webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -ms-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.social-footer a:hover{
	background: #ffffff;
	color: #000000;
	-webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -ms-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
}

/*--------*/


/***********/
/* BUTTONS */
/***********/


/* LIGHT (arrow) */

	.btn-arrow-light{
		background: #2c689e;
		color: #ffffff;
		font-size: 16px;
		border-radius: 0;
		padding: 14px 24px;
		position: relative;
		margin: 0 auto;
		-webkit-transition-duration: 0.5s;
	    -moz-transition-duration: 0.5s;
	    -ms-transition-duration: 0.5s;
	    -o-transition-duration: 0.5s;
	    transition-duration: 0.5s;
	}
	
	.btn-arrow-light:after{
		top: 100%; 
		left: 50%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		box-shadow: inset 0 0 0 #2c689e;
		border-color: rgba(44, 104, 158, 0);
		border-top-color: #2c689e;
		border-width: 16px;
		margin-left: -16px;
		-webkit-transition-duration: 0.5s;
	    -moz-transition-duration: 0.5s;
	    -ms-transition-duration: 0.5s;
	    -o-transition-duration: 0.5s;
	    transition-duration: 0.5s;
	}
	
	.btn-arrow-light:hover:after{
		border-color: rgba(255, 255, 255, 0);
		border-top-color: #ffffff;
		-webkit-transition-duration: 0.5s;
	    -moz-transition-duration: 0.5s;
	    -ms-transition-duration: 0.5s;
	    -o-transition-duration: 0.5s;
	    transition-duration: 0.5s;
	}
	
	.btn-arrow-light:hover, .btn-arrow-light.hovered{
		background: #ffffff;
		color: #2a4b73!important;
		-webkit-transition-duration: 0.5s;
	    -moz-transition-duration: 0.5s;
	    -ms-transition-duration: 0.5s;
	    -o-transition-duration: 0.5s;
	    transition-duration: 0.5s;
	}
	
	.btn-arrow-light.hovered:after, .btn-arrow-light.pressed:after{
		border-color: rgba(44, 104, 158, 0);
		border-top-color: #ffffff;
	}
	
	.btn-arrow-light:active, .btn-arrow-light.pressed{
		background: #ffffff;
		color: #cccccc!important;
	}
	
	.btn-arrow-light:focus{
		color: #ffffff;
	}
	
/* DARK */

	.btn-dark{
		background: #D11319;
		color: #ffffff;
		font-size: 18px;
		border-radius: 0;
		padding: 7px 12px;
		border: 1px solid #962B2F;
		position: relative;
		box-shadow: inset 0 0 0 #ffffff;
		-webkit-transition-duration: 0.4s;
	    -moz-transition-duration: 0.4s;
	    -ms-transition-duration: 0.4s;
	    -o-transition-duration: 0.4s;
	    transition-duration: 0.4s;
	}
	
	.btn-dark:hover, .btn-dark.hovered{
		box-shadow: inset 0 100px 0 #ffffff;
		-webkit-transition-duration: 0.2s;
	    -moz-transition-duration: 0.2s;
	    -ms-transition-duration: 0.2s;
	    -o-transition-duration: 0.2s;
	    transition-duration: 0.2s;
	    color: #D11319;
	}
	
	.btn-dark:active, .btn-dark.pressed, .btn-dark.pressed:hover{
		background: #000000;
		color: #999999!important;
		box-shadow: none;
	}
	
	.btn-light{
		background: none;
		color: #ffffff;
		font-size: 18px;
		border-radius: 0;
		padding: 7px 12px;
		border: 1px solid #ffffff;
		position: relative;
		box-shadow: inset 0 0 0 #ffffff;
		-webkit-transition-duration: 0.4s;
	    -moz-transition-duration: 0.4s;
	    -ms-transition-duration: 0.4s;
	    -o-transition-duration: 0.4s;
	    transition-duration: 0.4s;
	}
	
	.btn-light:hover, .btn-light.hovered{
		box-shadow: inset 0 100px 0 #ffffff;
		-webkit-transition-duration: 0.2s;
	    -moz-transition-duration: 0.2s;
	    -ms-transition-duration: 0.2s;
	    -o-transition-duration: 0.2s;
	    transition-duration: 0.2s;
	    color: #000000;
	}
	
	.btn-light:active, .btn-light.pressed{
		background: #ffffff;
		color: #cccccc!important;
	}
	


/********************************************************************************/




@media (max-width: 767px){
	
	

	/* center headline on smartphone */
	h1{
		text-align: center;
	}
	
	/* center images on smartphones */
	img{
		display: block;
		margin: 0 auto;
	}
	
	section{
		padding-top: 40px;
	}
	
	section#everywere h1{
		margin-top: 0;
	}
	
	nav{
		top: 0;
	}
	
	nav ul{
		position: absolute;
		background: #000000;
		width: 100%;
		top: 75px;
		margin: 0 0 0 -15px;
		padding: 10px 15px 10px 0;
		z-index: 1;
		display: none;
		-webkit-transition-duration: 0.2s;
		-moz-transition-duration: 0.2s;
		-ms-transition-duration: 0.2s;
		-o-transition-duration: 0.2s;
		transition-duration: 0.2s;
	}
	
	nav ul li{
		float: none;
		line-height: normal;
		margin: 0;
		padding-left: 15px;
	}
	
	nav ul li a{
		display: block;
	}	
	
	.show-menu{
		display: block;
	}
	
	
	header{
		padding-top: 90px;
	}
	
	#boxLogo{
		display: none;
	}
	
	section{
		padding-top: 70px;
	}
	
	

	/*-----------------
	Quotes */

	
	section#quotes p{
		padding: 0;
	}
	
	section#quotes p:before{
		content: "\f10d";
		display: block;
	    float: none;
	    font-family: "FontAwesome";
	    font-size: inherit;
	    margin-top: 0;
	    position: static;
	}
	
	section#quotes p:after{
		content: "\f10e";
		display: block;
	    float: none;
	    font-family: "FontAwesome";
	    font-size: inherit;
	    margin-top: 0;
	    position: static;
	}


	/*-----------------
	Crew */
	
	.crew-box h3{
		font-size: 14px;
		height: 40px;
		line-height: 40px;
	}
	
	.crew-contacts{
		height: 40px;
		margin-top: -40px;
		line-height: 40px;
	}
	
	.crew-box a.social-icon{
		font-size: 16px;
	}
	
	/*-----------------
	Contact */

	
	#form-contact .btn{
		width: 100%;
	}

	
}


/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {


	header{
		height: 100%;
		min-height: 550px;
	}
	
	#boxLogo{
		width: 100%;
		height: 45%;
		line-height: 100%;
		padding: 0;
	}
	
	#logo{
		position: absolute;
		top: 50%;
		left: 50%;
		width: 220px;
		margin: -30px 0 0 -110px;
	}
	
	nav ul{
		display: block!important;
	}
	
	#middleStripe{
		font-size: 36px;
	}
	
	section#prices ul.priceDescription{
		font-size: 16px;
	}
	
	section#prices .price{
		font-size: 70px;
	}

	
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	
	#logo{
		width: 240px;
		margin: -40px 0 0 -120px;
	}
	
	section#prices ul.priceDescription{
		font-size: 22px;
	}
	
	section#prices .price{
		font-size: 90px;
	}
	
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	
	#logo{
		/*font-size: 72px;*/
		width: 260px;
		margin: -50px 0 0 -130px;
	}
	
}

/* Large devices (large desktops, 1601px and up) */
@media (min-width: 1601px) {
	
	#logo{
		/*font-size: 100px;*/
		width: 310px;
		margin: -60px 0 0 -155px;
	}
	
}


/* iPad fix image background*/
@media only screen 
and (min-device-width : 768px)  and (max-device-width : 1024px)  {
	header{
		background-size: auto;
		-webkit-background-size: auto;
		-moz-background-size: auto;
		-o-background-size: auto;
		background-attachment: scroll;
	}
	
	.bg-photo{
		background-size: auto;
		-webkit-background-size: auto;
		-moz-background-size: auto;
		-o-background-size: auto;
		background-attachment: scroll;
	}
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) {
	header{
		background-size: auto;
		-webkit-background-size: auto;
		-moz-background-size: auto;
		-o-background-size: auto;
		background-attachment: scroll;
	}
	
	.bg-photo{
		background-size: auto;
		-webkit-background-size: auto;
		-moz-background-size: auto;
		-o-background-size: auto;
		background-attachment: scroll;
	}
}




/*---------------------------------------
SHORTCODES
*/

#shortcodes section{
	padding: 60px 0;
}

.header-shortcodes{
	width: 100%;
	padding: 20px 0;
	background: #223b52;
	text-align: center;
	margin-bottom: 20px;
}

.header-shortcodes img{
	height: 60px;
}

#sc-headlines{

}

.sc-head{
	color: #cccccc;
	padding-bottom: 5px;
}

.sc-head-line{
	width: 100%;
	height: 1px;
	border-bottom: 1px solid #eeeeee;
	margin-bottom: 30px;
}



/* TABS */
.nav-tabs{
	margin-bottom: -2px;
	font-family: 'Roboto Condensed', sans-serif;
}

.nav-tabs > li > a{
	border-radius: 0;
	color: #cccccc;
	border: none;
}

.nav-tabs > li > a:hover, .nav-tabs > li > a:focus{
	background: none;
	color: #000000;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
	border-width: 1px 1px 0;
	border-style: solid;
	border-color: #2c689e;
	background: #f9f9f9;
}

.tab-content{
	padding: 20px;
	border: 1px solid #2c689e;
	background: #f9f9f9;
}
/***/


/* FORM */

.form-control{
	border-radius: 0;
	-webkit-appearance: none;
	background: #ffffff;
	border-color: #000000;
	height: 40px;
	box-shadow: 0;
}



/* ACCORDION */

#accordion h4{
	padding: 0;
}

.panel-group .panel{
	border: 1px solid #000000;
	border-radius: 0;
}

.panel-title > a, .panel-title > a:active, .panel-title > a:focus{
	display: block;
	font-weight: normal;
	padding: 15px 15px 15px 40px;
	background: #f9f9f9;
	color: #2c689e;
	position: relative;
	text-decoration: none;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	-ms-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;
	transition-duration: 0.2s;
}

.panel-title > a:hover, .panel-title > a.collapsed:hover, .panel-title > a.accordion-first-open:hover{
	text-decoration: none;
	background: #558aba;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	-ms-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;
	transition-duration: 0.2s;
}

.panel-title > a:before{
	position: absolute;
	left: 10px;
	font-family: "Fontawesome";
	content: "\f068";
}

#accordion .panel-heading{
	padding: 0;
}

.panel-title > a.accordion-first-open{
	background: #f9f9f9;
	color: #2c689e;
}

.panel-title > a.accordion-first-open:before{
	content: "\f068";
}

.panel-title > a.collapsed{
	background: #2c689e;
	color: #ffffff;
}

.panel-title > a.collapsed:before{
	content: "\f067";
}


/* BUTTONS */

#sc-buttons .col-sm-4{
	text-align: center;
	margin-bottom: 20px;
}

.sc-box-buttons{
	padding: 30px 0;
}

.bg-black{
	background: #000000;
}


/* ICONS */

#sc-icons .col-sm-1{
	text-align: center;
	margin-bottom: 20px;
}

#sc-icons i{
	font-size: 52px;
	color: #2c689e;
}

.sc-icon-desc{
	text-align: center;
}

.sc-icon-desc a{
	color: #000000;
}

/* LISTS */

#sc-lists .lstyle{
	margin-bottom: 40px;
}

/* BARS */

#sc-bars .container{
	padding: 60px 20px 40px;
	margin-bottom: 30px;
}