@font-face{font-family:open; font-style:normal; font-weight:normal;src:url("fonts/openr.woff") format("woff");}
@font-face{font-family:oswald; font-style:normal; font-weight:normal;src:url("fonts/oswald.woff") format("woff");}
@font-face{font-family:oswald; font-style:normal; font-weight:200;src:url("fonts/oswald200.woff") format("woff");}
@font-face{font-family:oswald; font-style:normal; font-weight:300;src:url("fonts/oswald300.woff") format("woff");}
@font-face{font-family:oswaldb; font-style:normal; font-weight:normal;src:url("fonts/oswald300.woff") format("woff");}
@font-face{font-family:optima; font-style:normal; font-weight:normal;src:url("fonts/optima.woff") format("woff");}
a {
  text-decoration: none;
}

body {margin:0;}

#header {width:100%;}

#navdiv {display:inline-block;}
#block1 {background-image:url(images/bg1.jpg);background-size:cover;background-repeat:no-repeat; margin:10em 2em 6em 2em; text-align:center;position:relative;padding-top:5em;}
#courses {display:flex; flex-wrap:wrap; justify-content:center;align-content:center;padding:1em;}

#primary-course   {width:25em;margin:1em;display:inline-block;transition-duration: 0.4s;border:1em solid #fff;}
#secondary-course {width:25em;margin:1em;display:inline-block;transition-duration: 0.4s;border:1em solid #fff;}
#persians-book {width:25em;margin:1em;display:inline-block;transition-duration: 0.4s;border:1em solid #fff;}

#primary-course:hover .capt   {background:#FFEB59;}
#secondary-course:hover .capt {background:#FFEB59;}
#persians-book:hover .capt {background:#FFEB59;}

#primary-img {width:100%;display:inline-block;vertical-align:top;}
#secondary-img {width:100%;display:inline-block;vertical-align:top;}
#persians-img {width:100%;display:inline-block;vertical-align:top;}
.capt {font-family:oswald; font-size:1.5em; background-color: #eee; padding:.5em; width:100%; display:inline-block; font-weight: 300; margin-top:0;transition-duration: 0.4s;}
.explainer {font-family:oswald; font-size:0.6em;}
a {color:black;}
.capt:hover {background:#FFEB59;}

.capt2 {font-family:oswald; font-size:1.2em; background-color: #eee; padding:.5em; width:16.7em; display:inline-block; font-weight: 300; margin-top:-1em;transition-duration: 0.4s;}
.capt2:hover {background:#FFEB59;}
#block0 {text-align:center; width: 100%; background-color:#eee; margin-bottom: 2em;}
* {box-sizing:border-box}


#block2 {text-align:center; background-color:#e6e6e6;margin:0 2em 1em 2em;position:relative;padding-top:5em;}
#training {display:flex; flex-wrap:wrap; justify-content:center;align-content:center;}
.train {width:27em;margin:1em;display:inline-block;border:solid 1em #fff;position:relative;transition-duration: 0.4s;}
.train:hover .captrain {background:#FFEB59;}
.train-img {width:25em; height:17em;display:inline-block;vertical-align:top;}

.captrain {font-family:oswald; font-size:1.5em; background-color: #fff; padding:.5em; width:16.7em; display:inline-block; font-weight: 300; margin-top:0;transition-duration: 0.4s;}
.captrain:hover {background:#FFEB59;}

#block3 {background-image:url(images/bg2.jpg);background-size:cover;background-repeat:no-repeat; clear:both; height: 18em;margin:0 2em 2em 2em; text-align:center;padding-top:3em;}
#trainyou {text-align:center; font-family:oswald;background-color:#fff; display:inline-block;font-weight:300;padding:2em;}
#train4u {font-size:1.5em;margin:0;}
#train4utxt {font-size:1em;}
#train4ubut {background-color: #FFEB59;color: black;transition-duration: 0.4s;padding:1em;border:none;}
#train4ubut:hover {background-color:#ECD251;box-shadow: none;cursor:pointer;}

#block4 {text-align:center; width: 100%;position:relative;padding-top:5em;margin:0 2em;}
.resource-img {width:20em; height:15em;}
.resource-box {width:20em;margin:1em;display:inline-block;}
#resources {display: flex; flex-wrap:wrap; justify-content:center;align-content:center; text-align:center;padding:0 6em;}


#block5 {background-image:url(images/bg3.jpg);background-size:cover;background-repeat:no-repeat; clear:both; height: 18em;margin:0 2em; text-align:center;padding-top:5em;}
#signup-txt {font-family:open; font-size: 0.8em; padding:0 3em;}
#mc_embed_signup {padding: 1em; width: 30em; background-color:white;margin:auto;}
#links {display:inline-block; float:left; line-height:2em;}
#contact {display:inline-block; float:right;}
.social-pic {width: 3em; padding: 1.5em .5em;}
#social {text-align: right;}

.yellabel {position:absolute; font-family:oswald;font-size:1.5em;background-color:#FFEB59;padding:0.5em 1em 0.5em 1em;font-weight:300;top:1em;left:-15em;width:23em;text-align:right;}
.yellabelsmall {position:absolute; font-family:oswald;font-size:1em;background-color:#FFEB59;padding:0.5em;font-weight:300;}
.extlink {position:absolute; font-family:oswald;font-size:1em;background-color:#fff;padding:0.5em;font-weight:300;bottom:3em;right:0;transition-duration: 0.4s;} 

#rom-foc {position:relative;}
#rom-foc:hover .extlink {background-color:#FFEB59;}

#clas-tal {position:relative;}
#clas-tal:hover .extlink {background-color:#FFEB59;}


#browsetrain {right:-2em;top:13em;}

#signtrain {right:-2em;top:13em;}


#mc_embed_signup{background:#fff; font-family:open; text-align:center; padding:1em 0 1em 1em; display:inline-block;}
#mc_embed_signup form {display:block; position:relative; text-align:left; padding:.5em;}
#mc_embed_signup input {font-family:open; border:1px solid black; -webkit-appearance:none; font-size:100%; margin-top:2em; padding:.em;}
#mc_embed_signup input:focus {border-color:#333;}
#mc_embed_signup .button {font-family:open; font-size:100%; color:#fff; cursor:pointer;}
#mc_embed_signup .button:hover {background-color:#777;}
#mc_embed_signup .nowrap {white-space:nowrap;}     
#mc_embed_signup .clear {clear:none; display:inline;}
#mc_embed_signup label {display:block; padding-bottom:.5em;}
#mc_embed_signup input.email {font-family:open; display:block; padding:0 .4em; margin:0 4% 0 0; height:2.5em; line-height:2.5em; width:20em;}
#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}
.mc_hidfld{position:absolute; left:-5000px;}