@charset "utf-8";

/* CSS Document */



@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800);

html { height: 100%;}

body

{

	width: 100%;

	min-height: 100%;

	background-color: #194761;

	overflow-x: hidden;

}

*, html, body{

	margin: 0;

	padding: 0;

	font-family: 'Open Sans', sans-serif;

	font-size: 13px;

	color: #fff;

	font-weight: normal;

	font-weight: 400;

	text-align: left;

}

a:hover, a:active

{

	color: #6bb2dc;

}

li{list-style: none;}

a{text-decoration: none; cursor: pointer}

p{line-height: 22px;}

i{text-align: center;}

b, strong
{
	font: inherit;
	color: inherit;
}

::-webkit-input-placeholder {

   color: #367ba3;

   font-size: 12px;

}



:-moz-placeholder { /* Firefox 18- */

   color: #367ba3; 

   font-size: 12px;

}



::-moz-placeholder {  /* Firefox 19+ */

   color: #367ba3; 

   font-size: 12px; 

}



:-ms-input-placeholder {  

   color: #367ba3;

   font-size: 12px;  

}



input[type="submit"]

{

	cursor: pointer;

}

*, input, iframe, img

{

	border: none;

	outline: none;

}

.clear

{

	clear: both; 

}

img

{

	display: block;

}

.mximg

{

	width: 100%;

	display: block;

}

.contain

{

	width: 100%;

	display: block;

	position: relative;

}

.lay

{

	width: 80%;

	margin: 0 auto;

	display: block;

	position: relative;

}

.divm21

{

	width: 48%;

	float: left;

	margin-right: 4%;

	display: block;

}

.divm22

{

	width: 48%;

	float: left;

	display: block;

}



#html5-watermark

{

	display: none !important;

}



.img-fit

{

	position: relative !important;

}

.h100

{

	height: 100%;

	display: block;

	position: absolute;

	top: 0;

	left: 0;

	z-index: 5;

}

.w100

{

	width: 100%;

	display: block;

	position: absolute;

	top: 0;

	left: 0;

	z-index: 5;

}

#header

{

	display: block;

	background-color: #091d2a;

	min-height: 36px;

}

.nav, .nav ul

{

	display: block;

}

.nav ul li

{

	float: left;

	position: relative;

}

.nav ul li a

{

	line-height: 36px;

	display: block;

	padding: 0 14px;

	color: #fefefc;

	font-size: 12px;

}

.nav ul li a:hover

{

	background-color: #172f40;

}

.nav ul li a.selected

{

	background-color: #172f40;

}

.nav ul li ul

{

	position: absolute;

	top: 36px;

	left: -50%;

	right: 0;

	margin: auto;

	z-index: 99;

	width: 140px;

	display: block;

	opacity: 0;

	height: 0;

	transition: all .5s ease-in-out;

	-webkit-transition: all .5s ease-in-out;

	-moz-transition: all .5s ease-in-out;

	-ms-transition: all .5s ease-in-out;

	-o-transition: all .5s ease-in-out;

	transform: rotateY(90deg);

	-webkit-transform: rotateY(90deg);

	-moz-transform: rotateY(90deg);

	-ms-transform: rotateY(90deg);

	-o-transform: rotateY(90deg);

	border-radius: 5px;

	overflow: hidden;

	padding-top: 10px;

}

.nav ul li ul:before

{

	position: absolute;

	top: 0px;

	left: 0;

	right: 0;

	height: 10px;

	width: 16px;

	margin: auto;

	background: url(css/elements/menu-arrow.png) no-repeat;

	content: "";

	transform: rotateY(90deg);

	-webkit-transform: rotateY(90deg);

	-moz-transform: rotateY(90deg);

	-ms-transform: rotateY(90deg);

	-o-transform: rotateY(90deg);

	opacity: 0;

}

.nav ul li:hover ul

{

	opacity: 1;

	height: auto;

	transform: rotateY(0deg);

	-webkit-transform: rotateY(0deg);

	-moz-transform: rotateY(0deg);

	-ms-transform: rotateY(0deg);

	-o-transform: rotateY(0deg);

}

.nav ul li:hover ul:before

{

	opacity: 1;

	transform: rotateY(0deg);

	-webkit-transform: rotateY(0deg);

	-moz-transform: rotateY(0deg);

	-ms-transform: rotateY(0deg);

	-o-transform: rotateY(0deg);

}

.nav ul li ul li

{

	display: block;

	float: none;

	width: 100%;

	background-color: #091d2a;

	border-top: solid 1px #010D14;

	transition: all .3s ease-in-out;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-ms-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	opacity: 0;

}

.nav ul li ul li:first-child

{

	border-radius: 5px 5px 0 0;

	overflow: hidden;

	border-top: none;

}

.nav ul li:hover ul li

{

	opacity: 1;

}

.nav ul li ul li a

{

	line-height: 36px;

	display: block;

	font-size: 12px;

	padding: 0 13px 0 20px;

	color: #fff;

}

.nav ul li a:hover, .log-btn:hover

{

	background-color: #172f40;
	cursor: pointer;

}

.log-btn

{

	height: 36px;

	line-height: 36px;

	padding: 0 30px 0 10px;

	background: url(css/elements/arrow-bottom.png) no-repeat right center;

	font-size: 12px;

	color: #fefefc;

	position: absolute;

	top: 0;

	right: 0;

	z-index: 1;

}

.sliderDiv

{

	width: 100%;

	height: 500px;

	background: url(img/slider/puthuppally-pally-slider.jpg) no-repeat right top;

	background-size: cover;

	display: block;

	position: relative;

}

.bT

{

	border-top: solid 1px #59849d;

}

.pTB

{

	padding-top: 30px;

	padding-bottom: 30px;

}

.hdv

{

	position: relative;

	float: left;

	margin-bottom: 30px;

}

.h3

{

	font-size: 22px;

	position: relative;

}

.wel

{

	color: #a5d7f2;

}



.h-btm

{

	width: 165px;

	height: 22px;

	display: block;

	background: url(css/elements/h-bottom.png) no-repeat;

	position: absolute;

	bottom: -20px;

	right: -20px;

}

.servDv

{

	display: block;

	position: relative;

	margin-left: 4%;

	padding-left: 40px;

	padding-top: 280px;

	padding-bottom: 150px;

}

.srv

{

	height: 124px;

	display: block;

	float: left;

	position: relative;

	z-index: 5;

	content: "";

}

.servDv1

{

	width: 28%;

	border: solid 1px #d3e1e9;

	border-width: 0 0 1px 1px;

	border-radius: 0 0 0 20px;

}

.servDv2

{

	width: 10%;

	margin-right: 10%;

	border: solid 1px #71b5dd;

	border-width: 0 0 1px 1px;

	border-radius: 0 0 0 20px;

	margin-left: -20px;

}

.servDv3

{

	width: 10%;

	margin-left: 10%;

	border: solid 1px #71b5dd;

	border-width: 0 1px 1px 0;

	border-radius: 0 0 20px 0;

	margin-right: -10px;

	padding-left: 10px;

}

.servDv4

{

	width: 28%;

	border: solid 1px #d3e1e9;

	border-width: 0 1px 1px 0;

	border-radius: 0 0 20px 0;

}

.servBdv1

{

	width: 40%;

	margin-left: 8%;

	height: 124px;

	display: block;

	float: left;

	position: relative;

	top: -1px;

	content: "";

	border: solid 1px #71b5dd;

	border-width: 1px 1px 0 0;

	border-radius: 0 20px 0 0;

	box-sizing: border-box;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-ms-box-sizing: border-box;

	-o-box-sizing: border-box;

}

.servBdv2

{

	width: 40%;

	margin-left: -1px;

	height: 124px;

	display: block;

	float: left;

	position: relative;

	top: -1px;

	content: "";

	border: solid 1px #71b5dd;

	border-width: 1px 0 0 1px;

	border-radius: 20px 0 0 0;

	box-sizing: border-box;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-ms-box-sizing: border-box;

	-o-box-sizing: border-box;

}

.sevHx1

{

	left: -71px;

	background: url(css/elements/hex.png) no-repeat;

}

.sevHx2

{

	left: -70px;

	background: url(css/elements/hex2.png) no-repeat;

}

.sevHx3

{

	right: -70px;

	background: url(css/elements/hex2.png) no-repeat;

}

.sevHx4

{

	right: -70px;

	background: url(css/elements/hex.png) no-repeat;

}

.srv div h5

{

	padding: 0 20px;

	color: #fff;

	font-size: 16px;

	display: table-cell;

	vertical-align: middle;

	text-align: center;

}

.srv div

{

	display: table;

	width: 140px;

	height: 160px;

	position: absolute;

	top: -175px;

	cursor: pointer;

}

.srv:hover div

{

	transform: rotateY(360deg);

	transition: all .5s ease-in-out;

	-webkit-transition: all .5s ease-in-out;

	-moz-transition: all .5s ease-in-out;

	-ms-transition: all .5s ease-in-out;

	-o-transition: all .5s ease-in-out;

}

.srv div span

{

	width: 15px;

	height: 15px;

	display: block;

	position: absolute;

	margin: 0 auto;

	left: 0;

	right: 0;

	bottom: -20px;

	background-color: #71b5dd;

	border-radius: 50%;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	-ms-border-radius: 50%;

	-o-border-radius: 50%;

}

.srv div span.w

{

	background-color: #fff;

}

.pointdv

{

	width: 35px;

	height: 35px;

	display: block;

	position: absolute;

	right: -18px;

	bottom: -18px;

	z-index: 5;

	cursor: pointer;

}

.point

{

	width: 29px;

	height: 29px;

	display: block;

	position: absolute;

	top: 1px;

	right: 1px;

	border-radius: 50%;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	-ms-border-radius: 50%;

	-o-border-radius: 50%;

	transition: all .5s ease-in-out;

	-webkit-transition: all .5s ease-in-out;

	-moz-transition: all .5s ease-in-out;

	-ms-transition: all .5s ease-in-out;

	-o-transition: all .5s ease-in-out;

	border: solid 2px #fff;

}

.pointdv .dot

{

	width: 21px;

	height: 21px;

	display: block;

	position: absolute;

	margin: 0 auto;

	left: 0;

	right: 0;

	top: 7px;

	background-color: #71b5dd;

	border-radius: 50%;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	-ms-border-radius: 50%;

	-o-border-radius: 50%;

}



/* Effect 8 */

.panimate, .pointdv:hover .point {

	-webkit-animation: sonarEffect 1.3s ease-out 75ms;

	-moz-animation: sonarEffect 1.3s ease-out 75ms;

	animation: sonarEffect 1.3s ease-out 75ms;

	animation-iteration-count: infinite;

	-webkit-animation-iteration-count: infinite;

	-moz-animation-iteration-count: infinite;

}



@-webkit-keyframes sonarEffect {

	0% {

		opacity: 1;

		border: solid 2px #fff;

	}

	40% {

		border: solid 2px #fff;

	}

	100% {

		border: solid 2px #fff;

		-webkit-transform: scale(1.5);

		opacity: 0;

	}

}

@-moz-keyframes sonarEffect {

	0% {

		opacity: 0.3;

	}

	40% {

		opacity: 0.5;

		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);

	}

	100% {

		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);

		-moz-transform: scale(1.5);

		opacity: 0;

	}

}

@keyframes sonarEffect {

	0% {

		opacity: 0.3;

	}

	40% {

		opacity: 0.5;

		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);

	}

	100% {

		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);

		transform: scale(1.5);

		opacity: 0;

	}

}





.cpy

{

	font-size: 12px;

	color: #fff;

	line-height: 36px;

	text-align: left;

}

.cpy a

{

	font-size: inherit;

	color: inherit;

	line-height: inherit;

	text-align: inherit;

	display: inline-block;

}

.mB2

{

	margin-bottom: 20px;

}

#footer

{

	width: 100%;

	display: block;

	background-color: #021420;

	padding: 15px 0 15px 0;

}

#social

{

	width: 120px;

	position: absolute;

	top: 0;

	right: 0;

}

#social a

{

	width: 30px;

	height: 30px;

	display: block;

	float: left;

	margin-left: 10px;

	border-radius: 50%;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	-ms-border-radius: 50%;

	-o-border-radius: 50%;

	background-color: #fff;

	color: #021420;

}

#social a i

{

	width: 100%;

	text-align: center;

	color: #021420;

	line-height: 30px;

	font-size: 18px;

}

#sBanner

{

	width: 100%;

	display: block;

	position: relative;

}

.sBlay

{

	width: 80%;

	margin: 0 auto;

	display: block;

	position: absolute;

	left: 0;

	right: 0;

	top: 0;

}

#sBanner .sbanner

{

	width: 100%;

	display: block;

}

.pPally

{

	font-size: 40px;

	color: #18384f;

	font-weight: 800;

	text-align: left;

	text-shadow: 1px 1px 2px rgba(0,0,0,0.5);

}

.pPp

{

	position: absolute;

	top: 20px;

	left: 0;

	z-index: 5;

}

.shead

{

	width: 312px;

	float: left;

	padding: 15px 15px;

	background-color: #0d2736;

	display: block;

	position: absolute;

	top: -75px;

	left: 0;

}

.shead div

{

	font-size: 22px;

	color: #FFF;

	text-align: left;

	position: relative;

	float: left;

}

.shead div:after

{

	width: 100%;

	position: absolute;

	bottom: -5px;

	left: 0;

	background-color: #6db1d8;

	height: 3px;

	content: "";

}

.h4

{

	font-size: 20px;

	color: #fff;

	padding-bottom: 10px;

}

.p-w-i

{

	text-align: left;

	padding-bottom: 10px;

	color: #abdcfa;

}

.p-w-i .imgDv

{

	border: solid 1px #8fc2e1;

	float: left;

	margin-right: 20px;
	width: 20%;
	display: block;

	padding: 5px;

}

.p-w-i img

{

	display: block;

	border: solid 4px #0b2534;

	width: 100%;

	box-sizing: border-box;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-ms-box-sizing: border-box;

	-o-box-sizing: border-box;

}

.date

{

	width: 100%;

	height: 38px;

	display: block;

	border: solid 1px #98c6e0;

	border-left: 0;

	border-right: 0;

	position: relative;

}

.date h6

{

	font-size: 14px;

	text-align: left;

	line-height: 38px;

	color: #9bd8f4;

	padding-left: 10px;

}

.dateNav

{

	width: 100%;

	display: inline-block;

	text-align: right;

	height: 38px;

	position: absolute;

	top: 0;

	left: 0;

}

.dateNav:after

{

	display: inline-block;

	text-align: right;

	content: "";

}

.dateNav a

{

	line-height: 22px;

	display: inline-block;

	vertical-align: top;

	color: #9bd8f4;

	padding: 0 10px;

	margin-top: 8px;

}

.dateNav a:first-child

{

	border-right: solid 1px #9bd8f4;

}

.subHead

{

	padding: 15px 0;

}

.subHead h4

{

	font-size: 18px;

}

.subHead h5

{

	font-size: 15px;

}

.bRead

{

	display: block;

	margin-bottom: 30px;

}

.bRead .heading

{

	display: block;

	border-bottom: solid 1px #9bd8f4;

	overflow: overlay;

	margin-bottom: 15px;

}

.bRead .heading h5

{

	float: left;

	display: block;

	font-size: 14px;

}

.bRead .heading h6

{

	float: left;

	display: block;

	font-size: 14px;
	padding: 5px 0 7px 0;

}

.bRead h5

{

	color: #fff;

	padding-bottom: 10px;

}

.bRead p

{

	padding-bottom: 10px;

}



.article-ca

{

	background-color: #0d2432;

	padding: 15px;

	margin-bottom: 20px;

}

.article-ca .left-img

{

	width: 25%;

	display: block;

	margin-right: 3%;

	float: left;

}

.article-ca .left-img img

{

	width: 100%;

	display: block;

}

.article-ca .right-cnt

{

	width: 72%;

	display: block;

	float: left;

}

.article-ca .right-cnt h5

{

	font-size: 16px;

	color: #fff;

	padding-bottom: 15px;

	text-transform: uppercase;

}

.article-ca .right-cnt a

{

	font-size: 13px;

	display: block;

}

.articleDiv

{

	width: 100%;

	display: block;

	position: relative;

	margin-bottom: 20px;

}

.articleDiv:nth-child(even) .p-w-i .imgDv

{

	border: solid 1px #8fc2e1;

	float: right;

	margin-left: 20px;

	display: block;

	padding: 5px;

}

.hShadow

{

	position: absolute;

	top: 0;

	left: 5%;

	z-index: 2;

	width: auto !important;

	max-height: 100%;

	display: block; 

}



.p-news

{

	text-align: left;

	padding-bottom: 10px;

	color: #abdcfa;

}

.NimgDv

{

	display: block;

	width: 20%;

	float: left;

	margin-right: 15px;

}

.NimgDv img

{

	display: block;

	width: 100%;

}

.article-is

{

	padding-top: 20px;

	display: block;

	border-top: dashed 1px #abdcfa;

}
.article-is:first-child

{

	border-top: none;

}
.article-is h5

{

	font-size: 16px;

	color: #fff;
	padding-bottom: 5px;

}



.gallery

{

	width: 100%;

	display: inline-block;

	text-align: left;

}

.gallery:after

{

	width: 100%;

	display: inline-block;

	text-align: left;

	content: "";

}

.gallery li

{

	width: 22%;

	display: inline-block;

	vertical-align: top;

	text-align: center;

	margin: 1.3%;

}

.gDiv

{

	padding: 5px; 

	display: block;

	border: solid 1px #6eb1d9;

	position: relative;

	cursor: pointer;

}

.gDiv .g-dv

{

	width: 100%;

	height: 170px;

	overflow: hidden;

	display: block;

}

.gDiv .g-dv img

{

	width: 100%;

	display: block;

}

.gDiv .g-dv iframe

{

	width: 100%;

	height: 100%;

	display: block;

}

.gDiv .ovrly

{

	width: 90%;

	height: 90%;

	display: block;

	position: absolute;

	left: 0;

	right: 0;

	margin: 0 auto;

	top: 5%;

	z-index: 5;

	background-color: rgba(0,0,0,0.5);

	background:  rgba(0,0,0,0.5) url(css/elements/hover-z.png) no-repeat center center;

	transform: scale(0.0);

	-webkit-transform: scale(0.0);

	-moz-transform: scale(0.0);

	-ms-transform: scale(0.0);

	-o-transform: scale(0.0);

	transition: all .3s ease-in-out;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-ms-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

}

.gDiv:hover .ovrly

{

	transform: scale(1);

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-ms-transform: scale(1);

	-o-transform: scale(1);

}



.gDiv .ovr-ttl

{

	width: 90%;

	height: 90%;

	display: block;

	position: absolute;

	left: 0;

	right: 0;

	margin: auto;

	top: 5%;

	z-index: 5;

	background-color: rgba(0,0,0,0.5);

	background:  rgba(0,0,0,0.5);

	transform: scale(0.0);

	-webkit-transform: scale(0.0);

	-moz-transform: scale(0.0);

	-ms-transform: scale(0.0);

	-o-transform: scale(0.0);

	transition: all .3s ease-in-out;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-ms-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	content: "";

}

.gDiv:hover .ovr-ttl

{

	transform: scale(1);

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-ms-transform: scale(1);

	-o-transform: scale(1);

}

.gDiv .ovr-ttl h5

{

	display: block;

	position: absolute;

	left: 0;

	right: 0;

	top: 40%;

	bottom: 0;

	margin: auto;

	color: #fff;

	padding: 0 15px;

	text-align: center;

	font-size: 14px;

}





.mCommitte

{

	width: 100%;

	display: inline-block;

	text-align: left;

	margin-top: 25px;
	margin-bottom: 30px;

}

.mCommitte:after

{

	display: inline-block;

	text-align: left;

	content: "";

}

.mCommitte li

{

	width: 33%;

	display: inline-block;

	vertical-align: top;

}

.mcmtDv

{

	display: block;

	position: relative;

	margin-bottom: 50px;

}

.mcmtDv:after

{

	position: absolute;

	left: 0;

	right: 0;

	bottom: -10px;

	margin: 0 auto;

	width: 60%;

	height: 3px;

	z-index: 5;

	background-color: #6bb2dc;

	content: "";

}

.mcmtDv .m-img

{

	width: 160px;

	height: 160px;

	display: block;

	overflow: hidden;

	margin: 0 auto;

	border-radius: 50%;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	-ms-border-radius: 50%;

	-o-border-radius: 50%;

	margin-bottom: 10px;

}

.mcmtDv .m-img img

{

	width: 100%;

	display: block;
	top: 0 !important;

}

.mcmtDv h5

{

	text-align: center;

	color: #6bb2dc;

	font-size: 14px;

	padding-bottom: 5px;

}

.mcmtDv h6

{

	text-align: center;

	color: #fff;

	font-size: 14px;

	padding-bottom: 10px;

}

.h3C

{

	font-size: 18px;

	color: #fff;

	text-align: center;
	padding-bottom: 5px;

}

.pC

{

	font-size: 14px;

	color: #6bb2dc;

}

.sec-head

{

	width: 80%;

	margin: 0 auto;

	display: block;

	border-bottom: solid 1px #6bb2dc;

	position: relative;

}

.sec-head div

{

	width: 250px;

	display: block;

	background-color: #194761;

	text-align: center;

	font-size: 20px;

	color: #fff;

	float: left;

	position: absolute;

	left: 0;

	right: 0;

	margin: 0 auto;

	bottom: -10px;

}

.portNav

{

	width: 100%;

	display: inline-block;

	text-align: left;

}

.portNav:after

{

	display: inline-block;

	text-align: left;

	content: "";

}

.isotope-item {

  z-index: 2;

}

 

.isotope-hidden.isotope-item {

  pointer-events: none;

  z-index: 1;

}

 

.isotope,

.isotope .isotope-item {

  /* change duration value to whatever you like */

  -webkit-transition-duration: 1s;

     -moz-transition-duration: 1s;

          transition-duration: 1s;

}

 

.isotope {

  -webkit-transition-property: height, width;

     -moz-transition-property: height, width;

          transition-property: height, width;

}

 

.isotope .isotope-item {

  -webkit-transition-property: -webkit-transform, opacity;

     -moz-transition-property:    -moz-transform, opacity;

          transition-property:         transform, opacity;

}



.line

{

	width: 100%;

	display: block;

	background-color: #5b8ba6;

	height: 2px;

	content: "";

	position: relative;

	margin-bottom: 15px;

}

.line:after

{

	width: 0%;

	display: block;

	height: 100%;

	background-color: #0f293a;

	position: absolute;

	left: 0;

	top: 0;

	content: "";

}

.button-group .button

{

	display: inline-block;

	vertical-align: top;

	padding: 5px;

	font-size: 14px;

	margin-right: 10px;

	color: #fff;

	border-bottom: none;

	position: relative;

	bottom: -2px;

	z-index: 5;

	text-transform: uppercase;

	border-bottom: solid 2px transparent;

	background-color: transparent;

	cursor: pointer;

	

}

.button-group .button:hover

{

	color: #5b8ba6;

	border-bottom: solid 2px #0f293a;

}

.button-group .button.is-checked

{

	border-bottom: solid 2px #0f293a;

}

.isotope

{

	width: 100%;

	display: inline-block;

	text-align: justify;

}

.isotope:after

{

	width: 100%;

	display: inline-block;

	text-align: justify;

	content: "";

}

.isotope .elemnt

{

	width: 50%;

	display: inline-block;

	vertical-align: top;

	margin-bottom: 15px;

	float: left;

}

.port-cntDiv

{

	padding: 10px;

	display: block;

}

.port-cnt

{

	padding: 25px 15px 15px 106px;

	position: relative;

	display: block;

	background-color: #0f293a;

	border: solid 1px #031622;

	box-shadow: 0 0 10px rgba(0,0,0,0.5);

}

.port-cnt .pPic

{

	width: 76px;

	height: 76px;

	border-radius: 50%;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	-ms-border-radius: 50%;

	-o-border-radius: 50%;

	overflow: hidden;

	position: absolute;

	left: 15px;

	top: 15px;

	display: block;

}

.port-cnt h5

{

	font-size: 15px;

	color: #fff;

	padding-bottom: 5px;

}

.port-cnt p

{

	font-size: 13px;

	color: #6bb2dc;

	text-align: left;

	padding-bottom: 10px;

}
.port-cnt a

{

	display: block;
	margin-top: 10px;

}
.port-cnt img

{

	width: 100%;

}
.byspan
{
	padding-bottom: 10px;
	display: inline-block;
	font-size: 12px;
}
.port-cnt iframe

{

	width: 100%;

	height: 300px;

}

.pvideo

{

	position: relative;

	display: block;

}

.pvideo:after

{

	position: absolute;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	display: block;

	content: "";

	background: url(css/elements/play.png) no-repeat center center;

	z-index: 5;

	transition: all .3s ease-in-out;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-ms-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

}

.pvideo:hover::after

{

	background: url(css/elements/playh.png) no-repeat center center;

}

.port-cnt .more

{

	font-size: 13px;

	color: #fff;

	float: right;

	margin-top: 10px;
	cursor: pointer;

}

.port-cnt .more:hover

{

	color: #6bb2dc;

}

#service-timing

{

	width: 100%;

	display: block;

	margin: 0 auto;

}

.timing

{

	width: 100%;

	display: inline-block;

	text-align: justify;

}

.timing:after

{

	width: 100%;

	display: inline-block;

	text-align: justify;

	content: "";

}

.timing li

{

	width: 47%;

	display: inline-block;

	vertical-align: top;

	background: #0f293a url(css/elements/timing-left.png) no-repeat top right;

	margin-bottom: 20px;

	min-height: 190px;

}

.timing li:nth-child(even)

{

	background: #4889af url(css/elements/timing-right.png) no-repeat top right;

}

.timing li div

{

	display: block;

	padding: 60px 20px 20px 20px;

}

.timing li div h5

{

	font-size: 16px;

	color: #fff;

	text-align: left;

	padding-top: 5px;

}

.timing li div p

{

	font-size: 14px;

	color: #4889af;

}

.timing li:nth-child(even) div p

{

	color: #0f293a;

}



.contact-form

{

	width: 45%;

	display: block;

	float: left;

	margin-right: 5%;

}

.contact-address

{

	width: 45%;

	display: block;

	float: left;

	margin-left: 5%;

}

.ibox

{

	width: 90%;

	display: block;

	padding: 5px 5%;

	height: 30px;

	margin-bottom: 15px !important;

	background-color: #163f57;

	border: solid 1px #5591b3;

	border-radius: 5px;

	color: #6bb2dc;

}
.error
{
	display: block;
	font-size: 12px;
	color: #E5E5E5;
	margin-bottom: 15px;
}
#loginform .error
{
	display: block;
	font-size: 12px;
	color: #fff;
	margin-bottom: 5px;
}
.rFresh
{
	display: inline-block;
	padding: 5px 0 15px 0;
}
.rFresh a
{
	color: #060607;
	display: inline-block;
	cursor: pointer;
	font-weight: bold;
}
.rFresh a:hover
{
	color: #0F9FFF;
}
.iarea

{

	width: 90%;

	display: block;

	padding: 5px 5%;

	height: 90px;

	margin-bottom: 15px;

	background-color: #163f57;

	border: solid 1px #5591b3;

	border-radius: 5px;

	color: #6bb2dc;

}
#captchaimg
{
	border: solid 2px #5591b3;
}
.ibtn

{

	width: 100px;

	height: 40px;

	line-height: 40px;

	text-align: center;

	color: #fff;

	font-size: 14px;

	float: right;

	border-radius: 5px;

	overflow: hidden;

	background: url(css/elements/btn-bg.png) repeat;

}

p.adress

{

	font-size: 14px;

	color: #89c1e2;

	padding-left: 30px;

	padding-bottom: 10px;

}

p.post

{

	background: url(css/elements/adress.png) no-repeat left top;

}

p.ph

{

	background: url(css/elements/phone.png) no-repeat left top;

}

p.mail

{

	background: url(css/elements/mail.png) no-repeat left top;

}

#map

{

	width: 100%;

	height: 170px;

	display: block;

	margin-top: 20px;

}

#map iframe

{

	width: 100%;

	height: 100%;

	display: block;

}

#donate

{

	width: 60%;

	display: block;

}

#donate ul

{

	width: 100%;

	display: inline-block;

	text-align: left;

}

#donate ul:after

{

	display: inline-block;

	text-align: left;

	content: "";

}

#donate ul li

{

	display: inline-block;

	vertical-align: top;

}

#donate ul li.l

{

	width: 36%;

}

#donate ul li.r

{

	width: 60%;

}

#donate ul li h5

{

	font-size: 13px;

	color: #6bb2dc;

	text-align: left;

	padding-bottom: 10px;

}

.di-btn

{

	width: 80px;

	height: 30px;

	line-height: 30px;

	margin-right: 15px;

	color: #fff;

	text-align: center;

	font-size: 12px;

	background-color: #02141f;

	border-radius: 5px;

	float: left;

}

.di-btn:hover

{

	background-color: #02090E;

}

.di-btn:active

{

	background-color: #000;

}

.roundDiv

{

	width: 380px;

	height: 380px;

	display: block;

	margin: 0 auto;

	position: relative;

	  max-width: 100%;

}

.round18

{

	width: 141px;

	height: 141px;

	display: block;

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	margin: auto;

	z-index: 5;

	background: url(img/slider/round18.png) no-repeat;

	-webkit-transform: scale(0);

	-moz-transform: scale(0);

	transform: scale(0);

	transition: all .3s ease-in-out;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-ms-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

}

.rounds

{

	width: 87px;

	height: 87px;

	display: block;

	position: absolute;

	z-index: 4;

	margin: auto;

	transition: all .3s ease-in-out;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-ms-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	-webkit-transform: scale(0);

	-moz-transform: scale(0);

	transform: scale(0);

}
.round18.scl1,.rounds.scl1
{
	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	transform: scale(1);
}
.rounds.s1

{

	background: url(img/slider/round01.png) no-repeat;

	top: 0;

	right: 0;

	bottom: 0;

}

.rounds.s2

{

	background: url(img/slider/round02.png) no-repeat;

	right: 43px;

	bottom: 43px;

}

.rounds.s3

{

	background: url(img/slider/round03.png) no-repeat;

	left: 0;

	right: 0;

	bottom: 0;

}

.rounds.s4

{

	background: url(img/slider/round04.png) no-repeat;

	left: 43px;

	bottom: 43px;

}

.rounds.s5

{

	background: url(img/slider/round05.png) no-repeat;

	left: 0;

	top: 0;

	bottom: 0;

}

.rounds.s6

{

	background: url(img/slider/round06.png) no-repeat;

	top: 43px;

	left: 43px;

}

.rounds.s7

{

	background: url(img/slider/round07.png) no-repeat;

	left: 0;

	top: 0;

	right: 0;

}

.rounds.s8

{

	background: url(img/slider/round08.png) no-repeat;

	top: 43px;

	right: 43px;

}

.fadeInUpBig .roundDiv .ss:after, .fadeInUpBig .roundDiv .s1:after, .fadeInUpBig .roundDiv .s2:after, .fadeInUpBig .roundDiv .s3:after, .fadeInUpBig .roundDiv .s4:after, .fadeInUpBig .roundDiv .s5:after, .fadeInUpBig .roundDiv .s6:after, .fadeInUpBig .roundDiv .s7:after, .fadeInUpBig .roundDiv .s8:after

{

	width: 100%;

	height: 100%;

	display: block;

	position: absolute;

	top: 0;

	left: -2px;

	right: 0;

	bottom: 0;

	margin: auto;

	content: "";

	z-index: 1;

	

	transform: scale(0.8);

	-webkit-transform: scale(0.8);

	-moz-transform: scale(0.8);

	border: solid 2px transparent;

	border-radius: 50%;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	-ms-border-radius: 50%;

	-o-border-radius: 50%;

}



@keyframes scale2 {

	0% {transform: scale(0);}

	100%{transform: scale(1);}

}

@-webkit-keyframes scale2 {

	0% {-webkit-transform: scale(0);}

	100%{-webkit-transform: scale(1);}

}

@-moz-keyframes scale2 {

	0% {-moz-transform: scale(0);}

	100%{-moz-transform: scale(1);}

}

.ss:after

{

	-webkit-animation: sonarEffect2 1.3s ease-out .5s;

	-moz-animation: sonarEffect2 1.3s ease-out .5s;

	animation: sonarEffect2 1.3s ease-out .5s;

}

.fadeInUpBig .roundDiv .ss

{

	-webkit-animation: scale2 1.3s ease-out .5s;

	-moz-animation: scale2 1.3s ease-out .5s;

	animation: scale2 1.3s ease-out .5s;

}

.s1:after

{

	-webkit-animation: sonarEffect2 1.3s ease-out 1s;

	-moz-animation: sonarEffect2 1.3s ease-out 1s;

	animation: sonarEffect2 1.3s ease-out 1s;

}

.fadeInUpBig .roundDiv .s1

{

	-webkit-animation: scale2 1.3s ease-out 1s;

	-moz-animation: scale2 1.3s ease-out 1s;

	animation: scale2 1.3s ease-out 1s;

}

.s2:after

{

	-webkit-animation: sonarEffect2 1.3s ease-out 1.5s;

	-moz-animation: sonarEffect2 1.3s ease-out 1.5s;

	animation: sonarEffect2 1.3s ease-out 1.5s;

}

.fadeInUpBig .roundDiv .s2

{

	-webkit-animation: scale2 1.3s ease-out 1.5s;

	-moz-animation: scale2 1.3s ease-out 1.5s;

	animation: scale2 1.3s ease-out 1.5s;

}

.s3:after

{

	-webkit-animation: sonarEffect2 1.3s ease-out 2s;

	-moz-animation: sonarEffect2 1.3s ease-out 2s;

	animation: sonarEffect2 1.3s ease-out 2s;

}

.fadeInUpBig .roundDiv .s3

{

	-webkit-animation: scale2 1.3s ease-out 2s;

	-moz-animation: scale2 1.3s ease-out 2s;

	animation: scale2 1.3s ease-out 2s;

}

.s4:after

{

	-webkit-animation: sonarEffect2 1.3s ease-out 2.5s;

	-moz-animation: sonarEffect2 1.3s ease-out 2.5s;

	animation: sonarEffect2 1.3s ease-out 2.5s;

}

.fadeInUpBig .roundDiv .s4

{

	-webkit-animation: scale2 1.3s ease-out 2.5s;

	-moz-animation: scale2 1.3s ease-out 2.5s;

	animation: scale2 1.3s ease-out 2.5s;

}

.s5:after

{

	-webkit-animation: sonarEffect2 1.3s ease-out 3s;

	-moz-animation: sonarEffect2 1.3s ease-out 3s;

	animation: sonarEffect2 1.3s ease-out 3s;

}

.fadeInUpBig .roundDiv .s5

{

	-webkit-animation: scale2 1.3s ease-out 3s;

	-moz-animation: scale2 1.3s ease-out 3s;

	animation: scale2 1.3s ease-out 3s;

}

.s6:after

{

	-webkit-animation: sonarEffect2 1.3s ease-out 3.5s;

	-moz-animation: sonarEffect2 1.3s ease-out 3.5s;

	animation: sonarEffect2 1.3s ease-out 3.5s;

}

.fadeInUpBig .roundDiv .s6

{

	-webkit-animation: scale2 1.3s ease-out 3.5s;

	-moz-animation: scale2 1.3s ease-out 3.5s;

	animation: scale2 1.3s ease-out 3.5s;

}

.s7:after

{

	-webkit-animation: sonarEffect2 1.3s ease-out 4s;

	-moz-animation: sonarEffect2 1.3s ease-out 4s;

	animation: sonarEffect2 1.3s ease-out 4s;

}

.fadeInUpBig .roundDiv .s7

{

	-webkit-animation: scale2 1.3s ease-out 4s;

	-moz-animation: scale2 1.3s ease-out 4s;

	animation: scale2 1.3s ease-out 4s;

}

.s8:after

{

	-webkit-animation: sonarEffect2 1.3s ease-out 4.5s;

	-moz-animation: sonarEffect2 1.3s ease-out 4.5s;

	animation: sonarEffect2 1.3s ease-out 4.5s;

}

.fadeInUpBig .roundDiv .s8

{

	-webkit-animation: scale2 1.3s ease-out 4.5s;

	-moz-animation: scale2 1.3s ease-out 4.5s;

	animation: scale2 1.3s ease-out 4.5s;

}

@-webkit-keyframes sonarEffect2 {

	0% {

		opacity: 1;

		border: solid 2px #fff;

	}

	40% {

		border: solid 2px #fff;

	}

	100% {

		border: solid 2px #fff;

		-webkit-transform: scale(1.5);

		opacity: 0;

	}

}

@-moz-keyframes sonarEffect2 {

	0% {

		opacity: 1;

		border: solid 2px #fff;

	}

	40% {

		border: solid 2px #fff;

	}

	100% {

		border: solid 2px #fff;

		-moz-transform: scale(1.5);

		opacity: 0;

}

}

@keyframes sonarEffect2 {

	0% {

		opacity: 1;

		border: solid 2px #fff;

	}

	40% {

		border: solid 2px #fff;

	}

	100% {

		border: solid 2px #fff;

		transform: scale(1.5);

		opacity: 0;

	}

}

 



#slide-desc

{

	width: 380px;

	display: block;

	margin: auto;

	position: absolute;

	top: -416px;

	left: 130px;

	z-index: 5;
	max-width: 100%;

}

#slide-desc h4

{

	font-size: 16px;

	color: #fff;

	margin-bottom: 10px;

	line-height: 33px;

	height: 33px;

	background: url(css/elements/mice.png) no-repeat left;

	padding-left: 30px;

}

.slider-cnt

{

	display: block;

	background: url(css/elements/pointbg.png) no-repeat top left;

	padding-left: 20px;

	margin-top: 30px;

}

.slider-cnt h6

{

	font-size: 14px;

	display: block;

}

.slider-cnt p

{

	font-size: 13px;

	display: block;

	text-align: left;

	line-height: 22px;

	color: #a5d7f0;

}



#slide-desc .slider-cnt, #slide-desc h4

{

	transform: translateY(-2000px);

	-webkit-transform: translateY(-2000px);

	-moz-transform: translateY(-2000px);

	opacity: 0;

	visibility: hidden;

}

.fadeInUpBig #slide-desc h4

{

	-webkit-animation: trans2 1.3s ease-out .2s;

	-moz-animation: trans2 1.3s ease-out .2s;

	animation: trans2 1.3s ease-out .2s;

}

.fadeInUpBig #slide-desc .slider-cnt.c1

{

	-webkit-animation: trans2 1.3s ease-out .5s;

	-moz-animation: trans2 1.3s ease-out .5s;

	animation: trans2 1.3s ease-out .5s;

}

.fadeInUpBig #slide-desc .slider-cnt.c2

{

	-webkit-animation: trans2 1.3s ease-out 1s;

	-moz-animation: trans2 1.3s ease-out 1s;

	animation: trans2 1.3s ease-out 1s;

}

.fadeInUpBig #slide-desc .slider-cnt.c3

{

	-webkit-animation: trans2 1.3s ease-out 1.5s;

	-moz-animation: trans2 1.3s ease-out 1.5s;

	animation: trans2 1.3s ease-out 1.5s;

}

.fadeInUpBig #slide-desc .slider-cnt.c4

{

	-webkit-animation: trans2 1.3s ease-out 2s;

	-moz-animation: trans2 1.3s ease-out 2s;

	animation: trans2 1.3s ease-out 2s;

}

@keyframes trans2 {

	0% {transform: translateY(-2000px);

	opacity: 0;	visibility: hidden;}

	100%{transform: translateY(0px);

	opacity: 1;	visibility: visible;}

}

@-webkit-keyframes trans2 {

	0% {-webkit-transform: translateY(-2000px);

	opacity: 0;	visibility: hidden;}

	100%{-webkit-transform: translateY(0px);

	opacity: 1;	visibility: visible;}

}

@-moz-keyframes trans2 {

	0% {-moz-transform: translateY(-2000px);

	opacity: 0;	visibility: hidden;}

	100%{-moz-transform: translateY(0px);

	opacity: 1;	visibility: visible;}

}



#slid3

{

	width: 380px;

	height: 380px;

	display: block;

	margin: auto;

	position: absolute;

	top: -416px;

	left: 130px;

	z-index: 99;
	max-width: 100%;

}

.absC

{

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	margin: auto;

	display: block;

}

.pointC

{

	width: 121px;

	height: 121px;

	z-index: 5;

	background: url(css/elements/portC.png) no-repeat;

	transform: scale(0);

	-webkit-transform: scale(0);

	-moz-transform: scale(0);

	opacity: 0;

	top: -4px;

	left: -2px;

}

.pointC2

{

	width: 192px;

	height: 192px;

	z-index: 5;

	background: url(css/elements/portC2.png) no-repeat;

	transform: scale(0);

	-webkit-transform: scale(0);

	-moz-transform: scale(0);

	opacity: 0;

}

.pointC3

{

	width: 277px;

	height: 277px;

	z-index: 5;

	background: url(css/elements/portC3.png) no-repeat;

	transform: scale(0);

	-webkit-transform: scale(0);

	-moz-transform: scale(0);

	opacity: 0;

}

.portL1

{

	width: 183px;

	height: 45px;

	background: url(css/elements/portL1.png) no-repeat;

	position: absolute;

	top: -9px;

	right: -130px;

	bottom: 0;

	margin: auto;

	transform-origin: -100% 200%;

	-webkit-transform-origin: -100% 200%;

	-moz-transform-origin: -100% 200%;

	transform: translateX(-100%) translateY(200%);

	-webkit-transform: translateX(-100%) translateY(200%);

	-moz-transform: translateX(-100%) translateY(200%);

	opacity: 0;

}

.portL2

{

	width: 114px;

	height: 117px;

	background: url(css/elements/portL2.png) no-repeat;

	position: absolute;

	top: -8px;

	right: -8px;

	margin: auto;

	transform-origin: -100% 200%;

	-webkit-transform-origin: -100% 200%;

	-moz-transform-origin: -100% 200%;

	transform: translateX(-100%) translateY(200%);

	-webkit-transform: translateX(-100%) translateY(200%);

	-moz-transform: translateX(-100%) translateY(200%);

	opacity: 0;

}

.portL3

{

	width: 65px;

	height: 69px;

	background: url(css/elements/portL3.png) no-repeat;

	position: absolute;

	bottom: 40px;

	left: 40px;

	margin: auto;

	transform-origin: -100% 200%;

	-webkit-transform-origin: -100% 200%;

	-moz-transform-origin: -100% 200%;

	transform: translateX(-100%) translateY(200%);

	-webkit-transform: translateX(-100%) translateY(200%);

	-moz-transform: translateX(-100%) translateY(200%);

	opacity: 0;

}

.fadeInUpBig .pointC

{

	-webkit-animation: scale23 1.3s ease-out .5s;

	-moz-animation: scale23 1.3s ease-out .5s;

	animation: scale23 1.3s ease-out .5s;

}

.fadeInUpBig .pointC2

{

	-webkit-animation: scale23 1.3s ease-out 1s;

	-moz-animation: scale23 1.3s ease-out 1s;

	animation: scale23 1.3s ease-out 1s;

}

.fadeInUpBig .pointC3

{

	-webkit-animation: scale23 1.3s ease-out 1.5s;

	-moz-animation: scale23 1.3s ease-out 1.5s;

	animation: scale23 1.3s ease-out 1.5s;

}

@keyframes scale23 {

	0% {transform: scale(0); opacity: 0;}

	100%{transform: scale(1); opacity: 1;}

}

@-webkit-keyframes scale23 {

	0% {-webkit-transform: scale(0); opacity: 0;}

	100%{-webkit-transform: scale(1); opacity: 1;}

}

@-moz-keyframes scale23 {

	0% {-moz-transform: scale(0); opacity: 0;}

	100%{-moz-transform: scale(1); opacity: 1;}

}

.fadeInUpBig .portL1

{

	-webkit-animation: transLine1 1.3s ease-out 1.5s;

	-moz-animation: transLine1 1.3s ease-out 1.5s;

	animation: transLine1 1.3s ease-out 1.5s;

}

@-webkit-keyframes transLine1 {

	0% {-webkit-transform: translateX(-100%); opacity: 0;}

	100%{-webkit-transform: translateX(0%); opacity: 1;}

}

@-moz-keyframes transLine1 {

	0% {-moz-transform: translateX(-100%); opacity: 0;}

	100%{-moz-transform: translateX(0%); opacity: 1;}

}

@keyframes transLine1 {

	0% {transform: translateX(-100%); opacity: 0;}

	100%{transform: translateX(0%); opacity: 1;}

}

.fadeInUpBig .portL2

{

	-webkit-animation: transLine 1.3s ease-out 2s;

	-moz-animation: transLine 1.3s ease-out 2s;

	animation: transLine 1.3s ease-out 2s;

}

@-webkit-keyframes transLine {

	0% {-webkit-transform: translateX(-100%) translateY(-100%); opacity: 0;}

	100%{-webkit-transform: translateX(0%) translateY(0%); opacity: 1;}

}

@-moz-keyframes transLine {

	0% {-moz-transform: translateX(-100%) translateY(-100%); opacity: 0;}

	100%{-moz-transform: translateX(0%) translateY(0%); opacity: 1;}

}

@keyframes transLine {

	0% {transform: translateX(-100%) translateY(-100%); opacity: 0;}

	100%{transform: translateX(0%) translateY(0%); opacity: 1;}

}



.fadeInUpBig .portL3

{

	-webkit-animation: transLine3 1.3s ease-out 2s;

	-moz-animation: transLine3 1.3s ease-out 2s;

	animation: transLine3 1.3s ease-out 2s;

}

@-webkit-keyframes transLine {

	0% {-webkit-transform-origin: -100% 200%; transform: translateX(-100%) translateY(200%); opacity: 0;}

	100%{-webkit-transform-origin: 0% 0%; transform: translateX(0%) translateY(0%); opacity: 1;}

}

@-moz-keyframes transLine {

	0% {-moz-transform-origin: -100% 200%; transform: translateX(-100%) translateY(200%); opacity: 0;}

	100%{-moz-transform-origin: 0% 0%; transform: translateX(0%) translateY(0%); opacity: 1;}

}

@keyframes transLine {

	0% {transform-origin: -100% 200%; transform: translateX(-100%) translateY(200%); opacity: 0;}

	100%{transform-origin: 0% 0%; transform: translateX(0%) translateY(0%); opacity: 1;}

}

@-webkit-keyframes transLine3 {

	0% {-webkit-transform-origin: -100% 200%; transform: translateX(100%) translateY(-200%); opacity: 0;}

	100%{-webkit-transform-origin: 0% 0%; transform: translateX(0%) translateY(0%); opacity: 1;}

}

@-moz-keyframes transLine3 {

	0% {-moz-transform-origin: -100% 200%; transform: translateX(100%) translateY(-200%); opacity: 0;}

	100%{-moz-transform-origin: 0% 0%; transform: translateX(0%) translateY(0%); opacity: 1;}

}

@keyframes transLine3 {

	0% {transform-origin: -100% 200%; transform: translateX(100%) translateY(-200%); opacity: 0;}

	100%{transform-origin: 0% 0%; transform: translateX(0%) translateY(0%); opacity: 1;}

}

.bmore

{

	width: 108px;

	height: 34px;

	line-height: 34px;

	border-radius: 3px;

	display: block;

	float: right;

	text-align: left;

	padding-left: 15px;

	background: #0f354c url(css/elements/more.png) no-repeat right;

}

.bmore:hover

{

	background: #0C2C3F url(css/elements/more.png) no-repeat right;

}

.bmore:active

{

	background: #082333 url(css/elements/more.png) no-repeat right;

}

#login

{

	width: 200px;

	padding: 15px;

	display: none;

	position: absolute;

	top: 36px;

	right: 0;

	z-index: 666;

	background-color: rgba(0,0,0,0.3);

	border-radius: 0 0 5px 5px;

	overflow: hidden;

}

.lbox

{

	width: 90%;

	height: 20px;

	padding: 5px 5%;

	display: block;

	margin-bottom: 10px;

	background-color: rgba(255,255,255,0.4);

	border-radius: 3px;

}

.lbox::-webkit-input-placeholder {

   color: #000;

   font-size: 12px;

}



.lbox:-moz-placeholder { /* Firefox 18- */

   color: #000; 

   font-size: 12px;

}



.lbox::-moz-placeholder {  /* Firefox 19+ */

   color: #000; 

   font-size: 12px; 

}



.lbox:-ms-input-placeholder {  

   color: #000;

   font-size: 12px;  

}



.lbtn

{

	width: 80px;

	height: 30px;

	display: block;

	line-height: 30px;

	color: #fff;

	font-size: 13px;

	border: none;

	background-color: #0b2532;

	text-align: center;

	float: right;

	border-radius: 3px;

}

.sbanner-small

{

	display: none;

	width: 100%;

}

#pnav

{

	width: 80px;

	height: 30px;

	padding-left: 36px;

	font-size: 20px;

	text-transform: uppercase;

	display: none;

	margin: 0 auto;

	color: #fff;

	background: url(css/elements/pnav.png) no-repeat; 

}



.vprofileDiv

{

	width: 100%;

	height: 100%;

	display: none;

	position: fixed;

	top: 0;

	left: 0;

	z-index: 99;

	background-color: #194761;

	-webkit-transition: all 0.5s ease-in-out;

	-moz-transition: all 0.5s ease-in-out;

	transition: all 0.5s ease-in-out;

}

.vprofile

{

	width: 30%;

	margin: auto;

	display: block;

	background-color: #fff;

	box-shadow: 0 0 10px rgba(0,0,0,0.5);

	position: relative;

	top: 5%;

	-webkit-transform: scale(0.7);

	-moz-transform: scale(0.7);

	-ms-transform: scale(0.7);

	transform: scale(0.7);

	opacity: 0;

	-webkit-transition: all 0.5s ease-in-out;

	-moz-transition: all 0.5s ease-in-out;

	transition: all 0.5s ease-in-out;

}

.show-vp.vprofile {

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-ms-transform: scale(1);

	transform: scale(1);

	opacity: 1;

}

.vprofileBg

{

	display: block;

	width: 100%;

	background: url(img/content/about-puthuppally-pally.jpg) no-repeat;

	background-size: cover;

}

.vprofilePic

{

	width: 200px;

	height: 200px;

	display: block;

	margin: 20px auto;
	position: relative !important;
	overflow: hidden;

	border-radius: 50%;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	-ms-border-radius: 50%;

	-o-border-radius: 50%;

	position: relative;

	bottom: -100px;

}

.vprofilePic img

{

	width: 100%;

}

.vpdetails

{

	padding: 30px;

	padding-top: 110px;

	display: block;

	position: relative;
	text-align: center;

}

.vpdetails h5

{

	font-size: 20px;

	color: #2c2c2c;

	padding-bottom: 10px;

	text-align: center;

}

.vpdetails h6

{

	font-size: 18px;

	color: #acabab;

	padding-bottom: 10px;

	text-align: center;

}

.vpdetails p

{

	font-size: 16px;

	color: #acabab;

	line-height: 26px;

	text-align: center;

}
.vpdetails p.ico

{

	font-size: 16px;

	color: #acabab;

	line-height: 26px;

	text-align: center;
	display: inline-block;

}
.vpdetails p.ico img

{

	display: inline-block;

	position: relative;

	bottom: -10px;

}

#music

{

	width: 100%;

	display: block;

	padding: 50px 0;

}

#music li

{

	width: 33.33333%;

	display: block;

	float: left;

	margin-bottom: 3%;

}

#music li a

{

	padding: 30px 10px 30px 80px;

	display: block;

	margin: 0 10px;

	background-color: #387699;

	color: #fff;

	font-size: 14px;

	box-shadow: 0 0 5px rgba(0,0,0,0.3);

	/* Safari 4, Chrome 1-9, iOS 3.2-4.3, Android 2.1-3.0 */

  background-image:

    -webkit-gradient(linear, top, from(#387699), to(#1D5575));

  

  /* Safari 5.1, iOS 5.0-6.1, Chrome 10-25, Android 4.0-4.3 */

  background-image:

   -webkit-linear-gradient(top, #387699, #1D5575);

	position: relative;

	border-radius: 3px;

}

#music li a:hover, #music li a:active

{

	background-color: #2B6A8D;

	 background-image:

    -webkit-gradient(linear, top, from(#2B6A8D), to(#154966));

	 background-image: -webkit-linear-gradient(top, #2B6A8D, #154966);

}

#music li a img

{

	position: absolute;

	top: 0;

	left: 10px;

	margin: auto;

	bottom: 0;

	max-height: 80%;

	z-index: 5;

}



#MmMenu

{

	background: center center no-repeat transparent;

	background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC );



	display: none;

	width: 40px;

	height: 40px;

	position: absolute;

	top: 0;

	left: 10px;

	z-index: 99;

}

.calendar

{

	display: block;

	width: 745px;

	height: 862px;

	margin: 0 auto;

	overflow: hidden;

}

.calendar iframe

{

	display: block;

	width: 1000px;

	height:1191px;

	margin-top: -250px;

	margin-left: -238px;

	overflow: hidden;

	border: none;

	background-color: transparent;

}

.tablesub {

	display: none;}

	

.latestRead

{

	width: 100%;

	display: inline-block;

	text-align: justify;

}

.latestRead:after

{

	width: 100%;

	display: inline-block;

	text-align: justify;

	content: "";

}

.latestRead li

{

	width: 30%;

	display: inline-block;

	vertical-align: top;

	border: solid 1px #abdcfa;

	margin-bottom: 3%;

}

.latestRead li .bRead

{

	padding: 20px;

	display: block;

}

.latestRead li .bRead h5

{

	color: #fff;

	font-size: 16px;

	padding-bottom: 5px;

	border-bottom: solid 1px #abdcfa;

	margin-bottom: 10px;

}

.latestRead li .bRead p

{

	color: #fff;

	font-size: 14px;

	padding: 0;

}

.hdfc-donate
{
	display: block;
	  text-align: center;
  position: relative;
  right: -20px;
  margin-top: 20px;
  margin-bottom: 50px;
}
.hdfc-donate a
{
	  display: inline-block;
  margin-top: 15px;
  background: #276E96;
  color: #BDE1F5;
  padding: 15px 25px;
  border-radius: 3px;
  text-align: center;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  font-size: 14px;
  transition: all .5s ease-in-out;

	-webkit-transition: all .5s ease-in-out;

	-moz-transition: all .5s ease-in-out;

	-ms-transition: all .5s ease-in-out;

	-o-transition: all .5s ease-in-out;
}
.hdfc-donate a b
{
	  font: inherit;
  color: inherit;
  font-weight: 600;
  font-size: 15px;
  text-transform: uppercase;
}
.hdfc-donate a::before
{
	width: 0;
  height: 0;
  border-bottom: solid 15px #276E96;
  border-left: solid 15px transparent;
  border-right: solid 15px transparent;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 1px;
  margin: auto;
  content: '';
  transition: all .5s ease-in-out;

	-webkit-transition: all .5s ease-in-out;

	-moz-transition: all .5s ease-in-out;

	-ms-transition: all .5s ease-in-out;

	-o-transition: all .5s ease-in-out;
}
.hdfc-donate a:hover
{
	background: #206185;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.13);
}
.hdfc-donate a:hover::before
{
	border-bottom: solid 15px #206185;
}
.hdfc-donate a:active
{
	background: #1F5A7B;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}
.hdfc-donate a:active::before
{
	border-bottom: solid 15px #1F5A7B;
}

.liveStream
{
	display: inline-block;
	position: absolute;
	  right: 0;
  top: 20px;
	z-index: 555;
	cursor: pointer;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	-webkit-animation-duration: 10s;
	-moz-animation-duration: 10s;
	-ms-animation-duration: 10s;
	-o-animation-duration: 10s;
	animation-duration: 10s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-timing-function: linear;
	-ms-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-o-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-backface-visibility: visible!important;
	-moz-backface-visibility: visible!important;
	-ms-backface-visibility: visible!important;
	-webkit-animation-name: flipOutY1;
	-moz-animation-name: flipOutY1;
	-o-animation-name: flipOutY1;
	-ms-animation-name: flipOutY1;
	backface-visibility: visible!important;
	animation-name: flipOutY1
}

@-webkit-keyframes flipOutY1 {
0%, 45% {
-webkit-transform:perspective(400px) rotateY(0deg);
opacity:1
}
50% {
-webkit-transform:perspective(400px) rotateY(180deg);
opacity:1
}
100%, 55% {
-webkit-transform:perspective(400px) rotateY(360deg);
opacity:1
}
}
@-moz-keyframes flipOutY1 {
0%, 45% {
-moz-transform:perspective(400px) rotateY(0deg);
opacity:1
}
50% {
-moz-transform:perspective(400px) rotateY(180deg);
opacity:1
}
100%, 55% {
-moz-transform:perspective(400px) rotateY(360deg);
opacity:1
}
}
@-o-keyframes flipOutY1 {
0%, 45% {
-o-transform:perspective(400px) rotateY(0deg);
opacity:1
}
50% {
-o-transform:perspective(400px) rotateY(180deg);
opacity:1
}
100%, 55% {
-o-transform:perspective(400px) rotateY(360deg);
opacity:1
}
}
@-ms-keyframes flipOutY1 {
0%, 45% {
-ms-transform:perspective(400px) rotateY(0deg);
opacity:1
}
50% {
-ms-transform:perspective(400px) rotateY(180deg);
opacity:1
}
100%, 55% {
-ms-transform:perspective(400px) rotateY(360deg);
opacity:1
}
}
@keyframes flipOutY1 {
0%, 45% {
transform:perspective(400px) rotateY(0deg);
opacity:1
}
50% {
transform:perspective(400px) rotateY(180deg);
opacity:1
}
100%, 55% {
transform:perspective(400px) rotateY(360deg);
opacity:1
}
}

.liveStream::after
{
	  background: #427A9C;
  width: 80px;
  height: 80px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 3;
  content: '';
  border-radius: 50%;
  transition: all .3s ease-in-out;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-ms-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;
}
.liveStream:hover::after
{
	background-color: #376E8F;
}
.liveStream svg
{
	  display: block;
  width: 70px;
  height: 70px;
  position: relative;
  z-index: 7;
  top: -7px;
  left: 5px;
}
.liveStream a
{
	  color: #18384F;
  font-weight: bold;
  font-size: 13px;
  display: inline-block;
  background: #427A9C;
  padding: 3px 5px;
  margin-left: -6px;
  border-radius: 4px;
  position: relative;
  top: -24px;
  z-index: 6;
  transition: all .3s ease-in-out;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-ms-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;
}
.liveStream:hover a
{
	background-color: #376E8F;
}


.poparticle
{
	width: 100% !important;
	height: 100%;
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	transition: all .3s ease-in-out;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-ms-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;
	background-color: rgba(0,0,0,0.5);
	z-index: 888;
	@include box;
	visibility: hidden;
	z-index: -1;
	opacity: 0;
	@include scale(0.8);  
	max-height: 0px;
	-webkit-overflow-scrolling: touch;
	overflow-x: hidden;
	overflow-y: scroll;
}
.poparticle .container
{
	max-width: 700px;
	margin: 0 auto;
	text-align: center;
}
 
.poparticle::scrollbar
{
	display: none;
}
.poparticle::-webkit-scrollbar
{
	display: none;
}
.poparticle::-moz-scrollbar
{
	display: none;
}
.poparticle::-ms-scrollbar
{
	display: none;
}
.poparticle::-o-scrollbar
{
	display: none;
}


 
.poparticle.active
{
	visibility: visible;
	opacity: 1;
	z-index: 777;
	@include scale(1);  
	max-height: 20000px;
}

.popsection
{
	padding: 70px 0;  
}


.popoverlay
{
	width: 100%;
	height: 100%;
	display: none;
	content: "";
	background-color: transparent;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
	visibility: hidden;
	transition: all .3s ease-in-out;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-ms-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;
}
.popoverlay.active 
{
	visibility: visible;  
	background-color: rgba(0,0,0,0.5);
	z-index: 555;
	display: block;
}
.streamFrame
{
	display: inline-block;
	margin-top: 70px;
	position: relative;
}
.streamClose
{
	width: 30px;
	height: 30px;
	display: block;
	position: absolute;
	top: -22px;
	right: -12px;
	background-color: #161616;
	transition: all .3s ease-in-out;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-ms-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;
}
.streamClose:hover
{
	background-color: black;
}
.streamClose i
{
	width: 100%;
	text-align: center;
	line-height: 30px;
	color: #ccc;
	font-size: 12px;
}
.streamFrame iframe
{
	width: 576px;
	height: 368px;
	display: block;
	margin: 0 auto;
	border: none;
}






.landhd
{
	display: block;
	background: url(img/content/head-shadow.png) no-repeat center center;
}

.landhd h1
{
	font-size: 40px;
	color: #18384f;
	font-weight: 800;
	text-align: left;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}