/*   
Theme Name: USM
Version: 2.0
Author: D-Glance
*/

/*********FORM**********/
.form-check-inline {display: inline; margin-right: 25px;}
.form-check-label {font-weight: 400;}
.open-service {
    background-color: #ffd44a; color: #30353b; padding: 8px 8px 8px 48px; transition: all 0.2s ease;
    background-position: 8px center; font-size: 16px; font-weight: 700; text-transform: uppercase;
    position: fixed; top: 230px; right: -148px; background-repeat: no-repeat; z-index: 99;
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTcuMS4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDIzMS4yMzMgMjMxLjIzMyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjMxLjIzMyAyMzEuMjMzOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjMycHgiIGhlaWdodD0iMzJweCI+CjxwYXRoIGQ9Ik0yMzAuNTA1LDEwMi43OGMtMC4zNjUtMy4yNS00LjE1Ni01LjY5NS03LjQzNC01LjY5NWMtMTAuNTk0LDAtMTkuOTk2LTYuMjE4LTIzLjkzOS0xNS44NDIgIGMtNC4wMjUtOS44NTUtMS40MjgtMjEuMzQ2LDYuNDY1LTI4LjU4N2MyLjQ4Ni0yLjI3MywyLjc4OS02LjA3OSwwLjcwNS04LjcyMWMtNS40MjQtNi44ODYtMTEuNTg2LTEzLjEwNy0xOC4zMTYtMTguNDk4ICBjLTIuNjMzLTIuMTEyLTYuNTAyLTEuODE4LTguNzg3LDAuNzExYy02Ljg5MSw3LjYzMi0xOS4yNywxMC40NjgtMjguODM2LDYuNDc3Yy05Ljk1MS00LjE4Ny0xNi4yMzItMTQuMjc0LTE1LjYxNS0yNS4xMDEgIGMwLjIwMy0zLjQwMy0yLjI4NS02LjM2LTUuNjc2LTYuNzU1Yy04LjYzNy0xLTE3LjM1LTEuMDI5LTI2LjAxMi0wLjA2OGMtMy4zNDgsMC4zNy01LjgzNCwzLjI1Ny01LjcyMyw2LjYxNyAgYzAuMzc1LDEwLjcyMS01Ljk3NywyMC42My0xNS44MzIsMjQuNjY3Yy05LjQ1MSwzLjg2MS0yMS43NDQsMS4wNDYtMjguNjIxLTYuNTE5Yy0yLjI3My0yLjQ5Mi02LjA3NC0yLjc5OC04LjcyNS0wLjczMSAgYy02LjkyOCw1LjQzNy0xMy4yMjksMTEuNjYyLTE4LjcwMywxOC40OTJjLTIuMTMzLDIuNjU1LTEuODE4LDYuNTAzLDAuNjg5LDguNzg0YzguMDQ5LDcuMjg5LDEwLjY0NCwxOC44NzksNi40NjUsMjguODQ5ICBjLTMuOTksOS41MDUtMTMuODU5LDE1LjYyOC0yNS4xNTYsMTUuNjI4Yy0zLjY2Ni0wLjExOC02LjI3NSwyLjM0NS02LjY4LDUuNjc5Yy0xLjAxNiw4LjY4My0xLjAyNywxNy41MzUtMC4wNDksMjYuMjg5ICBjMC4zNjUsMy4yNjQsNC4yNjgsNS42ODgsNy41ODIsNS42ODhjMTAuMDctMC4yNTYsMTkuNzMyLDUuOTc0LDIzLjc5MSwxNS44NDFjNC4wMzksOS44NTUsMS40MzksMjEuMzQxLTYuNDY3LDI4LjU5MiAgYy0yLjQ3MywyLjI3My0yLjc4OSw2LjA3LTAuNzAxLDguNzA5YzUuMzY5LDYuODQzLDExLjUzNywxMy4wNjgsMTguMjg3LDE4LjUwNWMyLjY1LDIuMTM0LDYuNTA0LDEuODM1LDguODAxLTAuNjk3ICBjNi45MTgtNy42NSwxOS4yOTUtMTAuNDgxLDI4LjgyMi02LjQ4MmM5Ljk4LDQuMTc2LDE2LjI1OCwxNC4yNjIsMTUuNjQ1LDI1LjA5MmMtMC4yMDEsMy40MDMsMi4yOTMsNi4zNjksNS42NzIsNi43NTUgIGM0LjQyLDAuNTE3LDguODYzLDAuNzczLDEzLjMyLDAuNzczYzQuMjMsMCw4LjQ2MS0wLjIzMSwxMi42OTItMC43MDJjMy4zNTItMC4zNyw1LjgzNC0zLjI2LDUuNzIxLTYuNjIxICBjLTAuMzg3LTEwLjcxNiw1Ljk3OS0yMC42MjYsMTUuODIyLTI0LjY1NWM5LjUxNC0zLjg4NiwyMS43NTItMS4wNDIsMjguNjMzLDYuNTEyYzIuMjg1LDIuNDg3LDYuMDYzLDIuNzg5LDguNzI1LDAuNzMgIGM2LjkxNi01LjQyMywxMy4yMDUtMTEuNjQ1LDE4LjcwMy0xOC40OTNjMi4xMzUtMi42NSwxLjgzMi02LjUwMy0wLjY4OS04Ljc4OGMtOC4wNDctNy4yODQtMTAuNjU2LTE4Ljg3OS02LjQ3Ny0yOC44MzkgIGMzLjkyOC05LjM3NywxMy40My0xNS42NzMsMjMuNjUtMTUuNjczbDEuNDMsMC4wMzhjMy4zMTgsMC4yNjksNi4zNjctMi4yODYsNi43NjgtNS42NzEgIEMyMzEuNDc2LDEyMC4zNzksMjMxLjQ4NywxMTEuNTM3LDIzMC41MDUsMTAyLjc4eiBNMTE1LjYxNiwxODIuMjdjLTM2LjgxMywwLTY2LjY1NC0yOS44NDEtNjYuNjU0LTY2LjY1MyAgczI5Ljg0Mi02Ni42NTMsNjYuNjU0LTY2LjY1M3M2Ni42NTQsMjkuODQxLDY2LjY1NCw2Ni42NTNjMCwxMi40OTUtMy40NDUsMjQuMTgyLTkuNDI4LDM0LjE3NmwtMjkuMTg2LTI5LjE4NyAgYzIuMTEzLTQuOTgyLDMuMjI5LTEwLjM4MywzLjIyOC0xNS45NTdjMC0xMC45MTUtNC4yNTEtMjEuMTc2LTExLjk3LTI4Ljg5M2MtNy43MTctNy43MTctMTcuOTc4LTExLjk2Ny0yOC44OTEtMTEuOTY3ICBjLTMuNjQyLDAtNy4yNjcsMC40ODQtMTAuNzc0LDEuNDM5Yy0xLjUzNiwwLjQxOS0yLjc5MiwxLjY4NS0zLjIwMSwzLjIyNGMtMC40MTgsMS41NzQsMC4wNTMsMy4xODcsMS4yODMsNC40MTggIGMwLDAsMTQuNDA5LDE0LjUyLDE5LjIzLDE5LjM0YzAuNTA1LDAuNTA1LDAuNTA0LDEuNzEsMC40MzMsMi4xNDRsLTAuMDQ1LDAuMzE3Yy0wLjQ4Niw1LjMtMS40MjMsMTEuNjYyLTIuMTk2LDE0LjEwNyAgYy0wLjEwNCwwLjEwMy0wLjIwMiwwLjE5LTAuMzA4LDAuMjk2Yy0wLjExMSwwLjExMS0wLjIxMywwLjIxOC0wLjMyLDAuMzI4Yy0yLjQ3NywwLjc5NS04LjkzNywxLjc0My0xNC4zMjEsMi4yMjVsMC4wMDEtMC4wMjkgIGwtMC4yNDIsMC4wNjFjLTAuMDQzLDAuMDA1LTAuMTIzLDAuMDExLTAuMjI5LDAuMDExYy0wLjU4MiwwLTEuNDM4LTAuMTYzLTIuMjE2LTAuOTRjLTUuMDE4LTUuMDE4LTE4Ljg2Mi0xOC43NjMtMTguODYyLTE4Ljc2MyAgYy0xLjI0Mi0xLjIzOC0yLjUxNi0xLjQ5OC0zLjM2NS0xLjQ5OGMtMS45NzksMC0zLjc1MSwxLjQzLTQuMzA5LDMuNDgxYy0zLjgxMSwxNC4xMDMsMC4yMjksMjkuMjczLDEwLjU0NiwzOS41OTEgIGM3LjcxOSw3LjcxOCwxNy45ODEsMTEuOTY4LDI4Ljg5NiwxMS45NjhjNS41NzQsMCwxMC45NzUtMS4xMTUsMTUuOTU2LTMuMjI4bDI5LjUwMywyOS41MDMgIEMxNDEuMTI1LDE3OC40MTIsMTI4LjgyNSwxODIuMjcsMTE1LjYxNiwxODIuMjd6IiBmaWxsPSIjMzAzNTNiIi8+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=);
}


.open-callback {
    background-color: #ffd44a; color: #30353b; padding: 8px 8px 8px 48px; transition: all 0.2s ease;
    background-position: 8px center; font-size: 16px; font-weight: 700; text-transform: uppercase;
    position: fixed; top: 280px; right: -156px; background-repeat: no-repeat; z-index: 99;
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjMycHgiIGhlaWdodD0iMzJweCIgdmlld0JveD0iMCAwIDYxMiA2MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDYxMiA2MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8cGF0aCBkPSJNMzA2Ljc2OCwzNDYuODE0aDAuMTMxYzQuNjE1LDAsOS4xNzYtMS4zMzksMTIuODY2LTMuNzc3bDEuMDAxLTAuNjQzYzAuMjE4LTAuMTQyLDAuNDQ2LTAuMjcxLDAuNjc1LTAuNDI0bDExLjY1OC05LjY0NSAgIGwyNzguMjU5LTIyOS42MjRjLTAuNTc2LTAuNzk1LTEuNTU3LTEuMzM5LTIuNjAyLTEuMzM5SDMuMjMzYy0wLjc1MSwwLTEuNDQ4LDAuMjcyLTIuMDAzLDAuNzI5bDI5MS4xMjUsMjM5Ljk1NCAgIEMyOTYuMDI0LDM0NS4wODMsMzAxLjI1OSwzNDYuODE0LDMwNi43NjgsMzQ2LjgxNHogTTAsMTMzLjg5OXYzNDAuMzdsMjA4LjU1LTE2OC40NzFMMCwxMzMuODk5eiBNNDAzLjY2OCwzMDYuOTQxTDYxMiw0NzQuMzU2ICAgVjEzNS4wMzFMNDAzLjY2OCwzMDYuOTQxeiBNMzM3LjQzMSwzNjEuNTg1Yy04LjMwNSw2LjgxNC0xOS4xNjgsMTAuNTctMzAuNTc2LDEwLjU3Yy0xMS40NTEsMC0yMi4zMDQtMy43MzQtMzAuNTg3LTEwLjUxNiAgIGwtNDcuNzY1LTM5LjM5NEwwLDUwNi44MDZ2MC41ODdjMCwxLjc1MywxLjUwMiwzLjI0NCwzLjI3NiwzLjI0NGg2MDUuNDkxYzEuNzQxLDAsMy4yMzItMS40OTEsMy4yMzItMy4yNTV2LTAuNTQ0TDM4My42OTMsMzIzLjQgICBMMzM3LjQzMSwzNjEuNTg1eiIgZmlsbD0iIzMwMzUzYiIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=); }
.open-service:hover, .open-callback:hover {right: 0; cursor: pointer; }
.service-form, .callback-form {
    width: 800px; z-index: 111;
    position: fixed; left: 50%;
    transform: translateX(-50%);
    margin-top: 75px; display: none;
    box-shadow: 0 0 50px #000;
}
.callback-form2 {margin-top: 30px; display: block;}
.service-form .service-vorm-close, .callback-form .callback-vorm-close {
    position: absolute; z-index: 11;
    top: 10px; right: 10px;
}
.service-form .service-vorm-close:hover, .callback-form .callback-vorm-close:hover {cursor: pointer;}
.service-form .service-form-title, .callback-form .callback-form-title, .callback-form2 .callback-form-title {
    background: #ffd44a; font-size: 32px; font-weight: 700; color: #30353b;
    text-align: center; padding: 12px 0; text-transform: uppercase;
}
.service-form .service-form-body, .callback-form .callback-form-body, .callback-form2 .callback-form-body {
    background: #fff; padding: 25px;
}
.service-form .field, .service-form .footline, .callback-form .field,
.callback-form2 .field, .callback-form .footline {margin: 10px 0;}
.service-form .field input, .callback-form .field input, .callback-form2 .field input {
    border: none; padding: 6px 8px; background: #f4f4f4;
    border-radius: 5px; width: 100%; font-size: 16px;
}
.service-form textarea, .callback-form textarea, .callback-form2 textarea {
    border: none; padding: 6px 8px; background: #f4f4f4;
    border-radius: 5px; width: 100%; font-size: 16px;
    height: 80px;
}
.callback-form textarea, .callback-form2 textarea  {height: 124px;}
.service-form input.wpcf7-captchar, .callback-form input.wpcf7-captchar, .callback-form2 input.wpcf7-captchar {
    border: none; padding: 6px 8px; background: #f4f4f4;
    border-radius: 5px; width: 100px; font-size: 16px;
}
.service-form input.wpcf7-submit, .callback-form input.wpcf7-submit, .callback-form2 input.wpcf7-submit {
    background: #ffd44a; color: #262a30; font-weight: 700; float: right;
    padding: 6px 20px; border: none; font-size: 18px; border-radius: 22px;
    margin-top: 12px;
}
.service-form input.wpcf7-submit:hover,
.callback-form input.wpcf7-submit:hover,
.callback-form2 input.wpcf7-submit:hover {box-shadow: 0 0 8px #30353b;}

div.wpcf7-validation-errors {border: none !important;}

input.wpcf7-not-valid {background: #ffadad !important;}
.conversations {font-size: 24px; font-weight: 700; text-align: center; color: #30353b; display: none;}

.callback-text { transition: all 0.2s ease; position: fixed; top: 245px; right: 81px; z-index: 99; display: none;}
.service-text { transition: all 0.2s ease; position: fixed; top: 155px; right: 81px; z-index: 99; display: none; }
.service-text span {font-size: 12px; text-decoration: underline;}
.service-text span:hover {text-decoration: none; cursor: pointer;  }
.callback-text .layout, .service-text .layout {
    background: rgba(0,0,0,0.85); color: #ffd44a;
    padding: 8px 28px;
    border-top: 1px solid #ffd44a;
    border-bottom: 1px solid #ffd44a;
    border-left: 1px solid #ffd44a;
    text-align: center;
}
.callback-text .layout::after {
    background: url(images/triangle2.png) no-repeat; width: 21px; height: 100%; position: fixed;
    z-index: 99; content: ''; top: 245px; right: 60px; height: 78px;
}
.service-text .layout::after {
    background: url(images/triangle1.png) no-repeat; width: 21px; height: 100%; position: fixed;
    z-index: 99; content: ''; top: 155px; right: 60px; height: 98px;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

@media all and (max-width: 992px) {
    .service-form {
        width: 600px
    }

    .service-form .service-form-body {
        padding: 10px
    }

    .service-form .service-form-title {
        font-size: 26px;
    }

    .service-form .service-form-body .col-md-6 {
        width: 50%;
        float: left;
    }

    .row1 div, .row2 div {
        padding: 0
    }
}

@media all and (max-width: 768px) {
    .callback-form {
        width: 710px;
    }

    .callback-form .callback-form-title, .prem h3, .under_prem h3 {
        font-size: 26px;
    }
}

@media (min-width: 992px) {
    .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
        float: left;
    }

    .col-md-6 {
        width: 50%;
    }
}
@media all and (max-width: 680px) {
    .callback-form {width: 630px;}
    .callback-form .callback-form-title {font-size: 26px;}
}
@media all and (max-width: 640px) {
    .service-form {width: 500px; margin-top: 10px;}
    .callback-form {width: 580px;}
    .callback-form .callback-form-title {font-size: 21px;}
    .service-form .service-form-title { font-size: 21px; line-height: 1em; }
}
@media all and (max-width: 560px) {
    .service-form {width: 94%}
    .service-form .service-form-body {height: 400px; overflow: auto;}
    .service-form .service-form-body .col-md-6 {width: 100%}
    .callback-form {width: 340px;}
    .callback-form .callback-form-title {font-size: 21px;}

}