.folio-item img,
.modal-popup img{
    width:100%;
}
.modal-popup{
    max-width:800px;
}

#contact .btn.h-full-width{
    color:#ffffff;
    background: #222222;
    border-color: transparent;
    margin-top:20px;
}

#contact .btn.h-full-width:hover,
#contact .btn.h-full-width:focus,
#services .btn--primary:hover,
#services .btn--primary:focus{
    background: #ffffff;
    color:#222222;
    border-color: transparent;
}
.s-home__slider p{
    color: white;
}
.lity{
    background:rgba(0,0,0,.9);
}
.modal-popup h5{
    font-weight: 700;
}
form{
    width:100%;
}
form .left,
form .right{
    width: 50%;
    float:left;
    padding-right:20px;
}
input[type="email"], input[type="number"], input[type="search"], 
input[type="text"], input[type="tel"], input[type="url"], 
input[type="password"], textarea, select{
    width:100%;
    padding-bottom: 0;
    line-height:1.5;
    height: 50px;
}
textarea{
     min-height: 100px;
    border: 1px solid var(--color-border);
    padding: 10px;
    line-height: 1.5;

}

table td{
    font-size: 20px;
}
table tr:nth-child(even){
    background:rgba(255,255,255,0.3);
}
.active_toggle{
    position: relative;
    font-size: 28px;
    cursor: pointer;
    background: #888888;
    height: 22px;
    width: 40px;
    border-radius: 20px;
    display: inline-block;
}
.active_toggle:before{
    content:'';
    position: absolute;
    top:4px;
    left:4px;
    height: 14px;
    width: 14px;
    border-radius:50%;
    background:#ffffff;
}
.active_toggle.is-active{
    background:green;
}
.active_toggle.is-active:before{
    left:21px;
}

th:first-child, td:first-child,
th:last-child, td:last-child{
    padding: var(--vspace-0_5) 3.2rem calc(var(--vspace-0_5) - .1rem);
}

.clear{
    clear:both;
}
form .third{
    float:left;
    width: calc(33% - 20px);
}
form .quarter{
    float:left;
    width: 25%;
    padding-left: 20px;
}
.modal-popup__desc p{
    font-size:16px;
}
.modal-popup__cat li{
    font-size: 14px;
}