#mainNav .navbar-brand {
    color: #fbe54e !important;
    font-family: 'Helvetica Neue',Helvetica,Arial,cursive;

}
#head-text{
    padding-left: 0px;
}

header.masthead .intro-text {
    padding-top: 310px;
    padding-bottom: 10px !important;
}

header.masthead-nocu .intro-text {
    padding-top: 310px;
    padding-bottom: 10px !important;
}
time.icon
{
    font-size: 1em; /* change icon size */
    display: block;
    position: relative;
    width: 7em;
    height: 7em;
    background-color: #fff;
    border-radius: 0.6em;
    box-shadow: 0 1px 0 #bdbdbd, 0 2px 0 #fff, 0 3px 0 #bdbdbd, 0 4px 0 #fff, 0 5px 0 #bdbdbd, 0 0 0 1px #bdbdbd;
    overflow: hidden;
}
time.icon *
{
    display: block;
    width: 100%;
    font-size: 1em;
    font-weight: bold;
    font-style: normal;
    text-align: center;
}
time.icon strong
{
    font-size: 24px;
    position: absolute;
    top: 0;
    padding: 0.4em 0;
    color: #fff;
    background-color: #fd9f1b;
    border-bottom: 1px dashed #f37302;
    box-shadow: 0 2px 0 #fd9f1b;
}
time.icon em
{
    font-size: 24px;
    font-weight: bolder;
    position: absolute;
    bottom: 1em;
    color: #fd9f1b;
}
time.icon span
{
    font-size: 3.8em;
    letter-spacing: -0.05em;
    padding-top: 1em;
    color: #2f2f2f;
}
.cal-content {
    display: inline-block;
    text-align: left;
    margin-left: 20px;
    float: left;
    width: 64%;
}

.opci{
    background: rgba(0,0,0,0.9);

}
h3{
    color: #2f2f2f !important;
}
.counter-group {
    margin: 0px auto !important;

}
header.masthead .intro-text .intro-heading {
    font-size: 40px !important;
    margin-bottom: 30px !important;
    line-height: 55px !important;
}
header.masthead-nocu .intro-text .intro-heading {
    font-size: 40px !important;
    margin-bottom: 30px !important;
    line-height: 55px !important;
}
.head_txt{

    font-size: 32px;
    font-weight: bold;
    color: #eb8f34;
    line-height: 28px;

}
.add_line_2{
    color: #104727 !important;
}
header.masthead_fidic {
    margin-top: -150px !important;
    text-align: center;
    color: black;
       background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.tbg{
    background:rgba(0,0,0,0.5);
    padding: 5px 5px 5px 5px;
}
header.masthead {
    margin-top: -150px !important;
    text-align: center;
    color: black;

    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
header.masthead-nocu {
    margin-top: 0px !important;
    text-align: center;
    color: black;
    
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

@media (min-width: 992px)
#mainNav {

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,0.33+100 */
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.33) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.33) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.33) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#54ffffff',GradientType=0 ); /* IE6-9 */
}
#mainNav {

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,0.33+100 */
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.33) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.33) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.33) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#54ffffff',GradientType=0 ); /* IE6-9 */
}

@media (min-width: 992px)
#mainNav.navbar-shrink {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.73+0,0.74+100 */
    background: -moz-linear-gradient(top, rgba(255,255,255,0.73) 0%, rgba(255,255,255,0.74) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,255,255,0.73) 0%,rgba(255,255,255,0.74) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,255,255,0.73) 0%,rgba(255,255,255,0.74) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#baffffff', endColorstr='#bdffffff',GradientType=0 ); /* IE6-9 */
}
#mainNav.navbar-shrink {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.73+0,0.74+100 */
    background: -moz-linear-gradient(top, rgba(255,255,255,0.73) 0%, rgba(255,255,255,0.74) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,255,255,0.73) 0%,rgba(255,255,255,0.74) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,255,255,0.73) 0%,rgba(255,255,255,0.74) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#baffffff', endColorstr='#bdffffff',GradientType=0 ); /* IE6-9 */
}

#mainNav .navbar-nav .nav-item .nav-link {
    font-size: 90%;
    margin-right: 2px;

    color: #900 !important;
    font-weight: bold;
    background: -moz-linear-gradient(top, rgba(255,255,255,0.73) 0%, rgba(255,255,255,0.74) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,255,255,0.73) 0%,rgba(255,255,255,0.74) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,255,255,0.73) 0%,rgba(255,255,255,0.74) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#baffffff', endColorstr='#bdffffff',GradientType=0 ); /* IE6-9 */

}
#login{
    padding: 0.2em 1em!important;
    background: -moz-linear-gradient(top, rgba(255,255,255,0.73) 0%, rgba(255,255,255,0.74) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,255,255,0.73) 0%,rgba(255,255,255,0.74) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,255,255,0.73) 0%,rgba(255,255,255,0.74) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#baffffff', endColorstr='#bdffffff',GradientType=0 ); /* IE6-9 */
}

@media (min-width: 768px)
header.masthead .intro-text .intro-lead-in {
    color: #888888 !important;

}
header.masthead-nocu .intro-text .intro-lead-in {
    color: #888888 !important;

}
header.masthead .intro-text .intro-lead-in {
    color: #b21f2d !important;
}
header.masthead-nocu .intro-text .intro-lead-in {
    color: #b21f2d !important;
}
.top-left-col {
    margin-right: 2px;
    padding-top: 2px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.73+0,0.74+100 */
    background: -moz-linear-gradient(top, rgba(255,255,255,0.73) 0%, rgba(255,255,255,0.74) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,255,255,0.73) 0%,rgba(255,255,255,0.74) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,255,255,0.73) 0%,rgba(255,255,255,0.74) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#baffffff', endColorstr='#bdffffff',GradientType=0 ); /* IE6-9 */
}
.top-left-col-transperent {
    margin-right: 2px;
    padding-top: 2px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.73+0,0.74+100 */
    background: -moz-linear-gradient(top, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.74) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.74) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.74) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#baffffff', endColorstr='#bdffffff',GradientType=0 ); /* IE6-9 */
}
.day-color{
    color: #2f2f2f;
}
.date-color{
    color: #f37302;
}
.time-color{
    color: #f37302;
}
.counter-block .counter-caption{
    color: #000000 !important;
}
.intro-text-color{
    color: #000 !important;



}
.bg-custom{
    color: #b21f2d !important;
}
fieldset.scheduler-border {
    border: 1px groove #ddd !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
    -webkit-box-shadow:  0px 0px 0px 0px #000;
    box-shadow:  0px 0px 0px 0px #000;
}

legend.scheduler-border {
    font-size: 1.2em !important;
    font-weight: bold !important;
    text-align: left !important;
    width:auto;
    padding:0 10px;
    border-bottom:none;
}


header.masthead-itweek {
    margin-top: -150px !important;
    text-align: center;
    color: black;
       background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
header.masthead-itweek .intro-text {
    padding-top: 310px;
    padding-bottom: 10px !important;
}
header.masthead-itweek .intro-text .intro-heading {
    font-size: 40px !important;
    margin-bottom: 30px !important;
    line-height: 55px !important;
}

header.masthead-survey {
    margin-top: -150px !important;
    text-align: center;
    color: black;

    background-image: url(../../img/event/cuisine.jpg) !important;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
header.masthead-survey .intro-text {
    padding-top: 320px;
    padding-bottom: 10px !important;
}
header.masthead-survey .intro-text .intro-heading {
    font-size: 40px !important;
    margin-bottom: 20px !important;
    line-height: 55px !important;

}
.intro-text-color-survey{
    color: #000 !important; 
    font-weight: bold;
}
.custom-h{
    font-family: 'Helvetica Neue',Helvetica,Arial,cursive !important;
}
.btn-custom{
    background-color: #4baad3 !important;
}

header.masthead-erambuma {
    margin-top: -150px !important;
    text-align: center;
    color: black;
    background-image: url(../../img/event/erambuma.jpg) !important;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
header.masthead-erambuma .intro-text {
    padding-top: 310px;
    padding-bottom: 10px !important;
}
header.masthead-erambuma .intro-text .intro-heading {
    font-size: 40px !important;
    margin-bottom: 30px !important;
    line-height: 55px !important;
}

header.masthead-gcc {
    margin-top: -150px !important;
    text-align: center;
    color: black;
    background-image: url(../../img/event/gcc.jpg) !important;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
header.masthead-gcc .intro-text {
    padding-top: 310px;
    padding-bottom: 10px !important;
}
header.masthead-gcc .intro-text .intro-heading {
    font-size: 30px !important;
    font-weight: bold;
    margin-bottom: 30px !important;
    line-height: 55px !important;
}
header.masthead-itbpmweek {
    margin-top: -150px !important;
    text-align: center;
    color: black;
    background-image: url(../../img/event/badulla_itbpmweek.png) !important;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
header.masthead-itbpmweek .intro-text {
    padding-top: 310px;
    padding-bottom: 10px !important;
}
header.masthead-itbpmweek .intro-text .intro-heading {
    font-size: 60px !important;
    font-weight: bold;
    margin-bottom: 30px !important;
    line-height: 70px !important;
}