/* Resets */
@font-face {
    font-family: 'Raleway';
    src: url('../fonts/raleway-light-webfont.eot'); 
    src: url('../fonts/raleway-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleway-light-webfont.woff2') format('woff2'),
         url('../fonts/raleway-light-webfont.woff') format('woff'),
         url('../fonts/raleway-light-webfont.ttf') format('truetype'),
         url('../fonts/raleway-light-webfont.svg#ralewaylight') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Raleway';

	src: url('../fonts/raleway-regular-webfont.eot');
    src: url('../fonts/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleway-regular-webfont.woff2') format('woff2'),
         url('../fonts/raleway-regular-webfont.woff') format('woff'),
         url('../fonts/raleway-regular-webfont.ttf') format('truetype'),
         url('../fonts/raleway-regular-webfont.svg#ralewayregular') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Raleway';
    src: url('../fonts/raleway-medium-webfont.eot');
    src: url('../fonts/raleway-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleway-medium-webfont.woff2') format('woff2'),
         url('../fonts/raleway-medium-webfont.woff') format('woff'),
         url('../fonts/raleway-medium-webfont.ttf') format('truetype'),
         url('../fonts/raleway-medium-webfont.svg#ralewaymedium') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Raleway';
    src: url('../fonts/raleway-semibold-webfont.eot');
    src: url('../fonts/raleway-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleway-semibold-webfont.woff2') format('woff2'),
         url('../fonts/raleway-semibold-webfont.woff') format('woff'),
         url('../fonts/raleway-semibold-webfont.ttf') format('truetype'),
         url('../fonts/raleway-semibold-webfont.svg#ralewaysemibold') format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Raleway';
    src: url('../fonts/raleway-bold-webfont.eot');
    src: url('../fonts/raleway-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleway-bold-webfont.woff2') format('woff2'),
         url('../fonts/raleway-bold-webfont.woff') format('woff'),
         url('../fonts/raleway-bold-webfont.ttf') format('truetype'),
         url('../fonts/raleway-bold-webfont.svg#ralewaybold') format('svg');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Raleway';
    src: url('../fonts/raleway-extrabold-webfont.eot');
    src: url('../fonts/raleway-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleway-extrabold-webfont.woff2') format('woff2'),
         url('../fonts/raleway-extrabold-webfont.woff') format('woff'),
         url('../fonts/raleway-extrabold-webfont.ttf') format('truetype'),
         url('../fonts/raleway-extrabold-webfont.svg#ralewayextrabold') format('svg');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Raleway';
    src: url('../fonts/raleway-black-webfont.eot');
    src: url('../fonts/raleway-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleway-black-webfont.woff2') format('woff2'),
         url('../fonts/raleway-black-webfont.woff') format('woff'),
         url('../fonts/raleway-black-webfont.ttf') format('truetype'),
         url('../fonts/raleway-black-webfont.svg#ralewayblack') format('svg');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Hind';
    src: url('../fonts/hind-light-webfont.eot');
    src: url('../fonts/hind-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/hind-light-webfont.woff2') format('woff2'),
         url('../fonts/hind-light-webfont.woff') format('woff'),
         url('../fonts/hind-light-webfont.ttf') format('truetype'),
         url('../fonts/hind-light-webfont.svg#hindlight') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Hind';
    src: url('../fonts/hind-regular-webfont.eot');
    src: url('../fonts/hind-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/hind-regular-webfont.woff2') format('woff2'),
         url('../fonts/hind-regular-webfont.woff') format('woff'),
         url('../fonts/hind-regular-webfont.ttf') format('truetype'),
         url('../fonts/hind-regular-webfont.svg#hindregular') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Hind';
    src: url('../fonts/hind-medium-webfont.eot');
    src: url('../fonts/hind-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/hind-medium-webfont.woff2') format('woff2'),
         url('../fonts/hind-medium-webfont.woff') format('woff'),
         url('../fonts/hind-medium-webfont.ttf') format('truetype'),
         url('../fonts/hind-medium-webfont.svg#hindmedium') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Hind';
    src: url('../fonts/hind-semibold-webfont.eot');
    src: url('../fonts/hind-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/hind-semibold-webfont.woff2') format('woff2'),
         url('../fonts/hind-semibold-webfont.woff') format('woff'),
         url('../fonts/hind-semibold-webfont.ttf') format('truetype'),
         url('../fonts/hind-semibold-webfont.svg#hindsemibold') format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Hind';
    src: url('../fonts/hind-bold-webfont.eot');
    src: url('../fonts/hind-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/hind-bold-webfont.woff2') format('woff2'),
         url('../fonts/hind-bold-webfont.woff') format('woff'),
         url('../fonts/hind-bold-webfont.ttf') format('truetype'),
         url('../fonts/hind-bold-webfont.svg#hindbold') format('svg');
    font-weight: 700;
    font-style: normal;
}
html, body{ height: 100%; position: relative;}
body {margin: 0 auto; font-family: 'Raleway', sans-serif; font-weight: 400; font-size:16px; color:#333; -webkit-font-smoothing: antialiased;}
img { border: none; height:auto; max-width: 100%;}
a { outline: none; text-decoration: none;}
*, *:before, *:after {  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; list-style: none;}
h1, h2, h3, h4, h5, h6, p, ul, ol, li { margin:0px; padding:0px; list-style:none;font-weight:normal; }
a:hover{ text-decoration:none;}
button, button:hover, button:focus{ outline: none;}

.clearfix:after, .lbl-date:after, .filter-con:after, .filter-toggle:after, .filter-count:after, .footer-con:after, .copy-con:after, .lbl-con-100, .pr-detail-con:after, .home-slider-wrapper:after, .grids-container:after, .more-arc-grid:after, .team-container:after, .lets-do-item:after, .intro-div:after, .amb-vision:after, .lets-do-ttl:after, .board-item:after, .careers-item-row:after, .sector-slide-item strong:after, .sec-readmore:after, .policy-con:after, .policy-list-con:after, .all-policy:after, .initiative-con:after, .editorial-text:after, .img-con:after { content:""; clear:both; display:block;}

.main-wrap {margin: auto; width: 100%; /*max-width: 1440px;*/}
.home-wrap{ padding-top: 27px;}
.container {margin: auto; max-width: 990px; padding: 0 15px;}
.container-780 {margin: auto; max-width: 780px; }
.col25 {float: left; width: 25%;}
.col33 {float: left; width: 33.333%;}
.col50 {float: left; width: 50%;}
.col75 {float: left; width: 75%;}
.col100 {float: left; width: 100%;}
.disclaimer {font-size: 14px;}
p {line-height: 1.5; padding-bottom: 25px;}
ol , ul {margin: 0 20px 10px;}
ol li, ul li { padding: 0 0 15px 17px; line-height: 1.5;}
ol li { list-style:decimal;}
ul li { list-style: disc;}
ul ul, ul ol, ol ol, ol ul{ margin-top: 20px; margin-bottom: 0;}
.list-abc li { list-style: lower-alpha;}




input, input:focus{ outline: none; }


/* labels */
.label {background:#636e77; color:#fff; padding: 4px 8px; margin: 0 4px 4px 0; font-family: Hind; font-weight: 600; font-size: 12px; line-height: 1.44; text-transform: uppercase; float: left;}
.turquoise, .filter-sectors .turquoise.active, .filter-sectors .turquoise:hover  {background:#0096a7;}
.sectors, .filter-sectors .sectors.active, .filter-sectors .sectors:hover   {background:#ff272f;}
.orange, .filter-sectors .orange.active, .filter-sectors .orange:hover  {background:#f58c31;}
.lime, .filter-sectors .lime.active, .filter-sectors .lime:hover  {background:#8cb12a;}
.fuschia, .filter-sectors .fuschia.active, .filter-sectors .fuschia:hover  {background:#a3156f;}
.rose, .filter-sectors .rose.active, .filter-sectors .rose:hover  {background:#da4947;}
.purple, .filter-sectors .purple.active, .filter-sectors .purple:hover  {background:#9e49b9;}
.blue,  .filter-sectors .blue.active, .filter-sectors .blue:hover {background:#34afe0;}
.green,  .filter-sectors .green.active, .filter-sectors .green:hover {background:#008e7b;}
.sgcares,  .filter-sectors .sgcares.active, .filter-sectors .sgcares:hover {background:#ff513b;}
.mccy-black {background: #333;}
.mccy-grey, .label-gray {background: #636e77;}
.mccy-yellow {background: #ffb500;}
.mccy-red {background: #d80500;}
.label-lightgray {background: rgba(99,110, 119, 0.2);}

.grid-item-img.turquoise .label, .grid-item-img.sectors .label, .grid-item-img.orange .label, .grid-item-img.lime .label, .grid-item-img.fuschia .label, .grid-item-img.rose .label, .grid-item-img.purple .label, .grid-item-img.blue .label, .grid-item-img.green .label, .grid-item-img.cyoa-fuschia .label  {background: #fff;}

.grid-item-img.turquoise .label {color:#0096a7;}
.grid-item-img.sectors .label {color:#ff272f;}
.grid-item-img.orange .label {color:#f58c31;}
.grid-item-img.lime .label { color:#8cb12a;}
.grid-item-img.fuschia .label {color:#a3156f;}
.grid-item-img.rose .label {color:#da4947;}
.grid-item-img.purple .label {color:#9e49b9;}
.grid-item-img.blue .label {color:#34afe0;}
.grid-item-img.green .label {color:#008e7b;}
.grid-item-img.cyoa-fuschia .label { color: #bf3469;}


/* buttons */
.btn-rounded {border-radius: 35px;}
.btn-secondary {cursor: pointer; display: inline-block; padding: 11px 42px; line-height: 1; font-size: 16px; font-family: Hind; font-weight: 700; text-align: center; white-space: nowrap;  vertical-align: middle; box-shadow: none; border: none; text-transform: uppercase; background: #636e77; color:#fff; letter-spacing: 0.8px;}
.btn-secondary:focus {border: none; outline: none; box-shadow: none;}

.overflow{ overflow: hidden;}

.preloader{ position: fixed; left: 0; right: 0; bottom: 0; top: 0; background: url("../images/loading.gif") no-repeat center #fff; z-index: 9999;}
/* Header */
.inner-header { z-index:9; position: fixed; top: 0; left: 0; right: 0; background: #fff;}
.inner-header:before, .white-bg:before, .home-header:before{ content:''; position: absolute; left: 0; right: 0; top: 0; height: 100%; }
.inner-header:before{ background: #fff; }
.exp-header {top: 90px;}
.top-bar {background:#e1e1e1; padding: 5px 0px; position: relative; z-index: 99; font-family: "Hind"; font-size: 10px; font-weight: 700; letter-spacing: 1px;}
.top-bar i, .top-bar span {display: inline-block; vertical-align: middle;}
.top-bar i img {height: 15px;}
.top-bar span {padding-left: 10px;}
.header-container { max-width:1440px; margin:0 auto; padding: 0 42px; /* position:relative; */ }

/* Navigation*/
.menu_bar { /*box-shadow:0 10px 20px rgba(0,0,0,0.2);*/ position:relative; }
.apologize-wrap{font-family: Raleway; font-size: 14px; font-weight: 600; color: #ffffff; padding: 17px 0; background: #636e77; position: relative; z-index: 99;}
.apologize-div{ position: relative; padding-right: 30px;}
.apologize-div a{ color: #fff; text-decoration: underline;}
.apologize-div a:hover{ text-decoration: none;}
.close-apo{ background: url("../images/close-white.svg") no-repeat center; width: 24px; height: 24px; display: block; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.logo { margin:0 34px 0 0; position: relative; z-index: 99; display: inline-block;}
.logo img{ display: block;}
.logo, .main_menu { display:inline-block; vertical-align:middle; }
.main_menu ul { display:flex; justify-content:space-around; margin: 0;}
.main_menu li { display:flex; justify-content:space-around; align-items:center; font-family: 'Hind'; font-weight:700; text-transform:uppercase; margin: 0;  /*transition: .7s all ease-in-out;*/ padding: 0; line-height: normal;}
.main_menu li:hover { background:#636e77; }
.main_menu li a { color:#333333; display:inline-block; padding:36px 27px; z-index:2; letter-spacing: 0.8px;}
.main_menu li:hover a { color:#fff; }
.main_menu li a img { display:inline-block; margin-left:2px; transition:all ease-in-out 0.3s; }
.main_menu li i.menu-arw {display:inline-block; margin-left:2px;  width: 13px; height: 9px; background: url("../images/menu-arrow-icon.svg") no-repeat; }
.main_menu li:hover a img { filter:brightness(0) invert(1); }
.main_menu li:hover a img.menu-arrow { transform:rotate(180deg); }
/*.main_menu li:hover i.menu-arw { transform:rotate(180deg); }*/
.main_menu li:hover i.menu-arw {background:url("../images/menu-arrow-icon-white.png") no-repeat;}
.main_menu .sub_menu { position:absolute; left:0; right:0; top: 0; margin-top: -35%; background:#636e77; padding:25px 0; z-index:-1; opacity:0; transition:all ease-in-out 0.8s; }
.main_menu li:hover .sub_menu { top: 100%; margin-top: 0; opacity:1; }
.main_menu .sub_menu ul { float:left; display:inline; min-width:370px; }
.main_menu .sub_menu ul li { display:block; color:#fff;  }
.main_menu .sub_menu ul li:hover { background:none; }
.main_menu .sub_menu ul li a { padding:5px 0; color:#fff; display:inline-block; position:relative;transition:all ease-in-out 0.3s;  font-size: 20px; font-family: Hind; font-weight: 700; line-height: 1.1; letter-spacing: normal;}
.main_menu .sub_menu ul li a:hover { padding-left:43px; }
.main_menu .sub_menu ul li a:before { content:""; background:#fff; width:65px; height:3px; position:absolute; left:-65px; top:50%; transform:translateY(-50%); opacity:0; transition:all ease-in-out 0.3s; }
.main_menu .sub_menu ul li a:hover:before { left:-43px; opacity:1; }
.main_menu .sub_menu li.active a{ background:#fff; color:#636e77; padding:3px 10px 2px; margin-bottom: 5px; display:inline-block; font-size: 20px; font-family: Hind; font-weight: 700; line-height: 1.1;}
.main_menu .sub_menu ul li.active a:hover { padding-left:10px; }
.main_menu .sub_menu ul li.active a:hover:before {display: none;}
.main_menu li.mobile-search{ display: none;}

.main_menu li.sectors-menu:hover { background:#a3156f; }
.sectors-menu .sub_menu { background:#a3156f; }
.sectors-menu .sub_menu li.active a { color:#a3156f; }
.budget-menu .sub_menu { background: #4168C9;}
.budget-menu .sub_menu li.active a { color:#4168C9; }
.main_menu li.home-menu a {padding: 32px 18px;}
/*.main_menu li.home-menu.active, .main_menu li.home-menu.active  a,*/ .main_menu li.home-menu:hover {background:#d80500; color:#fff;}
/*.main_menu li.home-menu.active a img {filter: brightness(0) invert(1);}*/
.main_menu li.active i.menu-arw {background:url("../images/menu-arrow-icon-white.svg") no-repeat;}
.main_menu li.about-menu.active, .main_menu li.about-menu.active > a, .main_menu li.about-menu:hover {background:#636e77;color:#fff;}
.main_menu li.cyoa-menu.active, .main_menu li.cyoa-menu.active a, .main_menu li.cyoa-menu:hover {background:#ffb500;color:#fff;}
.main_menu li.social-menu.active, .main_menu li.social-menu.active a, .main_menu li.social-menu:hover {background:#333333;color:#fff;}
.main_menu li.sectors-menu.active, .main_menu li.sectors-menu.active a, .main_menu li.sectors-menu:hover {background:#a3156f;color:#fff;}
.main_menu li.budget-menu.active, .main_menu li.budget-menu.active > a, .main_menu li.budget-menu:hover {background:#4168C9;color:#fff;}
.main_menu li.yap-menu.active, .main_menu li.yap-menu.active > a, .main_menu li.yap-menu:hover {background:#ff9605;color:#fff;}
.main_menu li.yb-menu.active, .main_menu li.yb-menu.active > a, .main_menu li.yb-menu:hover {background:#ff9605;color:#fff;}


.search_right{ float: right; position: relative;}
.search_bar { padding: 30px 0 20px; position: absolute; right: 0; top: 0; height: 100%; transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000); z-index: 97;}
.overflow .search_bar{ z-index: 88;}
.search_bar .formDiv {  vertical-align: middle; position: relative;}
.search_inp{ width: 0%; position: absolute; right: 0; transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000); }
.search_bar input {border: none; border-bottom: 2px solid #ff272f; width: 100%; height: 35px; font-weight: 700; }
.search_bar input:focus {box-shadow: none; outline: none;}
.search_icon {background:url("../images/search-icon.svg") no-repeat top  0px center; cursor: pointer; padding: 5px 0; width: 21px; height: 21px; vertical-align: middle; float: right; text-align: right; transition: all ease-in-out 0.5s; position: relative; margin-top: 7px;}
.search_icon img {-webkit-filter: grayscale(100%); filter: grayscale(100%); display: inline-block; vertical-align: middle;}
.search_icon img:hover, .search_bar.search_bar_active .search_icon img {-webkit-filter: grayscale(0%); filter: grayscale(0%);}
.search_bar_active {width: 250px;  }
.search_bar_active .search_icon { background: url("../images/search-icon-active.svg");}
.search_bar_active .search_inp{ width: 100%;}
.search_bar_active .search_inp input{ padding: 5px 30px 5px 25px;}
.close_icon{ width: 15px; height: 14px; background: url("../images/close.svg") no-repeat center; display: none; }

.hamburger{ position: absolute; right: 15px; top: 50%; transform: translateY(-50%); width: 20px; height: 12px; background: none; padding: 0; border: none; transition:all ease-in-out 0.5s; z-index: 99; display: none;}
.hamburger span{ width: 100%; height: 2px; background: #333333; display: block; transition:all ease-in-out 0.5s; position: absolute; right: 0;}
.hamburger span:first-child{ top: 0;}
.hamburger span:nth-child(2){ top: 50%; margin-top: -1px;}
.hamburger span:last-child{ bottom: 0;}
.hamburger.active span:first-child{ transform: rotate(45deg); top: 5px; }
.hamburger.active span:last-child{ transform: rotate(-45deg); bottom: 5px;}
.hamburger.active span:nth-child(2){ right: -10px; opacity: 0;}

.menu-socio  {position: relative; z-index: 99; padding: 40px 15px 0; display: none;}
.menu-socio h4 {font-size: 16px; font-family: Hind; font-weight: 700; padding-bottom: 10px; text-transform: uppercase;}
.menu-socio .socio-share li {display: inline-block;}
.menu-socio .socio-share li img {  filter: brightness(1) invert(0);}
.menu-socio .socio-share li a {padding:0 7px;}
.menu-socio .socio-share li:first-child a {padding-left: 0px;}
.menu-socio ul{ margin-bottom: 0;}


/* Home header */

.logo i {width: 158px; height: 42px; overflow: hidden; display: inline-block; margin-top: 4px;}
.home-header .logo i img {margin-top: -42px;}
.home-header.white-bg .logo img {margin-top: 0;}
.home-header .logo, .home-header .main_menu li a img, .home-header .search_icon img{/* filter: brightness(0) invert(1); -webkit-filter: brightness(0) invert(1);*/}
.home-header .search_icon {background: url("../images/search-icon-white.svg");}
.home-header .search_bar.search_bar_active .search_icon {background: url("../images/search-icon-active.svg");}
.home-header .hamburger span{ background: #fff;}

.home-header .main_menu li i.menu-arw {background: url(../images/menu-arrow-icon-white.png) no-repeat;}
.home-header.white-bg .main_menu li i.menu-arw {background: url(../images/menu-arrow-icon.png) no-repeat;}
.home-header.white-bg .main_menu li:hover i {background: url(../images/menu-arrow-icon-white.png) no-repeat;}


.home-header{ position: fixed; width: 100%; z-index: 9; transition: .4s all ease-in-out; }
.home-header .menu_bar{ box-shadow: none; transition: .4s all ease-in-out;}
.home-header .main_menu li a{ color: #fff;}

.main_menu li.home-menu img { transition: none;}
.home-menu i {width: 20px; height: 21px; overflow: hidden; display: inline-block;}
.main_menu li.home-menu:hover img{ margin-top: -21px;}
.home-menu.active i img {margin-top: -42px;}
.home-menu a:hover { background: none;}
.home-header.white-bg .main_menu li.home-menu:hover i { background: none; }
/*.home-header.white-bg .home-menu.active i img {margin-top: -21px;}*/
/*.home-header.white-bg .home-menu.active {background:#d80500;}*/


.white-bg{ /*background: #fff;*/ }
.white-bg:before { content: ''; background: #fff; position: absolute; left: 0; right: 0; top: 0; height: 100%; transition: .3s all ease-in-out;}
.shadow-bottom{ position: fixed; top: 0; right: 0; left: 0; transition: .3s all ease-in-out; box-shadow: 0 10px 20px rgba(0,0,0,0.2);z-index: 3; display: none;}
.white-bg ~ .shadow-bottom{ display: block;}

.white-bg .menu_bar{ /*box-shadow: 0 10px 20px rgba(0,0,0,0.2);*/ }
.white-bg .main_menu li a{ color: #333333;}
.white-bg .main_menu li:hover > a { color: #fff;}
.white-bg .search_icon {background: url("../images/search-icon.svg");}

.white-bg .logo,
.white-bg .main_menu li a img{ filter: none; -webkit-filter: none;}
.white-bg .search_icon img { -webkit-filter: grayscale(100%); filter: grayscale(100%);}

/* Footer */
.footer {background:#636e77;padding: 38px 0 0px; }
.footer a{color: #fff;}
.footer a:hover { text-decoration:underline;}
.footer-con {margin: auto; max-width: 1170px; padding:0 15px 52px;}
.mccy-logo-footer {margin-bottom: 58px; display: block; max-width: 100%;}
.footer-logo {float: left; width: 36%; }
.footer-logo img {display:block; max-width:100%;}
.footer-logo h4, .footer-item h4  {font-family: Hind; font-size: 16px; font-weight:700; line-height: 1.38; letter-spacing: 0.5px; text-transform: uppercase; color: #fff; padding-bottom:10px;}
.socio-share {margin:0 0 55px ;}
.socio-share li {display: inline-block; cursor:pointer; margin:0 6px; width: 32px; height: 32px; overflow: hidden; list-style: none; padding: 0;}
.socio-share li:first-child {margin-left:0px;}
.socio-share li:hover img {margin-top: -32px;}
.footer-item {float: left; width: 16%;}
.footer-abt {width: 17%;}
.footer-gi {width: 17%;}
.footer-social {width: 13%;}
.footer-item ul{ margin: 0; }
.footer-item li { list-style: none; padding: 0; line-height: normal;}
.footer-item li a {font-size: 14px; padding-bottom:15px; display:inline-block;}
.copy-rights {border-top: 1px solid rgba(255, 225, 225, 0.4); padding: 20px 0; }
.copy-con {margin: auto; max-width: 1170px; padding: 0 15px;  font-size: 12px;  color: #333;}
.copy-con ul, .copy-r-txt, .copy-con span {display: inline-block; vertical-align:middle; width: 25%; margin-right: -4px;}
.copy-con ul {width: 30%; margin: 0;}
.copy-r-txt {width: 40%; text-align:center; color: #fff;}
.copy-con span {text-align: right;}
.copy-con ul li {display: inline-block;  padding: 0;}
.copy-con ul li a {display: inline-block;  color: #fff; position:relative; padding: 5px 20px; line-height: 1.5;}
.copy-con ul li:first-child a{padding-left: 0;}
.copy-con ul li:last-child a:after {display: none;}
.copy-con ul li a:after { content: ""; position: absolute; right: 0; top:50%; transform:translateY(-50%); width: 1px; height: 100%; background: rgba(255, 225, 225, 0.4);}



/* Tabs Nav */
.tabs-nav {
    max-width: 1040px;
    margin: auto;
    background: #fff;
    padding: 0 30px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
    transform: translateY(-50%);
    position: relative;
	overflow: hidden;
    scroll-behavior: smooth;
}
.tabs-nav ul { text-align: center; display: flex;  justify-content: space-around; width: 100%; margin: 0;}
.tabs-nav ul li { position: relative; display: flex;  justify-content: center;  align-items: center; padding: 0 10px;}
.tabs-nav ul li a {padding:12px 0px; position:relative; color: #333333; text-transform: uppercase; font-family: "Hind"; font-size: 16px; font-weight: 700; line-height: 1.25; letter-spacing: 0.8px; display: flex; justify-content: space-around; height: 100%; align-items: center; white-space: nowrap;}
.tabs-nav ul li.active a:after, .tabs-nav ul li a:hover:after  {content:""; background: #333; width: auto; height: 4px; bottom:0; left: 0; right: 0; position: absolute;}
.tabs-nav span {text-transform: uppercase; font-family: "Hind"; font-size: 16px; font-weight: 700; line-height: 1; padding-top:4px; display: none;}
.tabs-nav-arrow { width: 24px; height: 24px; background:url(../images/down-arrow.svg) no-repeat; background-size: 80%; background-position: center; float:right; display: none; position: absolute; transition:all .8s; top: 25px; right: 15px; margin-top: -12px; -webkit-transition:all .8s; -moz-transition:all .8s; -ms-transition:all .8s; -o-transition:all .8s; }

.scrtabs-tabs-fixed-container{ width: 100% !important;}
.tabs-nav ul.selectItem{scroll-behavior: smooth;position: relative; }
.tabs-nav-right-arrow, .tabs-nav-left-arrow{ width: 30px; position: absolute; top: 0; bottom: 0; background-color: #fff; cursor: pointer; z-index: 9; height: 100%; margin: auto 0;}
.tabs-nav-right-arrow{ right: -1px;}
.tabs-nav-left-arrow{ left: 0;}
.tabs-nav-right-arrow::after, .tabs-nav-left-arrow::after{ content: ''; position:absolute ; width: 24px; height: 24px; top: 50%; left: 50%; transform:translate(-50%, -50%);}
.tabs-nav-right-arrow::after{ background: url(../images/arrow-next.svg) no-repeat;}
.tabs-nav-left-arrow::after{ background: url(../images/arrow-prev.svg) no-repeat;}
.scrtabs-tabs-movable-container{ position: relative;}

/* back to page */
.back-to-page a {color:inherit; font-size: 12px; font-weight: 700; text-transform: uppercase; display: inline-block; position: relative;}
.back-to-page a:hover span {text-decoration: underline;}
.back-to-page a img {position: absolute; left: 0; transition:all ease-in-out 0.3s;top: 50%; transform: translateY(-50%);}
.back-to-page a:hover img {left: -5px;}
.back-to-page img, .back-to-page span {display: inline-block; vertical-align: middle;}
.back-to-page span {padding-left: 35px;}

.section-bar {position:relative;}
.section-bar:before {content: ""; position: absolute; width: 66px; height: 5px; background:#333; top: -25px; left: -40px;}


/* Fade in animation - viewport */
.animation-element { opacity: 0; position: relative; }
	
/* Slider */
.slick-slider{ position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
-webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y;  touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.slick-list{ position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}
.slick-list:focus{ outline: none;}
.slick-list.dragging{cursor: pointer;}
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0);
 -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.slick-track{position: relative; top: 0; left: 0; display: block; /*margin-left: auto; margin-right: auto;*/}
.slick-track:before, .slick-track:after { display: table; content: '';}
.slick-track:after { clear: both;}
.slick-loading .slick-track { visibility: hidden;}
.slick-slide { display: none; float: left;height: 100%; min-height: 1px;}
[dir='rtl'] .slick-slide { float: right;}
.slick-slide img { display: block;}
.slick-slide.slick-loading img {display: none;}
.slick-slide.dragging img {pointer-events: none;}
.slick-initialized .slick-slide { display: block; outline: none;}
.slick-loading .slick-slide {visibility: hidden;}
.slick-vertical .slick-slide {display: block; height: auto; border: 1px solid transparent;}
.slick-arrow.slick-hidden { display: none;}
.slick-prev, .slick-next {  position: absolute; width:40px; height: 40px; bottom: 33px; right: 0;  display: block;   padding: 0;    cursor: pointer;  color: transparent;   border: none;    outline: none;   z-index: 1; background:#fff url(../images/arrow-next.png) no-repeat top 8px center; background-size: 23px;}
.slick-prev {right: 90px; background:#fff url(../images/arrow-prev.png) no-repeat top 8px center; background-size: 23px;}
.slider-wrapper {position: relative;}
.article-slider img, .slide-item img {display: block; width: 100%;}
.slide-txt {background:#f7f7f7; font-size: 11px; padding: 10px;}
.sldr-pagination { font-size: 12px; position:absolute; right: 40px; width: 50px; bottom: 33px; z-index: 2; background: #fff; text-align: center; height: 40px; line-height: 40px;}

.main-slider-wrap {position:relative; overflow: hidden;}
.main-slider .slide-item {position:relative; overflow: hidden;}
.main-slider .slide-img {position:relative;}
.main-slider .slide-img .label { position: absolute; bottom: -4px; left: 0;}
.main-slider .slide-txt {width: auto; z-index: 9;   background:#fff; position: relative; overflow: hidden; padding: 0;}
.main-slider .slide-txt .h2 { padding: 10px 0 0; margin-bottom: 60px; color: #333333;}
.main-slider .slide-txt .h2 span{ font-family: "Hind"; font-size: 32px; font-weight: 700; line-height: 32px; width: calc(100%);  background-image: linear-gradient(transparent calc(100% - 2px), black 2px);  background-repeat: no-repeat;  background-size: 0% 100%;  transition: background-size 1s;}

.main-slider .slide-txt a.readmore {font-size: 12px; font-family: "Raleway"; font-weight: 700; padding-top: 10px;}

.main-slider a:hover .h2 span{ background-size: 100% 100%;}
.main-slider a:hover .readmore span{ text-decoration: underline;}
.main-slider a:hover .readmore img{ right: 10px;}

/* mac css hack */
.mac-os.Firefox .main-slider .slide-txt .h2 span{ background-size: 0% 100%;}
.mac-os.Firefox .main-slider a:hover .h2 span{ background-size: 100% 100%;}
.mac-os .main-slider .slide-txt .h2 span{ background-size: 0% 78%;}
.mac-os .main-slider a:hover .h2 span{ background-size: 100% 78%;}

.main-slider-paginator {max-width: 105px; position: absolute; /*top: 0;*/ bottom: -10px; background: #fff;}
.main-slider-paginator ul{ margin: 0;}
.main-slider-paginator .prev, .main-slider-paginator .next {position:relative; font-size: 0; width:20px; height: 40px; background:#fff url(../images/arrow-next.svg) no-repeat top 8px center; background-size: 24px; cursor: pointer;}
.main-slider-paginator .prev {background:#fff url(../images/arrow-prev.svg) no-repeat top 8px center; background-size: 24px;}
.main-slider-paginator li {float: left; padding: 0; list-style: none;}
.main-slider-paginator .sldr-pagi {width: 65px; height:40px; line-height: 40px; text-align: center; font-size: 12px; }


@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}


/* slider with animations */
@keyframes slide-img-after {0% { left:0; right:100%; }	50% { left:0; right:0; } 100% { left:100%; right:0; }}
@keyframes slide-img {0% { opacity:0; }	100% { opacity:1; }}
@keyframes slide-txt-head-after {0% { left:0; right:100%; }	50% { left:0; right:0; }100% { left:100%; right:0; }}
@keyframes slide-txt-head {	0% { opacity:0; }100% { opacity:1; }}
@keyframes slide-txt-con-after {0% { left:0; right:100%; }	50% { left:0; right:0; }100% { left:100%; right:0; }}
@keyframes slide-txt-con {0% { opacity:0; }	100% { opacity:1; }}
@keyframes slide-txt-more-after {0% { left:0; right:100%; }	50% { left:0; right:0; }100% { left:100%; right:0; }}
@keyframes slide-txt-more {	0% { opacity:0; }100% { opacity:1; }}

.main-slider .slide-img img, .main-slider .slide-txt .h2 span, .main-slider .slide-txt p, .main-slider .slide-txt .readmore a { opacity:0; }
.main-slider .slick-slide.slick-active .slide-img img { opacity:0; animation-name:slide-img; animation-delay:0.5s; animation-duration:0.2s; animation-fill-mode:forwards; }
.main-slider .slick-slide.slick-active .slide-img:after { content:""; background:#fff; position:absolute; top:0; right:100%; bottom:0; left:0; animation-name:slide-img-after; animation-delay:0s; animation-duration:1s; animation-fill-mode:forwards; }
.main-slider .slick-slide.slick-active .slide-txt .h2 { position:relative; display: inline-block;}
.main-slider .slick-slide.slick-active .slide-txt .h2 span{opacity:0; animation-name:slide-txt-head; animation-delay:0.8s; animation-duration:0.2s; animation-fill-mode:forwards; position:relative; }
.main-slider .slick-slide.slick-active .slide-txt .h2:after { content:""; background:#d80500; position:absolute; top:0; right:100%; bottom:0; left:0; animation-name:slide-txt-head-after; animation-delay:0.7s; animation-duration:0.5s; animation-fill-mode:forwards;}
.main-slider .slick-slide.slick-active .slide-txt .readmore { font-size: 12px; font-family: "Raleway"; font-weight: 700; color:inherit; opacity:0; animation-name:slide-txt-more; animation-delay:0.8s; animation-duration:0.2s; animation-fill-mode:forwards; position:relative; }
.main-slider .slick-slide.slick-active .slide-txt .readmore:after { content:""; background:#fff; position:absolute; top:0; right:100%; bottom:0; left:0; animation-name:slide-txt-more-after; animation-delay:0.6s; animation-duration:0.5s; animation-fill-mode:forwards; }
.main-slider .slide-txt .readmore img {right: 10px;}
.slide-ttl {width: 100%;}


.main-slider .slick-slide.slick-active .slide-txt.turquoise .h2:after {background:#0096a7;}
.main-slider .slick-slide.slick-active .slide-txt.orange .h2:after {background:#f58c31;}
.main-slider .slick-slide.slick-active .slide-txt.lime .h2:after {background:#8cb12a;}
.main-slider .slick-slide.slick-active .slide-txt.fuschia .h2:after {background:#a3156f;}
.main-slider .slick-slide.slick-active .slide-txt.rose .h2:after {background:#da4947;}
.main-slider .slick-slide.slick-active .slide-txt.purple .h2:after {background:#9e49b9;}
.main-slider .slick-slide.slick-active .slide-txt.blue .h2:after {background:#34afe0;}
.main-slider .slick-slide.slick-active .slide-txt.green .h2:after {background:#008e7b;}


/* Page recommendations */
.recomm-con { background: rgba(249, 249, 249, 0.9); text-align:center; padding: 60px 60px 55px;}
.recomm-con p {line-height: 1.5; padding: 0;}
.recomm-con a  {color:#000; font-size: 12px; font-weight: 600; margin: 30px 0 0; display:inline-block; line-height: 16px; position: relative; padding-right:40px;  }
.recomm-con a span, .recomm-con a img {display: inline-block; vertical-align:middle; }
.recomm-con a img {padding-left: 25px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); transition: all ease-in-out 0.3s;}
.recomm-con a:hover span {text-decoration: underline;}
.recomm-con a:hover img { right: -5px; }

/* Last updated on */
.updated-date {width: 100%; text-align: right; display: block; font-size: 12px; color:#353535; line-height: 1.33; padding: 25px 0px; }


/* Home */
#video-wrapper, #cyoa-video-wrapper {position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 2; display: block;}
.mb_YTPBar {display: none!important;}
iframe .ytp-pause-overlay .ytp-suggestions { display: none!important;}
.video-overlay{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 3; display: block;}
.black-overlay{ background: rgba(0,0,0,.5);}
.cyoa-main-banner{ position: relative; z-index: 1;}
.cyoa-main-banner img{ width: 100%; display: block;}

.home-banner {position: relative; /*margin-bottom: 120px;*/ z-index: 1;}
.home-banner img {display: block; width: 100%; position: relative; z-index: 1;}
.banner-desc { position: absolute;  left: 0; right: 0; top: 50%; transform: translateY(-50%); color:#fff; width: 960px; margin: auto; z-index: 3;     transition: 1s all ease-in-out;}
.banner-desc h2 {font-family: Hind; font-weight: 700; font-size:80px; line-height: 0.95; text-shadow: 0 2px 20px rgba(0, 0, 0, 0.7); padding-bottom: 11px;}
.banner-txt {width: 47%;float: right;}
.banner-txt p {padding: 0px; font-size: 20px; font-weight: 500; line-height: 1.6;}
.banner-txt a {color:inherit; margin-top: 23px; display: inline-block; font-size: 12px; text-transform: uppercase;}
.banner-txt a img {width: auto; padding-left: 10px;}
.banner-txt a span, .banner-txt img {display: inline-block; vertical-align: middle;}
.banner-txt a:hover span {text-decoration: underline;}
.scroll-down {position: absolute; z-index: 4; bottom: 30px; left: 50%; transform: translateX(-50%); text-align: center; display: inline-block; font-size: 12px; line-height: 1.67; letter-spacing: 0.6px;color: #fff; font-family: Hind; font-weight: 700;}
.scroll-down img {width:auto; margin: auto;padding-bottom: 5px;}
.bounce { animation: bounce 2s infinite;}
@keyframes bounce { 0%{ transform: translateY(0);} 50% { transform: translateY(-15px);} 100% { transform: translateY(0);}}

.home-container{ background: #fff; position: relative; z-index: 2;}

.home-slider-wrapper {position:relative; padding: 120px 0 92px;}
.home-synop {float: left; width: 29%;padding: 0 40px 0 0;}
.home-synop h2 {font-family: Hind; font-weight: 700; font-size:40px; line-height: 1.1;}
.home-synop h3 {font-family: Hind; font-weight: 700; font-size:20px; line-height: 1.2; letter-spacing: 1px; text-transform: uppercase; padding:3px 0 11px;}
.home-synop p {font-size: 14px; line-height: 1.43; padding-bottom: 20px;}
.home-slider-wrapper .main-slider-wrap {float:left; width: 71%; }

.grids-container {padding:0 0 80px;}
.grids-container h2 {font-family: Hind; font-size: 40px; font-weight: 700;  line-height: 1.1; padding: 4px 0 30px;}
.grid-row {margin: 0 -16px; display: flex; flex-wrap: wrap;}
.grid-item {float: left; padding: 0 16px; display: flex; margin-bottom: 43px;}
.grid-item img {width: 100%; display: block;}
.grid-item-con {background:#fff; width: 100%; position: relative;}
.grid-item-con a{ color: #333;}
.grid-item-img {position:relative; display: inline-block; transition: transform 1s; overflow: hidden; width: 100%;}
.grid-item-img img {transition: transform 2s; }
.grid-item-img .label {position: absolute; left: 0; bottom: 0; margin: 0;}
.filter-label{position: absolute; left: 0; bottom: 0; margin: 0;}
.filter-label .label{ margin: 1px 4px 0 0; position: relative !important; left: inherit !important; bottom: inherit !important;}
.grid-item-con small {font-size: 10px; padding: 15px 0 13px; display: block;}
.grid-item-con .h3, .grid-item-con h3 {  font-size: 20px; font-weight: 700;}
.grid-item-con .h3 span, .grid-item-con h3 span {color:#333;}
/*.grid-item-con h3 a:hover {text-decoration: underline;}*/
.grid-item-desc {position: absolute; left: 0; right:0; bottom: 0; top: 0; padding: 25px 20px; font-weight: 700; color:#fff; line-height: 1.5;}
.grid-item-con .h3 span, .grid-item-con h3 span, .grid-item-con h3 a {  width: calc(100%);  background-image: linear-gradient(transparent calc(100% - 2px), black 2px);  background-repeat: no-repeat;  background-size: 0% 100%;  transition: background-size 1s;}
.grid-item-con a:hover img{transform: scale(1.1);}
.grid-item-con a:hover .h3 span, .grid-item-con a:hover h3 span, .grid-item-con h3 a:hover  {  background-size: 100% 100%;}
.grid-item-con a.readmore:hover img{transform: scale(1,1) translateY(-50%);}


/* Press Room Listing */
.inner-banner {position: relative;}
.inner-banner img {display: block; width: 100%;}
.involved-banner{ background-position: center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed;}

.y-video{ position: relative; height: 0px;padding-top: 56.25%; width:100%}
.y-video iframe{display:block; height: 100%; margin:0; padding:0; position: absolute; top: 0; width: 100%;}
.y-video .readmore{ color: #fff; left: 50%; transform: translateX(-50%); bottom: 20px; position: absolute; font-family: Raleway; font-size: 14px; font-weight: normal; text-transform: none; z-index: 10;}

.intro-div {margin: 8px 0 23px;}
.withoutTab{ margin-top: 50px;}
.intro-div h2 {  font-family: Hind; font-weight: 700; font-size: 72px;  line-height: 1.06; }
.intro-desc {margin: 38px 0 0; width: 80%;}
.intro-desc h4 {font-family: Hind; font-weight: 700; font-size: 20px;  line-height: 1.2; text-transform: uppercase; padding-bottom: 10px; letter-spacing: 1px;}
.intro-div .col75{ padding-right: 15px;}

.filter-con {padding-top: 10px;}
.filter-toggle {margin: 10px 0 15px;}
.filter-toggle .filter-icon, .filter-toggle span {float: left; width: 50%;}
.filter-toggle span {text-align: right; display: none;}
.filter-icon img, .filter-icon strong { display:inline-block; vertical-align:middle;}
.filter-icon strong {font-weight: 700; padding-left: 7px; text-transform:uppercase;}

.filter-opts {display: flex; border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; padding: 18px 0 14px;}
.filter-opts h4 {font-size: 13px; font-weight:700; text-transform:uppercase; padding-bottom: 13px;}
.filter-opts a {display: inline-block; border-radius: 17px; font-size: 12px; font-weight:700; line-height: 1; text-align:center; padding: 6px 9px; margin:0 2px 8px 0; text-transform: uppercase; color: #fff; transition: all 0.5s ease-in-out;background: rgba(99,110, 119, 0.2);}
.filter-opts a:hover, .filter-opts a.active {background: #636e77;}
.filter-type { flex: 2; width:48%; padding-right: 10px; border-right: 1px solid #d8d8d8;}
.filter-sectors {flex: 3; width:  52%; padding: 0 5px 0 10px; border-right: 1px solid #d8d8d8; max-width: 455px;}
.filter-sectors a { background: rgba(99,110, 119, 0.2);}
.filter-year { flex: 1; width: 160px; padding-left: 10px;}
.filter-year a.active, .filter-year a:hover {background:#636e77;}

.filter-count {margin-top: 15px;}
.filter-count span {font-size: 14px;}
.filter-count span strong {font-weight: 700; color: #0fa3b1;}
.filter-count span, .filter-count a {float: left;}
.filter-count a {font-size: 14px; line-height:1.37;color: #0fa3b1; text-decoration: underline; margin-left:15px;}
.filter-count a:hover {text-decoration: none;}

.pr-result-con {margin: 5px -30px 5px;}
.pr-result-con ul {display: flex;flex-wrap: wrap; margin: 0;}
.pr-result-con ul li {width: 33.333%;padding: 0 30px 37px; position: relative; margin: 50px 0; list-style: none;}
.lbl-date {margin-bottom: 20px;}
.lbl-con {float: left; width: 63%;}
/*.lbl-date span {float:left; font-family: Hind; font-weight: 600; font-size: 12px;  line-height: 1.44; text-transform: uppercase;}*/
.lbl-dt-ctg {font-size: 10px; float: right; text-align: right;}
.lbl-dt-ctg strong {display: block; font-weight: normal;}
.pr-result-con h4 {font-size: 20px; font-weight: 700; padding-bottom:15px;}
.pr-result-con h4 a {color:inherit; width: calc(100%);  background-image: linear-gradient(transparent calc(100% - 2px), black 2px);  background-repeat: no-repeat;  background-size: 0% 100%;  transition: background-size 1s;}
.pr-result-con h4 a:hover  {  background-size: 100% 100%;}
.pr-result-con p {font-size: 14px; line-height: 1.67; padding-bottom: 10px;}
.pr-result-con .updated-date  {padding-left: 30px; padding-right: 30px;}


.pdf-readmore { position: absolute; left: 30px; bottom: 0; right: 30px;}
.readmore {float: right; position: relative; color: inherit; font-family: Hind; font-weight: 700; font-size: 12px; text-transform: uppercase;/* margin-top: 1px;*/ padding-right: 40px;}
.get-r-more .readmore{font-size: 14px}
.readmore.showList{ padding-right: 0;}
.readmore img { width: auto; position: absolute; right: 0; top: 50%; transform: translateY(-50%); transition: all ease-in-out 0.3s;}
.readmore span {  color: #333;}
.readmore.white span {  color: #fff;}
.y-video .readmore span {  color: #fff;}
.readmore:hover img {right: -5px;}
.pdf-dwn {float: left; font-size: 12px; font-weight: 600; color: #636e77;}
.pdf-dwn img {padding-right: 7px;  position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.pdf-dwn span {padding-left: 30px;}

.readmore img {display: inline-block; vertical-align: middle;}
.readmore:hover span, .pdf-dwn:hover span {text-decoration: underline;}

.load-more {text-align: center; margin-top: 24px;}



/* Press Room detail */
.lbl-con-100 {width: 100%; overflow: hidden;}
.pr-detail-pg {margin: 70px auto 20px; position: relative;}
.pr-detail-con .lbl-con-100 {padding: 30px 0 23px;}
.pr-detail-con { margin:0 0 40px 35px; }
.pr-detail-con h2 {font-family: Hind; font-weight: 700; font-size: 40px;  line-height: 1.2; padding-bottom: 15px;}
.pr-detail-con h3 {font-family: Hind; font-weight: 700; font-size: 30px;  line-height: 1.2; padding-bottom: 15px;}
.pr-article-date {font-size: 12px; margin: 4px 0 25px; padding-left: 20px; background: url(../images/time.png) no-repeat top 1px left 0; opacity: 0.5;}
.article-slider { margin-bottom: 32px; }
.pr-detail-synop {border-top: 1px solid #dadada; padding: 10px 0;margin: 5px 0 0;}
.pr-detail-synop ol {margin:0 10px 20px;}
.pr-detail-synop ol li {font-size: 12px; line-height: 1.58; padding:0 0 0px 5px; }
.pr-detail-synop .lbl-con-100 {padding: 0;}
.pr-share-mob {position: absolute; right: 15px; top: 0; display: none;}
.pr-share-mng { position: absolute; left:0; top:110px; transform: translateX(-100%);}
.pr-share-desk{ margin: 0;}
.pr-share-desk li {margin-bottom: 10px; list-style: none; padding: 0;}
.pr-share-desk li a {display: inline-block;}
.pr-share-desk li a img {display: block;}

.pr-share-desk li:nth-child(n+3){display:none;}
.pr-share-mng.open li:nth-child(n+3){display:list-item;}

.more-artc {margin: 70px 0 0;}
.more-artc-left{ margin-left: 35px;}
.more-artc h2 {padding: 4px 0 45px;}

/* About Us - Our Team */
.team-container {margin: 0 -18px -25px; display: flex; flex-wrap: wrap;}
.team-container h4 {font-family: Hind;font-size: 20px; font-weight: 700; line-height: 1.2; letter-spacing: 1px; text-transform: uppercase;padding: 22px 0 4px;}
.team-container p {font-size: 14px; line-height: 1.43; padding: 0;}
.team-grid {padding: 0 18px; margin-bottom: 48px;}
.team-img {overflow: hidden;}
.team-img img {width: 100%; display: block; transition: transform 1s;}



/* About us - Our Ambition */
.lets-do-con { max-width: 1040px; margin: auto; margin-top: 85px;}
.lets-do-con h4 {font-family: Hind; font-size: 40px; font-weight: 700; color: rgba(51, 51, 51, 0.2); margin: 0 40px 10px; display:block;}
.lets-do-con h3 {font-family: Hind; font-size: 60px; font-weight: 700; margin: 0 0 10px; line-height: 0.93;  position: relative;}
.lets-do-con h3:after {content: ""; position: absolute; width: 24px; height: 24px; background: url("../images/down-arrow-white.png") no-repeat center; right: 0; top: 15px; display: none;}
.amb-ttl, .amb-img {width: 30%; float: left;}
.amb-img {width: 70%; float: right; text-align: right; margin-top: 86px; position: relative;}
.amb-img img { max-width: 645px; }
.amb-img span {margin-left: 120px;}
.amb-img span.section-bar { position: relative;  display: block;}

.amb-vision {margin: 105px 0;}
.amb-vision h2 {  font-family: Hind; font-size: 40px; font-weight: 700; line-height: 1; text-transform: uppercase; padding-bottom: 25px;}
.amb-vision p {font-size: 14px; line-height: 1.43; padding-bottom: 20px;}
.amb-vision .col50:first-child {padding-right:12%; margin-top: -135px;}
.amb-vision .col50:last-child {padding-left: 13%;}

.lets-do-con .grids-container { margin: 0; padding: 0 40px;}
.lets-do-con .grids-container p {font-size: 14px; line-height: 1.43;}
.lets-do-con .section-bar:before { left: 0;}
.lets-do-con .section-bar h2 {text-transform: uppercase; padding: 4px 0 25px;}
.lets-do-item {padding: 0 40px; position: relative; overflow: hidden; max-height: 0px; color: #fff; transition: all ease-in-out 0.5s; }
.lets-do-wrap {margin: 0 0 25px;}
.lets-do-wrap li {padding: 7px 0; list-style: none;}
.lets-do-wrap li.active {padding-bottom: 25px;}
.lets-do-wrap li.active .lets-do-item { padding: 35px 40px 41px; max-height:800px; transition:all ease-in-out 1s; }
.lets-do-wrap li.active h4 {/*display: none;*/ opacity: 0; font-size: 10px; margin: 0;}
.lets-do-wrap li:first-child h4 {display: none;}
.lets-do-ttl, .lets-do-desc {float: left; width: 50%;}
.lets-do-ttl .label {display: none;}
.lets-do-desc {padding: 60px 0 0 130px;}
.lets-do-desc .label {float: none; display: inline-block; margin: 10px 0 15px; position: relative;}
.lets-do-desc .label:before { content: "";position: absolute; width: 104px; height: 5px; background: #fff; top: 7px; left: -120px;}
.lets-do-desc .readmore {  font-family: Raleway;  font-size: 12px; }
.lets-do-desc .readmore span{ color: #fff;}


/* About us - Our Statutory Board */
.one-page-nav {width: 100%;display: flex; margin-top: 30px;}
.scrollable-sections {float: left; width: 50%; padding-left: 10px;}
.board-item{  width: 100%;  margin-bottom: 32px;}
.side-nav-bar { width: 50%; float: left; top: 0;}
.side-nav-bar ul{ margin: 0;}
.side-nav-bar li{ padding: 0; list-style: none; line-height: normal;}
.side-nav-bar a { font-family: Hind; font-size: 20px;  font-weight: 700; color: rgba(51, 51, 51, 0.2); line-height: 1.2; letter-spacing: 1px; display: block;  text-decoration: none; margin: 22px 0; transition:all ease-in-out 0.3s; display: inline-block;}
.side-nav-bar a:first-child {margin-top: 0;}
.side-nav-bar a:hover { color: #333;}
.side-nav-bar a.current {  font-size: 40px; color:#333; line-height: 1.1;}
.side-nav-bar.active .side-nav {position: sticky; position: -webkit-sticky; top: 170px; max-width: 470px;}
.sticky { max-width: 420px;}
.sticky.stick { position: fixed; top: 50px; z-index: 1;}


.tabify {margin:auto; width: 100%; overflow: hidden;}
ul.tabs { margin: 0 -15px; padding: 0 15px; overflow-x: auto; white-space: nowrap;  }

.tabs li {display: inline-block; margin-right: 33px; padding: 5px 0; position: relative;}
.tabs li a { font-family: Hind; font-weight: 700; font-size: 20px;line-height: 1.2;  letter-spacing: 1px; color: #333; text-transform: uppercase; position: relative; padding:0 0 5px; opacity: 0.33; transition:all ease-in-out 0.3s;}
.tabs li.active a, .tabs li a:hover {opacity: 1;}
.tabs li.active:after {content:""; height: 3px; background: #333; position: absolute; left: 0; bottom: 0; width: 100%;}

.board-item > p {font-size:14px; line-height: 1.43; padding-bottom: 20px;}
.board-item h3 {  font-family: Hind; font-size: 30px;  font-weight: 700;  padding-bottom: 15px; line-height: 1.03; letter-spacing: 1.5px; display: none;}
.board-logo {border: 1px solid #ddd; text-align: center; margin: 0 0 24px;}
.board-logo img {display: block; margin: auto;}
.contact-item {margin: 15px 0; position: relative;}
.contact-item i{ position: absolute; left: 0; top: 3px;}
.contact-address { vertical-align: middle;}
.contact-item i img {display: block;}
.contact-address {padding-left: 35px;}
.contact-address h4 {text-transform: uppercase; font-size: 12px; font-weight: 700; line-height: 1.67; padding-bottom: 4px;}
.contact-address p {padding: 0; margin: 0; font-size: 14px; line-height: 1.43;}
.contact-address a {cursor: pointer; color: #333;font-size: 14px; line-height: 1.43;  }
.contact-address a:hover {text-decoration: underline;}
.contact-address a[href^="tel:"] { text-decoration: none; color: #333; cursor: default; font-size: 14px; line-height: 1.43;}
.contact-row .contact-item {float: left; padding-right: 40px;}
.contact-row .contact-item:last-child {padding-right: 0;}

/* About us - Careers */
.expand-careers { text-align:right; margin-bottom:8px; }
.expand-careers a { font-family: Hind; line-height: 1.2; color: #333333; cursor:pointer; }
.expand-careers a:hover { text-decoration:underline; }
.expand-careers a img { max-width:12px; display:inline-block; margin-left:12px; }
.collapse-all { display:none; }
.collapse-all img { transform:rotate(180deg); }
.careers-item h2 { font-family: Hind; font-size: 30px; font-weight: bold; line-height: 1.17; cursor:pointer; border-top:solid 1px #dadce0; padding:18px 25px 18px 0; position:relative; }
.careers-item h2 i { position: absolute; right: 0; transform: translateY(-50%); top: 50%;}
.careers-item h2 i img { transition:all ease-in-out 0.2s; display:inline-block; margin-bottom:2px; }
.careers-item h2.open i img { transform:rotate(180deg); }
.careers-item:last-child { border-bottom:solid 1px #dadce0; }
.careers-item-con { padding:25px 0; border-top:solid 1px #dadce0; display:none; }
.careers-item-con p:last-child { padding-bottom:0; }
.careers-item-con p a { color:#1a73e8; }
.careers-item-con p a:hover { text-decoration:underline; }

.careers-item-grids h3 { font-family: Hind; font-size: 20px; font-weight: bold; line-height: 1.2; letter-spacing: 1px; color: #333333; margin:10px 0 26px; }
.careers-item-row { margin:0 -15px; padding-bottom:30px; }
.careers-item-col50 { width:50%; float:left; padding:0 15px; }
.careers-thumb img { width:100%; display:block; }
.careers-thumb .caption { background-color: #f7f7f7; display:block; font-size: 11px; padding:8px 10px; }
.list-style { padding:0; }
.list-style li { list-style:none; color:#202124; line-height: 1.5; position:relative; padding-left:25px; margin-bottom:12px; }
.list-style li:before { content:""; width:4px; height:4px; border-radius:50%; background:#202124; position:absolute; left:0; top:10px; }
.careers-item-grids .tagline { font-size: 12px; }
.careers-item-grids .our-staff { padding-top:5px; }
.careers-item-grids .our-staff .careers-thumb { margin-bottom:15px; }


/* Sectors */
.sector-aside.section-bar:before {width: 48px; height: 4px; left: -34px;}
.sector-aside {margin: 50px 25px 0 22px;}
.sector-aside h4 { font-family: Hind; font-size: 32px; line-height: 1.1; font-weight: 700; padding-bottom: 5px;}
.sector-aside p { font-family: Hind; font-size: 16px; font-weight: 700; line-height: 1.2;}

.sector-slider-con {margin-top: 50px;}
.sector-slider-con h2 {  font-family: Hind; font-size: 40px; font-weight: 700;  line-height: 1.1; padding-bottom: 15px;}

.sector-slider-nav { margin-bottom: 40px;}
.sector-slider-nav .slick-slide{ padding-right: 70px;}
.sec-nav-item h4 {position: relative;font-family: Hind; font-size: 20px; font-weight: 700; line-height: 1.2; letter-spacing: 1px; opacity: 0.33; cursor: pointer; text-transform: uppercase; display: inline-block; padding: 8px 0 5px 0; transition:all ease-in-out 0.3s;  }
.sec-nav-item h4:hover {opacity: 1;}
.sec-nav-item.slick-current h4{opacity: 1;}
.sec-nav-item.slick-current h4:after {position: absolute; content: ""; background: #333; height: 3px; bottom: 0px; width: 100%; left: 0;}
.sector-slider-wrap {position: relative;}
.sector-slider-con .main-slider-paginator {top:0; bottom: inherit; max-width: 100%; width: 100%;}
.sector-slider-con .main-slider-paginator .slick-disabled{ display: none !important;}
.sector-slider-con .main-slider-paginator .prev {left: -50px; position: absolute; opacity: 0.33;}
.sector-slider-con .main-slider-paginator .next {right: -50px; position: absolute; opacity: 0.33;}
.sector-slider-con .main-slider-paginator .prev:hover, .sector-slider-con .main-slider-paginator .next:hover {opacity: 1;}

.slide-intro {font-size: 14px; font-weight: 700; line-height: 1.43; margin-bottom: 5px; display: inline-block;width: 100%;}
.sector-slide-item .col50 {padding-right: 40px;}
.sector-slide-item .col50:nth-child(odd) {padding-right: 0;}
.sector-slide-item p {font-size: 14px; line-height: 1.43; padding-bottom: 10px;}

.sec-readmore {width: 100%; float: none; overflow: hidden;}
/*.sec-readmore .readmore {padding: 10px 0;}*/
.sec-readmore .readmore img {right: 5px;}
.sec-readmore .readmore:hover img {right: 0;}

.policy-wrap {margin:50px auto; max-width: 1068px; padding: 16px; background: #636e77;}
.policy-con {background:#fff; padding: 40px 40px 5px;}
.policy-item {margin: 20px 0 50px;}
.policy-item h2 {  font-family: Hind; font-size: 60px; font-weight: 700; line-height: 0.93;}
.policy-item p:first-child {padding-top: 20px;}
.policy-item .col50:nth-child(even) {padding-left: 10px;}

.policy-list-con {background: #636e77; padding: 75px 0 50px; margin: 25px 0; color:#fff;}
.policy-list-con .ttl-hdr {float: left; width: 38%; margin-top: 10px;padding-right: 15%;}
.policy-list-con .ttl-hdr h2, .initiative-con .ttl-hdr h2{  font-family: Hind; font-size: 40px; font-weight: 700; line-height: 1.1;}
.policy-list-con .ttl-hdr h4, .initiative-con .ttl-hdr h4 { font-family: Hind; font-size: 20px; font-weight: 700; line-height: 1.2; letter-spacing: 1px; text-transform: uppercase; padding: 5px 0 24px;}
.policy-list-con .ttl-hdr p, .initiative-con .ttl-hdr p {font-size: 14px; line-height: 1.43;}
.policy-list-con .ttl-hdr.section-bar:before {background:#fff;}
.policy-list {float: left; width: 62%; border-top: 1px solid rgba(0, 0, 0, 0.05); margin: 0;}
.policy-list li { padding: 25px 0 30px; border-bottom: 1px solid rgba(0, 0, 0, 0.05); list-style: none; line-height: 1.2;}
.policy-list li h4, .policy-list li > div {display: inline-block; vertical-align: middle; margin-right: -3px;}
.policy-list li h4 {width: 75%; font-size: 16px; font-family: Hind; font-weight: 700; padding-right: 10px;}
.policy-list li h4 a {color:#fff;}
.policy-list li h4 a:hover {text-decoration: underline;}
.policy-list li > div {width: 25%; }
.policy-list .readmore {position:relative; padding-right: 25px;}
.policy-list .readmore i {background: url("../images/arrow-white-small.png") no-repeat; width: 14px; height: 11px; display: inline-block; vertical-align: top; margin-left: 10px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); transition: all ease-in-out 0.3s;}
.policy-list .readmore:hover i {right: -5px;}
.all-policy { padding: 25px 0; width: 100%; clear: both; display: none;}
.all-policy.disable{ display: none;}

.initiative-con {margin: 65px 0 75px;}
.initiative-con .ttl-hdr {width: 32%; float: left; padding-right: 50px; margin-top: 15px;}
.initiative-con .ttl-hdr h4 {padding-bottom: 10px;}
.initiative-grid-con {width: 68%; float: left; padding-left: 4px; color:#fff;}
.ini-grid-item {width: 33.333%; float: left; background:#636e77; position: relative;}
.initiative-grid-con {display: flex; flex-wrap: wrap;}
.initiative-grid-con .ini-grid-item:nth-child(2n) {background:#95999c;}
.ini-grid-item {padding: 25px 20px 32px 25px; min-height: 170px;}
.ini-grid-item h3 {font-size: 22px; font-family: Hind; font-weight: 700; padding-bottom: 20px;}
.ini-grid-item h3 a {color:#fff; width: calc(100%);  background-image: linear-gradient(transparent calc(100% - 1px), #ffffff 1px);  background-repeat: no-repeat;  background-size: 0% 100%;  transition: background-size .5s;  line-height: 22px;}
.ini-grid-item h3 a:hover  {  background-size: 100% 100%;}
.ini-grid-item .readmore {position:absolute; right: 15px; bottom: 15px; padding-right: 25px;}
.ini-grid-item .readmore i {background: url("../images/arrow-white-small.png") no-repeat; width: 14px; height: 11px; display: inline-block; vertical-align: top; margin-left: 10px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); transition: all ease-in-out 0.3s;}
.ini-grid-item .readmore:hover i {right: -5px;}

.mac-os .ini-grid-item h3 a { background-size: 0% 78%;}
.mac-os .ini-grid-item h3 a:hover  {  background-size: 100% 78%;}

.mac-os.Firefox .ini-grid-item h3 a { background-size: 0% 90%;}
.mac-os.Firefox .ini-grid-item h3 a:hover  {  background-size: 100% 90%;}


/*@media not all and (min-resolution:.001dpcm) { @media {
_::-webkit-full-page-media, _:future, :root .ini-grid-item h3 a { color:#fff;width: calc(100%);  background-image: linear-gradient(transparent calc(100% - 1px), #ffffff 1px);  background-repeat: no-repeat;  background-size: 0% 78%;  transition: background-size 1s; line-height:0.59;}
_::-webkit-full-page-media, _:future, :root .ini-grid-item h3 a:hover  {  background-size: 100% 78%;}
}}
*/


/* Get Inolved */
.get-inolved-banner-text { background:#ffb500; }
.get-inolved__container { max-width:960px; margin:0 auto; font-family: 'Raleway'; position:relative; }
.get-inolved-banner-text h1 { font-weight:900; font-size:60px; color:#fff; line-height: 1.17; padding-right:210px; margin-top:-125px; }
.get-inolved-banner-text p { font-size: 20px; font-weight:400; line-height: 1.5; color:#000; max-width:490px; }
.get-banner-title__caption { text-align:right; font-weight:800; font-size:20px; color: #bf3469; text-transform:uppercase; letter-spacing: 1.5px; margin-bottom:30px; }
.get-banner-title__caption span { display:block; color:#fff; }
.get-inolved__panoramic img { display:block; width: 100%;}
.panoramic-tagline { font:600 14px 'Raleway'; color: #9b9b9b; text-transform:uppercase; line-height: 1.43; margin-top:8px; margin-bottom:40px; padding-bottom:12px; position:relative; }
.panoramic-tagline:after { content:""; position:absolute; left:0; bottom:0; background:#ffb500; width:40px; height:4px; }
.panoramic-tagline span { font-style: italic; text-transform:none; font-weight:400; display:block; }
.get-inolved__body-con p { font:400 20px 'Raleway'; color:#000; line-height: 1.5; }
.pad-80 { padding:0 80px; }
.people-slider .slick-dots { position:absolute; bottom:3px; left:0; right:0; text-align:center; margin: 0;}
.people-slider .slick-dots li { display:inline-block; margin:0 4px; padding: 0; vertical-align:middle; position:relative; overflow:hidden; }
.people-slider .slick-dots li button { width:5px; height:5px; border:solid 1px #f7f7f7; background:none; border-radius:50%; text-indent:-999px; cursor:pointer; }
.people-slider .slick-dots li.slick-active button { border-color:transparent; background:#d8d8d8; }
.people-con { margin:45px 0 60px; padding-left:80px; }
.people-con:after { content:""; clear:both; display:block; }
.people-con__left { float:left; width:60%; padding-right:43px; }
.people-con__left p { padding-bottom:40px; }
.people-con__right { float:right; width:39%; }
.people-con__right h2 { font:900 60px 'Raleway'; color:#ffb500; line-height: 1.17; position:relative; }
.people-con__right h2:before { content:"“"; font:900 60px 'Raleway'; color:#ffb500; line-height: 1.17; position:absolute; left:0; top:0; transform:translateX(-100%); margin-left:-5px; }


/* CYOA - Article detail video */
.get-inspr {background:#636e77; text-align: center; width: 100%; padding:20px 25px; box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);}
.get-inspr h4 {text-transform: uppercase; color:#fff; font-size:20px; font-weight: 700; line-height: 1.2; letter-spacing: 0.8px; padding-bottom: 18px;}
.get-inspr h2 {  font-family: Hind; font-size: 30px; font-weight: 700;   line-height: 0.78; letter-spacing: 1.5px;}
.get-inspr-grid-con {margin: 30px -29px 10px;  display: flex;  flex-wrap: wrap; justify-content: center; }
.get-inspr-grid-item { background:#fff; margin: 0 29px 10px; max-width: 289px; position: relative; width: 100%;}
.get-inspr-grid-item .grid-item-img img {display: block; width: 100%;}
.get-inspr-grid-item .grid-item-con {text-align: left; }
.get-inspr-grid-item .grid-item-txt {padding: 13px 15px;}
.get-inspr-grid-item .grid-item-txt h3, .get-inspr-grid-item .grid-item-txt .h3 {padding-bottom: 15px;}
.get-inspr-grid-item .grid-item-txt p {font-size: 14px;  line-height: 1.71; letter-spacing: 0.3px;}
.get-inspr-grid-item .readmore {position: absolute; right: 15px; bottom: 15px;}

.get-inspr-filter {overflow: hidden; margin: 50px 0;}
.get-inspr-filter-wrap {text-align: center; max-width: 780px; margin:0 auto;padding: 5px 0 55px;}
.get-inspr-filter-wrap li {display: inline-block; width: 25%; margin-right: -4px; padding: 0; line-height: normal;}
.get-inspr-filter-wrap li a {  font-family: Hind; font-size: 24px; font-weight: 700; line-height: 0.95; color: #333; opacity: 0.33; transition:all ease-in-out 0.3s; text-transform: uppercase; position: relative; padding: 10px 0;}
.get-inspr-filter-wrap li a:hover, .get-inspr-filter-wrap li a.active {opacity: 1;}
.get-inspr-filter-wrap li a.active:after {content:""; width: 100%; height: 4px; background:#333; position: absolute; left: 0; bottom: 0;}

.get-inspr-fltr-grid-con {margin: 25px -27px 15px; display: flex; flex-wrap: wrap;}
.get-inspr-fltr-grid-con .grid-item {padding: 0 27px; margin-bottom: 30px;}
.get-inspr-fltr-grid-con .grid-item h3 {text-transform: uppercase;  font-family: Hind; font-size: 14px; font-weight: 700; line-height: 1.43; padding: 5px 0 2px;}
.get-inspr-fltr-grid-con .grid-item p {font-size: 14px; line-height: 1.43; padding-bottom: 10px; word-break: break-word;}
.get-inspr-fltr-grid-con .grid-item-img {box-shadow: -7px -7px 0px #f2bb05;}
.grid-item-txt{ padding-bottom: 20px;}
.grid-item-txt .readmore{ position: absolute; bottom: 5px; right: 0;}

.view-more-con {text-align: center;}
.view-more-con .btn-secondary {background:#ffb500;  font-family: 'Raleway'; font-size: 18px; font-weight: 700; color: #353535; min-width: 304px; padding: 8px 0 8px; text-transform: none;}

.see-all-opp { text-align: center; padding: 50px 0 0;}
.see-all-opp p {  font-family: Hind;  font-size: 16px; font-weight: 700; letter-spacing: 1px; padding-bottom: 10px;}
.see-all-opp a {  display: inline-block;  position: relative; letter-spacing: 1px; color:#333;}
.see-all-opp a img { padding-left: 25px;  position: absolute;  right: 0; top: 50%; transform: translateY(-50%); transition: all ease-in-out 0.3s;}
.see-all-opp a span {padding-right: 28px;}
.see-all-opp a:hover span {text-decoration: underline;}
.see-all-opp a:hover img {right: -5px;}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   .filter-opts a {margin: 0 1px 8px 0;}
	.side-nav-bar.active .side-nav {position: fixed;}
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .label{padding: 4px 8px 2px 8px; }
}


/* Theme css */
body.fuschia, body.turquoise, body.orange, body.lime, body.blue, body.rose, body.purple, body.green, body.mccy-grey, body.mccy-red, body.mccy-yellow {background:#fff;}

body.mccy-red .backtoTop{ background-color: #d80500; }		
body.fuschia .backtoTop{ background-color: #a3156f; }
body.turquoise .backtoTop{ background-color: #0096a7; }
body.orange .backtoTop{ background-color: #fd9d49; border-color: #333;}
body.lime .backtoTop{ background-color: #8cb12a; border-color: #333;}
body.blue .backtoTop{ background-color: #34afe0; border-color: #333;}
body.rose .backtoTop{ background-color: #da4947; }
body.purple .backtoTop{ background-color: #9e49b9; }
body.green .backtoTop{ background-color: #008e7b; }
body.mccy-grey .backtoTop{ background-color: #636e77; }
body.mccy-yellow .backtoTop{ background-color: #ffb500; border-color: #333;}
body.yap .backtoTop{ background-color: #ff9605; }				
body.yb .backtoTop{ background-color: #ff9605; }				
body.darkblue .backtoTop{ background-color: #4168C9; }		

.fuschia .main_menu li.sectors-menu.active .sub_menu li.active a {color:#a3156f;background:#fff;}
.fuschia .main_menu li.sectors-menu.active .sub_menu li.active a {background: #fff; color: #a3156f;}
.turquoise .main_menu li.sectors-menu.active .sub_menu li.active a {background: #fff; color: #0096a7;}
.orange .main_menu li.sectors-menu.active .sub_menu li.active a {background: #fff; color: #f58c31;}
.lime .main_menu li.sectors-menu.active .sub_menu li.active a {background: #fff; color: #8cb12a;}
.rose .main_menu li.sectors-menu.active .sub_menu li.active a{background: #fff; color: #da4947;}
.purple .main_menu li.sectors-menu.active .sub_menu li.active a {background: #fff; color: #9e49b9;}
.blue .main_menu li.sectors-menu.active .sub_menu li.active a {background: #fff; color: #34afe0;}
.green .main_menu li.sectors-menu.active .sub_menu li.active a {background: #fff; color: #008e7b;}

.darkblue .main_menu li.sectors-menu.active {background: #4168C9; color: #fff;}
.darkblue .main_menu li.sectors-menu.active .sub_menu li.active a {  background: #fff; color: #4168C9;}
.darkblue .sectors-menu .sub_menu { background: #4168C9;}
.darkblue .main_menu li.sectors-menu.active a { background: #4168C9; color: #fff;}
.darkblue.purple-sectors .sectors-menu .sub_menu { background: #a3156f; }

.fuschia .tabs-nav ul li.active:after, .fuschia .tabs-nav ul li:hover:after {background: #a3156f;}
.turquoise .tabs-nav ul li.active:after, .turquoise .tabs-nav ul li:hover:after {background: #0096a7;}
.orange .tabs-nav ul li.active:after, .orange .tabs-nav ul li:hover:after {background: #fd9d49;}
.lime .tabs-nav ul li.active:after, .lime .tabs-nav ul li:hover:after {background: #8cb12a;}
.blue .tabs-nav ul li.active:after, .blue .tabs-nav ul li:hover:after {background: #34afe0;}
.rose .tabs-nav ul li.active:after, .rose .tabs-nav ul li:hover:after {background: #da4947;}
.purple .tabs-nav ul li.active:after, .purple .tabs-nav ul li:hover:after {background: #9e49b9;}
.green .tabs-nav ul li.active:after, .green .tabs-nav ul li:hover:after {background: #008e7b;}
.mccy-grey .tabs-nav ul li.active a:after, .mccy-grey .tabs-nav ul li a:hover:after {background: #333333;}


.mccy-red .footer {background:#d80500;}
.mccy-red .footer-item li a, .mccy-red .footer-logo h4, .mccy-red .footer-item h4, .mccy-red .copy-con, .mccy-red .copy-con ul li a  {color:#fff;}
.mccy-red .updated-date {display: none;}

.mccy-grey .footer {background:#636e77;}
.mccy-grey .footer-item li a, .mccy-grey .footer-logo h4, .mccy-grey .footer-item h4, .mccy-grey .copy-con, .mccy-grey .copy-con ul li a  {color:#fff;}

.fuschia .footer {background:#a3156f;}
.fuschia .policy-wrap {background:#a3156f;}
.fuschia .policy-list-con {background:#a3156f;}
.fuschia .ini-grid-item {background:#a3156f;}
.fuschia .initiative-grid-con .ini-grid-item:nth-child(2n) {background:#931264;}
.fuschia .copy-con{ color: #fff;}

.turquoise .footer {background:#0096a7;}
.turquoise .policy-wrap {background:#0096a7;}
.turquoise .policy-list-con {background:#0096a7;}
.turquoise .ini-grid-item {background:#0096a7;}
.turquoise .initiative-grid-con .ini-grid-item:nth-child(2n) {background:#007886;}
.turquoise .main_menu li.sectors-menu.active,
.turquoise .main_menu li.sectors-menu.active a,
.turquoise .main_menu li.sectors-menu:hover {background:#0096a7;color:#fff;}
.turquoise .sectors-menu .sub_menu {background: #0096a7;}
.turquoise .copy-con{ color: #fff;}

.rose .footer {background:#da4947;}
.rose .policy-wrap {background:#da4947;}
.rose .policy-list-con {background:#da4947;}
.rose .ini-grid-item {background:#da4947;}
.rose .initiative-grid-con .ini-grid-item:nth-child(2n) {background:#c0403f;}
.rose .main_menu li.sectors-menu.active,
.rose .main_menu li.sectors-menu.active a,
.rose .main_menu li.sectors-menu:hover {background:#da4947;color:#fff;}
.rose .sectors-menu .sub_menu {background: #da4947;}
.rose .copy-con{ color: #fff;}

.purple .footer {background:#9e49b9;}
.purple .policy-wrap {background:#9e49b9;}
.purple .policy-list-con {background:#9e49b9;}
.purple .ini-grid-item {background:#9e49b9;}
.purple .initiative-grid-con .ini-grid-item:nth-child(2n) {background:#7f3a95;}
.purple .main_menu li.sectors-menu.active,
.purple .main_menu li.sectors-menu.active a,
.purple .main_menu li.sectors-menu:hover {background:#9e49b9;color:#fff;}
.purple .sectors-menu .sub_menu {background: #9e49b9;}
.purple .copy-con{ color: #fff;}

.green .footer {background:#008e7b;}
.green .policy-wrap {background:#008e7b;}
.green .policy-list-con {background:#008e7b;}
.green .ini-grid-item {background:#008e7b;}
.green .initiative-grid-con .ini-grid-item:nth-child(2n) {background:#017163;}
.green .main_menu li.sectors-menu.active,
.green .main_menu li.sectors-menu.active a,
.green .main_menu li.sectors-menu:hover {background:#008e7b;color:#fff;}
.green .sectors-menu .sub_menu {background: #008e7b;}
.green .copy-con{ color: #fff;}

.orange .footer,
.orange .policy-wrap,
.orange .policy-list-con,
.orange .ini-grid-item,
.orange .sectors-menu .sub_menu {background:#fd9d49;}
.orange .footer-logo h4,
.orange .footer-item h4,
.orange .footer-item li a,
.orange .copy-con ul li a,
.orange .copy-r-txt,
.orange  .policy-list-con,
.orange .policy-list li h4 a,
.orange .ini-grid-item h3 a,
.orange .ini-grid-item .readmore {color:#333;}
.orange .initiative-grid-con .ini-grid-item:nth-child(2n) {background:#f78745;}
.orange .ini-grid-item h3 a {  background-image: linear-gradient(transparent calc(100% - 1px), #333333 1px); }
.orange .main_menu li.sectors-menu.active,
.orange .main_menu li.sectors-menu.active a,
.orange .main_menu li.sectors-menu:hover {background:#fd9d49;color:#fff;}
.orange .policy-list-con .ttl-hdr.section-bar:before { background: #333;}
.orange .copy-rights {border-top: 1px solid rgba(53, 53, 53, 0.4);}
.orange .copy-con ul li a:after {background:#353535; opacity: 0.4;}

.lime .footer,
.lime .policy-wrap,
.lime .policy-list-con,
.lime .ini-grid-item,
.lime .sectors-menu .sub_menu {background:#8cb12a;}
.lime .footer-logo h4,
.lime .footer-item h4,
.lime .footer-item li a,
.lime .copy-con ul li a,
.lime .copy-r-txt,
.lime  .policy-list-con,
.lime .policy-list li h4 a,
.lime .ini-grid-item h3 a,
.lime .ini-grid-item .readmore {color:#333;}
.lime .initiative-grid-con .ini-grid-item:nth-child(2n) {background:#7d9f26;}
.lime .ini-grid-item h3 a {  background-image: linear-gradient(transparent calc(100% - 1px), #333333 1px); }
.lime .main_menu li.sectors-menu.active,
.lime .main_menu li.sectors-menu.active a,
.lime .main_menu li.sectors-menu:hover {background:#8cb12a;color:#fff;}
.lime .policy-list-con .ttl-hdr.section-bar:before { background: #333;}
.lime .copy-rights {border-top: 1px solid rgba(53, 53, 53, 0.4);}
.lime .copy-con ul li a:after {background:#353535; opacity: 0.4;}

.blue .footer,
.blue .policy-wrap,
.blue .policy-list-con,
.blue .ini-grid-item,
.blue .sectors-menu .sub_menu {background:#34afe0;}
.blue .footer-logo h4,
.blue .footer-item h4,
.blue .footer-item li a,
.blue .copy-con ul li a,
.blue .copy-r-txt,
.blue  .policy-list-con,
.blue .policy-list li h4 a,
.blue .ini-grid-item h3 a,
.blue .ini-grid-item .readmore {color:#333;}
.blue .initiative-grid-con .ini-grid-item:nth-child(2n) {background:#1e9acd;}
.blue .ini-grid-item h3 a {  background-image: linear-gradient(transparent calc(100% - 1px), #333333 1px); }
.blue .main_menu li.sectors-menu.active,
.blue .main_menu li.sectors-menu.active a,
.blue .main_menu li.sectors-menu:hover {background:#34afe0;color:#fff;}
.blue .policy-list-con .ttl-hdr.section-bar:before { background: #333;}
.blue .copy-rights {border-top: 1px solid rgba(53, 53, 53, 0.4);}
.blue .copy-con ul li a:after {background:#353535; opacity: 0.4;}

.lets-do-item.turquoise .label {background:#fff; color:#0096a7;}
.lets-do-itemsectors .label {background:#fff; color:#ff272f;}
.lets-do-item.orange .label {background:#fff; color:#f58c31;}
.lets-do-item.lime .label { background:#fff; color:#8cb12a;}
.lets-do-item.fuschia .label {background:#fff; color:#a3156f; /*color:#fff;*/}
.lets-do-item.rose .label {background:#fff; color:#da4947;}
.lets-do-item.purple .label {background:#fff; color:#9e49b9;}
.lets-do-item.blue .label {background:#fff; color:#34afe0;}
.lets-do-item.green .label {background:#fff; color:#008e7b;}

.lime .policy-list .readmore i, .lime .ini-grid-item .readmore i,
.blue .policy-list .readmore i, .blue .ini-grid-item .readmore i,
.orange .policy-list .readmore i, .orange .ini-grid-item .readmore i {background: url("../images/arrow-black-small.png") no-repeat; }

.mccy-yellow .get-inspr {background:#ffb500;}
.mccy-yellow .footer {background:#ffb500;}
.mccy-yellow .footer-logo h4, .mccy-yellow .footer-item h4, .mccy-yellow .footer a, .mccy-yellow .copy-con, .mccy-yellow .copy-r-txt, .mccy-yellow .copy-con ul li a {
        color: #333;
    }
.mccy-yellow .copy-rights {
    border-top-color: rgba(53, 53, 53, 0.4);
}
.mccy-yellow .copy-con ul li a:after { background:rgba(53,53,53,0.4); }


.darkblue .footer {
    background: #4168C9;
}

.copy-con ul.social { float: right; width: 30%;text-align: right; }

/* CYOA */
.text-center{ text-align: center;}
.cyoa-container{ margin: 0 auto; /*max-width: 1440px;*/ height: 100%; padding-top: 123px; display: flex; width: 100%;}
.cyoa-video{ position: relative; min-height: 100%;  overflow: hidden; display: flex; width: 100%;}


#wrapper{ position: absolute; left:0; right:0; top:0; bottom:0; height:100%; z-index:1; background-image: url("../images/cyoa/hero-banner.jpg"); background-size: cover !important; background-size: cover !important; background-position: center !important;}
.YTPOverlay.raster{ background: none; display: none;}
iframe .ytp-pause-overlay-controls-hidden .ytp-pause-overlay, .mb_YTPBar, iframe .ytp-pause-overlay{ display: none !important;}
.splash-container{ /*position: relative;*/ height: 100%; z-index: 2; display: flex; align-items: center; justify-content: center; padding-bottom: 57px; position: absolute; left: 0; right: 0; top: 0; color:#fff; text-align: center;}

.splash-con {max-width: 870px; margin: auto; padding: 0 15px;}
.splash-con h2 {font-size: 52px;  font-weight: 900; line-height: 0.99;  text-transform: uppercase;}
.splash-con span {font-family: 'Hind'; font-size: 16px; font-weight: 700; line-height: 1.5; letter-spacing: 0.8px; display: block; padding-bottom: 12px;}
.splash-intro {margin: 47px 0 10px;font-size: 23px;  font-weight: 900;}

.splash-one {position: absolute; z-index: 1; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 25px; text-align: center;-webkit-transition: all 2s ease; -moz-transition: all 2s ease; -ms-transition: all 2s ease; transition: all 2s ease;}
.splash-one h2{ font-size: 75px; font-weight: 900; line-height: 0.97; color: #fff; -webkit-transition: all 2s ease; -moz-transition: all 2s ease; -ms-transition: all 2s ease; transition: all 2s ease;}
.splash-one h2 span{ display: block;}
.splash-one-zoomOut {transform: scale(0); }
.splash-one-zoomOutTop {top:15%;}

.splash-two {/*position: absolute; z-index: 1; bottom: 57px; */opacity: 0; -webkit-transition: all 2s ease; -moz-transition: all 2s ease; -ms-transition: all 2s ease; transition: all 2s ease; max-width: 420px; width: 100%; /*left: 50%; transform: translateX(-50%);*/}
.splash-two p{  font-size: 14px; line-height: 1.43; color: #fff; padding-bottom: 0;}
.splash-two p:last-child{ padding-bottom: 0;}
.splash-content{ background-color: #ffb500; padding: 15px; margin-bottom: 140px; padding-bottom: 12px;}
.splash-content p{ color: #000000; padding-bottom: 12px; font-size:16px;}
.splash-one-zoomOutOpac { opacity:1;}
.next-step{ text-align: center;}

.find-link{ background: url("../images/cyoa/arrow-right.svg") no-repeat right 10px center #ffb500; font-size: 27px; font-weight: 800; color: #fff; padding: 9px 40px 8px 12px;  display: inline-block; margin: 3px 0 30px; transition: all .35s ease-in-out; }
.find-link-white .find-link, .find-link-white1 .find-link{ font-size: 35px;  }
.get-r-more.white-btn {margin: 0px;}
.get-r-more.white-btn .readmore{ background: url("../images/cyoa/arrow-right-black.svg") no-repeat right 10px center #fff; font-size: 27px; font-weight: 800; color: #000; padding:11px 40px 11px 12px;  display: inline-block; margin: 3px 0 30px; transition: all .35s ease-in-out; text-transform: none}
.get-r-more.white-btn .readmore span{color: #000}
.find-link-white {
    text-align: center;    margin: -50px 0 0;
}.find-link-white1 {
    margin: 32px auto 1px;
    text-align: center;
}
.get-r-more.white-btn .readmore:hover span{ text-decoration: none}
/*.find-link-white a{text-transform: capitalize}*/
/*.find-link:hover{ background-color: #fff;}*/
.explore-link{ display: inline-block; font-size: 12px; font-weight: 600; line-height: 1.25; padding-bottom: 4px; color: #fff; position: relative;}
.explore-link:before{ content: ''; background: #fff; height: 2px; width: 0%; position: absolute; bottom: 0; left: 0; transition: all .5s ease; z-index: 2;}
.explore-link:hover:before  { width: 100%; }
.explore-link:after{ content: ''; background: #ffb500; height: 2px; width: 100%; position: absolute; bottom: 0; left: 0; z-index: 1;}
.browse-oppurtunity { font-family: 'Hind'; font-size: 16px; font-weight: 700; line-height: 1.5; letter-spacing: 0.8px; text-transform: uppercase; color: #fff; 
background: url("../images/cyoa/arrow-right.svg") no-repeat right 0px center; background-size: 8px; padding-right: 17px;}


.splash-three{ background-color: #ffb500; background-position: center !important; background-size: cover !important; background-repeat: no-repeat !important;/* display: flex;*/ width: 100%; position: relative; z-index: 2; transform: translateX(100%); transition: all .35s ease-in-out; line-height: 1;}
.splash-three.active{ transform: translateX(0); }
.s-three-con{ position: relative; margin: auto; max-width: 1200px; width: 100%; padding: 85px 15px 135px; z-index: 9; }

.splash-three.active .splash-head{font-size: 76px; font-family: 'Hind'; font-weight: bold; top: 50%; left: 0; transform: translateY(-50%); position: relative; width: 45%; color: #fff; font-weight: bold; animation-name:tag_amination; animation-delay:1.6s; animation-duration:2s; animation-fill-mode: forwards; display:inline; }

    @keyframes tag_amination {
        0% { font-size:76px; top:50%; padding-top: 70px;}
	100% { font-size:27px; top:0px; width: 100%; transform:none; text-align: center; padding-top: 0;}
}
@-webkit-keyframes tag_amination {
  	0% { font-size:76px; top:50%; padding-top: 70px;}
	100% { font-size:27px; top:0px; width: 100%; transform:none; text-align: center; padding-top: 0;}

}
   @keyframes tag_aminationm {
        0% { font-size:28px; top:50%; padding-top: 70px;}
	100% { font-size:20px; top:0px; width: 100%; transform:none; text-align: center; padding-top: 0;}
}

@-webkit-keyframes tag_aminationm {
  	0% { font-size:28px; top:50%; padding-top: 70px;}
	100% { font-size:20px; top:0px; width: 100%; transform:none; text-align: center; padding-top: 0;}

}
.splash-three.active .splash-head.test{font-size:27px; padding-top: 0px; animation-name:none;}
.plashContent{ font-size: 50px; font-weight: 900; line-height: 1.3; color: #ffffff; max-width: 1200px; text-align: center; margin: 0 auto; transition: all .5s ease; display: none; padding-top: 60px;}
.plashOne{ display: inline-block; text-align: left; vertical-align: top; transition: all .5s ease; line-height: 1; position: relative;}
.plashOne ul{ transition: all .5s ease; margin: 0;}
.plashOne li {transition: all .5s ease; padding: 0; list-style: none; line-height: normal; margin-top: -1px;}
.plashOne li a{ font-size: 40px; font-weight: 900; color: rgba(255,255,255, .5); display: inline-block; padding: 6px 15px; transition: all .5s ease; vertical-align: top;}
    .plashOne li a:hover, .plashOne li.active a {
        color: #fff; /*font-size:50px;*/
    }
/*.plashOne li.active a{ font-size:50px;}*/
.prefix-text{ display: inline;}

.arts, .red-shadow, .cyoa-fuschia{ background-color: #bf3469;}
.heritage, .con-guiding, .orange-shade, .cyoa-orange{background-color: #f59052;}
.sports, .learning, .violet-shade, .cyoa-purple{ background-color: #540d6f;}
.communityWork, .finding-new, .pine-shade, .cyoa-green{ background-color: #217e86;}

.targetDiv{ display: none; transition: all .5s ease;}
.continue-btn, .continue-btn1{ background: url(../images/arrow-next.png) no-repeat right center #fff; font-size: 18px; font-weight: 800; color: #000; padding: 6px 30px 5px 8px;  margin: 50px 0 13px; transition: all .35s ease-in-out; display: none;}

.last-stage .s-three-con{ padding: 35px 15px; height: auto;}
.last-stage .plashContent{ padding-top: 0;}
.last-stage .plashOne ul, .middle-active, .middle-active ul{ transition: none;}

.tag-text{ font-size: 50px; display:none; font-weight: 900; padding: 5px 15px; transition: all .5s ease;}
.inner-text.active .inner-tag-text,
.showText.active .main-tag-text,
.showText.middle-active .main-tag-text
{ padding-right: 50px; background-image: url(../images/cyoa/down-arrow-cyoa.png); background-repeat: no-repeat; background-position: right center; cursor: pointer;}
.showText.active ul, .showText.middle-active ul, .inner-text.active ul{ position: absolute; left: 0; top: 100%;}
.showText.active ul, .showText.middle-active ul{ z-index: 10;}
.inner-text.active ul{ z-index: 9;}

.insp-wrap{ position: absolute; text-align: center; left: 0; right: 0; top:50%; font-family: Hind; font-size: 50px; font-weight: bold; line-height: 1; color: #353535; display: none; padding: 0 15px; transform: translateY(-50%); transition: all .5s ease-in-out; z-index: 1;}

.insp-wrap:after{ content: ''; display: block; position: absolute; bottom: 0; width: 100%; background: #ffb500; height: 0; transition: all 2s ease-in-out; z-index: 2;}
.insp-wrap.active:after{ height: 100%;}
/*@keyframes text-slide {0% { top:50%;  transform: translateY(-50%); } 100% { top:0%;  transform: translateY(0%); }}
.insp-wrap.active { animation-name:text-slide; animation-delay:0s; animation-duration:2s; animation-fill-mode:forwards; }*/



.cyoa-artical-wrap{ position: absolute; left: 0; right: 0; bottom:0; display: flex; /*justify-content: center; align-items: center;*/ flex-flow: row wrap; height: 100%; transition: all 1s ease-in-out;  z-index: 2;   transform: translateY(0);}
/*.cyoa-artical-wrap.active{ transform: translateY(0);}*/
.cyoa-artical-wrap > a{ width: 50%; height: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; position: relative;}
.div-center{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 335px; width: 100%; color: #fff; font-size: 21px; line-height: 1.07; padding: 0 15px; opacity: 0;}
.div-center span{   font-family: Hind; font-size: 18px; font-weight: 600; font-style: normal; display: inline-block; padding: 8px 10px; line-height: .8; margin-bottom: 8px; min-height: 30px;}
.yellow{ background-color: #ffb500; }
.div-center p{ padding-bottom: 10px;}
.div-center span.inner-link{ font-size: 21px; font-weight: 800; letter-spacing: 1.6px; color: #ffffff; padding:0 0 0 35px; position: relative; display: inline-block; text-transform: uppercase; line-height: 1;}
.video-icon, .arrow-icon{  width: 25px; height: 25px; position: absolute; left: 0; top: 0;}

.slide1, .slide2{  margin-top: 200%;}
.slide1{ transition: all 1.5s ease-in-out; }
.slide2{ transition: all 2s ease-in-out; }
.cyoa-artical-wrap.active .slide1{ margin-top: 0;}
.cyoa-artical-wrap.active .slide2{ margin-top: 0;}
/*
.cyoa-artical-wrap .slide1 .div-center{ transition: all 4s ease-in-out;}
.cyoa-artical-wrap .slide2 .div-center{ transition: all 4.5s ease-in-out;}
.cyoa-artical-wrap.active .slide1 .div-center, .cyoa-artical-wrap.active .slide2 .div-center{ opacity:1;}*/


.back-icon{ position: absolute; left: 30px; top: 30px; background: url(../images/back-arrow.svg) no-repeat center; width: 40px; height: 50px; z-index: 10; background-size: 15px;}

.last-stage .plashContent, .last-stage .tag-text, .last-stage .plashOne li a{ font-size: 35px;}
.last-stage .tag-text{ padding-top: 5px; padding-bottom: 5px;}

.footer-container{ margin: 0 auto; width: 100%; /*max-width: 1440px;*/ position: relative; z-index: 2; clear: both;}

.backtoTop{ background: url(../images/top-arrow.png) no-repeat center #636e77; width: 40px; height: 40px; position: fixed; right: 50px; bottom: 50px; z-index: 5; transition: opacity .5s; opacity: 0; cursor: pointer; border: 1px solid #fff;}
.backtoTop.show{ opacity: 1;}

/* table */
.table-responsive { overflow-x: auto; width: 100%; overflow-y: hidden; margin-bottom: 15px;}
.table-responsive>.table { margin-bottom: 0;}

.table-responsive>.table>tbody>tr>td, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>td, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>thead>tr>th{white-space: nowrap;}

.table{ width: 100%; font-family: Raleway; font-size: 16px; color: #333333; border: 0; border-collapse: collapse; margin: 0 0 15px 0;}
.table th{ text-align: left;  font-weight: bold; line-height: 1.5; color: #202124; padding: 20px 25px;}
.table td{ line-height:2; padding: 20px 25px; vertical-align: top;}
.table-th{ color: #202124; font-weight: bold; display: none;}
.table-content{ line-height: 2;}
.table tr:nth-child(even){ background-color: #f8f9fa;}
.table tr:nth-child(odd){ background-color: #fff;}


/* editorial page */
.editorial-page{ overflow: hidden;}
.editorial-banner{ position: relative;}
.edi-banner-left{ width: calc(50% + 155px); position: relative;}
.edi-banner-left img { opacity: 0; animation-name: slide-img; animation-delay: 0.5s; animation-duration: 0.2s; animation-fill-mode: forwards;}
.edi-banner-left:after{ content: ""; background: #fff; position: absolute; top: 0; right: 100%; bottom: 0; left: 0; animation-name: slide-img-after; animation-delay: 0s; animation-duration: 1s; animation-fill-mode: forwards;}
.edi-banner-right{ width: calc(50% - 155px); position: absolute; right: 0; bottom: 0; top:0; background: #ffb500;}
.edi-banner-right h2{ color: #fff;  font-size: 50px; font-weight: 900; line-height: 1.2; margin-bottom: 30px;}
.edi-banner-right p{ font-size: 20px; font-weight: bold; letter-spacing: 1.5px; color: #353535; text-transform: uppercase; line-height: normal; padding-bottom: 0;}
.edi-banner-right p span{ color: #fff; display: block;}
.edi-banner-text{ width: calc(50% + 155px); padding: 39px 59px 134px 82px;}
.edi-right-text{ max-width: 350px; padding: 48px 15px 15px 20px;}

.full-img{ width: 100%; display: block;}
.editorial-slider .slick-dots{ position: absolute; bottom: 12px; left: 0; right: 0; text-align: center; margin: 0;}
.editorial-slider .slick-dots li { display: inline-block; margin: 0 3px; padding: 0;}
.editorial-slider .slick-dots li:only-child { display: none;}
.editorial-slider .slick-dots button{ font-size: 0; border:1px solid #fff; background: transparent;  width: 12px; height: 12px; border-radius: 100%; cursor: pointer;}
.editorial-slider .slick-dots .slick-active button{ background: #fff; }

.editorial-text{ padding: 0px 0 14px;}
.row{ margin-left: -15px; margin-right: -15px;}
.width-50{ width: 50%; float: left; padding: 0 15px;}
.editorial-page h6{ font-family: Raleway; font-size: 60px; font-weight: 900; line-height: 1.17; color: #ffb500;    margin-bottom: 30px;}
.editorial-page h6 span{ display: block; line-height: 20px;}
.right{ float: right;}
.container-1210{ max-width: 1210px; margin: 0 auto;}
.container-1210 .img-container{ max-width: 840px;}
.img-c-text{ position: absolute; width: 100%; left: 0;}
.center .img-c-text{ top: 50%; transform: translateY(-50%);}
.img-title{ max-width: 410px;}
.img-con{ margin-bottom: 80px; position: relative;}
.align-right{ text-align: right;}
.text-white h6{ color: #fff !important;}

/* cyoa - all opps */

.cyoa-banner{ background: #f2bb05; padding: 35px 0; position: relative; z-index: 2;}
.cyoa-title{ font-size: 55px; font-weight: 900; line-height: 1.1; color: #fff; text-transform: uppercase;}
.cyoa-title span{ display: block;}
.cyoa-selection { font-size: 50px; font-weight: 900; line-height: 1; color: #fff; margin-top: 20px;}
.selection-sector{ text-align: left; display: inline-block; line-height: 1; position: relative; font-size: 40px; vertical-align: top;}
.selection-sector span{ color: #fff; font-weight: 900; display: inline-block; padding: 5px 50px 5px 15px; transition: all .5s ease; background-image: url(../images/cyoa/down-arrow-cyoa.png); background-repeat: no-repeat; background-position: right center; cursor: pointer;}
.selection-sector ul{ display: none; position: absolute; left: 0; top: 100%; /*text-align: right;*/ margin: 0;}
.selection-sector li { transition: all .5s ease; list-style: none; padding: 0; line-height: normal;}
.selection-sector li a { font-weight: 900; color: rgba(255,255,255, .5); display: inline-block; padding: 5px 15px; transition: all .5s ease; vertical-align: top; white-space: nowrap; font-size: 40px;}
.selection-sector li a:hover{ font-size: 50px; color: #fff;}


/* common css */
.common-css{ padding-top:40px; padding-bottom: 40px;}
.common-css h2 { font-family: Hind; font-size: 40px; font-weight: 700; line-height: 1; text-transform: uppercase; padding-bottom: 25px;}
.common-css h3 { font-family: Hind; font-weight: 700; font-size: 30px; line-height: 1.2; padding-bottom: 15px;}

/* error page */
.error-page { padding-top: 160px; padding-bottom: 160px;}
.error-page h2 { font-family: Hind; font-size: 80px; font-weight: 700; line-height: 0.95; padding-bottom: 20px; position: relative;}
.error-page h2:before { content: ""; position: absolute; width: 66px; height: 5px; background: #ff272f; top: -25px; left: -40px;}
.error-text{ max-width: 480px;}
.error-page p{ font-size: 20px; font-weight: 500; line-height: 1.6; color: #353535;}
.error-page p a{ text-decoration: none; color: #353535; float: none;}
.error-page p a:hover{ text-decoration: none;}
.error-page p:last-child{ padding-bottom: 0;}
.show768{ display: none;}

/* PANORAMIC IMAGE */
*[data-paver] { margin-bottom: 1.5rem; position: relative; height: 60vh; left: 0%; width: 100%; overflow-x: scroll; overflow-y: hidden;}
*[data-paver] img { height: 100%;max-width: inherit;}
.paver__scroller, .paver__fallbackMessage{ display: none;}

.video-btn{ position: absolute; left: 50%; bottom: 40px; transform: translateX(-50%); z-index: 10; text-align: center;}
.video-btn .readmore{ color: #fff;}
#togglePlay{ width: 50px; height: 50px; border-radius: 100%; text-align: center; border: none; cursor: pointer; margin-bottom: 20px; position: relative; background: transparent;}
#togglePlay.pause, #togglePlay.play{ background: #ffb500; }
#togglePlay.pause:after, #togglePlay.play:after{ content: ''; width: 30px; height: 30px; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
#togglePlay.pause:after{ background: url("../images/pause.svg") no-repeat center;}
#togglePlay.play:after{ background: url("../images/play.svg") no-repeat center;}

/*.panorama-img{ display: none; margin-bottom: 30px;}*/

.panoramic-div{ text-align: center; margin-bottom: 30px;}
.editorial-slider {margin-bottom: 32px;}
.get-r-more { margin-bottom: 30px;}
.get-r-more .readmore{ float: none; color: #fff;}
.get-r-more .readmore span{ color: #fff;}

/* search results */
.yap-intro h2 {font-weight: bold; font-family: Hind;}
body .gsc-above-wrapper-area{ border: none; padding: 0; /*margin-bottom: 32px;*/}
body .gsc-control-cse{ font-family: 'Raleway'; border: none; padding: 0; }
body .gsc-result-info { font-size: 15px; font-weight: 700; line-height: 1.6; letter-spacing: 0.2px; color: #000000; padding: 0;}
body .gsc-results{ width: 100%; padding: 0;}
body .gsc-webResult .gsc-result{ padding: 20px 0; border: none;}
body .gsc-table-result, body .gsc-thumbnail-inside, body .gsc-url-top{ padding-left: 0; padding-right: 0;}
body .gsc-control-cse .gs-result .gs-title{ font-size: 20px; font-family: hind;text-decoration: none; overflow: inherit; margin-bottom: 4px; line-height: 1.14; letter-spacing: 0.6px; color: #1155CC; font-weight: bold}
body .gs-result .gs-title, body .gs-result .gs-title *{ text-decoration: none; color: #1155CC;}
body .gsc-adBlock{ display: none;}
body .gs-result a.gs-visibleUrl, body .gs-result .gs-visibleUrl{ font-family:'Raleway', sans-serif; font-size: 16px; font-weight: normal;line-height: 1.6; letter-spacing: 0.2px; color: #1A73E8;}
body .gsc-control-cse .gsc-table-result{ font-family: 'Raleway', sans-serif; font-weight: normal;font-size: 16px; line-height: 1.6; letter-spacing: 0.2px; color: #000000;}
body .gs-promotion-image-box, 
body .gs-image-box.gs-web-image-box.gs-web-image-box-portrait,
body .gs-image-box.gs-web-image-box.gs-web-image-box-landscape{ width: 128px; margin-left: 20px;}
body .gs-promotion-image-box img.gs-promotion-image, 
body .gs-web-image-box-portrait img.gs-image, 
body .gs-web-image-box-landscape img.gs-image{ width: 100%; height: 100%; max-width: inherit; max-height: inherit;}
body .gsc-results .gsc-cursor-box{ margin-left: 0; margin-right: 0; font-family: 'Raleway'; font-size: 15px; line-height: 1.6;}
body .gsc-cursor-chevron{ margin-top: -5px;}
body .gcsc-more-maybe-branding-box { border: none; border-radius: 0;}
body .gcsc-find-more-on-google{ font-family: 'Raleway'; font-size: 15px; line-height: 1.6; letter-spacing: 0.2px; color: #000;}
body .gcsc-find-more-on-google-magnifier{ fill: #ee2a37;}
body .cse .gsc-webResult.gsc-result:hover, 
body .gsc-webResult.gsc-result:hover, 
body .gsc-webResult.gsc-result.gsc-promotion:hover,
body .gsc-results .gsc-imageResult-classic:hover, 
body .gsc-results .gsc-imageResult-column:hover{ border: none;}
body .gsc-wrapper .gsc-cursor-box { padding: 60px 0 0 0; margin: 0 0 30px; text-align: center;} 
.gsc-results .gsc-cursor { display: inline;}
body .gsc-wrapper .gsc-cursor-box .gsc-cursor .gsc-cursor-page { padding: 10px 20px; border: 1px solid #000; color: #000; transition: all .3s; text-decoration: none;}
body .gsc-results .gsc-cursor-box .gsc-cursor-page{ display: inline-block;}
body .gsc-wrapper .gsc-cursor-box .gsc-cursor .gsc-cursor-page.gsc-cursor-current-page, 
body .gsc-wrapper .gsc-cursor-box .gsc-cursor .gsc-cursor-page:hover { color: white; background: #000; text-decoration: none;}
body .gsc-orderby{ font-size: 15px; line-height: 1.6; letter-spacing: 0.2px; color: #666666;} 
body .gsc-control-cse .gs-result .gs-title *{ font-size: inherit;}
.search_bar_active .search_icon{ float: left; }
.search_bar_active .close_icon{ display: block; position: absolute; right: 0; top: 15px; padding: 10px 15px; background-position: center; transform: translateY(-50%);}

/* CYOA */
@media screen and (max-width: 1440px) {
	.plashContent{ font-size: 40px;}
	.tag-text, .plashOne li a{ font-size: 40px;}
	.cyoa-selection{ font-size: 45px;}
	.selection-sector{ font-size: 35px;}
}
/*@media screen and (max-height: 600px) {
	.cyoa-artical-wrap{ height: 60%; }
}*/


@media screen and (max-width: 1279px) {

	/* Navigation*/
	.main_menu li a {padding: 36px 15px;}

}

@media screen and (max-width: 1169px) {

	/* Navigation*/
	.header-container {padding: 0px 20px;}
	.logo { margin: 0 15px 0 0;}

	/* Footer */
	.copy-con ul li a {padding: 5px 10px;}
	.copy-con ul { width: 30%;}
	.copy-r-txt { width: 48%; }
	.copy-con span {width: 22%;}

	/* Press Room detail */
	.pr-share-mng {transform: none;}


	/* About us - Our Ambition */
	.amb-img span { margin-left: 40px;}

	/* Sectors */
	.policy-item h2 {padding-right: 25px;}
	.sector-slider-con .main-slider-paginator .next {right: -25px;}
	.sector-slider-con .main-slider-paginator .prev { left: -25px;}
	.policy-list-con {padding: 60px 0 30px;}
	.initiative-con .ttl-hdr, .initiative-grid-con {width: 100%; padding: 0;}

	/* CYOA - Article detail video */
	.get-inspr-fltr-grid-con {margin: 25px -20px 15px;}
	.get-inspr-fltr-grid-con .grid-item {padding: 0 20px;}
	
	.cyoa-selection{ font-size:35px;}
	.selection-sector { font-size: 30px;}

	

}

@media screen and (max-width: 1024px) {
	
	.main-slider .slide-txt .h2 span{ background-image: none;}
	.banner-desc{ position: fixed;}
	.selection-sector li a{ font-size: 40px;}
	.selection-sector li a:hover{ font-size: 40px;}
	
	.ini-grid-item h3 a{ background-image: none;}
    /*.mac-os .panorama-wrap{ display: none;}
    .mac-os .panorama-img{ display: block;}*/
}

@media screen and (max-width: 1120px) {
	
	#header .top-bar {padding: 5px 0;}
	.header-container {  padding: 0px 15px; position: relative;}
	/* Navigation*/
	.logo {  margin: 15px 0 10px; max-width: 80px; z-index: 97;}
	.logo i { width: 80px; height: 22px; margin-top: 0;}
	.home-header .logo i img { margin-top: -21px;}
	.main_menu li a {font-size: 14px; padding: 22px 15px;}
	.search_right_active{ position: absolute; width: 100%; top: 0; bottom: 0; right: 0; left: 0; background: #fff; z-index: 100;}
	.search_bar { padding: 14px 0 20px; }
	.search_bar_active{ left: 15px; right: 15px; width: auto;}
	.search_bar_active .search_inp input{ background: transparent;}
	.mccy-red.overflow .home-header .logo i img { margin-top: 0;}
	/* Tabs Nav */
	.tabs-nav ul li a {font-size: 13px;}	
}

@media screen and (max-width: 1023px) {

	.main-wrap {padding-top: 95px;}
	.home-wrap { padding-top: 27px;}

	/* Header */
	#header .top-bar {padding: 5px 0;}
	.header-container {  padding: 0px 15px; position: relative;}

	/* Navigation*/
	.logo {  margin: 15px 0 10px; max-width: 80px; z-index: 97;}
	.logo i { width: 80px; height: 22px; margin-top: 0;}
	.home-header .logo i img { margin-top: -21px;}
	.main_menu li a {font-size: 14px; padding: 22px 15px;}
	.search_right_active{ position: absolute; width: 100%; top: 0; bottom: 0; right: 0; left: 0; background: #fff; z-index: 100;}
	.search_bar { padding: 30px 0 20px; }
	.search_bar_active{ left: 15px; right: 15px; width: auto;}
	.search_bar_active .search_inp input{ background: transparent;}
	.mccy-red.overflow .home-header .logo i img { margin-top: 0;}

	/* Tabs Nav */
	.tabs-nav ul li a {font-size: 13px;}



	/* Footer */
	.footer-logo { width: 26%;  padding-right: 25px;}
	.footer-abt { width: 20%;}
	.footer-item { width: 19%;}
	.footer-gi { width: 20%;}
	.footer-social { width: 15%;}
	.copy-con {text-align: center;}
	.copy-con ul, .copy-r-txt, .copy-con span { width: 100%; padding-bottom: 20px;}
	.copy-con span {padding-bottom: 0; text-align:center;}
    .backtoTop{ right: 10px; bottom: 10px;}
	.socio-share li{ margin: 0 12px 0 0;}
    .copy-con ul.social { float: none; width: auto; text-align: center; }

	/* back to page */
	.back-to-page { border-bottom: 1px solid #d8d8d8; margin: 0 -15px; padding: 0 15px 20px;}
	.back-to-page a {width: 85%;}
	.back-to-page span {width: 85%;}

	/* Slider */
	.main-slider .slide-txt {padding: 10px 0 0;}
	.main-slider .slide-txt h2 {padding: 10px 0;}


	/*.home-banner {margin-bottom: 60px;}*/
	.home-slider-wrapper {padding-top: 60px;}
	.banner-desc h2 {font-size: 50px; line-height: 0.95;}
	.banner-txt p {font-size: 15px;}
	.banner-txt a {font-size: 11px;}
/*	.main-slider-paginator {bottom: 20px;}*/

	.grid-row {margin: 0 -8px;}
	.grid-item {padding: 0 8px;}
	.grid-item-desc {padding: 10px; font-size: 14px; }

	/* Home */
	.banner-desc {width: 100%; max-width: 960px;}


	/* Press Room Listing */
	.pr-result-con {  margin: 0 -15px 35px;}
	.pr-result-con ul li { padding: 0 15px 37px; width: 50%;}
	.pdf-readmore {left: 15px;  right: 15px;}
	.pr-result-con .updated-date { padding-left: 15px; padding-right: 15px;}

	/* Press Room detail */
	.pr-detail-pg {margin-top: 20px;}
	.pr-share-mob {display: block; top: -5px;}
	.pr-share-desk {display: none;}
	.more-arc-grid { margin: 25px -8px 0;}
	.pr-share-mng {  left: inherit; right: 15px; top: 50px;}
	.pr-share-desk li {margin-left: 10px; float: left;}
	.pr-share-desk li:last-child {display: none;}
	.share-icon {display: none;}
	.pr-share-desk li:nth-child(n+3){display:block;}
	.pr-share-mng.open li:nth-child(n+3){display:list-item;}


	/* About Us - Our Team */
	.team-container { margin: 0 -9px -25px;}
	.team-grid { padding: 0 9px; margin-bottom: 35px;}
	.lets-do-con h3 { padding-right: 20px; }

	/* About us - Our Ambition */
	.amb-img span { margin-left: 0px;}
	.amb-img img {  width: 100%;}
	.amb-img {width: 60%; }
	.amb-vision { margin: 80px 0;}
	.amb-vision .col50:first-child {padding-right: 5%; margin-top: -100px;}
	.amb-vision .col50:last-child { padding-left: 5%;}

	/* About us - Our Ambition */
	.lets-do-ttl, .lets-do-desc { float: none; width: 100%;}
	.lets-do-ttl .label {display: block;}
	.lets-do-desc .label {display: none;}
	.lets-do-con h3 {font-size: 50px; padding-bottom: 20px;}
	/*.lets-do-con h4 {line-height: 40px;}*/
	.lets-do-item {display: block;}
	.lets-do-desc { padding: 25px 0 0 0px;}

	/* About us - Our Statutory Board */
	.side-nav a.current {font-size: 30px;}

	/* Sectors */
	.sector-slider-con .main-slider-paginator {/*display: none;*/}
	.sector-aside { margin: 50px 0px 0 0px;}
	.policy-item .col50 {width: 100%;}
	.policy-list-con .ttl-hdr {padding-right: 30px;}

	/* Get Inolved */
	.get-inolved-banner-text h1 { padding-right:0; }
	.get-inolved__container { padding:0 20px; }
	.people-slider { margin:0 -20px; }
	.pad-80 { padding:0; }
	.people-con { padding-left:0px; }
	.people-con__right { width:48%; }
	.people-con__left { width:50%; padding-right:50px; }


	/* CYOA - Article detail video */
	.get-inspr-filter {margin: 40px 0 30px;}
	.get-inspr-filter-wrap li { width: auto; margin: 0 30px;}
	.get-inspr-fltr-grid-con {margin: 25px -15px 15px;}
	.get-inspr-fltr-grid-con .grid-item {padding: 0 15px;}
	.get-inspr-fltr-grid-con .grid-item.col25 {width: 33.333%;}

	/* CYOA */
	.cyoa-container{ padding-top: 105px;}
	.splash-intro br {display: none;}
	
	/* editorial page */
	.edi-banner-left, .edi-banner-right, .edi-banner-text{ width: calc(100%); }
	.edi-banner-right, .img-title{ position: inherit; top: inherit; right: inherit; bottom: inherit; transform: none;}
	.edi-right-text{ max-width: inherit; padding: 15px;}
	.edi-banner-right h2{ margin-top: -62px;}
	.edi-banner-text{ padding: 25px 0;}
	.width-50{ width: auto;}
	.width-50.right{ float: none;}
	
	.img-con{ margin-bottom: 50px;}
	.tab-mob-bottom .img-c-text{ position: inherit; top: inherit; left: inherit; transform: none; margin-top: -128px;}
	
	/* cyoa - all opps */
	.cyoa-title, .cyoa-selection{ font-size:40px;}
	.cyoa-selection{ line-height: 1.3;}
	
	/* error page */
	.error-page{ padding-top: 100px; padding-bottom: 100px;}
	.error-page h2{ font-size: 50px;}
	.error-page p { font-size: 15px;}
	.show768{ display: block;}
	
	.sector-slider-con .main-slider-paginator .prev { left: -19px;}
	.sector-slider-con .main-slider-paginator .next { right: -19px;}
	
	.find-link-white {
    text-align: center;
    margin: 0;
}

}
@media all and (max-width: 991px) {
.main_menu li.yb-menu.active > a, .main_menu li.yb-menu.mob-active > a, .main_menu li.yap-menu.active > a, .main_menu li.yap-menu.mob-active > a {			
    background: none!important;		
    color: #ff9f41;		
}

	
.tab-mob-bottom .img-title {max-width: 100%;}
.header-container{ position: relative;}

	.inner-header{ background: none;}
	.inner-header:before, .white-bg:before, .overflow .home-header:before{ display: block; z-index: 91;}
	.white-bg:before, .overflow .home-header:before{ background: #fff;}

	.white-bg .main_menu li:hover > a { color: inherit;}

	.main-wrap {padding-top: 89px;}
	.home-wrap { padding-top: 27px;}

	.logo{ max-width: 90px; margin: 18px 0;}
	.search_bar{ right: 45px; padding-top: 12px;}
	.search_bar, .search_inp{ transition:none;}
	.search_icon{ padding: 0; width: 21px; height: 21px; }
	.search_bar_active{ left: 0; right: 0; height: 100%; z-index: 100; padding: 13px 15px;}
	.search_bar_active .search_icon{ float: left; }
	.search_bar_active .search_icon { background: url(../images/search-icon.svg);}
	.search_icon img:hover, .search_bar.search_bar_active .search_icon img{ filter: grayscale(100%);}
	.search_bar input{ border: none; font-size: 14px; font-weight: 300;}
	.search_bar_active .formDiv{ display: flex; height: 35px;}
	.search_bar_active .search_inp { width: calc(100% - 60px); margin: 0 30px;}
	.search_bar_active .close_icon{ display: block; position: absolute; right: 0; top: 50%; padding: 10px 15px; background-position: center; transform: translateY(-50%);}


	/* Navigation*/
	.menu_bar {/*box-shadow:  0 2px 6px rgba(0,0,0,0.12);*/}
	.hamburger{ display: block;}
	.main_menu {width: 100%; position: fixed; top: -100%; left: 0; right: 0; height: 100%; background: #fff; z-index: 90; overflow-y: auto; padding-bottom: 50px; padding-top: 100px; /*transition: all ease-in 0.2s;*/}
	.main_menu.active{ top: 0; }
	.main_menu ul {display: inherit; width: 100%;}
	.main_menu li {display: block; margin: 0;}
	.main_menu li.home-menu {display: none;}
	.main_menu li.mobile-search{ display: block; padding: 0 15px;}
	.main_menu li a { display: block; font-size: 30px; font-weight: 700; padding: 15px; position: relative;}
	.main_menu li:hover a img.menu-arrow, .main_menu li:hover i.menu-arw { transform: none;}
	.main_menu li a img.menu-arrow, .main_menu li a i.menu-arw{float: right; position: absolute; right: 15px; top: 50%; transform: rotate(0deg); margin-top: -5px;}
	.main_menu li.active a img.menu-arrow{  transform:rotate(-180deg);}
	.main_menu li:hover .sub_menu {z-index: 9; top: inherit;}
	.main_menu li:hover a{ color: inherit;}
	.main_menu li:hover a img, .main_menu li.active a img{ filter: none !important;}
	.main_menu .sub_menu {left: inherit; right: inherit; position: inherit; opacity: 1; top: inherit; display: none; transition: none !important; margin: 0 15px; padding: 10px 15px;}
	.main_menu .sub_menu ul{ float: none; display: block; min-width: inherit;}
	.main_menu .sub_menu ul li a:before{ width: 32px; height: 5px;}
	.main_menu .sub_menu ul li a:hover:before{ left: -9px;}
	.main_menu .sub_menu ul li a:hover{ padding-left: 35px;}
	.main_menu li.active, .main_menu li:hover{ background: none !important; color: inherit !important;}
	.main_menu li.about-menu.active > a, .main_menu li.about-menu.mob-active > a{ background: none; color: #636e77;}
	.main_menu li.sectors-menu.active > a, .main_menu li.sectors-menu.mob-active > a{ background: none; color: #a3156f;}
	.main_menu li.cyoa-menu.active > a, .main_menu li.cyoa-menu.mob-active > a{ background: none; color: #ffb500;}
	.main_menu li.social-menu.active > a, .main_menu li.social-menu.mob-active > a{ background: none; color: #333333;}
	.main_menu li.budget-menu.active > a, .main_menu li.budget-menu.mob-active > a{ background: none; color: #4168C9;}
	.main_menu li.active i.menu-arw, .main_menu li:hover i.menu-arw  {background: url(../images/menu-arrow-icon.svg) no-repeat;}
	.main_menu li.mob-active i.menu-arw{  transform:rotate(-180deg);}
	.home-header .main_menu li i.menu-arw {background: url(../images/menu-arrow-icon.png) no-repeat;}
	.home-header.white-bg .main_menu li:hover i {  background: url(../images/menu-arrow-icon.png) no-repeat; }
	.menu-socio .socio-share li { width: auto; }
	.menu-socio .socio-share li a img { margin-top: -32px; }



	.m-search{ display: flex; align-items: center; margin-bottom: 15px; }
	.m-search-inp{ width: 100%; flex: 1;}
	.m-search-icon{ width: 15px; margin-top: 4px; background: none !important; }
	.m-search-inp input{ width: 100%; border: none; padding: 5px 10px; height: 35px; font-size: 14px;}
	.menu-socio{ display: block;}
	
	.banner-desc{ margin: 0; position: fixed;}

	/* Home header */
	.home-header .hamburger.active span{ background: #000;}
	.overflow .home-header .logo{ filter: none;}

	.home-header .main_menu li a{ color: #000;}
	.home-header .main_menu li a img{ filter: none;}
	.white-bg .hamburger span { background: #000;}


	/* Tabs Nav */
	.tabs-nav {z-index: 8;}
/* 	.tabs-nav ul li a {display: block; font-size: 16px; padding: 7px 0px; } */
	.tabs-nav ul li.active:after, .tabs-nav ul li:hover:after  {display:none;}
	.tabs-nav ul li a br {display: none;}
	
	/* search results */	
	.search-intro .col75 {
    float: left;
    width: 100%;
}
	
}
@media all and (max-width: 767px) {
	.splash-three.active .splash-head{font-size: 28px; font-family: 'Hind'; font-weight: bold; top: 50%; left: 0; transform: translateY(-50%); position: relative; width: 45%; color: #fff; font-weight: bold; animation-name:tag_amination; animation-delay:1.6s; animation-duration:2s; animation-fill-mode: forwards; display:inline; }
	.div-center span.inner-link{font-size: 18px;}
    .darkblue .main_menu li.sectors-menu.active > a {background: none; color: #4168C9;}

    html, body { -webkit-text-size-adjust:none; }

	ol li {font-size: 14px; line-height: 1.71; padding: 0 0 15px 5px;}
	


	/* Last updated on */
	.updated-date {text-align: center; padding: 35px 15px 25px;}


	/* Footer */
	.footer-logo { width: 100%;  padding-right: 0;}
	.footer-logo img {max-width: 140px;}
	.footer-logo .mccy-logo-footer {margin-bottom:45px; max-width: 140px; }
	.socio-share {margin-bottom: 40px;}
	.footer-item {float: none; width: 50%; display: inline-block; vertical-align:top; margin-right: -3px; padding-top: 45px;}
	.footer-con{ padding-bottom: 25px;}

	/* back to page */
	.back-to-page {padding: 0 15px 14px;}

	.section-bar:before {left: -15px;}

	/* Slider */
	.slider-wrapper {margin: 0 -15px;}
	.slick-prev, .slick-next {width: 30px;}
	.sldr-pagination {right: 30px;}
	.slick-prev {right: 80px;}

	.main-slider .slide-item {padding-bottom: 30px;}
	.main-slider .slide-img .label {display: block;}
	.main-slider .slide-txt {transform: none; margin-left: 0;  padding: 15px 0 0 0px; margin-top: 0;}
	.main-slider-paginator {top: auto; bottom: 0; left: 50%; transform: translateX(-50%);}
	.main-slider .slick-slide.slick-active .slide-txt h3 + div {padding-left: 0;}
	.main-slider .slide-txt h2 {font-size: 22px; line-height: 1.27; padding: 10px 0 20px; margin-bottom: 0;}
	/*.main-slider .slick-slide .slide-txt .readmore {padding-bottom: 10px;}*/

	/* Page recommendations */
	.recomm-con {padding: 30px 24px;}
	.recomm-con a {margin: 25px 0 0;}

	/* Home */
	#video-wrapper {display: none;}
	.banner-txt {width: 100%; float: none; padding: 15px;}
	.scroll-down {bottom: 15px;}
	.home-slider-wrapper {padding: 73px 0 42px;}
	.home-slider-wrapper .main-slider-wrap {margin-top: 0px;}
	.home-synop, .home-slider-wrapper .main-slider-wrap {width: 100%;}
	.home-synop h2 {font-size: 32px; line-height: 1.38;}
	.home-synop p {font-size: 16px; line-height: 1.5; padding: 3px 0 23px;}
	.grids-container { padding: 0;}
	.grids-container h2 {font-size: 32px; line-height: 1.38; padding: 0px 0 10px;}
	.grids-container .readmore {display: none;}
	.grid-item {margin-bottom: 30px;}
	.grid-item.col50, .grid-item.col25, .grid-item.col75, .grid-item.col100{width: 50%;}
	.grid-item-desc {font-size: 16px; padding: 20px; width: 75%;}

	/* Press Room Listing */
	.intro-div {margin: 30px 0 0px;}
	.intro-div h2 {font-size: 42px; line-height:1.05;}
	.intro-desc { margin: 26px 0 0; width: 100%;}

	.tabs-nav {transform: none; padding: 0; }
	.tabs-nav span, .tabs-nav-arrow { display: block;}
	.tabs-nav span{padding: 15px 25px 15px 15px; display: block; position: relative; z-index: 1;}
	.tabs-nav.selectBox.active .tabs-nav-arrow {transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg);}
	.tabs-nav ul{position: absolute;  left:0; right: 0; background:#fff; padding: 5px;}
	.tabs-nav ul.selectItem{ display: none;}
	.tabs-nav ul li {display: inline-block; width: 100%; text-align:left;}
	.tabs-nav ul li.active{ display: none;}

	.filter-con {margin-top: 30px; padding-top: 0;}
	.filter-toggle {border-bottom: 1px solid #d8d8d8; padding-bottom: 10px; margin-bottom: 5px;}
	.filter-toggle.active span img{ transform:rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg);}
	.filter-toggle span {display: block; }
	.filter-opts {display: inline-block; padding: 0; border: none;}
	.filter-type, .filter-sectors, .filter-year {width: 100%; border-right: none; border-bottom: 1px solid #d8d8d8; padding: 15px 0 10px; max-width: 100%;}
	.filter-count a {float:right;}
	.pr-result-con {margin-bottom: 30px;}
	.pr-result-con ul li {margin: 30px 0;}


	/* Press Room detail */
	.pr-detail-pg {margin-top: 14px;}
	.pr-detail-con { margin-bottom: 0px; margin-top: 30px;}
	.pr-detail-con h2 {font-size: 30px; line-height: 1.07;}
	.pr-detail-con h3 {font-size: 20px; line-height: 1.07;}
	.pr-detail-synop { margin: 5px -15px 0; padding: 10px 15px;}
	.hide767 {display: none;}

	/* About us - Our Ambition */
	.amb-ttl, .amb-img { width: 100%;  float: none;}
	.amb-img {margin-top: 55px;}
	.amb-img span { margin-left: 15px; margin-right: -15px;}
	.amb-img img {padding-left: 10px;}

	.amb-vision {margin: 40px 10px;}
	.amb-vision .col50 {width: 100%;}
	.amb-vision .col50:first-child, .amb-vision .col50:last-child {padding-right: 0; margin-top: 0px; padding-left: 0;}
	.amb-vision h2 {font-size: 32px; line-height: 1.38; padding-bottom: 15px;}
	.amb-vision h2 br {display: none;}
	.amb-vision p {padding-left: 30px;}

	.lets-do-wrap { margin: 0;}
	.lets-do-wrap li { padding: 4px 0;}
	.lets-do-wrap li.active {  padding-bottom: 4px;}
	.lets-do-con {margin-top: 40px;}
	.lets-do-con .grids-container {padding: 0 20px;}
	.lets-do-con h3 {font-size: 38px;line-height: 1.05; min-height: 100px; padding-bottom: 0;}
	.lets-do-con h3:after {display: block; transform:rotate(0deg); transition: all .2s ease-in-out; top: 5px;}
	.lets-do-con .lets-do-ttl.active h3:after {transform:rotate(180deg);}
	.lets-do-con .section-bar h2 {padding: 4px 0 5px;}
	.lets-do-item { padding: 35px 15px 20px;}
	.lets-do-desc {    padding: 20px 0 0 0px;}
	.lets-do-desc p  br {display: none;}

	.lets-do-desc, .lets-do-con h4,  .lets-do-desc .label {display: none;}
	.lets-do-item {max-height: 100%;}
	.lets-do-wrap li.active .lets-do-item {padding: 35px 15px 20px;}
	.lets-do-wrap li:first-child .lets-do-desc {display: block;}

	/* About us - Our Statutory Board */
	.side-nav-bar {display: none;}
	.scrollable-sections {width: 100%; float: none; padding-left: 0px;}
	.one-page-nav {margin-top: 40px;}
	.board-item h3 { display: block;}
	.tabs li {padding: 5px 0;}
	.tabs li:last-child {margin-right: 10px;}

	/* About us - Careers */
	.expand-all a img { transform: rotate(-90deg); }
	.expand-all a.active img { transform: rotate(-180deg); }
	.careers-item h2 { font-size:22px; }
	.careers-item h2 i img { max-width:12px; }
	.careers-item-con { padding:15px 0; }
	.careers-item-con p, .list-style li { font-size:14px; }
	.careers-item-grids h3 { font-size:18px; margin:0 0 15px; }
	.careers-thumb { margin-bottom:25px; }
	.csr-activities .careers-item-row, .our-staff .careers-item-row { padding-bottom:0; }
	.careers-item-row { margin:0; }
	.careers-item-col50 { width:100%; float:none; padding:0; }
	.our-staff p:last-child { padding-bottom:25px; }

	/* Sectors */
	.sector-aside.section-bar:before {left: -15px;}
	.sector-aside {padding-left: 15px;}
	.sector-aside h4 {font-size: 28px; line-height: 1.26;}
	.sector-slider-con h2 {font-size: 36px; line-height: 1.06;}
	.policy-con {padding: 20px 17px 5px;}
	.policy-item { margin: 10px 0 30px;}
	.policy-item h2 {font-size: 38px; line-height: 1.05; padding-right: 0;}
	.policy-item .col50:nth-child(even) {padding: 0;}
	.policy-item p:first-child { padding-top: 10px;}
	.policy-item p {padding-bottom: 10px;}
	.policy-list-con .ttl-hdr, .policy-list {width: 100%;}
	.policy-list-con .ttl-hdr h2 {font-size: 36px;line-height: 1.22}
	.policy-list li {padding: 15px 0;}
	.policy-list li h4 {padding-right: 15px; line-height: 1.2;}
	.all-policy {display: block;}
	.policy-list li.active, .all-policy.active{ display: none;}
	.showList span:nth-child(2), .showList.active span:first-child{ display: none;}
	.showList.active span:nth-child(2){ display: block;}

	/* Get Inolved */
	.get-inolved-banner-text h1 { font-size:45px; margin-top:-93px; padding-right:20px; }
	.get-banner-title__caption { font-size:14px; }
	.get-inolved-banner-text p { font-size:16px; max-width:inherit; }
	.panoramic-tagline { margin-bottom:30px; }
	.get-inolved__body-con p { font-size:16px; padding-bottom:25px; }
	.people-con { margin:30px 0; }
	.people-con__left, .people-con__right { width:100%; }
	.people-con__left { padding-right:0; }
	.people-con__right { text-align:right; }
	.people-con__right h2 { font-size:45px; padding-left:40px; margin-bottom:30px; }
	.people-con__right h2:before { position:static; font-size:45px; }

	/* CYOA - Article detail video */
	.get-inspr-grid-con {margin: 30px -15px 10px;}
	.get-inspr-grid-item {margin: 0 15px 10px; max-width: 260px;}
	.get-inspr-fltr-grid-con .grid-item.col25 {width: 100%;}
	.get-inspr-fltr-grid-con .grid-item-img {width: 25%; float: left; margin-top: 8px;}
	.get-inspr-fltr-grid-con .grid-item-txt {width: 75%; float: left; padding-left: 15px;}


	/* Theme css */
	.mccy-red .updated-date {display: block;}
	.mccy-red .copy-con span {display: none;}

	.sector-intro .col75, .sector-intro .col25 {width: 100%; padding-right: 0;}


	/* CYOA */
	.cyoa-container{ padding-top: 100px;}
	.splash-content{ margin: 0 50px 80px;}
	.next-step{ float: right; text-align: right; margin-right: -15px;}
	.next-step p{ text-align: left;}
	.splash-three.active .splash-head{font-size: 40px; width: 70%;}
	.splash-one h2{ font-size:32px;}

	@keyframes tag_amination {
		0% { font-size:32px; top:50%; padding-top: 40px;}
		100% { font-size:14px; top:0px; width: 100%; transform:none; text-align: center; padding-top: 0; max-width: 400px; margin: 0 auto;}
	}
	@-webkit-keyframes tag_amination {
		0% { font-size:32px; top:50%; padding-top: 40px;}
		100% { font-size:14px; top:0px; width: 100%; transform:none; text-align: center; padding-top: 0; max-width: 400px; margin: 0 auto;}

	}
	.splash-two{ padding: 0 15px; max-width: inherit;}
	.s-three-con{ padding: 45px 15px;}
	.plashContent{ text-align: left; font-size: 32px; padding-top: 35px; }
	.plashOne li a { font-size: 24px;}
	.showText, .inner-text{ display: block;}
	.tag-text{ font-size: 32px;}
	.last-stage .plashContent, .last-stage .tag-text, .last-stage .plashOne li a{ font-size: 23px;}
	.last-stage .plashOne{ vertical-align: middle;}
	.last-stage .tag-text{ margin-top: -6px;}
	
	.targetDiv br{ display: none;}
	.div-center{ font-size: 12px; top: 33%; bottom: 0; transform: translate(-50%, 0); padding-bottom: 15px;}
	.inner-link{ font-size: 12px; padding-left: 18px;}
	.video-icon, .arrow-icon{ width: 11px; height: 11px;background-size: 100%;}
	.div-center span{ font-size: 12px; margin-left: -15px; min-height: 25px;}
	.div-center span.yellow {
    position: absolute;
    top: -40px;
}.div-center p {
   
    min-height: 100px;
}
	.cyoa-artical-wrap{ height: 100%;}
	.last-stage .plashContent { padding-top: 10px;}
	.back-icon{ /*display: block;*/ background-size: auto; left: 0; top: 0; }
	.tag-text{ padding: 5px 15px;}
	.inner-text.active .inner-tag-text, .showText.active .main-tag-text{ padding-right: 30px;}
	.insp-wrap{ top: 70%; text-align: left; font-size: 32px;}
	
	.plashOne li.active a{ font-size: 32px;}

  /* table */
  /*.table thead{ display: none;}
  .table td{ display: flex; padding: 10px 15px;}
  .table tr:nth-child(even) { background-color: #fff;}
  .table tr:nth-child(odd) { background-color: #f8f9fa;}
  .table-th{ display: flex; min-width: 80px; width: 30%; flex: 1; padding-right: 20px;}
  .table-content{ display: flex; flex: 2;}*/
	
	/* editorial page */
	.edi-banner-right h2{ font-size: 35px; line-height: 1.14; margin-top: -46px; margin-bottom: 20px;}
	.editorial-text, .edi-banner-text{ padding: 25px 0;}
	.editorial-slider {margin-bottom:0px;}
	.editorial-page h6{ font-size: 30px;}
	.img-con{ margin-bottom: 25px;}
	.tab-mob-bottom .img-c-text{ margin-top: -66px;}
	
	/* cyoa - all opps */
	.cyoa-banner{ padding: 15px 0;}
	.cyoa-title{ font-size: 30px;}
	.cyoa-selection{ font-size:23px;}
	.cyoa-title span{ display: block;}
	.cyoa-selection{ text-align: left;}
	.selection-sector ul{ right: inherit; left: 0; text-align: left;}
	.selection-sector, .selection-sector li a, .selection-sector li a:hover{ font-size: 23px;}
	.selection-sector span{ padding-right: 35px;}
	
	.common-css{ padding-top:25px; padding-bottom: 25px;}
	
	/* error page */
	.error-page{ padding-top: 80px; padding-bottom: 50px;}
	.error-page h2{ font-size: 32px;}
	.error-page p { font-size: 14px;}
	
	.sector-slider-nav .slick-slide{ padding-right: 20px;}
	.video-btn{ bottom: 30px;}
	.involved-banner{ background-attachment: inherit;}
	
	
	
	.div-center .arrow-icon, .div-center .video-icon{left:15px;}
	.find-link-white .find-link, .find-link-white1 .find-link {			
    font-size: 26px;		
}
	/* search results */
	
	.search-intro .col75 {
    float: left;
    width: 100%;
	}
	
	.yap-intro.search-intro {
    padding: 40px 0;
    display: inline-block;
    width: 100%;
	}
}

@media screen and (max-width: 639px) {
.search_bar_active .search_inp input{ padding: 5px 30px 5px 5px;}
	/* Slider */
	.slick-prev, .slick-next { height: 30px; background-position: top 5px center;}
	.sldr-pagination {right: 30px; height: 30px; line-height: 30px;}

	.main-slider .slide-item { padding-bottom: 50px;}

	/* Last updated on */
	.updated-date { font-size: 10px; line-height: 1.6;}


	/* Home */
	.main-slider .slide-txt h3, .main-slider .slide-txt p { width: 100%; float: none;}
	.main-slider .slide-txt p {padding: 10px 0 25px;}
	.grid-item.col50, .grid-item.col25, .grid-item.col75, .grid-item.col100{width: 100%;}


	/* Press Room Listing */
	.filter-count {margin: 15px 0;}
	.pr-result-con ul li { width: 100%;}

	/* Press Room detail */
	.pr-share-mob {top: -2px;}
	.pr-detail-con .lbl-con-100 {padding: 15px 0 23px;}

	/* About Us - Our Team */
	.team-container {margin-top: 30px; margin-bottom: 0;}
	.team-container .team-grid {width: 50%;}
	.team-grid {margin-bottom: 25px;}

	/* Sectors */
	.sector-slide-item .col50, .sector-slide-item .col50:nth-child(odd) {width: 100%; padding-right: 0;}
	.sec-nav-item { }
	.ini-grid-item {width: 100%; padding: 15px ;  min-height: inherit;}
	.ini-grid-item.no-text{ display: none;}
	.initiative-grid-con { display: block; flex-wrap: nowrap;}
	.ini-grid-item h3 {padding-bottom: 15px; min-height: inherit;}
	.ini-grid-item .readmore {margin: 0; position: inherit; right: inherit; bottom: inherit;}
	.gridShow .ini-grid-item.active{ display: none;}
	.all-policy.hide640{ display: block;}
	.all-policy.hide640.disable{ display: none;}

	/* Get Inolved */
	.get-inolved__container { padding:0 15px; }
	.get-inolved-banner-text h1 { font-size:30px; line-height: 1.07; padding-right:0; margin-top:-58px; margin-bottom:17px; }
	.get-banner-title__caption { text-align:left; font-size:11px; font-weight:800; letter-spacing: 0.7px; line-height: normal; margin-bottom:15px;}
	.get-inolved-banner-text p, .get-inolved__body-con p { font-size:13px; line-height: 1.38; }
	.panoramic-tagline { font-size:11px; line-height: 1.36; padding-bottom:5px; margin-bottom:23px; }
	.panoramic-tagline span { font-weight:400; }
	.panoramic-tagline:after { /*background-color: rgba(191, 52, 105, 0.9);*/ height:2px; }
	.people-con { margin:20px 0; }
	.people-con__right h2 { font-size:30px; line-height: 1.07; padding-left:0; margin-bottom:23px; }
	.people-slider { margin:0 -15px; }

	/* CYOA - Article detail video */
	.get-inspr {padding: 20px 0 5px;}
	.get-inspr h4 {font-size: 12px; line-height: 2;letter-spacing: 0.5px; padding-bottom: 5px;}
	.get-inspr h2 {font-size: 24px;  line-height: 1.17; letter-spacing: 1px;}
	.get-inspr-grid-con {margin:30px 0px 0px; display: inline-block;}
	.get-inspr-grid-item {max-width: 100%;     margin: 0 0 10px;}
	.get-inspr-fltr-grid-con .grid-item-img {box-shadow: -6px -6px 0px #f2bb05;}
	/*.get-inspr-filter {  margin: 20px 0 0px;}*/
	.get-inspr-filter-wrap {padding: 5px 0 10px;}
	.get-inspr-filter-wrap li {margin: 0 15px;}
	.get-inspr-filter-wrap li a {font-size: 19px;  line-height: 1.2; letter-spacing: 1px;}
	.get-inspr-fltr-grid-con .grid-item h3 {font-size: 12px; line-height: 1.67;}
	.get-inspr-fltr-grid-con .grid-item p {font-size: 12px}
	
	/* editorial page */
	.edi-banner-right h2{ margin-top: -85px;}
	
	.splash-con h2 {font-size: 25px;}
	.splash-con span {font-size: 13px; padding-bottom: 5px;}
	.splash-intro {font-size: 15px; margin-top: 25px;}
	.find-link {font-size: 17px; background-size: 8px; padding:6px 25px 8px 12px;}
	.browse-oppurtunity {font-size: 12px; background-size: 6px; padding-right: 12px; background-position: right 0 top 2px;}

}


@media screen and (max-width: 479px) {

	.intro-div h2 br {display: none;}

	/* back to page */
	.back-to-page {padding: 0 15px 20px;}

	/* About Us - Our Team */
	.team-container .team-grid {width: 100%;}

	/* About us - Our Ambition */
	.amb-ttl h2 br {display: block;}

	/* About us - Our Statutory Board */
	.contact-item {overflow: hidden;}
	.contact-item i, .contact-address {display:inherit;}
	.contact-item i{float: left;}
	.contact-item i { padding-top: 10px;}
	.contact-address { padding-left: 40px;}
	.contact-row .contact-item {padding-right: 20px; width: 50%; margin: 5px 0;}

	/* Get Inolved */
	.get-inolved-banner-text h1 { margin-top:-90px; }

	/* CYOA - Article detail video */
	.get-inspr-filter-wrap li {margin: 0 3px;}
	.get-inspr-fltr-grid-con .grid-item {margin-bottom: 10px;}
	.see-all-opp {padding: 30px 0;}

	}

@media screen and (max-width: 360px) {

	/* back to page */
	.back-to-page {padding: 0 15px 10px;}

	/* CYOA - Article detail video */
	.splash-content { margin: 0 30px 50px;}
	.view-more-con .btn-secondary {min-width: 100%;}

}
	@media screen and (min-width: 768px) {		
	span.letters {		
    text-align: center;		
    margin: 0 auto;		
    width: 100%;		
    left: inherit;		
    position: fixed;		
	}
	body .gs-promotion-image-box, 
    body .gs-image-box.gs-web-image-box.gs-web-image-box-portrait,
    body .gs-image-box.gs-web-image-box.gs-web-image-box-landscape{ width: 160px; margin-left: 0; margin-right: 20px; height: auto;}
	.yap-intro.search-intro{padding: 37px 0 100px}
	.yap-intro.search-intro {
    padding: 37px 0 70px;
    width: 100%;
    display: inline-block;
}
}
@media screen and (max-width:991px){
	.fuschia .main_menu li.sectors-menu.active > a, .fuschia .main_menu li.sectors-menu.mob-active > a{ background: none; color: #a3156f;}
	.turquoise .main_menu li.sectors-menu.active > a, .turquoise .main_menu li.sectors-menu.mob-active > a{ background: none; color: #0096a7;}
	.orange .main_menu li.sectors-menu.active > a, .orange .main_menu li.sectors-menu.mob-active > a{ background: none; color: #f58c31;}
	.lime .main_menu li.sectors-menu.active > a, .lime .main_menu li.sectors-menu.mob-active > a{ background: none; color: #8cb12a;}
	.rose .main_menu li.sectors-menu.active > a, .rose .main_menu li.sectors-menu.mob-active > a{ background: none; color: #da4947;}
	.purple .main_menu li.sectors-menu.active > a, .purple .main_menu li.sectors-menu.mob-active > a{ background: none; color: #9e49b9;}
	.blue .main_menu li.sectors-menu.active > a, .blue .main_menu li.sectors-menu.mob-active > a{ background: none; color: #34afe0;}
	.green .main_menu li.sectors-menu.active > a, .green .main_menu li.sectors-menu.mob-active > a{ background: none; color: #008e7b;}


	.fuschia .main_menu .sub_menu li.active a {background: #fff; color: #a3156f;}
	.turquoise .main_menu .sub_menu li.active a {background: #fff; color: #0096a7;}
	.orange .main_menu .sub_menu li.active a {background: #fff; color: #f58c31;}
	.lime .main_menu .sub_menu li.active a {background: #fff; color: #8cb12a;}
	.rose .main_menu .sub_menu li.active a {background: #fff; color: #da4947;}
	.purple .main_menu .sub_menu li.active a {background: #fff; color: #9e49b9;}
	.blue .main_menu .sub_menu li.active a {background: #fff; color: #34afe0;}
	.green .main_menu .sub_menu li.active a {background: #fff; color: #008e7b;}
}

@media screen and (max-width:768px){
.disclaimer {font-size: 12px;}
}
@media (min-width: 992px){
.main_menu  {
   padding: 0!important;
}
}

label.hidden{ font-size: 0; text-indent: -9999px; display: block;}