/*=============================================================
    Authour URL: www.designbootstrap.com
    
    http://www.designbootstrap.com/

    License: MIT

    http://opensource.org/licenses/MIT

    100% Free To use For Personal And Commercial Use.

    IN EXCHANGE JUST TELL PEOPLE ABOUT THIS WEBSITE
   
========================================================  */


/*================================
    GOOGLE FONT
==================================*/

@import url(http://fonts.googleapis.com/css?family=Anton|Maven+Pro:500,700); /* FREE GOOGLE FONTS */

/*================================
  GENERAL STYLES
==================================*/

body {
   font-family: 'Maven Pro', sans-serif;
    line-height: 30px;
    font-size: 14px;
}

section {
    padding-top: 60px;
    padding-bottom: 60px;
}
.pad-bottom {
    padding-bottom: 90px;
}

.icon-wrapper {
    padding-top:50px;
    padding-bottom:30px;
    font-size:50px;
    color:#46beac;
}
.head-line h1 {
 margin-bottom: 20px;
line-height: 30px;
font-size: 25px;
color: #737373;
}
    .head-line p {
        padding-bottom:10px;
    }

 /*================================
  BUTTON STYLES
==================================*/
.btn-custom {
   min-height:60px;
    border-radius:0px;
-webkit-border-radius:0px;
-moz-border-radius:0px;
padding:15px 40px 15px 40px;
-webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
   margin:25px 5px 5px 0px;
}


.btn-one {   
   
background-color:transparent;
border:5px solid #46beac; 
color:#000;       
  
}
 .btn-one:hover {

 background-color:#46beac;
 color:#fff;
 text-decoration:none;
    }
/*================================
  HOME SECTION STYLES
==================================*/

#home {
    background: url(../img/home.jpg) no-repeat center center; 
    padding: 0;
    -webkit-background-size: cover;
    background-size: cover;
    -moz-background-size: cover;    
}

    #home .overlay {
        padding-top: 100px;
        background-color: rgba(16, 16, 16, 0.8);
        min-height: 700px;
        padding-bottom: 40px;
		
    }
     #home h1 {
     margin-bottom: 70px;
line-height: 60px;
font-size: 50px;
color: #46BEAC;
text-transform: uppercase;
border:1px white solid;

float: left;
padding: 20px;

font-weight:900;
    }
.logo-center {
margin-left: auto;
margin-right: auto;
display: block;
}
    #home h4 {
      margin-bottom: 10px;
line-height: 40px;
font-size: 20px;
color: #fff;
    }
    /* EMAIL SUBSCRIBE */
#email-subscribe .form-control
{
display:inline;
height:50px;
font-size:20px;
margin-right:20px;
width:60%;
}

#email-subscribe .btn-subscribe
{
height:50px;
font-size:20px;
color: #fff;
background-color: #46BEAC;
border-color: #51A8A8;
margin-top:-10px;
}
 .icon-home {
    padding-bottom:20px;
    padding-top:20px;
    font-size:100px;
    color:#46BEAC;
    cursor:pointer;
}
    .icon-home a, .icon-home a:hover, .icon-home a:focus {
        color:#46BEAC;
        text-decoration:none;
    }
    /*================================
    HOME BELOW STYLES
==================================*/
#home-below {
    background-color:rgba(234, 234, 234, 0.90);
}
/*================================
  FEATURE SECTION STYLES
==================================*/

 .feature-wrapper {
    padding-top:30px;
    padding-bottom:30px;
}

 /*================================
    CLIENTS SECTION STYLES
==================================*/

   #clients {
    background: url(../img/clients.jpg) no-repeat center center; 
    padding: 0;
    -webkit-background-size: cover;
    background-size: cover;
    -moz-background-size: cover;    
}

    #clients .overlay {
        background-color: rgba(234, 234, 234, 0.80);
    }

.client-cover {
  background-color: rgba(0, 0, 0, 0.69);
padding: 60px 50px 60px 50px;
color: #5b5555;
}
    /* TESTIMONIAL */

#carousel-clients h4 {
    color:#fff;
    line-height:30px;
    font-size:20px;
}
#carousel-clients h3 {
    color:#46beac;
    line-height:35px;
    font-size:25px;

}
#carousel-clients i
{
color:#fff;
}
/*================================
    WORKS SECTION STYLES
 ============================  */
#works {
    padding-bottom:0px;
}
#works h4{
    color:#46beac;
    font-size:100px;
    font-weight:900;
    padding-bottom:20px;

}
    
#works .big-img {
    border-radius: 10px 10px 0px 0px;
    -webkit-border-radius : 10px 10px 0px 0px;
    -moz-border-radius: 10px 10px 0px 0px;
border-top: 15px solid #46beac;
border-left: 15px solid #46beac;
border-right: 15px solid #46beac;
}
/*================================
    CONATCT SECTION STYLES
 ============================  */
#contact {
    background-color:rgba(234, 234, 234, 0.90);

}
    #contact h3 {
        color:#46beac;
    }
/*================================
    FOOTER SECTION STYLES
 ============================  */
footer {
    padding:20px;
    color:#46beac;
    font-size:16px;
    background-color:rgba(16, 16, 16, 0.9);
    }
    footer a,footer a:hover,footer a:focus {
        color:#46beac;
        text-decoration:none;
        margin-right:10px;
        margin-left:10px;
    }


	.dra2_txt {
		display: block;
	}
	
	.dra2_img {
		display: block;
	}
	
	.dra3_txt {
		display: none;
	}
	
	.dra3_img {
		display: none;
	}

.tel1 {
	display: block;
}

.tel2 {
	display: none;
}

/*================================
    RESPONSIVE STYLES
 ============================  */

@media (min-width: 100px) and (max-width: 498px) {
   #email-subscribe .form-control
{
display:block;
width:100%;
}

#email-subscribe .btn-subscribe
{
margin-top:20px;
}
 
	.logo-center {
		width: 100%;
		font-size: 45px !important;
	}
	
	.head-line img {
		width: 100% !important;
	}
	
	.question2 {
		margin-top:-90px;
	}
	
	.img2 {
		display: none;
	}
	
	.dra2 {
		margin-top:30px !important;
	}
	
	.dra2_txt {
		display: none;		
	}
	
	.dra2_img {
		display: none;
	}
	
	.dra3_txt {
		display: block;
	}
	
	.dra3_img {
		display: block;
	}
	
	.news {
		margin-top:70px;
	}
	
.tel1 {
	display: none;
}

.tel2 {
	display: block;
}
}