html,
body{
    margin: 0;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    color: #333;
    font-weight: 400;
}

.block{
    float: left;
    width: 100%;
    position: relative;
}

.btn-primary{
    background: #fff;
    color: #000;
    border: 2px solid #80c9c2;
    padding: 13px 25px;
    text-transform: uppercase;
    font-weight: bold;
}

.btn-primary:hover{
    border: 2px solid #80c9c2;
    background: #80c9c2;
    color: #fff;
}

/*Header*/

.frase {
background: #a0794b;
    color: #fff;
    text-align: center;
    padding: 20px 0;
    font-weight: bold;
}

#header{
    padding: 13px 0;
    border-bottom: 1px solid #ededed;
}

#header .logo img{
    height: 150px;
    width: auto;
}

.call-us{
    margin-top: 10px;
    display: block;
    text-align: right;
}

.call-us .fa{
    display: inline-block;
    vertical-align: bottom;
    font-size: 30px;
    margin-right: 10px;
}

.call-us .item{
    display: inline-block; 
}

.call-us .item b{
display: block;
    color: #666;
    text-transform: uppercase;
    font-size: 13px;
    margin-bottom: -5px;
}

.call-us .item span{
    font-size: 30px;
    color: #80c9c2;
    font-weight: bold;
    letter-spacing: -1px;
}

.call-us .item spany{
    font-size: 17px;
    color: #80c9c2;
    font-weight: bold;
    letter-spacing: 0px;
}




/*Slider*/
#slider{
    background-color: #fff;
    border-bottom: 1px solid #ededed;
    background-image: url(../images/bg.jpg);
    background-size: cover;
    padding-bottom: 50px;
}

#slider img{
    width: 100%;
    height: auto;
}

#slider h1{
    font-size: 50px;
    font-weight: bolder;
    color: #fff;
    margin-top: 150px;
    text-transform: capitalize;
    text-shadow: 1px 1px 1px #000;
}

.contact-box{
    background: rgba(0,0,0,.6);  
    padding: 30px;
}

.contact-box .title{
    color: #fff;
    margin-top: 0;
    margin-bottom: 30px;
    text-align: center;
    text-transform: uppercase;
    font-weight: bolder;
    font-family: "Karla",sans-serif;
    font-size: 22px;
}

/*Contact Form*/
.contact-form {
	width:100%;
	float:left;
	padding-bottom:80px;
}
.contact-form h2 {
	font-size:25px;
	text-align:center;
    font-weight: 800;
    margin-bottom: 25px;
    text-transform: uppercase;
}
.form-style, 
.textarea {
    background: #fff ;
    border: medium none;
    color: #23282f;
    font-family: "Karla",sans-serif;
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 14px;
    outline: medium none;
    padding: 14px 20px;
    text-transform: uppercase;
    width: 100%;
}
.textarea {
	min-height:100px;
	resize:none;
}
.contact-form .center > .more-service {
    margin: 0 auto 20px;
    padding: 8px 31px;
    text-align: center;
}

#submit_btn{
    width: 100%;
    background: #80c9c2;
    text-transform: uppercase;
    border: 0;
    color: #fff;
    padding: 20px 28px;
    border-radius: 4px;
}

/*Footer*/
#footer{
    background: #1f1e1e;
    color: #fff;
    text-align: center;
    padding: 40px 0;
    font-weight: bold;
}

/*Section*/
.section{
    padding: 30px 0;
    line-height: 31px;
    font-size: 22px;
}

.section .title{
    font-weight: bolder;
    letter-spacing: -1px;
    color: #80c9c2;
    font-size: 38px;
    margin-bottom: 25px;
    margin-top: 10px;
}

.section .content{
    margin-bottom: 25px;
}

.section-bg{
    background: #a0794b;
    color: #fff;
}

.section-bg .title{
    color: #fff;
}

.section ul{
    list-style: none;
    padding: 0;
    margin: 0;
}

.section ul i{
    color: #80c9c2;
}

#form-messages{
    color: #fff;
    margin-top: 10px;
    font-size: 15px;
}

@media(min-width: 992px){

}

@media(max-width: 1199px){

}

@media(max-width: 991px){
    .call-us,
    #header{
        text-align: center;
    }
    #header .pull-left,
    #header .pull-right{
        width: 100%;
    }
    #header .logo img{
        display: inline-block;
    }
    #ajax-contact{
        margin-top: 20px;
    }
}

@media(max-width: 700px){

}