/*************** General Stylesss ****************/
/******Touch Behavior for ios*********/
body {
    -webkit-overflow-scrolling: touch;
}
a , button{-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
a:hover{text-decoration:none;}
ul {
    list-style: none;
    padding: 0;
}  
.page-about-content-inner li {
    font-size: 1.2em;
}
.padding15{
	padding:15px;
}
.no-padding {
    padding: 0;
}
.no-margin {
    margin : 0;
}
.clear{
	clear:both;
}
.events .col-sm-3 {
    text-align: center;
}
.notSupported{
	padding:7px 15px;
	position:relative;
}
.notSupported .close-alert{
	position:absolute;
	top:2px;
	min-width:0;
	cursor:pointer;
	padding:5px;
}

h2{
    font-size: 4.3em;
    text-transform: uppercase;

  }
  #s4-bodyContainer {
    padding-bottom: 0;
}
.ms-rtestate-field p,.ms-rtestate-field{text-align:justify;} 
.btn{border-radius:0;}
.flexed{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
}
.flexed.row:before, .flexed.row:after,.flexed.clearfix:before, .flexed.clearfix:after  {
    display: none;
}
.flexed > [class*='col-']{
	 display: -webkit-box; 
  display: -ms-flexbox;  
  display: -webkit-flex;
  display: flex;  
  -webkit-box-orient: vertical;
-moz-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction:normal ;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
    align-self: stretch;
}
.truncate {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/**************ellip********************/
.ellip {
  display: block;
  height: 100%;
  text-align:justify;
}

.ellip-line {
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  max-width: 100%;
}

.ellip,
.ellip-line {
  position: relative;
  overflow: hidden;
}
/* Pager */
        .pagerprev.enable_False {
            background: none;
        }
        .pagerControl {
            position: relative;
        }
        .pagerControl .wrapper{
        	clear:both;display:inline-block;
        }
        .pagerControl .numbers{
        	float:left;
        }
        .pagerControl a {
            height: 35px;
            min-width:35px; 
            display: inline-block;
            float:left;
            padding: 4px;
            box-sizing: border-box;
            font-size:1.2em;
            font-family:"Segoe UI";
        }
        html[dir=rtl].pagerControl a, html[dir=rtl] .pagerControl .numbers {
        	float:right;
        }
        .pagerControl .wrapper > a.aspNetDisabled{
        	display:none;
        }
        .pagerControl{text-align:center;}
        /* Search Pager */
        .ms-srch-Paging a{
		    width: 35px;
		    height: 35px;
		    min-width: 0;
		    margin: 3px!important;
		    display: inline-block;
		    padding: 3px!important;
		    box-sizing: border-box;
		    font-size: 1.2em;
		    font-family: "Segoe UI";
		    border-radius: 50%;
		    vertical-align: initial;
		}
		.ms-srch-Paging img{display: none;}
		#PageLinkNext > span:after{content:'>';width: 20px;height:20px;}
		#PageLinkPrev > span:after{content:'<';width: 20px;height:20px;display:inline-block;position:relative;top:-2px;}
		.ms-promlink-button-image {height:18px;}
/************OnePage Scroll*************/
.home-body #s4-workspace {overflow: hidden;}
.home-body.edit-mode #s4-workspace {overflow: auto;}
.onepage-wrapper .section{z-index:2;}
.onepage-pagination li a { width: 10px;height: 4px;position: relative;}
.onepage-pagination li a:before {width: 10px; height: 10px;border-radius:50%;}
.onepage-pagination li a.active:before {width: 17px;height: 17px;}
.onepage-pagination li a:hover:after { opacity:1;width:auto;padding:2px 4px;}
.onepage-pagination li a:after{opacity:0;transition:all 0.5s;top: 0;position:absolute;white-space:nowrap;width:0;overflow:hidden;}

.onepage-pagination { top: calc(100% - 275px);}
.scroll-more{position:absolute;bottom:20px;width: 22px;height: 63px;text-indent: -999px;overflow:hidden;z-index:2;display:none;}
.main .section:first-child{text-align:center;}
.edit-mode section{position:relative;padding:30px;}
.onepage-wrapper, .onepage-wrapper .section{box-sizing: border-box;}
/*=========================Home Page Titles=================*/
.competitions .ms-webpart-chrome-title{padding:30px;}.your-skills {padding:30px;box-sizing:border-box;}
.ms-webpart-chrome-title h2 span{font-size: 1.8em;}
.soical .ms-webpart-chrome-title h2 span{font-size: 1em;}

/************* Inner Page *************/
.inner-page .ms-webpart-chrome-title h2 span{font-size:1.2em;text-transform: capitalize;}
.inner-page .eskills-main-wrapper{min-height: calc(100vh - 644px);} 
.inner-page .inner-title {
    font-size: 3.2em;
    display: inline-block;
    margin: 0px;
    margin-bottom: 25px;
}
.inner-page .inner-title .first-word{font-size:0.75em;}
.inner-page.container-fluid{
	padding:25px 50px;
}
.inner-page a, .inner-page a:hover, .inner-page a:visited{font-weight:bold;}
.inner-page a.btn-primary, .inner-page a.btn-primary:hover, .inner-page a.btn-primary:visited{padding:6px 25px;}
.inner-page.nat-competition .ms-webpart-chrome-title h2 span{font-size:1.4em;}
.inner-page.withLinks .ms-webpart-chrome-title h2 span{font-size:1.4em;}
.inner-page.withLinks  .dfwp-list .item .link-item a{font-size:1.1em;}
.inner-page.nat-competition a, .inner-page.nat-competition .ms-rtestate-field p, .inner-page.nat-competition .ms-rtestate-field span{font-size:1.1em;}

/* Carousels arrows */
.inner-page .slick-next, .inner-page .slick-prev {
    height: 37px;
    width: 30px;
    top: 50%;
    margin-top: 0;
    z-index:9;
}

/********Sharepoint Over-rides*********/
.ms-fullWidth, .ms-webpart-chrome-fullWidth {
    display: block !important;
}
.ms-webpartzone-cell{
	margin:0;
}
.dfwp-column{margin:0;}
.item{padding-top:0;padding-left:0;}
/************* End Of General Styles **************/

/************** Master Page **************/
header.container-fluid {
    padding: 25px 50px;    position: absolute;
    -webkit-transition: all .6s ease-in-out; /* Safari 3.1 to 6.0 */
    transition: all .6s ease-in-out;
    width: 100%;
    z-index: 2;
    box-sizing: border-box;
}
.inner-body header.container-fluid {
    position: relative;
}
header  #SearchBox input[type=text], header  #SearchBox .ms-srch-sbLarge-fullWidth{
	width:200px;height:18px;font-size:1em;
}
header  #SearchBox .ms-srch-sbLarge > .ms-srch-sb-searchLink{
	height:18px;
}
header  #SearchBox .ms-srch-sbLarge a img{
	visibility:hidden;
}
.search-wrap{
        position:relative;

}
.animated-input{
    position: absolute;
    width:213px;
    height: 30px;
    z-index:99;    
}
a{
-moz-user-select: none;
-webkit-user-select: none;

}
header .mid-area .top-level{
	margin-bottom:30px;
}
header .mid-area .top-level >.search-div,
header .mid-area .top-level >.lang-switch{
vertical-align:middle;}
header #SearchBox [id$="searchbtn"] {
    border: 0;
    font-family: FontAwesome;
    width: auto;
    min-width: 0;
    font-size: 1em;
}
header  #SearchBox [id$="searchbtn"]:before{
	content: "\f002";
}
header .ms-srch-sb, header .ms-srch-sbLarge {
    padding:2px 5px;
}
header .nav-level ul{
	float:none!important; 
}
header .nav-level ul li {
    display: inline-block;
    padding: 5px 0;
    font-size:1.1em; 
}
header .nav-level ul.root> li > a.menu-item{font-size:1.1em;}
.navbar .ms-core-listMenu-root 
{
text-align:center;
}
header .nav-level ul.dynamic li {
 font-size:0.9em;
 width:100%;
}
header .mid-area > * {
    width: 100%;
}
header .mid-area .top-level > * {
    display: inline-block;
}
header.main-header .nav>li>a {
	padding:0;
}
header.main-header .navbar-default .navbar-toggle{
	margin:0 23px;border-radius:0;
}
header.main-header .navbar-default .navbar-toggle .icon-bar{
	width: 35px;height: 5px;
}
header .eskills-wrapper img{
	max-height:none;
}
header .zayedlogo-wrapper img{
	max-height:none;
}

header .lang-switch {
   width: 28px;
    height: 28px;
    text-indent: 6000px;
overflow: hidden;
}
header  #SearchBox input[type=text], header  #SearchBox .ms-srch-sbLarge-fullWidth{
	width:0;
}
.edit-mode header.container-fluid {
    position: relative;
}

.floating-menu {
    position: fixed;
    top:30vh;
    z-index: 101;
}
.inner-body .floating-menu {
    top:35vh;
}
.floating-menu ul li {
    position: relative;
}
.floating-menu ul li > a {
    width: 45px;
    height: 40px;
    display: inline-block;
    text-align: center;
    margin-bottom: 5px;
    cursor: pointer;
}
.floating-menu ul li div.collapsible-cntnt {width:0;   box-sizing: border-box;

   white-space:nowrap;
    margin: 0;
 overflow:hidden;
    text-align: center;
    position: absolute;
    top: 0px;
    height: 42px;opacity:0;
 -webkit-transition: all .6s ease-in-out; /* Safari 3.1 to 6.0 */
    transition: all .6s ease-in-out;z-index:5;
}
.floating-menu ul li.selected div.collapsible-cntnt{
	padding:0 5px;opacity:1;
}
.floating-menu ul li.selected div.collapsible-cntnt.social{
	width:120px;
}
.floating-menu ul li.selected div.collapsible-cntnt.share{
	width:155px;
}

.floating-menu ul li.selected div.collapsible-cntnt.eskills{
	width:120px;
}

.floating-menu ul li.selected div.collapsible-cntnt.accessibility{
	width:150px;
}

.floating-menu ul li .collapsible-cntnt a {
    margin:7px 5px;
    display: inline-block;
    width:25px;
    height:25px;
    cursor:pointer;
}
.floating-menu ul li .accessibility a{
	width:23px;
	margin:10px 5px;
}
.floating-menu .collapsible-cntnt.share share-button {
    visibility: hidden;width:150px;
    cursor: default;
    padding: 0;
    margin: 0;
    display: inline-block !important;
}
.floating-menu share-button .sb-social{
	opacity:1;visibility:visible;top:37px!important;
}
.floating-menu share-button .sb-social ul li {
    position: relative;
    height: 26px;
    width: 26px;
    padding: 0;
    margin: 5px;
    z-index:101;
}
.floating-menu share-button .sb-social ul li:after, .floating-menu share-button .sb-social ul li:before{
	display:none!important;opacity:0!important;
}
.footer-section>div{margin-bottom:15px;}
.footer-section{    font-size: 1em;
    font-weight: 600;}
.footer-section.col-sm-4{width:28%;}
    .footer-section>a{display:block;margin-bottom:15px;}
.footer-section h3 {
    margin-top: -35px;margin-bottom:40px
}
.copy-right{margin:0;/*margin-bottom:40px;*/}
footer .latest-update {
    text-align: center;
    padding: 10px;
    width: 100%;
    float: left;
    margin-top:40px;
}
footer .latest-update > span{white-space:nowrap;}
footer.container-fluid input[type=email]{ border-radius: 0;width:calc(80% - 50px);display:inline-block;max-width:320px;}

footer .row {
    padding-top: 50px;flex:1;align-self:center;
}
.inner-body footer .row{padding:0px 30px;padding-top:75px;} 
.home-body footer.container-fluid {
    padding: 25px 35px;box-sizing:border-box;
    /*top: 0;*/
    width: 100%;
    z-index: 0;
    /*height: 100%;*/
}
.home-body footer.container-fluid {position: absolute;bottom:0;}
.home-body.edit-mode footer.container-fluid {position: relative; }
.footer-subscribe{display:inline-block}
.footer-subscribe>span{margin-bottom:25px;display:block;text-align:justify;}
footer .top-level {
    display: inline-block;
    width: 100%;
    margin-bottom:25px;
}
footer .top-level h3{
	font-size: 1.8em;
}
footer .contact-us label {
    min-width: 0px;
}
footer .contact-us label .fa{
	min-width:25px;
	font-size:1.3em;
}
footer .btn-primary {
    border-radius: 0;
}
footer .mailing-list input[type="text"]{
	margin:5px 0;
	padding:4px;
	min-width:120px;
}
footer .mailing-list input[type="submit"]{
	font-size:1em;
	margin:0;
}
footer .alert{
	clear:both;
}
footer textarea{
	resize:none;
}
footer .submit-row input[type="submit"]{
	font-size:1em;margin:0;
}
  footer #divSend .g-recaptcha > div{width:auto!important;height:auto!important;}
  footer #divSend .g-recaptcha iframe{width:100%!important;height:80px!important;}
  footer #divSend .submit-wrap .checkbox{margin-top:5px;margin-bottom:10px;}
  
a.back-to-top {
    display: none;
    width: 40px;
    height: 40px;
    position: fixed;
    text-align: center;
    font-size: 2em;
    padding: 15px;
    z-index: 999;
    bottom: 20px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 50%;
    background: #fff;
    border:1px #ddd solid;
}

/************* End Of Master Page *************/
/***********Highlights******/
.highlight-item{
	position:relative;
}
a.highlight-image:before{
	    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
}
a.highlight-image>img{
	width:100%;
}
a.hl-data{
	position:absolute;top: 45%;
    width: 100%;
    text-align: center;
}
/*********** Forms ***********/
.validatino-msg {
    display: inline-block;
    width:100%;
}
.success-msg{
	font-size:1.1em;
}
.form-group .form-control {
    position: relative;
    z-index: 1;
    width:80%;
    border-radius: 0;
    font-size: 14px;
}
.form-group {
    position: relative;
    margin: 0 0 15px;
    padding-top: 20px;
}
.form-group .form-control ~ .actvet-form-label {
    width: calc(100% - 30px);
    position: absolute;
    bottom: 0;
    pointer-events: none;
    font-size: 1.2em;
    top: 25px;
    transition: .2s ease all;
    z-index: 0;
}
.form-group .form-control.focus:not([readonly]) ~ .actvet-form-label, .form-group .form-control.edited:not([readonly]) ~ .actvet-form-label, .form-group .form-control:focus:not([readonly]) ~ .actvet-form-label, .form-group .form-control[readonly] ~ .actvet-form-label,.eskills-filters .form-group .form-control ~ .actvet-form-label  {
    top: 0;
    font-size: 1.1em;
}
.form-group select.form-control::-ms-expand {
    display: none;
}
.control-label {
    font-size: 1.1em;
    padding-bottom: 5px;
    text-transform: uppercase;
}
textarea.form-control {
    resize: none;
}
/****************** End oF Forms ************/
/***************Search Results********/
#ResultFooter{
	display:none;
}
.ms-srch-sbLarge a img{
	max-width:none;
}
.ms-srch-item {
      padding: 5px;width:70%;
    margin: 0;
    box-sizing: border-box;
   }
   .ms-srch-siteSearchResults{
	margin: 30px auto;
}
.ms-srch-hover-outerContainer {
    position: absolute;
    z-index: 1001;margin-top: -320px;
      max-width: calc(30% - 20PX);
   }
.ms-srch-hover-content div,.ms-srch-hover-standardSize{
	max-width:100%;
}
.inner-page .ms-srch-hover-standardSize img{
	max-width:none;
}
.ms-srch-siteSearchResults #SearchBox{
	width:70%;float:none
}
.ms-srch-siteSearchResults #SearchBox>.ms-srch-sbLarge{
	display:block;
}
.inner-page .ms-srch-sbLarge-fullWidth {
    width: calc(100% - 44px);
}
.refiners-cntnr{
	      margin-top: 30px;
}
.ms-srch-hover-content{max-width:100%;}
.refiners-cntnr>div{    padding: 20px 15px;}
/******************** End of Search Results  ****************/

/*********** Content editor ***********/

.content-text p{
	    font-size: 1.2em;
}
.content-text ul {
    list-style: disc;
    list-style-position: inside;
}
.content-text li {
    margin-bottom: 5px;
	font-size: 1.2em;
}
.content-text .main-img{
	width:100%;
	margin-bottom:30px;
}

/*********** End of Content editor ***********/

/********* Home Page Subscription popover *********/
.news-letter-cntnr {
    padding: 15px;
    margin-top: 15px;
}
.popover-subscribe {
    display: none;
    position: fixed;
    bottom: 0;
    z-index: 999;
    width: 270px;
    text-align: center;
    padding: 30px!important;
}
.close-popover {
    color: black;
}
.close-popover {
    position: absolute;
    top: 10px;
    z-index: 4;
    cursor: pointer;
    font-size: 1.2em;
}
.actvet-close {
    FONT-STYLE: NORMAL;
    line-height: 25px;
    font-size: 36px;
    font-weight: 300;
    font-family: NeoTechStd-Light,calibri,arial;
    text-transform: lowercase;
}
.actvet-close:before {
    content: 'x';
}
.popover-subscribe h2 {
    margin-top: 0px;
    font-size: 2em;
    font-weight: bold;
}
.popover-subscribe h2 {
    text-transform: uppercase;
}
.popover-subscribe .subscribe-cntnr>span {
    text-align: center!important;
    font-size: 1.1em;
    margin-bottom: 15px;
    display: inline-block;
}
.subscribe-cntnr .body-email, .subscribe-cntnr .popover-email {
    width: calc(100% - 110px);
}
.subscribe-cntnr .popover-email,.subscribe-cntnr input[type="button"]{
	font-size:1em;
}
.subscribe-cntnr input[type="button"]{
	margin:0;min-width:100px;box-sizing:border-box;padding:7px;
}
.subscribe-cntnr .body-email, .popover-email {
    display: inline-block;
}
.popover-email {
    padding: 8px 10px;
    height: 36px;
}
.body-email, .popover-email {
    border-radius: 0;
}

/******************Skill Category**************/

.cat-icon {
    clear: both;
    display: block;
    text-align: center;
    margin-bottom:10px;
}

.cat-icon img{
   width:40%;
}


.skill-category {
    margin-bottom: 20px;
    list-style:none;
    text-align: center;
}

/******************Countdown Timer**********************/
.count-down.flip-clock-wrapper ul li a div div.inn
{
    border-radius: 0;
  
}
.count-down.flip-clock-wrapper ul li a div.up:after
{
    display:none;
}
.count-down.flip-clock-divider .flip-clock-label {
    position: absolute;
    margin-top: -40px;
    font-size:16px;
   
}
.count-down.flip-clock-wrapper ul li a div.down
{
    border-radius:0;
}
.count-down .flip-clock-dot
{
    border-radius: 0;
   
}
.count-down .flip-clock-dot.top
{
	    top: 40px;
}
.timer-link {
    padding: 15px;
    margin-top: 35px;
    display: inline-block;
     width: 50%;
    font-size: 18px;
    max-width:500px;
}

.count-down .timer-date {
    font-size: 1.5em;
    display: block;
}

.count-down .location {
    margin-bottom: 20px;
    font-size: 1.5em;
    display: block;
}
.count-down.flip-clock-wrapper ul {
  width: 11%;
   margin: 8px 8px 30px;
  max-width: 75px;
  height: 100px;
  border-radius: 0px;
 
}
.count-down.flip-clock-wrapper ul li a div.up:after
{
	display:none;
}
.carousel-details-inner .timer-title
{
	font-size:3em;
}
.carousel-details-inner .timer-date {
    font-size: 1.5em;
    display: block;
}
.carousel-details-inner .location {
    margin-bottom: 20px;
    font-size: 1.3em;
    display: block;
}

.count-down.flip-clock-wrapper {
    max-width: 880px;
    margin: 0 auto;
   
}
.count-down .flip-clock-divider .flip-clock-label {
    font-size: 18px;
    margin-top: 140px;
}
.count-down.flip-clock-wrapper ul li a div div.inn {
    line-height: 100px;
    font-size:50px;
    }
    
  
/*Countdown timer*/
.countdown-container, .no-regcount
{
font-size:18px;
padding: 20px 10px;
    text-align: center;
    background-size:100% 220px !important;
    margin-bottom:50px;
}
.no-regcount{font-size:2em;padding:125px;}
.countdown-container h2 a
{
	
    font-size:41px;

}
.countdown-container .count-numbers{
    font-size: 81px;
}
.countdown-container  time {
    padding-bottom: 0;
    display: inline-block;
}
.countdown-container .text {
    font-size: 29px;
    display: block;
    text-align:left;
}
.countdown-container .separator {
padding-left:15px;
padding-right:15px;
    font-size: 50px;
    border:none;
    vertical-align:text-bottom;
    display:inline-block;
    font-weight:bold;
}
 .padding-t-30
{
padding-top:30px;
}
.counter-wrap 
{
	clear:both;
	padding-top:25px;
}
.counter-date{

}
.counter-map{

}


/* main carousel */ 
.carousel-home-main.slick-dotted.slick-slider {margin-bottom:0px;}
.no-js .carousel-home-main {overflow:auto;display:block;}
.carousel-home-main .item {width:100%;height:100%;overflow:hidden;position:relative;padding:0;}
.carousel-home-main .item img {min-height:100%;vertical-align:middle;position:relative;z-index:1;width:100%;}
.carousel-home-main .carousel-details {position:absolute;z-index:2;width:100%;top:0;text-align:center;display:table;vertical-align:middle;}
.carousel-home-main .carousel-details-inner {padding:0 30px;display:table-cell;vertical-align:middle;}
.carousel-home-main .carousel-details-inner .carousel-desc {font-size: 1.3em; max-width: 1024px;margin: 0px auto;}
.carousel-image {display: flex;    justify-content: center;overflow:hidden;height:100%;}
.carousel-home-main .slick-arrow {height:73px;width:30px;}
.carousel-home-main .slick-arrow i {font-size: 30px;}
.carousel-home-main .slick-prev:before , .carousel-home-main .slick-next:before {display:none;}
.carousel-home-main .carousel-details .carousel-title {width:80%;font-size:50px;margin-bottom:25px;}
.carousel-home-main .carousel-details .carousel-brief {width:50%;font-size:18px;margin:0 auto;}
.carousel-home-main .carousel-image-inner>a,.carousel-home-main [id$='divcountdownTimer'] .carousel-image-inner{display: block;position:relative;height:100%;}
.carousel-home-main .carousel-image-inner>a:after,.carousel-home-main [id$='divcountdownTimer'] .carousel-image-inner {
    top:0;
    width: 100%;
    height: 100%;
    content: '';
    z-index: 2;
    position: absolute;
}
.carousel-home-main .slick-dots {
    bottom: 14vh;
    left: 0;
    width: 100%;
    position: absolute;
    display: inline-block;
}
.carousel-home-main .slick-dots li button:before{font-size:15px;}
.carousel.slide .item h1, .carousel.slide .item p {display:none;}
.lity-open {width:100%;}
.lity-close{min-width:35px;}
.clearfix {clear:both;}

/* reveal-details */
.carousel-reveal {display:block;position:absolute;bottom:0;z-index:200;}
.carousel-reveal span{width:190px;height:47px;line-height:47px;text-align:center;display:block;}
.carousel-inner > .item > img {width:100%;} 
.item.slick-slide .full-details{display:none;}
.lity-container,.lity-content,.lity-open{height:100%;width:100%;}
.reveal-details{height:100%;position:relative;}
.reveal-details-img {width:100%;height:100%}
.reveal-details-img img {width:100%;height:100%;}
.reveal-details-text {position:absolute;bottom: 0;width:100%;}
.reveal-details-text h3,.reveal-details-text h4 , .reveal-details-text p {margin:20px;}

/*=============Home About us Area=================== */
.page-about>.container-fluid,.page-about>.container-fluid>.row,.page-about .page-about-image div,.page-about-image{
	height:100%;overflow:hidden;
}
.page-about-newsticker .marquee-sibling{font-size:1.3em;}
.page-about .page-about-cntnr{
	height:calc(100% - 95px);
}
.edit-mode .page-about-cntnr{position:relative;}
.page-about-image .ms-rtestate-field{-webkit-transform: rotate(180deg);
  -moz-transform:    rotate(180deg);
  -ms-transform:     rotate(180deg);
  -o-transform:      rotate(180deg);
  transform:         rotate(180deg);overflow:hidden;}
.page-about-image img{
  width:100%;
  -webkit-transform: rotate(180deg);
  -moz-transform:    rotate(180deg);
  -ms-transform:     rotate(180deg);
  -o-transform:      rotate(180deg);
  transform:         rotate(180deg);
  z-index: 0;
}

.page-about-newsticker {padding:25px 0;}
.simple-marquee-container .marquee>div{    display: inline-block;
    padding: 10px;
    vertical-align: top;
    border-radius: 0;}
.page-about-content {position:absolute;bottom:1vh;width:370px;}
.page-about-content h4 {font-weight:	normal;font-size:25px;line-height:	25px;}
.page-about-content h3 {font-size:35px;line-height:	45px;font-weight:	normal;}
.page-about-content p {margin:0 0 20px 0;line-height:25px;}
.page-about-content a {font-size:35px;}
.page-about-image{
	position:relative;
}
.page-about-image:after {
    CONTENT: '';
    HEIGHT: 100%;
    POSITION: absolute;
    WIDTH: 100%;
    top: 0;}
    
/*========================= Home Our sponsors ====================== */
.page-sponsors{padding:30px;box-sizing:border-box;padding-bottom:80px;}
.page-sponsors>div{height:100%;padding:0px 15px;}
.page-sponsors >div,.page-sponsors >div>div,.page-sponsors >div>div>div,.sponsors>div,.sponsors>div>div,.sponsors>div>div>div,.sponsors>div>div>div>div,.sponsors>div>div>div>div>div{height: 100%;}
.page-sponsors .ms-wpContentDivSpace>div {flex:1;flex-basis: auto;max-width:100%;}
.page-sponsors div.ms-webpart-chrome-title {height: auto;}
.page-sponsors .ms-wpContentDivSpace {height: calc(100% - 120px) !important;display: flex; align-items: center;}
.page-sponsors h4 {font-weight:	normal;font-size:25px;line-height:	25px;}
.page-sponsors h3 {font-size:35px;line-height:	45px;font-weight:	normal;}
.slider-sponsors img{max-height:7vw;margin:0px auto;max-width:100%;}
.slider-sponsors  li {padding:20px !important;}
.slider-sponsors .slick-arrow {margin:0 30px !important;height:auto;line-height:20px;z-index:10;width:40px}
.slider-sponsors .slick-arrow i { font-size:40px;}
.slider-sponsors .slick-prev:before , .slider-sponsors .slick-next:before {display:none;}
.sponsors .slick-slider {
    max-width: 94vw;padding:0 5vw;
}
.sponsors .slick-slider .slick-slide{padding:0 15px;}
.slider-sponsors .slick-track{display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;align-items:center;
}
.sponsors .slick-slider .slick-slide{flex:1;flex-basis: auto;}
.footer-sub.section .page-sponsors .slider-sponsors .slick-next,
.footer-sub.section .page-sponsors .slider-sponsors .slick-prev{width:34px !important;}

/*========================= Home WHY JOIN ====================== */
.join h2
{
 margin-top: -3px;
}
.page-why .emirates-skills {height:100%}
.page-why h3 {
    font-size: 35px;
    line-height: 45px;
    font-weight: normal;
}
.page-why h4 {
    font-weight: normal;
    font-size: 25px;
    line-height: 25px;
}
.advertisment{/* margin-top: 8%; */position: relative;top: 36vh;}
p.why-breif{display:block;min-height: 14vh;padding: 25px;box-sizing: border-box;width:40%;position: relative;font-size: 16px;top: 14vh;}
.edit-mode .page-why .ms-rtestate-field>div {height:100vh;}
.edit-mode .page-why .emirates-skills{background-position-y:30px !important;}
/*========================= Home Viedos ====================== */
.page-video{ position:relative;}
.page-video .ms-webpart-chrome-title {
    z-index: 55;
    position: absolute;
    width: 40%;
    height: 50%;
    padding: 0 30px;
}
.page-video .ms-webpart-chrome-title h2{margin-top:0px;/* Fix for IE */}
.videos-cntnr{height:100vh; display: -webkit-flex;display: flex;
    align-items: center;background:#000}
    .videos-cntnr .alert{display:block;width:100%;}
.video-item>span { 
    position: absolute;padding:25px;max-width:33%;font-size:1.2em;
    top: 0px;
    z-index:2
}
.videos h2{margin-top:0 !important;}
.video-item>video{position: absolute;
    height: calc(100% - 100px);
    top: 0;
    width: 100%;z-index:1;}
.show-all{width: 190px;
    height: 47px;
    line-height: 47px;
    text-align: center;
    position: absolute;
    display: block;
    bottom: 164px;z-index:55;font-size: 1.2em;
}
    
/*========================= Home How to Join ====================== */
.section.page-how {padding:20px;}
.page-how .join ul:not(.ms-core-menu-list) {margin:40px auto 20px;padding:0;width:90%;text-align:center;}
.icon-area-top{display: inline-block;
    margin: 0px auto;
    padding: 10px;
    width:10vw;height:10vw;}
.page-how .join ul:not(.ms-core-menu-list) span {display:block;}
.page-how .join ul:not(.ms-core-menu-list) h3 a{text-decoration:none;}
.page-how .join ul:not(.ms-core-menu-list) p {padding:20px;text-align: left;font-size: 1.1em;line-height: 1.7em;}
.page-how .join ul:not(.ms-core-menu-list) p{font-weight: bold; }
.page-how .join ul:not(.ms-core-menu-list) h3 a{font-size:1.2em;text-transform:uppercase;font-family: FrutigerLTCom-Bold;}
.page-how .join ul:not(.ms-core-menu-list) h3 a .first-word{font-size:inherit;}
.page-how .join ul:not(.ms-core-menu-list)>li {text-align: center;width:20%;margin:0;padding:0;display: inline-block;position: relative;vertical-align: top;}
.edit-mode .page-how .join ul:not(.ms-core-menu-list)>li{overflow:visible;}
.page-how .join ul li a:before{content: '';position: absolute;top: 5vw;width: 25%;height: 9px;z-index: 1;}
.page-how .join ul li a:after{content: '';position: absolute;top: 5vw;width: 25%;height: 9px;z-index: 1;}



.page-how .join ul  li:first-child a:before {
  display: none;
}
.page-how .join ul li:last-child a:after {
  display: none;
}
.page-how .icon-area-top>a {
    display: flex;
    align-items: center;
    height: 100%;
  }

.page-how .icon-area-top>a>img{
   vertical-align:middle;
   display:inline-block;
   margin: 0px auto;
}

/*======================== Home the competitons ===============*/

.page-competition{
	position:relative;
}
.competitions{
	height:100%;overflow:hidden;
}
.page-competition .ms-webpart-chrome-title{
	position:absolute;z-index:2;
}
.edit-mode .page-competition .ms-webpart-chrome-title{
	position:relative;
}

.page-competition .dfwp-column
{
	margin:0;
}
.page-competition .dfwp-list>li{
	width:33.33%;display:inline-block;vertical-align:top;
}
.page-competition .slm-edit-ecb div{
	top:0!important;
}
.competitions .slm-edit-link{
	display:inline-block;
}
.edit-mode .page-competition .dfwp-list>li{
	width:33%}
.competition-item{position:relative;height:100vh;}
.competition-item>a{
	display:block;position:relative;
}
.competition-item>a:after{position:absolute;top:0;
	content:'';width:100%;height:100%;}

.page-competition .dfwp-list>li .competition-data{ padding-top:16vh;position:absolute;text-align:center;
    width: 100%;
    height: 100%;
    transition: all 0.5s ease-in-out;box-sizing:border-box;
    opacity: 0;
    z-index: 0;
    top: 0;}
    .competition-data .description{
	margin-top:40vh;
}
.competition-data a>i>span{display:none}
.page-competition .dfwp-list>li:hover .competition-data{
	       opacity: 1;z-index:1
     }

.competition-image{
	max-height:100%;overflow:hidden;
}
.competition-image img{min-height:100vh;
	min-width:100%;    transition: all 0.7s ease-in-out;z-index:1
}
.page-competition .dfwp-list>li:hover .competition-image img{opacity:0;z-index:0}
.competition-data img{ text-align:center; margin:0 auto; display:block; margin-bottom:20px;}
.competition-data  p.description h3 {font-size:1.5em; }
.competition-data  .comp-type h3{font-size:2.5em;}
.competition-data p.description{font-size:1.5em;display:block;text-align:center}
.competition-data .comp-type span{font-size:1em;font-weight:	normal;display:block;text-align:center}


.competition-data a {font-size:35px;margin-top: 30px;display:block;text-align:center}

/*===================== Home What is your skills accordion ================*/
.title2{font-size:18px; margin-top:10px; margin-bottom:10px;}
.title3{font-size:25px; margin-top:10px; margin-bottom:10px;}
.acc-content{ position:relative;background-size:cover;}
.side-content{
    height: 100%;width:52%;
    padding: 20px;
    position: absolute;
    top: 0;}
    .data-wrap.active{display:block !important;}
.side-content p{margin-bottom:25px;}
.side-content h4{font-size:1.8em; font-weight:normal}
.side-content h5{ font-size:1.6em; font-weight:normal}	
.side-content h6{ font-size:1.4em; font-weight:normal}
.acc-content{ width:100%;height: 100%;}
.acc-content img{ width:100%; height:99.5%;}
.skill-list a{ display:block; text-decoration:none; margin:10px;}

#acc-container {
	 margin-top:20px;
    width:calc(100% - 30px);
  
  }
 
.jobStep.fa.fa-rotate-90{ display:none;}
.accordionjs, .accordionjs * {
  -webkit-box-sizing                    : border-box !important;
  -moz-box-sizing                       : border-box !important;
  box-sizing                            : border-box !important;
}

.accordionjs {
  font-family: Arial, Helvetica, sans-serif;
  margin: 0 auto;
  padding: 0;
  height: 60vh;
  width: 101%;
  overflow: hidden;
  list-style: none;
}

  .accordionjs > li {
    margin-bottom: 0px;
  }

.accordionjs-select {
  cursor: pointer;
  position: absolute;
  opacity: 0;
  top: 0;
  margin: 0;
  z-index: 1;
}

/* BEGIN accordionjs-title rules */

  .accordionjs-title span {
      display: block;
      position: absolute;
      bottom: 0px;
      width: 100%;
      white-space: nowrap;
      margin-bottom: 20px; 
      line-height: 40px;
             }

  .accordionjs-title i {
    font-size: 18px;
  }
/* END accordionjs-title rules */

/* BEGIN accordionjs-content rules */
.accordionjs-content {
    height: 60vh !important; 
    width: 1104px;
    padding: 0px;
    position: relative;
   
}
.accordionjs-content .side-content{
    overflow: auto;
}
/* END accordionjs-content rules */

.accordionjs-select:checked ~ .accordionjs-separator {
  margin-bottom: 0px;
}

.accordionjs-title, .accordionjs-select  {
    width: 40px; 
    height: 60vh !important;
    font-size: 15px;
}

.accordionjs-title i{
	display:none;
}
/* Do not change following properties, they aren't 
generated automatically and are common for each slider. */

.accordionjs > li, .accordionjs-title {
    position: relative;
}
.accordionjs-separator {
    transition: margin 0.3s ease 0.1s;
    -o-transition: margin 0.3s ease 0.1s;
    -moz-transition: margin 0.3s ease 0.1s;
    -webkit-transition: margin 0.3s ease 0.1s;
}

/***************Home our stories*********************************/
.our-stories{
	height:100%;
}

.marquee-content-items, .marquee {
    width: 100%;direction:ltr;
}
.marquee-content-items li:last-child:after{content:' ';}
.touch-more-info {
    border-radius: 50%;
    background: #fff;
    color: #54b948!important;
    border: 1px #a5a5a5 solid;
    z-index:10;
}
.touch-more-info {
    padding: 6px;
    width: 30px;
    height: 30px;
    font-size: 1.5em;
    box-sizing: border-box;
    position: absolute;
    top: 10px;
}

.our-stories a.read-more{margin-top:-40px;}
.our-stories .ms-webpart-titleText .first-word
{
	font-size: 0.6em;}
.our-stories .ms-webpart-titleText {
	    font-size: 2em;
    margin-right: 30px;
    margin-left: 30px;
}
.stories-list li{
	position:relative;
	list-style:none;
	padding:0;
	margin: 0;font-size:12px;
	width: calc(20vw - 3.5px);
	display:inline-block;    overflow: hidden;
    max-height: calc(45vh - 100px);
}	
.our-stories{
	position:relative;padding: 0;
    padding-top: 10px;
}
.our-stories .flexed{height:calc(100vh - 270px);}
.stories-list{flex:1;
display:block;
align-self:center;
	    font-size: 0px;/*removes space between li items*/
	    text-align:center;
	    margin-bottom:30px;
}
.story-details {

font-size: 1.6em;
position: absolute;
    width: 100%;
    height: 0;
    bottom: 0;
    overflow: hidden;
    box-sizing: border-box;
    transition: all 0.5s ease-in-out;
   
    }
    .story-img img
    {
    max-width:100%;
	}
}
.story-name{
	font-size:1.2em;padding-bottom:5px;margin-bottom:15px;
}
.stories-list a {font-size:1rem;
    position: relative;
    display: block;
}
.story-details a,.story-details span{
    display: block;
}
.story-details span:first-child {
    margin-bottom: 10px;

    }
    .story-details span:nth-child(2) {
        font-size: 1em;
   margin-bottom:5px;
    }
 .story-details .fa-chevron-circle-right
{
  margin-top: 10px;
   font-size: 1.8em;
}
.story-details>.youtube-link,.story-details>.story-quote,.story-details>.readmore-link{
	display:none;
}
.stories-list:not(.touch) li:hover .story-details {
    height: 100%;padding: 30px 20px;
}
.stories-list li.hovered .story-details {
    height: 100%;padding: 30px 20px;
}


/****************************Home Get social****************************************************/
.soical .social-title {
    font-size: 3.2em;
    position: absolute;
    top: 10px;
}
.soical{
	width:100%;
	overflow-x:hidden;
}
.soical .first-word
{
font-size:0.6em;
}
.soical
{
	padding-bottom: 48px;
    padding-top:0;box-sizing:border-box;
}
.soical>div{
	padding-top:20px;
}
.soical .instagram,.soical .news,.soical .twitter
{ padding: 5px 10px 25px;min-height:400px; }
.soical .instagram .alert,.soical .news .alert,.soical .twitter .alert
{margin-bottom:0;}
.soical .news .ms-webpart-titleText:before
{
margin-right: 10px;
    border-radius: 5px;
    padding: 5px;
      font: normal normal normal 14px/1 FontAwesome;
content:"\f1ea";
 display:inline-block;
 }
 .soical .instagram h2, .soical .news h2, .soical .twitter h2
 {
	text-transform:capitalize;
}
.soical .instagram .ms-webpart-titleText:before
 {
  font: normal normal normal 14px/1 FontAwesome;
content:"\f16d";
margin-right: 10px;
    border-radius: 5px;
  padding: 5px 6px;
   display:inline-block;
 }
.soical .twitter .ms-webpart-titleText:before
 {
   display:inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    margin-right: 10px;
    font-size: 1.5em;
    vertical-align: middle;
    content: "\f081";
}
.soical .col-sm-4
{
align-self:center;
    padding: 0px 27px;
}
 .insta-scroll {
    padding: 0;
     max-height: 316px;
    min-height: 316px;
  overflow-y: auto;
}
.soical .instagram  .insta-item {
	display: inline-block;
}
.soical .instagram .insta-item a {
	width: 80px;
	height: 80px;
	display: block;
	overflow: hidden;
	position: relative;
	margin: 1px;
}
.soical .instagram  .insta-item a IMG {
	display: none;
}
.soical .fa-chevron-circle-right,.soical .fa-instagram{
	font-size:30px;
}
.news-container
{
	min-height:306px;
	max-height:306px;
	overflow-y:auto;
	overflow-x:hidden;

}
.soical .row
{
	height: 100vh;
    box-sizing: border-box;
}
.news-container p
{
	 font-family: 'FrutigerLTCom-Light';
}
.news-item {
    padding-right: 10px;
    margin-bottom: 30px;
}

.news-container img
{
	display:none;
}  
/****************Inner page styles*****************/
.inner-page.container-fluid {padding: 5vh 8vw;background-repeat: no-repeat;}
.dfwp-list .item .image-area-left+.link-item{font-size:16px;}
/******************** Media Gallery Page *******************/
.albums-list li a h3 {
    min-height: 43px;
    font-size: 1.35em;
    margin: 10px 0;
    display:inline-block;
}
.albums-list li a > .img-wrapper {
    width: 100%;
    margin-bottom: 15px;
}
.albums-list li .item-meta-data .mod-date {
    font-weight: 300;
}
.albums-list li .item-meta-data .mod-date {
    font-weight: bold;
    min-height: 18px;
    display: inline-block;
}
.albums-list li .item-meta-data *:not(.mod-date) {
    font-weight: bold;
}
.albums-list li .item-meta-data .count {
    margin: 0 8px;
}
.albums-list li .item-meta-data .count {
    display: inline-block;
}
.albums-list li {
padding:0 2vw;
    margin-bottom: 20px;
}
.eskills-filters{
	padding:20px;margin-bottom:20px;
}
.eskills-filters .form-group .form-control{
	padding-left:0;padding-right:0;
}
.eskills-filters .form-group{
font-weight:600;
	max-width:300px;
}
.eskills-filters .form-group .form-control {
    max-width: 220px;
}
.eskills-filters .form-group.date-picker table{
	position: relative;
	width: 80%;
    max-width: 220px;
}
.eskills-filters .form-group.date-picker table td > a{
	width: 100%;
    display: inline-block;
    text-align: left;
}
.eskills-filters .form-group.date-picker table input[type="text"]{
    z-index: 1;
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
    height:29px;
    outline:none;
    width:100%;
}
.eskills-filters .form-group.date-picker .actvet-form-label {
    width: calc(100% - 30px);
    position: absolute;
    bottom: 0;
    pointer-events: none;
    top: 25px;
    z-index: 0;
    top: 0;
    font-size: 1.1em;
}
.albums-list li a h3 {
    min-height: 43px;
    font-size: 1.35em;
    margin: 10px 0;
	font-weight:bold;
}
.albums-list li .item-meta-data .count > span {
    color: #5b829c;
}
.albums-list li .item-meta-data .count > span {
    font-size: 1.8em;
    padding: 0 5px;
}
.eskills-filters input[type="submit"]{
	min-width:50px;
}
.title-container{
	
	display:table;
	width:100%;
}
.album-title {
    font-size: 2em;
    display: inline-block;
    margin: 0px;
    margin-bottom: 25px;
}
.title-container .album-link {
    padding-top: 15px;
    display: table-cell;
    width: 20%;
    vertical-align: top;
    padding-bottom: 37px;
    font-size: 1.2em;}
/******************** End of Media Gallery Page *******************/

/******************** Gallery Details Page *******************/
.inner-page h2 span, .inner-page h2{
	margin: 15px 0;
    text-align: justify;
}
.inner-page-subtitle {
    font-size: 1.75em;
}
.media-gallery-inner .date {
    font-size: 1.4em;
    margin-bottom: 40px;
    display: inline-block;
    font-family: 'Calibri', 'Source Sans Pro';
    font-weight: 300;
}
.media-gallery-inner .text-content {
    font-size: 1.3em;
}
.media-gallery-inner .text-content span {
    text-align: justify;
    display: block;
    white-space: pre-line;
    font-family: 'Calibri', 'Source Sans Pro';
    font-weight: 300;
}
.custom-tooltip {
    position: absolute;
    top: -40px;
    right: 0px;
    padding: 5px 10px;
    width: 200px;
    text-align: center;
    background: #e3e3e3;
    border-radius: 4px;
    font-weight: bold;
    z-index: 99;
    display: none;
}
.custom-tooltip:after {
    top: 100%;
    right: 10%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(227, 227, 227, 0);
    border-top-color: #e3e3e3;
    border-width: 7px;
    margin-left: -7px;
}
.media-gallery-inner>a:hover .custom-tooltip {
    display: block;
}
.media-gallery-inner>a {
    position: relative;
}
.gallery-list {
    margin: 60px -15px;
}
.gallery-list img{
	width:100%;
}
.gallery-list>div {
    margin: 15px 0;
    cursor: pointer;
}
.gallery-list .video-thumb:after {
    position: absolute;
    content: '';
    left: 15px;
    top: 0;
    width: calc(100% - 30px);
    height: 100%;
}
.popup-overlay {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 100;
	top: 0;
	left: 0;
	text-align: center;
}
.popup-overlay .video-popup{
	position: relative;
	top: 25%;
	display: inline-block;
	margin: 0 auto;
	padding: 20px;
	width:50%;height:50%;
}

.video-popup .close-btn, .popup-overlay .close-btn{
	position: absolute;
	top: -50px;
		width: 75px;
	height: 75px;
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer;
}
.video-cntnr{
	display:none;
}
.popup-overlay .video-cntnr{display:block;height:100%}
.popup-overlay .video-popup iframe{
width:100%;height:100%;
}
.popup-overlay .video-cntnr{display:block;}
.popup-overlay .video-popup video{
	max-width: 100%;
	max-height: 500px;
}

.popup-overlay .gallery-popup {
    position: relative;
    top: 25%;
    display: inline-block;
    margin: 0 auto;
    padding: 20px;
    max-width: 38%;
}
.gallery-carousel .slick-track {
    display:block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; 
    flex-basis: auto;
}
.gallery-carousel.slick-slider .slick-list{overflow:hidden;}
.gallery-carousel .gallery-image, .gallery-carousel .gallery-video {     display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;margin:0px auto;
  
}
.gallery-carousel .slick-current .gallery-image img, .gallery-carousel .slick-current .gallery-video video {
    visibility: visible;
}
.gallery-carousel .gallery-image img, .gallery-carousel .gallery-video video {
    max-height: 55vh;
    align-self: center;
    vertical-align:middle;
    display:inline-block;
    margin: 0 auto;
    visibility: hidden;
    max-width:98%;
    max-width: calc(100% - 40px);
}
.gallery-carousel.slick-initialized .slick-slide {
     display: flex;
    align-items: stretch;
    }
.gallery-carousel.slick-initialized .slick-slide {
    min-height: 100%;
    height: auto;
    position: relative;
}
.gallery-carousel .slick-disabled
{
	opacity:0.7;
}
.gallery-carousel .slick-current .gallery-image img, .gallery-carousel .slick-current .gallery-video video {
    visibility: visible;
}
/*InstaGallery*/
.insta-item{
	position:relative
}
.insta-item.video:before{
	content:"\f03d";font-family: "FontAwesome";position:absolute;top:5px;z-index:2;
	
}
.inner-page .insta-item a {
	display: block;
	overflow: hidden;
	position: relative;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
margin:8px;
}
.insta-carousel{
	width: 56.3vw;
    margin: auto;
    max-width: 945px;}
    .insta-carousel .insta-item{    width: 12.1vw;
    display: inline-block;}
     .insta-carousel .insta-item img{
	display:none;
}
.inner-page .insta-item.video:before{
	top:20px;
}
.inner-page .insta-carousel{width:calc(100% + 30px);
max-width:none;margin:0px -15px;
}
.insta-carousel>.slick-list{margin:0px 50px;}
.inner-page .insta-carousel .slick-next, .inner-page .insta-carousel  .slick-prev{
top:50%;
}

.inner-page .insta-carousel .slick-slide:first-child a{margin-left:0}
.inner-page .insta-carousel .slick-slide:nth-child(4) a{margin-right:0}
.inner-page .insta-legend{display:none;}
.inner-page .insta-carousel .slick-next
{
    right: 15px;
}
[dir='rtl'] .inner-page .insta-carousel .slick-next
{
    right: auto;
    left: 15px;
}
.inner-page .insta-carousel .slick-prev
{
    left: 15px; 
}
[dir='rtl'] .inner-page .insta-carousel .slick-prev
{
    right: 15px;
    left: auto;
}
.inner-page .insta-carousel .slick-prev:before
{
content:'';
 background:transparent url('../images/insta-arrow-left.png') no-repeat center;
    
}
[dir='rtl'] .inner-page .insta-carousel .slick-prev:before
{
content:'';
     background:transparent url('../images/insta-arrow-right.png') no-repeat center;
}
.inner-page .insta-carousel .slick-next:before
{
content:'';
       background:transparent url('../images/insta-arrow-right.png') no-repeat center;
}    
[dir='rtl'] .inner-page .insta-carousel .slick-next:before
{
content:'';
  background:transparent url('../images/insta-arrow-left.png') no-repeat center;
    
}

.insta-carousel .slick-next:before,.insta-carousel .slick-prev:before{
		height:43px;width:30px;display:block;
}
/* Related */
.inner-page-subtitle {
	margin-bottom: 25px;
}
.inner-page-subtitle .text {
	position: relative;bottom: -30px;
}
.inner-page-subtitle .subtitle-separator {
	display:inline-block;width:100%;height:1px;
}
.inner-page h2.ms-webpart-titleText {
    font-size: 1em;
    margin-bottom: 25px;
    margin-right: 5px;
    overflow: visible;
}
.inner-page h2.ms-webpart-titleText>nobr, .inner-page h2.ms-webpart-titleText>span {
    position: relative;
    bottom: -10px;
}
.related-albums .flip-area-cntnr {
    height: 230px;
    width: 100%;
    overflow: hidden;
    max-width: 230px;
    max-height: 230px;
    margin: 0;
}
.related-albums .flip-area {
    width: 100%;
    height: 230px;
    max-width: 230px;
    max-height: 230px;
}
.related-albums .flip-area > div {
    display: block;
    position: absolute;
    height: 230px;
    width: 230px;
}

.related-albums .flip-area > div.location {
    text-align:center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex ;
}

.flip-area .location span {
    max-width: 100%;
    display: inline-block;
    margin: 0px auto;
    align-self: center;
    font-size: 1.1em;
}
/* Carousels arrows */
.insta-next,.insta-prev {
    cursor: pointer;
    font-size: 2.5em;
    height: 37px;
    width: 30px;
    top: 43%;
    margin-top: 0;
    z-index: 9;
    position: absolute;
}

/******************** End of Gallery Details Page *******************/
/*************Announcements**********/
.ann-list {
	padding: 15px;
	height: 218px;
}
.ann-list.scrollable .viewport .overview{
	width:100%;
}
.ann-item {
	padding: 10px;font-size: 1.2em;
}
.ann-item:first-child {padding-top:0;}
.ann-list a {
	display: block;
	text-align: center;
	margin: 10px;  
}
.ann-list a.more{
	margin:10px 0;
}
.announcement-item {
    margin-bottom:15px;clear:both;
}
.announcement-date{
text-transform: uppercase;
	display:inline-block;    vertical-align: top;
}
.announcement-date > span {
    width:90px;height:90px;padding:10px;font-size:1em;display:inline-block;text-align:center;
}
.announcement-date > span > span{ 
    font-size:2.2em;font-weight:bold;display:block;
}
.ann-details {
    width: calc(100% - 180px);display:inline-block;height: 90px;max-height: 90px;overflow-y:hidden;padding: 10px;    vertical-align: top;
}
.ann-text {
    margin-bottom:10px;
    vertical-align: middle;
    display: inline-block;
}
.ann-sub {
    font-weight:bold; 
    font-size:1.1em;
  width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
}

/****************Announcements**********************/
.announcements{  
	margin-top:50px;
}
.announcements .ann-item {
	-webkit-transition : border 500ms ease;
	-moz-transition : border 500ms ease;
	-o-transition : border 500ms ease;
	transition : border 500ms ease;
	padding: 20px 0;
	
}
.ann-date, .news-item .date, .press-item .date {
	padding: 10px 30px;
	padding-bottom: 5px;
}
.news-item h3 a{
	    font-size: 1.15em;
}
/**************News and press release*****************/
.news-press-listing .nav-tabs > li {
	margin:0%;  
	display: inline-block;float:none;
    width: calc(50% - 2px);
    text-align: center;
}
.news-press-listing .nav-tabs > li > a, .news-press-listing .nav-tabs > li > a:hover, .news-press-listing .nav-tabs > li > a:focus {

	text-align: center;
	font-size: 1.5em;
	padding: 5px 10px;
	border:0;
	margin: 0!important;
}
.news-press-listing {
	margin-top: 30px;
}
.news-press-listing .nav-tabs > li > a {
	border-radius: 0;
}
.news-item h3, .press-item h3 {
	margin-top: 0px;
	margin-bottom: 5px;
}
.news-item h3, .press-item h3{ 
	font-size:1.1em;
	font-weight:bold;
}
.news-press-listing	.news-text, .news-press-listing	.press-text{
	min-height:60px; 
	margin-bottom: 5px;
}
.news-press-listing	.news-item, .news-press-listing	.press-item{
	margin-bottom: 25px;padding-bottom:25px;
}
.news-item h3 a.news-item-title, .press-item h3 a:first-child { 
    width: calc(100% - 25px)!important; 
    display: inline-block;
}
.news-item .more-link, .press-item .more-link{
	width:17px;height:17px;display:inline-block;
}
	/****************Press Release Details***************/
	.press-release-details{
		padding:22px;
	}
	.press-release-details .release-date{font-size: 1.4em;margin-bottom: 10px;padding-bottom: 20px;}
    .press-release-details .top-section{margin-bottom:45px;}
	.press-release-details .middle-section{margin-bottom:33px;}
	.press-release-details .bottom-section{padding-top:25px;}
	.press-release-details .text-content:after{content:" ";display:table;clear:both;float:none;}
	.press-release-details .text-content img{width:100%;}	
	.press-release-details .text-content span{text-align: justify;white-space: pre-line; font-size: 1.3em;display:block;}
	.related-releases{padding-top:35px;}
	.related-releases div[class^="col-"] h4{margin-top:13px;font-weight:500;}
	.related-releases h4 span {max-height:40px;
      font-size: 0.9em;
    font-weight: bold;
    }
	.related-releases div[class^="col-"] .release-date{font-size: 1em;}
	.press-release-details h2 {
	    font-size: 2em;
	}

/******************** FAQ ****************/
/* Inner Search */
.faq-wrapper .inner-search {
    margin-bottom: 0px;
    margin-top:15px;
}
.inner-search {
    display: inline-block;
    width: 30%;
    position: relative;
    margin-bottom: 20px;
}
.inner-search:before {
    content: "\f002";
    position: absolute;
    margin-top: 10px;
    color: #b2b2b9;
    font: normal normal normal 14px/1 FontAwesome;
}
.inner-search input[type="text"] {
    border: 1px #ddd solid;
}
.inner-search input[type="text"] {
    width: calc( 100% - 40px);
    height: 35px;
    box-sizing: border-box;
    margin: 0;
}
.inner-search input[type="submit"] {
    border: 1px #ddd solid;
}
.inner-search input[type="submit"] {
    width: 40px;
    height: 35px;
    box-sizing: border-box;
    border-left: 0;
    margin: 0;
    min-width: 0;
    text-indent: 5000px;
}

/* FAQs */
.faq-wrapper .actvet-accordion {
    width: 100%;
    margin-top: 10px;
}
.faq-wrapper .actvet-accordion .accordion-item {
    width: 100%;
}
.faq-wrapper .actvet-accordion .accordion-item .acc-head {
	cursor:pointer;
}
.faq-wrapper .actvet-accordion > .accordion-item > .acc-head {
    padding-top: 10px;
    padding-bottom: 10px;
}
.actvet-accordion > .accordion-item > .acc-head {
    font-size: 1.75em;
}
.actvet-accordion .accordion-item > .acc-data {
    display: none;
}
.actvet-accordion > .accordion-item > .acc-data .accordion-item:last-child {
    border-bottom: 0;
}

.faq-wrapper .actvet-accordion .accordion-item {
    width: 100%;
}
.faq-wrapper .actvet-accordion .accordion-item .accordion-item .acc-head {
    display: block;
    font-size: 1.45em;
    padding: 8px;
}
.actvet-accordion .accordion-item .accordion-item .acc-data {
    overflow: hidden;
}
.faq-wrapper .actvet-accordion .accordion-item .accordion-item .acc-data {
    padding: 25px;
    font-size: 1.45em;
}
.faq-wrapper .actvet-accordion .accordion-item .accordion-item .acc-head {
    display: block;
    font-size: 1.45em;
    padding: 8px;
}
.faq-wrapper ul{
	list-style:disc;
}
/******************** End of FAQ  ****************/
/***************Search Results********/
#ResultFooter{
	display:none;
}
.ms-srch-sbLarge a img{
	max-width:none;
}
.ms-srch-hover-outerContainer .ms-srch-hover-actions .ms-srch-hover-action [id$="hoverFollow"] {
    display: none;
} 
.ms-srch-item {
      padding: 5px;width:70%;
    margin: 0;
    box-sizing: border-box;
   }
   .ms-srch-siteSearchResults{
	margin: 30px auto;
}
.ms-srch-hover-outerContainer {
    position: absolute;
    z-index: 1001;margin-top: -426px;
    margin-left: 0px;  max-width: calc(30% - 20PX);
   }
.ms-srch-hover-content div,.ms-srch-hover-standardSize{
	max-width:100%;
}
.inner-page .ms-srch-hover-standardSize img{
	max-width:none;
}
.ms-srch-siteSearchResults #SearchBox{
	width:70%;float:none
}
.ms-srch-siteSearchResults #SearchBox>.ms-srch-sbLarge{
	display:block;
}
.inner-page .ms-srch-sbLarge-fullWidth {
    width: calc(100% - 44px);
}
.refiners-cntnr{
	      margin-top: 30px;
}
.refiners-cntnr>div{    padding: 20px 15px;}
/******************** End of Search Results  ****************/

/*************************** Skills ***************************/
.listing-list h3 {font-size:1.5em;font-weight:bold;}
.media-list .media {margin:20px 0;padding:20px}
.media-list .media img{
	max-width:100%;
}
.media img {
    max-height: 220px;
    margin: auto;
}
.skill-item p{min-height:72px;}
.media-list .media .item-heading {font-size:1.3em;}
.media-list .media p {font-size:1.2em;line-height:28px;}
.media-list .media h5 {font-size:1em;}
.media-list .media .item-body{padding:0 5px;}
.listing-related{display:inline-block}
.listing-related span {height:20px;text-align:center;padding-top:15px;display:inline-block;font-weight:bold;}
.listing-related ul {padding:0;margin:0;}
.listing-related li {list-style:none;margin:0;padding:0;text-align:center;}
.listing-related li span{width:100%;}
.gray-area {padding:25px;}
.skill-details .skill-pic{max-width:100%;margin-bottom:20px;}
.skill-details .description {font-size:1.2em;text-align:justify;}
.skill-details h3{font-size:2.2em;margin-bottom:30px;} 
.skill-details .listing-related{margin-bottom:20px;}

.skill-item .listing-related img, .skill-item .listing-cat img{height:7vh;}
.skill-details .listing-related img, .skill-details .listing-cat img{height:10vh;}

.related-downloads{padding:0 2vw;}
.related-downloads a{display:block;padding:0 15px;}
.related-downloads a>img{max-width:100%;}
.related-downloads>i.fa.slick-arrow{position:absolute;top: calc(50% - 30px);font-size:1.8em;}
.related-downloads>i.fa.slick-arrow:hover,.related-downloads>i.fa.slick-arrow:focus,
.related-downloads>i.fa.slick-arrow:active{cursor:pointer}
.related-downloads h4{font-size:1.1em;}
.related-downloads h4>a>span{display:block; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.inner-page .gray-area h2.ms-webpart-titleText {font-size: 0.85em;}
.skill-details-links{display:inline-block;}
.skill-details-links a {display: block;font-size: 1.1em;margin-bottom: 8px;}
.gray-area .ms-webpartzone-cell { margin-bottom: 35px;}
/******************** End of Skills ****************/
/***************Previous Competition****************/
.prev-comp-winners {padding:25px 15px;margin-bottom:20px;}
.prev-comp-winners .images-area{max-height:100%;}
.prev-comp-winners .images-area img{max-width:100%;max-height:120px;}
.prev-comp-winners .winner-winner-item > .wrapper {height:120px;}
.prev-comp-winners .winner-winner-item{padding:15px;}
.winner-medal-Silver,.winner-medal-Gold,.winner-medal-Bronze{
	height: 33px;
    
}
/***************************************************/
.presidentt-name{margin-top:0;}
.inner-page .ms-rtestate-field p, p.ms-rteElement-P,.presidentt-name{font-size:1.1em;}
.inner-page .ms-rtestate-field img {max-width:100%}
/*********************Become Volunteer**************/
.opportuinty-list {margin-top:25px;}
.opportuinty-list .panel-default > .panel-heading{ overflow:hidden;padding: 25px 15px;font-size: 1.2em;}
.opp-title:hover{text-decoration:none;}
.opportuinty-list .panel-title{margin-bottom:15px;}
.register-btn{ margin-top:20px;}
.opportuinty-list .panel-group .panel{border-radius:0;box-shadow: none;}
.opportuinty-list .panel-group .panel+.panel{margin-top:0;}
.opportuinty-list .panel-body{padding:30px;font-size: 1em;}
/************* Team Profiles tabs***********/
.team-profiles .tab-content{  padding:15px;}
.team-profiles .tab-content ul{ overflow:hidden;padding:10px;}
.team-profiles .tab-content ul li{ list-style:none;padding: 10px;}
.team-profiles .tab-content ul li .prev-win-list img{height:5vh;}
.prev-win > p{font-weight:bold;margin-top:10px;font-size:1.2em;}
.prev-win-list{text-align:center;}
.prev-win-list .slick-slide img{display:inline-block;height:32px;width:auto;padding:0 5px} 
.profile{padding-bottom:15px;display:block}
.team-item-cntnr{padding:15px;height:275px;overflow:hidden;}
.team-item-cntnr .profile{height:150px;}
.team-item-cntnr .prev-win{height:90px;}
.expert-item .team-item-cntnr .profile{height:210px}
.member-pic{display:block;}
.member-pic img{max-width:100%;}
.member-pic , .member-details{     display: inline-block;    vertical-align: top;}
.member-details{ width:calc(100% - 110px);}
.member-details .name{font-size: 1.4em;font-weight:bold;display:block;}
.member-details .skill, .member-details .year, .member-details .cateogry, .no-prev-win{font-size:1.2em;}

   

/*************************Become Expert***************************************/
.expert-zone{padding:20px; margin-top: 25px;}
.expert-name{font-size: 1.1em;margin-bottom: 40px;margin-top: 0;}
.expert-skill{font-size: 1.1em;} 
.wide-title {padding: 3px 30px;}
.expert-list{margin-bottom:40px;}
.contact-body{padding:0 30px;}
.submit-container{text-align:center;padding-bottom:10px;}
.submit-container .register-btn{margin-left:0;font-size:1.1em;}
.expert-details{width:90%;width:calc(100% - 155px);}




/****************Media Resources************/
.media-resource-item {
    margin:0;margin-top:25px;margin-bottom:45px;padding:10px 0;

}
.media-resource-item .image-area-left {
            align-self: center;}
    .media-resource-item .image-area-left a{
	    display: block;
      text-align: center;
    height: calc(11.5vw + 7vh + 0.5vmin);
    overflow:hidden;
}

.media-resource-item .image-area-left img{
	 display: inline-block;
    width:100%;
    }
.media-resource-item .link-item a{
	     font-size: 1.55em;
    margin-top: 10px;
    margin-bottom: 20px;
    display: inline-block;

}   
.media-resource-item .link-item .description{ font-size: 1.3em; margin: 5px;text-align:justify;white-space:pre-line;}
/*********************Media Resources Details**************/
.media-tool-group{margin:40px 0;}
.media-tool-group .groupheader{	text-transform:capitalize;}
.media-tools{ padding: 0;height: 100%;}
.media-tools .image-area-top{padding:0;}
.media-tools .link-item{padding:15px;}
.media-tools .link-item a:first-child{display: block;font-size: 1.2em;margin-bottom:10px;} 
.media-tools .link-item a:nth-child(2){font-size: 1.3em;}
.media-tool-group .flexed > [class*='col-']{margin-bottom:30px;flex-basis:auto;display:block;}
    
 /**********************Partners**************/
 h3.category-section-title{padding: 15px;text-align: center;font-size: 2.3em;margin:0}
.partners-list {list-style:none;margin: 0;padding: 50px;}
.partners-list li {padding: 20px;}
.partners-list li > a {display:block;}
.partners-list li > a .img-wrapper {padding:15px; align-items: center; display: flex;;font: 0/0 a;}
.partners-list li > a img {margin:0px auto;vertical-align: middle;font: 16px/1 Arial sans-serif;height: 5vw;}
.partners-list li > a .data-wrapper {display:block;min-height: 70px;}
.partners-list li > a .data-wrapper h3 {margin:0;font-size:1.2em;font-weight:bold;padding-top:10px;margin-bottom:5px;padding-bottom:5px;}
.partners-list li > a .data-wrapper p {text-align:justify;}
.partners-list li > a .data-wrapper > * {padding: 0 15px;}

.btn.become-partner {
  margin-top:-70px;
    }

 /**************** E-library *******************/
.elibrary-acc .accordion-item .acc-data {width:100%;}
.elibrary-acc .accordion-item .acc-data .elibrary-item a {min-height:180px;position:relative;display:inline-block;}
.elibrary-acc .accordion-item .acc-data .elibrary-item > div{display:inline-block;margin-top: 20px;}
.elibrary-acc .accordion-item .acc-data .elibrary-item:hover img, .elibrary-acc .accordion-item .acc-data .elibrary-item.hovered img{opacity:0.03;}
.elibrary-acc .accordion-item .acc-data .elibrary-item a img {width:130px;height:180px;display: inline-block;z-index:10;position:relative;opacity:1;}
.elibrary-acc .accordion-item .acc-data .elibrary-item a > span {position:absolute;top: 0;padding:15px;width:100%;height:180px;box-sizing:border-box;font-weight:bold;z-index:9;}
.elibrary-acc .accordion-item .acc-data .elibrary-item a > span span {padding:5px;width:100%;height:100%;display:inline-block;box-sizing:border-box;font-size:1.3em;overflow:hidden;}
.elibrary-acc .accordion-item .acc-data > ul{margin:0;}
.e-library-wrapper .elibrary-acc .accordion-item:after{content:" ";display:table;clear:both;float:none;}
/*.accordion-item.item-opened + .accordion-item{padding-top:30px;}*/
.elibrary-acc .accordion-item .acc-data{width: 100%;}
/**************************Expert Listing**************************************/   
.experts-wrapper .colHead acc-head{margin-bottom:10px;}
.experts-wrapper .register-btn
{margin-top: -10px;}
.experts-wrapper .colBody.acc-data.win-data
{clear:both;}
.experts-wrapper .winner-winner-item > .wrapper{
	height:auto;
}
.experts-wrapper .winner-skill-item{
	padding-bottom: 20px;
    display: inline-block;
    width: 100%;
}
.experts-wrapper .alert.alert-warning{
	margin-bottom:0;
}
/***************************About******************************/
.president-details{width: calc(100% - 220px);}

/*************** Winners ****************/
.winners-years {
	padding:5px;
}
.winner-category-item > .acc-head{
	padding:5px 7px;
}
.winner-category-item > .acc-data{
	padding:25px;
}
.winner-winner-item{}
.winner-winner-item > .wrapper{padding:20px;height: 250px;overflow: hidden;}
.winner-skill-item.item-opened .acc-head{
	margin-bottom:10px; 
}
.images-area img, .prev-win-group img{
	display:inline-block;max-width:100%;
}
.prev-win-group .winner-previous-item{
	text-align:center;
}
.images-area .slick-dots li{
	width:auto;height:auto;margin:0 3px;
}
.images-area .slick-dots li button{
	margin:0px;padding:0px;min-width:0;width:auto;height:auto;display:inline-block;
}
.images-area .slick-dots li button:before{
	line-height:normal;position:static;width:auto;height:auto;font-size:10px;
}
.images-area .slick-dots li button:before{
	opacity:1;
}
.winner-previous{
	padding:10px 0px;
}
.winner-image-li{
	overflow:hidden;
}
.yearsHeaders{
	margin:0;
}
.yearsHeaders li{
	text-align:center;font-size:1.4em;
}
.yearsHeaders li.currentYear{
	width:calc(100% - 85px);display:inline-block;text-align:center;position:relative;top:-5px;
}
.yearsHeaders li.nextYear a, .yearsHeaders li.prevYear a{
	opacity:0;display:block;
}
.yearsHeaders li.nextYear.filler:before, .yearsHeaders li.prevYear.filler:before{
	opacity:0.5;
}
.yearsHeaders .prevYear:before, .yearsHeaders .nextYear:before{
	position:absolute;top:5px;
}
.yearsHeaders li.nextYear, .yearsHeaders li.prevYear{
	width:40px;display:inline-block;overflow:hidden;text-align:center;position:relative;
    font: normal 2em FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.winner-winner-item h4{
	min-height:38px;font-size:1.4em;margin:0;
}
.winner-winner-item .data-area div{
	font-size:1.3em;
}
.winner-winner-item h5{
	font-size:1.3em;margin:0;margin-bottom:10px;
}
.winners-wrapper .actvet-accordion .accordion-item  .accordion-item .acc-head{
	font-size:1.4em;padding-bottom:5px;font-weight:bold;
}
.winners-wrapper .actvet-accordion > .accordion-item > .acc-head{
	font-size:1.6em;font-weight:bold;
}
.eskills-filters input[type="submit"]{
	margin:0;
}
.ms-core-listMenu-horizontalBox ul{
	display:inline;
}

/******************* National Competition numbers**************/
.number-circle {
	display: inline-block;
	border-radius: 50%;
	width: 10vw;
	height: 10vw;
	margin: 0.75vw;
	text-align: center;
	padding: 1.5vw 0px;
	box-sizing: border-box; transition: all 0.3s ease-in-out 0s;
}
.number-circle span.number {
	display: inline-block;
	width: 100%;
	font-size: 2.5em!important;font-weight:bold;
}
.number-circle:hover, .number-circle:focus, .number-circle:active {
 transform: scale(1.2);
    z-index: 10;

}

/************ Stories Page ************/
.stories-listing .story-item{
	margin-bottom:20px;
}
.stories-listing .story-item h3{
	margin-top:10px;font-size:1.3em;
}
.stories-listing .story-item div{
	font-size:1.2em;
}
[id*="successStoryData"] .row{
	margin:20px 0;
}
[id*="successStoryData"] [id*="lblName"]{
	font-weight:bold;font-size:1.1em;color:#027e9a;
}
[id*="successStoryData"] [id*="lblSkillName"]{font-size:1.2em;} 
[id*="successStoryData"] [id*="lblDesc"]{font-size:1.1em;}
[id*="successStoryData"] [id*="ImagesDiv"]{padding:0 5%;} 
[id*="successStoryData"] [id*="ImagesDiv"] .slick-slide{padding:0 0.5%;} 
.latest-stories-item{display:inline-block;width:22%;padding:1%;overflow:hidden;}
.latest-stories-item .truncate{display:inline-block;margin-top:5px;}
.latest-stories-item img{max-width:100%;}

/******************Search****************************/
.search-results-wrap.inner-page .inner-title{
	margin-bottom:0;
}
.ms-srch-hover-innerContainer{
	max-width:100% !important;
}
.opportuinty-list .panel-body label{
	display:block;
}
/**********skills*********/
.media-list .skill-item .item-heading {
    margin-top: 0;}
.media-list .skill-item p {
    line-height: 24px;
    font-size: 1.1em;
}
.listing-related span{padding-top:0;font-size:0.9em}
.skill-item .listing-related img{height: 3vh;}
 .prev-win-group img{
	max-height:50px;
}


/* Home skills poc */
#newaccordion {list-style: none;margin: 30px 0;padding: 0;height: 60vh;
			   width: 100%;overflow: hidden;}
#newaccordion li {float: left;display: block;height: 60vh;width: 40px;padding: 0;overflow: hidden;
				  text-decoration: none;font-size: 16px;line-height: 1.5em;border-left: 1px solid #fff;box-sizing: border-box;position:relative;}
#newaccordion li img {border: none;border-right: 1px solid #fff;float: left; margin: -15px 15px 0 0;}
#newaccordion li.active {width: calc(100% - 120px);}
#newaccordion li > h4{display:inline-block;width:40px;height:60vh;margin:0;float:left;cursor:pointer;}
#newaccordion li > h4 span{transform: rotate(-90deg);display: inline-block;width: 58vh;position: absolute;bottom: 0;transform-origin: 20px;margin-bottom: 20px;}
html[dir="rtl"] #newaccordion li > h4 span {left: 0;margin-top: 20px;margin-bottom:0!important;}
#newaccordion li > div{display:inline-block;width:calc(100% - 40px);height:60vh;float:left;}
#newaccordion li .skill-info {width: 60%;height: 60vh;float: right;padding: 20px;box-sizing: border-box;background: rgba(255,255,255,0.6);overflow-y:auto;}
	.skill-info h4 {
	    color: #fab400;
	    font-size: 1.8em;
    	font-weight: normal;
	}
	.skill-info h6 {
	    color: #027e9a;
	    font-size: 1.4em;
	    font-weight: normal;
	}
	.your-skills #newaccordion li > h4{
		color:#fff!important;
	}
	.your-skills #newaccordion li:nth-child(2n+1) > h4{
		background:#12809b;
	}
	.your-skills #newaccordion li:nth-child(2n+1) > h4:hover{
		background:#189dbe;
	}

	.your-skills #newaccordion li:nth-child(2n+2) > h4{
		background:#f8b407;
	}
	.your-skills #newaccordion li:nth-child(2n+2) > h4:hover{
		background:#f7c139;
	}

	.your-skills #newaccordion li:nth-child(2n+3) > h4{
		background:#00b0df;
	}
	.your-skills #newaccordion li:nth-child(2n+3) > h4:hover{
		background:#57c6e3;
	}

	.your-skills #newaccordion li:nth-child(2n+4) > h4{
		background:#eb7b29;
	}
	.your-skills #newaccordion li:nth-child(2n+4) > h4:hover{
		background:#ea8e4b;
	}

	.your-skills #newaccordion li:nth-child(2n+5) > h4{
		background:#016272;
	}
	.your-skills #newaccordion li:nth-child(2n+5) > h4:hover{
		background:#128598;
	}

	.your-skills #newaccordion li:nth-child(2n+6) > h4{
		background:#81252a;
	}
	.your-skills #newaccordion li:nth-child(2n+6) > h4:hover{
		background:#94353b;
	}

	.your-skills #newaccordion li:nth-child(2n+7) > h4{
		background:#f8b407;
	}
	.your-skills #newaccordion li:nth-child(2n+7) > h4:hover{
		background:#f7c136;
	}
	
.gallery-list>div .download-media{
    position: absolute;
    top: 10px;
    right: 22px;
    color: #fff;
    background: rgba(0, 0, 0, 0.8);
    padding: 5px;
    z-index: 99;
}

/******************************************************/
/**************** Media Queries ********************/
@media screen and (max-width: 1560px){
.page-how .join ul:not(.ms-core-menu-list) h3 a{font-size:1.1em}
}
@media screen and (max-width: 3000px) {
.carousel-home-main .carousel-details-inner{
	padding:12vw 0px;transform:scale(0.7);
}
.onepage-wrapper .section.page-why {min-height:700px;}
.floating-menu{
	top:30vh;
}
.albums-list li a h3{
	height:60px;
}

.home-body #s4-workspace{
	overflow:auto; 
}
.disabled-onepage-scroll, .disabled-onepage-scroll .wrapper{
	overflow:hidden;
}
	.page-about-content{
		width: 340px;
	}
	.accordionjs{
		height:60vh;
	}
	
	.page-how .join ul h3 a{
		font-size:1em;	
	}
	.page-how .join ul
	{
	    margin: 0;
    	padding: 0;
    	width: 100%;
	}
	.page-how .join ul li{
	    width: 23%;
	}
	.page-how .join ul p{
		line-height: 1.5em;
	}

	.eskills-filters .validatino-msg{padding:0 15px}
	.sponsors .slick-slider {
	    max-width: 90vw;
	    padding: 0px 10vw;
	}
.videos h2 {
    margin-top: 10px !important;
}
.onepage-wrapper, .onepage-wrapper .section{
	height:auto;
}
.onepage-wrapper .footer-sub.section{
	height:100%;
}
.home-body footer.container-fluid
{
	position:relative;
}
.page-why .emirates-skills
{
	min-height:700px;
}
}
@media screen and (max-width: 1023px) {
.number-circle {
	display: inline-block;
	border-radius: 50%;
	width: 150px;
	height: 150px;
	margin: 0.75vw;
	text-align: center;
	padding: 40px 0px;
	box-sizing: border-box; transition: all 0.3s ease-in-out 0s;
}
.countdown-container .count-numbers {
    font-size: 70px;
}


.onepage-wrapper, .onepage-wrapper .section{
	height:auto;
}
.onepage-wrapper .footer-sub.section{
	height:100%;
}
.home-body footer.container-fluid{
	position:relative;
}
.icon-area-top img {
    max-height: 85%!important;
}
header .nav-level ul li {
    padding: 2px;
    font-size: 1em;
}
.ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item {
    margin-right: 10px;
}
header .nav-level ul{
	float:none!important;
}
.page-competition.section .ms-webpart-titleText{
	margin:0;
}

.stories-list:not(.touch) li:hover .story-details {
    padding: 15px;
}
.stories-list li.hovered .story-details {
    padding: 15px;
}



.story-details span{
	font-size:0.9em;
}
.story-details span:first-child{
	font-size:1em;
}
.competition-data a{
	margin-top: 10px;
}
}

@media screen and (max-width: 580px) {
.winner-winner-item{
	width:100%;margin-bottom:20px;
}
.partners-list li > a .img-wrapper{height:40vw;}
.partners-list .truncate {
       white-space: normal;}
} 
@media screen and (width: 768px) {
.albums-list li a h3{
	height:60px;
}
.albums-list li .item-meta-data .count{
	font-size:12px;
}
.soical .instagram .insta-item a{
	width:150px;
	height:150px;
}
.stories-listing .story-item h3{
	margin-top:0;
	    margin-bottom: 12px;
}
.latest-stories-item{width:47%;}
.media-list .media .item-body,.skill-item.media .item-left{
	width:100%;
}
.form-group select.form-control{
	background-image:none !important;
	    -webkit-appearance: menulist !important;
}
.skill-item.media .item-left{margin-bottom:10px;}

}


@media screen and (max-width: 768px) { 
.media-resource-item .image-area-left a{
overflow:visible;height:auto;
}

.related-albums .flip-area .location {
    width: 100%;
    height: 100%;
}
.member-details .name{
	font-size:1.1em;
}
.member-details .skill,
.member-details .year,
.member-details .cateogry,
.prev-win > p,
.no-prev-win{
	font-size:1em;
}

.team-item-cntnr .profile{
	height:170px;
}
.expert-item .team-item-cntnr .profile{
	height:235px;
}

.story-wrapper {
    padding: 10px 0 !important;
    }
  .story-wrapper   .col-sm-9{
	padding-right: 0 !important;
}
[dir='rtl'] .story-wrapper  .col-sm-9{
	padding-left: 0 !important;
}


  .count-down.flip-clock-wrapper ul {
    width: 9%;}
   .eskills-filters .form-group{
	max-width:none;
  }
  .eskills-filters .form-group:nth-of-type(1){
  	border::1px solid red;
  }
  .eskills-filters input[type="submit"]{
	float:none!important;margin:0;
  }
 	.side-content{
		position:static;margin-left:0!important;margin-right:0!important;padding:0;width: 100%;
	}
	.side-content h4{
		margin:0px;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;box-sizing:border-box;
	}
	.side-content > *{
		padding:10px 20px;
	}
	.stories-list li{
		width: calc(33vw - 3.5px);
	}	
	.page-how .join ul:not(.ms-core-menu-list) h3 a {
	    font-size: 0.8em;
	}
	.advertisment{top:20vh;}
	.winner-winner-item h4 {
	    font-size: 1.2em;
	}
	a.back-to-top {
	    display: none;
	    width: 40px;
	    height: 40px;
	    position: fixed;
	    text-align: center;
	    font-size: 2em;
	    padding: 15px;
	    z-index: 999;
	    bottom: 20px;
	    -webkit-border-radius: 30px;
	    -moz-border-radius: 30px;
	    border-radius: 50%;
	}
	.page-about-content{bottom: 0vh;width:33vw;}
	.page-about-content h3{font-size: 32px;}
	.page-about-content p{margin:0;}
	.albums-list li .item-meta-data .count > span{font-size:1.6em;}
	.albums-list li .item-meta-data{font-size:0.8em;}
	.albums-list li .item-meta-data .count{padding:0 4px;}
	.related-albums .flip-area > div{width:100%;}
	.carousel-home-main .slick-dotted.slick-slider{margin-bottom:0px;}
	
	.experts-wrapper .register-btn{margin-top:0px!important}
	
	.countdown-container .count-numbers {
    font-size: 40px;
}
.countdown-container .text {
    font-size: 18px;
}
.countdown-container .separator {
font-size: 30px;

}
.countdown-container .separator{
	vertical-align:text-bottom;
	display:inline-block;
}
.countdown-title{
	
	font-size:2em !important;
	margin-bottom:10px !important;
	margin-top:10px;
	
}
.counter-wrap{
	padding-top:10px;
}
.countdown-container{
margin-bottom:10px;

}


 }
@media screen and (max-width: 767px) {
.carousel-home-main .carousel-details-inner{
	padding:0px 30px;transform:scale(1);
}
.ms-srch-hover-outerContainer{
	display:none !important;
}
.carousel-home-main .slick-dots{
	bottom:120px;;
}
.ms-srch-siteSearchResults #SearchBox {width: 100%;display:block}
    .ms-srch-item { width: 100%;display:block}
    .ms-srch-item-path{ width: 100%;display:block}
    .ms-srch-siteSearchResults {float:none;}
.footer-section.col-sm-4{width:100%;}
.skill-item{
	margin-bottom:25px;
}
.eskills-filters .form-group .form-control{
	width:90%;
	max-width:100%;
}
.soical .social-title {
    font-size: 2em;
    position: relative;margin-bottom: 30px;}
.skill-item .item-left, .skill-item .item-body{
	padding:0px;
}
  .animated-input{
	display:none!important;
  }
  header .ms-srch-sb{
	display:block;
}
header .container-fluid>.navbar-header{
	margin-left:0;margin-right:0; 
}
.mobile-search{margin-top:10px;}
header .eskills-wrapper img, header .actvet-wrapper img,  header .zayedlogo-wrapper img{
	max-height:90px;
}
  header  #SearchBox input[type=text]{    width: calc(100% - 30px) !important;}
  header.main-header {
	position:relative;
  }
  header .mid-area{
	width:100%;
  }
  header.main-header .nav>li a{
	font-size:1em;
  }
  header.main-header .mid-area > *{
	display:inline-block;
	width:auto;
  }
  header.main-header .mid-area > .nav-level{
	width:100%;
  }
  
  header.main-header .navbar-collapse{
	z-index: 999999;
    position: fixed;
    width: 0px;
    /*height: 100vh!important;*/
    top: 0;
    bottom:0;
    margin:0;
    padding-top:150px;
  }
  header.main-header .navbar-collapse.in{
    max-width: 425px;
    width:100%;
  }
  header .lang-switch {display: inline-block;margin-bottom:10px;}
  header .nav-level ul{
  	margin:0;margin-bottom:25px;
  }
  header.main-header .navbar-collapse li a{
	padding:15px 60px;
  }
  header.main-header .navbar-collapse .nav-logo{
	display:inline-block!important;
	position: absolute;
    top: 15px;
    width:165px;
  }
  header .nav-level ul li{
	display:block;
}
.ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item{
	display:block;
}
.navbar .ms-core-listMenu-root {
    text-align: initial;
}
  header.main-header .navbar-collapse .close-menu{
	display:inline-block!important;
	font-size:3em;
	position: absolute;
    top: 25px;
    cursor:pointer;
  }
  header.main-header .search-div{
	display:block;
  }
  header.main-header .nav>li{
	width:100%;margin:0;padding:0;
  }
  header.main-header .nav>li.home .fa:after{
		margin:0 10px;
  }
  header .eskills-wrapper {
    width: 33%;
    display: inline-block;
  }
   header .zayedlogo-wrapper {
    width: 33%;
    display: inline-block;
  }
  
  header .zayedlogo-wrapper img{
    margin:auto;
  }


  header .actvet-wrapper {
    text-align: right;
    width: 33%;
    display: inline-block;
    float: right;
  }
  header .actvet-wrapper img{
  	margin-top:18px;
  }
	.floating-menu {
	    position: static; 
	    z-index: 1; 
	    text-align: center;
	}
	.floating-menu ul {
	    margin:0;
	}
	.floating-menu ul li {
	    width: auto;
	    display: inline-block;
	    min-height:80px;
	}
	.floating-menu ul li div.collapsible-cntnt{
		top:40px;
	}
	.floating-menu share-button .sb-social{
		top:91px!important;
	}
	.ms-srch-sb-searchImg{
	display:none;
}
footer .submit-wrap{
	text-align:center;    margin-bottom: 15px;
}
.marquee-sibling{
	width:30%;
}
.page-how .join ul:not(.ms-core-menu-list) h3 a{
	font-size:0.7em;
}
.page-how .join ul:not(.ms-core-menu-list) h3 a .first-word{
	font-size:0.85em;
}
.page-how .join ul:not(.ms-core-menu-list)>li{
	width:25%;
}
.soical .row{
	height:auto;
}
.story-details{
	font-size:1em;
}
.soical .col-sm-4{
	width:100%;
	margin-bottom:15px;
}
.our-stories .flexed{
	height:auto;
}
.footer-section h3{
	margin-top:20px;
	margin-bottom:10px;
}
footer .row{
	padding-top:0px;
}
a.static.selected.menu-item.ms-core-listMenu-item.ms-displayInline.ms-core-listMenu-selected.ms-navedit-linkNode{
	position:static;
}
header.main-header .navbar-collapse .close-menu {
    right: 20%;
}
html[dir="rtl"] header.main-header .navbar-collapse .close-menu {
    left: 20%;right:auto;
}
.news-item h3, .press-item h3{
	margin-top:10px;
}
.media-list .skill-item .item-heading {
    margin-top:10;
}
}
@media screen and (max-width: 550px) {
.touch-more-info {
    padding: 4px;
    width: 23px;
    height: 23px;
    font-size: 1.2em;
}
.elibrary-item .touch-more-info{padding:3px 8px;}
.inner-page.container-fluid {
   background-size: 35% !important;
} 
.popup-overlay .close-btn {
    top: -43px;
    width: 30px;
    background-size: 100% !important;
}
.popup-overlay .gallery-popup {
    max-width: 73%;
}
   [id*="successStoryData"] [id*="ImagesDiv"] {
    padding: 0 10%;
}
.footer-section {
       padding: 0;
    margin-bottom: 30px;
    border-bottom: 2px solid;
    border-top: none !important;}

    .inner-search {
   width: 100%;}
.page-how .join ul:not(.ms-core-menu-list)>li {
    width: 100%;margin-bottom:20px;
}
.ann-details{
	max-height:none;
	height:auto;

}
.slider-sponsors .slick-arrow i{
	font-size:30px;
}
.icon-area-top {
    width: 20vw;
    height: 20vw;
}
.page-how .join ul li a:after, .page-how .join ul li a:before{
	display:none;
}
.page-how .join ul:not(.ms-core-menu-list) h3 a {
    font-size: 1em;
}
.page-how .join ul h3 {
    min-height: 0;
}
.page-about-content h3, .page-about-content h4{
	margin:10px 0;
}
.page-about-content p {
    padding: 0 5px;
    }
.page-about-content {
    width: 100%;
    position: relative;
    top: 0;
    right: 0;
    background: #a5a5a5;
    padding: 15px;
}
.floating-menu ul li div.collapsible-cntnt{
	left:0;
}
html[dir="rtl"] .floating-menu ul li div.collapsible-cntnt{
	right:0;
	left:auto;
}
.marquee-sibling{
	width:35%;
}
.marquee {
    margin-left: 30%;
}
html[dir="rtl"] .marquee {
    margin-right: 30%;
    margin-left: 0;
}
.page-competition .dfwp-list>li {
    width: 100%;
}
.competition-item {
    height: 65vh;
}
.competition-data .comp-type h3 {
    color: #fff;
}
.competition-data .description{
	margin-top:26vh;color:#fff!important;
}
.page-competition .dfwp-list>li:first-child  .competition-data .description{
	margin-top:12vh;
}
.competition-data  p.description h3{
	font-size:1.3em;margin-top:10px;
}
.competition-data a{font-size:2em;}
.page-competition .dfwp-list>li:first-child .competition-data {
    padding-top: 15vh;
}
.page-competition .dfwp-list>li .competition-data {
    padding-top: 0;
}

.advertisment {
    top: 5vh;
}
p.why-breif {
    top: 2vh;
}
.stories-list li {
    width: calc(40vw - 3.5px);
}
.slider-sponsors img{
	height:auto;max-height:none;width:90%;
}
}

@media screen and (max-width: 500px) {
	header.container-fluid{
		padding:25px;
	}
	.news-press-listing .nav-tabs > li {
	    width: 49%;
	}
	.stories-listing .story-item > div{
		width:100%;
	}
	.latest-stories-item{width:47%;} 
	.page-about-newsticker .marquee-sibling{
	font-size:1em;width:auto;padding:0 5px;
}
.news-press-listing .news-item img, .news-press-listing .press-item img{
	width:100%;
}
.news-item h3, .press-item h3{
	margin-top:10px;
}
.title-container .album-link {
    display: block;
    width: 100%;
}
.media-resource-item .image-area-left img{
	width:100%;
}
.news-press-listing .nav-tabs > li > a, .news-press-listing .nav-tabs > li > a:hover, .news-press-listing .nav-tabs > li > a:focus{
	font-size:1.2em;
}
}
@media screen and (max-width: 400px) { 
.section.page-how,.soical>div{
	background-size:100% auto !important;
}
.marquee {
    margin-left: 40%;
}
p.why-breif {
    width:60%;font-size:1em;
}
.latest-stories-item{width:100%;}
.page-about-content-inner {
    padding: 0 15px;
}
.skill-details .listing-related{
	clear:both;display:inline-block;
}
.skill-details .listing-related li{
	width:49%;margin-bottom:20px;
}
.yearsHeaders li.nextYear, .yearsHeaders li.prevYear{
	width:20%;
}
.yearsHeaders li.currentYear{
	width:57%;
}
.winner-winner-item > .wrapper{
	height:auto;
}
.gallery-carousel .gallery-image img, .gallery-carousel .gallery-video video{
	max-width:100%;
}
.carousel-home-main .slick-dots{
	bottom:8vh;
}
.timer-link{
	width:75%;
}
.skill-item .listing-related li{
	width:49%;margin-bottom:20px;
}
.advertisment{top: 0!important;}
}
	@media screen and (max-width: 370px) {
.albums-list li .item-meta-data .count > span {
    font-size: 1.4em;padding: 0 4px;} 
    .albums-list li .item-meta-data .count {
    margin: 0;
}
}

@media screen and (max-width: 350px) {
.news-press-listing .nav-tabs > li > a, .news-press-listing .nav-tabs > li > a:hover, .news-press-listing .nav-tabs > li > a:focus {
    font-size: 1em;
}
	.popover-subscribe{
	box-sizing:border-box;} 
	.media-resource-item .image-area-left a{
		calc(11.5vw + 10vh + 0.5vmin);
	}
	.ms-srch-item-path{word-break:break-all;}
	.ms-srch-item-body{display:block;}
	.ms-srch-item-summary{width:100%;}
	.video-item>span{max-width:30%;}
	.media-resource-item .image-area-left a{height:auto;}
	}
@media screen and (max-width: 1023px) {
header{
	display:block !important;
}
.scroll-more{
	display:none !important;
}
}
@media screen and (max-width: 1280px) {
	.slider-sponsors .slick-arrow{
	    margin: 0 5px!important;
	}
	.icon-area-top img{
		max-height: 100%;
	}
	.page-how .join ul h3{
		margin-bottom:0;
	}
	.page-how .join ul p{
		padding-top:0;
	}

}
@media screen and (max-width: 500px) {
.carousel-home-main .carousel-details-inner{
	padding:0 10px;
}
.carousel-home-main .carousel-details .carousel-title {
    width: 80%;
    font-size: 30px;}
    .carousel-home-main .slick-arrow {
    height: 65px;
    width: 25px;
}
    .carousel-home-main .carousel-details-inner .carousel-desc {
    font-size: 1.2em;}
.page-video .ms-webpart-chrome-title{
	background-size:contain;
	width:100%;
	height:30%;
}
.president-details {
    width: 100%;
}
.eskills-main-wrapper h2.ms-webpart-titleText{
	font-size:1em;
}
.page-why h3{
	font-size: 24px;
    position: relative;
    top: -10px;
    width: 42.5%;
    line-height: 26px;
    text-align: left;
    left: 6px;
}
.page-why h4{
	font-size:20px;
}
.page-why .emirates-skills{background-size: 249% 90%;}

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

li.elibrary-item{
    text-align: center;
    width: 100%;
}

.elibrary-filters .form-group .form-control {
    margin-top: 20px;
    max-width: 100%;
    width: 100%;
}
.inner-page .inner-title {
    font-size: 1.9em;
        margin-top: 30px;
    }
}
@media screen and (width: 1280px) and (max-height: 800px){
	.touchevents  .accordionjs{height:63vh;}
	.touchevents  #acc-container{margin-top:0;}
	.slider-sponsors img{height:7vw;}
}
@media screen and (min-width: 1200px) and (max-width: 1440px){
.search-results-wrap .refiners-cntnr{width:25% !important}
.search-results-wrap .refiners-cntnr+.inner-page-cntnr{width:75%}
.search-results-wrap{border:1px solid red}
.page-how .join ul:not(.ms-core-menu-list) h3 a{font-size:0.9em}
}
@media screen and (max-width: 1279px){
	.page-how .join ul:not(.ms-core-menu-list) h3 {min-height:70px;}
}
@media screen and (min-width: 1350px){
	.team-item, .expert-item{
		width:25%;
	}
}
@media screen and (max-width: 770px) {

.eskills-filters .form-group .actvet-form-label{font-size:1em !Important}
.eskills-filters .item-meta-data .count > span{font-size:1.3em}
}
@media screen and (max-height: 768px) {
.advertisment{top: 0vh;}
.page-about-content {bottom: 1vh;}
.page-about-content h3 {margin-bottom:15px!important;}
.page-about-content p {margin: 0 0 5px 0;}
footer .latest-update{	margin-top:0;}
.page-sponsors h2{margin-top:0;}
.home-body footer.container-fluid{padding-top:10px;padding-bottom:0;}
.copy-right{margin-bottom:0;}
.story-details {font-size: 1.4em;}
}
@media screen and (max-height: 645px) {
.advertisment{top: 20vh;}
.page-competition.section h2.ms-webpart-titleText{font-size: 1.2em;margin-top: -10px;}
.page-competition.section .dfwp-list>li .competition-data{padding-top: 13vh;}
.page-competition.section .competition-data  .comp-type h3{font-size: 2.25em;}




}
@media screen and (max-height: 550px){
.page-competition.section h2.ms-webpart-titleText{font-size: 1em;margin-top: -10px;}
.page-competition.section .competition-data  .comp-type h3{font-size: 1.8em;}
.page-competition.section .dfwp-list>li .competition-data{padding-top: 11vh;}
.page-competition.section .competition-data p.description{font-size: 1.25em;}
.page-competition.section .competition-data  p.description h3{font-size: 1.25em;}

}

@media screen and (max-width: 500px){ 
.carousel-home-main .item .carousel-image{
    background-size: auto 100%;
    background-position: center;
    max-height:190px;
}
.carousel-home-main{
    background-size: auto 100%;
    background-position: center;
    max-height:210px;
}
.carousel-home-main .item{
    background-size: auto 100%;
    background-position: center;
    max-height:190px;
}


.carousel-home-main .carousel-image-inner{height:100%; background-position:center;background-size:auto 100%;}
.carousel-home-main .item img{visibility:hidden;}
.page-competition.section .dfwp-list>li:first-child .competition-data{padding-top:13vh;}
.page-competition.section .dfwp-list>li .competition-data{padding-top:0;}

}

/**************** End of Media Queries *************/
/*#ms-designer-ribbon{
	display:none;
}*/


/*bugfixing*/
div[id$="TopNavigationMenu"] ul ul li span.additional-background.ms-navedit-flyoutArrow.dynamic-children
{
	background-image:none;	
}
div[id$="TopNavigationMenu"] span.additional-background.ms-navedit-flyoutArrow.dynamic-children .menu-item-text:after {
    content: '\f107';
    font: normal normal normal 20px/1 FontAwesome;
    VERTICAL-ALIGN: MIDDLE;
    MARGIN: 0PX 5PX;
} 
.elibrary-acc .accordion-item .acc-data .elibrary-item a.hovered img {opacity: 1;}

@media (pointer:coarse) and (max-width: 1281px) and (min-width: 1025px){
	.home-body #s4-workspace{overflow:auto}
	.home-body footer.container-fluid{position:relative!important}
	
}

@media (pointer:coarse) and (max-width: 1281px){
	.video-item>video{height:100%}
}
@media screen and (max-width: 1281px){
.sponsors .slick-slider{max-width:87vw}
}
@media (pointer:coarse) and (max-width: 768px){
.sponsors .slick-slider{max-width:87vw}
}



/*fixing issues*/
@media (min-width: 750px) and (max-width: 780px){

.filters-area.elibrary-filters.eskills-filters .form-group{
width:40% !important;
}
.filters-area.elibrary-filters.eskills-filters .form-group:nth-last-of-type(1){width:20% !important;}

}

.ms-core-listMenu-horizontalBox .dynamic-children.additional-background{
	background-image:none !important;
}

@media (width:800px){


.page-why .emirates-skills .advertisment	{
	    top: 18vh;
}
	.stories-list li{font-size:10px;}
	
	
}





/*fixing one page scroll issue*/

@media, (min-width: 1025px) and (max-width: 1280px),(width: 800px)
{
.touchevents{}
.touchevents .main .soical {
    background-color: #ef7926;
    background-image: url(../images/getsocial-icons.png);
    background-repeat: repeat;
   
}
.touchevents .main .page-about,
.touchevents .main .page-competition,
.touchevents .main .page-why,
.touchevents .main .your-skills,
.touchevents .main .page-how,
.touchevents .main .page-video,
.touchevents .main .soical{
 position:relative !important;
     width: 100%;
    height: 100%;

}
.touchevents .main .page-why,
.touchevents .main .page-why .emirates-skills {
    min-height: 700px;
}
.touchevents .main .page-how {
    background: #fbb400 url(../images/title-bg.png) no-repeat;
    padding: 20px;
}


.timer-link{
	    padding: 5px 15px;
	        margin-top: 10px;
	        
}

.carousel-home-main .slick-dots{
	    bottom: 12vh;
}
.touchevents .main .videos h2 {
    margin-top: 10px !important;
}
}


@media screen and (max-width: 801px){
	a.back-to-top {

    width: 40px;
    height: 40px;
    position: fixed;
    text-align: center;
    font-size: 2em;
    padding: 15px;
    z-index: 999;
    bottom: 20px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 50%;
}

}



@media screen and (max-width: 1280px){
#DeltaPlaceHolderMain > div:not(.onepage-wrapper) .soical {
    background-color: #ef7926;
    background-image: url(../images/getsocial-icons.png);
    background-repeat: repeat;
   
}
#DeltaPlaceHolderMain > div:not(.onepage-wrapper) .page-about,
#DeltaPlaceHolderMain > div:not(.onepage-wrapper) .page-competition,
#DeltaPlaceHolderMain > div:not(.onepage-wrapper) .page-why,
#DeltaPlaceHolderMain > div:not(.onepage-wrapper) .your-skills,
#DeltaPlaceHolderMain > div:not(.onepage-wrapper) .page-how,
#DeltaPlaceHolderMain > div:not(.onepage-wrapper) .page-video,
#DeltaPlaceHolderMain > div:not(.onepage-wrapper) .soical{
 position:relative !important;
     width: 100%;
    height: 100%;

}
#DeltaPlaceHolderMain > div:not(.onepage-wrapper) .page-why,
#DeltaPlaceHolderMain > div:not(.onepage-wrapper) .page-why .emirates-skills {
    min-height: 700px;
}
#DeltaPlaceHolderMain > div:not(.onepage-wrapper) .page-how {
    background: #fbb400 url(../images/title-bg.png) no-repeat;
    padding: 20px;
}


#DeltaPlaceHolderMain > div:not(.onepage-wrapper) .videos h2 {
    margin-top: 10px !important;
}

}






html[dir="rtl"] .flip-clock-divider .flip-clock-label {
  right: -110px !important;
  }
  
  
@media screen and (max-width:800px){
.count-down.flip-clock-wrapper{
zoom: 0.85;
-moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -webkit-transform: scale(0.9);
    transform: scale(0.9);

    margin: auto !important;
    
max-width:auto !important;
    width: auto!IMPORTANT;
 -ms-transform-origin:center; 
    -webkit-transform-origin: center; 
    transform-origin: center;
    display: -webkit-box; 
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex; 
display: flex;
margin-left:25px !important;	
}

html[dir="rtl"] .count-down.flip-clock-wrapper{
	direction:ltr;
}
.carousel-home-main .carousel-details-inner .timer-link{
	         margin-top: 15px;
}
	.carousel-home-main .slick-dots {
    bottom: 20px !important;
}
html[dir="rtl"] .count-down .flip-clock-divider .flip-clock-label{font-size:22px !important;margin-top: 150px !important;left:100px !important}
}  
  
@media screen and (max-width:650px){
.count-down.flip-clock-wrapper{
zoom: 0.8;
-moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transform: scale(0.8);

	
}
.count-down .flip-clock-divider .flip-clock-label{font-size:22px !important;margin-top: 150px !important;}
.carousel-home-main .carousel-details-inner{
	padding-bottom:50px;
}
.carousel-home-main .carousel-details-inner .timer-link{
	         margin-top: 0;
}


}  


@media screen and (max-width:600px){
	
	#newaccordion li > h4 {
	    display: inline-block;
	    width: 100%;
	    height: 40px;
	    margin: 0;
	    float: left;
	    cursor: pointer;
	    padding: 8px;
	    box-sizing: border-box;
	}
	#newaccordion li > h4 span {
	    transform: none;
	    display: inline-block;
	    width: 100%;
	    position: relative;
	    bottom: auto;
	    margin-bottom: 0px;
	}
	#newaccordion li > div{
		width:100%;height:100%;
	}
	#newaccordion li .skill-info{
		height:100%;overflow:auto;box-sizing:border-box;width:100%;
	}
	#newaccordion li .skill-info *{
		display:inline-block;width:100%;
	}
	#newaccordion li{
		width:100%!important;
	}
	#newaccordion {
	    overflow: visible; 
	}
	html[dir="rtl"] #newaccordion li > h4 span {
	    margin-top: 0px;
	}
	.skill-info h4{font-size:1.3em;}
}
 
 
@media screen and (max-width:500px){
.count-down.flip-clock-wrapper{
	zoom: 0.65;
	-moz-transform: scale(0.65);
    -ms-transform: scale(0.65);
    -webkit-transform: scale(0.65);
    transform: scale(0.65);
	margin-left:0 !important;	
}
html[dir="ltr"] .count-down .flip-clock-divider .flip-clock-label{font-size:22px !important;margin-top: 150px !important;left:20px !important}
html[dir="rtl"] .count-down .flip-clock-divider .flip-clock-label{font-size:22px !important;margin-top: 150px !important;left:60px !important}

.carousel-details-inner .location{
	margin-bottom:10px;
}
.carousel-home-main .carousel-details-inner{
	padding-top:20px;
	max-height:190px;
}
.carousel-home-main .carousel-details-inner .timer-link{
	    width: 55%;
    font-size: 16px;
    padding: 10px;
        margin-top: 0;
}
	.carousel-home-main .slick-dots {
    bottom: 6vh !important;
}



}   
  
@media screen and (max-width:400px){
	.carousel-home-main .slick-dots {
    bottom: 6vh !important;
}

html[dir="rtl"] .count-down .flip-clock-divider.days .flip-clock-label{
	left:38px !important;
}



} 
  
.inner-page .ms-rtestate-field ul{
	list-style:disc;
}
.simple-marquee-container{
	cursor:default;
}
.simple-marquee-container a:hover
{
	cursor:pointer;
}
  
/**********WSA****************/

.brand-header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999;
}  

.brand-header-top-left-1 {
    position: absolute;
    top: 0;
    width: 95px;
    height: 0;
    margin-left: 0;
    border-top: 190px solid #e7b100;
    border-right: 95px solid rgba(0, 0, 0, 0);
    pointer-events: none;
    -moz-transform: scale(.9999);
}
.brand-header-top-left-1 {
    width: 190px;
    border-top-width: 380px;
    border-right-width: 190px;
    box-sizing: border-box;
}


.brand-header-top-left-2 {
    position: absolute;
    top: 0;
    width: 190px;
    height: 0;
    margin-left: 0;
    border-top: 95px solid #e7b100;
    border-right: 190px solid rgba(0, 0, 0, 0);
    pointer-events: none;
    -moz-transform: scale(.9999);
}

.brand-header-top-left-2 {
    width: 190px;
    border-top-width: 190px;
    border-right-width: 380px;
    box-sizing: border-box;
}


#logo {
    display: inline-block;
    float: none;
    max-height: 54%;
    margin-bottom: 0;
    vertical-align: middle;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    -webkit-transform: translate3d(0,0,0);
    width:100px;
}
.brand-header img {
    padding-left: 30px;
    padding-top: 30px;
}
  
.event-list {
    padding-left: 0;
    list-style: none;
    margin: 0;
}

.event-item {
    padding-bottom: 2rem;
    border-bottom: 1px solid #e8e8e8;
    margin-bottom: 2rem;
}

.event-title {
    font-weight: 700;
    margin: 0 0 .5em 0;
    color: #fab400;
}