@font-face {
  font-family: 'Yanone Kaffeesatz';
  font-style: normal;
  font-weight: 400;
  src: local('Yanone Kaffeesatz Regular'), local('YanoneKaffeesatz-Regular'), url(../images/Yanone.woff2) format('woff2'), url(../images/Yanone.woff) format('woff');
}
body{
	font-family: 'Yanone Kaffeesatz';
	text-align:center;
	font-size:15px;
	color:#3D363B;
	background: #ffffff url("../images/alpana.png"); 
	overflow-x: hidden;
}
* {
  scrollbar-width: thin;
  scrollbar-color: #016DB4 #85ABD4;
}
.clear { clear: both; }
*{padding:0;}
.img_curve_all {
border: 5px solid #EBBC6F;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
/* ============= image property ================== */
.img_round_small { 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.img_style {
	border: 10px solid #eeeeee;
	border-radius: 50%;
	-webkit-transition:.0s ease;
	-moz-transition:.0s ease;
	-o-transition:.0s ease;
	transition:1.0s ease;
	box-shadow:  0 0 5px rgba( 0, 0, 0, 0.3 );
}
.img_style:hover {
	border: 10px solid #ffffff;
	border-bottom-right-radius: 1px;
	border-top-left-radius: 1px;
	border-bottom-left-radius: 100px;
	border-top-right-radius: 100px;
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-ms-transform:scale(1.2);
	-o-transform:scale(1.2);
	transform:scale(1.2);
	opacity: 0.4;
	filter:alpha(opacity=0);
	-webkit-transition:0.4s;
	-moz-transition:0.4s;
	-o-transition:0.4s;
	transition:0.4s;
	cursor: pointer;
}
.img_round {
	border: 10px solid #eeeeee;
	border-radius: 50%;
	-webkit-transition:.0s ease;
	-moz-transition:.0s ease;
	-o-transition:.0s ease;
	transition:1.0s ease;
	box-shadow:  0 0 5px rgba( 0, 0, 0, 0.3 );
}
.img_round:hover {
	border: 10px solid #ffffff;
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-ms-transform:scale(1.2);
	-o-transform:scale(1.2);
	transform:scale(1.2);
	opacity: 0.4;
	filter:alpha(opacity=0);
	-webkit-transition:0.4s;
	-moz-transition:0.4s;
	-o-transition:0.4s;
	transition:0.4s;
	cursor: pointer;
}
.img_curve {
	border: 10px solid #eeeeee;
	border-radius: 50%;
	-webkit-transition:.0s ease;
	-moz-transition:.0s ease;
	-o-transition:.0s ease;
	transition:1.0s ease;
	box-shadow:  0 0 5px rgba( 0, 0, 0, 0.3 );
}
.img_curve:hover {
	border: 10px solid #ffffff;
	border-bottom-right-radius: 1px;
	border-top-left-radius: 1px;
	border-bottom-left-radius: 1px;
	border-top-right-radius: 1px;
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-ms-transform:scale(1.2);
	-o-transform:scale(1.2);
	transform:scale(1.2);
	opacity: 0.4;
	filter:alpha(opacity=0);
	-webkit-transition:0.4s;
	-moz-transition:0.4s;
	-o-transition:0.4s;
	transition:0.4s;
	cursor: pointer;
}
.route {
	-webkit-transition: -webkit-transform .1s;
	-moz-transition: -moz-transform .1s;
	-o-transition: -o-transform .1s;
	-ms-transition: -ms-transform .1s;
	transition: transform .1s;
	}
.route:hover {
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
	}
.img_rounds {
	border-top-left-radius: 10px; 
	border-top-right-radius: 10px;
}
.iborder { 
	border:1px solid #cccccc; padding:10px; background: #ffffff;
}
/* ============= image property ================== */

/* TOP MENU */
ul, li{
list-style:none;}
a{
color:#3D363B;text-decoration:none;cursor:pointer;
}
a:hover{color:#c00;
}
#mm ul {padding:0; margin:12px 0 0 0; text-align:right; }
#mm ul li {float: right; font-size: 18px; color: #ffffff; padding: 6px 30px 6px 20px;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: -moz-linear-gradient(top, #2098d1, #142935);
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; 
  border-radius: 12px; margin: 0 10px 0 0;
}
#mm ul li:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #009F3C; 
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  border-radius: 12px; margin: 0 10px 0 0;
}
#mm ul li a{color: #ffffff;}
#mm ul li a:hover, #mm ul li a:focus, #mm ul li a:active {color: #ffffff;}
#mm ul li:hover:before, #mm ul li:focus:before, #mm ul li:active:before {
  -webkit-transform: scale(0);
  transform: scale(0); 
}
#mm ul .last a {border-right: none}
/* TOP MENU */

.special {
	width: 200px; height: 375px; margin: 25px 20px 0 25px; overflow: hidden;
	border-bottom-left-radius: 10px; 
	border-bottom-right-radius: 10px;
	box-shadow: 0 8px 6px -6px black;
}

/* Div Eye */
div.eye {float: right; font-size: 18px; color: #ffffff;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
div.eye:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #142935; 
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;

	border-bottom-left-radius: 10px; 
	border-bottom-right-radius: 10px; 
	box-shadow: 0 8px 6px -6px black;

	border-top-left-radius: 15px; 
	border-top-right-radius: 15px;
}
div.eye:hover, div.eye:focus, div.eye:active {color: #ffffff;}
div.eye:hover:before, div.eye:focus:before, div.eye:active:before {
  -webkit-transform: scale(0);
  transform: scale(0); 
}
/* Div Eye */

.link {
	-webkit-transition:0.5s ease;
	-moz-transition:0.5s ease;
	-o-transition:0.5s ease;
	transition:0.5s ease;
	background:#142935; color: #ffffff; padding: 5px 15px 5px 15px; border: 3px solid #ddd;
	border-radius: 18px;
}
.link:hover {
	background: #1F93CA; color: #ffffff;
	border: 3px solid #dddddd;
}


.body_shade {
	/* Safari 5.1+, Chrome 10+ */
	background: -webkit-linear-gradient(top, #E5E1CB, #ffffff, #ffffff);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #E5E1CB, #ffffff, #ffffff);
	/* IE 10 */
	background: -ms-linear-gradient(top, #E5E1CB, #ffffff, #ffffff);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #E5E1CB, #ffffff, #ffffff);	
}
.textArea { 
	border-right : 1px solid #a2aeb9; 
	overflow : auto; 
	border-top : 1px solid #a2aeb9; 
	font-size : 11px; 
	border-left : 1px solid #a2aeb9; 
	color : #000000; 
	border-bottom : 1px solid #a2aeb9; 
	font-family : Verdana;
	font-size: 12px;
	background-color : #ffffff; 
	padding: 5px;
}
.button {
	background: #126C79;
	border: 1px solid #BED5FA;
	color: #ffffff;
	font-size: 11px;
	float:right;
	margin: 5px 0 0 10px;
	padding: 2px 10px 2px 10px;
	border-radius: 5px;
	cursor: pointer;
}
.button:hover {
	background: #199DAF;
	color: #ffffff;
}

@media (min-width:991px) {
	.tpmenu {position:absolute; right:0px; top:10px;}
	.width {width:1090px}
}
@media (min-width:201px) and (max-width: 990px) {
	.width {width:100%}
}