@font-face {
font-family: 'Gilroy';
src: url('../fonts/Gilroy-Light.woff2') format('woff2'), url('../fonts/Gilroy-Light.woff') format('woff');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Gilroy';
src: url('../fonts/Gilroy-ExtraBold.woff2') format('woff2'), url('../fonts/Gilroy-ExtraBold.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
.panel {
scroll-snap-align: start;
height: 100vh;
}
body {
margin: 0px;
padding: 0px;
float: left;
width: 100%;
font-family: 'Gilroy';
background: #090909;
overflow-y: scroll;
scroll-snap-type: y mandatory;
}
body.fadeOut {
opacity: 0;
}
a:hover,
a:focus {
text-decoration: none;
outline: 0;
}
.relate {
position: relative;
}
.header_main_bar {
    margin: 0px;
    padding: 0px;
    float: left;
    width: 94.5%;
    position: absolute;
    top: 0;
    z-index: 9999999;
}
.bars {
width: 30px;
height: 4px;
background: #fff;
float: left;
margin: 35px 0 0 0;
cursor: pointer;
}
.bars::before,
.bars::after {
content: '';
position: absolute;
width: 30px;
height: 4px;
background: #fff;
}
.bars::before {
margin-top: 9px;
}
.bars::after {
margin-top: 18px;
}
.header_main_bar img {
float: left;
margin: 30px 0 0 40px;
/*filter: brightness(100);*/
}
.navigation_bar ul {
list-style: none;
}
.navigation_bar ul li {
margin: 20px 0 0 0;
}
.navigation_bar ul li a {
color: #fafafa;
font-size: 2em;
text-decoration: none;
font-weight: 500;
position: relative;
opacity: 0;
pointer-events: none;
}
.navigation_bar ul li a:after {
content: '';
width: 100%;
position: absolute;
height: 3px;
border-radius: 5px;
background: #fff;
bottom: -10px;
left: 0;
transform-origin: left;
transition: transform .5s ease;
transform: scaleX(0);
}
.navigation_bar ul li a:hover:after {
transform: scaleX(1);
}
.navigation_bar .close {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 73px;
    left: 31.7%;
    cursor: pointer;
    opacity: 0;
    pointer-events: none;
    z-index: 1;
    background: #fff;
    border-radius: 50%;
    transition: 0.3s;
}

.navigation_bar .close:hover{
    transform: scale(1.3);
    transition: 0.3s;
}
.navigation_bar.main-navigation li a i {
    font-size: 12px;
    font-weight: 600;
}
.navigation_bar h2 {
position: absolute;
top: 5%;
left: 5%;
opacity: 0;
pointer-events: none;
color: #fff;
font-size: 2em;
}
.navigation_bar .close div::before,
.navigation_bar .close div::after {
content: '';
position: absolute;
width: 30px;
height: 4px;
background: #fff;
transition: background .5s ease;
}
.navigation_bar .close div::before {
transform: rotate(-45deg);
}
.navigation_bar .close div::after {
transform: rotate(45deg);
}
.navigation_bar .close:hover div::before,
.navigation_bar .close:hover div::after {
background: rgb(209, 3, 3);
}
@media (max-width: 992px) {
h1 {
font-size: 25px;
}
}


.top_body {
    font-family: "Montserrat", sans-serif;
    background: transparent;
    width: 100vw;
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    position: fixed;
    top: 0;
    transform: scale(0);
}
.banner_home {
margin: 0px;
padding: 0px;
float: left;
width: 100%;
height: 100vh;
position: relative;
overflow: hidden;
background: #1d1d1d;
}
.banner_slider {
margin: 0px;
padding: 0px;
float: left;
width: 100%;
height: 100vh;
}
.slider_section {
margin: 0px;
padding: 0px;
float: left;
width: 100%;
position: relative;
}
.slider_section .slide_img {
width: 100%;
height: 100vh;
position: absolute;
}
.slider_section .slide_img img {
width: 100%;
height: 100vh;
}
.slider_content_main {
position: relative;
height: 100vh;
align-items: center;
display: grid;
align-content: end;
justify-content: left;
bottom: 14%;
}
.slider_contnet_area {
display: flex;
}
.slider_contnet_area h1 {
color: #ffffff;
font-size: 52px;
text-transform: uppercase;
margin: 60px 0 0px 0;
font-family: 'Gilroy';
}
.slider_contnet_area h2 {
color: #ffffff;
font-size: 52px;
text-transform: uppercase;
margin: 0px 0 20px 0;
font-weight: bold;
font-family: 'Gilroy';
}
.slider_contnet_area p {
color: #ffffff;
font-size: 18px;
font-family: 'Gilroy';
}
.slider_button {
display: inline-block;
margin-top: 33px;
}
.slider_button .btn_solid {
background: #b20000;
font-size: 18px;
color: #fff;
padding: 10px 22px;
font-weight: bold;
font-family: 'Gilroy';
}
.btn_hover_effect {
position: relative;
}
.btn_hover_effect:hover {
/*      -webkit-animation: burn 1000ms cubic-bezier(0, 1.73, 0.65, 0.77) forwards;
animation: burn 1000ms ease-out forwards;*/
}
.btn_hover_effect:hover::before {
/*      content: "";
position: absolute;
left: 40px;
width: 100px;
height: 40px;
background: #ffe66e;
border-radius: 100%;
-webkit-animation: flare 1000ms ease-out forwards;
animation: flare 1000ms ease-out forwards;*/
}
.btn_hover_effect:hover::after {
/*      content: "";
position: absolute;
right: 40px;
width: 100px;
height: 40px;
background: #ffe66e;
border-radius: 100%;
-webkit-animation: flare 1000ms ease-out forwards;
animation: flare 1000ms ease-out forwards;*/
}
@-webkit-keyframes flare {
100% {
transform: translateY(-20px) scale(1.5);
filter: blur(10px);
opacity: 0;
}
}
@keyframes flare {
100% {
transform: translateY(-20px) scale(1.5);
filter: blur(10px);
opacity: 0;
}
}
@-webkit-keyframes burn {
0% {
color: #ff826e;
background: #ffe66e;
box-shadow: 0 0 5px 0 #c8000a, 0 0 5px 0 rgba(230, 30, 10, 0.8), 0 0 5px 0 rgba(230, 230, 10, 0.6);
}
100% {
color: black;
background: white;
box-shadow: 0 -35px 40px 30px rgba(255, 130, 10, 0), 0 -30px 30px 10px rgba(230, 30, 10, 0), 0 -20px 10px 0 rgba(255, 255, 10, 0);
}
}
@keyframes burn {
0% {
color: #ff826e;
background: #ffe66e;
box-shadow: 0 0 5px 0 #c8000a, 0 0 5px 0 rgba(230, 30, 10, 0.8), 0 0 5px 0 rgba(230, 230, 10, 0.6);
}
100% {
color: black;
background: white;
box-shadow: 0 -35px 40px 30px rgba(255, 130, 10, 0), 0 -30px 30px 10px rgba(230, 30, 10, 0), 0 -20px 10px 0 rgba(255, 255, 10, 0);
}
}
.slider_button .btn_solid:hover {
text-decoration: none;
}
.btn_wo_bg {
font-size: 18px;
color: #fff;
padding: 10px 22px;
font-family: 'Gilroy';
font-weight: bold;
}
.btn_wo_bg:hover {
text-decoration: none;
background: #ffff;
color: #000;
}
.banner_slider_navigation {
width: 160px;
position: absolute;
right: 0;
}
.banner_slider_navigation ul {
margin: 0;
padding: 0;
list-style-type: none;
display: flex;
flex-flow: column wrap;
height: 100vh;
overflow: visible;
}
.banner_slider_navigation ul li {
flex: 1;
position: relative;
overflow: visible;
background: #00000080;
transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
margin-bottom: 4px;
}
.banner_slider_navigation ul li a {
display: flex;
flex-flow: column wrap;
justify-content: center;
padding: 0 20%;
position: absolute;
width: 280%;
height: 100%;
left: calc(-280% + 90px);
background: rgba(32, 35, 42, 0.75);
transform: scaleX(0);
transform-origin: right center;
transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.banner_slider_navigation ul li img {
height: auto;
width: 50px;
}
.banner_slider_navigation ul li:hover {}
.banner_slider_navigation ul li.active a {
flex: 2;
display: flex;
flex-flow: column wrap;
justify-content: center;
padding: 0 20%;
position: absolute;
width: 260%;
height: 100%;
left: calc(-225% + 222px);
background: rgba(32, 35, 42, 0.75);
transform: scaleX(1);
transform-origin: right center;
transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.banner_slider_navigation ul li:hover a {
flex: 2;
display: flex;
flex-flow: column wrap;
justify-content: center;
padding: 0 20%;
position: absolute;
width: 260%;
height: 100%;
left: calc(-225% + 222px);
background: rgba(32, 35, 42, 0.75);
transform: scaleX(1);
transform-origin: right center;
transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.delay-1 {
transition-delay: 0.05s;
}
.delay-2 {
transition-delay: 0.1s;
}
.delay-3 {
transition-delay: 0.15s;
}
.delay-4 {
transition-delay: 0.2s;
}
.delay-5 {
transition-delay: 0.25s;
}
/* our speciallity section start */
.our_speciallity_section {
    float: left;
    width: 100%;
    margin: 0px;
    padding: 160px 0 0 0 !important;
    background: #0e0c0e;
    overflow: hidden;
}
.Types_of_Video {
font-size: 32px;
font-family: "Gilroy";
color: rgba(88, 88, 88, 0.102);
font-weight: bold;
text-transform: uppercase;
line-height: 1.406;
text-align: center;
-moz-transform: matrix(5.23191339446878, 0, 0, 5.23191339446878, 0, 0);
-webkit-transform: matrix(5.23191339446878, 0, 0, 5.23191339446878, 0, 0);
-ms-transform: matrix(5.23191339446878, 0, 0, 5.23191339446878, 0, 0);
position: absolute;
}
.h_t_heading {
color: #ffffff;
font-size: 55px;
font-weight: bold;
text-align: center;
}
.our_speciallity_section .h_t_heading {
position: relative;
}
.our_speciallity_section .h_t_heading:before {
/*content: 'Types Of Videos';*/
-moz-transform: matrix(5.23191339446878, 0, 0, 5.23191339446878, 0, 0);
-webkit-transform: matrix(5.23191339446878, 0, 0, 5.23191339446878, 0, 0);
-ms-transform: matrix(5.23191339446878, 0, 0, 5.23191339446878, 0, 0);
color: rgba(88, 88, 88, 0.102);
position: absolute;
font-size: 34px;
top: 1px;
font-family: "Gilroy";
text-transform: uppercase;
}

.sub_heading {
color: #ffffff;
font-size: 24px;
margin: 30px 0 0 0;
text-align: center;
}
.our_speciallity_box_main {
margin: 90px 0 0 0;
padding: 0px;
float: left;
min-width: 150%;
display: flex;
}
.our_speciallity_box {
background: #d3b877;
width: 90%;
margin-right: 90px;
justify-content: right;
padding: 60px 0 86px 0;
position: relative;
height: auto;
float: left;
}

.our_speciallity_box_two {
background: #d35657 !important;
}

.our_speciallity_box_three {
background: #477269 !important;;
}


.our_speciallity_box_four {
background: #ac9f8b !important;
}



.our_speciallity_box_five {
background: #d2861e !important;
}



.our_speciallity_box_six {
background: #29a2b7 !important;
}


.our_speciallity_box_seven {
background: #becbd0 !important;
}



.works-anim-trail {
position: absolute;
left: 0;
top: 0;
right: 50px;
bottom: 50px;
width: auto;
height: 100%;
margin-right: -50px;
background-color: #330d7d;
-webkit-transform: translate(101%, 0);
-ms-transform: translate(101%, 0);
transform: translate(101%, 0);
-webkit-transition: -webkit-transform .8s cubic-bezier(.19, 1, .22, 1);
transition: transform .8s cubic-bezier(.19, 1, .22, 1);
transition: transform .8s cubic-bezier(.19, 1, .22, 1), -webkit-transform .8s cubic-bezier(.19, 1, .22, 1);
}
.works-anim-trail._2 {
background-color: #7437ff;
}
/*.our_speciallity_box:hover{
background: transparent;
}*/
.our_speciallity_hover {
overflow: hidden;
float: left;
width: 100%;
position: absolute;
top: 0;
height: 100%;
}
.works-anim-trail.video-overlay {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-color: #22272a;
height: 101%;
}
.our_speciallity_box:hover .our_speciallity_box_img {
opacity: .5;
transform: scale(0.1);
}
.our_speciallity_box:hover h5 {
/*opacity: 0*/
transform: scale(0);
transition: 0.5s;
}
.our_speciallity_box:hover .works-anim-trail {
transform: translate3d(0%, 0, 0);
}
.our_speciallity_box:hover .works-anim-trail._2 {
transition-delay: .15s;
}
.our_speciallity_box:hover .works-anim-trail.video-overlay {
transition-delay: .3s;
}
.our_speciallity_box_img {
width: 100%;
float: right;
-webkit-transition: margin 350ms cubic-bezier(.77, 0, .175, 1), opacity .4s linear, -webkit-transform .8s cubic-bezier(.19, 1, .22, 1);
transition: transform .8s cubic-bezier(.19, 1, .22, 1), margin 350ms cubic-bezier(.77, 0, .175, 1), opacity .4s linear, -webkit-transform .8s cubic-bezier(.19, 1, .22, 1);
/* height: 100%; */
}
.our_speciallity_box_img img {
float: right;
width: 85% !important;
}
.our_speciallity_box h5 {
color: #ffffff;
font-size: 60px;
font-weight: bold;
position: absolute;
bottom: 0;
left: -53px;
}
.video-embed.w-embed {
width: 100%;
height: 150%;
}
.video-embed.w-embed video {
width: 100%;
object-fit: fill;
}
/* our speciallity section end*/
.portfolio_hover {
overflow: hidden;
float: left;
width: 100%;
height: 100%;
position: absolute;
top: 0;
}
.portfolio_hover .video-embed.w-embed {
margin: auto;
display: flex;
height: 100%;
justify-content: center;
align-items: center;
}
.works-anim-trail-portfolio {
position: absolute;
left: 0px;
top: 0px;
right: 0px;
bottom: 00px;
width: auto;
height: auto;
margin-right: -50px;
background-color: #353535e0;
-webkit-transform: translate(101%, 0);
-ms-transform: translate(101%, 0);
transform: translate(101%, 0);
-webkit-transition: -webkit-transform .8s cubic-bezier(.19, 1, .22, 1);
transition: transform .8s cubic-bezier(.19, 1, .22, 1);
transition: transform .8s cubic-bezier(.19, 1, .22, 1), -webkit-transform .8s cubic-bezier(.19, 1, .22, 1);
}
.works-anim-trail-portfolio._2 {
background-color: #232222b3;
}
.works-anim-trail-portfolio.video-overlay {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-color: #0000007d;
}
.portfolio_box:hover .myimg {
opacity: 1;
/*transform: matrix3d(1.5, 0, 0, 0, 0, 1.5, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1.6);*/
}
.portfolio_box:hover .works-anim-trail-portfolio {
transform: translate3d(-100%, 0, 0);
transition: 1s;
}
.portfolio_box:hover .works-anim-trail-portfolio._2 {
transition-delay: .15s;
}
.portfolio_box:hover .works-anim-trail-portfolio.video-overlay {
transition-delay: .2s;
transform: translate3d(0%, 0, 0) !important;
}
.myimg {
width: auto;
float: right;
-webkit-transition: margin 350ms cubic-bezier(.77, 0, .175, 1), opacity .4s linear, -webkit-transform .8s cubic-bezier(.19, 1, .22, 1);
transition: transform .8s cubic-bezier(.19, 1, .22, 1), margin 350ms cubic-bezier(.77, 0, .175, 1), opacity .4s linear, -webkit-transform .8s cubic-bezier(.19, 1, .22, 1);
}
.unlocking_section {float: left;width: 100%;margin: 0px;padding: 150px 0 100px 0;background: #090909;overflow: hidden;position: relative;}
.unlocking_section .h_t_heading {
position: relative;
}
.unlocking_section .h_t_heading:before {
/*content: 'Why Videos';*/
background: -webkit-linear-gradient(#100d0d, #090909);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
position: absolute;
font-size: 154px;
top: -130px;
font-family: "Gilroy";
text-transform: uppercase;
left: 0;
right: 0;
}
.unocking_main {
float: left;
width: 100%;
margin: 100px 0 0 0;
}
.our-speciallity-box {
position: relative;
}
.our-speciallity-box h5 {
color: #7467eb;
font-size: 122px;
font-weight: bold;
margin: 0px;
}
.our-speciallity-box h6 {
color: #ffffff;
font-weight: bold;
font-size: 30px;
margin: 0px;
margin-bottom: 12px;
}
.our-speciallity-box p {
color: #fff;
font-size: 15px;
font-weight: lighter;
margin: 0px;
}
.speciallity-box-icons {position: absolute;left: -369px;top: -100px;right: 0;float: left;width: 380px;}
.unocking_main_sec_two {
margin: 144px 0 0 0;
}
.our-speciallity-box-two h5 {
color: #54e2b2;
}
.unocking_main_sec_two .speciallity-box-icons {
right: -80px;
left: auto;
top: 16px;
}
.unocking_main_sec_three {
/*margin: 144px 0 174px 0;*/
margin: 144px 0 244px 0;
}
.unocking_main_sec_three h5 {
color: #df6969;
}
.unocking_main_sec_three .speciallity-box-icons {
left: -580px;
top: -84px;
width: 540px;
}
.unocking_main_sec_four {}
.unocking_main_sec_four .speciallity-box-icons {
right: -50px;
left: auto;
top: -60px;
width: 420px;
}
.unocking_main_sec_four h5 {
color: #0095f5;
}
.unlocking_right {position: absolute;top: 25px;height: 100%;overflow: hidden;width: 400px;}
.unlcok_center {position: absolute;left: 100px;/* top: 238px; */height: 100%;overflow: hidden;}
.unlcok_bottam {
position: absolute;
bottom: 360px;
}
/* our_portfolio */
.our_portfolio {
float: left;
width: 100%;
margin: 0px;
padding: 160px 0 0 0;
background: #090909;
overflow: hidden;
position: relative;
}
.our_portfolio .h_t_heading {
position: relative;
z-index: 999;
}
.our_portfolio .h_t_heading:before {
/*content: 'Our Work';
-moz-transform: matrix(5.23191339446878, 0, 0, 5.23191339446878, 0, 0);
-webkit-transform: matrix(5.23191339446878, 0, 0, 5.23191339446878, 0, 0);
-ms-transform: matrix(5.23191339446878, 0, 0, 5.23191339446878, 0, 0);
color: rgba(88, 88, 88, 0.102);
position: absolute;
font-size: 34px;
top: -49px;
font-family: "Gilroy";
text-transform: uppercase;*/
}
.home_portfolio_main {
margin: 60px 0 0 0;
padding: 0px 0 0 0;
float: left;
width: 100%;
overflow-x: hidden;
position: relative;
}
.home_portfolio_main_second {
margin: 0px 0 0 0;
}
.portfolio_box {
margin: 0px;
padding: 0px;
float: left;
width: 100%;
}
.portfolio_box img {
width: 100%;
transition: 0.3s;
}
.portfolio_box:hover img {
filter: none;
transition: 0.3s;

}

.portfolio_box:hover .myimg{
    filter: grayscale() !important;

}
.p-l-0 {
padding-right: 0px;
}
.p-r-0 {
padding-left: 0px;
}
.cta_section_home {
float: left;
width: 100%;
margin: 0px;
padding: 30px 0 30px 0;
background-color: #090909;
overflow: hidden;
background-image: url(../images/cta-bg.png);
background-position: center;
background-repeat: no-repeat;
}
.cta_section_home .row {
display: flex;
align-items: center;
}
.cta_section_home h3 {
color: #fff;
font-size: 38px;
font-weight: normal;
line-height: 47px;
}
.cta_section_home h3 span {
font-weight: bold;
}
.cta-object-images {
width: 100%;
}
.home_portfolio_main_after_cta {
padding: 0px;
margin-top: 0px;
}
.process_section {float: left;width: 100%;margin: 0px;padding: 160px 0 0 0;background: #0e0c0e;overflow: hidden;position: relative;}
.process_section .h_t_heading {
position: relative;
z-index: 999;
}
.process_section .h_t_heading:before {
/*content: 'Our Work';*/
-moz-transform: matrix(5.23191339446878, 0, 0, 5.23191339446878, 0, 0);
-webkit-transform: matrix(5.23191339446878, 0, 0, 5.23191339446878, 0, 0);
-ms-transform: matrix(5.23191339446878, 0, 0, 5.23191339446878, 0, 0);
color: rgba(88, 88, 88, 0.102);
position: absolute;
font-size: 34px;
top: -49px;
font-family: "Gilroy";
text-transform: uppercase;
left: 0;
right: 0;
}
.process_main {
margin: 0px;
padding: 50px 0;
float: left;
width: 100%;
position: relative !important;
}
.process_main .slick-list {
position: relative;
z-index: 99999;
}
.process_main .row {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: center;
}
.process_img {
float: left;
width: 100%;
}
.process_main img {
width: 100%;
}
.process_text_area {
float: left;
width: 100%;
margin: 0px;
padding: 0px;
}
.process_text_area h5 {
font-weight: 800;
cursor: progress;
font-size: 165px;
font-family: "Myriad Pro";
background: -webkit-linear-gradient(#1748ff, #000);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-family: "Gilroy";
}
.process_text_area h6 {
color: #ffffff;
font-size: 63px;
font-weight: bold;
position: relative;
z-index: 9;
margin: 30px 0 0 0;
}
.process_text_area h6:before {
content: '';
position: absolute;
background: url(../images/testimonils-comma.png);
width: 210px;
height: 180px;
background-size: contain;
background-repeat: no-repeat;
z-index: -1;
top: -96px;
}
.process_text_area p {
color: #ffffff;
font-size: 15px;
}
.process_section .process_text_area h6:before {
display: none;
}
/*testi-sec*/
.testi-sec {
position: relative;
padding: 50px 0;
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
}
.testi-sec:before {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
height: 100%;
width: 50%;
background: #008efd;
}
.testi-txt p {
font-size: 25px;
width: 88%;
}
.testi-logo {
display: flex;
align-items: center;
margin-top: 40px;
}
.testi-logo img {
margin-right: 20px;
}
.testi-logo h3 {
color: #020020;
font-weight: 500;
}
.testi-logo h4 {
font-size: 17px;
color: #fff;
font-weight: 500;
}
.testi-side-img-st {
position: absolute;
top: 0;
right: 0;
bottom: 0;
padding: 0;
}
.testi-side-img a {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
.testi-side-img img {
width: 100%;
height: 100vh;
}
.testi-sec .row {
display: flex;
align-items: center;
height: 100%;
}
/*testi-sec*/
/*footer-sec*/
.footer-sec .ftr-list {
display: flex;
align-items: flex-start;
}
.footer-sec .ftr-list ul {
padding: 0;
width: 20%;
margin: 0;
list-style: none;
line-height: 33px;
}
.footer-sec .ftr-list ul li {
color: #4e4e4e;
text-align: center;
}
.footer-sec .ftr-list ul.ftr-ul-1 {
width: 30%;
}
.footer-sec .ftr-list ul.ftr-ul-2,
.footer-sec .ftr-list ul.ftr-ul-3 {
width: 15%;
}
.footer-sec h2 {
color: #fff;
font-size: 80px;
font-weight: 800;
text-align: center;
padding-bottom: 33px;
}
.footer-sec h2 a {
    color: #fff;
    font-size: 75px;
      position: relative;
}

.footer-sec h2 a:hover {
    color: #b20000;
}





.footer-sec {
padding: 70px 0;
background: #000;
float: left;
width: 100%;
}
.footer-sec .ftr-list p,
.footer-sec .ftr-list a,
.footer-sec .ftr-list h4 {
color: #fff;
}
.footer-sec .ftr-list h4 {
font-size: 20px;
font-weight: 500;
text-align: center;
margin-bottom: 30px;
margin-top: 0;
}
.footer-sec .ftr-list img {
margin-bottom: 30px;
}
.ftr-col-2 {
display: flex;
align-items: center;
justify-content: space-between;
}
.ftr-col-1 {
padding-bottom: 70px;
border-bottom: 1px solid;
margin-bottom: 20px;
}
.ftr-col-2 p {
color: #fff;
}
.footer-sec .ftr-list ul.ftr-ul-1 a {
display: block;
text-decoration: underline;
}
/*footer-sec*/
.blog_section {float: left;width: 100%;margin: 0px;padding: 160px 0 0px 0;background: #0a0a0a;overflow: hidden;position: relative;}
.blog_section .h_t_heading {
position: relative;
}
.blog_section .h_t_heading:before {
/*content: 'Our Blog';*/
-moz-transform: matrix(5.23191339446878, 0, 0, 5.23191339446878, 0, 0);
-webkit-transform: matrix(5.23191339446878, 0, 0, 5.23191339446878, 0, 0);
-ms-transform: matrix(5.23191339446878, 0, 0, 5.23191339446878, 0, 0);
color: rgba(88, 88, 88, 0.102);
position: absolute;
font-size: 34px;
top: -49px;
font-family: "Gilroy";
text-transform: uppercase;
left: 0;
right: 0;
}
.our_blog_section {
float: left;
width: 100%;
margin: 0px;
padding: 60px 0 0 0;
}
.blogs_boxes {
float: left;
width: 100%;
position: relative;
}
.blog_img {
float: left;
width: 100%;
}
.blog_img img {
width: 100%;
filter: grayscale();
}
.blogs_boxes:hover .blog_img img {
filter: none;
}
.blogs_boxes:before {
content: '';
background: url(../images/blog-image-hover.png);
background-repeat: no-repeat;
background-size: cover;
width: 45px;
height: 100%;
position: absolute;
transition: 0.3s;
opacity: 0;
z-index: 999;
margin: 0 auto;
left: 0;
right: 0;
}
.blogs_boxes:hover:before {
transition: 0.3s;
opacity: 1;
width: 100%;
}
.blog_content {
position: absolute;
bottom: 0;
z-index: 999;
padding: 40px 60px;
}
.blog_content h6 {
color: #ffffff;
font-size: 26px;
font-weight: bold;
opacity: 0;
position: relative;
float: left;
}
.blog_content h6:before {
content: "";
background: #b20000;
position: absolute;
top: -10px;
width: 0px;
height: 50px;
right: -20px;
z-index: -1;
opacity: 0;
opacity: 0.3s;
}
.blogs_boxes:hover .blog_content h6:before {
opacity: 1;
width: 140px;
transition: 0.3s;
}
.blog_content p {
color: #fff;
font-size: 17px;
opacity: 0;
margin: 16px 0;
}
.blog_content span {
color: #fff;
font-size: 18px;
font-weight: bold;
opacity: 0;
transition: 0.3s
}

.blogs_boxes:hover .blog_content span{
    opacity: 1;
transition: 0.3s
}

.blogs_boxes:hover .blog_content h6 {
opacity: 1;
transition: 0.3s
}
.blogs_boxes:hover .blog_content p {
opacity: 1;
transition: 0.6s
}
.blogs_boxes:hover .blog_content a {
opacity: 1;
transition: 0.10s
}
.hide {
display: none;
transform: 0.5;
}
.uncover {
display: flex;
flex-direction: row;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.uncover_slice {
height: 100%;
flex-grow: 1;
background: #090909fa;
}
.slider_left_contnet {}
.slider_right {
position: relative;
top: 20%;
}

.anchor_animation:after,
.anchor_animation:before {
display: inline-block;
margin: auto;
position: absolute;
content: "";
width: 100px;
height: 100px;
border-radius: 0;
background-color: #b20000;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.anchor_animation:hover {
background: #000;
}
.anchor_animation:hover:after {
background: #000;
}
.anchor_animation:hover:before {
background: #000;
}
.anchor_animation:after {
z-index: -100;
-webkit-animation: outer-ripple 2000ms linear infinite;
-moz-animation: outer-ripple 2000ms linear infinite;
animation: outer-ripple 2000ms linear infinite;
}
.anchor_animation:before {
z-index: -200;
-webkit-animation: inner-ripple 2000ms linear infinite;
-moz-animation: inner-ripple 2000ms linear infinite;
animation: inner-ripple 2000ms linear infinite;
}
/* outer ripple */
@keyframes pulse {
0% {
transform: scale(0.8);
filter: alpha(opacity=80);
opacity: 0.5;
}
10% {
transform: scale(1.1);
filter: alpha(opacity=1);
opacity: 1;
}
20% {
transform: scale(0.9);
filter: alpha(opacity=1);
opacity: 1;
}
100% {
transform: scale(0.8);
filter: alpha(opacity=80);
opacity: 0.5;
}
}
@-moz-keyframes pulse {
0% {
transform: scale(0.8);
filter: alpha(opacity=80);
opacity: 0.5;
}
10% {
transform: scale(1.1);
filter: alpha(opacity=1);
opacity: 1;
}
20% {
transform: scale(0.9);
filter: alpha(opacity=1);
opacity: 1;
}
100% {
transform: scale(0.8);
filter: alpha(opacity=80);
opacity: 0.5;
}
}
@-webkit-keyframes pulse {
0% {
transform: scale(0.8);
filter: alpha(opacity=80);
opacity: 0.5;
}
10% {
transform: scale(1.1);
filter: alpha(opacity=1);
opacity: 1;
}
20% {
transform: scale(0.9);
filter: alpha(opacity=1);
opacity: 1;
}
100% {
transform: scale(0.8);
filter: alpha(opacity=80);
opacity: 0.5;
}
}
@keyframes outer-ripple {
0% {
transform: scale(1);
filter: alpha(opacity=80);
opacity: 0.5;
}
80% {
transform: scale(2.5);
filter: alpha(opacity=0);
opacity: 0;
}
100% {
transform: scale(2.5);
filter: alpha(opacity=0);
opacity: 0;
}
}
@-webkit-keyframes outer-ripple {
0% {
transform: scale(1);
filter: alpha(opacity=80);
opacity: 0.5;
}
80% {
transform: scale(2.5);
filter: alpha(opacity=0);
opacity: 0;
}
100% {
transform: scale(2.5);
filter: alpha(opacity=0);
opacity: 0;
}
}
@-moz-keyframes outer-ripple {
0% {
transform: scale(1);
filter: alpha(opacity=80);
opacity: 0.5;
}
80% {
transform: scale(2.5);
filter: alpha(opacity=0);
opacity: 0;
}
100% {
transform: scale(2.5);
filter: alpha(opacity=0);
opacity: 0;
}
}
/* inner ripple */
@keyframes inner-ripple {
0% {
transform: scale(1);
filter: alpha(opacity=80);
opacity: 0.5;
}
30% {
transform: scale(1);
filter: alpha(opacity=80);
opacity: 0.5;
}
100% {
transform: scale(2.5);
filter: alpha(opacity=0);
opacity: 0;
}
}
@-webkit-keyframes inner-ripple {
0% {
transform: scale(1);
filter: alpha(opacity=80);
opacity: 0.5;
}
30% {
transform: scale(1);
filter: alpha(opacity=80);
opacity: 0.5;
}
100% {
transform: scale(2.5);
filter: alpha(opacity=0);
opacity: 0;
}
}
@-moz-keyframes inner-ripple {
0% {
transform: scale(1);
filter: alpha(opacity=80);
opacity: 0.5;
}
30% {
transform: scale(1);
filter: alpha(opacity=50);
opacity: 0.5;
}
100% {
transform: scale(2.5);
filter: alpha(opacity=0);
opacity: 0;
}
}
.anchor_animation i {
color: #fff;
font-size: 50px;
z-index: 9999;
}
/*home slider animation start*/
.com {
display: flex;
align-items: stretch;
height: 100vh;
overflow: hidden;
}
.com__content {
position: relative;
flex: 8;
background: #404855;
padding: 10vh 10vw;
}
.com__section {
display: flex;
flex-flow: column wrap;
justify-content: center;
height: 100vh;
position: absolute;
top: 0;
left: 0;
width: 100%;
padding: 0 10%;
opacity: 0;
visibility: hidden;
transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.com__section.active {
opacity: 1;
visibility: visible;
}
.com__section-half {
flex: 1;
height: 100vh;
display: flex;
flex-flow: column wrap;
justify-content: center;
}
.com__section--text.centered {
text-align: center;
}
.com__section--text-img {
display: flex;
flex-flow: row wrap;
}
.com__nav {
width: 90px;
position: absolute;
right: 0;
z-index: 99999;
}
.com__nav-list {
margin: 0;
padding: 0;
list-style-type: none;
display: flex;
flex-flow: column wrap;
height: 100vh;
overflow: visible;
}
.com__nav-item {
flex: 1;
position: relative;
overflow: visible;
border-bottom: 7px solid transparent;
background: #00000069;
transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
padding-bottom: 7px;
margin-bottom: 5px;
}
.com__nav-item:hover .nav_images {
transform: scale(0);
transform: 0.3s
}
.com__nav-item.active {
background: #20232a;
}
.com__nav-item:last-child {
border-bottom: none;
}
.com__nav-item:hover {
flex: 2;
}
.com__nav-item:hover .com__nav-link {
transform: scale(1);
background: #090825;
}
.com__nav-item.active {
flex: 2;
}
.com__nav-item.active .com__nav-link {
transform: scaleX(1);
background: #090825;
}
.com__nav-item.active .nav_images {
transform: scale(0);
transform: 0.3s;
}
.com__nav-item:hover .blue-line,
.com__nav-item:hover .white-line,
.com__nav-item:hover .white-circle {
transform: none;
opacity: 1;
}
.com__nav-link {
display: flex;
flex-flow: column wrap;
justify-content: center;
padding: 0 20%;
position: absolute;
/* width: 280%; */
height: 100%;
left: calc(-280% + 133px);
background: rgba(32, 35, 42, 0.75);
transform: scale(0);
transform-origin: right center;
transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.com__nav-link.flex-row {
flex-flow: row wrap;
}
.com__nav-link.centered {
align-items: center;
}
.com__nav-link .com__section-half {
height: auto;
}
.com__nav-link .com__section-half:nth-child(2) {
align-items: center;
}
.blue-line {
display: block;
width: 80%;
height: 14px;
background: #22E2ED;
margin-bottom: 12px;
}
.white-line {
display: block;
width: 60%;
height: 5px;
background: rgba(255, 255, 255, 0.9);
margin-bottom: 7px;
}
.white-line:nth-of-type(3) {
width: 50%;
}
.white-circle {
display: block;
width: 30px;
height: 30px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.9);
}
/* animation classes */
.animate {
transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.slideInLeft {
transform: translate3d(-100%, 0, 0);
opacity: 0;
}
.slideInRight {
transform: translate3d(100%, 0, 0);
opacity: 0;
}
.scaleIn {
transform: scale(0);
}
.scaleInLeft {
transform: scaleX(0);
transform-origin: left center;
}
.delay-1 {
transition-delay: 0.05s;
}
.delay-2 {
transition-delay: 0.1s;
}
.delay-3 {
transition-delay: 0.15s;
}
.delay-4 {
transition-delay: 0.2s;
}
.delay-5 {
transition-delay: 0.25s;
}
.logo {
position: fixed;
bottom: 3vh;
left: 3vw;
z-index: 2;
}
.logo img {
width: 45px;
transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
transform: rotate(0);
}
.logo img:hover {
transform: rotate(180deg) scale(1.1);
}
.section_slider_one {
background: #000;
background-repeat: none;
background-size: cover;
}
.section_slider_two {
background: #000;
}
.nav_images {
width: 50px;
height: auto;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}
/*home slider animation end*/
img.animation_unlocking_img {
/*margin-bottom: -20px;*/

    transform: translate(0px, 240px);


}

img.animation_unlocking_img_two {
/*margin-bottom: -20px;*/

    transform: translate(0px, 340px);

    
}
.animation_unlocking_img_3 {
margin-bottom: -360px;
width: 120%;
margin-left: -90px;
}
.animation_unlocking_img_4 {
margin-bottom: 0;
width: 120%;
}
.cta_image_left {
right: 0px;
position: relative;
width: 420px;
}
.process_section .slick-dots {
position: absolute;
bottom: 0 !important;
width: 232%;
padding: 0;
list-style: none;
text-align: center;
top: 0;
left: -590px;
right: 0;
margin: auto;
height: 50px;
}
.process_section .slick-dots li.slick-active button {
background-color: #008efd !important;
}
.process_section .slick-dots li button:before {
font-size: 0px;
line-height: 0px;
}
.process_section .slick-dots li button {
background-color: #e5e5e5 !important;
border-radius: 50px;
width: 25px;
height: 25px;
}
.slick-dots li {
position: relative;
display: inline-block;
width: 40px;
height: 30px;
margin: 0 285px !important;
padding: 0;
cursor: pointer;
}

/* inner pages */
.inner_section_services {
background: #090909;
float: left;
width: 100%;
margin: 0px;
padding: 160px 0 70px 0;
position: relative;
}
.blog-sec {
    background: #090909;
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0px 0 70px 0;
    position: relative;
}
.title_heading_main {
    color: #ffffff;
    font-size: 55px;
    font-weight: bold;
    text-align: center;

    position: relative;
}
.sub_heading {
color: #ffffff;
font-size: 24px;
margin: 30px 0 0 0;
text-align: center;
}
.title_heading_main .h_t_heading {
color: #ffffff;
font-size: 55px;
font-weight: bold;
text-align: center;
position: relative;
z-index: 999;
}
.title_heading_main .h_t_heading span {
color: rgba(88, 88, 88, 0.102);
position: absolute;
font-size: 154px;
top: -61px;
font-family: "Gilroy";
text-transform: uppercase;
left: 0;
right: 0;
}
.services_box_row {
float: left;
width: 100%;
padding: 60px 0;
}
.services_boxes {
float: left;
width: 100%;
background: #34495e;
padding: 30px 20px;
text-align: center;
}
.services_boxes_img {
float: left;
width: 100%;
min-height: 283px;
display: grid;
justify-content: center;
align-items: center;
}
.services_boxes h4 {
font-family: "Gilroy";
font-weight: bold;
color: #ffffff;
font-size: 28px;
float: left;
width: 100%;
margin: 16px 0 16px 0;
}
.services_boxes p {
color: #ffffff;
font-size: 15px;
font-weight: lighter;
}
.services_boxes_two {
background: #1c1d31;
}
.services_boxes_three {
background: #1748ff;
}
.no-padding {
padding: 0px;
}
.inner_section_portfolio {
background: #090909;
float: left;
width: 100%;
margin: 0px;
padding: 160px 0 30px 0;
overflow: hidden;
position: relative;
}
.inner_section_portfolio .container {
width: 80%;
}
.portfolio_inner_main {
margin: 0px;
padding: 0px;
float: left;
width: 100%;
}
.portfolio_box_inner {
margin: 0 0 80px 0;
padding: 0px;
float: left;
width: 100%;
position: relative;
}
.portfolio_img_thumb {
width: 100%;
filter: grayscale();
transition: 0.3s;
-webkit-transition: margin 350ms cubic-bezier(.77, 0, .175, 1), opacity .4s linear, -webkit-transform .8s cubic-bezier(.19, 1, .22, 1);
transition: transform .8s cubic-bezier(.19, 1, .22, 1), margin 350ms cubic-bezier(.77, 0, .175, 1), opacity .4s linear, -webkit-transform .8s cubic-bezier(.19, 1, .22, 1);
}
.portfolio_box_inner h5 {
color: #ffffff;
font-size: 36px;
font-family: 'Gilroy';
position: absolute;
left: -31px;
bottom: 62px;
font-weight: bold;
transition: 0.5s;
}
.portfolio_box_inner h6 {
color: #fff;
font-size: 16px;
font-weight: lighter;
font-family: 'Gilroy';
position: absolute;
bottom: 29px;
left: -31px;
transition: 0.5s;
}
.portfolio_hover_inner {
overflow: hidden;
float: left;
width: 100%;
height: 100%;
position: absolute;
top: 0;
}
.works-anim-trail-portfolio_inner {
position: absolute;
left: 0px;
top: 0px;
right: 0px;
bottom: 00px;
width: auto;
height: auto;
margin-right: -50px;
background-color: #353535e0;
-webkit-transform: translate(101%, 0);
-ms-transform: translate(101%, 0);
transform: translate(101%, 0);
-webkit-transition: -webkit-transform .8s cubic-bezier(.19, 1, .22, 1);
transition: transform .8s cubic-bezier(.19, 1, .22, 1);
transition: transform .8s cubic-bezier(.19, 1, .22, 1), -webkit-transform .8s cubic-bezier(.19, 1, .22, 1);
}
.works-anim-trail-portfolio_inner._2 {
background-color: #232222b3;
}
.works-anim-trail-portfolio_inner.video-overlay {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-color: #0000007d;
}
.portfolio_box_inner:hover .portfolio_img_thumb {
width: 100%;
filter: inherit;
transition: 0.3s;
}
.portfolio_box_inner:hover h5 {
transform: scale(0.5);
transition: 0.5s;
}
.portfolio_box_inner:hover h6 {
transform: scale(0.5);
transition: 0.8s;
}
.our-team .portfolio_box_inner h6 {
    background: #b20000;
    padding: 4px 10px;
    font-size: 16px;
    font-weight: 400;
}
.our-team .portfolio_box_inner:hover h5 {
    font-size: 22px;
    transform: none;
    left: 20px;
    bottom: 14px;
}
.our-team .portfolio_box_inner:hover h6 {
    transform: none;
    transition: 0.8s;
    left: 20px;
    bottom: 39px;
    font-size:14px;
}
.portfolio_box_inner:hover .works-anim-trail-portfolio_inner {
transform: translate3d(-100%, 0, 0);
transition: 1s;
}
.portfolio_box_inner:hover .works-anim-trail-portfolio_inner._2 {
transition-delay: .15s;
}
.portfolio_box_inner:hover .works-anim-trail-portfolio_inner.video-overlay {
transition-delay: .2s;
transform: translate3d(0%, 0, 0) !important;
}
.portfolio_box_inner .video-embed.w-embed {
margin: auto;
display: flex;
justify-content: center;
}
.portfolio_row_one {
float: right;
width: 86%;
}
.portfolio_row_two {
float: right;
width: 86%;
margin-top: 40%;
}
.portfolio_row_three {
float: right;
width: 86%;
margin-top: -20%;
}
.inner_pricing_section {
background: #0d0d0d;
float: left;
width: 100%;
margin: 0px;
padding: 160px 0 60px 0;
overflow: hidden;
position: relative;
}
.pricing_inner_main {
margin: 0 auto;
padding: 50px 0 0;
float: none;
width: 90%;
}
.pricing_inner_box {
margin: 0px;
padding: 40px 0;
float: left;
width: 100%;
border-right: 1px solid #555555;
}
.pricing_inner_box-last {
border: none;
}
.pricing_inner_box h4 {
margin: 0px;
padding: 0px;
float: left;
width: 100%;
color: #ffffff;
font-size: 25px;
font-weight: bold;
text-align: center;
}
.pricing_inner_box h5 {
margin: 23px 0 7px 0;
padding: 0px;
float: left;
width: 100%;
color: #ffffff;
font-size: 16px;
font-weight: lighter;
text-align: center;
}
.pricing_inner_box h6 {
margin: 0px;
padding: 0px;
float: left;
width: 100%;
color: #1748ff;
font-size: 60px;
font-weight: bold;
text-align: center;
}
.pricing_inner_box ul {
margin: 50px 0 30px 0;
padding: 0 0 0 0;
float: left;
width: 100%;
height: 261px;
overflow-y: scroll;
}
/* width */
.pricing_inner_box ul::-webkit-scrollbar {
width: 8px;
border-radius: 50px;
}
/* Track */
.pricing_inner_box ul::-webkit-scrollbar-track {
background: #1748ff;
border-radius: 50px;
}
/* Handle */
.pricing_inner_box ul::-webkit-scrollbar-thumb {
background: #fff;
border-radius: 50px;
}
/* Handle on hover */
.pricing_inner_box ul::-webkit-scrollbar-thumb:hover {
background: #fff;
}
.pricing_inner_box ul li {
margin: 0 0 18px 0;
padding: 0px;
float: left;
width: 100%;
color: #ffffff;
font-size: 18px;
font-weight: lighter;
list-style: none;
}
.pricing_inner_box ul li i {
margin: 0 10px 0 0;
color: #1748ff;
}
.pricing_content_are {
margin: 0 auto;
padding: 0px;
float: none;
width: 80%;
}
.packages_buttons {
float: left;
width: 100%;
display: flex;
justify-content: center;
}
.packages_number_btn {
color: #ffffff;
font-size: 18px;
font-weight: lighter;
display: flex;
align-items: center;
}
a.packages_number_btn img {
margin: 0 10px 0 10px;
}
.packages_btn_normal {
background: #1748ff;
color: #ffffff;
font-size: 15px;
padding: 10px 40px;
margin: 0 0 0 7px;
}
.packages_btn_normal:hover {
color: #fff;
}
.call_to_actions_inner {
background: #0d0d0d;
float: left;
width: 100%;
padding: 54px 0;
}
.call_to_actions_inner h4 {
color: #ffffff;
font-size: 38px;
font-family: 'Gilroy';
font-weight: lighter;
line-height: 47px;
}
.call_to_actions_inner h4 span {
font-family: 'Gilroy';
font-weight: bold;
}
.cta_buttons {
float: left;
display: flex;
width: 100%;
margin: 21px 0 21px 0;
}
.cta_buttons .btn_solid {
background: #ffffff;
font-size: 18px;
color: #000;
padding: 10px 22px;
font-weight: bold;
font-family: 'Gilroy';
}
.cta_buttons .btn_wo_bg {
font-size: 18px;
color: #fff;
padding: 10px 22px;
font-family: 'Gilroy';
font-weight: bold;
}
.cta_img_inner {
position: relative;
}
.cta_img_inner img {
position: absolute;
top: -88px;
left: -120px;
}
.increase_roi {
background: #0d0d0d;
float: left;
width: 100%;
margin: 0px;
padding: 160px 0 60px 0;
overflow: hidden;
position: relative;
}
.tabs_inner_page {
margin: 0px;
padding: 0px;
float: left;
width: 100%;
}
.tabs_inner_page ul {
border: none;
}
.tabs_inner_page ul li a {
padding: 0px;
margin: 0 0 30px 0;
border: none;
}
.tabs_inner_page ul li.active a {
background: transparent;
border: none;
}
.tabs_inner_page ul li.active:foucs a,
.tabs_inner_page ul li:hover::foucs a {
background: transparent;
border: none;
}
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
background: transparent;
border: none;
}
.tabs_inner_page ul li:hover a {
background: transparent;
border: none;
}
.tabs_inner_page ul li:focus a {
background: transparent;
border: none;
}
.tabs_inner_page h5 {
color: #292929;
font-size: 30px;
font-family: 'Gilroy';
font-weight: bold;
margin: 16px 0;
}
.tabs_inner_page p {
color: #292929;
font-size: 16px;
font-family: 'Gilroy';
font-weight: lighter;
}
.tabs_inner_page ul li.active a h5,
.tabs_inner_page ul li.active a p {
color: #fff;
}
.tabs_main_inner {
padding: 70px 0;
}
.tabs_main_inner .row {
display: flex;
align-items: center;
}
.tabs_right_main {
position: relative;
float: left;
width: 100%;
}
.tabs_bg_color {
background: #af4141;
width: 72%;
position: absolute;
top: -20%;
height: 690px;
right: 0;
}
.tabs_right_main img {
width: 100%;
z-index: 9999;
position: relative;
}
.inr-sec-serv-af {
position: relative;
z-index: 1;
overflow: hidden;
}
.inr-sec-serv-af:after {
content: '';
background: url(../images/serv-dots-img-af.png);
width: 219px;
height: 86px;
position: absolute;
right: 0;
top: 0;
margin: auto;
}
.serv-2d-row {
position: relative;
}
.inr-sec-serv-af:after {
content: '';
background: url(../images/serv-dots-img-af.png);
width: 219px;
height: 86px;
position: absolute;
right: 0;
top: 320px;
margin: auto;
z-index: -1;
}
.inr-sec-serv-af:before {
content: '';
background: url(../images/serv-dots-img-bf.png);
width: 114px;
height: 114px;
position: absolute;
left: 80px;
bottom: 50px;
margin: auto;
z-index: -1;
}
.serv-2d-row:before {
content: '';
background: url(../images/serv-circle-img.png);
width: 60px;
height: 61px;
position: absolute;
top: -45px;
left: -35px;
}
.inr-sec-port-bf {
position: relative;
z-index: 1;
}
.port-img-st-af {
position: relative;
z-index: 1;
}
.port-bf-st-img {
position: absolute;
}
.port-bf-1 {
bottom: 0;
left: -30px;
z-index: -1;
}
.port-bf-3 {
right: -90px;
z-index: -1;
}
.port-bf-2 {
top: -65px;
left: 38px;
z-index: -1;
}
.port-bf-4 {
bottom: -85px;
left: 0px;
z-index: -1;
}
.port-bf-6 {
left: 0;
z-index: -1;
top: -90px;
}
.port-bf-5 {
bottom: -75px;
left: 45px;
z-index: -1;
}
.roi-af-img-st {
position: relative;
z-index: 1;
}
.roi-af-img-st:after {
content: '';
background: url(../images/roi-af/roi-af-2.png);
position: absolute;
width: 107px;
height: 109px;
right: 200px;
top: 200px;
margin: auto;
z-index: -1;
}
.roi-af-img-st:before {
content: '';
background: url(../images/roi-af/roi-af-1.png);
position: absolute;
width: 135px;
height: 76px;
right: 0px;
bottom: 200px;
margin: auto;
z-index: -1;
}
.roi-img-bf-st {
position: relative;
}
.roi-img-bf-st:before {
content: '';
background: url(../images/roi-af/roi-af-1.png);
position: absolute;
width: 135px;
height: 76px;
left: 0px;
bottom: 200px;
margin: auto;
z-index: -1;
}
.roi-img-bf-st:before {
content: '';
background: url(../images/roi-af/roi-af-1.png);
position: absolute;
width: 135px;
height: 76px;
left: -100px;
bottom: -10px;
margin: auto;
z-index: -1;
}
.section_slider_2d {
background: url(../images/2d-banner.jpg);
background-repeat: none;
background-size: cover;
}
.section_slider_3d {
/*background: url(../images/3d-banner.jpg);
background-repeat: none;
background-size: cover;*/
background: #000;
}
.section_slider_mg {
background: url(../images/mg-banner.jpg);
background-repeat: none;
background-size: cover;
}
.section_slider_sc {
background: url(../images/sc-banner.jpg);
background-repeat: none;
background-size: cover;
}
.section_slider_sa {
/*background: url(../images/sa-banner.jpg);
background-repeat: none;
background-size: cover;*/
}
.section_slider_wa {
background: url(../images/wa-banner.jpg);
background-repeat: none;
background-size: cover;
}
.section_slider_pricing {
background: url(../images/pricing-banner.jpg);
background-repeat: none;
background-size: cover;
}
.section_slider_portfolio {
background: url(../images/portfolio-banner.jpg);
background-repeat: none;
background-size: cover;
}
.section_slider_portfolio.section_slider_team {
background: url(../images/team-banner.jpg);
background-repeat: none;
background-size: cover;
}
.cta_img_inner_three_d img {
left: 0;
}
.cta_img_inner_mg img {
left: 0;
top: 0;
}
.cta_img_inner_sa img {
left: 40px;
top: -80px;
}
.cta_img_inner_wb img {
left: 40px;
top: -80px;
}
.portfolio-main-page-st .portfolio_row_two {
margin-top: -20%;
}
.portfolio-main-page-st .portfolio_row_three {
margin-top: 0;
}
.portfolio-main-page-st {
margin-top: 15%;
}
.port-tab-nav ul {
border: 0;
margin: 20px auto 0;
display: flex;
text-align: center;
flex-wrap: wrap;
justify-content: center;
position: relative;
z-index: 999999;
}
.port-tab-nav ul li a {
background: transparent;
color: #fff;
border: 0;
}
.port-tab-nav ul li a:hover,
.port-tab-nav ul li.active a:hover,
.port-tab-nav ul li.active a {
background: transparent;
color: #1748ff !important;
}
.port-tab-nav li a {
font-size: 16px;
font-weight: bolder;
font-family: "Gilroy";
}
/*cursor animation*/
.circle {
position: fixed;
background-color: #fff;
width: 10px;
height: 10px;
left: -10px;
top: -10px;
border-radius: 100%;
z-index: 1;
z-index: 10000;
transform: scale(1);
}
.circle-follow {
position: fixed;
border: 1px solid #fff;
width: 30px;
height: 30px;
left: -21px;
top: -21px;
border-radius: 100%;
z-index: 1;
user-select: none;
pointer-events: none;
z-index: 10000;
transform: scale(1);
}
/*cursor animation end*/
.cover-2 {
background-color: #0f0f0f;
position: fixed;
z-index: 99999999;
width: 100%;
height: 100vh;
}
.cover-3 {
background-color: #111111;
position: fixed;
z-index: 99999999;
width: 100%;
height: 100vh;
}
.cover-4 {
background-color: #131313;
position: fixed;
z-index: 99999999;
width: 100%;
height: 100vh;
}
.cover-5 {
background: -webkit-gradient(linear, left top, left bottom, from(#1d1d1d), to(black));
background: linear-gradient(to bottom, #1d1d1d, black);
position: fixed;
z-index: 99999999;
width: 100%;
height: 100vh;
overflow: hidden;
}
article {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
max-width: 80%;
}
.cover {
background-color: black;
position: fixed;
z-index: 99999999;
width: 100%;
height: 100vh;
}
.cover-heading {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
text-align: center;
}
.cover-heading h1 {
color: white;
font-size: 52px;
font-weight: 900;
display: inline-block;
font-family: "Roboto", sans-serif;
}
.cover-heading span {
display: inline-block;
background: #fff;
width: 20px;
height: 20px;
border-radius: 15px;
}
.our_speciallity {
background: #090909
}
.our_speciallity_box_main .owl-stage-outer {
padding: 0 0px 0 60px;
}
.our_portfolio .h_t_heading span {
position: absolute;
font-size: 154px;
top: -93px;
font-family: "Gilroy";
text-transform: uppercase;
left: 0;
right: 0;
/* background: #090909; */
background: -webkit-linear-gradient(to top, #090909 0%, #585858 100%);
background: -moz-linear-gradient(to top, #090909 0%, #585858 100%);
background: linear-gradient(to top, #090909 29%, #232121 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
z-index: -1;
}
.section_home_one {
background: #000;
}
.section_home_two {
background: #000;
}
.h_t_heading span {
color: rgba(88, 88, 88, 0.102);
position: absolute;
/*font-size: 34px;*/
top: 1px;
font-family: "Gilroy";
text-transform: uppercase;
/*color: rgba(88, 88, 88, 0.102);*/
/*position: absolute;*/
font-size: 184px;
/* top: -93px; */
text-transform: uppercase;
left: 0;
right: 0;
background: -webkit-linear-gradient(to top, #090909 0%, #585858 100%);
background: -moz-linear-gradient(to top, #090909 0%, #585858 100%);
background: linear-gradient(to top, #090909 29%, #232121 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.h_t_heading b {
z-index: 99999;
position: relative;
}
.unlocking_section .h_t_heading span {
top: -119px
}
.process_section .h_t_heading span {
top: -136px;
}
.section_home_six {
background: #000;
}
.blog_section .h_t_heading span {
position: absolute;
top: -130px;
}
section.typebanner h3 {
color: #fff;
font-size: 52px;
text-transform: uppercase;
line-height: 65px;
}
section.typebanner h3 span {
font-weight: 900;
}
section.typebanner p {
color: #fff;
font-size: 18px;
}
section.typebanner .row {
display: flex;
align-items: center;
}
section.appDemoSec {
padding: 160px 0px;
background-color: rgb(13, 13, 13);
}
section.appDemoSec p {
text-align: center;
color: #fff;
font-size: 18px;
padding: 0 0 0px 0;
}
.appDemoBox-1 h4 {
color: #fff;
font-size: 52px;
font-weight: 900;
}
.appDemoBox-1 h5 {
color: #ffff;
font-size: 16px;
padding: 0 0 20px 0;
line-height: 24px;
}
.appDemoBox-1 a {
background: #ffffff;
font-size: 18px;
color: #000;
padding: 10px 22px;
font-weight: bold;
font-family: 'Gilroy';
}
.inner-type-cta .cta_img_inner img {
top: 0;
}
.customer-banner {
background: url('../images/customer-1.jpg');
background-repeat: no-repeat;
background-size: cover;
}
.customerInnerapp .appDemoBox-1 {
padding-bottom: 80px;
}
.customerInnerapp .appDemoBox-1 h4 {
font-size: 43px;
}
.customerCtaimg img {
z-index: 1;
position: relative;
top: -90px !important;
}
.employee-banner {
background: url('../images/employee-img-1.jpg');
background-repeat: no-repeat;
background-size: cover;
}
.employeeDemoSec img {
position: relative;
left: -21px;
}
.call_to_actions_inner.inner-type-cta.employee-cta .inner-type-cta .cta_img_inner img {
position: relative;
}
.employee-cta.inner-type-cta .cta_img_inner img {
position: relative;
/* top: -86px; */
z-index: 1;
}
.employee-cta {
padding-bottom: 0;
padding: 0;
}
.employee-cta .row {
align-items: center;
display: flex;
}
.event-videos-banner {
background: url('../images/event-img-1.jpg');
background-repeat: no-repeat;
background-size: cover;
}
.explainer-videos-banner {
background: url('../images/explainer-img-1.jpg');
background-repeat: no-repeat;
background-size: cover;
}
.training-videos-banner {
background: url('../images/training-img-1.jpg');
background-repeat: no-repeat;
background-size: cover;
}
.onboarding-banner {
background: url('../images/onboarding-img-1.jpg');
background-repeat: no-repeat;
background-size: cover;
}
.product-banner {
background: url('../images/product-img-1.jpg');
background-repeat: no-repeat;
background-size: cover;
}
.sales-banner {
background: url('../images/sales-img-1.jpg');
background-repeat: no-repeat;
background-size: cover;
}
.teaser-banner {
background: url('../images/teaser-img-1.jpg');
background-repeat: no-repeat;
background-size: cover;
}
.grahpic-banner {
background: url('../images/graph-img-1.jpg');
background-repeat: no-repeat;
background-size: cover;
}
.eventDemoBox {
padding-bottom: 80px;
}
.eventappDemoSec .appDemoBox-1 h4 {
font-size: 42px;
}
.sales-cta {
padding-bottom: 0;
}
.folioBtn a {
background-color: rgb(23, 72, 255);
padding: 20px;
color: #fff;
font-weight: bold;
font-size: 18px;
text-align: center;
}
.graphic-cta {
padding-bottom: 42px;
}
.graphic-cta img {
position: absolute;
top: -65px;
z-index: 1;
}
.testii-cta {
padding-bottom: 91px;
}
.call_to_actions_inner.inner-type-cta.testii-cta {}
.testii-cta img {
position: absolute;
top: -74px;
z-index: 1;
}
.folioBtn {
text-align: center;
margin: 0 0 20px 0;
}
.explainer-cta {
padding-bottom: 80px;
}
.training-cta {
padding-bottom: 33px;
}
.training-cta img {
top: -78px;
position: relative;
z-index: 1;
}
.officerappDemo .appDemoBox-1 h4 {
font-size: 42px;
}
.socail-cta {
padding-bottom: 63px;
}
.socail-cta img {
position: absolute;
top: -128px;
z-index: 1;
}
.onboarding-cta {
padding-bottom: 35px;
}
.onboarding-cta img {
position: absolute;
top: -125px;
z-index: 1;
}
.appDemoSec .appDemoBox-1 h4 {
font-size: 44px;
}
.product-cta {
padding-bottom: 0;
}
.call_to_actions_inner.inner-type-cta {
margin: 28px 0 0 0;
}
.inner-type-page {
padding: 100px 0 20px 0;
}
section.appDemoSec {
padding-bottom: 25px;
}
/*.increase_roi .title_heading_main .h_t_heading span {
font-size: 100px;
top: -96px;
}
*/
.inner_section_portfolio.inr-sec-port-bf {}
.inner_section_services.inr-sec-serv-af span {
}
.event-cta {
padding: 40px 0 32px;
}
.event-cta img {
position: absolute;
top: -177px;
}
.training-cta img {
position: absolute;
}
.stock-animation-head .title_heading_main .h_t_heading span {
font-size: 85px;
top: -75px;
}
.twod-animation-head {
font-size: 40px !important;
top: -69px !important;
}
.threed-anmiation-head {
font-size: 40px !important;
top: -64px !important;
}
.three-d-cta {
padding: 120px 0px 21px 0;
}
span.whiteboard-head {
top: -89px !important;
font-size: 100px !important;
}
span.portfolio-spann-head {
font-size: 100px !important;
top: -88px !important;
}
ul.nav-lins-new li a {
font-size: 35px;
font-weight: bold;
}
ul.social-links-new {
display: flex;
align-items: center;
padding: 0 0 0 118px;
}
ul.social-links-new li {
padding: 0 15px;
margin: 200px 0 0 0;
}
ul.social-links-new li i {
color: #ffff;
font-size: 20px;
}
ul.second-menu-box-list {
/* display: table; */
margin: 0;
padding: 0;
}
ul.second-menu-box-list li a {
font-size: 21px;
padding: 0;
margin: 0;
line-height: 0;
font-weight: 100;
}
.second-menu-box {
    display: table;
    padding: 184px 0px 0 130px;
    height: 120vh;
    position: relative;
    text-align: left;
}
.second-menu-box h4 {
    color: #fff;
    font-weight: 900;
    font-size: 35px;
    padding: 0 0 20px 0;
    z-index: 99999999;
    position: relative;
}
ul.second-menu-box-list li {
margin: 0 0 30px 0;
}
.navigation_bar .col-md-3 {
padding: 0;
margin: 0;
}
.third-menu-box img {
float: inherit;
margin: 0 auto !important;
filter: inherit;
width: auto !important;
}
.third-menu-box h6 {
color: #fff;
font-size: 21px;
text-align: center;
font-weight: 100;
padding: 10px 0 0 0;
}
img.menu-logo {
float: inherit;
margin: 0;
filter: inherit;
position: absolute;
left: 118px;
z-index: 1;
top: 35px;
filter: brightness(30.5);
}
.first-menu-box {
background: #080808;
height: 120vh;
border-right: 1px solid;
}
@font-face {
font-family: 'Gilroy';
src: url('../fonts/Gilroy-Light.woff2') format('woff2'), url('../fonts/Gilroy-Light.woff') format('woff');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Gilroy';
src: url('../fonts/Gilroy-ExtraBold.woff2') format('woff2'), url('../fonts/Gilroy-ExtraBold.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
.panel {
scroll-snap-align: start;
height: 100vh;
}
body {
    margin: 0px;
    padding: 0px;
    float: left;
    width: 100%;
    font-family: 'Gilroy';
    background: #090909;
    overflow-y: scroll;
    overflow-x: hidden;
    scroll-snap-type: y mandatory;
}
body.fadeOut {
opacity: 0;
}
a:hover,
a:focus {
text-decoration: none;
outline: 0;
}
.relate {
position: relative;
}
.bars_click {
width: 30px;
height: 50px;
float: left;
cursor: pointer;
transition: 0.5s;
}
@media screen and (max-width:767px){
    .bars_click{
        float:right;
    }
    .header_main_bar img{
        margin:5px;
    }
}
.section_slider_portfolio.section_slider_team {
    background-position: center;
}
.portfolio-main-page-st.our-team-sec {
    margin-top: 120px !important;
}
.portfolio-main-page-st.our-team-sec .portfolio_row_two {
    margin-top: 0;
}
.our-team .portfolio_box_inner h5, .our-team .portfolio_box_inner h6 {
    left: 18px;
}
.bars_click:hover {
    transition: 0.5s;
    transform: scale(1.3);
}
.bars {
width: 30px;
height: 4px;
background: #fff;
float: left;
margin: 35px 0 0 0;
cursor: pointer;
}
.bars::before,
.bars::after {
content: '';
position: absolute;
width: 30px;
height: 4px;
background: #fff;
}
.bars::before {
margin-top: 9px;
}
.bars::after {
margin-top: 18px;
}

.navigation_bar {
/* position: absolute; */
width: 100%;
height: 30px;
background: #000;
overflow: hidden;
/* display: flex; */
/* justify-content: center; */
/* align-items: center; */
right: -200vw;
}
.navigation_bar ul {
list-style: none;
}
.navigation_bar ul li {
margin: 20px 0 0 0;
}
.navigation_bar ul li a {
color: #fafafa;
font-size: 2em;
text-decoration: none;
font-weight: 500;
position: relative;
opacity: 0;
pointer-events: none;
}
.navigation_bar ul li a:after {
content: '';
width: 100%;
position: absolute;
height: 3px;
border-radius: 5px;
background: #fff;
bottom: -10px;
left: 0;
transform-origin: left;
transition: transform .5s ease;
transform: scaleX(0);
}
.navigation_bar ul li a:hover:after {
transform: scaleX(1);
}

.navigation_bar h2 {
position: absolute;
top: 5%;
left: 5%;
opacity: 0;
pointer-events: none;
color: #fff;
font-size: 2em;
}
.navigation_bar .close div::before,
.navigation_bar .close div::after {
content: '';
position: absolute;
width: 30px;
height: 3px;
background: #000;
transition: background .5s ease;
top: 22px;
left: 10px;
}
.navigation_bar .close div::before {
transform: rotate(-45deg);
}
.navigation_bar .close div::after {
transform: rotate(45deg);
}
.navigation_bar .close:hover div::before,
.navigation_bar .close:hover div::after {
background: rgb(209, 3, 3);
}
@media (max-width: 992px) {
h1 {
font-size: 25px;
}
}

.banner_home {
margin: 0px;
padding: 0px;
float: left;
width: 100%;
height: 100vh;
position: relative;
overflow: hidden;
background: #1d1d1d;
}
.banner_slider {
margin: 0px;
padding: 0px;
float: left;
width: 100%;
height: 100vh;
}
.slider_section {
margin: 0px;
padding: 0px;
float: left;
width: 100%;
position: relative;
}
.slider_section .slide_img {
width: 100%;
height: 100vh;
position: absolute;
}
.slider_section .slide_img img {
width: 100%;
height: 100vh;
}
.slider_content_main {
position: relative;
height: 100vh;
align-items: center;
display: grid;
align-content: end;
justify-content: left;
bottom: 14%;
z-index: 99999999;
width: 100%;
}
.slider_contnet_area {
display: flex;
}
.slider_contnet_area h1 {
color: #ffffff;
font-size: 52px;
text-transform: uppercase;
margin: 60px 0 0px 0;
font-family: 'Gilroy';
}
.slider_contnet_area h2 {
color: #ffffff;
font-size: 52px;
text-transform: uppercase;
margin: 0px 0 20px 0;
font-weight: bold;
font-family: 'Gilroy';
}
.case-std-bnr-p {
    width: 65%;
}
.slider_contnet_area p {
    color: #ffffff;
    font-size: 18px;
    font-family: 'Gilroy';
    margin: 20px 0 0;
}
.slider_button {
display: inline-block;
margin-top: 33px;
}
.slider_button .btn_solid {
background: #b20000;
font-size: 18px;
color: #fff;
padding: 10px 22px;
font-weight: bold;
font-family: 'Gilroy';
}
.btn_hover_effect {
position: relative;
}
/*.btn_hover_effect:hover {
-webkit-animation: burn 1000ms cubic-bezier(0, 1.73, 0.65, 0.77) forwards;
animation: burn 1000ms ease-out forwards;
}
*/
/*
.btn_hover_effect:hover::before {
content: "";
position: absolute;
left: 40px;
width: 100px;
height: 40px;
background: #ffe66e;
border-radius: 100%;
-webkit-animation: flare 1000ms ease-out forwards;
animation: flare 1000ms ease-out forwards;
}
.btn_hover_effect:hover::after {
content: "";
position: absolute;
right: 40px;
width: 100px;
height: 40px;
background: #ffe66e;
border-radius: 100%;
-webkit-animation: flare 1000ms ease-out forwards;
animation: flare 1000ms ease-out forwards;
}*/
@-webkit-keyframes flare {
100% {
transform: translateY(-20px) scale(1.5);
filter: blur(10px);
opacity: 0;
}
}
@keyframes flare {
100% {
transform: translateY(-20px) scale(1.5);
filter: blur(10px);
opacity: 0;
}
}
@-webkit-keyframes burn {
0% {
color: #ff826e;
background: #ffe66e;
box-shadow: 0 0 5px 0 #c8000a, 0 0 5px 0 rgba(230, 30, 10, 0.8), 0 0 5px 0 rgba(230, 230, 10, 0.6);
}
100% {
color: black;
background: white;
box-shadow: 0 -35px 40px 30px rgba(255, 130, 10, 0), 0 -30px 30px 10px rgba(230, 30, 10, 0), 0 -20px 10px 0 rgba(255, 255, 10, 0);
}
}
@keyframes burn {
0% {
color: #ff826e;
background: #ffe66e;
box-shadow: 0 0 5px 0 #c8000a, 0 0 5px 0 rgba(230, 30, 10, 0.8), 0 0 5px 0 rgba(230, 230, 10, 0.6);
}
100% {
color: black;
background: white;
box-shadow: 0 -35px 40px 30px rgba(255, 130, 10, 0), 0 -30px 30px 10px rgba(230, 30, 10, 0), 0 -20px 10px 0 rgba(255, 255, 10, 0);
}
}
.slider_button .btn_solid:hover {
text-decoration: none;
background: #fff;
color: #000;
}
.btn_wo_bg {
font-size: 18px;
color: #fff;
padding: 10px 22px;
font-family: 'Gilroy';
font-weight: bold;
}
.btn_wo_bg:hover {
text-decoration: none;
}
.banner_slider_navigation {
width: 160px;
position: absolute;
right: 0;
}
.banner_slider_navigation ul {
margin: 0;
padding: 0;
list-style-type: none;
display: flex;
flex-flow: column wrap;
height: 100vh;
overflow: visible;
}
.banner_slider_navigation ul li {
flex: 1;
position: relative;
overflow: visible;
background: #00000080;
transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
margin-bottom: 4px;
}
.banner_slider_navigation ul li a {
display: flex;
flex-flow: column wrap;
justify-content: center;
padding: 0 20%;
position: absolute;
width: 280%;
height: 100%;
left: calc(-280% + 90px);
background: rgba(32, 35, 42, 0.75);
transform: scaleX(0);
transform-origin: right center;
transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.banner_slider_navigation ul li img {
height: auto;
width: 50px;
}
.banner_slider_navigation ul li:hover {}
.banner_slider_navigation ul li.active a {
flex: 2;
display: flex;
flex-flow: column wrap;
justify-content: center;
padding: 0 20%;
position: absolute;
width: 260%;
height: 100%;
left: calc(-225% + 222px);
background: rgba(32, 35, 42, 0.75);
transform: scaleX(1);
transform-origin: right center;
transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.banner_slider_navigation ul li:hover a {
flex: 2;
display: flex;
flex-flow: column wrap;
justify-content: center;
padding: 0 20%;
position: absolute;
width: 260%;
height: 100%;
left: calc(-225% + 222px);
background: rgba(32, 35, 42, 0.75);
transform: scaleX(1);
transform-origin: right center;
transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.delay-1 {
transition-delay: 0.05s;
}
.delay-2 {
transition-delay: 0.1s;
}
.delay-3 {
transition-delay: 0.15s;
}
.delay-4 {
transition-delay: 0.2s;
}
.delay-5 {
transition-delay: 0.25s;
}
/* our speciallity section start */

.Types_of_Video {
font-size: 32px;
font-family: "Gilroy";
color: rgba(88, 88, 88, 0.102);
font-weight: bold;
text-transform: uppercase;
line-height: 1.406;
text-align: center;
-moz-transform: matrix(5.23191339446878, 0, 0, 5.23191339446878, 0, 0);
-webkit-transform: matrix(5.23191339446878, 0, 0, 5.23191339446878, 0, 0);
-ms-transform: matrix(5.23191339446878, 0, 0, 5.23191339446878, 0, 0);
position: absolute;
}
.h_t_heading {
color: #ffffff;
font-size: 55px;
font-weight: bold;
text-align: center;
}
.our_speciallity_section .h_t_heading {
position: relative;
}
.our_speciallity_section .h_t_heading:before {
/*content: 'Types Of Videos';*/
-moz-transform: matrix(5.23191339446878, 0, 0, 5.23191339446878, 0, 0);
-webkit-transform: matrix(5.23191339446878, 0, 0, 5.23191339446878, 0, 0);
-ms-transform: matrix(5.23191339446878, 0, 0, 5.23191339446878, 0, 0);
color: rgba(88, 88, 88, 0.102);
position: absolute;
font-size: 34px;
top: 1px;
font-family: "Gilroy";
text-transform: uppercase;
}
.our_speciallity_section {}
.sub_heading {
color: #ffffff;
font-size: 24px;
margin: 30px 0 0 0;
text-align: center;
}
.our_speciallity_box_main {
margin: 90px 0 0 0;
padding: 0px;
float: left;
min-width: 150%;
display: flex;
}
.our_speciallity_box {
background: #d3b877;
width: 90%;
margin-right: 90px;
justify-content: right;
padding: 60px 0 120px 0;
position: relative;
height: auto;
float: left;
}
.our_speciallity_box_two {
background: #d35657;
}
.works-anim-trail {
position: absolute;
left: 0;
top: 0;
right: 50px;
bottom: 50px;
width: auto;
height: 100%;
margin-right: -50px;
background-color: #330d7d;
-webkit-transform: translate(101%, 0);
-ms-transform: translate(101%, 0);
transform: translate(101%, 0);
-webkit-transition: -webkit-transform .8s cubic-bezier(.19, 1, .22, 1);
transition: transform .8s cubic-bezier(.19, 1, .22, 1);
transition: transform .8s cubic-bezier(.19, 1, .22, 1), -webkit-transform .8s cubic-bezier(.19, 1, .22, 1);
}
.works-anim-trail._2 {
background-color: #7437ff;
}
/*.our_speciallity_box:hover{
background: transparent;
}*/
.our_speciallity_hover {
overflow: hidden;
float: left;
width: 100%;
position: absolute;
top: 0;
height: 100%;
}
.works-anim-trail.video-overlay {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-color: #22272a;
height: 101%;
}
.our_speciallity_box:hover .our_speciallity_box_img {
opacity: .5;
transform: scale(0.1);
}
.our_speciallity_box:hover h5 {
/*opacity: 0*/
transform: scale(0);
transition: 0.5s;
}
.our_speciallity_box:hover .works-anim-trail {
transform: translate3d(0%, 0, 0);
}
.our_speciallity_box:hover .works-anim-trail._2 {
transition-delay: .15s;
}
.our_speciallity_box:hover .works-anim-trail.video-overlay {
transition-delay: .3s;
}
.our_speciallity_box h5 {
color: #ffffff;
font-size: 60px;
font-weight: bold;
position: absolute;
bottom: 0;
left: -53px;
}
.video-embed.w-embed {
width: 100%;
height: 150%;
}
.video-embed.w-embed video {
width: 100%;
object-fit: fill;
}
/* our speciallity section end*/
.portfolio_hover {
overflow: hidden;
float: left;
width: 100%;
height: 100%;
position: absolute;
top: 0;
}
.portfolio_hover .video-embed.w-embed {
margin: auto;
display: flex;
height: 100%;
justify-content: center;
align-items: center;
}
.works-anim-trail-portfolio {
position: absolute;
left: 0px;
top: 0px;
right: 0px;
bottom: 00px;
width: auto;
height: auto;
margin-right: -50px;
background-color: #353535e0;
-webkit-transform: translate(101%, 0);
-ms-transform: translate(101%, 0);
transform: translate(101%, 0);
-webkit-transition: -webkit-transform .8s cubic-bezier(.19, 1, .22, 1);
transition: transform .8s cubic-bezier(.19, 1, .22, 1);
transition: transform .8s cubic-bezier(.19, 1, .22, 1), -webkit-transform .8s cubic-bezier(.19, 1, .22, 1);
}
.works-anim-trail-portfolio._2 {
background-color: #232222b3;
}
.works-anim-trail-portfolio.video-overlay {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-color: #0000007d;
width: 100%;
}
.portfolio_box:hover .myimg {
opacity: 1;
/*transform: matrix3d(1.5, 0, 0, 0, 0, 1.5, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1.6);*/
}
.portfolio_box:hover .works-anim-trail-portfolio {
transform: translate3d(-100%, 0, 0);
transition: 1s;
}
.portfolio_box:hover .works-anim-trail-portfolio._2 {
transition-delay: .15s;
}
.portfolio_box:hover .works-anim-trail-portfolio.video-overlay {
transition-delay: .2s;
transform: translate3d(0%, 0, 0) !important;
}
.myimg {
width: auto;
float: right;
-webkit-transition: margin 350ms cubic-bezier(.77, 0, .175, 1), opacity .4s linear, -webkit-transform .8s cubic-bezier(.19, 1, .22, 1);
transition: transform .8s cubic-bezier(.19, 1, .22, 1), margin 350ms cubic-bezier(.77, 0, .175, 1), opacity .4s linear, -webkit-transform .8s cubic-bezier(.19, 1, .22, 1);
}
.unlocking_section .h_t_heading {
position: relative;
}
.unlocking_section .h_t_heading:before {
/*content: 'Why Videos';*/
background: -webkit-linear-gradient(#100d0d, #090909);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
position: absolute;
font-size: 154px;
top: -130px;
font-family: "Gilroy";
text-transform: uppercase;
left: 0;
right: 0;
}
.unocking_main {float: left;width: 100%;margin: 40px 0 0 0;}
.our-speciallity-box {
position: relative;
}
.our-speciallity-box h5 {
    color: #7467eb;
    font-size: 70px;
    font-weight: bold;
    margin: 0px 0 10px;
}
.our-speciallity-box h6 {color: #ffffff;font-weight: bold;font-size: 22px;margin: 0px;margin-bottom: 12px;}
.our-speciallity-box p {color: #fff;font-size: 20px;font-weight: lighter;margin: 0px;}
.unocking_main_sec_two {
    margin: 100px 0 150px 0;
}
.our-speciallity-box-two h5 {
color: #54e2b2;
}
.unocking_main_sec_two .speciallity-box-icons {right: 0;left: auto;top: -24px;}
.unocking_main_sec_three {/*margin: 144px 0 174px 0;*/margin: 174px 0 180px 0;}
.unocking_main_sec_three h5 {
color: #df6969;
}
.unocking_main_sec_three .speciallity-box-icons {
left: -580px;
top: -84px;
width: 540px;
}
.unocking_main_sec_four {
    position: relative;
    top: 40px;
}
.unocking_main_sec_four .speciallity-box-icons {right: 0;left: auto;top: -60px;width: 420px;}
.unocking_main_sec_four h5 {
color: #0095f5;
}
.unocking_main_sec_four {
    position: relative;
    top: 40px;
}
.unlcok_center {position: absolute;left: 100px;/* top: 238px; */height: 100%;overflow: hidden;/* bottom: 0; */}
/* our_portfolio */
.our_portfolio {
float: left;
width: 100%;
margin: 0px;
padding: 160px 0 0 0;
background: #090909;
overflow: hidden;
position: relative;
}
.our_portfolio .h_t_heading {
position: relative;
z-index: 999;
}
.our_portfolio .h_t_heading:before {
/*content: 'Our Work';
-moz-transform: matrix(5.23191339446878, 0, 0, 5.23191339446878, 0, 0);
-webkit-transform: matrix(5.23191339446878, 0, 0, 5.23191339446878, 0, 0);
-ms-transform: matrix(5.23191339446878, 0, 0, 5.23191339446878, 0, 0);
color: rgba(88, 88, 88, 0.102);
position: absolute;
font-size: 34px;
top: -49px;
font-family: "Gilroy";
text-transform: uppercase;*/
}
.home_portfolio_main {
margin: 60px 0 0 0;
padding: 0px 0 0 0;
float: left;
width: 100%;
overflow-x: hidden;
position: relative;
}
.home_portfolio_main_second {
margin: 0px 0 0 0;
}
.portfolio_box {
margin: 0px;
padding: 0px;
float: left;
width: 100%;
}

.portfolio_box:hover img {
filter: none;
transition: 0.3s;
}
.p-l-0 {
padding-right: 0px;
}
.p-r-0 {
padding-left: 0px;
}
.cta_section_home .row {
display: flex;
align-items: center;
}
.cta_section_home h3 {
color: #fff;
font-size: 38px;
font-weight: normal;
line-height: 47px;
}
.cta_section_home h3 span {
font-weight: bold;
}
.cta-object-images {
width: 100%;
}
.home_portfolio_main_after_cta {
padding: 0px;
margin-top: 0px;
}
.process_section .h_t_heading {
position: relative;
z-index: 999;
}
.process_section .h_t_heading:before {
/*content: 'Our Work';*/
-moz-transform: matrix(5.23191339446878, 0, 0, 5.23191339446878, 0, 0);
-webkit-transform: matrix(5.23191339446878, 0, 0, 5.23191339446878, 0, 0);
-ms-transform: matrix(5.23191339446878, 0, 0, 5.23191339446878, 0, 0);
color: rgba(88, 88, 88, 0.102);
position: absolute;
font-size: 34px;
top: -49px;
font-family: "Gilroy";
text-transform: uppercase;
left: 0;
right: 0;
}
.process_main {
margin: 0px;
padding: 50px 0;
float: left;
width: 100%;
position: relative !important;
}
.process_main .slick-list {
    position: relative;
    z-index: 0;
}
.process_main .row {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: center;
}
.process_img {
float: left;
width: 100%;
}
.process_main img {
width: 100%;
}
.process_text_area {
float: left;
width: 100%;
margin: 0px;
padding: 0px;
}
.process_text_area h5 {
font-weight: 800;
cursor: progress;
font-size: 165px;
font-family: "Myriad Pro";
background: -webkit-linear-gradient(#1748ff, #000);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-family: "Gilroy";
}
.process_text_area h6 {
color: #ffffff;
font-size: 63px;
font-weight: bold;
position: relative;
z-index: 9;
margin: 30px 0 0 0;
}
.process_text_area h6:before {
content: '';
position: absolute;
background: url(../images/testimonils-comma.png);
width: 210px;
height: 180px;
background-size: contain;
background-repeat: no-repeat;
z-index: -1;
top: -136px;
}
.process_section .process_text_area h6:before {
display: none;
}
/*testi-sec*/
.testi-sec {
position: relative;
padding: 50px 0;
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
}

.testi-logo {
display: flex;
align-items: center;
margin-top: 40px;
}
.testi-logo img {
margin-right: 20px;
width: auto !important; 
}
.testi-logo h3 {
color: #020020;
font-weight: 500;
}
.testi-logo h4 {
font-size: 17px;
color: #fff;
font-weight: 500;
}
.testi-side-img-st {
position: absolute;
top: 0;
right: 0;
bottom: 0;
padding: 0;
}
.testi-side-img a {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
.testi-side-img img {
width: 100%;
height: 100vh;
}
.testi-sec .row {
display: flex;
align-items: center;
height: 100%;
}
/*testi-sec*/
/*footer-sec*/
.footer-sec .ftr-list {
display: flex;
align-items: flex-start;
}
.footer-sec .ftr-list ul {padding: 0;width: 20%;margin: 0px 0 0;list-style: none;line-height: 33px;}
.footer-sec .ftr-list ul li {
color: #4e4e4e;
text-align: center;
}
.footer-sec .ftr-list ul.ftr-ul-1 {
width: 30%;
}
.footer-sec .ftr-list ul.ftr-ul-2,
.footer-sec .ftr-list ul.ftr-ul-3 {
width: 15%;
}
.footer-sec {
padding: 70px 0;
background: #000;
float: left;
width: 100%;
}
.footer-sec .ftr-list p,
.footer-sec .ftr-list a,
.footer-sec .ftr-list h4 {
color: #fff;
font-size: 16px;
}
.footer-sec .ftr-list h4 {
font-size: 20px;
font-weight: 500;
text-align: center;
margin-bottom: 30px;
margin-top: 0;
}
.footer-sec .ftr-list img {
margin-bottom: 30px;
}
.ftr-col-2 {
display: flex;
align-items: center;
justify-content: space-around;
}
.ftr-col-1 {
padding-bottom: 70px;
border-bottom: 1px solid;
margin-bottom: 20px;
}
.ftr-col-2 p {
color: #fff;
}
.footer-sec .ftr-list ul.ftr-ul-1 a {
display: block;
text-decoration: none;
}
/*footer-sec*/
.blog_section {float: left;width: 100%;margin: 0px;padding: 160px 0 0px 0;background: #0a0a0a;overflow: hidden;position: relative;}
.blog_section .h_t_heading {
position: relative;
}
.blog_section .h_t_heading:before {
/*content: 'Our Blog';*/
-moz-transform: matrix(5.23191339446878, 0, 0, 5.23191339446878, 0, 0);
-webkit-transform: matrix(5.23191339446878, 0, 0, 5.23191339446878, 0, 0);
-ms-transform: matrix(5.23191339446878, 0, 0, 5.23191339446878, 0, 0);
color: rgba(88, 88, 88, 0.102);
position: absolute;
font-size: 34px;
top: -49px;
font-family: "Gilroy";
text-transform: uppercase;
left: 0;
right: 0;
}
.our_blog_section {
float: left;
width: 100%;
margin: 0px;
padding: 60px 0 0 0;
}
.blogs_boxes {
float: left;
width: 100%;
position: relative;
}
.blog_img {
float: left;
width: 100%;
}
.blog_img img {
width: 100%;
filter: grayscale();
}
.blogs_boxes:hover .blog_img img {
filter: none;
}
.blogs_boxes:before {
content: '';
background: url(../images/blog-image-hover.png);
background-repeat: no-repeat;
background-size: cover;
width: 45px;
height: 100%;
position: absolute;
transition: 0.3s;
opacity: 0;
z-index: 999;
margin: 0 auto;
left: 0;
right: 0;
}
.blogs_boxes:hover:before {
transition: 0.3s;
opacity: 1;
width: 100%;
}
.blog_content {
position: absolute;
bottom: 0;
z-index: 999;
padding: 40px 60px;
}
.blog_content h6 {
color: #ffffff;
font-size: 26px;
font-weight: bold;
opacity: 0;
position: relative;
float: left;
}
.blog_content h6:before {
content: "";
background: #b20000;
position: absolute;
top: -10px;
width: 0px;
height: 50px;
right: -20px;
z-index: -1;
opacity: 0;
opacity: 0.3s;
}
.blogs_boxes:hover .blog_content h6:before {
opacity: 1;
width: 140px;
transition: 0.3s;
}
.blog_content p {
color: #fff;
font-size: 17px;
opacity: 0;
margin: 16px 0;
}
.blog_content span {
color: #fff;
font-size: 18px;
font-weight: bold;
opacity: 0;
transition: 0.3s
}
.blogs_boxes:hover .blog_content h6 {
opacity: 1;
transition: 0.3s
}
.blogs_boxes:hover .blog_content p {
opacity: 1;
transition: 0.6s
}
.blogs_boxes:hover .blog_content a {
opacity: 1;
transition: 0.10s
}
.hide {
display: none;
transform: 0.5;
}
.uncover {
display: flex;
flex-direction: row;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.uncover_slice {
height: 100%;
flex-grow: 1;
background: #090909fa;
}
.slider_left_contnet {}
.slider_right {
position: relative;
top: 20%;
z-index: 99999;
}
.anchor_animation {
background: #b20000;
width: 158px;
height: 158px;
text-align: center;
align-items: center;
justify-content: center;
display: grid;
position: relative;
animation: pulse 2000ms linear infinite;
-webkit-animation: pulse 2000ms linear infinite;
-moz-animation: pulse 2000ms linear infinite;
position: relative;
}
.anchor_animation:after,
.anchor_animation:before {
display: inline-block;
margin: auto;
position: absolute;
content: "";
width: 100px;
height: 100px;
border-radius: 0;
background-color: #b20000;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.anchor_animation:hover {
background: #000;
}
.anchor_animation:hover:after {
background: #000;
}
.anchor_animation:hover:before {
background: #000;
}
.anchor_animation:after {
z-index: -100;
-webkit-animation: outer-ripple 2000ms linear infinite;
-moz-animation: outer-ripple 2000ms linear infinite;
animation: outer-ripple 2000ms linear infinite;
}
.anchor_animation:before {
z-index: -200;
-webkit-animation: inner-ripple 2000ms linear infinite;
-moz-animation: inner-ripple 2000ms linear infinite;
animation: inner-ripple 2000ms linear infinite;
}
/* outer ripple */
@keyframes pulse {
0% {
transform: scale(0.8);
filter: alpha(opacity=80);
opacity: 0.5;
}
10% {
transform: scale(1.1);
filter: alpha(opacity=1);
opacity: 1;
}
20% {
transform: scale(0.9);
filter: alpha(opacity=1);
opacity: 1;
}
100% {
transform: scale(0.8);
filter: alpha(opacity=80);
opacity: 0.5;
}
}
@-moz-keyframes pulse {
0% {
transform: scale(0.8);
filter: alpha(opacity=80);
opacity: 0.5;
}
10% {
transform: scale(1.1);
filter: alpha(opacity=1);
opacity: 1;
}
20% {
transform: scale(0.9);
filter: alpha(opacity=1);
opacity: 1;
}
100% {
transform: scale(0.8);
filter: alpha(opacity=80);
opacity: 0.5;
}
}
@-webkit-keyframes pulse {
0% {
transform: scale(0.8);
filter: alpha(opacity=80);
opacity: 0.5;
}
10% {
transform: scale(1.1);
filter: alpha(opacity=1);
opacity: 1;
}
20% {
transform: scale(0.9);
filter: alpha(opacity=1);
opacity: 1;
}
100% {
transform: scale(0.8);
filter: alpha(opacity=80);
opacity: 0.5;
}
}
@keyframes outer-ripple {
0% {
transform: scale(1);
filter: alpha(opacity=80);
opacity: 0.5;
}
80% {
transform: scale(2.5);
filter: alpha(opacity=0);
opacity: 0;
}
100% {
transform: scale(2.5);
filter: alpha(opacity=0);
opacity: 0;
}
}
@-webkit-keyframes outer-ripple {
0% {
transform: scale(1);
filter: alpha(opacity=80);
opacity: 0.5;
}
80% {
transform: scale(2.5);
filter: alpha(opacity=0);
opacity: 0;
}
100% {
transform: scale(2.5);
filter: alpha(opacity=0);
opacity: 0;
}
}
@-moz-keyframes outer-ripple {
0% {
transform: scale(1);
filter: alpha(opacity=80);
opacity: 0.5;
}
80% {
transform: scale(2.5);
filter: alpha(opacity=0);
opacity: 0;
}
100% {
transform: scale(2.5);
filter: alpha(opacity=0);
opacity: 0;
}
}
/* inner ripple */
@keyframes inner-ripple {
0% {
transform: scale(1);
filter: alpha(opacity=80);
opacity: 0.5;
}
30% {
transform: scale(1);
filter: alpha(opacity=80);
opacity: 0.5;
}
100% {
transform: scale(2.5);
filter: alpha(opacity=0);
opacity: 0;
}
}
@-webkit-keyframes inner-ripple {
0% {
transform: scale(1);
filter: alpha(opacity=80);
opacity: 0.5;
}
30% {
transform: scale(1);
filter: alpha(opacity=80);
opacity: 0.5;
}
100% {
transform: scale(2.5);
filter: alpha(opacity=0);
opacity: 0;
}
}
@-moz-keyframes inner-ripple {
0% {
transform: scale(1);
filter: alpha(opacity=80);
opacity: 0.5;
}
30% {
transform: scale(1);
filter: alpha(opacity=50);
opacity: 0.5;
}
100% {
transform: scale(2.5);
filter: alpha(opacity=0);
opacity: 0;
}
}
.anchor_animation i {
color: #fff;
font-size: 50px;
z-index: 9999;
}
/*home slider animation start*/
.com {
display: flex;
align-items: stretch;
height: 100vh;
overflow: hidden;
}
.com__content {
position: relative;
flex: 8;
background: #404855;
padding: 10vh 10vw;
}
.com__section {
display: flex;
flex-flow: column wrap;
justify-content: center;
height: 100vh;
position: absolute;
top: 0;
left: 0;
width: 100%;
padding: 0 10%;
opacity: 0;
visibility: hidden;
transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.com__section.active {
opacity: 1;
visibility: visible;
}
.com__section--text.centered {
text-align: center;
}
.com__section--text-img {
display: flex;
flex-flow: row wrap;
}
.com__nav-item {
flex: 1;
position: relative;
overflow: visible;
border-bottom: 0px solid transparent;
background: #00000069;
transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
padding-bottom: 7px;
margin-bottom: 5px;
}
.com__nav-item:hover .nav_images {
transform: scale(0);
transform: 0.3s
}
.com__nav-item.active {
background: #20232a;
}
.com__nav-item:last-child {
border-bottom: none;
}
.com__nav-item:hover {
flex: 2;
}
.com__nav-item.active {
flex: 2;
}
.com__nav-item.active .nav_images {
transform: scale(0);
transform: 0.3s;
}
.com__nav-item:hover .blue-line,
.com__nav-item:hover .white-line,
.com__nav-item:hover .white-circle {
transform: none;
opacity: 1;
}
.com__nav-link.flex-row {
flex-flow: row wrap;
}
.com__nav-link.centered {
align-items: center;
}
.com__nav-link .com__section-half:nth-child(2) {
align-items: center;
}
.blue-line {
display: block;
width: 80%;
height: 14px;
background: #22E2ED;
margin-bottom: 12px;
}
.white-line {
display: block;
width: 60%;
height: 5px;
background: rgba(255, 255, 255, 0.9);
margin-bottom: 7px;
}
.white-line:nth-of-type(3) {
width: 50%;
}
.white-circle {
display: block;
width: 30px;
height: 30px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.9);
}
/* animation classes */
.animate {
transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.slideInLeft {
transform: translate3d(-100%, 0, 0);
opacity: 0;
}
.slideInRight {
transform: translate3d(100%, 0, 0);
opacity: 0;
}
.scaleIn {
transform: scale(0);
}
.scaleInLeft {
transform: scaleX(0);
transform-origin: left center;
}
.delay-1 {
transition-delay: 0.05s;
}
.delay-2 {
transition-delay: 0.1s;
}
.delay-3 {
transition-delay: 0.15s;
}
.delay-4 {
transition-delay: 0.2s;
}
.delay-5 {
transition-delay: 0.25s;
}
.logo {
position: fixed;
bottom: 3vh;
left: 3vw;
z-index: 2;
}
.logo img {
width: 45px;
transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
transform: rotate(0);
}
.logo img:hover {
transform: rotate(180deg) scale(1.1);
}
.section_slider_one {}
.section_slider_two {}
.nav_images {
width: 50px;
height: auto;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}
/*home slider animation end*/

.animation_unlocking_img_3 {
margin-bottom: -360px;
width: 120%;
margin-left: -90px;
}
.animation_unlocking_img_4 {
margin-bottom: 0;
width: 120%;
}
.process_section .slick-dots {
position: absolute;
bottom: 0 !important;
width: 232%;
padding: 0;
list-style: none;
text-align: center;
top: 0;
left: -590px;
right: 0;
margin: auto;
height: 50px;
}
.process_section .slick-dots li.slick-active button {
background-color: #008efd !important;
}
.process_section .slick-dots li button:before {
font-size: 0px;
line-height: 0px;
}
.process_section .slick-dots li button {
background-color: #e5e5e5 !important;
border-radius: 50px;
width: 25px;
height: 25px;
}
.slick-dots li {
position: relative;
display: inline-block;
width: 40px;
height: 30px;
margin: 0 285px !important;
padding: 0;
cursor: pointer;
}
.process_section .slick-dots:before {
    content: "";
    width: 100%;
    height: 1px;
    background: #1c1c1c;
    left: 0;
    position: absolute;
    top: 14px;
    z-index: -1;
}
/* inner pages */
.sub_heading {
color: #ffffff;
font-size: 24px;
margin: 30px 0 0 0;
text-align: center;
}
.title_heading_main .h_t_heading {color: #ffffff;font-size: 55px;font-weight: bold;text-align: center;position: relative;z-index: 999;}
.title_heading_main .h_t_heading span {color: rgba(88, 88, 88, 0.102);position: absolute;font-size: 154px;top: -61px;font-family: "Gilroy";text-transform: uppercase;left: 0;right: 0;}
.services_box_row {
float: left;
width: 100%;
padding: 60px 0;
}
.services_boxes {
float: left;
width: 100%;
background: #34495e;
padding: 30px 20px;
text-align: center;
}
.services_boxes_img {
float: left;
width: 100%;
min-height: 283px;
display: grid;
justify-content: center;
align-items: center;
}
.services_boxes h4 {
font-family: "Gilroy";
font-weight: bold;
color: #ffffff;
font-size: 28px;
float: left;
width: 100%;
margin: 16px 0 16px 0;
}
.services_boxes p {
color: #ffffff;
font-size: 15px;
font-weight: lighter;
min-height: 90px;
float: left;
width: 100%;
}
.services_boxes_two {
background: #1c1d31;
}
.services_boxes_three {
background: #1748ff;
}
.no-padding {
padding: 0px;
}
.inner_section_portfolio {
background: #090909;
float: left;
width: 100%;
margin: 0px;
padding: 160px 0 30px 0;
overflow: hidden;
position: relative;
}
.inner_section_portfolio .container {
width: 80%;
}
.portfolio_inner_main {
margin: 150px 0 0;
padding: 0px;
float: left;
width: 100%;
}
.portfolio_box_inner {
margin: 0 0 80px 0;
padding: 0px;
float: left;
width: 100%;
position: relative;
}

.our-team .portfolio_box_inner h6 {
    display: inline-block;
    margin: 0 0 20px 0;
    bottom: 0;
}

.our-team .portfolio_box_inner h5 {
    /* margin-top: 15px; */
    bottom: 37px;
}
.our-team .portfolio_box_inner h5, .our-team .portfolio_box_inner h6 {
    /* left: 18px; */
    /* position: static; */
}

.our-team .portfolio_img_thumb {
    filter: none;
}
.our-team .portfolio_box_inner:hover .portfolio_img_thumb {
    filter: grayscale(1);
}
.portfolio_img_thumb {
width: 100%;
filter: grayscale();
transition: 0.3s;
-webkit-transition: margin 350ms cubic-bezier(.77, 0, .175, 1), opacity .4s linear, -webkit-transform .8s cubic-bezier(.19, 1, .22, 1);
transition: transform .8s cubic-bezier(.19, 1, .22, 1), margin 350ms cubic-bezier(.77, 0, .175, 1), opacity .4s linear, -webkit-transform .8s cubic-bezier(.19, 1, .22, 1);
}
.portfolio_box_inner h5 {
    color: #ffffff;
    font-size: 36px;
    font-family: 'Gilroy';
    position: absolute;
    left: -31px;
    bottom: 62px;
    font-weight: bold;
    transition: 0.5s;
    text-shadow: 1px 1px 15px #000;
}
.portfolio_box_inner h6 {
color: #fff;
font-size: 16px;
font-weight: lighter;
font-family: 'Gilroy';
position: absolute;
bottom: 29px;
left: -31px;
transition: 0.5s;
}
.portfolio_hover_inner {
overflow: hidden;
float: left;
width: 100%;
height: 100%;
position: absolute;
top: 0;
}
.works-anim-trail-portfolio_inner {
position: absolute;
left: 0px;
top: 0px;
right: 0px;
bottom: 00px;
width: auto;
height: auto;
margin-right: -50px;
background-color: #353535e0;
-webkit-transform: translate(101%, 0);
-ms-transform: translate(101%, 0);
transform: translate(101%, 0);
-webkit-transition: -webkit-transform .8s cubic-bezier(.19, 1, .22, 1);
transition: transform .8s cubic-bezier(.19, 1, .22, 1);
transition: transform .8s cubic-bezier(.19, 1, .22, 1), -webkit-transform .8s cubic-bezier(.19, 1, .22, 1);
}
.works-anim-trail-portfolio_inner._2 {
background-color: #232222b3;
}
.works-anim-trail-portfolio_inner.video-overlay {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-color: #0000007d;
width: 100%;
}
.portfolio_box_inner:hover .portfolio_img_thumb {
width: 100%;
filter: inherit;
transition: 0.3s;
}
.portfolio_box_inner:hover h5 {
transform: scale(0.5);
transition: 0.5s;
}
.portfolio_box_inner:hover h6 {
transform: scale(0.5);
transition: 0.8s;
}
.portfolio_box_inner:hover .works-anim-trail-portfolio_inner {
transform: translate3d(-100%, 0, 0);
transition: 1s;
}
.portfolio_box_inner:hover .works-anim-trail-portfolio_inner._2 {
transition-delay: .15s;
}
.portfolio_box_inner:hover .works-anim-trail-portfolio_inner.video-overlay {
transition-delay: .2s;
transform: translate3d(0%, 0, 0) !important;
}
.portfolio_box_inner .video-embed.w-embed {
margin: auto;
display: flex;
justify-content: center;
height: auto;
}
.portfolio_row_one {
float: right;
width: 86%;
}
.portfolio_row_two {
float: right;
width: 86%;
margin-top: 40%;
}
.portfolio_row_three {
float: right;
width: 86%;
margin-top: -20%;
}
.pricing_inner_box {
margin: 0px;
padding: 40px 0;
float: left;
width: 100%;
border-right: 1px solid #555555;
}
.pricing_inner_box-last {
border: none;
}
.pricing_inner_box h4 {
margin: 0px;
padding: 0px;
float: left;
width: 100%;
color: #ffffff;
font-size: 25px;
font-weight: bold;
text-align: center;
}
.pricing_inner_box h5 {
margin: 23px 0 7px 0;
padding: 0px;
float: left;
width: 100%;
color: #ffffff;
font-size: 16px;
font-weight: lighter;
text-align: center;
}
.pricing_inner_box h6 {
margin: 0px;
padding: 0px;
float: left;
width: 100%;
color: #1748ff;
font-size: 60px;
font-weight: bold;
text-align: center;
}
.pricing_inner_box ul {
margin: 50px 0 30px 0;
padding: 0 0 0 0;
float: left;
width: 100%;
height: 261px;
overflow-y: scroll;
}
/* width */
.pricing_inner_box ul::-webkit-scrollbar {
width: 8px;
border-radius: 50px;
}
/* Track */
.pricing_inner_box ul::-webkit-scrollbar-track {
background: #1748ff;
border-radius: 50px;
}
/* Handle */
.pricing_inner_box ul::-webkit-scrollbar-thumb {
background: #fff;
border-radius: 50px;
}
/* Handle on hover */
.pricing_inner_box ul::-webkit-scrollbar-thumb:hover {
background: #fff;
}
.pricing_inner_box ul li {
margin: 0 0 18px 0;
padding: 0px;
float: left;
width: 100%;
color: #ffffff;
font-size: 18px;
font-weight: lighter;
list-style: none;
}
.pricing_inner_box ul li i {
margin: 0 10px 0 0;
color: #1748ff;
}
.pricing_content_are {
margin: 0 auto;
padding: 0px;
float: none;
width: 80%;
}
.packages_buttons {
    float: left;
    width: 100%;
    display: flex;
    justify-content: space-around;
}
.packages_number_btn {
color: #ffffff;
font-size: 18px;
font-weight: lighter;
display: flex;
align-items: center;
}
a.packages_number_btn img {
margin: 0 10px 0 10px;
}
.packages_btn_normal:hover {
color: #fff;
}
.call_to_actions_inner {
background: #0d0d0d;
float: left;
width: 100%;
padding: 54px 0;
}
.call_to_actions_inner h4 {
color: #ffffff;
font-size: 38px;
font-family: 'Gilroy';
font-weight: lighter;
line-height: 47px;
}
.call_to_actions_inner h4 span {
font-family: 'Gilroy';
font-weight: bold;
}
.cta_buttons {
float: left;
display: flex;
width: 100%;
margin: 21px 0 21px 0;
}
.cta_buttons .btn_solid {
background: #ffffff;
font-size: 18px;
color: #000;
padding: 10px 22px;
font-weight: bold;
font-family: 'Gilroy';
}
.cta_buttons .btn_wo_bg {
font-size: 18px;
color: #fff;
padding: 10px 22px;
font-family: 'Gilroy';
font-weight: bold;
}
.cta_img_inner {
position: relative;
}
.cta_img_inner img {
position: absolute;
top: -88px;
left: -13px;
}
.increase_roi {
background: #0d0d0d;
float: left;
width: 100%;
margin: 0px;
padding: 160px 0 60px 0;
overflow: hidden;
position: relative;
}
.tabs_inner_page {
margin: 0px;
padding: 0px;
float: left;
width: 100%;
}
.tabs_inner_page ul {
border: none;
}
.tabs_inner_page ul li a {
padding: 0px;
margin: 0 0 30px 0;
border: none;
}
.tabs_inner_page ul li.active a {
background: transparent;
border: none;
}
.tabs_inner_page ul li.active:foucs a,
.tabs_inner_page ul li:hover::foucs a {
background: transparent;
border: none;
}
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
background: transparent;
border: none;
}
.tabs_inner_page ul li:hover a {
background: transparent;
border: none;
}
.tabs_inner_page ul li:focus a {
background: transparent;
border: none;
}
.tabs_inner_page h5 {
color: #292929;
font-size: 30px;
font-family: 'Gilroy';
font-weight: bold;
margin: 16px 0;
}
.tabs_inner_page p {
color: #292929;
font-size: 16px;
font-family: 'Gilroy';
font-weight: lighter;
}
.tabs_inner_page ul li.active a h5,
.tabs_inner_page ul li.active a p {
color: #fff;
}
.tabs_main_inner {
padding: 70px 0;
}
.tabs_main_inner .row {
display: flex;
align-items: center;
}
.tabs_right_main {
position: relative;
float: left;
width: 100%;
}
.tabs_bg_color {
background: #af4141;
width: 72%;
position: absolute;
top: -20%;
height: 690px;
right: 0;
}
.tabs_right_main img {
width: 100%;
z-index: 9999;
position: relative;
}
.inr-sec-serv-af:after {
content: '';
background: url(../images/serv-dots-img-af.png);
width: 219px;
height: 86px;
position: absolute;
right: 0;
top: 0;
margin: auto;
}
.serv-2d-row {
/* position: relative; */
}
.inr-sec-serv-af:after {
content: '';
background: url(../images/serv-dots-img-af.png);
width: 219px;
height: 86px;
position: absolute;
right: 0;
top: 320px;
margin: auto;
z-index: -1;
}
.inr-sec-serv-af:before {
content: '';
background: url(../images/serv-dots-img-bf.png);
width: 114px;
height: 114px;
position: absolute;
left: 80px;
bottom: 50px;
margin: auto;
z-index: -1;
}
.serv-2d-row:before {
content: '';
background: url(../images/serv-circle-img.png);
width: 60px;
height: 61px;
position: absolute;
top: -45px;
left: -35px;
}
.inr-sec-port-bf {
position: relative;
z-index: 1;
}
.port-img-st-af {
position: relative;
z-index: 1;
}
.port-bf-st-img {
position: absolute;
}
.port-bf-1 {
bottom: 0;
left: -30px;
z-index: -1;
}
.port-bf-3 {
right: -90px;
z-index: -1;
}
.port-bf-2 {
top: -65px;
left: 38px;
z-index: -1;
}
.port-bf-4 {
bottom: -85px;
left: 0px;
z-index: -1;
}
.port-bf-6 {
left: 0;
z-index: -1;
top: -90px;
}
.port-bf-5 {
bottom: -75px;
left: 45px;
z-index: -1;
}
.roi-af-img-st {
position: relative;
z-index: 1;
}
.roi-af-img-st:after {
content: '';
background: url(../images/roi-af/roi-af-2.png);
position: absolute;
width: 107px;
height: 109px;
right: 200px;
top: 200px;
margin: auto;
z-index: -1;
}
.roi-af-img-st:before {
content: '';
background: url(../images/roi-af/roi-af-1.png);
position: absolute;
width: 135px;
height: 76px;
right: 0px;
bottom: 200px;
margin: auto;
z-index: -1;
}
.roi-img-bf-st {
position: relative;
}
.roi-img-bf-st:before {
content: '';
background: url(../images/roi-af/roi-af-1.png);
position: absolute;
width: 135px;
height: 76px;
left: 0px;
bottom: 200px;
margin: auto;
z-index: -1;
}
.roi-img-bf-st:before {
content: '';
background: url(../images/roi-af/roi-af-1.png);
position: absolute;
width: 135px;
height: 76px;
left: -100px;
bottom: -10px;
margin: auto;
z-index: -1;
}
.section_slider_2d {
/*background: url(../images/2d-banner.jpg);
background-repeat: none;
background-size: cover;*/
background: #000;
}
.section_slider_mg {
background: url(../images/mg-banner.jpg);
background-repeat: none;
background-size: cover;
}
.section_slider_sc {
background: url(../images/sc-banner.jpg);
background-repeat: none;
background-size: cover;
}
/*.section_slider_sa {
background: url(../images/sa-banner.jpg);
background-repeat: none;
background-size: cover;
}*/
.section_slider_wa {
background: url(../images/wa-banner.jpg);
background-repeat: none;
background-size: cover;
}
.section_slider_pricing {
background: url(../images/pricing-banner.jpg);
background-repeat: none;
background-size: cover;
}
.section_slider_portfolio {
background: url(../images/portfolio-banner.jpg);
background-repeat: none;
background-size: cover;
}
.cta_img_inner_three_d img {
left: 0;
}
.cta_img_inner_mg img {
left: 0;
top: 0;
}
.cta_img_inner_sa img {
left: 40px;
top: -80px;
}
.cta_img_inner_wb img {
left: 40px;
top: -80px;
}
.portfolio-main-page-st .portfolio_row_two {
margin-top: -20%;
}
.portfolio-main-page-st .portfolio_row_three {
margin-top: 0;
}
.portfolio-main-page-st {
margin-top: 15%;
}
.port-tab-nav ul li a {
background: transparent;
color: #fff;
border: 0;
}
.port-tab-nav ul li a:hover,
.port-tab-nav ul li.active a:hover,
.port-tab-nav ul li.active a {
background: transparent;
color: #1748ff !important;
}
.port-tab-nav li a {
font-size: 16px;
font-weight: bolder;
font-family: "Gilroy";
}
/*cursor animation*/
.circle {
position: fixed;
background-color: #fff;
width: 10px;
height: 10px;
left: -10px;
top: -10px;
border-radius: 100%;
z-index: 1;
z-index: 10000;
transform: scale(1);
}
.circle-follow {
position: fixed;
border: 1px solid #fff;
width: 30px;
height: 30px;
left: -21px;
top: -21px;
border-radius: 100%;
z-index: 1;
user-select: none;
pointer-events: none;
z-index: 10000;
transform: scale(1);
}
/*cursor animation end*/
.cover-2 {
background-color: #0f0f0f;
position: fixed;
z-index: 99999999;
width: 100%;
height: 100vh;
}
.cover-3 {
background-color: #111111;
position: fixed;
z-index: 99999999;
width: 100%;
height: 100vh;
}
.cover-4 {
background-color: #131313;
position: fixed;
z-index: 99999999;
width: 100%;
height: 100vh;
}
.cover-5 {
background: -webkit-gradient(linear, left top, left bottom, from(#1d1d1d), to(black));
background: linear-gradient(to bottom, #1d1d1d, black);
position: fixed;
z-index: 99999999;
width: 100%;
height: 100vh;
overflow: hidden;
}
article {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
max-width: 80%;
}
.cover {
background-color: black;
position: fixed;
z-index: 9999999999;
width: 100%;
height: 100vh;
}
.cover-heading {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
text-align: center;
}
.cover-heading h1 {
color: white;
font-size: 52px;
font-weight: 900;
display: inline-block;
font-family: "Roboto", sans-serif;
}
.cover-heading span {
display: inline-block;
background: #fff;
width: 20px;
height: 20px;
border-radius: 15px;
}
.our_speciallity {
background: #090909
}
.our_speciallity_box_main .owl-stage-outer {
padding: 0 0px 0 60px;
}
.our_portfolio .h_t_heading span {
position: absolute;
font-size: 154px;
top: -96px;
font-family: "Gilroy";
text-transform: uppercase;
left: 0;
right: 0;
/* background: #090909; */
background: -webkit-linear-gradient(to top, #090909 0%, #585858 100%);
background: -moz-linear-gradient(to top, #090909 0%, #585858 100%);
background: linear-gradient(to top, #090909 9%, #232121 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
z-index: -1;
}
.section_home_one {
background: #000;
}
.section_home_two {
background: #000;
}
.h_t_heading span {
color: rgba(88, 88, 88, 0.102);
position: absolute;
top: 1px;
font-family: "Gilroy";
text-transform: uppercase;
font-size: 184px;
text-transform: uppercase;
left: 0;
right: 0;
background: -webkit-linear-gradient(to top, #090909 0%, #585858 100%);
background: -moz-linear-gradient(to top, #090909 0%, #585858 100%);
background: linear-gradient(to top, #0d0d0d 29%, #232121 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.h_t_heading b {
z-index: 99999;
position: relative;
}
.our_speciallity_section .h_t_heading span {
top: -63px;
}
.unlocking_section .h_t_heading span {
top: -119px
}
.section_home_six {
background: #000;
}
.blog_section .h_t_heading span {
position: absolute;
top: -130px;
}
.typebanner {
display: flex;
background: url('../images/type-banner.jpg');
background-repeat: no-repeat;
background-size: cover;
height: 100vh;
align-items: center;
}
section.typebanner h3 {
color: #fff;
font-size: 52px;
text-transform: uppercase;
line-height: 65px;
}
section.typebanner h3 span {
font-weight: 900;
}
section.typebanner p {
color: #fff;
font-size: 18px;
}
section.typebanner .row {
display: flex;
align-items: center;
}

.appDemoBox-1 h4 {
color: #fff;
font-size: 52px;
font-weight: 900;
}
.appDemoBox-1 h5 {
color: #ffff;
font-size: 16px;
padding: 0 0 20px 0;
line-height: 24px;
}
.appDemoBox-1 a {
background: #ffffff;
font-size: 18px;
color: #000;
padding: 10px 22px;
font-weight: bold;
font-family: 'Gilroy';
}
.appDemoBox-1 {
background: #af4141;
padding: 80px 80px 90px;
margin-top: 50px;
}
.appDemoBox-2 {
background: #9a94f6;
margin: 40px 0 0 0;
padding-bottom: 80px;
}
.inner-type-cta .cta_img_inner img {
top: 0;
}
.customer-banner {
background: url('../images/customer-1.jpg');
background-repeat: no-repeat;
background-size: cover;
}
.customerInnerapp .appDemoBox-1 {
padding-bottom: 80px;
}
.customerInnerapp .appDemoBox-1 h4 {
font-size: 43px;
}
.customerCtaimg img {
z-index: 1;
position: relative;
top: -90px !important;
}
.employee-banner {
background: url('../images/employee-img-1.jpg');
background-repeat: no-repeat;
background-size: cover;
}
.employeeDemoSec img {
position: relative;
left: -21px;
}
.call_to_actions_inner.inner-type-cta.employee-cta .inner-type-cta .cta_img_inner img {
position: relative;
}
.employee-cta.inner-type-cta .cta_img_inner img {
position: relative;
/* top: -86px; */
z-index: 1;
}
.employee-cta {
padding-bottom: 0;
padding: 0;
}
.employee-cta .row {
align-items: center;
display: flex;
}
.event-videos-banner {
background: url('../images/event-img-1.jpg');
background-repeat: no-repeat;
background-size: cover;
}
.explainer-videos-banner {
background: url('../images/explainer-img-1.jpg');
background-repeat: no-repeat;
background-size: cover;
}
.training-videos-banner {
background: url('../images/training-img-1.jpg');
background-repeat: no-repeat;
background-size: cover;
}
.onboarding-banner {
background: url('../images/onboarding-img-1.jpg');
background-repeat: no-repeat;
background-size: cover;
}
.product-banner {
background: url('../images/product-img-1.jpg');
background-repeat: no-repeat;
background-size: cover;
}
.sales-banner {
background: url('../images/sales-img-1.jpg');
background-repeat: no-repeat;
background-size: cover;
}
.teaser-banner {
background: url('../images/teaser-img-1.jpg');
background-repeat: no-repeat;
background-size: cover;
}
.grahpic-banner {
background: url('../images/graph-img-1.jpg');
background-repeat: no-repeat;
background-size: cover;
}
.eventDemoBox {
padding-bottom: 80px;
}
.eventappDemoSec .appDemoBox-1 h4 {
font-size: 42px;
}
.sales-cta {
padding-bottom: 0;
}
.folioBtn a {
background-color: rgb(23, 72, 255);
padding: 20px;
color: #fff;
font-weight: bold;
font-size: 18px;
text-align: center;
}
.graphic-cta {
padding-bottom: 42px;
}
.graphic-cta img {
position: absolute;
top: -65px;
z-index: 1;
}
.testii-cta {
padding-bottom: 91px;
}
.call_to_actions_inner.inner-type-cta.testii-cta {}
.testii-cta img {
position: absolute;
top: -74px;
z-index: 1;
}
.folioBtn {
text-align: center;
margin: 0 0 20px 0;
}
.explainer-cta {
padding-bottom: 80px;
}
.training-cta {
padding-bottom: 33px;
}
.training-cta img {
top: -78px;
position: relative;
z-index: 1;
}
.officerappDemo .appDemoBox-1 h4 {
font-size: 42px;
}
.socail-cta {
padding-bottom: 63px;
}
.socail-cta img {
position: absolute;
top: -128px;
z-index: 1;
}
.onboarding-cta {
padding-bottom: 35px;
}
.onboarding-cta img {
position: absolute;
top: -125px;
z-index: 1;
}
.appDemoSec .appDemoBox-1 h4 {
font-size: 44px;
}
.product-cta {
padding-bottom: 0;
}
.call_to_actions_inner.inner-type-cta {
margin: 28px 0 0 0;
}
.inner-type-page {
padding: 100px 0 20px 0;
}
section.appDemoSec {
padding-bottom: 25px;
overflow-x: hidden;
}
.increase_roi .title_heading_main .h_t_heading span {
font-size: 100px;
top: -96px;
}
.inner_section_portfolio.inr-sec-port-bf {}
.event-cta {
padding: 40px 0 32px;
}
.event-cta img {
position: absolute;
top: -177px;
}
.training-cta img {
position: absolute;
}
.stock-animation-head .title_heading_main .h_t_heading span {
font-size: 85px;
top: -75px;
}
.twod-animation-head {
font-size: 40px !important;
top: -69px !important;
}
.threed-anmiation-head {
font-size: 40px !important;
top: -64px !important;
}
.three-d-cta {
padding: 150px 0px 21px 0;
}
span.whiteboard-head {
top: -89px !important;
font-size: 100px !important;
}
span.portfolio-spann-head {
font-size: 100px !important;
top: -88px !important;
}
.third-menu-box {
background: url('../images/menu-shadow-bg.jpg');
height: 100vh;
background-repeat: no-repeat;
background-size: cover;
margin: auto;
display: flex;
flex-direction: column;
/* align-items: flex-start; */
justify-content: center;
text-align: center;
}

.third-menu-box:hover{

    filter: invert(1);
}
ul.nav-lins-new li a {
font-size: 35px;
font-weight: bold;
}
ul.nav-lins-new {
padding: 185px 0 0 0;
display: table;
margin: auto;
position: relative;
}
ul.social-links-new {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 0 0 0;
}
ul.social-links-new li {
padding: 0 15px;
margin: 200px 0 0 0;
}
ul.social-links-new li i {
    color: #ffff;
    font-size: 26px;
}
ul.second-menu-box-list {
/* display: table; */
margin: 0;
padding: 0;
}
ul.second-menu-box-list li a {
font-size: 21px;
padding: 0;
margin: 0;
line-height: 0;
font-weight: 100;
position: relative;
}

ul.second-menu-box-list li {
margin: 0 0 30px 0;
}
.navigation_bar .col-md-3 {
padding: 0;
margin: 0;
}
.navigation_bar .col-md-6 {
padding: 0;
margin: 0;
font-size: 0;
}
.third-menu-box img {
float: inherit;
margin: 0;
filter: inherit;
}
.third-menu-box h6 {
color: #fff;
font-size: 21px;
text-align: center;
font-weight: 100;
padding: 10px 0 0 0;
}
img.menu-logo {
float: inherit;
margin: 0;
filter: inherit;
position: absolute;
left: 118px;
z-index: 1;
top: 35px;
filter: brightness(30.5);
}
.pennicon {
position: absolute;
bottom: 190px;
left: -57px;
}

.pennicon i {
font-size: 25px;
background: #3f6bff;
color: #fff;
padding: 45px;
border-radius: 50%;
    transition: 0.5s;
}

 
.pennicon:hover{

    transition: 0.5s;
    transform: scale(1.3);

}



ul.second-menu-box-list li a::before {
position: absolute;
content: "";
background: #fff;
width: 6px;
height: 2px;
top: 11px;
left: -24px;
}
.two-foliospn span {
font-size: 40px !important;
}
.folio-spn-hd span {
font-size: 40px !important;
}
.pkg-spn-hd span {
font-size: 40px !important;
}
.portfolio_inner_main {}
/*Case Study*/
.section_slider_case_study {
background: url(../images/casestudy/hp/case-banner-bg.jpg);
background-position: top center;
z-index: 0;
}


.section_slider_case_study_one {
    background: url(../images/casestudy/hp/case-banner-bg.jpg);
    background-position: top center;
    z-index: 0;
}

.section_slider_case_study_bittorrent {
    background: url(../images/case-study-banner-bit-torrent.jpg);
    background-position: top center;
    z-index: 0;
}

.bg-blog-image {
    background: url(../images/banner-1.png) no-repeat;
    background-position: top center;
    z-index: 0;
    background-size: cover;
}
.bg-blog2-image {
    background: url(../images/banner-2.png) no-repeat;
    background-position: top center;
    z-index: 0;
    background-size: cover;
}
.bg-blog3-image {
    background: url(../images/banner-3.png) no-repeat;
    background-position: top center;
    z-index: 0;
    background-size: cover;
}

.bg-blog-image:before {
    content: "";
    background-color: rgb(0 0 0 / 26%);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.bg-blog2-image:before {
    content: "";
    background-color: rgb(0 0 0 / 56%);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}


.bg-blog3-image:before {
    content: "";
    background-color: rgb(0 0 0 / 80%);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.section_slider_case_study_ambc {
    background: url(../images/case-study-banner-ambc.jpg);
    background-position: top center;
    z-index: 0;
}

.section_slider_case_study_ambc_main {
    background: url(../images/case-ambc/case-study-banner-img.jpg);
    background-position: top center;
    z-index: 0;
}

.section_slider_case_study_hp {
    background: url(../images/case-study-banner-hp.jpg);
    background-position: top center;
    z-index: 0;
}
.section_slider_case_study_metropolitan {
    background: url(../images/case-study-banner-metro.jpg);
    background-position: top center;
    z-index: 0;
}
.section_slider_case_study_macdonald{
    background: url(../images/case-study-banner-mcdonald.jpg);
    background-position: top center;
    background-size: cover;
    z-index: 0;
}
.section_slider_case_study_dell{
    background: url(../images/case-study-banner-dell.jpg);
    background-position: top center;
    background-size: cover;
    z-index: 0;
}
.section_slider_case_study_bank_of_america{
    background: url(../images/bank-of-america.jpg);
    background-position: top center;
    background-size: cover;
    z-index: 0;
}
.section_slider_case_study_hony_well{
    background: url(../images/honywell.jpg);
    background-position: top center;
    background-size: cover;
    z-index: 0;
}
.section_slider_case_study_ford{
    background: url(../images/case-study-banner-ford.jpg);
    background-position: top center;
    background-size: cover;
    z-index: 0;
}
.section_slider_case_study_payoneer{
    background: url(../images/case-study-banner-payoneer.jpg);
    background-position: top center;
    background-size: cover;
    z-index: 0;
}
.section_slider_case_study .slider_content_main {
position: relative;
height: 100vh;
align-items: center;
display: grid;
align-content: center;
justify-content: center;
bottom: 14%;
margin: auto;
text-align: center;
}
img.case_banner_img {
position: absolute;
left: 0;
right: 0;
margin: auto;
top: 150px;
bottom: 0;
z-index: -1;
width: 600px;
display: table;
}
.project_overview_sec h3.sub_heading_paragraf {
font-size: 16px;
margin: 0 auto 0;
}
.project_overview_boxes img {
width: 100%;
}
.project_overview_sec_inner {
overflow: visible;
}
.project_overview_boxes {
padding: 50px 0 0;
}
.project_overview_boxes .portfolio_box_inner {
margin: 0px;
}
.screen_shots_main {
margin: 120px 0 0;
padding: 0px;
float: left;
width: 100%;
}
.screen_shots_sec .container {
width: 1170px;
}
.screen_shots_sec .portfolio_row_three {
float: none;
width: 100%;
margin: auto;
}
.screen_shots_sec .inner_section_portfolio {
padding: 120px 0 0px 0;
}
.screen_shots_sec .portfolio_box_inner {
margin: 0 0 0px 0;
}
.screen_shots_sec .portfolio_box_inner:hover h5,
.screen_shots_sec .portfolio_box_inner:hover h6 {
transform: scale(1);
}
.screen_shots_sec .portfolio_box_inner h5 {
color: #ffffff;
font-size: 36px;
position: relative;
left: 0;
bottom: 0;
}
.screen_shots_sec .portfolio_box_inner h6 {
font-family: 'Gilroy';
position: relative;
bottom: 0;
left: 0;
}
.screen_shots_sec .portfolio_row_one {
float: none;
width: 100%;
}
.screen_shots_sec .portfolio_row_one {
float: none;
width: 100%;
}
.screen_shots_sec .portfolio_row_one {
margin: 130px 0 0;
}
.video_overview_sec .portfolio_box {
float: none;
margin: auto;
display: table;
}


.screen_shots_main .port-img-st-af .sc_short_img_thumb{

    filter: grayscale();

}


.screen_shots_main .port-img-st-af:hover .sc_short_img_thumb{

    filter: none;.home_video_case_studies

}




.video_overview_sec .title_heading_main .h_t_heading span {
top: -111px;
}
.video_overview_sec .portfolio_section_vj {
align-items: center;
display: flex;
justify-content: center;
margin: 50px -15px 0;
}
.video_overview_sec h3.sub_heading_paragraf {
font-size: 16px;
margin: 0 auto 0;
}
/*video studies*/
.home_video_case_studies {
position: absolute;
width: 100vw;
height: 100vh;
left: 0;
right: 0;
margin: auto;
}
.home_video_case_studies:before {
content: '';
background: url(../images/overlay-home-slider.png);
z-index: 9999;
top: 0;
width: 100%;
height: 100vh;
position: absolute;
background-size: cover;
opacity: 0.95;
}
.home_video_case_studies video {
width: 100%;
height: 100vh;
object-fit: cover;
opacity: 0.4 !important;
filter: grayscale(1);
}
@media screen and (max-height:800px){
   .home_video_case_studies,.slider_content_main,.com__section,.com,.com__nav-list {

height: 120vh;

}
.home_video_case_studies:before {

height: 120vh;

}
.home_video_case_studies video {

height: 120vh;

} 
.com__content__slider_title {
  left: 8% !important;
  top: 30% !important;
}
}
/*video studies end*/
.explainer-video-banner {
background: url(../images/explainer-video-banner.jpg);
background-repeat: no-repeat;
background-size: cover;
}
.social-media-video {
background: url(../images/social-media-banner.jpg);
background-repeat: no-repeat;
background-size: cover;
}
.testimonils-video-banner {
background: url(../images/testimonial-video-banner.jpg);
background-repeat: no-repeat;
background-size: cover;
}
.office-training-banner {
background: url(../images/office-video-banner-img.jpg);
background-repeat: no-repeat;
background-size: cover;
}
.employee-onboarding-banner {
background: url(../images/employee-onboarding-banner.jpg);
background-repeat: no-repeat;
background-size: cover;
}
.onboarding-banner-banner {
background: url(../images/onboarding-banner.jpg);
background-repeat: no-repeat;
background-size: cover;
}
.event-videos-banner {
background: url(../images/event-img-1.jpg);
background-repeat: no-repeat;
background-size: cover;
}
.contact_banner {
background: url(../images/contact-banner.jpg);
background-repeat: no-repeat;
background-size: cover;
}
.navigation-menu {
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
font-family: var(--font-family);
}
.navigation-menu .navigation-bg {
position: absolute;
top: 0;
left: 0;
height: 100%;
}
.navigation-menu .navigation-bg.one {
width: 4px;
background-color: var(--white-bg);
}
.navigation-menu .navigation-bg.two {
width: 0;
background-color: var(--red-bg);
}
.navigation-menu .navigation-wrapper {
display: flex;
flex-direction: column;
justify-content: center;
}
.navigation-menu .nav-inner {
position: relative;
text-align: right;
}
.navigation-menu .nav-inner .nav-link {
font-size: 3rem;
font-weight: 600;
color: var(--white-bg);
}
.hero-content {
text-align: center;
background-color: transparent;
color: var(--white-bg);
}
.bg_center_sixs {
background: #000;
}
#by_types {
display: none;
}
.navigation_bar ul li a.active:after {
transform: scaleX(1);
}
.privacy_policy {
color: #ffff;
padding: 120px 0px;
float: left;
width: 100%;
font-size: 20px;
}
.privacy_policy b {
font-size: 22px;
}
.inr-sec-serv-af-pv {
height: auto;
}
.contact_main {
float: left;
width: 100%;
margin: 0px;
padding: 0 0 40px 0;
}
.ul-work ul {
padding: 0;
display: flex;
align-items: center;
list-style: none;
margin-top: 5px;
flex-wrap: wrap;
}
.ul-work ul li a {
display: flex;
align-items: center;
margin-right: 25px;
margin-top: 40px;
}
.ul-work ul li p {
margin: 0;
color: #fff;
}
.ul-work ul li img {
margin-right: 10px;
}
.form-div input,
.form-div textarea {
width: 100%;
background: transparent;
border-left: 0;
border-right: 0;
border-top: 0;
border-radius: 0;
padding: 16px 0;
font-size: 14px;
font-weight: 300;
resize: none;
color: #fff;
}
.form-st {
position: relative;
z-index: 9;
}
.form-div {
margin-top: 20px;
}
.form-div input::placeholder,
.form-div textarea::placeholder {
color: #fff;
}
.form-div-btn .btn_green {
background: transparent;
color: #d60000;
border: 0;
text-align: right;
font-size: 18px;
font-weight: 600;
}
.form-div-btn {
text-align: right;
margin-top: 25px;
}
.contact_main h3 {
font-size: 40px;
color: #d60000;
font-weight: 400;
margin-bottom: 25px;
}
.contact_main p {
color: #fff;
font-size: 14px;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.main_menu {
color: rgba(88, 88, 88, 0.102);
position: absolute;
font-family: "Gilroy";
font-size: 132px;
text-transform: uppercase;
background: -moz-linear-gradient(to top, #090909 0%, #585858 100%);
background: linear-gradient(to top, #080808 29%, #232121 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
transform: rotate(-90deg);
width: 720px;
height: 130px;
white-space: nowrap;
font-weight: bold;
right: 0;
left: -359px;
top: 460px;
}
.main_menu_services_mm {
left: -250px;
top: 290px;
}
.main_menu_types_mm {
    left: -250px;
    top: 22%;
}
.cta_img_inner_mg {}
.cta_img_inner_mg img {
position: absolute;
top: -30px;
left: -13px;
}
.footer_about {
line-height: 24px;
}
.trust-list ul {
display: flex;
align-items: center;
padding: 0;
}
.trust-list ul li {
list-style: none;
}
.trust-list ul li a {
margin: 8px auto 0;
display: table;
text-align: center;
}
.trust-list ul li img {margin-right: 10px;width: auto;}
.dmca-badge {
margin: 0 auto;
float: none;
text-align: center;
display: flow-root;
}
.download_ebook {
background: #b20000;
font-size: 18px;
color: #fff;
font-family: 'Gilroy';
padding: 6px 12px;
display: block;
font-weight: bold;
margin: 0 0 9px 0;
}
.popup_main {background: #1748ff;width: 460px;height: 100vh;position: fixed;right: -780px;z-index: 9999999;margin: 6px 6px;padding: 0 40px;display: grid;align-items: center;top: 0;bottom: 0;}
.overlay-popup {background: #000;width: 100%;height: 100%;position: fixed;z-index: 9;opacity: 0.7;transform: translate(-100%, 0%);top: 0;bottom: 0;}

.popup_wrap {
float: left;
width: 100%;
position: relative;
}
.popup_wrap h3 {
float: left;
width: 100%;
color: #ffffff;
font-size: 41px;
text-align: center;
margin: 0;
}
.popup_wrap h1 {
float: left;
width: 100%;
color: #ffffff;
font-size: 7vw;
font-weight: bold;
margin: 0px;
text-align: center;
position: relative;
}
.popup_wrap h4 {
float: left;
width: 100%;
color: #ffffff;
font-size: 25px;
margin: 0px 0 10px 0;
}
.popup_wrap h4 span {
font-size: 34px;
}
.popup_wrap .form-divs {
margin-bottom: 18px;
}
.popup_form {
position: relative;
float: left;
width: 100%;
}
.popup_form .form-divs input {border-width: 1px;border-color: rgb(225, 225, 225);border-style: solid;background-color: rgba(242, 242, 242, 0);width: 100%;height: 49px;padding: 0 20px;color: #fff;}
.popup_form .form-divs textarea {border-width: 1px;border-color: rgb(225, 225, 225);border-style: solid;background-color: rgba(242, 242, 242, 0);width: 100%;height: 11vh;color: #fff;}
.popup_form .form-divs input::-webkit-input-placeholder,
.popup_form .form-divs textarea::-webkit-input-placeholder {
/* Edge */
color: #fff;
font-family: 'Gilroy';
font-size: 18px;
}
.popup_form .form-divs input:-ms-input-placeholder,
.popup_form .form-divs textarea::-webkit-input-placeholder {
/* Internet Explorer 10-11 */
color: #fff;
font-family: 'Gilroy';
font-size: 18px;
}
.popup_form .form-divs input::placeholder,
.popup_form .form-divs textarea::-webkit-input-placeholder {
color: #fff;
font-family: 'Gilroy';
font-size: 18px;
}
.text_terms {
display: flex;
}
.text_terms p {
color: #fff;
font-size: 20px;
margin: -3px 0 0 12px;
text-align: left;
}
.text_terms p a {
color: #fff;
font-weight: bold;
}
.popup_wrap .btn_greens {
background: #fff;
color: #000;
border: 0;
text-align: right;
font-size: 18px;
font-weight: 600;
padding: 11px 14px;
}
.popup_btn_submit {
float: left;
width: 100%;
text-align: center;
margin: 13px 0 0;
}
.popup_icon_one {
position: absolute;
left: -110px;
top: 30px;
}
.popup_icon_two {
position: absolute;
left: -340px;
top: 0;
}
.cp-popup-close-button {
position: absolute;
width: 28px;
height: 28px;
border-radius: 100%;
border: 2px solid #fff;
z-index: 1000;
right: 10px;
top: -30px;
cursor: pointer;
opacity: .75;
transition: opacity .3s ease-in-out;
background: rgba(0, 0, 0, .25);
box-sizing: content-box!important;
}
.cp-popup-close-button:before {
transform: rotate(45deg);
-ms-transform: rotate(45deg);
}
.cp-popup-close-button:before,
.cp-popup-close-button:after {
content: '';
width: 20px;
height: 2px;
position: absolute;
top: 13px;
left: 4px;
background: #fff;
border-radius: 10px;
transition: transform .2s ease-in-out;
}
.cp-popup-close-button:after {
transform: rotate( -45deg);
-ms-transform: rotate(-45deg);
}
.cp-popup-close-button:before,
.cp-popup-close-button:after {
content: '';
width: 20px;
height: 2px;
position: absolute;
top: 13px;
left: 4px;
background: #fff;
border-radius: 10px;
transition: transform .2s ease-in-out;
}
.cover-s-2 {
background-color: #0f0f0f;
position: fixed;
z-index: 99999999;
width: 100%;
height: 100vh;
transform: translate(-100%, 0%);
}
.cover-s-3 {
background-color: #111111;
position: fixed;
z-index: 99999999;
width: 100%;
height: 100vh;
transform: translate(-100%, 0%);
}
.cover-s-4 {
background-color: #131313;
position: fixed;
z-index: 99999999;
width: 100%;
height: 100vh;
transform: translate(-100%, 0%);
}
.cover-s-5 {
background: -webkit-gradient(linear, left top, left bottom, from(#1d1d1d), to(black));
background: linear-gradient(to bottom, #1d1d1d, black);
position: fixed;
z-index: 99999999;
width: 100%;
height: 100vh;
overflow: hidden;
transform: translate(-100%, 0%);
}
.sub_heading_paragraf{
font-size: 16px;
text-align: center;
color: #fff;
position: relative;
z-index: 999;
}
.portfolio_inner_main .anchor_animation {
width: 120px;
height: 120px;
}
.inner_section_portfolio .anchor_animation {
width: 120px;
height: 120px;
}
/*#launcher {
left: 0 !important;
animation: pulse 4s infinite;
}*/
.element {
animation: pulse 5s infinite;
}
@keyframes pulse {
0% {
transform: scale(0.1) !important;
}
10% {
transform: scale(0.2) !important;
}
20% {
transform: scale(0.3) !important;
}    30% {
transform: scale(0.4) !important;
}    40% {
transform: scale(0.5) !important;
}    50% {
transform: scale(0.6) !important;
}    60% {
transform: scale(0.7) !important;
}    70% {
transform: scale(0.8) !important;
}    80% {
transform: scale(0.9) !important;
}
100% {
transform: scale(1) !important;
}
}
.footer_heading{
}
.footer-sec .ftr-list .footer_heading {
font-weight: bold !important;
font-size: 19px !important;
}


#pp-nav.right {
    right: 17px;
    display: none;
}



#owl-carousel-testimonils.owl-theme .owl-nav {
    position: absolute;
    bottom: 0;
    display: none;
}


.call_to_actions_inner a.btn_wo_bg:hover {
    color: #000;
}

.cta_buttons .btn_wo_bg {
    margin: 0 0 0 5px;
}

.process_main {
    position: relative;
    z-index: 0;
}





.popup_form .form-divs input::-webkit-input-placeholder {
color: #fff !important;
}
 
.popup_form .form-divs input:-moz-placeholder { /* Firefox 18- */
color: #fff !important;  
}
 
.popup_form .form-divs input::-moz-placeholder {  /* Firefox 19+ */
color: #fff !important;  
}
 
.popup_form .form-divs input:-ms-input-placeholder {  
color: #fff !important;  
}



.contact_mm_page {
    overflow: hidden;
}











.portfolio_main_section_inner{


    overflow: hidden;
}



.img_logo{

           max-width: 490px;
}




.case-studies-header{


}



.case-studies-header .slider_content_main {
    position: relative !important;
    height: max-content !important;
    align-items: center !important;
    display: grid !important;
    align-content: center !important;
    justify-content: center !important; 
    z-index: 99999999 !important;
    text-align: center !important;
    bottom: 0px;
}



.case-studies-header .com__section{

     height: 100vh !important;

}

.case-studies-header  .slider_contnet_area p {
    text-align: center;
    width: 100%;
}



.video_overview_sec_case h3.sub_heading_paragraf {

    line-height: 26px;
}



.hidden_nav_right{

    visibility: hidden;
}



.trust-list {
    margin: 20px 0 0 0;
    float: left;
    width: 100%;
    text-align: center;
    margin: 20px auto 0;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}



.video_process_v{
padding:  50px 0 ;
margin: 0 auto !important;

}


.video_process_v video::-webkit-media-controls,
 .video_process_v video::-moz-media-controls,
  .video_process_v video::-o-media-controls, 
  .video_process_v video::-ms-media-controls {
     display: none !important; 
 }


 video::-webkit-media-controls {
  display: none;
}


/*---------Additional CSS--------------*/
.slider_right .anchor_animation{
    display: none;
}

/*.navigation_bar .close {
    top: 16px !important;
    right: 40px !important;
}*/

.portfolio_inner_main {
    margin: 180px 0 0 0 !important;
}

.slider_content_main{
    z-index: 9999 !important;
}

.main_menu.main_menu_services_mm {
    top: 70px;
}

.col-md-5.bg_center_sixs.hidden_nav_right_event {
    padding-right: 0px;
}

.third-menu-box {
    height: 120vh !important;
}

.navigation_bar .container-fluid .col-md-4 {
    padding-right: 0;
}

.header-social-links ul {
    display: flex;
}

.header-social-links ul li img {width: 30px;margin: 0;}

.header-social-links ul {
    padding: 280px 0px 0;
}

.header-social-links ul li {
    padding: 0 15px;
}

.trust-list ul li img {
    height: 35px;
    text-align: center;
}
.trust-list ul {
    justify-content: center;
}

.footer-sec .ftr-list ul {
    align-items: center;
}




.video_process_v{
    position: relative;
}


.home_video_case_studies_process .container{
    position: relative;
}

.playButton {
  border-radius: 100px;
  border: 8px solid #fff !important;
  height: 100px;
  position: absolute;
  width: 100px;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  cursor: pointer;
  display: block;
  opacity: 0.95;
  transition: opacity 400ms;
  display: none;
}

.playButton:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 25px 0 25px 50px;
  border-color: transparent transparent transparent #fff;
  position: absolute;
  top: 0;
  left: 0;
  right: -10px;
  bottom: 0;
  margin: auto;
}

.replayButton {
  border-radius: 100px;
  border: 2px solid #fff !important;
  height: 50px;
  position: absolute;
  width: 50px;
  margin: auto;
  top: 50px;
  /* bottom: 0; */
  right: -3%;
  left: auto;
  cursor: pointer;
  display: block;
  opacity: 0.95;
  transition: opacity 150ms;
  box-shadow: 0 0px 7px 2px rgb(255 255 255 / 33%);
}

.replayButton i{
    color:#fff;
    position:absolute;
    left: 12px;
    right: 0;
    margin: auto;
    top: 11px;
    font-size: 25px;
}

/*.replayButton:before {
  height: 35px;
  width: 35px;
  position: absolute;
  top: 10px;
  left: 10px;
  content: '';
  display: block;
  border-color: transparent white white white;
  border-radius: 50%;
  border-style: solid;
  border-width: 8px;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.replayButton:after {
  border-color: transparent transparent transparent white;
  border-style: solid;
  border-width: 0 30px 15px 15px;
  height: 0;
  position: absolute;
  top: 24px;
  left: 11px;
  bottom: 0;
  right: 0;
  width: 0;
  content: "";
  display: block;
  margin: auto;
}*/




.home_video_case_studies_process video {
    width: auto;
    margin: auto;
    display: table;
    background-color: #0e0c0e;
    padding: 0 0 50px;
}



#replayButton_process {
    border-radius: 100px;
    border: 2px solid #fff !important;
    height: 50px;
    position: absolute;
    width: 50px;
    margin: auto;
    top: 80px;
    /* bottom: 0; */
    /* right: 0; */
    right: 5%;
    cursor: pointer;
    display: block;
    opacity: 0.95;
    transition: opacity 150ms;
    box-shadow: 0 0px 7px 2px rgb(255 255 255 / 33%);
    left: auto;
}

#replayButton_process i {
    color: #fff;
    position: absolute;
    left: 12px;
    right: 0;
    margin: auto;
    top: 11px;
    font-size: 25px;
}


.cta_section_home_new{
    background-color: #1e4dfe;
}

.slider_button a.btn_wo_bg {
    margin: 0 0 0 5px;
}

.navigation_bar .close.close_right {
    left: 74%;
}

.trust-list ul:nth-child(2) li {
    padding: 0 3px;
}


.ftr-ul-st ul.social-links-new li {
    margin: 0 !important;
}

.our-speciallity-box.our_speciallity_box_one_mm {
    left: 80px;
}


.com__content__slider_title {
    position: absolute;
    z-index: 99999;
    /* color: #fff; */
    top: 270px;
    /* bottom: 0; */
    margin: auto;
    /* display: table; */
}

/*.com__content__slider_title h1, .com__content__slider_title h2 {
    position: absolute;
    left: 180px;
}*/

.com__content__slider_title h1 {
    color: #ffffff;
    font-size: 52px;
    text-transform: uppercase;
}

.com__content__slider_title h2 {
    color: #ffffff;
    font-size: 52px;
    font-weight: 700;
    text-transform: uppercase;
}

.com__content__slider_title h2 span{
    color: #b20000;
}

.com__content__slider_title p{
    color: #fff;
    font-size: 18px;
}


.cta_section_home_new a.btn_solid {
    background-color: #000;
}

.cta_section_home_new a.btn_solid:hover{
    background-color: #fff;
    color:#000;
}

.cta_section_home_new {
    background-color: #c35952;
}


.cta_section_home_new_blue {
    background-color: #1748ff;
}



/*TYEsti New sec*/

.testimonail_sec_new {
    position: relative;
    z-index: 0;
    padding: 50px 0 0;
    float: left;
    width: 100%;
}

.testimonail_sec_new:after {
    content: "";
    background-color: #1748ff;
    width: 82vw;
    height: 80%;
    position: absolute;
    top: 0;
    z-index: 9999;
    right: 0;
}

.testi_new_box h2 {
    color: #ffffff;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px;
}


.testi_new_box p {
    color: #ffffff;
    font-size: 16px;
    font-weight: 300;
}

.testi_new_slider  .testi_new_slider_box {
    /* width: 48% !important; */
    margin: 0 .5%;
    background-color: #fff;
    position: relative;
    padding: 0 0 20px;
}

.testi_new_slider .testi_new_slider_box img {
    width: 100%;
}

.test_new_comma img {
    width: auto !important;
}

.test_new_comma {width: 80px;height: 80px;background-color: #0c1b2e;align-items: center;display: grid;border-radius: 50px;position: relative;top: -40px;/* bottom: 0; */margin: 0 0 -20px;left: 30px;}

.test_new_comma img {
    margin: auto;
}

.testi_new_slider_box_content {
    padding: 0px 20px 0;
    margin: 0 0 0;
}

.testi_new_slider_box_bt {
    display: flex;
    justify-content: end;
    padding: 20px 0 0;
    align-items: center;
    height: 50px;
}

.testi_new_slider_box_bt img {
    position: relative;
    left: -20px;
    top: 0px;
}

.testi_new_slider_box_content  p {
    margin: 0;
    color: #000000;
    font-size: 14px;
    font-weight: 400;
    min-height: 150px;
}

.testi_new_slider_box_bt p {
    min-height: auto;
    font-size: 14px;
    /* width: 130px; */
    margin: 0;
    line-height: 17px;
}

.testi_new_box {
    padding: 80px 0 0;
}

.testi_new_slider  .slick-prev {
    left: -15.3vw;
    position: absolute;
    top: 40px;
    bottom: 0;
    margin: auto;
}

.testi_new_slider .slick-next {
    left: -68vw;
    top: 40px;
    bottom: 0;
    margin: auto;
}

.testi_new_slider .slick-prev:before{
    content: url("../images/arrow-left-testi.png");

}
.testi_new_slider .slick-next:before{
    content: url("../images/arrow-right-testi.png");

}

.testimonail_sec_new .h_t_heading span {
    position: absolute;
    top: -228px;
    /* color: rgb(0 0 0 / 13%) !important; */
    z-index: -8 !important;
}

.testimonail_sec_new {
    padding: 90px 0 0;
    margin: 200px 0 70px;
    /* position: relative; */
}

.testi_new_boxes {
    margin: -30px 0 0;
    z-index: 999999;
    position: relative;

    
    /* background-color: #000; */
    /* position: relative; */
    /* z-index: 9999; */
    /* display: block; */
    /* height: 100%; */
}
/*TYEsti New sec*/


.cta-object-images-two{

position: relative;
    top: -158px;
    right: 0;
}


.cta-object-images-two img{
    position: absolute;
    width: 90%;
}

.ul-work ul li h4 {
    color: #fff;
    font-weight: 500;
    margin-bottom: -10px;
}
.footer-sec .ftr-list li a h4 {
    margin-top: 20px;
    margin-bottom: 10px;
    font-weight: 700;
}
.services_boxes .services_boxes_img img {
    width: 100%;
    height: 100%;
}


@media (max-width:568px){
    
    .our-team .portfolio_box_inner h6 {
        display: inline-block;
        margin-bottom: 20px;
    }
    .portfolio-main-page-st.our-team-sec {
        margin-top: 50px !important;
    }
    .title_heading_main .h_t_heading {
        font-size: 32px;
        line-height: 30px;
    }

}