body{   
    background-color:rgba(3,3,3,.8);  
}
/*start my framework*/
h1,h2,h3,h4,h5,span,p{
   font-family: 'Raleway', sans-serif;
font-family: 'Indie Flower', cursive;
font-family: 'Josefin Sans', sans-serif;
}
.main_color{
      color:#c53d3d;
}
.main_color1{
    color:#337ab7; 
}
.text_color{
    color:#555;
}
/*end my framework*/
/*start option box*/
.option_box{
    position:fixed;
    top:150px;
    left:0;   
    z-index:90000;    
}
.option_box .arrow{
    background-color:#fff;
    border-top-right-radius:10px;
    border-bottom-right-radius:10px;
    font-size:30px;
    float:left;  
}
.option_box .social{
    border:2px solid #eee; 
    float:left;
    color:#fff;
    padding:5px; 
    display:none;
    background-color:#fff;
    border-bottom-right-radius:10px; 
}
.option_box .social p i {
    font-size:50px;   
}
/*end option box*/
/*start navbar*/
.navbar-inverse{
    margin-bottom:0px;
    border-radius: 0px;
}
.navbar-brand{
    font-size: 35px;
}
.navbar-inverse .navbar-nav >
.active > a, .navbar-inverse .navbar-nav >
.active > a:hover,
.navbar-inverse .navbar-nav >
.active > a:focus{
    background-color: #c53d3d;
}
.navbar-inverse .navbar-nav > li > a{
    color: #c7c7c7;
    font-size: 15px;
    margin-left: 10px;    
}
.navbar-nav > li > .dropdown-menu{
   background-color:#222222;
   border-top:3px solid #c53d3d ;
}
.navbar-right .dropdown-menu{
     left: 0;
   right: auto;  
}
.dropdown-menu > li > a{
    color:#c1bcbc;
        -webkit-transition:padding 0.5s ease;
        -moz-transition:padding 0.5s ease;
        -o-transition:padding 0.5s ease;
        transition:padding 0.5s ease;     
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{
    background-color:  #c53d3d;
    color:#c1bcbc; 
    padding-left:30px;
}
/*end navbar*/
/*start curasol*/
.carousel-inner > 
.item > img,
.carousel-inner >
.item > a > img{
    width: 100%;
}
 .carousel-caption {
    background-color: rgba(3,3,3,.5);
    border-radius:10px; 
} 
.carousel-caption .car_lg{
    background-color: rgba(3,3,3,.5);
    border-radius:10px;
}
.carousel-caption .car_xs{
    background-color: rgba(3,3,3,.5);
    border-radius:10px;
}
.carousel-caption h1,h5{
    color:#c53d3d;
}
.carousel-caption  .car_lg p{
    color:#d9edf7;
    font-size:20px;
}
.carousel-indicators li{
    height: 20px;
    width: 20px;
    background-color:rgba(271,237,247,.22); 
    border:1px solid #c53d3d;
}
.carousel-indicators .active{
    height: 20px;
    width: 20px;
       background-color:#c53d3d; 
}
/*end curasol*/
/*start about us*/
.about_us{
    margin-top: 30px;
    margin-bottom: 30px ;
}
.about_us p{
    font-size: 20px;
    max-width: 75%;
    margin: auto;
    color: #fff;
}
/*end about us*/
/*start our location*/
 .our_location{
    margin-top:10px;
    margin-bottom:30px;
}
 .our_location h1{
    margin-bottom:35px; 
}
.our_location .map{
    height:390px;
    margin-bottom:10px; 
}
.our_location .map iframe{
    height: 100% ; 
}
.our_location .map_location{
    width:100%;
    border:none;
    height:100%;
    border-radius:10px;
}
.our_location .map_info{
    background-color:#c53d3d;
    border-radius:10px;
    color:#fff;
    text-align: center;
    padding-top: 10px; 
    transition:all 1s ease-in-out;  
}
.our_location .map_info:hover{
    background-color:#337ab7;  
}
.our_location .map_info .icon {
    background-color:#fff;
    border-radius:50%;
    text-align:center;
        margin: 15px auto;
    width:125px;
    height: 125px;
}

.our_location .map_info  span i{
transition: all .5s ease-in-out;
margin-bottom:10px; 
color:#fff;
}
.our_location .map_info  span:hover i {
    color:#c53d3d;
}
.our_location .map_info  p{
    font-size:18px;  
}
.our_location .map_info .icon i{
    color:rgba(3,3,3,.8);
    margin-top:30px; 
}
/*end our location*/
/*star contact us*/
.contact
{
    background:url('../images/contact-us.jpg') no-repeat center center fixed ;
    -webkit-background-size:cover;
    -o-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
    min-height:400px;
}



.contact  .overlay
{
    background-color:rgba(2,2,2,.6);
    color:#b6b5b5;
    min-height:400px;
    padding-bottom:40px;
    padding-top:40px;
}



.contact  p
{
    margin-bottom:30px;
    font-size: 18px;
}
.contact  textarea
{
height:80px;
}
.contact input[type="text"],
.contact input[type="email"],
.contact textarea
{
    background-color:rgba(82,78,78,0.5);
    color:#fff;
}
.contact .our_info{
    margin-bottom: 15px;
}
/*end contact us*/
/*start our services*/
.services
{
    background:url('../images/banner_top_002.jpg') no-repeat center center fixed ;
    -webkit-background-size:cover;
    -o-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
    min-height:400px;
}
.services .overlay
{
    background-color:rgba(2,2,2,.6);
    color:#b6b5b5;
    min-height:400px;
    padding-bottom:40px;
    padding-top:40px;
}
.services h2{
    color:#fff; 
}
.services p{
    color: #fff;
    font-size:17px;
    margin:20px;      
}
.our_services .overlay  h3{
    margin-top:10px; 
    color:#fff;
}
.our_services .overlay  p{
    line-height: 25px;
    font-size: 10px;
}
.services .serv_info{
    background-color:#c53d3d; 
    padding-bottom:40px;
    padding-top:20px;
    border-radius:10px;
    margin-bottom:5px;  
    transition:all 1s ease-in-out; 
}
.services .serv_info:hover{
    background-color:#337ab7;
}
.services .serv_info a{
    font-size:18px;
    padding:10px;
    border-radius:10px;
    color:rgba(3,3,3,.8);
    text-decoration:none;        
}
/*end our services*/
/*start our cat*/
.our_cat{
    margin-top:20px;
    color:#fff;  
    font-size:20px; 
}
.our_cat h1{
    margin-bottom:30px; 
}
.our_cat  .cat{
    margin-right:10px;
    margin-bottom:20px;
    border-radius:10px;
    background-color:#337ab7; 
}
.our_cat  .cat img{
    width:100%;
    border-radius:10px;      
}
/*end our cat*/
/*start footer*/
 .copy_right{
    padding-top: 15px;
    color:#fff;
}
 .copy_right p{

    font-size:15px; 
}
 .copy_right p a{
    color:#fff;
    font-size:15px;    
}

/*end footer*/

/*start scroll top*/

#scroll_top{
    background-color:#fff;  
    width:50px;
    height:50px;
    border-radius:50%;
    text-align:center;   
    border:1px solid #eee;
    position:fixed;
    right:10px;
    bottom:20px;
    z-index:9999;    
    transition:all .5s ease-in-out;
    display:none;       

}

#scroll_top:hover
{
    width:60px;
    height:60px;
    line-height:70px;
}

/*end scroll top*/

/* hyper on over header   */
.hyper {
  margin: auto;
  padding: 0 50px;
  display: inline-block;
  position: relative;
  text-decoration: none;
  color: black;
  width: auto;
  overflow: hidden;
  z-index: 2;
  transition: all .5s ease;
}

.hyper span {
  z-index:2;
  position:relative;
}
.hyper:hover {
  color: white;
}
.hyper:hover:before {
  right: 95%;
    opacity: 1;
}
.hyper:hover:after {
	left: 5%;
    opacity: 1;
}
.hyper:before {
  opacity: 0;
  content: '';
  display: block;
  position: absolute; 
  background:#337ab7;
  width:4px;
  height: 100%;
  top: 0;
  right: 100%;
    transition:all .6s ease;
}
.hyper:after {
    opacity: 0;
  content: '';
  display: block;
  position: absolute; 
  background:#c53d3d ;
  width: 100%;
  height: 100%;
  top: 0;
  left: 100%;
    transition:all .5s ease;
}





.over{
    position: absolute;
    top: 0px;
    left: 14px;
    width: 255px;
    height: 95%;
    background-color: rgba(40,40,40,.5);
    color: #fff;
    border-radius: 10px;
    display: none;
    
}
.over p{
    
    text-align: center;
    font-size: 24px;
}
.cat:hover .over{
    display: block;
}