@charset "utf-8";
/* CSS Document */
.wrapper{
	background:url("../images/activities-bg.jpg") repeat 0 0 #fff;
}
.wrapper-inner{
	box-shadow: -1px 3px 4px 1px #b9b9b9;
}
.sec-overlay{
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(21, 39, 64, .65);
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
}
.dark-sidebar ul li {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11.2 19.3'%3E%3Cpath fill='%23fff' d='M11.2 9.6c0 .2-.1.3-.2.4l-9 9a.76.76 0 0 1-.4.2c-.2 0-.3-.1-.4-.2l-1-1c-.1 0-.2-.2-.2-.3 0-.2.1-.3.2-.4l7.6-7.6L.2 2c-.1-.1-.2-.2-.2-.4s.1-.3.2-.4l1-1c.1-.1.2-.2.4-.2s.3.1.4.2l9 9c.2.1.2.3.2.4z'/%3E%3C/svg%3E") 0 4px no-repeat;
	background-size: 5px auto;
}
.inner-banner{
	/*min-height: 230px;*/
	position: relative;
	z-index: 1;
}
.inner-banner img{
	width: 100%;
	height: auto;
	display: block;
}
.inner-banner .container{
/*	position:relative;*/
	z-index: 2;
}
.inner-banner-cont{
	text-align: center;
	width: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.page-title h1{
	color: #fff;
	font-size: 2.2rem;
    line-height: 2.8rem;
    margin: 0 0 5px;
}
.breadcrumbs{
	color: #fff;
}
.breadcrumbs a{
	color: #fff;
}
.inner-banner-cont .pattern-left:before {
    background: url("../images/footer-pattern.webp") 0 0;
}
.inner-banner-cont .pattern-right:after {
    background: url("../images/footer-pattern.webp") 0 0;
}
.midpan{
	padding: 30px 0;
	width: 100%;
}
.sidebar{
	padding: 6% 2% 0 2%;
}
.sidebar-left{
	padding: 6% 2% 26px 2%;
	background: url("../images/pattern-sidebar.png") repeat-x #fff 0 100%;
}
.sidebar-right{
	padding: 26px 2% 0 2%;
	background: url("../images/pattern-sidebar.png") repeat-x #fff 0 0;
}
.w-two-sidebar .sidebar-left{
	padding: 6% 2% 26px 2%;
	background: url("../images/pattern-sidebar.png") repeat-x #fff 0 100%;
}
.w-two-sidebar .sidebar-right{
	padding: 26px 2% 0 2%;
	background: url("../images/pattern-sidebar.png") repeat-x #fff 0 0;
}

.w-right-sidebar.dark-sidebar .midpan{
	padding: 0% 2% 26px 2%;
    background: url(../images/pattern-sidebar.png) repeat-x #fff 0 100%;
}
.w-left-sidebar.dark-sidebar .midpan{
	padding: 26px 2% 0 2%;
    background: url(../images/pattern-sidebar.png) repeat-x #fff 0 0;
}

.w-two-sidebar.dark-sidebar .sidebar-right{
	background: none;
}
.sidebar:last-child{
	margin-bottom: 0;
}
.main-cont-area.dark-sidebar{
	padding: 20px 0;
}
.sidebar-widgets{
	margin-bottom: 20px;
	width: 100%;
	pading: 1% 1%;
	background-color: #fff;
}
.sidebar-widgets:last-child{
	margin-bottom: 0;
}
.sidebar-widgets h4{
	font-size: 1.4rem;
	line-height: 2.0rem;
	padding: 8px 10px;
	background-color: #ff9e49;
	color: #fff;
	display: block;
	border-radius: 5px 5px 0 0;
}
.sidebar-widgets ul{
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 1.3rem;
	line-height: 1.9rem;
}
.sidebar-widgets ul li{
	margin: 0;
	border-bottom: 1px solid #d2d2d2;
	background-position: 8px 9px;
}
.sidebar-widgets ul li:last-child{
	border-bottom: 0;
}
.sidebar-widgets ul li a{
	display: block;
	color: #333;
	padding: 5px 8px 5px 0;
}
.breadcrumbs, .breadcrumbs a{
	font-size: 1.3rem;
	line-height: 1.9rem;
	display: inline-block;
}
.w-two-sidebar .sidebar{
	padding:30px  8px 30px 8px;
}
.w-two-sidebar .sidebar:last-child{
	margin-bottom: 0;
}
.dark-sidebar .sidebar{
	background-color: #152740 !important;
}
.dark-sidebar .sidebar .sidebar-widgets{
	background-color: transparent;
}
.dark-sidebar .sidebar .sidebar-widgets ul li a{
	color: #fff;
}
.dark-sidebar .sidebar-widgets ul li{
	border-bottom: 1px solid #2e496e;
}
.dark-sidebar .sidebar-widgets ul li:last-child{
	border-bottom: none;
}
.dark-sidebar.w-two-sidebar .sidebar{
	background: none;
}
.dark-sidebar.w-two-sidebar .sidebar{
	padding:20px  8px 20px 8px;
}

.w-sidebar .midpan{
	padding: 30px 0;
}
.activities-widgets ul{
	margin: 0;
	padding: 0;
}
.activities-widgets ul li{
	margin: 0 0 10px 0;
	padding: 0;
	background-image: none;
	border-bottom: none;
}
.activities-widgets ul li a{
	display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	padding: 0;
}
.activities-widgets ul li a .activities-img{
	width:22%;
    margin-right: 10px;
	max-width: 100px;
	overflow: hidden;
	background-color: #152740;
}
.activities-widgets ul li a .activities-img img{
	width: 100%;
	height: auto;
	display: block;
	-webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
	opacity: 1;
}
.activities-widgets ul li a .activities-title{
	width: 78%;
}
.activities-widgets ul li a .activities-title{
	width: 65%;
    display:block;
	font-size: 1.4rem;
	line-height: 2.0rem;
	font-family: 'Roboto-Bold';
	font-weight: normal;
	color: #333;
}
.activities-widgets ul li a .activities-title em{
	display: block;
	font-family: 'Montserrat-Regular';
	font-style: normal;
	font-size: 1.2rem;
	line-height: 1.8rem;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='63.375' height='67.425' xmlns:v='https://vecta.io/nano'%3E%3Cpath fill='%23333' d='M57.383 57.954c0 2.162-1.791 3.953-3.953 3.953H9.945c-2.162 0-3.953-1.791-3.953-3.953V18.422c0-2.162 1.791-3.953 3.953-3.953h3.953v-2.965a4.96 4.96 0 0 1 4.941-4.941h1.977a4.96 4.96 0 0 1 4.941 4.941v2.965h11.859v-2.965a4.96 4.96 0 0 1 4.941-4.941h1.977a4.96 4.96 0 0 1 4.941 4.941v2.965h3.953c2.162 0 3.953 1.791 3.953 3.953v39.532zm-3.953 0V26.329H9.945v31.625H53.43zM21.805 11.505c0-.556-.433-.988-.988-.988H18.84c-.556 0-.988.433-.988.988V20.4c0 .556.433.988.988.988h1.977c.556 0 .988-.433.988-.988v-8.895zm23.718 0c0-.556-.433-.988-.988-.988h-1.977c-.556 0-.988.433-.988.988V20.4c0 .556.433.988.988.988h1.977c.556 0 .988-.433.988-.988v-8.895z'/%3E%3C/svg%3E") no-repeat 0 0;
	background-size: 14px auto;
	padding-left: 19px;
}
.sidebar-widgets.activiti-slider img{
	width: 100%;
	height: auto;
	display: block;
}
.year-name:first-child {
    display: block;
}
.year-name {
    display: none;
}
@media only screen and (min-width: 500px){
	.activities-widgets ul li{
		width: 48%;
		margin-bottom: 10px;
	}
	.activities-widgets ul li:last-child{
		margin-bottom: 0;
	}
	.activities-widgets ul{
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.activities-widgets ul li a .activities-img {
		width: 35%;
	}
	.activities-widgets ul li a .activities-title {
		width:60%;
	}
}
@media only screen and (min-width: 600px){
	.activities-widgets ul{
		display: block;
	}
	.activities-widgets ul li{
		width: 100%;
		margin-bottom: 10px;
	}
	.activities-widgets ul li:last-child{
		margin-bottom: 0;
	}
	.sidebar{
		width: 100%;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 0;
	}
	.sidebar-widgets{
		width: 48%;
		pading: 1% 1%;
	}
	.activities-widgets ul li a .activities-img {
        width: 17%;
    }
	.activities-widgets ul li a .activities-title {
        width: 79%;
    }
}
@media only screen and (min-width: 768px){
	.page-title h1{
		font-size: 2.6rem;
        line-height: 3.2rem;
        margin: 0 0 13px;
	}
	.inner-banner {
        /*min-height: 320px;*/
    }
	.sidebar-widgets ul li {
		background-position: 3px 9px;
	}
	.w-sidebar .midpan{
		padding: 40px 0;
	}
	.sidebar-widgets h4{
		padding: 8px 10px;
	}
	.w-two-sidebar .sidebar{
		padding:40px  8px 40px 8px;
	}
	.main-cont-area.dark-sidebar{
		padding: 30px 0;
	}
	
}
@media only screen and (min-width: 921px) {
	.inner-banner {
       /* min-height: 300px;*/
    }
	.main-cont-area.dark-sidebar{
		padding: 0;
	}
	.dark-sidebar.w-two-sidebar .sidebar {
		padding: 50px 8px;
	}
	.w-sidebar .midpan{
		width: 69%;
		padding: 50px 30px;
	}
	.w-two-sidebar .midpan{
		padding: 50px 20px;
		margin-bottom: 0;
		width: 69%;
        align-self: flex-start;
	}
	.breadcrumbs, .breadcrumbs a{
		font-size: 1.6rem;
		line-height: 2.2rem;
	}
	.sidebar{
		margin-bottom: 0;
	}
	
	.sidebar-widgets{
		margin-bottom: 20px;
	}
    
	.sidebar-widgets ul{
		font-size: 1.5rem;
		line-height: 2.1rem;
	}
	.w-sidebar .container{
		padding:0;
		max-width: 100%;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 0;
	}
	.w-left-sidebar .sidebar{
        width: 31%;
        display: block;
        margin: 0;
		padding: 2% 20px 20px 10px;
    }
	 .w-right-sidebar .sidebar, .w-left-sidebar .sidebar {
        width: 31%;
        display: block;
        margin: 0;
		padding: 60px 20px 20px 20px;
    }
	
	.w-two-sidebar .sidebar{
		width: 25%;
		margin-bottom: 0;
	}
	.w-two-sidebar .midpan{
        width: 50%;
        align-self: flex-start;
        margin-bottom: 0;
    }
	.sidebar .sidebar-widgets{
		width: 100%;
	}
	.sidebar-left{
		padding: 0% 15px 18px 15px;
		background: url("../images/pattern-sidebar.png") repeat-y #fff 100% 0;
	}
	.sidebar-right{
		padding: 0 15px 0 15px;
		background: url("../images/pattern-sidebar.png") repeat-y #fff 0 0;
	}
	.w-two-sidebar .sidebar-left{
		padding: 0% 15px 18px 15px;
		background: url("../images/pattern-sidebar.png") repeat-y #fff 100% 0;
	}
	.w-two-sidebar .sidebar-right{
		padding: 0 15px 0 15px;
		background: url("../images/pattern-sidebar.png") repeat-y #fff 0 0;
	}
	.w-right-sidebar.dark-sidebar .midpan{
		padding: 50px 30px 26px 2%;
		background: url(../images/pattern-sidebar.png) repeat-y #fff 100% 0;
	}
	.w-left-sidebar.dark-sidebar .midpan{
		padding: 50px 2% 0 30px;
		background: url(../images/pattern-sidebar.png) repeat-y #fff 0 0;
	}
	.w-right-sidebar .sidebar {
        width: 31%;
		padding: 60px 14px 20px 24px;
    }
	.w-right-sidebar .sidebar.sidebar-right{
		padding: 60px 14px 20px 24px;
	}
	.w-right-sidebar .sidebar.sidebar-left{
		padding: 60px 24px 20px 14px;
	}
	.w-two-sidebar .sidebar{
		padding:50px  20px 50px 20px;
	}
	.activities-widgets ul li a .activities-title em{
		font-size: 1.4rem;
		line-height: 2.0rem;
		background-position: 0 2px;
		background-size: 14px auto;
		padding-left: 19px;
	}
	.activities-widgets ul li a .activities-title {
        width: 77%;
    }
}
@media only screen and (min-width: 1025px){
	.page-title h1{
		font-size: 3rem;
        line-height: 3.6rem;
        margin: 0 0 18px;
	}
	.inner-banner {
        /*min-height: 400px;*/
    }
	.midpan, .sidebar{
		padding: 60px 40px;
	}
	.sidebar-widgets h4 {
		font-size: 1.6rem;
		line-height: 2.2rem;
	}
	.sidebar-widgets ul{
		font-size: 1.6rem;
		line-height: 2.2rem;
	}
	.sidebar-widgets ul li a:hover{
		color: #008a3b;
	}
	.w-left-sidebar .sidebar, .w-right-sidebar .sidebar {
        width: 26%;
    }
	.w-left-sidebar .midpan, .w-right-sidebar .midpan {
        width: 74%;
    }
	.w-two-sidebar .midpan{
        width: 50%;
    }
	.dark-sidebar .sidebar .sidebar-widgets ul li a:hover{
		color: #ff9e49;
	}
	.activities-widgets ul li a:hover .activities-img img{
		opacity: 0.40;
	}
	.activities-widgets ul li a:hover .activities-title{
		color: #008a3b;
	}
	.activities-widgets ul li a:hover .activities-title em{
		background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='63.375' height='67.425' xmlns:v='https://vecta.io/nano'%3E%3Cpath fill='%23008a3b' d='M57.383 57.954c0 2.162-1.791 3.953-3.953 3.953H9.945c-2.162 0-3.953-1.791-3.953-3.953V18.422c0-2.162 1.791-3.953 3.953-3.953h3.953v-2.965a4.96 4.96 0 0 1 4.941-4.941h1.977a4.96 4.96 0 0 1 4.941 4.941v2.965h11.859v-2.965a4.96 4.96 0 0 1 4.941-4.941h1.977a4.96 4.96 0 0 1 4.941 4.941v2.965h3.953c2.162 0 3.953 1.791 3.953 3.953v39.532zm-3.953 0V26.329H9.945v31.625H53.43zM21.805 11.505c0-.556-.433-.988-.988-.988H18.84c-.556 0-.988.433-.988.988V20.4c0 .556.433.988.988.988h1.977c.556 0 .988-.433.988-.988v-8.895zm23.718 0c0-.556-.433-.988-.988-.988h-1.977c-.556 0-.988.433-.988.988V20.4c0 .556.433.988.988.988h1.977c.556 0 .988-.433.988-.988v-8.895z'/%3E%3C/svg%3E") no-repeat 0 0;
		color: #008a3b;
		background-size: 14px auto;
		background-position: 0 2px;
	}
	.activities-widgets ul li a .activities-img {
        width: 35%;
    }
	.activities-widgets ul li a .activities-title {
        width: 60%;
    }
}
@media only screen and (min-width: 1200px){ 
	.page-title h1{
		font-size: 3.4rem;
        line-height: 4.0rem;
	}
}
@media only screen and (min-width: 1400px){
	.inner-banner {
       /* min-height: 520px;*/
    }
	.sidebar-widgets ul li{
		background-position: 0 10px;
	}
	.w-two-sidebar .midpan {
        padding: 60px 20px;
    }
	.w-sidebar .midpan {
        width: 78%;
    }
	.w-two-sidebar .sidebar{
		width: 21%;
		padding: 60px 8px 50px 8px;
	}
	.w-two-sidebar .midpan{
        width: 58%;
    }
	.w-right-sidebar .sidebar, .w-left-sidebar .sidebar {
        width: 22%;
		padding: 60px 35px 20px 14px;
    }
	.dark-sidebar.w-right-sidebar .sidebar{
		padding: 60px 20px 20px 20px;
	}
	.w-right-sidebar .sidebar.sidebar-right{
		padding: 60px 14px 20px 35px;
	}
	.w-right-sidebar .sidebar.sidebar-left{
		padding: 60px 35px 20px 14px;
	}
	.w-two-sidebar .midpan {
        width: 58%;
    }
	.w-two-sidebar .sidebar.sidebar-left{
        padding: 60px 35px 50px 14px;
    }
	.w-two-sidebar .sidebar.sidebar-right{
        padding: 60px 14px 50px 35px;
    }
}

@media only screen and (min-width: 1800px){
	.inner-banner {
        min-height: 570px;
    }
}
/*Marquee start*/
.marquee-wrapper{
	background-color: #152740;
	color: #fff;
	padding: 8px 10px;
	font-family: 'Roboto-Medium', serif;
	font-weight: normal;
	font-size: 1.4rem;
	line-height: 1.8rem;
}
.marquee {
  position: relative;
  overflow: hidden;
  width: 100%;
}

/* Track: ul or div */
.marquee-track {
  display: flex;
  width: max-content;
  list-style: none;
  padding: 0;
  margin: 0;
  will-change: transform;
}

/* Item: li or div */
.marquee-track p {
  flex-shrink: 0;
  white-space: nowrap;
  padding: 0 2rem;
  margin-bottom: 0;
  border-right: 1px solid #75a3e4;
}
.marquee-track p:last-child{
	border-right: 0;
}
.marquee-track p a{
	color: #fff;
}
@media only screen and (min-width: 768px){
	.marquee-wrapper{
		padding: 10px 15px;
	}
	
}
@media only screen and (min-width: 1025px){
	.marquee-track p a:hover{
		color: #75a3e4;
	}
	.marquee-wrapper{
	}
}
/*Marquee end*/
/*list style start*/
.list-item li{
	padding: 0;
    list-style-type: none;
    background: none;
	text-align: center;
}
.list-item li a{
	display: block;
    width: 100%;
    /*height: 100%;*/
	/**/
}
.list-item.with-shadow li{
	box-shadow: 0 0 6px 1px #d1d9d1;
    border: 4px solid #fff;
}
.list-item .list-item-title{
	display: block;
	color: #333;
	font-family: 'Montserrat-SemiBold';
    font-weight: normal;
	padding: 10px 5px 5px 5px;
	font-size: 1.3rem;
	line-height: 1.9rem;
	transition: color .9s ease;
}
.list-item li .list-item-date{
    color: #333;
    font-size: 1.3rem;
    line-height: 1.7rem;
	font-family: 'Montserrat-SemiBold';
    font-weight: normal;
    margin-bottom: 10px;
	padding: 4px 8px;
	display: block;
	transition: color .9s ease;
}
/*.list-item li a img{
	width: 100%;
	height: auto;
	display: block;
}
.list-item-image-thumb{
	display: block;
	position: relative;
	background-color: #fff;
	overflow: hidden;
	-webkit-transition: all .4s;
	-khtml-transition: all .4s;
	-moz-transition: all .4s;
	-ms-transition: all .4s;
	-o-transition: all .4s;
	transition: all .6s;
}
.video-icon {
    display: block;
    width: 40px;
    height: 40px;
    background: url(../images/video-play-btn.png) 50% 50% no-repeat;
    background-size: contain;
    opacity: 1;
    cursor: pointer;
	position: absolute;
    left: 50%;
    top: 70%;
    transform: translate(-50%, -50%);
	transition: top .9s ease;
	z-index: 2;
}
.video-icon::after{
	content: "PLAY NOW";
	display: block;
	font-size: 1.2rem;
	line-height: 1.4rem;
	position: absolute;
	left: 50%;
	top: -8%;
	transform: translate(-50%, -50%);
	color: #fff;
	opacity: 0;
	z-index: 1;
	width: 200px;
	text-align: center;
	font-family: 'Montserrat-Bold';
	font-weight: normal;
	font-style: normal;
	transition: top .9s ease .3s, opacity .9s ease .4s;;
}*/
@media only screen and (min-width: 500px){
	.list-item{
		display: -ms-flexbox;
    	display: flex;
    	-ms-flex-wrap: wrap;
    	flex-wrap: wrap;
    	/*align-items: center;*/
	}
}

@media only screen and (min-width: 768px){
	.list-item .list-item-title{
		font-size: 1.5rem;
		line-height: 2.1rem;
	}
	/*.video-icon {
        width: 56px;
        height: 56px;
    }	*/
}
@media only screen and (min-width: 921px){
		
}
@media only screen and (min-width: 1025px){
	.list-item .list-item-title{
		font-size: 1.7rem;
		line-height: 2.2rem;
	}
	.list-item li a:hover .list-item-title {
        color: #0b9800;
	}
	.list-item li a .list-item-date{
		position: relative;
		z-index: 1;
		background: #fff;
	}
	.list-item li a:hover .list-item-date{
		color: #0b9800;	
	}
	.list-item.with-shadow li:hover{
		/*border-color: #d4f3d5;*/
		box-shadow: 0 0 6px 1px #8ad68a;
	}
	/*.list-item li a img{
		overflow: hidden;
		display: block;
		transform: scale(1.0);
		opacity: 1;
    	-webkit-transition: all .4s;
    	-khtml-transition: all .4s;
    	-moz-transition: all .4s;
    	-ms-transition: all .4s;
    	-o-transition: all .4s;
    	transition: all .6s;	
	}
	
	.list-item li a:hover .list-item-image-thumb{
		background-color: #006803;
	}
	.list-item li a:hover img{
		transform: scale(1.1);
		opacity: 0.3;
	}
	.list-item li a:hover .zoom-icon{
		opacity: 0;
	}
	.list-item li a:hover .video-icon {
		top: 50%;
	}
	.list-item li a:hover .video-icon::after{
	top: -48%;
	color: #fff;
	opacity: 1;
}*/
	
}




.col1 li, .col2 li, .col3 li, .col4 li, .col5 li, .col6 li{
	width: 100%;
	margin-bottom: 20px;
	background-image: none;
}
.colauto li{
	width: auto;
	margin-bottom: 20px;
}
@media only screen and (min-width:500px){
	.col2 li, .col3 li, .col4 li, .col5 li, .col6 li{
		width: 48%;
		margin: 1%;
	}
	.colauto li{
		margin: 1%;
	}
}
@media only screen and (min-width:768px){
	
	.col3 li, .col4 li, .col5 li, .col6 li{
		width: 31%;
		margin: 1%;
	}
}
@media only screen and (max-width:1024px){
	
}
@media only screen and (min-width:1300px){
	.col4 li{
		width: 23%;
		margin: 1%;
	}
	.col5 li{
		width: 18%;
		margin: 1%;
	}
	.col6 li{
		width: 14%;
		margin: 1%;
	}
}
@media only screen and (min-width:1500px){
	.col4 li{
		width: 23%;
		margin: 1%;
	}
	.col5 li{
		width: 18%;
		margin: 1%;
	}
	.col6 li{
		width: 14%;
		margin: 1%;
	}
}
@media only screen and (min-width:1800px){
	.col5 ul li, .col6 ul li{
		width: 18%;
		margin: 1%;
	}
}
/*list style end*/

.width-40-60 .leftpan{
	width: 100%;
	margin-bottom: 20px;
	padding: 10px 10px;
}
.width-40-60 .rightpan{
	width: 100%;
	margin-bottom: 20px;
	padding: 10px 10px;
}
.width-60-40 .leftpan{
	width: 100%;
	padding: 10px 10px;
}
.width-60-40 .rightpan{
	width: 100%;
	padding: 10px 10px;
}
.width-70-30 .leftpan{
	width: 100%;
	margin-bottom: 20px;
	padding: 10px 10px;
}
.width-70-30 .rightpan{
	width: 100%;
	padding: 10px 10px;
}
.width-30-70 .leftpan{
	width: 100%;
	margin-bottom: 20px;
	padding: 10px 10px;
}
.width-30-70 .rightpan{
	width: 100%;
	padding: 10px 10px;
}
.width-80-20 .leftpan{
	width: 100%;
	padding: 10px 10px;
	margin-bottom:20px;
}
.width-80-20 .rightpan{
	width: 100%;
	padding: 10px 10px;
	margin-bottom: 0;
}


@media only screen and (min-width:768px){
	.width-50-50 .leftpan, .width-50-50 .rightpan, .leftpan, .rightpan{
		width: 48%;
		margin-bottom: 0;
	}
	.width-40-60 .leftpan{
		width: 38%;
		margin-bottom: 0;
	}
	.width-40-60 .rightpan{
		width: 58%;
		margin-bottom: 0;
	}
	.width-60-40 .leftpan{
		width: 58%;
		padding: 10px 10px;
		margin-bottom: 0;
	}
	.width-60-40 .rightpan{
		width: 38%;
		padding: 10px 10px;
		margin-bottom: 0;
	}
	.width-70-30 .leftpan{
		width: 68%;
		margin-bottom: 20px;
		margin-bottom: 0;
	}
	.width-70-30 .rightpan{
		width: 28%;
		padding: 10px 10px;
		margin-bottom: 0;
	}
	.width-30-70 .leftpan{
		width: 28%;
		padding: 10px 10px;
		margin-bottom: 0;
	}
	.width-30-70 .rightpan{
		width: 68%;
		padding: 10px 10px;
		margin-bottom: 0;
	}
	.width-20-80 .leftpan{
		width: 18%;
		padding: 10px 10px;
		margin-bottom: 0;
	}
	.width-20-80 .rightpan{
		width: 18%;
		padding: 10px 10px;
		margin-bottom: 0;
	}
	.width-80-20 .leftpan{
		width: 78%;
		padding: 10px 10px;
		margin-bottom: 0;
	}
	.width-80-20 .rightpan{
		width: 18%;
		padding: 10px 10px;
		margin-bottom: 0;
	}
	
}
@media only screen and (min-width:921px){
/*
	.width-40-60 .leftpan{
		width: 48%;
		margin-bottom: 0;
	}
	.width-40-60 .rightpan{
		width: 48%;
		margin-bottom: 0;
	}
	.width-60-40 .leftpan{
		width: 48%;
		padding: 10px 10px;
		margin-bottom: 0;
	}
	.width-60-40 .rightpan{
		width: 48%;
		padding: 10px 10px;
		margin-bottom: 0;
	}
	.width-70-30 .leftpan{
		width: 48%;
		margin-bottom: 20px;
		margin-bottom: 0;
	}
	.width-70-30 .rightpan{
		width: 48%;
		padding: 10px 10px;
		margin-bottom: 0;
	}
	.width-30-70 .leftpan{
		width: 48%;
		padding: 10px 10px;
		margin-bottom: 0;
	}
	.width-30-70 .rightpan{
		width: 48%;
		padding: 10px 10px;
		margin-bottom: 0;
	}
	.width-20-80 .leftpan{
		width: 48%;
		padding: 10px 10px;
		margin-bottom: 0;
	}
	.width-80-20 .rightpan{
		width: 48%;
		padding: 10px 10px;
		margin-bottom: 0;
	}
*/
}
@media only screen and (min-width:1025px){
/*
	.width-40-60 .leftpan{
		width: 38%;
		margin-bottom: 20px;
	}
	.width-40-60 .rightpan{
		width: 58%;
		margin-bottom: 20px;
	}
	.width-60-40 .leftpan{
		width: 38%;
		padding: 10px 10px;
	}
	.width-60-40 .rightpan{
		width: 58%;
		padding: 10px 10px;
	}
	.width-70-30 .leftpan{
		width: 65%;
		margin-bottom: 20px;
	}
	.width-70-30 .rightpan{
		width: 35%;
		padding: 10px 10px;
	}
	.width-30-70 .leftpan{
		width:35%;
		padding: 10px 10px;
	}
	.width-30-70 .rightpan{
		width: 64%;
		padding: 10px 10px;
	}
*/
}
@media only screen and (min-width:1300px){
	
}
@media only screen and (min-width:1500px){
/*
	.width-40-60 .leftpan{
		width: 38%;
		margin-bottom: 20px;
	}
	.width-40-60 .rightpan{
		width: 58%;
		margin-bottom: 20px;
	}
	.width-60-40 .leftpan{
		width: 58%;
		padding: 10px 10px;
	}
	.width-60-40 .rightpan{
		width: 38%;
		padding: 10px 10px;
	}
	.width-70-30 .leftpan{
		width: 28%;
		margin-bottom: 20px;
	}
	.width-70-30 .rightpan{
		width: 68%;
		padding: 10px 10px;
	}
	.width-30-70 .leftpan{
		width:28%;
		padding: 10px 10px;
	}
	.width-30-70 .rightpan{
		width: 68%;
		padding: 10px 10px;
	}
*/
}


/*accordian start*/
/* tab & acc style */ 
.pixDian,.pixTab{
	margin-bottom: 14px;
}
.pixDian .accContent {
	/*display:none;*/
	width:100%;
	padding:0;
	margin:0 0 10px;
	overflow: hidden;
  max-height: 0;
  opacity: 0;
  transition:
    max-height 0.45s ease,
		opacity 0.3s ease,
		padding 0.3s ease;

}
.accContent.active {
  opacity: 1;
	padding: 2%;
	max-height: none;
	max-height: max-content;
}
.accHeading {
	margin-bottom:5px;
	background:#005011;
	font-size:1.4rem;
	line-height:2.2rem;
	padding:6px 30px 6px 12px;
	color:#fff;
	cursor:pointer;
	position:relative;
	border-radius:4px;
	font-weight: 600;
	
}
.accHeading.active {
	background:#152740;
    color:#fff;
	cursor: text;
}
.accHeading:before {
	content:"\002B";
	font-size:2.4rem;
	position:absolute;
	right:7px;
	top:5px
}
.accHeading.active:before {
	content:"\002D";
	margin-top:2px;
}
/*.accHeading:after {
	content:"";
	clear:both;
	display:table
}*/

.js .pixTab>.pix-tab-wrapper>.pix-tab-item>.pix-tab-content {
	/*display:none;*/
	overflow: hidden;
  	max-height: 0;
  	opacity: 0;
	transition:
    max-height 0.45s ease,
    opacity 0.3s ease;
}
.js .pixTab>.pix-tab-wrapper>.pix-tab-item.active-tab>.pix-tab-content {
	opacity: 1;
	max-height: none;
	max-height: max-content;
}
.pix-tab-nav {
	display:none
}
.pixTab .pix-tab-heading {
	margin-bottom:5px;
	background:#005011;
	font-size:1.4rem;
	line-height:2.2rem;
	padding:9px 2% 9px 30px;
	color:#fff;
	cursor:pointer;
	position:relative
}
.pixTab>.pix-tab-wrapper .pix-tab-heading {
	border-radius:4px;
	padding:9px 2% 9px 30px;
	margin-bottom:5px;
	position:relative;
}
.pixTab>.pix-tab-wrapper .pix-tab-heading:after {
	content:"\002B";
	font-size:2.4rem;
	line-height:2.6rem;
	position:absolute;
	left:7px;
	top:5px
}
.pixTab>.pix-tab-wrapper .active-tab .pix-tab-heading:after {
	content:"\002D";
	font-size:2.4rem;
	line-height:2.6rem;
	position:absolute;
	left:7px;
	top:5px
}
.pixTab .pix-tab-nav li {
	background:#00680a;
	color:#fff;
	display:inline-block;
	width:auto;
	padding:6px 10px;
	border:1px solid #fff;
	font-weight: 600;
}
h3.pix-tab-heading{

}
.pixTab .active-tab>.pix-tab-heading, .pixTab .pix-tab-nav li.active-nav {
	content:"\002D";
	margin-top:-3px;
	background:#152740;
    color:#fff;
	cursor: text;
	/*border:1px dashed #fff;*/
}
.pixTab .pix-tab-nav li:last-child {
	border-right:none
}
.pixTab .pix-tab-content {
	padding: 0;
	-webkit-transition: padding 0.5s ease;
  -moz-transition: padding 0.5s ease;
  transition: padding 0.5s ease;
}
.pixTab .active-tab .pix-tab-content {
	padding:8px 0;
}
.pixTab .pix-tab-content
.pix-tab-nav li {
	cursor:pointer
}
.pix-tab-wrapper .pix-tab-item{
	background: #fff;
}
/*.pixTab .pix-tab-content{
	padding:0 0 12px 0;
}*/
@media only screen and (min-width:768px) {
	.accHeading {
		font-size:1.5rem;
		line-height:2.1rem;
		padding-right:40px
	}
	.accHeading:before {
		font-size:2.8rem;
	}
}
@media only screen and (min-width:768px) {
	    .accHeading {
        padding-top: 8px;
        padding-bottom: 8px;
    }	
}
@media only screen and (min-width:921px) {
	.js .pixTab>.pix-tab-wrapper>.pix-tab-item>.pix-tab-heading {
		display:none
	}
	.pix-tab-nav {
		display:block;
		font:normal 1.3rem/1.9rem  'Poppins', serif;
	}
	.pixTab .pix-tab-heading {
		background:#e3e3e3;
		color:#2e2e2e;
		display:inline-block;
		width:auto;
		padding:8px 10px;
	}
	.pixTab .active-tab .pix-tab-content {
		padding:16px 0;
	}
	.pixTab {
		margin-bottom:20px;
		/*background-color:#fff*/
	}
	.pixTab .pix-tab-nav ul {
		margin-left:0;
		font-size:1.5rem;
		line-height:2.1rem;
		padding-bottom:16px;
	}
	 .pixTab .pix-tab-nav ul, .pixTab .pix-tab-nav li {
		margin-bottom:0
	}
	.pixTab .pix-tab-nav li {
		padding:7px 16px;
	}
	.pixTab .active-tab>.pix-tab-heading, .pixTab .pix-tab-nav li.active-nav:before {
		background-color:#192f59;
		color:#fff
	}
}
@media only screen and (min-width:1025px) {
	.pixTab .pix-tab-nav li {
		cursor:pointer
	}
	
}
@media only screen and (min-width:1200px) {
	 .pixTab .pix-tab-nav ul {
		font-size:1.6rem;
		line-height:2.4rem;
		font-weight:normal;
		padding-bottom:0; /*30px*/
	}
	.pixTab .pix-tab-nav li {
		padding:8px 20px;
	}
}
/*accordian end*/
/*pagination start*/
.pagination-wrapper {
    text-align: center;
    padding: 3% 0 0;
    font-size: 1.4rem;
    line-height: 2.4rem;
    border-top: 1px solid #dedede;
}
.pagination-wrapper .page-numbers, .pagination-wrapper .page-numbers.current {
    width: 22px;
    height: auto;
    display: inline-block;
    margin: 0 .3%;
    font-size: 1.3rem;
    line-height: 2rem;
    color: #fff;
	background-color: #00680a;
    border: 1px solid #00680a;
}
.pagination-wrapper .page-numbers.current {
    background: #152740;
	border: 1px solid #152740;
    color: #fff;
}
.pagination-wrapper .page-numbers.dots, .pagination-wrapper .page-numbers.next, .pagination-wrapper .page-numbers.prev {
    /*border: none;
    width: auto !important;*/
}
@media only screen and (min-width: 768px) {
	.pagination-wrapper {
		margin-top: 30px;
		padding: 20px 0 0;
	}
    .pagination-wrapper .page-numbers, .pagination-wrapper .page-numbers.current {
        width: 26px;
        font-size: 1.5rem;
        line-height: 2.4rem;
    }
}
@media only screen and (min-width: 1024px) {
	.pagination-wrapper {
		margin-top: 50px;
		padding: 30px 0 0;
	}
}
@media only screen and (min-width: 1300px) {
	.pagination-wrapper {
		margin-top: 60px;
	}
}
/*pagination end*/

/*pagination-single*/
.styled-separator.is-style-wide {
    border: none;
    border-top: 1px solid #dedede;
}
hr {
    margin: 25px 0;
}
.pagination-single-inner {
    padding: 10px 0;
    display: block;
    font-size: 1.3rem;
    line-height: 1.9rem;
    overflow: hidden;
	font-family: 'Roboto-Medium';
}
.next-post, .previous-post {
    display: block;
    vertical-align: top;
}
.previous-post {
	margin-bottom: 5px;
}
.pagination-single-inner .arrow {
    margin: 0 5px;
}
@media only screen and (min-width: 500px) {
    .previous-post {
        margin: 0;
        float: left;
		max-width: 45%;
    }
	.next-post {
        margin: 0;
        float: right;
		max-width: 45%;
    }
}
@media only screen and (min-width: 768px) {
	.pagination-single-inner {
		font-size: 1.4rem;
		line-height: 2.0rem;
	}
}
@media only screen and (min-width: 768px) {
	.pagination-single-inner {
		font-size: 1.5rem;
		line-height: 2.1rem;
	}
}
/*pagination-single*/
