body { font-family: 'Raleway', sans-serif; }
img {max-width: 100%; }
a{text-decoration:none; color:#798992;transition: 0.3s;}
a:hover{color:#646464; text-decoration:none;transition: 0.3s;}
a:focus{outline:none; text-decoration:none}
p { margin-bottom: 2rem; }
p:last-child { margin: 0; }
h1, h2, h3, h4, h5, h6 { font-family: 'Raleway', serif;}
h4 { font-size: 20px; color: #CC222B;  }
.header-top {background-color: #2E3E77;color: #fff;z-index: 100;width: 100%;box-shadow: 0 0 10px rgba(0,0,0,0.4);-webkit-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.header-logo {padding: 20px 0 0;}
.header-logo h1 {font-weight: 300;font-size: 28px;border-bottom: 1px solid #ccc;display: inline-block;padding: 10px 30px;max-width: 80%;margin: 0 auto;}
.main-menu { padding: 0px 0; margin-left: 0px; }
.logo-wrapper img { margin: 0 15px; }
.logo-wrapper a { display: block; }
.logo-wrapper .list-inline { margin: 0;}
.mail-wrapper {display: inline-block;vertical-align: middle;padding: 10px 0;margin-right: 20px;}
.mail-wrapper a { color: #fff; }
.pageWrapper.home {overflow: hidden;}

/* Copied from previous version */
#mainContent{background-color: #F3F3F3; display:inline; float:left; width:100%}
.single_page_area{display:inline; float:left; padding-top:15px; width:100%; padding-bottom:25px}
.single_page_area > h2{ color:#798992; padding:20px 10px; line-height:40px}
.single_page_area > h2 { border-left: 5px solid #ffa500; }
.single_page_content{float:left; display:inline; width:100%}
.contact_bottom{float:left; display:inline; width:100%}
.contact_us{width:100%; position:relative; margin-top:30px; margin:20px auto}
.our_office:before, .contact_us:before{content:""; left:0; position:absolute; top:1px; width:100%}
.contact_us:before { border-bottom: 1px solid #ffa500;}
.contact_us > h2{font-size:32px; margin:24px 0; text-align:center}
.contact_form{}
.contact_form input[type="text"], .contact_form input[type="email"]{border-radius:0; height:40px; margin-bottom:10px; width:100%}
.contact_form textarea{width:100%; height:150px; border-radius:0px; margin-bottom:10px}
.contact_form input[type="submit"], .subscribe_form input[type="button"]{float:right; height:40px; line-height:40px; width:100px; border:1px solid #ccc; -webkit-transition:all 0.5s; -mz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; background-color: #CCC; padding: 0px;}

/******************/

.spacer5 {height:5px;}
.spacer10 {height:10px;}
.spacer20 {height:20px;}
.spacer30 {height:30px;}
.spacer50 {height:50px;}
.spacer80 {height:80px;}
.spacer100 {height:100px;}

#footer{float:left; display:inline; width:100%; border-top:10px solid #2E3E77;}
.footer_top{background-color:#FFF; display:inline; float:left; padding:15px 0; width:100%}
.single_footer_top{float:left; display:inline; width:100%}
.single_footer_top > h2{ font-size:18px; margin:0 0 10px; padding:6px 0; text-transform:uppercase}
.flicker_nav{
    padding: 0;
}
.flicker_nav li{display: inline-block;min-width: 60px;margin-right:8px;margin-bottom:8px;}
.flicker_nav li a{display:block;height:75px;width:100%;text-align: center;}
.flicker_nav li a img{ -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
.labels_nav{text-align: center;padding: 0;}
.labels_nav li{display:inline-block}
.labels_nav li a{display:inline-block;background:none repeat scroll 0 0 #fff;color:#ddd;line-height:12px;margin:0 2px 4px 0;padding: 12px 17px;-webkit-transition:all 0.5s;-o-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s;}
.single_footer_top p{color:#ddd}
.footer_bottom{float:left;display:inline;width:100%;background:none repeat scroll 0 0 #282e31;color: #fff;font-size:12px;padding:8px 20px;}
.footer_bottom_left{float:left; display:inline; width:60%; margin-top: 5px;}
.footer_bottom_left_links{float:left; display:inline; width:50%; margin-top: 15px;}
.footer_bottom_left p, .footer_bottom_right p{color: #fff;margin: 10px 10px 10px;}
.footer_bottom_right p{font-size:10px}
.footer_bottom_right{float:left; display:inline; width:50%; text-align:right; margin-top: 15px;}
.footer_bottom_right_updated{float:right; display:inline; width:40%; text-align:right; margin-top: 15px;}
.single_footer_top{float:left; display:inline; width:100%}
.single_footer_top ul {padding: 0;text-align: center;margin: 0;}
.single_footer_top > h2{font-size: 20px;color:#ffa500;margin:0 0 10px;padding:6px 0;text-transform:uppercase;font-family: 'Oswald',sans-serif;}
.single_footer_bottom h2 {text-transform: uppercase; font-size: 22px}
.single_footer_bottom .labels_nav li a { padding: 12px 0; }
.logo_img_footer {float: left;width: 34%;}
.logo_text_footer {float: left;width: 66%;color: #333;margin-top: 25px;}
.logo_text_line1_footer {font-size: 20px;font-family: 'Open Sans', sans-serif;font-weight: 500;text-align: justify;}
.logo_text_line2_footer { font-size: 23px; font-weight: 700; font-family: 'Open Sans', sans-serif; }

.socialMedia a {display: inline-block;font-size: 20px;color: #fff;width: 40px;height: 40px;background-color: rgba(255,255,255,0.1);border-radius: 50%;text-align: center;line-height: 40px;margin-left: 5px;}

.src-btn {text-align: right;display: inline-block;vertical-align: middle;background-color: #283668;width: 45px;text-align: center;}
.cd-search .form {font-size: 26px;padding: 0 100px;position: relative;top: 25%;left: 0;transform: translateY(-50%);color: #fff;}
.cd-search-trigger, .cd-nav-trigger {display: block;overflow: hidden;white-space: nowrap;  /* hide text */color: #fff;z-index: 3;right: 15px;top: 18px;font-size: 22px;}
.cd-search-trigger:hover, .cd-search-trigger:focus {color: #F07C21;}
.cd-search-trigger::before, .cd-search-trigger::after {  /* search icon */content: ''; position: absolute; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; transition: opacity 0.3s;  /* Force Hardware Acceleration in WebKit */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.cd-search-trigger span {  /* container for the X icon */position: absolute; height: 100%; width: 100%; top: 0; left: 0; }
.cd-search-trigger span::before, .cd-search-trigger span::after {  /* close icon */content: ''; position: absolute; display: inline-block; height: 3px; width: 22px; top: 50%; margin-top: -2px; left: 50%; margin-left: -11px; background: #2e3233; opacity: 0;  /* Force Hardware Acceleration in WebKit */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; -moz-transition: opacity 0.3s, -moz-transform 0.3s; transition: opacity 0.3s, transform 0.3s; }
.cd-search-trigger span::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.cd-search-trigger span::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.cd-search-trigger.search-is-visible::before, .cd-search-trigger.search-is-visible::after {  /* hide search icon */opacity: 0; }
.cd-search-trigger.search-is-visible span::before, .cd-search-trigger.search-is-visible span::after {  /* show close icon */opacity: 1; }
.cd-search-trigger.search-is-visible span::before { -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
.cd-search-trigger.search-is-visible span::after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.cd-header-buttons {position: absolute;display: inline-block;top: 2px;right: 0;z-index: 10;}
.cd-header-buttons li { display: inline-block; }
.cd-search {position: fixed;height: 100%;width: 100%;background-color: rgba(0,0,0,0.85);top: 0;left: 0;z-index: 100;opacity: 0;visibility: hidden;-webkit-transition: opacity .3s 0s, visibility 0s .3s;-moz-transition: opacity .3s 0s, visibility 0s .3s;transition: opacity .3s 0s, visibility 0s .3s;}
.cd-search form { height: 100%; width: 100%; }
.cd-search input {border-radius: 0;border: none;box-shadow: none;background: transparent;height: 80px;width: 100%;font-size: 26px;padding: 0;padding-right: 40px;box-shadow: none;-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none;border-bottom: 1px solid #999;}
.cd-search input::-webkit-input-placeholder { color: #999; }
.cd-search input::-moz-placeholder { color: #999; }
.cd-search input:-moz-placeholder { color: #999; }
.cd-search input:-ms-input-placeholder { color: #999; }
.cd-search input:focus { outline: none; border: 0; border-bottom: 1px solid #999; box-shadow: none; }
.cd-search .close-btn {position: absolute;bottom: 25px;right: 100px;color: #fff;}
.cd-search.is-visible { opacity: 1; visibility: visible; -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s; }
.cd-search h2 { font-size: 24px; color: #fff; font-weight: normal;}

#back-top {width: 45px;height: 45px;position: fixed;bottom: 45px;right: 45px;z-index: 105;display: block;color: #fff;background-color: rgba(0,0,0,0.5);border: 1px solid #fff;font-size: 16px;text-align:  center;line-height: 45px;border-radius: 50%;}
#back-top a {width: 50px;height: 40px;position: absolute;text-align: center;bottom: 0;left: 50%;margin-left: -25px;z-index: 500;font-size: 14px;color: #166835;opacity: 0.6;}
#back-top a:hover { opacity: 0.5; }
#back-top i:after {content:"";background-color: rgba(255,255,255,0.1);width: 90px;height: 90px;position: absolute;left: -18px;top: -18px;border-radius: 50%;}

.ms-skin-default .ms-slide .ms-slide-vpbtn, .ms-skin-default .ms-video-btn { width: 50px; height: 51px; background: url(../masterslider/skins/minimal/light-skin-1.png) no-repeat -14px -150px; top: 50%; left: 50%; margin: -25px 0 0 -25px; }
.ms-skin-default .ms-slide .ms-slide-vcbtn { width: 30px; height: 30px; background: url(../masterslider/skins/minimal/light-skin-1.png) no-repeat -24px -28px; top: 18px; right: 30px; }

/* controls */
.ms-skin-default .ms-nav-next, .ms-skin-default .ms-nav-prev {width: 35px;height: 35px;cursor: pointer;top: 50%;left: 15px;margin-top: -20px;position: absolute;z-index: 11;background-color: #2c3b73;border-radius: 4px;}
.ms-skin-default .ms-nav-next {right: 15px;left: auto;}
.ms-skin-default .ms-nav-prev:after {content: "\f104";font-family: "Font Awesome 5 Pro","Helvetica Neue",Helvetica,Arial,sans-serif;position: absolute;top: 6px;right: 15px;z-index: 12;color: #fff;}
.ms-skin-default .ms-nav-next:after {content: "\f105";font-family: "Font Awesome 5 Pro","Helvetica Neue",Helvetica,Arial,sans-serif;position: absolute;top: 6px;right: 15px;z-index: 12;color: #fff;}
.ms-skin-default .ms-bullet { width: 12px; height: 12px; background-color: rgba(255,255,255,0.65); border-radius: 50%; }
.ms-skin-default .ms-bullet-selected {  background-color: rgba(255,255,255,1); }
.ms-bullets.ms-dir-h {bottom: 20px;z-index: 10;}
.ms-skin-default .ms-time-bar { height: 3px; background: #FFFFFF; border-top: solid 1px rgba(0, 0, 0, 0.41); }
.ms-skin-default .ms-tooltip { position: absolute; z-index: 210; cursor: auto; }
.ms-skin-default .ms-tooltip-top .ms-tooltip-arrow, .ms-skin-default .ms-tooltip-bottom .ms-tooltip-arrow { border-left: solid 10px transparent; border-right: solid 10px transparent; position: absolute; left: 50%; margin-left: -10px; }
.ms-skin-default .ms-tooltip-top .ms-tooltip-arrow { border-top: solid 10px; border-top-color: silver; border-top-color: rgba(240, 240, 240, 0.88); bottom: -10px; }
.ms-skin-default .ms-tooltip-bottom .ms-tooltip-arrow { border-bottom: solid 10px; border-bottom-color: silver; border-bottom-color: rgba(240, 240, 240, 0.88); top: -10px; }
.ms-skin-default .ms-tooltip-right .ms-tooltip-arrow, .ms-skin-default .ms-tooltip-left .ms-tooltip-arrow { border-top: solid 10px transparent; border-bottom: solid 10px transparent; position: absolute; top: 50%; margin-top: -10px; }
.ms-skin-default .ms-tooltip-right .ms-tooltip-arrow { border-right: solid 10px; border-right-color: silver; border-right-color: rgba(240, 240, 240, 0.88); left: -10px; }
.ms-skin-default .ms-tooltip-left .ms-tooltip-arrow { border-left: solid 10px; border-left-color: silver; border-left-color: rgba(240, 240, 240, 0.88); right: -10px; }
.ms-skin-default .ms-tooltip-point { cursor: pointer; }
.ms-skin-default .ms-tooltip-point .ms-point-center { width: 12px; height: 12px; border-radius: 15px; border: solid 2px #BBB; background: white; margin: -8px 0 0 -8px; position: absolute; z-index: 105; }
.ms-skin-default .ms-tooltip-point .ms-point-border { width: 22px; height: 22px; background: black; background: rgba(0, 0, 0, 0.36); margin: -11px 0 0 -11px; position: absolute; border-radius: 15px; animation: point-anim 1.5s infinite; -moz-animation: point-anim 1.5s infinite; -webkit-animation: point-anim 1.5s infinite; -o-animation: point-anim 1.5s infinite; }
.ms-skin-default .ms-tooltip { max-width: 200px; }
.ms-skin-default .ms-tooltip-cont { padding: 10px; background: silver; background: rgba(240, 240, 240, 0.88); text-shadow: 0 1px 0px white; margin-left: -1px; }

/* retina */
@media 
only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min--moz-device-pixel-ratio:2), only screen and (-o-min-device-pixel-ratio:2/1), only screen and (min-device-pixel-ratio:2), only screen and (min-resolution:192dpi), only screen and (min-resolution:2dppx) {
  .ms-skin-default .ms-slide .ms-slide-vpbtn, .ms-skin-default .ms-video-btn, .ms-skin-default .ms-slide .ms-slide-vcbtn, .ms-skin-default .ms-nav-next, .ms-skin-default .ms-nav-prev, .ms-skin-default .ms-bullet { background-image: url(../images/light-skin-1-retina.png); background-size: 152px 225px; }
}
.ms-layer.bold-text { color: #333; font-weight: 900; font-size: 40px; text-shadow: -1px 1px black; margin: 0; }
.ms-layer.thin-text {color: #333;font-size: 16px;padding: 30px 50px;margin: 0;}
.ms-layer.thin-text h1 {font-weight: normal;font-size: 45px;}
.ms-layer.thin-text strong { font-weight: bold; }
.ms-layer .btn-primary { background-color: #1E83F0; border: 0; border-radius: 4px; border-bottom: 2px solid #1B76D8; }
.ms-layer .btn-primary:hover { background-color: #1B76D8; border-bottom: 2px solid #0c5eb7; }
.slide-1-caption { width: 400px; background-color: rgba(255,255,255,0.6);  }
.slide-1-caption:before {content: "";width: 5px;height: 95px;background-color: #F07C21;position: absolute;left: 0;top: 35px;z-index: 10;}
.slide-1-caption p { max-width: 300px;}

.dropdown-toggle::after {content: "\f107";font-family: "Font Awesome 5 Pro","Helvetica Neue",Helvetica,Arial,sans-serif;z-index: 12;background: none;border: none;line-height: 1;display: inline-block;vertical-align: initial;color: #999;}
.navbar-expand-lg .navbar-nav .nav-link {padding: 10px 20px;color: #333;font-weight: 500;font-size: 15px; font-weight: bold;}
.navbar-expand-lg .navbar-nav .nav-link:hover, .navbar-expand-lg .navbar-nav .nav-link:focus, .navbar-nav .nav-item.active { color: #F07C21; }
.language-bar {padding: 12px 0;font-size: 13px;}
.language-bar ul { margin: 0; }
.language-bar li a { color: #fff; }
.language-bar li + li {border-left: 1px solid #fff;padding-left: 10px;line-height: 1.1;}

.pageBanner { position: relative; }
.shortcutLinks {position: absolute;z-index: 20;left: 0;bottom: 0;color: #fff;width: 100%;}
.shortcutLinks .container-fluid { padding: 0; max-width: 1400px; }
.shortcutLinks .linkCard {background-color: rgba(0,0,0,0.5);padding: 0 15px;}
.shortcutLinks .linkCard .card-title {padding: 15px 0;margin: 0;}
.shortcutLinks .linkCard .card-title .fa-chevron-circle-right { position: absolute; right: 30px; top: 22px; font-size: 22px;}
.shortcutLinks .linkCard a { color: #fff; font-size: 18px; display: block; position: relative; }
.shortcutLinks .linkCard a:hover, .shortcutLinks .linkCard a:focus { color: #FF222B; }
.shortcutLinks .linkCard a .fa-chevron-right { position: absolute; left: 130px; top: 8px; font-size: 12px; }
.shortcutLinks .linkCard .card-content { padding-bottom: 25px; }

.content-wrapper {padding-top: 90px; background-color: #fff;}
.content-wrapper h1 { color: #CC202B; font-size: 28px; }
.section.top { margin-top: -90px; }
.section { padding: 20px 0; }
.section-login { padding: 60px 0; }
.pageTitle { padding: 50px 0; }
.topLinks a { color: #CC202B; }
.language-link { margin-top: 20px; }
.language-link li a { padding-right: 10px; display: inline-block; } 
.language-link .list-inline-item:not(:last-child) { margin: 0; }
.language-link li + li a { padding-left: 10px; border-left: 1px solid #CC202B; }
.contact-link span.ico {display: inline-block;border: 1px solid #CC202B;border-radius: 50%;width: 35px;height: 35px;line-height: 35px;font-size: 20px;text-align: center;margin-right: 5px;}
.dark-bg {background-color: #1b1d1d; color: #fff;}
.grey-bg {background-color: #F3F3F3; }

.btn-primary { background-color: #333; border-color: #333; border-radius: 0; }
.btn-primary.fw { width: 100%; }
.btn-special { background-color: #F07C21; color: #fff; border-radius: 50px; }
.navbar-expand-lg .navbar-nav .nav-link.btn-special {color: #fff;font-size: 18px;font-weight: 300;padding: 6px 25px;}
.btn.lg { font-size: 22px; min-width: 150px; }

.section .section-header {color: #F07C21;}
.section .section-button {color: #F07C21; font-weight: bold; border-radius: 22px;background: none;border-color: #F07C21;font-size: 14px;}
.section.news .card:hover {-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);transition: 0.3s;}
.section .card-img {width: 100%;height: 0;padding-bottom: 75%;background-size: cover; background-position: center; border-radius: 0; }
.section .card-img:after {content: ""; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+52,0.65+100 */
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 52%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 52%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 52%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */ position: absolute; z-index: 9; width: 100%; height: 100%; left: 0; top: 0; }
.section .no-caption .card-img:after { display: none; }
.section.news .card {padding: 10px; }
.section.news .card-body { padding: 20px 5px; }
.section .card.sm .card-img { padding-bottom: 73.5%; }
.section .card { position: relative;transition: 0.3s; }
.section .card h4 {position: absolute;z-index:10;width:100%;color: #fff;text-align: center;bottom: 5px;left: 0;font-size: 16px;}
.section .mansoryCard .card, .section.trending .card, .section.careers .card { border-radius: 0; border: 0; background-color: #000; }
.section .mansoryCard.video .card-img:before {content: "\f144";font-family: "Font Awesome 5 Pro","Helvetica Neue",Helvetica,Arial,sans-serif;position: absolute;font-size: 40px;font-weight: 100;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);z-index: 12;color: #fff;}
.section .mansoryCard.video .card.lg .card-img:before { font-size: 70px; }
.section .mansoryCard .card:hover .card-img, .section.trending .card:hover .card-img, .section.careers .card:hover .card-img {transition:0.3s;opacity: 0.6;}

.calander {padding: 25px 0; background-image: url(../images/cal-bg.png);background-size: contain;background-repeat: no-repeat;width: 90px;height: 90px;}
.calander span { display: block; text-align: center; line-height: 1; }
.calander span.day { font-size: 24px; }
.calander span.month { font-size: 14px; }

.event-list .text-muted i, .event-list .text-muted .svg-inline--fa { color: #F07C21; font-size: 16px; }
.event-list dl.row { margin-bottom: 5px; }
.event-list .card { margin-bottom: 30px; }

.testimonial-wrapper img.profile-img { width: 180px; height: 180px; }
.testimonial-wrapper .pro-det { margin: 20px 0; }
.testimonial-wrapper .list-inline-item { vertical-align: middle; }

#pageNotice .modal-body { padding: 30px; }
#pageNotice .modal-body .welcomeSign {margin-left: 20%;}
#pageNotice .modal-body .welcomeSign h1 {background-color: #EA5445;color: #fff;padding: 18px 50px;display: inline-block;font-size: 30px;position: relative; margin-bottom: 25px}
#pageNotice .modal-body .welcomeSign h1:after {content: "";width: 0;height: 0;border-top: 36px solid transparent;border-left: 40px solid #EA5445;border-bottom: 36px solid transparent;position: absolute;top: 0px;right: -40px;}
#pageNotice .max450 { max-width: 450px;margin-left: 20%; }
#pageNotice .text-center .max500 { max-width: 500px; margin: 0 auto; }
#pageNotice .text-center h3 { font-size: 25px; font-weight: bold; }
#pageNotice .text-center h4 { color: #333; }
#pageNotice .modal-content {background-image: url(../images/iWant2b-Homepage-PopUp.jpg); background-repeat: no-repeat; background-size: cover;}

.career .section h1.section-header, .career .section .section-header.alphabert {color: #464749;font-weight: bold;}
.career .custom-btn {color: #464749;border: 1px solid #B3B3B3;display: block;text-align: center;padding: 10px;position: relative;height: 100px;margin-bottom: 30px;}
.career .custom-btn:hover {border-color: #fff; background-color: #F07C21; }
.career .custom-btn:hover p, .academic .custom-btn:hover p {color: #fff;transition: 0.3s;}
.career p.text, .academic p.text {position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);width: 90%;color: #464749;}
.header-image-academic {height: 550px;background: url(../images/homeslider-004.jpg) no-repeat;background-size: cover;}
.academic .custom-btn {color: #464749;border: 1px solid #F07C21;display: block;text-align: center;padding: 10px;position: relative;height: 200px;margin-bottom: 30px;border-top-width: 10px;}
.academic .custom-btn:hover {border-color: #F07C21; background-color: #F07C21; cursor: pointer; }
.academic .breadcrumb {background-color: transparent;padding:0;font-size: 1.75rem;}
.academic .breadcrumb-item+.breadcrumb-item::before {content: '>';}
.academic .breadcrumb-item.active {color: #F07C21;}
.academic .modal-content {border-radius: 0; border: none;}
.academic .modal-title {color: #fff;font-weight: bold;}
.academic .modal-header {background: #36b99d;background: -moz-linear-gradient(left, #36b99d 0%, #50b2cb 100%);background: -webkit-linear-gradient(left, #36b99d 0%,#50b2cb 100%);background: linear-gradient(to right, #36b99d 0%,#50b2cb 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36b99d', endColorstr='#50b2cb',GradientType=1 );border-radius: 0;}
.academic .close {font-size: 2rem;color: #fff;opacity: 1;}
.academic .modal .modal-body .icon .col:after {content: '';position: absolute;top: 50%;border-top: 1px solid #339FE2; width: 83%;}
.academic .modal .modal-body .icon {margin-bottom: 15px;}
.academic .modal .modal-body .btn {background-color: #fff;border: 1px solid #ccc;border-radius: 0;position: relative;white-space: normal;padding-left: 20px;}
.academic .modal .modal-body .btn:before {content:''; position:absolute; background-color: #339FE2;width: 15px;height: 100%;left: 0;bottom: 0;}
.academic .modal .modal-body .btn:hover {background-color: #339FE2;color: #fff;}
.academic .close:not(:disabled):not(.disabled):focus, .academic .close:not(:disabled):not(.disabled):hover {color: #fff;}
#searchbar .container { padding: 0; margin: 0; max-width: none; }

.member .header-image {height: 550px;background: linear-gradient(to left,rgba(54, 185, 157, 0.5),rgba(80, 178, 203, 0.5)), url(../images/login-bg.jpg) no-repeat;background-size: cover;}
.member .header-image-2 {background: linear-gradient(to left,rgba(54, 185, 157, 1),rgba(80, 178, 203, 1));}
.member .login-form {box-shadow: 0 0 0 0.1rem rgb(240, 124, 33);}
.member .login-form form {margin: 45px 0;}
.member .login-form h2 {font-size: 36px;}
.member .login-form {background-color: #fff;background-clip: padding-box;outline: 0;min-height: 450px;padding-top: 30px;}
.member .login-form .form-group, .member.profile form .form-group {margin: 0 auto 20px; width: 60%;}
.member .login-form .form-control, .member.profile form .form-control {height: 45px;border-radius: 0;border-color: #B3B3B3;padding-left: 25px;padding-right: 25px;}
.member .login-form .form-control:focus, .member.profile form .form-control:focus {box-shadow: 0 0 0 0.1rem rgb(240, 124, 33);}
.member .login-form .form-control::placeholder, .member.profile form .form-control::placeholder {color: #B3B3B3;}
.member .login-form .form-group .forgot-pass {margin-top: 10px;display: block;color: #666;}
.member .login-form .form-group .forgot-pass:hover {text-decoration: underline;}
.member .login-form .btn-form {background-color: #1E83F0;border-bottom: 3px solid #1B76D8; color: #fff;min-width: 150px; }
.member .login-form .signup-link {color: #F07C21;text-transform: uppercase;font-weight: bold;font-size: 16pt; }

.member.profile .content .container {background-color: #fff;}
.member.profile .content .container .row {margin-top: 20px;}
.member.profile .test-history h3.sub-title {margin-top: 20px; border-bottom: 1px solid #B3B3B3;padding-bottom: 10px;}
.member.profile .test-history h4 {color: #464749; margin-top: 20px;font-weight: bold;}
.member.profile .test-history .progress .primary {background-color: #3DB7CE;}
.member.profile .test-history .progress .secondary {background-color: #F07C21;}
.member.profile .test-history .progress .tertiary {background-color: #464749;}
.member.profile .test-history .result .btn {background-color: #F07C21;color: #fff;border-bottom: 3px solid #B45D19;margin: 15px auto;}
.member.profile .btn-form {background-color: #1E83F0;border-bottom: 3px solid #1B76D8; color: #fff;min-width: 150px; }
.member.profile .btn-form.career-test-btn {position: relative;padding: 20px 40px 20px 80px;}
.member.profile .btn-form.career-test-btn .custom-icon {    background-image: url(../images/test-icon.png);background-position: center center;background-size: contain;fill: transparent !important;height: 45px;background-repeat: no-repeat;width: 66px;position: absolute;left: 10px;top: 15px;}
.member.profile form {margin-top: 50px;}
.member.profile .career-test form .form-group {width: 100%;}
.member.profile form .question {font-size: 24px;font-weight: bold;color: #464749;margin-bottom: 10px;}
.member.profile .career-test form .form-group input[type=radio] {position: absolute;opacity: 0;cursor: pointer;width: 25px;height: 25px;left: -20px;}
.member.profile .career-test form .form-group .checkmark {position: absolute;top: 0;left: -30px;height: 25px;width: 25px;background-color: #eee;border-radius: 50%;}
.member.profile .career-test form .form-group label {position: relative;cursor: pointer;width: 50px;margin: 0 50px;font-weight: bold;font-size: 18px;}
.member.profile .career-test form .form-group label:hover input[type=radio] ~ .checkmark {background-color: #ccc;}
.member.profile .career-test form .form-group input:checked ~ .checkmark {background-color: #fff;border: 2px solid #F07C21;}
.member.profile .career-test form .form-group .checkmark:after {content: '';position: absolute;display: none;}
.member.profile .career-test form .form-group input:checked ~ .checkmark:after {display: block;}
.member.profile .career-test form .form-group .checkmark:after {top: 3px;left: 3px;width: 15px;height: 15px;border-radius: 50%;background:#F07C21;}
.member.profile .career-test .btn-form {margin: 30px auto;}
.member.profile .career-test .result h2 {color: #464749;font-weight: bold;font-size: 28px;}
.member.profile .career-test .result h6 {margin-top: 10px;}
.member.profile .career-test .result .progress-bar {background: linear-gradient(to left,rgba(54, 185, 157, 1),rgba(80, 178, 203, 1));}

@media (max-width: 1200px) {
  .header-logo h1 { max-width: 80%; }
  .navbar-expand-lg .navbar-nav .nav-link { padding: 10px 12px; }
}

@media only screen and (max-width: 991px) {
  .section .card { margin-bottom: 30px; }
  .header-logo { display: inline-block; }
  .navbar-toggler {position: absolute;top: -35px;right: 0;}
  .main-menu { margin-top: -30px; }
  #pageNotice .modal-body .welcomeSign, #pageNotice .max450 {margin-left: 0;}
  .career.tvet p.text {font-size: 85%;}
  #searchbar {top: 222px;width: 80%;-webkit-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
  #searchbar.active { top: 0; position: relative; }
  #s-circle {width: 25px;height: 25px;border: 5px solid #fff;left: 10px;top: -4px;}
  #searchbar button span {top: 28px;top: 27px;left: 29px;display: block;width: 20px;height: 8px;}
  #searchbar button { position: relative; display: block; width: 60px; height: 50px; cursor: pointer; background-color: #F07C21; }
  #searchbar button span:before, #searchbar button span:after {content: "";width: 15px;/* height: 8px; */height: 6px;}
  #searchbar input[type="text"], #searchbar form { height: 50px; }
  .logo-wrapper { text-align: left; }
  #s-cover:hover #s-circle {top: 1px;width: 30px;height: 10px;left: 5px;}
  #s-cover:hover span {top: 50%;left: 36px;width: 15px;margin-top: -5px;}
  #s-cover:hover button span:before, #s-cover:hover button span:after {right: 0px;width: 22px;height: 8px;}
  #s-cover:hover button span:before {bottom: 5px;}
  #s-cover:hover button span:after {bottom: -8px;}
}

@media only screen and (max-width: 767px) {
  .cd-search .form { padding: 0 15px; }
  .cd-search input { font-size: 18px; }
  .cd-search .close-btn { right: 15px; }
  .footer { text-align: center; }
  .footer .col-auto { margin: auto; max-width: 100%;}
  .footer-top .ft-logo { margin-bottom: 25px; }
  .footer .ft-member img { max-width: 100px; }
  .calander { margin-bottom: 20px; }
  .section .mansoryCard.video .card-img:before, .section .mansoryCard.video .card.lg .card-img:before { font-size: 50px; }
  .logo-wrapper a.main-logo { width: 50px; margin-right: 20px} 
  .logo-wrapper .main-logo { width: 60px; }
  .ms-view, .ms-slide-bgcont, .ms-wk .ms-slide { height: 400px !important; }
}

@media only screen and (max-width: 575px) {
  .content-wrapper { padding-top: 65px; }
  .calander { width: 65px; height: 65px; padding: 13px 0;}
  #pageNotice .modal-content { background-position: center right; }
  .ms-layer.thin-text h1 { font-size: 24px; }
  .slide-1-caption { width: 250px; }
  .logo_text_line1_footer { font-size: 16px; }
  #searchbar { top: 165px; }
  .ms-view, .ms-slide-bgcont, .ms-wk .ms-slide { height: 250px !important; }
}

@media only screen and (max-width: 375px) {
  .socialMedia a {font-size: 16px;width: 30px;height: 30px;line-height: 35px;margin-top: 10px;}
}

@media (min-width:1200px) {
  .modal-lg { max-width: 1000px; }
}