/*
New custom styles in cleartwo Child
*/

@font-face {
font-family:"bebas_neueregular";
src:url("https://use.typekit.net/af/f9d226/000000000000000077359f59/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/f9d226/000000000000000077359f59/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/f9d226/000000000000000077359f59/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:400;font-stretch:normal;
}





@font-face {
font-family:"bebas_neuebold";
src:url("https://use.typekit.net/af/c639c3/00000000000000007735c080/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/c639c3/00000000000000007735c080/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/c639c3/00000000000000007735c080/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:700;font-stretch:normal;
}

@font-face {
font-family:"Menu_Font";
src:url("https://use.typekit.net/af/c639c3/00000000000000007735c080/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/c639c3/00000000000000007735c080/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/c639c3/00000000000000007735c080/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:700;font-stretch:normal;
}







/*
@font-face {
    font-family: 'bebas_neueregular';
    src: url('../fonts/bebasneue_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
*/


@font-face {
    font-family: 'bariol_regularregular';
    src: url('../fonts/bariol_regular-webfont.woff2') format('woff2'), url('../fonts/bariol_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'AvenirNextW06';
    src: url('../fonts/AvenirNextW06-Bold.woff2') format('woff2'), url('../fonts/AvenirNextW06-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'helveticaregular';
    src: url('../fonts/helvetica-webfont.woff2') format('woff2'), url('../fonts/helvetica-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'helveticabold';
    src: url('../fonts/helvetica-bold-webfont.woff2') format('woff2'), url('../fonts/helvetica-bold-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

/* Font changes */


/*body #Wrapper, body #Content {
    font-family: 'helveticaregular';
}
body .blogs h2{
	font-family: 'helveticaregular';	
}
body #Subheader .title {
    font-family: 'helveticaregular';
}

body .black-bg1 h2 {
    font-size: 80px;
    line-height: 90px;
    font-family: helveticabold;
    text-transform: uppercase;
}

body .black-bg1 h2 em{
	font-family: 'helveticaregular';
}
body:not(.home) h1,body:not(.home) h2,
body:not(.home) h3,body:not(.home) h4,
body:not(.home) .text-logo #logo{
	font-family: 'helveticabold';
	
}
body .sm2 h2{
	height: 70px;
	text-transform: uppercase;
	font-size: 60px !important;
}
body .contact-sec .co-sec1 h2 {
    font-family: 'helveticabold';
    font-size: 80px;
    line-height: 90px;
}
body, button, span.date_label, .timeline_items li h3 span,
input[type=submit], input[type=reset], input[type=button],
input[type=text], input[type=password],
input[type=tel], input[type=email],
textarea, select, .offer_li .title h3 {
    font-family: 'helveticaregular' !important;
}
body #Footer a {
    color: #fff;
    font-family: 'helveticaregular';
}

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

body .sm2 h2 {
    height: 55px;
    text-transform: uppercase;
    font-size: 40px !important;
}
}*/

/* Digital Signage download page styling */

.page-id-20989 h1.title {
    display: none;
}

a.download-btn {
    text-decoration: none;
    border: 2px solid rgb(65, 133, 188);
    color: rgb(65, 133, 188);
    font-size: 50px;
    letter-spacing: 0.5rem;
    padding: 0.8rem;
}
a.download-btn:hover {
    border: 2px solid #ffffff;
    color: #ffffff;
}
.download-btn-sec {
    padding: 5rem;
}

.socialsecservice ul li {
    display: inline-block;
}
.whitebd1 {
    background: white
}
.socialsecservice.social-icons-sec ul {
    margin: 0 0 30px 0 !important;
    font-size: 70px;
    text-align: center;
}

/* Font changes */

#Footer .footer_copy .one {
    margin-bottom: 0;
    padding-top: 0;
    min-height: inherit;
}
.footer-copy-center #Footer .footer_copy .copyright {
    float: none;
    margin: 0 0 55px;
    font-size: 15px;
    color: #fff;
    display: block
}
body:not(.home) #Top_bar {
    position: static;
}
.portfolio .section-post-header {
    display: none;
}
.port-sec h2 {
    color: #fff;
}
.port-sec p {
    color: #fff;
}
.p-sec1 .wpb_single_image .vc_single_image-wrapper,
.p-sec1 .wpb_single_image.vc_align_center,
.p-sec4.wpb_single_image.vc_align_center,
.p-sec5.wpb_single_image.vc_align_center,
.p-sec5.wpb_single_image .vc_single_image-wrapper {
    margin: 0;
}
body #Wrapper,
body #Content {
    background: transparent;
}
body.mobile-side-slide {
    /*background: url(/wp-content/uploads/2018/05/main_background.jpg);*/
    min-height: 100%;
}
body.single-portfolio {
    background: url(/wp-content/uploads/2018/05/main_background.jpg);
    overflow-x: hidden;
}
nav#overlay-menu ul.sub-menu {
    visibility: hidden;
}
nav#overlay-menu .showsub ul.sub-menu {
    visibility: visible;
}

.sticky-btn * {
    position: absolute;
    width: 100%;
    height: 100%;
    font-size: 0;
    margin: 0;
}
.sticky-btn {
    position: fixed;
    bottom: 60px;
    left: 15px;
    transform: translateY(-50%);
    width: 60px;
    height: 60px;
    background-image: url(/wp-content/uploads/2021/01/whatsappp.svg);
    background-repeat: no-repeat;
    background-position: center;
    overflow: hidden;
    transition: all ease-in-out .3s;
    z-index: 99;
}
.social-icons-sec ul{
	display: flex;
	justify-content: center;
}
.social-icons-sec ul .twitter a {
    background-color: #0095eb;
    -webkit-mask: url('/wp-content/uploads/2025/10/twitter-x.svg') no-repeat center;
    mask: url('/wp-content/uploads/2025/10/twitter-x.svg') no-repeat center;
    -webkit-mask-size: contain;
    mask-size: contain;
    width: 70px;
    height: 70px;
    display: inline-block;
}

.social-icons-sec ul .twitter a:hover{
    background-color: #1e73be;
}

@media only screen and (min-width: 991px) {
    body #Subheader {
        background-color: transparent;
        padding: 5px 0;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        color: #fff;
		width: 70%;
    }
    body #Subheader .title {
        font-style: normal;
        color: #fff;
        /*white-space: nowrap;*/
    }
	.header-overlay:not(.home) .overlay-menu-toggle {
		top: 50%;
		transform: translateY(-50%);
	}
}
.services-box {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    visibility: hidden;
    opacity: 0;
    transform: scale(0);
    transition: all ease-in-out .2s;
    background: url(../images/ser-bg.svg) no-repeat center;
    z-index: 9999;
}
.services-box .el-1 {
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 50%;
    background: url(../images/el-1.svg) no-repeat center;
}
.services-box.active {
    visibility: visible;
    opacity: 1;
    transform: scale(1);
}
.contact-sec .co-sec1 h4,
.contact-sec .co-sec1 h2 {
    color: #000;
}
.co-sec2 .wpb_wrapper>div {
    margin-bottom: 15px;
}
.contact-sec .co-sec1 h2 {
    font-family: 'bebas_neuebold';
    font-size: 135px;
    line-height: 120px;
    text-indent: -4px;
}
.contact-sec .co-sec1 h4 {
    font-size: 34px;
}
.contact-sec .co-sec1 .wpb_wrapper>div {
    margin-bottom: 0;
}
.contact-sec .co-sec1 .vc_sep_pos_align_right {
    margin-left: 0;
}
.contact-sec .vc_col-sm-6>div>div.wpb_wrapper {
    padding: 0 2em;
}
.contact-sec .vc_row-o-content-middle {
    margin: 0;
}
.contact-sec .co-sec2 h2 {
    display: table;
    margin: 0px auto 26px;
    border-bottom: 2px solid #fff;
}
.co-sec2 .wpb_raw_code>div {
    font-size: 0;
    display: inline-block;
    width: 100%;
}
.co-sec2 .wpb_raw_code>div>div {
    font-size: 16px;
    zoom: 1;
    font-family: bebas_neueregular;
    letter-spacing: 2px;
    box-sizing: border-box;
    width: 50%;
    margin-bottom: 0;
}
.con-sec3 {
    margin-top: 40px;
}
.co-sec2 .wpb_raw_code>div>div.con-sec {
    border-right: 2px solid #fff;
    padding-right: 20px;
    float: left;
}
.co-sec2 .wpb_raw_code>div>div.con-sec2 {
    padding-left: 20px;
    overflow: hidden;
    /*padding-right: 120px;
background: url(../images/map-icon.svg) no-repeat right center;
background-size: 100px;*/
}
.co-sec2 .wpb_raw_code>div>div strong {
    display: block;
    font-weight: normal;
    font-family: bebas_neuebold;
    font-size: 25px;
    line-height: 1;
}
.co-sec2 .wpb_raw_code>div>div span {
    display: block;
    position: relative;
    margin-top: 10px;
    padding-top: 10px;
    font-family: "bariol_regularregular", Arial, Tahoma, sans-serif;
}
.co-sec2 .wpb_raw_code>div>div span:before {
    width: 100px;
    position: absolute;
    left: 0;
    top: 0;
    height: 2px;
    content: '';
    background-color: #fff;
}
.contact-sec div.wpcf7 {
    padding: 20px;
    background: #fff;
    margin-bottom: 0;
}
.contact-sec .sbt-btn {
    display: table;
    margin: 0px auto;
    position: relative;
}
.contact-sec .sbt-btn input {
    background: #000;
    border-radius: 0;
    margin: 0;
}
.contact-sec .sbt-btn img {
    position: absolute;
    right: -10px;
    top: 10px;
}
body .contact-sec .wpcf7-text {
    height: 40px;
    border: 1px solid #000;
    margin-bottom: 10px;
    font-size: 16px;
}
body .contact-sec .wpcf7-textarea {
    border: 1px solid #000000;
    font-size: 16px;
    height: 120px;
}

/*.page-id-39 #Footer .footer_copy .copyright {
text-align: left;
color: #000;
}*/

.black-bg1.vc_column_container>.vc_column-inner {
    padding: 30px 25px 13px;
    background: #191919;
}
.black-bg1 h2 {
    font-size: 148px;
    font-style: normal;
    line-height: 120px;
    font-family: 'bebas_neuebold';
	font-weight: 700;
}
.black-bg1 h2 em {
    display: table;
    font-size: 24px;
    font-style: normal;
    line-height: 1.2;
    margin: 0px auto;
    padding-bottom: 22px;
    border-bottom: 2px solid #2388c9;
    font-family: 'bariol_regularregular';
    letter-spacing: 3px;
}
.black-bg1 .vc_separator.vc_separator_align_left h4 {
    letter-spacing: 4px;
}
.ab-sec1 .vc_sep_pos_align_right {
    margin-bottom: 0;
}
.ab-sec1 .wpb_wrapper>div,
.ab-sec2 .wpb_wrapper>div,
.ab-sec3 .wpb_wrapper>div {
    margin-bottom: 15px;
}
.ab-sec1 .wpb_single_image .vc_single_image-wrapper,
.ab-sec2 .wpb_single_image .vc_single_image-wrapper,
.ab-sec3 .wpb_single_image .vc_single_image-wrapper {
    margin-bottom: 0;
}
.ab-sec1 .ab3>div,
.ab-sec2 .ab1>div,
.ab-sec2 .ab3>div,
.ab-sec3 .ab1>div,
.ab-sec3 .ab3>div {
    padding: 0;
}
.ab-sec1 .bg-black,
.ab-sec3 .bg-black {
    padding: 30px 25px;
    background: #191919;
}

.ab-sec2 .ab3 img {
    max-height: 346px;
}

.ab-sec3 {
    margin-bottom: 110px;
}
@media (min-width: 1240px) {
    .ab-sec1 .ab1 {
        width: 40%;
    }
    .ab-sec1 .ab2 {
        width: 26%;
    }
    .ab-sec1 .ab3 {
        width: 34%;
    }
    .ab-sec2 .ab1 {
        width: 23%;
        margin-top: -60px;
    }
    .page-id-37 .tweet-ico a:hover img,
    .page-id-37 .fb-ico a:hover img,
    .page-id-37 .insta-ico a:hover img,
    .page-id-37 .youtube-ico a:hover img {
        opacity: .5;
    }
    .ab-sec2 .ab2 {
        width: 43%;
        margin-top: -60px;
    }
    .ab-sec2 .ab3 {
        width: 34%;
    }
    .ab-sec3 .ab1 {
        width: 23%;
        margin-top: -186px;
    }
    .ab-sec3 .ab2 {
        width: 28.1%;
    }
    .ab-sec3 .ab3 {
        width: 48.9%;
    }
}
.post-nav.minimal a {
    opacity: 1;
    top: 13px;
}
.post-nav i.icon {
    width: auto;
    height: auto;
    font-style: normal;
}
.post-nav .icon-right-open-big:before {
    content: '\e918';
}
.post-nav .icon-left-open-big:before {
    content: '\e8ba';
}
.post-nav .next i.icon:after {
    content: 'Next Project';
    float: left;
    margin-right: 10px;
}
.post-nav .prev i.icon:after {
    content: 'Previous Project';
    margin-left: 10px;
}
.post-nav.minimal.column {
    height: auto !important;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    padding: 30px;
    margin-bottom: 70px;
}
.pp-sectionss {
    height: 100vh;
    position: absolute;
    width: 100%;
    overflow: hidden;
    opacity: 0;
}
.sectionss {
    opacity: 0;
}
.sectionss.active {
    opacity: 1;
}
#pagepiling {
    height: 100vh;
    width: 100%;
}
.pp-easing {
    -webkit-transition: all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990);
    -moz-transition: all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990);
    -o-transition: all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990);
    transition: all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990);
    /* custom */
    -webkit-transition-timing-function: cubic-bezier(0.550, 0.085, 0.000, 0.990);
    -moz-transition-timing-function: cubic-bezier(0.550, 0.085, 0.000, 0.990);
    -o-transition-timing-function: cubic-bezier(0.550, 0.085, 0.000, 0.990);
    transition-timing-function: cubic-bezier(0.550, 0.085, 0.000, 0.990);
    /* custom */
}
#pp-nav {
    position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
    opacity: 1;
    display: none;
}
#pp-nav.right {
    right: 17px;
}
#pp-nav.left {
    left: 17px;
}
.pp-section.pp-table {
    display: table;
}
.pp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}
.pp-slidesNav {
    position: absolute;
    z-index: 4;
    left: 50%;
    opacity: 1;
}
.pp-slidesNav.bottom {
    bottom: 17px;
}
.pp-slidesNav.top {
    top: 17px;
}
#pp-nav ul,
.pp-slidesNav ul {
    margin: 0;
    padding: 0;
}
#pp-nav li,
.pp-slidesNav li {
    display: block;
    width: 14px;
    height: 13px;
    margin: 7px;
    position: relative;
}
.pp-slidesNav li {
    display: inline-block;
}
#pp-nav li a,
.pp-slidesNav li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
}
#pp-nav li .active span,
.pp-slidesNav .active span {
    background: #333;
}
#pp-nav span,
.pp-slidesNav span {
    top: 2px;
    left: 2px;
    width: 8px;
    height: 8px;
    border: 1px solid #000;
    background: rgba(0, 0, 0, 0);
    border-radius: 50%;
    position: absolute;
    z-index: 1;
}
.pp-tooltip {
    position: absolute;
    top: -2px;
    color: #fff;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    max-width: 220px;
}
.pp-tooltip.right {
    right: 20px;
}
.pp-tooltip.left {
    left: 20px;
}
.page-id-186 .section_wrapper,
.page-id-186 .container,
.page-id-186 .vc_col-sm-12 {
    position: static;
}
#section1 .sec-1-text {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    padding: 0 0 0 90px;
    max-width: 510px;
    z-index: 99;
    margin: 0;
    height: 410px;
    letter-spacing: 8px;
    font-size: 38px;
    line-height: 1;
    margin: 0;
    transition: all ease-in-out 1s;
}
#section1 .sec-1-text strong {
    font-weight: normal;
    transform: translateY(-1000px);
    transition: all ease-in-out 1s;
    display: block;
}
#section1 .sec-1-text span {
    position: absolute;
    transform: rotate(-90deg);
    left: -400px;
    top: 50px;
    transition: all ease-in-out 1s;
}
#section1 .sec-1-text:after {
    position: absolute;
    left: 200%;
    width: 250px;
    height: 3px;
    top: 18px;
    content: '';
    background: #27a0d7;
    background: -moz-linear-gradient(left, #27a0d7 0%, #1a76b2 100%);
    background: -webkit-linear-gradient(left, #27a0d7 0%, #1a76b2 100%);
    background: linear-gradient(to right, #27a0d7 0%, #1a76b2 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#27a0d7', endColorstr='#1a76b2', GradientType=1);
    margin-top: 2px;
    margin-left: 20px;
    transition: all ease-in-out 1s;
}
#section1.active .sec-1-text:after {
    left: 100%;
}
#section1.active .sec-1-text strong {
    transform: translateY(0);
}
#section1.active .sec-1-text span {
    left: 73px;
}
#section1 .wpb_single_image.vc_align_left {
    position: absolute;
    left: 400px;
    top: 50%;
    transform: translateY(-50%);
    padding: 0 0 0 110px;
    max-width: 510px;
    z-index: 99;
    transition: all ease-in-out 1s;
}
#section1.active .wpb_single_image.vc_align_left {
    left: 0;
}
.right-sec {
    position: absolute;
    right: 0;
    top: 0;
    margin: 0;
    height: 100%;
    border-left: 1px solid #fff;
    padding-left: 20px;
    padding-top: 220px;
    width: 290px;
}
.right-sec a {
    display: inline-block;
    vertical-align: top;
    padding: 15px 30px;
    background: #27a0d7;
    position: relative;
    left: -113px;
    letter-spacing: 2px;
    transition: all ease-in-out 1s;
    color: #fff;
    top: -500px;
}
.right-sec a:hover {
    color: #fff;
    text-decoration: none;
    background: #27a0d7;
    background: -moz-linear-gradient(left, #27a0d7 0%, #1a76b2 100%);
    background: -webkit-linear-gradient(left, #27a0d7 0%, #1a76b2 100%);
    background: linear-gradient(to right, #27a0d7 0%, #1a76b2 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#27a0d7', endColorstr='#1a76b2', GradientType=1);
}
.right-sec strong {
    font-size: 12px;
    font-weight: normal;
    transform: rotate(-1170deg);
    display: block;
    position: relative;
    left: -149px;
    letter-spacing: 4px;
    top: 120px;
    transition: all ease-in-out 1s;
    animation-delay: 3s;
}
.right-sec em {
    font-style: normal;
    font-size: 28px;
    border-right: 2px solid #27a0d7;
    padding-right: 10px;
    font-family: bebas_neueregular;
    position: relative;
    left: -400px;
    top: 72px;
    transition: all ease-in-out 1s;
    animation-delay: 2s;
}
.sectionss.active .right-sec a {
    top: 0;
}
.sectionss.active .right-sec strong {
    transform: rotate(-90deg);
}
.sectionss.active .right-sec em {
    left: -80px;
}
.sm2.vc_column_container>.vc_column-inner {
    //padding: 30px 25px 0;
    //background: #191919;
}
.sm2 h2 {
    font-size: 40px;
    font-style: normal;
    line-height: 1;
    font-family: 'bebas_neuebold';
    position: relative;
    /*padding-bottom: 11px;*/
    height: 108px;
    width: 100%;
}
.sm2 h2 a {
    display: block;
}
.sm2 h2 .scaleTextSpacer {
    display: none;
}
.sm2 h2:after {
    position: absolute;
    content: '';
    width: 70%;
    height: 2px;
    background-color: #2388c9;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}
.sm2 h4 {
    letter-spacing: 3px;
}
.sm2 .wpb_wrapper>div.vc_separator-has-text {
    margin: 0;
}

/*.font-13 p {
letter-spacing: 3px;
font-size: 13px;
line-height: 16px;
}*/

.sm2 .rev-slider-media {
    margin: 0px -25px;
    padding-top: 35px;
    background: #000;
}
.sm2 .wpb_single_image .vc_single_image-wrapper {
    margin: 0;
}
.sm-black>div>div {
    padding: 30px 25px 13px;
    background: #191919;
    display: table;
    height: 100%;
}
.sm-sec2 h2 {
    letter-spacing: 5px;
    margin-top: 20px;
    margin-bottom: 30px;
}
.wpb_wrapper>.left-sec {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    padding-left: 90px;
}
.left-sec h3 {
    font-size: 30px;
    line-height: 1;
    font-weight: 400;
    letter-spacing: 4px;
    margin: 0;
    position: relative;
    display: table;
    transform: translateY(-1000px);
    transition: all ease-in-out 1s;
    animation-delay: 2s;
}
.left-sec h3:after,
.left-sec h2:after {
    position: absolute;
    left: 500%;
    width: 2000px;
    height: 3px;
    top: 50%;
    transform: translateY(-50%);
    content: '';
    background: #27a0d7;
    background: -moz-linear-gradient(left, #27a0d7 0%, #1a76b2 100%);
    background: -webkit-linear-gradient(left, #27a0d7 0%, #1a76b2 100%);
    background: linear-gradient(to right, #27a0d7 0%, #1a76b2 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#27a0d7', endColorstr='#1a76b2', GradientType=1);
    margin-top: 2px;
    margin-left: 20px;
    transition: all ease-in-out 2s;
}
.left-sec h2 {
    font-size: 120px;
    line-height: 1;
    text-transform: uppercase;
    font-family: bebas_neuebold;
    text-indent: 0px;
    margin-top: -12px;
    /*transform: scale(0);*/
    transition: all ease-in-out 1s;
    position: relative;
    /*white-space: nowrap;
opacity: 0;
width: 1000px;
height: 150px*/
    max-width: 1050px;
}
.left-sec h2:after {
    left: -500%;
    width: 100%;
    top: auto;
    bottom: 0;
    transform: none;
    margin-left: 0;
}
.sectionss.active .left-sec h3:after {
    left: 100%;
}
.sectionss.active .left-sec h2:after {
    left: 0;
}
.left-sec h2 em {
    font-size: 38px;
    display: block;
    font-family: "bariol_regularregular", Arial, Tahoma, sans-serif;
    font-style: normal;
    padding-left: 8px;
    margin-top: -27px;
    transform: translateY(1000px);
    transition: all ease-in-out 1s;
}
.left-sec .wpb_wrapper {
    overflow: hidden;
}
.sectionss.active .left-sec h3 {
    transform: translateY(0);
}
.sectionss.active .left-sec h2 {
    transform: scale(1);
    /* opacity: 1;*/
}
.sectionss.active .left-sec h2 em {
    transform: translateY(0);
}
.demo-1 {
    --color-text: #fff;
    --color-bg: #000;
    --color-link: #f9d77e;
    --color-link-hover: #fff;
    --color-info: #efc453;
    --glitch-width: 100vw;
    --glitch-height: 100vh;
    --gap-horizontal: 10px;
    --gap-vertical: 5px;
    --time-anim: 4s;
    --delay-anim: 2s;
    --blend-mode-1: none;
    --blend-mode-2: none;
    --blend-mode-3: none;
    --blend-mode-4: none;
    --blend-mode-5: overlay;
    --blend-color-1: transparent;
    --blend-color-2: transparent;
    --blend-color-3: transparent;
    --blend-color-4: transparent;
    --blend-color-5: #000;
}
.imgloaded .content__title,
.imgloaded .content__text {
    animation-name: glitch-anim-text;
    animation-duration: var(--time-anim);
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
.content__title {
    font-size: 12vw;
    margin: 35vh 0 0 0;
    position: relative;
    font-family: 'Playfair Display', serif;
    animation-delay: calc(var(--delay-anim) + var(--time-anim) * 0.2);
}
.content__text {
    font-family: 'IM Fell English', serif;
    position: absolute;
    font-size: 1.5em;
    top: 4em;
    right: 10vw;
    max-width: 500px;
    text-align: right;
    font-weight: 400;
    animation-delay: calc(var(--delay-anim) + var(--time-anim) * 0.25);
}
@media screen and (max-width: 55em) {
    .content__text {
        position: relative;
        right: auto;
        top: auto;
        font-size: 1.25em;
        padding: 0 1em;
        text-align: center;
    }
}

/* Glitch styles */

.glitch {
    position: absolute;
    top: 0;
    left: 0;
    width: var(--glitch-width);
    height: var(--glitch-height);
    overflow: hidden;
}
.glitch__img {
    position: absolute;
    top: calc(-1 * var(--gap-vertical));
    left: calc(-1 * var(--gap-horizontal));
    width: calc(100% + var(--gap-horizontal) * 2);
    height: calc(100% + var(--gap-vertical) * 2);
    background: url(../images/glitch-img.jpg) no-repeat 50% 0;
    background-color: var(--blend-color-1);
    background-size: cover;
    transform: translate3d(0, 0, 0);
    background-blend-mode: var(--blend-mode-1);
}
.glitch__img:nth-child(n+2) {
    opacity: 0;
}
.imgloaded .glitch__img:nth-child(n+2) {
    animation-duration: var(--time-anim);
    animation-delay: var(--delay-anim);
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
.imgloaded .glitch__img:nth-child(2) {
    background-color: var(--blend-color-2);
    background-blend-mode: var(--blend-mode-2);
    animation-name: glitch-anim-1;
}
.imgloaded .glitch__img:nth-child(3) {
    background-color: var(--blend-color-3);
    background-blend-mode: var(--blend-mode-3);
    animation-name: glitch-anim-2;
}
.imgloaded .glitch__img:nth-child(4) {
    background-color: var(--blend-color-4);
    background-blend-mode: var(--blend-mode-4);
    animation-name: glitch-anim-3;
}
.imgloaded .glitch__img:nth-child(5) {
    background-color: var(--blend-color-5);
    background-blend-mode: var(--blend-mode-5);
    animation-name: glitch-anim-flash;
}

/* Animations */

@keyframes glitch-anim-1 {
    0% {
        opacity: 1;
        transform: translate3d(var(--gap-horizontal), 0, 0);
        -webkit-clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%);
        clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%);
    }
    2% {
        -webkit-clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
        clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
    }
    4% {
        -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%);
        clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%);
    }
    6% {
        -webkit-clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%);
        clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%);
    }
    8% {
        -webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
        clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
    }
    10% {
        -webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
        clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
    }
    12% {
        -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
        clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
    }
    14% {
        -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
        clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
    }
    16% {
        -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
        clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
    }
    18% {
        -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
        clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
    }
    20% {
        -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
        clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
    }
    21.9% {
        opacity: 1;
        transform: translate3d(var(--gap-horizontal), 0, 0);
    }
    22%,
    100% {
        opacity: 0;
        transform: translate3d(0, 0, 0);
        -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
        clip-path: polygon(0 0, 0 0, 0 0, 0 0);
    }
}
@keyframes glitch-anim-2 {
    0% {
        opacity: 1;
        transform: translate3d(calc(-1 * var(--gap-horizontal)), 0, 0);
        -webkit-clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%);
        clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%);
    }
    3% {
        -webkit-clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%);
        clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%);
    }
    5% {
        -webkit-clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%);
        clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%);
    }
    7% {
        -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
        clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
    }
    9% {
        -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%);
        clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%);
    }
    11% {
        -webkit-clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%);
        clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%);
    }
    13% {
        -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
        clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
    }
    15% {
        -webkit-clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%);
        clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%);
    }
    17% {
        -webkit-clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%);
        clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%);
    }
    19% {
        -webkit-clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%);
        clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%);
    }
    20% {
        -webkit-clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%);
        clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%);
    }
    21.9% {
        opacity: 1;
        transform: translate3d(calc(-1 * var(--gap-horizontal)), 0, 0);
    }
    22%,
    100% {
        opacity: 0;
        transform: translate3d(0, 0, 0);
        -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
        clip-path: polygon(0 0, 0 0, 0 0, 0 0);
    }
}
@keyframes glitch-anim-3 {
    0% {
        opacity: 1;
        transform: translate3d(0, calc(-1 * var(--gap-vertical)), 0) scale3d(-1, -1, 1);
        -webkit-clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%);
        clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%);
    }
    1.5% {
        -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 9%, 0 9%);
        clip-path: polygon(0 10%, 100% 10%, 100% 9%, 0 9%);
    }
    2% {
        -webkit-clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%);
        clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%);
    }
    2.5% {
        -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
        clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
    }
    3% {
        -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%);
        clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%);
    }
    5% {
        -webkit-clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%);
        clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%);
    }
    5.5% {
        -webkit-clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%);
        clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%);
    }
    7% {
        -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%);
        clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%);
    }
    8% {
        -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
        clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
    }
    9% {
        -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%);
        clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%);
    }
    10.5% {
        -webkit-clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%);
        clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%);
    }
    11% {
        -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%);
        clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%);
    }
    13% {
        -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%);
        clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%);
    }
    14% {
        -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%);
        clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%);
    }
    14.5% {
        -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%);
        clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%);
    }
    15% {
        -webkit-clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%);
        clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%);
    }
    16% {
        -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
        clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
    }
    18% {
        -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%);
        clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%);
    }
    20% {
        -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%);
        clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%);
    }
    21.9% {
        opacity: 1;
        transform: translate3d(0, calc(-1 * var(--gap-vertical)), 0) scale3d(-1, -1, 1);
    }
    22%,
    100% {
        opacity: 0;
        transform: translate3d(0, 0, 0);
        -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
        clip-path: polygon(0 0, 0 0, 0 0, 0 0);
    }
}
@keyframes glitch-anim-text {
    0% {
        transform: translate3d(calc(-1 * var(--gap-horizontal)), 0, 0) scale3d(-1, -1, 1);
        -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
        clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
    }
    2% {
        -webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
        clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
    }
    4% {
        -webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
        clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
    }
    5% {
        -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
        clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
    }
    6% {
        -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
        clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
    }
    7% {
        -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
        clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
    }
    8% {
        -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
        clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
    }
    9% {
        -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
        clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
    }
    9.9% {
        transform: translate3d(calc(-1 * var(--gap-horizontal)), 0, 0) scale3d(-1, -1, 1);
    }
    10%,
    100% {
        transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    }
}

/* Flash */

@keyframes glitch-anim-flash {
    0%,
    5% {
        opacity: 0.2;
        transform: translate3d(var(--gap-horizontal), var(--gap-vertical), 0);
    }
    5.5%,
    100% {
        opacity: 0;
        transform: translate3d(0, 0, 0);
    }
}

/*.design-p .sm2 h2 {
font-size: 73px;
}*/

.sectionss.active .right-sec1 em {
    left: -190px;
}
.foo-logos {
    background: #191919;
    font-size: 0;
}
.foo-logos aside {
    display: inline-block;
    vertical-align: top;
    width: 16%;
    border-left: 2px solid #333;
    box-sizing: border-box;
    text-align: center;
    margin: 0;
    min-height: 150px;
    padding-top: 46px;
}
.foo-logos aside img {
    max-height: 70px;
    display: table;
    margin: 0px auto;
    max-width: 150px;
}
#Footer .widget_recent_entries ul li {
    background: transparent;
    margin: 0;
}
#Footer .widget_recent_entries ul li:after {
    display: none;
}
body #Footer .foo-3 .widget_recent_entries ul li a {
    color: #fff;
    border: 0;
}
body #Footer .foo-3 .widget_recent_entries ul li .post-date {
    color: #fff;
    font-size: 12px;
    line-height: 1;
}
#Footer .widget_nav_menu ul {
    list-style-type: none;
    padding: 0 0 0 15px;
    background: transparent;
}
#Footer .widget_nav_menu ul li:after {
    display: none;
}
.foo-1 .widget_media_image {
    max-width: 225px;
    /*margin: 107px 0 0;*/
}
.foo-1 .widget_media_image img {
    max-width: 180px;
    margin: 55px 0 0;
}
#Footer .widget_nav_menu ul li a {
    padding: 5.5px 0;
}
#Footer h4 {
    font-size: 25px;
    line-height: 1;
    font-weight: bold;
}
.foo-4 {
    border-left: 3px solid #191919;
    box-sizing: border-box;
    padding: 0 25px;
}
.foo-4 .textwidget p {
    color: #fff;
    padding-left: 15px;
    font-size: 16px;
}
.one-fifth.foo-1 {
    width: 16%;
}
.one-fifth.foo-2 {
    width: 12%;
}
.one-fifth.foo-3 {
    width: 14%;
}
.one-fifth.foo-4 {
    width: 30%;
}
#Footer .social {
    text-align: center;
    max-width: 240px;
    margin-left: -12px;
    /*margin: 0px auto;*/
}
#Footer .social li {
    display: inline-block;
    vertical-align: top;
    padding: 0 5px 10px;
}
#Footer .social li a {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #fff;
    border-radius: 50%;
	display: block;
}
.twitter a i::before{
	display:none;
}
.twitter a {
	background: url('/wp-content/uploads/2025/10/twitter-x.svg') no-repeat center;
	background-size: 16px;
}
#Footer .social li a:hover {
    color: #2194D2;
    border-color: #2194D2;
}
#Footer .widgets_wrapper {
    padding: 35px 0;
}
.home .foo-logos,
.home .widgets_wrapper,
.home .foo-menu,
.page-id-186 .foo-logos,
.page-id-186 .widgets_wrapper,
.page-id-186 .foo-menu {
    display: none;
}
body.page-id-186 #Footer,
body.home #Footer {
    background: transparent;
    position: fixed;
    bottom: 0;
    width: 100%;
}
.wpcf7-form-control.g-recaptcha.wpcf7-recaptcha {
    margin: 0 0 20px 0;
}

.fa-tiktok::before {
    display: none;
}
@media only screen and (min-width: 1240px) {
    #Footer .section_wrapper,
    #Footer .container {
        max-width: 1430px;
    }
}
.foo-menu {
    float: left;
}
#Footer .foo-menu ul li {
    padding: 0 10px 0;
    list-style: none;
    display: inline-block;
    vertical-align: top;
}
#Footer .foo-menu ul li a {
    padding: 0;
    display: block;
    font-size: 15px;
}
.mail_cleartwo i {
    display: none;
}
.mail_cleartwo a {
    background: url(/wp-content/uploads/2022/06/fav-upated.png) no-repeat center;
    background-size: 90%;
}

/*.crm-p .sm2 h2 {
font-size: 106px;
line-height: 176px;
}
.support-p .sm2 h2 {
font-size: 106px;
line-height: 106px;
}*/

.sec-list .wpb_text_column {
    /*   padding: 30px 25px;
background: #191919; */
}
.sec-list .wpb_text_column p,
.sec-list .wpb_text_column li {
    letter-spacing: 3px;
    font-size: 13px;
    line-height: 16px;
    color: #fff;
}
.tweet-ico a:hover img,
.fb-ico a:hover img,
.insta-ico a:hover img,
.youtube-ico a:hover img {
    opacity: 0;
}
.tweet-ico a {
    background: url(../images/hover-1.jpg) center no-repeat / cover;
}
.fb-ico a {
    background: url(../images/hover-2.jpg) center no-repeat / cover;
}
.insta-ico a {
    background: url(../images/hover-3.jpg) center no-repeat / cover;
}
.youtube-ico a {
    background: url(../images/hover-4.jpg) center no-repeat / cover;
}
.sm2 {
    margin-bottom: 30px;
}
.wpb_wrapper>div.video-html5 {
    margin: 0 -25px;
}
.video-html5 video {
    width: 100%;
    height: auto;
}
.vc-hoverbox h2 {
    font-size: 31px;
    line-height: 34px;
    font-weight: 400;
    letter-spacing: 0px;
    font-family: bebas_neuebold;
    text-shadow: 0px 2px 1px rgba(0, 0, 0, .8);
}
.no-shadows #Wrapper {
    overflow: hidden;
}
#Footer .widget_media_image h4 {
    position: absolute;
    left: 0;
    bottom: -46px;
    width: 100%;
    text-align: center;
    font-family: 'bebas_neuebold';
    font-size: 38px;
    line-height: 1;
    color: #2285c7;
}
.sec-list .wpb_text_column.web-box {
    /* margin-left: -25px;
margin-right: -25px;
border-top: 30px solid #000; */
}

/*.snapchat i:before {
content: "\f2ac";
font-family: 'FontAwesome';
}*/

.snapchat a {
    background: url(../images/snapchat-icon.svg) no-repeat center;
    background-size: 16px;
}
.fa-tiktok a {
    background: url(/wp-content/uploads/2020/12/tik-tok-w.svg) no-repeat center;
    background-size: 16px;
}

/* -------------------------------- 

Main Components 

-------------------------------- */

body::after,
body::before {
    /* these are the 2 half blocks which cover the content once the animation is triggered */
    content: '';
    height: 50vh;
    width: 100%;
    position: fixed;
    left: 0;
    background-color: #ffffff;
    z-index: 9999;
    /* Force Hardware Acceleration */
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: -webkit-transform 0.4s 0.4s;
    -moz-transition: -moz-transform 0.4s 0.4s;
    transition: transform 0.4s 0.4s;
}
body::before {
    top: 0;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}
body::after {
    bottom: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
}
body.page-is-changing::after,
body.page-is-changing::before {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform 0.4s 0s;
    -moz-transition: -moz-transform 0.4s 0s;
    transition: transform 0.4s 0s;
}
.cd-cover-layer {
    /* layer that covers the content when the animation is triggered */
    position: fixed;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    height: calc(100% - 20px);
    width: calc(100% - 20px);
    opacity: 0;
    visibility: hidden;
    background-color: #4089a6;
    -webkit-transition: opacity 0.4s 0.4s, visibility 0s 0.8s;
    -moz-transition: opacity 0.4s 0.4s, visibility 0s 0.8s;
    transition: opacity 0.4s 0.4s, visibility 0s 0.8s;
}
.cd-about .cd-cover-layer {
    background-color: #283040;
}
.page-is-changing .cd-cover-layer {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
}
@media only screen and (min-width: 768px) {
    .cd-cover-layer {
        height: calc(100% - 40px);
        width: calc(100% - 40px);
    }


}
.cd-loading-bar {
    /* this is the loding bar - visible while switching from one page to the following one */
    position: fixed;
    z-index: 99999;
    left: 50%;
    top: 50%;
    height: 6px;
    width: 90%;
    background-color: #4089a6;
    visibility: hidden;
    -webkit-transition: visibility 0s 0.4s, -webkit-transform 0.4s 0s ease-in;
    -moz-transition: visibility 0s 0.4s, -moz-transform 0.4s 0s ease-in;
    transition: visibility 0s 0.4s, transform 0.4s 0s ease-in;
    /* Force Hardware Acceleration */
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.cd-about .cd-loading-bar {
    background-color: #283040;
}
.cd-about .cd-loading-bar::before {
    background-color: #4089a6;
}
.cd-loading-bar::before {
    /* this is the progress bar inside the loading bar */
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(-45deg, #EE7752, #E73C7E, #23A6D5, #23D5AB);
    background-size: 400% 400%;
    -webkit-animation: Gradient 1s ease infinite;
    -moz-animation: Gradient 1s ease infinite;
    animation: Gradient 1s ease infinite;
    /* Force Hardware Acceleration */
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}
.page-is-changing .cd-loading-bar {
    visibility: visible;
    -webkit-transform: translateX(-50%) translateY(-50%) scaleX(0.3);
    -moz-transform: translateX(-50%) translateY(-50%) scaleX(0.3);
    -ms-transform: translateX(-50%) translateY(-50%) scaleX(0.3);
    -o-transform: translateX(-50%) translateY(-50%) scaleX(0.3);
    transform: translateX(-50%) translateY(-50%) scaleX(0.3);
    -webkit-transition: visibility 0s 0.3s, -webkit-transform 0.4s 0.4s;
    -moz-transition: visibility 0s 0.3s, -moz-transform 0.4s 0.4s;
    transition: visibility 0s 0.3s, transform 0.4s 0.4s;
}
.page-is-changing .cd-loading-bar::before {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition: -webkit-transform 0.8s 0.8s ease-in;
    -moz-transition: -moz-transform 0.8s 0.8s ease-in;
    transition: transform 0.8s 0.8s ease-in;
}
@media only screen and (min-width: 768px) {
    .cd-loading-bar {
        width: calc(100% - 40px);
    }
}
@keyframes Gradient {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}
.wpcf7-form-control-wrap {
    display: table;
    margin: 0px auto;
}
body .white_pad.wpb_column .vc_column-inner>.wpb_wrapper {
    padding: 10px !important;
}
.anydesk-link {
    display: block;
    text-align: center;
}
#Footer .anydesk-link a:hover {
    text-decoration: none;
}
#Footer .anydesk-link .vc_btn3.vc_btn3-color-primary.vc_btn3-style-3d:hover {
    background-color: #fff;
    box-shadow: 0 2px 0 #4db6ea
}
@media only screen and (max-width: 1239px) {
    .contact-sec .co-sec1 h2 {
        font-size: 45px;
        line-height: 1.2;
    }
    .black-bg1 h2 {
        font-size: 58px;
        line-height: 1.2;
    }
    .black-bg1 h2 em {
        font-size: 14px;
    }
    body.mobile-side-slide {
        overflow-x: visible;
    }
    .no-shadows #Wrapper {
        overflow: hidden;
    }
    .foo-2,
    .foo-3 {
        display: none;
    }
    body #Footer .column.foo-4 {
        width: 81%;
    }
    .anydesk-link a {
        padding: 10px;
        display: table;
    }
}
@media only screen and (max-width: 1100px) {
    #section1 .wpb_single_image.vc_align_left {
        transform: translateY(-50%);
        padding: 0 0 0 60px;
        max-width: 140px;
        margin: 0;
    }
    #section1 .sec-1-text {
        padding: 0 0 0 40px;
        max-width: 200px;
        height: 140px;
        letter-spacing: 2px;
        font-size: 10px;
    }
    #section1.active .sec-1-text span {
        left: 36px;
        top: 20px;
    }
    #section1 .sec-1-text:after {
        width: 80px;
        top: 2px;
        margin-left: 10px;
    }
    .right-sec {
        padding-top: 110px;
        width: 40px;
    }
    .right-sec strong {
        left: -20px;
        top: 160px;
        white-space: nowrap;
    }
    .sectionss.active .right-sec1 em {
        left: -148px;
        white-space: nowrap;
    }
    .right-sec em {
        top: -28px;
    }
    .left-sec h2 {
        font-size: 56px;
        text-indent: 0;
        margin-top: 0;
    }
    .left-sec h3 {
        font-size: 10px;
    }
    .left-sec h3:after {
        width: 34px;
        margin-left: 0px;
    }
    .wpb_wrapper>.left-sec {
        padding-left: 40px;
    }
    .left-sec h2 em {
        font-size: 10px;
        padding-left: 0;
        margin-top: 0;
    }
    .right-sec a {
        padding: 9px 15px;
        letter-spacing: 2px;
        white-space: nowrap;
        font-size: 12px;
    }
    .contact-sec .co-sec1 h4 {
        font-size: 14px;
    }
    .contact-sec .co-sec1 h2 {
        font-size: 45px;
        line-height: 1.2;
        text-indent: -4px;
    }
    .foo-logos aside {
        border-left: 0;
        min-height: inherit;
        padding-bottom: 0;
        width: 29%;
        background: #000;
        padding: 10px;
        margin: 1%;
    }
    .foo-logos aside img {
        max-height: 50px;
        width: 100%;
        max-width: 90px;
    }
    .foo-logos .widget:last-child {
        padding: 10px;
        margin: 1%;
    }
    .foo-logos {
        padding: 20px 0;
        text-align: center;
    }
}
@media only screen and (max-width: 991px) {
.sticky-btn {
    width: 40px;
    height: 40px;
    bottom: 75px;
    left: 20px;
    transform: none;
}
    .sm2 h2 {
        height: 59px;
    }
    body #Footer .column.foo-4 {
        width: 100%;
        border-left: 0;
        padding-left: 0;
    }
    body #Subheader .title {
        color: #ffffff;
    }
    body #Subheader {
        padding: 20px 0;
        background-color: rgb(31, 134, 200);
    }
}
@media only screen and (max-width: 767px) {
    .footer-copy-center #Footer .footer_copy .copyright {
        font-size: 13px;
        line-height: 1.5;
        letter-spacing: 1px;
    }
    body #Top_bar {
        background: #000 !important;
    }
    .sm2 h2 {
        font-size: 36px;
        line-height: 1.2;
    }
    body #Footer {
        text-align: center;
    }
    .foo-1 .widget_media_image {
        margin: 0 auto;
    }
    .rev_slider_wrapper {
        margin-top: 30px !important;
    }
    .design-p .sm2 h2 {
        font-size: 40px;
    }
    #Footer .social {
        margin: 0px auto!important;
    }
    body .social-icons-sec ul {
        margin: 0px !important;
        font-size: 29px;
    }
    .contact-sec .vc_col-sm-6>div>div.wpb_wrapper {
        padding: 0;
        margin: 0 -48px;
    }
    .foo-1 .widget_media_image img {
        max-width: 140px !important;
        margin: 0px 0 0;
    }
    .socialsecservice.social-icons-sec ul {
        margin: 0 0 0px!important;
        font-size: 48px;
    }
    body #Subheader {
        margin-bottom: 30px;
    }
	.header-overlay .overlay-menu-toggle {
		top: 50%;
		transform: translateY(-50%);
	}
}
@media only screen and (max-width: 649px) {
    body #callnowbutton {
        width: 40px;
        height: 40px;
        background-size: 26px;
    }
	.download-btn-sec {
    padding: 5rem 0;
}
	a.download-btn {
    font-size: 20px;
}
}