@charset "UTF-8";
/*****************************************************************************!
font-family: 'Roboto', sans-serif;
font-family: 'Roboto Condensed', sans-serif;

Black color				:#231F20;
Light Green				:#a8dacc;

Bg Darker Green			:#67C3AD;
Bg Lighter Green		:#CEE3D5;

Bg Grey color		:#F7F7F9;

Light Grey Line color	:#8d8d8d;

Design & Develop by MinLoveCat.sg

body {
  background: url('../img/bg.jpg') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
	background-position: top center;
}

minlovecat
Last updated 16 July 2018

******************************************************************************/
@font-face {
  font-family: 'HelveticaNeue';
  src: url('HelveticaNeue.eot'); /* IE9 Compat Modes */
  src: url('HelveticaNeue.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('HelveticaNeue.woff2') format('woff2'), /* Super Modern Browsers */
       url('HelveticaNeue.woff') format('woff'), /* Pretty Modern Browsers */
       url('HelveticaNeue.ttf')  format('truetype'), /* related-itmes-mobileSafari, Android, iOS */
       url('HelveticaNeue.svg#svgFontName') format('svg'); /* Legacy iOS */
}

h1, h2, h3, h4, h5, .nav-link li a, .alt-font, .btn-green{
	font-family: 'HelveticaNeue', Fallback, sans-serif !important; text-transform: uppercase;
	letter-spacing: .01em !important; line-height: 120%;
}
h1, h2, h3, h4, h5, body{font-family: 'HelveticaNeue', Fallback, sans-serif !important; color:#333;}
body, p, button, #success-project-contact-form { font-size: 14px; line-height: 130% !important;}

h1{font-size: 34px;}
h2{font-size: 26px;}
h3{font-size: 20px;}
h4{font-size: 18px;}
h5{font-size: 16px; text-transform:inherit; font-weight: 600;}

.row div p a{color:#67C3AD !important;}
.row div p a:hover{ text-decoration: underline;}
.bg-green{background-color: #CEE3D5;}

.section-title h2{ padding-bottom: 20px;}

a, a:active, a:focus {color: #231F20 !important; text-decoration: none;}

h3 a:hover{ color:#67C3AD !important;}

.col-btn{ width:100%; display: block; float: left;}
.margin-0-bottom{ margin-bottom: 0 !important;}
section {padding: 50px 0;}

.page-title h1{ margin-bottom: 0; padding-bottom: 0; color:#000; font-weight: 600;}
.subpage-breadcrumb{ padding-top: 15px;}

.row div p{
	line-height: 140% !important;
	font-weight: bold;
}

.col-content ul{padding: 0 0 10px 0 !important;}
.col-content ul li{ padding: 0 0 5px 5px; margin: 0 0 0 20px;}

.inner-cover{ padding: 180px 0;}

.section-content{ }
.section-bread-content{}

.section-inner-content{ }
.section-inner-bread-content{}

.portfolio-item-title h4.smallcaps { text-transform: lowercase !important; }
 h1.smallcaps { text-transform: lowercase !important; }
li.smallcaps { text-transform: lowercase !important; }

.popup-youtube{display: none !important;}

/*****Button************/
.btn-green{background-color: #67C3AD; color:#fff !important;}
.btn-green:hover{background-color:#231F20; color:#fff !important; }


/*****Scroll to Top************/
.scroll-top-arrow, .scroll-top-arrow:focus{
	width:38px; height: 38px; line-height: 38px;  background: #231F20;
	bottom: 15px !important; right:10px !important;
}

.scroll-top-arrow .fas:before{ font-size: 18px; color:#fff; }


/*****Side icons*******
  	-webkit-transition: all 1s;
  	-moz-transition: all 1s;
  	-ms-transition: all 1s;
  	-o-transition: all 1s;
  	transition: all 1s;
*****/
.social {z-index:99; right:-120px; position: fixed; top: 170px; width:165px;}
.social ul {padding: 0px;}

.social ul li{list-style: none;}
.social ul li a {
	display: block; margin: 5px; 
	background: #249d9e;
background: -webkit-linear-gradient(#249d9e 0%, #ffffff 100%);
background: -o-linear-gradient(#249d9e 0%, #ffffff 100%);
background: linear-gradient(#249d9e 0%, #ffffff 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#249d9e', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	width: 160px; height: 38px;
  	text-align: left; padding: 10px;
	transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-duration: .2s;
    -moz-transition-duration: .2s;
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
}

.social ul li .fas{vertical-align:middle; padding-right:10px; font-size: 18px; }
.social ul li .hidetxt {visibility: hidden; display: inline; color:#000; font-size:12px; font-weight: 600;}
.social ul li:hover .hidetxt {visibility: visible;}

.social ul li:hover {
  	-webkit-transform: translate(-90px, 0px);
  	-moz-transform: translate(-90px, 0px);
  	-ms-transform: translate(-90px, 0px);
  	-o-transform: translate(-90px, 0px);
	transform: translate(-90px, 0px);
}

.social ul li.buy-ticket{
	-webkit-transform: translate(-90px, 0px);
  	-moz-transform: translate(-90px, 0px);
  	-ms-transform: translate(-90px, 0px);
  	-o-transform: translate(-90px, 0px);
	transform: translate(-90px, 0px);
}

.social ul li.buy-ticket a .hidetxt{ visibility: visible;}


/*****************************************************************************! 
Animation
******************************************************************************/
@-webkit-keyframes move-div-left{
	0%{-webkit-transform:translateX(0);transform:translateX(0)}
	50%{-webkit-transform:translateX(-12px);transform:translateX(-12px)}
	100%{-webkit-transform:translateX(0px);transform:translateX(0px)}
}

@keyframes move-div-left{
	0%{-webkit-transform:translateX(0);transform:translateX(0)}
	50%{-webkit-transform:translateX(-12px);transform:translateX(-12px)}
	100%{-webkit-transform:translateX(0px);transform:translateX(0px)}
}

@-webkit-keyframes move-div-right{
	0%{-webkit-transform:translateX(0);transform:translateX(0)}
	50%{-webkit-transform:translateX(12px);transform:translateX(12px)}
	100%{-webkit-transform:translateX(0px);transform:translateX(0px)}
}

@keyframes move-div-right{
	0%{-webkit-transform:translateX(0);transform:translateX(0)}
	50%{-webkit-transform:translateX(12px);transform:translateX(12px)}
	100%{-webkit-transform:translateX(0px);transform:translateX(0px)}
}

.mov-div-1{animation: move-div-left 5s linear infinite;}
.mov-div-2{animation: move-div-right 5s linear infinite;}


/*****************************************************************************! 
Header 
******************************************************************************/
header{ 
	background-image: url('../img/header-bg.png');
	background-position: top left; background-repeat: repeat-x; 
	position: relative !important; overflow: hidden; 
}

.pattern-header{ position: absolute; top:0; right:0; }
.pattern-header-mobile{ display: none;}
.top-header-area{ background-color: #231F20;}

.navbar{ height: auto; margin-bottom: 0 !important;}
header nav .nav-header-container{ vertical-align: top; }
header a.logo img{ width:350px; height: auto; max-height: 160px; padding-bottom: 10px;}

header nav .row{align-items: flex-start;}
.header-social-icon{ padding: 20px 10px 0 0; display: none;}
.header-social-icon a i, .header-searchbar a i {margin: 0 6px;}
.header-social-icon a .fa-facebook-square,
.header-social-icon a .fa-instagram,
.header-social-icon a .fa-youtube{font-size: 18px; color:#fff;}

.navbar-toggle{ padding: 10px;}

.dropdown-open ul{ display: block !important; visibility: visible !important; height: 100% !important;}

.mobile-toggle span {
    display: block;
    width: 28px;
    height: 3px;
    background: #232323;
    content: "";
    margin: 5px 0px;
}

.close-button-menu:after, .close-button-menu:before {
    height: 3px;
    width: 28px;
 }



/***********! Header Pattern ***********/
.nav-header-container{ position: relative; overflow: hidden;}
.header-pattern{ position: absolute; top:0; right:0;}


/***********! Slide in Nav ***********/
.full-width-pull-menu .link-style-2 ul li{width:100%;}
.close-button-menu{top:12px; right:24px;}
.opacity-light { opacity: .95;}

.padding-fourteen-lr{ padding-left:5%; padding-right: 5%;}
.full-width-pull-menu .link-style-2 .dropdown ul li{ padding: 10px 0;}
.full-width-pull-menu .link-style-2 .dropdown ul li a{ font-size: 18px; font-weight: 600;}

.white-link .mobile-toggle:hover span { background: #a8dacc !important;}


/***********! CountDown ***********/
.count-down{  position: relative; float: right; width:100%; margin-right: 10px; margin-bottom: 10px;}
.count-down p{ padding: 0 0 5px 0; margin: 0; font-weight: 800; color:#000;}

.count-down .counter-container{
	font-family: 'HelveticaNeue', Fallback, sans-serif; float: right; background-color: #231F20; padding: 10px;
}
.top-bar-count-down .counter-container .counter-box,
.count-down .counter-container .counter-box{width:auto; height: auto;}

.top-bar-count-down .counter-container .counter-box .number,
.count-down .counter-container .counter-box .number { 
	font-size: 24px !important; font-weight: 600; float: left; color:#fff;
	letter-spacing: 1px !important; padding: 0 5px 0 10px;  line-height: normal !important;	
}

.top-bar-count-down  .counter-container .counter-box span,
.count-down .counter-container .counter-box span{ 
	float: left; font-size: 12px; color:#fff; font-weight: 600; opacity: 1; padding: 0 10px 0 0; 
}

.top-bar-count-down span{ 
	display: block !important; padding: 0; font-size: 12px !important;  text-align: center;
}

.top-bar-count-down .countdown{display: block !important; float: left; width:100% !important;}
.top-bar-count-down .counter-container{width:100%; padding: 0px; font-family: 'HelveticaNeue', Fallback, sans-serif;}
.top-bar-count-down .counter-container .counter-box .number{ font-size: 14px !important; padding-top: 5px;}
.top-bar-count-down .counter-container .counter-box span{ font-size: 12px !important;}

.top-header-area{ display: none;}

.active-about, .active a{color:#67C3AD !important;}
.active-inner a{color:#a8dacc !important;}

.breadcrumb ul > li:after {content: "\f105"; font-size: 12px; margin-top: -2px;}

/*****************************************************************************! 
Home
******************************************************************************/

/***********Slider***********/
.section-slider{ padding: 0 !important; margin: 0 !important}
.slide-content{ margin-bottom: 70px !important;}
.slide-content a div h1{ font-weight: 700;}
.slide-content a div h1, .slide-content a div p{color:#fff; margin-bottom: 0;}

.swiper-wrapper a .swiper-slide .container .slider-typography .slider-text-middle-main .slider-text-bottom .slide-content{ 
	z-index: 9999999 !important; display: block !important;
}

/* ------Home Slider----------- */
	.section-slider-desktop{ display: block;}
	.section-slider-mobile{ display: none;}

/***********Programmes***********/
.section-content, .section-programmes{position: relative;}
.pattern-programmes{position: absolute; top:-60px; left:-150px;}
.pattern-programmes img{width:72%;}
.section-content .pattern-programmes img{width:200%; opacity: .3;}


.section-programmes, .bg-gradient-green{    
	background: linear-gradient(to bottom, #67c3ad 0%, #cee3d5 100%);
}

.program-box{display: flex;}
.program-image{width:50%;}
.program-copy{width:50%; text-align: left;}

.bg-video{ padding: 160px 0 80px 0;}
.cover-map, .home-rsvp-form{padding-left: 0; padding-right: 0;}


/***********Contact Form***********/
.home-rsvp-form{ min-height: 600px;}

.rsvp-contact-form .row .col-md-12 input, .rsvp-contact-form .row .col-md-12 select,
.rsvp-contact-form .row .col-md-12 input{ 
	background-color:rgba(255, 255, 255, 0.5);
	border: 1px solid #67C3AD;
	margin-bottom: 10px;
}

input.input-bg {
    background-color:rgba(255, 255, 255, 0.6); 
    border-radius: 0; border: 1px solid #67C3AD;
    padding: 10px 20px; margin-bottom: 15px;
}

#success-project-contact-form {
    clear: both; margin: 15px 0; text-align: left; border: none;
    color: #231F20; font-weight: 600; padding: 0; display: none;
}

/***********Sponsor logo***********/
.section-sponsors{ background-color: #fff;}
.sponsor-logo img{width:70%;}
.sponsor-logo{ text-align: center; margin: 0 auto;}
.sponsor-logo img{width:200px;}


/*****************************************************************************! 
About
******************************************************************************/
.past-festivals ul li{list-style: none; padding: 0 !important; margin: 0 !important;}

.past-festivals ul li a{ 
	padding: 10px 20px; border: 2px solid #231F20; display: block; 
	float: left; margin: 15px 15px 15px 0; font-weight: 600; 
}

.past-festivals ul li a:hover{ background-color:#231F20; color:#fff !important; }


.naf2018-logo{ float: left; width:22%; padding: 0 30px 60px 0;}

/*****************************************************************************! 
What's On

Black color				:#231F20;
Light Green				:#a8dacc;

Bg Darker Green			:#67C3AD;
Bg Lighter Green		:#CEE3D5;

Bg Grey color		:#F7F7F9;

Light Grey Line color	:#8d8d8d;
******************************************************************************/
.portfolio-filter li a{color:#8d8d8d !important; font-weight: 600; }
.portfolio-filter li.active a{ color:#231F20 !important;}
.portfolio-item-info{width: 100%; background-color: #F7F7F9; min-height: 130px; padding: 5px 20px;}
.portfolio-item-title h4{
	font-size: 15px !important; 
	padding-top: 15px; margin-bottom: 5px; font-weight: 600; text-transform: capitalize !important;
}

.portfolio-item-description{
	width:100%; text-align: center !important; display: block; font-size: 13px; 
}

.inner-sidebar div{ padding-bottom: 10px;}
.inner-sidebar div h5{color:#67C3AD; margin-bottom: 10px;}

.bio-sidebar img{ padding-bottom: 20px;}
.bio-sidebar p a:hover{color:grey !important;}

#modal-bio p a{color:#67C3AD !important;}

.modal-bio-socials{}
.modal-bio-socials a i, .header-searchbar a i {margin: 0 6px;}
.modal-bio-socials a .fab{color:#231F20;}
.modal-bio-socials a .fa-youtube::before{ top:40.5%; position: absolute;}
.modal-bio-socials a:hover .fab{color:grey;}

.modal-bio-socials a .fa-facebook-square{font-size: 22px;}
.modal-bio-socials a .fa-instagram{font-size: 22px;}
.modal-bio-socials a .fa-youtube{font-size: 26px;}

.related-itmes h3{ font-weight: 600; padding-top: 20px;}
.related-itmes ul{ margin-left: 0 !important;}
.related-itmes ul li{ padding: 5px 15px 5px 0 !important;}

.logo-russian-orchestra{ float: right; width:42%;}
/**********************! 
Icons
***********************/
.grid-with-icon{ position: relative;}
.grid-with-icon a figure .icon-w{
	width:120px; height: 75px; position: absolute; 
	top:0; right:0; 
}

.grid-with-icon a figure .icon-w img{width:120px; height: auto;}



.related-itmes{ display: block;}
.related-itmes-mobile{ display: none;}




/*****************************************************************************! 
Contact
******************************************************************************/
.col-content h3{color:#67C3AD !important; margin-bottom: 10px !important;}
.col-content h3.color-white{color:#fff !important;}

.color-white{color:#fff !important;}


/*****************************************************************************! 
Support

Black color				:#231F20;
Light Green				:#a8dacc;

Bg Darker Green			:#67C3AD;
Bg Lighter Green		:#CEE3D5;
******************************************************************************/
.support-title-h1{ margin-bottom: 0 !important; color:#67C3AD;}
.support-title-h2{text-transform: inherit !important;}

/*****************************************************************************! 
Footer 
******************************************************************************/
.section-footer-msg{ padding: 30px 0 !important; background-color: #F7F7F9;}
.footer-social-icon{ padding: 20px 10px 0 0;}
.footer-social-icon a i, .header-searchbar a i {margin: 0 6px;}
.footer-social-icon a .fab{color:#231F20;}
.footer-social-icon a .fa-youtube::before{ top:40.5%; position: absolute;}
.footer-social-icon a:hover .fab{color:grey;}

.footer-social-icon a .fa-facebook-square{font-size: 22px;}
.footer-social-icon a .fa-instagram{font-size: 22px;}
.footer-social-icon a .fa-youtube{font-size: 26px;}

.footer-copyright p{ margin-bottom: 5px !important;}

.footer-bottom{
	background-color: #231F20;
	background-image: url('../img/footer-pattern.png');
	background-position: center; background-repeat: no-repeat; background-size:auto;
}
.footer-logo{width:auto; max-height: 70px; }

.logo-celebrate .display-table-cell a{ text-align:left !important; display: block; }
.logo-nus-centre .display-table-cell a{ text-align:right !important; display: block; }
.logo-nus .display-table-cell a{ text-align:right !important; display: block; }

.footer-copyright a{color:#333 !important;}