@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Bold.eot');
    src: url('../fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Bold.woff2') format('woff2'),
        url('../fonts/Montserrat-Bold.woff') format('woff'),
        url('../fonts/Montserrat-Bold.ttf') format('truetype'),
        url('../fonts/Montserrat-Bold.svg#Montserrat-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-SemiBold.eot');
    src: url('../fonts/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-SemiBold.woff2') format('woff2'),
        url('../fonts/Montserrat-SemiBold.woff') format('woff'),
        url('../fonts/Montserrat-SemiBold.ttf') format('truetype'),
        url('../fonts/Montserrat-SemiBold.svg#Montserrat-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Regular.eot');
    src: url('../fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Regular.woff2') format('woff2'),
        url('../fonts/Montserrat-Regular.woff') format('woff'),
        url('../fonts/Montserrat-Regular.ttf') format('truetype'),
        url('../fonts/Montserrat-Regular.svg#Montserrat-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

html, body {
	height: 100%;
}

body {
	font-family: 'Montserrat', Helvetica, Arial, sans-serif;
	font-size:26px;
	font-weight:normal;
	line-height:1.4em;
	letter-spacing:0.02em;
	margin:0;
	padding:0;
	color:#000;
}

* {
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
}

#teaser, #main, .row {
	width:100%;
	max-width:1920px;
	margin:0 auto;
	display:table;
}

#teaser {
	padding:50px;
	position:relative;
}

.logo {
	width:690px;
	position:absolute;
	top:100px;
	left:50%;
	margin-left:-345px;
}

#main {
	padding:0 165px;
}

.row {
	max-width:1590px;
	text-align:center;
}

.text {
	padding:0 13%;
}

.bg-blue {
	padding:70px 20% 220px;
	background:#62c6e9;
}

.space {
	display:table;
	width:100%;
	height:90px;
}

.space-large {
	display:table;
	width:100%;
	height:120px;
}

.icon-flexbox-wrap, .img-flexbox-wrap {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}

.icon-box {
	width:30.7%;
	background:#62c6e9;
	padding:30px 30px 5px;
	margin-bottom:4%;
}

.icon-box p {
	font-size:31px;
}

.img-box {
	width:48.7%;
	margin:40px 0;
}

.icon-box p {
	color:#fff;
	line-height:1.2em;
}

.text-middle p {
	font-size:26px;
}

.text-small p {
	font-size:21px;
	line-height:1.3em;
}

.text-small p span {
	font-size:16px;
}

.icon-img {
    min-height:240px;
    display: flex;
    align-content: center;
    justify-content: center;
}

.icon-img img {
	height:auto;
}

.icon-01 {width:180px;}
.icon-02 {width:200px;}
.icon-03 {width:128px;}
.icon-04 {width:204px;}
.icon-05 {width:214px;}
.icon-06 {width:212px;}

.neg-mar-img img {
	margin-top:-200px;
	max-width:760px;
}

footer {
	width:100%;
	padding:30px 0;
	text-align:center;
}

footer a {
	margin:0 40px;
}

.text-left {
	text-align:left;
	font-size:18px;
	line-height:1.5em;
	padding:50px 20% 0;
}

.back-link {
	width:100%;
	height:50px;
	text-align:right;
    display:block;
}

strong, b {
	font-weight:bold;
}

img {
	border:none;
	display:inline-block;
	width:100%;
}

p {
	margin:20px 0;
}

p.font-white {
	color:#fff;
}

h1 {
	font-weight:600;
	font-size:38px;
	line-height:1.1em;
	color:#000;
	letter-spacing:0.03em;
	margin:0 0 20px;
}

h2, h3, h4 {
	font-size:35px;
	text-transform:uppercase;
	letter-spacing:0.08em;
	line-height:1.2em;
	margin:0 0 20px;
}

h2 {
	color:#62c6e9;
}

h3 {
	color:#0045de;
}

h4 {
	color:#fff;
}

a:focus {
	outline:none;
}

a, a:visited, a[href^="tel:"] {
	text-decoration:none;
	color:#000;
	transition-property:all .2s linear 0s;
	-moz-transition:all .2s linear 0s;
	-webkit-transition:all .2s linear 0s;
	-o-transition:all .2s linear 0s;
}

a:hover, a:active {
	color:#62c6e9;   
}

a[href^="tel:"]:hover {
	color:#000;
	cursor:inherit;
}

a[href^="mailto:"]:hover {
  color:#000;
}

footer a {
	font-size:20px;
}

body#footer-fixed footer {position:fixed;bottom:0;}



@media only screen and (max-width:1480px) {
    #main {padding:0 100px;}
    .text {padding:0 8%;}
    .logo {width:560px;margin-left:-280px;}
    .neg-mar-img img { max-width:660px;}
    .icon-img {min-height:180px;}
    .icon-box {padding: 30px 16px 5px;}
    .icon-01 {width:144px;}
    .icon-02 {width:160px;}
    .icon-03 {width:102px;}
    .icon-04 {width:163px;}
    .icon-05 {width:171px;}
    .icon-06 {width:169px;}
    .back-link {margin-top:50px;}
}

@media only screen and (max-width:1366px) {
	#main {padding:0 50px;}
}

@media only screen and (max-width:1112px) {
    #teaser {padding: 25px;}
    .text {padding:0 5%;}
    .logo {width:500px;margin-left:-250px;top:60px;}
    .neg-mar-img img { max-width: 580px;}
    .space {height: 70px;}
    .space-large {height: 100px;}
    .bg-blue {padding: 50px 10% 220px;}
    .icon-box {padding: 20px 12px;}
    body {font-size:22px;}
    h1 {font-size:36px;}
    h2, h3, h4 {font-size: 30px;}
    .icon-box p {font-size: 26px;}
    .text-middle p {font-size: 22px;}
    .text-small p {font-size: 18px;}
    .text-small p span {font-size:15px;}
    footer a {font-size: 16px;}
    .text-left {font-size: 16px;}
}

@media only screen and (max-width:834px) {
	.logo {width:400px;margin-left:-200px;top:40px;}
	.icon-box, .img-box {width: 48%;}
	.neg-mar-img img { max-width: 70%;}
}

@media only screen and (max-width:768px) {
    #main {padding: 0 25px;}
    .bg-blue {padding:50px 5% 220px;}
    .img-box {width: 100%;margin:0 0 4%;}
    body {font-size:20px;}
    h1 {font-size:32px;}
}

@media only screen and (max-width:767px) {
    h2, h3, h4 {font-size: 26px;}
    .icon-box p {font-size: 22px;}
    .text-middle p {font-size: 19px;}
    .text-small p {font-size: 16px;}
    .text-small p span {font-size:14px;}
    footer a {font-size: 15px;}
    .text-left {font-size: 15px;}
}

@media only screen and (max-width:600px) {
    .logo {width:300px;margin-left:-150px;}
    .text {padding:0;}
    .icon-img {min-height:130px;}
    .icon-01 {width:115px;}
    .icon-02 {width:128px;}
    .icon-03 {width:82px;}
    .icon-04 {width:130px;}
    .icon-05 {width:137px;}
    .icon-06 {width:135px;}
    body {font-size:18px;}
    h1 {font-size:28px;}
    h2, h3, h4 {font-size: 22px;}
}

@media only screen and (max-width:480px) {
    .logo {width:200px;margin-left:-100px;top:35px;}
    .icon-box {width:100%;}
    .icon-box:nth-child(4) p br {display:none;}
    h1 {font-size:26px;}
	.icon-box p {font-size:20px;hyphens:none;margin-bottom:0;}
     p {hyphens:auto;}
	.text-middle p {font-size:18px;}
    .text-small p {font-size:16px;}
	.text-small p span {font-size:14px;}
    footer a {margin:0 20px;}
}