/*===============================================

Web Designer and Developer: 
Munasinghe Vinusha Rangana Silva

Facebook: https://www.facebook.com/vinusha.ran

================================================*/

@font-face {
	font-family: 'AvenirNextLTPro-Regular'; 
	src: url("https://slmna.lk/assets/frontend/fonts/AvenirNextLTPro-Regular.otf"); 
	/*font name has case sensitive*/
}
@font-face {
	font-family: 'AvenirNextLTPro-Bold';
	src: url("https://slmna.lk/assets/frontend/fonts/AvenirNextLTPro-Bold.otf"); 
  	/*font name has case sensitive*/
}
@font-face {
	font-family: 'Lato-Regular';
	src: url("https://slmna.lk/assets/frontend/fonts/Lato-Regular.ttf"); 
  	/*font name has case sensitive*/
}
@font-face {
	font-family: 'Prata-Regular_0';
	src: url("https://slmna.lk/assets/frontend/fonts/Prata-Regular_0.ttf"); 
  	/*font name has case sensitive*/
}

body{
	font-family: 'Lato-Regular';
	font-size: 18px;
	line-height: normal;
}
a:link { 
	text-decoration: none;
	/*color: #ffffff;*/
}

/* input, button focus remove*/
.form-control:focus, button:focus, button[type="submit"]:focus, button[type="submit"]:active{
  border-color: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn:focus,.btn:active, button[type="submit"]:focus, button[type="submit"]:active{
   outline: none !important;
   box-shadow: none;
}
/*end input, button focus remove*/

.noti-success{
	background-color:#9DCA00; 
	border:none; 
	border-radius:4px; 
	color:#ffffff;
}
.noti-danger{
	background-color:#ca2d00; 
	border:none; 
	border-radius:4px; 
	color:#ffffff;
}
.view-all-link{
	padding-top: 15px;
}
.view-all-link a{
	color: #2B343B;
}
#sidenav-toggle{
	color: black;
}
.bor{
	border: 1px solid #000;
}
.main-title{
	font-family: 'Prata-Regular_0';
	font-size: 35px;
	color: #2B343B;
	margin-bottom: 50px;
}
.main-title-top-text{
	color: #007C8B;
}
.main-title-top-text span{
	width: 30px;
	height: 5px;
	background-color: #007C8B
}
.a-link{
	font-family: 'Prata-Regular_0';
	color: #007C8B;
	text-decoration: none;
}
.a-link:hover{
	color: #004864;
}
.a-link-2{
	font-family: 'Lato-Regular';
	color: #007C8B;
	text-decoration: none;
	font-weight: bold;
}
.a-link-2:hover{
	color: #004864;
}


/*===========================
	animated button
===========================*/
.btn-slmna{
	padding: 12px 30px;
	background-color: #2B343B;
	color: #ffffff;
	margin-top: 20px;
	border-radius: 3px;
}
.btn-slmna:hover{
	color: #ffffff;
	background-color: #9DCA00;
	transition: 0.7s;
}










/*===========================
	end animated button
===========================*/


/*===========================
	search div (main)
===========================*/
#search-main-modal{
	background-color: rgb(0, 0, 0, 0.8);
}
#search-main-modal .modal-content{
	border-radius: 1px;
}
#search-main-modal .modal-body{
	padding: 0px;
	border: none;
}
#search-main-modal .modal-body input{
	padding: 30px 20px;
	border: none;
	border-radius: 1px;
	font-size: 22px;
}
#search-main-modal .input-group-text{
	padding: 10px 20px;
	font-size: 25px;
	background-color: #007C8B;
	color: #ffffff;
	border: none;
	border-radius: 0px;
}


/*===========================
	search div (main)
===========================*/


/*===========================
	top header
===========================*/
.header-top{
	background-color:#2B343B;
	color:#ffffff;
}
.header-top .title, .header-top .email, .header-top .time .inner{
	padding-top: 10px;
	padding-bottom: 10px;
}
.header-top .email{
	text-align: right;
}
.header-top .email a{
	color: #ffffff;
}
.header-top .email i{
	color:#9DCA00;
}
.header-top .time .inner{
	background-color:#9DCA00;
	text-align: center;
}
/*===========================
	end top header
===========================*/


/*===========================
	header
===========================*/
.header{
	padding-top: 17px;
	padding-bottom: 10px;
	font-family: 'AvenirNextLTPro-Regular';
}
.social-icons-top li{
	list-style-type:none;
	float:right;
}
.logo{
	text-align: center;
}
.login{
	padding-top: 10px;
	padding-bottom: 10px;
	color: #2B343B;
}
.login a{
	color: #2B343B;
}
.search-btn-icon-main{
	/*border: 2px solid #707070;*/
	border-radius: 100px;
	padding: 4px 10px;
	font-size: 27px;
	color: #707070;
	border: none;
}
.search-btn-icon-main:focus{
	border: none;
}
/*===========================
	end header
===========================*/


/*===========================
	navigation
===========================*/
.navigation .navi-item{
	padding: 22px 26px 18px;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	font-family: 'AvenirNextLTPro-Regular';
}
.navigation a{
	color: #ffffff;
	text-decoration: none;
}
.home{
	background-color: #ABC37D;
	border-bottom-color: #ABC37D;
}
.about{
	background-color: #11AC96;
	border-bottom-color: #11AC96;
}
.membership{
	background-color: #35B8CD;
	border-bottom-color: #35B8CD;
}
.practice{
	background-color: #007C8B;
	border-bottom-color: #007C8B;
}
.recreation{
	background-color: #004864;
	border-bottom-color: #004864;
}
.events{
	background-color: #F37321;
	border-bottom-color: #F37321;
}
.contact{
	background-color: #F8AF3D;
	border-bottom-color: #F8AF3D;
}
.navigation #slmna-nav-a-home .active{
	border-bottom-color: #638422;
}
.navigation #slmna-nav-a-about .active{
	border-bottom-color: #0c7e6e;
}
.navigation #slmna-nav-a-membership .active{
	border-bottom-color: #248291;
}
.navigation #slmna-nav-a-practice .active{
	border-bottom-color: #004f58;
}
.navigation #slmna-nav-a-recreation .active{
	border-bottom-color: #002331;
}
.navigation #slmna-nav-a-news .active{
	border-bottom-color: #bd500a;
}
.navigation #slmna-nav-a-contact .active{
	border-bottom-color: #c87d07;
}
/*===========================
	end navigation
===========================*/

/*===========================
	footer
===========================*/
.footer-pre{
	padding: 30px 10px 70px 10px;
	background-color: transparent;
	background-image: url('../images/footer_angle_pic.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
	margin-top: -80px;
}
.footer{
	margin-top: -1px;
	padding-top: 40px;
	padding-bottom: 60px;
	background-color: #262F36;
	color: #ffffff;
}
.footer .logo-text-and-social{
	color: #ffffff;
}
.footer .logo-text-and-social .text-1{
	font-size: 15px;
	text-transform: uppercase;
}
.footer .logo-text-and-social .text-2{
	font-size: 51px;
	text-transform: uppercase;
}
.footer .logo-text-and-social .text-3{
	font-size: 25px;
	letter-spacing: 11px;
	text-transform: uppercase;
}
.footer .menu h4, .footer .office h4{
	margin-bottom: 25px;
}
.footer .menu ul{
	padding: 0px;
}
.footer .menu ul li{
	padding-bottom: 10px;
	list-style-type: none;
}
.footer .menu ul li a, .footer .office p a, .footer-bottom .t-and-c a{
	color: #ffffff;
}
.footer-bottom{
	padding-top: 20px;
	padding-bottom: 5px;
	background-color: #1D2427;
	color: #ffffff;
}
/*===========================
	end footer
===========================*/


/*===========================
	social media (top)
===========================*/
.social-btn {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: #f1f1f1;
    text-align: center;
    margin: 10px 5px;
    border-radius: 100%;
    overflow: hidden;
    position: relative;
}
.btn1{
	background: #3c5a99;
	color: #ffffff;
}
.btn2{
	background: #1da1f2;
}
.btn3{
	/*background: #dd4b39;*/
	background: #dc0000;
}
.btn4{
	background: #003569;
}
a.social-btn:hover {
    transform: scale(1.3);
    color: #f1f1f1;
}

.social-btn i {
    line-height: 42px;
    font-size: 18px;
    transition: 0.2s linear;
}

.social-btn:hover i {
    transform: scale(1.3);
    color: #f1f1f1;
}
.fa-facebook-f {
    color: #ffffff;
}
.fa-twitter {
    color: #ffffff;
}
.fa-youtube {
    color: #ffffff;
}
.fa-envelope-o {
    color: #ffffff;
}


.social-btn::before {
    content: "";
    position: absolute;
    width: 120%;
    height: 120%;
    background: #9DCA00;
    transform: rotate(45deg);
    left: -110%;
    top: 90%;
}

.social-btn:hover::before {
    animation: aaa 0.7s 1;
    top: -10%;
    left: -10%;
}

@keyframes aaa {
    0% {
        left: -110%;
        top: 90%;
    }
    50% {
        left: 10%;
        top: -30%;
    }
    100% {
        left: -10%;
        top: -10%;
    }
}

/*===========================
	end social media (top)
===========================*/


/*===========================
	home page
===========================*/

/*===========================
	main slide
===========================*/
	.main-slide{
		margin:auto;
	}
	
	/*===========================
		end main slide
	===========================*/


/*===========================
	foods health fitness
===========================*/
	.foods-health-fitness{
		margin-top: -100px;
		margin-bottom: 60px;
	}
	.three-cols{
		padding-top: 40px;
		padding-bottom: 40px;
		text-align: center;
		color:#ffffff;
		box-shadow: 0px 0px 8px rgb(0, 0, 0, 0.18)
	}
	.three-cols img{
		margin-bottom: 20px;
	}
	.three-cols h3{
		font-family: 'Prata-Regular_0';
		margin-bottom: 20px;
	}
	.three-cols p{
		margin-bottom: 20px;
	}
	.foods{
		background-color: #F37321;
	}
	.health{
		background-color: #11AC96;
		box-shadow: 0px 0px 15px rgb(0, 0, 0, 0.25);
		z-index: 5;
	}
	.fitness{
		background-color: #D8C149;
	}
	.three-cols a{
		color: #ffffff;
		text-decoration: none;
		padding-bottom: 10px;
		border-bottom: 5px solid rgb(112, 112, 112, 0.27);
	}
	/*===========================
		end foods health fitness
	===========================*/


/*===========================
	welcome
===========================*/
	.welcome{
		padding-top: 50px;
		padding-bottom: 60px;
		background-color: #F8F9FA;
	}
	.welcome .instant-idea .flex-fill{
		border-top: 2px solid #e6e6e6;
		border-right: 2px solid #e6e6e6;
		margin-top: 30px;
		padding-top: 20px;
		padding-bottom: 15px;
		text-align: center;
	}
	.welcome .instant-idea .flex-fill i{
		color: #007C8B;
		font-size: 25px;
	}
	.welcome .instant-idea .flex-fill:last-child{
		border-right: none;
	}
	/*===========================
		end welcome
	===========================*/


/*===========================
	what why aim of
===========================*/
	.what-why-aim{
		background-color: #F8F9FA;
		padding-bottom: 50px;
	}
	.what-why-aim .slmna-1 h3 span, .what-why-aim .slmna-2 h3 span, .what-why-aim .slmna-3 h3 span{
		font-size: 50px;
	}
	.what-why-aim .slmna-1 h3, .what-why-aim .slmna-2 h3, .what-why-aim .slmna-3 h3{
		font-family: 'Prata-Regular_0';
		font-size: 25px;
		text-align: center;
		line-height: 45px;
	}
	.what-why-aim .slmna-1 h3{ color: #35B8CD }
	.what-why-aim .slmna-2 h3{ color: #9DCA00 }
	.what-why-aim .slmna-3 h3{ color: #FC9F0F }
	.what-why-aim .slmna-1, .what-why-aim .slmna-2, .what-why-aim .slmna-3{
		font-family: 'Lato-Regular';
		padding: 40px;
		text-align: justify;
		padding-bottom: 0px;

	}
	/*===========================
		end what why aim of
	===========================*/

/*===========================
	latest articles
===========================*/
	.articles{
		padding-top: 80px;
		padding-bottom: 50px;
		background-image: url("../images/article_background_img.png");
 		background-color: #f1efe5;
 		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.articles-slider .articles-card{
		min-height: 480px;
	}
	.articles-slider .articles-card .title{
		font-family: 'Prata-Regular_0';
		margin-top: 23px;
		color: #2B343B;
	}
	.articles-slider .articles-card .date{
		margin-top: 10px;
	}
	.articles-slider .articles-card a{
		color: #007C8B;
		text-decoration: none;
		padding-bottom: 10px;
		border-bottom: 5px solid rgb(112, 112, 112, 0.27);
	}
	.slick-dots li button:before{
		margin-top: 15px;
		font-size: 40px;
	}
	/*===========================
		latest articles
	===========================*/


/*===========================
	be a member
===========================*/

	.be-a-member{
		padding-top: 80px;
		padding-bottom: 60px;
		text-align: justify;
	}
	.be-a-member .title-and-desc{
		text-align: center;
	}
	.be-a-member .title-and-desc .main-title{
		margin-bottom: 20px;
	}
	.be-a-member .title-and-desc .desc{
		margin-bottom: 45px;
	}
	.be-a-member .benifits h5{
		font-family: 'Prata-Regular_0';
		color: #2B343B;
		text-align: left;
	}
	.be-a-member .benifits p{
		color: #707070;
	}
	.be-a-member .benifits{
		margin-top: 30px;
		margin-bottom: 15px;
		border-radius: 10px;
	}
	.be-a-member .color-box-1, .be-a-member .color-box-2, .be-a-member .color-box-3, .be-a-member .color-box-4{
		text-align: center;
		color: #ffffff;
		padding-top: 40px;
		padding-bottom: 34px;
	}
	.be-a-member .color-box-1 i, .be-a-member .color-box-2 i, .be-a-member .color-box-3 i, .be-a-member .color-box-4 i{
		font-size: 50px;
		text-align: center;
	}
	.be-a-member .color-box-1{
		background-color: #11AC96;
	}
	.be-a-member .color-box-2{
		background-color: #35B8CD;
	}
	.be-a-member .color-box-3{
		background-color: #D8C149;
	}
	.be-a-member .color-box-4{
		background-color: #F37321;
	}
	.be-a-member .other-color-box{
		padding-top: 15px;
		background-color: #F1EFE5;
		min-height:170px;
	}
	.member-btn{
		margin-top: 30px;
	}
	
	/*===========================
		be a member
	===========================*/

/*===========================
	events and news
===========================*/
	.events-and-news{
		background-color: #F8F9FA;
		padding-top: 80px;
		padding-bottom: 130px;
	}

	.news-card-pinned{
		border-radius: 0px;
	}
	.news-card-pinned .card-body{
		padding: 0px;
	}
	.news-card-pinned .card-body .title{
		font-family: 'Prata-Regular_0';
		margin: 15px 15px 10px 15px;
		font-size: 18px;
		color: #2B343B;
	}
	.news-card-pinned .card-body .title a{
		color: #2B343B;
	}
	.news-card-pinned .card-body .desc{
		font-size: 15px;
		padding-left: 15px;
		padding-right: 15px;
	}


	.news-card-slmna{
		border-radius: 0px;
		margin-bottom: 10px;
	}
	.news-card-slmna .card-body{
		padding: 0px;
		padding-right: 15px;
	}
	.news-card-slmna .image{
		padding: 0px;
		padding-left: 15px;
	}
	.news-card-slmna .text{
		padding-top: 7px;
    	padding-bottom: 7px;
		/*padding-top: 15px; 
		padding-bottom: 15px; */
	}
	.news-card-slmna .text h6{
		font-size: 15px;
		font-family: 'Lato-Regular';
		font-weight: bold;
		text-transform: uppercase;
		margin-bottom: 7px;
		color: #11AC96;
	}
	.news-card-slmna .text a{
		font-size: 16px;
		color: #2B343B;
	}
	

	.upcoming-events-card-slmna{
		border-radius: 0px;
	}
	.upcoming-events-card-slmna .upcoming-title{
		margin-bottom: 40px;
		padding-left: 7px;
		font-family: 'Lato-Regular';
		color: #11AC96;
		font-weight: bold;
	}
	/*.upcoming-events-card-slmna .card-body .row{
		margin-bottom: 28px;
	}*/
	.upcoming-events-card-slmna .date{
		width: 70px;
		height: 70px;
		position: relative;
		padding-top: 10px;
		font-size: 12px;
		background-color: #D8C149;
		border-radius: 100px;
		text-align: center;
		text-transform: uppercase;
		color: #ffffff;
	}
	.upcoming-events-card-slmna .date a{
		color: #ffffff;
	}
	.upcoming-events-card-slmna .date span{
		font-size: 30px;
	}
	.upcoming-events-card-slmna .title span{
		font-family: 'Lato-Regular';
		font-size: 10px;
	}
	.upcoming-events-card-slmna .title{
		font-family: 'Prata-Regular_0';
		color: #2B343B;
	}
	.upcoming-events-card-slmna .title a{
		color: #2B343B;
	}
	.upcoming-events-card-slmna .card-body{
		padding-left: 30px;
	}
	.upcoming-events-card-slmna .date, .upcoming-events-card-slmna .title{
		margin-bottom: 25px;
	}
	/*===========================
		end events and news
	===========================*/

/*===========================
	end home page
===========================*/


/*===========================
	contact us
===========================*/
.page-top{
	padding: 100px;
	font-family: 'AvenirNextLTPro-Bold';
	color: #ffffff;
	text-align: center;
	background-image: url('../images/page_top_img.jpg');
	background-repeat: no-repeat;
	background-position: top;
	background-size: cover;
}
.page-top h2{
	margin-bottom: 20px;
}
.page-top p a{
	font-family: 'Lato-Regular';
	color: #ffffff;
}
.page-top p a:hover, .page-top p .active{
	color: #ffffff;
	border-bottom: 1px dashed #ffffff;
}
	
	/*===========================
		contact cols
	===========================*/
	.contact-col{
		text-align: center;
		background-color: #F8F9FA;
		color: #ffffff;
	}
	.contact-col h3{
		font-family: 'Prata-Regular_0';
	}
	.contact-col .location, .contact-col .email-us, .contact-col .lets-talk, .contact-col .open-time{
		padding-top: 70px;
		padding-bottom: 30px;
	}
	.contact-col .location{
		background-color: #F37321;
	}
	.contact-col .email-us{
		background-color: #9DCA00;	
	}
	.contact-col .lets-talk{
		background-color: #D8C149;	
	}
	.contact-col .open-time{
		background-color: #35B8CD;	
	}
	/*===========================
		end contact cols
	===========================*/


	/*===========================
		contact form
	===========================*/
	.contact-form{
		padding-top: 80px;
		padding-bottom: 30px;
		background-color: #F8F9FA;
	}
	.contact-form input, .contact-form select, .contact-form #slmna-file-upload{
		height: 60px;
		font-size: 18px;
	}
	.contact-form .form-control, .contact-form #slmna-file-upload{
		border: 2px solid #2B343B;
		border-radius: 3px;
	}
	#slmna-file-upload{
		margin-left: 5px;
		margin-right: 5px;
		padding: 15px;
		font-size: 16px;
	}
	#slmna-file-upload:after{
		height: 56px;
		padding: 15px 90px;
		background-color: #2B343B;
		color: #ffffff;
		border-radius: 1px;
	}
	/*===========================
		contact form
	===========================*/

	
	/*===========================
		contact social icon
	===========================*/
	.contact-social-icon{
		padding-top: 80px;
		padding-bottom: 120px;
	}
	.contact-social-icon .main-title{
		margin-bottom: 30px;
	}
	.contact-social-icon .social-btn{
		margin: 10px 35px;
		width: 60px;
		height: 60px;
	}
	.contact-social-icon .social-btn i{
		line-height: 60px;
		font-size: 25px;
	}
	/*===========================
		end contact social icon
	===========================*/


/*===========================
	end contact us
===========================*/


/*===========================
	news and events
===========================*/
	.news-sec{
		padding-top: 80px;
		padding-bottom: 40px;
		background-color: #F8F9FA;
	}
	.news-all-sec{
		padding-bottom: 120px;
	}
	.events-sec{
		padding-top: 80px;
		padding-bottom: 120px;
		background-color: #F8F9FA;
	}
	.events-sec .contact-page-card{
		margin-bottom: 2px;
	}
	.events-sec .contact-page-card .all-date, 
	.events-sec .contact-page-card .all-image, 
	.events-sec .contact-page-card .all-title, 
	.events-sec .contact-page-card .all-event-view-btn{
		padding: 0px;
	}
	.events-sec .contact-page-card .all-date{
		font-size: 16px;
	}
	.events-sec .contact-page-card .all-image{
		padding: 0px 10px 0px 10px;
	}
	.events-sec .contact-page-card .all-title{
		padding-left: 15px;
		font-family: 'Prata-Regular_0';
	}
	.events-sec .contact-page-card .all-title p{
		margin-bottom: 0px;
	}
	.events-sec .contact-page-card .all-title .location{
		margin-top: 10px;
		font-family: 'Lato-Regular';
		font-size: 16px;
	}
	.events-sec .contact-page-card .all-title .location img{
		width: 12px;
	}
	.events-sec .contact-page-card .card-body .row{
		margin: 0px;
	}
	.events-sec .contact-page-card .card-body{
		padding: 10px 40px;
	}
	.btn-event{
		background-color: #D8C149;
	}
	.news-view-sec, .events-view-sec{
		padding-top: 80px;
		padding-bottom: 120px;
		background-color: #F8F9FA;
		text-align: justify;
	}
	.news-all-sec .events-all-sec{
		padding-top: 80px;
		padding-bottom: 120px;
		background-color: #F8F9FA;
	}
	.events-view-sec .upcoming-events-card-slmna .card-body{
		padding: 15px;
		text-align: justify;
	}
/*===========================
	end news and events
===========================*/



/*===========================
	practice & news
===========================*/

	/*===========================
		practice left col
	===========================*/
	.practice-col-left{
		padding: 50px 40px 60px 170px;
	}
	.practice-card{
		margin-bottom: 80px;
		border: none;
		box-shadow: 0px 3px 10px #e6e6e6;
		border-radius: 0px;
	}
	.practice-card .top-corner-date{
		width: 70px;
		height: 80px;
		margin: 25px;
		padding-top: 10px;
		font-size: 18px;
		color: #ffffff;
		font-weight: bold;
		background-color: #11AC96;
		position: absolute;
		z-index: 10;
	}
	.practice-card .top-corner-date span{
		font-size: 30px;
	}
	.practice-card .card-img, .card-img-top{
		border-radius: 0px;
	}

	/*zoom effect*/
	.practice-card .card-img-top {
	  /*height: 300px;*/
	  overflow: hidden;
	}
	.practice-card .card-img-top img {
	  transition: transform 2s ease;
	}
	.practice-card:hover img {
	  transform: scale(1.06);
	}
		/*for result php page */
		.practice-card:hover .row .col-md-4 img {
		  transform: scale(1);
		}
		/*end for result php page */

	.practice-card-view:hover img{
		transform: scale(1);
	}
	/*end zoom effect*/
	.practice-card-view .card-body{
		padding-bottom: 30px;
	}
	.practice-card .card-body{
		padding: 15px 35px 35px;
	}
	.practice-card .card-body .card-title a{
		color: #2B343B; 
	}
	.practice-card .card-body .card-title a:hover{
		color: #11AC96; 
	}
	.practice-card .card-body p{
		color: #2B343B;
	}
	.add-gallery .card-body .gallery{
		font-family: 'AvenirNextLTPro-Bold';
	}
	.practice-bread{
		border-bottom: 1px solid #e6e6e6;
		border-radius: 0px;
		background-color: transparent;
		padding: 0.75rem 0rem;
	}
	.practice-bread-item+.practice-bread-item::before{
		content: "|";
		color: #e6e6e6;
	}
	.practice-bread-item img{
		width: 18px;
		margin-top: -4px;
	}
	.practice-bread-item a{
		color: #11AC96;
	}
	.practice-card .read-more{
		margin-top: 30px;
		margin-bottom: 30px;
		padding-bottom: 10px;
		color: #11AC96;
		font-weight: 600;
		text-decoration: none;
		border-bottom: 5px solid rgb(112, 112, 112, 0.27);
	}


	.slmna-pagination .page-link, .slmna-pagination .page-item:first-child .page-link, .slmna-pagination .page-item:last-child .page-link{
		border-radius: 100px;
	}
	.slmna-pagination .page-link{
		margin: 5px;
		padding: 10px 16px;
		border: 2px solid #e6e6e6;
		color: #707070;
	}
	.slmna-pagination .page-item.active .page-link{
		background-color: #D8C149;
		border-color: #D8C149;

	}
	.slmna-pagination .page-link:hover{
		background-color: #e6e6e6;
	}
	/*===========================
		end practice left col
	===========================*/


	/*===========================
		practice right col
	===========================*/
	.practice-col-right{
		padding: 50px 170px 80px 30px;
		background-color: #F8F9FA;
	}

	
	/*===========================
		search 
	===========================*/
	.searchbar{
	    margin-bottom: auto;
	    margin-top: auto;
	    height: 60px;
	    background-color: #FFFFFF;
	    padding: 10px 10px 10px 20px;
	    box-shadow: 0px 3px 10px #e6e6e6;
    }
    .search_input{
	    color: #000000;
	    border: 0;
	    outline: 0;
	    background: #FFFFFF;
	    width: 85%;
	   /* caret-color: transparent;*/
	    line-height: 40px;
	    transition: width 0.4s linear;
    }
    .search_icon{
	    height: 40px;
	    width: 40px;
	    float: right;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    border-radius: 50%;
	    color: #000000;
	    text-decoration: none;
    }

	/*===========================
		end search 
	===========================*/

	.practice-col-right .recent-post-col, .practice-col-right  .categories-col, .practice-col-right .tags-col{
		margin-top: 60px;
		margin-bottom: 20px;
	}
	.practice-col-right .recent-post-col h3, .practice-col-right .categories-col h3, .practice-col-right .tags-col h3{
		padding-bottom: 10px;
		margin-bottom: 25px;
		color: #707070;
		font-family: 'Prata-Regular_0';
		font-size: 25px;
		border-bottom: 5px solid #e6e6e6;
		position: relative;
	}
	.practice-col-right .recent-post-col h3:after, .practice-col-right .categories-col h3:after, .practice-col-right .tags-col h3:after{
		content: "";
	    position: absolute;
	    top: 50%;
	    left: 0px;
	    width: 70px;
	    height: 4px;
	    margin-top: 20px;
	    background: #D8C149;
	}
	.practice-col-right .recent-post, .practice-col-right .categories, .practice-col-right .tags{
		list-style-type: none;
		padding-left: 0px;
	}
	
	/*===========================
		recent post
	===========================*/
	.practice-col-right .recent-post li{
		margin-bottom: 10px;
		border-bottom: 1px solid #e6e6e6;
		min-height: 77px;
	}
	.practice-col-right .recent-post li img{
		width: 70px;
		position: absolute;
	}
	.practice-col-right .recent-post li .date{
		font-size: 12px;
	}
	.practice-col-right .recent-post li p{
		margin-left: 80px;
		margin-bottom: 12px;
		font-family: 'Lato-Regular';
		font-size: 16px;
		color: #707070;
	}
	
	/*===========================
		end recent post
	===========================*/


	/*===========================
		categories
	===========================*/
	.practice-col-right .categories li{
		margin-bottom: 10px;
		padding-bottom: 10px;
		border-bottom: 1px solid #e6e6e6;
	}
	.practice-col-right .categories li a{
		display: inline-block;
   		position: relative;
    	padding-left: 20px;
    	color: #2B343B;
	}
	.practice-col-right .categories li a:before{
		display: block;
	    height: 2px;
	    margin-top: 0;
	    content: '';
	    position: absolute;
	    top: 50%;
	    left: 0;
	    width: 7px;
	    background-color: #2b343b;
	}
	.practice-col-right .categories span{
		position: absolute;
	    right: 20px;
	    width: 25px;
	    height: 25px;
	    background-color: #11AC96;
	    overflow: hidden;
	    z-index: 1;
	    font-size: 13px;
	    color: #ffffff;
	    letter-spacing: 0;
	    font-weight: 600;
	    line-height: 14px;
	    text-align: center;
	    padding: 5px 3px;
	    -webkit-border-radius: 20px;
	    -moz-border-radius: 20px;
	    -o-border-radius: 20px;
	    -ms-border-radius: 20px;
	    border-radius: 20px;
	}
	/*===========================
		end categories
	===========================*/

	/*===========================
		tags
	===========================*/
	.practice-col-right .tags-col a{
		margin-top: 0px;
		margin-bottom: 5px;
	}
	.btn-tags{
		background-color: #11AC96;
		color: #ffffff;
		margin-top: 20px;
		border-radius: 100px;
	}
	.btn-tags:hover{
		color: #ffffff;
	}

	/*===========================
		end tags
	===========================*/


	/*===========================
		end practice right col
	===========================*/


/*===========================
	end practice & news
===========================*/


/*===========================
	about us
===========================*/

	/*===========================
		vision mission
	===========================*/
	.about-v-m{
		padding-top: 10px;
		padding-bottom: 60px;
	}
	.about-v-m .vision, .about-v-m .mission{
		min-height:165px;
		padding: 20px;
		background-color: #ABC37D;
		color: #fff;
	}
	.about-v-m .vision{
		/*margin-right: 20px;*/
	}
	.vision-pre{
		padding-left: 0px;
	}
	.mission-pre{
		padding-right: 0px;
	}
	/*===========================
		end vision mission
	===========================*/

	/*===========================
		president message
	===========================*/
	.president-msg{
		background-color: transparent;
		background-image: url('../images/president_msg.jpg');
		background-repeat: no-repeat;
		background-position: top;
		background-size: cover;
	}
	.president-msg .box{
		padding: 50px 30px;
		/*background-color: #35B8CD;*/
		background-color: transparent;
		color: #ffffff;
	}
	.president-msg .box h2, .meet-our-team .box h2{
		margin-left: 180px; 
	}
	.president-msg .box p, .meet-our-team .box p{
		text-align: justify;
	}
	.president-msg .president-pic, .meet-our-team .secretary-pic{
		margin-bottom: -60px;
		margin-left: 21px;
		width: 150px;
		height: 150px;
		border-radius: 100px;
		border: 6px solid #ffffff;
		position: relative;
	}
	.president-msg .background-lay, .meet-our-team .background-lay{
		padding: 20px 20px 2px;
		/*background-color: rgba(0, 0, 0, 0.60);*/

	}
	/*===========================
		end president message
	===========================*/

	/*===========================
		meet our team
	===========================*/
	.meet-our-team{
		padding-top: 60px;
		padding-bottom: 100px;
		background-color: #F1EFE5;
	}
	.meet-our-team .box{
		padding: 0px 30px;
	}
	/*.our-team-card{
		margin-bottom: 30px;
		text-align: center;
		color: #707070;
	}
	.our-team-card img{
		border-radius: 2px 2px 0px 0px; 
	}
	.our-team-card .card-title{
		font-family: 'Prata-Regular_0';
	}
	.our-team-card .card-title{
		margin-bottom: 1px;
	}
	.our-team-card .card-text{
		font-weight: 600;
	}*/
/*===========================
	end about us
===========================*/



/*===========================
	membership page
===========================*/
.member-benefits-of-mem{
	background-color: #F8F9FA;
}
.member-counts-nums{
	padding-top: 80px;
	padding-bottom: 70px;
	color: #ffffff;
	/*background-color: #35B8CD;*/
    background-image: url(../images/membership.jpg);
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
}
.member-counts-nums .counter-nums{
	text-transform: uppercase;
	color: #ffffff;
}
.member-counts-nums .counter-nums h4{
	font-size: 45px;
}
.member-counts-nums .counter-nums h3{
	padding-top: 20px;
	font-size: 18px;
}
.member-counts-nums .counter-nums h3:after{
	content: "";
    left: 50%;
    height: 2px;
    position: absolute;
    width: 30px;
    margin-top: -15px;
    margin-left: -15px;
    background-color: #ffffff;
}
.member-counts-nums .counter-nums i{
	color: #ffffff;
	margin-bottom: 15px;
}


	/*===========================
		price plan
	===========================*/
	div.member-pricing {
		padding-top: 80px;
		padding-bottom: 160px;
		background-color: #F1EFE5;
	}

	/*===========================
		end price plan
	===========================*/


/*===========================
	end membership page
===========================*/


/*===========================
	membership form
===========================*/
.membership-form{
	padding-top: 80px;
	padding-bottom: 160px;
}
.form-new-row-remove{
	height: 60px;
	margin-left: 6px;
}
/*===========================
	end membership form
===========================*/

/*=====================================
	membership application download
=====================================*/
.membership-application{
	padding-top: 100px;
	padding-bottom: 200px;
	background-color: #F8F9FA;
}

/*=====================================
	membership application download
=====================================*/


/*===========================
	my account
===========================*/
.my-account{
	padding-top: 80px;
	padding-bottom: 160px;
}
.dashboard-card{
	border:none;
}
.dashboard-card a div:hover{
	background-color:#2B343B;
	color:#ffffff;
}
.dashboard-card a div{
	color:#ffffff;
	padding:25px 20px;
	background-color:#9DCA00;
	border-color:#9DCA00;
	border-radius:4px;
	text-align:center;
}
.my-account-sci{
	box-shadow:none;
	border:1px solid #00000020;
	border-radius:4px;
}
/*===========================
	end my account
===========================*/


/*===========================
	back to top
===========================*/
#scrollTop{ 
	width: 50px;
	height: 50px;
	border-radius: 100px;
	font-size: 30px;
	padding: 2px 2px;
	position: fixed;
	bottom: 20px;
	right: 20px;
	background-color: #9DCA00;
	color: #ffffff;
	cursor: pointer;
	display: none;
}
/*===========================
	end back to top
===========================*/

.note-float-left{
	margin-right: 15px;
}
.note-float-right{
	margin-left: 15px;
}
.breadcrumb-item+.breadcrumb-item::before{
	content: " | ";
}


/*=======================================
	practice and education sub nav
=======================================*/
.sub-cate-pills{
	margin-bottom:60px;
}
.sub-cate-pills .nav-link{
	margin-left:5px;
	margin-right:5px;
	margin-bottom:5px;
	background-color:#2B343B;
	color:#fff;
	border-radius:3px;
}
.sub-cate-pills .nav-link:hover{
	background-color:#9DCA00;
}
.nav-pills .nav-link.active{
	background-color:#9DCA00;
}
/*=======================================
	end practice and education sub nav
=======================================*/


/*=======================================
	News and events dropdown
=======================================*/
.news-event-dropdown{
	background-color:#F37321;
	font:#ffffff;
}




/*===========================
	media queries
===========================*/

@media (min-width: 1350px) and (max-width: 1510px) {
	.practice-col-left {
	    padding: 50px 40px 60px 100px;
	}
	.practice-col-right {
	    padding: 50px 100px 30px 30px;
	    background-color: #F8F9FA;
	}
}

@media (min-width: 1200px) and (max-width: 1350px) {
	.practice-col-left {
	    padding: 50px 40px 60px 40px;
	}
	.practice-col-right {
	    padding: 50px 30px 30px 30px;
	    background-color: #F8F9FA;
	}
}


@media (min-width: 1040px) and (max-width: 1199px) {
	.navigation .navi-item {
	    padding: 17px 15px 13px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) { 
	.events-news-992{
		padding-left: 0px;
		padding-right: 0px;
	}
	.upcoming-events-card-slmna .title {
	   	padding-right: 0px;
	}
	.upcoming-events-card-slmna .card-body .date {
	    width: 60px;
	    height: 60px;
	    padding-top: 4px;
	}
	.practice-col-right {
	    padding: 50px 20px 30px 20px;
	    background-color: #F8F9FA;
	}
	.practice-col-left {
	    padding: 50px 40px 60px 40px;
	}
	.search_input {
	    width: 75%;
	}
}

@media (min-width: 992px) and (max-width: 1039px) {
	.navigation .navi-item {
	    padding: 17px 10px;
	}
	.foods-health-fitness{
		margin-top: 30px;
		margin-bottom: 30px;
	}
}

@media(min-width:992px){
	.welcome .picture{
		padding: 0px;
	}
	.welcome .text{
		padding-top: 50px;
	}
}

@media (min-width: 768px) and (max-width: 992px) {
	.page-top {
	    padding: 40px 50px;
	}
	.main-title {
	    margin-bottom: 20px;
	}
	.foods-health-fitness{
		margin-top: 30px;
	}
	.foods-health-fitness .foods, .foods-health-fitness .health, .foods-health-fitness .fitness{
		margin-bottom: 25px;
	}
	.welcome .picture {
	    margin-top: 50px;
	    padding-left: 0px;
	    padding-right: 0px;
	}
	.be-a-member .benifits{
		margin-top: 5px;
		margin-bottom: 15px;
		border-radius: 10px;
	}
	.news-card-pinned {
	    margin-bottom: 10px;
	}
	.upcoming-events-card-slmna .title{
		padding-right: 0px;
	}
	.events-news-upcoimg-767{
		padding-left: 0px;
	}
	.president-msg .president-pic, .meet-our-team .secretary-pic{
	    margin-bottom: -90px;
	    margin-left: 20px;
	}
	.president-msg .box h2, .meet-our-team .box h2{
	    margin-left: 180px;
	}
	.events-and-news, .meet-our-team, div.member-pricing{
		padding-top: 50px;
		padding-bottom: 90px;
	}
	.be-a-member{
		padding-top: 50px;
		padding-bottom: 45px;
	}
	.events-sec{
		padding-top: 50px;
		padding-bottom: 90px;
	}
	.news-sec{
		padding-top: 50px;
		padding-bottom: 15px;
	}
	.practice-col-right {
	    padding: 50px 20px 30px 20px;
	    background-color: #F8F9FA;
	}
	.practice-col-left {
	    padding: 50px 40px 60px 40px;
	}
	.practice-col-right .recent-post li{
		height: 80px;
	}
	.practice-col-right .recent-post-col, .practice-col-right .categories-col{
	    margin-top: 40px;
	    margin-bottom: 10px;
	}
	.practice-col-right .tags-col {
	    margin-top: 20px;
	    margin-bottom: 40px;
	}
	.practice-card .card-body {
	    padding: 15px 20px 35px;
	}
	.events-sec .contact-page-card {
	    margin-top: 10px;
	}
	.upcoming-events-card-slmna .date{
		margin-right: 20px;
		margin-bottom: 1px;
	}
	.upcoming-events-card-slmna .title{
		margin-top: 2px;
		margin-bottom: 20px;
		padding-left: 0px;
		padding-right: 0px;
	}
	.upcoming-events-card-slmna .upcoming-title{
		margin-bottom: 20px;
		padding-left: 0px;
	}
	.upcoming-events-card-slmna .card-body{
		padding-left: 35px;
	}
	.upcoming-events-card-slmna .card-body .row{
		margin-bottom: 2px;
	}
	.upcoming-events-card-slmna .date {
	    width: 60px;
	    height: 60px;
	    margin-right: 10px;
	    padding-top: 8px;
	    font-size: 12px;
	}
	.upcoming-events-card-slmna .date span {
	    font-size: 25px;
	}
	.search_input {
	    width: 75%;
	}
	.events-sec .contact-page-card{
		margin-top: 10px;
	}
	.events-sec .contact-page-card .card-body {
	    padding: 15px 15px;
	}
	.events-sec .contact-page-card .all-image {
		margin-top: 0px;
		margin-bottom: 0px;
	    padding: 0px 0px 0px 0px;
	    text-align: center;
	}
	/*.events-sec .contact-page-card .all-title{
		padding-left: 0px;
	}*/
	.events-sec .contact-page-card .all-title .location{
		margin-top: 1px;
	}
	.btn-event {
	    padding: 5px 15px;
	    margin-top: 35px;
	}
	.vision-pre{
		margin-bottom: 20px;
		padding-left: 15px;
	}
	.mission-pre{
		padding-right: 15px;
	}
	.articles {
	    padding-top: 50px;
	    padding-bottom: 40px;
	    padding-left: 30px;
    	padding-right: 30px;
	}
	.contact-col {
		padding-top: 25px;
	    text-align: center;
	    background-color: #F8F9FA;
	    color: #ffffff;
	}
	.contact-col .location, .contact-col .email-us, .contact-col .lets-talk, .contact-col .open-time {
	    padding-top: 40px;
	    padding-bottom: 30px;
	}
	.contact-col .location, .contact-col .email-us{
		padding-top: 40px;
	    padding-bottom: 10px;
	}
	.contact-form {
	    padding-top: 50px;
	    padding-bottom: 30px;
	}
	.contact-social-icon {
	    padding-top: 50px;
	    padding-bottom: 90px;
	}
	.nav-stripe-line{
		font-size: 40px;
		padding-top: 5px;
	}
}

@media(max-width: 767px){
	body{
		font-size: 16px;
	}
	.header{
		padding-top: 5px;
		padding-bottom: 2px;
	}
	.logo{
		padding-right:0px;
		text-align:right;
	}
	.main-slide {
	    height: 450px;
	}
	.main-title-col{
		padding-left: 0px; /*dont change these values*/
		padding-right: 0px;
	}
	.btn-slmna-all-articles{
		margin-top: 0px;
		margin-bottom: 15px;
	}
	.foods-health-fitness{
		margin-top: 20px;
		margin-bottom: 30px;
	}
	.page-top{
		padding: 50px 15px;
	}
	.page-top h2{
		font-size: 25px;
	}
	.page-top p{
		margin-bottom: 1px;
	}
	.footer-pre{
		margin-top: -80px;
	}
	.footer{
		padding-top: 5px;
		padding-bottom: 15px;
	}
	.events-and-news, .meet-our-team, div.member-pricing{
		padding-top: 50px;
		padding-bottom: 90px;
	}
	.be-a-member{
		padding-top: 50px;
		padding-bottom: 45px;
	}
	.events-sec{
		padding-top: 50px;
		padding-bottom: 90px;
	}
	.news-sec{
		padding-top: 50px;
		padding-bottom: 15px;
	}
	#sidenav-toggle{
		font-size: 40px;
	}
	.nav-social-div a{
		text-align: center !important;
	}
	.main-title{
		font-size: 25px;
		margin-bottom: 20px;
	}
	.three-cols h3{
		font-size: 23px;
	}
	.what-why-aim {
	    padding-bottom: 15px;
	}
	.what-why-aim .slmna-1 h3 span, .what-why-aim .slmna-2 h3 span, .what-why-aim .slmna-3 h3 span{
		font-size: 37px;
	}
	.articles-slider .articles-card .title{
		font-size: 20px;
	}
	.be-a-member .title-and-desc .desc{
		text-align: justify;
	}
	.events-and-news .main-title{
		margin-bottom: 10px;
	}

	.foods-health-fitness{
		margin-left: 15px;
		margin-right: 15px;
	}
	.foods-health-fitness .foods, .foods-health-fitness .health, .foods-health-fitness .fitness{
		margin-bottom: 15px;
	}
	.welcome {
	    padding-bottom: 20px;
	}	
	.welcome .text{
		padding-left: 15px;
		padding-right: 15px;
	}
	.welcome .picture{
		margin-top: 20px;
		padding-left: 0px;
		padding-right: 0px;
	}
	.what-why-aim .slmna-1, .what-why-aim .slmna-2, .what-why-aim .slmna-3{
		padding-left: 15px;
		padding-right: 15px;
		padding-bottom: 20px;
	}
	.be-a-member .benifits{
		margin-top: 5px;
		margin-bottom: 15px;
		margin-left: 15px;
		margin-right: 15px;
		border-radius: 10px;
	}
	.news-card-pinned{
		margin-bottom: 7px;
	}
	.news-card-slmna {
	    margin-bottom: 7px;
	}
	.footer .menu, .footer .office{
		margin-top: 40px;
	}
	.contact-social-icon .social-btn{
		margin: 10px 15px;
		width: 45px;
		height: 45px;
	}
	.contact-social-icon .social-btn i{
		line-height: 50px;
		font-size: 25px;
	}
	.practice-col-left {
	    padding: 30px 15px 30px 15px;
	}
	#slmna-file-upload:after{
		padding: 15px 25px;
	}
	.articles {
	    padding-top: 50px;
	    padding-bottom: 40px;
	    padding-left: 30px;
    	padding-right: 30px;
	}
	.articles-slider .articles-card{
		height: 400px;
	}
	.articles-card{
		padding-left: 0px; 
		padding-right: 0px; 
	}
	.welcome .instant-idea .flex-fill i{
		display: block;
		margin-bottom: 5px;
	}
	.be-a-member .benifits h5{
		font-size: 16px;
	}
	.be-a-member .color-box-1, .be-a-member .color-box-2, .be-a-member .color-box-3, .be-a-member .color-box-4{
		padding: 20px 10px;
	}
	.upcoming-events-card-slmna .date{
		margin-right: 20px;
		margin-bottom: 1px;
	}
	.upcoming-events-card-slmna .title{
		margin-top: 2px;
		margin-bottom: 20px;
		padding-left: 0px;
		padding-right: 0px;
	}
	.upcoming-events-card-slmna .upcoming-title{
		margin-bottom: 20px;
		padding-left: 0px;
	}
	.upcoming-events-card-slmna .card-body{
		padding-left: 35px;
	}
	.upcoming-events-card-slmna .card-body .row{
		margin-bottom: 2px;
	}
	.vision-pre{
		margin-bottom: 20px;
		padding-left: 15px;
	}
	.mission-pre{
		padding-right: 15px;
	}
	.president-msg .box, .meet-our-team .box{
		padding: 50px 15px 30px;
	}
	.president-msg .president-pic, .meet-our-team .secretary-pic{
		margin-bottom: 10px;
		margin-left: 5px;
	}
	.president-msg .background-lay, .meet-our-team .background-lay{
		padding: 2px;
	}
	.president-msg .box h2, .meet-our-team .box h2{
		margin-left: 0px;
	}
	.member-counts-nums .counter-nums{
		margin-bottom: 70px;
	}
	.member-counts-nums .counter-nums:last-child{
		margin-bottom: 0px;
	}
	.practice-card{
		margin-bottom: 30px;
	}
	.practice-card .card-body{
		padding: 15px 12px 35px 12px;
	}
	.practice-bread {
	    font-size: 12px;
	}
	.practice-card .card-body .card-title a {
	    font-size: 25px;
	}
	.practice-card .top-corner-date {
	    width: 60px;
	    height: 70px;
	    margin: 10px;
	    padding-top: 5px;
	}
	.practice-col-right {
	    padding: 30px 15px 30px 15px;
	    background-color: #F8F9FA;
	}
	.search_icon {
	    height: 40px;
	    width: 30px;
	}
	.practice-col-right .recent-post-col, .practice-col-right .categories-col{
	    margin-top: 20px;
	    margin-bottom: 10px;
	}
	.practice-col-right .tags-col{
		margin-top: 20px;
	    margin-bottom: 40px;
	}
	.searchbar {
	    margin-bottom: 20px;
	}
	.view-all-link{
		padding-top: 2px;
	}
	.events-sec .contact-page-card{
		margin-top: 10px;
	}
	.events-sec .contact-page-card .card-body {
	    padding: 15px 15px;
	}
	.events-sec .contact-page-card .all-image {
		margin-top: 10px;
		margin-bottom: 10px;
	    padding: 0px 0px 0px 0px;
	}
	.events-sec .contact-page-card .all-title{
		padding-left: 0px;
	}
	.events-sec .contact-page-card .all-title .location{
		margin-top: 1px;
	}
	.btn-event{
		padding: 5px 15px;
	}
	.news-all-sec{
		padding-top: 50px;
    	padding-bottom: 90px;
	}
	.news-view-sec, .events-view-sec {
	    padding-top: 50px;
	    padding-bottom: 90px;
	    background-color: #F8F9FA;
	    text-align: justify;
	}
	.contact-form {
	    padding-top: 50px;
	    padding-bottom: 30px;
	}
	.contact-social-icon{
		padding-top: 50px;
    	padding-bottom: 90px;
	}
	.contact-social-icon .social-btn {
	    margin: 10px 10px;
	}
	.membership-form{
		padding-top: 50px;
	    padding-bottom: 90px;
	}
	.membership-form .btn-slmna{
		padding: 12px 15px;
	}
	.form-new-row-remove{
	    height: 40px;
	    margin-bottom: 40px;
	}
	.nav-stripe-line{
		font-size: 40px;
		padding-top: 5px;
	}
/*===========================
	end media queries
===========================*/