body {
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fafafa;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
     /*background: url(../images/header-bg2.png) repeat-x #fff;*/
     background-color:#fff4e1;
}



a {
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    text-decoration: none;
    color: #333;
    outline: 0!important;
}


.font-sizer {float:right; margin-right:15px;}

.font-sizer ul{
    list-style:none;
    margin:0px;
    padding:0px;   
}

.font-sizer ul li{
    list-style:none;
    display:inline;
    float:left;
    position:relative;
    font-weight:600;    
    margin:0px;
    padding:0px 10px;   
}

button:disabled {
    border-color:transparent;
}

.font-sizer .increase {
}

.font-sizer .reset {

}

.font-sizer .decrease {

}


a:hover,
a:focus{
    text-decoration: none;
    color: #777;
}
table a{ color:#983333;}

.read-more {
    color: #f0353a!important;
}

.read-more:after {
    content: '\f0a9';
    font-family: FontAwesome;
    margin-left: 5px;
    width: 20px;
    display: inline-block;
    color: #fc3250;
}

.read-more:hover {
    color: #666!important;
}

p{
    margin-bottom: 18px;
}
h1, h2, h4, h5, h6 {
    /*font-family: 'Roboto Slab', serif;*/
    color: #333333;
}
h3 {
    /*font-family: 'Roboto Slab', serif;*/
    color: #840000;
}

.mb10{
    margin-bottom: 10px;
}
.h4{
    font-weight:600;
    font-size:18px;
    color:#444444;
}

.section{
    position: relative;
    padding: 50px 0;
    border-bottom: 1px solid #f1f1f1;

}

/*.has-bb{
    border-bottom: 4px solid #f7f7f7;
}*/
.pad-none{
    padding: 0 !important;
}

.pad-tb-80{
    padding-top: 80px;
    padding-bottom: 80px;
}

.border-r{
    border-right: 1px solid #eaeaea;
}
.border-l{
    border-left: 1px solid #eaeaea;
    margin-left: -1px;
}

/*equal height columns*/

.eq-height.box-border .row > [class^='col-']{
    border-left: 1px solid #f7f7f7;
    border-right: 1px solid #f7f7f7;
    padding-bottom: 40px;
}

.eq-height.box-border .row > [class^='col-']{
    margin-left: -1px;
}
.eq-height.box-border .row > [class^='col-']:first-child{
    border-left: none;
}

.eq-height.box-border .row > [class^='col-']:last-child{
    border-right: none;
}

.eq-height.box-border-l .row > [class^='col-']{
    border: 1px solid rgba(0,0,0,.05);
    border-right: 0px solid rgba(0,0,0,.05);
    /*border-bottom: 0;*/

}

.eq-height.box-border-l .row > [class^='col-']{
    margin-left: -1px;

}
.eq-height.box-border-l .row > [class^='col-']:first-child{
    border-left: none;
}

.eq-height.box-border-l .row > [class^='col-']:last-child{
    border-right: none;
}

#content{
    overflow: hidden;
    position: relative;
}
.header_wrapper{
    position: relative;
    width: 100%;
    z-index: 54;
    padding:8px 0px;
}

.header_wrapper{
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}


@media (max-width: 768px) {
   
   .logo{
        max-height: 72px;
    }
    .search-wrapper{
        line-height: 76px;

    }
}






.top-wrapper{min-height:5px; }






header#header{
    position: relative;
}

#logo{
    height: 100%;
    position: relative;
    float: left;
}

#logo img{
    max-height: 88px;
}

.bg-cover{
    background: url(../images/slider-9.jpg) #060f18;
    background-position: 50% 50%;
    background-size: cover;
}





.logo{margin:30px 0px 10px 0px; }

.nav-bar-main{
    background-color:#c8ac6f;
    width:100%;
    position:relative;
}




/*============================================================*/
/*master header */
/*============================================================*/
#master-header{
    min-height:100px;
    position: relative;
    overflow: hidden;
    width: 100%;
    /*height: 100%;*/
    z-index: 1;
}

#master-header .master-holder{
    /*z-index: 50;*/
    width: 100%;
    height: 100%;
    position: relative;
    padding: 80px 0;
}
#master-header .container{
    width: 100%;

}


.owl-theme .owl-controls { margin-top:0px; }
@media (max-width: 768px) {
    #master-header{
        min-height: 100px;
    }
}

#sub-header{
    padding: 50px 0;
    display: table;
    position: relative;
    overflow: hidden;
    width: 100%;
    z-index: 1;
}

#sub-header h2{
    display: table-cell;
    vertical-align: middle;
    font-size: 24px;
    font-weight: 600;
}
#mastEvents{
    position: relative;
    background:#c8ac6f;
    overflow: hidden;

    /*border-bottom: 1px solid #eaeaea;*/ 
    padding: 5px 0;*/
}

.f-heading{
    /*margin-bottom: 20px;*/
    height: 100%;
    /*border-right: 6px solid #ffff00;*/
    position: relative;
}

.eventsCarousel:before{
    content: '';
    position: absolute;
    left: -36px;
    height: 100%;
    width: 6px;
    background:#ffff00 ;
}
.f-heading h2{
    margin: 0;
    /*display: table-cell;*/
    vertical-align: middle;
    font-size:26px;
    font-weight: 800;
}

.f-heading .top-f-head{
    font-size: 14px;
    display: block;
    margin-bottom:10px;
}
.f-light{
    color: #ffffff;
}

.f-dark{
    color:#fff;
    padding:8px 0px;
}

#teaserBlock{
    color: #fff;
    text-align: center;
}
#teaserBlock h2{
    font-size: 26px;
    /*letter-spacing: .9px;*/
    line-height: 140%;
    margin-bottom:30px;
    font-family: 'Roboto', sans-serif;
}

#teaserBlock h3{
    font-size: 20px;
    font-weight: 400;
    font-style: italic;
    font-family: 'georgia', "Avenir Next";
}

#teaserBlock h1{
    font-size: 52px;
    font-weight: 700;
    /*letter-spacing: .9px;*/
    margin-bottom:30px;
    font-family: 'Roboto', sans-serif;
}

.theme_color{
    color: #ff3131;
}

.fw-700{
    font-weight: 700;
}

.tw_italic{
    font-size: 12px;
    font-weight: 400;
    font-style: italic;
    font-family: 'georgia', "Avenir Next";
}

/*============================================================*/
/*divider*/
/*============================================================*/

.divider{
    position: relative;
    width: 160px;
    margin: 30px auto;
    text-align: center;
}

.divider > span{
    height: 1px;
    width: 100%;
    display: block;
    position: relative;
    background: #18202a;
}

.divider > span:after{
    width: 13px;
    height: 13px;
    content: '';
    border-radius: 100%;
    background: #0b131c;
    border: 1px solid #ff3131;
    position: absolute;
    left: 50%;
    top: -7px;
    margin-left: -7px;
    opacity: .7;
}

.spacer-big{
    width: 100%;
    height: 50px;
}

.spacer-small{
    width: 100%;
    height: 30px;
}
/*============================================================*/
/*countdown*//* jQuery Countdown styles 2.0.0. */
/*============================================================*/

.is-countdown {
    border: 0px solid #ccc;
    background-color: transparent;
    /*margin: 50px auto;*/
    /*font-size: 36px;*/
}
.countdown-rtl {
    direction: rtl;
}
.countdown-holding span {
    color: #888;
}
.countdown-row {
    clear: both;
    width: 100%;
    padding: 0px 2px;
    text-align: center;
}
.countdown-show1 .countdown-section {
    width: 98%;
}
.countdown-show2 .countdown-section {
    width: 48%;
}
.countdown-show3 .countdown-section {
    width: 32.5%;
}
.countdown-show4 .countdown-section {
    width: 24.5%;
}
.countdown-show5 .countdown-section {
    width: 19.5%;
}
.countdown-show6 .countdown-section {
    width: 16.25%;
}
.countdown-show7 .countdown-section {
    width: 14%;
}
.countdown-section {
    display: block;
    float: left;
    /*font-size: 100%;*/
    text-align: center;
}

.countdown-section{
    border-right: 1px solid #0b131c;
}
.countdown-section:last-child{
    border-right: none;
}

.countdown-amount {
    font-size: 120px !important;
    font-weight: 700;
    color: #ff3131;
}
.countdown-period {
    display: block;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.countdown-descr {
    display: block;
    width: 100%;
}


@media only screen and (max-width: 768px){
    .countdown-amount {
        font-size: 80px !important;
    }
    .countdown-period {
        font-size: 12px;
    }
    #teaserBlock h2{
        font-size: 18px;
    }

    #teaserBlock h1{
        font-size: 36px;
    }



}

@media only screen and (max-width: 560px){
    .countdown-amount {
        font-size: 50px !important;
    }
}


.callAction{
    position: relative;
    padding: 30px 0;
}

.callAction{
    background: #060f18;
    color: #ffffff;
}

.callAction.dark{
    background: #3bc755;
    color: #ffffff;
}

.callAction h4{
    margin: 0;
    margin-bottom: 10px;
    font-size: 24px;
}

.btn.btn-cta{
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 700;
    background: #ff3131;
    box-shadow: inset 0 -4px 0 rgba(0,0,0,.3);
    border: none;
    color: #fff;
    border-radius: 3px;
}

.section.events{
    position: relative;
    overflow: hidden;
    background: url(../images/poly-pat.png) #060f18;
    width: 100%;
    z-index: 1;
    padding: 0;
}

.events .left{
    width: 50%;
    height: 100%;
    position: relative;
    background: #060f18;
    opacity: .95;
    padding: 60px;
}
.events .right{
    width: 50%;
    height: 100%;
    position: relative;
    background: #3bc755;
    opacity: .90;
    padding: 60px;
}

.pad-40{
    padding: 40px;
}

@media (max-width: 992px) {
    .events .left,
    .events .right{
        width: 100%;
    }
}


/* ====================================
heading block
==================================== */
.heading-block {
    position: relative;
    padding-bottom: 20px;
}
.heading-block:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 60px;
    height: 2px;
    background: #fff;
}
.heading-block.theme_color:after {
    background: #52cc4c;
}


.heading-block h1 {
    font-size: 24px;
    margin: 0;
    font-weight: 300;
    /*text-transform: uppercase;*/
    color: #840000;
}


.heading-block h1.white{
    color: #ffffff;
}

.heading-block h1.inverse{
    color: #3bc755;
}

.heading-block h2 {
    font-size: 16px;
    margin: 0;
    font-weight: 700;
    /*text-transform: uppercase;*/
    color: #222;
}

.heading-block h4 {
    font-size: 20px;
    margin: 0;
    font-weight: 700;
    /*text-transform: uppercase;*/
    color: #d44e36;
}

.event-block{ 
  border:1px solid #eee;
  padding: 10px; 
  margin-bottom:20px;
}



.main-slider{
    margin:0px;
}


.main-slider .item {
    width:100%;
    margin:0;
  }


.main-slider .item  img{
    display: block;
    width:100%;
    height:auto;
}


.eventsCarousel,
.wingsCarousel,
.singleEvent{
    position: relative;
    margin: 0;
}

.singleEvent{
    margin-top: 30px;
}
.eventsCarousel .item,
.singleEvent .item{
    border: 1px solid #eaeaea ;
    margin-right: 10px;
    margin-left: 0px;
    /*padding: 10px;*/
    border-radius:3px ;
    box-shadow: 3px 3px 0px rgba(0,0,0,0.1);
    overflow: hidden;
    min-height: 1px;
}

.singleEvent .item{
    margin: 0;
    padding: 0;
}

.singleEvent .item .left{
    width: 70%;
    float: left;
    margin: 0;
}

.singleEvent .item .left img{
    display: block;
    max-width: 100%;
    height: auto;
}

.singleEvent .item .right{
    width: 30%;
    float: left;
    margin: 0;
    background:#000;
    height: 300px;
}

.wingsCarousel .item{
    /*border: 1px solid #eaeaea ;*/
    border-radius:4px ;
    margin: 10px 5px 0 0;
    padding: 20px;

}

.wingsCarousel h4{
    font-size: 14px;
    text-transform: uppercase;
    padding: 10px 0;
    border-top: 1px solid #f7f7f7;
    border-bottom: 1px solid #f7f7f7;
}
.wingsCarousel .item img{
    display: block;
    max-width: 100%;
    height: auto;
}

.wingsCarousel .owl-theme .owl-controls{
    margin-top: 5px;
}
.eCbox{
    /*overflow: hidden;*/
    position: relative;
    float: left;
    width: 100%;
    background:#ffffff;
}

.eCbox .img-box {
    float: left;
    width: 30%;
    height: 100%;
    border-radius: 4px;
    margin-right: 20px;
}

.eCbox .img-box img{
    display: block;
    max-width: 100%;
    height: auto;
}

.eCbox h2{
    font-size: 14px;
    /*margin-top: 10px;*/
    font-weight: 600;
    margin-bottom: 5px;
}

.eve-date{
    font-size:20px;
    font-weight: 400;
    z-index: -1;
}


.eve-dateinside{
    font-size:18px;
    font-weight:400;
    z-index: -1;
}

.eventsCarousel .owl-theme .owl-controls .owl-buttons div{
    color: #333;
    padding: 5px 10px;
    font-size: 11px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #ffff00;
    font-weight: 600;
    text-transform: uppercase;
    filter: Alpha(Opacity=80);/*IE7 fix*/
    opacity: .8;
}




.main-slider .owl-buttons{ width:100%; background-color:#000; position: absolute; top:48%;}



.main-slider .owl-theme .owl-controls .owl-buttons div{
    color: #fff;
    padding: 10px 20px;
    font-size: 16px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #c8ac6f;
    font-weight: 600;
    text-transform: uppercase;
    filter: Alpha(Opacity=80);/*IE7 fix*/
    opacity: .8;
}


.main-slider .owl-controls .owl-buttons .owl-prev {
    position:absolute;
    left:10px;
    pointer-events: auto;
}


.main-slider .owl-controls .owl-buttons .owl-next  {
    position: absolute;
    right: 10px;
    pointer-events: auto;
}





.eventsCarousel .owl-buttons{ width:100%; background-color:#000; position: absolute; top:50%;}



.eventsCarousel .owl-theme .owl-controls .owl-buttons div{
    color: #333;
    padding: 10px 20px;
    font-size:12px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #ffff00;
    font-weight: 600;
    text-transform: uppercase;
    filter: Alpha(Opacity=80);/*IE7 fix*/
    opacity: .8;

}


.eventsCarousel .owl-controls .owl-buttons .owl-prev {
    position:absolute;
    right:10px;
    pointer-events: auto;
}


.eventsCarousel .owl-controls .owl-buttons .owl-next  {
    position: absolute;
    right: 10px;
    pointer-events: auto;
}














.singleEvent h2{
    font-size: 22px;
    margin-bottom: 20px;
}

.singleEvent .eve-date{
    font-size: 30px;
}

.singleEvent p{
    padding:0 20px;
    line-height: 22px;
}
.item_holder h2{
    display: table-cell;
    vertical-align: middle;
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
}

.item_holder .item_caption{
    font-size: 12px;
    color: #000;
    display: block;
    padding-top: 15px;
}

.item_holder .item_caption .fa{
    margin-right: 5px;
}


.eventsCarousel.dark .item_holder .item_caption{
    font-size: 12px;
    color: #3bc755;
    display: block;
    padding-top: 15px;
}

.item_holder a{
    text-decoration: none;
    color: #fff;
}

.item_holder a:hover{
    text-decoration:underline;
}

.wingsCarousel .owl-theme .owl-controls .owl-page span{
    display: block;
    width: 14px;
    height: 14px;
    background: transparent;
    border: 1px solid #52cc4c;
}

.wingsCarousel .owl-theme .owl-controls .owl-page.active span,
.wingsCarousel .owl-theme .owl-controls.clickable .owl-page:hover span{
    background: #52cc4c;
}




.service_block{
    position: relative;
}

.service_block > p{
    font-size: 14px;
    line-height: 22px;
}
.img_block{
    margin: 20px 0;
    overflow: hidden;
    border-radius: 3px;
}

.img_block img{
    display: block;
    max-width: 100% !important;
}

a.read_more{
    color: #ff3131;
}

a.read_more:before{
    content: "\f101";
    font-size: 12px;
    margin-right: 8px;
    color: #000;
    font-family: "FontAwesome", serif;
}



/*============================================================*/
/*Organisation Structure */
/*============================================================*/


.org-structure{
  border:1px solid #eee;
  overflow:hidden;
  margin:15px;
  text-align:center;
  padding:15px;
}


.org-structure h4{
font-weight:700;
}

.org-photo img{
   border:1px solid #eee;
   padding: 5px;
   border-radius:100%;
   width:160px;
   height:160px; 
}

.name{
color:#740606;
font-weight:600;
padding:5px 0px;
}



.director-photo{
 float:left;
 margin-right:15px;
}

.director-photo img{
 border:1px solid #eee;
 width: 160px;height:160px;
 padding: 5px;
}





/*============================================================*/
/*tab-block */
/*============================================================*/


.list-link {
margin:20px 5px; 
list-style:none; 
padding:0px;}


                        
.list-link li{
position:relative;
margin-bottom:8px;
padding-left:20px;
font-weight:bold;
}

.list-link li a{
    color:#000;
}

.list-link li a:hover{
    color:#2e7dff;
    text-decoration:none;
}

.list-link li:before{
content:'\f101';
display:block;
font-family:'FontAwesome';
position:absolute;
left:0;
font-size:16px;
color:#cf6c8b;
} 





.tab-block{
    background-color:#fff;
    border:1px solid #eee;
    border-top:none; 
    padding:0px 0px;}

.tab-block .nav-tabs {border-bottom:1px solid #e1e1e1;}
.events-block .nav-tabs > li {
  float: left;
  margin-bottom:-1px; 
}
.tab-block .nav-tabs > li > a { margin-right:1px;
  line-height: 1.42857143;
  border-radius:0px 0px 0 0;
  color: #555; font-size:18px;
  font-weight:700;
  background-color: #fff;
  border:1px solid #ddd;  border-top:3px solid #ddd; 
}
.tab-block.nav-tabs > li > a:hover {
  border-color: #eee #eee #ddd;
}
.tab-block .nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #FF6D00;
  cursor: default;
  background-color: #fff;
  border: 1px solid #ddd; border-top:3px solid #52cc4c;
  border-bottom-color: transparent; 
}

.tab-block .tab-content{padding:5px;}


.arrow-list {
margin:20px 5px; 
list-style:none; 
padding:0px;}


                        
.arrow-list li{
position:relative;
margin-bottom:8px;
padding-left:30px;
}

.arrow-list li a{
    color:#000;
}

.arrow-list li a:hover{
    color:#2e7dff;
    text-decoration:none;
}

.arrow-list li:before{
content:'\f001';
display:block;
font-family:'FontAwesome';
position:absolute;
left:0;
font-size:16px;
color:#cf6c8b;
} 



.gallery {
  margin:10px 0px;
  padding:0px;
}

.gallery li{
  list-style:none;
  display:inline-block;
  padding:0px;
  margin:6px 10px;
}

.gallery li img{
  width:255px;
  height:200px;
  border:4px solid #ffbd2e;
 }

.gallery li img:hover{
    opacity:0.80;
}

.gallery li h4{
    background-color:#ffbd2e;
    font-size:18px;
    font-weight:600;
    padding:8px 5px;
    margin:0px;
    color:#fff;
 }



.videos-gallery {
  margin:10px 0px;
  padding:0px;
}

.videos-gallery li{
  list-style:none;
  width:255px;
  height:200px;
  display:inline-block; 
  padding:0px;
  margin:6px 10px;}


.featured-Events{ background-color:#eee; }

/*============================================================*/
/*master header */
/*============================================================*/
.titleBar{
    position: relative;
    overflow: hidden;
    background: url(../images/poly-pat.png) #060f18;
    width: 100%;
    z-index: 1;
}

.titleBar .title-overlay{
    /*z-index: 50;*/
    width: 100%;
    height: 100%;
    position: relative;
    background: #060f18;
    opacity: .95;
    padding: 30px 0;
}

.titleBar h1{
    color: #fff;
    margin: 0;
    font-size: 24px;
}

/*============================================================*/
/*EVENT LIST */
/*============================================================*/

.cElist{
    padding-top: 5px;
    margin-top: 5px;
    border-bottom:2px solid #f7f7f7;
}

.cElist:first-child{
    margin-top: 0;
    padding-top: 0;
    border-top: 0 !important;
}

.cElist h4{
    font-size: 13px;
    font-weight: 600;
    line-height: 22px;
    position: relative;
    padding-left: 26px;
}

.cElist h4:before{
    content: "\f178";
    position: absolute;
    left: 0;
    font-family: "FontAwesome", serif;
    font-size: 14px;
}

.cElist a:hover{
    border-bottom: 1px dotted #333;
}
/*
=====================================================================
     FOOTER
=====================================================================*/

.company-logo{ font-size: 12px;
 text-align:right; color:#fff;
 font-style:italic; 
 line-height:30px;
}

#footer{
    background:#140b00 ;
    color: #ccc;
    position: relative;
    padding: 70px 0;
    padding-bottom: 0;
    border-bottom: 4px solid #52cc4c;
}
#footer .widgettitle{
    color: #333 !important;
    margin-top: 20px !important;
    margin-bottom: 25px !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
    text-transform: uppercase !important;
    font-weight: 800 !important;
    letter-spacing: 1px;

    padding-bottom: 5px;
}
#footer .widgettitle{
    color: #f2f2f2 !important;
}

.widget-list ul{
    margin: 0;
    padding: 0;
}

.widget-list ul li{
    padding-left: 15px;
    margin: 0;
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px dashed rgba(255,255,255,.05);
    list-style: none;
    position: relative;
    font-size: 13px;
}

.widget-list ul li:before{
    content: "\f101";
    position: absolute;
    left: 0;
    font-family: "FontAwesome", serif;
    font-size: 12px;
    top: 0px;
}

#footer .widget-list a{
    color: #ccc;
}
#footer .widget-list a:hover
{
color: #52cc4c;
}


.copyright{
    width: 100%;
    margin-top: 40px;
    background:rgba(0,0,0,.5);
    color: #ccc;
    font-size:12px;
    padding: 20px 0;
    border-top: 1px solid rgba(0,0,0,.1); 
    line-height:30px;
}

/*
=====================================================================
     BUTTONS
=====================================================================*/
.btn {
    display: inline-block;
    padding: 10px 18px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
    color: #333;
    text-transform: uppercase;
    border-radius: 3px;
    white-space: nowrap;
    -webkit-transition: color .3s ease,border-color .3s ease,background .3s ease;
    transition: color .3s ease,border-color .3s ease,background .3s ease;
}

.btn.icon-left .fa {
    margin-right: 6px;
}

.btn.icon-right .fa {
    margin-left: 6px;
}

.btn:hover {
    color: #fff;
    border-color: #333;
}

.btn.active,.btn:active {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-default {
    background: transparent;
    border: 2px solid #ccc;
}

.btn-default:active,
.btn-default:focus,
.btn-default:hover {
    background: #333;
    border-color: #333;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff
}


.btn-lg {
    font-size: 16px;
    padding: 14px 32px;
}

.btn-sm {
    font-size: 12px;
    padding: 6px 16px;
}

.btn-xs {
    font-size: 10px;
    padding: 3px 12px;
}

.btn-primary {
    border-color: #f0353a;
    background: #f0353a;
}

.btn-success {
    background: #66cc7e;
    border-color: #66cc7e;
}

.btn-warning {
    background: #e6c550;
    border-color: #e6c550;
}

.btn-info {
    background: #47a9e6;
    border-color: #47a9e6;
}

.btn-danger {
    background: #e64e4e;
    border-color: #e64e4e;
}

.btn-inactive {
    background: #e6e6e6;
    border-color: #e6e6e6;
    cursor: default;
}

.btn-primary,
.btn-danger,
.btn-inactive,
.btn-info,
.btn-success,
.btn-warning {
    color: #fff;
}

.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.btn-danger:active,
.btn-danger:focus,
.btn-danger:hover,
.btn-inactive:active,
.btn-inactive:focus,
.btn-inactive:hover,
.btn-info:active,
.btn-info:focus,
.btn-info:hover,
.btn-success:active,
.btn-success:focus,
.btn-success:hover,
.btn-warning:active,
.btn-warning:focus,
.btn-warning:hover {
    border-color: #333;
    background: #333;
}



.btn-inactive:active,
.btn-inactive:focus,
.btn-inactive:hover {
    background: #e6e6e6;
    border-color: #e6e6e6;
}
.det-tabs{
    margin-top: 10px;
}
.tabs-left{
    border-right:1px solid #f1f1f1;
}
.det-tabs .nav > li > a{
    padding: 5px;
    padding-left: 15px;
}

.det-tabs .nav > li > a:before{
    position: absolute;
    left: 0;
    font-family: "FontAwesome", serif;
    content: '\f101';
    

}
.det-tabs .nav-tabs > li> a,
.det-tabs .nav-tabs > li > a:hover,
.det-tabs .nav-tabs > li > a:focus{
    color: #000;
    border: none;
    background: transparent;
    font-size: 13px;
    font-weight: 600;
}
.det-tabs .nav-tabs > li.active > a,
.det-tabs .nav-tabs > li.active > a:hover,
.det-tabs .nav-tabs > li.active > a:focus{
    background: transparent;
    color: #ff3131;
}


#slider-w{
    width: 100%;
    height: 520px;
    /*max-height: 460px;*/
    background: #ddd;
    position: relative;
    /*overflow: hidden;*/
}

#wrapper {
    width:100%;
    height:100%;
    position:absolute;
    top:0px;left:0;
    /*background-color:#f00;*/
    overflow:hidden;
}


#mask {
    width:100%;
    height:1200%;
    overflow:hidden;
    /*background-color:#eee;*/
}

.item-p {
    width:100%;
    min-height:500px;
    display:block;
    background-color:transparent;
}


.content {
    /*width:1170px;*/
    /*height:400px;*/
    top:30px;
    /*padding: 40px 0;*/

    margin:0 auto;
    /*background-color:#fff;*/
    position:relative;
    /*padding-right: 15px;*/
    /*padding-left: 15px;*/
    /*margin-right: auto;*/
    /*margin-left: auto;*/
}

/*.content:before,*/
/*.content:after {*/
/*display: table;*/
/*content: " ";*/
/*}*/

/*.content:after{*/
/*clear: both;*/
/*}*/




.selected {
    background:#ffff00 !important;
    font-weight:700;
}

a.nav-anchor{
    display: inline-block;
    /*float: left;*/
    background: transparent;
    border:#000;
    padding: 6px 12px;
    color: #333;
    margin-right: 2px;
    font-weight: 500;
    font-size: 12px;
    border-radius: 0;
    border: 1px solid rgba(0,0,0,.1);
}
a.theme_color{
    background: #52cc4c;
    color: #fff;
}

.cal-imgBox{
    position: relative;
}

.cal-imgBox img{
    max-height: 300px;
    max-width: 100%;
    display: block;
    float: left;
    margin-right: 30px;
}

.cal-imgBox img:last-child{
    margin-right: 0;
}




/* Wrapper handles translation (shake) */
.live-wrap {
  display: inline-block;           /* needed so translate works */
  text-decoration: none;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  animation: live-shake 1.6s infinite;
  will-change: transform;
}

/* Inner element handles scale (pulse) and visual styling */
.live-btn {
  display: inline-block;
  background: #ff0000;
  color: #fff;
  padding: 10px 34px;
  font-size: 20px;
  font-weight: 700;
  border-radius: 40px;
  text-decoration: none;
  border: none;
  line-height: 1;
  letter-spacing: 1px;
  box-shadow: 0 6px 18px rgba(255,0,0,0.18);
  transform-origin: center;
  animation: live-pulse 1.6s infinite;
  transition: transform 0.15s ease, background 0.15s ease;
}

/* Optional: keep focus outline accessible but subtle */
.live-wrap:focus .live-btn,
.live-wrap:focus-visible .live-btn {
  box-shadow: 0 0 0 4px rgba(255,0,0,0.12);
}

/* Pulse (scale) */
@keyframes live-pulse {
  0%   { transform: scale(1); }
  45%  { transform: scale(1.09); }
  70%  { transform: scale(1.04); }
  100% { transform: scale(1); }
}

/* Shake (translate) — subtle horizontal wobble */
@keyframes live-shake {
  0%   { transform: translateX(0); }
  10%  { transform: translateX(-3px) rotate(-0.6deg); }
  20%  { transform: translateX(3px) rotate(0.6deg); }
  30%  { transform: translateX(-2px) rotate(-0.4deg); }
  40%  { transform: translateX(2px) rotate(0.4deg); }
  50%  { transform: translateX(-1px) rotate(-0.2deg); }
  60%  { transform: translateX(1px) rotate(0.2deg); }
  100% { transform: translateX(0); }
}

/* Hover tweak (optional) */
.live-wrap:hover .live-btn {
  transform: translateY(-2px); /* slight lift on hover */
  background: #e00000;
}













        * { box-sizing: border-box;}
        body { padding: 0; margin: 0;}
        ul.accordation { margin: 0; padding: 0; }
        .accordation li{ list-style: none; width: 100%; display: inline-block;}
        .accordation-details { width: 100%;  max-width: 1133px; 
        /*margin: 0 auto;*/
        padding: 0 15px;}
        .accordation li .collapse-title { width: 100%; display: inline-block; text-decoration: none; }
        .accordation li .collapse-title { width: 100%; text-decoration: none; }
         ul.collapse-submenu li { width: 100%; color: #fff; display: inline-block; padding: 4px 8px; }
        .accordation li .collapse-title { width: 100%; text-decoration: none; display: inline-block; color: #840000; font-size: 22px; padding: 9px 10px;  background: #c8ac6f;}
        .accordation li { list-style: none;  width: 100%; display: inline-block; margin: 20px 0;}
        ul.collapse-submenu { padding: 0;  width: 100%; display: none; }