@charset "utf-8";
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, em, img, q, strong, dl, dt, dd, ol, ul, li, fieldset, form, input, select, textarea, label, legend, table {padding: 0; margin: 0; border: 0; list-style-type: none; line-height:100%; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}


@font-face {
	font-family: 'Helvetica';
	src: url('../fonts/Helvetica.eot'); /* IE9 Compat Modes */
	src: url('../fonts/Helvetica.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('../fonts/Helvetica.woff') format('woff'),
		 url('../fonts/Helvetica.ttf') format('truetype'); /* Safari, Android, iOS */
	font-weight: normal;
    font-style: normal;
}


body, html {height: 100%;}
body {font-family:'Helvetica', Helvetica, sans-serif, Verdana; font-size: 18px; line-height:120%; color: #000000; background: #fff; -webkit-text-size-adjust: none;}
a {color: #1e88e5; text-decoration: none; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;}
a:hover {color: #ff5722;}
input, select, textarea, button {font-family:'Helvetica', Helvetica, sans-serif, Verdana; font-size: 24px; color: #000000; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; -webkit-border-radius: 0; border-radius: 0; -webkit-appearance:none;}
input[type="submit"], input[type="reset"], button, label {cursor:pointer; padding:0; border:0;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button;}
textarea {overflow:auto;}
table {border-collapse: separate; border-spacing: 0;}
a:active {outline: 0;} *:focus {outline: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
header, section, nav, hgroup, footer, article { display: block; }
strong {font-weight:bold;}
b {font-weight:bold;}
em, i {font-style: italic;}
p {line-height:120%;}
.left {float:left !important;}
.right {float:right !important;}
.hidden {display:none}
.center {text-align:center !important;}
.tleft {text-align:left !important;}
.tright {text-align:right !important;}
.margin0 {margin:0 !important;}
.padding0 {padding:0 !important;}
.border0 {border:0 !important;}
.padding-bottom0 {padding-bottom:0 !important;}
.padding-top0 {padding-top:0 !important;}
.clear {clear:both;}
img {max-width:100%; height:auto; vertical-align:middle;}
.uppercase {text-transform:uppercase}
.no-case {text-transform:none !important;}
.relative {position:relative;}
.overflow-hidden {overflow:hidden;}
.rounded {
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}
div.rounded {overflow: hidden;}
button::-moz-focus-inner {padding:0; border:0}
:required {-webkit-box-shadow: none; box-shadow: none;}

::-moz-selection {background:#0277BD; color:#FFFFFF;}
::selection {background:#0277BD; color:#FFFFFF;}

*::-webkit-input-placeholder { color: rgba(189, 189, 189, 0.5); }
*::-moz-placeholder { color: rgba(189, 189, 189, 0.5); opacity:1; }
*:-ms-input-placeholder { color: rgba(189, 189, 189, 0.5); }
*:-moz-placeholder { color: rgba(189, 189, 189, 0.5); }
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { color: transparent !important; }
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder { color: transparent !important; }
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { color: transparent !important; }
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder { color: transparent !important; }

.wrapper {width: 1024px; margin: 0 auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.valign {display: inline-block; *display: inline; zoom: 1; vertical-align: middle; width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.valign.bottom {vertical-align: bottom;}

.in-middle {display: inline-block; *display: inline; zoom: 1; vertical-align: middle; width: 750px; margin:0 auto; text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.centered{margin:0 auto; text-align: center}

.body-content {float: left; width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.padding-content {padding: 90px 0;}
.padding-content-lr {padding-left: 50px; padding-right: 50px;}
.padding-content-l {padding-left: 50px;}
.padding-content-r {padding-right: 50px;}
.padding-content-t {padding-top: 90px;}
.padding-content-b {padding-bottom: 90px;}

.margin-content {margin: 90px 0;}
.mt90 {margin-top: 90px !important;}
.mb90 {margin-bottom: 90px !important;}

.half-content {float: left; width: 50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.half-content-wrapper {float: right; width: 600px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.half-content:last-child .half-content-wrapper {float: left;}

.flexbox {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: flex-start;
	-ms-align-items: flex-start;
	align-items: flex-start;
}
.flexbox-center {
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
}
.flex-row {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.flex-row.align-center {
	align-items: center;
	justify-content: center;
}

.animate-onload [data-effect*="fade"], .animate-onappear [data-effect*="fade"] {opacity: 0;}

.bg-blue {background: #2196f3;}
.bg-dark-blue {background: #2979ff;}
.bg-cover {background-repeat: no-repeat; background-position: center center; background-size: cover;}
.half-content-background {min-height: 600px;}

.bg-header {position:fixed; left:0; top:0; width:100%; height:0;
    -webkit-animation: mymove 1s;
    -webkit-animation-fill-mode: forwards;
    animation: headermove 1s;
    animation-fill-mode: forwards;
}

@-webkit-keyframes headermove {
    from {}
    to {top: 0px; height:100vh}
}

@keyframes headermove {
    from {}
    to {top: 0px; height:100vh}
}

.letters {position: absolute; left: 0; top: 50%; width: 100%; z-index:10; -webkit-transform: translateY(-50%); transform: translateY(-50%); height:auto}
.letter {float: left; width: 33.3333333333333333333%; opacity:0; text-align: center;}

.letterw {
    -webkit-animation: letterw 1s;
    -webkit-animation-fill-mode: forwards;
    animation: letterw 1s;
    animation-fill-mode: forwards;
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
}
@-webkit-keyframes letterw {
    from {}
    to {opacity:1}
}

@keyframes letterw {
    from {}
    to {opacity:1}
}

.lettere {
    -webkit-animation: lettere 1s;
    -webkit-animation-fill-mode: forwards;
    animation: lettere 1s;
    animation-fill-mode: forwards;
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
}
@-webkit-keyframes lettere {
    from {}
    to {opacity:1}
}

@keyframes lettere {
    from {}
    to {opacity:1}
}

.letterb {
    -webkit-animation: letterb 1s;
    -webkit-animation-fill-mode: forwards;
    animation: letterb 1s;
    animation-fill-mode: forwards;
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s;
}
@-webkit-keyframes letterb {
    from {}
    to {opacity:1}
}

@keyframes letterb {
    from {}
    to {opacity:1}
}


#myVideo {
    position: fixed;
    top:0;
    left:0;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
}


#nav {position: fixed; left: 0; top: -80px; width:100%; height:0; z-index: 9999; background: #FFFFFF; overflow: hidden; border-bottom: 1px solid #1e88e5;
	-webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease;
    -webkit-animation: navmove 1s;
    -webkit-animation-fill-mode: forwards;
    animation: navmove 1s;
    animation-fill-mode: forwards;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

#nav.navinside{
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

.cover.coverinside{
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}


@-webkit-keyframes navmove {
    from {}
    to {top: 0px; height:80px}
}

@keyframes navmove {
    from {}
    to {top: 0px; height:80px}
}

.logo{float:left; font-size: 28px; color: #1e88e5; line-height:28px; width:130px; margin-top:15px}
.logo a{display: inline-block; vertical-align: middle; font-size: 28px; line-height:24px;}
.logo a:hover{color: #1e88e5}

.topnav {float:right; line-height:80px; font-size: 32px; color: #1e88e5; position: relative;}
.topnav a{display: inline-block; vertical-align: middle; font-size: 26px; line-height:80px; margin-left:20px}
.topnav a.iconToggle {display: none;}

.toggle {
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
}
.bar1, .bar2, .bar3 {
    width: 50px;
    height: 5px;
    background-color: #1e88e5;
    margin: 6px 0;
    transition: 0.4s;
}

.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-9px, 6px);
    transform: rotate(-45deg) translate(-9px, 6px);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px);
    transform: rotate(45deg) translate(-8px, -8px);
}


.cover {position: absolute; left: 0; right:0; top: 60%; z-index:20; -webkit-transform: translateY(-60%); transform: translateY(-60%); background: #FFFFFF; margin: auto; padding:50px; opacity:0;
    box-shadow: 0px 0px 72px rgba(0, 0, 0, 0.33);
    -moz-box-shadow: 0px 0px 72px rgba(0, 0, 0, 0.33);
    -webkit-box-shadow: 0px 0px 72px rgba(0, 0, 0, 0.33);
    -webkit-animation: cover 1s;
    -webkit-animation-fill-mode: forwards;
    animation: cover 1s;
    animation-fill-mode: forwards;
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
}
@-webkit-keyframes cover {
    from {}
    to { opacity:1}
}

@keyframes cover {
    from {}
    to { opacity:1}
}

.cover p {color: #000000; font-size: 50px;}
.cover p span{color: #ff9800; }

.arrow-down{position: absolute; bottom: 80px; z-index:20; left: 0; right:0; margin: auto; width:38px; opacity:0;
    -webkit-animation: arrowdown 1s;
    -webkit-animation-fill-mode: forwards;
    animation: arrowdown 1s;
    animation-fill-mode: forwards;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
@-webkit-keyframes arrowdown {
    from {}
    to { opacity:1}
}

@keyframes arrowdown {
    from {}
    to { opacity:1}
}

.fa-angle-double-down{
    position: relative;
    -webkit-animation: fadown 2s infinite;
    animation: fadown 2s infinite;
    color: #FFFFFF;
    font-size:58px;
}

@-webkit-keyframes fadown {
    0%   {top:0}
    50%  {top:30px}
    100% {top:0}
}

@keyframes fadown {
    0%   {top:0}
    50%  {top:30px}
    100% {top:0}
}


#body{margin-top:calc(100vh);background:#FFFFFF;padding:0;position:relative;display:block;height:auto}
#body-contact{margin-top:200px;background:#FFFFFF;padding:0;position:relative;display:block;height:auto}

.info-text {width:820px;}

.info-text h2{color:#ff5722; font-size: 48px; position:relative; display: inline-block; margin-bottom:40px}
.info-text h2::after {content: ''; position: absolute; left:0; display: inline-block; height: 100%; width:30%; border-bottom: 6px solid #03a9f4; margin-top:20px;}

.info-text p{color:#000000; font-size: 38px; padding:50px 0 0 0}
.info-text p span{font-size:32px;}

.parallax {background-image: url(../images/bg1.jpg); height:500px; position: relative; background-attachment: fixed; background-position: center;  background-repeat: no-repeat; background-size: cover; padding: 100px 0 0 0;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;}
.parallaxbg{ position: absolute; left:0; top:0; width:100%; height:100%; z-index: 2; background-color: #ff8f00; opacity:0.7}
.parallax2 {background-image: url(../images/bg4.jpg);}

.paralaxinfo{ position: relative; z-index: 9; width:740px;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.paralaxinfo .linep{ height:6px; width:125px; background-color: #000000; margin:0 auto 50px auto;}
.paralaxinfo p{color:#FFFFFF; font-size: 32px; }

.button {display: inline-block; *display: inline; zoom: 1; vertical-align: middle;  height: 80px; line-height: 90px; color: #ff5722; text-transform: uppercase; font-size: 36px;  padding: 0; position: relative; border-bottom: 4px #03a9f4 solid; margin:50px 0 0 0}
.button:before {content: ""; display: block; position: absolute; left: -50px; bottom: -4px; background: #03a9f4; width: 100%; height: 0; padding: 0 50px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; }
.button:hover {color: #FFFFFF;}
.button:hover:before {height: 100%;}
.button span {position: relative;}

.boxrow{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
    -webkit-align-items: flex-start;
	-ms-align-items: flex-start;
	align-items: flex-start;
    -webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
}

.boxrow div { background:#FFFFFF; text-align: center; height:270px; line-height: 270px; width:30%; margin:0 0 50px 0; vertical-align: middle; display:inline-block; border: 1px solid #cdcdcd; padding:0 15px; position: relative;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; z-index:1;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    box-shadow:inset 0px 0px 36px rgba(0, 0, 0, 0.15);
    -moz-box-shadow:inset 0px 0px 36px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow:inset 0px 0px 36px rgba(0, 0, 0, 0.15);
}

.boxrow div span{position: absolute; width:100%; height:50px; background: #1565c0; bottom:0px; right:0; opacity:0; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease;}
.boxrow div span:after{content: " "; background: #1565c0; top:-80%; left:0; right:0; height: 100%; display: block; position:absolute; transform:skewY(-7deg); transform-origin: 100%;}

.boxrow div:hover{ background: #2979ff; box-shadow:0px 0px 36px rgba(0, 0, 0, 0.25);
    -moz-box-shadow:0px 0px 36px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow:0px 0px 36px rgba(0, 0, 0, 0.25);}
.boxrow div:hover p {color: #FFFFFF;}
.boxrow div:hover span{ opacity:1;}

.boxrow div p {display: inline-block; vertical-align: middle; font-size: 28px; color: #0277bd; position: relative; z-index: 99}

.about-info {width:1140px; padding:100px 0 100px 0; text-align: center; margin:0 auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;}
.about-info .line { height:6px; width:125px; background: #03a9f4; margin:0 auto 50px auto;}
.about-info p{color:#000000; font-size: 36px;}

.phone{width: 100%; height:auto; background: #e1e1e1; position: relative; margin:150px auto 150px auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box}

.phone:before{content: " "; background: #e1e1e1; top:-40%; left:0; right:0; height: 100%; display: block; position:absolute; transform:skewY(-2deg); transform-origin: 100%;}
.phone:after{content: " "; background: #e1e1e1; top:0; left:0; right:0; height: 100%; display: block; position:absolute; transform:skewY(-3deg); transform-origin: 100%;}

.phonebox{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
    -webkit-align-items: flex-start;
	-ms-align-items: flex-start;
	align-items: flex-start;
    -webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
    width:1280px;
    margin:0 auto;
    position: relative;
    z-index: 99
}
.phonebox div{width:50%; display: inline-block; vertical-align: middle; height:300px; line-height: 300px; position: relative; text-align: center;}
.phonebox div img{width: 80%; height: auto; position: relative; top:-150px; text-align: center;}
.phonebox div p{color:#000000; font-size: 28px; text-align: left; display: inline-block; vertical-align: middle; margin-top:-50px; padding:10px;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box}

.aboutbox{width: 100%; height:auto; position: relative; margin:0 auto 100px auto;
  -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.aboutboxrow{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
    -webkit-align-items: stretch;
	-ms-align-items: stretch;
	align-items: stretch;
    -webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
}

.aboutboxrow div { height:auto; padding:100px 50px; width:25%; position: relative;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; z-index:1;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.aboutboxrow div.red{ background: #f44336}
.aboutboxrow div.blue{ background: #2979ff}
.aboutboxrow div.purple{ background: #9c27b0}
.aboutboxrow div.green{ background: #009688}

.aboutboxrow div span{position: absolute; width:100%; height:80px; bottom:0px; right:0; opacity:0; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease;}
.aboutboxrow div span:after{content: " "; top:-100%; left:0; right:0; height: 100%; display: block; position:absolute; transform:skewY(-5deg); transform-origin: 100%;}

.aboutboxrow div.red span{background: #a31f16;}
.aboutboxrow div.red span:after{background: #a31f16;}

.aboutboxrow div.blue span{background: #1565c0;}
.aboutboxrow div.blue span:after{background: #1565c0;}

.aboutboxrow div.purple span{background: #6c0a7d;}
.aboutboxrow div.purple span:after{background: #6c0a7d;}

.aboutboxrow div.green span{background: #085c54;}
.aboutboxrow div.green span:after{background: #085c54;}

.aboutboxrow div:hover span{ opacity:1;}

.aboutboxrow div p {text-align: left; font-size: 28px; color: #FFFFFF; position: relative; z-index: 99; }
.aboutboxrow div p:before{content: ''; position: absolute; top:-20px; left:0; height: 6px; width:30%; background: #FFFFFF}

.aboutimages .half-content-wrapper{padding:0 40px 0 40px}
.aboutimages p {text-align: left; font-size: 32px; color: #000000; position: relative; }
.aboutimages p:before{content: ''; position: absolute; top:-20px; left:0; height: 6px; width:20%; background: #000000}


.cover-contact {background: #FFFFFF; margin: auto; padding:50px; border: 1px solid #ebebeb;
    box-shadow: 0px 0px 72px rgba(0, 0, 0, 0.33);
    -moz-box-shadow: 0px 0px 72px rgba(0, 0, 0, 0.33);
    -webkit-box-shadow: 0px 0px 72px rgba(0, 0, 0, 0.33);}
.cover-contact p {color: #000000; font-size: 48px;}
.cover-contact p span{color: #ff9800; }

input[type=text] {width: 100%; padding: 12px; border: 1px solid #ebebeb; box-sizing: border-box; margin: 0 0 20px 0; resize: vertical;}
textarea { width: 100%; padding: 12px; border: 1px solid #ebebeb; box-sizing: border-box; margin: 0 0 20px 0; resize: vertical; height:200px }
label {padding: 12px 12px 12px 0; display: inline-block;}

.col-50l {float: left; width: 45%; }
.col-50r {float: right; width: 45%; }
/* Clear floats after the columns */
.row:after { content: ""; display: table; clear: both;}

.submit { height: 60px; line-height: 60px; color: #FFFFFF; text-transform: uppercase; font-size: 24px; display: inline-block; margin-top:20px; background: #03a9f4; text-align: center; width:150px;}
.submit:hover {color: #000000; background: #FF8F00;}

#successBox p{padding:0 0 50px 0; font-size: 28px;}

#errorBox p{padding:0 0 20px 0; font-size: 24px; color: #FF5722;}
#errorBox ul li{padding:0 0 10px 0; font-size: 18px; color: #FF5722;}

#footer{ width:100%; height:100px; background: #ebebeb; position: relative; margin:80px 0 0 0}
#footer:after{content: " "; background: #ebebeb; top:-40%; left:0; right:0; height: 40%; display: block; position:absolute; transform:skewY(-1deg); transform-origin: 100%;}
#footer p { font-size: 18px; color: #000000; position: relative; z-index: 99; text-align: center; padding-top:40px}