@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800,900');

@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap');

.mon{font-family: 'Montserrat', sans-serif;}
.red{   font-family: "Merriweather", serif;}
/*coading for overlay*/
.w300{font-weight:300}
.w400{font-weight:400}
.w500{font-weight:500}
.w600{font-weight:600}
.w700{font-weight:700}
.w800{font-weight:800}
.w900{font-weight:900}
.section{padding:50px 0px;}
*,
*:after,
*::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	-webkit-transition: all 0.1s;
	-moz-transition: all 0.1s;
	transition: all 0.1s;
}
*{padding:0px; margin:0px}
.porel{position:relative}
.idownarrow_box {
	position: absolute;
	top:0px; left:50%;
	background: #f8f8f8;
}
.idownarrow_box:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #f8f8f8;
	border-width: 30px;
	margin-left: -30px;
}

.iuparrow_box.dcdcdc {	
	background: #dcdcdc;
}

.idownarrow_box.dcdcdc:after {	
	border-top-color: #dcdcdc;
}

#nav-icon3{
  width: 30px;
  height: 18px; 
  margin: 0px; z-index:1000;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  margin-top:15px;
}
#nav-icon3 span.bccolor{ background:#000}
#nav-icon3 span{
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: #1d1d1d;
  border-radius: 0px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}
#nav-icon3 span:nth-child(1) {
  top: 0px;
}

#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
  top: 7px;
}

#nav-icon3 span:nth-child(4) {
  top: 15px;
}

#nav-icon3.open span:nth-child(1) {
  top: 7px;
  width: 0%;
  left: 50%;
}

#nav-icon3.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon3.open span:nth-child(4) {
  top: 7px;
  width: 0%;
  left: 50%;
}
.nopadding{padding:0px}
.paddingtop20{padding-top:20px}
body{font-size:14px; }
.card{border-radius:0px;}
.heading{font-size:25px; margin-bottom:10px;}
.wc{color:#FFF}
ul{padding:0px; margin:0px}

.topline{ background-color:#fff; padding:10px 0px;}
.topline li{display:inline-block; color:#fff; font-size:13px; padding-left:10px;}
.topline li a{color:#fff;}
#menuslide {
	position:fixed;
	top:89px;
	left:-100%;
	height:100%;
	overflow:auto;
	background-color:#ebebeb;
	transition: all 0.5s ease 0s;
	z-index:1009;
	width:100%;
}
#menuslide.up{top:59px}
#menuslide.open {
	left:0px;
}
#nav {
	width: 100%;
}
#nav li a i {
	position:absolute;
	right:15px;
	padding-top:5px;
	transition: all 0.5s ease 0s;
}
#nav li a i.ro {
}
#nav li a {
	display: block;
	padding: 10px 15px;
	font-size:16px;
	letter-spacing:2px; text-align:center;
	text-decoration: none;
	text-transform:uppercase;
	color: #1d1d1d;
}

#nav li a:hover, #nav li a.active {
	 background-color:#FAC0C0
}
#nav li ul {
	display: none;
}
#nav li ul li a {
	 background-color:#1d1d1d;
	color:#fff;font-size:12px; letter-spacing:0px;
}
.menuheader {
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
	padding:10px 15px;
	background-color:#ebebeb;
	color:#1d1d1d;
}
.closemenu {
	transition: all 0.5s ease 0s;
	cursor:pointer
}
.closemenu:hover, .closemenu:active {
	-ms-transform: rotate(180deg); /* IE 9 */
	-webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
	transform: rotate(180deg);
}
.nav1{ width:100%;padding:0px 0px; }
.nav1 ul{text-align:center;}
.nav1 ul > li{display:inline-block;padding:10px; }
.nav1 ul > li > a{display:inline-block; color:#fff;font-size:12px; text-transform:uppercase;
}
.nav1 ul li a:hover{text-decoration:none}
.nav1 ul li a .fa{-moz-transition: all .3s ease;-webkit-transition: all .3s ease;	-o-transition: all .3s ease; transition: all .3s ease; }
.nav1 ul li a:hover .fa{transform: rotate(180deg);}
.nav1 ul > li > ul{display:none; position:absolute; background-color:#1d1d1d; z-index:101; margin-top:10px; width:200px;  margin-left:-10px;}
.nav1 ul > li:hover > ul{display:block}
.nav1 ul > li:hover{background-color:#1d1d1d;}
.nav1 ul > li:hover  .fa{transform: rotate(180deg);}
.nav1 ul > li > ul li{display: block; padding:0px;}
.nav1 ul > li > ul li a{display: block; color:#fff; padding:8px 10px; border-bottom:dotted 1px #1d1d1d;font-size:12px; text-align:left;}
.nav1 ul > li > ul li a:hover{color:#1d1d1d}



.howitwork{ padding:50px 0px;}
.howitwork img{width:100px; height:100px;}
.howitwork .title{ font-size:35px; text-align:left; border-bottom:solid 1px #dbdbdb; padding:10px 0px;}
.howitwork .title span{margin-right:5px; font-size:50px;}
.howitwork .spec{font-size:50px;}





.join .btn{padding:10px 50px; cursor:pointer; font-size:30px;}

.events{
	padding:40px 0px; background-color:#dcdcdc;
}
.events .item{margin:0px 10px 20px;}

.events .subtitle{font-size:16px;}

.events p.text{font-size:16px; margin-top:5px;}
.events .col-sm-4{margin-top:15px; margin-bottom:15px;}
.events .box{background-color:#FFF; padding:20px;}
.events .detail{background-color:#FFF; padding:20px; text-align:center}
.events .detail:nth-child(2n){background-color:#fff}
.events .title{font-size:18px;}
.events .text{margin-top:10px; height:30px;}
.uparrow_box {
	position: relative;
	background: #fff;
}
.uparrow_box:after {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 10px;
	margin-left: -10px;
}

.downarrow_box {
	position: relative;
	background: #fff;
}
.downarrow_box:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #fff;
	border-width: 10px;
	margin-left: -10px;
}

.author{background-color:#f8f8f8 ; padding:40px 0px}
.author figure{margin:0px}

.ft{ 
     position:relative; padding:50px 0px; color:#1d1d1d; font-size:16px;background-color:#fff;}
.overr{background-color:#fff; opacity:0.6; position:absolute; top:0px; left:0px; width:100%; height:100%;}
.ftsocial a{margin:10px 15px; color:#003}
.ft .head{font-weight:600; }
.ft ul{margin-top:10px; margin-bottom:15px;}
.ft .lastoption{border:solid 1px #bda4a4; border-left:none; border-right:none; margin:25px 0px;}
.ft .lastoption li{display:inline-block; padding:0px 10px;}
.ft .lastoption li a{ border:none; font-weight:500; padding:5px 0px; display:inline-block}
.ft li{display:block;}
.ft li a{font-size:12px; color:#fff; padding:0px 0px; font-weight:400;}
.ft li a:hover{color:#CCC; text-decoration:none}


.filter2{background-color:#E9EAEC;color:#1d1d1d;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);}
.filter2 .navbar{padding:5px 15px;}
.filter2 .navbar-brand{font-size:14px; text-transform:uppercase}
.filter2 li a{color:#333; font-size:16px;}
.filter2 ul > li{display:inline-block;padding:8px 10px; }

.filter2 ul > li > a{display:inline-block; color:#1d1d1d;font-size:14px; text-transform:uppercase;    -webkit-transition: all 0.1s ease-out 0s; letter-spacing:1px;
       -moz-transition: all 0.1s ease-out 0s;
        -ms-transition: all 0.1s ease-out 0s;
         -o-transition: all 0.1s ease-out 0s;
            transition: all 0.1	s ease-out 0s;
}
.filter2 ul li a:hover{ text-decoration:none}
.filter2 ul li a .fa{-moz-transition: all .3s ease;-webkit-transition: all .3s ease;	-o-transition: all .3s ease; transition: all .3s ease; }
.filter2 ul li a:hover .fa{transform: rotate(180deg);}
.filter2 ul > li > ul{display:none; position:absolute; background-color:#fff; z-index:101; margin-top:8px; width:200px;  margin-left:-10px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.filter2 ul > li:hover > ul{display:block;}
.filter2 ul > li:hover{background-color:#fff;}
.filter2 ul > li:hover  .fa{transform: rotate(180deg);}
.filter2 ul > li > ul li{display:block; padding:0px;}
.filter2 ul > li > ul li a{display: block; color:#1d1d1d; padding:5px 10px; border-bottom:solid 1px #eee;font-size:12px; text-align:left; font-weight:bold;}
.filter2 ul > li > ul li a:hover{background-color:#f4f4f4; padding-left:20px;}
.filter2 .navbar-toggler{padding:0.25rem; border:solid 3px #1d1d1d; outline:none; border-radius:0px;}
.2col{
	
	-moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    column-count: 2;
    column-gap: 20px;
}

@media (max-width: 575.99px) {  }

// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) and (max-width: 767.99px) { ... }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) and (max-width: 991.99px) {.filter2 ul > li:active > ul{display:block;} }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) and (max-width: 1199.99px) { }

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }


.club{padding:20px 0px 0px; background-color:#dcdcdc; background-color:#FFF}
.club img{height:300px; width:100%; cursor:pointer}
.club .title{font-size:14px; letter-spacing:2px;text-shadow: 1px 1px 1px #000; font-weight:600}
.club .caption{ height:300px; width:100%; font-family: 'Barlow Semi Condensed', sans-serif; font-size:120px; text-align:center; background-color:#666; line-height:250px; color:#FFF;text-shadow: 1px 1px 1px #000;}
.club .detail{position:absolute; bottom:0px; left:0px; width:100%; text-align:center; padding:15px;}
.club .detail .title{font-size:14px; color:#1d1d1d;letter-spacing:2px; text-transform:uppercase;  background-color:#FFF;text-shadow: 0px 0px 0px #000; padding:10px; font-weight:600}
.club .bg1,.clublist1 .bg1{background-color:#666; color:#FFF}
.club .bg2,.clublist1 .bg2{background-color:#F00; color:#FFF}
.club .bg3,.clublist1 .bg3{background-color:#00F; color:#FFF}
.club .icon-links a{color:#FFF; font-size:15px; background-color:#000;margin:1px; padding:10px; }
.club .info{width:80%;}
.club .info p{background-color:#FFF; color:#000; padding:5px 10px; margin-bottom:5px; }
.club .joinnow{ cursor:pointer; padding:4px 10px; font-size:12px; text-transform:uppercase; font-weight:bold; letter-spacing:1px; background-color:#00C; border-radius:0px; color:#fff }
.club .joinnow:hover{background-color:#009;}

.clublist1{background-color:#f8f8f8; padding:15px; margin-bottom:20px;}
.clublist1 img{height:150px; width:150px; border-radius:50%;}
.clublist1 .item{border-bottom:solid 1px #eee; margin-bottom:20px; padding-bottom:20px;}
.clublist1 .item .detail1{padding-left:160px; color:#666}
.clublist1 .title{text-shadow: 0px 0px 0px #000; }
.clublist1 .title a{letter-spacing:0px; color:#039}
.clublist1 .clubabout{margin-top:5px;}
.clublist1 .joinnow{border:solid 1px #e1e1e1; cursor:pointer; padding:4px 10px; font-size:12px; text-transform:uppercase; font-weight:bold; letter-spacing:1px; color:#333; background-color:#fff; margin-top:5px;}
.clublist1 .joinnow:hover{background-color:#eee;}
.clublist1 .caption{height:150px; width:150px; font-family: 'Barlow Semi Condensed', sans-serif; font-size:120px; text-align:center; line-height:150px; color:#FFF;text-shadow: 1px 1px 1px #000; border-radius:50%;}

.cpage{background-color:#f6f6f6; padding:20px; margin-bottom:15px;}

.readingspace .title{font-size:50px; font-weight:bold}
.readingspace .text{font-size:22px; font-weight:bold; line-height:25px; padding-top:15px;}
.readingspace .text div span{font-size:18px; font-weight:normal; line-height:20px; border:solid 1px #000; padding:5px 10px;}

.books{padding:0px 14px 15px;}
.books .col-sm-2{padding:15px;}
.books .col-sm-2 figure{margin:0px;}
.books img{box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);}
#loadmorebtn{background-color:#CCC; padding:8px 50px; text-transform:uppercase; margin:10px 0px;}