html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
strong {
font-weight: bold;
}
body {
line-height: 1;
text-rendering: optimizeLegibility;
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
font-family: 'Muli', sans-serif;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
nav ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
input, select {
vertical-align: middle;
border-radius: 0;
}
em{font-style:italic;}
strong{font-weight:bold;}
table td {
vertical-align: top;
}
a {
text-decoration: none;
color: #2980A0;
}
p, h1, h2, h3, h4, h5 {
padding: 0px 0px 13px 0px;
margin: 0px;
}
h1{
font-family: 'Muli', sans-serif;
font-size:20px;
text-transform:uppercase;
color:#000;
text-align:center;
}
h2{
font-family: 'Muli', sans-serif;
font-size:16px;
text-transform:uppercase;
color:#000;
text-align:center;
font-weight:bold;
}
h3{
font-family: 'Muli', sans-serif;
font-size:14px;
text-transform:uppercase;
color:#000;
text-align:center;
}
p{
font-family: 'Muli', sans-serif;
font-size:14px;
color:#666666;
line-height:18px;
}
/** == HEADER === **/
header{padding:20px 0 28px;}
.logo{padding:15px 0 0;}
.center-logo{padding:24px 0 0; text-align:center;}
.social-media-top{text-align:right;}
.social-media-top ul{padding:0 0 10px; margin:0;border-bottom:2px solid #d9323e; display:inline-block;}
.social-media-top ul li{list-style:none; display:inline-block;}
.social-media-top ul li:first-child a{margin-left:0;}
.social-media-top ul li a{
background:url(../images/bg-social-icons-top.jpg) no-repeat left top;
width:20px;
height:20px;
display:inline-block; text-indent:-9999px;
text-align:left;
margin-left:8px;
}
.social-media-top ul li a:hover{opacity:0.5;}
.social-media-top ul li.facebook a{background-position:-32px top;}
.social-media-top ul li.twitter a{background-position:-64px top;}
.social-media-top ul li.instagram a{background-position:-96px top;}
/*** NAVIGATION ***/
.navigation {
border-top:1px solid #cdcdcd;
border-bottom:1px solid #cdcdcd;
}
#menu ul {
padding: 0;
margin: 0;
display: table;
text-align: center;
position: relative;
}
#menu ul li {
list-style: none;
display:block;
background: 0 none;
padding: 0;
margin-right:1px;
float:left;
}
#menu ul li ul {
display: none;
}
#menu ul li a {
font-family: 'Muli', sans-serif;
font-size:14px;
color:#3b464f;
text-transform:uppercase;
padding:15px 26px;
display:block;
text-decoration:none;
float:left;
font-weight:bold;
}
#menu ul li a:hover, #menu ul li a:active, #menu ul li a:focus, #menu ul li.selected a {
color: #fff;
background-color:#D72734;
}
.mm-list > li{
display: none!important
}
.menu-button {
display: none!important;
}
#menu ul li.last a {padding:15px 37px;}
/***=== BANNER ====****/
#banner{padding:30px 0 0;}
#banner .container{padding:0;}
#banner img{width:100%; height:auto;}
.flex-control-nav, .flex-direction-nav{display:none!important;}
.flexslider{margin-bottom:0!important;}
.flexslider .slides > li{margin:0!important;}
.flexslider .flex-viewport{height:400px;}
.collapse-menu{background-color:#f8f8f8; padding-top:12px; border-bottom:1px solid #dfdfdf;}
.collapse-menu ul{
padding:0; margin:0; text-align:center;
}
.collapse-menu ul li{display:inline-block;}
.collapse-menu ul li a{display:inline-block; color:#010000; font-size:13px; padding-bottom:10px; text-decoration:none;border-bottom:2px solid #f8f8f8; margin:0 15px;}
.collapse-menu ul li a:hover, .collapse-menu ul li a:focus,.collapse-menu ul li a:active, .collapse-menu ul li.selected a{border-bottom:2px solid #d72734; color:#d72734;}
.collapse-menu ul li:first-child a{margin-left:0;}
.collapse-menu ul li:last-child a{margin-right:0;}
.meet-team .row{text-align:center;}
.meet-team .col-md-5{width:381px; margin:0 30px; display:inline-block; float:none;}
.team-box{border:1px solid #e1e1e1; box-shadow:0 0 10px #f8f8f8; -webkit-box-shadow:0 0 10px #f8f8f8; padding-bottom:10px;}
.img-team-pic{margin-bottom:20px;}
.team-box h2{font-size:18px; text-transform:uppercase; font-weight:bold;}
.team-box h3{font-size:14px; color:#aea6a6;}
.team-box p{padding:0 10px; height:195px;}
.team-box a{display:block; width:128px; margin:auto;}
/***=== BODY ====****/
#body{padding-bottom:40px;}
.content-bc{border-top:1px solid #ccc; padding:30px 0; text-align:center;}
.content-bc h1{margin-bottom:30px;}
.content-bc h2{text-align:left; padding-bottom:25px;}
.content-bc p{text-align:left; line-height:20px; color:#000;font-size:15px;}
.content-bc .col-md-6{padding-right:30px;width:57%;}
.cbox-r{margin-bottom:10px; text-align:left;}
.cbox-r p{font-size:14px; font-style:italic; display:inline-block; width:67%;vertical-align:middle; padding-bottom:0; color:#333333;}
.circle-box{width:60px; height:60px; border:2px solid #ccc; border-radius:100px; -webkit-border-radius:100px; display:inline-block; margin-right:20px;vertical-align:top}
.circle-box span.icon-01{background:url(../images/bg-icon-01.png) no-repeat left top; width:60px; height:60px; display:block; text-indent:-9999px; cursor:pointer; background-size:57px 115px;}
.circle-box span.icon-01:hover{background-position:-1px -57px;}
.circle-box span.icon-02{background:url(../images/bg-icon-02.png) no-repeat left top; width:60px; height:60px; display:block; text-indent:-9999px; cursor:pointer;background-size:57px 115px;}
.circle-box span.icon-02:hover{background-position:-1px -57px;}
.circle-box span.icon-03{background:url(../images/bg-icon-03.png) no-repeat left top; width:60px; height:60px; display:block; text-indent:-9999px; cursor:pointer;background-size:57px 115px;}
.circle-box span.icon-03:hover{background-position:-1px -57px;}
.circle-box span.icon-04{background:url(../images/bg-icon-04.png) no-repeat left top; width:60px; height:60px; display:block; text-indent:-9999px; cursor:pointer;background-size:57px 115px;}
.circle-box span.icon-04:hover{background-position:-1px -57px;}
.content-bc a{font-family: 'Muli', sans-serif;font-size:12px; color:#d72734; text-decoration:none; border-bottom:1px solid #eeb6b8; display:inline-block; text-align:center;}
.content-bc a:hover{color:#000; border-bottom:0 none;}
.we-give-back{border:2px solid #e7e7e7; padding:10px 0; text-align:center;}
.we-give-back h2{width:40%; text-align:right; display:inline-block; padding-bottom:0; vertical-align:top; padding-top:45px; padding-right:35px;}
.we-give-back .logo-bx{width:45%; display:inline-block; text-align:left;}
.meet-team .row{padding-top:30px;}
.our-backgrounds{background-color:#f4f5f6; border-top: 1px solid #ccc;border-bottom: 1px solid #ccc; padding:45px 0 30px;}
.our-backgrounds h2, .our-story h2, .employers-box h2{font-weight:normal; color:#333333; text-transform:none; margin-top:15px; padding-bottom:35px;}
.our-backgrounds .col-md-3 .box-b{border:1px solid #818486; border-radius:10px; -webkit-border-radius:10px;height:210px;background-color:#fff;}
.our-backgrounds .box-head{border-bottom:1px solid #818486;}
.our-backgrounds .box-head h2{margin:0; padding:12px 0; color:#000; font-weight:bold; text-transform:uppercase;}
.our-backgrounds ul{padding:10px 15px 0; margin:0;}
.our-backgrounds ul li{display:block;}
.our-backgrounds ul li{text-decoration:none; font-size:12px; line-height:18px; color:#000000;}
.our-story .cbox-main{background:url(../images/bg-boxcenter.jpg) repeat-y left top; width:855px; margin:0 auto 25px;}
.our-story .cbox-top{background:url(../images/bg-boxtop.jpg) no-repeat left top;}
.our-story .cbox-btm{background:url(../images/bg-boxbtm.jpg) no-repeat left bottom; padding:30px 30px 40px 25px;}
.our-story .cbox-btm p{text-align:center;}
.main-btn{width:255px; margin:auto;}
.main-btn .btn{border:0 none; border-radius:0; -webkit-border-radius:0; display:block; background-color:#d72734; padding:10px 0 8px; text-align:center; color:#fff; text-transform:uppercase; text-decoration:none; position:relative; border:1px solid #fff; font-weight:bold;}
.main-btn .btn span{background:url(../images/bg-arrowbtn.png) no-repeat left top; width:19px; height:15px; display:inline-block; position:relative; top:1px; left:10px;}
.main-btn .btn:hover{border:1px solid #d72734; background-color:#fff; color:#d72734; /*text-shadow:1px 0 0px #d72734;*/}
.main-btn .btn:hover span{background-position:left -13px;}
/**=== INNERPAGE ===**/
.innerpage h1{background:url(../images/br-h1line.jpg) no-repeat center bottom;}
.innerpage p{text-align:left;font-family: 'Muli', sans-serif; font-size:14px; color:#000; line-height:18px;}
.innerpage .content-bc{padding:0px 45px; border:0 none;}
#body .container{padding:30px 0;}
.news-list-box h2{margin-bottom:3px!important;}
.news-list-box h2, .news-list-box h2 a{font-size:18px; text-transform:capitalize; text-align:left; margin:0; padding:0;color:#000; text-decoration:none;}
.news-list-box h2 a:hover{text-decoration:underline;}
.news-list-box .row{padding:35px 0; border-bottom:1px solid #dcdcdc; margin:0 0 0 15px;}
.news-list-box .row:nth-child(even) .col-md-3{padding-left:0;}
.news-list-box .row:nth-child(odd) .col-md-9{padding-left:0;}
.news-list-box .row .col-md-3{width:26%;}
.news-list-box .row .col-md-9{width:74%;}
.news-list-box .news-date{font-family: 'Muli', sans-serif; font-size:14px; color:#9f9f9f; padding-bottom:8px;}
.news-list-box a{font-family: 'Muli', sans-serif;font-size:14px; color:#d72734; text-decoration:underline; font-weight:bold; position:relative; z-index:20;}
.news-list-box a:hover{color:#000; text-decoration:none;}
.pagination{width:100%; text-align:center; margin-bottom:0;}
.pagination ul{padding:0; margin:0;}
.pagination ul li{list-style:none; display:inline-block; padding:0 30px; border-right:1px solid #000002;}
.pagination ul li a{display:inline-block; color:#010101;font-family: 'Muli', sans-serif; font-size:14px;}
.pagination ul li a:hover{color:#d72734; text-decoration:none;}
.pagination ul li:last-child{border:0 none;}
.pagination ul li:first-child span{background:url(../images/bg-arrow-news.jpg) no-repeat left top; display:inline-block; width:11px; height:8px; margin-right:5px; position:relative; top:6px;}
.pagination ul li:last-child span{background:url(../images/bg-arrow-news.jpg) no-repeat right top; display:inline-block; width:11px; height:8px; margin-left:5px; position:relative; top:6px;}
.news-story .row{border:0 none; padding-bottom:0;}
.news-story .col-md-6{width:auto; float:none;}
.news-story .col-md-6.pull-left{width:50%;}
.news-story .col-md-6.pull-left img{width:100%; height:auto; display:block;margin-bottom:20px;}
.news-story .news-date{text-align:center; padding-top:8px; padding-bottom:0px;}
.addthis_sharing_toolbox .social-media-top, .addthis_sharing_toolbox {text-align:center;}
.addthis_sharing_toolbox .social-media-top ul{border:0 none; width:200px;}
.addthis_sharing_toolbox .social-media-top ul li a{background:url(../images/bg-social-icons-content.jpg) no-repeat left top; width:31px; height:31px;}
.addthis_sharing_toolbox .social-media-top ul li.facebook a{background-position:-36px top; }
.addthis_sharing_toolbox .social-media-top ul li.twitter a{background-position:-72px top; }
.addthis_sharing_toolbox .social-media-top ul li.gplus a{background-position:-108px top; }
.br-padd{text-align:center;border-top: 1px solid #dcdcdc;margin: 12px 0 0 0;padding-top:20px; padding-bottom:10px; }
.box-center{background:url(../images/bg-boxcenter-sm.jpg) repeat-y 1px top; background-size:100%;}
.box-top{background:url(../images/bg-boxtop-sm.jpg) no-repeat left top; background-size:100%;}
.box-btm{background:url(../images/bg-boxbtm-sm.jpg) no-repeat left bottom; background-size:100%; padding:3px 9px 30px 6px; text-align:center;}
.photo-box{border-bottom:1px solid #e8e8e9;}
.photo-box img{border-radius:10px 10px 0 0; width:100%; display:block;}
.box-btm a{display:inline-block; text-decoration:none; color:#000;}
.box-btm h2{font-size:18px; font-weight:bold; color:#000; margin-bottom:0; padding-bottom:10px; text-transform:uppercase;text-decoration:none;}
.box-btm p{padding:0 30px; height:90px; font-size:14px; text-align:center;text-decoration:none;}
.box-btm span{color:#d72734!important; text-decoration:underline;}
.box-btm span:hover{color:#d72734; text-decoration:none;}
.employers-box { text-align:center;}
.employers-box .col-md-6{width:400px; margin-bottom:30px; float:none; display:inline-block;}
.employers-box .main-btn, .flatfree-box .main-btn{width:498px; padding-top:30px;}
.flatfree-box {margin-top:-30px;}
.flatfree-box ul{padding:15px 30px 30px 40px; margin:0;}
.workshop-details ul{padding:0px;}
.flatfree-box p{color:#000;}
.flatfree-box ul li, .workshop-details ul li{list-style:none; display:block; line-height:20px; background:url(../images/bg-bullet.jpg) no-repeat left 8px; padding-left:20px; font-size:14px; color:#000; padding-bottom:8px;}
.onboarding .clearfix{border-bottom:1px solid #dcdcdc; display:block;}
.contact-box h2{text-align:left; font-weight:normal; font-size:22px; padding:0px 15px 5px;}
.contact-box p{text-align:left; padding:0 15px 0px; height:inherit;}
.contact-box p a{color:#666; text-decoration:none;}
.contact-box p strong{display:block;}
.contact-box {margin-bottom:-30px;}
.contact-box .col-md-6{width:450px;}
.get-intouch h2{text-transform:none; color:#333333; padding:15px 0 30px; font-size:14px; font-weight:normal;}
.form-box{width:500px; margin:auto;}
.get-intouch{border-bottom:0 none!important;}
#banner .box-img{padding-bottom:30px;}
.form-box .col-md-6{position:relative;}
.custom-placeholder{
font-size: 14px;
color: #333;
position: absolute;
left: 23px;
top: 9px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
.red{color:#d72734; font-size:16px;}
.input-fcon.has-value{color:#333;}
.input-fcon.has-value ~ label.custom-placeholder{
display: none;
}
.input-fcon ~ label.custom-placeholder:hover{
cursor: text;
}
.form-box input{
border:0 none;
background-color:#fff;
border-radius:4px;
-webkit-border-radius:4px;
box-shadow:0px 2px 6px #e1e1e1;
height:38px;
padding:10px;
font-size:14px;
color:#333;
display:block;
width:100%;
margin-bottom:20px;
}
.form-box .select-box{
border:0 none;
background:#fff url(../images/bg-arrow-select.png) no-repeat right center;
border-radius:4px;
-webkit-border-radius:4px;
box-shadow:0 0 10px #ecedee;
height:38px;
font-size:14px;
color:#333;
display:block;
width:100%;
margin-bottom:20px;
overflow:hidden;
}
.form-box select{
border:0 none;
background:transparent;
height:38px;
padding:10px;
font-size:14px;
color:#333;
display:block;
width:115%;
line-height:34px;
}
.form-box textarea{
border:0 none;
background-color:#fff;
border-radius:4px;
-webkit-border-radius:4px;
box-shadow: 0px 2px 6px #e1e1e1;
height:95px;
padding:10px;
font-size:14px;
color:#333;
display:block;
width:100%;
margin-bottom:20px;
resize:none;
}
.form-box input[type="submit"]{
background-color:#d72734;
display:block;
font-size:18px;
color:#fff;
border-radius:0;
-webkit-border-radius:0;
margin-bottom:40px;
text-transform:uppercase;
font-weight:bold;
border:1px solid #d72734;
height:auto;
margin-top:5px;
}
.form-box input[type="submit"]:hover{
border:1px solid #d72734;
color:#d72734;
background-color:#fff;
}
.upload-resume-form h1{margin-bottom:30px;}
.upload-resume-form h2{font-size:16px;}
.upload-resume-form input[type="submit"]{/*border-radius:4px; -webkit-border-radius:4px; border:0 none; margin-top:5px; border:1px solid #d72734;*/}
.radio-box {margin:0;}
.radio-box label {
cursor: hand;
cursor: pointer;
display: table;
}
.radio-box label span {
font-family: 'Muli', sans-serif;
font-size:14px;
font-weight:normal;
color:#333;
}
.radio-box label input{margin-bottom:0;}
.radio-box label input[type="checkbox"], .radio-box label input[type="checkbox"] ~ span, .radio-box label input[type="checkbox"] ~ span::before {
display: table-cell;
vertical-align: middle;
text-align: center;
}
.radio-box label input[type="checkbox"], .radio-box label input[type="checkbox"] {
position: absolute;
filter: alpha(opacity=0);
-moz-opacity: 0;
-webkit-opacity: 0;
opacity: 0;
}
.radio-box label input[type="checkbox"] ~ span, .radio-box label input[type="checkbox"] ~ span::before {
display: inline-block;
}
.radio-box label input[type="checkbox"] ~ span::before {
content: "✓";
}
.radio-box label input[type="checkbox"] ~ span::before {
text-indent: -9999px;
width: 19px;
height: 19px;
font: bold 17px/16px Verdana, Geneva, sans-serif;
text-transform: uppercase;
background: #fff;
margin: 0 10px 0 0;
border:1px solid #fff;
color: #fff;
box-shadow: 0 0 10px #ecedee;
-webkit-box-shadow: 0 0 10px #ecedee;
}
.radio-box label input[type="checkbox"]:checked ~ span::before {
text-indent: 1px;
color:#fff;
}
.radio-box label input[type="checkbox"]:checked ~ span::before {
text-indent: -1px;
line-height: 15px;
-webkit-appearance: none;
-moz-appearance: none;
background: #d72734;
border:1px solid #d72734;
}
.radio-box label input[type="checkbox"]:disabled ~ span::before {
filter: alpha(opacity=50);
-moz-opacity: .5;
-webkit-opacity: .5;
opacity: .5;
}
.radio-box label input[type="checkbox"]:disabled ~ span, .radio-box label input[type="checkbox"]:disabled ~ span::before {
cursor: default;
}
.file_button_container{margin-bottom:10px!important;}
.file_button_container,
.file_button_container input {
height: 47px;
width: 228px;
margin:0 auto;
cursor:pointer;
}
.file_button_container {
background: transparent url(../images/bg-uploadresume-file.png) left top no-repeat;
}
.file_button_container:hover{background-position:left bottom;}
.file_button_container input {
opacity: 0;
}
.note-box{font-size:10px; color:#000; text-align:center; padding-bottom:10px;}
.note-box a{color:#000; text-decoration:underline;}
.note-box a:hover {text-decoration:none;}
::-moz-placeholder{color:#333;opacity:1}
:-ms-input-placeholder{color:#333}
::-webkit-input-placeholder{color:#333}
:focus::-webkit-input-placeholder {opacity:0.8;}
:focus::-moz-placeholder {opacity:0.8;}
:focus:-ms-input-placeholder {opacity:0.8;}
.testimonial-box{background-color:#f4f5f6; padding:25px 0 0; margin-bottom:-40px;border-top: 1px solid #e8e8e8;}
.testimonial-box .container {padding:30px 0 0; text-align:center;}
.testimonial-box .container div{padding:15px;margin:0 30px 30px; border:1px solid #e1e1e1; background-color:#fff; vertical-align:top; text-align:center;}
.testimonial-box div h2{text-transform:none;font-size:13px; text-align:left; color:#000; padding:0 0 2px;margin:0; font-weight:bold; text-align:center;}
.testimonial-box div p{text-align:center; padding: 0 15px 15px; min-height:145px;}
.testimonial-box h2{
font-weight: normal;
color: #333333;
text-transform: none;
margin-top: 15px;
font-size:13px;
padding-bottom: 35px;
}
.testimonial-box div h3{font-size: 11.5px; text-transform:none; text-align:left; text-align:center; padding-bottom:0;}
.small-h2{font-size:12px!important; padding-top:5px!important;}
.job-seeker p{padding-bottom:20px;}
.job-seeker .col-md-12{border-bottom:1px solid #dcdcdc;}
.job-seeker .main-btn{width:auto;}
.job-seeker .main-btn h3{font-weight:bold;}
.job-seeker .main-btn a{text-transform:none; float:left; display:inline-block; padding:10px 20px 8px; border:0 none; height: 40px;}
.job-seeker .main-btn a:last-child{float:right;}
.job-seeker .main-btn a { border:1px solid #d72734; }
.job-seeker .main-btn a:hover, .job-seeker .main-btn .selected {background-color:#000000; color:#fff; text-shadow:none; border:1px solid #000000;}
.job-seeker .main-btn .btn:hover span{background-position:left top;}
.job-seeker .main-btn a:hover em, .job-seeker .main-btn .selected em{/*font-style:normal; text-decoration:underline;*/}
.jobseeker1{background-color:#f4f5f6;}
.rbox-img{margin-bottom:20px;}
.rbox-img img{display:block; width:100%; height:auto;}
.workshop-details .container{padding:0!important;}
.white-brbox{background-color:#fff;border:1px solid #e1e1e1; padding:15px 35px; margin-bottom:20px;}
.white-brbox h2{font-size:18px; text-transform:uppercase; color:#000; text-align:left; padding-bottom:20px;}
.upcoming-dates .thead{border-top:1px solid #e1e1e1;}
.upcoming-dates .thead .col-md-3{background-color:#d42a39; text-align:center; color:#e7dedf; text-transform:uppercase;}
.upcoming-dates .thead .col-md-3 h3{padding:6px 0 5px; color:#e7dedf;}
.upcoming-dates .col-md-3{border:1px solid #e1e1e1;}
.tbody .col-md-3{padding:15px 10px 8px;}
.tbody .col-md-3:first-child h3{padding-bottom:5px;}
.tbody .col-md-3:first-child p{color:#666666; text-align:center;font-size:13px; padding-bottom:5px; line-height:18px;}
.tbody .col-md-3:first-child a{text-decoration:underline; color:#666;}
.tbody .col-md-3:first-child a:hover, .tbody .col-md-3 p a.red-link:hover{text-decoration:none;}
.tbody .col-md-3 p{font-size:14px; color:#333333; text-align:center; line-height:22px;height:100px;}
.tbody .col-md-3 p span{font-size:12px;}
.tbody .col-md-3 p a.red-link{color:#d42a39; text-decoration:underline;}
.tbody .col-md-3 h3{text-transform:none; padding-bottom:5px;}
.tbody .col-md-3 p em{color:#666666; font-size:13px;}
.announcement-text{color:#000101; font-size:14px; text-align:center; font-style:italic; padding:10px 0 0;}
.will-need ul li{background:url(../images/img-checkbox.jpg) no-repeat left 4px; padding-left:30px;}
.will-need h2{text-align:center;}
.tell-afriend{border:1px solid #d72734; margin-bottom:20px;}
.tell-afriend a{color:#d72734; font-size:17px; text-align:center; display:block; text-transform:uppercase;background-color:#fff; padding:10px 0 0; height:34px; font-weight:bold;text-decoration:none;}
.tell-afriend a:hover{color:#fff; background-color:#d72734;text-decoration:none;}
.tell-afriend a span{position:relative; display:inline-block; width:24px; height:21px; background:url(../images/bg-arrow.png) no-repeat left top; top:-3px;left:15px; }
.tell-afriend a:hover span{background-position:left -22px; }
.make-group{background:#fff url(../images/bg-makeagroup.jpg) no-repeat left bottom; text-align:center;}
.make-group h3{text-align:center;}
.make-group a{display:block;}
.make-group a span{color:#d72734; font-size:14px; text-decoration:underline;}
.make-group a:hover span, .make-group a:hover h3, .make-group a:hover{text-decoration:none;}
#collapse-social {margin-bottom:8px;}
#collapse-social a{margin-right:37px; display:inline-block;}
#collapse-social a:last-child{margin-right:0;}
.boxes{background-color:#f4f5f6; margin-top:-30px;}
.boxes .div-1, .boxes .div-2{display:none; padding:40px 0 0px; border-top: 1px solid #e8e8e8;}
.boxes .container{padding-bottom:20px;}
.boxes h1{margin-bottom:25px;}
.boxes .call-to-action .container{padding-bottom:0;}
.boxes .div-2 .call-to-action a.btn.mail-icon span{background:url(../images/bg-seminars-icon.png) no-repeat left top; width:24px; height:22px; top:10px;}
.boxes .div-2 .call-to-action a.btn.mail-icon:hover span{background-position:left bottom;}
.booking-workshop .white-brbox{padding:0; margin-bottom:20px;}
.booking-workshop .white-brbox h2{border-bottom:1px solid #ececec; display:block; padding:12px 15px 10px;}
.booking-workshop .white-brbox .col-md-5{padding-left:0;}
.booking-workshop .white-brbox .col-md-7{padding-right:0;}
.booking-workshop .white-brbox p{padding:20px 15px 30px;}
.booking-workshop .white-brbox p a{color:#000; text-decoration:underline;}
.booking-workshop .white-brbox p a:hover{text-decoration:none;}
.booking-workshop h1{margin-bottom:40px;}
.booking-workshop h2{font-size:20px; padding-bottom:30px; text-transform:uppercase; color:#000; line-height:26px;}
.booking-workshop h2 span{text-transform:none; display:block; font-size:16px; }
.braintree{text-align:center;}
.payment-locked{font-size:14px; text-align:center; margin:0 0 20px;}
.payment-locked span{background:url(../images/bg-locked.jpg) no-repeat left top; display:inline-block; width:10px; height:14px; margin-right:8px;}
.tooltip-bx{color:#000; text-decoration:underline; font-size:13px; display:inline-block; float:left; margin-top:12px; cursor:pointer;}
.tooltip-bx:hover{color:#000; text-decoration:none;}
.tooltip-bx ~ .tooltip > .tooltip-inner {width:200px;}
/**=== FOOTER ====***/
.call-to-action{background-color:#f4f5f6; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; padding:29px 0;}
.call-to-action .row{text-align:center;}
.call-to-action .col-md-5{display:inline-block; float:none;}
.call-to-action a.btn{border:2px solid #d72734; padding:10px 8px 8px; display:block; margin:0; -webkit-appearance:none; border-radius:0; -webkit-border-radius:0;font-family: 'Muli', sans-serif;font-size:16px; color:#d72734; text-transform:uppercase; background-color:#fff; position:relative; font-weight:bold;}
.call-to-action a.btn:hover{background-color:#d72734; border:2px solid #d72734; color:#fff;text-shadow:1px 0 0px #fff;}
.call-to-action a.btn.mail-icon span{display:inline-block; background:url(../images/bg-email-upload-icon.png) no-repeat left top; width:22px; height:16px; position:absolute; left:10px; top:13px;}
.call-to-action a.btn.upload-icon span{display:inline-block; background:url(../images/bg-email-upload-icon.png) no-repeat right top; width:26px; height:16px;position:absolute; left:10px; top:13px;}
.call-to-action a.btn.upload-icon:hover span{background-position:right bottom;}
.call-to-action a.btn.mail-icon:hover span{background-position:left bottom;}
.footer-top{padding:48px 0 40px;}
.footer-top .container{padding:0!important;}
.footer-btm .container{padding:0!important;}
.footer-top h3{color:#313e48; text-align:left; font-family: 'Muli', sans-serif;display:block; font-weight:600; padding-bottom:0;}
.footer-top ul{padding:20px 0 0; margin:0;}
.footer-top ul li{display:block;}
.footer-top ul li a{
font-family: 'Muli', sans-serif;
font-size:13px;
color:#313e48;
line-height:24px;
text-decoration:none;
display:block;
}
.footer-top ul li a:hover{color:#d72734;}
.footer-top ul li.red a{color:#d72734;font-weight:bold;}
.footer-top ul li.red a:hover{color:#000;}
.footer-top .col-md-2{width:187px;}
ul.social-media-btm{padding:5px 0 0;}
ul.social-media-btm li{list-style:none; display:inline-block;}
ul.social-media-btm li:first-child a{margin-left:0;}
ul.social-media-btm li a{
background:url(../images/bg-social-icons-bottom.jpg) no-repeat left top;
width:20px;
height:20px;
display:inline-block; text-indent:-9999px;
text-align:left;
margin-left:8px;
}
ul.social-media-btm li a:hover{opacity:0.5;}
ul.social-media-btm li.facebook a{background-position:-32px top;}
ul.social-media-btm li.twitter a{background-position:-64px top;}
ul.social-media-btm li.instagram a{background-position:-96px top;}
.footer-btm{padding:17px 0 15px;border-top:1px solid #cdcdcd;color:#818486;}
.footer-btm .col-md-6:last-child{text-align:right;position:relative; top:-3px;}
.footer-btm a{font-family: 'Muli', sans-serif;font-size:12px; color:#818486; text-decoration:none;display:inline-block; text-decoration:underline;}
.footer-btm a:hover{color:#d72734;}
.footer-btm .copyc{font-family: 'Muli', sans-serif;font-size:12px; color:#818486;}
.list-2{ text-align:left; margin-left:30px; margin-bottom:15px;font-family: 'Muli', sans-serif;font-size: 14px;color: #000;line-height: 18px;}
/***======== Responsive ========== **/
@media (max-width:991px) {
.banner-box img{width:100%;}
#menu ul li a{padding:15px 16px!important;}
#menu ul li.last a{padding:15px 19px!important;}
header .col-md-2{float:left;width:16.66666667%;}
header .col-md-7{float:left;width:58.33333333%;}
header .col-md-3{float:left;width:25%;}
#body .col-md-3{float:left;width:25%;}
.we-give-back h2{padding:0 0 10px; width:100%; text-align:center; display:block;}
.we-give-back .logo-bx{width:auto; display:block; text-align:center; padding:0;}
.we-give-back p{padding:0 80px; line-height:20px;}
.call-to-action .col-md-5{width:350px;}
.footer-top .col-md-2{width:150px; float:left; padding:0 8px;}
.footer-top h3{font-size:13px;}
.footer-btm .col-md-6{width:50%; float:left; padding:0 10px;}
.news-list-box .row .col-md-9{width:auto;}
.news-list-box .row .col-md-3{width:38%!important;}
.news-list-box .row .col-md-3 img{display:block;}
.news-list-box .news-date{padding-bottom:20px;}
.news-list-box h2{padding-bottom:5px;}
.news-list-box .row{margin:0;}
_:-ms-fullscreen, :root #menu ul li a{padding:15px 18px!important;}
_:-ms-fullscreen, :root #menu ul li.last a{padding:15px 18px!important;}
.flexslider .flex-viewport{height:auto!important;}
.cbox-r {margin-top:10px; margin-bottom:0;}
.content-bc .col-md-6{padding-right:15px;}
.meet-team .col-md-5{margin:0;}
.our-backgrounds .col-md-3{width:50%!important; margin-bottom:15px;}
.our-story .cbox-main{width:auto; background-size:100%;}
.our-story .cbox-top, .our-story .cbox-btm{background-size:100%;}
.employers-box .col-md-6{width:370px;}
.box-btm p{height:100px;}
.workshop-details .col-md-7{width:58.33333333%; float:left;}
.workshop-details .col-md-5{width:41.66666667%; float:left;}
.tell-afriend a{font-size:14px;}
.upcoming-dates .col-md-3{width:25%!important; float:left;margin-bottom:0;}
.tbody .col-md-3 p{height:100px;}
.tbody .col-md-3{ padding:15px 5px 8px; margin-bottom:0;}
.tbody .col-md-3 p em{font-size:11px;}
.tbody .col-md-3 p{font-size:12px; line-height:19px;}
#collapse-social a{margin-right:8px;}
.job-seeker .main-btn a{display:block; float:none!important; margin-bottom:15px;}
.booking-workshop .white-brbox .col-md-7{width:58.33333333%; float:left;}
.booking-workshop .white-brbox .col-md-5{width:41.66666667%; float:left;}
.tooltip-bx{margin:5px auto 12px; width:150px; display:block;}
}
@media(max-width:767px) {
header .col-md-2,header .col-md-7,#body .col-md-3{float:none;width:100%; text-align:center;}
.header .col-md-3,.social-media-top{text-align:left;}
.navigation{border:0 none;}
.menu-button{position:absolute; right:20px; top:210px;}
#banner{border-top:1px solid #ccc;}
.mm-menu .mm-list li a br {
display: none;
}
.menu-button {
display: block!important;
padding: 0;
float: right;
text-align: center;
}
.menu-button a {
display: block;
text-decoration: none;
color: #e04848;
font-family: 'GothamMedium';
position: relative;
z-index: 20;
/*border:2px solid #6d6c6c;*/
text-transform: uppercase;
font-size: 16px;
padding: 0;
cursor: pointer;
}
.menu-button span {
display: block;
text-align: center;
color: #e04848;
}
.menu-button a:hover, .menu-button a:active, .menu-button a:focus {
text-decoration: none;
color: #6d6c6c;
}
.mm-menu-d {
display: none;
}
.mm-menu .mm-list li a {
white-space: normal;
}
.mm-menu .mm-list li a br {
display: none!important;
}
.mm-ismenu {
display: block;
}
.mm-list, .mm-list > li {
display: block!important;
}
.mm-subtitle .mm-subclose {
padding-left: 0;
}
.content-bc .col-md-3{margin-bottom:25px;}
.call-to-action .col-md-5{width:70%;padding:0;}
.call-to-action .col-md-5:first-child{margin-bottom:15px;}
.call-to-action a.btn{font-size:15px;}
.footer-top h3{text-align:center;}
.footer-top ul{margin-bottom:20px; padding-top:0px;}
.footer-top .col-md-2{float:none; width:100%; text-align:center;}
.footer-btm .col-md-6{width:100%; float:none; text-align:center!important;top:0; margin-bottom:8px;}
.social-media-top ul{width:86px;}
.we-give-back p{padding:0 20px;}
.innerpage .content-bc{padding:0px 15px 0;}
.news-list-box .row .col-md-3{float:left!important; padding-left:0;}
.news-list-box .row .col-md-3 img{width:100%; height:auto;}
.row{margin:0;}
.innerpage #body{border-top:1px solid #dcdcdc;}
.we-give-back{margin:0 15px;}
.news-list-box .row{padding-left:15px;}
.news-list-box.news-story .row{padding-left:0;}
.collapse-menu{display:none;}
.meet-team .col-md-5{width:320px; margin-bottom:15px;}
.img-team-pic img{width:100%; height:auto;}
.team-box p{height:250px;}
.our-backgrounds .col-md-3{margin:0 auto 15px;}
.our-story .cbox-main{margin:0 15px 20px;}
#banner .box-img{padding:0 15px 35px;}
.custom-placeholder{left:29px; top:10px;}
.testimonial-box .container{padding:0 15px;}
.testimonial-box .container div{width:auto; display:block; margin:0 0 20px;}
.testimonial-box .container div p{min-height:inherit; padding-bottom:20px;}
.workshop-details .col-md-7{width:auto; float:none;}
.workshop-details .col-md-5{width:auto; float:none;}
.tell-afriend a{font-size:17px;}
.upcoming-dates .col-md-3{width:25%!important; float:left!important;margin-bottom:0;}
.tbody .col-md-3{padding:15px 10px 8px;}
.tbody .col-md-3 p em{font-size:13px; display:block;}
.tbody .col-md-3 p{font-size:14px; line-height:22px;}
.upcoming-dates{overflow-x:scroll; width:100%;}
.upcoming-dates .thead, .upcoming-dates .tbody{width:800px;}
.announcement-text.hide{display:block!important;}
.job-seeker .main-btn{padding:20px 15px;}
.boxes{margin-top:-60px;}
.job-seeker{margin-top:0;}
#collapse-social{text-align:center;}
#collapse-social a{margin-right:13%;}
}
@media (max-width:600px){
.news-list-box .row .col-md-3{float:none!important; text-align:center; width:280px!important; margin:0 auto 20px;}
.news-story .col-md-6.pull-left{float:none!important; width:auto!important; margin-bottom:20px;}
.flatfree-box ul{padding:15px 20px 30px 20px;}
.custom-placeholder{left:15px; top:11px;}
.upcoming-dates .thead, .upcoming-dates .tbody{width:720px;}
html .our-backgrounds .upcoming-dates .col-md-3{width:180px!important;}
}
@media (max-width:568px){
html #body .news-list-box .col-md-3{width:100%!important; float:none!important; padding:0 15px;}
html #body .news-list-box .col-md-9{padding:0 15px;}
.news-list-box .row{padding-left:0;}
.our-backgrounds .col-md-3{width:300px!important;}
.employers-box .main-btn, .flatfree-box .main-btn{width:auto; margin:0 15px;}
.employers-box .main-btn .btn, .flatfree-box .main-btn .btn{white-space:pre-line; padding:10px;}
.form-box{width:auto;}
.form-box .col-md-6, .form-box .col-md-12{padding:0;}
}
@media (max-width:479px){
.call-to-action .col-md-5{width:100%;}
.footer-top h3{font-size:15px;}
.center-logo img{width:100%; height:auto; margin-bottom:8px;}
.employers-box .col-md-6{width:320px;}
.box-btm p{height:120px;}
.booking-workshop .white-brbox .col-md-7{padding:0;}
.booking-workshop .white-brbox .col-md-5{padding:0;}
.booking-workshop .white-brbox h2{padding:12px 8px 10px;font-size:13px;}
.booking-workshop .white-brbox p{padding:20px 8px 30px;font-size:12px; line-height:15px;}
#collapse-social a{margin-right:2%;}
}
@media (max-width:380px){
.we-give-back .logo-bx{padding:0 10px;}
.we-give-back .logo-bx img{width:100%; height:auto;}
.menu-button{top:207px;}
.pagination ul li{padding:0 20px;}
.tell-afriend a{font-size:12px; padding-top:14px;}
.tell-afriend a span{top:-7px;}
}
@media (max-width:330px){
.menu-button{top:200px;}
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
/*#menu ul li a{padding:15px 29px;}
#menu ul li.last a{padding:15px 30px;}*/
#menu ul li a{padding:15px 31px;}
.pagination ul li:first-child span{top:0;}
.pagination ul li:last-child span{top:0;}
}
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) { .pagination ul li:first-child span{top:6px;} .pagination ul li:last-child span{top:6px;} }
_:-ms-fullscreen, :root #menu ul li a{padding:15px 34px;}
_:-ms-fullscreen, :root #menu ul li.last a{padding:15px 30px;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#menu ul li.last a{padding:15px 23px;}
@media (max-width:991px) {
#menu ul li a{padding:15px 18px;}
}
}
@media screen and (min-width:0\0) {
#menu ul li a{padding:15px 34px;}
#menu ul li.last a{padding:15px 30px;}
}
/* Extra Styles */
small { font-size:75%; }
.tbody .col-md-3 { min-height: 160px; }
@media (max-width: 991px) { .tbody .col-md-3 { min-height: 180px; } }
.location { background: #fafbfb; }
.upcoming-dates .thead { border-top:none; }
.announcement-text { padding: 25px 0 15px; }
.hide { padding: 25px 0 0; }
.innerpage h1 { font-weight: bold; }
.booking-workshop h2 { font-size:16px; font-weight: bold; }
.booking-workshop h2 span { font-weight: normal; }
.booking-workshop { border-top: none; border-bottom: 1px solid #e8e8e8 !important;}
.payment-options { margin-left:0; margin-right:0; }
.payment-options div { margin-bottom:10px !important; }
.payment-options div p { text-align: center; margin-top: -10px; color: #666666; font-size: 12px; }
.payment-options a.btn { text-transform:none; }
.payment-options a.btn span { float: left; width: 15px; font-size: 19px; margin-top: -3px; }
/* Fix for menu overflow on Safari */
@media screen and (min-color-index:0)
and(-webkit-min-device-pixel-ratio:0) {
@media {#menu ul li a {padding:15px 26px !important;}}
@media (max-width:1200px){#menu ul li a {padding:15px 26px !important;}}
@media (max-width:991px) {#menu ul li a {padding:15px 11px !important;}}
}
.circle-box span.icon-01:hover, .circle-box span.icon-02:hover, .circle-box span.icon-03:hover, .circle-box span.icon-04:hover { cursor:default; }
.no-border { border-bottom:none !important; border-top:none !important; padding-top:0; }
.job-seeker .main-btn { margin:0 auto; text-align:center; }
.jobseeker1, .jobseeker2 { float:none !important; padding:30px 20px 20px; font-size:16px; min-width: 435px; }
.jobseeker1 { margin-right:20px; }
.jobseeker2 { margin-left:20px; }
@media (max-width: 991px) { .job-seeker .main-btn a { margin-left:0; margin-right:0; } }
@media (max-width: 480px) { .job-seeker .main-btn a { font-size:12px; letter-spacing:-1px; } }
@media (min-width: 992px) { .center-logo { padding-left:80px; } }
@media (max-width: 991px) { .center-logo { padding-left:44px; } }
@media (max-width: 767px) { .center-logo { padding-left:0px; } .social-media-top { text-align:left; } }
.form-box input[type=checkbox] { border: 1px solid #E8E8E8 !important; }
.radio-box a { color: #000; text-decoration: underline; }
.radio-box label input[type="checkbox"] ~ span::before { border:1px solid #dddddd; }
.flatfree-box p, .boxes p { font-size:16px; line-height:22px; }
.flatfree-box ul li { font-size:16px; line-height:22px; }
.our-story .cbox-btm p { font-size:15px; line-height:20px; }
@media (min-width: 768px) { .pull-right {width: 41.66666667%;} .content-bc .col-md-6 { float:left;} }
@media (max-width: 992px) { .cbox-r p {font-size:13px;} }
@media (max-width: 767px) { .pull-right {width: 100%; padding-top:10px;} .content-bc .col-md-6 { width:100%} .cbox-r p {font-size:15px;width:77%;} .cbox-r {text-align: center;} }
@media (max-width: 767px) { .flatfree-box{margin-top:0px;} }
.seminar-dl {
margin-top: 10px;
}
.seminar-dl i {
float: left;
width: 20px;
padding-top: 2px;
color: #D42A39;
}
.seminar-dl a {
color: #D42A39;
text-decoration: underline;
font-weight: 600;
font-size:13px;
}
.seminar-dl a:hover {
color: #000;
text-decoration: none;
}
label.error{
/*height: 62px;*/
/* float: left; */
font-size: 14px;
font-weight: bold;
color: #a94442;
padding: 10px;
background-color: #f2dede;
border: 1px solid #ebccd1;
margin-bottom: 20px;
border-radius: 4px;
line-height: 20px;
width:100%;
}
#resume + label.error{
height: auto;
float: left;
/* position: absolute; */
/* right: -30px; */
/* top: 0px; */
width: 100%;
}
.news-story h3 { text-align:left; text-transform: none; }
/* Fix for job seeker buttons on Safari */
@media screen and (min-color-index:0)
and(-webkit-min-device-pixel-ratio:0) { @media
{
.jobseeker1, .jobseeker2 {font-size:15px;}
}}
.workshop-details {border-bottom: 1px solid #e8e8e8 !important;}
.multiselect-container input[type="checkbox"]{
width: auto;
height: auto;
}
*::after, *::before {
box-sizing: border-box;
}
*::after, *::before {
box-sizing: border-box;
}
.btn-group > .btn:first-child {
margin-left: 0;
}
.hide-native-select .btn-group .btn{
height: 38px;
text-align: left;
}
.hide-native-select .btn-group .btn > .caret{
position: absolute;
right: 12px;
top: 19px;
}
.select-boxa .btn-default { border:none; }
.news-list-box .row .col-md-3 {
width: auto;
margin-right: 20px;
}
.news-list-box .row .col-md-9 {
width: auto;
float: none;
margin-bottom:10px
}
@media (max-width: 991px) {
.news-list-box .row .col-md-3 { width: auto !important; }
}
.news-list-box .row .col-md-3 img { margin-bottom:10px !important; }
.news-list-box .row { padding: 35px 0 25px; }
.workshop-details {border-top: 1px solid #e8e8e8 !important}
@-moz-document url-prefix() {
.jobseeker1, .jobseeker2 {font-size:15px;}
}
#filename{
font-size: 14px;
line-height: 20px;
display: inline-block;
overflow: visible;
overflow-wrap: break-word;
min-height: 20px;
margin-bottom: 20px;
}
.agree > label.error{
margin-top: 0px;
margin-bottom: 10px;
}
@media(max-width: 767px) {
.news-list-box .row .col-md-3 img {
height: 165px;
width: auto;
text-align: center;
margin: 0 auto;
}
}