/*
	Theme Name: 12coders
	Theme URI: .https://12coders.com
	Description: ultra-demo-1 is an elegantly designed free news WordPress theme.
	Version: 1.0
	Author: minhaj uddin
	Author URI: https://12coders.com

	Tags: news-site, custom-menu, custom-header, custom-colors, custom-background, 
	*/
	/* ---------------------------------------------------------------------------- */
	/* ------------------------------------Html-Body------------------------------- */
	/* ---------------------------------------------------------------------------- */


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

	@font-face {
	font-family: 'Helvetica';
	src:  url('../fonts/Helvetica-Condensed-Light-Light.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	}
	body{
		font-family:  Helvetica;
		font-size: 14px;
		font-style: normal;
		font-variant: normal;
		font-weight: 300;
	}
	.menu_area {
		background: #FFF;
	}
	.navbar{
		background-color: #FFF;
		/*background: linear-gradient(to bottom,#065830 64%,#106d40 82%,#228e59 100%);*/
		border-radius:0;
		border:none;
		margin-bottom: 0px;
		font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
		font-size: 24px;
		font-variant: normal;
		font-weight: 500;
		line-height: 26.4px;
	}
	.navbar-collapse{
		padding-left:0;
		padding-right:0;
	}
	.navbar-default .navbar-nav li a {
		color:#535353;
		font-size:15px;
		font-family:  verdana;
		text-decoration: none;
	}
	.navbar-default .navbar-nav li a:hover {
		color:#FFF;
		background-color:#167B7B;
		transition-duration: 0.3s;
		-moz-transition-duration: 0.3s;
		-webkit-transition-duration: 0.3s;
	}
	.navbar-default .navbar-nav li a:active{
		background:#167B7B !important;
		color:#FB0206;
	}
	.navbar-default .navbar-nav li a:link {
		font-family:'Segoe UI',Arial,sans-serif;
		font-size: 15px;
		letter-spacing: 1px;
	}
	.navbar-default .navbar-nav li a:link a:visited a:active {
		background-color:#167B7B;
	}
	ul.nav li.dropdown:hover > ul.dropdown-menu{
		display: block;
		margin: 0;
	}
	ul.nav li.dropdown:hover > ul.dropdown-menu li{  border-bottom:1px solid #FFF;}
	navbar-default .navbar-nav li a {
		color: #FFF;
		font-size: 18px;
	}
	.dropdown-menu {
		background-color: #D5D8D8;
		border-bottom: 1px solid #726E6E;
		min-width: 100%;
	}
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
		color: #FFF;
		background-color: ##167B7B;
	}
	/*=============footer =============*/
	.footer{ 
		width:100%; background:#fff; color:#000; padding:20px 0px;
	}
	.footer ul{ 
		list-style:none; padding:0; margin:0;
	}
	.footer ul li{}
	.footer ul li a{
		font-size:15px; color:#6e6d6d;
	}
	.footer p{ 
		font-size:15px;
		color:#353333;
		padding:80px 0px;
	}
	.footer h3{
		font-size: 20px;
		color: #353333;
	}
	/*=============/footer =============*/
	.book-letter p{
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 10;
		font-size: 300%;
		color: #7E7E7E;
		text-align: center;
		padding: 100px;
	}
	@media only screen and (min-width: 320px) and (max-width: 766px){
	.book-letter p{
		font-size: 20px;
		padding: 40px;
		}
	}
	@media only screen and (min-width: 767px) and (max-width: 1100px){
	.book-letter p{
		font-size: 20px;
		padding: 40px;
		}
	}
	.style1
	{
		width: 100%;
	}
	.style19
	{
		width: 100%;
		height: 172px;
	}
	.style22
	{
		height: 87px;
	}
	.style24
	{
		width: 100%;
		height: 131px;
		margin-top: 0px;
	}
	.style41
	{
		width: 303px;
	}
	.style42
	{
		width: 322px;
	}
	.style43
	{
		width: 337px;
	}
	.style48
	{
		font-family: Aleo;
	}
	.style50
	{
		width: 33%;
	}
	.style51
	{
		width: 100%;
		height: 854px;
	}
	.style52
	{
		width: 782px;
	}
	/* Navbar container */
	.navbar {
		background-color:White;
	}
	/* Links inside the navbar */
	.navbar a {
		float: left;
		font-size: 16px;
		color: white;
		text-align: center;
		padding: 14px 16px;
		text-decoration: none;
	}
	/* The dropdown container */
	.dropdown {
		float: left;
		height:47px;
	}
	/* Dropdown button */
	.dropdown .dropbtn {
		border-style: none;
		border-color: inherit;
		border-width: medium;
		font-size: 16px; 
		outline: none;
		color:Gray;
		padding: 14px 16px;
		background-color: inherit;
		margin: 0;
		white-space: nowrap;
		white-space: pre;
		height:19px;
	}
	/* Add a red background color to navbar links on hover */
	.navbar a:hover, .dropdown:hover .dropbtn {
		background-color:#1C91BF;
		color: White;
		height:47px;
	}
	/* Dropdown content (hidden by default) */
	.dropdown-content {
		display: none;
		position: absolute;
		background-color: #f9f9f9;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		z-index: 1;
	}
	/* Links inside the dropdown */
	.dropdown-content a {
		float: none;
		color: black;
		padding: 12px 16px;
		text-decoration: none;
		display: block;
		text-align: left;
	}
	.dropdown-content a:hover {
		background-color: #ddd;
		height:47px;
	}
	/* Show the dropdown menu on hover */
	.dropdown:hover .dropdown-content {
		display: block;
	}
	.labelstyle
	{
		font-family: Helvetica Neue, Helvetica, sans-serif;
		color: #757575;
		font-size: x-large;
		font-weight: lighter;font-family: HeaveneticaCond4; 
		text-align: center;
	}
    .textstyle {
        font-family: Helvetica Neue, Helvetica, sans-serif;
        color: #757575;
        font-size: x-large;
        font-weight: lighter;
        font-family: HeaveneticaCond4;
        text-align: justify
    }
    .pulicationstyle {
        font-family: Helvetica Neue, Helvetica, sans-serif;
        color: #757575;
        font-size: medium;
        font-weight: lighter;
        font-family: HeaveneticaCond4;
        text-align: justify
    }
    .footnotesstyle {
        font-family: Helvetica Neue, Helvetica, sans-serif;
        color: #757575;
        font-size: small;
        font-weight: lighter;
        font-family: HeaveneticaCond4;
        text-align: justify
    }
	.services {
		font-family: Helvetica Neue, Helvetica, sans-serif;
		padding: 0 50px;
		color: #757575;
		text-align: center; 
	}
	.srv {
		position: relative;
		width: 26%;
		top: 0px;
		left: 0px;
		height: 66px;
		margin: auto;
	}
	.image {
		display: block;
		width: 97%;
		height: 54px;
	}
	.overlay {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		height: 100%;
		width: 100%;
		opacity: 0;
		transition: .5s ease;
		background-color: #008CBA;
	}
	.srv:hover .overlay {
		opacity: 1;
	}
	.text {
		color: white;
		font-size: 20px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		text-align: center;
	}
	.fontheav3
		{
		font-family:HeaveneticaCond3;
		font-size: 20px; color: #7E7E7E;
		}
	#Text1
	{
		height: 26px;
		width: 95px;
	}
	.style54
	{
		width: 940px;
	}
	.style56
	{
		width: 110px;
	}
	.style57
	{
		width: 369px;
	}