@import url("font-awesome.css");
@import url("stylesheet.css");
@import url("animate.min.css");
@import url("sliderstyle.css");
@import url("magnific-popup.css");
*
{
    margin: 0;
    padding: 0;
    outline: 0;
    box-sizing: border-box;
}
*, *:before, *:after
{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
a
{
    text-decoration: none;
    color: var(--blue);
    transition: all .4s linear 0s;
}
a:hover
{
    transition: all .4s linear 0s;
    color: var(--blue2);
}
a img, img
{
    border: 0;
    outline: none;
}
img
{
    max-width: 100%;
    height: auto;
}
a, input[type="submit"], button
{
    outline: none;
}
.clear
{
    clear: both;
}
::-moz-placeholder
{
    opacity: 1;
}
input[type=submit], button, select
{
    -moz-appearance: none;
    -webkit-appearance: none;
}
input, select, button, textarea
{
    font-family: 'FuturaStd',sans-serif;
}
input[type=submit], button
{
    cursor: pointer;
    transition: all .4s linear 0s;
}
input[type="submit"], input[type="text"], input[type="search"], button, input[type="email"], input[type="tel"], textarea, select, input[type="password"], input[type="button"]
{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    border: 0;
}
h1, h2, h3, h4, h5, h6, p, ul, li, label, input, textarea, img, submit, button, a
{
    margin: 0;
    padding: 0;
    outline: none;
    list-style: none;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
    border: 0;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}
html
{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 62.5%;
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    scroll-behavior: smooth;
}
q
{
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    quotes: none;
}
a:focus
{
    outline: 0;
    outline: 0;
}
a:hover, a:active
{
    outline: 0;
}
a img
{
    border: 0;
}
body
{
    color: #14151b;
    font-size: 18px;
    line-height: 1.5;
    font-family: 'FuturaStd',sans-serif;
    overflow-x: hidden;
    font-weight: 500;
}
.container
{
    width: 1260px;
    margin: 0 auto;
}
h1
{
    font-size: 48px;
    line-height: 1.1;
    margin: 0 0 15px;
    font-weight: 500;
}
h1 strong
{
    font-weight: 700;
}
h2
{
    font-size: 34px;
    line-height: 1.1;
    margin: 0 0 10px;
    font-weight: 700;
}
h3
{
    font-size: 30px;
    line-height: 1.3;
    margin: 0 0 10px;
    font-weight: 700;
}
h4
{
    font-size: 28px;
    line-height: 1.4;
    margin: 0 0 10px;
    font-weight: 700;
}
h5
{
    font-size: 24px;
    line-height: 1.4;
    margin: 0 0 10px;
    font-weight: 700;
}
h6
{
    font-size: 18px;
    line-height: 1.4;
    margin: 0 0 10px;
    font-weight: 500;
}
p
{
    margin: 0 0 15px;
}
body *:last-child
{
    margin-bottom: 0;
}
strong
{
    font-weight: 600;
}
.captz
{
    text-transform: capitalize;
}
.flexcntr
{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.flexcntrbw
{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
:root
{
    --dark: #14151b;
    --blue: #077fc8;
    --blue2: #099ceb;
    --bluedark: #0357ad;
    --white: #fff;
}
.font-family_typographyss .upprcase
{
    font-weight: 700;
}
#menuToggle
{
    display: none;
}
body
{
    padding-top: 84px;
}
.header
{
    width: 100%;
    float: left;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    background: #fff;
    transition: all .4s ease-in-out;
    padding: 20px 0;
}
.logo
{
    max-width: 138px;
}
.logo img
{
    display: block;
}
@media(min-width: 1041px)
{
    .navigation
    {
        position: relative;
        padding-right: 15px;
    }
    .navigation ul
    {
        display: flex;
    }
    .navigation ul li
    {
        margin: 0 18px;
        font-size: 17px;
        position: relative;
    }
    .navigation ul li a
    {
        color: var(--dark);
        position: relative;
        z-index: 1;
    }
    .navigation ul li:hover>a
    {
        color: #1683e7;
    }
    .navigation ul li a:before
    {
        position: absolute;
        transition: all .35s ease;
    }
    .navigation ul li a:before
    {
        content: '';
        top: -6px;
        display: block;
        height: 3px;
        width: 0%;
        background-color: #0a9beb;
    }
    .navigation ul li:hover>a:before, .navigation ul li.current_page_item a:before
    {
        opacity: 1;
        width: 100%;
        max-width: 100%;
    }
    .navigation ul.menu>li.menu-item-has-children>a:after
    {
        content: "";
        font-family: 'FontAwesome';
        display: inline-block;
        vertical-align: middle;
        position: relative;
        top: -3px;
        margin-left: 4px;
        color: #7f7f7f;
    }
    .navigation ul li ul
    {
        position: absolute;
        top: 100%;
        width: 450px;
        left: 0;
        background: #fff;
        z-index: 10;
        padding: 20px 0 15px!important;
    }
    .navigation ul ul
    {
        opacity: 0;
        visibility: hidden;
        transition: all .3s ease-in-out 0s;
        transform: translate(0,50px);
        display: block!important;
        pointer-events: none;
        border-radius: 0 0 8px 8px;
        box-shadow: 0 10px 10px rgba(0,0,0,.1);
    }
    .navigation ul ul ul
    {
        box-shadow: none;
    }
    .navigation li#menu-item-800 ul
    {
        width: 700px;
    }
    .navigation ul li.services_menu ul
    {
        width: 700px;
        left: 0;
        right: auto;
    }
    .navigation ul li:hover ul
    {
        opacity: 1;
        visibility: visible;
        max-height: inherit;
        transform: translate(0,0);
        pointer-events: all;
    }
    .navigation ul ul li
    {
        width: 50%;
        float: left;
        font-size: 16px;
        line-height: 24px;
        margin: 0!important;
        padding: 10px 25px;
    }
    .navigation ul ul li a
    {
        color: #1683e7;
        padding: 3px 0;
    }
    .navigation ul ul li a:hover, .navigation ul ul li:hover a
    {
        color: #1683e7;
    }
    .navigation ul ul li a:before
    {
        display: none!important;
    }
    .navigation ul ul li a:after
    {
        content: "";
        position: absolute;
        right: 0;
        bottom: 1px;
        width: 0;
        background: #1683e7;
        height: 1px;
        transition: all .3s ease-in-out 0s;
    }
    .navigation ul ul li a:hover:after
    {
        width: 100%;
        left: 0;
        right: auto;
    }
    .navigation ul ul li ul
    {
        width: 100%!important;
        float: left;
        position: static;
        box-shadow: none;
        padding: 10px 0 0!important;
        margin: 0;
    }
    .navigation ul ul li ul li
    {
        width: auto;
        display: inline-block;
        padding: 0;
        font-size: 15px;
        font-weight: 500;
    }
    .navigation ul ul li ul li a, .navigation ul ul li ul li:hover a
    {
        color: #14151b!important;
    }
    .navigation ul ul li ul li:after
    {
        content: '|';
        display: inline-block;
        margin: 0 5px;
        color: #14151b;
    }
    .navigation ul ul li ul li:last-child:after
    {
        display: none;
    }
    .navigation li#menu-item-715 ul li ul li
    {
        width: 100%;
        margin: 4px 0!important;
    }
    .navigation li#menu-item-715 ul li ul li:after
    {
        display: none!important;
    }
    .navigation li#menu-item-870 ul
    {
        left: auto;
        right: -30px;
    }
    .navigation li#menu-item-870 ul li ul li:after
    {
        display: none!important;
    }
    .navigation li#menu-item-870 ul li ul li
    {
        width: 100%;
    }
    .navigation li#menu-item-52 ul li ul li:after
    {
        display: none!important;
    }
    .navigation li#menu-item-875 ul
    {
        width: 720px;
        left: auto;
        right: -160px;
    }
    .navigation li#menu-item-875 ul li
    {
        padding: 5px 25px;
        width: 33.33%;
    }
    .navigation li#menu-item-875 ul li a
    {
        color: #14151b;
    }
    .navigation li#menu-item-875 ul li a:hover
    {
        color: #1683e7;
    }
}
.navigation .sub-menu-toggle
{
    display: none;
}
.quoteBtn a.reqbtn
{
    background: var(--blue);
    color: var(--white);
    line-height: 42px;
    display: inline-block;
    border-radius: 40px;
    padding: 0 35px;
    font-size: 17px;
    font-weight: 900;
    position: relative;
    z-index: 1;
}
.quoteBtn a.reqbtn:hover
{
    background: var(--blue2);
}
.quoteBtn a.reqbtn:before
{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 0 rgba(9,156,235,.5);
    animation: and_icon 2s infinite;
    -webkit-animation: and_icon 2s infinite;
    z-index: -1;
    border-radius: 40px;
}
.header.fixed
{
    transition: all .4s ease-in-out;
    padding: 15px 0;
}
.homeBanr
{
    width: 100%;
    float: left;
    position: relative;
    background: var(--dark);
    color: var(--white);
}
.homeBanr .container
{
    position: relative;
}
.homeBanr .herotxt
{
    width: 46%;
}
.homeBanr .heroimg
{
    width: 74%;
    margin-left: -20%;
    position: relative;
}
.homeBanr .heroimg .img
{
    width: 100%;
    display: block;
}
.homeBanr .typed-cursor
{
    display: none!important;
}
.homeBanr .action
{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 50px;
}
.homeBanr .action a
{
    color: var(--white);
}
.homeBanr .action .btn-anim
{
    background-color: var(--blue);
}
a.btn
{
    color: var(--dark);
    font-size: 17px;
    margin-right: 15px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding: 4px 10px;
    border-radius: 20px;
    display: inline-block;
}
.btn-anim
{
    display: inline-block;
    width: 100%;
    height: 34px;
    background-color: rgba(9,156,235,.8);
    border-radius: 20px;
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: calc(-100% + 33px);
    right: auto;
    transform: translateY(-50%);
    z-index: -1;
    transition: all 1.3s;
}
a:hover .btn-anim
{
    transform: translate(calc(200% - 66px),-50%);
}
.playCrcl
{
    position: absolute;
    top: 50%;
    right: 17%;
    transform: translateY(-50%);
    color: #fff;
    background: var(--blue);
    border-radius: 50%;
}
.playCrcl img
{
    display: block;
    margin: 0 auto 5px;
}
.playCrcl .playBtn
{
    opacity: .5;
    transition: all .4s ease-in-out;
    text-align: center;
    font-weight: 900;
    font-size: 23px;
    letter-spacing: 1px;
    width: 150px;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border-radius: 50%;
    cursor: pointer;
}
.playCrcl .playBtn a
{
    color: #fff;
}
.playCrcl .playBtn:hover
{
    opacity: 1;
    transition: all .4s ease-in-out;
}
.homevideo
{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    display: none;
    z-index: 11;
}
.homevideo:after
{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: var(--dark);
    opacity: .5;
    width: 100%;
    height: 100%;
}
#bg-video
{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.hero-video--controls
{
    position: absolute;
    bottom: 30px;
    right: 30px;
    z-index: 11;
}
.hero-video--controls .btn
{
    display: inline-block;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    font-size: 0;
    background: none;
    vertical-align: top;
    margin-left: 15px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 44px;
}
.pausebtn
{
    border: 2px solid #fff;
}
.icon-play
{
    height: 100%;
    fill: #fff;
}
.btn-mute.is-muted
{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MC4xMyA0OS43NSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7c3Ryb2tlOiNmZmY7c3Ryb2tlLW1pdGVybGltaXQ6MTA7c3Ryb2tlLXdpZHRoOjEuMjlweH08L3N0eWxlPjwvZGVmcz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik00OS4wMyA0OUwxLjAxLjk5TTEyLjcyIDEyLjQ5VjM3LjVoOC41M2wxNi40NyAxMS4xMVYzNy42OU0yMS40NSAxMi4xTDM3LjcyLjk5djI4LjM3Ii8+PC9zdmc+);
}
.btn-mute.is-sound
{
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 37.6 41.9' xml:space='preserve'%3E%3Cstyle%3E.st0%7Bfill:none;stroke:%23fff;stroke-miterlimit:10%7D%3C/style%3E%3Cpath class='st0' d='M21.4 31.8V41L7.5 31.6H.4v-21h6.8L21.4 1v30.8M27.6 10.8c2.5 2.6 4.1 6.2 4.1 10.1 0 4-1.6 7.6-4.2 10.3'/%3E%3Cpath class='st0' d='M31.3 7.1c3.7 3.5 5.9 8.4 5.9 13.9s-2.3 10.5-6 14'/%3E%3C/svg%3E");
}
#bck-bnr
{
    max-height: 60px;
}
.icon-play path
{
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    opacity: 0;
}
.is-playing .path-pause
{
    opacity: 1;
}
.is-pause .path-play
{
    opacity: 1;
}
.connectwith
{
    width: 100%;
    float: left;
    background: #fff;
    padding: 20px 0 60px;
}
.partners
{
    width: 100%;
    float: left;
    background: #fff;
    padding: 0 0 40px;
    display: flex;
}
.partners .item
{
    width: calc(100% / 8);
    display: flex;
    height: 90px;
    align-items: center;
    padding: 0 15px;
    justify-content: center;
}
.partners .item img
{
    display: block;
    margin: 0 auto;
    max-width: 90%;
    max-height: 70px;
}
.conctList
{
    width: 100%;
}
.conctList .item
{
    width: 20%;
    text-align: center;
}
.conctList p
{
    margin: 6px 0 0;
    font-weight: 900;
}
.homesrvc
{
    width: 100%;
    float: left;
    background: #fafafc;
    text-align: center;
    padding: 60px 0;
}
.srvcrow
{
    width: 100%;
    float: left;
    position: relative;
}
.srvcrow .item
{
    width: 50%;
}
.srvcrow .item:nth-child(2)
{
    background: linear-gradient(180deg,#fff 70%,#fafafc 100%);
    border-left: 1px solid #e4e4f2;
}
.srvcrow p
{
    padding: 0 80px 10px;
}
.srvcrow .btn
{
    font-weight: 900;
}
span.and_icon
{
    z-index: 11;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    margin-top: -25px;
    color: var(--blue);
    background: #fff;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    line-height: 52px;
    text-align: center;
    font-size: 26px;
    font-weight: 700;
    box-shadow: 0 0 0 rgba(9,156,235,.5);
    animation: and_icon 2s infinite;
    -webkit-animation: and_icon 2s infinite;
}
@keyframes and_icon
{
    0%
    {
        -moz-box-shadow: 0 0 0 0 rgba(9,156,235,.3);
        box-shadow: 0 0 0 0 rgba(9,156,235,.5);
    }
    70%
    {
        -moz-box-shadow: 0 0 0 20px rgba(0,0,0,0);
        box-shadow: 0 0 0 20px rgba(0,0,0,0);
    }
    100%
    {
        -moz-box-shadow: 0 0 0 0 rgba(0,0,0,0);
        box-shadow: 0 0 0 0 rgba(0,0,0,0);
    }
}
.clearfix
{
    clear: both;
}
.section_devide
{
    display: block;
    clear: both;
    width: 100%;
    position: relative;
}
.homesstats
{
    width: 100%;
    float: left;
    background: url(/wp-content/themes/xonest/assets/images/stats-bg.jpg) no-repeat;
    background-size: cover;
    text-align: center;
}
.strow .item
{
    width: 25%;
    padding: 60px 30px;
    border-top: 1px solid #53c3ff;
    color: #fff;
}
.strow .item:nth-child(1), .strow .item:nth-child(2)
{
    width: 50%;
    border: 0;
}
.strow .box
{
    width: 100%;
    border-right: 1px solid #53c3ff;
}
.strow p
{
    margin: 0;
    font-weight: 900;
}
.strow h5
{
    margin: 10px 0 0;
}
.strow .item:nth-child(2) .box, .strow .item:nth-child(6) .box
{
    border-right: 0;
}
.strow .item:nth-child(1) .box, .strow .item:nth-child(2) .box
{
    display: flex;
    align-items: center;
    text-align: left;
    padding: 30px 75px;
}
.strow .item:nth-child(1) .box .icon, .strow .item:nth-child(2) .box .icon
{
    margin-right: 30px;
}
.strow .item:nth-child(1) h5, .strow .item:nth-child(2) h5
{
    margin-top: 0;
    font-size: 33px;
}
.strow .item:nth-child(1) p, .strow .item:nth-child(2) p
{
    font-size: 28px;
    line-height: 1.2;
}
.homeReviews
{
    width: 100%;
    float: left;
    position: relative;
    background-color: #eef2f5;
    background-image: url(/wp-content/themes/xonest/assets/images/dots.png);
    background-repeat: no-repeat;
    background-position: center;
}
.homeReviews .container
{
    display: flex;
    justify-content: space-between;
}
.rvlft
{
    position: relative;
    width: 48%;
}
.rvlft img.img
{
    width: 100%;
    display: block;
}
.rvlft .playCrcl
{
    right: 22%;
}
.rvrgt
{
    width: 50%;
    padding: 70px 0 0;
}
.rvrgt h2
{
    padding: 0 15px;
    margin: 0 0 10px;
}
.rvrgt h2+p
{
    padding: 0 15px;
    margin: 10px 0 0;
}
.testmslider
{
    width: 100%;
    float: left;
    margin: 20px 0 0;
    position: relative;
    display: flex;
}
.testmslider .item
{
    padding: 15px;
    width: 50%;
}
.testmslider .box
{
    padding: 25px;
    width: 100%;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 0 15px rgba(0,0,0,.08);
}
.testmslider .box p
{
    font-size: 16px;
    line-height: 28px;
    margin: 0 0 10px;
}
.testmslider .box h6
{
    font-size: 16px;
    line-height: 28px;
    font-weight: 700;
    margin: 0;
}
.testmslider .slick-dots
{
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 10px 0 0;
}
.testmslider .slick-dots li
{
    margin: 0 5px;
}
.testmslider .slick-dots button
{
    font-size: 0;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: var(--blue);
    opacity: .5;
}
.testmslider .slick-dots .slick-active button
{
    opacity: 1;
}
.rvrgt .readMore
{
    font-weight: 900;
    float: right;
    position: relative;
    top: 10px;
    padding: 0 15px;
}
.rvrgt .readMore .btn
{
    margin-right: 0;
}
.vreviws_sec
{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -9;
    background: rgba(0,0,0,.5);
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.vreviws_sec.shwrevw
{
    opacity: 1;
    visibility: visible;
    z-index: 999999;
}
.vreviws_sec .vbox
{
    width: 620px;
    background: #fff;
    position: relative;
    margin: 0 auto;
    padding: 15px;
    border-radius: 5px;
}
.vreviws_sec .vbox .vdo
{
    width: 100%;
    margin-bottom: 35px;
    float: left;
}
.vreviws_sec .vbox iframe
{
    width: 100%;
    display: block;
    border-radius: 5px;
    height: 332px;
}
.vreviws_sec .readMore
{
    width: 100%;
    text-align: center;
    font-weight: 900;
    display: block;
}
.vreviws_sec .req_close
{
    position: absolute;
    top: -21px;
    right: -21px;
}
.vreviws_sec .req_close:hover
{
    background: var(--dark);
    color: var(--white);
}
.latestBlogs
{
    width: 100%;
    float: left;
    background: #fafafc;
    padding: 60px 0;
    position: relative;
}
.textcenter
{
    width: 100%;
    float: left;
    text-align: center;
    margin-bottom: 60px;
}
.blogPosts
{
    width: calc(100% + 44px);
    margin: 0 -22px;
    float: left;
    display: flex;
    flex-wrap: wrap;
    row-gap: 45px;
}
.blgcol
{
    width: 33.33%;
    padding: 0 22px;
}
.blgcol p
{
    font-size: 18px;
}
.blgcol h5
{
    margin-bottom: 5px;
}
.blgcol h5 a
{
    color: var(--dark);
}
.blgcol:hover h5 a
{
    color: var(--blue);
}
.blgcol img
{
    width: 100%;
    height: 255px;
    object-fit: cover;
    object-position: center;
    display: block;
    transition: all 1s ease-in-out;
}
.blgcol .txt
{
    width: 100%;
    float: left;
    margin: 25px 0 0;
}
.blgcol .thumb
{
    overflow: hidden;
    width: 100%;
    float: left;
}
.blgcol:hover .thumb img
{
    transform: scale(1.08);
    transition: all 2s ease-in-out;
}
@media(min-width: 767px)
{
    .blgcol:nth-child(2)
    {
        width: 66.66%;
        display: flex;
        align-items: center;
    }
    .blgcol:nth-child(2) .thumb
    {
        width: 40%;
        height: 100%;
    }
    .blgcol:nth-child(2) .thumb img
    {
        height: 100%;
        height: 100%;
    }
    .blgcol:nth-child(2) .txt
    {
        width: 60%;
        background: #fff;
        height: 100%;
        border: 1px solid #e9ebf0;
        border-left: 0;
        padding: 40px;
        display: flex;
        align-items: center;
        flex-direction: column;
        margin: 0;
        justify-content: center;
    }
}
.expertsSctn
{
    width: 100%;
    float: left;
    text-align: center;
    padding: 80px 0;
    position: relative;
    background: #fff;
}
.exprtslst
{
    justify-content: center;
    margin: 50px 0 0;
}
.exprtslst .item
{
    margin: 0 28px;
}
.exprtslst img
{
    display: block;
    width: auto;
    max-height: 60px;
}
.exprtslst a:hover
{
    opacity: .8;
}
.footer
{
    width: 100%;
    float: left;
    background: #eef2f5;
    border-top: 3px solid #849dad;
    position: relative;
    z-index: 9;
}
.frow
{
    width: 100%;
    float: left;
    display: flex;
    padding: 60px 0 30px;
}
.fcol1
{
    width: 21%;
}
.fcol2
{
    width: 29%;
}
.fcol3
{
    width: 25%;
}
.fcol4
{
    width: 25%;
}
.fcol5
{
    width: 100%;
    margin-top: 20px;
}
.frow h6
{
    position: relative;
    padding-bottom: 18px;
}
.frow h6:before
{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    background: var(--blue);
    width: 35px;
    height: 2px;
}
.frow ul
{
    margin: 20px 0 0;
}
.frow ul li
{
    font-size: 17px;
    line-height: 24px;
    font-weight: 300;
    margin: 10px 0;
}
.frow ul li a
{
    color: var(--dark);
}
.frow ul li a:hover
{
    color: var(--blue);
}
.fmenu ul li a:hover
{
    padding-left: 7px;
}
.fcol4 ul li
{
    position: relative;
    padding-left: 40px;
}
.fcol4 ul li i
{
    position: absolute;
    top: 2px;
    left: 0;
}
.fcol4 img.globalimg
{
    margin-top: 25px;
}
.footerBtm
{
    width: 100%;
    float: left;
    background: #fff;
    padding: 18px 0;
}
.footerBtm p
{
    font-size: 14px;
    margin: 0;
    width: 20%;
    font-weight: 400;
}
.footerBtm ul
{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60%;
}
.footerBtm ul li
{
    margin: 0 3px;
}
.footerBtm ul li a
{
    width: 33px;
    height: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 18px;
    color: #999;
}
.footerBtm ul li a:hover
{
    background: var(--blue);
    color: var(--white);
}
.chatBox
{
    width: 20%;
    text-align: right;
}
.cnsBtn
{
    position: fixed;
    top: 42%;
    right: 0;
    z-index: 9999;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transition: all .4s ease-in-out;
}
.cnsBtn.show
{
    opacity: 1;
    visibility: visible;
    transition: all .4s ease-in-out;
}
.cnsBtn a
{
    background-color: rgba(9,156,235,.8);
    padding: 2px 10px;
    display: flex;
    border-radius: 8px 0 0 8px;
    cursor: pointer;
    transform: translateX(70%);
    border-right: 0;
    display: flex;
    align-items: center;
    font-size: 18px;
    color: #fff;
}
.cnsBtn img
{
    display: block;
    margin-right: 10px;
    max-width: 50px;
}
.cnsBtn p
{
    font-weight: 900;
    color: var(-\2d-blue2);
    margin: 0;
}
.cnsBtn a:hover
{
    transform: translateX(0);
    background-color: rgba(9,156,235,.8);
}
.movereq
{
    animation: 1s flipAnimate forwards;
    -webkit-animation: 1s flipAnimate forwards;
    animation-fill-mode: both;
    animation-duration: 1.5s;
}
.request_sec
{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999999;
    background: #0a0f3a;
    opacity: 0;
    visibility: hidden;
    max-height: 1px;
    overflow: hidden;
}
body.not-scroll, html.not-scroll
{
    overflow: hidden;
}
.request_sec.movereq
{
    opacity: 1;
    visibility: visible;
}
.request_sec_inner
{
    width: 100%;
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
.request_Block
{
    float: left;
    width: 100%;
    background: url(/wp-content/themes/xonest/assets/images/bg1.jpg) no-repeat;
    background-size: cover;
    background-size: cover;
    color: #fff;
}
.popup_logo
{
    max-width: 140px;
}
.req_header
{
    width: 100%;
    position: relative;
    padding: 30px 0;
}
.req_content
{
    width: 100%;
    position: relative;
    display: flex;
    justify-content: space-between;
}
.req_content_left
{
    width: 50%;
    padding: 30px 0 0;
}
.req_close
{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    background: #077ac0;
    color: #0a0e2d;
    font-size: 20px;
    font-weight: 400;
    cursor: pointer;
    border-radius: 50%;
}
.req_close:hover
{
    background: #fff;
}
.req_close i
{
    font-style: normal;
}
.req_content h4
{
    font-weight: 500;
    text-align: center;
}
.req_content h4 strong
{
    display: block;
}
.fcrow
{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.fccol
{
    width: 45%;
    margin-top: 50px;
}
.fccol h6
{
    color: var(--blue);
    font-size: 18px;
    line-height: 1.4;
    font-weight: 900;
}
.fccol p
{
    color: #94aebd;
    font-size: 18px;
    line-height: 1.4;
    font-weight: 400;
    margin: 10px 0 0;
}
.fc_wdgt
{
    width: 100%;
    text-align: center;
    padding: 50px 0 0;
}
.fc_wdgt h5
{
    font-size: 30px;
    font-weight: 500;
}
.wdgtRow
{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 0 50px;
}
.wdgtRow div
{
    margin: 0 16px;
    width: 222px;
    background: #fff;
    border-radius: 6px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.wdgtRow img
{
    display: block;
}
.ct_form
{
    width: 45%;
    background: #fff;
    border-radius: 8px 8px 0 0;
    padding: 35px 40px;
}
.ct_form .wpforms-field-container .wpforms-field-label
{
    font-size: 16px!important;
    color: #000;
    font-weight: 400!important;
    padding-bottom: 4px!important;
}
.ct_form div.wpforms-container-full .wpforms-form .wpforms-field-large
{
    width: 100%;
    height: 50px;
    background-color: #f5fbff!important;
    border: 1px solid #c7cae3!important;
    font-size: 16px!important;
    color: #8398a6!important;
    padding: 15px!important;
    border-radius: 6px;
}
.ct_form div.wpforms-container-full .wpforms-form textarea.wpforms-field-large
{
    resize: none;
    height: 102px;
}
.ct_form div.wpforms-container-full .wpforms-form .wpforms-field-phone .wpforms-field-large
{
    padding-left: 55px!important;
}
div.wpforms-container-full
{
    margin: 0!important;
}
div.wpforms-container-full .wpforms-form .wpforms-submit
{
    color: var(--dark)!important;
    font-size: 17px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding: 4px 10px!important;
    border-radius: 20px;
    display: inline-block;
    border: 0!important;
    background: none!important;
}
div.wpforms-container-full .wpforms-form .wpforms-submit:before
{
    content: '';
    display: inline-block;
    width: 100%;
    height: 34px;
    background-color: rgba(9,156,235,.8);
    border-radius: 20px;
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: calc(-100% + 33px);
    right: auto;
    transform: translateY(-50%);
    z-index: -1;
    transition: all 1.3s;
}
div.wpforms-container-full .wpforms-form .wpforms-submit:hover:before
{
    transform: translate(calc(200% - 66px),-50%);
}
.ransqbic
{
    position: fixed;
    z-index: 100;
    top: 0;
    right: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    transform-origin: 0 50vh 0;
    background: #fff;
    transform: scale3d(1,0,1);
    bottom: 0;
    transition: transform 300ms cubic-bezier(.63,0,.39,.99),background 300ms cubic-bezier(.63,0,.39,.99);
    transition-delay: 200ms;
}
.ransqbic.m
{
    transform-origin: 0 50vh 0;
    transform: scale3d(1,1,1);
    transition-delay: 0;
}
@keyframes flipAnimate
{
    100%
    {
        opacity: 1;
        visibility: visible;
        max-height: inherit;
        overflow: visible;
    }
}
.port_sliderHome
{
    display: none;
    position: absolute;
    z-index: 1;
}
#portfolio_scroll
{
    display: none!important;
}
.portfolio_more
{
    position: relative;
    width: 100%;
    clear: both;
    overflow: hidden;
}
.portfolio_more:before, .portfolio_more:after
{
    content: "";
    display: block;
    clear: both;
}
.scrollmagic-pin-spacer
{
    top: auto;
    left: auto;
    bottom: auto;
    right: auto;
    margin: 0;
    display: block;
    position: relative;
    height: auto;
}
.appi-ins-portfolio-sec
{
    position: relative;
    height: 100vh;
    overflow: hidden;
    width: 100%;
    bottom: auto;
    top: 0;
    left: 0;
    right: auto;
}
.sections_port
{
    display: block;
    width: 100%;
    height: 100vh;
    border-bottom: solid 1px #000;
    font-size: 60px;
    text-align: center;
}
.trigger-wpsec
{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    z-index: -1;
}
.spacer
{
    left: 0;
    height: 1px;
    position: absolute;
    width: 100%;
    margin-top: 0;
    top: 50%;
}
.port_sliderHome.active
{
    display: block;
}
.port_sliderHome.hide_active
{
    display: none!important;
    opacity: 0;
    visibility: hidden;
}
.portfolio_more.hide_points .port_sliderHome
{
    display: none!important;
    opacity: 0;
    visibility: hidden;
}
.portfolio_more.hide_points .port_sliderHome.active
{
    display: none!important;
    opacity: 0;
    visibility: hidden;
}
.firsttouch_top
{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: transparent;
    pointer-events: none;
    height: 450px;
}
.section_devide
{
    display: block;
    clear: both;
    width: 100%;
    position: relative;
}
.section_devide:before, .section_devide:after
{
    content: "";
    display: block;
    clear: both;
}
.port_sliderHome.hide_active
{
    display: none;
}
.portfolio_more.hide_points .points_portfolio
{
    display: none!important;
}
.skip_loader
{
    display: none;
    border: 2px solid rgba(0,0,0,.1);
    border-radius: 50%;
    border-top: 2px solid #fff;
    width: 50px;
    height: 50px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    z-index: 9999;
}
@-webkit-keyframes spin
{
    0%
    {
        -webkit-transform: rotate(0deg);
    }
    100%
    {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes spin
{
    0%
    {
        transform: rotate(0deg);
    }
    100%
    {
        transform: rotate(360deg);
    }
}
.portfolio_more.hide_points .skip_loader
{
    display: block;
}
.topspaces.spaceNone
{
    margin-top: auto;
}
.port_sliderHome
{
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    height: 100vh;
    overflow: hidden;
    position: relative;
}
.port_sliderHome_left
{
    float: left;
    width: 100%;
    max-width: 450px;
    height: 100%;
    margin-left: 42%;
    transform: translate(-100%,0);
    -webkit-transform: translate(-100%,0);
    overflow: hidden;
    position: relative;
    z-index: 2;
}
.port_sliderHome_right
{
    top: 0;
    bottom: 0;
    position: absolute;
    width: 56%;
    right: 0;
    overflow: hidden;
    z-index: 2;
}
.port_table
{
    display: table;
    width: 100%;
    height: 100%;
}
.port_cell
{
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}
.port_contents
{
    display: block;
    width: 100%;
    max-width: 410px;
    color: #fff;
}
.port_contents .btn
{
    font-weight: 900;
    margin-top: 30px;
}
.port_contents .btn-anim
{
    background: var(--blue);
}
.port_sliderHome *.animated
{
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
}
.port_sliderHome .port_contents p.animated
{
    -webkit-animation-duration: 1.4s;
    animation-duration: 1.4s;
}
.port_sliderHome img
{
    display: block;
}
.port_sliderHome::before
{
    content: "";
    background: url(/wp-content/themes/xonest/assets/images/diagonal-noise.png) 0 0 repeat;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.pikopako_portfolio
{
    background: linear-gradient(to right,#ff9e02 0%,#fecb53 100%);
}
.common_sitename
{
    display: none;
    opacity: .2;
    text-transform: uppercase;
    position: absolute;
    top: 45%;
    font-size: 128px;
    left: -7%;
}
.common_sitename span
{
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    display: inline-block;
}
.pikopako_screen_one
{
    position: absolute;
    bottom: 18%;
    right: 8%;
    z-index: 1;
}
.pikopako_screen_two
{
    position: absolute;
    right: 0;
    bottom: 5%;
    z-index: 1;
}
.bo_portfolio
{
    background: linear-gradient(to right,#4fbbbd 10%,#11a1a4 99%);
}
.bo_name
{
    font-size: 115px;
}
.bo_screen_one
{
    position: absolute;
    bottom: 15%;
    right: 18%;
    z-index: 1;
}
.bo_screen_two
{
    position: absolute;
    right: 5%;
    bottom: 15%;
    z-index: 11;
}
.cutboard_portfolio
{
    background: linear-gradient(to right,#cd4b50 10%,#8b385d 99%);
}
.cutboard_name
{
    font-size: 115px;
}
.cutboard_screen_one
{
    position: absolute;
    bottom: 0%;
    left: 22%;
    z-index: 2;
    display: none;
}
.cutboard_screen_two
{
    position: absolute;
    right: 6%;
    top: 15%;
    z-index: 1;
}
.triptunity_portfolio
{
    background: linear-gradient(to right,#ee3c2e 0%,#c93326 99%);
}
.triptunity_name
{
    font-size: 115px;
}
.triptunity_screen_one
{
    position: absolute;
    bottom: 15%;
    right: 3%;
    z-index: 1;
    left: 2%;
}
.triptunity_screen_two
{
    position: absolute;
    right: 6%;
    bottom: 13%;
    z-index: 11;
}
.fundrumble_portfolio
{
    background: linear-gradient(to right,#fe8f23 10%,#db5f03 99%);
}
.fundrumble_name
{
    font-size: 115px;
}
.fundrumble_screen_one
{
    position: absolute;
    bottom: 12%;
    right: 62%;
    z-index: 2;
    width: 280px;
}
.fundrumble_screen_two
{
    position: absolute;
    right: 3%;
    bottom: 12%;
    max-width: 65%;
    z-index: 1;
}
.skipbtns
{
    position: absolute;
    display: none;
    bottom: 30px;
    left: 200px;
    z-index: 7;
    left: 50%;
    transform: translate(-50%,0);
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 16px;
}
.show_points .skipbtns
{
    display: block;
}
.skip_up a::before
{
    content: "";
    width: 20px;
    height: 20px;
    background: url(/wp-content/themes/xonest/assets/images/downarrow.svg) center no-repeat;
    background-size: 15px;
    position: absolute;
    bottom: 0%;
    left: 50%;
    transform: translate(-50%,0) rotate(-180deg);
    transition: all .3s ease-in-out 0s;
    opacity: 0;
}
.skip_up a:hover::before
{
    bottom: 100%;
    opacity: .6;
}
.skip_down a::before
{
    content: "";
    width: 20px;
    height: 20px;
    background: url(/wp-content/themes/xonest/assets/images/downarrow.svg) center no-repeat;
    background-size: 15px;
    position: absolute;
    top: 0%;
    left: 50%;
    transform: translate(-50%,0);
    transition: all .3s ease-in-out 0s;
    opacity: 0;
}
.skip_down a, .skip_up a
{
    color: #fff;
    opacity: .8;
    cursor: pointer;
}
.skip_down a:hover::before
{
    top: 90%;
    opacity: .6;
}
body:not(.home) .header
{
    box-shadow: 0 0 50px rgba(0,0,0,.1);
}
.inrbanr
{
    width: 100%;
    float: left;
    padding: 40px 0;
    background: url(/wp-content/themes/xonest/assets/images/dots1.png) repeat;
}
.inrbanr .container
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 70px;
}
.inrbanr h1, .inrbanr h2, .inrbanr h3, .inrbanr h4, .inrbanr h5, .inrbanr h6
{
    color: var(--bluedark);
    font-weight: 700;
}
.inrbanr p
{
    margin: 15px 0 0;
}
.inrbanr .img
{
    width: 44%;
}
.inrbanr .txt
{
    width: 50%;
}
.aboutSctn1
{
    width: 100%;
    float: left;
    color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 540px;
    display: flex;
    align-items: center;
    border-radius: 6px;
    padding: 50px 90px;
    margin-top: 60px;
}
.aboutSctn1 .col
{
    width: 470px;
}
.aboutSctn1 h2
{
    font-size: 24px;
    line-height: 32px;
}
.aboutSctn1 p
{
    font-size: 18px;
    font-weight: 400;
}
.aboutSctn2
{
    width: 100%;
    float: left;
    padding: 70px 0;
}
.aboutSctn2 h2, .aboutSctn3 h2
{
    color: var(--bluedark);
}
.blvrow
{
    width: 100%;
    float: left;
    padding: 0 30px;
    display: flex;
    flex-wrap: wrap;
}
.blvrow .item
{
    width: 50%;
    padding: 40px 50px;
    display: flex;
}
.blvrow .icon
{
    width: 66px;
    min-width: 66px;
    height: 66px;
    margin-right: 25px;
    border: 1px solid var(--blue);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.blvrow .icon img
{
    width: auto;
    display: block;
    margin: 0 auto;
    max-height: 44px;
}
.blvrow h5, .blvrow p
{
    font-size: 18px;
}
.aboutSctn3
{
    width: 100%;
    float: left;
    padding: 70px 0;
    background: url(/wp-content/themes/xonest/assets/images/bg2.jpg) repeat;
    text-align: center;
}
.teamrow
{
    width: 100%;
    margin: 0;
    float: left;
    position: relative;
}
.teamrow .item
{
    width: 100%;
    padding: 0 10px;
}
.teamrow img
{
    width: 100%;
    display: block;
    border-radius: 5px;
}
.teamrow p
{
    margin: 20px 0 0;
    font-size: 18px;
    line-height: 28px;
}
.teamrow p strong
{
    display: block;
    font-weight: 900;
}
.teamrow .imgBox
{
    width: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 5px;
}
.teamrow .hover
{
    transition: all .5s ease-in-out;
    color: #fff;
    padding: 15px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(6,50,137,.9);
    opacity: 0;
    visibility: hidden;
}
.teamrow .item:hover .hover
{
    opacity: 1;
    visibility: visible;
    transition: all .5s ease-in-out;
}
.teamSlider .slick-dots
{
    width: 100%;
    text-align: center;
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.teamSlider .slick-dots li
{
    margin: 0 5px;
}
.teamSlider .slick-dots button
{
    width: 18px;
    height: 18px;
    font-size: 0;
    border-radius: 50%;
    background: #063289;
    opacity: .3;
    display: block;
}
.teamSlider .slick-dots .slick-active button
{
    opacity: 1;
}
.teamSlider .slick-dots li:only-child
{
    display: none;
}
.aboutSctn4
{
    width: 100%;
    float: left;
    padding: 70px 0;
    background: #fff;
    text-align: center;
}
.abStats
{
    width: 100%;
    float: left;
    display: flex;
    flex-wrap: wrap;
    row-gap: 40px;
}
.abStats .item
{
    width: 25%;
    padding: 0 20px;
}
.abStats h4
{
    margin: 5px 0;
    font-weight: 900;
}
.abStats p
{
    font-weight: 900;
    font-size: 18px;
}
.letsConnect
{
    width: 100%;
    float: left;
    padding: 70px 0;
    background: url(/wp-content/themes/xonest/assets/images/bg2.jpg) repeat;
}
.letsConnect h5
{
    color: var(--bluedark);
}
.lt_form
{
    width: 100%;
    float: left;
    padding: 0 220px;
}
.letsConnect .textcenter
{
    margin: 0 0 40px;
}
.lt_form div.wpforms-container-full .wpforms-form input.wpforms-field-large, .lt_form div.wpforms-container-full .wpforms-form select.wpforms-field-large, .lt_form div.wpforms-container-full .wpforms-form textarea.wpforms-field-large
{
    width: 100%;
    height: 56px;
    background-color: #fff!important;
    border: 1px solid #eeeef4!important;
    font-size: 16px!important;
    color: #676767!important;
    padding: 15px 20px!important;
    box-shadow: 0 0 15px rgba(0,0,0,.05);
}
.lt_form div.wpforms-container-full .wpforms-form .wpforms-field-phone .wpforms-field-large
{
    padding-left: 55px!important;
}
.letsConnect div.wpforms-container-full .wpforms-submit-container
{
    text-align: center;
}
.bg2
{
    background: url(/wp-content/themes/xonest/assets/images/bg2.jpg) repeat;
}
.bg3
{
    background: url(/wp-content/themes/xonest/assets/images/bg3.jpg) repeat;
}
.bg4
{
    background: #fafafc;
}
.lt_form div.wpforms-container-full .wpforms-form textarea.wpforms-field-large
{
    width: 100%;
    height: 56px;
    background-color: #fff!important;
    border: 1px solid #eeeef4!important;
    font-size: 16px!important;
    color: #676767!important;
    padding: 15px 20px!important;
    box-shadow: 0 0 15px rgba(0,0,0,.05);
}
.wpforms-field-html p
{
    margin: 10px 0 0!important;
    font-size: 90%!important;
    line-height: 1.35!important;
}
.lt_form div.wpforms-container-full .wpforms-form .nolable .wpforms-field-label
{
    text-indent: -9999px;
}
.lt_form div.wpforms-container-full .wpforms-form .wpforms-field-address .wpforms-field-large:nth-child(2)
{
    width: 48%;
    float: left;
}
.lt_form div.wpforms-container-full .wpforms-form .wpforms-field-address .wpforms-field-large:nth-child(3)
{
    width: 48%;
    float: right;
}
.section
{
    width: 100%;
    float: left;
    position: relative;
}
.py40
{
    padding: 40px 0;
}
.py50
{
    padding: 50px 0;
}
.py60
{
    padding: 60px 0;
}
.py70
{
    padding: 70px 0;
}
.px40
{
    padding: 0 40px;
}
.px60
{
    padding: 0 60px;
}
.px150
{
    padding: 0 150px;
}
.px200
{
    padding: 0 200px;
}
.contactSctn1
{
    overflow: hidden;
}
.contactSctn1 .img
{
    float: left;
    width: 55%;
    margin-left: -6%;
}
.contactSctn1 .txt
{
    width: 48%;
    float: right;
}
.hdark h2
{
    color: var(--bluedark);
}
.contactSctn1 .lt_form
{
    padding: 30px 0 0;
}
.lt_form div.wpforms-container-full .wpforms-form textarea.wpforms-field-large
{
    height: 120px;
    resize: none;
}
.ctrow2
{
    width: 100%;
    float: left;
    background: #fff;
    border: 1px solid #e1e1e3;
    border-radius: 6px;
    margin: 70px 0 0;
    padding: 25px;
    text-align: center;
}
.ctrow2 ul
{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.ctrow2 ul li
{
    width: 33.33%;
    padding: 10px;
}
.ctrow2 ul li a
{
    color: #676767;
    font-size: 24px;
}
.ctrow2 ul li img
{
    display: block;
    margin: 0 auto;
}
.ctrow2 ul li a:hover
{
    color: var(--bluedark);
}
.ctrow1
{
    width: 100%;
    row-gap: 30px;
    float: left;
}
.ctrow1 .item
{
    width: 38%;
    display: flex;
    align-items: center;
}
.ctrow1 .item img
{
    display: block;
    border-radius: 8px;
    margin-right: 30px;
    box-shadow: 0 4px 10px rgba(0,0,0,.05);
}
.srvcbanr .container
{
    padding: 0;
}
.srvcbanr h1, .srvcbanr h2
{
    font-size: 34px;
}
.srvcbanr .txt
{
    width: 40%;
}
.srvcbanr .bn_form
{
    width: 53%;
    border: 2px solid #077fc8;
    border-radius: 15px;
    box-shadow: 0 0 35px rgba(3,87,173,.15);
    background: #fff;
    padding: 35px 30px;
}
.bn_form h2
{
    color: var(--dark);
    padding-bottom: 10px;
}
.bn_form .wpforms-field-label
{
    display: none!important;
}
.bn_form .wpforms-field-container
{
    display: flex;
    position: relative!important;
    flex-wrap: wrap;
}
.bn_form #wpforms-250-field_2-container
{
    position: absolute;
    top: 74px;
    left: 0;
    margin: 0;
}
.bn_form #wpforms-250-field_3-container
{
    position: absolute;
    top: 148px;
    left: 0;
    margin: 0;
}
.bn_form #wpforms-250-field_7-container
{
    width: 100%;
}
.bn_form div.wpforms-container-full .wpforms-form textarea.wpforms-field-large
{
    height: 202px;
}
.srvcSctn1 .txt
{
    width: 48%;
}
.srvcSctn1 .txt p
{
    font-weight: 300;
}
.srvcSctn1 .img
{
    width: 48%;
    text-align: center;
}
.srvcSctn1 .img img
{
    display: block;
    margin: 0 auto;
}
.srvcSctn2 .textcenter p
{
    padding: 0 10%;
}
.service_tabs
{
    width: 100%;
    display: flex;
}
.service_tabs ul.tabs
{
    width: 30%;
    border-right: 4px solid #fafafc;
    padding: 5px 0;
}
.service_tabs ul.tabs li
{
    font-weight: 700;
    margin: 5px 0;
    font-size: 18px;
}
.service_tabs ul.tabs li a
{
    display: flex;
    align-items: center;
    width: 100%;
    padding: 8px 20px;
    border: 1px solid transparent;
    border-right: 0;
    color: var(--dark);
}
.service_tabs ul.tabs li.active a
{
    background: #fafafc;
    border-color: #e9e9f0;
}
.service_tabs ul.tabs li img
{
    display: block;
    max-height: 44px;
    width: auto;
    margin: 0 auto;
}
.service_tabs ul.tabs li a i
{
    margin-right: 40px;
    width: 44px;
    text-align: center;
}
.tbContent
{
    display: none;
}
.tab_content
{
    width: 70%;
    padding: 0 60px;
}
.tab_content p
{
    font-weight: 300;
}
.tab_content .aligncenter
{
    display: block;
    margin: 30px auto 0;
}
.srvcSctn3
{
    background: #fafafc;
}
.srvcSctn3 .txt
{
    width: 63%;
}
.srvcSctn3 .img
{
    width: 34%;
}
.srvcSctn4 p
{
    font-weight: 300;
    margin: 10px 0 0;
}
.srvcSctn4 h6
{
    font-weight: 700;
}
.srvcSctn4 .clutch_bx
{
    display: flex;
    width: 100%;
    margin: 60px 0 30px;
}
.srvcSctn4 h3
{
    color: #0357ad;
    text-align: center;
}
.textcenter h3
{
    color: #0357ad;
}
.srvcSctn4 .btnb
{
    text-align: center;
    width: 100%;
    display: block;
}
.clientbox_cell
{
    width: 36%;
    display: flex;
    justify-content: space-between;
}
.clutch_logoimage
{
    width: 26%;
    text-align: center;
}
.clientbox_cell_left
{
    width: 58%;
    padding-right: 30px;
}
.clientbox_cell_right
{
    width: 42%;
}
.ranking_box
{
    width: 100%;
    display: block;
}
.rnkNum
{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.rnkNum strong
{
    font-size: 28px;
    font-weight: 900;
}
.rnkNum span
{
    font-size: 18px;
    color: #ffc107;
    display: inline-block;
    vertical-align: middle;
}
.clientbox_cell_right ul
{
    width: 100%;
    margin-top: 10px;
    border-top: 1px solid #e5e5e5;
    padding-top: 10px;
}
.clientbox_cell_right ul li
{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 15px;
    font-weight: 900;
    padding: 7px 0;
}
.liststyle ul
{
    margin: 25px 0 0;
}
.liststyle ul li
{
    margin: 10px 0 0;
    padding-left: 30px;
    background: url(/wp-content/themes/xonest/assets/images/arw1.png) no-repeat;
    background-position: 0 8px;
}
.otsrv
{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 30px;
    column-gap: 30px;
}
.otsrv .item
{
    flex-grow: 1;
    min-width: calc(33.33% - 30px);
    width: calc(33.33% - 30px);
    display: flex;
    background: #fefefe;
    padding: 30px;
    border: 1px solid #eeeef7;
}
.otsrv .icon
{
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 90px;
    min-width: 90px;
    height: 90px;
    margin-right: 25px;
    border: 1px solid #e1e1ec;
}
.otsrv .icon img
{
    display: block;
    margin: 0 auto;
}
.otsrv p
{
    font-weight: 300;
}
.otsrv h5
{
    font-size: 18px;
}
.procsrow
{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: -20px;
    text-align: center;
}
.procsrow .item
{
    width: 20%;
    padding: 20px 20px 0;
}
.procsrow p
{
    font-weight: 300;
    font-size: 16px;
}
.procsrow h5
{
    font-size: 16px;
}
.procsrow .icon
{
    position: relative;
    width: 100%;
    margin-bottom: 30px;
    display: block;
}
.procsrow .icon:before
{
    content: '';
    position: absolute;
    top: 50%;
    right: -25px;
    width: 13px;
    height: 21px;
    background: url(/wp-content/themes/xonest/assets/images/arw2.png) no-repeat;
    transform: translateY(-50%);
}
.procsrow .icon img
{
    display: block;
    margin: 0 auto;
}
.procsrow .item:last-child .icon:before
{
    display: none;
}
.developer_tabs
{
    width: 100%;
}
.developer_tabs ul.tabs2
{
    width: 100%;
    display: flex;
    justify-content: center;
}
.developer_tabs ul.tabs2 li
{
    font-weight: 700;
    margin: 0;
    font-size: 18px;
    border-bottom: 2px solid var(--dark);
    padding: 0 8px;
}
.developer_tabs ul.tabs2 li a
{
    display: flex;
    align-items: center;
    width: 100%;
    padding: 15px 22px;
    border: 2px solid transparent;
    color: var(--dark);
    margin-bottom: -2px;
    position: relative;
}
.developer_tabs ul.tabs2 li.active2 a
{
    background: #f5f5f9;
    border-color: #0357ad;
    color: #0357ad;
}
.tbContent2
{
    display: none;
}
.tbContent2 .row
{
    width: 100%;
    display: flex;
    padding: 50px 30px 0;
}
.tbContent2 .img
{
    width: 35%;
}
.tbContent2 .txt
{
    width: 65%;
    padding-left: 40px;
}
.tbContent2 .txt p
{
    font-weight: 300;
}
.developer_tabs .tab_content
{
    width: 100%;
}
.srvcSctn8
{
    background: #eee6f2;
}
.srvcSctn8 h2, .srvcSctn8 h3
{
    color: #0357ad;
}
.acomrow
{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.acomrow .txt
{
    width: 45%;
    padding-right: 60px;
}
.acomrow .img
{
    width: 55%;
}
.acomrow p
{
    font-weight: 300;
}
.acomrow .btn
{
    margin-top: 20px;
}
.srvcSctn9 .img
{
    width: 32%;
    padding: 0 40px;
}
.srvcSctn9 .txt
{
    width: 68%;
    padding: 0 40px;
}
.srvcSctn9 h3, .srvcSctn9 h2
{
    color: #0357ad;
}
.srvcSctn9 .btn
{
    margin-top: 20px;
}
.srvcSctn10
{
    position: relative;
}
.srvcSctn10:before
{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 240px;
    background: #0670bc;
}
.srvcSctn10 .container
{
    position: relative;
    z-index: 1;
}
.srvcSctn10 h2
{
    color: #fff;
    text-align: center;
    margin: 0 0 40px;
}
.srvcSctn10 .row
{
    width: 100%;
    background: #fff;
    position: relative;
    display: flex;
    padding: 30px 25px 0;
    border-radius: 20px 20px 0 0;
}
.srvcSctn10 .img
{
    width: 40%;
    padding: 80px 0 0;
}
.srvcSctn10 .txt
{
    width: 60%;
    padding-right: 40px;
}
.faqList
{
    width: 100%;
    display: flex;
    flex-direction: column;
}
.faqList h3
{
    font-size: 18px;
    font-weight: 900;
    width: 100%;
    float: left;
    cursor: pointer;
    position: relative;
    border-top: 1px solid #d2dce6;
    padding: 18px 0 18px 36px;
    line-height: 26px;
    margin: 0;
}
.faqList h3:before
{
    content: '+';
    position: absolute;
    top: 22px;
    left: 0;
    width: 20px;
    height: 20px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: 900;
    background: #077fc8;
    border-radius: 50%;
    line-height: 17px;
}
.faqList h3.active:before
{
    content: '-';
    line-height: 18px;
    font-size: 18px;
}
.faqList h3:nth-child(1)
{
    border-top: 0;
}
.faqList p
{
    font-weight: 300;
}
.faqList .answer
{
    width: 100%;
    float: left;
    display: none;
    padding: 0 0 30px 36px;
}
.mbservice_tabs
{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 20px;
}
.mbservice_tabs .box
{
    width: 220px;
    height: 210px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #fff;
    border: 1px solid #dee4e9;
    border-radius: 4px;
    text-align: center;
    margin: 0 30px;
    font-weight: 700;
}
.mbservice_tabs .box img
{
    display: block;
    margin: 0 auto 10px;
}
.lightgrey
{
    background-color: #fafafc;
}
.mbservice_tabs.hire
{
    width: calc(100% + 40px);
    margin: 0 -20px;
}
.mbservice_tabs.hire .box
{
    margin: 0 20px;
}
.btnCntr
{
    width: 100%;
    display: inline-block;
    margin-top: 50px;
    text-align: center;
}
.bgwhite
{
    background-color: #fff;
}
.srvcSctn5.bgwhite .otsrv .item
{
    background-color: #f9f9fb;
    border-color: #f3f3fa;
}
.srvcSctn5.bgwhite .otsrv .icon
{
    background-color: #fff;
}
.appDevsrv
{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 50px;
}
.appDevsrv .item
{
    width: 44%;
    display: flex;
    padding: 0 40px;
}
.appDevsrv .icon
{
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 65px;
    min-width: 65px;
    height: 65px;
    margin-right: 30px;
    border: 1px solid #077fc8;
    background-color: #fafafc;
}
.appDevsrv .icon img
{
    display: block;
    margin: 0 auto;
    width: auto;
    max-height: 45px;
}
.appDevsrv p
{
    font-weight: 300;
}
.appDevsrv h5
{
    font-size: 18px;
}
.mobsrvcSctn3 .textcenter
{
    margin: 0;
    width: 40%;
    text-align: left;
    padding-right: 55px;
    border-right: 1px solid #0357ad;
}
.mobsrvcSctn3 .appDevsrv
{
    width: 50%;
}
.cpDevsrv
{
    width: 60%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 50px;
}
.cpDevsrv .item
{
    width: 50%;
    padding-left: 55px;
    display: flex;
    flex-direction: column;
}
.cpDevsrv .icon
{
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 65px;
    min-width: 65px;
    height: 65px;
    margin-right: 20px;
    border: 1px solid #077fc8;
    background-color: #fff;
}
.cpDevsrv .icon img
{
    display: block;
    margin: 0 auto;
    width: auto;
    max-height: 45px;
}
.cpDevsrv p
{
    font-weight: 300;
}
.cpDevsrv h5
{
    font-size: 18px;
}
.cpDevsrv .item .r1
{
    width: 100%;
    display: flex;
    align-items: center;
    margin: 0 0 5px;
}
.srvcSctn3.hire
{
    background: #fff;
}
.srvcSctn3.hire .img
{
    width: 39%;
}
.srvcSctn3.hire .txt
{
    width: 56%;
}
.srvcSctn3.hire h3
{
    color: #0357ad;
}
.srvcSctn9.hire h3
{
    font-size: 24px;
    line-height: 1.3;
}
.srvcSctn9.hire .txt
{
    width: 61%;
}
.srvcSctn9.hire .txt .txt
{
    width: 100%!important;
    padding: 0!important;
}
.srvcSctn9.hire .iconList
{
    width: 38%;
    display: flex;
    flex-wrap: wrap;
    row-gap: 28px;
}
.srvcSctn9.hire .item
{
    width: 33.33%;
    padding: 0 10px;
}
.srvcSctn9.hire .item .icon
{
    width: 118px;
    height: 118px;
    border: 1px solid #eaeaea;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.srvcSctn9.hire .item .icon img
{
    width: auto;
    max-width: 82px;
    max-height: 72px;
    margin: 0 auto;
    display: block;
}
.hirededicated .txt
{
    width: 50%;
    padding-right: 40px;
}
.hirededicated .img
{
    width: 50%;
    padding-left: 40px;
}
.hirededicated h3
{
    color: #0357ad;
    padding-bottom: 5px;
}
.hirededicated p
{
    color: #8a8b8b;
    padding-top: 5px;
}
.ddcount
{
    width: 100%;
    display: flex;
    padding: 15px;
    background: #f2f3f4;
    margin-top: 25px;
}
.ddcount .itemBox
{
    width: 100%;
    display: flex;
    border: 2px solid #fff;
    text-align: center;
    flex-wrap: wrap;
}
.ddcount .item
{
    width: 50%;
    display: flex;
    align-items: center;
    height: 125px;
    padding: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    flex-direction: column;
    justify-content: center;
}
.ddcount .item:nth-child(2n)
{
    border-right: 0;
}
.ddcount .item:nth-child(2), .ddcount .item:nth-child(1)
{
    border-top: 0;
}
.ddcount .item p
{
    font-weight: bold;
    margin: 0;
    color: #000;
}
.ddcount .item h5
{
    color: #0357ad;
    font-weight: bold;
    font-size: 36px;
    line-height: 44px;
    margin: 0;
}
.pageTemplate h2, .pageTemplate h3
{
    margin-bottom: 20px;
    color: #0357ad;
    font-weight: 900;
    padding-top: 20px;
}
.pageTemplate *:nth-child(1)
{
    padding-top: 0;
}
.pageTemplate *:last-child
{
    margin-bottom: 0;
}
.pageTemplate ul, .pageTemplate ol
{
    margin: 20px 0;
}
.pageTemplate a:hover
{
    text-decoration: underline;
}
.reqaqt
{
    background: #c5d6e3;
    padding: 150px 0 100px;
    min-height: 1200px;
}
.rqrow1
{
    width: 100%;
    float: left;
}
.rqrow1 .img
{
    width: 68%;
    position: absolute;
    top: 15px;
    right: 0;
}
.rqrow1 .txt
{
    width: 40%;
    padding-left: 110px;
    position: relative;
    z-index: 1;
    min-height: 200px;
}
.rqrow1 .img img
{
    width: auto;
    display: block;
    margin: 0 auto;
    max-height: 460px;
}
.reqForm
{
    width: calc(100% - 220px);
    float: left;
    position: relative;
    margin: 110px 110px 0;
    background: #fff;
    border-radius: 8px;
    padding: 60px;
}
.reqForm .rq_form
{
    padding: 0;
}
.reqForm h3
{
    text-align: center;
    margin: 30px 0!important;
    color: #0357ad;
}
.reqForm .lt_form div.wpforms-container-full .wpforms-form input.wpforms-field-large, .reqForm .lt_form div.wpforms-container-full .wpforms-form select.wpforms-field-large, .reqForm .lt_form div.wpforms-container-full .wpforms-form textarea.wpforms-field-large
{
    background-color: #f6f6f8!important;
    border-color: #c7cae3!important;
    border-radius: 8px!important;
    box-shadow: none!important;
}
.reqForm .wpforms-submit-container
{
    margin-top: 20px!important;
}
.lt_form div.wpforms-container-full .wpforms-form .wpforms-field-large input[type="text"]
{
    width: 100%;
    height: 56px;
    background-color: #f6f6f8!important;
    border: 1px solid #c7cae3!important;
    font-size: 16px!important;
    color: #676767!important;
    padding: 15px 20px!important;
    border-radius: 8px!important;
    box-shadow: none!important;
}
.lt_form div.wpforms-container-full .wpforms-form .wpforms-field-large select
{
    width: 100%;
    height: 56px;
    background-color: #f6f6f8!important;
    border: 1px solid #c7cae3!important;
    font-size: 16px!important;
    color: #676767!important;
    padding: 15px 20px!important;
    border-radius: 8px!important;
    box-shadow: none!important;
}
body div.wpforms-container-full .wpforms-form select
{
    background-image: url(/wp-content/themes/xonest/assets/images/sl.png);
    background-repeat: no-repeat;
    background-position: calc(100% - 15px) 50%;
}
.blogPage
{
    width: 100%;
    float: left;
    padding: 50px 0;
    overflow: hidden;
}
.blogrow
{
    width: calc(100% + 60px);
    float: left;
    margin-left: -30px;
    display: flex;
    flex-wrap: wrap;
    row-gap: 60px;
}
.blogcol
{
    width: calc(33.33% - 60px);
    margin: 0 30px;
}
.blogcol:nth-child(1)
{
    width: calc(100% - 60px);
    background: #0357ad;
    display: flex;
    border-radius: 10px;
    overflow: hidden;
    align-items: center;
}
.blogThumb
{
    width: 100%;
    height: 334px;
    border-radius: 8px;
    overflow: hidden;
    margin: 0 0 30px;
}
.blogThumb a
{
    display: block;
    width: 100%;
    height: 100%;
    transition: all 2s ease-in-out;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.blogThumb a:hover
{
    transform: scale(1.05);
    transition: all 2s ease-in-out;
}
.blogcol h3
{
    font-size: 18px;
    line-height: 1.3;
    font-weight: bold;
}
.blogcol h3 a
{
    color: #000;
}
.blogcol:hover h3 a
{
    color: #0357ad;
}
.blogcol .btn
{
    font-weight: 900;
}
.blogcol:nth-child(1) .blogThumb
{
    width: 50%;
    height: 440px;
    border-radius: 8px 0 0 8px;
    margin: 0;
}
.blogcol:nth-child(1) .blogTxt
{
    width: 50%;
    padding: 50px 90px;
    color: #fff;
}
.blogcol:nth-child(1) h3
{
    font-size: 24px;
}
.blogcol:nth-child(1) h3 a
{
    color: #fff;
}
.blogcol:nth-child(1):hover h3 a
{
    color: #000;
}
.blogcol:nth-child(1) .btn
{
    color: #fff;
}
.blogcol .posted-on
{
    display: none;
}
.cat-links
{
    font-size: 0;
}
.cat-links a
{
    font-size: 16px;
    color: #87888b;
    font-weight: 900;
}
.cat-links a:hover
{
    color: #0357ad;
}
.cat-links a:after
{
    content: '|';
    display: inline-block;
    margin: 0 10px;
}
.cat-links a:last-child:after
{
    display: none;
}
.blogcol .post-taxonomies
{
    margin-bottom: 10px;
}
.blogcol:nth-child(1) .cat-links a
{
    color: #c9d7e6;
}
.blogcol:nth-child(1) .cat-links a:hover
{
    color: #fff;
}
.pageNav
{
    width: 100%;
    float: left;
    text-align: center;
}
.pageNav .page-numbers
{
    display: inline-block;
    width: 40px;
    height: 40px;
    text-align: center;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    color: #000;
    margin: 0 6px;
    align-items: center;
}
.pageNav .page-numbers.current
{
    background: #0357ad;
    color: #fff;
    border-color: #0357ad;
}
.pageNav .page-numbers:not(.current):hover
{
    color: #0357ad;
    border-color: #0357ad;
}
.pageNav .page-numbers.next, .pageNav .page-numbers.prev
{
    border: 0;
    background: none;
    margin: 0 20px;
}
.pageNav .nav-links
{
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 100px 0 0;
}
.page-header
{
    width: 100%;
    text-align: center;
    float: left;
    margin-bottom: 50px;
}
.page-header h2
{
    color: #0357ad;
    margin-bottom: 10px;
    font-weight: bold;
}
.blogDtl
{
    width: 100%;
    float: left;
}
.blogDtl .container
{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.blogleft
{
    width: 734px;
}
.blogleft .img
{
    width: 100%;
    background: #fff;
    padding: 12px;
    border: 1px solid rgba(187,187,187,.25);
    box-shadow: 0 10px 25px rgba(0,0,0,.1);
}
.blogleft .img img
{
    width: 100%;
    display: block;
}
.blogright
{
    width: 475px;
    background: #fff;
    box-shadow: 0 10px 25px rgba(0,0,0,.1);
    border-radius: 2px;
    padding: 40px;
    border: 1px solid rgba(187,187,187,.25);
}
.blogleft .title
{
    margin-bottom: 20px;
    color: #0357ad;
    font-weight: 900;
    padding-top: 40px;
}
.blg_meta
{
    width: 100%;
    display: inline-block;
    padding: 0 0 25px;
    color: #1c1c1e;
    font-size: 14px;
}
.blg_meta .divider
{
    display: inline-block;
    padding: 0 10px;
}
.srchForm
{
    width: 100%;
    float: left;
    position: relative;
}
.srchForm .search-field
{
    width: 100%;
    float: left;
    height: 50px;
    border: 1px solid #dadada;
    padding: 0 80px 0 20px;
    font-size: 15px;
    color: #808080;
}
.srchForm .search-submit
{
    width: 50px;
    height: 50px;
    font-size: 0;
    background-image: url(/wp-content/themes/xonest/assets/images/search-icon.png);
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    position: absolute;
    top: 0;
    right: 0;
}
.blogright .widget
{
    width: 100%;
    float: left;
    margin: 35px 0 0;
}
.blogright .widget h4
{
    font-size: 24px;
    color: #0357ad;
    margin: 0 0 15px;
    font-weight: bold;
}
.allCtgry ul li
{
    width: 100%;
    display: block;
    border-bottom: 1px solid #e5e5e5;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}
.allCtgry ul li a
{
    display: block;
    color: #1c1c1e;
    padding: 15px 0;
}
.allCtgry ul li a:hover
{
    color: #0357ad;
}
.allCtgry ul li:last-child
{
    border-bottom: 0;
}
.pplrPost
{
    width: 100%;
    float: left;
}
.pplrRow
{
    width: 100%;
    float: left;
    border-bottom: 1px solid #e5e5e5;
    padding: 20px 0;
}
.pplrRow h5
{
    font-size: 20px;
    line-height: 26px;
    font-weight: 900;
    color: #000;
    transition: all .3s ease-in-out;
}
.pplrRow p
{
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #191919;
    margin: 5px 0;
}
.pplrRow .date
{
    font-size: 14px;
    line-height: 24px;
    color: #969696;
}
.pplrRow a:hover h5
{
    color: #0357ad;
    transition: all .3s ease-in-out;
}
.pplrRow:last-child
{
    border-bottom: 0;
}
.allTags ul
{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.allTags ul li
{
    margin: 10px 10px 0 0;
}
.allTags ul li a
{
    display: inline-block;
    border: 1px solid #e5e5e5;
    border-radius: 30px;
    font-size: 16px;
    font-weight: 500;
    color: #4e4e4e;
    padding: 6px 15px;
    min-width: 100px;
    text-align: center;
}
.allTags ul li a:hover
{
    background: #0357ad;
    color: #fff;
    border-color: #0357ad;
}
.blogcol .post-taxonomies .tags-links
{
    display: none;
}
.portfolioPage
{
    width: 100%;
    float: left;
    padding: 70px 0;
}
.portfolioPage .tabs
{
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
}
.portfolioPage .tabs li
{
    padding: 0 40px;
}
.portfolioPage .tabs li a
{
    display: flex;
    padding: 0 10px;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    font-size: 18px;
    color: #14151b;
}
.portfolioPage .tabs li .txt
{
    display: inline-block;
    position: relative;
    z-index: 1;
    padding: 0 8px 2px;
    margin-top: 10px;
}
.portfolioPage .tabs li .txt:before
{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #83bfe3;
    z-index: -1;
    opacity: 0;
}
.portfolioPage .tabs li:hover .txt:before
{
    opacity: 1;
    transition: all .4s ease-in-out;
}
.portfolioPage .tabs li.active .txt:before
{
    opacity: 1;
    transition: all .4s ease-in-out;
    background-color: #099ceb;
}
.portfolio_row
{
    width: 100%;
    float: left;
    display: flex;
    flex-wrap: wrap;
    padding: 60px 0 0;
    row-gap: 60px;
}
.portfolio_row .allitem
{
    width: 50%;
    padding: 0 30px;
    display: none;
}
.portfolio_row .item2, .portfolio_row .item3, .portfolio_row .item4
{
    width: 50%;
    padding: 0 30px;
}
.portfolio_row .thumb img
{
    display: block;
    border-radius: 8px;
}
.portfolio_row .thumb
{
    transition: all .4s ease-in-out;
}
.portfolio_row .thumb:hover
{
    transform: scale(1.04);
}
.portfolio_row .thumb:hover img
{
    box-shadow: 0 0 25px rgba(0,0,0,.3);
}
.portfolio_row h3
{
    font-size: 24px;
    line-height: 30px;
    color: #14151b;
    margin: 15px 0 0;
    transition: all .3s ease-in-out;
}
.portfolio_row p
{
    color: #14151b;
    margin: 10px 0 0;
}
.portfolio_row .item a:hover h3
{
    color: var(--blue);
    transition: all .3s ease-in-out;
}
.page-template-portfolio-page .expertsSctn
{
    display: none;
}
.loadMore
{
    width: 100%;
    float: left;
    text-align: center;
}
.loadMore a
{
    margin-top: 60px;
}
.p1 .loadMore, .p2 .loadMore, .p3 .loadMore, .p4 .loadMore, .p5 .loadMore, .p6 .loadMore, .p7 .loadMore, .p8 .loadMore
{
    display: none;
}
.moreProjects
{
    width: 100%;
    float: left;
    padding: 60px 0;
    background: #f9f9ff;
}
.mprhead
{
    width: 100%;
    float: left;
    padding: 0 30px;
}
.mprhead h2
{
    float: left;
    font-size: 30px;
    line-height: 36px;
}
.mprhead .btn
{
    float: right;
}
.tbContentt .allitem
{
    display: block;
}
.tbContentt
{
    width: 100%;
    float: left;
}
.tbContentt .portfolio_row
{
    padding: 40px 0 0;
}
.portdtlsctn1
{
    width: 100%;
    float: left;
    border-radius: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 45px 0 0;
    align-items: center;
}
.portdtlsctn1 .txt
{
    width: 44%;
    padding: 0 15px 0 60px;
}
.portdtlsctn1 .img
{
    width: 56%;
    padding: 0 15px;
    text-align: center;
}
.portdtlsctn1 .btn
{
    margin-top: 10px;
}
.portdtlsctn2
{
    width: 100%;
    float: left;
    text-align: center;
}
.techRow
{
    width: 100%;
    float: left;
    row-gap: 30px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.techRow .item
{
    margin: 0 30px;
}
.techRow .item img
{
    display: block;
    margin: 0 auto;
    max-height: 62px;
}
.aftertech
{
    width: 100%;
    float: left;
    padding: 40px 250px 0;
}
.portfGlry
{
    width: 100%;
    float: left;
    background-color: #5fa4c2;
}
.portfGlry .item
{
    margin: 0 0 30px;
}
.portfGlry .item img
{
    width: 100%;
    display: block;
    border-radius: 15px;
    border: 2px solid #fff;
}
.portfGlry .container
{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}
.portfGlry .glryCol1, .portfGlry .glryCol3
{
    width: 32%;
    padding: 0 15px;
}
.portfGlry .glryCol2
{
    width: 36%;
    padding: 0 15px;
    margin-top: 30px;
}
.portfGlry .glryCol1 .item:nth-child(1) img, .portfGlry .glryCol3 .item:nth-child(1) img
{
    border-radius: 0 0 15px 15px;
}
.portfGlry .glryCol1 .item:last-child, .portfGlry .glryCol3 .item:last-child
{
    margin-bottom: 0;
}
.portfGlry .glryCol1 .item:last-child img, .portfGlry .glryCol3 .item:last-child img
{
    border-radius: 15px 15px 0 0;
}
.portfAssets
{
    width: 100%;
    float: left;
    background-color: #fff;
}
.portfAssets .container
{
    display: flex;
    padding: 0 80px;
}
.portFonts
{
    width: 50%;
    float: left;
    padding: 0 60px;
    border-right: 1px solid #343434;
}
.portFonts .typography
{
    width: 100%;
    float: left;
    color: #343434;
}
.portFonts .fontfamilyname
{
    font-weight: bold;
    font-size: 24px;
    line-height: 36px;
}
.portFonts .fonttypes
{
    font-size: 16px;
    line-height: 26px;
}
.font-family_typographyss
{
    padding: 20px 0 0;
    font-size: 16px;
    line-height: 30px;
}
.font-family_typographyss .upprcase
{
    text-transform: uppercase;
}
.font-family_typographyss span
{
    width: 100%;
    display: block;
}
.portcolor
{
    width: 50%;
    padding: 0 75px;
}
.portcolor ul
{
    text-align: center;
}
.portcolor ul li
{
    width: 90px;
    float: left;
    margin-right: 20px;
    margin-top: 20px;
    font-size: 16px;
    font-weight: 600;
    color: #343434;
}
.portcolor ul li .clrcrcl
{
    display: flex;
    align-items: center;
    margin: 0 auto;
    border-radius: 50%;
    width: 44px;
    height: 44px;
    border-width: 2px;
    border-style: solid;
    padding: 2px;
    position: relative;
}
.clrcrcl span
{
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
    border-radius: 50%;
}
.portcolor .clrcode
{
    width: 100%;
    display: inline-block;
    padding: 10px 0 0;
}
.portfAssets h2
{
    font-size: 60px;
    color: #343434;
    margin: 0 0 20px;
}
.ourClabr
{
    width: 100%;
    float: left;
}
.ourClabr h2
{
    color: var(--bluedark);
}
.ourProcs
{
    width: 100%;
    float: left;
    padding: 0 0 90px;
}
.prcsRow
{
    width: 100%;
    float: left;
}
.prcsRow .item
{
    width: 50%;
    float: left;
    position: relative;
    margin-right: 50%;
}
.prcsRow .item:nth-child(2n)
{
    float: right;
    margin-left: 50%;
    margin-right: 0;
}
.prcsRow .item .col
{
    width: 100%;
    float: left;
    display: flex;
    position: relative;
    padding: 50px 85px 50px 0;
}
.prcsRow .icon
{
    width: 190px;
    min-width: 190px;
    padding: 0 40px;
    text-align: center;
}
.prcsRow .icon img
{
    display: block;
    margin: 0 auto;
    max-width: 100px;
}
.prcsRow .item h4
{
    font-size: 18px;
    line-height: 26px;
}
.prcsRow .count
{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -52px;
    width: 104px;
    height: 104px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 72px;
    color: #c7deeb;
    font-weight: 500;
}
.prcsRow .count:before
{
    content: '';
    position: absolute;
    top: 25px;
    right: -140px;
    width: 140px;
    height: 140px;
    background: url(/wp-content/themes/xonest/assets/images/p1.png) no-repeat;
    background-size: 100%;
}
.prcsRow .item:nth-child(2n) .col
{
    padding: 50px 45px 50px 40px;
}
.prcsRow .item:nth-child(2n) .count
{
    right: auto;
    left: -52px;
}
.prcsRow .item:nth-child(2n) .count:before
{
    left: -140px;
    right: auto;
    background-image: url(/wp-content/themes/xonest/assets/images/p2.png);
}
.prcsRow .item:last-child .count:before
{
    display: none;
}
.testmPage
{
    width: 100%;
    float: left;
    position: relative;
}
.testmPage:before
{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    background: url(/wp-content/themes/xonest/assets/images/tmbg.jpg) no-repeat;
    width: 520px;
    height: 490px;
}
.tstmrow
{
    width: 100%;
    float: left;
    display: flex;
    flex-wrap: wrap;
    row-gap: 78px;
    column-gap: 45px;
    position: relative;
    z-index: 1;
    padding: 15px 0;
}
.tstmrow .item
{
    width: calc(33.33% - 30px);
}
.tstmrow .textBox
{
    width: 100%;
    float: left;
    border: 1px solid #f4f4f4;
    padding: 35px 25px;
    box-shadow: 0 15px 30px rgba(0,0,0,.1);
    position: relative;
    min-height: 240px;
    background-color: #fff;
}
.tstmrow .textBox:after
{
    content: '';
    position: absolute;
    bottom: -14px;
    left: 25px;
    width: 24px;
    height: 15px;
    background: url(/wp-content/themes/xonest/assets/images/a1.png) no-repeat;
}
.tstmrow p
{
    font-size: 16px;
    line-height: 28px;
    font-weight: 500;
    margin: 0;
}
.tstmrow .textBox p:before
{
    content: '';
    display: inline-block;
    position: relative;
    width: 43px;
    height: 32px;
    background: url(/wp-content/themes/xonest/assets/images/q1.png) no-repeat;
    margin: 0 5px 0 0;
    top: 7px;
}
.tstmrow .textBox p:after
{
    content: '';
    display: inline-block;
    position: relative;
    width: 43px;
    height: 32px;
    background: url(/wp-content/themes/xonest/assets/images/q2.png) no-repeat;
    vertical-align: bottom;
    margin: 0 0 -8px 5px;
}
.teUsr
{
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    margin: 25px 0 0;
}
.teUsr h5
{
    font-size: 16px;
    line-height: 24px;
    color: #14151b;
    font-weight: 700;
}
.teUsr h5 span
{
    display: block;
    font-weight: 500;
    color: #50525d;
}
.teUsr img
{
    width: 48px;
    height: 48px;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
}
.teUsr .icon
{
    min-width: 48px;
    margin-right: 15px;
}
.typeVideo
{
    width: 100%;
    float: left;
    height: 100%;
    position: relative;
}
.typeVideo p
{
    display: none;
}
.typeVideo iframe
{
    width: 100%;
    display: block;
    height: 100%;
    min-height: 350px;
}
.allProducts
{
    width: 100%;
    float: left;
}
.productRow
{
    width: 100%;
    float: left;
    display: flex;
    flex-wrap: wrap;
    row-gap: 60px;
    column-gap: 30px;
}
.productRow .item
{
    width: calc(33.33% - 20px);
    border: 1px solid #d6d6d6;
    border-radius: 15px 15px 0 0;
    overflow: hidden;
    transition: all .3s ease-in-out;
}
.productRow .item:hover
{
    transition: all .3s ease-in-out;
    border: 2px solid #0357ad;
}
.prInfo
{
    width: 100%;
    float: left;
    padding: 25px 20px;
    display: flex;
    justify-content: space-between;
    box-shadow: 0 -5px 30px rgba(0,0,0,.2);
    position: relative;
}
.prheadd
{
    width: calc(100% - 160px);
    padding-right: 15px;
}
.prheadd h5
{
    font-size: 18px;
    line-height: 24px;
    margin: 0 0 5px;
    font-weight: 900;
    color: #000;
}
.prheadd p
{
    font-size: 15px;
    line-height: 22px;
    color: #63a9f1;
    margin: 0 0 5px;
}
.prheadd strong
{
    font-weight: 900;
    font-size: 16px;
    line-height: 24px;
}
.practn
{
    width: 160px;
    display: flex;
    flex-direction: column;
}
.practn a
{
    display: block;
    text-align: center;
    color: #fff;
    padding: 6px 10px;
    border-radius: 6px;
    font-size: 17px;
    font-weight: 500;
    background: #2371ec;
}
.practn a.btn2
{
    background: #0357ad;
    color: #fff;
    margin: 10px 0 0;
}
.practn a.btn1
{
    margin-bottom: 15px;
}
.practn a:hover
{
    opacity: .9;
}
.ptScrolling .imageBg
{
    height: 430px;
    display: block;
    position: relative;
}
.ptScrolling .imageBg .image_scroll
{
    background-position: center 0;
    background-repeat: no-repeat;
    position: absolute;
    height: 430px;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    background-size: 100%;
    transition: all 10s ease-out 0s;
}
.ptScrolling .imageBg:hover .image_scroll
{
    background-position: center 100%!important;
}
.productRdy
{
    width: 100%;
    float: left;
    background: #eef2f5;
}
.productRdy .mprhead
{
    padding: 0 0 30px;
}
.home .productRdy, .bgwhite .productRdy
{
    background: #fff;
}
.mprhead .btn
{
    margin: 0;
}
.prdctSctn1 .portdtlsctn1
{
    margin: 0;
}
.portfGlry h2
{
    text-align: center;
    margin: 60px 0 40px;
    color: #fff;
}
.portfGlry .cntrBtn
{
    text-align: center;
    margin: 60px 0 40px;
}
.portfGlry .cntrBtn a.btn
{
    font-weight: 700;
}
.portfGlry .cntrBtn .btn-anim
{
    background: #fff;
}
.prdctSctn1
{
    width: 100%;
    float: left;
}
.awFtrs
{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 10px;
    column-gap: 30px;
}
.awFtrs .item
{
    flex-grow: 1;
    min-width: calc(33.33% - 30px);
    width: calc(33.33% - 30px);
    padding: 30px;
}
.awFtrs .icon
{
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 65px;
    min-width: 65px;
    height: 65px;
    margin-right: 15px;
    border: 1px solid #077fc8;
}
.awFtrs .icon img
{
    display: block;
    margin: 0 auto;
    max-height: 48px;
}
.awFtrs p
{
    font-weight: 300;
    margin: 12px 0 0;
}
.awFtrs h5
{
    font-size: 18px;
    display: flex;
    align-items: center;
    margin: 0;
}
.onloadDiv
{
    position: fixed;
    z-index: 99999999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    background: #fff;
}
.onloadDiv .dflex
{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}
.onloadDiv .dflex img
{
    display: block;
    margin: 0 auto;
    max-width: 220px;
    margin-top: -20px;
}
.closehmenus, .menu_masking
{
    display: none;
}
.header_menu
{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.partof_section
{
    width: 100%;
    padding: 60px 0;
    float: left;
}
.partof_section h3 a:hover
{
    color: #333;
}
.partof_section h3
{
    margin: 0 0 20px;
    font-size: 28px;
}
.partof_section h4
{
    font-size: 22px;
    line-height: 28px;
    margin: 0 0 15px;
    color: #1683e7;
}
.partof_section h5
{
    font-size: 18px;
    line-height: 26px;
    margin: 0 0 10px;
    font-weight: 600;
}
.partof_section .navRow
{
    width: 100%;
    float: left;
    display: flex;
    flex-wrap: wrap;
    margin: 20px 0 0;
}
.partof_section .navRow .col
{
    width: 25%;
    padding: 0 10px;
}
.navRow ul
{
    margin: 0 0 30px;
}
.navRow ul li
{
    position: relative;
    padding-left: 15px;
    margin: 8px 0;
    font-size: 16px;
    line-height: 24px;
}
.navRow ul li:before
{
    content: "";
    width: 6px;
    height: 6px;
    background: #1683e7;
    border-radius: 50px;
    position: absolute;
    left: 0;
    top: 8px;
}
.navRow ul li a
{
    color: #333;
}
.navRow ul li a:hover
{
    color: #1683e7;
    text-decoration: underline;
}
.sitemap_bottom_links
{
    width: 100%;
    text-align: center;
    padding-top: 50px;
    float: left;
}
.sitemap_bottom_links ul li
{
    display: inline-block;
    padding: 5px 0;
    font-size: 17px;
    font-weight: 900;
    line-height: 26px;
}
.sitemap_bottom_links ul li a:hover
{
    color: #333;
}
.sitemap_bottom_links ul li:after
{
    content: '|';
    display: inline-block;
    margin: 0 8px;
    color: var(--dark);
}
.sitemap_bottom_links ul li:last-child::after
{
    display: none;
}
.portColg
{
    width: 100%;
    float: left;
}
.portColg img
{
    display: block;
}
.ftrgny
{
    width: 240px;
    position: fixed;
    bottom: 20px;
    left: 0;
    height: 240px;
    z-index: 1;
}
.ftrgny img
{
    display: block;
    width: 100%;
}
.mobilePortfolios
{
    width: 100%;
    float: left;
    position: relative;
    display: none;
}
.prtSlider
{
    width: 100%;
    float: left;
    position: relative;
}
.prtSlider .slide
{
    width: 100%;
    float: left;
    position: relative;
    text-align: center;
    padding: 40px 20px 80px;
    color: #fff;
}
.prtSlider .slick-prev, .prtSlider .slick-next
{
    display: none!important;
}
.prtSlider .slideImg
{
    width: 100%;
    float: left;
    height: 190px;
    margin-bottom: 30px;
}
.prtSlider .slideImg img
{
    max-height: 190px;
    display: block;
    margin: 0 auto;
}
.prtSlider .text
{
    width: 100%;
    float: left;
}
.prtSlider .slick-dots
{
    width: 100%;
    display: flex;
    float: left;
    position: absolute;
    bottom: 20px;
    left: 0;
    justify-content: center;
    align-items: center;
}
.prtSlider .slick-dots li button
{
    width: 14px;
    height: 14px;
    background-color: #fff;
    opacity: .5;
    border-radius: 50%;
    font-size: 0;
}
.prtSlider .slick-dots li.slick-active button
{
    opacity: 1;
}
.prtSlider .slick-dots li
{
    margin: 0 4px;
}
.testmItem
{
    display: none;
}
.page-template-offer-page .header, .page-template-offer-page .footer, .page-template-offer-page .expertsSctn, .page-template-offer-page .ftrgny
{
    display: none!important;
}
.page-template-offer-page
{
    padding: 0!important;
}
.offerPage
{
    width: 100%;
    float: left;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
.offerHeader
{
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 40px 0;
}
.offerHeader .vbtn
{
    display: inline-block;
    background: var(--blue);
    color: var(--white);
    line-height: 42px;
    border-radius: 40px;
    padding: 0 35px;
    font-size: 17px;
    font-weight: 900;
}
.offerHeader .vbtn:hover
{
    background: var(--blue2);
}
.offerMain
{
    width: 100%;
    float: left;
    display: flex;
    align-items: start;
    align-items: flex-start;
    justify-content: space-between;
    border-radius: 12px;
    background-size: cover;
    background-repeat: no-repeat;
    box-shadow: 0 50px 90px rgba(0,0,0,.5);
    margin: 20px 0 0;
}
.offerMain .leftCol
{
    width: 60%;
    color: #fff;
    padding: 95px 20% 20px 40px;
    position: relative;
}
.avbFrom
{
    position: absolute;
    top: 18px;
    left: -15px;;
    color: #fff;
    border-radius: 6px;
    background-color: #0cbe29;
    padding: 10px 15px 10px 30px;
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
}
.ofrTitle
{
    font-size: 54px;
    text-transform: uppercase;
    font-weight: 800;
    line-height: 58px;
    font-style: italic;
    color: #fff;
}
.ofrTitle span
{
    display: inline-block;
    background-color: #fa0001;
    font-size: 38px;
    line-height: 38px;
    padding: 7px 15px;
    border-radius: 8px;
    position: relative;
    top: -10px;
    font-style: normal;
}
.ofrPrice
{
    font-size: 28px;
    color: #fa0001;
    font-weight: 900;
    font-style: italic;
}
.ofrPrice label
{
    font-size: 42px;
    font-weight: 700;
    color: #fff;
}
.orgPrice
{
    font-size: 26px;
    color: #bab6b6;
    font-weight: 900;
    font-style: italic;
    margin-top: -15px;
}
.orgPrice label
{
    text-decoration: line-through;
}
.ofrInfo
{
    font-size: 17px;
    line-height: 24px;
    color: #bab6b6;
    font-weight: 500;
    width: 100%;
    display: inline-block;
    padding: 15px 0;
}
.offerMain .rightCol
{
    width: 40%;
    padding: 20px;
    background: rgba(255,255,255,.06);
    border-radius: 0 12px 12px 0;
}
.offerMain .wpforms-form .wpforms-field input
{
    height: 44px!important;
    border-radius: 6px!important;
    padding-left: 20px!important;
}
.offerMain .wpforms-form .wpforms-field.wpforms-field-phone input
{
    padding-left: 52px!important;
}
.offerMain .wpforms-form .wpforms-field textarea.wpforms-field-large
{
    border-radius: 6px;
    padding-left: 20px;
    padding-top: 10px;
    height: 70px;
}
.offerMain div.wpforms-container-full .wpforms-form .wpforms-submit
{
    color: #fff!important;
    font-weight: 900!important;
}
.countDownBox
{
    padding: 0;
}
.countDownBox #main_countedown_1 .time_description
{
    padding-top: 10px;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    font-family: 'FuturaStd',sans-serif;
    font-weight: 900;
}
.countDownBox #main_countedown_1 .time_left
{
    background-color: #fff;
    color: #000;
    font-family: 'FuturaStd',sans-serif;
    font-weight: 900;
}
.offerMain div.wpforms-container-full .wpforms-form .wpforms-field
{
    padding: 1px 0!important;
}
.careerGallery
{
    width: 100%;
    padding: 10px 0 70px;
}
.careerGallery .container
{
    display: flex;
    flex-wrap: wrap;
}
.careerGallery .item
{
    width: 50%;
    display: block;
    padding: 10px;
    border-radius: 10px;
    overflow: hidden;
}
.careerGallery img
{
    transition: all .4s ease-in-out;
    display: block;
    width: 100%;
    opacity: .4;
    border-radius: 10px;
}
.careerGallery img:hover
{
    transition: all .4s ease-in-out;
    opacity: 1;
}
.srvcSctn9.crlst .img
{
    width: 45%;
}
.srvcSctn9.crlst .txt
{
    width: 55%;
}
.allopnPos
{
    width: 100%;
    padding: 60px 190px 0;
    display: flex;
    width: 100%;
}
.jobrow
{
    display: flex;
    width: 100%;
    flex-direction: column;
}
.jobList
{
    width: 100%;
    border-bottom: 1px solid #d4d4d4;
    transition: all .4s ease-in-out;
}
.jobList a
{
    border-radius: 10px;
    border: 1px solid transparent;
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 40px;
    color: #000;
}
.jobList:hover
{
    transition: all .4s ease-in-out;
    border-bottom: 1px solid transparent;
}
.jobList a:hover
{
    background-color: #fff;
    border-color: #b6d2ef;
}
.jobList h3
{
    font-size: 24px;
    line-height: 36px;
    font-weight: 900;
    margin: 0 0 8px;
    transition: all .4s ease-in-out;
    text-align: left;
}
.jobList p
{
    font-size: 18px;
    line-height: 28px;
    margin: 0;
    text-align: left;
}
.jobList p span
{
    display: inline-block;
    margin-right: 25px;
}
.jobList p span:last-child
{
    margin-right: 0;
}
.jobList a:hover h3
{
    transition: all .4s ease-in-out;
    color: var(--blue);
}
.jobList .btn
{
    color: var(--dark);
    font-size: 17px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding: 4px 10px;
    border-radius: 20px;
    display: inline-block;
}
.jobList:last-child
{
    border-bottom: 0;
}
.single-job .header, .single-job .ftrgny, .single-job .footer
{
    display: none!important;
}
.single-job .expertsSctn
{
    display: none!important;
}
body.single-job
{
    padding-top: 0!important;
    overflow: hidden;
}
.applyJob
{
    width: 100%;
    float: left;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
}
.applyJob .row
{
    width: 100%;
    float: left;
    display: flex;
    justify-content: space-between;
}
.applyJob .txt
{
    width: 45%;
    color: #fff;
    padding: 30px 0 0;
}
.applyJob h1
{
    font-size: 30px;
    line-height: 1.2;
    font-weight: 700;
    padding-bottom: 5px;
}
.applyJob .txt p
{
    margin-top: 20px;
    color: #94aebd;
}
.applyJob .txt ul li
{
    position: relative;
    padding-left: 28px;
    margin-top: 20px;
    color: #94aebd;
    background: url(/wp-content/themes/xonest/assets/images/jarw1.png) no-repeat;
    background-position: 0 6px;
}
.applyJob .dz-message .modern-hint
{
    display: none!important;
}
.applyJob div.wpforms-container-full .hidden
{
    display: none!important;
}
div.wpforms-container-full .wpforms-form .wpforms-field-label
{
    font-weight: 900!important;
    margin: 0 0 10px 0!important;
}
div.wpforms-container-full .wpforms-form .wpforms-field
{
    margin-bottom: 10px;
}
.page-id-1507 .reqaqt
{
    background: #e0eee6;
}
.page-id-1530 .reqaqt
{
    background: #f3e8dc;
}
.mylogo
{
    width: 100%;
    float: left;
    padding: 40px 0;
}
.mylogo .partners
{
    padding: 0!important;
}
.linkline
{
    width: 100%;
    float: left;
    padding-left: 110px;
    margin-top: 40px;
}
.linkline h6 a
{
    color: #333;
    display: inline-block;
    text-decoration: underline;
}
.linkline h6 a:hover
{
    color: var(--blue);
}
.linkline h6
{
    margin-top: 5px;
}
.relatedLogos
{
    width: 100%;
    float: left;
}
.relatedLogos .mprhead
{
    padding: 0 15px;
}
.relatedLogos .portfolio_row
{
    padding: 30px 0 0;
    row-gap: 20px;
}
.relatedLogos .portfolio_row .item
{
    width: 33.33%;
    padding: 0 15px;
}
.thankPage img
{
    display: block;
    margin: 0 auto 20px;
    max-width: 480px;
}
.thankPage .btnbb
{
    margin: 30px 0 60px;
}
.thankPage h1, .thankPage h2
{
    padding-bottom: 10px;
}
.productsection23
{
    width: 100%;
    position: relative;
    padding: 20px 0 70px;
    float: left;
}
.pbrow23
{
    width: 100%;
    float: left;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
}
.pbrow23 .item
{
    width: calc(33.33% - 40px);
    margin: 20px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0,0,0,.1);
}
.pbrow23 .item h5
{
    min-height: 70px;
    color: var(--bluedark);
    margin: 0 0 10px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.pbrow23 .item p
{
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.pbrow23 .thumb
{
    width: 100%;
    float: left;
}
.pbrow23 .thumb img
{
    width: 100%;
    display: block;
}
.pbrow23 .text
{
    width: 100%;
    float: left;
    padding: 20px 20px 30px;
}
.pbrow23 .action
{
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 20px 0 0;
}
#bookproduct
{
    position: relative;
    max-width: 700px;
    margin: 0 auto;
}
#bookproduct .popupbox
{
    width: 100%;
    float: left;
    background: #fff;
    border-radius: 10px;
    padding: 40px;
}
#bookproduct .reqForm
{
    width: 100%;
    margin: 0;
    padding: 0;
}
.reqaqt.propage
{
    min-height: initial;
    padding: 80px 0;
}
.reqaqt.propage .rqrow1
{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.reqaqt.propage .rqrow1 .txt
{
    min-height: initial;
    padding: 0 50px 0 0;
}
.reqaqt.propage .rqrow1 .img
{
    width: 60%;
    position: static;
}
@media(min-width: 1300px)
{
    .single-product .srvcSctn9 .img
    {
        width: 38%;
    }
    .single-product .srvcSctn9 .txt
    {
        width: 62%;
    }
    .tstmrow .item:nth-child(3) .teUsr h5, .tstmrow .item:nth-child(3) .teUsr h5 span
    {
        color: #fff;
    }
}
@media(max-width: 1300px)
{
    body
    {
        overflow-x: hidden;
    }
    .container
    {
        width: 100%;
        padding: 0 15px;
    }
    .strow .item:nth-child(1) .box, .strow .item:nth-child(2) .box
    {
        padding: 30px 0;
    }
    .strow .item:nth-child(1) p, .strow .item:nth-child(2) p
    {
        font-size: 24px;
    }
    .strow .box
    {
        border: 0;
        position: relative;
    }
    .strow .box:after
    {
        content: '';
        position: absolute;
        top: 0;
        right: -30px;
        height: 100%;
        width: 2px;
        border-right: 1px solid #53c3ff;
    }
    .strow .item:nth-child(2) .box:after, .strow .item:nth-child(6) .box:after
    {
        border-right: 0;
    }
    h2
    {
        font-size: 28px;
    }
    h5
    {
        font-size: 20px;
    }
    body
    {
        font-size: 16px;
    }
    .testmslider .box
    {
        padding: 20px 15px;
    }
    .testmslider .box p
    {
        font-size: 15px;
        line-height: 24px;
    }
    .testmslider .box h6
    {
        font-size: 15px;
        line-height: 26px;
    }
    .rvrgt
    {
        padding: 50px 0 0;
    }
    .rvlft
    {
        margin-top: 20px;
    }
    .blgcol p
    {
        font-size: 16px;
    }
    .footerBtm p
    {
        width: 30%;
    }
    .frow ul li
    {
        font-size: 16px;
    }
    .frow h6
    {
        padding-bottom: 10px;
    }
    .exprtslst .item
    {
        margin: 0 15px;
    }
    .expertsSctn
    {
        padding: 60px 0;
    }
    .port_sliderHome_left
    {
        max-width: 300px;
        margin-left: 33%;
    }
    .port_sliderHome_right
    {
        width: 62%;
    }
    .fundrumble_screen_two
    {
        right: 2%;
        max-width: 60%;
    }
    .fundrumble_screen_one
    {
        right: 56%;
        width: 220px;
    }
    .inrbanr .container
    {
        padding: 0 50px;
    }
    .aboutSctn1
    {
        min-height: initial;
        padding: 40px;
        margin: 40px 0 0;
    }
    .lt_form
    {
        padding: 0 120px;
    }
    .rqrow1 .txt
    {
        padding-left: 0;
    }
    .reqForm
    {
        width: 100%;
        margin: 50px 0 0;
        padding: 40px;
    }
    .clientbox_cell_right
    {
        width: 48%;
    }
    .px150
    {
        padding: 0;
    }
    .service_tabs ul.tabs
    {
        width: 35%;
    }
    .tab_content
    {
        width: 65%;
        padding: 0 0 0 40px;
    }
    .service_tabs ul.tabs li
    {
        font-size: 16px;
    }
    .otsrv .item
    {
        min-width: calc(33.33% - 15px);
        width: calc(33.33% - 15px);
        padding: 15px;
    }
    .otsrv
    {
        row-gap: 15px;
        column-gap: 15px;
    }
    .developer_tabs ul.tabs2 li a
    {
        padding: 10px 15px;
    }
    .developer_tabs ul.tabs2 li
    {
        font-size: 16px;
    }
    .acomrow .txt
    {
        padding-right: 40px;
    }
    .srvcSctn9 .txt
    {
        padding-right: 0;
    }
    .developer_tabs .tab_content
    {
        padding: 0;
    }
    .appDevsrv .item
    {
        width: 50%;
    }
    .mbservice_tabs .box
    {
        width: 200px;
        height: 200px;
        margin: 0 10px;
    }
    .cpDevsrv .item
    {
        padding-left: 40px;
    }
    .mobsrvcSctn3 .textcenter
    {
        padding-right: 40px;
    }
    .srvcSctn9.hire .txt
    {
        padding: 0 30px 0 0;
    }
    .srvcSctn9.hire .item .icon
    {
        width: 100px;
        height: 100px;
    }
    .srvcSctn9.hire .item .icon img
    {
        max-width: 70px;
        max-height: 60px;
    }
    .blogThumb
    {
        height: 224px;
        margin: 0 0 20px;
    }
    .blogcol:nth-child(1) .blogThumb
    {
        height: 320px;
    }
    .blogrow
    {
        width: calc(100% + 30px);
        margin-left: -15px;
        row-gap: 30px;
    }
    .blogcol:nth-child(1)
    {
        width: calc(100% - 30px);
    }
    .blogcol
    {
        width: calc(33.33% - 30px);
        margin: 0 15px;
    }
    .blogcol:nth-child(1) .blogTxt
    {
        padding: 40px;
    }
    .pageNav
    {
        margin: 60px 0 0;
    }
    .portdtlsctn1 .txt
    {
        padding-left: 0;
    }
    .portfAssets .container
    {
        padding: 0 15px;
    }
    .portFonts, .portcolor
    {
        padding: 0 30px;
    }
    .portfAssets h2
    {
        font-size: 38px;
    }
    .font-family_typographyss
    {
        font-size: 14px;
        line-height: 22px;
    }
    .portcolor ul li
    {
        width: 70px;
        margin-right: 10px;
        margin-top: 10px;
        font-size: 14px;
    }
    .testmPage::before
    {
        display: none;
    }
    .blogleft
    {
        width: 64%;
    }
    .blogright
    {
        width: 34%;
        padding: 20px;
    }
    .navigation ul li
    {
        margin: 0 14px;
        font-size: 16px;
    }
}
@media(max-width: 1270px)
{
    .header_menu
    {
        display: block;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        width: 50%;
        background: #fff;
        z-index: 105;
        margin: 0;
        padding: 30px 0;
        transition: all .4s ease-in-out 0s;
        transform: translate(-100%,0);
    }
    #menuToggle
    {
        display: block;
        width: 30px;
        height: 24px;
        position: relative;
        cursor: pointer;
    }
    #menuToggle i
    {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 3px;
        background: #000;
        border-radius: 4px;
    }
    #menuToggle i.b
    {
        top: 10px;
    }
    #menuToggle i.c
    {
        top: 20px;
    }
    .header_menu.scroll_menu
    {
        transform: translate(0,0);
    }
    .navigation
    {
        border-bottom: 1px solid #e5e5e5;
        margin-bottom: 40px;
        margin-top: 10px;
        width: 100%;
        float: left;
    }
    .navigation ul
    {
        flex-wrap: wrap;
    }
    .navigation ul li
    {
        margin: 0;
        padding: 0;
        width: 100%;
        border-top: 1px solid #e5e5e5;
        position: relative;
        float: left;
    }
    .navigation ul li a
    {
        display: block;
        padding: 9px 15px;
        color: #000;
        font-size: 17px;
    }
    .navigation ul li a::before
    {
        display: none;
    }
    .navigation ul li a:hover
    {
        background: #0a9beb;
        color: #fff;
    }
    .navigation ul li ul
    {
        display: none;
    }
    .navigation .trigger
    {
        position: absolute;
        top: 0;
        right: 0;
        width: 40px;
        height: 44px;
        background: #fff;
        border-left: 1px solid #e5e5e5;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }
    .navigation .trigger:after
    {
        content: "";
        font-family: 'FontAwesome';
        display: inline-block;
        vertical-align: middle;
        color: #000;
    }
    .navigation ul li ul li a
    {
        padding: 8px 25px;
        font-size: 16px;
    }
    .navigation ul li ul li ul li a
    {
        padding: 8px 35px;
        font-size: 15px;
    }
    .menu_masking
    {
        position: fixed;
        top: 0;
        right: auto;
        bottom: 0;
        left: 0;
        background: rgba(0,0,0,.4);
        z-index: 103;
        transition: all .4s ease-in-out 0s;
        opacity: 0;
        visibility: hidden;
        display: block;
    }
    .menu_masking.mask_mm
    {
        left: 50%;
        right: 0;
        opacity: 1;
        visibility: visible;
    }
    .quoteBtn
    {
        display: block;
        width: 100%;
        float: left;
        margin: 25px 0;
        text-align: center;
    }
    .pbrow23 .action
    {
        flex-wrap: wrap;
        justify-content: center;
        flex-direction: column;
        text-align: center;
        padding: 0;
    }
    .pbrow23 .action div
    {
        width: 100%;
        margin: 20px 0 0;
        display: block;
    }
    .pbrow23 .item
    {
        width: calc(33.33% - 30px);
        margin: 15px;
    }
}
@media(max-width: 979px)
{
    .playCrcl .playBtn
    {
        font-size: 20px;
        width: 130px;
        height: 130px;
    }
    h1
    {
        font-size: 34px;
        line-height: 1.25;
    }
    h4
    {
        font-size: 24px;
        line-height: 1.25;
    }
    h3
    {
        font-size: 26px;
    }
    .playCrcl
    {
        right: 14%;
    }
    .textcenter
    {
        margin-bottom: 50px;
    }
    .srvcrow p
    {
        padding: 0 40px 10px;
    }
    .srvcrow .item .icon
    {
        width: 80%;
        display: block;
        margin: 0 auto;
    }
    .strow .item:nth-child(1) .box, .strow .item:nth-child(2) .box
    {
        flex-direction: column;
        text-align: center;
    }
    .strow .item:nth-child(1) h5, .strow .item:nth-child(2) h5
    {
        font-size: 28px;
    }
    .strow .item:nth-child(1) p, .strow .item:nth-child(2) p
    {
        font-size: 20px;
    }
    .strow .item
    {
        padding: 60px 20px;
    }
    .strow .box::after
    {
        right: -20px;
    }
    .strow p
    {
        font-size: 14px;
    }
    .portfolio_more
    {
        display: none!important;
    }
    .frow
    {
        flex-wrap: wrap;
        padding: 40px 0 30px;
    }
    .fcol1, .fcol2
    {
        width: 50%;
    }
    .fcol3, .fcol4
    {
        width: 50%;
        margin-top: 40px;
    }
    .footerBtm .container
    {
        flex-wrap: wrap;
        justify-content: center;
        flex-direction: column;
    }
    .footerBtm p
    {
        width: 100%;
        order: 2;
        text-align: center;
        margin-top: 15px;
    }
    .footerBtm ul
    {
        width: 100%;
        order: 1;
    }
    body dd
    {
        display: none!important;
    }
    .exprtslst .item
    {
        margin: 10px;
    }
    .blgcol img
    {
        height: 200px;
    }
    .blogPosts
    {
        width: calc(100% + 20px);
        margin: 0 -10px;
        row-gap: 35px;
    }
    .blgcol
    {
        padding: 0 10px;
    }
    .homeReviews .container
    {
        flex-wrap: wrap;
    }
    .rvlft
    {
        margin: 0 15%;
        width: 60%;
    }
    .homeReviews
    {
        background-position: top right;
    }
    .rvrgt
    {
        width: 100%;
    }
    .rvrgt .readMore
    {
        width: 100%;
        text-align: center;
        top: 0;
        padding: 15px 0 40px;
    }
    .rvrgt h2
    {
        padding: 0;
        text-align: center;
    }
    .rvrgt h2+p
    {
        padding: 0;
        text-align: center;
    }
    .req_header
    {
        padding: 15px 0;
    }
    .req_content
    {
        flex-wrap: wrap;
    }
    .req_content_left
    {
        width: 100%;
    }
    .ct_form
    {
        width: 100%;
        margin: 0 0 40px!important;
        padding: 30px;
        border-radius: 8px;
    }
    .fccol p
    {
        font-size: 16px;
    }
    .fccol
    {
        margin-top: 30px;
        width: 48%;
    }
    .fc_wdgt h5
    {
        font-size: 24px;
    }
    .inrbanr .container
    {
        padding: 0 20px;
    }
    .blvrow
    {
        padding: 0;
    }
    .blvrow .item
    {
        padding: 20px;
    }
    .blvrow h5, .blvrow p
    {
        font-size: 16px;
    }
    .aboutSctn3
    {
        padding: 50px 0;
    }
    .teamrow p
    {
        margin: 10px 0 0;
        font-size: 16px;
        line-height: 24px;
    }
    .teamrow .item
    {
        padding: 0 12px;
    }
    .aboutSctn4, .letsConnect
    {
        padding: 50px 0;
    }
    .lt_form
    {
        padding: 0 10px;
    }
    .abStats p
    {
        font-size: 16px;
    }
    .aboutSctn1 p
    {
        font-size: 16px;
    }
    .aboutSctn1
    {
        padding: 40px 20px;
    }
    .py70
    {
        padding: 50px 0;
    }
    .rqrow1 .img
    {
        display: none;
    }
    .rqrow1 .txt
    {
        width: 100%;
        text-align: center;
        min-height: initial;
    }
    .reqaqt
    {
        padding: 50px 0;
        min-height: initial;
    }
    .srvcSctn4 .clutch_bx
    {
        flex-wrap: wrap;
        border: 1px solid #e5e5e5;
        border-radius: 4px;
        position: relative;
        margin: 80px 0 40px;
        padding: 35px 20px 20px;
    }
    .clientbox_cell
    {
        width: 100%;
        flex-wrap: wrap;
        margin-top: 35px;
    }
    .clientbox_cell_left
    {
        width: 100%;
        padding: 0;
    }
    .clutch_logoimage
    {
        position: absolute;
        top: -55px;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        width: auto;
    }
    .clutch_logoimage img
    {
        max-width: 100px;
    }
    .clientbox_cell_right
    {
        width: 100%;
        padding: 15px 0 0;
    }
    .rnkNum strong
    {
        font-size: 22px;
    }
    .ctrow1 .item
    {
        width: 48%;
    }
    .ctrow1 .item img
    {
        margin-right: 20px;
        width: 140px;
    }
    .ctrow2 ul li a
    {
        font-size: 20px;
    }
    .srvcSctn10 .row
    {
        padding: 20px 15px 0;
    }
    .srvcSctn10 .txt
    {
        width: 100%;
        padding-right: 0;
    }
    .srvcSctn10 .img
    {
        display: none;
    }
    .srvcSctn9 .img
    {
        padding: 0;
    }
    .developer_tabs ul.tabs2
    {
        justify-content: initial;
        overflow-y: scroll;
        padding: 0 0 13px;
    }
    .developer_tabs ul.tabs2 li a
    {
        white-space: nowrap;
    }
    .tbContent2 .row
    {
        padding: 40px 0 0;
    }
    .procsrow .icon::before
    {
        display: none;
    }
    .procsrow .item
    {
        width: 33.33%;
        padding: 20px;
    }
    .procsrow
    {
        justify-content: center;
    }
    .otsrv .item
    {
        min-width: 100%;
        width: 100%;
    }
    .srvcbanr .txt
    {
        width: 100%;
        text-align: center;
        padding: 0 0 40px;
    }
    .srvcbanr .bn_form
    {
        width: 100%;
        padding: 20px;
    }
    .srvcbanr .container
    {
        flex-wrap: wrap;
    }
    .srvcbanr h1, .srvcbanr h2
    {
        font-size: 28px;
    }
    .appDevsrv .item
    {
        padding: 0 15px;
    }
    .mobsrvcSctn3 .textcenter
    {
        width: 100%;
        border: 0;
        padding: 0;
        margin-bottom: 30px;
    }
    .cpDevsrv
    {
        width: 100%;
        row-gap: 30px;
    }
    .cpDevsrv .item
    {
        padding: 0 30px 0 0;
    }
    .hirededicated .txt
    {
        width: 100%;
        text-align: center;
        padding: 0;
    }
    .hirededicated .img
    {
        width: 100%;
        text-align: center;
        padding: 30px 0 0;
    }
    .srvcSctn9.hire .txt
    {
        width: 100%;
        padding: 0 0 30px;
    }
    .srvcSctn9.hire .iconList
    {
        width: 100%;
        margin: 0;
        padding: 0;
        row-gap: 15px;
    }
    .pageNav .page-numbers
    {
        width: 34px;
        height: 34px;
        margin: 0 4px;
        font-size: 14px;
    }
    .cat-links a
    {
        font-size: 14px;
    }
    .cat-links a::after
    {
        margin: 0 5px;
    }
    .blogcol p
    {
        font-size: 15px;
        line-height: 22px;
    }
    .blogcol h3
    {
        font-size: 17px;
    }
    .blogcol:nth-child(1) h3
    {
        font-size: 20px;
    }
    .blogThumb
    {
        height: 200px;
    }
    .blogcol:nth-child(1) .blogThumb
    {
        height: 280px;
    }
    .partners
    {
        padding-bottom: 10px;
        margin-bottom: 30px;
        overflow-x: scroll;
    }
    .partners .item
    {
        min-width: 150px;
        height: 80px;
    }
    .partners .item img
    {
        max-height: 60px;
    }
    .productRow .item
    {
        width: calc(50% - 20px);
    }
    .prInfo
    {
        padding: 20px 15px;
    }
    .prheadd h5
    {
        font-size: 18px;
        line-height: 24px;
    }
    .prheadd p
    {
        font-size: 14px;
        line-height: 20px;
    }
    .practn a
    {
        padding: 5px 8px;
        font-size: 15px;
    }
    .productRow
    {
        row-gap: 30px;
    }
    .awFtrs .item
    {
        min-width: 50%;
        width: 50%;
    }
    .awFtrs
    {
        row-gap: 0;
        column-gap: 0;
    }
    .mprhead h2
    {
        font-size: 24px;
        line-height: 32px;
    }
    .py60
    {
        padding: 50px 0;
    }
    .aftertech
    {
        padding: 40px 0 0;
    }
    .tstmrow .item
    {
        width: calc(50% - 30px);
    }
    .tstmrow
    {
        row-gap: 50px;
    }
    .prcsRow .count::before
    {
        display: none;
    }
    .prcsRow .item
    {
        width: 100%;
        margin: 10px 0!important;
        border-radius: 5px;
    }
    .prcsRow .item .col
    {
        padding: 35px!important;
    }
    .prcsRow .count
    {
        display: none;
    }
    .prcsRow .icon
    {
        width: 150px;
        min-width: 150px;
        padding: 0 30px 0 0;
    }
    .ourProcs
    {
        padding: 0 0 60px;
    }
    .blogleft
    {
        width: 100%;
    }
    .blogright
    {
        width: 100%;
        padding: 20px 15px;
        margin-top: 40px;
    }
    .allCtgry ul li a
    {
        padding: 10px 0;
    }
    .pplrRow
    {
        padding: 15px 0;
    }
    .pplrRow h5
    {
        font-size: 18px;
        line-height: 24px;
    }
    .partof_section .navRow .col
    {
        width: 50%;
    }
    .mobilePortfolios
    {
        display: block;
    }
    .ftrgny
    {
        width: 170px;
        height: 170px;
    }
    .offerHeader
    {
        padding: 20px 0;
    }
    .avbFrom
    {
        left: 15px;
        line-height: 24px;
        padding: 10px 15px;
        border-radius: 6px;
        font-size: 18px;
    }
    .avbFrom:after
    {
        display: none;
    }
    .offerMain
    {
        flex-wrap: wrap;
    }
    .ofrTitle
    {
        font-size: 50px;
        line-height: 50px;
    }
    .ofrTitle span
    {
        font-size: 32px;
        line-height: 32px;
        padding: 5px 12px;
        top: -15px;
    }
    .ofrPrice
    {
        font-size: 22px;
    }
    .ofrPrice label
    {
        font-size: 32px;
    }
    .orgPrice
    {
        font-size: 22px;
        margin-top: -10px;
    }
    .ofrInfo
    {
        font-size: 16px;
        line-height: 24px;
        padding: 15px 0 0;
    }
    .countDownBox #main_countedown_1 .element_conteiner
    {
        min-width: 23%;
    }
    .countDownBox #main_countedown_1 .time_description
    {
        padding-top: 5px;
        font-size: 12px;
    }
    .offerMain .rightCol
    {
        width: 100%;
        padding: 20px 4% 30px;
        border-radius: 0 0 12px 12px;
    }
    .offerMain .wpforms-form .wpforms-field input
    {
        height: 44px!important;
    }
    .offerMain .wpforms-form .wpforms-field textarea.wpforms-field-large
    {
        height: 70px;
    }
    .offerPage
    {
        padding: 0 0 100px;
    }
    .offerMain .leftCol
    {
        width: 100%;
        padding: 100px 4% 30px;
    }
    .allopnPos
    {
        padding: 50px 0 0;
    }
    .jobList a
    {
        padding: 20px 15px;
    }
    .applyJob .row .txt
    {
        width: 100%;
    }
    .applyJob .row
    {
        flex-wrap: wrap;
        padding-top: 30px;
    }
    .applyJob h1
    {
        font-size: 26px;
    }
    .applyJob .txt ul
    {
        padding-top: 12px;
    }
    .applyJob .txt ul li
    {
        margin-top: 10px;
    }
    .applyJob .jform
    {
        margin-top: 30px;
    }
    .linkline
    {
        padding: 0;
    }
    .pbrow23 .item
    {
        width: calc(50% - 30px);
        margin: 15px;
    }
}
@media(max-width: 767px)
{
    h1
    {
        font-size: 30px;
        line-height: 1.3;
    }
    h2
    {
        font-size: 26px;
        line-height: 1.3;
    }
    h3
    {
        font-size: 24px;
        line-height: 1.3;
    }
    h4
    {
        font-size: 22px;
        line-height: 1.3;
    }
    .homeBanr .container
    {
        flex-wrap: wrap;
    }
    .homeBanr .herotxt
    {
        width: 100%;
        text-align: center;
        padding: 40px 0 0;
    }
    .homeBanr .action
    {
        margin: 30px 0 0;
        text-align: center;
        width: 100%;
        justify-content: center;
    }
    .homeBanr .heroimg
    {
        width: 100%;
        margin: 50px 0 0;
    }
    .playCrcl .playBtn
    {
        font-size: 0;
        width: 100px;
        height: 100px;
    }
    .playCrcl img
    {
        width: 24px;
        margin: 0 auto;
    }
    .conctList .item
    {
        width: calc(50% - 20px);
        margin: 10px;
        border: 1px solid #e5e5e5;
        border-radius: 4px;
        padding: 20px;
    }
    .conctList .item:last-child
    {
        width: 100%;
    }
    .textcenter
    {
        margin-bottom: 40px;
    }
    a.btn
    {
        font-size: 16px;
        padding: 5px 10px;
    }
    .srvcrow .item
    {
        width: 100%;
    }
    span.and_icon
    {
        display: none;
    }
    .srvcrow .item:nth-child(2)
    {
        border-left: 0;
        margin-top: 40px;
    }
    .strow
    {
        padding: 20px 0;
    }
    .strow .item
    {
        width: 100%!important;
        border-top: 1px solid #53c3ff!important;
        padding: 30px 20px!important;
    }
    .strow .item:nth-child(1)
    {
        border-top: 0!important;
    }
    .strow .item .box .icon
    {
        margin: 0 auto!important;
    }
    .strow .item .box
    {
        padding: 0!important;
    }
    .strow .item .box:after
    {
        display: none;
    }
    .strow p
    {
        font-size: 16px!important;
    }
    .strow h5
    {
        font-size: 24px!important;
    }
    .testmslider .item
    {
        width: 100%;
        padding: 10px;
    }
    .testmslider
    {
        flex-wrap: wrap;
    }
    .exprtslst img
    {
        max-height: 44px;
    }
    .exprtslst
    {
        margin: 40px 0 0;
    }
    .expertsSctn, .latestBlogs
    {
        padding: 50px 0;
    }
    .blgcol
    {
        width: 100%;
    }
    .blgcol .txt
    {
        margin: 15px 0 0;
    }
    .blogPosts
    {
        width: 100%;
        margin: 0;
    }
    .playCrcl .playBtn
    {
        width: 80px;
        height: 80px;
    }
    .rvlft .playCrcl
    {
        right: 20%;
    }
    .frow ul li
    {
        line-height: 22px;
        margin: 8px 0;
    }
    .fcol4 ul li
    {
        padding-left: 35px;
    }
    .strow .item .icon
    {
        display: inline-block;
        width: 80px;
    }
    .header_menu
    {
        width: 100%;
    }
    .menu_masking, .menu_masking.mask_mm
    {
        display: none;
    }
    .closehmenus
    {
        position: absolute;
        top: 10px;
        right: 15px;
        display: block;
        width: 24px;
        height: 24px;
        cursor: pointer;
        opacity: .8;
        transition: all .4s ease-in-out;
    }
    .closehmenus:hover
    {
        opacity: 1;
        transition: all .4s ease-in-out;
    }
    .closehmenus i
    {
        position: absolute;
        top: 10px;
        left: 0;
        width: 100%;
        height: 3px;
        background: #000;
        border-radius: 4px;
    }
    .closehmenus .a
    {
        transform: rotate(45deg);
    }
    .closehmenus .b
    {
        transform: rotate(-45deg);
    }
    .header_menu
    {
        padding: 40px 0;
    }
    .logo
    {
        max-width: 120px;
    }
    .header, .header.fixed
    {
        padding: 11px 0;
    }
    body
    {
        padding-top: 60px;
    }
    .req_content_left h4 br
    {
        display: none;
    }
    .fccol
    {
        width: 100%;
    }
    .fc_wdgt h5
    {
        font-size: 18px;
    }
    .ct_form
    {
        padding: 20px 12px;
    }
    .ct_form .wpforms-field-container .wpforms-field-label
    {
        font-size: 15px!important;
        padding-bottom: 6px!important;
    }
    .ct_form div.wpforms-container-full .wpforms-form .wpforms-field-large
    {
        height: 48px;
        font-size: 15px!important;
    }
    .inrbanr .container
    {
        flex-wrap: wrap;
    }
    .inrbanr .txt
    {
        width: 100%;
        text-align: center;
    }
    .inrbanr .img
    {
        width: 100%;
        padding: 0 10%;
        margin-top: 30px;
    }
    .textcenter br
    {
        display: none;
    }
    .blvrow .item
    {
        width: 100%;
        padding: 15px 0;
    }
    .blvrow .icon
    {
        margin-right: 15px;
    }
    .teamrow
    {
        width: 100%;
        margin: 0;
        row-gap: 25px;
        padding: 0;
    }
    .abStats .item
    {
        width: 50%;
        padding: 0 15px;
    }
    .abStats p
    {
        min-height: 44px;
    }
    div.wpforms-container-full .wpforms-form .wpforms-one-half, div.wpforms-container-full .wpforms-form .wpforms-three-sixths, div.wpforms-container-full .wpforms-form .wpforms-two-fourths
    {
        width: 100%!important;
        margin-left: 0!important;
    }
    .reqForm
    {
        margin: 40px 0 0;
        padding: 20px 15px;
    }
    div.wpforms-container-full .wpforms-form .wpforms-field
    {
        padding: 5px 0!important;
    }
    .lt_form div.wpforms-container-full .wpforms-form input.wpforms-field-large, .lt_form div.wpforms-container-full .wpforms-form select.wpforms-field-large
    {
        height: 48px;
        font-size: 15px!important;
        padding: 15px!important;
    }
    .lt_form div.wpforms-container-full .wpforms-form textarea.wpforms-field-large
    {
        height: 90px;
        font-size: 15px!important;
        padding: 15px!important;
    }
    div.wpforms-container-full .wpforms-form .wpforms-field-label
    {
        font-size: 14px!important;
    }
    .lt_form div.wpforms-container-full .wpforms-form .wpforms-field-large input[type="text"]
    {
        height: 48px;
        font-size: 15px!important;
        padding: 15px!important;
    }
    .lt_form div.wpforms-container-full .wpforms-form .wpforms-field-large select
    {
        height: 48px;
        font-size: 15px!important;
        padding: 15px!important;
    }
    .lt_form div.wpforms-container-full .wpforms-form .wpforms-field-sublabel.after
    {
        margin: 5px 0 10px!important;
    }
    div.wpforms-container-full .wpforms-form h3
    {
        font-size: 18px;
    }
    .reqForm h3
    {
        margin: 15px 0!important;
    }
    .contactSctn1 .img
    {
        width: 100%;
        margin-left: 0;
    }
    .contactSctn1 .txt
    {
        width: 100%;
        margin: 30px 0 0;
        text-align: center;
    }
    .contactSctn1 .lt_form
    {
        padding: 10px 0 0;
    }
    .ctrow1 .item
    {
        width: 100%;
    }
    .ctrow2 ul li
    {
        width: 100%;
    }
    .bn_form #wpforms-250-field_2-container, .bn_form #wpforms-250-field_3-container
    {
        position: static;
    }
    .bn_form div.wpforms-container-full .wpforms-form textarea.wpforms-field-large
    {
        height: 120px;
    }
    .srvcSctn1 .txt
    {
        width: 100%;
    }
    .srvcSctn1 .img
    {
        width: 100%;
        margin-top: 30px;
    }
    .srvcSctn2 .textcenter p
    {
        padding: 0;
    }
    .service_tabs ul.tabs
    {
        width: 100%;
        display: flex;
        border: 0;
        overflow-y: scroll;
    }
    .service_tabs .tab_content
    {
        width: 100%;
        padding: 30px 0 0;
    }
    .service_tabs
    {
        flex-wrap: wrap;
    }
    .service_tabs ul.tabs li
    {
        margin: 0 10px;
    }
    .service_tabs ul.tabs li a
    {
        padding: 8px 15px;
        border: 1px solid transparent!important;
        white-space: nowrap;
    }
    .service_tabs ul.tabs li a i
    {
        margin-right: 20px;
    }
    .service_tabs ul.tabs li.active a
    {
        border-color: #e9e9f0!important;
    }
    .srvcSctn3 .txt
    {
        width: 100%;
    }
    .srvcSctn3 .img
    {
        width: 100%;
        margin-top: 30px;
        text-align: center;
    }
    .procsrow .item
    {
        width: 100%;
    }
    .procsrow h5 br
    {
        display: none;
    }
    .procsrow .icon
    {
        max-width: 100px;
        margin: 0 auto;
        margin-bottom: 20px;
    }
    .tbContent2 .row
    {
        padding: 30px 0 0;
        flex-wrap: wrap;
    }
    .tbContent2 .img
    {
        width: 100%;
        text-align: center;
    }
    .tbContent2 .txt
    {
        width: 100%;
        padding: 20px 0 0;
    }
    .acomrow .txt
    {
        width: 100%;
        padding: 0 0 30px;
    }
    .acomrow .img
    {
        width: 100%;
        text-align: center;
    }
    .srvcSctn9 .img
    {
        width: 100%;
        text-align: center;
    }
    .srvcSctn9 .txt
    {
        width: 100%;
        padding: 30px 0 0;
    }
    .faqList h3
    {
        font-size: 16px;
        padding: 15px 0 15px 35px;
        line-height: 22px;
    }
    .faqList .answer
    {
        padding: 0 0 20px 36px;
    }
    .faqList h3::before
    {
        top: 16px;
    }
    .mbservice_tabs .box
    {
        width: 100%;
        height: 180px;
    }
    .appDevsrv .item
    {
        padding: 0;
        width: 100%;
    }
    .appDevsrv .icon
    {
        margin-right: 15px;
    }
    .appDevsrv
    {
        row-gap: 30px;
    }
    .cpDevsrv .item
    {
        padding: 0;
        width: 100%;
    }
    .cpDevsrv h5, .otsrv h5
    {
        font-size: 16px;
    }
    .cpDevsrv .icon, .otsrv .icon
    {
        margin-right: 15px;
    }
    .otsrv .icon
    {
        width: 80px;
        min-width: 80px;
        height: 80px;
    }
    .otsrv .icon img
    {
        max-height: 48px;
    }
    .srvcSctn3.hire .img
    {
        width: 100%;
        text-align: center;
    }
    .srvcSctn3.hire .txt
    {
        width: 100%;
        padding: 0;
        margin: 30px 0 0;
    }
    .ddcount
    {
        padding: 10px;
    }
    .ddcount .item h5
    {
        font-size: 26px;
        line-height: 34px;
    }
    .ddcount .item p
    {
        font-size: 13px;
        line-height: 18px;
    }
    .vreviws_sec .vbox
    {
        width: 90%;
        padding: 5px 5px 15px;
    }
    .vreviws_sec .vbox .vdo
    {
        margin-bottom: 20px;
        padding-top: 56.6%;
        position: relative;
    }
    .vreviws_sec .vbox .vdo iframe
    {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    .vreviws_sec .req_close
    {
        top: -15px;
        right: -10px;
        width: 30px;
        height: 30px;
        font-size: 16px;
        z-index: 9;
    }
    .blogrow
    {
        width: 100%;
        margin-left: 0;
    }
    .blogcol:nth-child(1), .blogcol
    {
        width: 100%;
        margin: 0;
    }
    .blogcol:nth-child(1)
    {
        flex-wrap: wrap;
    }
    .blogcol:nth-child(1) .blogThumb
    {
        width: 100%;
        border-radius: 8px 8px 0 0;
    }
    .blogcol:nth-child(1) .blogTxt
    {
        width: 100%;
        padding: 30px 15px;
    }
    .mprhead h2
    {
        font-size: 18px;
        line-height: 26px;
    }
    .productRow .item
    {
        width: 100%;
    }
    .practn
    {
        width: 90px;
    }
    .prheadd
    {
        width: calc(100% - 90px);
        padding-right: 10px;
    }
    .ptScrolling .imageBg, .ptScrolling .imageBg .image_scroll
    {
        height: 300px;
    }
    .awFtrs .item
    {
        min-width: 100%;
        width: 100%;
        padding: 15px 0;
    }
    .mprhead h2
    {
        font-size: 20px;
        line-height: 28px;
    }
    .awFtrs h5
    {
        font-size: 16px;
    }
    .portfGlry h2
    {
        margin: 40px 0 30px;
    }
    .portfGlry .glryCol1, .portfGlry .glryCol3
    {
        width: 100%;
        padding: 0;
    }
    .portfGlry .glryCol2
    {
        width: 100%;
        padding: 0;
        margin-top: 20px;
    }
    .portfGlry .item
    {
        margin: 0 0 20px;
    }
    .portfGlry .cntrBtn
    {
        margin: 40px 0;
    }
    .portfGlry .item img
    {
        border-radius: 10px!important;
    }
    .portdtlsctn1 .txt
    {
        width: 100%;
        text-align: center;
        padding: 0 0 40px;
    }
    .portdtlsctn1 .img
    {
        width: 100%;
        padding: 0 3%;
        text-align: center;
    }
    .portdtlsctn1 .img img
    {
        margin: 0 auto;
        display: block;
    }
    .onloadDiv h2
    {
        padding: 0 10px;
    }
    .single-portfolio .portdtlsctn1
    {
        padding: 50px 15px;
    }
    .techRow .item
    {
        margin: 5px 10px;
    }
    .techRow .item img
    {
        max-height: 45px;
    }
    .single-portfolio .portfGlry
    {
        padding: 50px 0;
    }
    .portFonts
    {
        width: 100%;
        padding: 0 0 30px;
        border-right: 0;
        border-bottom: 1px solid #343434;
    }
    .portcolor
    {
        width: 100%;
        padding: 30px 0 0;
    }
    .portfAssets .container
    {
        flex-wrap: wrap;
    }
    .portfolio_row .allitem, .portfolio_row .item2, .portfolio_row .item3, .portfolio_row .item4
    {
        width: 100%;
        padding: 0;
    }
    .portfolio_row
    {
        row-gap: 30px;
    }
    .mprhead
    {
        padding: 0;
    }
    .moreProjects .portfolio_row
    {
        padding: 30px 0 0;
    }
    .moreProjects
    {
        padding: 50px 0;
    }
    .tstmrow .item
    {
        width: 100%;
    }
    .tstmrow
    {
        row-gap: 40px;
    }
    .tstmrow .textBox
    {
        padding: 25px 15px;
        min-height: initial;
    }
    .tstmrow p
    {
        font-size: 15px;
        line-height: 24px;
    }
    .tstmrow .textBox p::before
    {
        width: 30px;
        height: 24px;
        background-size: 100%;
    }
    .tstmrow .textBox p::after
    {
        width: 30px;
        height: 24px;
        background-size: 100%;
    }
    .teUsr h5
    {
        font-size: 15px;
        line-height: 22px;
    }
    .typeVideo iframe
    {
        height: 300px;
    }
    .prcsRow .item .col
    {
        padding: 25px 15px!important;
        flex-wrap: wrap;
    }
    .prcsRow .icon
    {
        width: 100%;
        text-align: center;
        margin: 0 0 20px;
        padding: 0;
    }
    .prcsRow .item .col div
    {
        width: 100%;
        text-align: center;
    }
    .ourProcs
    {
        padding: 0 0 40px;
    }
    .portfolioPage .tabs li
    {
        padding: 0 10px;
    }
    .portfolioPage .tabs li a
    {
        padding: 0 6px;
        font-size: 16px;
    }
    .portfolioPage .tabs li a .icon img
    {
        max-width: 40px;
        min-width: 40px;
    }
    .portfolioPage
    {
        padding: 40px 0;
    }
    .partof_section .navRow .col
    {
        width: 100%;
    }
    .partof_section h5
    {
        font-size: 16px;
        line-height: 24px;
    }
    .navRow ul li
    {
        font-size: 15px;
    }
    .partof_section h4
    {
        font-size: 20px;
    }
    .partof_section h3
    {
        margin: 0 0 15px;
        font-size: 24px;
    }
    .partof_section
    {
        padding: 50px 0;
    }
    .sitemap_bottom_links ul li
    {
        padding: 5px 0;
        font-size: 15px;
        line-height: 22px;
    }
    .sitemap_bottom_links ul li::after
    {
        margin: 0 5px;
    }
    .ofrTitle
    {
        font-size: 36px;
        line-height: 38px;
    }
    .ofrTitle span
    {
        font-size: 24px;
        line-height: 24px;
        top: -12px;
    }
    .avbFrom
    {
        line-height: 22px;
        font-size: 14px;
    }
    .srvcSctn9.crlst .img
    {
        width: 100%;
    }
    .srvcSctn9.crlst .txt
    {
        width: 100%;
    }
    .careerGallery .item
    {
        width: 100%;
    }
    .jobList h3
    {
        font-size: 20px;
        line-height: 28px;
        text-align: center;
    }
    .jobList p
    {
        font-size: 15px;
        line-height: 24px;
        text-align: center;
        margin-bottom: 20px;
    }
    .jobList p span
    {
        margin: 0 6px;
    }
    .jobList a
    {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .allopnPos
    {
        padding: 0;
    }
    .applyJob h1
    {
        font-size: 22px;
    }
    .relatedLogos .portfolio_row .item
    {
        width: 100%;
    }
    .portfolio_row h3
    {
        font-size: 18px;
        line-height: 26px;
        margin: 10px 0 0;
    }
    .relatedLogos .portfolio_row .item
    {
        margin-bottom: 10px;
    }
    .relatedLogos .portfolio_row .item:last-child
    {
        margin-bottom: 0;
    }
    .prInfo
    {
        flex-wrap: wrap;
        text-align: center;
    }
    .practn
    {
        width: 100%;
        text-align: center;
        margin-top: 20px;
        display: flex;
        justify-content: space-between;
        flex-direction: initial;
    }
    .prheadd
    {
        width: 100%;
        padding: 0;
        text-align: center;
    }
    .practn a.btn1
    {
        width: 44%;
        margin: 0 10px 0 0;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .home .productRdy
    {
        position: relative;
    }
    .home .productRdy .productRow
    {
        margin-bottom: 40px;
    }
    .home .productRdy .mprhead .btn
    {
        position: absolute;
        bottom: 20px;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 78px;
    }
    .lt_form div.wpforms-container-full .wpforms-form .wpforms-field-address .wpforms-field-large:nth-child(2)
    {
        width: 100%;
        float: left;
    }
    .lt_form div.wpforms-container-full .wpforms-form .wpforms-field-address .wpforms-field-large:nth-child(3)
    {
        width: 100%;
        float: right;
    }
    .pbrow23 .item
    {
        width: 100%;
        margin: 20px 0;
    }
    .productsection23
    {
        padding: 50px 0;
    }
    #bookproduct
    {
        max-width: 94%;
    }
    #bookproduct .popupbox
    {
        padding: 30px 15px;
    }
    .pbrow23 .item h5
    {
        min-height: initial;
    }
    .reqaqt.propage .rqrow1 .txt
    {
        padding: 0;
    }
    .reqaqt.propage
    {
        padding: 60px 0 10px;
    }
}
@media(max-width: 479px)
{
    h1
    {
        font-size: 28px;
    }
    h2
    {
        font-size: 24px;
        line-height: 1.3;
    }
    h3
    {
        font-size: 20px;
        line-height: 1.3;
    }
    h4
    {
        font-size: 18px;
        line-height: 1.3;
    }
    h5
    {
        font-size: 16px;
        line-height: 1.4;
    }
    h6
    {
        font-size: 15px;
        line-height: 1.4;
    }
    .playCrcl .playBtn
    {
        width: 65px;
        height: 65px;
    }
    .playCrcl img
    {
        width: 20px;
    }
    .conctList
    {
        width: calc(100% + 20px);
        margin: 0 -10px;
    }
    .conctList .item
    {
        width: calc(50% - 10px);
        margin: 5px;
        padding: 15px;
    }
    .conctList .item .icon img
    {
        max-height: 65px;
    }
    .conctList p
    {
        margin: 5px 0;
    }
    .cnsBtn
    {
        top: 35%;
    }
    .cnsBtn img
    {
        max-width: 40px;
    }
    .cnsBtn a
    {
        font-size: 16px;
    }
    .rvlft .playCrcl
    {
        right: 16%;
    }
    .blgcol
    {
        padding: 0;
    }
    .fcol1
    {
        width: 100%;
    }
    .fcol2, .fcol3, .fcol4
    {
        width: 100%;
        margin-top: 30px;
    }
    .fcol5
    {
        margin-top: 30px;
    }
    .fcol4 img.globalimg
    {
        margin-top: 15px;
    }
    .footerBtm ul li a
    {
        width: 30px;
        height: 30px;
    }
    .wdgtRow
    {
        flex-wrap: wrap;
        flex-direction: column;
    }
    .wdgtRow div
    {
        margin: 10px 0;
        padding: 10px;
    }
    .popup_logo
    {
        max-width: 120px;
    }
    .req_close
    {
        width: 38px;
        height: 38px;
    }
    .exprtslst img
    {
        max-height: 38px;
    }
    .ctrow1 .item img
    {
        margin-right: 15px;
        width: 30%;
    }
    .srvcSctn9.hire .item .icon
    {
        width: 82px;
        height: 82px;
    }
    .srvcSctn9.hire .item .icon img
    {
        max-width: 55px;
        max-height: 40px;
    }
    .onloadDiv .dflex img
    {
        max-width: 160px;
    }
    .typeVideo iframe
    {
        min-height: 300px;
    }
    .prtSlider .text
    {
        min-height: 300px;
    }
}