body {

    color: #333;

    background: #fff;

    margin: 0;

    padding: 0;

}



/* Style for text

* --------------------------------------- */

p {

    color: #333;

}



/* Common styles

* --------------------------------------- */

* {

    box-sizing: border-box;

}







.wrap {

    width: 100%;

    height: 100%;

    margin-left: auto;

    margin-right: auto;

    position: relative;

}



.box {

    font-size: 1.2em;

    line-height: 1.6em;

    text-align: center;

}



/*screen resolutions lower than 620px*/

@media all and (max-width: 1180px) {

    .wrap {

        width: 100%;

        height: 100%;

        margin-left: auto;

        margin-right: auto;

        position: relative;

    }

}





#section h2 {

    margin-bottom: 50px;

    position: relative;

    display: block;

}



#section p a {

    color: #ab274f;

    text-decoration: none;

}



#section .wrap {

    text-align: center;

    width: 100%;

}



#section .box {

    text-align: center;

    margin: 5% 0 0 0;

    width: 100%;

}



.contact-form {

    width: 50%;

    margin: 0 auto;

    padding: 40px;

}



.contact-form .input-block {

    background-color: transparent;

    border: none;

    width: 100%;

    height: 60px;

    border-bottom: 2px solid #ab274f;

    margin: 0;

    position: relative;

    margin-bottom: 20px;

    -moz-transition: all 0.3s ease-out;

    -o-transition: all 0.3s ease-out;

    -webkit-transition: all 0.3s ease-out;

    transition: all 0.3s ease-out;

}





.contact-form .input-block.textarea {

    height: auto;

}



.contact-form .input-block.textarea .form-control {

    height: auto;

    resize: none;

}



.contact-form .input-block label {

    position: absolute;

    left: 10px;

    top: 25px;

    display: block;

    margin: 0;

    font-weight: 400;

    z-index: 1;

    color: #aaa;

    font-size: 18px;

    line-height: 10px;

}



.contact-form .input-block .form-control {

    background-color: transparent;

    margin: 0;

    outline: none;

    border: none;

    -moz-border-radius: 0;

    -webkit-border-radius: 0;

    border-radius: 0;

    -moz-box-shadow: none;

    -webkit-box-shadow: none;

    box-shadow: none;

    height: auto;

    padding: 30px 10px;

    width: 100%;

    position: relative;

    z-index: 2;

    font-size: 18px;

    color: #333;

}



.contact-form .input-block .form-control:focus label {

    top: 0;

}



.contact-form .square-button {

    background-color: #ab274f;

    color: #fff;

    font-size: 26px;

    text-transform: uppercase;

    font-weight: 700;

    text-align: center;

    -moz-border-radius: 2px;

    -webkit-border-radius: 2px;

    border-radius: 2px;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    -webkit-transition: all 0.3s ease;

    transition: all 0.3s ease;

    padding: 0 60px;

    height: 60px;

    cursor: pointer;

    outline: none;

    border: none;

    width: 100%;

    -webkit-transform-style: preserve-3d;

    transform-style: preserve-3d;

    -webkit-transition: all 0.3s ease-out;

    transition: all 0.3s ease-out;

}



.contact-form .square-button:hover,

.contact-form .square-button:focus {

    background-color: #bd3f65;

    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);

    transform: translateY(-4px);

}



@media (min-width: 768px) {

    .contact-wrap {

        margin: auto;

    }

}



@media (max-width: 868px) {

    .contact-form {

        width: 100%;

        padding: 40px;

    }

}



@media (max-width: 568px) {

    .contact-form {

        padding: 10px;

    }

}



/*----page styles---*/



.contact-wrap {

    padding: 15px;

    background: #ecf0f1;

}



.contact-wrap h1 {

    background-color: white;

    color: #ff7c62;

    padding: 40px;

    margin: 0 0 50px;

    font-size: 30px;

    text-transform: uppercase;

    font-weight: 700;

    text-align: center;

}



.contact-wrap h1 small {

    font-size: 18px;

    display: block;

    text-transform: none;

    font-weight: 300;

    margin-top: 10px;

    color: #ff7c62;

}