﻿@charset "utf-8";

/* CSS Document */

/* Table of Contents
-----------------------------------------------------------------------------
1. Clean Base
2. Base Typography
3. Images
4. Links
5. Forms
6. Tables
7. Framework
*/

/* 1. Clean Base
------------------------------------------------------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label,
legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, a, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration:none; list-style:none; outline:none; -webkit-font-smoothing: subpixel-antialiased; -webkit-tap-highlight-color:rgba(0,0,0,0);}

html,body { -webkit-text-size-adjust:none; height: 100%; }
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display: block;}
iframe {vertical-align: top;}
textarea:focus, input:focus, a, div, img { outline: none; }

/* 2. Base Typography
------------------------------------------------------------------------------*/
body{ color:#000; font-size:16px; font-family: 'Roboto', sans-serif; font-weight:400; line-height:1.4; background-repeat: repeat; width: 100%; background-size: cover !important;}

.h1, .h2, .h3, .h4, .h5, .h6,
h1, h2, h3, h4, h5, h6 {color: #000; line-height: 1.2; margin-bottom:20px; font-weight:600; font-family: inherit; text-transform: capitalize; letter-spacing: inherit;}

.h1, h1 {font-size:30px; color: #ba2331; font-weight: 700;}
.h2, h2 {font-size:30px; color: #ba2331; font-weight: 700;}
.h3, h3 {font-size:25px;font-weight: 700;}
.h4, h4 {font-size:22px;color: #ba2331;font-weight: 700;}
.h5, h5 {font-size:20px; color: #ba2331;font-weight: 700;}
.h6, h6 {font-size:16px;color: #ba2331;font-weight: 700;}
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a {color: inherit; text-decoration: none;}

p { color:#000; font-size:16px; font-weight:400; line-height:1.7;  margin-bottom:20px; }
p:last-child { margin-bottom:0; }

ul{ margin:20px 20px; padding:0; }
ul li{ font-size:16px;  color:#000; font-weight:400; line-height:1.4; padding:0 0 5px 0; }
ul > li { list-style:outside disc; }

ol{ margin:20px 20px; padding:0; list-style: none; }
ol li{ font-size:16px;  color:#000; font-weight:400; line-height:1.4; padding:0 0 5px 0; }
ol > li { list-style: outside decimal; }

blockquote{ display:block; text-align:left; margin-bottom:20px; position:relative; background:#f3f3f3; padding:20px 20px; border-left:4px solid #ffb347;line-height: 1.4;font-size: 18px; font-style: italic;}
blockquote p{ font-size:inherit; font-weight:inherit; line-height:inherit; }

hr {border:0 #000 solid; border-top-width:1px; clear:both; height:0; margin: 40px auto;}

img{ border:none; max-width: 100%; vertical-align: top; height: auto;}
img[src$=".svg"] {width: 100%;}

/* 4. Link
------------------------------------------------------------------------------*/
a{ color:#b30b1c; transition: background-color 0.3s ease 0s, color 0.3s ease 0s; }
a:hover{ color:#ffb347; text-decoration: underline; }
a:focus {outline: none;}

/* 5. Forms
------------------------------------------------------------------------------*/
label {color:#000; font-size:16px; font-weight:400; line-height:1.4;  margin-bottom:10px; display: block;}
input[type="text"],
input[type="submit"],
input[type="button"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="search"],
textarea {-webkit-appearance: none; outline: none;}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="number"],
textarea { border:1px solid #dedede; padding:0 15px; color:#000; font-size:16px; height:46px; font-weight: 400; width: 100%; font-family: 'Open Sans', sans-serif;  }
textarea{ height:150px; resize:none; overflow: auto; padding: 20px 15px; }
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
textarea:focus {border-color: #ba2331;}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {-webkit-appearance: button; cursor: pointer; display: inline-block;vertical-align: top;padding: 9px 36px;margin-bottom: 0;font-size: 16px;font-weight: 500;line-height: 1.42857143;text-align: center;border: none;border-radius: 0px;color: #fff;border-radius: 5px;background-image: -moz-linear-gradient( -60deg, rgb(255,185,0) 0%, rgb(255,128,8) 100%);background-image: -webkit-linear-gradient( -60deg, rgb(255,185,0) 0%, rgb(255,128,8) 100%);background-image: -ms-linear-gradient( -60deg, rgb(255,185,0) 0%, rgb(255,128,8) 100%);text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.15); }
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {background-color: #ffb744; color: #fff; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s;}
input[type="search"] {-webkit-appearance: textfield;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
::-webkit-input-placeholder { opacity: 1 !important; color: #000; }
:-moz-placeholder { opacity: 1 !important; color: #000; }
::-moz-placeholder { opacity: 1 !important; color: #000; }
:-ms-input-placeholder { opacity: 1 !important; color: #000; }
.form-group {margin-bottom: 30px;}

/* buttons */
.btn { display: inline-block; vertical-align: top; padding: 9px 36px; margin-bottom: 0; font-size: 16px; font-weight: 500; line-height: 1.42857143; text-align: center; border: none; border-radius: 0px; color: #fff;border-radius: 5px;background-image: -moz-linear-gradient( -60deg, rgb(255,185,0) 0%, rgb(255,128,8) 100%);background-image: -webkit-linear-gradient( -60deg, rgb(255,185,0) 0%, rgb(255,128,8) 100%);background-image: -ms-linear-gradient( -60deg, rgb(255,185,0) 0%, rgb(255,128,8) 100%); text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.15);}
.btn.red{background-image: -moz-linear-gradient( -60deg, rgb(179,11,28) 0%, rgba(179,11,28,0.8) 100%);background-image: -webkit-linear-gradient( -60deg, rgb(179,11,28) 0%, rgba(179,11,28,0.8) 100%);background-image: -ms-linear-gradient( -60deg, rgb(179,11,28) 0%, rgba(179,11,28,0.8) 100%);}
.btn.red:hover,
.btn.red:focus ,
.btn.red:active,
.btn.red:not(:disabled):not(.disabled):active,
.btn.red:not(:disabled):not(.disabled).active{background-image: -moz-linear-gradient( -60deg, rgba(179,11,28,0.8) 0%, rgb(179,11,28) 100%);background-image: -webkit-linear-gradient( -60deg, rgba(179,11,28,0.8) 0%, rgb(179,11,28) 100%);background-image: -ms-linear-gradient( -60deg, rgba(179,11,28,0.8) 0%, rgb(179,11,28) 100%);}
.btn:hover,
.btn:focus ,
.btn:active,
.btn:not(:disabled):not(.disabled):active,
.btn:not(:disabled):not(.disabled).active{ background-image: linear-gradient(to right, #e59618 , #f1b555);color: #fff;text-decoration: none}
.btn-lg { font-size: 14px; padding: 20px 30px; }
.btn-sm { font-size: 12px; padding: 5px 10px; }
.btn-xs { font-size: 12px; padding: 5px 7px; }
.btn-link { color: #b30b1c; text-transform: uppercase; font-size: 12px; font-weight: 700; letter-spacing: 2px; border-bottom: 1px solid #b30b1c; padding-bottom: 2px; }
.btn-link:hover,
.btn-link:focus,
.btn-link:active{ color: #ffb644; font-weight: 700; text-decoration: none; border-bottom: 1px solid #ffb644;}
small{font-weight: 500; color: #ba2331; font-size: 20px; margin-bottom: 10px; display: block;}

.body-content{padding-bottom: 40px;}
.body-content .float-left{margin-bottom: 15px; margin-right: 15px;}
.body-content .float-right{margin-bottom: 15px; margin-left: 15px;}
.body-content .float-none{margin-bottom: 15px;}

/* 6. Tables
------------------------------------------------------------------------------*/
table {border-spacing: 0; border-collapse: collapse;}
td {text-align: left; font-weight: normal;}
.table-responsive {display: block;width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch;-ms-overflow-style: -ms-autohiding-scrollbar}
.table-bordered{width: 100%;max-width: 100%;text-align: left;border-width: 0}
.table-bordered th,
.table-bordered td{ vertical-align: bottom;border-width: 0; border-bottom: 1px solid #ddd;padding: 10px;}

/* 7. Layout Framework
------------------------------------------------------------------------------*/
/* main container */
#wrapper {width:1366px;display: flex;position: relative;flex-wrap: wrap;justify-content: space-between;align-content: space-between;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); margin: 0 auto; background: #fff; min-height: 100%; }

.main-container{width:100%;}
.container-fluid{width:100%; max-width: 100% !important; padding-left: 40px; padding-right: 40px;}

/* header */
.main-header { width:100%; height:auto; background-size: cover; background-repeat: repeat;background-color: #f4edd9}
.logo{display: block;}
.top-header {width: 915px;margin: 0 auto;padding: 17px 0;}
.top-header .title-part{font-size: 35px; color: #b20b1b; line-height: 50px; font-weight: 700; text-align: center;}
.top-header .title-part small{font-size: 30px; color: #000; line-height: 40px; font-weight: 700; display: block;}

.logo {display: block;max-width: 150px;}
/* nav */
.navigation { width:100%; height:auto;background-image: -moz-linear-gradient( -85deg, rgb(255,204,51) 0%, rgb(255,179,71) 100%);background-image: -webkit-linear-gradient( -85deg, rgb(255,204,51) 0%, rgb(255,179,71) 100%);background-image: -ms-linear-gradient( -85deg, rgb(255,204,51) 0%, rgb(255,179,71) 100%);
}
.navigation ul{ padding: 0; margin: 0; list-style: none; text-align: center;}
.navigation ul li{ padding: 0 0px; margin: 0 50px 0 0; list-style: none; text-transform: uppercase; display: inline-block; vertical-align: middle; color: #000;font-size: 15px; font-weight: 600;font-family: 'Open Sans', sans-serif; position: relative;}
.navigation > ul > li:hover:before {content: "";width: 0px;height: 0px;border-top: 6px solid transparent;border-bottom: 0px solid transparent;border-left: 6px solid #000;position: absolute;top: -6px;right: -6px;}
.navigation > ul > li:hover:after{content: "";width: 0px;height: 0px;border-top: 6px solid transparent;border-bottom: 0px solid transparent;border-right: 6px solid #000;position: absolute;top: -6px;left: -6px;}
.navigation ul li.active:before {content: "";width: 0px;height: 0px;border-top: 6px solid transparent;border-bottom: 0px solid transparent;border-left: 6px solid #000;position: absolute;top: -6px;right: -6px;}
.navigation ul li.active:after{content: "";width: 0px;height: 0px;border-top: 6px solid transparent;border-bottom: 0px solid transparent;border-right: 6px solid #000;position: absolute;top: -6px;left: -6px;}
.navigation ul li a {padding: 14px 20px; display: block;  color: #000;}
.navigation > ul > li:hover > a:before{content: ""; background: #b30b1c; width: 100%; height: 6px; top: -6px; left: 0; right: 0; position: absolute;}
.navigation ul li.active a:before{content: ""; background: #b30b1c; width: 100%; height: 6px; top: -6px; left: 0; right: 0; position: absolute;}
.navigation ul > li:hover > a {background: #b30b1c; text-decoration: none; color: #fff;}
.navigation ul li.active  a {background: #b30b1c; text-decoration: none; color: #fff;}
.navigation ul li:last-child{margin-right: 0;}
.navigation ul > li:hover > a{text-decoration: none; color: #fff; }
.navigation ul > li > ul{opacity: 0; display: none; visibility: hidden;position: absolute;left:0;background: #ffc43a;width: 100%;top: 49px; text-align: center;width: 220px; z-index: 999999;}
.navigation ul > li > ul > li{margin-right: 0; width: 220px;border-bottom: 1px solid #f2f2f2;}
.navigation ul > li:hover > ul {opacity: 1;visibility: visible;display: block;}
.navigation ul > li > ul  ul{top: 0; left: 100%;}

/* responsive nav for small devices */
.hamburger{padding: 0;margin: 0;height: 50px;width: 48px;text-align: center;background-color: transparent;position: absolute;top: 20px;right: 20px;z-index: 99;border: 4px solid #fcae03;border-bottom: 0;border-radius: 22px 22px 0 0;}
.hamburger:hover,
.hamburger:focus{background-color: transparent;outline: none;}
.hamburger .line{width: 22px;height: 2px;background-color: #b20b1b;display: block;margin: 4px auto;}
.hamburger:hover{cursor: pointer;}
.hamburger .wrap{display: block;margin-top: 10px;}
.hamburger small{font-size: 13px;margin: 0;}
#menu{position: fixed;top: 0;left: -100%;width:100%;height: 100%;background-color: #b20b1be8;transition: all 0.3s ease-in-out;z-index: 999;overflow: auto;padding-bottom: 50px;padding-top: 40px;}
#mobilenav.is-open #menu{left: 0;}
#mobilenav ul,
#mobilenav li{padding: 0;margin: 0;list-style: none;position: relative;}
#mobilenav ul ul{display: none;}
#mobilenav .caret{display: block;width: 36px;height: 36px;position: absolute;top: 3px;right: 2px;cursor: pointer;}
#mobilenav .caret:not(.trigger-caret){pointer-events: none;}
#mobilenav .caret:before,
#mobilenav .caret:after{content:'';position: absolute;top: 0;left: 0;bottom: 0;right: 0;display: block;margin: auto; width: 20px;height: 2px;background: #fff;}
#mobilenav .caret:after{transform: rotate(-90deg);transition: all .2s ease;}
#mobilenav .is-open > .caret:after{transform: rotate(0)}
#mobilenav li a {display: block;padding: 10px 15px;cursor: pointer;z-index: 2;font-size: 16px;text-decoration: none;color: #ffffff;border-bottom: 1px solid #ffffff3d;}
#mobilenav .has-sub>a{padding-right: 40px;}
#mobilenav li li a {padding-left: 30px;font-size: 14px;text-decoration: none;color: #fff;background: #ffcc33b8;}
#mobilenav li li li a {padding-left: 50px;}
#mobilenav .nav-backdrop{ position: fixed;height: 100%;width: 100%;background: rgba(0,0,0,0.8);z-index: -1;opacity: 0;visibility: hidden;transition: all 0.4s ease-in;}
#mobilenav.is-open .nav-backdrop{ opacity: 1;z-index: 999;visibility: visible;}
#mobilenav .close-menu.hamburger{top: 10px;right: 10px;}
#mobilenav .close-menu.hamburger .line{background-color: #fff}
#mobilenav .close-menu.hamburger small{color: #fff;}


/* footer */
.main-footer { width:100%; height:auto;  line-height: normal;}
.main-footer .top-part{padding-top:50px; padding-bottom: 30px;background:#f1f1f1;}
.main-footer .top-part .title{font-size: 24px; color:#b30b1c; font-weight: 700; margin-bottom: 20px;}
.main-footer .top-part p{color: #262626;}

.social-block ul{margin: 0;padding: 0;}
.social-block ul li{color: #262626; font-weight: 700; list-style: none; display: inline-block; vertical-align: middle; margin-right: 20px; font-size: 16px;}

.top-part .side-part .title {font-size: 16px;}
.top-part .side-part ul {margin: 0; padding: 0;}
.top-part .side-part ul li{list-style: none; font-size: 14px; color: #262626;}
.top-part .side-part ul li a{color:#262626; }
.top-part .side-part ul li a:hover{text-decoration: none; color: #fcc638;}
.top-part .side-part .contact-part address{font-size: 14px; color: #262626; font-style: normal; display: block; padding-left: 35px; margin-bottom: 26px; position: relative;}
.top-part .side-part .contact-part address:before{content: "";background: url(../../images/map-pin-icon.png)no-repeat; position: absolute; left: 0; top: 0; width: 15px; height: 22px;}
.top-part .side-part .contact-part  a{display: block; padding-left: 35px; margin-bottom: 26px; font-size: 14px; color: #262626; position: relative;}
.top-part .side-part .contact-part .phone-icon:before{content: "";background: url(../../images/phone-icon.png)no-repeat; position: absolute; left: 0; top: 0; width: 18px; height: 18px;}
.top-part .side-part .contact-part .fax-icon:before{content: "";background: url(../../images/fax-icon.png)no-repeat; position: absolute; left: 0; top: 0; width: 19px; height: 19px;}

.bottom-part{background: #b30b1c; text-align: center;}
.bottom-part p{font-size: 14px; font-weight: 300; color: #fff; line-height: 40px;}


/*--------- home page ------------*/
/* banner part */
.hero-section{position: relative; height: 540px; display: flex; align-items: center; justify-content: center;overflow: hidden;}
.hero-section:after{content: ""; background: url(../../images/border.png) repeat; width: 100%; position: absolute; bottom: -2px; left: 0; right: 0; height: 26px;}
.main-video video {height: 100%;left: 0;object-fit: cover;object-position: center center;position: absolute;top: 0;width: 100%;vertical-align: top;}
.play-pause-btn{position: relative; cursor: pointer; width: 80px;}
.play-pause-btn .play-video.active{display: none;}
.play-pause-btn .pause-video.active{display: none;}
.welcome-part{padding-top:60px; padding-bottom: 40px; }
.welcome-part h1{margin-bottom: 10px;}
.welcome-part .img-part{position: relative;}
.welcome-part .img-part img{display: block; width: 100%;}
.welcome-part .img-part:before{content: "";background: url(../../images/img-border.png)repeat; height: 25px; position: absolute; bottom: 0px; left: 0; right: 0;}
.welcome-part .text-section{margin-bottom: 35px;}
.welcome-part .col-sm-8{position: relative;}
.welcome-part .col-sm-8 .btn{position: absolute; bottom: 0; left: 15px;}
.about-section .block{text-align: left; margin-bottom: 30px;}
.about-section .block img{display: inline-block; vertical-align: middle;max-width: 45px;}
.about-section .block .desc-part{display: inline-block; vertical-align: middle; margin-left: 35px;}
.about-section .block .desc-part .title{font-size: 20px; color: #ba2331; font-weight: 500;}
.about-section .block .desc-part p{font-size: 14px;}
.event-section{background: #f6f7fa; text-align: center; padding-top:60px; padding-bottom: 40px;}
.event-section .main-block .card{border-radius: 5px; background: #fff;-webkit-box-shadow: -1px 1px 20px -8px rgba(31,197,222,0.62);
    -moz-box-shadow: -1px 1px 20px -8px rgba(31,197,222,0.62);
    box-shadow: -1px 1px 20px -8px rgba(31,197,222,0.62); border: none; overflow: hidden; height: 100%;}
.main-block .block{margin-bottom: 40px;}
.event-section h2{margin-bottom: 30px;}
.event-section .main-block .card .img-part{position: relative;}
.event-section .main-block .card .img-part:before{content: "";background: url(../../images/img-border.png) repeat; position: absolute; bottom: -8px; left: 0; right: 0; width: 100%; height: 25px;}
.event-section .main-block .card .img-part img{width: 100%; display: block;}
.event-section .main-block .card h5 a{color: #ba2331;}
.event-section .main-block .card h5 a:hover{color: #ffa24b; text-decoration: none;}
.event-section .main-block .card p{color:#97928f}
.card-body{padding: 2.25rem;}
.date-part{min-width: 60px; min-height: 60px; background: #ffcc33; border-radius: 3px; text-align: center; font-size: 17px; color: #000; position: absolute; left: 10px; top: 10px; line-height: 1.2; padding: 5px 10px 0 10px; text-transform: capitalize;}
.date-part span{display: block; font-size: 29px;}
.daily-activity{padding-top: 40px; padding-bottom: 40px;}
.daily-activity .block{position: relative; height: 100%;}
.daily-activity .block:before{content: ""; background: url(../../images/img-border.png)repeat; width: 100%; height: 25px; position: absolute; bottom: 0; left: 0; right: 0;}
.daily-activity h3{background: #b30b1c; width: 100%; color: #fff; min-height: 50px; text-align: center; line-height: 50px; margin-bottom: 0; position: relative;}
.daily-activity h3:before{ content: ""; width: 0; height: 0; border-left: 14px solid transparent;border-right: 14px solid transparent;border-top: 14px solid #b30b1c; position: absolute; bottom: -14px; left: 0; right: 0; margin: 0 auto;}
.daily-activity .schedule{padding: 30px 20px;}
.daily-activity .schedule .row{margin: 0 0 15px 0;}
.daily-activity .schedule .days-btn{background-image: -moz-linear-gradient( -60deg, rgb(255,185,0) 0%, rgb(255,162,75) 100%);background-image: -webkit-linear-gradient( -60deg, rgb(255,185,0) 0%, rgb(255,162,75) 100%);background-image: -ms-linear-gradient( -60deg, rgb(255,185,0) 0%, rgb(255,162,75) 100%); font-size: 18px; color: #fff; text-transform: uppercase; text-align: left; min-height: 47px; line-height: 47px;}
.daily-activity .schedule .event-desc{border: 1px solid #c9c9c9; background: #fff; font-size: 16px; text-transform: uppercase; color:#000; padding: 11px 30px; }
.daily-activity .schedule .no-row{margin-bottom: 0;}
.daily-activity .schedule .no-row .col-xl-4 ,  .daily-activity .schedule .no-row .col-xl-8{margin: 0; padding: 0; text-transform: capitalize;}
.daily-activity .schedule .no-row .col-xl-4 {color: #ba2331; font-size: 16px; color: #ba2331; font-weight: 700;}
.inner-section{background-size: cover !important; height: 300px;}
/* closed state */
#sidebar .list-group .list-group-item[aria-expanded="false"]::after {content: "";display: inline;text-align: right;width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #b30b1c;position: absolute;right: 10px;top: 19px;}
#sidebar .list-group .list-group-item[aria-expanded="true"]::after {content: "";display: inline;text-align: right;width: 0; height: 0; border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid #b30b1c;position: absolute;right: 10px;top: 19px;}
.download-section p strong{width: 100%; display: block;}
.download-section .block{background:url(../../images/bg-pattern.jpg)repeat; height: 100%; padding: 15px;}
.download-section .block .btn{max-width: 170px;}
.filters{padding: 0;margin: 0;}
.filters li{display: inline-block;vertical-align: top;list-style:none;padding-right: 10px;}
.filters li a:hover{text-decoration: none;}
.tab-part{border: 1px solid #ba2331;cursor: pointer;border-radius: 3px;text-align: center;font-size: 15px;position: relative;display: block;padding: 6px 20px;min-width: 100px;text-decoration: none;}
.tab-part.active{background:#ba2331; color: #fff;}
.tab-part.active:before{content: "";width: 0; height: 0; border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #ba2331;position: absolute; left: 0; bottom: -11px; right: 0; margin: 0 auto; text-align: center;}
.col-xl-12.tab-view.mb-4 {margin: 0 15px;}
.nav-tabs{border: none;}
.tabbing-part ul{margin-top: 0; margin-bottom: 0;}
.nav-tabs{margin: 0; padding: 0;}
.nav-tabs li{list-style: none; text-align: center;}
.nav-tabs li a{font-size: 22px; line-height: 1.5; font-weight: 700; background: #ffbd3f;transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; position: relative;}
#accordion .panel-title a {font-size: 18px; line-height: 1.5; font-weight: 700; background: #ffbd3f;transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; position: relative; text-align: center; text-transform:capitalize; padding: 10px; display: block;}
#accordion .panel-title a:hover{color: #fff; text-decoration: none;}
.nav-tabs li a:hover{color: #fff;}
.nav-tabs li a small{font-size: 16px; line-height: 1.2; margin-bottom: 0; color: #000;transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s;}
.nav-tabs li a.active small{color: #fff;}
.nav-tabs li a.active:before{content: "";width: 0; height: 0; border-left: 15px solid transparent;border-right: 15px solid transparent;border-top: 15px solid #ba2331;position: absolute; left: 0; bottom: -15px; right: 0; margin: 0 auto; text-align: center;}
.nav-tabs li a:hover small{color: #fff;}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {color: #fff;background-color: #ba2331;border-color:none;}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {border-color:none;}
.volunteer-section{background: #f2f2f2;}
.activity-part .card-title{text-align: center; padding-top:10px; font-size: 18px; font-weight: 700; color: #ba2331;}
.volunteer-part .btn{font-size: 22px; background: linear-gradient(to right, #ba2331 , #ea4958); padding: 14px 36px; width: 100%;}
.volunteer-part .btn:hover{background: linear-gradient(to right, #ea4958 , #ba2331);}
.volunteer-part .btn span{display: block; font-size: 16px;}
.contact-block h4{margin-bottom:15px;}
.contact-block address{margin-bottom: 20px;}
.contact-block address img{margin-right: 10px; display: inline-block; vertical-align: middle;}
.contact-block a{display: inline-block; margin-bottom: 10px; margin-right: 30px; vertical-align: middle; font-size: 15px;}
.contact-block a img{margin-right: 10px; display: inline-block; vertical-align: middle;}
.contact-block a:hover{text-decoration: none;}
.control-group{background: #ffbc40; padding: 20px 20px;}
.control-group h4{margin-bottom: 5px;}
.control {font-family: arial;display: block;position: relative;padding-left: 30px;margin-bottom: 5px;cursor: pointer;font-size: 16px;}
.control input {position: absolute;z-index: -1;opacity: 0;}
.control_indicator {position: absolute;top: 2px;left: 0;height: 20px;width: 20px;background: #fff;border: 0px solid #000000;}
.control-radio .control_indicator {border-radius: undefined%;}
.control:hover input ~ .control_indicator,.control input:focus ~ .control_indicator {background: #f2f2f2;}
.control input:checked ~ .control_indicator {background: #ba2331;}
.control:hover input:not([disabled]):checked ~ .control_indicator,.control input:checked:focus ~ .control_indicator {background: #0e6647d;}
.control input:disabled ~ .control_indicator {background: #e6e6e6;opacity: 0.6;pointer-events: none;}
.control_indicator:after {box-sizing: unset;content: '';position: absolute;display: none;}
.control input:checked ~ .control_indicator:after {display: block;}
.control-checkbox .control_indicator:after {left: 8px;top: 4px;width: 3px;height: 8px;border: solid #ffffff;border-width: 0 2px 2px 0;transform: rotate(45deg);}
.control-checkbox input:disabled ~ .control_indicator:after {border-color: #7b7b7b;}
.events-part .card h5{margin-bottom: 5px;}
.calltoaction{width: auto;border:none;border-radius:3px;background-color:rgb(179, 11, 28);}
.calltoaction .row{margin: auto}
.calltoaction h4{color: #fff;}
#sidebar .list-group-item{ background-color: #fcc638;border-radius: 0 !important; cursor: pointer;}
#sidebar .list-group div .list-group-item{background-color: rgba(252, 199, 56, 0.70)}
#sidebar .collapse.show div .list-group-item{background-color: rgba(252, 199, 56, 0.50)}
#sidebar .list-group-item:hover{color: #fff;}
#options li{list-style: none;}
#sidebar .list-group-item:hover {color: #b30b1c; background:#ffb843;}
#sidebar .list-group div .list-group-item:hover{background:#ffb843;}
body.is-open{overflow: hidden;}
.mobile-title{display: none;}


#sidebar .menu{border:1px solid rgba(0, 0, 0, 0.125);border-radius: 5px}
#sidebar ul {padding: 0;margin: 0;}
#sidebar .menu li{list-style: none;padding: 0;margin: 0;position: relative}
#sidebar .menu ul{display: none;}
#sidebar .menu a{display: block;background-color: #fcc638;padding: 0.75rem 1.25rem;border-bottom: 1px solid rgba(0, 0, 0, 0.125)}
#sidebar .menu  ul  a:not(:hover) {background-color: rgba(252, 199, 56, 0.70);}
#sidebar .menu  ul  ul  a:not(:hover){background-color: rgba(252, 199, 56, 0.50);}
#sidebar .menu a:hover,
#sidebar .menu a.is-there {color: #b30b1c !important;background: #ffb843 !important;text-decoration: none;}
#sidebar .menu .caret{content: "";display: inline;text-align: right;width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #b30b1c;position: absolute;right: 10px;top: 19px;pointer-events: none;}
.culture-content{display: none;}
.show-first{display: block;}
.select-trigger {display: none;}
.nav-tabs {display:none;}
.no-row{margin: 0;}

/* Added by M */
.main-body {background:url(../../images/body-bg.jpg);}
.shift-right {float: right;}
.shift-left {float: left;}
#sidebar ul.main-ul {padding: 20px 20px 0 20px; width: 100%;}

/* Added by N */
.home-header {background-image: url(../../images/bg-pattern.jpg);}