/*
Template Name: film banner
File: Layout CSS
Author: Templates On Web
Author URI: http://templateonweb.com/
Licence: <a href="http://www.templateonweb.com/terms.php?v=content&contentid=152">Website Template Licence</a>
*/

body{
font-family: 'Philosopher', sans-serif; 
  }
h1,h2,h3,h4,h5,h6{
padding:0;
margin:0;
}
a:hover{
text-decoration:none;
}
ul{
padding:0;
margin:0;
list-style:none;
}
p{
padding:0;
margin:0;
}
.space_left{
padding-left:0; 
} 
.space_right{
padding-right:0; 
} 
.space_all{
padding:0; 
} 
.border_none_1{
border:none!important;
 }


/********************* blog_main ****************/
#blog_main .carousel>.carousel-inner>.item>.circleElement {
    background-color: #000;
    border-radius: 50%;
    position: absolute;
    top: 11%;
    left: 39%;
    width: 400px;
    height: 400px;
    opacity: .5;
}
#blog_main .carousel-indicators {
    top: 90%;
    background:none;
    padding: 30px;
    border-radius: 10px;
}
#blog_main .carousel-indicators li { cursor: pointer }
#blog_main .carousel-control {
    width: 60px;
    height: 0;
    top: 30%;
    font-size: 100px;
    background: none;
    border: none;
    font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 300;
}
#blog_main .carousel-indicators li {
    background-color: #999;
    background-color: rgba(255,255,255,0.3);
}
#blog_main .carousel-caption {
    padding: 35px;
    text-align: center;
}
#blog_main .carousel-caption h4 {
    font-family: "lato";
    font-weight: 100;
    font-size: 61px;
}
#blog_main .carousel-caption p {
    font-family: "lato";
    margin-top: 39px;
    font-size: 22px;
    margin-bottom: -8px;
    font-weight: 300;
    line-height: 30px;
}
#blog_main .carousel-fade .carousel-inner .item {
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
}
#blog_main .carousel-fade .carousel-inner .active { opacity: 1 }
#blog_main .carousel-fade .carousel-inner .active.left,
#blog_main .carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}
#blog_main .carousel-fade .carousel-inner .next.left,
#blog_main .carousel-fade .carousel-inner .prev.right { opacity: 1 }
#blog_main .carousel-fade .carousel-control { z-index: 2 }
@media only screen and (max-width:767px) { 

#blog_main .carousel-caption {
        padding: 15px;
        text-align: center;
    }
#blog_main .carousel-caption h4 { font-size: 30px }
#blog_main .carousel-caption p {
        margin-top: 10px;
        font-size: 10px;
        margin-bottom: -10px;
    }
#blog_main .carousel { margin-bottom: 0 }
#blog_main .hero-unit { padding-bottom: 60px }
#blog_main .hero-unit p { font-size: 16px }
}
#blog_main .carousel-container {
    width: 100% !important;
    padding-left:0%;
}
/********************* blog_main_end ****************/
/********************* blog****************/
#blog{
      padding-top:50px;
	  padding-bottom:30px;
	 }
.blog_1 h1{
     font-size:40px;
	 padding:0;
	 margin:0;
	 padding-bottom:10px;
	 }
.blog_1 p{
     font-size:20px;
	 color:#000;
	 padding-bottom:20px;
	 }
.blog_2:hover{
     opacity:0.8;
	 }
.blog_3 h4{
     font-weight:bold;
	 font-size:25px;
	 padding:0;
	 margin:0;
	 padding-bottom:10px;
	 }
.blog_3 .form-control{
	height:45px;
	border:1px solid;  
					 }
.blog_3  .btn{
	 height:45px;
	 border:1px solid; 
			 }
.blog_3 .cat_1{
    font-size:28px;
	padding-top:20px;
	border-bottom:1px solid #e1e1e1;
    font-weight:bold;
    padding-bottom:15px;
	  }
.blog_inner {
   padding-top:5px;
	  }
.blog_inner i{
   padding-right:5px;
	  }
.blog_inner a{
    color:#333333;
	font-size:18px;
	  }
.blog_inner .badge{
    width:40px;
	height:20px;
	  }
.blog_inner_1{
      border-bottom:1px solid #e1e1e1;
	  margin-bottom:30px;
	  padding-bottom:30px;
	   }
.blog_inner a:hover{
    color: #993300;
	  }

.blog_2_inner h3{
	font-size:26px;
	padding:0;
	margin:0;
	padding-top:20px;
	padding-bottom:20px;
	font-weight:bold;
			 }
.blog_2_inner .post_1{
     font-size:19px;
			 }
.blog_2_inner .post_2{
	font-size:18px;
	line-height:1.8em;
	color:#999999;
	padding-bottom:10px;
			 }
.blog_2_inner a{
	font-size:20px;
	color:#333333;
	font-weight:bold;
	border:1px solid #999999;
	border-radius:0;
	padding:10px 20px 10px 20px;
			 }
.blog_2_inner a:hover{
	color:#FFFFFF;
	background: #eb1c24;
			 }
.blog_4 .cat_1{
	font-size:28px;
	padding-top:30px;
	border-bottom:1px solid #eb1c24; 
	font-weight:bold;
	padding-bottom:15px;
	  }
#blog .badge {
    background-color: #8e0606;
}
.blog_4_inner_1 p{
    font-size:14px;
	padding:0;
	margin:0;
	line-height:1.7em;
	  }
.blog_4_inner_1 .post_3{
    font-size:13px;
	  }

.blog_4 .col-sm-3{
   padding:0;
   margin:0;
	  }
.blog_4 .col-sm-9{
   padding:0;
   margin:0;
	  }
.blog_post{
         padding-top:15px; 
		  }
.tags{
     padding-bottom:15px;
	 }
.android ul{
        padding:0;
		margin:0;
		list-style:none;
		}
.android ul li{
        display: inline-block;
		font-size:14px;
		background: #eb1c24;
		padding:10px;
		margin-bottom:3px;
		-webkit-border-radius: 5px;
        -moz-border-radius: 5px;
		}
.android ul li:hover{
     background: #8e0606;
		}
.android ul li a{
       text-decoration:none;
	   color: #ffffff;
		
		}
.android ul li:hover a{
       color:#FFFFFF;
		}
#blog .btn-default {
    color: #fff;
    background-color: #8e0606;
    border-color: #ccc;
}
/********************* blog_end****************/








@media screen and (max-width : 767px){
#blog_main .carousel-caption p {
    line-height: 12px;
}
#blog_main .carousel-caption h4 {
    font-size: 18px;
}
#blog_main .carousel-control {
    top: -20%;
}
#blog_main .carousel-indicators {
    top: 60%;
}
#blog {
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
}
}

@media (min-width:470px) and (max-width:767px) {

}
 
@media (min-width:768px) and (max-width:960px) { 
#blog_main .carousel-caption h4 {
    font-size: 47px;
}
.blog_4_inner img{ 
     width:100%;
 }
.blog_4_inner_1 p {
    font-size: 13px;
    line-height: 1.0em;
    padding-left: 10px;
}
.android ul li {
    font-size: 12px;
    padding: 5px;
}
} 

 
@media (min-width:961px) and (max-width:1200px) {
#blog_main .carousel-caption h4 {
    font-size: 47px;
}
.blog_4_inner img{ 
     width:100%;
 }
.blog_4_inner_1 p {
    font-size: 13px;
    line-height: 1.0em;
    padding-left: 10px;
}
.android ul li {
    font-size: 12px;
    padding: 5px;
}
}

@media (min-width:1201px) and (max-width:1320px) {

}