@font-face{
        font-family:"Neutro W01_n2";
        src:url("Fonts/3e712409-1866-46a1-ab94-ccffac8ae130.eot?#iefix") format("eot")
    }
    @font-face{
        font-family:"Neutro W01";
        src:url("Fonts/3e712409-1866-46a1-ab94-ccffac8ae130.eot?#iefix");
        src:url("Fonts/3e712409-1866-46a1-ab94-ccffac8ae130.eot?#iefix") format("eot"),url("Fonts/710ddbbc-5a9f-4f57-90f4-c36c8a23e2df.woff2") format("woff2"),url("Fonts/80a806fb-e4c9-41ce-b71e-b16b4bcf565e.woff") format("woff"),url("Fonts/e817740e-63f6-4ee5-a8cf-621fb55a1252.ttf") format("truetype"),url("Fonts/7298ef0c-f6cb-43e5-8241-eef52baa1926.svg#7298ef0c-f6cb-43e5-8241-eef52baa1926") format("svg");
font-weight: 200;
font-style: normal;
    }
    @font-face{
        font-family:"Neutro W01_n3";
        src:url("Fonts/9a8457ee-71ca-48f1-84dc-aecd89a775b3.eot?#iefix") format("eot")
    }
    @font-face{
        font-family:"Neutro W01";
        src:url("Fonts/9a8457ee-71ca-48f1-84dc-aecd89a775b3.eot?#iefix");
        src:url("Fonts/9a8457ee-71ca-48f1-84dc-aecd89a775b3.eot?#iefix") format("eot"),url("Fonts/393632c2-964a-4f1e-845e-9eb88e9c3c9f.woff2") format("woff2"),url("Fonts/5181c770-3d57-4a67-97fc-2f172884473c.woff") format("woff"),url("Fonts/969caafd-19f4-49df-b847-b2b4053a03e7.ttf") format("truetype"),url("Fonts/190b659d-7edc-46b5-b15c-0642742ec84d.svg#190b659d-7edc-46b5-b15c-0642742ec84d") format("svg");
font-weight: 300;
font-style: normal;
    }
    @font-face{
        font-family:"Neutro W01_i3";
        src:url("Fonts/67bacc3b-fef6-4dae-b3e3-24f29cdf2282.eot?#iefix") format("eot")
    }
    @font-face{
        font-family:"Neutro W01";
        src:url("Fonts/67bacc3b-fef6-4dae-b3e3-24f29cdf2282.eot?#iefix");
        src:url("Fonts/67bacc3b-fef6-4dae-b3e3-24f29cdf2282.eot?#iefix") format("eot"),url("Fonts/4034433c-579d-434f-800f-d421d0753d53.woff2") format("woff2"),url("Fonts/46ce563e-6065-4b1d-b1a7-885db926d168.woff") format("woff"),url("Fonts/ca2a2793-41f1-4af7-93f1-e7ac8db4ba57.ttf") format("truetype"),url("Fonts/425bda58-8262-4fa8-a222-f2e0ae3dc1c0.svg#425bda58-8262-4fa8-a222-f2e0ae3dc1c0") format("svg");
font-weight: 300;
font-style: italic;
    }
    @font-face{
        font-family:"Neutro W01_n4";
        src:url("Fonts/3b382056-ba35-4b4f-be1e-30a9057826d1.eot?#iefix") format("eot")
    }
    @font-face{
        font-family:"Neutro W01";
        src:url("Fonts/3b382056-ba35-4b4f-be1e-30a9057826d1.eot?#iefix");
        src:url("Fonts/3b382056-ba35-4b4f-be1e-30a9057826d1.eot?#iefix") format("eot"),url("Fonts/7652159b-0eac-4e28-9fae-a97bda2332e1.woff2") format("woff2"),url("Fonts/ef02c4b5-74e2-47b6-9df8-21f0cfd0807f.woff") format("woff"),url("Fonts/a6dd38d8-1721-44e9-8549-04c3f0ae998b.ttf") format("truetype"),url("Fonts/32008ec2-f7db-466f-aa9d-f37b64f19c2b.svg#32008ec2-f7db-466f-aa9d-f37b64f19c2b") format("svg");
font-weight: 400;
font-style: normal;
    }
    @font-face{
        font-family:"Neutro W01_n6";
        src:url("Fonts/bfc52ffe-ccf9-456d-a87b-4caf21ec4d9a.eot?#iefix") format("eot")
    }
    @font-face{
        font-family:"Neutro W01";
        src:url("Fonts/bfc52ffe-ccf9-456d-a87b-4caf21ec4d9a.eot?#iefix");
        src:url("Fonts/bfc52ffe-ccf9-456d-a87b-4caf21ec4d9a.eot?#iefix") format("eot"),url("Fonts/47cadcd1-a3ed-4749-974b-073367f956e3.woff2") format("woff2"),url("Fonts/322dfb2d-2aa2-425b-a969-30ce873eeeb3.woff") format("woff"),url("Fonts/fe5dbb8e-5d4f-4147-adc9-5fbc68fc3ff2.ttf") format("truetype"),url("Fonts/c145c1fa-bc59-4344-a71b-242243a5b461.svg#c145c1fa-bc59-4344-a71b-242243a5b461") format("svg");
font-weight: 600;
font-style: normal;
    }


*{box-sizing: border-box;}
html{width:100%; height:100%; padding:0px; margin:0px;}
body{width:100%; min-height: 100%; overflow-x: hidden; padding:0px; margin:0px; letter-spacing: 1px; font-size: 18px;  background-color:#FFF; color:#343434; font-family: 'Neutro W01', sans-serif; font-weight: 400;}
.warning{color:#a20202; font-weight: 700; line-height: 1.4em;}
p{line-height: 1.2em;}
p.emp{color:#024775;}
p.larger{font-size: 22px;}
a{color:#333;}
.highlight{}
figure img{max-width: 100%;}
.smaller{font-size: 0.8em;}
.em-underline em{text-decoration: underline; font-style: normal;}
.no-wrap{white-space: nowrap;}
.content-wrap{width:100%; max-width: 1400px; margin:0px auto; position: relative; display: block; }
.content-wrap:after{content:''; display: block; clear: both;}
.content-wrap.padding-bottom{padding-bottom: 64px;}
.content-wrap.padding-top{padding-top:64px;}

.astrisk{font-size: 0.8em; font-style: italic; line-height: 1.2em;}
.center{text-align: center; margin-left:auto; margin-right: auto; display: block;}
.table-content{display: table; width:100%;}
.table-content .spacer{display: table-cell;}
.table-row{display: table-row;}
.table-cell{display: table-cell; vertical-align: top;}
.twelve{width:100%;}
.eleven{width:91.66%}
.ten{width:83.32%}
.nine{width:75%;}
.eight{width:66.66%;}
.seven{width:58.33%}
.six{width:50%;	}
.five{width:41.37%}
.four{width:33.33%;}
.three{width:25%;}
.two{width:16.66%;}
.one{width:8.333%;}


.clear{clear:both;}
.learn-more{}
.red-text{color:#803022;}

/*Form Styling */

label{ display: inline-block;   padding:4px 8px; }
input[type="text"],
input[type="number"],
input[type="email"],
input[type="password"],
input[type="tel"]{display: block; width:100%; font-size:18px; padding:8px 12px; border:1px solid #999; border-radius: 3px; margin:4px 0px 12px 0px; }


input[type="text"].six,
input[type="number"].six,
input[type="email"].six,
input[type="tel"].six{width:49%; margin-right: 2%; display: inline-block; vertical-align: top;}

input[type="text"].six:last-child,
input[type="number"].six:last-child,
input[type="email"].six:last-child,
input[type="tel"].six:last-child{margin-right: 0px;}

textarea{display: block; width:100%; height:250px; font-size:18px; padding:8px 12px; border:1px solid #888; border-radius: 3px; margin:4px 0px 12px 0px;}
.radio label{display: inline-block; margin-right:12px;}
input[type="radio"]{margin-right:12px;}
input[type="date"],
input[type="time"]{display: inline-block; font-size: 18px; padding:8px 12px; border:1px solid #666; color:#999; border-radius: 3px; margin:4px 0px 12px 0px;}
fieldset{border:1px solid #666; margin:0px 0px 32px;}

select{font-size: 18px; padding:8px 12px; border-radius: 4px; color:#999; margin:4px 0px 12px 0px; display: inline-block;}
input[type="submit"]{font-size: 18px; display: inline-block; padding:8px 16px; border:1px solid #999; background:none; background-color:#eee; box-shadow: rgba(0,0,0,0.4) 1px 1px 0px 0px; margin-top:18px; transition:all 0.3s ease-out; color:#666; cursor: pointer;}
input[type="submit"]:hover{ box-shadow: rgba(0,0,0,0.4) 1px 1px 1px 1px; }
textarea.invalid,
input[type="text"].invalid,
input[type="number"].invalid,
input[type="tel"].invalid,
input[type="password"].invalid,
input[type="date"].invalid,
input[type="email"].invalid,
input[type="time"].invalid{border-color:#a12d3a; background-color:#f7b1b8;}

meter{/*-webkit-appearance: none; -moz-appearance: none; appearance: none;*/ margin:0 auto 1em; width:100%; height: 0.5em; background:none; background-color:rgba(0,0,0,0.1); }
meter::-webkit-meter-bar{background:none; background-color:rgba(0,0,0,0.1);}
meter[value="1"]::-webkit-meter-optimum-value { background: red; }
meter[value="2"]::-webkit-meter-optimum-value { background: yellow; }
meter[value="3"]::-webkit-meter-optimum-value { background: orange; }
meter[value="4"]::-webkit-meter-optimum-value { background: green; }
meter[value="1"]::-moz-meter-bar { background: red; }
meter[value="2"]::-moz-meter-bar { background: yellow; }
meter[value="3"]::-moz-meter-bar { background: orange; }
meter[value="4"]::-moz-meter-bar { background: green; }


input[type="submit"].button,
.button{ color:#fff; text-decoration: none; padding:2px; box-shadow: rgba(0,0,0,0.4) 1px 1px 1px 1px; border:2px solid #fff; text-transform: uppercase; overflow: hidden; position: relative; display: inline-block; vertical-align: middle; transition:all 0.3s ease-in-out; background-color:#024775;}
input[type="submit"].button{padding:12px 16px; font-size: 14px;}
a.button > span{color:#fff;}
.button:before{height: 200%; width:8px; border-left:22px solid rgba(255,255,255,0.1); border-right:5px solid rgba(255,255,255,0.2); transform: rotate(40deg) translateX(-500px); transform-origin: center; transition:all 0.3s ease-in-out; position: absolute; left:15px; top:-50%; display: block; content:'';}
.button > span{position: relative; cursor: pointer; width:auto; display: inline-block; padding:8px 14px; font-size: 14px;}
.button:hover{box-shadow: rgba(0,0,0,0.4) 1px 1px 2px 2px;}
.button:hover:before{transform: rotate(40deg) translateX(0px);}
.submit-wrap input[type="submit"].button{position: static; margin:0px; padding:8px 32px;}
.submit-wrap{display: inline-block; position: relative; overflow: hidden; box-shadow: rgba(0,0,0,0.4) 1px 1px 1px 1px;}
.submit-wrap:before{height: 200%; width:8px; border-left:22px solid rgba(255,255,255,0.1); border-right:5px solid rgba(255,255,255,0.2); transform: rotate(40deg) translateX(-500px); transform-origin: center; transition:all 0.3s ease-in-out; position: absolute; left:15px; top:-50%; display: block; content:''; cursor: pointer;}
.submit-wrap:hover{box-shadow: rgba(0,0,0,0.4) 1px 1px 2px 2px;}
.submit-wrap:hover:before{transform: rotate(40deg) translateX(0px);}

.forgot-password a{color:#fff; font-size: 14px; text-align: center; font-weight: 200; text-decoration: none;}

header{height: 95px; background-color:#0f344d; padding-top:10px; position: relative; text-align: center;}
header .logo{display: block; position: absolute; top:6px; left: 0px; width:232px; height: 73px; background-image: url(../images/logo.png); background-size: contain; background-repeat: no-repeat; z-index: 2;}

header nav ul{list-style: none; margin:0px; padding:0px; text-align: right;}
header nav li{display: inline-block; margin-top:16px; margin-bottom: 16px;}
header nav a{display: block; padding:8px 16px; margin-left: 16px; text-decoration: none; font-weight: 400; }
header nav a.button{background-color:#6d9aec; border:1px solid #f3cb51;}

/*
header:before{content:'MENU'; display: block; position: absolute; top:19px; right: 16px; color:#fff; width:48px; font-size: 16px; border-bottom: 2px solid #fff; padding-bottom: 0px; transition:all 0.3s ease-in-out; transform-origin: center bottom;}
header:after{content:''; display: block; position: absolute; top:43px; right:16px; bottom:auto; left:auto; background:none; z-index: auto; box-shadow: none; border-top:2px solid #fff; border-bottom:2px solid #fff; width:48px; height: 3px; transition:all 0.3s ease-in-out; transform-origin: center;}
*/


header .tagline{color:#fff; display: block; font-size: 31px; text-align: center; line-height: 86px; }
#header-nav{background-color:#00cc33; height: 8px;}

header .subscribe-button{padding:2px 16px; position: absolute; top:15px; right:0px;}

footer{position: relative; background-color:#0f344d; color:#eee; padding:0px 0px 48px 0px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0f344d+0,070c23+100 */
background: rgb(15,52,77); /* Old browsers */
background: -moz-linear-gradient(top, rgba(15,52,77,1) 0%, rgba(7,12,35,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(15,52,77,1) 0%,rgba(7,12,35,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(15,52,77,1) 0%,rgba(7,12,35,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f344d', endColorstr='#070c23',GradientType=0 ); /* IE6-9 */
}
footer:before{border-top:2px solid #00cc33; width:100%; height: 4px; margin-top:4px; margin-bottom: 24px; display: block; content:'';}
footer a{color:#fff;}
footer .divider{height: 54px; padding-top:4px;}
footer .divider:after{margin-top:0px;}
footer .credits{text-align: center; font-size: 14px; color:#ddd; margin-top:48px;}

.home .sections{overflow: hidden; height: 500px; position: relative; width:auto; margin-right: -4%; margin-left: -4%; background-color:#0f344d; }
.home .sections .section{width:49.5%; margin-right: 0.5%; height: 100%; display: inline-block; transition: all 0.8s ease; transform: skewX(15deg); overflow: hidden;}
/*.home .sections .section:first-child{width:35.5%}
.home .sections .section:last-child{margin-right: 0; width:35.5%}*/


.home .sections .hero-tilt{transform: skewX(-15deg); width:auto; margin-right: -13%; margin-left: -13%; height: 100%; background-size: cover; background-position: center; position: relative; opacity: 0; transition: 0.3s ease-in-out;}
.home.on .sections .hero-tilt{opacity: 1;}
.home .sections .hero-tilt:before{width:100%; height: 100%; display: block; position: absolute; top:0px; left:0px; background-size: cover; background-position: center; content:''; opacity: 1; transition: 0.8s ease;}

/*.home .sections #yacht-guard .hero-tilt{background-image: url(../images/home-hero1.jpg);}*/
.home .sections #yacht-guard .hero-tilt:before{background-image: url(../images/home-hero1.jpg); }
/*.home .sections #moisture-master .hero-tilt{background-image: url(../images/home-hero2.jpg);}*/
.home .sections #moisture-master .hero-tilt:before{background-image: url(../images/home-hero2.jpg);}


.home .sections .content-link{text-align: center; color:#fff; text-transform: uppercase; font-weight: 900; width:350px; height: 260px; position: absolute; top:0; left:0; right:0; bottom:0; margin:auto; font-size: 48px; line-height: 1em; transition: 0.8s ease; text-shadow: rgba(10,22,31,0.8) 1px 1px 1px; }
.home .sections .content-link .trigger{width:75px; height: 75px; background-color:rgba(0,0,0,0.5); background-size: contain; background-position: center; background-repeat: no-repeat; position: absolute; bottom:0px; left:50%; margin-left: -37.5px; background-image: url(../images/trigger.png); box-shadow: rgba(0,0,0,0.8) 0px 0px 15px; border-radius: 50%;}

.home .sections .hidden-content{opacity: 0; transition: 0.8s ease; position: absolute; top:100%; margin:26px -140px 0px; font-size: 18px;}
.home .sections .section.on .hidden-content{opacity: 1;}
.home .sections.on .section{width:25%;}
.home .sections.on .content-link{}
.home .sections.on .section.on{width:74%;}
.home .sections.on .section.on .hero-tilt:before{opacity: 0.3;}
.home .sections.on .section.on .content-link{opacity: 1; color:#fff; background-color:rgba(12,22,31,0.1); box-shadow: rgba(10,22,31,0.1) 0px 0px 30px 30px; text-shadow: rgba(10,22,31,1) 0px 0px 15px;}

.divider{text-align: center; padding:24px 0px 0px; background-color:#0f344d;}
.home .divider h1{color:#fff; margin:0px; font-weight: 300; font-size: 34px; }
.home .divider:after{ border-top:2px solid #00cc33; width:100%; height: 4px; margin-top:16px; display: block; content:'';}

.home #Main{padding:150px 0px;}
.home .intro{font-size: 24px; color:#555;  padding-right: 45%; padding-top:32px; padding-bottom: 32px; position: relative;}
.home .intro .inset{display: block; position: absolute; top:0px; right:0px; width:43%; height: 100%; background-size: cover; background-image: url(../images/home-inset.jpg); overflow: hidden;}


    body #Content{background-color:#fff;}
    body #Content,
    body footer{transition:all 0.3s ease-in-out; position: relative; z-index: 1; overflow: hidden;}
    
   /* body.nav-on #Content,
    body.nav-on footer{transform: translateX(-450px); }
    
    body.nav-on header:before{border-bottom-color:#fff; color:#0f344d;  width:36px; transform: rotate(45deg) translate(0px, 4px);}
    body.nav-on header:after{border-bottom-color:#fff; border-top:0px solid #d9dfc7;  width:36px; transform: rotate(-45deg) translate(0px, -6px);}*/
    
    #mobile-nav{display: block; position:fixed;  top:0px; right:0px; height: 100vh; width:450px; max-width: 100%; overflow-y: auto; overflow-x: hidden; box-shadow: inset rgba(0,0,0,0.4) 0px -1px 1px 2px; padding-top:94px; background-color:#11293a; }
    
    #mobile-nav ul{list-style: none; margin:0px; padding:0px; position: relative; width:100%; min-height: 100%;}
    #mobile-nav li{margin:0px; padding:0px;}
    #mobile-nav .submenu{position: absolute; top:0px; left:100%; width:100%; transition:all 0.3s ease-in-out; background-color:#803022;}
    #mobile-nav .subsubmenu{position: absolute; top:0px; left:100%; width:100%; transition:all 0.3s ease-in-out; background-color:#572218;}
    #mobile-nav a,
    #mobile-nav .no-link{display: block; width:100%; padding:24px 48px 24px; text-decoration: none; border-bottom:2px solid #0170bc; color:#fff; cursor:pointer; transition:all 0.3s ease-in-out;}
    #mobile-nav a:hover,
#mobile-nav .no-link:hover{background-color:rgba(255,255,255,0.2);}
    #mobile-nav .on > .submenu,
    #mobile-nav .on > .subsubmenu{left:55px; }
    #Sidenav{display: none;}


#nav404{text-align: center;}
#nav404 ul.menu{list-style: none;}
#nav404 ul.menu li{margin-bottom: 16px;}

.interior #Main{min-height: 800px; padding-top:48px; padding-bottom: 64px;}
.interior .hero{background-color:#121212; height: 355px; background-size: cover; background-position:left center; position: relative; overflow: hidden;}
.interior .hero #molecule-canvas{position: relative;}
.interior .hero .slideshow{position: absolute; top:0px; left:0px; width:100%; height: 100%;}
.interior .hero .slide{position: absolute; top:0px; left: 0px; width:100%; height: 100%; background-size: cover; background-position: center; opacity: 0; transition: all 0.3s ease-in-out;}
.interior .hero .slide.on{opacity: 1; transition: all 10s ease; transition-delay: 0.3s;}
.interior .hero .slide.on.loaded{transform: scale(1.3) translateX(25px) translateY(25px);}

.yacht .hero .slide1{background-image: url(../images/yacht-hero.jpg);}
.yacht .hero .slide2{background-image: url(../images/yacht-hero2.jpg);}
.yacht .hero .slide3{background-image: url(../images/yacht-hero3.jpg);}

.moisture-master .hero .slide1{background-image: url(../images/moisture-hero.jpg);}
.moisture-master .hero .slide2{background-image: url(../images/moisture-hero2.jpg);}
.moisture-master .hero .slide3{background-image: url(../images/moisture-hero3.jpg);}

.contact .hero .slide1{background-image: url(../images/contact-hero1.jpg);}
.contact .hero .slide2{background-image: url(../images/contact-hero2.jpg);}
.contact .hero .slide3{background-image: url(../images/contact-hero3.jpg);}


.interior #Main h1{font-size: 24px; font-weight: 200; color:#0f344d;}
.interior #Main h1 strong{font-size: 64px; font-weight: 100; display: block; color:#024775;}

h2{font-size: 48px; font-weight: 400; color:#024775; display: inline-block; margin-bottom: 0px;}

.interior .intro{font-size: 22px; line-height: 1.4em; color:#024775;}

.interior .hero .hero-wrap{display: block; position: absolute; background-color:rgb(2, 71, 117,0.8);  text-align: center; padding:16px; width:100%; height: 103px;  top:auto; bottom:0px; left:0px; right:0px; margin:auto; text-indent: -200px; border-radius: 2px;/* box-shadow: rgba(0,0,0,0.4) 1px 1px 1px 1px;*/ transition:  all 0.5s ease-in-out; transform: translateY(-300px);}
.interior.on .hero .hero-wrap{transform: translateY(0px);}
.interior .hero h1{color:#fff; font-weight: 200; font-size: 18px; margin: 0px}
.interior .hero h1 strong{font-size: 48px; font-weight: 100; display: block; color:#FFF; text-transform: uppercase; text-indent: 0px;}

figure.aside{max-width: 30%; float:left; margin:0px 24px 0px 24px;}
figure.aside.right{float:right; margin:0px 0px 24px 24px;}
figure.aside img{width:100%; height: auto;}

#login-form{max-width: 500px; margin:64px auto; display: block; border:5px solid #024775; padding:48px 24px; border-radius: 2px;}
.interior.contact .message{margin-bottom: 24px;}
.interior.contact .message h4{margin:0px; font-size: 32px; color:#0f344d;}
.interior.contact .message p{font-style: italic; color:#767676; margin:0px 0px 12px 0px;}

.table-content.contact{width:100%; margin:0px; display: table; margin-bottom: 64px;}
.contact-form{display: table-cell; width:60%; padding-right:48px; vertical-align: top;}
.contact-info{display: table-cell; width:40%; vertical-align: top;}
.contact-info h5{font-weight: 400; font-size: 32px; margin-top:0px; margin-bottom: 12px;}
.contact-info .address{margin-bottom: 16px;}
.contact-info a{color:#803022; text-decoration: none; font-size: 20px; display: block; margin-bottom: 12px;}
.contact-info .direct{padding-bottom: 12px;}

.contact .inset{background-image: url(../images/contact-hero.jpg); background-attachment: fixed; background-size: cover; background-position: center bottom; height: 175px;}
.contact .content{padding-top:96px; padding-bottom: 96px; border-bottom: 2px solid #ab3428;}

h3.quote{text-align: center; font-weight: 700; font-style: italic; font-size: 27px;}

.interior .intro{margin-top:48px; margin-bottom: 78px;}
.interior.moisture-master .intro figure.aside{width: 350px; margin-right: 64px;}
.interior.yacht .intro figure.aside{width:500px; margin-right: 32px; max-width: none;}
.interior .intro:after{content:''; display: block; clear: both;}
.section2{margin-bottom: 48px;}
.section2 p{margin-left: 64px;}
.section2 h3{text-align: center; margin:48px 64px;}

.benefits h2{text-align: center;}
.benefits-list{ list-style: none; margin:48px; padding:0px;}
.benefits-list li{display: inline-block; width:30%; margin-right: 5%; margin-bottom: 5%; vertical-align: top; text-align: center;}
.benefits-list li:nth-child(3n){margin-right: 0px;}
.benefits-list li img{max-width: 100%; height: 125px; width:auto; display: block; margin:0px auto 24px; transform: rotate3d(1,0,0,90deg); transition:all 0.5s ease-in-out; }

.benefits-list li img.scroll-on{animation-name: flipinX; animation-duration:0.8s; animation-iteration-count: 1; animation-fill-mode: forwards;}


.call-to-action{display: block; max-width: 600px; margin:78px auto; border:2px solid #0f344d; padding:2px;}
.call-to-action .sub{display: block; border:1px solid #024775; padding:24px 32px; text-align: center; background-color:#024775;}
.call-to-action h3{ text-transform: uppercase; font-weight: 700; color:  #00cc33;}
.call-to-action .button{}
.call-to-action .message{color:#fff;}
.call-to-action label{color:#fff;}
.call-to-action #password-strength-text{color:#fff;}

@keyframes flipinX{
    0%{opacity: 0; transform: rotate3d(1,0,0,90deg); animation-timing-function: ease-in;}
    25%{opacity: 1;}
    40%{transform: rotate3d(1,0,0,-20deg);}
    60%{transform: rotate3d(1,0,0,10deg);}
    80%{transform: rotate3d(1,0,0,-5deg);}
    100%{transform: rotate3d(1,0,0,0deg);}
}


@media screen and (max-width:1464px){
    .content-wrap{width:auto; margin-right: 32px; margin-left: 32px;}
    
}


@media screen and (max-width:1234px){
    header .tagline{font-size: 22px;}
}

@media screen and (max-width:1036px){
    header .logo{width:174px; height: 49px; top:13px;}
}

@media screen and (max-width:893px){
    header .logo{height: 39px;}
    header .tagline{font-size: 20px; line-height: 1em; padding-top:60px;}
}



@media screen and (max-width:740px){
    .content-wrap{margin-right: 16px; margin-left: 16px;}
    header{height: 59px;}
    header .tagline{display: none;}
    .interior header .logo, 
    header .logo{width:89px; height: 68px;}
    header .subscribe-button{top:0px;}
    .interior .hero{height: 140px;}
    
    .interior .hero .hero-wrap{padding:43px 16px; text-indent: 0px; height: auto;     background-color: rgb(2, 71, 117,0.6);}
    .interior .hero h1 strong{font-size: 30px;}
    .interior .hero .slide.on.loaded{    transform: scale(1.8) translateX(25px) translateY(25px);}
    .divider{    background-color: #00cc33;
    height: 8px; padding:0px;}
    .call-to-action{margin:0px auto;}
    .interior #Main{min-height: 470px;}
    footer{font-size: 16px; text-align: center;}
    
}