.decktop{ display:block;}
.mobile{ display:none}
.grid {
	padding: 15px 20px 62px 20px;
	max-width: 1300px;
	margin: 0 auto;
	list-style: none;
	text-align: center;
	font-family: "Calisto MT"; 
}
.footer h2 {
    margin-bottom: 0;
    padding-bottom: 0;
    color: #fff;
    padding: 2px;
    font-size: 20px;
    line-height: 26px;
}
.footer span {
    margin: 0;
    padding: 0;
    color: #fff;
	font-size:13px;
}
.footer span {
    margin: 0;
    padding: 0;
    color: #fff;
    font-size: 11px;
    text-align: right;
    display: table;
    width: 100%;
}
.footer span a { 
    color: #fff;
    font-size: 11px; 
}
.footer {
    text-align: center;
    background: #8cc63e;
   height: 30px;  
}
.Rightsgdc {
font-family: "Calisto MT";
    margin: 0 auto;
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    width: 60%;
    float: left;
    position: relative;
}
.Rightsgdc_left {
    float: right;
    width: 34%;
    color: #fff;
    font-size: 12px;
    margin-top: 13px;
}

.grid li {
    display: inline-block;
    width: 33%;
    margin: 0;
    padding: 5px;
    text-align: left;
    position: relative;
    border: 1px solid #f7eaea;
    background: #8cc63e;
    box-shadow: 0px 4px 6px -3px #bbb;
}
.grid li:hover {
    z-index: 99999999;
    -webkit-transform: scale(2.0);
    -moz-transform: scale(2.0);
    -ms-transform: scale(2.0);
    -o-transform: scale(2.0);
    transform: scale(2.0);
    width: 200px;
}
.logo{ margin:0 auto; width:100%; display:table;}
.logo img{ margin:0 auto; width:120px; display:table;}
.top-heding {
    text-align: center;
    font-family: "Calisto MT";
    margin: 0;
    padding: 5px;
    font-weight: bold;
    font-size: 20px;
    color: #062903;
    margin-bottom: 5px;
}
.grid li:hover .top-heding {
    text-align: center;
    margin: 0;
    padding: 0px;
    font-size: 14px;
    color: #000;
	z-index:999999;
	display: none;
    margin-bottom: 4px;
}
.grid figcaption:hover{ width:184px}
.grid figure {
	margin: 0;
	position: relative;
}

.grid figure img {
	max-width: 100%;
	display: block;
	position: relative;
}

.grid figcaption {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0px;
	background: #b6d05a;
	color: #ed4e6e;
}
.footer-bootm {
    background: #fff;
    text-align: right;
    font-size: 12px;
    padding: 5px;
	 color:#000;
}
.footer-bootm span a{ color:#000;}
.grid figcaption h3 {
	margin: 0;
	font-family: "Calisto MT";
	padding: 0;
	color: #fff;
}

.grid figcaption span:before {
	content: 'by ';
}

.grid figcaption a {
font-family: "Calisto MT";
    text-align: center;
    padding: 4px 8px;
    border-radius: 0px;
    display: inline-block;
    background: #596b17;
    color: #fff;
    font-size: 10px;
    border-bottom: 2px solid #313c0a;
}

.heding-logo h4 {
    width: 100%;
	font-family: "Calisto MT";
    text-align: center;
    font-size: 20px; 
    text-transform: capitalize;
	 background: #94ab41;
    padding: 10px;
    border-bottom: 3px solid #6e8228;
    color: #fff;
    box-shadow: 4px 2px 8px -2px #00000087;
}
 
/* Individual Caption Styles */

/* Caption Style 1 */
.cs-style-1 figcaption {
	height: 100%;
	width: 100%;
	opacity: 0;
	text-align: center;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
}

.no-touch .cs-style-1 figure:hover figcaption,
.cs-style-1 figure.cs-hover figcaption {
	opacity: 1;
	-webkit-transform: translate(15px, 15px);
	-moz-transform: translate(15px, 15px);
	-ms-transform: translate(15px, 15px);
	transform: translate(15px, 15px);
}

.cs-style-1 figcaption h3 {
	margin-top: 70px;
}

.cs-style-1 figcaption span {
	display: block;
}

.cs-style-1 figcaption a {
	margin-top: 30px;
}


.cs-style-2 figure img {
	z-index: 10;
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s;
}

.no-touch .cs-style-2 figure:hover img,
.cs-style-2 figure.cs-hover img {
	-webkit-transform: translateY(-90px);
	-moz-transform: translateY(-90px);
	-ms-transform: translateY(-90px);
	transform: translateY(-90px);
}

.cs-style-2 figcaption {
	height: 90px;
	width: 100%;
	top: auto;
	bottom: 0;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
}

.cs-style-2 figcaption a {
	position: absolute;
	right: 20px;
	top: 30px;
}

/* Caption Style 3 */
.cs-style-3 figure {
	overflow: hidden;
}

.cs-style-3 figure img {
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s;
}

.no-touch .cs-style-3 figure:hover img,
.cs-style-3 figure.cs-hover img {
	-webkit-transform: translateY(-50px);
	-moz-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	transform: translateY(-50px);
}

.cs-style-3 figcaption {
	height: 100px;
	width: 100%;
	top: auto;
	bottom: 0;
	opacity: 0;
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
	transition: transform 0.4s, opacity 0.1s 0.3s;
}

.no-touch .cs-style-3 figure:hover figcaption,
.cs-style-3 figure.cs-hover figcaption {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s;
	transition: transform 0.4s, opacity 0.1s;
}

.cs-style-3 figcaption a {
	position: absolute;
	bottom: 20px;
	right: 20px;
}

/* Caption Style 4 */
.cs-style-4 li {
	-webkit-perspective: 1700px;
	-moz-perspective: 1700px;
	perspective: 1700px;
	-webkit-perspective-origin: 0 50%;
	-moz-perspective-origin: 0 50%;
	perspective-origin: 0 50%;
}

.cs-style-4 figure {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.cs-style-4 figure > div {
	overflow: hidden;
}

.cs-style-4 figure img {
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s;
}

.no-touch .cs-style-4 figure:hover img,
.cs-style-4 figure.cs-hover img {
	-webkit-transform: translateX(25%);
	-moz-transform: translateX(25%);
	-ms-transform: translateX(25%);
	transform: translateX(25%);
}

.cs-style-4 figcaption {
	height: 100%;
	width: 50%;
	opacity: 0;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: rotateY(-90deg);
	-moz-transform: rotateY(-90deg);
	transform: rotateY(-90deg);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
	transition: transform 0.4s, opacity 0.1s 0.3s;
}

.no-touch .cs-style-4 figure:hover figcaption,
.cs-style-4 figure.cs-hover figcaption {
	opacity: 1;
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	transform: rotateY(0deg);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s;
	transition: transform 0.4s, opacity 0.1s;
}

.cs-style-4 figcaption a {
	position: absolute;
	bottom: 20px;
	right: 20px;
}

/* Caption Style 5 */
.cs-style-5 figure img {
	z-index: 10;
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s;
}

.no-touch .cs-style-5 figure:hover img,
.cs-style-5 figure.cs-hover img {
	-webkit-transform: scale(0.4);
	-moz-transform: scale(0.4);
	-ms-transform: scale(0.4);
	transform: scale(0.4);
}

.cs-style-5 figcaption {
	height: 100%;
	width: 100%;
	opacity: 0;
	-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7);
	-ms-transform: scale(0.7);
	transform: scale(0.7);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
	-moz-transition: -moz-transform 0.4s, opacity 0.4s;
	transition: transform 0.4s, opacity 0.4s;
}

.no-touch .cs-style-5 figure:hover figcaption,
.cs-style-5 figure.cs-hover figcaption {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

.cs-style-5 figure a {
	position: absolute;
	bottom: 20px;
	right: 20px;
}

/* Caption Style 6 */
.cs-style-6 figure img {
	z-index: 10;
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s;
}

.no-touch .cs-style-6 figure:hover img,
.cs-style-6 figure.cs-hover img {
	-webkit-transform: translateY(-50px) scale(0.5);
	-moz-transform: translateY(-50px) scale(0.5);
	-ms-transform: translateY(-50px) scale(0.5);
	transform: translateY(-50px) scale(0.5);
}

.cs-style-6 figcaption {
	height: 100%;
	width: 100%;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
}

.cs-style-6 figcaption h3 {
	margin-top: 60%;
}

.cs-style-6 figcaption a {
	position: absolute;
	bottom: 20px;
	right: 20px;
}

/* Caption Style 7 */
.cs-style-7 li:first-child { z-index:10; }
.cs-style-7 li:nth-child(2) { z-index:10; }
.cs-style-7 li:nth-child(3) { z-index: 10; }
.cs-style-7 li:nth-child(4) { z-index:10; }
.cs-style-7 li:nth-child(5) { z-index: 10; }
.cs-style-7 li:nth-child(6) { z-index:10; }
.cs-style-7 li:first-child:hover {
    z-index: 999999; 
    height: 50px;
}
.cs-style-7 li:nth-child(2):hover {
    z-index: 999999; 
    height: 50px;
}
.cs-style-7 li:nth-child(3):hover{
    z-index: 999999; 
    height: 50px;
}
.cs-style-7 li:nth-child(4):hover {
    z-index: 999999; 
    height: 50px;
}
.cs-style-7 li:nth-child(5):hover { z-index: 999999; }
.cs-style-7 li:nth-child(6):hover { z-index:999999; }

.cs-style-7 figure img {
	z-index: 99999999;
}

.cs-style-7 figcaption {
	height: 100%;
	width: 100%;
	opacity: 0;
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: opacity 0.3s, height 0.3s, box-shadow 0.3s;
	-moz-transition: opacity 0.3s, height 0.3s, box-shadow 0.3s;
	transition: opacity 0.3s, height 0.3s, box-shadow 0.3s;
	box-shadow: 0 0 0 0px #b6d05a;
}

.no-touch .cs-style-7 figure:hover figcaption, .cs-style-7 figure.cs-hover figcaption {
    pointer-events: auto;
    opacity: 1; 
    box-shadow: 0 0 0 10px #b6d05a;
    min-height: 180px;
}

.cs-style-7 figcaption h3 {
    margin-top: 70%;
    font-size: 14px;
    text-align: center;
}
.cs-style-7 figcaption p {
    margin-top: 68%;
    font-size: 7px; 
    text-align: justify;
    font-weight: 600;
    color: #0a3a06;
}
.cs-style-7 figcaption h3,
.cs-style-7 figcaption span,
.cs-style-7 figcaption a {
	opacity: 0;
	-webkit-transition: opacity 0s;
	-moz-transition: opacity 0s;
	transition: opacity 0s;
}
.box-mobile { display: inline-block;
    margin-top:10px;
    padding: 5px;
    text-align: left;
    position: relative;
    border: 1px solid #f7eaea;
    background: #8cc63e;
    box-shadow: 0px 4px 6px -3px #bbb;
}
.box-mobile p{ color:#fff;    font-size: 14px;
    text-align: justify;
    font-weight: 400;
	margin-top:10px;
    color: #0a3a06;}
.butten-enter {
    font-family: "Calisto MT";
    text-align: center;
    padding: 10px 20px;
    border-radius: 0px;
    display: inline-block;
    background: #596b17;
    color: #fff;
    font-size: 14px;
    border-bottom: 2px solid #313c0a;
    margin: 0 auto;
    display: table;
}
.cs-style-7 figcaption a {
    position: absolute;
    bottom: 0px; 
    margin: 0 auto;
    left: 30%;
}
.no-touch .cs-style-7 figure:hover figcaption h3,
.no-touch .cs-style-7 figure:hover figcaption span,
.no-touch .cs-style-7 figure:hover figcaption a,
.cs-style-7 figure.cs-hover figcaption h3,
.cs-style-7 figure.cs-hover figcaption span,
.cs-style-7 figure.cs-hover figcaption a {
	-webkit-transition: opacity 0.3s 0.2s;
	-moz-transition: opacity 0.3s 0.2s;
	transition: opacity 0.3s 0.2s;
	opacity: 1;
}
@media (max-width: 767px) {.grid figure img:hover {
    max-width: 55%;
    display: block;
    position: relative;
    margin: 0 auto;
}
.cs-style-7 figcaption p {
    margin-top: 37%;
    font-size: 7px;
    text-align: justify;
    font-weight: 600;
    color: #0a3a06;
    width: 50%;
    margin-left: 24%;
    padding: 0px 0px 0px 0px;
}
.grid figure img {
    max-width: 100%;
    display: block;
    position: relative;
    margin: 0 auto;
}}
@media (max-width: 580px) {.grid figure img:hover {
    max-width: 55%;
    display: block;
    position: relative;
    margin: 0 auto;
}
.cs-style-7 figcaption p {
    margin-top: 37%;
    font-size: 7px;
    text-align: justify;
    font-weight: 600;
    color: #0a3a06;
    width: 50%;
    margin-left: 24%;
    padding: 0px 0px 0px 0px;
}
.grid figure img {
    max-width: 100%;
    display: block;
    position: relative;
    margin: 0 auto;
}}
 @media (max-width: 350px) {
 .grid figure img:hover {
    max-width: 55%;
    display: block;
    position: relative;
    margin: 0 auto;
}
.cs-style-7 figcaption p {
    margin-top: 37%;
    font-size: 7px;
    text-align: justify;
    font-weight: 600;
    color: #0a3a06;
    width: 50%;
    margin-left: 24%;
    padding: 0px 0px 0px 0px;
}
.grid figure img {
    max-width: 100%;
    display: block;
    position: relative;
    margin: 0 auto;
}
	.grid {
		padding: 10px 10px 100px 10px;
	}
	.grid li {
		width: 100%;
		min-width: 300px;
	}
}