@import url('https://fonts.googleapis.com/css?family=Exo+2:400,700');
/**Header**/
body {
    font-family: 'Exo 2', sans-serif;
}
.header {
    height: auto;
    padding: 10px 0;
}
.row {
    margin-bottom: 0;
}
.logo-holder img {
    width: auto;
    height: 60px;
}
.top-call {
    padding: 10px 0;
}
.top-call h3 {
    font-size: 18px;
    text-align: center;
    margin: 0;
}
.top-call h2 {
    font-size: 24px;
    text-align: center;
    font-weight: bold;
    margin: 0;
}
/**form section**/
.form-section {
    min-height: 500px;
    background: red;
    padding: 20px 0;
    position: relative;
    background-attachment: fixed;
    background-position: right top;
    background-size: 100% 100%;
}
.form-section .container {
    z-index: 4;
    position: relative;
}
.form-section::after {
    background: rgba(16, 16, 16, 0.4) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpjMjNkYTEyYy1jOGMyLTcwNDItODg2Ny0xZmZhZWI3MmViOTMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkFGM0ExREExQTA3MTFFN0E4OEU4RkY3Q0VEQzAyRTkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkFGM0ExRDkxQTA3MTFFN0E4OEU4RkY3Q0VEQzAyRTkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6YzJkM2FhYWItMDUyZi05NDQ4LTlhM2UtMjk1OTkzMDQyOGI2IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6ZTA5ZDg5ZmQtMDA2NS0xMWU3LThiMWMtZTE0MmJhNWM4NzA3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+vyDTwQAAABlJREFUeNpiYkCA/0wwBhAzMsEYIBGAAAMANqADBoMGgUwAAAAASUVORK5CYII=") repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}
.fs-text {
    padding: 80px 0;
}
.form-section h1 {
    margin: 8px 0 24px 0;
    font-size: 32px;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
}
.form-section h2 {
    margin: 0;
    font-size: 18px;
    text-align: center;
    line-height: 26px;
}
.quote-holder {
    width: 100%;
    min-height: 300px;
    padding: 20px;
    border-radius: 4px;
}
.quote-holder h4 {
    text-align: center;
    margin: 0 0 10px 0;
    font-weight: bold;
    font-size: 26px;
    text-transform: uppercase;
}
.quote-holder p {
    font-size: 16px;
    text-align: center;
    margin: 0;
    padding: 0;
    line-height: 20px;
}
input[type="text"],textarea {
    height: 40px;
    padding-left: 6px;
    width: 98%;
    margin-bottom: 0;
    border-radius: 4px;
}
textarea {
    width: 100%;
}
.quote-holder button {
    width: 100%;
}
.quote-holder p.successmsg,.quote-holder p.failuremsg {
    font-size: 12px;
    text-align: center;
    padding: 6px;
    background: green;
    margin: 0 auto 8px;
    width: auto;
    border-radius: 6px;
    color: #fff;
}
.quote-holder p.failuremsg {
    background: red;
}
/**About section**/
.about-section {
    padding: 60px 0;
}
.about-section h2 {
    margin: 0 0 20px 0;
    font-size: 38px;
    text-align: center;
    font-weight: bold;
}
.about-section p {
    font-size: 16px;
    line-height: 26px;
}
/**Testimonial section**/
.testimonial-section {
    padding: 60px 0;
}
.testimonial-section h2 {
    margin: 0 0 20px 0;
    font-size: 38px;
    text-align: center;
    font-weight: bold;
}
.testi-holder {
    padding: 20px;
    width: 100%;
    min-height: 200px;
    border-radius: 4px;
    box-shadow: 0 0 0px 0 rgba(0, 0, 0, 0.2), 0 0px 2px 0 rgba(0, 0, 0, 0.24);
}
.testi-img {
    margin: 0 auto;
    width: 80px;
    height: 80px;
    border-radius: 100px;
    border: 1px solid #ccc;
}
.testi-img img {
    height: 100%;
    width: 100%;
    border-radius: 100px;
}
.testi-content {
    text-align: center;
}
.testi-content h5 {
    font-size: 16px;
    font-weight: bold;
    margin: 0;
}
.testi-content span {
    font-size: 12px;
    font-style: italic;
}
.none {
    display: none;
}
/**Image section**/
.image-section {
    padding: 60px 0;
}
.imgsec-img {
    width: 100%;
    height: 250px;
    box-shadow: 0 0 0px 0 rgba(0, 0, 0, 0.2), 0 0px 2px 0 rgba(0, 0, 0, 0.24);
}
/**Footer section**/
footer {
    padding: 60px 0;
}
.foot-logo {
    height: auto;
    text-align: center;
}
.foot-logo img {
    height: 60px;
    width: auto;
}
.foot-social {
    margin: 0 auto;
    width: 240px;
}
.foot-social li {
    display: inline-block;
    float: left;
    width: 50px;
    height: 50px;
    font-size: 26px;
    border-radius: 100px;
    text-align: center;
    margin-left: 8px;
    padding-top: 4px;
    -webkit-transition: all 1s; /* Safari */
    transition: all 1s;
}
.foot-text {
    text-align: center;
    font-size: 14px;
}
/**install**/
.alert-success {
    color: green;
}
::-webkit-input-placeholder {
    color: #939393;
}
::-moz-placeholder {
    color: #939393;
}
:-ms-input-placeholder {
    color: #939393;
}
:-moz-placeholder {
    color: #939393;
}
.account-wall label {
    color: #000;
    font-size: 14px;
}
@media only screen and (min-width: 0px) and (max-width: 600px) {
    .logo-holder {
        text-align: center;
        padding-top: 20px;
    }
    .fs-text {
        padding: 20px 0;
    }
    .testi-holder,.imgsec-img {
        margin-bottom: 16px;
    }
    .logo-holder img,.foot-logo img {
        min-width: 20%;
        max-width: 90%;
        height: auto;
    }
}