/* Global Styles */

html, body { height:100%;
    color: #333333;
    font-family: "Lato", sans-serif;
      font-weight: 400;
      font-style: normal;
 }
body { padding-top: 0px; background: #E0D9CE; }
body.safari { background: #E0D9CE; }
body.bench { background: #E0D9CE; }

.container { position:relative; z-index:20; width: 100%; overflow: hidden; }

P { margin: 0 0 20px; }

.intro a {
color: #333333;
text-decoration: underline;
}
ul { list-style: none; padding: 6px 0px 6px 0px; margin: 0px 0px 15px 0px; }
ul li { position: relative; background: url('../../assets/images/general/Bullet.png') no-repeat 0px 9px;  border: none; min-height: 0px; width: auto; padding: 4px 10px 4px 15px; }


/* Navigation */
.navbar { background: #445649; margin-bottom: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border: none; z-index: 20; }
.nav { padding: 0; }
.nav li { padding: 0; background: transparent; }

/* Global Nav */
.logo, .level, .question { color: #F4F2EC; letter-spacing:0.02em; text-transform:capitalize; font-family: 'Lato', 'Arial Black', Arial, Verdana, Helvetica; font-weight: 400; font-style: normal; -webkit-font-smoothing: antialiased; }

.logo span { color: #F4F2EC; }
.logo .welcome a { float: none; display: inline; color: #F4F2EC; }

.level span { color: #a3a2a2; }
.question { text-align:right; }
.question .number { position: relative; display: inline-block; width: 26px; height: 26px; background: #e5ac00; border-radius: 13px; line-height: 26px; text-align:center; margin-right: 5px; }

.navbar .level ul { list-style:none; margin: 10px 0px 0px 0px; padding: 0; }
.navbar .level ul li { padding: 5px 0px 12px 57px; line-height: 18px; }

.navbar .level1 { background: url('../../assets/images/icons/Level1-Sml.png') no-repeat left center; }
.navbar .level2 { background: url('../../assets/images/icons/Level2-Sml.png') no-repeat left center; }
.navbar .level3 { background: url('../../assets/images/icons/Level3-Sml.png') no-repeat left center; }
.navbar .level4 { background: url('../../assets/images/icons/Level4-Sml.png') no-repeat left center; }
.navbar .level5 { background: url('../../assets/images/icons/Level5-Sml.png') no-repeat left center; }


/* Page Sections */
.section, .section-blue { padding: 50px 0; }
.section-blue { background-color: #c0dfef; }
.section-grey { background-color: #C1C5B2; }
.section-beige { background-color: #E0D9CE; }


/* Headings */
.bench h1, .bench h2, .bench h3, .bench h4, .bench h5, .safari-school h1.large, .safari-school h2.large { font-family: 'Lato', 'Arial Black', Arial, Verdana, Helvetica; font-weight: 400; font-style: normal; -webkit-font-smoothing: antialiased; text-transform:capitalize; }

.bench h1 { font-size: 27px; color: #333333; }

.safari-school h1 { font-family: 'Lato', 'Arial Black', Arial, Verdana, Helvetica; font-weight: 400; font-style: normal; -webkit-font-smoothing: antialiased; color: #333333; margin: 3px 0px 35px 0px; }
.safari-school .number { font-family: 'Lato', 'Arial Black', Arial, Verdana, Helvetica; display:inline; font-weight: 400; font-style: normal; -webkit-font-smoothing: antialiased; position: relative; display: inline-block; width: 70px; height: 70px; background: #f47621; border-radius: 35px; line-height: 70px; text-align:center; margin-right: 5px; color: #fff; font-size: 40px; }
.que_h1{display:inline;}
.que_numb{margin-bottom:30px;}

.safari-school h1.large { color: #f47621;  }
.safari-school h2.large { color: #5c5c5c; margin: -15px 0 0 0; padding: 0px 0px 30px 0px;  }

.safari-school .overview h2 { font-size: 35px; }

.bench h2 { font-size: 24px; color: #b96e3c; }
.bench h3 { font-size: 21px; color: #525252; }
.bench h4 { font-size: 19px; color: #245a16; }
.bench h5 { font-size: 18px; color: #f47621; }


/* Bench Login */
.bench .content { text-align:center; }
.bench .content .intro { margin: 0 auto; position:relative; }
.bench .content form { margin: 0 auto; overflow: hidden; }
.bench .content .form-login .register { font-family: 'Lato', 'Arial Black', Arial, Verdana, Helvetica; font-weight: 400; font-style: normal; -webkit-font-smoothing: antialiased; text-transform:capitalize; color: #f47621; }
.bench .content .form-control { font-family:'Lato','Arial Black', Arial, Verdana, Helvetica; font-size: 16px;}

.bench .content .form-login .register a { color: #333333; text-decoration:underline; }
.bench .content .form-login .forgot-password { font-size: 13px; }


/* Bench Register */
.bench .content .form-register .terms a { color: #333333; text-decoration:underline; }
.bench .content .form-register .styledCheckbox { float: left; }

.error { font-family: 'Lato', 'Arial Black', Arial, Verdana, Helvetica; font-size: 18px; font-weight: 400; font-style: normal; -webkit-font-smoothing: antialiased; text-transform: capitalize; background: #d4591d; color: #fff; margin: 0px 15px 10px 15px; border-radius: 5px; padding: 5px; }
.register-thanks { position: relative; margin: 0 auto; font-family: 'Lato', 'Arial Black', Arial, Verdana, Helvetica; font-size: 18px; font-weight: 400; font-style: normal; -webkit-font-smoothing: antialiased; text-transform: capitalize; background: #445649; color: #fff; margin-bottom: 15px; border-radius: 5px; padding: 12px; }



/* Bench General */
.bench .content .general { text-align:left; }


/* Safari School & Bench Dashboard */
.dashboard .item { border-radius: 10px;
/*Transition*/
-webkit-transition: All 0.5s ease;
-moz-transition: All 0.5s ease;
-o-transition: All 0.5s ease;
-ms-transition: All 0.5s ease;
transition: All 0.5s ease;
}


.safari-school .dashboard, .bench .dashboard { padding: 0; }
.safari-school ul.icons { position:absolute; width: 100%; list-style:none; text-align: center; }
.bench ul.icons { position:relative; width: 100%; list-style:none; text-align: center; }
.safari-school ul.icons li, .bench .dashboard ul.icons li { position:relative; background: none; display: inline-block; vertical-align:top; }
.safari-school ul.icons li li { float: none; display: block; font-family: Arial; font-weight:bold; }

.bench .dashboard .item:hover { background: #d1cec3;  }

.safari-school .dashboard .level1:hover { background: #faeac9;  }
.safari-school .dashboard .level2:hover { background: #d6edf0;  }
.safari-school .dashboard .level3:hover { background: #dcefe4;  }
.safari-school .dashboard .level4:hover { background: #e6eac5;  }
.safari-school .dashboard .level5:hover { background: #f5dbd0;  }

.safari-school .dashboard .level1 .details { color: #9d7440; }
.safari-school .dashboard .level2 .details { color: #006f77; }
.safari-school .dashboard .level3 .details { color: #056839; }
.safari-school .dashboard .level4 .details { color: #757c43; }
.safari-school .dashboard .level5 .details { color: #9b3b1b; }

.safari-school .dashboard .locked .details { position:absolute; overflow: hidden; text-align:center; width: 100%; padding: 8%; }

.safari-school .level { color: #3d84a8; }
.bench .dashboard .level { color: #64625c; }
.safari-school .dashboard .item:hover, .bench .dashboard .item:hover { border-radius: 10px; }
.safari-school .item img, .bench .dashboard .item img { display:inline;  }

.safari-school .dashboard .details, .bench .dashboard .details { visibility:hidden; }
.safari-school .dashboard .details ul { text-align:left; }
.safari-school .dashboard .details ul li { background: url('../../assets/images/general/bullet.png') no-repeat left 4px; padding: 0 0 0 10px !important;  }


/* Safari School Content */
.safari-school { padding: 30px 0 65px 0; }
.safari-school .questionnaire-container { padding: 29px 3% 27px 3%;  }
.safari-school .overview-container { padding: 29px 3% 27px 3%;  }
.safari-school { position:relative; overflow:hidden; z-index:10; }
.safari-school .heading { border-bottom: 1px solid #b3cfdd; }

.safari-school .questionnaire { font-family: 'Lato', 'Arial Black', Arial, Verdana, Helvetica; font-weight: 400; font-style: normal; -webkit-font-smoothing: antialiased; font-size: 20px; padding-left: 0px; }
.safari-school .questionnaire .radio { margin-bottom: 4px; padding-left: 0; overflow:hidden; margin-top: 5px; }
.safari-school .questionnaire .styledRadio { float: left; }
.safari-school .questionnaire  P { width: 87%; float:left; line-height: 22px; font-size: 20px; vertical-align: -9px; padding-right: 0px; margin-top: 12px; }

.safari-school .questionnaire-image { padding: 0; }
.safari-school .questionnaire-image img { float: right; border: 6px solid #fff; -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.30); -moz-box-shadow: 0 0 4px rgba(0,0,0,0.30); box-shadow: 0 0 4px rgba(0,0,0,0.30); }

.safari-school .questionnaire.video { text-align:center; }
.safari-school .questionnaire.video .video-container { position: relative; display:inline-block; }
.safari-school .questionnaire.video .video-container .img-responsive { display: inline-block; border: 6px solid #fff; -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.30); -moz-box-shadow: 0 0 4px rgba(0,0,0,0.30); box-shadow: 0 0 4px rgba(0,0,0,0.30); }
.safari-school .questionnaire.video .video-container .play { position:absolute; width:100%; height:100%; text-align:center; left: 0; top: 0; }
.safari-school .questionnaire.video .video-container .play img { margin-top: 30%; }
.safari-school .questionnaire.video .video-container .play a { display:block; width:100%; height:100%;}

.footer #YoutubeVideos { text-align: center; margin-top: 25px; }
#YoutubeVideos .video-container { position: relative; display:inline-block; width:180px; }
#YoutubeVideos .video-container .img-responsive { display: inline-block; border: 4px solid #fff; -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.30); -moz-box-shadow: 0 0 4px rgba(0,0,0,0.30); box-shadow: 0 0 4px rgba(0,0,0,0.30); }
#YoutubeVideos .video-container .play { position:absolute; width:100%; height:100%; text-align:center; left: 0; top: 0; }
#YoutubeVideos .video-container .play img { margin-top: 24%; width:50px; }
#YoutubeVideos .video-container .play a { display:block; width:100%; height:100%;}

.safari-school .overview { font-family: 'Lato', 'Arial Black', Arial, Verdana, Helvetica; font-weight: 400; font-style: normal; -webkit-font-smoothing: antialiased; }
.safari-school .overview-image img { float: right; }


.safari-landscape { background: url('../../assets/images/background/Safari-Scene.png') no-repeat center bottom; position:absolute; width: 100%; height: 100px; left: 0; bottom:0%; }
.cloud-sml { background: url('../../assets/images/background/Cloud-Sml.png') no-repeat center bottom; position:absolute; width: 43px; height: 31px; right: 8%; top:15%; z-index:1; }
.cloud-lrg { background: url('../../assets/images/background/Cloud-Lrg.png') no-repeat center bottom; position:absolute; width: 70px; height: 50px; left: 4%; top:10%; z-index:1; }

.copyright{
    text-align:center;
    font-size:12px;
    color:grey;
}

.safari-school .results { margin: 0 auto; text-align:center; float: none; }
.safari-school .results .number { display: inline-block; }
.safari-school .results .correct, .safari-school .results .incorrect, .safari-school .results .complete { display: inline-block; text-align:center; font-family: 'Lato', 'Arial Black', Arial, Verdana, Helvetica; font-weight: 400; font-style: normal; -webkit-font-smoothing: antialiased; }
.safari-school .results .correct img, .safari-school .results .incorrect img, .safari-school .results .complete img { display:inline-block; }
.safari-school .results .complete { margin-top: 62px; }

.safari-school .results .icons { position:relative; }

/* Buttons */
.btn { font-family: 'Lato', 'Arial Black', Arial, Verdana, Helvetica; text-transform:capitalize; font-size: 22px; font-weight: 400; font-style: normal; -webkit-font-smoothing: antialiased; border-radius: 22px; padding: 6px 31px; margin-right: 10px; 

/*Transition*/
-webkit-transition: All 0.5s ease;
-moz-transition: All 0.5s ease;
-o-transition: All 0.5s ease;
-ms-transition: All 0.5s ease;
transition: All 0.5s ease;
}

.btn.orange { color: #fff; background-color: #333333; border-color: #333333; }
.btn.orange:hover { background: #e26511; #}

.btn.aqua { color: #F4F2EC; background-color: #445649; border-color: #445649; }
.btn.aqua:hover { background-color: #5e6b62; }

.btn.green { color: #fff; background-color: #445649; border-color: #445649; }
.btn.green:hover { background-color: #4a6c41; }

.btn.taupe { color: #fff; background-color: #7c7a73; border-color: #7c7a73; }
.btn.taupe:hover { background-color: #64625c; }

.btn.outline { color: #fff; background-color: transparent; border-color: #585858; color: #585858; border-width: 2px; }
.btn.outline:hover { background: #e26511; color: #fff; border-color: #e26511; }



/* Forms */
.form-control { font-size: 23px; line-height: 1.7em; height: 52px; padding: 6px 16px; border: none; -webkit-box-shadow: none; box-shadow: none; }

form .btn { margin: 0; }

::-webkit-input-placeholder { font-family: 'Lato', 'Arial Black', Arial, Verdana, Helvetica; font-weight: 400; font-style: normal; -webkit-font-smoothing: antialiased; font-size: 23px; }
:-moz-placeholder { font-family: 'Lato', 'Arial Black', Arial, Verdana, Helvetica; font-weight: 400; font-style: normal; -webkit-font-smoothing: antialiased; font-size: 23px; } /* Firefox 18- */
::-moz-placeholder { font-family: 'Lato', 'Arial Black', Arial, Verdana, Helvetica; font-weight: 400; font-style: normal; -webkit-font-smoothing: antialiased; font-size: 23px; } /* Firefox 19+ */
:-ms-input-placeholder { font-family: 'Lato', 'Arial Black', Arial, Verdana, Helvetica; font-weight: 400; font-style: normal; -webkit-font-smoothing: antialiased; font-size: 23px; }


/* Modal */
#YouTubeModalBody iframe {  }

.modal-header { padding: 8px 15px 0px 15px; border: none; }
.modal-body { padding: 0px 10px 5px 10px; }

/* Footer Styles */
footer { margin: 15px 0; }
footer .btn { margin-top: 14px;  }
footer .terms { line-height: 79px; }
footer .terms a { color: #333; }



.shadow { -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.30); -moz-box-shadow: 0 0 4px rgba(0,0,0,0.30); box-shadow: 0 0 4px rgba(0,0,0,0.30); }
.shadow-small { -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.30); -moz-box-shadow: 0 0 2px rgba(0,0,0,0.30); box-shadow: 0 0 2px rgba(0,0,0,0.30); }



/* IE7 Fixes */
.ie7 .container, .ie8 .container { overflow: hidden;}
.ie7 .btn { padding: 0px 31px 6px 31px; }
.ie7 .error { clear: both; width: 100%; }
.ie7 .form-group .btn { padding: 0px 31px 6px 31px; border: none; }
.ie7 .safari-school .dashboard .details .btn, .ie7 .bench .dashboard .details .btn { padding: 0px 15px 4px 15px; }
.ie7 .bench .content .form-login .register { width: 30%; }
.ie7 .form-group { padding: 0; }
.ie7 .form-group input { width: 86%; }
.ie7 .form-control { height: 37px; }

.ie7 .bench .content .general { width: 90%; }

.ie7 .safari-school { /*position:relative; overflow:hidden; z-index:10; */}
.ie7 .safari-school ul.icons, .ie7 .bench ul.icons { position: relative; margin: 0 auto; width: 960px; }
.ie7 .safari-school ul.icons li, .ie7 .bench .dashboard ul.icons li { display: inline;  }
.ie7 .safari-school ul.icons .level, .ie7 .bench .dashboard ul.icons .level { width: 100%; }
.ie7 .safari-school ul.icons li { width: 15%; }

.ie7 .safari-school .heading { overflow: hidden;  }

.ie7 .safari-school .dashboard .locked .details { width: 82%; }

.ie7 .level, .ie7 .logo { padding: 0; }
.ie7 .level { width: 20%; }
.ie7 .question .number { display: inline; }

.ie7 .safari-school .questionnaire.video .video-container { position: relative; left: 50%; width: 493px;  }

.ie7 .safari-school .questionnaire { width: 50%; }
.ie7 .safari-school .questionnaire-container .overview { padding: 0; width: 60%; }
.ie7 .safari-school h1 .number { display: inline; }

.ie7 .safari-school .results .correct img, .ie7 .safari-school .results .incorrect img, .ie7 .safari-school .results .complete img, .ie7 .safari-school .results .number { display: inline; }
.ie7 .safari-school .results { width: 100%; }
.ie7 .safari-school .results .correct, .ie7 .safari-school .results .incorrect, .ie7 .safari-school .results .complete { width: 40%; display: inline; }

.ie7 .content .overview { padding: 0; }

.ie7 #YouTubeModalDialog { width: 87% !important; }

.ie7 .footer {  }
.ie7 .footer .text-right { left: 38%; width: 60%; }
.ie7 .footer .terms { width: 30%; font-size: 12px; right: 62%; }


/* IE10 fix */
@-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; }
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }


/* #Font-Face
================================================== */

/* @font-face {
    font-family: 'TheSansBlack';
    src: url('../../assets/fonts/thesanblacap-webfont.eot');
    src: url('../../assets/fonts/thesanblacap-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../assets/fonts/thesanblacap-webfont.woff') format('woff'),
         url('../../assets/fonts/thesanblacap-webfont.ttf') format('truetype'),
         url('../../assets/fonts/thesanblacap-webfont.svg#TheSansBlack') format('svg');
    font-weight: 400; 
    font-style: normal;
    -webkit-font-smoothing: antialiased;

}

@font-face {
    font-family: 'FengardoNeueRegular';
    src: url('../../assets/fonts/fengardoneue_regular-webfont.eot');
    src: url('../../assets/fonts/fengardoneue_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../assets/fonts/fengardoneue_regular-webfont.woff') format('woff'),
         url('../../assets/fonts/fengardoneue_regular-webfont.ttf') format('truetype'),
         url('../../assets/fonts/fengardoneue_regular-webfont.svg#FengardoNeueRegular') format('svg');
    font-weight: 400; 
    font-style: normal;
    -webkit-font-smoothing: antialiased;

} */
/* 22-1-2019 : Css for state dropdown over register page */
#stateDropDown {
    color: #939393;
    font-family: 'Lato', 'Arial Black', Arial, Verdana, Helvetica; 
    font-weight: 400; 
    font-style: normal; 
    -webkit-font-smoothing: antialiased; 
    font-size: 23px; 
    text-transform: capitalize;
}
#stateDropDown option {
    font-family: 'Lato', 'Arial Black', Arial, Verdana, Helvetica; 
    text-transform: capitalize;
}
/*01-02-2019*/
.w3eden{
	padding-top:25px;
}