/*
CSS Web To Lead
*/

/* WebToLead */
/* WebToLead */
.WebToLead .hidden, 
.WebToLead.hide, 
.WebToLead .hide, 
.WebToLead .row.hide, 
.sidebar .post-meta.hide, 
.webform.thanks.hide, 
.WebToLead .LeadSource, 
.WebToLead fieldset.asia, 
.WebToLead .hidden,
.home .row.activity, 
.home .row.job, 
.home .row.phone, 
.home .row.mobile, 
.home .WebToLead.webform.thanks span,  
.WebToLead.titre.hide, 
.lead-widget .post-meta .post-meta-key,
.lead-widget ul.post-meta,
.WebToLeadOverlay .WebToLead #webtolead-thanks.hide,
.WebToLeadOverlay .WebToLead .row.hide,
aside .WebToLead .thank-you,
.wtl-visited .WebToLead.opener,
.wtl-visited .WebToLead:not(.thank-you) form,
.wtl-visited .WebToLead:not(.thank-you) .intro,
.wtl-visited:not(.wtl-thanks) .WebToLead.donwload .thank-you div,
.wtl-visited .WebToLead.newsletter .thank-you a.download
 {
    display: none;
} 

.wtl-visited.wtl-thanks .WebToLead,
.wtl-visited.wtl-thanks .WebToLead .thank-you, 
.wtl-visited.wtl-thanks .WebToLead  a, 
.wtl-visited.wtl-thanks .WebToLead .thank-you > div
 {
    display: block;
}


/* **********************
    WebToLead Main CSS
* ********************** */

aside .WebToLead {
    padding: 0px;
    background-color: #f2f2f2;
    float: left;
    margin-bottom: 35px;
    width: 100%;
}

.WebToLead, .WebToLead *, .WebToLead form, .WebToLead .row, .WebToLead .row div {
    box-sizing: border-box;
}
aside .WebToLead form, .WebToLead form {
    padding: 7.5px 15px 15px;
}
aside .WebToLead .intro, aside .WebToLead .thank-you > div,
.WebToLead .intro, .WebToLead .thank-you > div {
    border: solid #f2f2f2;
    border-width: 1px 1px 0px 1px;
    background-color: #f2f2f2;
    padding: 15px 15px 7.5px;
}

aside .WebToLead h3, 
.WebToLead h3 {
    padding: 0px;
    margin: 0px!important;
    font-weight: bold;
}

.WebToLead .thank-you a.download {
    background-color: #8688bc
    color: #fff;
    font-size: 14px;
    padding: 10px;
    text-align: center;
    line-height: normal;
    margin: 0;
    width: 100%;
    text-decoration: none;
    border: solid 4px #8688bc
    display: inline-block;
}

.WebToLead a.download:hover {
    background-color: #fff;
    color: #8688bc;
    border-color: #8688bc;
}
.WebToLead a.download span {
    font-weight: bold;
    margin-bottom: 6px;
    display: block;
}
.WebToLead a.download span + span {
    font-weight: normal;
    margin-bottom: 0;
}
.WebToLead .thank-you {

    text-align: center;
    border-width: 0px;
    padding: 0;
    float: left;
    width: 100%;

}
.WebToLead .thank-you h3 {
    padding: 15px;
}

.WebToLead .thank-you a.download {
    background-color: #2c3e50;
    color: #fff;
    font-size: 14px;
    padding: 10px;
    text-align: center;
    line-height: normal;
    margin: 0;
    width: 100%;
    text-decoration: none;
    border: solid 4px #2c3e50;
    display: block;
}
.WebToLead .thank-you a.download:hover {
    background-color: #fff;
    text-decoration: none;
    color: #2c3e50;
}

.WebToLead .thank-you > span {
    font-size: 15px;
    font-weight: bold;
}
.WebToLead .thank-you > span i {
    padding: 5px 10px 10px;
}

.WebToLead p:last-child {
    margin: 0 0 0px;
}

.WebToLead .thank-you > div {
    padding-bottom: 15px;
}
.WebToLead a.download ~ .thank-you > div {

    margin-top: 20px;

}

.WebToLead .row {
    display: block;
    align-items: baseline;
    /*flex-direction: column;*/
    margin: 0px;
    float: left;
    width: 100%;
}
/* Donwload Lead */
.WebToLead.donwload .row {

   flex-direction: column;
}

.WebToLead .row  + .row {
    margin-top: 15px;
}
.WebToLead .row .left, .WebToLead .row .right {
    width: 100%;
    padding: 0;
    float: left;
}
.WebToLead .row .right {
    margin: 15px 0 0;
}

.WebToLead input[type="text"], 
.WebToLead input[type="tel"], 
.WebToLead textarea, 
.WebToLead select {
    border: 1px solid #d4d4d4;
    box-sizing: border-box;
    display: block;
    height: 30px;
    line-height: 30px;
    margin: 0;
    vertical-align: middle;
    width: 100%;
    border-radius: 15px;
    color: #333;
    padding: 0 10px;
}

.WebToLead input[type="text"]:focus, 
.WebToLead input[type="tel"]:focus,
.WebToLead textarea:focus,
.WebToLead select:focus
 {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.WebToLead select {
    background-color: #f9f9f9;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAFCAYAAACXU8ZrAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH4QQSCgQL4HXCCQAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAABRSURBVAjXdcvLDUBAAATQZ4vRjaARjWw5EkE04uakBL+Ty0pEYo4zb7IY44zcf5aABvsPuNAEDKiwfcCJGm1IxYjyBY907CC8nhMKrAn0z3ADP/8RRwl3AHwAAAAASUVORK5CYII=);
    background-size: auto;
    background-position: right 9px center;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    padding: 0 25px 0 10px;
}


/* Error Box */

.WebToLead .errorbox {
    color: #f01823;
    float: left;
    margin: 0 auto;
    padding: 0 10px 5px;
    width: 100%;
}

.WebToLead .errorbox ul {
    line-height: 100%;
    list-style: disclosure-open inside;
}
.WebToLead .errorbox ul li {
    border-bottom: 0px solid #d9d9d9;
    line-height: normal;
    margin: 0;
    padding: 0;
}
.WebToLead .errorbox.visible + input[type="text"], 
.WebToLead .errorbox.visible + input[type="email"], 
.WebToLead .errorbox.visible + input[type="tel"], 
.WebToLead .errorbox.visible + select {
    float: left;
}


.WebToLead .disclaimer {
    font-size: 0.7500em;
    line-height: normal;
    text-align: justify;
    padding-bottom: 15px;
}
.WebToLead .disclaimer p {
    margin: 0px;
}
.WebToLead .disclaimer a {
    font-size: inherit;
    text-decoration: underline;
}
.WebToLead .disclaimer a:hover {
    text-decoration: none;
}

.WebToLead .mandatory {
    font-size: 0.7500em;
    margin-top: 15px;
}


.WebToLead .submit {
    margin: 15px 0 15px;
    text-align: center;
        clear: both;
}

.WebToLead .submit input, .WebToLead.opener a.subscribe, .WebToLeadOverlay .WebToLead .btn-close  {
    border: 1px solid #19232d;
    bottom: 0;
    color: #19232d;
    display: inline-block;
    float: none;
    font-weight: bold;
    text-align: center;
    width: auto;
    padding: 7px 14px;
}
.WebToLeadOverlay .WebToLead .btn-close  {
        float: right;
}

.WebToLead .submit:hover input, .WebToLeadOverlay .WebToLead .btn-close:hover {
    background-color: #19232d;
    color: #fff;
    border-color: #fff;
    text-decoration: none;
}

/* ************************** *
    WebToLead Popin Newsletter
* *************************** */

.wtl-visited .WebToLead.opener {
    
    display: none;

}

.WebToLead.opener {
    background: #1e0101 url(/wp-content/themes/smart-mag-child/dev/images/mapic-655x355.jpg) no-repeat left;
    background-size: auto;
    position: relative;
    box-sizing: border-box;
    border: 0;    
    padding: 15px 26px;
    max-width: 355px;
    margin: 0 auto 30px;
}


.WebToLead.opener a.subscribe {
    border: 1px solid #fff;
    color: #fff;
    text-decoration: none;
}
.WebToLead.opener a.subscribe:hover {
    background-color: #fff;
    border: 1px solid #fff;
    color: #19232d;
}

.WebToLead.opener h3 {
    color: #fff;
}

/*.WebToLead.opener a.subscribe, .WebToLead.opener a:hover {
    color: #fff;
}*/

.WebToLeadOverlay {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 20px;
    background-color: #000000b8;
    z-index: 200;
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    overflow: auto;
    overflow-y: scroll;
}

html.webtolead-popin-on .WebToLeadOverlay {
    display: block;
}

.WebToLeadOverlay .WebToLead {
    max-width: 655px;
    margin: 0 auto;
    padding: 0 0 20px;
    border: 0;
    border-radius: 4px 4px 0 0;
    position: relative;
    float: unset;
}

.WebToLeadOverlay .WebToLead a.close {
    position: absolute;
    top: 30px;
    right: 30px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040;
    background-image: url(https://www.mipim.com/RM/RM_Revamp1/dev/img/fancybox/fancybox_sprite@2x.png);
    background-size: 44px 152px;
}
.WebToLeadOverlay .WebToLead .intro {
    padding: 20px;
    text-align: center;
}

.WebToLeadOverlay .WebToLead .intro, .WebToLeadOverlay .WebToLead .thank-you {
    padding: 20px;
}

.WebToLeadOverlay .WebToLead .thank-you {
    font-size: 16px;
    padding-bottom: 0px;
}
.WebToLeadOverlay .WebToLead .thank-you a.btn-close {
    font-size: 13px;
}

.WebToLeadOverlay .WebToLead .row {
    padding: 0px 20px 0;
    margin: 0 0 15px;
    display: flex;
   /* align-items: baseline;*/
    align-items: flex-end;
    float: none;
}
.WebToLeadOverlay .WebToLead .left, .WebToLeadOverlay .WebToLead .right {
    width: 49%;
    padding: 0px;
    float: left;
}
.WebToLeadOverlay .WebToLead .left {
    padding-right: 10px;
}
.WebToLeadOverlay .WebToLead .right {
    padding-left: 10px;
    margin: 0px;
}

/* ****************** *
    RESPONSIVE MODE
* ******************** */


@media only screen and ( max-width: 799px ) {

    .WebToLead {
        padding: 20px;
    }
    
    .WebToLead .errorbox.visible + input[type="text"], 
    .WebToLead .errorbox.visible + input[type="email"], 
    .WebToLead .errorbox.visible + input[type="tel"], 
    .WebToLead .errorbox.visible + select {
        margin-top: 5px;
    }
}