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

/********************* contact_inner ****************/
#contact_inner{ 
 background-image: url(../img/4009.png);
 padding-bottom: 300px;
 padding-top:300px;
 background-repeat: no-repeat;

 }
.contact_inner_1{ 
 background-color: #f9b03eb0;
 width: 30%;
 text-align: center;
 padding: 15px 20px 2px 10px;
 }
.contact_inner_1 h2{ 
 color: #fff;
 font-weight:bold;
 }
.contact_inner_1 i{ 
 color: #fff;
 padding-left:5px;
 }
.contact_inner_1 p a{ 
 color: #fff;
 }
.contact_inner_1 p a:hover{ 
 color: #fff;
 }
/********************* contact_inner_end ****************/
/********************* contact ****************/
#contact{   
 padding-top: 15px;
 padding-bottom:55px;       
        }
.contact_1 h4{   
 font-weight: bold;
 padding-top: 30px;
 padding-bottom:20px;
 letter-spacing: 3px;
 color: #cc935c;
             }
.contact_1 p{   
padding-bottom:20px;
            }
.contact_2 h4{   
font-weight:bold;
padding-bottom:20px;
letter-spacing:3px;
color: #cc935c;
             }
.contact_2 p{   
padding-bottom:20px;
padding-left:5px;
            }
.contact_2 i{   
color:#000000;
padding-right:5px;
            }
.contact_3 a{   
text-decoration:none;
color: #000;
            }
.contact_3 a:hover{   
color:#666666;
                  }
.contact_3 h4{   
 padding-bottom:20px;
 padding-left:5px;
 color: #cc935c;
            }
.contact_3 p{   
 padding-bottom:20px;
 padding-left:5px;
}
.contact_3 i{   
 color:#000000;
 padding-right:5px;
}
.contact_4 h4{   
 color:#000000;
 font-weight:bold;
 padding-top:30px;
 padding-bottom:20px;
}
.drop_2{   
padding:0;
margin:0;
}
.contact_5{
padding:0;
margin:0;
          } 
.contact_5 input{   
width:220px;
padding: 1em 1em;
color:#000000!important;
margin:9px;
border: 1px solid #cc935c;
font-size: 17px;
}
.contact_6{   
 padding-left:10px;
 }
.contact_6 textarea {
width:98%;
background: none;
color: #999;
font-size: 17px;
padding: 1em .8em;
border: 1px solid #cc935c;
min-height: 8.5em;
}
.contact_7{ 
 padding-top:25px;
 text-align:center;
 }
/********************* contact_end ****************/
/********************* updates ****************/
#updates{ 
 background-color: #212136;
    }
.updates_1 p{ 
 color: #222222;
font-size:30px;
line-height: 1.8;
letter-spacing:3px;
padding-top:50px;
padding-bottom:50px;
    }
#updates .row{
   margin-bottom:20px;
   }
#updates .ih-item {
  position: relative;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
#updates .ih-item,
#updates .ih-item * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#updates .ih-item a {
  color: #333;
}
#updates .ih-item a:hover {
  text-decoration: none;
}
#updates .ih-item img {
  width: 100%;
  height: 100%;
}

#updates .ih-item.square {
  position: relative;
  width: 225px;
  height: 216px;
}
#updates .ih-item.square .info {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

#updates .ih-item.square.effect10 {
  overflow: hidden;
}
#updates .ih-item.square.effect10.colored .info {
  background: #1a4a72;
}
#updates .ih-item.square.effect10.colored .info h3 {
  background: rgba(12, 34, 52, 0.6);
}
#updates .ih-item.square.effect10 .img {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
#updates .ih-item.square.effect10 .info {
  background: #333333;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
#updates .ih-item.square.effect10 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 17px;
  padding: 10px;
  background: #111111;
  margin: 30px 0 0 0;
}
#updates .ih-item.square.effect10 .info p {
  font-style: italic;
  font-size: 14px;
  position: relative;
  color: #bbb;
  padding: 20px 20px 20px;
  text-align: center;
}
#updates .ih-item.square.effect10 a:hover .info {
  visibility: visible;
  opacity: 1;
}
#updates .ih-item.square.effect10.left_to_right .img {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
#updates .ih-item.square.effect10.left_to_right .info {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}
#updates .ih-item.square.effect10.left_to_right a:hover .img {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
#updates .ih-item.square.effect10.left_to_right a:hover .info {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
/********************* updates_end ****************/
/********************* links ****************/
#links{ 
 background-image: url(../img/33.jpg);
 background-repeat: no-repeat;
 background-size: cover;
 background-attachment: fixed;
 }
.links_main{ 
 padding-top:100px;
 padding-bottom:100px;
 background-color: #000000ba;
 }
.links_1{ 
 text-align:center;
 }
.links_1 h4{ 
 color:#fff;
 padding-bottom:5px;
 }
.links_1 h2{ 
 color:#fff;
 }
.hr_4{
 margin-top: 20px;
 margin-bottom: 20px;
 border-top: 1px solid #f9b03e;
 border-width: 2px;
 width: 4%;
}
.links_1 ul {
 padding-top:20px;
 padding-bottom:40px;
}
.links_1 li {
 display: inline;
 padding-right: 10px;
}
.links_1 li a:hover {
 border: 3px solid #fff;
 color: #fff;
}
.links_1 li a {
 border: 3px solid rgba(255, 255, 255, 0.3);
 padding: 10px 30px;
 font-size: 18px;
 color: #fff;
}
/********************* links_end ****************/





@media screen and (max-width : 767px){
#contact_inner {
 padding-bottom: 80px;
 padding-top: 80px;
}
.contact_inner_1 {
 width: 100%;
}
#contact {
 padding-top: 5px;
 padding-bottom: 45px;
 text-align: center;
}
#updates .ih-item.square {
 width: 100%;
 height: 100%;
}
.contact_4 h4 {
 padding-top: 0px;
 padding-bottom: 10px;
}
.contact_1 h4 {
 padding-bottom: 10px;
}
.contact_1 p {
 padding-bottom: 0px;
}
.contact_2 h4 {
 padding-bottom: 10px;
}
.contact_2 p {
 padding-bottom: 5px;
 padding-left: 0px;
}
.contact_3 h4 {
 padding-bottom: 10px;
 padding-left: 0px;
}
.contact_3 p {
 padding-bottom: 10px;
 padding-left: 0px;
}
}


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

}
 
 
@media (min-width:768px) and (max-width:961px) {
.contact_5 input {
 width: 88%;
}
#updates .ih-item.square {
 width: 100%;
 height: 100%;
}
#updates .ih-item.square.effect10 .info p {
 font-size: 6px;
 padding: 5px 20px 20px;
}
#updates .ih-item.square.effect10 .info h3 {
 font-size: 15px;
}
} 

 
@media (min-width:962px) and (max-width:1200px) {
.contact_5 input {
 width: 88%;
}
#updates .ih-item.square {
 width: 100%;
 height: 100%;
}
#updates .ih-item.square.effect10 .info p {
 font-size: 6px;
 padding: 5px 20px 20px;
}
#updates .ih-item.square.effect10 .info h3 {
 font-size: 15px;
}
}

@media (min-width:1201px) and (max-width:1320px) {
#updates .ih-item.square {
 width: 100%;
 height: 100%;
}
#updates .ih-item.square.effect10 .info p {
 font-size: 13px;
 padding: 5px 20px 20px;
}
}