/* Map styling*/

#ce_map_container {

    border: 2px solid #CCC;

    background-color: #CCC;

    font-size: 12px;

}



#ce_map_canvas {

    width: 100%;

    height: 300px

}



#ce-directionsPanel {

    background-color: #FFF

}



/* Direction */

#ce-map-cpanel-switch {

    padding: 8px;

    font-size: 120%;

    height: 40px;

    margin-top: 2px;

    background: #444 url("../images/map-icon.png") no-repeat 20px center

}



#ce-map-cpanel-switch a.ce-route,

#ce-map-cpanel-switch a.ce-route:visited {

    color: #FFF;

    display: block;

    float: left;

    margin: 10px 0 0 65px

}



.ce-map-cpanel fieldset {

    border-color: #CCC;

    border-style: solid none none;

    border-width: 1px 0 0;

    clear: both;

    margin: 3px

}



.ce-map-cpanel fieldset legend {

    font-size: 150%

}



.ce-map-cpanel div {

    clear: left;

    display: block;

    width: 100%

}



.ce-map-cpanel label {

}



.ce-map-cpanel div.submit div, .ce-map-cpanel div.submit div button {

    display: inline

}



/* Coordinates*/

#ce-map-coordinates {

    background-color: #F2EFE9;

    height: 15px;

    margin-top: 2px;

    padding: 5px 0

}



#ce-map-coordinates div {

    float: left;

    width: 49%;

    text-align: center

}



.ce-map-coord-label {

    font-weight: bolder

}



.ce-map-coord-value {

}



/* MAP: End*/

.wrap {

    max-width: 970px;

    margin: 0 auto;

}



/*================================INFO CONTACT===========================*/

.info-contact {

    position: relative;



}



.info-contact b {

    color: #c3002a;

}



.info-contact .img {

    float: left;

    width: 170px;

    height: 170px;

    padding: 15px;

    border: solid 3px rgba(0, 0, 0, 0.05);

    margin-right: 25px;

}



.info-contact .img img {

    width: 100%;

}



.info-contact .over {

    overflow: hidden;

}



.info-contact .name {

    font-size: 32px;

    line-height: 40px;

    font-weight: 600;

    text-transform: uppercase;

    margin-bottom: 15px;

    color: #c3002a;

}



.info-contact ul {

    margin-bottom: 5px;

}



.info-contact ul li {

    position: relative;

    margin-bottom: 15px;

    font-size: 15px;

    line-height: 23px;

    font-weight: 300;

}



.info-contact ul li span {



}



/*=================================INFO CONTACT V2================================*/

.info-contact-v2 {

    margin-bottom: 30px;

}



.info-contact-v2 .info {

    padding: 15px;

    padding-right: 150px;

    border: solid 1px #cccccc;

    position: relative;

}



.info-contact-v2 .info .name {

    font-size: 18px;

    line-height: 26px;

    text-transform: uppercase;

    font-weight: bold;

    margin-bottom: 10px;

}



.info-contact-v2 .info ul {

    margin-bottom: 5px;

}



.info-contact-v2 .info ul li {

    padding-left: 35px;

    position: relative;

    margin-bottom: 5px;

}



.info-contact-v2 .info ul li:before {

    font-family: FontAwesome;

    position: absolute;

    left: 0;

    top: 0;

    color: #666666;

}



.info-contact-v2 .info ul li:after {

    content: ":";

    position: absolute;

    left: 23px;

    top: 0;

}



.info-contact-v2 .info .img {

    position: absolute;

    top: 15px;

    right: 15px;

    max-width: 130px;

}



/*=================================FORM CONTACT===================================*/

.form-contact {

    margin-bottom: 55px;

}



.form-contact .form-group {

    margin-bottom: 35px;

}



.form-contact .textContact {

    color: #666666;

    font-size: 16px;

    line-height: 24px;

    font-weight: 300;

    text-transform: uppercase;

    margin-bottom: 40px;

    text-align: center;

    letter-spacing: 1px;

}



.form-contact .textContact p {

    padding: 0;

}



.form-contact label {

    font-weight: 400;

    width: 100%;

    float: left;

    font-size: 14px;

    line-height: 20px;

    text-transform: uppercase;

    color: #595955;

}



.form-contact .colRight {

    width: -webkit-calc(100% - 120px);

    width: -moz-calc(100% - 120px);

    width: -ms-calc(100% - 120px);

    width: -o-calc(100% - 120px);

    width: calc(100% - 120px);

    overflow: hidden;

}



.form-contact input, .form-contact textarea, .form-contact select {

    width: 100%;

    border: solid 2px #eeeeee;

    background: none;

    height: 40px;

    color: #1b9bd7;

    font-weight: 300;

    padding-left: 10px;

    box-shadow: none;

}



.form-contact input::-webkit-input-placeholder {

    font-size: 12px;

    line-height: 20px;

}



.form-contact input::-moz-placeholder {

    font-size: 12px;

    line-height: 20px;

}



.form-contact input:-ms-input-placeholder {

    font-size: 12px;

    line-height: 20px;

}



.form-contact input:-moz-placeholder {

    font-size: 12px;

    line-height: 20px;

}



.form-contact textarea::-webkit-input-placeholder {

    font-size: 12px;

    line-height: 20px;

}



.form-contact textarea::-moz-placeholder {

    font-size: 12px;

    line-height: 20px;

}



.form-contact textarea:-ms-input-placeholder {

    font-size: 12px;

    line-height: 20px;

}



.form-contact textarea:-moz-placeholder {

    font-size: 12px;

    line-height: 20px;

}



.form-contact textarea {

    resize: none;

    height: initial;

}



.form-contact .formFa {

    position: relative;

}



.form-contact .formFa.fa-active:after {

    left: 0;

    right: 0;

}



.form-contact .wpcf7-submit {

    display: inline-block;

    text-align: center;

    text-transform: uppercase;

    font-size: 13px;

    line-height: 20px;

    padding: 0px 10px;

    height: 50px;

    border-radius: 5px;

    position: relative;

    border: none;

    color: #ffffff;

    background: #c3002a;

    width: 100%;

}



.form-contact button span {

    padding-right: 12px;

    position: relative;

}



.form-contact button span:before {

    content: "\f105";

    font-family: fontawesome;

    position: absolute;

    right: 0;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);

}



.form-contact button:hover {

    background: #277ee9;

}



.form-contact .df {

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.form-contact .robot {

    max-width: 200px;

    margin-right: 40px;

}



/*===================================BEGIN : MAP CONTACT===================================*/

.map-contact {

    position: relative;

}



.map-contact .tab-list {

    background: #267fe8;

}



.map-contact .tab-list ul {

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: flex;

    align-items: center;

}



.map-contact .tab-list li {

    margin-right: 5px;

}



.map-contact .tab-list ul li a {

    text-transform: uppercase;

    padding: 10px 20px;

    font-size: 14px;

    line-height: 22px;

    color: #ffffff;

    font-weight: 300;

    display: block;

    opacity: 0.7;

}



.map-contact .tab-list li.active a {

    opacity: 1;

    font-weight: 500;

}



.map-contact .tab-list .mc-tab {

    color: #ffffff;

    text-transform: uppercase;

    padding: 8px 20px;

    position: relative;

    cursor: pointer;

    margin-bottom: 10px;

    background: #f07128;

    font-weight: 300;

}



.map-contact .tab-list .mc-tab:before {

    content: "\f107";

    font-family: FontAwesome;

    right: 20px;

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);

}



/*================================================================*/

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

/*================================================================*/

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

    .info-contact .view-map-contact {

        position: relative;

        top: initial;

        left: initial;

        right: initial;

        bottom: initial;

        -webkit-transform: initial;

        -ms-transform: initial;

        -o-transform: initial;

        transform: initial;

    }



    .info-contact ul {

        margin-bottom: 5px;

    }



    .info-contact-v2 .info {

        padding-right: 15px;

    }



    .form-contact {

        margin-bottom: 15px;

    }



    .form-contact form {

        width: 100%;

    }



    .form-contact .colRight {

        float: none;

        width: 100%;

    }



    .liter {

        display: block;

    }



    .col-right {

        text-align: left;

    }



    .info-contact .name {

        font-size: 25px;

        line-height: 33px;

    }



    .info-contact {

        margin-bottom: 20px;

        padding-bottom: 5px;

    }



    .map-contact .tab-list {

        position: relative;

    }



    .map-contact .tab-list.active ul {

        display: block;

    }



    .map-contact .tab-list ul {

        position: absolute;

        top: 100%;

        left: 0;

        right: 0;

        display: none;

        background: #f5f5f5;

    }



    .map-contact .tab-list li {

        margin-right: 0;

    }



    .map-contact .tab-list ul li a {

        font-size: 14px;

        line-height: 22px;

        text-transform: Capitalize;

        padding: 10px;

        margin: 0;

        font-weight: normal;

        border: none;

        color: #333333;

    }



    .map-contact .tab-list li.active a {

        background: inherit;

        border-color: #e5e5e5;

        color: #333333;

    }

}



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

    .form-contact.v2 .flexDesign .flexLeft {

        width: 100%;

        margin-bottom: 15px;

    }



    .form-contact.v2 .flexDesign {

        display: block;

    }



    .form-contact.v2 .gridButton {

        display: block;

        margin: 0 -10px

    }



    .form-contact.v2 .gridButton .col {

        width: 50%;

        float: left;

        padding: 0 10px;

    }



    .form-contact.v2 button {

        margin: 0;

        width: 100%;

    }



    .form-contact .df {

        display: block;

    }



    .form-contact .robot {

        margin: 0 auto;

        margin-bottom: 20px;

    }

}