/* CSS Document */

body { 
	background: #bcb3a0 url(../images/bg.jpg) repeat-x;
}
h1,h2,h3,h4,h5,h6,h7,h8{ line-height:1;}
h1{font-size:35px; font-family: 'Roboto Slab', serif; text-transform:uppercase; }
h2{font-size:24px; font-family: 'Roboto Slab', serif; text-transform:uppercase; color:#303138;}
h2 span{ color:#971920;}

p {
    font-family: 'Roboto Slab', serif !important;
    font-size: 16px !important;
    color: #8c8885;
}
ul { 
	margin:0px; 
	padding:0px; 
}
ul li div { 
	color:#8c8885; 
	font-size:14px; 
}
p.superlargecaps {
    color: #282828;
    font-size: 24px !important;
}
strong {
    font-family: 'Roboto Slab', serif;
    color: #333;
	font-weight: normal;
}
.req { color:red; font-size: 13px; text-transform: uppercase;}
a.about-button, .contact-us {
    color: white !important;
    font-family: Roboto !important;
    font: Roboto;
    text-transform: uppercase;
    background: #8b181d;
    padding: 7px 25px;
    font-size: 16px !important;
	cursor: pointer;
}
.main-body-secondary ul li {
    list-style: none;
    margin: 0 0 0 20px;
    padding: 3px 5px 3px 5px;
    list-style-image: url("../images/bullet.png");
}

.main-body-secondary li {
    list-style: disc inside none;
    color: #303138;
    font-size: 16px;
}

.main-body-secondary ul.pagination li {
    list-style: none;
    margin: 0;
    padding: 0;
    list-style-image: none;
}

.secondary a {
	text-decoration: none;
    outline: none;
    color: #c80813;
    font-family: 'Roboto Slab', serif;
}
.fb-link { 
display:block;
position:absolute; 
top:30px;
left:30px;
z-index:1000;
}
@media (min-width: 1019px){
.fb-link { 
left:auto;
top:40px;
right:50px;
}
}
.navbar { 
	background-image: url("../images/header.jpg");
	background-position: top center;
	background-repeat: no-repeat;
	background-color:none !important;
	position: relative;
	z-index:100;
}
.navbar-brand {
    margin: 0 auto;
}
.navbar-toggler {
	position:absolute;
	right:20px;
	top:30px;
	border:none;
	color:white;
}
.nav-item a { 
	
	font-family: 'Roboto Slab', serif;
    color: black !important;
    font-size: 17px;
    font-weight: 400;
    text-transform: uppercase;
	text-align:center;
	line-height:22px;
}
.navbar-collapse {
    background: white;
    padding: 30px 0;
}
.navbar-toggler:focus, .navbar-toggler:active {
 	outline: none;
 	box-shadow: none;
}
.logo img { 
	width: 290px;
    margin-top: 20px;
}
#map-outer {
   /* background: url(../images/map-bg.png) -5px 0 no-repeat;
   
    height: 560px; */
	 position: relative;
}
.home-map {
    width: 100%;
    height: 462px;
}
.searchbutton, .presenter-website { text-align:center; background:#8c191e; color:white !important; padding:10px 20px; cursor:pointer; text-transform:uppercase; display:block; width:150px; margin:10px 0 0 0; font-family:Roboto; font-size:14px;  }
.dash-class-details { position: relative;
    width: 287px;
    /* width: 100%; */
    height: 270px;
    overflow: hidden;
    margin-right: 8px;
    float: left;
    padding: 30px;
    background: url(../images/class-bg.png) no-repeat;
}
.deleteclass { background:#8c191e; cursor:pointer;color:white; text-transform:uppercase; font-size:12px; padding:3px 10px; display:block;
    position: absolute;
    bottom: 46px; }
.dash-class-details h3 { color:white; font-family:Roboto Slab; font-size:14px; margin:10px 0 0 0; }
.dash-class-details span.sub { font-size:14px; color:#eab8b8;  }
.dash-class-details p { font-family:Roboto !important; color:#333; font-size:14px !important; line-height:16px; position:absolute; top:105px; width:230px;  }
.dash-class-details a { display:block; position:absolute; bottom:40px; font-size:14px; font-family:Roboto;}
.classtop { color:white;}

.paginate_button { cursor: pointer;padding:0 3px;}
.main-body {
	background-image: url(../images/mobile-sm-bg.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    /* min-height: 10px; 
    width: 1319px !important;*/
    background-color: #f7f3eb;
    margin: -79px auto 0 auto;
    position: relative;
    text-align: center;
    padding-bottom: 50px;
    border-bottom: solid white;
}
.main-body-secondary {
	background:#f6f3ea;
	padding: 20px 20px 50px 20px !important;
}
.home-video {
	position:relative;
	margin:159px auto 0 auto;
	width:330px;
	height:184px;
}

.main-body section { 
	display: block;
    position:relative; 
    width: 380px;
    /* left: 110px; */
    /* top: 115px; */
    margin: 140px auto 0 auto;
}
.main-body section h1 { font-size: 30px;
    line-height: 46px;
    text-transform: none;
    color: #3f3f3f;
    text-align: center;
    text-transform: uppercase; } 
.main-body section h1 span { color:#971920; }
.main-body section p {  
	font-size: 19px !important;
    line-height: 25px;
    font-family: 'Roboto Slab', serif;
    margin: 10px 0 20px 0;
    color: #3f3f3f;
    font-weight: 300;
    letter-spacing: 2px; 
	text-align: center;
}
.main-body section a.start { 
	background: url(../images/button.png) no-repeat 0px 0px; 
	height:119px; 
	width:309px; 
	position:relative; 
	display:block;
	left:30px; 
	margin:0px 0 0 0; 
	cursor:pointer; 
	line-height: 0; 
	font-size: 0; 
	color: transparent; 
}
.main-body section a.start:hover { background: url(../images/button.png) no-repeat 0px -120px; }

.breadcrumbs {
    font-family: Roboto;
    font-style: italic;
    font-size: 13px;
    color: #71716f;
    margin: -5px 0 30px 0px;
}
#mainpagetitle {
	margin:0 0 35px 0px;
	font-size: 18px;
}
.secondary-sidebar {
	min-height: 500px;
	padding:30px;
}
.sidebar-info h2 {
    font-size: 22px;
    line-height: 26px;
    text-transform: none;
    color: #3f3f3f;
}
.sidebar-info a.start {
    background: url(../images/button.png) no-repeat 0px 0px;
    height: 119px;
    width: 309px;
    position: absolute;
    margin: 0;
    cursor: pointer;
    line-height: 0;
    font-size: 0;
    color: transparent;
}
.sidebar-info a.start:hover { 
	background: url(../images/button.png) no-repeat 0px -120px; 
}
#faq li div {
    font-size: 16px;
    margin: 5px 0 15px 0;
    color: #949292;
    font-family: 'Roboto' !important;
}
#faq li:hover { 
	cursor: pointer; 
}
.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #971920;
    border-color: #971920;
}
.check-height-2 iframe {
	bottom:0;
}
.secondary-main {
	background-color: white;
	padding:25px;
}

/***      PRESENTER DASHBOARD       ****/
.dash-bio {
width:520px;
float:left;
margin:20px 20px 20px 0;
}
.dash-bio p {
font-family:Roboto !important;
font-size:14px !important;
}
.dash-bio textarea { 
width:480px !important;
height:300px;
padding:10px;
}
.dash-links {
margin:0 0 20px 0;
}
.dash-links p {
font-family:Roboto !important;
font-size:14px !important;
}
.dash-links input {
width:370px;
margin:0 20px 10px 0;
padding:10px;
}
.dash-presenter {
margin:0 0 20px 0; 
}
.dash-presenter p {
font-family:Roboto !important;
font-size:14px !important;
}
.dash-photo {
 width:290px;
float:left;
margin:20px 0 0 0;
}
.dash-photo p {
font-family:Roboto !important;
font-size:14px !important;
}
.dashright {
width:260px;
padding:5px 10px;
margin:0 0 3px 0;
}
.dash-presenter label { 
font-family:Roboto; text-transform:uppercase; font-size:13px;

width:265px;
margin:0 10px 10px 0;
display:block;
float:left;
}
.dash-presenter input, .dash-presenter select {
width:240px;
padding:5px 10px;
font-size:16px;
}
.dash-class label { 
font-family:Roboto; text-transform:uppercase; font-size:13px;

width:265px;
margin:0 10px 10px 0;
display:block;
float:left;
}

.dash-class  p {
font-family:Roboto !important;
font-size:14px !important;
}
.dash-class { border-top:dashed 1px #ccc; padding:20px 0 0 0; }
/*.dash-class textarea { display:block; height:80px; width:790px; padding:10px; margin: 0 0 20px 0; }*/
#dash-classinfo { margin:40px 0 0 0; }

.dash-photo img { border: solid 10px white; }
.dash-photo a { color:white; font-family:Roboto; text-transform:uppercase; background:#8b181d; padding:5px 15px; }
.dash-photo a:hover { text-decoration:none; background:#555051; }
.presenter-img { border: solid 10px white; float:right; margin:20px 0 20px 20px; }
.presenter-website { color:white; font-family:Roboto; text-transform:uppercase; background:#8b181d; padding:5px 15px; }
.presenter-website:hover { text-decoration:none; background:#555051; }
.test-box-read p { margin:5px 0 0 0; font-family:Roboto !important; font-style:italic; font-size:14px !important; }
.test-box-read strong { margin:0; font-family:Roboto Slab !important; font-style:italic; font-size:14px !important; font-weight:bold; }
.test-box-read em { font-family:Roboto !important; font-style:italic; font-size:14px !important; }

#the-sticky-div {
width:200px;
height:40px;
color:white;
padding:6px 20px 2px 20px;	
background:#66d82f;
position: fixed;
top:0px;
margin:0 0 0 500px;
text-align:center;
z-index:10000;
}

table{ border-top:1px solid #dddddd; border-left:1px solid #dddddd;}
table th{text-transform:uppercase; font-size:18px;color:#661500;}
table th,table td{ border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; padding:8px 10px;}
#myTable_previous { padding:0 10px 0 0 !important; }
#myTable_next { padding:0 0 0 10px !important; }

input#facebook { background-image:url('/images/icons.jpg'); background-repeat: no-repeat; padding-left:40px; width:230px; background-position:0px 1px; }
input#twitter { background-image:url('/images/icons.jpg'); background-repeat: no-repeat; padding-left:40px; width:230px; background-position:0px -33px; }
input#youtube { background-image:url('/images/icons.jpg'); background-repeat: no-repeat; padding-left:40px; width:230px; background-position:0px -67px; }
input#vimeo { background-image:url('/images/icons.jpg'); background-repeat: no-repeat; padding-left:40px; width:230px; background-position:0px -101px; }
input#instagram { background-image:url('/images/icons.jpg'); background-repeat: no-repeat; padding-left:40px; width:230px; background-position:0px -135px; }
input#website { background-image:url('/images/icons.jpg'); background-repeat: no-repeat; padding-left:40px; width:230px; background-position:0px -168px; }
input#email { background-image:url('/images/icons.jpg'); background-repeat: no-repeat; padding-left:40px; width:230px; background-position:0px -202px; margin:0 0 30px 0; }

a#facebook-2 { background-image:url('/images/icons.jpg'); background-repeat: no-repeat;  background-position:1px 3px; display:block; background-color:white; color:#648b8e; font-size:13px; padding:6px 0 5px 37px; font-family:Roboto; margin: 0 0 2px 0;}
a#twitter-2 { background-image:url('/images/icons.jpg'); background-repeat: no-repeat;  background-position:1px -31px; display:block; background-color:white; color:#648b8e; font-size:13px; padding:6px 0 5px 37px; font-family:Roboto; margin: 0 0 2px 0;}
a#youtube-2 { background-image:url('/images/icons.jpg'); background-repeat: no-repeat;  background-position:1px -65px; display:block; background-color:white; color:#648b8e; font-size:13px; padding:6px 0 5px 37px; font-family:Roboto; margin: 0 0 2px 0;}
a#vimeo-2 { background-image:url('/images/icons.jpg'); background-repeat: no-repeat;  background-position:1px -99px; display:block; background-color:white; color:#648b8e; font-size:13px; padding:6px 0 5px 37px; font-family:Roboto; margin: 0 0 2px 0;}
a#instagram-2 { background-image:url('/images/icons.jpg'); background-repeat: no-repeat;  background-position:1px -133px; display:block; background-color:white; color:#648b8e; font-size:13px; padding:6px 0 5px 37px; font-family:Roboto; margin: 0 0 2px 0;}
a#website-2 { background-image:url('/images/icons.jpg'); background-repeat: no-repeat;  background-position:1px -166px; display:block; background-color:white; color:#648b8e; font-size:13px; padding:6px 0 5px 37px; font-family:Roboto; margin: 0 0 2px 0;}
a#email-2 { background-image:url('/images/icons.jpg'); background-repeat: no-repeat; padding-left:40px;  background-position:1px -200px; margin:0 0 30px 0; display:block; background-color:white;  color:#648b8e; font-size:13px; padding:6px 0 5px 37px; font-family:Roboto; }

.test-box { font-family:Roboto; font-size:14px; }
.testhead { display:block; color:#333; }
.test-box textarea { padding:10px; width:260px; }
.test-box  p {
font-family:Roboto !important;
font-size:14px !important;
}
.dash-presenter label { 
font-family:Roboto; text-transform:uppercase; font-size:13px;

width:265px;
margin:0 10px 10px 0;
display:block;
float:left;
}
.dash-presenter input, .dash-presenter select {
width:240px;
padding:5px 10px;
font-size:16px;
}
.dash-class label { 
font-family:Roboto; text-transform:uppercase; font-size:13px;

width:265px;
margin:0 10px 10px 0;
display:block;
float:left;
}
.dash-class input, .dash-class select {
width:100%;
padding:5px 10px;
font-size:16px;
}
.dash-class  p {
font-family:Roboto !important;
font-size:14px !important;
}
.dash-class { border-top:dashed 1px #ccc; padding:20px 0 0 0; }
.dash-class textarea { display:block; height:80px; width:100%; padding:10px; margin: 0 0 20px 0; }
#dash-classinfo { margin:40px 0 0 0; }
.savepresenter {
    cursor: pointer;
    color: white !important;
    font-family: Roboto !important;
    font-family: Roboto;
    text-transform: uppercase;
    background: #8b181d;
    padding: 7px 25px;
    font-size: 14px !important;
}
.saveclass {
    background: #8c191e;
    color: white;
    padding: 10px 20px;
    cursor: pointer;
    text-transform: uppercase;
}
.signin, .signin2 {
    cursor: pointer;
    background: #8c191f;
    text-transform: uppercase;
    color: white;
    font-family: Roboto;
    padding: 10px 20px;
   display: inline-block;
    margin: 10px 0 0 0;  
}

/****    KEYPAD     *******/


#login-pad  .vaultlogin { cursor:pointer; margin-top:30px; display:inline-block; background:#8c191e; color:white; font-family:Roboto;  text-transform:uppercase; font-weight:bold; font-size:16px; padding:10px 60px; }
#login-pad  .vaultlogin:hover { background:#5f5e5e; }
#login-pad .signuperror {  color:red; font-family:Roboto; font-size:16px; font-weight:bold; }


#keycode-pad {
	/*position:relative;
	top:100px;
	margin:0 auto;
	width:595px;
	height:484px;
	background: url(../images/login-pad.png) no-repeat;
z-index:200;
	left:0;
right:0;*/
}

#keycode-pad p { text-align:center;  }
#keycode-pad a { font-family:Roboto; margin-top:30px; text-transform:uppercase; font-weight:bold; font-size:14px; display:block;  }
#keycode-pad  .vaultlogin { cursor:pointer; margin-top:30px; display:inline-block; background:#8c191e; color:white; font-family:Roboto;  text-transform:uppercase; font-weight:bold; font-size:16px; padding:10px 60px; }
#keycode-pad  .vaultlogin:hover { background:#5f5e5e; }
#keycode-pad .padin1 { 
	position:relative; 
	font-family:Roboto; 
	font-weight: bold;
    font-size: 16px;
    height: 100px;
    width: 380px;
    background: url(/images/keycode-bg.png) no-repeat;
    /* display: block; */
    margin: 0 auto; }
#keycode-pad .padin1 input { text-transform: uppercase; }
#keycode-pad .padin1 input#mykey1 { width:30px; padding:6px 8px; position:absolute; top:47px; left:56px; font-size:14px; clear:both; display:block; }
#keycode-pad .padin1 input#mykey2 { width:30px; padding:6px 8px; position:absolute; top:47px; left:89px; font-size:14px; clear:both; display:block; }
#keycode-pad .padin1 input#mykey3 { width:30px; padding:6px 8px; position:absolute; top:47px; left:122px; font-size:14px; clear:both; display:block; }
#keycode-pad .padin1 input#mykey4 { width:30px; padding:6px 8px; position:absolute; top:47px; left:155px; font-size:14px; clear:both; display:block; }
#keycode-pad .padin1 input#mykey5 { width:30px; padding:6px 8px; position:absolute; top:47px; left:188px; font-size:14px; clear:both; display:block; }
#keycode-pad .padin1 input#mykey6 { width:30px; padding:6px 8px; position:absolute; top:47px; left:221px; font-size:14px; clear:both; display:block; }
#keycode-pad .padin1 input#mykey7 { width:30px; padding:6px 8px; position:absolute; top:47px; left:254px; font-size:14px; clear:both; display:block; }
#keycode-pad .padin1 input#mykey8 { width:30px; padding:6px 8px; position:absolute; top:47px; left:287px; font-size:14px; clear:both; display:block; }

#keycode-pad .padl1 {  }
#keycode-pad .signuperror {  color:red; font-family:Roboto; font-size:16px; font-weight:bold; }


#signup-pad-outer { }
#signup-pad {
	position:relative;
	
	margin:0 auto;
	
}

#signup-pad p { text-align:center; }
#signup-pad p strong.codein { color:green;font-weight:bold; font-size:18px; }
#signup-pad a { font-family:Roboto; display:block; bottom:50px; position:absolute; text-transform:uppercase; font-weight:bold; font-size:14px; }
#signup-pad  .vaultlogin { cursor:pointer; display:block;  background:#8c191e; color:white;  font-family:Roboto;  text-transform:uppercase; font-weight:bold; font-size:16px; padding:10px 60px;  }
#signup-pad .vaultlogin:hover { background:#5f5e5e; }
#signup-pad .padin1 { font-family:Roboto; font-weight:bold; font-size:13px;}
#signup-pad .padin2 { font-family:Roboto; font-weight:bold; font-size:13px;}
#signup-pad .padin1 input, #signup-pad .padin2 input {  font-size:16px; }
#signup-pad .padin3 { font-family:Roboto; font-weight:bold; font-size:13px;}
#signup-pad .padin4 { font-family:Roboto; font-weight:bold; font-size:13px;}
#signup-pad .padin3 input, #signup-pad .padin4 input { font-size:16px; }
#signup-pad .padl1 {  padding-right:20px; }
#signup-pad .padl2 {  left:305px; }
#signup-pad .padin5 {  font-family:Roboto; font-weight:bold; font-size:13px;}
#signup-pad .padin5 em { font-size:13px; font-family:Roboto; display:block; line-height:15px; }
#signup-pad .padin5 input { width:415px; padding:5px 10px;  font-size:16px;padding-left:40px; }
#signup-pad .padin6 {  font-family:Roboto; font-size:13px;  line-height:16px;}
#signup-pad .signuperror { color:red; font-family:Roboto; font-size:14px; font-weight:bold; }

#questions-pad-outer {  }
#questions-pad {
	position:relative;
	
}
#questions-pad .close { cursor:pointer; position:absolute; top:60px; color:white; right:50px; font-size:14px; }
#questions-pad p { display:block; position:absolute; top:180px; text-align:center; left:60px; width:470px; }
#questions-pad p strong.codein { color:green;font-weight:bold; font-size:18px; }
#questions-pad a { font-family:Roboto; display:block; bottom:50px; position:absolute; text-transform:uppercase; font-weight:bold; font-size:14px; }
#questions-pad  .vaultlogin { cursor:pointer; display:block; position:absolute; background:#8c191e; color:white; top:490px; font-family:Roboto;  text-transform:uppercase; font-weight:bold; font-size:16px; padding:10px 60px; left:170px; }
#questions-pad .vaultlogin:hover { background:#5f5e5e; }
#questions-pad .padin1 { position:absolute; top: 275px; width: 420px; left:75px; font-family:Roboto; font-weight:bold; font-size:13px;}
#questions-pad .padin2 { position:absolute; top: 335px;  width: 410px; left:75px;  font-family:Roboto; font-weight:bold; font-size:13px;}
#questions-pad .padin1 input { width:420px; padding:5px 10px; position:absolute; top:23px; left:0px; font-size:16px; }
#questions-pad .padin2 input { width:420px; padding:5px 10px; position:absolute; top:23px; left:0px; font-size:16px; }

#questions-pad .padin3 { position:absolute; top: 395px; width: 420px; left:75px; font-family:Roboto; font-weight:bold; font-size:13px;}
#questions-pad .padin4 { position:absolute; top: 457px;  width: 420px; left:75px;  font-family:Roboto; font-weight:bold; font-size:13px;}
#questions-pad .padin3 input { width:420px; padding:5px 10px; position:absolute; top:24px; left:0px; font-size:16px; } 
#questions-pad .padin4 input { width:420px; padding:5px 10px; position:absolute; top:24px; left:0px; font-size:16px; }
#questions-pad .padl1 { position:absolute; top: 535px; left:270px; padding-right:20px; }
#questions-pad .padin5 { position:absolute; top: 520px;  width: 420px; left:75px;  font-family:Roboto; font-weight:bold; font-size:13px;}
#questions-pad .padin5 em { font-size:13px; font-family:Roboto; display:block; line-height:15px; }
#questions-pad .padin5 input { width:415px; padding:5px 10px; position:absolute; top:24px; left:0px; font-size:16px; }
#questions-pad .padin6 { position:absolute; top: 575px;  width: 450px; left:75px;  font-family:Roboto; font-size:13px;  line-height:16px;}
#questions-pad .signuperror { color:red; font-family:Roboto; font-size:14px; font-weight:bold; }
#questions-pad .signupok {  color:green; font-family:Roboto; font-size:16px; font-weight:bold; }
#questions-pad .signupok span { text-decoration:underline; cursor:pointer; }

.userwordbutton { cursor:pointer; background: url(../images/magic-word-call-to-action-sm.jpg); width:100%; }


#magic-word-vault-outer { position:fixed; top:0; left:0; background: url(../images/pad-bg.png); width:100%; height:100%; z-index:150; }
#magic-word-vault {
	position:relative;
	top:100px;
	margin:0 auto;
	width:90%;
	height:420px;
	background: url(../images/magic-word-sm.png) no-repeat;
z-index:200;
	left:10px;
right:0;
}
#magic-word-vault .close { cursor:pointer; position:absolute; top:-20px; color:white; font-size:14px; }
#magic-word-vault .padin1 { position:absolute; top: 115px; width: 220px; left:30px; font-family:Roboto; font-weight:bold; font-size:13px; color:#c0a497; }
#magic-word-vault .padin1 input { width:250px; padding:5px 10px; position:absolute; top:23px; left:0px; font-size:16px; }
#magic-word-vault .submitword { cursor:pointer; display:block; position:absolute; background:white; color:#971920; text-transform:uppercase; font-family:Roboto; font-weight:bold; font-size:12px; top:185px; left:30px; padding:4px 20px;}
#magic-word-vault .submitword:hover { background:#ccc; }
#wordresult { color:white; position:absolute; top:250px; left:0px;  }

.close { opacity: 1 !important; text-shadow:none !important;}
#problem { color:red;}
#success { color:green;}

/****    FOOTER     *******/

.footlogo img {
	width:180px;
}

body.secondary footer {
    background: #bcb3a0;
}
footer { 
	/*display: block; */
    /* width: 1230px; */
    position: relative;
    color: white;
    margin: 0px auto 0px auto;
    font-size: 13px;
    text-align: center;  
	padding:50px 0;
}

footer ul { margin: 25px auto; display: inline-flex; flex-wrap: wrap; justify-content: center; }
footer ul li { display:block;float:left; margin:0 10px 0 0; padding:0 10px 0 0; border-right:solid 1px #ebe9e4; }
footer ul li:last-child { border: none; }
footer ul li a { color:#ebe9e4 !important; text-transform:uppercase; font-size:13px; font-family:Roboto !important; } 
footer p { margin:6px 0; font-family:Roboto !important; color:white; font-size:14px !important; }
footer p.policy { max-width: 480px; line-height: 20px; font-family:Roboto; color:white; font-size:14px !important; color:#ebe9e4; margin: 10px auto 25px auto;  }
footer p.policy a { font-size:14px !important; color:white; font-family:Roboto !important; }
p.policy.author {
    width: 450px;
    margin: 10px 0 0 0;
}


/** this is when the nav breaks for mobile **/
@media (min-width: 991px) {
	.nav-item a { 
		margin-top: -65px;
		margin-right:20px;
		font-family: 'Roboto Slab', serif;
    	color: white !important;
    	font-size: 17px;
    	font-weight: 400;
    	text-transform: uppercase;
		text-align:center;
		line-height:22px;
	}
	.nav-item a span { 
    	color: #fcb7bc;
		display:block;
		font-weight: 200;    
	}
	.navbar-collapse {
    	background: none;
    	padding: 0;
	}
	#magic-word-vault {
		background: url(../images/magic-word-md.png) no-repeat;
	}
	#magic-word-vault .close { cursor:pointer; position:absolute; top:-20px; color:white; font-size:14px; }
#magic-word-vault .padin1 { position:absolute; top: 95px; width: 220px; left:400px; font-family:Roboto; font-weight:bold; font-size:13px; color:#c0a497; }
#magic-word-vault .padin1 input { width:250px; padding:5px 10px; position:absolute; top:23px; left:0px; font-size:16px; }
#magic-word-vault .submitword { cursor:pointer; display:block; position:absolute; background:white; color:#971920; text-transform:uppercase; font-family:Roboto; font-weight:bold; font-size:12px; top:162px; left:400px; padding:4px 20px;}
#magic-word-vault .submitword:hover { background:#ccc; }
#wordresult { color:white; position:absolute; top:250px; left:10px;  }
}

/** this is the second breakpoint for mobile **/
@media (min-width: 600px){
	.logo img { 
		width:340px; 
		margin-top:10px; 
	}
	.main-body-secondary {
		
	}
	.main-body {
		background-image: url("../images/mobile-bg.jpg?1");
		/*width: 1319px !important;*/
	}
	.main-body section p {  
		font-size: 22px !important;
	}
	.home-video {
		position:relative;
		margin: 137px auto 0 auto;
    	width: 550px;
		height:325px;
	}
	
}

/** this is when the home background breaks from mobile to full width **/
@media (min-width: 1319px){
	body.secondary {
    	background: #f7f3ea url(../images/sec-bg.png) 0px 0px repeat-x;
		overflow-x: hidden; /* prevents scroll due to background size on tablets */
	}
	.secondary-main {
		padding: 20px 15px 0 90px;
		min-height: 750px;
		background-color: transparent;
	}
	.secondary-sidebar {
		padding: 100px 110px 0 90px;
	}
	.main-body {
		background-image: url("../images/main-bg.jpg?1");
		background-position: top center;
		background-repeat: no-repeat;
		height: 734px; /*  */
		width: 1319px !important;
		margin: -79px auto 0 auto;
		position:relative;
		padding-bottom: 0px;
    	border-bottom: none;
	}
	.main-body-secondary {
		background-image: url("../images/folder-bg-side.jpg");
		background-position: top center;
		background-repeat: no-repeat;
		
		width: 1440px !important;
		margin: -70px auto 120px auto;
		position:relative;
		padding: 0px 15px !important;
    	border-bottom: none;
	}
	.home-video {
		position:absolute;
		top:117px;
		left:85px;
		margin:0 auto;
		width: 579px;
		height:325px;
	}
	.main-body section { 
		display: block;
    	position: absolute;
    	width: 380px;
    	right: 110px;
	}
	.main-body section p {  
		text-align: left;
	}
	.breadcrumbs {
    	color: white;
    	margin: -5px 0 53px 0px;
	}
	#mainpagetitle {
		margin:0 0 115px 10px;
	}
	#magic-word-vault {
		background: url(../images/magic-word.png) no-repeat;
	}
	.userwordbutton { cursor:pointer; background: url(../images/magic-word-call-to-action.jpg); width:611px; }
	
	.dash-class-details { 
    	width: 277px;
	}
	
}