/* ***************************************************** */
/* FORM  */
/* ***************************************************** */

form {margin-bottom: 0 !important;}

.form-control{
    border: #ddd 1px solid !important;
    box-shadow: none !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

   textarea::-webkit-input-placeholder,
    input::-webkit-input-placeholder {
        color: #9d9d9d !important;
    }

    textarea::-webkit-input-placeholder,
    input:-moz-placeholder {
        color: #9d9d9d !important;
    }

    textarea::-webkit-input-placeholder,
    input::-moz-placeholder {
        color: #9d9d9d !important;
    }

    textarea::-webkit-input-placeholder,
    input:-ms-input-placeholder {
        color: #9d9d9d !important;
    }


input.err,
input.error,
textarea.err,
textarea.error,
select.err,
select.error {
    border: #f29696 1px solid !important;
    color: #ce5a5a !important;
}

    input.err:focus,
    input.error:focus,
    textarea.err:focus,
    textarea.error:focus,
    select.err:focus,
    select.error:focus {
        background-color: #fff !important;
        color: #666666 !important;
    }

    textarea.error::-webkit-input-placeholder,
    input.error::-webkit-input-placeholder {
        color: #ce5a5a !important;
    }

    textarea.error::-webkit-input-placeholder,
    input.error:-moz-placeholder {
        color: #ce5a5a !important;
    }

    textarea.error::-webkit-input-placeholder,
    input.error::-moz-placeholder {
        color: #ce5a5a !important;
    }

    textarea.error::-webkit-input-placeholder,
    input.error:-ms-input-placeholder {
        color: #ce5a5a !important;
    }

/* ***************************************************** */
/* ELEMENTS  */
/* ***************************************************** */

.container-wide {
    width: 75%;
    margin: auto;
}

.cursor-pointer {cursor: pointer !important;}

/* ***************************************************** */
/* FOOTER  */
/* ***************************************************** */
#footer{
    background: #333333;
    background: -moz-linear-gradient(top, #333333 0%, #3e3e3e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #3e3e3e));
    background: -webkit-linear-gradient(top, #333333 0%, #3e3e3e 100%);
    background: -o-linear-gradient(top, #333333 0%, #3e3e3e 100%);
    background: -ms-linear-gradient(top, #333333 0%, #3e3e3e 100%);
    background: linear-gradient(to bottom, ##333333 0%,#3e3e3e 100%) !important;
}

#footer>.container {
    padding-top: 30px !important;
    margin-bottom: 30px !important;
}

#footer address {
    background: url(../img/page/metz-pineapple.png) no-repeat center !important;
}

.footer-nav > div {margin-bottom: 5px;}


/* *********************************************************************** */
/* DEFAULT MEDIA TAG RANGES */
/* ----------------------------------------------------------------------- */

/* ------------------------ */
/* Extra small <576px       */	
/* ------------------------ */
@media only screen and (max-width: 575px) {
    .container {
        width: 100% !important;
        padding: 0 20px;
        max-width: 100%;
    }
    .box-icon.box-icon-content .box-icon-title>i {top: 0 !important;}
}

/* ------------------------ */
/* Small ≥576px             */	
/* ------------------------ */
@media only screen and (min-width: 576px) {
    .container {
        width: 100% !important;
        padding: 0 50px;
        max-width: 100%;
    }
     .box-icon.box-icon-content .box-icon-title>i {top: 0 !important;}
}

/* ------------------------ */
/* Medium ≥768px            */	
/* ------------------------ */
@media only screen and (min-width: 768px) {
     .container {
        width: 100% !important;
        padding: 0 50px;
        max-width: 100%;
    }
     .box-icon.box-icon-content .box-icon-title>i {top: 0 !important;}
}

/* ------------------------ */
/* Large ≥992px             */	
/* ------------------------ */
@media only screen and (min-width: 992px) {
    .container {
        width: 100% !important;
        padding: 0 50px;
        max-width: 100%;
    }
 .box-icon.box-icon-content .box-icon-title>i {top: 0 !important;}
}

/* ------------------------ */
/* Extra large ≥1200px      */
/* ------------------------ */
@media only screen and (min-width: 1200px) {
    .container {
        width: 1170px !important;
        max-width: 100%;
    }
 .box-icon.box-icon-content .box-icon-title>i {top: 0 !important;}
}