@font-face {
  font-family: 'MyWebFontLight';
  src: url('../fonts/OpenSans-Light.eot'); /* IE9 Compat Modes */
  src: url('../fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/OpenSans-Light.woff') format('woff'), /* Modern Browsers */
       url('../fonts/OpenSans-Light.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'MyWebFontRegular';
  src: url('../fonts/OpenSans-Regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/OpenSans-Regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/OpenSans-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Hero';
  src: url('../fonts/hero-webfont.eot.eot'); /* IE9 Compat Modes */
  src: url('../fonts/hero-webfont.eot.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/hero-webfont.woff') format('woff'), /* Modern Browsers */
       url('../fonts/hero-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

body{font-family: 'MyWebFontRegular','MyWebFontLight' ,'Hero' !important;}

/*lang*/	

.nav > li > a:hover, .nav > li > a:focus {
text-decoration: none;
 background-color:transparent;
 color:#748ac2;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
background-color: transparent;
border-color: #428bca;

}
.dropdown{
	margin-top:-10px;
	
	}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 100px;
padding: 5px 0;
margin: 0px 0 0;
list-style: none;
font-size: 14px;
background-color: #ffffff;
border: 1px solid #cccccc;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
background-clip: padding-box;
}
a.dropdown-toggle {
	color:#748ac2;}
.navbar-nav > li > a {
padding-top: 0px; 
padding-bottom: 0px;
}

/*nav*/
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
 color: #7c87ae; 
background-color: transparent;
}
.navbar-inverse {
background-color: #ffffff;
border-color: #ffffff;
  
  font-size:18px;
  margin-top: 30px;  
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
color: #ffffff;
background-color: #0299d2;
}
.navbar-inverse .navbar-nav > li > a {
color: #0299d2;
}

/*header*/
header{
	border-top:solid 7px #7c87ae;	
	} 
	/*Search Box*/
	
 .nav > li > .search {
	color: #fafafa;
	cursor: pointer;
	min-width: 35px;
	font-size: 15px;
	text-align: center;
	background: #7c87ae;
	padding: 6px 0 6px;
	display: inline-block;
	margin-top: 0px;
	margin-left: 5px;
	/*border-bottom: solid 2px #aaa;*/
}
 .nav > li > .search:hover{
	color: #ffffff  ;
	cursor: pointer;
	min-width: 35px;
	font-size: 15px;
	text-align: center;
	background: #7c87ae;
	padding: 6px 0 6px;
	display: inline-block;
	margin-top: 0px;
	margin-left: 5px;
	/*border-bottom: solid 2px #aaa;*/
}
/* searchh togel small screen*/
.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
 /*width: 270px !important;*/
}
 .search-open {
right: 0;
top: 45px;
display: none;
padding: 7px;
position: absolute;
background: #fcfcfc;
border-top: solid 2px #eee;
box-shadow: 0 1px 3px #ddd;
width: 270px ;
z-index:1000;
}
/*btn*/
 .btn-u {
border: 1px solid #cccccc;
color: #fff;
font-size: 14px;
cursor: pointer;
font-weight: 400;
padding: 6px 13px;
position: relative;
background: #7c87ae;
display: inline-block;
text-decoration: none;
}
/*end btn*/
/*nav bar*/

.navbar-default {
  background-color:transparent;
  border-color:transparent;
  z-index:1;
 /* height:150px;*/
}
.navbar-collapse {
max-height: 500px !important;
overflow-x: visible;
overflow-y:auto;

padding-left: 15px;
border-top: none;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
-webkit-overflow-scrolling: touch;
}
.top-space{padding-top:110px;} 
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
color: #ffffff;
background-color: #748ac2;
}
.navbar-nav > li > a {
padding-top: 10px;
padding-bottom: 10px;
line-height: 20px;
}
.nav > li > a {
position: relative;
display: block;
padding: 15px 15px;
/*color: #393c3e;*/
font-family::Hero;
font-size: 18px;

}

.navbar-nav > li > a {
color: #393c3e;
font-family::Hero;
}
.navbar {
position: relative;
min-height: 50px;
margin-bottom: 0px;
/*border: 1px solid blue;*/
padding-bottom: -80px;
box-sizing: border-box;
margin-top: -14;
}
.navbar {
border-radius: 0px; 
}
/*about*/
.title{
	font-family:MyWebFontRegular;
	font-size:30px;
	}
.about {
	
	font-family:MyWebFontLight;
	font-size: 18px;
	color: #666666;
	text-align: center;
	margin-top: 20px;
	font-style:normal;
}
.about-bg{
	background-image:url(../image/about-bg.png);
	background-repeat:repeat;
	background-color:#CCC;
	border-top:1px solid #eeeeee;
	border-bottom:1px solid #eeeeee;

	}
	
	
/*Thumbnails
------------------------------------*/
.overflow-hidden {
overflow: hidden;
}
.caption{
	text-align:center;}
a.thumbnail {
	padding: 0;
	border: none;
	margin-bottom: 15px;
}

.thumbnail-style { 
	padding: 7px;
	margin-bottom: 20px; 
}
/*
.thumbnail-style:hover { 
	box-shadow: 0 0 8px #ddd; 
    -webkit-transition: box-shadow 0.2s ease-in-out;
    -moz-transition: box-shadow 0.2s ease-in-out;
    -o-transition: box-shadow 0.2s ease-in-out;
    transition: box-shadow 0.2s ease-in-out;
}
*/
.thumbnail h3,
.thumbnail-style h3 {
	margin: 6px 0 8px 0;
}

.thumbnail h3 a,
.thumbnail-style h3 a {
	color: #0b0b0b;
	font-size: 18px;
	font-family:MyWebFontRegular;
}

.thumbnail h3 a:hover,
.thumbnail-style h3 a:hover {
	color: #7c87ae;
	text-decoration: none;
}

.thumbnail-style .thumbnail-img {
	position: relative;
	margin-bottom: 11px;
}

.thumbnail-style a.btn-more {
	right: -10px;
	bottom: 10px;
	color: #fff;
	padding: 5px 10px;
	position: absolute;
	background: #464444;
	display: inline-block; 
}
/*
.thumbnail-style a.btn-more:hover {
	text-decoration: none;
	box-shadow: 0 0 0 2px #464444;
}
.thumbnail-style:hover a.btn-more {
	right: 10px;
}*/

.thumbnail-kenburn img {
	left: 10px;
	margin-left: -10px;
	position: relative;
   -webkit-transition: all 0.8s ease-in-out;
   -moz-transition: all 0.8s ease-in-out;
   -o-transition: all 0.8s ease-in-out;
   -ms-transition: all 0.8s ease-in-out;
   transition: all 0.8s ease-in-out;
}
/*
.thumbnail-kenburn:hover img {
   -webkit-transform: scale(1.2) rotate(2deg);
   -moz-transform: scale(1.2) rotate(2deg);
   -o-transform: scale(1.2) rotate(2deg);
   -ms-transform: scale(1.2) rotate(2deg);
   transform: scale(1.2) rotate(2deg);
}*/
 
/*Servive Blocks
------------------------------------*/
/*Service Alternative Block*/
.service-alternative .service:hover { 
	background: #76ca2c;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.service-alternative .service:hover i,
.service-alternative .service:hover p,
.service-alternative .service:hover h4 { 
	color: #fff;
}

/*Servive Block Versions*/
.service-v1 h2 {
	margin: 15px 0 10px;
	font-size: 10px;
	line-height: 28px;
}
.headline h2{
	color:#666666;
	font-size: 24px;
	font-family:MyWebFontRegular;
	text-decoration:underline;
	}

.service-v1 p {
	text-align: justify;
}
/*latest article*/
.line-space{
	line-height:36px;}
	.space{padding-right:5px;}
	.article-info{
		color:#274aa3;
		font-family:MyWebFontRegular;
		font-size:14px;
		padding-left: 15px;
		}
	.article-infoo a{
		color:#274aa3;
		font-family:MyWebFontRegular;
		font-size:14px;
		padding-left: 15px;
		}
		.article-info a:hover{
		color:#274aa3;
		font-family:MyWebFontRegular;
		font-size:14px;
		padding-left: 15px;
		}
	/*gallery*/
	/*footer*/
	footer{
		margin-top:20px;
		background-color:#7c87ae;
		width:100%;
		color:#fafafa;
		font-family:MyWebFontRegular;		
		}
		.block{
			display:table;
			}
		data-1 {
  display: table-row;
}
.column {
  display: table-cell;}
  data-2 {
  display: table-row;
  margin-left:-20px;
}
.column-2 {
  display: table-cell;
  padding-left:6px;}
  span.column{padding-left:10px;}
  .fa-facebook ,.fa-twitter ,.fa-linkedin{
	  color:#666666;}
  .social-bg{
	  padding:10px;
	  border-radius:5px;
	  -webkit-border-radius:5px;
	  margin-right::10px;
	  background-color:#fafafa;
	  width:34px;
	  }
	  ul.data-2{
		 margin-left:-58px;
		  }
		li.column-2 a {
			padding:15px;
		color:#fafafa;
		font-family:MyWebFontRegular;
		font-size:14px;}
		li.column-2.contact a {
			padding:3px;
		color:#fafafa;
		font-family:MyWebFontRegular;
		font-size:14px;}
		.copy-right{
			
			width:100%;
			background-color:#2b2a2a;
			color:#fff;
			font-family:MyWebFontLight;
			font-size:12px;
			height:37px;
			text-align:center;
			padding-top:10px;}
		
		
		
	
@media (max-width: 640px) {

.top-space {
padding-top: 10px;
}

	
	
.overflow-hidden {
overflow: hidden !important;
}
.thumbnail-style a.btn-more {
	right: 140px;
	bottom: 10px;
	color: #fff;
	padding: 5px 10px;
	position: absolute;
	background: #464444;
	display: inline-block; 
}
.thumbnail-kenburn img{
	display: block;
  margin-left: auto;
  margin-right: auto;
	}
	.dropdown{
		margin-right:20px;
		}
		
		navbar-right .dropdown-menu {
right: 0;
left: auto;
}
.dropdown a {
	float:right !important;
	margin-right: 10;
margin-top: -10;
		
	}

.navbar-nav .open .dropdown-menu > li > a {
padding: 5px 15px 5px 40px;
}
.navbar-nav .open .dropdown-menu {
    position: static;
	top:10px;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
  }
.nav > li > .search{
	float:right !important;
	margin-right: -126px;	
	}
}
@media (min-width: 768px) {
	
	
	.thumbnail-style a.btn-more {
	right:70px;
	bottom: 10px;
	color: #fff;
	padding: 5px 10px;
	position: absolute;
	background: #464444;
	display: inline-block; 
}
	.thumbnail h3,
.thumbnail-style h3 {
	margin:20px 0 20px -10px;
}
	
	}
	@media (min-width: 992px) {
		
		.thumbnail-style a.btn-more {
	right: -10px;
	bottom: 10px;
	color: #fff;
	padding: 5px 10px;
	position: absolute;
	background: #464444;
	display: inline-block; 
}
		}