/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*  GENERAL */

html {
	height: 100%;
}

body {
	position: relative;
	font-size:1em;
	font-family: 'Roboto',Arial,Tahoma,sans-serif;
	background: url(../img/template/bg-site.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-color:#fff;
	padding: 30px;
}

/* General page options */
.page-options {
	max-width: 1200px;
	margin:0 auto
}

/*  GENERAL */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* MAIN PAGE CONTAINER */

#container {
	margin:0 auto;
	padding-bottom:80px
}

/* Navigation */
#nav {
	padding:20px 50px 50px;
	background:none;
	border-radius:0!important;
}
.info {
	text-align:right;
	font-size:0.85em;
	font-weight:400;
	color: #616161
}
/* Logo in header */
.logo-header {
	width:80px
}

/* Header */
#header {
	top:0;
	left:0;
	right:0;
	position:fixed;
	color:#474747;
	text-align:center;
}
#header section.welcome {
	position: static;
	display:inline-block;
	background: url(../img/template/logo-symbol-color.svg) left center no-repeat;
	background-size: auto 100%;
	padding-left:180px;
	text-transform:uppercase;
	text-align:left
}
#header p {
	padding:0;
	margin: 0;
	font-size:1.3rem;
	font-weight:300;
	padding-bottom:15px
}
#header h1 {
	font-size:2.5rem;
	font-weight:700;
}
#header h1 strong {
	font-weight:700;
	color:#d3043a;
}
#header span {
	display:block;
	font-weight:300;
	font-size:1.6rem;
	padding-top:10px
}

/* Fake header */
#fake-header {
}

/* Content */
#content {
	position: relative;
	z-index: 1;
	padding:0 0 50px;
	background: url(../img/template/bg-container.jpg) top center;
}
#content p {
	text-align:center;
	font-weight:300;
	color:#474747;
	font-size: 1.25rem
}

h2 {
	text-align:center;
	font-weight:700;
	color:#d3043a;
	font-size: 1.6rem;
	padding-bottom:15px;
	margin:0;
	text-transform:uppercase;
}

/* Dividers */
.divider-large {
	height:25px;
	padding:60px 0;
	background:url(../img/template/divider-large.png) center center no-repeat;
}
.divider-small {
	height:25px;
	padding:60px 0;
	background:url(../img/template/divider-small.png) center center no-repeat;
}

/* Our experiences */
.our-experiences {
	padding: 80px 30px;
	font-weight:700;
	font-size: 2.5rem;
	text-align: center;
	text-transform:uppercase;
	color:#fff;
	background:#474747
}
.our-experiences .headline {
	padding-bottom:20px
}

.headline span {
	padding: 0 10px;
	display:inline-block;
}
#content .our-experiences p {
	color:#fff;
}

/* Services */
.what-title {
	text-align: center;
	padding: 80px 0 10px;
	font-size:2.4rem;
	color:#474747;
	text-transform:uppercase;
	padding-bottom:30px
}

.services {
	padding:60px 30px 50px 30px
}
.service {
	padding:30px 15px;
	border:1px dashed #cdcdcd;
}
.service .teaser {
	text-align:center;
	padding-bottom:20px;
}
.service img {
	max-width:100%
}
h3 {
	font-weight:700;
	text-transform:uppercase;
	color:#474747;
	font-size:1rem;
	text-align:center;
	margin:0;
	padding: 0 
}

/* MAIN PAGE CONTAINER */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* FOOTER */

footer {
	text-align:center;
	position: relative;
	z-index: 1
}
footer p {
	font-size:2rem;
	color:#474747;
	text-transform:uppercase;
	padding-bottom:30px
}
.btn-contact-us {
	border-radius:0;
	border: 1px solid #bdbdbd;
	background:none;
	color:#000;
	font-size:1.1rem;
	font-weight:400;
	text-transform:uppercase;
	padding: 7px 35px
}
.btn-contact-us:hover {
	color:#fff;
	background:#d3043a;
	border:1px solid #d3043a
}
.divider-line {
	padding:70px 0;
	background: url(../img/template/divider-line.png) center center no-repeat;
}
.contacts {
	font-size:0.8rem;
	color:#616161;
	text-transform:uppercase;
	letter-spacing: 4px;
	padding-bottom:40px
}
.copyright {
	font-size:0.8rem;
	color:#616161;
	text-transform:uppercase;
	letter-spacing: 4px;
	padding-bottom:70px
}
.footer-logo {
	padding-bottom:50px;
	opacity:.5	
}


/* FOOTER */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/