/* Untva Gaam CSS 
by Jatin Patel */

body {
		background-color:BLACK; 
		font-family: 'Varela Round';
		font-size: 14px;
		font-weight: 400;
	}
h2, h3, h4 {
		color: white;
		text-transform: uppercase;
	}
div#box {
		min-width: 9.375em;
		max-width: 80%;
		position: center;
		padding: 5px;
		border: 1.5px solid #D0D0D0; 
		border-radius: 5px;
		margin-left: 10%;
		margin-right: 10%;
		margin-top: 5%;
		margin-bottom: 50px;
		opacity: 1.0;
		box-shadow: .7px .7px .7px .7px #505050;
		background: #00aa77;
		background-image: url("images/background/ZenBG-1.png"), url("ZenBG-2.png");
		background-repeat: repeat-x, repeat;
	}
div#head {
		padding-top: 5px;
		padding-bottom:5px;
		font-size: 36px;
		font-weight: bold;
		line-height: 42px;
		margin: 1em 0 0.5em 0;
		text-transform: uppercase;
		text-shadow: 0 2px white, 0 3px #777;
		color: white;
		margin-top: 25px;
		/* background-color: #ffffff; */
		font-family: 'Varela Round';
		text-transform: uppercase;
		border-radius: 10px;
		/*background: #00aa77; */
		background-image: 
			url("images/background/ZenBG-1.png"),  
			url("images/background/ZenBG-2.png"),
			/* url("images/Bavaji.jpeg"); */
		background-repeat: repeat-x, repeat; 
		opacity: .95;	
	}
div#head p{
		position:relative;
		text-align: center;
	}
div#bannerleftimage {
		content: url('images/UntvaLogo.png'); 
		width: 100px;
		height: 100px;
		float: left ;
		opacity: 1;
		padding-left:.71em;  
	}
div#bannerrightimage {
		content: url('images/bavaji.jpg'); 
		width: 100px;
		height: 100px;
		float: right ;
		opacity:.90;
		padding-right:.71em; 
	}
div#menu ul{
		display: block;
		padding: 0px;
		text-align: center;
		margin-bottom: 25px;
		text-transform: uppercase;	
		font-size: 18px;
		border-radius: 5px;
		border: 1px solid #EEEEEE;
		border-width: 1px 0;
		background: #F9F9F9;
	}
div#menu ul li{
		display: inline-block;
		padding: 22px 25px;
		position: relative;
		font-weight:bold;
		color: #BFC8C5;
	}
div#menu ul li:hover div{
		font-size: 1em;
		color: #fc8546;
	}
div#menu ul li a{
		text-decoration: none;
		font-size: 1em;
		/*color: #505050; */
		color: #00AA77;
		text-shadow: 1em #000000;
	}
div#menu ul li a:hover{
		font-weight: bold;
		font-size: 1em;
		color: #fc8546;
	}
div#menu ul li ul{
		visibility: hidden;
		display: block;
		position: absolute;
		background: #F5F5F5;
		z-index: 10;
		top: 100%;
		left: 50%; 
		width: 160px;
		margin-left: -80px;
		border-top: 1px solid #E4E4E4;
		background-color: #F4F4F4;
		border-color: #DDDDDD;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
div#menu ul li li ul{
		margin-left: 0;
		top: 0;
		left: 160px;
	}

div#menu ul li ul li a{
		display: block;
		color: #606060;
		font-size: 0.9em;
	}
div#menu ul ul li{
		width: 160px;
		text-align: center;
		padding: 10px 0;
	}

div#menu ul li:hover > ul{
	visibility: visible;
	display: block;
}
div#menu  .mobilemenutext {display: none;}

div#menu .mobilenav-main-link {
    font-weight: 500;
    font-size: 14px;
}



div#menu .mobilenav-main-link .mobile-nav-icon{
	font-family: origami-icons;
	color: #666666;
	font-size: 15px;
    display: block;
	float: left;
    width: 13px;
    height: 15px;
    margin: -1px 8px 0 0;
}

div#menu .mobilenav-main-link .mobile-nav-icon:before {
	content: "\e601";
}

a {
	outline: none;
	color: #21759b;
}
a:hover {
	color: #0f3647;
}
.button {
	border: 0px;
	-moz-box-shadow: inset 0 0px 4px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
	-webkit-box-shadow: inset 0 0px 4px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
	box-shadow: inset 0 0px 4px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
    color: white;
    padding: 15px 15px;
    text-align: center;
    text-decoration: none ; 
	text-shadow: 0px 1px 0px #cc9f52;
    display: inline-block; 
    font-size: 16px;
    margin: 4px 4px;
	transition-property: background;
	transition-duration: 2s;
	transition-timing-function: linear;
	}
	
.button a {text-decoration: none; color: white;}
.button:hover {opacity: 0.75;}
.button1{
    background-color: #146BA0 ; /* ZenBG Blue */
}
/*.button1:hover { opacity: 0.75;}	

.button1 a {text-decoration: none; color: white;}
*/
.button2{
	background-color: #00aa77;
	/*border-radius: 5px;
    color: white;
    padding: 15px 15px;
    text-align: center;
    text-decoration: none ;
    display: block; 
    font-size: 16px;
    margin: 4px 4px;
    cursor: pointer;
	transition-property: background;
	transition-duration: 1s;
	transition-timing-function: linear;
	*/
	} /* ZENBG Green */
/*.button2:hover { opacity: 0.75;}	
.button2 a {text-decoration: none; color: white;}
*/

.links {
	text-decoration: none;
	color: white; 
	float: none !important;
	margin-right: 15px;
	
	}
div#footer{
    background: #F9F9F9;
    min-width: 150px;
	max-width: 100%;
	height: 30px;
	position: center;
    padding: 20px 20px 20px 20px;
	border-radius: 0px 0px 5px 5px;
	margin-left: -5px;
	margin-right: -5px;
	margin-top: 5%;
	margin-bottom: -5px;
	/*font-family: origami-icons; */
	font-family: 'Varela Round';
	color: #666666;
	font-size: 15px;
	border: 1px solid #EEEEEE;
}

div#content {
    line-height: 1.6em;

	}
div#content p,
div#content ul,
div#content ol,
div#content dl {
	line-height: 2em;
	margin: 2em 0;
	color: white;
	font-size: 1.2em;
}

div#content title {
font-size: 2em;
}
div#content article_img {
  float:left;
  width:200px;
  padding:5px;
  border:1px solid gray;
  margin: 5px 20px 5px 0px;
}

div#container {
	background: #fff;
    border: 1px solid #EEEEEE;
	border-width: 1px 0;
	border-radius: 5px;
	
}
div#form {
    margin: 0 auto;
    margin-top: 10px;
}
label {
    color: #555;
    display: inline-block;
	margin-left: 18px;
    padding-top: 10px;
    font-size: 14px;
}

p a {
    font-size: 12px;
    color: #aaa;
    /*float: right; */
    margin-top: -13px;
    margin-right: 20px;
 -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease;
}
p a:hover {
    color: #555;
}

input {
   /* font-family: "Helvetica Neue", Helvetica, sans-serif; */
   font-family: 'Varela Round';
    font-size: 12px;
    outline: none;
}
input[type=text],input[type=tel], input[type=email],
select,
textarea{
    color: #777;
    padding-left: 10px; 
    margin: 10px;
    margin-top: 5px;
    margin-left: 5px; 
    height: 35px;
	border: 1px solid #c7d0d2;
    border-radius: 2px;
    box-shadow: inset 0 1.5px 3px rgba(190, 190, 190, .4), 0 0 0 5px #f5f7f8;
	-webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease;
	}
	
textarea{
height: auto;
}
input[type=text]:hover,input[type=tel]:hover, input[type=email]:hover,
select:hover,
textarea:hover {
    border: 1px solid #b6bfc0;
    box-shadow: inset 0 1.5px 3px rgba(190, 190, 190, .7), 0 0 0 5px #f5f7f8;
}
input[type=text]:focus, input[type=tel]:focus, input[type=email]:focus,
select:focus,
textarea:focus {
    border: 1px solid #a8c9e4;
    box-shadow: inset 0 1.5px 3px rgba(190, 190, 190, .4), 0 0 0 5px #e6f2f9;
}

input[type=submit] {
    margin-right: 20px;
    margin-top: 10px;
	margin-bottom: 10px;
    width: 80px; 
    height: 30px;
	font-size: 14px;
    font-weight: bold;
    color: #fff;
    background-color: #acd6ef; /*IE fallback*/
    background-image: -webkit-gradient(linear, left top, left bottom, from(#acd6ef), to(#6ec2e8));
    background-image: -moz-linear-gradient(top left 90deg, #acd6ef 0%, #6ec2e8 100%);
    background-image: linear-gradient(top left 90deg, #acd6ef 0%, #6ec2e8 100%);
    border-radius: 5px;
    border: 1px solid #66add6;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .5);
    cursor: pointer;
}

.imgcontainer {
    width: 200px;
    height: 200px;
	float: right;
	border-radius: 5px;
	border: 1px solid #66add6;
	box-shadow: inset 0 1.5px 3px rgba(190, 190, 190, .7), 0 0 0 5px #f5f7f8;
	margin: 0 0 1em 1em; 
}

/* resize images */
.imgcontainer img {
    width: 100%;
    height: 100%; /* Set this to auto if you do not pic to strech. */
}
.fb-like {
float: right;
}
.fb-page{
    width: 250px;
    height: 40%;
	float: right;
}


iframe {
  margin-top: 0px;
  margin-bottom: 30px;
  max-width: 500px;
  width:100%;
  height: 50%;
  min-height: 300px; 
}

div#image:hover {
    border: 1px solid #b6bfc0;
    box-shadow: inset 0 1.5px 3px rgba(190, 190, 190, .4), 0 0 0 5px #e6f2f9;
	}
	
#vlightbox1 {
	width:100%;
	zoom: 100%;	
}
#vlightbox1 .vlightbox1 {
	display:-moz-inline-stack;
	display:inline-block;
	zoom: 100%;
	/*display:inline; */
	position:relative;
	vertical-align:top;
	margin:0;
	padding-bottom: 20px;
	width:160px;
	/* font-family:Trebuchet,Tahoma,Arial,sans-serif; */
	font-family: 'Varela Round';
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	text-align:center;
	opacity:0.87;
}
#vlightbox1 .vlightbox1 a{
	margin:0;
}
#vlightbox1 .vlightbox1:hover, #vlightbox1 .vlightbox1 a:hover{
	text-decoration : underline;
	opacity: 1;
}
#vlightbox1 .vlightbox1 img{
	display:block;
	border: 1px;
	margin: 2px;
	border : #c7d0d2 solid 1px;
    border-radius: 2px;
    box-shadow: inset 0 1.5px 3px rgba(190, 190, 190, .4), 0 0 0 5px #f5f7f8;
}
#vlightbox1 .vlightbox1 div {display:none}


@font-face {
font-family : "'Varela Round'";
font-style : normal;
font-weight : 400;
src : local('Varela Round'), local('VarelaRound-Regular'), url(http://fonts.gstatic.com/s/varelaround/v6/APH4jr0uSos5wiut5cpjronF5uFdDttMLvmWuJdhhgs.ttf) format('truetype');
}
/* To optimized to mobile */