/* Global */
html, body { height: 100%; }
html { font-size: 100%; }

body {
	background-color: #006396;
	color: #ececec;
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	font-size: 1rem;
	font-weight: 300;
	line-height: 1.71428571;
	overflow-x: hidden;
}
/*::selection {
	background: #77c59e;
	color:#fff;
}*/
/*::-moz-selection {
	background: #77c59e; /* Firefox */
	/*color:#fff;
}*/
img { max-width: 100%; }
a {
	color: #FFF;
	text-decoration: none;
}
a:hover { color: #FFF; }

.fright{ float: right; }
.fleft{ float: left; }

.overflow_hidden { overflow-x: hidden; }

/* Navigation */

.menu {
	position: relative;
	top: 0px;
	width: 100%;
	height: 80px;
	height: 5rem;
	background: #0b212e;
	z-index: 1000;
}
#nav { text-align: center; }
.navigation{
	/*float: right;*/
	list-style: none;
	margin: 0;
}
ul.navigation {
	display: inline-block;
	margin: 0;
	padding: 0;
}
.navigation li{
	float: left;
	text-align: left;
	padding: 28px 0;
	margin-left: 30px;
	text-transform: uppercase;
	background: none;
	font-weight: 300;
	font-size: 14px;
	font-size: 0.875rem;
	/*line-height: 20px;*/
	color: #9b9b9b;
	transition: background 0.3s ease-in-out;
	-moz-transition: background 0.3s ease-in-out;
	-webkit-transition: background 0.3s ease-in-out;
	-o-transition: background 0.3s ease-in-out;
}
.navigation li:first-child{ margin-left: 0; }
.navigation li:hover,
.navigation .active {
	color: #FFF;
	cursor: pointer;
}
.navigation li#bda,
.navigation li#bda:hover,
.navigation #bda.active { color: #006396 }



/* General Slides */ 

.slide{
	background-attachment: fixed;
	background-color: #006396;
	width:100%;
	/*height:100%;*/
	position: relative;
	padding:0;
}
h1 {
	margin: 0 0 15px 0;
	text-transform: uppercase;
	text-align: left;
	background: none;
	font-size: 91px;
	line-height: 86px;
	color: #FFF;
	font-weight: 300;
}
h2 {
	font-size: 36px;
	font-size: 2.25rem;
	font-weight: 300;
	margin: 0;
	text-transform: uppercase;
}

h4 {
	margin:0;
	padding:0 0 4px 0;
	text-transform:none;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:300;
	font-size:32px;
	font-style:normal;
	line-height:66px;
	color:#343434;
}
h5 {
	margin:0;
	padding:0 0 17px 0;
	text-transform:none;
	font-family: 'Source Sans Pro', sans-serif;
	font-style:italic;
	font-weight:400;
	font-size:18px;
	line-height:20px;
	color:#343434;
}
p {
	font-size: 14px;
	font-size: 0.875rem;
}
img.icon_img {
	float:left;
	margin-right:20px;
	margin-top:20px;
	margin-bottom:25px;
}

.effect_2 {
	background:url(../images/effect_2.png) repeat left top;
	position:relative;
	top:0;
	bottom:-57px;
	height:100%;
	z-index:999 !important;
}
.shadowtop {
	background: url(../images/shadow-top.png) repeat-x;
	height: 34px;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}
.shadowbottom {
	background: url(../images/shadow-bottom.png) repeat-x;
	height: 34px;
	left: 0;
	position: absolute;
	right: 0;
	bottom: 0;
}

/* ____________________________________ Slide 1 ____________________________________ */ 

.padding_slide1 { padding: 145px 0 90px 0; }

#slide1{
	background-image:url(../images/art-bkg-1680.jpg);
	background-size: cover !important;
	height: 100%;
	width: 100%;
	text-align: left;
}

.filtr_bg {
	text-align:center;
	font-size:16px;
	line-height:21px;
	color:#2b2b2b;
}
#slide1 h1 {
	color: #FFF;
	font-size: 48px;
	font-size: 3rem;
	font-weight: 300;
	margin: 0;
	padding: 0;
	text-align: center;
	text-transform: uppercase;
	position: absolute;
	top: 40%;
	left: 0;
	right: 0;
}
#slide1 h2 {
	bottom: 20%;
	color: #bdd2dd;
	font-size: 30px;
	font-size: 1.875rem;
	font-weight: 300;
	left: 0;
	margin: 0;
	padding: 0;
	text-align: center;
	position: absolute;
	right: 0;
}
#slide1 h2 span {font-weight:300;}

#slide1 p {
	padding:0 35px 46px;
	font-size: 16px;
	line-height: 21px;
	color:#2b2b2b;
	font-weight: 300;
}
#slide1 .btnholder {
	bottom: 5%;
	left: 0;
	text-align: center;
	position: absolute;
	right: 0;
}
#slide1 .button {
	background: url(../images/btn-arrow-down.png) 0 -1px no-repeat;
	display: inline-block;
	cursor: pointer;
	width: 60px;
	width: 3.75rem;
	height: 42px;
	height: 2.625rem;
	text-indent: -9999px;
	transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-webkit-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
}
#slide1 .button:hover { background-position: 0 -40px; }

/* ____________________________________ Slide 2 ____________________________________ */ 

#slide2 h2 {
	margin: -18px 0 13px;
	margin: -1.125rem 0 0.8125rem;
}
#slide2 p {
	padding: 0 0 20px;
	padding: 0 0 1.25rem;
}
#slide2 img {
	border: 5px solid #FFF;
	border: 0.3125rem solid #FFF;
}
#warpedbkg1 {
	background: url(../images/about-bkg-2.png) center no-repeat;
	background-size: cover !important;
	width: 100%;
	padding: 120px 0 60px;
	min-height: 485px;
	min-height: 30.31rem;
}

/* ___________________________________ //Slide 2 ___________________________________ */ 


.slidespacer{
	background-image: url(../images/art-bkg-1680.jpg);
	background-size: cover !important;
	height: 460px;
	width: 100%;
}


/* ____________________________________ Slide 6 ____________________________________ */ 

#slide6 h2 {
	margin: -18px 0 13px;
	margin: -1.125rem 0 0.8125rem;
}
#slide6 p {
	padding: 0 0 20px;
	padding: 0 0 1.25rem;
}
#warpedbkg2 {
	background: url(../images/services-bkg.png) center no-repeat;
	background-size: cover !important;
	padding: 120px 0 60px;
	min-height: 485px;
	min-height: 30.31rem;
	width: 100%;
}
.serviceblock {
	background: #0b212e url(../images/btn-arrow-right-2.png) no-repeat;
	background-position: -363px 90px;
	display: block;
	float: left;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.25;
	height: 100px;
	margin: 0 2% 2% 0;
	padding: 20px;
	width: 25%;
	transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
}
.serviceblock:hover {
	color: #fff000;
	background-position: 20px 90px;
}
.last { margin: 0 0 2% 0; }
.white-popup {
	background: #FFF;
	color: #000;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 300;
	margin: 20px auto;
	margin: 1.25rem auto;
	padding: 60px;
	padding: 3.75rem;
	position: relative;
	width: auto;
	max-width: 500px;
	max-width: 31.25rem;
	min-height: 200px;
	min-height: 12.5rem;
}
.white-popup.bkg1 { background: #FFF url(../images/popup-bkg-1.png) -20px -15px no-repeat; }
.white-popup.bkg2 { background: #FFF url(../images/popup-bkg-2.png) center no-repeat; }
.white-popup.bkg3 { background: #FFF url(../images/popup-bkg-3.png) center no-repeat; }
.white-popup.bkg4 { background: #FFF url(../images/popup-bkg-4.png) center no-repeat; }
.white-popup.bkg5 { background: #FFF url(../images/popup-bkg-5.png) center no-repeat; }
.white-popup h3 {
	color: #006395;
	font-size: 24px;
	font-size: 1.5rem;
	margin-top: 0;
}

/* ___________________________________ //Slide 6 ___________________________________ */




/* ____________________________________ Slide 8 ____________________________________ */

#slide8 h2 {
	margin: -18px 0 13px;
	margin: -1.125rem 0 0.8125rem;
}
#slide8 h4 {
	color: #FFF;
	font-size: 24px;
	font-weight: 300;
	text-transform: uppercase;
}
#slide8 p {
	padding: 0 0 20px;
	padding: 0 0 1.25rem;
}
.third {
	float: left;
	width: 28%;
	margin: 0 4% 0 0;
}
.third.last { margin: 0; }
.iconglobe {
	background: url(../images/icon-globe.png) no-repeat 0 2px;
	padding: 0 0 0 25px;
}
.iconphone {
	background: url(../images/icon-phone.png) no-repeat 0 2px;
	padding: 0 0 0 25px;
}
.iconemail {
	background: url(../images/icon-email.png) no-repeat 0 2px;
	padding: 0 0 0 25px;
}
.iconemail a:hover { color: #FFF000; }
#warpedbkg3 {
	background: url(../images/contact-bkg.png) center no-repeat;
	background-size: cover !important;
	padding: 120px 0 70px;
	min-height: 485px;
	min-height: 30.31rem;
	width: 100%;
}
#warpedbkg3_nocf {
	background: url(../images/contact-bkg.png) center no-repeat;
	background-size: cover !important;
	padding: 120px 0 70px;
	min-height: 285px;
	/*min-height: 30.31rem;*/
	width: 100%;
}


/* ______________ CONTACT_FORM ______________ */
::-webkit-input-placeholder { opacity:1 !important; color:#3e3e3e !important; }
:-moz-placeholder {opacity:1 !important; color:#3e3e3e !important; }
::-moz-placeholder { opacity:1 !important; color:#3e3e3e !important; }
:-ms-input-placeholder { opacity:1 !important; color:#3e3e3e !important; }

.contact_form input[type="text"],
.contact_form textarea {
	width: 93%;
	margin: 22px 0 0 0;
	padding: 17px 10px 17px 21px;
	background: #c0c0c0;
	font-size: 14px;
	line-height: 21px;
	border: none;
	color: #3e3e3e;
}
.contact_form input[type="text"]:first-child { margin-top:0; }
.contact_form textarea {
	resize: none;
	margin-top:0;
	height: auto;
    min-height: 164px;
}

.contact_btn {
	width:130px;
	border:none;
	text-transform: uppercase;
	margin:0 17px 20px 0;
	padding:17px 0;
	font-size: 14px;
	line-height: 20px;
	color: #fff;
	font-weight: 400;
	text-align: center;
	vertical-align: middle;
	background: #0b212e;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}

.send_btn { color: #fff000; }
.contact_btn:hover {
	color: #0b212e;
	background: #FFF;
}


#note .notification_ok {
	margin-top: 20px;
	padding: 7px 10px;
	text-align: center;
	text-transform: uppercase;
	background: #444;
	font-weight: 400;
	font-size: 14px;
	color: #fff;
}
#note .notification_error {
	font-weight: 400;
	color: #fff000;
}
/* _____________ //CONTACT_FORM _____________ */

/* ____________________________________ //Slide 8 ____________________________________ */



/* ____________________________________ FOOTER ____________________________________ */
#footer {
	background: #0b212e;
	color: #979797;
	font-size: 14px;
	font-size: 0.875rem;
	text-transform: uppercase;
	font-weight: 300;
	padding: 27px 0 23px;
}
.copyright { float: left; }
.copyright a { color: #9b9b9b; }
.copyright a:hover {
	color: #fff;
	text-decoration: none;
}

/* _____________ BACK_TOP ___________ */
#back_top {	float:right; }
#back_top a.button {
	background: url(../images/back_top_bg.png) no-repeat top right;
	color: #9b9b9b;
	cursor: pointer;
	display: block;
	height: 20px;
	margin: 0;
	padding-right: 20px;
	position:relative;
	width: 93px;
	z-index: 300;
}
#back_top a.button:hover { color: #FFF; }
/* ____________ //BACK_TOP __________ */

/* ___________________________________ //FOOTER ___________________________________ */