/* Eplee 2018 CSS */
/*
yellow: #fdf379
blue: #0094D1, #0076a7
red/orange: #F44336, #c3352b
green: #85D5C0
*/

* { margin: 0; padding: 0; outline: 0;}

::-moz-selection { background: #333; color: #fff; text-shadow: none; }
::selection { background: #333; color: #fff; text-shadow: none; }
::-webkit-selection { background: #333; color: #fff; text-shadow: none;}

::-webkit-input-placeholder {color: #555;}
select {color: #555;}
:-moz-placeholder {color: #555;}
::-moz-placeholder {color: #555;}
:-ms-input-placeholder {color: #555;}
.placeholder {color: #555;}

*:not(.form-control), *:before, *:after {
-webkit-user-select: none; /* Chrome/Safari */        
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+ */
}

html {min-height: 100%;-webkit-tap-highlight-color:transparent;}
body { min-height: 100%;height: 100vh;}

img { outline: 0; border: 0;}
img.img-responsive {max-width:100%; width:auto; height:auto; position:relative;}
a {-webkit-transition:all 500ms ease;-moz-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;transition:all 500ms ease;border:none;outline:0;}
button {-webkit-transition:all 500ms ease;-moz-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;transition:all 500ms ease;outline: none !important;}

body {font-family: 'Lato', serif; font-weight:300; font-style:normal; font-size: 16px; line-height: 22px; color: #272a2c; padding: 0px; margin: 0px;-webkit-font-smoothing: subpixel-antialiased; background-color:#fff; position: relative; -webkit-backface-visibility: hidden; backface-visibility: hidden;}

div.size {z-index: 99; position: fixed; top: 0; left: 0; width:auto;height:auto;color:000; display:block; }
.animated { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);-webkit-backface-visibility: hidden; backface-visibility: hidden;}
.fade {opacity: 0;-webkit-transition: opacity 200ms ease;-moz-transition: opacity 200ms ease;-ms-transition: opacity 200ms ease; -o-transition: opacity 200ms ease;transition: opacity 200ms ease;}
.tooltip.fade, .popover.fade {-webkit-transition: none;-moz-transition: none; -ms-transition: none; -o-transition: none; transition: none;}

#toTop{display:none;position:fixed;bottom:20px;right:20px;width:40px;height:40px;text-align:center;background-color:transparent;filter:alpha(opacity=70);opacity:.7;cursor:pointer;z-index:40;color:#000;}
#toTop i{font-size:40px;line-height:40px;display:block;height:100%;width:100%;text-align:center}
#toTop:hover{filter:alpha(opacity=100);opacity:1;color:#000}

a#scrolldown { position: absolute; bottom: -20px; left: 50%; z-index: 6; display: inline-block; width:110px; margin: 0 0 0 -55px; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); color: #222; font-size:13px; text-transform: uppercase; font-weight: 400;text-decoration: none; -webkit-transition: opacity .3s; transition: opacity .3s; padding: 50px 0 0 0; text-align:center;}
a#scrolldown span { position: absolute; top: 0; left: 50%; width: 40px; height: 40px; margin-left: -20px; border: 2px solid #222; border-radius: 100%; box-sizing: border-box;}
a#scrolldown span::after{ position:absolute; top:50%;left:50%;content:''; width:16px; height:16px; margin:-12px 0 0 -8px; border-left:2px solid #222; border-bottom:2px solid #222; -webkit-transform:rotate(-45deg);transform:rotate(-45deg);box-sizing:border-box;}
a#scrolldown span::before { position:absolute; top:0; left:0; z-index:-1; content:''; width:38px; height:38px; -webkit-box-shadow:0 0 0 0 rgba(0,0,0,.1); box-shadow: 0 0 0 0 rgba(0,0,0,.1); -webkit-border-radius:100%; border-radius:100%; filter:alpha(opacity=0); opacity:0; -webkit-animation:sdb03 3s infinite; animation:sdb03 3s infinite; box-sizing:border-box;}

@-webkit-keyframes sdb03{
	0%{opacity:0; filter:alpha(opacity=0);}
	30%{opacity:1; filter:alpha(opacity=100);}
	60%{-webkit-box-shadow:0 0 0 60px rgba(0,0,0,.1); box-shadow:0 0 0 60px rgba(0,0,0,.1);opacity:0; filter:alpha(opacity=0);}
	100%{opacity:0; filter:alpha(opacity=0);}
}
@keyframes sdb03{
	0%{opacity:0; filter:alpha(opacity=0);}
	30%{opacity:1; filter:alpha(opacity=100);}
	60%{-webkit-box-shadow:0 0 0 60px rgba(0,0,0,.1); box-shadow:0 0 0 60px rgba(0,0,0,.1);opacity:0; filter:alpha(opacity=0);}
	100%{opacity:0; filter:alpha(opacity=0);}
}

div { display: block;}
ol, ul {list-style: none;margin:0;padding:0;}
ul li { list-style: none;}
p {margin: 0 0 22px; position:relative;}
a {text-decoration: none; outline: none; border: 0 none; color:#F44336;}
a:hover, a:focus, a:active{text-decoration: none;color:#c3352b;}

h1, h2, h3 {margin: 0 0 15px; padding: 0;font-family: "omnes-pro", sans-serif; font-weight: 400; }
h2 {font-size: 42px; line-height: 1; }
h3 {font-size:24px;}
h4, h5 {font-family: 'Lato', serif; font-weight: 400;}

#wrapper {height:100%;/*height: 100vh; width: 100vw;height:100%; position: relative; overflow: hidden; -ms-touch-action: none; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none;-o-text-size-adjust: none;text-size-adjust: none;*/}
#innerwrapper {height:100%;  opacity: 0;/*position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0);*/}

.modal {text-align: center; padding: 0 !important;}
.modal:before {content: ''; display:inline-block; height:auto; vertical-align: middle; margin-right: -4px;}
.modal .modal-dialog {margin: 10px; display: inline-block; text-align: left; vertical-align: middle;}
.modal.fade .modal-dialog {-moz-transition: none !important;-o-transition: none !important;-webkit-transition: none !important;transition: none !important;-moz-transform: none !important;-ms-transform: none !important;-o-transform: none !important;-webkit-transform: none !important;transform: none !important;}

/* Nav */
nav.header {z-index: 2; position:absolute; width:100%;height:auto;top: 0; left: 0; padding: 15px 4% 0 4%;}
html.showmenu {overflow:hidden;}
html.showmenu nav.header .menu {z-index: 9; }

.menufooter {display: block; position: absolute; left: 0; right: 0; bottom: 30px;  width:100%; height:auto; color:#a3a1a1; font-size:13px; line-height:20px; text-align:center; font-weight: 300; letter-spacing: 0.5px;}
.menufooter > p {margin: 0 auto; padding: 0;}
.menufooter a {color:#ddd;display:inline-block; position: relative;}
.menufooter a:hover {color:#fff;}
.menufooter a.first {margin-left: 10px;}
.menufooter span {display:inline-block; margin: 0 5px 0 5px; position: relative;}

nav.header .logo {position: relative; width: 125px; float: left; z-index:10;}
nav.header .logo a {-webkit-transition:none; transition:none;}
nav.header .logo img {display:block;position: relative;}
nav.header .logo img#white {display:none;}

/** NEW MENU ICON **/
#menuicon {display: block;width: 40px; height: 30px; margin:15px auto 0px auto; z-index: 10; float:right; position: relative; -webkit-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s;}
#menuicon > span {display: block;width: 100%; height: 4px; background: black; -webkit-transition: all 0.25s ease-in-out 0s; transition: all 0.25s ease-in-out 0s; position: absolute; left: 0px; border-radius:9px;}
#menuicon > span:first-child {top: 0;}
#menuicon > span:nth-child(2) {top: 12px;}
#menuicon > span:last-child {top: 24px;}
#menuicon:hover > span {background:white;}

#menuicon.open > span {background:white;}
#menuicon.open > span:first-child {top: 12px; -webkit-transform: rotate(135deg); transform: rotate(135deg);}
#menuicon.open > span:nth-child(2) {left: -60px; opacity: 0;}
#menuicon.open > span:last-child {top: 12px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg);}

/* New menu animations */
nav.header .menu {display:block; position: fixed; top: 0; right: 0; left: 0; bottom: 0; width:100%; height: 100%; background: rgba(0,0,0,0.85); z-index: 9; visibility: hidden;opacity: 0;-webkit-transform: scale(0.9);transform: scale(0.9);-webkit-transition: -webkit-transform 0.2s, opacity 0.2s, visibility 0s 0.2s;-webkit-transition: opacity 0.2s, visibility 0s 0.2s, -webkit-transform 0.2s;transition: opacity 0.2s, visibility 0s 0.2s, -webkit-transform 0.2s; transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s; transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s, -webkit-transform 0.2s; }
html.showmenu nav.header .menu {visibility: visible;opacity: 1;-webkit-transform: scale(1);transform: scale(1);-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;-webkit-transition: opacity 0.4s, -webkit-transform 0.4s; transition: opacity 0.4s, -webkit-transform 0.4s;transition: transform 0.4s, opacity 0.4s;transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s;}

nav.header .menu > span {display:table; width:100%; height: 100%; position: relative; text-align: center;}
nav.header .menu.color > span {background-color: rgba(255,255,255,0.2); transition: all 300ms ease-out;}
nav.header .menu ul.topnav {display: table-cell; width: auto; height: auto; vertical-align: middle; position: relative; margin: 0 auto;}
nav.header .menu ul.topnav > li { display:block; width: auto; position: relative; margin: 0px auto; opacity: 0;  -webkit-transition: all 500ms linear; transition: all 500ms linear; cursor: pointer;}
nav.header .menu ul.topnav ul.dropdown-menu {padding: 0; margin: 0px; background-color: transparent; border-radius: 0; border: 0 none; -webkit-box-shadow: none; box-shadow: none;}
nav.header .menu ul.topnav ul.dropdown-menu li a:hover {background-color: transparent;}
/*nav.header .menu li a:after {content: "";position: absolute;height: 5px;width: 0%;left: 0; bottom: 0; background-color: #fff;-webkit-transition: width 500ms ease-in;transition: width 500ms ease-in;}
nav.header .menu li a:hover:after {width: 100%;}*/

nav.header .menu li > a {display:inline-block; width:auto; color:#fff; font-size: 30px; text-transform: uppercase; position: relative; padding: 20px 25px; line-height: 1;}
nav.header .menu li.dim a {opacity: 0.4;}
.menu ul li a i {opacity: 0.5;position: absolute; width:40px;}

/* Footer */
footer {display: block; position: absolute; left: 0; right: 0; bottom: 10px; width:100%; height:auto; color:#ddd; font-size:13px; line-height:20px; text-align:center; font-weight: 300; letter-spacing: 0.5px; z-index: 5; background-color:#4a8554;}
footer > p {margin: 0 auto; padding: 0;}
footer a {color:#ddd;display:inline-block; position: relative;}
footer a:hover {color:#fff;}
footer a.first {margin-left: 10px;}
footer span {display:inline-block; margin: 0 5px 0 5px; position: relative;}

/* Main Content */
div#maincontent {position: relative; height:100%;}

section {display: table; table-layout: fixed; width: 100%; position: relative; z-index: 1; overflow:hidden;}
div.innersection {display: table-cell; vertical-align: middle; width: 100%; height: 100%; position: relative; }
div.innersection:before, div.innersection:after{width:100%;height:1px;display:block;background-color:transparent;content:"";margin:30px 0;}
.image {background-repeat: no-repeat; background-size: cover;background-attachment: fixed; background-position-x: center;  width: 100%; height: 100%; position: absolute; z-index: 4; }
.container {position: relative;}
.container-fluid {position: relative;}
h2.section-title {text-transform: uppercase; padding: 0 0 20px; margin: 0 0 35px; float:left; width:100%; height: auto; display: block; position: relative; text-align: center; font-size: 38px; letter-spacing: 2px;}
h2.section-title > span {position: relative; width:auto; }
h2.section-title span.titleline {width:50%; height: 2px; background-color:#272a2c; position: absolute; bottom: -10px; left: 0; right:0; display: block; z-index: 5; -webkit-border-radius: 6px; border-radius: 6px; margin: 0 auto;}
h2.section-title span.titleline.dark {background-color: #272a2c;}

h3.sub-title {padding: 0 0 20px; margin: 10px 0 15px; float:left; width:100%; height: auto; display: block; position: relative; text-align: center; font-size: 24px; font-weight: 400; letter-spacing: 2px; background-color:#fff;}
h3.sub-title > span {position: relative; width:auto; }
h3.sub-title span.titleline {width:50%; height: 2px; background-color:#272a2c; position: absolute; bottom: -10px; left: 0; right:0; display: block; z-index: 5; -webkit-border-radius: 6px; border-radius: 6px; margin: 0 auto;}
h3.sub-title span.titleline.dark {background-color: #272a2c;}

.color-container {position: absolute; left: -50%; right: -50%; top: -5%; bottom: -5%; width:200%; height:110%; background-color: #85D5C0; z-index: -1; opacity: 0.5; display:none;}

/* Home */
section.hero .image {background-image: url(../images/index-sm.jpg);}
div.edp {position: relative; width:100%; height:auto; font-size:40px; line-height:45px;z-index:5; color:#333; text-align:center; font-family: "Josefin Sans", sans-serif;-webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-style: preserve-3d;}

div.edp span.title {display: block; position: relative; width:100%; font-size: 40px; line-height:45px; text-transform: uppercase; text-align:center; margin: 0 auto; padding: 0px 0 10px 0; z-index: 6; cursor: default; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-weight: 700; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0;}

div.edp span.subtitle {display: block;position: relative; width:100%; font-size: 24px; line-height:28px; text-transform: none;text-align:center; margin: 0 auto; padding: 0px 0 0 0; z-index: 6; font-weight:600; font-style: italic; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0;}
div.edp span.title.visible {-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1;}
div.edp span.subtitle.visible {-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1;}
div.edp span.subtitle br {display:none;}

/* About Section */
section.about {background-color:#fff;}
section.about h2.section-title span.titleline {background-color:#F44336;}
section.about h3.sub-title span.titleline {background-color:#F44336;}
section.about .aboutcontent p {color:#272a2c; font-size:18px; line-height: 2; text-align: left;}
section.about .contents {position: relative; z-index: 777777777;}
section.about .wrap {position: relative; width:100%; height:auto; z-index: 77777777;}

section.about .step {opacity: 1;}
section.about h2.section-title span.titleline {background-color:#F44336;}
section.about .step > div {width:100%; height: auto; position: relative; display: block; float:left; margin: 0; padding: 0;}
section.about .step > div > div {-webkit-transform: translateZ(0); transform: translateZ(0); position: relative; width: auto; margin: 20px 0px; display:block; float: left;}
section.about .step > div > div *, section.about .step > div > div:before, section.about .step > div > div:after {-webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.3s linear; transition: all 0.3s linear;}
section.about .step > div > div:before, section.about .step > div > div:after {-webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 50%; border-radius: 50%; content: ''; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; z-index: -1; border: 3px solid #bbb; border-color: transparent #bbb;}
section.about .step img {max-width: 100%; backface-visibility: hidden; vertical-align: top; -webkit-border-radius: 50%; border-radius: 50%; padding: 10px;}
section.about .step > div > div > span {position: absolute;top: 6px; bottom: 6px; left: 6px; right: 6px; opacity:0; background-color: rgba(0,0,0, 0.8); -webkit-border-radius: 50%; border-radius: 50%; }
section.about .step > div > div > span > i {position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 50px; padding-bottom:55px; line-height: 1; z-index: 1; color:#fff;}
section.about .step > div > div > span > i.icon-web {font-size: 65px; line-height: 50px;}
section.about .step > div > div > span > span {position: absolute; top: 50%; left: 50%;  -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 2;  color:#fff; letter-spacing: 0.05em; font-size:20px; text-transform: uppercase; line-height: 1; padding-top:55px;}
section.about .step > div > div:hover > span {opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }
section.about .step > div > div:hover img {}

section.about .step > div > div:hover:before, section.about .step > div > div:hover:after {border-width: 10px;}
section.about .step > div > div:hover:before {-webkit-transform: rotate(45deg); transform: rotate(45deg);}
section.about .step > div > div:hover:after {-webkit-transform: rotate(-45deg); transform: rotate(-45deg);}

section.about .step h3 {margin: 0px 0 25px 0; float: left; text-align: center; width:100%; display: block; padding: 0; color:#F44336; background-color:#fff; letter-spacing: 0.05em;text-transform: uppercase;}
section.about .step > div > div:hover + h3 {opacity: 0;}

/* Careers Section */
section.careers h2.section-title span.titleline {background-color: #0076a7;}
section.careers .formtext p {color:#272a2c; font-weight: 400;}
section.careers .formtext p br {display:block;}
section.careers .image {background-image: url(../images/careers-sm.jpg); z-index: -3; background-attachment: fixed;}
section.careers .bg {background-color:rgba(255,255,255,0.8); padding-top: 25px; padding-bottom:25px;}

section.careers form#careersform .form-group .form-control {border-bottom-color: #272a2c; color:#272a2c;}
section.careers form#careersform .form-group .control-label {color:#272a2c; font-weight: 400;}
section.careers form#careersform .form-group.focus .control-label {color: #0094D1;}
section.careers form#careersform .form-group .form-control:focus + .control-label {color: #0094D1;}
section.careers form#careersform .form-group .form-control:hover + .control-label {color: #0094D1;}
section.careers form#careersform .form-group.hasvalue .control-label {color:#6ABF79;}
section.careers form#careersform .form-group.hasvalue.focus .control-label {color:#6ABF79;}
section.careers form#careersform .form-group.hasvalue .form-control:focus + .control-label {color:#6ABF79;}
section.careers form#careersform .form-group.hasvalue .form-control:hover + .control-label {color: #6ABF79;}
section.careers form#careersform .form-group.error .control-label {color:#F44336;}
section.careers form#careersform .form-group.error.focus .control-label {color:#c3352b;}
section.careers form#careersform .form-group.error .form-control:focus + .control-label {color:#F44336;}
section.careers form#careersform .form-group.error .form-control:hover + .control-label {color:#F44336;}
section.careers #drop {border-color:#272a2c; color:#000; background-color:rgba(255,255,255,0.6);}
section.careers #drop.error {border-color:#c3352b;}
section.careers #drop .dz-message > span {opacity: 0.3; font-weight: 400; font-size: 20px;}
section.careers #drop .dz-extrabutton button {background-color: #aaa; color:#272a2c;}
section.careers .form-actions button.btn-default {background-color: #0094D1;border-color: #0076a7; color:#fff;}
section.careers .form-actions button.btn-default:hover {background-color: #0076a7; border-color: #0094D1; color:#fff;}

/* Contact Section */
section.contact {background-color: #4a8554; }
section.contact h2.section-title span.titleline {background-color: #6abf79;}
section.contact .bg {background-color:rgba(255,255,255,0.9);padding-top: 25px; padding-bottom:25px; -webkit-box-shadow: rgba(0,0,0,0.2) 0px 0px 10px 2px; box-shadow: rgba(0,0,0,0.2) 0px 0px 10px 2px; -webkit-border-radius: 6px; border-radius: 6px;}
section.contact hr {border: 0 none;padding: 0; width:75%; margin: 15px 12.5% 15px 12.5%; height: 0px; float:left; display: block; border-bottom:1px dashed rgba(133, 213, 192, 0.6);}
section.contact .image {z-index: -1; /*background-image: url('../images/contact-sm.jpg');*/}
section.contact .color3 {background-color:#fff; position: absolute; width:155%; height: 85%; z-index:-1; left: -50%; right: 0px; bottom:-5%; opacity: 0.8;}
section.contact .formbody form {margin: 20px auto 0px auto;}
section.contact .form-actions {margin: 10px auto 0px auto;}
.contacttext2 {display: block; float:left; text-align: center; width:100%; height: auto; position: relative; margin: 0 auto 0px; padding: 0 0 0px 0; font-style: normal;}
.contacttext2 > p {font-style: normal;  font-size:19px; line-height: 30px; margin: 0; padding: 0;}
.contacttext2 > p br {display: block;}
.contacttext {display: block; float:left; text-align: center; width:100%; height: auto; position: relative; margin: 0; padding: 0;}
.contacttext > span {color:#272a2c; font-size:16px; line-height: 1.2; display: block; margin: 0 0 5px; padding: 0; position: relative; text-shadow: 0 1px 1px rgba(0,0,0,0);}
.contacttext > span > span {font-weight: 400; color:#272a2c;}
.contacttext > span i {font-size: 8px; line-height: 1; position: relative; display: inline-block; margin: 0 10px; top: -3px;}
.contacttext > span:last-child br {display: none;}

/* FORMS */
input[name=interested] {display:none;}
.form-control {position: relative;}

.formbody {position: relative; width:100%; display: block; height:auto; float:left; padding: 0px; margin:0px auto 0px auto; background-color: transparent; text-align: center;}
.form-body .section-title {}
.formtext {float:left; width:100%; height:auto; position: relative; display: block; text-align: center; margin: 0 auto; padding: 20px 0 0 0; /*-webkit-backface-visibility: hidden; backface-visibility: hidden; */}
.formtext p {margin: 0; padding: 0; position: relative; color:#fff; font-size:18px; line-height: 26px;  }
.formtext p br {display:block;}
.formbody form {position: relative; width:auto; height:auto; display: block; margin:35px auto 0px auto; padding: 0px 15px; float:left;}
.formbody form input[name=interested] {display:none;}
.formbody form .form-group {float:left; display:block; text-align: left;position: relative;margin: 0px auto 25px auto; width:100%; padding: 0; }
.formbody form .form-group.half {width:48%;}
.formbody form .form-group.half.left {margin-right:4%;}

form .form-group .form-control {padding: 8px 0px 8px 0px; margin: 0;font-size: 15px; line-height: 20px; border: 0 none; border-bottom-width: 1px; border-bottom-style: solid; width: 100%; color: #272a2c; font-weight: 400; background-color: transparent; -webkit-border-radius: 0px; -moz-border-radius: 0px;  border-radius: 0px;  -webkit-box-shadow: none; box-shadow: none; height:44px; position: relative; font-family: 'Lato', serif;}
form .form-group textarea.form-control {padding: 10px 0px 6px 0px;}

form .form-group:before {content:''; position: absolute; bottom: 0; left:50%; width:0%; height: 2px; background-color:#0094D1;  z-index: 5; display:block; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
form .form-group.focus:before {left: 0%; width:100%;}

form .form-group.focus .form-control {outline: none; }
form .form-group .form-control:focus {outline: none;}
form .form-group .form-control:hover {outline: none;}
form .form-group.error .form-control {border-color: #c3352b}


form .form-group .control-label {position: absolute; left: 0px; top:11px; color:#272a2c; font-size:16px; display: block; padding: 0px 0px; font-weight: 400;background-color: rgba(255, 255, 255, 0); pointer-events: none; -webkit-transition: 0.2s ease all;  -moz-transition: 0.2s ease all; transition: 0.2s ease all; cursor: text;}

form .form-group.focus .control-label {color: #0094D1; cursor: text; top:-10px;}
form .form-group .form-control:focus + .control-label {color: #0094D1; font-size:13px;cursor: text; top:-10px;}
form .form-group .form-control:hover + .control-label {color: #0094D1; cursor: text;}

form .form-group.hasvalue .control-label {color:#6ABF79; top:-10px; font-size:13px;}
form .form-group.hasvalue.focus .control-label {color:#6ABF79; top:-10px;}
form .form-group.hasvalue .form-control:focus + .control-label {color:#6ABF79; top:-10px;}
form .form-group.hasvalue .form-control:hover + .control-label {color: #6ABF79;}

form .form-group.hasvalue:before {left: 0%; width:100%; background-color:#6ABF79;}
form .form-group.error:before {left: 0%; width:100%; background-color:#F44336;}

form .form-group.error .control-label {color:#F44336;}
form .form-group.error.focus .control-label {color:#c3352b;}
form .form-group.error .form-control:focus + .control-label {color:#F44336;}
form .form-group.error .form-control:hover + .control-label {color:#F44336;}

form#careersform .form-group .form-control {border-bottom-color: #fff; color:#fff;}
form#careersform .form-group .control-label {color:#fff;}
form#careersform .form-group.focus .control-label {color: #0094D1;}
form#careersform .form-group .form-control:focus + .control-label {color: #0094D1;}
form#careersform .form-group .form-control:hover + .control-label {color: #0094D1;}
form#careersform .form-group.hasvalue .control-label {color:#6ABF79;}
form#careersform .form-group.hasvalue.focus .control-label {color:#6ABF79;}
form#careersform .form-group.hasvalue .form-control:focus + .control-label {color:#6ABF79;}
form#careersform .form-group.hasvalue .form-control:hover + .control-label {color: #6ABF79;}
form#careersform .form-group.error .control-label {color:#F44336;}
form#careersform .form-group.error.focus .control-label {color:#c3352b;}
form#careersform .form-group.error .form-control:focus + .control-label {color:#F44336;}
form#careersform .form-group.error .form-control:hover + .control-label {color:#F44336;}

form#contactform .form-group .form-control {border-bottom-color: #272a2c;}
form#contactform .g-recaptcha > div {margin: 0 auto;}
form#contactform .form-group.error.robots:before {display: none;}
form#contactform .form-group.error.robots .g-recaptcha > div {border: 1px solid red;}
section.contact .formbody .popover.bottom {display:none !important;}

.control-group {float:left; width:100%; height:auto; position: relative; margin: 0 auto 0px auto;}
.control-group:nth-child(2) {margin: 0 auto;}
.control-group > h4 {text-align: left; padding: 0px 0 10px; margin: 0 0 20px; border-bottom:1px dotted rgba(0,0,0,.2); font-size:19px; line-height: 24px; text-transform: uppercase; }

.form-actions {width:100%; float:left; position: relative; display:block; padding: 0; text-align: center; margin: 35px auto 25px auto;}
.form-actions button.btn-default {padding: 8px 14px; font-size:16px; line-height:22px; font-weight: 400; text-transform: uppercase; border-color:#0076a7; background-color:#0094D1; color:#fff; outline: none !important;}
.form-actions button.btn-default:hover {border-color:#0094D1; background-color:#0076a7; color:#fff;}

form#contactform .form-actions button.btn-default {background-color:#6abf79; border-color:#5fab6c;}
form#contactform .form-actions button.btn-default:hover {background-color: #5fab6c; border-color:#6abf79;}

.formbody .popover {font-family: "Lato", sans-serif; font-weight: 300; font-size:14px; line-height: 20px; text-align: center; padding: 0; border: none; border-bottom: 2px solid #fff; background: rgba(0,0,0,0.8); color: #fff; max-width:250px; border-radius: 4px;letter-spacing: 0.02em;}
.formbody .popover.top {margin-bottom:7px;}
.formbody .popover.top > .arrow {margin-left: -10px; border-width:0px; width:20px; height: 10px;}
.formbody .popover.top > .arrow:after {margin-left: 0px; border-width:10px; border: 10px solid transparent; border-top-color: #fff; bottom:-9px;}
.formbody .popover-content {padding: 4px 14px; }
.formbody .checkpopover.popover {margin-left: 50px;margin-top: -20px;}

.control-group.drop {margin: 0px auto 0px auto; position: relative; width:100%; height:auto; float:left;}
#drop {position: relative; display: block; padding: 15px 20px 20px 20px; border: 2px dotted #c9dfda; text-align: center;  font-size: 16px; color: #fff;text-transform: uppercase; float: left; width:70%; margin: 0px 15% 0px; background-color: transparent; border-radius: 3px;}
#drop.error {border-color:#c3352b;}
#drop .uploaderbg {background-color: #eee; padding: 20px 20px 20px 20px; border-radius: 3px; display: block; overflow: hidden; position: relative; min-height: 100px; margin: 0px 20px 0px;}

#uploads {float:left; width: 100%; text-align: center; margin: 0px auto; padding: 0; position: relative;}
span.totalsize {display:none; position: absolute; width: 150px; left: 50%; margin: 0 0 0 -75px; bottom: -15px; text-align:center;}
span.totalsize > span {margin-left: 5px; font-weight: 600;}

#uploads .dz-preview{position:relative;display:inline-block;vertical-align:top;margin:16px;min-height:100px}
#uploads .dz-preview:hover{z-index:1000}
#uploads .dz-preview:hover .dz-details{opacity:1}
#uploads .dz-preview.dz-file-preview .dz-image{border-radius:20px;background:#999;background:linear-gradient(to bottom,#eee,#ddd)}
#uploads .dz-preview.dz-file-preview .dz-details{opacity:1}
#uploads .dz-preview.dz-image-preview{background:none;}
#uploads .dz-preview.dz-image-preview .dz-details{-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;-ms-transition:opacity .2s linear;-o-transition:opacity .2s linear;transition:opacity .2s linear}
#uploads .dz-preview .dz-remove{font-size:14px;text-align:center;display:block;cursor:pointer;border:0; font-weight: 400; text-transform: uppercase; margin: 10px 0 0; position: relative;}
#uploads .dz-preview .dz-remove:hover{text-decoration:underline}
#uploads .dz-preview:hover .dz-details{opacity:1}
#uploads .dz-preview .dz-details{z-index:20;position:absolute;top:0;left:0;opacity:0;font-size:13px;min-width:100%;max-width:100%;padding:19px 7px;text-align:center;color:rgba(0,0,0,0.9);line-height:150%; height:120px;}
#uploads .dz-preview .dz-details .dz-size{margin-bottom:1em;font-size:16px}
#uploads .dz-preview .dz-details .dz-filename{white-space: nowrap;/*white-space:normal; position: absolute; bottom:10px; left: 5px; display: block; width:110px; height: 34px; line-height:15px;*/}
#uploads .dz-preview .dz-details .dz-filename:hover span{border:1px solid rgba(200,200,200,0.8);background-color:rgba(255,255,255,0.8)}
#uploads .dz-preview .dz-details .dz-filename:not(:hover){overflow:hidden;text-overflow:ellipsis}
#uploads .dz-preview .dz-details .dz-filename:not(:hover) span{border:1px solid transparent}
#uploads .dz-preview .dz-details .dz-filename span {background-color:rgba(255,255,255,0.4);padding:0 2px;border-radius:3px; position: relative; /*overflow: hidden; height: 34px; display:block; word-break: break-word;*/}
#uploads .dz-preview .dz-details .dz-size span{background-color:rgba(255,255,255,0.4);padding:0 .4em;border-radius:3px}
#uploads .dz-preview:hover .dz-image img{-webkit-transform:scale(1.05,1.05);-moz-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05);transform:scale(1.05,1.05);-webkit-filter:blur(8px);filter:blur(8px)}
#uploads .dz-preview .dz-image{border-radius:20px;overflow:hidden;width:120px;height:120px;position:relative;display:block;z-index:10; background-color:#ffffff;}
#uploads .dz-preview .dz-image img{display:block}
#uploads .dz-preview.dz-success .dz-success-mark{-webkit-animation:passing-through 3s cubic-bezier(0.77,0,0.175,1);-moz-animation:passing-through 3s cubic-bezier(0.77,0,0.175,1);-ms-animation:passing-through 3s cubic-bezier(0.77,0,0.175,1);-o-animation:passing-through 3s cubic-bezier(0.77,0,0.175,1);animation:passing-through 3s cubic-bezier(0.77,0,0.175,1)}
#uploads .dz-preview.dz-error .dz-error-mark{opacity:1;-webkit-animation:slide-in 3s cubic-bezier(0.77,0,0.175,1);-moz-animation:slide-in 3s cubic-bezier(0.77,0,0.175,1);-ms-animation:slide-in 3s cubic-bezier(0.77,0,0.175,1);-o-animation:slide-in 3s cubic-bezier(0.77,0,0.175,1);animation:slide-in 3s cubic-bezier(0.77,0,0.175,1)}
#uploads .dz-preview .dz-success-mark, #uploads .dz-preview .dz-error-mark{pointer-events:none;opacity:0;z-index:500;position:absolute;display:block;top:50%;left:50%;margin-left:-27px;margin-top:-27px}
#uploads .dz-preview .dz-success-mark svg,#uploads .dz-preview .dz-error-mark svg{display:block;width:54px;height:54px}
#uploads .dz-preview.dz-processing .dz-progress{opacity:1;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}
#uploads .dz-preview.dz-complete .dz-progress{opacity:0;-webkit-transition:opacity .4s ease-in;-moz-transition:opacity .4s ease-in;-ms-transition:opacity .4s ease-in;-o-transition:opacity .4s ease-in;transition:opacity .4s ease-in}
#uploads .dz-preview:not(.dz-processing) .dz-progress{-webkit-animation:pulse 6s ease infinite;-moz-animation:pulse 6s ease infinite;-ms-animation:pulse 6s ease infinite;-o-animation:pulse 6s ease infinite;animation:pulse 6s ease infinite}
#uploads .dz-preview .dz-progress {opacity:1;z-index:1000;pointer-events:none;position:absolute;height:16px;left:50%;bottom:50%;margin-bottom:-30px;width:80px;margin-left:-40px;background:rgba(255,255,255,0.9);-webkit-transform:scale(1); transform:scale(1); border-radius:8px;overflow:hidden}
#uploads .dz-preview .dz-progress .dz-upload{background:#333;background:linear-gradient(to bottom,#666,#444);position:absolute;top:0;left:0;bottom:0;width:0;-webkit-transition:width 300ms ease-in-out;-moz-transition:width 300ms ease-in-out;-ms-transition:width 300ms ease-in-out;-o-transition:width 300ms ease-in-out;transition:width 300ms ease-in-out}
#uploads .dz-preview.dz-error .dz-error-message{display:block}
#uploads .dz-preview.dz-error:hover .dz-error-message{opacity:1;pointer-events:auto}
#uploads .dz-preview .dz-error-message{pointer-events:none;z-index:1000;position:absolute;display:none;opacity:0;-webkit-transition:opacity .3s ease;-moz-transition:opacity .3s ease;-ms-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease;border-radius:8px;font-size:13px;top:130px;left:-10px;width:140px;background:#c3352b;background:linear-gradient(to bottom,#c3352b,#F44336);padding:.5em 1.2em;color:white}
#uploads .dz-preview .dz-error-message:after{content:'';position:absolute;top:-6px;left:64px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #c3352b}

#previews { margin-bottom: 0; float:left;display: table; }
#previews.active {margin-top: 20px;}
div.table { display: table; -webkit-border-radius: 5px; border-radius: 5px; background: #f9f9f9;}
div.table .file-row { display: table-row; }
div.table .file-row > div { display: table-cell; vertical-align: middle; border-top:0px solid #ddd; padding: 8px; }
/* The total progress gets shown by event listeners */
#total-progress { opacity: 0;  transition: opacity 0.3s linear;}
/* Hide the progress bar when finished */
#previews .file-row.dz-success .progress {opacity: 0;transition: opacity 0.3s linear;}
/* Hide the delete button initially */
#previews .file-row .delete {display: none;}
/* Hide the start and cancel buttons and show the delete button */
#previews .file-row.dz-success .start, #previews .file-row.dz-success .cancel {display: none;}
#previews button.cancel { background-color:#c3352b; color:#fff; font-size: 13px; padding: 4px 10px;}
#previews .file-row.dz-success .delete { display: block;}
#previews p.size {margin: 0 0 10px;}
#previews p.name {margin: 0 0 0;}
#previews .progress {margin-bottom: 0px;}

/* Terms & Privacy */
div.policy {display:block; position: fixed; top: 0; right: 0; left: 0; bottom: 0; width:100%; height: 100%; background: rgba(255,255,255,0.95); z-index: 41; visibility: hidden;opacity: 0;-webkit-transform: scale(0.9);transform: scale(0.9);-webkit-transition: -webkit-transform 0.2s, opacity 0.2s, visibility 0s 0.2s;-webkit-transition: opacity 0.2s, visibility 0s 0.2s, -webkit-transform 0.2s;transition: opacity 0.2s, visibility 0s 0.2s, -webkit-transform 0.2s; transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s; transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s, -webkit-transform 0.2s;}
div.policy.active {visibility: visible;opacity: 1;-webkit-transform: scale(1);transform: scale(1);-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;-webkit-transition: opacity 0.4s, -webkit-transform 0.4s; transition: opacity 0.4s, -webkit-transform 0.4s;transition: transform 0.4s, opacity 0.4s;transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s;}

a#closepolicy {display: block;width: 40px; height: 30px; margin:0; z-index: 42; position: fixed; right: 72px; top: 48px; -webkit-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s;}
a#closepolicy > span {display: block;width: 100%; height: 4px; background: #0094D1; -webkit-transition: all 0.25s ease-in-out 0s; transition: all 0.25s ease-in-out 0s; position: absolute; left: 0px; border-radius:9px;}
a#closepolicy > span:first-child {top: 12px; -webkit-transform: rotate(135deg); transform: rotate(135deg);}
a#closepolicy > span:last-child {top: 12px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg);}

.insidepolicy {display: block; position: relative; width:100%; height:auto; color:#272a2c;}
.insidepolicy > .container {padding-top: 45px; padding-bottom:45px;}
.insidepolicy h2.section-title {text-align: left;}
.insidepolicy h3.sub-title.contents {text-align:left; background-color: transparent; margin:15px 0 0px; padding: 0 0 10px;}
.insidepolicy p {color:#272a2c; font-size:15px; line-height: 1.5; text-align: left; float:left; width:100%; height:auto; position: relative; display:block; padding: 0; margin: 0 0 15px 0;}
.insidepolicy h3 {float:left; width:100%; height:auto; position: relative; display:block;}
#terms .insidepolicy h3 {text-align:left; padding: 0 0 20px; margin: 10px 0 0px; float:left; width:100%; height: auto; display: block; position: relative; font-size: 22px; font-weight: 400; letter-spacing: 2px;}
.insidepolicy ol {float:left; width:100%; height:auto; position: relative; display:block; padding: 0; margin: 0 0 0px 10px;}
.insidepolicy ol li {color:#272a2c; font-size:15px; line-height: 1.5; margin: 0 0 5px 0; text-align: left;position: relative; list-style: decimal; list-style-position: inside; }

.insidepolicy ul {float:left; width:100%; height:auto; position: relative; display:block; padding: 0; margin: 0 0 0px 10px;}
.insidepolicy ul li {color:#272a2c; font-size:15px; line-height: 1.5; margin: 0 0 5px 0; text-align: left;position: relative; list-style: disc; list-style-position: inside; }

p.revised-date {font-style: italic; }
#privacytable {position: relative; float:left; display: block; width:100%; height:auto; margin: 10px auto 0px auto; padding: 0;}
#privacytable > div:not(.table-responsive) {float:left; position: relative; width: 100%; display:block;}
#privacytable .well {float:left; display:block; position: relative; width:100%;}
#privacytable .well p:last-child {margin-bottom: 0;}
#privacytable h3.sub-title {text-align:left; background-color: transparent; margin:10px 0 0px; font-size:22px;}
#privacytable h4 {float:left; width:100%; position:relative; text-decoration: underline;}