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, nav, section, summary,
time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body {line-height:1;}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {display:block;}
nav ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}
a {margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
ins {background-color:#ff9;color:#000;text-decoration:none;}
mark {background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted;cursor:help;}
table {border-collapse:collapse;border-spacing:0;}
hr {display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}
input, select {vertical-align:middle;}
a:hover, a:focus{ outline: none; text-decoration: none;}
body{font-family: 'Source Sans Pro', sans-serif;}
header{ padding: 0; width: 100%; z-index: 999;-webkit-transition: height 0.3s;-moz-transition: height 0.3s;-ms-transition: height 0.3s;-o-transition: height 0.3s;transition: height 0.3s;}

.mt10{ margin-top: 10px;}
.mt20{ margin-top: 20px;}
.mt30{ margin-top: 30px;}
.mt40{ margin-top: 40px;}
.mt50{ margin-top: 50px;}
.mt60{ margin-top: 60px;}
.mt70{ margin-top: 70px;}
.mt80{ margin-top: 80px;}
.mt90{ margin-top: 90px;}
.mt100{ margin-top: 100px;}
.mn{margin:0 !important;}
.mb10{ margin-bottom: 10px;}
.mb20{ margin-bottom: 20px;}
.mb30{ margin-bottom: 30px;}
.mb40{ margin-bottom: 40px;}
.mb50{ margin-bottom: 50px;}
.mb60{ margin-bottom: 60px;}
.mb70{ margin-bottom: 70px;}
.mb80{ margin-bottom: 80px;}
.mb90{ margin-bottom: 90px;}
.mb100{ margin-bottom: 100px;}
.pn{ padding: 0 !important;}
.pt10{ padding-top: 10px;}
.pt20{ padding-top: 20px;}
.pt30{ padding-top: 30px;}
.pt40{ padding-top: 40px;}
.pt50{ padding-top: 50px;}
.pt60{ padding-top: 60px;}
.pt70{ padding-top: 70px;}
.pt80{ padding-top: 80px;}
.pt90{ padding-top: 90px;}
.pt100{ padding-top: 100px;}
.pt110{ padding-top: 110px;}
.pt120{ padding-top: 120px;}
.pt130{ padding-top: 130px;}
.pt140{ padding-top: 140px;}
.pb10{ padding-bottom: 10px;}
.pb20{ padding-bottom: 20px;}
.pb30{ padding-bottom: 30px;}
.pb40{ padding-bottom: 40px;}
.pb50{ padding-bottom: 50px;}
.pb60{ padding-bottom: 60px;}
.pb70{ padding-bottom: 70px;}
.pb80{ padding-bottom: 80px;}
.pb90{ padding-bottom: 90px;}
.pb100{ padding-bottom: 100px;}
.pb110{ padding-bottom: 110px;}
.pb120{ padding-bottom: 120px;}
.pb130{ padding-bottom: 130px;}
.pb140{ padding-bottom: 140px;}

.header-top {
	background:#000000;
	position:relative;
	z-index:9;
}
.header-top:after,.header-top:before {
	content: "";
	height: 100%;
	position: absolute;
	transform: skewX(-40deg);
	width: 50%;
	z-index: -9;
}
.header-top:after{
	background: #39b40c;
	top: 0;
	left: -25px;
}
.header-top::before {
  background: #fff none repeat scroll 0 0;
  left: 48.5%;
  width: 15px;
}
.header-top p {
	color: #fff;
	padding: 18px 0;
}
.header-top p a{
	color:#fff;
	font-weight:500;
}
.social-icon{margin-top: 14px;}
.social-icon ul li{
	display:inline-block;
	margin:0px 2px;
}
.social-icon ul li:last-child{margin-right:0px;}
.social-icon ul li a{
	height:30px;
	width:30px;
	background:#fff;
	color:#111;
	font-size:15px;
	line-height:30px;
	text-align:center;
	display:block;
	border-radius:50%;
}
.social-icon ul li a:hover{color:#111;}
.header-bottom{padding: 2px 0;}
.logo h2{font-size: 26px; color: #333; font-weight: 600; margin-top: 5px;}
.main-menu{margin-top: 30px;}
.main-menu ul li{list-style: none; display: inline-block; margin-left: 30px;}
.main-menu ul li a{font-size: 15px; color: #212221; font-weight: 600; text-decoration: none; text-transform: uppercase;}
.main-menu ul li a:hover, .main-menu ul li a:focus, .main-menu ul .active a{color: #39b40c;}

/*Banner*/
.content-top .col-md-4{padding: 0;}
.content-top{position: relative; margin-top: -110px; z-index: 999; display: none;}
.banner-box{background: rgba(0,0,0,0.8); text-align: center; height: 110px; border-right: 1px solid #5d5c5c;}
.banner-box a{display: block; padding: 30px;}
.banner-box:hover{background: #39b40c; color: #fff;}
.banner-box:hover .content-icon{background: #fff; color: #111;}
.content-icon{width: 60px; height: 60px; border-radius: 50%; display: block; z-index: 99; text-align: center; line-height: 60px; font-size: 28px; background: #39b40c; color: #fff; margin:-58px auto 10px;}
.banner-box h4{font-size: 20px; text-transform: uppercase; font-weight: 600; color: #fff;}
.banner-box p{font-size: 15px; font-weight: 500; color: #fff; margin-top: 5px;}
.banner-box p a{color: #fff;}
.br-none{border: none;}
.banner-box .content-icon .fa-map-marker{font-size: 32px;}
.main-slider .owl-item{height: 600px; overflow: hidden;}

.section{padding: 70px 0;}
.gray-bg{background: #f2f2f2;}
.master-slider{margin-top: -60px;} 
.photo{position: relative; margin-top: 10px;}
.photo img{width: 100%;}
/*.photo:before{position: absolute; right: 0; content: ""; background: #39b40c;  display: block; width:10px; height: 100%;}
.photo:after{position: absolute; bottom: -10px; right: 0; content: ""; background: #39b40c;  display: block; width:60%; height: 10px;}*/
.photo-detail{background: #39b40c; padding: 10px;}

.photo-detail h2{font-size: 36px; color: #fff; text-transform: uppercase; font-weight: 600;}
.photo-detail p{font-size: 18px;  color: #fff; margin-top: 5px;}
.photo-detail p a{color: #fff !important;}
.photo-right img{margin: 0 auto; display: block; width: 150px;}
.photo-right h1{font-size: 48px; color: #000; text-transform: uppercase; font-weight: 600; text-align: center; margin-top: 25px;}
.photo-right h2{font-size: 34px; color: #39b40c; margin: 10px 0 30px; text-transform: uppercase; font-weight: 600; text-align: center; margin-top: 15px;}
.photo-right h3{font-size: 28px; color: #444; font-weight: 600; text-align: center; margin-top: 15px;}
.photo-right h3 a{color: #444;}
.event-adr{font-size: 18px; margin-top: 20px; font-weight: 600; color: #444; margin: 0;}
.adr-box{border: 1px dashed #ddd; padding: 31px; text-align: center; margin-top: 58px;}

/*Events*/
.main-head{margin-bottom: 60px;}
.main-head h3{font-size: 34px; text-transform: uppercase; font-weight: 600; color: #000;}
.main-head span{position: relative; width: 130px; height: 3px; background: #39b40c; display: block; margin: 12px auto;}
.main-head span:before{position: absolute; top: -13px; left: 40%; font-family: FontAwesome; content: "\f091"; font-size: 20px; color: #39b40c; background: #f2f2f2; padding:5px;}
.event-cover{background: #fff;}
.white-head span:before{background: #fff;}
.left-head span{margin:12px 0;}
.event-pic{height: 240px; overflow: hidden; position: relative;}
.event-cover .event-pic img{max-width: 100%; transform: scale(1.1); transition: all .5s;}
.event-cover:hover .event-pic img{transform:scale(1);}
.event-cover:hover a{color: #ca6710;}
.event-desc{padding: 20px 20px 10px;}
.event-cover h3{font-size: 18px; text-transform: uppercase; font-weight: 600; color: #000; margin: 0 0 10px; text-align: center;}
.event-cover h3 a{color: #000;}
p{font-size: 16px; line-height: 24px; color: #333;}
.link-txt{color: #39b40c; font-weight: 500;}
.link-txt:hover, .link-txt:focus{color: #eea86b;}
a, .btn{transition:all 0.5s;}
a, .btn{outline:none !important}
.event-cover p{font-size: 14px; text-align: justify;}
.link-txt i{position: relative; top: 2px;}
.event-date{position: absolute; bottom: 0; right: 0; width: 70px; height: 70px; display: block; padding: 9px 10px; text-align: center; line-height: 26px; background: #39b40c; color: #fff; font-size: 24px; font-weight: 600;}
.eventdetail-bg .event-row p{margin: 0 !important;}

.owl-dots{margin-top: 30px; text-align: center;}
.owl-theme .owl-dots .owl-dot { display:inline-block; zoom:1;}
.owl-theme .owl-dots .owl-dot span { width:32px; height:6px; margin:5px 7px; background:#cecdcc; display:block; -webkit-backface-visibility:visible;
 transition:opacity .2s ease;}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span { background:#39b40c;}

/*Gallery*/
.gallery-cover{border: 1px solid #ddd; position: relative; margin-bottom: 30px; height: 225px; overflow: hidden;}
.gallery-cover::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: 9;
    background: #39b40c;
    transition: all .5s;
    transform: scale(0);
    opacity: 0;
}
.gallery-cover:hover:before{
	opacity:.75;
	transform:scale(.85);
}
.gallery-cover a {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%) scale(2);
    font-size: 60px;
    color: #fff;
    z-index: 999;
    opacity: 0;
}
.gallery-cover:hover a{
	transform:translate(-50%,-50%) scale(1);
	opacity:1;
}
.btn-warning{background: #39b40c; border-color: #39b40c; text-transform: uppercase; font-weight: 600; border-radius: 0;}
.lg-btn{padding: 10px 40px; font-size: 16px;}
.md-btn{padding: 15px 20px; font-size: 16px;}

footer{background: #222; background-position:-70px 0; width: 100%; padding: 70px 0 0;}
.footer-head{margin-bottom: 20px;}
.footer-head h3{font-size: 22px; text-transform: uppercase; font-weight: 600; color: #fff;}
.footer-head span{width: 60px; height: 3px; background: #39b40c; display: block; margin: 12px 0;}
footer p{color: #f1f1f1; font-size: 14px;}
.footer-info p{text-align: justify;}
.info-list li{list-style: none; padding-left: 20px; margin-bottom: 10px; position: relative;}
.info-list li:before{position: absolute; top: 2px; left: 0; font-family: FontAwesome; content: "\f105"; color: #fff;}
.info-list li a{font-size: 14px; color: #f1f1f1;}
.info-list li a:hover, .info-list li a:focus, .contact-list li a:hover, .contact-list li a:focus{color: #39b40c;}
.address-info{border-bottom: 1px solid #767676; margin-bottom: 10px; padding-bottom: 10px;}
.contact-list li{list-style: none; margin-bottom: 10px; position: relative; padding-left: 30px; color: #f1f1f1; font-size: 14px; line-height: 22px;}
.contact-list li a{font-size: 14px; color: #f1f1f1;}
.contact-list li:before{position: absolute; font-family: FontAwesome; top: 0; left: 0; color: #f1f1f1;}

.contact-list .location:before{content: "\f041"; font-size: 20px;}
.contact-list .phone:before{content: "\f10b"; font-size: 20px;}
.contact-list .mail:before{content: "\f0e0";}

.contact-info i{margin-right: 5px;}
.footer-bottom{border-top: 1px solid #767676; margin-top: 65px; padding: 15px 0;}
#trigger{font-size: 35px; color: #111; float: right; margin-top: -5px; margin-right: 15px; display: none;}
.fix-reg{position: fixed; bottom: 30px; right: 30px; z-index: 999; -webkit-transition: 0.6s ease-out; -moz-transition:  0.6s ease-out; transition:  0.6s ease-out; display: none; width: 40px; height: 40px; border-radius: 50%; text-align: center; line-height: 40px; font-size: 22px; background: #39b40c; color: #fff;}
.fix-reg:hover, .fix-reg:focus{background: #39b40c; color: #fff; -webkit-transform: rotateZ(720deg); -moz-transform: rotateZ(720deg);    transform: rotateZ(720deg);}

.eventdetail-bg{background: linear-gradient(rgba(0,0,0,0.9),rgba(0,0,0,0.9)),url(../images/gym-bg.jpg) center center fixed; background-position:-70px 0; width: 100%; padding: 70px 0;}
.eventdetail-bg table th, .eventdetail-bg td{color: #fff; font-size: 16px;}
.eventdetail-bg h4{font-size: 20px; font-weight: 600; color: #39b40c; margin-bottom: 15px; text-transform: uppercase;}
.event-catg{margin-top: 10px;}

.event-row{border: 1px solid #ddd; padding: 10px;}
.event-catg p{color: #fff;}
.mb0{margin-bottom: 0 !important;}
.ml10{margin-left: 10px;}
.mr10{margin-right: 10px;}
.mr5{margin-right: 5px;}
.mb5{margin-bottom: 5px !important;}

/*Breadcump*/
.breadcump-cover{background:linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.8)),url(../images/bread-bg.jpg) center center;width:100%;padding:55px 0 65px;text-align:center}
.breadcump-cover h3{font-size: 40px; color: #fff; text-transform: uppercase; margin-bottom: 15px;}
.breadcump-list ul li{list-style: none; display: inline-block;}
.breadcump-list ul li span{margin:0 15px; color: #fff;}
.breadcump-list ul li a{font-size: 16px; color: #fff; font-weight: 500;}
.breadcump-list ul li a:hover, .breadcump-list ul li a:focus{color: #ff5e00;}
.breadcump-list ul .active a{color: rgba(255,255,255,0.8);}

.about-content ul li{font-size: 16px; list-style: none; text-align: justify; line-height: 24px; margin-bottom: 10px; position: relative; padding-left: 30px;}
.about-content ul li:before{position: absolute; top: 0; left: 0; content: "\f101"; font-family: FontAwesome; color: #39b40c;}
/*Contact us*/
.address-bx{background-color: #fff; padding:15px 10px; border: 1px solid #ddd; margin-bottom: 25px;}
.address-bx ul li{position: relative; list-style: none; padding-left:50px; font-size: 16px; color: #444;}
.address-bx ul li:before{font-family:FontAwesome; position: absolute; top:-8px; left: 5px;
 width: 35px; height: 35px; border-radius: 50%; display: block; background-color: #39b40c; color: #fff; text-align: center; font-size: 18px; line-height: 35px; }
.address-bx ul li p{font-size: 14px; line-height: 22px;}
.address-bx ul .map-fa:before{content: "\f041"; top: 0px;}
.address-bx ul .phone-fa:before{content: "\f095"; }
.address-bx ul .email-fa:before{content: "\f0e0"; }
.pb100{padding-bottom: 100px;}
.box2{padding: 33px 15px;}
.address-bx h4{margin-top: 0;}
.address-bx h5{color: #888; text-transform: capitalize;}
.address-bx h5 a{color: #333;}
.contact-bx{background-color: #fff; padding:20px 20px; border: 1px solid #ddd;}
.contact-bx input[type="text"], .contact-bx input[type="email"], .contact-bx input[type="password"]{height: 35px; font-size: 14px; border: 1px solid #ddd; border-radius: 0; box-shadow: none; outline: none;}
.contact-bx select{height: 35px; font-size: 14px; border: 1px solid #ddd; border-radius: 0; box-shadow: none; outline: none;}
.contact-bx label{font-size: 14px; margin-bottom: 10px; font-weight: 600;}
.contact-bx textarea{border-radius: 0; outline: none; box-shadow: none; resize:none;}
.contact-bx textarea:hover, .contact-bx textarea:focus{outline: none; box-shadow: none; border: 1px solid #ddd;}
.map-container iframe{width: 100%;display: block;pointer-events: none;position: relative;}
.map-container iframe.clicked{pointer-events: auto;}
.scrolloff {pointer-events: none;}
.about-pad{padding-bottom: 120px !important;}
.mm-slideout{z-index: auto !important;}
.adr-loc p{font-size: 14px; margin-top: 5px;}
.adr-loc p label{width: 30%; font-weight: 500;}
.p0{padding: 0 !important;}
.prd-enq .btn{padding: 12px 65px; font-size: 15px;}
.back-btn{font-size: 14px;}
.event-row{background: #f5f5f5; padding: 20px; margin-bottom: 20px;}
.event-content h4{font-size: 20px; font-weight: 600; color: #000; margin: 0 0 25px;}
.event-row p{margin-bottom: 10px; color: #444; font-weight: 500; font-size: 18px;}
.event-row p i{color: #39b40c;}
.light-txt{color: #555 !important; font-weight: 400 !important;}
.logo-big{display: inline-block; margin: 0 auto; width: 40%; vertical-align: middle;}
.nabba-logo img{width: 150px;}

/* Filter controls */
/*.flow{width: 100%;}
.flow .simplefilter{overflow-x: auto; overflow-y: hidden; white-space: nowrap;}*/
.simplefilter li, .multifilter li, .sortandshuffle li {
    color: white;
    cursor: pointer;
    display: inline-block;
    text-transform: uppercase;
    padding:10px 17px;
    border-radius: 50px;
    font-size: 14px;
    margin-right: 10px;
}
.simplefilter li {
    background-color: #585858;
    transition:all 0.5s ease;
    margin-bottom: 13px;
}
.simplefilter li.active, .simplefilter li:hover {
    background-color: #39b40c;
}
.multifilter li {
    background-color: #4b9eff;
}
.multifilter li.active {
    background-color: #ffc71c;
}

/* Shuffle and sort controls */
select {
    padding: 1rem 1rem;
    text-transform: uppercase;
}
.sortandshuffle .shuffle-btn {
    background-color: #dec800;
}
.sortandshuffle .sort-btn {
    background-color: #de0000;
}
.sortandshuffle .sort-btn.active {
    background-color: #9d0000;
}

/* Search control */
.search-row {
    margin-left: 2.5rem;
}
.filtr-search {
    padding: 0.5rem;
    text-transform: uppercase;
}

.modal input[type="text"], .modal input[type="tel"], .modal input[type="password"], .modal input[type="email"], .modal textarea{height: 40px; border: 1px solid #ddd; box-shadow: none; border-radius: 0; outline: none; font-size: 16px;}
.modal textarea{height: 80px;}
.modal textarea:focus{box-shadow: none; resize:none; border: 1px solid #ddd;}
.modal label{font-size: 16px; font-weight: 600; margin-bottom: 10px;}
.modal .btn{border-radius: 0; padding: 10px 20px; text-transform: uppercase;} 
.modal .modal-header{background: #39b40c;}
.modal .modal-header h4{color: #fff; font-size: 18px; font-weight: 600; text-transform: uppercase;}
.text-lower{text-transform: lowercase !important;}
.adr-txt{text-align: left !important;}
.more-btn{position: relative;}
.more-btn:before, .more-btn:after{position: absolute; content: ""; top: 51%; width: 50px; height: 1px; background: #39b40c;}
.more-btn:before{left: -51px;}
.more-btn:after{right: -51px;}
.reg-float{background: #39b40c; color: #fff; font-size: 18px; text-transform: uppercase; display: block; text-align: center; position: fixed; top: 40%; right: -55px; border-radius:0 0 4px 4px; width: 150px; height: 50px; padding: 15px; font-weight: 600; -ms-transform: rotate(90deg);  -webkit-transform: rotate(90deg); transform: rotate(90deg); z-index: 9999; display: none;} 
.reg-float:hover, .reg-float:focus{color: #fff;}

/*video*/
.videobg{background: linear-gradient(rgba(0,0,0,0.8),rgba(0,0,0,0.8)),url(../images/videobg.jpg) center center; background-position: cover !important; width: 100%; padding: 70px 0; height: 300px;}
.play-video{margin: 40px auto; display: table;}
.play-video img{width:70px;}
.success-msg {background-color: #15b417; padding: 10px; margin-top: 15px;}
.success-msg p{font-size: 16px; font-style: italic; color: #fff; font-weight: 500; text-align: center;}
.gallery .main-head{margin-bottom: 30px;}
.table2 th{text-align: center;}
.master-slider .item img{width: auto; height: auto;}
.c_alertify .ajs-ok{background-color: #39b40c !important; border-color: #39b40c !important;}

.cash-price{font-size: 16px; font-weight: 600; color: #fff; margin-bottom: 15px; margin-top: 0;}
.mt0{margin-top: 0;}

.president img{border-radius: 50%;}
.bg-success{background: #5b9745; font-weight: 600;}
table .bg-succes th{color: #fff; font-weight: 600;}
table th, table td{vertical-align: middle !important;}
table h4{margin: 0 !important;}

.secretary-info{position: relative;}
.secretary-photo{position: absolute; bottom: -88px; right: 0;}
.secretary-photo img{max-width: 250px;}