*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
	-webkit-appearance:none !important;
	-webkit-font-smoothing: antialiased;
	outline: none;	
}

::selection {
  background: #0064a0;
  color: #fff;
}

html {
	height: 100vh;
	overflow: hidden;
}
	
body {
	color: #1a2733;
	font: 600 14px/22px 'Open Sans', sans-serif;
	min-height: 100vh;
	width: 100%;
	max-width: 100%;
	overflow-x: hidden;
}	


 
    ,
img {
	height: auto;
	width: 100%;	
}
  
/* --------------------------------------------------------------------------------------- 
Links
--------------------------------------------------------------------------------------- */
a:link {
	color: #0064a0;
	text-decoration: none;
	transition: all 0.25s ease-in-out;		
}

a:visited {
	color: #0064a0;
	text-decoration: none;
}

a:hover {
	color: #0064a0;
	cursor: pointer;	
	transition: all 0.25s ease-in-out;		
}
	


/* --------------------------------------------------------------------------------------- 
Headlines
--------------------------------------------------------------------------------------- */
h1 {
	color: #1a2733;
	font: 500 16px/28px 'Open Sans', sans-serif;
}
	
h2 {
	color: #1a2733;
	font: 400 14px/22px 'Open Sans', sans-serif;
}	
	
h3 {
	color: #1a2733;
	font: 700 16px/28px 'Open Sans', sans-serif;
	margin-top: 30px;
	margin-bottom: -10px;
}

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

}  

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

} 

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

} 

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

} 

/* --------------------------------------------------------------------------------------- 
Paragraph
--------------------------------------------------------------------------------------- */
p {
	line-height: 24px;
	margin: 15px 0 0 0;
}	

/* --------------------------------------------------------------------------------------- 
Navigation
--------------------------------------------------------------------------------------- */	


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

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

Content

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




.container {
	background-color: rgba(255,255,255,0.9);
	height: 100%;
	margin-left: -16%;
	min-height: 100vh;
	width: 70%;

}

.container div {

	padding: 10% 20px 0 25%; 
}

.container div .logo {
	max-width: 400px;
}

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

		body {
	
	background-position: -550px; 
	}

	.container {
		background-color: rgba(255,255,255,0.9);
		height: 100%;
		margin-left: -16%;
		width: 70%;
	}

	.container div {
	
		padding: 10% 20px 0 26%; 
	}

}  

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

		body {
	
	background-position: -650px; 
	}

}  



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

PAGE // form popup

--------------------------------------------------------------------------------------- */	
.cd-popup-trigger {
	color: #666f77 !important;
	font-size: 11px;
}

.img-replace {
	color: transparent;
  display: inline-block;
  overflow: hidden;
  text-indent: 100%;  
  white-space: nowrap;
}

.cd-popup {
	background-color: rgba(55, 56, 60, 0.9);
  height: 100%;
  left: 0;
	opacity: 0;
	position: fixed;
  top: 0;
	visibility: hidden;
  width: 100%;  
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s;
	z-index: 30;
}

.cd-popup.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s;
}

.cd-popup-container {
	background: #fff;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
	border-radius: 5px;
	height: 80%;
	max-width: 800px;
  margin: 4em auto;
	overflow-y: scroll;
	padding: 40px;
  position: relative;
  width: 90%;	
  -webkit-transform: translateY(-40px);
  -moz-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  -o-transform: translateY(-40px);
  transform: translateY(-40px);
	
  /* Force Hardware Acceleration in WebKit */
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.cd-popup-container p {
	color: #666f77;
	font-size: 12px;
	font-weight: 500;
	line-height: 20px;
}

.cd-popup-container .cd-popup-close {
	height: 34px;
  position: absolute;
	right: 8px;
  top: 8px;  
  width: 34px;  
}

.cd-popup-container .cd-popup-close::before, .cd-popup-container .cd-popup-close::after {
  content: '';
  position: absolute;
  top: 12px;
  width: 18px;
  height: 3px;
  background-color: #263238;
}

.cd-popup-container .cd-popup-close::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 8px;
}

.cd-popup-container .cd-popup-close::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 8px;
}

.is-visible .cd-popup-container {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}