@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i&subset=latin-ext');

@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese');




body{

	padding:0;

	margin:0;

	font-family: 'Lato', sans-serif;

}

h1, h2, h3, h4, h5, h6{

	padding:0;

	margin:0;

	font-family: 'Roboto', sans-serif;

}

ul{

	margin:0;

	padding:0;

}

p{

	padding:0;

	margin:0;

}

a{

	text-decoration:none;

}

a:hover{

	outline:none;

	text-decoration:none;

}

a:focus{

	outline:none;

	text-decoration:none;

}

#mainbodyblog{

	width:100%;

	float: left;

	min-height:100vh;

}

.navbar{

    border-radius:0px;

    margin-bottom:0px !important;

    border-color:transparent;

    min-height:72px !important;

}

 .navbar-nav > li > a{

    color:#fff !important;

    border:2px solid transparent;

    border-radius:5px;

    padding-top:3px !important;

    margin-top:10px !important;

    padding-bottom:5px !important;

}

 .navbar-nav > li > a:hover , .navbar-nav > li > a:focus{

    border:2px solid grey;

    padding-top:3px !important;

    margin-top:10px !important;

    padding-bottom:5px !important;

    border-radius:5px;

}

.navbar-nav{

    margin-top:10px;

    font-size:16px;

}



#narbar_menu{

	width:100%;

	float:left;

}

#banner {
	width: 100%;
    float: left;
    padding: 0;
    margin-bottom: 20px;
    margin-top: 72px;
}

#banner h1{

	font-size: 70px;

    color: #FFF;

    line-height: 45px;

    padding: 50px 0;

    width: 100%;

    float: left;

}

.item{
	width:100%;
	float:left;
	min-height:400px;
	max-height:300px;
	padding:10%;
	overflow:hidden;
 }
 .carousel-caption{
	left:0 !important;
	right:0 !important;
	top:0 !important;
	bottom:0 !important;
	background:rgba(0,0,0,0.5) !important;
 }
 .carousel-text{
	position:absolute;
	left:0;
	right:0;
	bottom:45%;
 }
 p.butt {
	margin-top: 20px;
}
.text{
	background: #FF0;
	color: #000;
	padding: 10px 20px;
}

#blogbody{
	width: 100%;
    float: left;
    margin-top: 27px;
    margin-bottom: 20px;

}
.blogrow{
	margin-top: 104px !important;
}

.current{
	background-color: #000 !important;
	color: #CCC !important;
}
.blogpost{

	width:100%;

	float:left;

	margin-bottom:20px;

}
.twitter_feed {
    padding-right: 5px;
}

.blog_post_img{

	width:100%;

	float:left;

	position:relative;

	overflow:hidden;

}
.post{
	width: 103%;
    float: left;
	margin-bottom: 10px;
	background: #f5f2f2 !important;

}

.post_img{
	width: 30%;
    height: 100px;
    float: left;
    overflow: hidden;

}

.title_post{
	width: 70%;
    float: inherit;
    padding: 10px;
}

.blog_post_img img{

	width:100%;

}

a.prev_nxt {
    background: #051c5d;
    color: #459af1;
    padding: 10px 20px;
}

.prenext.col-md-12.no-padding {
    width: 100%;
    float: left;
	padding-bottom: 25px;
	margin-top: 17px;
}
.wholelatestpost {
    margin-top: 10px;
}

.pre_btn{
	width: 20%;
    float: left;
}

.next_btn {
	width: 20%;
    float: right;
}
.tags {
    margin-bottom: 10px;
    font-size: 18px;
    color: #7d8293;
    font-weight: bold;
}

.hover_tham {

	transition:0.5s all;

    position: absolute;

    left: 0;

    right: 0;

    top: 100%;

    bottom: -50px;

    content: '';

    text-align: center;

    background: rgba(0,0,0,0.6);

    background-image: linear-gradient(to bottom, rgba(0,0,0,0.1) , rgba(0,0,0,0.9));

}

.read_btn {

    font-size: 25px;

    font-weight: 600;

    color: #FFF;

    width: 100%;

    float: left;

    position: absolute;

    left: 0;

    right: 0;

    top: 35%;

}

.read_btn a{

	color:#FFF;

	position:relative;

}

.read_btn a:hover{

	color:#FF0;

}

.read_btn a::before {

    position: absolute;

    content: '';

    left: 0;

    right: 0;

    width: 100%;

    height: 2px;

    display: block;

    border-bottom: 2px solid #48a2fe;

    top: -5px;

}

.read_btn a::after {

    position: absolute;

    content: '';

    left: 0;

    right: 0;

    width: 100%;

    height: 2px;

    display: block;

    border-bottom: 2px solid #48a2fe;

    bottom: -5px;

}

.blog_share{

	position: absolute;

    left: 0;

    right: 0;

    bottom: -50px;

    width:100%;

    font-size:18px;

    color:#48a2fe;

    transition:0.5s all;

}

.blog_share p a{

	font-size:16px;

	color:#FFF;

	padding:0 5px;

}

.blog_share p a:hover{

	color:#FF0;

}

.blog_post_img:hover .hover_tham{

	transition:0.5s all;

	top:0;

	bottom:0;

}

.blog_post_img:hover .blog_share{

	bottom: 5px;

	transition:0.5s all;

}

.blog_post_text{

	width:100%;

	float:left;

	padding:10px;

	border-left:1px solid #CCC;

	border-right:1px solid #CCC;

	border-bottom:1px solid #CCC;

	min-height: 102px;

    position: relative;

}

.blog_post_text h2{

	font-size: 16px;

    line-height: 19px;

    margin-bottom: 10px;

}

.blog_post_text h2 a{

	color:#000;

}

.blog_post_text h2 a:hover{

	color:#194a7d;

}

.blog_post_text p{

	font-size: 13px;

    line-height: 20px;

    color: #2d2d2d;

	position: absolute;

    bottom: 10px;

}

.page_nav{

	width: 100%;

    float: left;

    text-align: right;

    padding: 0 15px 0 0;

    margin-top:10px;

}

.page_nav a{

	color: #000;

    background: #e0e0e0;

    font-size: 15px;

    margin: 0 2px;

    padding: 5px 7px;

    text-decoration: none;

    transition: 0.2s all;

    font-weight: 600;

}

.page_nav a:hover{

	color: #c59053;

    background: #dadada;

    transition: 0.2s all;

}

.singup_blog{

	width:100%;

	float: left;

	background:#cccccc;

	padding:10px;

}
.front_signup_blog{

	width:103%;

	float: left;

	background:#cccccc;

	padding:10px;

}

.singup_blog .highlight_sty {

	margin-top: 0px;

    font-size: 24px;

    line-height: 30px;

    text-align: left;

    color: #000;

    position: relative;

    padding: 0 0 10px 0;

    margin-bottom:10px;

}

.singup_blog .h1::before {

    position: absolute;

    content: '';

    left: 0;

    right: 0;

    width: 50%;

    border-bottom: 1px solid #48a2fe;

    bottom: 5px;

}
.index_subscription{
	width: 100%;
    float: left;
    position: relative;
}
.singup_blog label {

    width: 100%;
    float: left;
    margin-bottom: 10px;
    font-size: 16px;
    color: #000;
    position: relative;

}

.textbox{

	width:100%;

	float:left;

	height:35px;

	padding:5px;

	font-weight:normal;

	font-family: 'Roboto', sans-serif;

	position: relative;

}

.loginbtn{

	width: 100%;

    float: left;

    margin-bottom: 10px;

    text-align:center;

}



.loginbtn a{

	margin: 0px auto;

    background: #4b5974;

    border: none;

    padding: 8px 20px;

    font-size: 16px;

    color: #FFF;

    font-weight:600;

    text-transform: capitalize;

}

.sidebar_margin{

	margin-bottom:20px;

}

.textbox_2 {

    width: 100%;

    float: left;

    height: 35px;

    padding: 5px 100px 5px 5px;

    font-weight: normal;

    font-family: 'Roboto', sans-serif;

    position: relative;

}

.s_btn {

    margin: 0px auto;
    background: #4b5974;
    border: none;
    padding: 6px 15px;
    font-size: 16px;
    color: #FFF;
    font-weight: 600;
    text-transform: capitalize;
    position: absolute;
    right: 0;
    bottom: 0;

}

.footer{

	width:100%;

	float:left;

	background:#000;

	text-align:center;

	margin-top:0;

}

.footer p{

	color:#FFF;

	font-size:20px;

	line-height:30px;

}

.footer-ul {
    color: #fff;
    list-style-type: none;
}

.pull-right {
    float: right!important;
}

ol, ul {
    margin-top: 0;
    margin-bottom: 10px;
}

.footer-li {
    float: left;
    display: block;
    padding: 20px 10px;
    font-weight: bold;
}
.footer-li a {
    text-decoration: none;
    color: #fff;
    display: block;
    height: 100%;
    width: 100%;
}

#message .error{
	color: #F00;
    text-align: center;
    width: 100%;
    float: left;
    font-weight: 800;
    text-shadow: 2px 2px 2px rgba(255,255,255,0.5);
    font-size: 16px;
}

#message .success{
	 color: #059a05;
    text-shadow: 2px 2px 2px rgba(255,255,255,0.5);
    font-size: 18px;
    font-weight: 800;
    text-align: center;
}



.show_mobile {

	display:none;

}



/******************************************/

.singal_headline{

	font-size: 24px;

    line-height: 30px;

    color: #000;

    padding-bottom: 10px;

}

.singal_date{

	width: 100%;

    float: left;

    font-size: 1em;

    margin-bottom: 10px;

    color:#000;

}

.singal_img{

	width:100%;

	float:left;

	padding-bottom:15px;

}

.singal_img img{

	width:100%;
	
}

.singal_post_text{

	width: 100%;

    float: left;

    font-size: 16px;

    line-height: 25px;

    color: #000;

    padding-bottom: 15px;

}

.sub_headline{

	font-size: 20px;

    color: #000;

    line-height: 30px;

    width: 100%;

    float: left;

    padding-bottom: 5px;

}

.sub_two_div{

	width:100%;

	float: left;

	padding-bottom:10px;

}

.sub_img{

	width: 100%;

}

.social_link{

	position:fixed;

	left:0;

	top:30%;

}

.social_link ul{

	list-style-type:none;

}

.social_link ul li {

    padding: 8px 0px;

}

.social_link ul li a {

    padding: 10px;

    font-size: 20px;

    color:#FFF;

}

.fb{

	background:#3c5a99;

}

.tw{

	background:#4ec8f1;

}

.gplus{

	background:#c5412d;

}

.tum{

	background:#284252;

}

.lin{

	background:#0575b6;

}

.social_link_mobile{

	width:100%;

	float:left;

	display:none;

}

.social_link_mobile h5{

	font-size:18px;

	color:#000;

	line-height:25px;

	padding-left:15px;

}

.social_link_mobile p a{

	font-size:18px;

	color:#000;

	padding:0 10px;

}

.latest{

	font-size: 26px;

    color: #000;

    line-height: 35px;

    padding-bottom: 10px;

}

.recent_post img{

	width:100%;

}

.recent_post p{

	font-size: 16px;

    line-height: 20px;

    color: #000;

}



/******************************************/

/******************************************/

/******************************************/

@media(max-width:1199px){

	#banner {

	    padding: 30px 0;

	}

	#banner h1 {

	    font-size: 60px;

	    padding: 30px 0;

	}

	.read_btn {

	    font-size: 22px;

	    top: 30%;

	}

	.textbox_2 {

    	padding: 5px 105px 5px 5px;

	}

	.blog_post_text h2 {

	    font-size: 18px;

	    line-height: 22px;

	}

	.singal_headline {

	    font-size: 22px;

	    line-height: 26px;

	}

}

@media(max-width:991px){

	#banner {

	    padding: 20px 0;

	}

	#banner h1 {

	    font-size: 50px;

	    padding: 20px 0;

	}

	.read_btn {

    	font-size: 20px;

    	top: 25%;

	}

	.blog_post_text h2 {

    	font-size: 16px;

    	line-height: 20px;

	}

	.blog_post_text p {

    	font-size: 12px;

	}

	.singup_blog .h1 {

    	font-size: 22px;

	}

	.singup_blog .h1::before {

    	width: 100%;

	}

	.textbox_2 {

    	padding: 5px;

	}

	.s_btn{

		position: relative;
    	 left: 0;
    	 right: 0;
    	 bottom: 0;
    	 margin: 0px auto;
    	 width: 100%;
    	 float: left;

	}

	.social_link {

		display:none;

	}

	.social_link_mobile{

		display:block;

	}

	.singal_img img{

		width:100%;
		
	}

}

@media (max-width:767px){

	#banner{

		width: 100%;

		float: left;

		background: #CCC;

		text-align: left;

		padding: 10px 0;

	}

	#banner h1 {

	    font-size: 30px;

	    padding: 5px 0;

	    font-weight: 600;

	    color: #000;

	}

	.hover_tham{

		display:none;

	}

	.show_mobile {

		display:block;

		width: 100%;

		float: left;

		margin-top: 20px;

	}

	.left_span{

		width:50%;

		float:left;

	}

	.right_span{

		width:50%;

		float:right;

	}

	.left_span span{

		width: 100%;

		float: left;

		padding: 0 0 0 15px;

		font-size: 14px;

		font-weight: 600;

	}

	.right_span a{

		margin: 0px auto;

		background: #4b5974;

		border: none;

		padding: 8px 20px;

		font-size: 16px;

		color: #FFF;

		font-weight: 600;

		text-transform: capitalize;

		float: right;

	}

	.left_span ul {

		list-style-type: none;

		padding: 0;

		margin: 0;

		width: 100%;

		float: left;

	}

	.left_span ul li{

		float:left;

		margin-left:10px;

	}

	.left_span ul li a{

		color:#000;

		font-size:18px;

	}

	.page_nav {

    	margin-bottom: 25px;

	}

	.singup_blog .h1::before {

    	width: 50%;

	}

	.s_btn {

	    position: absolute;
    	 left: auto;
    	 right: 0;
   		 bottom: 0;
    	 margin: 0px auto;
    	 width: 20%;

	}

	.textbox_2 {

    	padding: 5px 6px 5px 5px;

	}

	.singal_headline {

	    font-size: 20px;

	    line-height: 26px;

	    padding: 0 10px 10px 10px;

	}

	.singal_date {

    	padding: 0 10px;

	}

	.singal_img {

	    padding: 0 10px 10px 10px;

	}

	.singal_post_text {

    	padding: 0 10px 15px 10px;

	}

	.sub_headline {

    	padding: 0 10px 5px 10px;

	}

	.sub_two_div {

    	padding: 0 10px 10px 10px;

	}

	.latest {

    	padding: 0 10px 10px 10px;

	}

	.recent_post p {

	    padding-bottom: 20px;

	    padding-top: 10px;

	}

	.blog_post_text p {

		line-height: 20px;

		position: relative;

		bottom: 0;

	}

	.singal_img img{

		width:100%;
	
	}
	.image_size{
		width:100%;
		height: auto;
	}

	.pre_btn{
		width: 30%;
		float: left;
	}
	
	.next_btn {
		width: 30%;
		float: right;
	}

}



@media (max-width:640px){

	#banner {

    	padding: 5px 0;

    	margin-bottom: 5px;

	}

	#banner h1 {

	    font-size: 25px;

	    padding: 0;

	}

	#blogbody {

		margin-top: 83px !important;

	}

	.recent_post p {

	    font-size:16px;

	}
	.singal_img img{

		width:100%;
		
	}
	.image_size{
		width:100%;
		height: auto;
	}

	.pre_btn{
		width: 30%;
		float: left;
	}
	
	.next_btn {
		width: 30%;
		float: right;
	}

}

@media(max-width:520px){
	.s_btn {
			 position: relative;
			 left: auto;
			 right: 0;
			 bottom: 0;
			 margin: 0px auto;
			 width: 100%;
			 float: left;
	}

	.singal_img img{

		width:100%;
		
	}
	.image_size{
		width:100%;
		height: auto;
	}

	.pre_btn{
		width: 30%;
		float: left;
	}
	
	.next_btn {
		width: 30%;
		float: right;
	}
}

@media(max-width:480px){

	#banner h1 {

	    font-size: 22px;

	    line-height: 30px;

	}

	.show_mobile {

    	margin-top: 10px;

	}

	.left_span {

	    width: 100%;

	    float: left;

	}

	.right_span {

	    width: 100%;

	    float: left;

	    margin: 10px 0 0 0;

	}

	.right_span a {

		float:left;

	}

	.singup_blog .h1::before {

    	width: 60%;

	}
	.image_size{
		width:100%;
		height: auto;
	}
	.pre_btn{
		width: 30%;
		float: left;
	}
	
	.next_btn {
		width: 30%;
		float: right;
	}

}

@media(max-width:350px){

	.textbox_2 {

    	padding: 5px;

	}

	.s_btn {

	    position: relative;

	    left: 0;

	    right: 0;

	    bottom: 0;

	    margin: 0px auto;

	}

	.singal_img img{

		width:100%;
		
	}
	.image_size{
		width:100%;
		height: auto;
	}
	.pre_btn{
		width: 30%;
		float: left;
	}
	
	.next_btn {
		width: 30%;
		float: right;
	}

}

@media screen and (min-width: 667px) and (max-width: 683px)
{
.footer-left
{
padding-left: 196px!important;
}
.footer-li {
    float: left;
    display: block;
    padding: 9px 3px!important;
    font-weight: bold;		
}
}
@media screen and (min-width: 400px) and (max-width: 434px)
{
.footer-left
{
padding-left: 69px!important;	
}
.footer-li {
    float: left;
    display: block;
    padding: 8px 10px!important;
    font-weight: bold;		
}	
}
@media screen and (min-width: 714px) and (max-width: 764px)
{
	.footer-left{
	padding-left: 230px!important;
}
}
@media screen and (min-width: 764px) and (max-width: 990px)
{
	.footer .container .row .col-md-3 .hidden-xs
	{
		text-align: center!important;
        clear: both;
	}
	.footer-li {

    float: left;
    display: block;
    padding: 20px 8px!important;
        padding-bottom: 20px;
        padding-left: 8px;
    font-weight: bold;
	}
	 .footer-left
	 {
		 padding-left: 246px!important;
	 }
}
@media screen and (min-width: 370px) and (max-width: 497px)
{
.footer-li
{
float: left;
display: block;
padding: 7px 7px!important;
font-weight: bold;
}
}
@media screen and (min-width: 732px) and (max-width: 740px)
{
.footer-ul
{
font-size: 12px!important;
}
}
@media screen and (min-width: 684px) and (max-width: 690px)
{
	.footer-li {
    float: left;
    display: block;
    padding: 20px 4px!important;
    font-weight: bold;
	}
	.footer-left
	{
		padding-left: 216px!important;
	}
}

.footer
{
	padding-top:30px!important;
        position: absolute;
        z-index: 200;
        width: 100%;
	/*padding-bottom:30px!important;*/
}

.footerli{
padding: 6px 10px;


font-size: 13px!important;

}


.footerli a{
	color:#fff!important;
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif!important;
}

.pright
{
margin-bottom: 20px;
color: #fff;
}
.prightqs
{
 color:#fff;   
}
.fa-map-marker
{
 color: #2D92D6!important;
 margin: 5px;
}
.fa-envelope
{
 color: #2D92D6!important;  
margin: 5px; 
}
.prightadd
{
    color:#9e9a9a!important;
}
 .margin-top{
    margin-bottom:20px;
}

.img-margin
{
 margin-bottom:20px;   
}