/*---------------------------------------------- 
0. RESET & CLEARFIX
------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
.overlaycaption,figure,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%; }
	
ol, ul  { list-style: none; }

:focus  { outline: 0; }

/* deleting the default appearence for form elements */
input[type=text], input[type=password], button[type=submit], input[type=submit], textarea, select { -moz-appearance: none; -webkit-appearance: none; }

.clearfix:after { content: ""; display: block; clear: both; visibility: hidden; font-size: 0;  height: 0; }
.clearfix { *display: inline-block; height: 1%; }
.clear { clear: both; display: block; font-size: 0;	height: 0; line-height: 0; width:100%; }

/* HTML5 display definitions */
article, aside, details, .overlaycaption, figure, footer, header, hgroup, menu, nav, section, dialog { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; visibility: hidden; }




/*---------------------------------------------- 
1. BASICS
------------------------------------------------*/
html {
	height: 100%;
	font-size: 100%;
	-webkit-text-size-adjust: 100%; /* Prevent iOS text size adjust on orientation change without disabling user zoom */
	-ms-text-size-adjust: 100%;
	position: relative;
	}

body {
	font-family: 'Roboto','Montserrat', Arial, sans-serif; 
	font-weight: 300;
	letter-spacing: 0.02em;
	font-size:15px; 
	line-height: 26px;
	color:#4d4d4d; 
	text-align: left; 
	position: relative;
	background: #ffffff;
	height: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 50px;
	}
::selection { background:#0d0d0d; color:#ffffff; }
::-moz-selection { background:#0d0d0d; color:#ffffff; }
::-webkit-selection { background:#0d0d0d; color:#ffffff; }


/* Headings
---------------------------------------- */
h1 {
	font-family: 'Montserrat','Roboto',; 
	font-weight: 700;
	color: #0d0d0d;
	text-transform: uppercase;
	}

h2, h3, h4, h5, h6 {
	font-family: 'Montserrat','Roboto'; 
	font-weight: 300;
	color: #0d0d0d;
	}
	.text-light h1, .text-light h2, .text-light h3, .text-light h4, .text-light h5, .text-light h6 { color: #ffffff; }

h1 { font-size: 45px; line-height: 104px; }
h2 { font-size: 33px; line-height: 36px; }
h3 { font-size: 28px; line-height: 33px; }
h4 { font-size: 24px; line-height: 29px; }
h5 { font-size: 21px; line-height: 29px; }
h6 { font-size: 16px; line-height: 24px; }

h1 b, h2 b, h3 b, h4 b, h5 b, h6 b, h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong { font-weight: 700; }
	
/* Headers Spacing */
div h1, div h2, div h3, div h4, div h5, div h6 { margin-top: 15px; }
div h1:first-child, div h2:first-child, div h3:first-child, div h4:first-child, div h5:first-child, div h6:first-child { margin-top: 0px !important; }

	

/* Forms
---------------------------------------- */
::-webkit-input-placeholder { color: #d6d6d6; }
:-moz-placeholder { color: #d6d6d6; }
::-moz-placeholder { color: #d6d6d6; }
:-ms-input-placeholder { color: #d6d6d6; }

.text-light ::-webkit-input-placeholder { color: #ffffff; }
.text-light :-moz-placeholder { color: #ffffff; }
.text-light ::-moz-placeholder { color: #ffffff; }
.text-light :-ms-input-placeholder { color: #ffffff; }

input[type=text], input[type=password], input[type=email], textarea {
	font-family: 'Roboto','Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif; 
	font-weight: 300;
	font-size: 15px;
	background: transparent;
	border: none;
	border-bottom: 1px solid #d9d9d9;
	line-height: 30px;
	height: 30px;
	color:#0d0d0d;
	padding: 0px 0px;
	transition: all 200ms linear;
	border-radius: 0px;
	-moz-border-radius:0px; 
	-khtml-border-radius:0px; 
	-webkit-border-radius:0px;
	}
	.text-light input[type=text], .text-light input[type=password], .text-light input[type=email], .text-light textarea { border-color: #61c7ff; color: #ffffff; }
		
input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, textarea:focus { border-color: #0d0d0d; }
.text-light input[type=text]:focus, .text-light input[type=password]:focus, .text-light input[type=email]:focus, .text-light textarea:focus { border-color: #ffffff; }

input.false[type=text], input.false[type=password]:focus, input.false[type=email], textarea.false { 
	border-color: #fa4d5a;
}

input[type=text], input[type=password], input[type=email] { width: 100%; max-width: 100%; }		/* padding issue (240 + 2*5 = 250) */
textarea { width: 100%; min-height: 100px; max-width: 100%; line-height: 26px; }		/* padding issue (395 + 2*5 = 405) */

.one-half input[type=text], .one-half input[type=password], .one-half input[type=email] { width: 520px; }
.one-half textarea { width: 520px; }

button[type=submit], input[type=submit], infusion-submit {
	background: none;
	cursor: pointer;
	border-radius: 0px;
	-moz-border-radius:0px; 
	-khtml-border-radius:0px; 
	-webkit-border-radius:0px;
	display: inline-block;
	font-family:'Roboto ';
	font-weight: 400;
	font-size: 13px;
	line-height: 20px !important;
	letter-spacing: 0.2em; 
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 5px;
	-webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    transition: all 300ms ease;
	color: #0d0d0d;
	border: 1px solid rgba(0,0,0,.2);
	padding: 10px 30px;
	position: relative;
	}
	.text-light button[type=submit] { border: 1px solid rgba(255,255,255,.4); color: #ffffff; }

button[type=submit]:hover { background: #0d0d0d; color: #ffffff; border-color: #0d0d0d; }
.text-light button[type=submit]:hover {  background: #ffffff; border-color: #ffffff; color: #0d0d0d; }
	
select {
	border: 1px solid #d9d9d9 ;
	font-family: 'Roboto';
	font-size: 14px;
	font-weight: 300;
	height: auto;
	min-width: 100%;
	padding:8px;
	color: #fff;
	border-radius: 0px;
	-moz-border-radius:0px; 
	-khtml-border-radius:0px; 
	-webkit-border-radius:0px;
	display:block;
	margin-top: 10px;
	background-color: #009dcd;
	}

select:hover {	border-color: #0d0d0d; }
	
select option {
	cursor: pointer;
	padding: 5px 7px;
	}
	
label {
	line-height: 24px;
	margin-bottom: 5px;
	width: 100%;
	color: #0d0d0d;
	font-size: 12px;
	font-weight: 400;
	text-transform: uppercase; 
	letter-spacing: 0.15em;
	}
	.text-light label { color: #ffffff; }
	.form-row.false label { color: #fa4d5a; }
	
form {
	margin-top: 0px;
	}
	
form .form-row {
	margin-top: 40px;
	position: relative;
	}
	
form .form-submit {
	margin-top: 40px;
	}
	
div form:first-child, form .form-row:first-child 	 {
	margin-top: 0px;
	}
	

/* Chech formular */
#form-note {
	display: none;
	margin-top: 20px;
	}



/* Links
---------------------------------------- */
a {
	text-decoration: none;
	cursor: pointer;
	-webkit-tap-highlight-color:rgba(0,0,0,0.0);
	}
	
p a {
	color: #0d0d0d;
	position: relative;
	}
	
p a:after {
	content:"";
	height: 1px;
	width: 100%;
	background: #0d0d0d;
	position: absolute;
	bottom: -2px;
	left: 50%; margin-left: -50%;
	transition: all 200ms ease;
	-webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
	}

p a:hover:after {
	width: 80%;
	margin-left: -40%;
	}	
	
.text-light p { color: #ffffff; }
.text-light p a:before { background: #ffffff; }



/* Embedded content
---------------------------------------- */
img, object, video {
	max-width: 100%; 
	height: auto;
	display: inline-block;
	margin:0;
    vertical-align:top;
	}
	
img {
	width: auto;
	max-width: 100%; 
	border: 0;
	-ms-interpolation-mode: bicubic;
	}

p img { margin-top: 20px; }
p img:first-child { margin-top: 0px; }
img.alignleft { margin: 3px 20px 20px 0; float: left; }
img.alignright { margin: 3px 0px 20px 20px; float: right; }



/* Lists
---------------------------------------- */
ul {
	margin-top: 20px;
	margin-left: 15px;
	list-style: disc;
	}
	div ul:first-child, li ul:first-child { margin-top: 0px; }
	
ol {
	margin-top: 20px;
	margin-left: 30px;
	list-style: decimal;
	}
	div ol:first-child, li ol:first-child { margin-top: 0px; }

ul li, ol li {
	margin-top: 10px;
	}
	ul li:first-child, ol li:first-child { margin-top: 0px; }	

ul.list-nostyle {
	list-style: none !important;
	margin-left: 0 !important;
	}
	
ul.list-nostyle li > .fa {
	margin-right: 10px;
	}
	


/* Others
---------------------------------------- */
p { 
	margin-top: 20px; 
	}
	div p:first-child {  margin-top: 0px;  }	
	
strong, b, dt {
	font-weight: 600;
}

i, dfn, em {
	font-style: italic;
	}
	
strong i, b i, dt i, strong em, b em, dt em {
	font-style: italic;
	font-weight: 700;
	}

blockquote {
	margin: 60px;
	font-size: 20px; line-height: 34px;
	font-family: 'Roboto','Roboto';
	font-weight: 300;
	color: #0d0d0d;
	font-style: italic;
	}
	div blockquote:first-child {  margin-top: 0px;  }

blockquote p {
	margin: 0;
	}
	
pre, code {
	padding: 3px 0 3px 20px;
	margin-left: 20px;
	margin-top: 20px;
	font-size: 11px;
	line-height: 16px;
	display: block;
	border-left: 2px solid #d9d9d9;
	color: #0d0d0d;
	}
	div pre:first-child, div code:first-child { margin-top: 0px; } 





/*---------------------------------------------- 
21. CUSTOM STYLE
------------------------------------------------*/

.split-section p a {
    color: #009dcd !important;
}





/*	fonts & colors
------------------------------------------------*/



.font-light {
	font-weight: 300 !important;
}

.font-regular {
	font-weight: 500 !important;
}

.font-bold {
	font-weight: 700 !important;
}

.blue-light {
	color: #009dcd !important;
}

.blue-link {
	color: #009dcd !important;
}
	.blue-link:hover {color: #9ab73a !important;}

.blue-dark {
	color: #004971 !important;
}

.blue-light-bg {
	background-color: #009dcd !important;
}

.blue-dark-bg {
	background-color: #004971 !important;
}

.gray-light {
	color: #999999 !important;
}

.gray-dark {
	color: #333 !important;
}

.white-font {
	color: #ffffff !important;
}

.img-border img{
    border: 2px solid #009dcd;
}

.spacer.spacer-line-dark {
    height: 2px;
    background-color: #000;
}

.spacer.spacer-line-light {
    height: 2px;
    background-color: #fff;
}

h2 {
	background-color: #2a69d8;
	width: 100%;
	padding: 20px;
	color: #fff;
	margin-bottom: 10px;
	margin-top: 30px !important;
}



/*	forms
------------------------------------------------*/

a.sr-button:hover {
    z-index: 1;
}

/* hero button */

a.sr-button, input[type=submit]  {
    transition: all 0.5ms;
    border-radius: 0;
    font-size: 22px;
    font-weight: 900;
    font-family: 'Montserrat';
    padding: 16px 25px 14px;
    letter-spacing: 0.05em;
    border: 0px solid rgba(255,255,255,.9);
    color: #fff !important;
    background-color: #227690;
    background: -moz-linear-gradient(-45deg, rgba(0,156,204,1) 0%, rgba(0,76,117,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(0,156,204,1)), color-stop(100%, rgba(0,76,117,1)));
    background: -webkit-linear-gradient(-45deg, rgba(0,156,204,1) 0%, rgba(0,76,117,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(0,156,204,1) 0%, rgba(0,76,117,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(0,156,204,1) 0%, rgba(0,76,117,1) 100%);
    background: linear-gradient(135deg, rgba(0,156,204,1) 0%, rgba(0,76,117,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009ccc', endColorstr='#004c75', GradientType=1 );

    box-shadow: 0 10px 28px rgba(0,155,255,0.15), 0 5px 10px rgba(0,0,0,0.22);
}

a.sr-button:hover, input[type=submit]:hover {
    padding: 15px 25px 15px;
    border: 0px solid rgba(255,255,255,.9);
background: rgba(13,192,247,1);
background: -moz-linear-gradient(-45deg, rgba(13,192,247,1) 0%, rgba(16,122,179,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(13,192,247,1)), color-stop(100%, rgba(16,122,179,1)));
background: -webkit-linear-gradient(-45deg, rgba(13,192,247,1) 0%, rgba(16,122,179,1) 100%);
background: -o-linear-gradient(-45deg, rgba(13,192,247,1) 0%, rgba(16,122,179,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(13,192,247,1) 0%, rgba(16,122,179,1) 100%);
background: linear-gradient(135deg, rgba(13,192,247,1) 0%, rgba(16,122,179,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0dc0f7', endColorstr='#107ab3', GradientType=1 );

    box-shadow: 0 10px 28px rgba(0,155,255,0.75), 0 5px 10px rgba(0,0,0,0.12);
  
}