body{font-family: 'Poppins';margin-top: 5%;}



 ::-webkit-scrollbar {width:7px;height: 10px;}

 ::-webkit-scrollbar-thumb {background-image: unset;box-shadow: unset;-webkit-box-shadow: unset;border-radius:0px;background-color: #555;}





/*-----------paddings-------*/

.p-0{padding: 0px !important;}

.p-1{padding: 0.25rem !important;}

.p-2{padding: 0.5rem !important;}

.p-3{padding: 1rem !important;}

.p-4{padding: 1.5rem !important;}

.p-5{padding: 3rem !important;}



.pl-0{padding-left: 0px !important;}

.pl-2{padding-left: 0.5rem !important;}

.pl-3{padding-left: 1rem !important;}

.pl-4{padding-left: 1.5rem !important;}

.pl-3{padding-left: 3rem !important;}

.p-18{padding: 18px;}



.pr-0{padding-right:0px !important;}

.pr-1{padding-right: 0.25rem !important;}

.pr-2{padding-right: 0.5rem !important;}

.pr-3{padding-right: 1rem !important;}

.pr-4{padding-right: 1.5rem !important;}

.pr-5{padding-right: 3rem !important;}



 .pt-0{padding-top: 0px !important;}

 .pt-1{padding-top: 0.25rem !important;}

 .pt-2{padding-top: 0.5rem !important;}

 .pt-3{padding-top: 1rem !important;}

 .pt-4{padding-top: 1.5rem !important;}

 .pt-5{padding-top: 3rem !important;}





 .pb-0{padding-bottom: 0px !important;}

 .pb-1{padding-bottom: 0.25rem !important;}

 .pb-2{padding-bottom: 0.5rem !important;}

 .pb-3{padding-bottom: 1rem !important;}

 .pb-4{padding-bottom: 1.5rem !important;}

 .pb-5{padding-bottom: 3rem !important;}

 .p-6{padding: 4rem;}

 .padd-left-0{padding-left: 0px;}

/*-----------paddings-------*/



/*-----------margin----------------*/

 .m-0{margin: 0px!important;}

 .m-5 {margin: 3rem!important;}



 .mt-0{margin-top:0px !important;}

 .mt-1{margin-top: 0.25rem !important;}

 .mt-2{margin-top: 0.5rem !important;}

 .mt-3{margin-top: 1rem !important;}

 .mt-4{margin-top: 1.5rem !important;}

 .mt-5{margin-top: 3rem !important;}



 .mt-15{margin-top: 15%;}

 .mt-6{margin-top: 6rem;}



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

.mb-1{margin-bottom:0.25rem !important;}

.mb-2{margin-bottom:0.5rem !important;}

.mb-3{margin-bottom:1rem !important;}

.mb-4{margin-bottom:1.5rem !important;}

.mb-5{margin-bottom:3rem !important;}



/*-----------margin----------------*/



/*-----------btn-------------------*/

.btn-green {color: #ffffff;background-color: green;}

.btn-green:hover{color: #ffffff!important;}

.btn-dark {color: #ffffff;background-color: #222;}

.btn-dark:hover {color: #ffffff!important;}





 .custom-btn-green {

     font-weight: 700;

     font-size: 16px;

     border: none;

     padding: 13px 31px;

     text-transform: uppercase;

     position: relative;

     -webkit-box-shadow: 0px 3px 32px -6px rgba(0,0,0,0.53);

     -moz-box-shadow: 0px 3px 32px -6px rgba(0,0,0,0.53);

     box-shadow: 0px 3px 32px -6px rgba(0,0,0,0.53);

     z-index: 1;

     -webkit-transition: .9s;

     transition: .9s;

}



 .custom-btn-green::after, .custom-btn-green::before {

     content: '';

     position: absolute;

     top: 0;

     height: 100%;

     width: 0;

     -webkit-transition: .4s;

     transition: .4s;

     background: #3fa205;

     z-index: -1;

}

 .custom-btn-green::after {

     left: 0;

}

 .custom-btn-green::before {

     right: 0;

}

 .custom-btn-green:hover::after, .custom-btn-green:hover::before {

     width: 50%;

}

.custom-btn-green2 {

     font-weight: 700;

     font-size: 16px;

     border: none;

     padding: 13px 31px;

     

     position: relative;

     -webkit-box-shadow: 0px 3px 32px -6px rgba(0,0,0,0.53);

     -moz-box-shadow: 0px 3px 32px -6px rgba(0,0,0,0.53);

     box-shadow: 0px 3px 32px -6px rgba(0,0,0,0.53);

     z-index: 1;

     -webkit-transition: .9s;

     transition: .9s;

}

 .custom-btn-green2::after, .custom-btn-green2::before {

     content: '';

     position: absolute;

     top: 0;

     height: 100%;

     width: 0;

     -webkit-transition: .4s;

     transition: .4s;

     background: #3fa205;

     z-index: -1;

}

 .custom-btn-green2::after {

     left: 0;

}

 .custom-btn-green2::before {

     right: 0;

}

 .custom-btn-green2:hover::after, .custom-btn-green2:hover::before {

     width: 50%;

}



.custom-btn-dark {

     font-weight: 700;

     font-size: 16px;

     border: none;

     padding: 13px 31px;

     text-transform: uppercase;

     position: relative;

     -webkit-box-shadow: 0px 3px 32px -6px rgba(0,0,0,0.53);

     -moz-box-shadow: 0px 3px 32px -6px rgba(0,0,0,0.53);

     box-shadow: 0px 3px 32px -6px rgba(0,0,0,0.53);

     z-index: 1;

     -webkit-transition: .9s;

     transition: .9s;

}

 .custom-btn-dark::after, .custom-btn-dark::before {

     content: '';

     position: absolute;

     top: 0;

     height: 100%;

     width: 0;

     -webkit-transition: .4s;

     transition: .4s;

     background: #000;

     z-index: -1;

}

 .custom-btn-dark::after {

     left: 0;

}

 .custom-btn-dark::before {

     right: 0;

}

 .custom-btn-dark:hover::after, .custom-btn-dark:hover::before {

     width: 50%;

}

/*-----------btn-------------------*/

    .font-40{font-size: 40px;}

    .font-30{font-size: 30px;}

    .font-50{font-size: 50px;}

/*--------------shadows------------*/

 .shadow-sm{box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;}

 .shadow{box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;}

 .shadow-lg{box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;}

/*--------------shadows------------*/



/*---------------bg-color----------*/

.bg-transparent{background-color: transparent!important;}

.btn-white{background-color:#fff;color:#333;}

.bg-partners{background-color:#222222e6;}

 .bg-ice-white{background-color: #f7f7f7;}

 .bg-green{background-color: #3fa205;}

 .bg-white{background-color: #fff!important;}

 .bg-partners {background-color: #222222e6;}

/*---------------bg-color----------*/



/*----------------background image-----------*/

 .bg-banner-1{

     background-image: url('../img/banner-1.png');

     background-size: 100% 100%;

     background-attachment: fixed;

}

 .bg-banner-2{

     background-image: url('../img/banner-2.png');

     background-size: 100% 100%;

     background-attachment: fixed;

}

 .bg-banner-3{

     background-image: url('../img/banner-3.jpg');

     background-size: 100% 100%;

     background-attachment: fixed;

}

 .bg-banner-4{

     background-image: url('../img/banner-4.png');

     background-size: 100% 100%;

     background-attachment: fixed;

}

 .banner-cta{

     background-image: url('../img/banner-cta.jpg');

     background-size: 100% 100%;

     background-attachment: fixed;

}

 .banner-text{

    padding: 5%;

}

 .img-height{

    height: 120px;

}

 .possition-relev{

    position: relative;

}

/*----------------background image-----------*/

/*---------text-color--------------*/

 .text-green{color: #3fa205;}

 .text-white{color: #fff;}

 .text-dark{color: #333!important;}

/*---------text-color--------------*/





/*--------------roundes------------*/

 .rounded-sm{border-radius: 2rem!important;}

 .rounded-lg{border-radius: 3rem!important;}

 .rounded-circle{border-radius: 50%!important;}

/*--------------roundes------------*/



 .spacing{margin-top: 5%}

 .heading{font-size: 40px;font-weight: bolder;margin:4% 0% 1% 0%;text-transform: uppercase;}

 .heading-s{margin-top: 21%;font-weight: bolder;font-size: 45px;margin-bottom: 2%;}

 .font-18{font-size: 18px;line-height: 35px;}



 /*---------navbar socials color--------*/

.slideshare-color{color:#EA8E25;}

.linkedin-color{color:#0072B3;}

.pinterest-color{color:#EF0003;}

.twitter-color{color:#2CAAE1;}

.facebook-color{color:#3B579D;}

/*---------navbar socials color--------*/



/*-------------navbar---------*/

 .nav-btn span {

    background:#444;

    width: 30px;

    height:3px;

    margin-bottom: 9px;

    display:block;

    border-radius: 20px;

}

 .nav-btn {

    border: none;

    background: 0 0;

    width: 47px;

    height: 26px;

    padding: 0;

    outline: none;

}

 .nav-dialog {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

 .nav-content {

    border:0px!important;

    height: auto;

    min-height: 100%;

    border-radius: 0;

    background-color: rgba(0,0,0,0.9);

}

 .nav-body{

    border-top-color: transparent;

}

 .nw-close {

    color: #fff;

    opacity: 1;

    margin-right: 2%;

    margin-top: 1%;

}

 .nav-fonts-icons{

    font-size:18px;

}

 .nav-tittle{

    font-size: 22px;

    margin: 0 0 10px;

    letter-spacing: 1.5px;

}

 .nav-hr{

    border-top: 1px solid #3ea105;

    margin-top: 10px;

     margin-bottom: 10px;

    opacity: 0.2

}

 .nav-height-xs{

    height:65px;

}

/*-------------navbar------*/

 .small-navbar-mt {

    margin-top: 19%;

}

 .header{

    box-shadow: 0 12px 19px -12px rgba(0, 0, 0, .12);

    border-bottom: 1px solid rgba(0,0,0,0.1)

}

/*------------mobile screen navbar---------*/

 .navbar-default {

    background-color: #fff;

}

 .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {

     color: #4db31b;

    background-color:transparent;

}

 .navbar-default .navbar-nav>li>a {

    color: #116a8f;

}

 .navbar-default .navbar-nav>li>a:hover{

    background-color: transparent;

     color: #4db31b!important;

    transition-duration:0.8s;

}

 .navbar {

    min-height: 80px;

    margin-bottom: 0%;

}

 .navbar-brand {

    padding: 0 15px;

    height: 80px;

    line-height: 80px;

}



 .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {

    background-color: transparent;

}

 .navbar-nav li a h4{font-size: 14px;font-weight: bold;}

 .navbar-brand>img {display: inline;}



 .navbar-default{box-shadow: 0 12px 19px -12px rgba(0, 0, 0, .12);}

 

    a:focus{color:green;}



 @media (min-width: 768px) {

     .navbar-nav > li > a {

         padding-top: 26.5px;

         padding-bottom: 26.5px;

         line-height: 27px;

    }

}

/*------------mobile screen navbar---------*/





/*--------------home page slider----------*/

.carousel-caption{top:29%;left:14%;}



.slider-text h2 {font-size:61px;line-height:80px;font-weight:100;

	letter-spacing: 2px;}



.slider-text span{font-weight:900;text-shadow: 3px 1px 3px rgba(45, 45, 45, 0.38);}



.btn-slider{padding: 2% 8%;font-size: 22px;margin-top: 5%;}



.carousel-control.right {background-image: none;}

.carousel-control.left{background-image: none;}



/*--------------home page slider----------*/





/*-------------slider-triangle rotater-----------*/

.icon-effects-w3-2 {

    position: absolute;

    bottom: 38%;

    left: 3%;

    z-index: 999;

}



.icon-effects-w3-2 img {

    -webkit-animation: fa-spin 5s infinite linear;

    -moz-animation: fa-spin 5s infinite linear;

    -ms-animation: fa-spin 5s infinite linear;

    -o-animation: fa-spin 5s infinite linear;

    animation: fa-spin 5s infinite linear;

}

.icon-effects-w3-2 img {

    -webkit-animation: fa-spin 5s infinite linear;

    -moz-animation: fa-spin 5s infinite linear;

    -ms-animation: fa-spin 5s infinite linear;

    -o-animation: fa-spin 5s infinite linear;

    animation: fa-spin 5s infinite linear;

}

/*-------------slider-triangle rotater-----------*/



/*---------------------bar-----------------------*/

 .bar {

     height: 4px;

     width: 85px;

     background: #3fa205;

     margin: 20px auto 25px;

     position: relative;

     border-radius: 5px;

     overflow: hidden;

}

 .bar::before {

     content: '';

     position: absolute;

     left: 0;

     top: 0;

     height: 100%;

     width: 5px;

     background: #ffffff;

     -webkit-animation-duration: 2s;

     animation-duration: 2s;

     -webkit-animation-timing-function: linear;

     animation-timing-function: linear;

     -webkit-animation-iteration-count: infinite;

     animation-iteration-count: infinite;

     -webkit-animation-name: MOVE-BG;

     animation-name: MOVE-BG;

}

 @-webkit-keyframes MOVE-BG {

     from {

         -webkit-transform: translateX(0);

    }

     to {

         -webkit-transform: translateX(85px);

    }

}

 @keyframes MOVE-BG {

     from {

         -webkit-transform: translateX(0);

         transform: translateX(0);

    }

     to {

         -webkit-transform: translateX(85px);

         transform: translateX(85px);

    }

}



/*----------------bar----------------*/



/*---------------------services experties--------*/



.expertise-box {

    background: #fff;

    -webkit-box-shadow: 5px 7px 23px 0px rgba(58, 52, 82, 0.16);

    -moz-box-shadow: 5px 7px 23px 0px rgba(58, 52, 82, 0.16);

    box-shadow: 5px 7px 23px 0px rgba(58, 52, 82, 0.16);

    width: 180px;

    height: 180px;

}

.expertise-box{border-radius: 50%;}



.bg-green-gradient:hover{

    background-image: linear-gradient(to bottom, #56c01e, #46a819, #379014, #29780f, #1c6209);

    transition-duration: 0.5s;}

.bg-green-gradient:hover p{color: #fff;}



/*---------------------services experties--------*/





/*------------happy clients start-----------------*/



 .happy-clients-section #quote-carousel {

    padding: 0 10px 30px 10px;

    margin-top: 30px;

}

 .happy-clients-section #quote-carousel .carousel-control{

     background: none;

    color: #222;

    font-size: 2.3em;

    text-shadow: none;

    margin-top: 30px;

}

 .happy-clients-section #quote-carousel .carousel-control.left {left: -12px;}

 .happy-clients-section #quote-carousel .carousel-control.right {

    right: -12px !important;

}

 .happy-clients-section #quote-carousel .carousel-indicators {

    right: 50%;

    top: auto;

    bottom: 0px;

     margin-right: -19px;

}

 .happy-clients-section #quote-carousel .carousel-indicators li {

    background: #c0c0c0;

    border: none;

}

 .happy-clients-section #quote-carousel .carousel-indicators .active {

    background: #3fa205;

}

/*.happy-clients-section #quote-carousel img{

    width: 250px;

    height: 100px

}

*/

 .happy-clients-section .item blockquote {

    border-left: none;

     margin: 0;

}

 .happy-clients-section .item blockquote img {

    margin-bottom: 10px;

}

 .happy-clients-section .item blockquote p:before {

     content: "\f10d";

     font-family: 'Fontawesome';

     float: left;

     margin-right: 10px;

}

 .hw-100{

    height: 100px;

    width: 100px;

}



 @media (min-width: 768px) {

     .happy-clients-section #quote-carousel {

        margin-bottom: 0;

        padding: 0 40px 30px 40px;

    }

     .extra-mt{

        margin-top: 6rem;

    }



    .expertise-down {margin-top: 6rem;}



}

 @media (max-width: 768px) {

     .happy-clients-section #quote-carousel .carousel-indicators {

        bottom: -20px !important;

    }

     .happy-clients-section #quote-carousel .carousel-indicators li {

        display: inline-block;

         margin: 0px 5px;

        width: 15px;

        height: 15px;

    }

     .happy-clients-section #quote-carousel .carousel-indicators li.active {

        margin: 0px 5px;

         width: 20px;

        height: 20px;

    }

}

/*------------happy clients start-----------------*/

a:hover{color: green;text-decoration: none;}

.line-h-70{line-height: 88px;}

 .form-style{

     background: transparent;

     border-top: none;

     border-right: none;

     border-left: none;

     outline: none;

     box-shadow: none;

     height: 60px;

     border-radius: 0px;

}

 .form-style:focus {

     border-color: #409f04;

     outline: 0;

     -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgb(64, 159, 4);

     box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgb(64, 159, 4);

}



/*--------------socials icons css----------*/



/*------background colors socials-------*/

.social-icon-list .social-icon.faa-facbook::before {background-color: #3b5999;}

.social-icon-list .social-icon.faa-twitter::before {background-color: #1bb1e7;}

.social-icon-list .social-icon.faa-linkedin::before {background-color: #0070ac;}

.social-icon-list .social-icon.faa-linkedin::before {background-color: #0070ac;}

.social-icon-list .social-icon.faa-pinterest::before {background-color: #e00019;}

.social-icon-list .social-icon.faa-slideshare::before {background-color: #f6911d;}

.social-icon-list .social-icon.faa-mail::before {background-color: #B1B20B;}

.social-icon-list .social-icon.faa-insta::before {background-color: #B1B20B;background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);}

/*------background colors socials-------*/



.social-icon-list .social-icon:focus::before, .social-icon-list .social-icon:hover::before {

  top: -10%;left: -10%;color: #fff;}



.social-icon-list .social-icon:focus i, .social-icon-list .social-icon:hover i {color: #fff;}



.list-inline>li {

    display: inline-block;

    padding-right: 5px;

    padding-left: 5px;

    

}



.social-icon-list .social-icon, .social-icon-list .social-icon i, .social-icon-list .social-icon::before {

    transition: all .35s;

    transition-timing-function: cubic-bezier(.31,-.105,.43,1.59);

}



.social-icon-list .social-icon {

    background-color: #fff;

    border-radius: 15px;

    box-shadow: 0 0 30px -5px rgba(56,80,152,.15);

    display: inline-block;

    height: 60px;

    line-height: 57px;

    margin-right: 5px;

    opacity: 1;

    overflow: hidden;

    position: relative;

    text-align: center;

    width: 60px;

}

.social-icon-list .social-icon.faa-facbook::before {background-color: #3b5999;}



.social-icon-list .social-icon, .social-icon-list .social-icon i, .social-icon-list .social-icon::before {

    transition: all .35s;

    transition-timing-function: cubic-bezier(.31,-.105,.43,1.59);

}



.social-icon-list .social-icon::before {

    content: '';

    width: 120%;

    height: 120%;

    position: absolute;

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

    top: 90%;

    left: -110%;

}

.social-icon-list .social-icon, .social-icon-list .social-icon i, .social-icon-list .social-icon::before {

    transition: all .35s;

    transition-timing-function: cubic-bezier(.31,-.105,.43,1.59);

}





.social-icon-list .social-icon i {

    font-size: 26px;

    vertical-align: middle;

    transform: scale(.8);

    color: #53bd06;

}





.Copyright{background: #111;}



/*-------about page---------*/

/*-------------------new-------------*/

.h-347{min-height: 347px;}

    .about-banner{background-image: url('../img/about-us-banner.webp');background-size: 100% 100%;background-attachment: fixed;}

    .pl-5{padding-left: 3rem;}

    .core-icons{padding: 13px;background:#d1efbe;border-radius: 50%;display: inline-table;}

    .core-number{position: absolute;z-index: 99;top: -7px;left:43%;}

    .core-number span{background: #3fa202;color: #fff;padding: 17.5px 20px 17.5px 20px;border-radius: 50%;font-weight: bolder;}

/*-------------------new-------------*/

.banner-about{

     background-image: url('../img/about/banner-about.png');

     background-size: 100% 100%;

     background-repeat: no-repeat;

}



     .min-h{min-height:450px;}



     .triangle-left {

         width: 0;

         position: absolute;

         left: -10%;

         top: 13%;

         height: 0;

         border-top: 25px solid transparent;

         border-right: 50px solid #f7f7f7;

         border-bottom: 25px solid transparent;

    }

     .triangle-right {

         width: 0;

         position: absolute;

         right: -9%;

         z-index: 9;

         top: 15%;

         height: 0;

         border-top: 25px solid transparent;

         border-left: 50px solid #f7f7f7;

         border-bottom: 25px solid transparent;

    }

     .round-img{

         background-image: url('../img/about/round.png');

         background-size: 100% 100%;

         height: 278px;

         width: 278px;

         padding: 13%;

    }

     .border-4{border:6px solid #56c60f;}

    /*-------about page---------*/





    @media(min-width: 768px){

        .service-boxes-hs{min-height: 515px;}

        .padding-5{padding: 3rem;}

        .dis-flex{display: flex;}



    }



/*------------------main services pages-----------*/

.p-reletive{position: relative;}

.dd-none{display: none;}

.pointer{cursor: pointer;}

.h350{min-height: 350px;}

.h350 p{font-size:18px;line-height: 34px;}





.possition-a{position: absolute;bottom: 0px;}



 .icon-set{

     height: 90px;

     width: 90px;

     border-radius: 50%;

     padding: 5px 10px 10px 0px;

     margin-left: 20%;

     margin-bottom: 5%;

     -webkit-box-shadow: 0px 2px 91px 3px rgba(85,5,NaN,1);

     -moz-box-shadow: 0px 2px 91px 3px rgba(85,5,NaN,1);

     box-shadow: 0px 2px 91px 3px rgba(85,5,NaN,1);

     background-color: #efefef;

}

 .tablet-screen-text{

    position: absolute;

    bottom: 0%;

    padding: 14%;top: 8%;

}

.head-p{line-height: 23px;letter-spacing: 1.2px;}

 @media screen and (min-width: 769px) {



    .mt-row{margin-top:6rem;}

    

    .top-mt{margin-top: 4rem;}



    .p-14{padding: 14rem;}



     .add-arrow-right:before{

         content: '';

         background:url('../img/home/arrow-right.png');

         width:100px;

         height:100px;

         position: absolute;

         background-repeat: no-repeat;

         left:90%;

         top: 30%;

    }

    

    .ml-9{margin-left: 9%;}

    

    .h-100{height: 100px;}



    /*----------career popup css-------*/

    .dialog-centered-career .form-style{height: auto;}

    .dialog-centered-career {display: -ms-flexbox;display: flex;

    	-ms-flex-align: center;

    	align-items: center;min-height: calc(100% - 8rem);}

    .careers-modal .pb-0{padding-bottom: unset !important;}

    .careers-modal .pt-0{padding-top: unset !important;}

    .careers-modal .pl-0{padding-left: 0px !important;}

    .md-lg-mt-5{margin-top: 3rem;}

    /*----------career popup css-------*/



    .min-h-450{min-height: 450px;}

    .min-h-518{min-height: 518px;}

}





/*-------------careers page-------------*/

 

 .btn-outer{

     background-color:transparent;

     border:2px solid #fff;

     border-radius: 10px;

     color: #fff;

     padding: 6% 15%;

}

 .btn-outer:hover{

    color: #fff;

}

 a:hover{

    color: #3fa205;

}

 .overlay-top {

     position: absolute;

     bottom: 100%;

     left: 0;

     right: 0;

     background-color: #3fa205;

     overflow: hidden;

     width: 100%;

     height:0;

     transition: .5s ease;

     border-radius: 10px;

}

 .col-md-4:hover .overlay-top {

     bottom: 0;

     height: 100%;

}

 .text-top {

     color: white;

     font-size: 20px;

     position: absolute;

     top: 50%;

     left: 50%;

     -webkit-transform: translate(-50%, -50%);

     -ms-transform: translate(-50%, -50%);

     transform: translate(-50%, -50%);

}

 .overlay-bottom {

     position: absolute;

     bottom: 0;

     left: 0;

     right: 0;

     background-color: #3fa205;

     overflow: hidden;

     width: 100%;

     height: 0;

     transition: .5s ease;

     border-radius: 10px;

}

 .col-md-4:hover .overlay-bottom {

     height: 100%;

}

 .text-bottom {

     color: white;

     font-size: 20px;

     position: absolute;

     top: 50%;

     left: 50%;

     -webkit-transform: translate(-50%, -50%);

     -ms-transform: translate(-50%, -50%);

     transform: translate(-50%, -50%);

}

 .overlay-left-slide {

     position: absolute;

     bottom: 0;

     left: 0;

     right: 0;

     background-color: #3fa205;

     overflow: hidden;

     width: 0;

     height: 100%;

     transition: .5s ease;

}

 .col-md-4:hover .overlay-left-slide {

     width: 100%;

}

 .text-left-slide {

     color: white;

     font-size: 20px;

     position: absolute;

     top: 50%;

     left: 50%;

     -webkit-transform: translate(-50%, -50%);

     -ms-transform: translate(-50%, -50%);

     transform: translate(-50%, -50%);

     white-space: nowrap;

}

 .overlay-right {

     position: absolute;

     bottom: 0;

     left: 100%;

     right: 0;

     background-color: #3fa205;

     overflow: hidden;

     width: 0;

     height: 100%;

     transition: .5s ease;

}

 .col-md-4:hover .overlay-right {

     width: 100%;

     left: 0;

}

 .text-slide-right {

     color: white;

     font-size: 20px;

     position: absolute;

     top: 50%;

     left: 50%;

     -webkit-transform: translate(-50%, -50%);

     -ms-transform: translate(-50%, -50%);

     transform: translate(-50%, -50%);

     white-space: nowrap;

	}

/*-------------careers page-------------*/



	.industries-img-icons{opacity: 0.6;transition-duration: 0.4s;}

	.industries-img-icons:hover{opacity:1;}

	.hr-color{border-color: #807c7c;}



	 /*----------TECHNOLOGIES---------*/

	 .technologies-banner{

    background-image: url('../img/technologies-icons/banner-techno.jpg');

    background-size: 100% 100%; 

    background-attachment: fixed;

	}

	 .text-social-35{font-size:35px;}

	  a:hover,a:focus,a:active{text-decoration: none;}

	.min-h-235{min-height: 235px;}

	.min-h-235:hover{border: 2px solid green;}

	.color-hover-change:hover p{color: green;font-weight: bold;}

	 /*----------TECHNOLOGIES---------*/





/*------------main sub services--------*/

.btn-ligh-green {

    border: 1px solid #7ed321;

    background: #7ed321;

    color: #fff;

    padding: 1.2% 2%;

}

.btn-ligh-green:hover{color: #fff;}

 .box-row-1{background: #05c7f2;}

    .box-row-2{background: #f28379;}

    .box-row-3{background: #5cf2e3;}

    .box-row-4{background: #d94436;}

    .box-row-5{background: #5c91f2;}

    .box-row-6{background: #c3a709;}

    .box-row-7{background: #7b50a4;}

    .box-row-8{background: #C5C827;}

    .box-row-9{background: #CA5595;}

    .box-row-10{background: #0FA090;}

/*------------main sub services--------*/



/*---------------get a quote-----------*/

.overlay-banner-get-quote{

        background-image: url('../img-2/black.png');

        background-attachment: fixed;

        max-height: 250px;

        background-repeat: no-repeat;

        

    }



    .get-a-banner{

        background-image: url('../img-2/get-a-quote.jpg');

        background-attachment: fixed;

        background-size: 100% 100%;

}





    .btn-get-a-quote{padding: 1% 5%;font-size: 22px;margin-top:2%!important;}



    .bg-active-green{background: #40a004;transition-duration:0.5s;}

    .bg-active-green .text-w{color: #fff!important;}

    .bg-active-green #box-1{content: url('../img/get-a-quote/1-white.png');}

    .bg-active-green #box-1{content: url('../img/get-a-quote/1-white.png');}

    .bg-active-green #box-2{content: url('../img/get-a-quote/2-white.png');}

    .bg-active-green #box-3{content: url('../img/get-a-quote/3-white.png');}

    .bg-active-green #box-4{content: url('../img/get-a-quote/4-white.png');}

    .bg-active-green #box-5{content: url('../img/get-a-quote/5-white.png');}

    .bg-active-green #box-6{content: url('../img/get-a-quote/6-white.png');}

    .bg-active-green #box-7{content: url('../img/get-a-quote/7-white.png');}

    .bg-active-green #box-8{content: url('../img/get-a-quote/8-white.png');}

    .bg-active-green #box-9{content: url('../img/get-a-quote/9-white.png');}

    .bg-active-green #box-10{content: url('../img/get-a-quote/10-white.png');}

    .bg-active-green #box-11{content: url('../img/get-a-quote/11-white.png');}

    .bg-active-green #box-12{content: url('../img/get-a-quote/12-white.png');}

    .bg-active-green #box-13{content: url('../img/get-a-quote/13-white.png');}

/*---------------get a quote-----------*/



/*--------------contact page---------------------*/



.bg-banner-contact{background-image: url('../img-2/contact-banner-2.jpg');background-attachment: fixed;background-size: 100% 100%;}



.contact-page-h5{

    font-weight: 700;

    margin: 40px 0 20px;

    font-size: 20px;

    color: #222;

}

.contact-page-p{

    font-size: 16px;

    letter-spacing: 0;

    line-height: 1.63;

}



.font-w-light {

    font-weight: 300;

    font-size: 40px;

    line-height: 1.3;

}



.input-control {

    padding: 20px;

    height: 66px;

    -webkit-transition: all 0.3s ease;

    transition: all 0.3s ease;

    border-radius: 5px;

    outline: none;

}

.form-select {

    color: #999999;

    background: #fff;

}



.form-select {

    width: 100%;

    height: 66px;

    padding: 20px 20px 20px;

    -webkit-transition: all 0.3s ease;

    transition: all 0.3s ease;

    border-radius: 5px;

    outline: none;

}



.form-select:focus {

    outline: 0;

    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgb(64, 159, 4);

    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgb(64, 159, 4);

}

.input-control:focus {

    outline: 0;

    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgb(64, 159, 4);

    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgb(64, 159, 4);

}

.textarea-focus:focus {

    outline: 0;

    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgb(64, 159, 4);

    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgb(64, 159, 4);

}



.shadow-hover-location-img{transition-duration: 0.5s;}

.shadow-hover-location-img:hover{box-shadow: 0 0.5rem 2rem rgba(0,0,0,0.5);}

    

/*--------------contact page---------------------*/





/*-----------scroll top------------*/

 #scroll-top {

     position:fixed;

     left:10px;

     bottom:25px;

     cursor:pointer;

     width:50px;

     height:50px;

     background-color:#444;

     text-indent:-9999px;

     display:none;

     -webkit-border-radius:60px;

     -moz-border-radius:60px;

     border-radius:60px 

}

#scroll-top span {

     position:absolute;

     top:50%;

     left:50%;

     margin-left:-8px;

     margin-top:-12px;

     height:0;

     width:0;

     border:8px solid transparent;

     border-bottom-color:#ffffff;

}

 #scroll-top:hover {background-color:#111;opacity:0.7;}



/*-----------scroll top------------*/





/*----------------subcriber page--------------*/

.subcriber-banner{background-attachment: fixed;background-size: 100%;background-image: url('../img-2/subcriber.jpg');}

.subcriber-banner h2{letter-spacing:2px;}

.form-control:focus {

    border-color: #008000;

    outline: 0;

    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgb(0, 128, 0);

    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgb(0, 128, 0);

}

.pd-8{padding: 8%;}

.custom-input{height: 55px;}

/*----------------subcriber page--------------*/



/*----------------webinar page--------------*/

.webinar-banner{background-attachment: fixed;background-size: 100%;background-image: url('../img-2/webinar.jpg');}

.webinar-banner h2{letter-spacing:2px;}

.sign-banner{background-attachment: fixed;background-repeat: no-repeat;background-size: 100% 100%;background-image: url('../img-2/sign-up.jpg');}

.h-30{height: 30px;}

.h-90{height: 90px;}

/*----------------webinar page--------------*/









/*--------------------media query---------------*/

 @media screen and (min-device-width:768px) and (max-device-width:992px) {



     .nav-height-xs{height:50px;}

     .sm-mt-top{margin-top:7%; }

     .round-img{background: #fff;padding: 6%;min-height: 250px;}



    }

 @media screen and (min-device-width:300px) and (max-device-width: 767px) {



    .padding-5{padding: 1rem;}



     .img-center-xs{

        display: table;

        margin: 0 auto;

        padding-bottom: 3%;

    }



    .p-14{padding: 4rem;}



     .banner-about{

         background-image: unset;

         background-color:#3fa205;

         background-size: 100% 100%;

    }

     .round-img{

         background-image: unset;

         background-color: #fff;

         border:6px solid #56c60f;

         border-radius:0%;

         padding:9%;

         margin-bottom: 5%;

         height: 100%;

        width: 100%;

    }

     .padd-left-0{

        padding-left:15px;

    }

     .nav-height-xs{

        height:5px;

    }

     .tablet-screen-text{

         position: absolute;

         bottom: 0%;

         padding: 14%;

         top: -5%;

         overflow: hidden;

         height:230px;

    }



    .overlay-banner-get-quote{

            background-image: url('../img-2/black.png');

            background-attachment: fixed;

            max-height: unset;

        }



        .partners-img {height:80px;display: table;margin: 0 auto;}



        .sm-mt-top{margin-top:7%; }



        .top-mt{margin-top: 3rem;}



        .bg-banner-2{

         background-image:none;

         background-color: #f7f7f7;

         background-size: 100% 100%;

         background-attachment: fixed;

    }



	.bg-banner-1 {

	    background-image: none;

	     background-color: #fff;

	    background-size: 100% 100%;

	    background-attachment: fixed;

	}





 .bg-banner-2{

     background-image: unset;

     background-color: #efefef;

     background-size: 100% 100%;

     background-attachment: fixed;

}



 .bg-banner-3{

     background-image:unset;

     background-color: #3FA205;

     background-size: 100% 100%;

     background-attachment: fixed;

}





 .bg-banner-4{

     background-image:unset;

     background-color: #fff;

     background-size: 100% 100%;

     background-attachment: fixed;

}



.banner-about{

     background-image: unset;

     background-color: #3fa205;

     background-size: 100% 100%;

     background-repeat: no-repeat;

}

    /*-----------about page----------*/

    .triangle-right {

         width: 0;

         position: absolute;

         right: -9%;

         z-index: 9;

         top: 15%;

         height: 0;

         border-top: unset;

         border-left:unset;

         border-bottom: unset;

    }

    .triangle-left {

    width: 0;

    position: absolute;

    left: -10%;

    top: 13%;

    height: 0;

    border-top: unset;

    border-right: unset;

    border-bottom: unset;

}



    

.heading {font-size: 25px;font-weight: bolder;margin: 4% 0% 1% 0%;text-transform: uppercase;}

.line-h-70 {line-height: 42px;}





    /*-----------about page----------*/

    /*-----------home page-----------*/

    .nav-scroll-hide ::-webkit-scrollbar {width: 0px;background: transparent;}

    .text-xs-center{text-align: center!important;}

    .xs-mb-5{margin-bottom:5%!important;}

    /*-----------home page-----------*/





    /*----------career popup css-------*/

    .careers-modal .pl-0{padding-left: 10px !important;}

    /*----------career popup css-------*/



}


.flex_center{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.justify_content_center{
    justify-content: center;
}

.justify_content_between{
    justify-content: space-between;
}

.align_items{
    align-items: center;
}

.h_100{
    height: 100%;
}

.d_flexs{
    display: flex;
    flex-wrap: wrap;
}

.hidden{

    display: none;

}

.errorMsg

{

    color: red;

}
.break-text{
    white-space: break-spaces;
}

.portfolio_form_design .form-style{

    font-size: 15px !important;
    color: #444;

}

.portfolio_form_design label{
    color: #444;
    font-weight: 300;
}
.portfolio_form_design select.form-style{color: #444 !important;}

.portfolio_form_design .form-style{

    height: 47px !important;
}



@media(max-width:992px){


.overlay-banner-get-quote.p-reletive h2.font-40, h1.font-40, h2.text-center.text-white, h1.text-center.text-white{
  margin-top: 55px;
  font-size: 19px;
}
.overlay-banner-get-quote.p-reletive .well.shadow-lg .btn-get-a-quote{
    padding: 3% 6%;
    font-size: 12px;
}


}
.heading {
    margin: 8% 0% 1% 0%;
}


#portfolio-popUp .close{
    font-size: 25px !important;
}

/*form css portfolio*/
.portfolio_form_design .container_form_view{
  width: 85%;
  background: #fff;
  border-radius: 6px;
  padding: 20px 60px 30px 40px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  margin: 0 auto;
}
.portfolio_form_design .container_form_view .content{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.portfolio_form_design .container_form_view .content .left-side{
  width: 25%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 15px;
  position: relative;
}
.portfolio_form_design .content .left-side::before{
  content: '';
  position: absolute;
  height: 70%;
  width: 2px;
  right: -15px;
  top: 50%;
  transform: translateY(-50%);
  background: #3fa205;
}
.portfolio_form_design .content .left-side .details{
  margin: 14px;
  text-align: center;
}
.portfolio_form_design .content .left-side .details i{
  font-size: 30px;
  color: #3fa205;
  margin-bottom: 10px;
}
.portfolio_form_design .content .left-side .details .topic{
  font-size: 20px;
  font-weight: 500;
}
.portfolio_form_design .content .left-side .details .text-one,
.portfolio_form_design .content .left-side .details .text-two{
  font-size: 14px;
  color: #afafb6;
}
.portfolio_form_design .container_form_view .content .right-side{
  width: 75%;
  margin-left: 75px;
}
.portfolio_form_design .content .right-side .topic-text{
  font-size: 26px;
  font-weight: 600;
  font-style: italic;
}



@media (max-width: 950px) {
  .portfolio_form_design .container_form_view{
    width: 90%;
    padding: 30px 40px 40px 35px ;
  }
  .portfolio_form_design .container_form_view .content .right-side{
   width: 75%;
   margin-left: 55px;
}

 .portfolio_form_design .container_form_view .content .left-side{ display:none;  }

}
@media (max-width: 820px) {
  .portfolio_form_design .container_form_view{
/*    margin: 40px 0;*/
    height: 100%;
  }
  .portfolio_form_design .container_form_view .content{
    flex-direction: column-reverse;
  }
 .portfolio_form_design .container_form_view .content .left-side{
   width: 100%;
   flex-direction: row;
   margin-top: 40px;
   justify-content: center;
   flex-wrap: wrap;
 }
 .portfolio_form_design .container_form_view .content .left-side::before{
   display: none;
 }
 .portfolio_form_design .container_form_view .content .right-side{
   width: 100%;
   margin-left: 0;
 }
 .portfolio_form_design .container_form_view .content .left-side{ display:none;  }
}
/*form css portfolio close*/