@charset "utf-8";
/* CSS Document */

.jcolored{color:#a0ce4e !important;}
.jtopline{width:100%; height:1px; background:#a0ce4e; margin:0 auto;}
.jmscroll{border-top:1px solid #a0ce4e;}

a, a:visited { color :#a0ce4e;  }
A:hover { color :#a0ce4e;  }

#jcollapse a, #jcollapse a:link, #jcollapse a:active, #jcollapse a:visited{ color :#a0ce4e; text-decoration : none; }
#jfooterpanes .jconpad3 a:active, #jfooterpanes .jconpad3 a:hover{ color :#fff; text-decoration : none; }

.Breadcrumb, A.Breadcrumb:link, A.Breadcrumb:visited, A.Breadcrumb:active, A.Breadcrumb:hover{color:#a0ce4e;}
.fancybox img{border-color:#a0ce4e;}
a.fancybox:hover{color:#a0ce4e;}
#jtoptool{background:#282a2b;}
#jtoptoolTab{background:url(../images/jtopico.png?v=2) top center no-repeat;}

.btn-primary2{
    background-color:transparent;
    border-color: #8fbf35;}
.btn-primary{
	color:#fff !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #98cf50;
  border-color: #85c53d;
}





/* Common style effect of image hover */
.jimgh figure {
	position: relative;
	z-index: 1;
	background: #a0ce4e;
	text-align: center;
	cursor: pointer;
}

.jimgh figure img {
	position: relative;
	display: block;
	min-height: 100%;
	opacity: 0.9;
}

.jimgh figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.jimgh figure figcaption::before,
.jimgh figure figcaption::after {
	pointer-events: none;
}

.jimgh figure figcaption,
.jimgh figure a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.jimgh figure a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.jimgh figure h3 {
	word-spacing: -0.15em;
	
	font-weight: 700;
}

.jimgh figure h3,
.jimgh figure p {
	margin: 0;
}

.jimgh figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
	color:#3d4334;
}

/*---------------*/
/***** Oscar *****/
/*---------------*/

figure.effect {
	background: rgba(160,206,78,1);
}

figure.effect img {
	opacity: 0.9;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect figcaption {
	padding: 3em;
	background-color: transparent;
	-webkit-transition: background-color 0.35s;
	transition: background-color 0.35s;
}

figure.effect figcaption::before {
	position: absolute;
	top: 3px;
	right: 3px;
	bottom: 3px;
	left: 3px;
	border: 1px solid #fff;
	content: '';
}

figure.effect h3 {
	margin: 20% 0 10px 0;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
	opacity:0;
}

figure.effect figcaption::before,
figure.effect p {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(0);
	transform: scale(0);
}

figure.effect:hover h3 {
	opacity:1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect:hover figcaption::before,
figure.effect:hover p {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect:hover figcaption {
	background-color: rgba(160,206,78,0.9);
}

figure.effect:hover img {
	opacity: 0.8;
}


/*slider captions*/
.ptex1, .ptex2, .ptex3, .ptex4 {
    /*position: absolute;*/
    color: #fff;
    padding: 15px 30px;
    background: rgba(0,0,0,0.4);
    font-size: 15px;
    width: 35.5%;
    /*overflow:hidden;*/
    font-family: "Droid Serif";
}

.ptex1 .title, .ptex2 .title, .ptex3 .title, .ptex4 .title {
    background: #a0ce4e;
    line-height: 1.5;
    padding: 5px 14px;
    font-size: 18px;
}

.ptex1 .title2, .ptex2 .title2, .ptex3 .title2, .ptex4 .title2 {
    font-size: 21px;
    margin: 12px 0;
}

.ptex1 p, .ptex2 p, .ptex3 p, .ptex4 p {
    padding: 14px;
    margin: 0;
    line-height: 1.5;
}

.ptex1 {
    top: initial !important;
    bottom: 2%;
    left: 5%;
    width: 35%;
}

.ptex2 {
    top: 5%;
    right: 2%;
    width: 45%;
}

.ptex3 {
    top: 1%;
    left: 5%;
    width: 32%;
}

.ptex4 {
    top: 5%;
    right: 3%;
}

@media (max-width: 900px) {
    .ptex1, .ptex2, .ptex3, .ptex4 {
        padding:0;
        width:initial;
        top:initial !important;
        bottom:initial !important;
        left:initial !important;
        right:initial !important;
    }

    .ptex1 .title, .ptex2 .title, .ptex3 .title, .ptex4 .title {
        background: rgba(0, 0, 0, 0.1);
        font-size: 13px;
    }

    #jwtpanes .h4{
        font-size: 14px;
    }
}
			
/*pticon*/
.pticon{
	display:inline-block;
	width:40px; height:40px;
	border:1px solid #fff;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	border-radius:100%;
	-webkit-box-shadow:0 0 1px #a0ce4e;
	-moz-box-shadow:0 0 1px #a0ce4e;
	box-shadow:0 0 1px #a0ce4e;
	background:#a0ce4e;
	color:#fff;
	font-size:18px;
	text-align:center;
	padding-top:8px;
    margin-right:20px;
}
.ptiout:hover .pticon{	
	-webkit-box-shadow:0 0 1px #a0ce4e;
	-moz-box-shadow:0 0 1px #a0ce4e;
	box-shadow:0 0 1px #a0ce4e;
	background:#a0ce4e;
}
.ptiout:hover h4{color:#a0ce4e;}

.pticonwhite{
	display:block;
	width:65px; height:65px;
	border:2px solid #fff;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	border-radius:100%;
	background:transparent;
	color:#fff;
	font-size:28px;
	text-align:center;
	padding-top:19px;
	margin:13px auto;
}
.pticongrey{	
	display:block;
	width:100px; height:100px;
	/*border:2px solid #464646;*/
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	border-radius:100%;
	background:#464646;
	color:#fff;
	font-size:50px;
	text-align:center;
	padding-top:39px;
	margin:0px auto;
}

.ptfliplight{
	background:#f6f6f6;
}
.ptfliplight h3{
	font-size:21px;
    margin-top:30px;
}
.ptfliplight h2,.ptfliplight h3, .ptfliplight h4,.ptfliplight h5{
	color:rgba(0,0,0,0.6) !important;
}
.ptflipdark, .ptflipdark h2, .ptflipdark h3, .ptflipdark h4 , .ptflipdark h5, .ptflipdark .pt-flipbox-content{
	background:#a0ce4e;
	color:#fff !important;
    margin-top:0px;
}