body{
    font-family: 'Lato', sans-serif;
    overflow-x: hidden;
}
.logo{
    position: relative;
    height: 62px;
}
.logo img{
    position: absolute;
    top:0;
    left:0;
    max-width: 100%;
    max-height: 100%;
}
.header{
    padding: 15px 0px 0px 0px;
    position: absolute;
    top: 0px;
    left: 0;
    z-index: 1;
    right: 0px;
}
.banner{
    background: url(../images/slider_old.jpg);
    height: 700px;
    background-size: cover;
    position: relative;
    margin-bottom: 40px;
}
.banner:after{
    position: absolute;
    bottom: -2rem;
    right: 1rem;
    background: url(../images/background-shape-1.png) no-repeat;
    height: 174px;
    width: 182px;
    content: "";
    background-size: contain;
}
.form_design{
    background: #fff;
    border-radius: 10px;
    padding: 30px 20px;
    box-shadow: 0 14px 28px rgb(0 0 0 / 12%), 0 10px 10px rgb(0 0 0 / 10%);
}
.form_design input, .form_design textarea {
    background: #e5e5e5;
    width: 100%;
    height: 45px;
    border-radius: 5px;
    margin-bottom: 15px;
    border: none;
    padding-left: 10px;
}
.form_design input:focus,.form_design textarea:focus{
    border:none;
    outline: none;
}
.company{
    padding: 0px;
    padding-top: 7rem;
}
.lefttext{
    color: #fff;
    padding: 0px;
}
.lefttext h1{
    font-weight: 600;
}
.form_design form{
    padding: 0px;
    position: relative;
    padding-bottom: 34px;
}
.form_design input[type="submit"]{
    background: linear-gradient(to top, #0f427c ,#2f76c7);
    width: unset;
    padding: 12px 38px;
    color: #fff;
    height: unset;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
}
.form_design input::-webkit-input-placeholder,.form_design textarea::-webkit-input-placeholder{
    font-size: 14px;
    color: #aaa;
}
.form_design textarea{
    resize: none;
    padding-top: 10px;
}
.header .email_icon a{
    color: whitesmoke;
    text-decoration: none;
    font-size: 18px;
}
.header .email_icon img{
    width: 25px;
    margin-right: 5px;
}
.form_design{
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.form_design:after{
    position: absolute;
    bottom: -3px;
    left: 0;
    background: url(../images/form-bottom.png) no-repeat;
    height: 53px;
    width: 100%;
    content: "";
    background-size: contain;
    border-bottom-left-radius: 10px;
    z-index:0;
    border-bottom-right-radius: 10px;
}
.footer{
    background: url(../images/footer-bg.jpg) no-repeat center center;
    background-size: cover;
    padding: 5rem 0px 1rem 0px;
}
.footer_logo{
    text-align: center;
}
.footer_logo img{
    margin: auto;
    right: 0;
}
.footer_strip p{
    color: #fff;
    font-size: 14px;
    margin: 0px;
}
.footer_strip p a{
    color: #fff;
    text-decoration: none;
}
.footer .texts{
    text-align: center;
    margin: 36px 0px 10px 0px;
}
.footer .texts h5{
    font-weight: 600;
    color: #fff;
    font-size: 22px;
}
.footer .texts p{
    margin-top: 24px;
    margin-bottom: 0px;
    color: #fff;
}
.m-b-0{
    margin-bottom: 0px;
}
.m-t-0{
    margin-top: 0px !important;
}
.footer .texts h4{
    font-weight: 600;
    color: #fff;
    font-size: 18px;
    margin: 30px 0px 20px 0px;
}
.footer .texts h4 img{
    width: 30px;
}
.social{
    border-bottom: 1px solid #727cb3;
    padding-bottom: 15px;
    margin-bottom: 0px;
}
.social li{
    display: inline-block;
    margin-right: 5px;
}
.social li a{
    background: #3d4ba3;
    border-radius: 2px;
    width: 34px;
    height: 35px;
    line-height: 34px;
    display: block;
}
.title{
    text-align: center;
    margin-bottom: 52px;
}
.title h2{
    color: #0f407a;
    font-size: 28px;
    position: relative;
    font-weight: 600;
    display: inline-block;
}
.title h2:after{
    position: absolute;
    bottom: -14px;
    left: 35%;
    background: #0f407a;
    height: 5px;
    width: 30%;
    content: "";
    border-radius: 30px;
}
.consult,.time,.brands{
    padding: 3rem 0px;
}
.consult .inner{
    background: #f1f1f1;
    padding: 5px 20px;
    text-align: center;
    border-radius: 10px;
    border-bottom: 6px solid #51ace3;
    height: 320px;
}
.consult img{
    width: 87px;
    margin: 20px 0px;
}
.consult h4{
    color: #0f407a;
    font-weight: 600;
    font-size: 20px;
}
.consult p{
    font-size: 14px;
    margin: 20px 0px;
}
.btnstyle{
    margin: 50px 0px 30px 0px;
}
.btnstyle a{
    background: linear-gradient(to top, #0f427c ,#2f76c7);
    padding: 13px 58px;
    font-weight: 600;
    border-radius: 10px;
    color: #fff;
    font-size: 18px;
    text-decoration: none;
}
.time .title{
    text-align: left;
    margin-bottom: 30px;
}
.time .title h2:after{
    left: 0;
}
.brands li img{
    width: 180px;
}
.brands li{
    display: inline-block;
    margin-right: 44px;
}
.features img {
    width: 87px;
    margin: 20px 0px;
}
.features h3 {
    color: #0f407a;
    font-weight: 600;
    font-size: 22px;
}
.features p{
    color: #0f407a;
    font-size: 18px;
}
.features .inner{
    text-align: center;
    padding: 10px 21px;
    border: 1px solid #ccc;
    position: relative;
}
.features .inner::before{
    position: absolute;
    top:0;
    left:0;
    width:0%;
    height: 4px;
    background: #51ace3;
    content: "";
    transition: all 1s ease;
}
.features .inner:hover::before{
    width:100%;
    transition: all 1s ease;
}
.features li{
    display: inline-block;
    margin-right: 19px;
    width: 18%;
}
.time img{
    width: 100%;
}
.time p{
    font-weight: 600;
}
.time h5{
    text-transform: uppercase;
    font-weight: 900;
    font-size: 16px;
    line-height: 29px;
}
.time .left{
    padding-top: 26px;
}
.testimonial{
    padding: 3rem 0px;
    padding-top: 0.5rem;
}
.social i{
    color: #fff;
    font-size: 25px;
    line-height: 35px;
}
.time,.brands{
    padding-bottom: 0rem;
}
.google_rating img{
    max-width: 100%;
    margin: auto;
    width: 150px;
}
.google_rating{
    text-align: center;
    margin: 20px 0px;
}
.owl-carousel{
    display: block !important;
    margin: auto;
    text-align: center;
}
.owl-dots span {
    display: block;
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    /* opacity: 0.5; */
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #ffffff;
}
.owl_item1 {
    width: 642px !important;
    margin: auto;
    background: url(../images/testimonial-bg.png);
    background-size: cover;
    padding: 3rem 5rem 0px 7rem;
    overflow: visible;
    text-align: center;
    height: 316px;
    color: #fff;
    margin-top: 50px;
}
.owl-dot.active span{
    background: transparent;
    border: 2px solid #fff;
}
.owl-dot:hover,.owl-dot:focus{
    outline: none !important;
}
.owl-dots{
    position: absolute;
    bottom: 45px;
    margin: auto;
    left: 0;
    right: 0;
}
.owl-carousel p{
    font-size: 17px;
    line-height: 29px;
}
.owl-carousel h3{
    font-size: 20px;
    font-weight: 600;
}
.owl_item1 li{
    display: inline-block;
}
.testimonial .title{
    margin-bottom: 0px;
}
.video{
    padding: 3rem 0px 2rem 0px;
}
.video .inner,.video .inner1{
    position: relative;
}
.video .inner1{
    position: absolute;
    width: 600px;
    height: 600px;
    border-radius: 50%;
    bottom: -11rem;
    left: -6rem;
    content: "";
    background: #194c8d;
}
.video .inner1::before{
    background: linear-gradient(to bottom,#52b8e8,#4d6ecf,#4d6ace);
    position: absolute;
    width: 500px;
    height: 500px;
    border-radius: 50%;
    bottom: 3rem;
    left: 3rem;
    content: "";
}
.video .inner1 a{
    position: absolute;
    top: 84px;
    right: 54px;
    margin-left: 0;
    margin-right: 0;
    z-index: 4;
}
.video .figure{
    overflow: hidden;
    position: relative;
}
.video .image{
    overflow: hidden;
    position: relative;
    box-shadow: 0 14px 28px rgb(0 0 0 / 25%), 0 10px 10px rgb(0 0 0 / 22%);
}
.v_img {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 85px;
    width: 90px;
    text-align: center;
    line-height: 90px;
    margin-left: -50px;
    margin-top: -50px;
    padding-left: 5px;
}
.v_img_1{
    position: relative;
}
.v_img_1:before{
    content: "";
    position: absolute;
    width: 124px;
    height: 124px;
    border-radius: 50%;
    border: 2px solid #fff;
    opacity: 0.4;
    top: calc(50% - 69px);
    left: calc(50% - 62px);
    -webkit-animation: videoBtnAnim 3s ease-in infinite;
    animation: videoBtnAnim 3s ease-in infinite;
}
.v_img_1:after{
    content: "";
    position: absolute;
    width: 160px;
    height: 160px;
    border-radius: 50%;
    border: 2px solid #fff;
    opacity: 0.15;
    top: calc(50% - 87px);
    left: calc(50% - 80px);
    -webkit-animation: videoBtnAnim 5s ease-in-out infinite;
    animation: videoBtnAnim 5s ease-in-out infinite;
}
@keyframes videoBtnAnim {
    0% {
      -webkit-transform: scale(0.8);
      transform: scale(0.8);
    }

    25% {
      -webkit-transform: scale(1);
      transform: scale(1);
    }

    50% {
      -webkit-transform: scale(1.2);
      transform: scale(1.2);
    }

    75% {
      -webkit-transform: scale(1);
      transform: scale(1);
    }

    100% {
      -webkit-transform: scale(0.8);
      transform: scale(0.8);
    }
  }
.video figure{
    overflow: hidden;
    position: relative;
    margin: 0px;
}
.video h3{
    position: absolute;
    top: 30px;
    padding: 7rem 10rem;
    color: #fff;
    line-height: 45px;
    font-weight: 600;
    font-size: 32px;
}
.video h3 span{
    color: #000;
}
.s1{
    top: -15%;
    left: 7%;
    -webkit-animation-name: bubbleMover;
    animation-name: bubbleMover;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    animation-duration: 12s;
    background: url(../images/background-shape-3.png) no-repeat;
    height: 66px;
    width: 66px;
    position: absolute;
    background-size: contain;
}
@keyframes bubbleMover {
    0% {
      -webkit-transform: translateY(0px) translateX(0) rotate(0);
      transform: translateY(0px) translateX(0) rotate(0);
    }

    30% {
      -webkit-transform: translateY(30px) translateX(50px) rotate(15deg);
      transform: translateY(30px) translateX(50px) rotate(15deg);
      -webkit-transform-origin: center center;
      transform-origin: center center;
    }

    50% {
      -webkit-transform: translateY(50px) translateX(100px) rotate(45deg);
      transform: translateY(50px) translateX(100px) rotate(45deg);
      -webkit-transform-origin: right bottom;
      transform-origin: right bottom;
    }

    80% {
      -webkit-transform: translateY(30px) translateX(50px) rotate(15deg);
      transform: translateY(30px) translateX(50px) rotate(15deg);
      -webkit-transform-origin: left top;
      transform-origin: left top;
    }

    100% {
      -webkit-transform: translateY(0px) translateX(0) rotate(0);
      transform: translateY(0px) translateX(0) rotate(0);
      -webkit-transform-origin: center center;
      transform-origin: center center;
    }
  }

.video{
    position: relative;
}
.time{
    padding-top: 0px;
}
.consult .last{
    position: relative;
    z-index: 4;
}
.s2{
    top: -29%;
    right: 7%;
    -webkit-animation-name: bubbleMover;
    animation-name: bubbleMover;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    animation-duration: 12s;
    background: url(../images/background-shape-1.png) no-repeat;
    width: 130px;
    height: 130px;
    background-size: contain;
    position: absolute;
    z-index: -1;
}
.testimonial{
    position: relative;
}
.s3{
    top: 32%;
    right: 19%;
    left: unset;
}
.s4{
    height: 90px;
    width: 90px;
    top: 14%;
    left: 9%;
}
.testimonial .title{
    position: relative;
}
.s5{
    left: -6%;
    right: unset;
}
.s6{
    left: -4%;
}
.footer .texts h4 a{
    color: #fff;
    text-decoration: none;
}
.owl-nav{
    display: none !important;
}

/* REPSONIVE */
@media(max-width:1199px){
    .features li{width: 30%;
        margin-bottom: 15px;}
        .brands li{margin-bottom: 15px;}
        .consult .inner{height: unset;}
}
@media(max-width:992px){
    .owl_item1{width:100% !important;}
    .features li{width:100%;margin-bottom: 15px;}
    .logo{width: 41%; float: left;}
    .email_icon{width: 59%;  padding: 0px;}
    .email_icon p{word-break: break-word;
        font-size: 7px;
        margin: 13px 0px;
        text-align: revert;}
        .header .email_icon a{font-size: 15px;}
        .header .email_icon img{width: 19px;}
        .banner{height: unset;
            padding-bottom: 92px;}
            .lefttext h1{text-align: center;
                font-size: 33px;}
            .lefttext p{text-align: center;}
            .form_design:after{bottom: -14px;}
            .features li{width: 30%;
                float: left;
                margin-bottom: 15px;}
                .brands ul{text-align: center;}
                .brands li{margin-right: 0px;
                    width: 30%;
                    margin-bottom: 15px;}
                    .title h2{font-size: 24px;}
                    .owl_item1{padding: 14px 10px;
                        background: linear-gradient(
                    45deg
                    , #509fdf, #4c56c7);width:100%}
                    .btnstyle a{padding: 13px 29px;}
                    .testimonial{padding-bottom: 0px;}
                    .time,.time .title,.footer_strip{text-align: center;}
                    .title h2:after{left: 35% !important;}
                    .title{margin-bottom: 30px;}
                    .consult .inner{margin-bottom: 15px;}
                    .footer_strip .col-md-6:nth-child(2){
                        text-align: center !important;
                    }
                    .footer_logo{margin: auto;}
                    .video{padding-bottom: 0px;}
                    .header{padding: 10px;}
                    .consult{padding-bottom: 0px;}
                    .consult .inner{height: unset;}
                    .footer_strip p{text-align: center;}
                    .footer_strip .col-md-6{display: block;
                        width: 100%;
                        flex: 100%;
                        max-width: 100%;}
                        .v_img{margin-left: -100px;
                            margin-top: -25px;}
                            .v_img_1:before{top: calc(50% - 45px);
                                left: calc(50% - 114px);}
                                .v_img_1:after{top: calc(50% - 64px);
                                    left: calc(50% - 126px);}
}
@media(max-width:767px){
    .owl_item1{width:100% !important;}
    .features li{width:100%;margin-bottom: 15px;}
    .logo{width: 41%; float: left;}
    .email_icon{width: 59%;  padding: 0px;}
    .email_icon p{word-break: break-word;
        font-size: 7px;
        margin: 13px 0px;
        text-align: revert;}
        .header .email_icon a{font-size: 15px;}
        .header .email_icon img{width: 19px;}
        .banner{height: unset;
            padding-bottom: 92px;}
            .lefttext h1{text-align: center;
                font-size: 33px;}
            .lefttext p{text-align: center;}
            .form_design:after{bottom: -14px;}
            .features li{width: 100%;
                margin-bottom: 15px;}
                .brands ul{text-align: center;}
                .brands li{margin-right: 0px;
                    width: 100%;
                    margin-bottom: 15px;}
                    .title h2{font-size: 24px;}
                    .owl_item1{padding: 14px 10px;
                        background: linear-gradient(
                    45deg
                    , #509fdf, #4c56c7);width:100%;height: 250px;}
                    .btnstyle a{padding: 13px 29px;}
                    .testimonial{padding-bottom: 0px;}
                    .time,.time .title,.footer_strip{text-align: center;}
                    .title h2:after{left: 35% !important;}
                    .title{margin-bottom: 30px;}
                    .consult .inner{margin-bottom: 15px;height: unset;}
                    .footer_strip .col-md-6:nth-child(2){
                        text-align: center !important;
                    }
                    .footer_logo{margin: auto;}
                    .video{padding-bottom: 0px;}
                    .header{padding: 10px;}
                    .consult{padding-bottom: 0px;}
                    .video .inner{padding: 0px;}
                    .v_img_1:after{width:140px;height: 140px;}
                    .v_img_1:before{width: 100px;height: 100px;}
                    .video .inner1::before{    width: 271px;
                        height: unset;
                        border-radius: 50%;
                        bottom: 3rem;
                        left: 3rem;}
                        .video .inner1{width: 350px;
                            height: unset;
                            border-radius: 50%;
                            bottom: -6rem;
                            left: -6rem;}
                            .v_img{height: 60px;
                                width: 60px;}
                                .video h3{padding: 5rem 8rem;
                                    color: #fff;
                                    line-height: 36px;
                                    font-weight: 600;
                                    font-size: 22px;
                                    padding-right: 6rem;}
                                    .s1,.s2,.s3,.s4,.s5{display: none;}
                                    .video-one__content img{width: 100%;}
                                    .video .image::before{
                                        position: absolute;
    content: "";
    top: 0;
    left: 0;
    background: linear-gradient(to bottom,#5b636696,#4d6ecf00,#3a3b3e96);
    width: 100%;
    height: 100%;
    z-index: 1;
                                    }
                                    .video .inner1 a{top: 45%;
                                        left: 50%;}
                                    .v_img{top:0;left:0}
                                    .video .inner1{bottom: 0px;left:0px;}
                                    .v_img{width: 60px !important;}
                                    .v_img_1:before{left: calc(50% - 69px);}
                                    .v_img_1:after{left: calc(50% - 87px);}
                                    .video h3{padding: 0px;
                                        text-align: center;
                                        background: #000000a1;
                                        position: absolute;
                                        bottom: 0px;
                                        top: unset;
                                        margin: 0px;
                                        z-index: 8;}
                                        .video h3 span{color: #2f76c7;}
                                        .video .inner1{bottom: 0px;
                                            left: 0px;
                                            width: 100%;
                                            height: 100%;
                                            background: none;}
                                            .footer{padding: 6rem 0px 4rem 0px;}
                                            .owl-dots{bottom: 0px;}
                                            .v_img{margin-left: -50px;}

}

@media(max-width: 550px){
    .video h3{font-size: 14px;
        line-height: unset;padding: 7px ;}
        .owl_item1{height: 311px;}

}


.green-stroke {
    stroke: #7CB342;
}

.svg-box {
    display: inline-block;
    position: relative;
    width: 150px;
}

.lightbox {
    display: none;
    position: fixed;
    z-index: 999999;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    /* background-color: rgba(0, 0, 0, 0.5); */
	background-color: rgba(0, 0, 0, 0.7);
}

.lightbox .box {
    position: absolute;
    padding: 10px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
   /* background-color: #333; */
    background-color: rgb(0 119 151);
    color: #fff;
	padding: 50px 50px 50px 50px;
    border-radius: 10px;
}

.lightbox h2, .lightbox .box p {
  margin: 0 20px;
}

.lightbox  .close {
    position: absolute;
    left: 100%;
    top: 0;
    margin: -10px 0 0 -10px;
    width: 20px;
    height: 20px;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    border-radius: 50%;
    background-color: #e52f48;
    cursor: pointer;
    text-decoration: none;
	opacity: 1;
}

.lightbox .mb-20 {
	margin-bottom: 20px !important;
}

.lightbox .ft-sz{
	/* padding-bottom: 53px; */
	font-size: 35px;
}

.lightbox a:hover {
    color: #fff !important;
    text-decoration: underline;
}

.lightbox a{
	color: #00b2e3;
}

.lightbox .box a{
	color: #fff !important; 
	font-weight: 700 !important;  
	font-size: 17px !important;
}

.lightbox span{
    font-weight: 800;
    color: #feae00;
}