@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600);
/* CSS Document */
/*reset css */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/*website*/

body{
	background:url(../images/noise.png);
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	color:#882c24;
	font-size:14px;
}

header{
	/*background:#f0d9a4 url(../Images/header_bg.png) no-repeat 70% center;*/
	min-height:100px;
	font-size:20px;
	font-weight:600;
	text-align:center;
	text-transform:uppercase;
	width:80%;
	margin:0 auto;
	opacity:0.8;
}

section{
	width:80%;
	margin:0 auto;
}
footer{
	/* background:#c49b56;*/
	background:#006699;
	min-height:30px;
	width:80%;
	margin:0 10%;
	float:left;
}
.font1{
	font-size:12px;
	color:#492c00;
	padding:10px;
	float:left;
}
.font2{
	font-size:12px;
	color:#492c00;
	padding:10px;
	float:right;
}

.font3dipes{
	font-size:12px;
	color:red;
	padding:10px;
	float:left;
}

.font3dipes a{
	color:red;
}

.font3dipes a:visited{
	color:red;
}

.font3dipes a:hover{
	color:red;
}
.font3dipes a:active{
	color:#006699;
}



.textlink a {
    background-color: darkred;
  color: white;
  box-shadow: 0 2px 0 red;
  
  /*padding: 1em 1.5em;*/
  position: relative;
  text-decoration: none;
  /*text-transform: uppercase;*/
}

.textlink a:hover {
  background-color: #ce0606;
}

/*manage the footer for 320px*/	
@media (min-width:320px){
	.font1{
		padding:5px 0 0 55px;
	}
	.font2{
		padding:5px 35px 5px 0;
}
@media (min-width:360px){
	.font1{
		padding:5px 0 0 75px;
	}
	.font2{
		padding:5px 45px 5px 0;
	}
}
@media (min-width:480px){
	.font1{
		padding:10px 0 0 5px;
	}
	.font2{
		padding:10px 5px 0 0;
	}
}
hr {
    display: block;
	border-top:1px solid #b59659;
	border-bottom:1px solid #eacf9c;
} 
@media (min-width:320px){
	hr{
		width:100%;
	}
}

/* Header Logo */

.logo img{
	width:300px;
	margin:10px 75px;
}
@media (min-width:360px){
	.logo img{
		margin-left:90px;
	}
}
@media (min-width:768px){
	.logo img{
		margin-left:35px;
	}
}

/* Site Title in Header */
@media (min-width:320px){
header .title{
	padding-left:35px;
	text-shadow:#333 2px 2px 0 0;
}
}
@media (min-width:768px){
header .title{
	margin-top:5px;
}
}
@media (min-width:320px){
header .title p{
	line-height:130%;
	color:#000;
	font-size:large;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	text-shadow:1px 1px #f0d9a4;
	float:left;
	margin-left:0px;
	}
}
@media (min-width:768px){
	header .title p{
	line-height:130%;
	color:#000;
	font-size:21px;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	text-shadow:1px 1px #f0d9a4;
	}
}
@media (min-width:800px){
	header .title p{
	line-height:130%;
	color:#000;
	font-size:30px;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	text-shadow:1px 1px #f0d9a4;
	text-align:left;
	}
}
/*header img */

.header-img img{
	/*height:165px; before replacing image with logo*/
	height:81px;
	float:left;
	padding:0 5px;
}
/* nav bar */
nav{
	/*background:#006699 !important; 
	background:#c49b56 !important;*/
	background:#0095dd !important;
	color:#fff !important;
	min-height:35px;
	width:80%;
	margin:0 auto;
	font-size:15px; 
}
.navbar-nav{
	width:87%;
}
.nav ul{
	display:block;
}
/*size of nav bar in different sizes*/


@media (min-width:768px){
.navbar-nav>li:nth-child(6){
	border-left:none;
}
.navbar-nav>li:nth-child(5){
	border-right:none;
}
}
@media (min-width:1280px){
	.navbar-nav>li:nth-child(6){
		border-left:1px solid #d4a75c;
	}
	.navbar-nav>li:last-child{
		border-left:none;
	}
}
.navbar-nav>li{
	/*border-left:1px solid #d4a75c;
	border-right:1px solid #b58f4f;*/
	border-left:1px solid #00a5f5;
	border-right:1px solid #0373a9;
}
}

@media (min-width:320px){
	.navbar-nav>li{
		border-left:none;
		border-right:none;
	}
}
@media (min-width:768px){
	.navbar-nav>li{
	border-left:1px solid #00a5f5;
	border-right:1px solid #0373a9;
}
}
.navbar-nav>li:first-child{
	border-left:none;
}
.navbar-nav>li:last-child{
	border-right:none;
}

.navbar-nav > li > a {
	color:#000 !important;
}

.navbar-nav>li>a:hover{
	width:102%;
	/*background-color:#5e1f19 !important;*/
	background-color:#006699 !important;
	color:#fff !important;
	border-left:none;
}
/* slider */
.slider img {
    border: 10px solid #fff;
    width: 100%;
}

/* main page */
.main{
	/*background:#f3ebdb;*/
	background:#eee;
	min-height:870px;
	margin:5px auto 0 auto;
}
.main .title{
	background:#3ebefc;
	float:left;
	height:45px;
	font-weight:600;
	font-size:22px;
	padding:10px 20px;
	color:#2b2645;
	margin-bottom:20px;
}
@media (min-width:320px){
	.main .title{
		width:100%;
		font-size:16px;
	}
}
@media (min-width:1280px){
	.main .title{
		width:100%;
		font-size:22px;
	}
}

.maintextcenter{
	text-align: center;
}
.maintext{
	font-family:Arial, Helvetica, sans-serif;
	margin-left:25px;
	margin-right:25px;
	text-align:justify;
	font-size:14px;
	line-height:20px;
	padding-top:15px;
	margin-bottom:30px;
}

.maintexttable{
	font-family:Arial, Helvetica, sans-serif;
	margin-left:25px;
	margin-right:25px;
	text-align:left;
	font-size:14px;
	line-height:20px;
	padding-top:15px;
	margin-bottom:30px;
}

.maintext ul {
	list-style:disc;
	margin: 0 !important;
	background:none;
	background:url(../images/arrow-icon.png) no-repeat center left;
	font-size:14px !important;
	font-weight:400 !important;
	text-decoration:none;
	border-bottom:1px solid #0192d8;
	border-top:1px solid #16b1fc;
	padding-left:25px;
}



.img{
	margin:0 !important;
}
/*padding for image in different view*/
@media (min-width:320px){
	.main img{
		padding:0 15px 0 15px;
	}
}
@media (min-width:1280px){
	.main img{
		padding:0 0 0 15px;
	}
}
/*padding to main box*/
@media (min-width:320px){
	.main{
		padding:0 !important;
	}
}
@media (min-width:1280px){
	.main{
		padding-right:0 !important;
	}
}
/*Some Documents About Us*/
.maindoc{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:5px 0 0 15px;
	text-align:justify;
}
/*manage the padding for 320px to 800px size*/
@media (min-width:320px){
	.maindoc{
		padding:15px;
	}
}
/*manage the padding for 1280px*/
@media (min-width:1280px){
	.maindoc{
		padding:5px 0 25px 15px;
	}
}
/*Our Location*/
.locati .title{
	background:#e1cda8;
	height:35px;
	font-family:'Bree Serif', serif;
	padding:10px 20px;
}

/*right bar*/
.rightbar{
	/*background:#d5b475;7cc7eb dipes height*/
	background:#01a5f4;
	/*min-height:975px;
	min-height:1110px; 1240px
	min-height:1190px;
	min-height:1250px;
	min-height:1370px;
	min-height:1540px; 
	min-height:1620px;  added two lists*/
	min-height:1688px; 
	
	
	float:right;
	padding-bottom:60px;
	margin-top:5px;
}
@media (min-width:320px){
	.rightbar{
		width:100%;
		padding-right:0;
	}
	
}
@media (min-width:1280px){
	.rightbar{
		width:25.0%;
		height:870px;
	}
}
.ttle{
	width:100%;
	height:35px;
	background-color:#a37b39;
	float:left;
	font-size:20px;
}
.img{
	padding-left:7px;
}
@media (min-width:320px){
	.img{
		padding:0;
	}
}
@media (min-width:1280px){
	.img{
		padding-left:7px;
	}
}
.ttle{
	width:100%;
	height:35px;
	background-color:#a37b39;
}
.line{
	border-top:#16b1fc 1px solid;
	border-bottom:#0192d8 1px solid;
	padding-left:100%;
}
.mainmenu, .submenu, ul li{
	list-style:none !important;
	padding-left:2px;
}
.submenu a{
	display:none;
}
.mainmenu a:hover{
	background-color:#006699;	
}
.submenu a:hover{
	background-color:#775e2e;
	background:fixed;
}
.mainmenu li:hover .submenu a{
	color:black;
}
.btnLang{
	line-height:120%;
	float:right;
	padding:9px 0px 9px 12px;
	font-weight:550;
	font-size:14px;
	color:#000;
	cursor: pointer;
}
.comimg img{
	width:90%;
	margin:14px;
}
.sidetitle li{
	/*background:#9b7748;dipes 0095dd*/
	background:#272240;
	width:100%;
	height:34px;
	padding:10px 0 0 8px;
	color:#ffddb2;
	font-size:15px;
	font-weight:600;
}
.menutitle{
	width:100%;
	padding:0 5px;
}
.menutitle li{
	margin: 0 !important;
	background:none;
	background:url(../images/arrow-icon.png) no-repeat center left;
	font-size:14px !important;
	font-weight:400 !important;
	text-decoration:none;
	border-bottom:1px solid #0192d8;
	border-top:1px solid #16b1fc;
	padding-left:25px;
}
.menutitle li:hover{
	text-decoration:none;
	background:#0192d8;
}
.menutitle > li > a{
	color:#473a29;
	display:block;
}
.menutitle > li > a:hover{
	text-decoration:none;
}
.gallery{
	position:absolute;
	margin-top:45px;
}
.gallery li {
    align-items: center;
    display: flex;
    float: left;
    height: 134px;
    justify-content: center;
    margin: 6px;
    overflow: hidden;
    position: relative;
    width: 170px;
}
.gallery em{
	background: #e1cda8 none repeat scroll 0 0;
    color: #000;
    display: block;
    font-size: 12px;
    font-style: normal;
    padding: 9px 10px;
    position: relative;
	margin-left:15px;
	
}
.gallery a {
    text-decoration: none;
}
a {
    color: #000;
}
.feedlabel label{
	display:block;
	float:left;
}
@media(min-width:320px) and (max-width:360px){
	.feedlabel label{
	display:block;
	float:left;
	width:150px;
}
}
@media (min-width:768px){
.feedlabel label{
	text-align:right !important;
	margin-right:10px !important;
}
}

.intext{
	float:left;
	min-width:75%;
}
.intext input,.intext textarea{
	width:100%;
}
.button{
	display:block;
	width:100px;
}
@media(min-width:768px){
.maintext img{
	width:45% !important;
}
}
@media(min-width:320px){
.maintext img{
	width:100%;
}
}
.control-label{
	margin-right:20px;
	font-weight:500;
}
 .form-control{
	border:1px solid #e1cda8;	
}
.submit_btn{
	margin-left:20px;
}
.table-bordered{
	width:100%;
}
.table-bordered td, .table-bordered th{
	padding:4px;
}
.table-bordered th{
	/*background:#d08f16;
	color:#f3ebdb;
	font-weight:600;
	border-color:#af7c19 !important;*/

	background:#000000;
	color:#eeeeee;
	font-weight:600;
	border-color:#006699 !important;
}
 

.table-mem-striped {
    background-color: #eeeeee;
}
.table-mem-striped thead>tr>th {
    color: #fff;
   font-weight: bold;
    background: #212121;
}
.table-mem-striped tbody tr:nth-of-type(odd) {
    background-color: #3ebefc;
}

tr:nth-child(even) {
  background-color: #3ebefc;
}


tr:nth-child(odd) {
  background-color: #eeeeee;
}



i{
	font-style:italic !important;
}

#thumbnails img {
	margin-right: 2px;
	margin-bottom: 2px;
	border: 1px solid #555555;
	width: 169px;
	height: 127px;
}

#thumbnails {
	background: #ffffff;
	width: 712px;
	padding-top: 2px;
	padding-left: 2px;
	border: 1px solid #555555;
}


.slideshow{ /*CSS for DIV containing each image*/
float: left;
margin-right: 5px;
margin-bottom: 5px;
}

.slideshow img{ /*CSS for each image tag width: 169px;
height: 95px;*/
border: 0;
width: 169px;
height: 127px;
}

/*** set the width and height to match your images **/

#slideshow {
    position:relative;
    height:470px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:10px;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}






.overlay {
	opacity:0;
	position:fixed;
	top:-999em;
	left:-999em;
	width:100%;
	height:100%;
	display:table;
	background:rgba(0,0,0,0.8);
	-webkit-animation: splash 20s forwards;
  -moz-animation: splash 20s forwards; 
  -ms-animation: splash 20s forwards; 
  animation: splash 20s forwards;
}
.overlay-inner {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}
.message {
	border:10px solid red;
	border-radius:10px;
	background:#fff;
	display:inline-block;
	vertical-align:middle;
	width:45%;
	text-align:left;
	padding:10px;
}
@-webkit-keyframes splash {
  0%  {opacity: 0;top:0;left:0;-webkit-transform:rotate(0) scale(0.2)}
	20% {opacity:1;-webkit-transform:rotate(720deg) scale(1.0)}
	60% {opacity:1;}
	99% {top:0;left:0;}
	100%{opacity:0;top:-999em;left:-999em;-webkit-transform:rotate(720deg) scale(1.0)}
}
@-moz-keyframes splash {
   0% {opacity: 0;top:0;left:0;-moz-transform:rotate(0) scale(0.2)}
	20% {opacity:1;-moz-transform:rotate(720deg) scale(1.0)}
	60% {opacity:1;}
	99% {top:0;left:0}
	100%{opacity:0;top:-999em;left:-999em;-moz-transform:rotate(720deg) scale(1.0)}
}
@-ms-keyframes splash {
   0% {opacity: 0;top:0;left:0;-ms-transform:rotate(0) scale(0.2)}
	20% {opacity:1;-ms-transform:rotate(720deg) scale(1.0)}
	60% {opacity:1;}
	99% {top:0;left:0}
	100%{opacity:0;top:-999em;left:-999em;-ms-transform:rotate(720deg) scale(1.0)}
}  
@keyframes splash {
  0%  {opacity: 0;top:0;left:0;transform:rotate(0) scale(0.2)}
	20% {opacity:1;transform:rotate(720deg) scale(1.0)}
	60% {opacity:1;}
	99% {top:0;left:0}
	100%{opacity:0;top:-999em;left:-999em;transform:rotate(720deg) scale(1.0)}
}
.overlay-wrap {
	position:fixed;
	top:0;
	left:0;
	right:0;
	z-index:99;
}
.overlay-wrap .hide {
	position:absolute;
	top:-999em;
	right:10px;
	opacity:0;
	color:#fff;
	border:5px solid #fff;
	padding:10px;
	font-size:200%;
	z-index:2;
	cursor:pointer;
	-webkit-animation:10s fadein 2s forwards;
	-moz-animation:10s fadein 2s forwards;
	-ms-animation:10s fadein 2s forwards;
	animation:10s fadein 2s forwards;	
}
#hide {
	position:absolute;
	left:-999em;
	top:-999em;
}
.overlay2{
	position:absolute;
	opacity:1;
	-webkit-transition:all 2s;
	-moz-transition:all 2s;
	-ms-transition:all 2s;
	transition:all 2s ;
}
#hide:checked ~ div,#hide:checked ~ div *, #hide:checked + label {
 opacity:0;
 left:-999em;
 right:auto;
 top:-999em;
 pointer-events:none;
}
@-webkit-keyframes fadein {
 0% {opacity: 0;top:10px;}
 20% {opacity:1;top:10px;}
  80%{opacity:1;top:10px}
  100%{opacity:0;top:-999em}
}
@-moz-keyframes fadein {
 0% {opacity: 0;top:10px;}
 20% {opacity:1;top:10px;}
  80%{opacity:1;top:10px}
 100%{opacity:0;top:-999em
}
@-ms-keyframes fadein {
 0% {opacity: 0;top:10px;}
 20% {opacity:1;top:10px;}
 80%{opacity:1;top:10px}
 100%{opacity:0;top:-999em
}
@keyframes fadein {
 0% {opacity: 0;top:10px;}
 20% {opacity:1;top:10px;}
 80%{opacity:1;top:10px}
 100%{opacity:0;top:-999em}
}