@font-face{
        font-family:"Myriad W01 Regular";
        src:url("../Fonts/2bd106a4-3872-4193-8627-d7af96dd4f7e.eot?#iefix");
        src:url("../Fonts/2bd106a4-3872-4193-8627-d7af96dd4f7e.eot?#iefix") format("eot"),url("../Fonts/3b0f1c67-c2e4-4df6-976f-49d52e45aba1.woff2") format("woff2"),url("../Fonts/c5b1c170-d8f7-41f9-85c2-0ab670780c6b.woff") format("woff"),url("../Fonts/ba1ff8f6-0c27-4e7b-8be5-818b6c3dd801.ttf") format("truetype"),url("../Fonts/a379413e-a0b8-44dc-b250-1e000e4092a4.svg#a379413e-a0b8-44dc-b250-1e000e4092a4") format("svg");
    }
    @font-face{
        font-family:"Neutro W01 Thin";
        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-face{
        font-family:"Neutro W01 Thin Italic";
        src:url("../Fonts/389b6589-dfb8-4e02-a6e7-0152fa66495f.eot?#iefix");
        src:url("../Fonts/389b6589-dfb8-4e02-a6e7-0152fa66495f.eot?#iefix") format("eot"),url("../Fonts/f3a237b9-72f8-4ae8-a199-ba776fde30f6.woff2") format("woff2"),url("../Fonts/70505948-2fa5-43f6-914b-4ede78e9154a.woff") format("woff"),url("../Fonts/038dafe2-caa3-4fc3-89dd-85713fa745a1.ttf") format("truetype"),url("../Fonts/c693abc2-38ef-4544-b153-afc61b106519.svg#c693abc2-38ef-4544-b153-afc61b106519") format("svg");
    }
    @font-face{
        font-family:"Neutro W01 Regular";
        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-face{
        font-family:"Neutro W01 Bold";
        src:url("../Fonts/6c4e92f8-aca1-45b3-a10a-ad6630753815.eot?#iefix");
        src:url("../Fonts/6c4e92f8-aca1-45b3-a10a-ad6630753815.eot?#iefix") format("eot"),url("../Fonts/4371cfd3-8be3-4261-8360-5d4236882672.woff2") format("woff2"),url("../Fonts/61fe0a56-70e6-42d6-8f03-f2716ee2cd23.woff") format("woff"),url("../Fonts/dc3fe196-5a17-450c-aea6-2d222915c646.ttf") format("truetype"),url("../Fonts/7c2fcd66-d5d4-4399-b3b2-6aafe59886b9.svg#7c2fcd66-d5d4-4399-b3b2-6aafe59886b9") format("svg");
    }


*{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; font-family: 'Neutro W01 Regular', sans-serif; font-size: 16px; background-color:#FFF;}

h1,h2,h3,h4,h5,h6,strong{font-family:"Neutro W01 Bold"; }
em{font-family:"Neutro W01 Thin Italic";}
h1{font-size: 54px;}
p{line-height: 1.5em}
p.larger{font-size:24px; line-height: 1.3em;}


.content-wrap{width:100%; max-width: 1250px; margin:0px auto; position: relative;}
.content-wrap.narrow{max-width:1024px;}
.content-wrap:after{content:''; display: block; clear: both;}
header{ width:100%; background-color:rgba(55,63,55,1); position: fixed; top:0px; left: 0px; height:48px; z-index: 999; transition: all 0.5s;}
header.offtop{background-color:rgba(34,56,34,1);}
header.on{}
nav{}
nav ul{ list-style: none; margin:0px; padding:0px; }
nav li { display: inline-block; padding:0px;  text-transform: uppercase; font-family:"Myriad W01 Regular"; }
nav a {display: inline-block; padding:15px 32px; color:rgba(255,255,255,1); text-decoration: none; transition:all 0.3s;}

nav li.no-link{position: relative;}
ul.subnav{height:0px; width:221px;background-color:rgba(0,0,0,0.8); overflow: hidden; position: absolute;top:100%; padding:0px; transition:all 0.5s; text-align: left;}
ul.subnav li{display:block; padding:0px; border-bottom:1px solid rgba(255,255,255,0.5);}
ul.subnav li:last-child{border-bottom:none;}
ul.subnav a{display: block; width:100%; padding:8px 32px;}
nav li.no-link > span{display: block; width:100%; height: 100%; padding:13px 32px;  color:rgba(255,255,255,1); transition:all 0.3s;}
nav li.no-link:hover ul.subnav,
nav li.no-link.on ul.subnav{height:130px;}
nav li.no-link span:hover,
nav a.active,
nav a:hover{background-color:#f89820; color:#333;}


footer{background-color:#212121; color:#fff; padding:24px 0px 24px 0px; margin-top:64px;}
footer .logo{width:100%; float:none;  text-align: center; margin-bottom:0px; border-bottom:1px solid #999; padding-bottom:24px;}
footer .logo img{display: inline-block; width:180px; height: auto;}
footer .address{width:50%; float:left; text-align: right; padding-right:48px; border-right:1px solid #999; padding-top:24px;}
footer div.phone{width:50%; float:right; padding-left:48px; padding-top:24px;}

.home .hero{width:100%; margin-top:48px; height:80vh; background-color:#333; background-image: url(../images/home.jpg);   background-size: cover; background-position: center; background-repeat: no-repeat; position: relative;}
.home .hero .bookcover{height:80%; width:auto; display: block; position: absolute; top:0px; bottom:0px; left:auto; right:73px; margin:auto;}
.home .hero .content-wrap{height:100%;}
.home .hero .buy-the-book{display: block; position: absolute; bottom:-137px; right:20px; width:300px; height: 228px; background-image:url(../images/buy-the-book.png); background-size: contain; background-repeat: no-repeat; background-position: center; cursor: pointer; z-index: 6}
.home h1{margin-bottom:1.5em; padding-right: 339px; line-height: 1.1em;}

.home.temp .hero{height:300px;}
.home.temp .hero .bookcover{height: 400px; top:17px; right:78px; left: auto; bottom:auto;}
.home.temp h1{padding-right:325px; font-size:42px;}
.temp header .social{float:right; padding-top:8px;}

.interior .hero{height:302px; width:100%; position: relative; background-color:#666; background-size: cover; background-repeat: no-repeat; background-position: center top; border-bottom:15px solid #f89820; margin-top: 48px;}
.interior .hero .content-wrap{height: 100%;}
.interior .bookcover{height:200px; width:auto; display: block; position: absolute; top:0px; bottom:0px; left:0px; right:0px; margin:auto;}
.interior #Main{margin-bottom:75px; padding-top:50px;}
.interior h1{font-size: 38px; margin-top:0px;}
.interior p.larger{font-size: 20px;}

/*.interior .hero .buy-the-book{display: block; position: absolute; bottom:-137px; right:20px; width:300px; height: 228px; background-image:url(../images/buy-the-book.png); background-size: contain; background-repeat: no-repeat; background-position: center; cursor: pointer; z-index: 6}*/
.interior header .amazon{position: absolute; display: block; width: 150px; height:100px; cursor: pointer; background-image: url(../images/buy-the-book.png); background-size: contain; background-repeat: no-repeat; background-position: center; right:35px; top:8px;}

.content-table{display: table; width:100%;}
.content-table .content-left{ display: table-cell; width:50%; padding:0px 32px 110px 0px; border-right: 1px solid #333; position: relative;}
.content-table .content-right{ display: table-cell; width:50%; padding:0px 0px 110px 32px; position: relative;}

a.button{background-color:rgba(55,63,55,1); display: inline-block; padding:16px 24px; border: 8px solid #ded3a8; border-radius: 16px; color:#f89820; text-transform: uppercase; text-decoration: none; font-family:"Neutro W01 Bold"; transition:all 0.3s; box-shadow: rgba(0,0,0,0) 0px 0px 0px; cursor: pointer;}
a.button:hover{box-shadow: rgba(0,0,0,0.5) 0px 0px 2px; background-color:rgba(65,80,65,1);}
a{color:#319096}
a.email{ display: inline-block; background-image:url(../images/envelope2.svg); background-size:1.5em auto; background-position: center left; background-repeat: no-repeat; padding-left:2em; line-height: 2em; color:#319096; text-decoration: none;}
a.phone{display: inline-block; background-image:url(../images/phone-call-3.svg); background-size:1.5em auto; background-position: center left; background-repeat: no-repeat; padding-left:2em; line-height: 2em;color:#319096; text-decoration: none;}
.fax{display: inline-block; background-image:url(../images/print.svg); background-size:1.5em auto; background-position: center left; background-repeat: no-repeat; padding-left:2em; line-height: 2em; color:#319096}

a.twitter{display: inline-block; background-image:url(../images/Twitter_Logo_Blue.svg); background-size:2.1em auto; background-position: center left; background-repeat: no-repeat; padding-left:2.2em; line-height: 2em;color:#319096; position: relative; left:-4px; text-decoration: none;}
a.linkedin{display: inline-block; background-image:url(../images/linkedin.svg); background-size:1.5em auto; background-position: center left; background-repeat: no-repeat; padding-left:2em; line-height: 2em;color:#319096; text-decoration: none;}


.authors .buttons{position: absolute; bottom:0px; text-align: center;}
.authors .hero{background-image: url(../images/authors.jpg);}
.authors .bookcover{height: 400px; top:8px; right:78px; left: auto; bottom:auto; }
.authors img.inset{float:left; width:20%; height:auto; margin-right: 16px; margin-bottom: 8px;}

.biography .hero{background-image: url(../images/authors.jpg);}
.biography .bookcover{height: 400px; top:53px; right:78px; left: auto; bottom:auto; }
.biography .hero .author{position: absolute; height: 329px; top:60px; right:78px; border:4px solid #dfdfdf;}

.contact .hero{background-image:url(../images/education.jpg); margin-bottom:105px;}

.contact h1{font-size:32px;}
.contact .content-table{max-width: 850px; margin:0px auto;}
.contact .content-table .content-left{padding-left:70px;}

.business-education .hero{background-image:url(../images/contact.jpg);}
.business-education .buttons{ text-align: center; margin:64px 0px;}
.business-education .buttons .button{margin:0px 12px; }
.business-education .bookcover{height: 400px; top:8px; left:auto; right: 145px; bottom:auto; }

.consulting .hero {background-image: url(../images/consultation.jpg);}
.consulting .buttons{ text-align: center; margin:64px 0px 84px 0px;}
.consulting .buttons .button{margin:0px 12px;}

.conference .hero{background-image: url(../images/conference.jpg);}
.conference .bookcover{height: 400px; top:8px; right:145px; left: auto; bottom:auto; }

.conference .button.registration{position: absolute; margin-left:400px; top:-17px;}


.aside-right{float:right; margin:-44px 0px 24px 0px; width:43%; height: auto;}

#registration{ max-width:800px; margin:0px auto;}

.registration label{ display: inline-block; background-color:#FFF; margin-top:-22px; padding:4px 8px;}
.registration input[type="text"],
.registration input[type="number"],
.registration input[type="phone"]{display: block; width:100%; font-size:18px; padding:8px 12px; border:1px solid #999; border-radius: 3px; margin:4px 0px 12px 0px; }
.registration input.invalid{border-color:#ff0000;}
.registration input[type="checkbox"]{ }
.registration label.checkbox{display: block; margin-left: 24px;}
.registration textarea{display: block; width:100%; height:250px; font-size:18px; padding:8px 12px; border:1px solid #999; border-radius: 3px; margin:4px 0px 12px 0px;}
.registration .radio label{display: inline-block; margin-right:12px;}
.registration input[type="radio"]{margin-right:12px;}
.registration fieldset{border:1px solid #666; margin:32px 0px;}
.registration input[type="submit"]{background-color:rgba(55,63,55,1); display: inline-block; margin-top:24px; padding:16px 24px; border: 8px solid #ded3a8; border-radius: 16px; color:#f89820; text-transform: uppercase; text-decoration: none; font-family:"Neutro W01 Bold"; transition:all 0.3s; box-shadow: rgba(0,0,0,0) 0px 0px 0px; cursor:pointer;font-size: 18px;}

.registration .submit-wrap:hover:after{animation: submit-hover 0.3s linear infinite;}
.registration .submit-wrap{display: inline-block; position: relative;}
.registration .submit-wrap:after{z-index: 1; content:''; display: block; background-image:url(../images/plane.svg); background-size:contain; background-position: center; background-repeat: no-repeat; width:30px; height: 30px; position: absolute; top:3px; right:6px;}
.registration.send .submit-wrap:after{animation: submit-send 1s linear;}
.registration.success .submit-wrap:after{background-image:url(../images/check.svg);}

.registration input.half{width:48%; display: inline-block; vertical-align: top;}

.select{position: relative; margin:4px 0px; width:49%; margin-right: 3%; display: inline-block; vertical-align: top;}
.select label{display: none;}
.select select{ visibility:hidden; padding-right:10px; display:none;  }
.select .styledSelect{ color:#999; background-color:#fff; padding:8px; text-align:left; white-space:pre; overflow:hidden; text-overflow:ellipsis; position:relative;  border:1px solid #999; border-radius: 3px; font-weight: 500}
.select .styledSelect:after{font-size:24px; line-height:14px;content:'\025BE'; display:inline-block; width:1em; height:1em; position:absolute; right:0px;}
.select.on .styledSelect:after{content:'\025B4';}
.select .options{ display:none; position:absolute; width:100%; top:100%; right:0px; z-index:999; margin:0px; padding:0px; list-style:none; border:1px solid #ccc; background-color:#fff; box-shadow:rgba(0, 0, 0, 0.2) 0px 1px 2px;  }
.select.on .options{ display:block; max-height:350px; overflow-y: auto;}
.select .options li{ margin:0px; padding:4px 10px; line-height:12px;  }
.select .options li:hover{ background-color:#39f; color:#fff;  }


@keyframes submit-hover {
    0%,100% {right: 6px; top:3px;}    
    
    50% { right:8px; top:3px; }
    
}

@keyframes submit-send{
    0%{right:6px; top:3px; height: 30px; width:30px; }
    20%{right:44px; top:1px; height: 50px; width:50px; }
    50%{right:30px; top:3px; height: 24px; width:24px;}
    70%{right:15px; top:10px; height: 15px; width:15px;}
    100%{right:6px; top:15px; height: 0px; width:0px;}
}

#Main .off{opacity:0;}
.hideable{opacity:1; transition:all 0.5s ease;}
.hidden{display: none;}


@media screen and (max-width:1360px){
    
    .content-wrap{margin-left:46.5px; margin-right:46.5px; width:auto;}
    
}
@media screen and (max-width:1190px){
    nav a{padding:15px 24px;}
}
@media screen and (max-width:1135px){
    .business-education .buttons .button{margin:0px 5px;}
}

@media screen and (max-width:1080px){
    header .content-wrap{position: static;}
    header nav{position: absolute; top:0px; left:-500px; width:90%; max-width: 500px; height:100vh; padding-top:48px; transition: all 0.3s ease-in;}
    header nav ul{list-style: none;background-color:rgba(69, 69, 69,0.95); width:100%; margin:0px; padding:48px 0px 75px; height:100%; box-shadow: rgba(0,0,0,0.0) 0px 7px 0px 0px;transition: all 0.3s ease-in; }
    header nav a{font-size:18px; display: block; padding:24px 64px; color:#FFF; text-decoration: none; font-weight: 700; border-bottom:1px solid #fff; transition: all 0.3s ease-in;}
    header nav a:hover{background-color:rgba(255,255,255,0.2);}
    header:before{content:'MENU'; display: block; width: 49px; text-align: center; color:rgba(255,255,255,0.9); cursor: pointer; position: absolute; top:8px; left:35px; font-size: 16px; border-bottom:2px solid rgba(255,255,255,0.9); padding-bottom: 6px; opacity: 1; transition:all 0.3s ease;}
    header:after{content:''; display: block; width:49px; border-bottom:2px solid rgba(255,255,255,0.9); position: absolute; top:27px; left:35px; cursor: pointer;transition:all 0.3s ease;}
    header .content-wrap:after{content:''; display: block; width:49px; border-bottom:2px solid rgba(255,255,255,0.9); position: absolute; top:39px; left:35px; cursor: pointer; transition:all 0.3s ease;}
    header.on nav{left:0px;}
    header.on:before{opacity: 0;}
    header.on:after{transform:rotate(45deg); width:30px; left:40px}
    header.on .content-wrap:after{transform:rotate(-45deg); width:30px; left:40px; top:27px;}
    header.on nav ul{ box-shadow: rgba(0,0,0,0.5) 0px 7px 8px 1px;}
    nav li{display: block;}
    
    header{height: 75px;}
    header:before{top:20px;}
    header:after{top:39px;}
    header .content-wrap:after{top:51px;}
    header.on .content-wrap:after{top:38px;}
    header nav{padding-top: 75px;}
    .interior header .amazon,
    header .amazon{top:2px; width:100px; height: 70px;}
    
    .home .hero{margin-top:75px;}
    .interior .hero{margin-top:75px;}
    .home .hero{height:400px;}
    .home .hero .buy-the-book{display: none;}
    header .amazon{position: absolute; display: block; width: 150px; height:100px; cursor: pointer; background-image: url(../images/buy-the-book.png); background-size: contain; background-repeat: no-repeat; background-position: center; right:35px; top:8px;}
    .home h1{font-size: 42px; padding-right: 0px;}
    .interior p.larger,
    p.larger{font-size: 18px;}
    .biography .hero .author{height: 255px; top:106px;}
    
    .consulting .buttons .button,
    .business-education .buttons .button{display: block; max-width:421px; text-align: center; margin:12px auto;}
    
    .interior .hero{height: 175px;}
    .home .hero{background-image: url(../images/home-1080.jpg);}
    .authors .hero{background-image: url(../images/authors-1080.jpg);}
    .business-education .hero{background-image: url(../images/contact-1080.jpg);}
    .consulting .hero{background-image: url(../images/consultation-1080.jpg);}
    .contact .hero {background-image: url(../images/education-1080.jpg);}
    .conference .hero {background-image: url(../images/conference-1080.jpg);}
    .biography .hero .author{height: 175px; top:24px; right: 0px;}
    .conference .bookcover,
    .business-education .bookcover{height: 221px; right: 122px;}
    
    .conference .button.registration{position: static;margin-left: 0px;}
}

@media screen and (max-width:840px){
    .home.temp .hero .bookcover{height:325px;}
    .home.temp h1{padding-right:0px; margin-top:44px; margin-bottom:24px; font-size:32px;}
     a.button{padding:12px 18px; border:6px solid #ded3a8; font-size: 14px; font-family: 'Neutro W01 Regular';}
    
    
    h2{font-size: 22px;}
    .contact .hero{margin-bottom: 0px;}
    .contact h1{font-size: 22px;}
    .contact .content-table .content-left{padding-left: 0px;}
    blockquote{margin-left: 16px; margin-right: 16px;}
}

@media screen and (max-width:750px){
    header{height: 75px;}
    header:before{top:20px;}
    header:after{top:39px;}
    header .content-wrap:after{top:51px;}
    header.on .content-wrap:after{top:38px;}
    header nav{padding-top: 75px;}
    .interior header .amazon,
    header .amazon{top:2px; width:100px; height: 70px;}
    .home.temp .hero .bookcover{height:100%; width:auto; left:0px; right:0px;}
    .home .hero{margin-top:75px;}
    .interior .hero{margin-top:75px;}
    .contact .content-table .content-right,
    .contact .content-table .content-left{display: block; width:auto; border-right: none; padding:0px;}
}

@media screen and (max-width:650px){
    .interior p.larger,
     p.larger{font-size: 16px;}
    .content-wrap{margin-left:24px; margin-right: 24px;}
    .home .hero{height: 175px; background-image: url(../images/home-650.jpg);}
    .authors .hero{background-image: url(../images/authors-650.jpg);}
    .business-education .hero{background-image: url(../images/contact-650.jpg);}
    .consulting .hero{background-image: url(../images/consultation-650.jpg);}
    .contact .hero {background-image: url(../images/education-650.jpg);}
    .conference .hero {background-image: url(../images/conference-650.jpg);}
    
    
    .home .hero .bookcover{height: 100%; width: auto; left:0px; right: auto;}
    .home h1{font-size: 32px; margin-bottom: 24px;}
    
    
    .interior #Main{padding-top:24px;}
    .interior h1{font-size: 27px;}
    .content-table .content-right,
    .content-table .content-left{display: block; width:auto; border-right: none; padding:0px;}
    h2{font-size: 22px;}
    .authors .buttons{position: static; padding-top:24px; padding-bottom: 24px;}
   
    
    .conference .bookcover,
    .business-education .bookcover{height: 175px; right:0px;}
    .consulting .buttons,
    .business-education .buttons{margin:24px 0px;}
    .business-education .buttons .button{width:auto;}
    .aside-right{float: none; width:auto; max-width: 80%; display: block; margin:0px;}
    
    .contact .hero{margin-bottom: 0px;}
    .contact .content-table .content-left{padding:0px; margin-bottom: 24px;}
    .contact blockquote{margin:0px; width:auto;}
}