/*
Template Name:FootBaller
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>
*/


/********************* blog_main ****************/
#blog_main{ 
 background-color: #da0c06;
 padding-top: 13px;
 padding-bottom: 13px;
 }
.blog_main_1 li{ 
 display:inline;
 margin-right:10px;
 font-size:19px;
 color:#999;
 }
.blog_main_1 a{ 
 font-size: 26px;
 color: #fff;
 }
/********************* blog_main_end ****************/
/********************* blog ****************/
#blog{ 
 padding-top:30px;
 padding-bottom:30px;
 background-color:#F5F5F5;
 }
.blog_2{ 
 padding-bottom:20px;
 }
.blog_3{ 
 text-align: center;
 margin-right: 10px;
 box-shadow: 0 0 1px black;
 padding: 4px;
 }
.blog_3 h4{ 
 padding-top:8px;
 padding-bottom:6px;
 color: #da0c06;
 }
.blog_4 {
 background-color: #ECECEC;
 padding: 4px;
 box-shadow: 0 0 2px black;
 margin-right:10px;
}
.blog_6 p{ 
 padding:0px;
 margin:0px;
 }
.blog_6 i{ 
 font-size:19px;
 }
.blog_6{ 
 text-align:right;
 }
.blog_5 h6{ 
 padding-top:5px;
 font-size: 18px;
 }
.blog_7 ul{ 
 text-align:center;
 padding-top:20px;
 padding-bottom:10px;
 }
.blog_7 li{ 
 display: inline;
 margin-right:10px;
 }
.well_13{ 
 border: 1px solid #da0c06;
 background-color: #da0c06;
 color: #fff;
 padding: 10px 15px 10px 15px;
 }
.blog_7 a{ 
 border: 1px solid #3f4347;
 background-color: #3f4347;
 color: #fff;
 padding: 10px 15px 10px 15px;
 }
.blog_7 a:hover{ 
 border: 1px solid #da0c06;
 background-color: #da0c06;
 color: #fff;
 padding: 10px 15px 10px 15px;
 }
.blog_8{ 
 padding-left:30px;
 }
#blog .form-control {
 display: block;
 width: 100%;
 height: 50px;
 padding: 6px 15px;
 font-size: 14px;
 line-height: 1.42857143;
 color: #000;
 background-color: #fff;
 background-image: none;
 border: 1px solid #e2e2e2;
 border-radius: 0px;
}
#blog .btn-danger {
 color: #0e0e0e;
 background-color: #ffffff;
 border-color: #e2e2e2;
 padding-top: 15px;
 border-radius: 0px;
 padding-bottom: 13px;
}
#blog .clickable
{
cursor: pointer;
}
#blog .clickable .glyphicon{
 background: rgb(218, 12, 6);
 display: inline-block;
 padding: 5px 12px;
 border-radius: 4px;
 color: #fff;
}
#blog .thumbnail .caption {
padding: 19px;
}
#blog .panel-heading span
{
margin-top: -23px;
font-size: 15px;
margin-right: -9px;
}
#blog .panel-body {
border-bottom: 1px solid #dedcd7;
font-size: 16px;
background-color: #ffffff;
}
#blog .panel-body a{
color:#000;
}
#blog .panel-body a:hover{
color:#C96;
}
#blog .panel-primary {
border: none;
border-bottom: 1px solid #E1E1E1;
margin-left: 28px;
margin-top: 10px;
}
#blog .panel-title>a {
font-size:18px;
color: #012165;
}
#blog .panel-title>a:hover{
color:#000;
}
#blog a.clickable { color: inherit; }
#blog a.clickable:hover { text-decoration:none; }
#blog .panel-primary>.panel-heading {
color: #000;
background: #f1f1f1;
border-bottom: #F9F6F1;
}
.blog_9 ul{ 
 text-align:center;
 margin-bottom:5px;
 }
.blog_9 li{ 
 display:inline;
 margin-right:3px;
 }
.blog_10{ 
 padding-left:25px;
 padding-bottom:10px;
 }
.well_14{ 
 background-color: #3f4347;
 color: #fff;
 padding: 10px;
 border-radius: 10px;
 }
.well_14:hover{ 
 background-color: #da0c06;
 color: #fff;
 }
/********************* blog_end ****************/
/********************* details ****************/
.details_1 h3{ 
 padding-top:20px;
 padding-bottom:10px;
 color: #da0c06;
 font-weight:bold;
 }
.details_2{ 
 padding-right:20px;
 }
.details_2 img{ 
 padding-right:20px;
 }
.details_3{ 
 text-align: center;
 padding: 1px;
 }
.details_3 h3{ 
 padding-top: 10px;
 padding-bottom: 10px;
 color: #da0c06;
 font-weight: bold;
 letter-spacing: 2px;
 }
.details_4 h3{ 
 padding-top: 10px;
 padding-bottom: 10px;
 color: #da0c06;
 font-weight: bold;
 letter-spacing: 2px;
 }
.details_6 .form-control {
 display: block;
 width: 98%!important;
 height: 50px;
 padding: 6px 15px;
 font-size: 14px;
 line-height: 1.42857143;
 color: #000;
 background-color: #fff;
 background-image: none;
 border: 1px solid #e2e2e2;
 border-radius: 0px;
 margin-bottom:10px;
}
.details_7 textarea {
 height: 155px!important;
 width: 100%;
 border: 1px solid #e2e2e2;
}
.details_8{ 
 padding-top:30px;
 }
/********************* details_end ****************/



@media screen and (max-width : 767px){
#blog_main {
 text-align: center;
}
#blog {
 text-align: center;
}
.details_1{ 
 padding-left:10px;
 padding-right:10px;
}
.blog_8 {
 margin-left: 10px;
 margin-right: 10px;
 padding-left:0px;
}
#blog .panel-primary {
 margin-left: 10px;
 margin-right: 10px;
}
.well_14 {
 padding: 5px;
}
.blog_10 {
 padding-left: 0px;
}
}

@media (min-width:768px) and (max-width:960px) {
.blog_8 {
 padding-left: 0px;
}
#blog .panel-primary {
 margin-left: 0px;
}
.blog_9 li {
 margin-right: 1px;
}
.well_14 {
 padding: 3px;
}
.details_1 img{ 
 padding-right:10px;
}
} 

@media (min-width:961px) and (max-width:1200px) {
.blog_8 {
 padding-left: 0px;
}
#blog .panel-primary {
 margin-left: 0px;
}
.blog_9 li {
 margin-right: 1px;
}
.well_14 {
 padding: 3px;
}
.details_1 img{ 
 padding-right:10px;
}
}

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

}