@import url(https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|Roboto+Condensed:300,300i,400,400i,700,700i|Roboto+Slab:100,300,400,700|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i);
@import url(https://fonts.googleapis.com/css2?family=Alfa+Slab+One&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Belleza&family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Raleway:ital,wght@1,800&family=Ramabhadra&family=Sanchez:ital@0;1&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Krub:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&display=swap);

.krub {
    font-family: Poppins, sans-serif
}

.san {
    font-family: Sanchez, serif
}




.seo_se h1
{
    color: #fff;
}

.fix-icon {
    display: inline-block;
    position: fixed;
    bottom: 100px;
    left: 20px;
    z-index: 999999;
  }
  
  #fix-icon {
    -webkit-animation-duration: 2.5s;
    animation-duration: 2.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
  }
  
  .fix-icon-item {
    animation: bounce 1s infinite alternate;
    animation-duration: 1s; 
    -webkit-animation: bounce 1s infinite alternate;
    animation-duration: 1s;
    animation-timing-function: ease;
    animation-iteration-count: infinite;
    animation-fill-mode: none;
  }
  
  .fix-icon-item img {
    width: 55px !important;
    height: 55px !important;
    background: #ff7400;
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
    padding: 10px;
  }
  
  
  .fix-icon-whataap {
    display: inline-block;
    position: fixed;
    bottom: 30px;
    left: 20px;
    z-index: 999999;
    transition: all0.5s ease-in-out;
  }
  
  .fix-icon-whataap-item img {
    border-radius: 50%;
    box-shadow: 1px 1px 4px rgb(60 60 60 / 40%);
    transition: box-shadow .2s;  
    cursor: pointer;
    overflow: hidden;
    width: 55px !important;
    height: 55px !important;
    background: #25d366 !important;
  }

  .fix-bot {
    display: none;
}

/********************************/
.seo_sec p
{
    color: #4e4e4e;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 11px;
    position: relative;
    padding: 0 0 0 0px;
    line-height: 26px;
}

.seo_sec
{
    padding: 0 0 0 0px !important;
}


   /* >>> FAQ STYLES <<< */
   .faq p
   {
       color: #4e4e4e;
       font-size: 16px;
       font-weight: 500;
       margin-bottom: 11px;
       position: relative;
       padding: 0 0 0 0px;
       line-height: 26px;
   }
   
   .faq_container { border-bottom: 2px solid #ddd; }
   .faq_question {
     font-size: 1.2rem;
     font-weight: 600;
     padding: 10px;
     position: relative;
     display: flex;
     align-items: center;
     justify-content: space-between;
     cursor: pointer;
   }
   .answercont {
     max-height: 0;
     overflow: hidden;
     transition: 0.3s;
   }
   .answer {
     padding: 0 10px 20px;
     line-height: 1.5rem;
   }
   .fqa_headline_container h2 span { font-weight: 700; }
   .faq_question-text h3 { font-size: 22px; }
   
   .icon.active {
     background: transparent;
     border: 2px solid #fff;
   }
   .icon:hover { cursor: pointer; }
   .icon-shape { position: relative; width: 50px; height: 50px; }
   .icon .icon-shape::before {
     position: absolute;
     content: "";
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     width: 30px;
     height: 4px;
     background: #000;
     border-radius: 3px;
     transition: all 0.5s ease;
   }
   .icon .icon-shape::after {
     position: absolute;
     content: "";
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     width: 4px;
     height: 30px;
     background: #000;
     border-radius: 3px;
     transition: all 0.5s ease;
   }
   .icon .icon-shape.active::before {
     transform: translate(-50%, -50%) rotate(180deg);
     transition: all 0.5s ease;
   }
   .icon .icon-shape.active::after {
     transform: translate(-50%, -50%) rotate(90deg);
     transition: all 0.5s ease;
   }

   .view_profile {
    background: #2b6874;
    display: table;
    padding: 3px 12px;
    font-size: 12px;
    color: #fff;
    border-radius: 3px;
    margin: auto;
    margin-top: -28px;
    z-index: 999999999;
    position: relative;
}

.view_profile:hover
{
    background: #000;
    display: table;
    padding: 3px 12px;
    font-size: 12px;
    color: #fff;
    border-radius: 3px;
    margin: auto;
    margin-top: -28px;
    z-index: 999999999;
    position: relative;
}
.view_profile a {
    color: #fff;
}


.teams
{
    padding: 70px 0px;
}
   
   .profile-card{
    position: relative;
    font-family: sans-serif;
    width: 250px;
    height: 250px;
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 0 22px #3336;
    margin: 0 15px;
  }
  /* .profile-card:hover{
    border-radius: 10px;
    height: 260px;
  } */
  .profile-card .img{
    position: relative;
    width: 100%;
    height: 100%;
    transition: .6s;
    z-index: 99;
    top: -35%;
  }
  /* .profile-card:hover .img{
    transform: translateY(-60px);
  } */
  .img img{
    border-radius: 10px;
  }
  .profile-card:hover img{
    border-radius: 10px;
  }
  .caption{
    text-align: center;
    transform: translateY(-80px);
    transition: .6s;
  }
  .profile-card:hover .caption{
    opacity: 1;
  }
  .caption h3{
    font-size: 18px;
    font-family: sans-serif;
    margin-bottom: 3px !important;
  }
  .caption p{
    font-size: 13px;
    color: #123a59;
    font-family: sans-serif;
    margin: 0px 0 9px 0;
    font-weight: 600;
  }
  .caption .social-links a{
    color: #333;
    margin-right: 15px;
    font-size: 21px;
    transition: .6s;
  }
  .social-links a:hover{
    color: #0c52a1;
  }





/********************************/





.home-testimonial-cls-jd {
    padding: 30px 0 55px 0;
}

.home-testimonial-cls-jd #owl-demo15 {}

.home-testimonial-cls-jd #owl-demo15 .timeline {
    margin: 45px 0 0 0;
}

.home-testimonial-cls-jd #owl-demo15 .timeline .timeline-inverted {
    margin-bottom: 20px;
}

.home-testimonial-cls-jd #owl-demo15 .timeline .timeline-panel {
    margin: 0 20px 0 0;
}

.home-testimonial-cls-jd #owl-demo15 .timeline .timeline-panel .timeline-body {}

.home-testimonial-cls-jd #owl-demo15 .timeline .timeline-panel .timeline-body p {}

.home-testimonial-cls-jd #owl-demo15 .timeline .timeline-panel .timeline-body h5 {}

.home-testimonial-cls-jd .timeline-badge {
    display: none;
}

.home-testimonial-cls-jd .timeline-badge .fa {}


.home-testimonial-cls-jd .timeline:before {
    content: " ";
    display: none;
}

.home-testimonial-cls-jd .owl-buttons {
    margin: 6px 0 0 0;
    text-align: center;
}

.home-testimonial-cls-jd .owl-pagination .owl-page {}

.home-testimonial-cls-jd .owl-pagination .owl-page span {
    background: #123958 !important;
    background: -moz-linear-gradient(45deg, #123958 0, #2e6e78 100%) !important;
    opacity: 0.7 !important;
    background: -webkit-linear-gradient(45deg, #123958 0, #2e6e78 100%) !important;
    background: linear-gradient(45deg, #123958 0, #2e6e78 100%) !important;
}


.home-testimonial-cls-jd #owl-demo15 .owl-buttons .owl-prev {
    border-radius: 50%;
    width: 38px;
    height: 38px;
    font-size: 20px;
    line-height: 37px;
    background: #123958;
    background: -moz-linear-gradient(45deg, #123958 0, #2e6e78 100%);
    background: -webkit-linear-gradient(45deg, #123958 0, #2e6e78 100%);
    background: linear-gradient(45deg, #123958 0, #2e6e78 100%);
}

.home-testimonial-cls-jd #owl-demo15 .owl-buttons .owl-next {
    border-radius: 50%;
    width: 38px;
    height: 38px;
    font-size: 20px;
    line-height: 37px;
    background: #123958;
    background: -moz-linear-gradient(45deg, #123958 0, #2e6e78 100%);
    background: -webkit-linear-gradient(45deg, #123958 0, #2e6e78 100%);
    background: linear-gradient(45deg, #123958 0, #2e6e78 100%);
}



.home-testimonial-cls-jd .owl-pagination .owl-page.active {}


.home-testimonial-cls-jd .owl-pagination .owl-page.active span {
    background: #123958;
    background: -moz-linear-gradient(45deg, #123958 0, #2e6e78 100%);
    background: -webkit-linear-gradient(45deg, #123958 0, #2e6e78 100%);
    background: linear-gradient(45deg, #123958 0, #2e6e78 100%);
}




.snow {
    position: absolute;
    width: 10px;
    height: 10px;
    background: white;
    border-radius: 50%;
}

.snow:nth-child(1) {
    opacity: 0.3545;
    transform: translate(51.9349vw, -10px) scale(0.6489);
    animation: fall-1 23s -19s linear infinite;
}

@keyframes fall-1 {
    45.105% {
        transform: translate(56.8062vw, 45.105vh) scale(0.6489);
    }

    to {
        transform: translate(54.37055vw, 100vh) scale(0.6489);
    }
}

.snow:nth-child(2) {
    opacity: 0.818;
    transform: translate(28.142vw, -10px) scale(0.2841);
    animation: fall-2 17s -19s linear infinite;
}

@keyframes fall-2 {
    72.239% {
        transform: translate(18.7508vw, 72.239vh) scale(0.2841);
    }

    to {
        transform: translate(23.4464vw, 100vh) scale(0.2841);
    }
}

.snow:nth-child(3) {
    opacity: 0.7461;
    transform: translate(71.8067vw, -10px) scale(0.0678);
    animation: fall-3 18s -12s linear infinite;
}

@keyframes fall-3 {
    72.685% {
        transform: translate(66.7267vw, 72.685vh) scale(0.0678);
    }

    to {
        transform: translate(69.2667vw, 100vh) scale(0.0678);
    }
}

.snow:nth-child(4) {
    opacity: 0.1915;
    transform: translate(7.7113vw, -10px) scale(0.7266);
    animation: fall-4 26s -21s linear infinite;
}

@keyframes fall-4 {
    57.469% {
        transform: translate(17.5344vw, 57.469vh) scale(0.7266);
    }

    to {
        transform: translate(12.62285vw, 100vh) scale(0.7266);
    }
}

.snow:nth-child(5) {
    opacity: 0.7606;
    transform: translate(72.8988vw, -10px) scale(0.7373);
    animation: fall-5 10s -17s linear infinite;
}

@keyframes fall-5 {
    66.648% {
        transform: translate(65.8813vw, 66.648vh) scale(0.7373);
    }

    to {
        transform: translate(69.39005vw, 100vh) scale(0.7373);
    }
}

.snow:nth-child(6) {
    opacity: 0.184;
    transform: translate(11.4286vw, -10px) scale(0.6382);
    animation: fall-6 20s -21s linear infinite;
}

@keyframes fall-6 {
    48.799% {
        transform: translate(18.8291vw, 48.799vh) scale(0.6382);
    }

    to {
        transform: translate(15.12885vw, 100vh) scale(0.6382);
    }
}

.snow:nth-child(7) {
    opacity: 0.8944;
    transform: translate(73.3151vw, -10px) scale(0.4851);
    animation: fall-7 28s -20s linear infinite;
}

@keyframes fall-7 {
    65.955% {
        transform: translate(81.9378vw, 65.955vh) scale(0.4851);
    }

    to {
        transform: translate(77.62645vw, 100vh) scale(0.4851);
    }
}

.snow:nth-child(8) {
    opacity: 0.277;
    transform: translate(35.854vw, -10px) scale(0.8641);
    animation: fall-8 21s -23s linear infinite;
}

@keyframes fall-8 {
    32.952% {
        transform: translate(29.4583vw, 32.952vh) scale(0.8641);
    }

    to {
        transform: translate(32.65615vw, 100vh) scale(0.8641);
    }
}

.snow:nth-child(9) {
    opacity: 0.5272;
    transform: translate(72.8056vw, -10px) scale(0.4319);
    animation: fall-9 20s -28s linear infinite;
}

@keyframes fall-9 {
    49.593% {
        transform: translate(64.399vw, 49.593vh) scale(0.4319);
    }

    to {
        transform: translate(68.6023vw, 100vh) scale(0.4319);
    }
}

.snow:nth-child(10) {
    opacity: 0.1288;
    transform: translate(88.2865vw, -10px) scale(0.7757);
    animation: fall-10 16s -17s linear infinite;
}

@keyframes fall-10 {
    78.389% {
        transform: translate(92.2677vw, 78.389vh) scale(0.7757);
    }

    to {
        transform: translate(90.2771vw, 100vh) scale(0.7757);
    }
}

.snow:nth-child(11) {
    opacity: 0.1165;
    transform: translate(64.8195vw, -10px) scale(0.7531);
    animation: fall-11 28s -23s linear infinite;
}

@keyframes fall-11 {
    65.183% {
        transform: translate(74.6935vw, 65.183vh) scale(0.7531);
    }

    to {
        transform: translate(69.7565vw, 100vh) scale(0.7531);
    }
}

.snow:nth-child(12) {
    opacity: 0.8226;
    transform: translate(26.3551vw, -10px) scale(0.8003);
    animation: fall-12 24s -25s linear infinite;
}

@keyframes fall-12 {
    60.333% {
        transform: translate(33.8166vw, 60.333vh) scale(0.8003);
    }

    to {
        transform: translate(30.08585vw, 100vh) scale(0.8003);
    }
}

.snow:nth-child(13) {
    opacity: 0.3269;
    transform: translate(44.5905vw, -10px) scale(0.4483);
    animation: fall-13 28s -22s linear infinite;
}

@keyframes fall-13 {
    64.867% {
        transform: translate(45.2299vw, 64.867vh) scale(0.4483);
    }

    to {
        transform: translate(44.9102vw, 100vh) scale(0.4483);
    }
}

.snow:nth-child(14) {
    opacity: 0.8728;
    transform: translate(28.012vw, -10px) scale(0.7687);
    animation: fall-14 16s -3s linear infinite;
}

@keyframes fall-14 {
    31.767% {
        transform: translate(19.7074vw, 31.767vh) scale(0.7687);
    }

    to {
        transform: translate(23.8597vw, 100vh) scale(0.7687);
    }
}

.snow:nth-child(15) {
    opacity: 0.3803;
    transform: translate(45.8261vw, -10px) scale(0.4817);
    animation: fall-15 13s -24s linear infinite;
}

@keyframes fall-15 {
    66.316% {
        transform: translate(51.2017vw, 66.316vh) scale(0.4817);
    }

    to {
        transform: translate(48.5139vw, 100vh) scale(0.4817);
    }
}

.snow:nth-child(16) {
    opacity: 0.9788;
    transform: translate(21.6031vw, -10px) scale(0.1206);
    animation: fall-16 17s -15s linear infinite;
}

@keyframes fall-16 {
    66.39% {
        transform: translate(23.4808vw, 66.39vh) scale(0.1206);
    }

    to {
        transform: translate(22.54195vw, 100vh) scale(0.1206);
    }
}

.snow:nth-child(17) {
    opacity: 0.0621;
    transform: translate(45.0542vw, -10px) scale(0.0552);
    animation: fall-17 11s -20s linear infinite;
}

@keyframes fall-17 {
    45.751% {
        transform: translate(49.017vw, 45.751vh) scale(0.0552);
    }

    to {
        transform: translate(47.0356vw, 100vh) scale(0.0552);
    }
}

.snow:nth-child(18) {
    opacity: 0.4021;
    transform: translate(66.9482vw, -10px) scale(0.2936);
    animation: fall-18 26s -5s linear infinite;
}

@keyframes fall-18 {
    40.648% {
        transform: translate(71.7996vw, 40.648vh) scale(0.2936);
    }

    to {
        transform: translate(69.3739vw, 100vh) scale(0.2936);
    }
}

.snow:nth-child(19) {
    opacity: 0.3319;
    transform: translate(94.3722vw, -10px) scale(0.6298);
    animation: fall-19 11s -27s linear infinite;
}

@keyframes fall-19 {
    44.962% {
        transform: translate(93.3311vw, 44.962vh) scale(0.6298);
    }

    to {
        transform: translate(93.85165vw, 100vh) scale(0.6298);
    }
}

.snow:nth-child(20) {
    opacity: 0.7997;
    transform: translate(41.9214vw, -10px) scale(0.4421);
    animation: fall-20 27s -12s linear infinite;
}

@keyframes fall-20 {
    71.327% {
        transform: translate(37.1544vw, 71.327vh) scale(0.4421);
    }

    to {
        transform: translate(39.5379vw, 100vh) scale(0.4421);
    }
}

.snow:nth-child(21) {
    opacity: 0.7132;
    transform: translate(12.574vw, -10px) scale(0.0488);
    animation: fall-21 20s -25s linear infinite;
}

@keyframes fall-21 {
    35.742% {
        transform: translate(6.6229vw, 35.742vh) scale(0.0488);
    }

    to {
        transform: translate(9.59845vw, 100vh) scale(0.0488);
    }
}

.snow:nth-child(22) {
    opacity: 0.1564;
    transform: translate(82.0879vw, -10px) scale(0.7323);
    animation: fall-22 29s -11s linear infinite;
}

@keyframes fall-22 {
    54.257% {
        transform: translate(87.4461vw, 54.257vh) scale(0.7323);
    }

    to {
        transform: translate(84.767vw, 100vh) scale(0.7323);
    }
}

.snow:nth-child(23) {
    opacity: 0.4433;
    transform: translate(2.0184vw, -10px) scale(0.3476);
    animation: fall-23 28s -8s linear infinite;
}

@keyframes fall-23 {
    53.635% {
        transform: translate(4.3097vw, 53.635vh) scale(0.3476);
    }

    to {
        transform: translate(3.16405vw, 100vh) scale(0.3476);
    }
}

.snow:nth-child(24) {
    opacity: 0.829;
    transform: translate(84.3521vw, -10px) scale(0.3033);
    animation: fall-24 13s -18s linear infinite;
}

@keyframes fall-24 {
    61.444% {
        transform: translate(74.8118vw, 61.444vh) scale(0.3033);
    }

    to {
        transform: translate(79.58195vw, 100vh) scale(0.3033);
    }
}

.snow:nth-child(25) {
    opacity: 0.2342;
    transform: translate(74.7385vw, -10px) scale(0.0093);
    animation: fall-25 20s -7s linear infinite;
}

@keyframes fall-25 {
    71.136% {
        transform: translate(75.3068vw, 71.136vh) scale(0.0093);
    }

    to {
        transform: translate(75.02265vw, 100vh) scale(0.0093);
    }
}

.snow:nth-child(26) {
    opacity: 0.0172;
    transform: translate(89.4529vw, -10px) scale(0.6485);
    animation: fall-26 30s -18s linear infinite;
}

@keyframes fall-26 {
    67.721% {
        transform: translate(89.7944vw, 67.721vh) scale(0.6485);
    }

    to {
        transform: translate(89.62365vw, 100vh) scale(0.6485);
    }
}

.snow:nth-child(27) {
    opacity: 0.8893;
    transform: translate(64.7135vw, -10px) scale(0.9657);
    animation: fall-27 23s -18s linear infinite;
}

@keyframes fall-27 {
    69.584% {
        transform: translate(55.1372vw, 69.584vh) scale(0.9657);
    }

    to {
        transform: translate(59.92535vw, 100vh) scale(0.9657);
    }
}

.snow:nth-child(28) {
    opacity: 0.0844;
    transform: translate(50.343vw, -10px) scale(0.1063);
    animation: fall-28 29s -8s linear infinite;
}

@keyframes fall-28 {
    65.192% {
        transform: translate(59.7214vw, 65.192vh) scale(0.1063);
    }

    to {
        transform: translate(55.0322vw, 100vh) scale(0.1063);
    }
}

.snow:nth-child(29) {
    opacity: 0.5459;
    transform: translate(12.8388vw, -10px) scale(0.9169);
    animation: fall-29 14s -27s linear infinite;
}

@keyframes fall-29 {
    72.703% {
        transform: translate(19.9239vw, 72.703vh) scale(0.9169);
    }

    to {
        transform: translate(16.38135vw, 100vh) scale(0.9169);
    }
}

.snow:nth-child(30) {
    opacity: 0.5365;
    transform: translate(93.1423vw, -10px) scale(0.7612);
    animation: fall-30 12s -11s linear infinite;
}

@keyframes fall-30 {
    32.198% {
        transform: translate(87.0395vw, 32.198vh) scale(0.7612);
    }

    to {
        transform: translate(90.0909vw, 100vh) scale(0.7612);
    }
}

.snow:nth-child(31) {
    opacity: 0.7915;
    transform: translate(23.3679vw, -10px) scale(0.1832);
    animation: fall-31 28s -28s linear infinite;
}

@keyframes fall-31 {
    72.318% {
        transform: translate(28.4707vw, 72.318vh) scale(0.1832);
    }

    to {
        transform: translate(25.9193vw, 100vh) scale(0.1832);
    }
}

.snow:nth-child(32) {
    opacity: 0.5899;
    transform: translate(22.3444vw, -10px) scale(0.8678);
    animation: fall-32 12s -11s linear infinite;
}

@keyframes fall-32 {
    42.814% {
        transform: translate(31.5314vw, 42.814vh) scale(0.8678);
    }

    to {
        transform: translate(26.9379vw, 100vh) scale(0.8678);
    }
}

.snow:nth-child(33) {
    opacity: 0.0183;
    transform: translate(7.6522vw, -10px) scale(0.4228);
    animation: fall-33 17s -2s linear infinite;
}

@keyframes fall-33 {
    53.586% {
        transform: translate(9.8058vw, 53.586vh) scale(0.4228);
    }

    to {
        transform: translate(8.729vw, 100vh) scale(0.4228);
    }
}

.snow:nth-child(34) {
    opacity: 0.5268;
    transform: translate(32.4377vw, -10px) scale(0.1956);
    animation: fall-34 23s -1s linear infinite;
}

@keyframes fall-34 {
    65.194% {
        transform: translate(37.8223vw, 65.194vh) scale(0.1956);
    }

    to {
        transform: translate(35.13vw, 100vh) scale(0.1956);
    }
}

.snow:nth-child(35) {
    opacity: 0.1168;
    transform: translate(47.2126vw, -10px) scale(0.0799);
    animation: fall-35 10s -20s linear infinite;
}

@keyframes fall-35 {
    60.644% {
        transform: translate(44.795vw, 60.644vh) scale(0.0799);
    }

    to {
        transform: translate(46.0038vw, 100vh) scale(0.0799);
    }
}

.snow:nth-child(36) {
    opacity: 0.2714;
    transform: translate(51.7858vw, -10px) scale(0.3335);
    animation: fall-36 15s -4s linear infinite;
}

@keyframes fall-36 {
    52.844% {
        transform: translate(58.7505vw, 52.844vh) scale(0.3335);
    }

    to {
        transform: translate(55.26815vw, 100vh) scale(0.3335);
    }
}

.snow:nth-child(37) {
    opacity: 0.1748;
    transform: translate(31.8782vw, -10px) scale(0.5582);
    animation: fall-37 18s -4s linear infinite;
}

@keyframes fall-37 {
    36.281% {
        transform: translate(23.2659vw, 36.281vh) scale(0.5582);
    }

    to {
        transform: translate(27.57205vw, 100vh) scale(0.5582);
    }
}

.snow:nth-child(38) {
    opacity: 0.0075;
    transform: translate(15.8504vw, -10px) scale(0.4167);
    animation: fall-38 23s -15s linear infinite;
}

@keyframes fall-38 {
    51.354% {
        transform: translate(16.0227vw, 51.354vh) scale(0.4167);
    }

    to {
        transform: translate(15.93655vw, 100vh) scale(0.4167);
    }
}

.snow:nth-child(39) {
    opacity: 0.7662;
    transform: translate(65.13vw, -10px) scale(0.3033);
    animation: fall-39 26s -18s linear infinite;
}

@keyframes fall-39 {
    43.121% {
        transform: translate(67.499vw, 43.121vh) scale(0.3033);
    }

    to {
        transform: translate(66.3145vw, 100vh) scale(0.3033);
    }
}

.snow:nth-child(40) {
    opacity: 0.8113;
    transform: translate(14.917vw, -10px) scale(0.7529);
    animation: fall-40 26s -27s linear infinite;
}

@keyframes fall-40 {
    53.818% {
        transform: translate(7.3737vw, 53.818vh) scale(0.7529);
    }

    to {
        transform: translate(11.14535vw, 100vh) scale(0.7529);
    }
}

.snow:nth-child(41) {
    opacity: 0.0146;
    transform: translate(81.6512vw, -10px) scale(0.4295);
    animation: fall-41 17s -12s linear infinite;
}

@keyframes fall-41 {
    74.73% {
        transform: translate(83.4164vw, 74.73vh) scale(0.4295);
    }

    to {
        transform: translate(82.5338vw, 100vh) scale(0.4295);
    }
}

.snow:nth-child(42) {
    opacity: 0.4493;
    transform: translate(11.8298vw, -10px) scale(0.9461);
    animation: fall-42 21s -4s linear infinite;
}

@keyframes fall-42 {
    78.421% {
        transform: translate(15.3712vw, 78.421vh) scale(0.9461);
    }

    to {
        transform: translate(13.6005vw, 100vh) scale(0.9461);
    }
}

.snow:nth-child(43) {
    opacity: 0.0733;
    transform: translate(78.2068vw, -10px) scale(0.7528);
    animation: fall-43 12s -7s linear infinite;
}

@keyframes fall-43 {
    76.017% {
        transform: translate(70.9833vw, 76.017vh) scale(0.7528);
    }

    to {
        transform: translate(74.59505vw, 100vh) scale(0.7528);
    }
}

.snow:nth-child(44) {
    opacity: 0.9064;
    transform: translate(56.8135vw, -10px) scale(0.9581);
    animation: fall-44 27s -6s linear infinite;
}

@keyframes fall-44 {
    54.681% {
        transform: translate(49.3849vw, 54.681vh) scale(0.9581);
    }

    to {
        transform: translate(53.0992vw, 100vh) scale(0.9581);
    }
}

.snow:nth-child(45) {
    opacity: 0.3423;
    transform: translate(89.7705vw, -10px) scale(0.8733);
    animation: fall-45 12s -10s linear infinite;
}

@keyframes fall-45 {
    76.969% {
        transform: translate(89.5983vw, 76.969vh) scale(0.8733);
    }

    to {
        transform: translate(89.6844vw, 100vh) scale(0.8733);
    }
}

.snow:nth-child(46) {
    opacity: 0.3107;
    transform: translate(37.4876vw, -10px) scale(0.5149);
    animation: fall-46 27s -16s linear infinite;
}

@keyframes fall-46 {
    77.189% {
        transform: translate(32.9236vw, 77.189vh) scale(0.5149);
    }

    to {
        transform: translate(35.2056vw, 100vh) scale(0.5149);
    }
}

.snow:nth-child(47) {
    opacity: 0.7324;
    transform: translate(62.9347vw, -10px) scale(0.2237);
    animation: fall-47 16s -21s linear infinite;
}

@keyframes fall-47 {
    48.905% {
        transform: translate(57.8407vw, 48.905vh) scale(0.2237);
    }

    to {
        transform: translate(60.3877vw, 100vh) scale(0.2237);
    }
}

.snow:nth-child(48) {
    opacity: 0.7432;
    transform: translate(82.6992vw, -10px) scale(0.7027);
    animation: fall-48 13s -28s linear infinite;
}

@keyframes fall-48 {
    35.839% {
        transform: translate(87.9107vw, 35.839vh) scale(0.7027);
    }

    to {
        transform: translate(85.30495vw, 100vh) scale(0.7027);
    }
}

.snow:nth-child(49) {
    opacity: 0.7518;
    transform: translate(81.2095vw, -10px) scale(0.7721);
    animation: fall-49 17s -14s linear infinite;
}

@keyframes fall-49 {
    30.291% {
        transform: translate(87.7758vw, 30.291vh) scale(0.7721);
    }

    to {
        transform: translate(84.49265vw, 100vh) scale(0.7721);
    }
}

.snow:nth-child(50) {
    opacity: 0.6239;
    transform: translate(89.6787vw, -10px) scale(0.2635);
    animation: fall-50 15s -4s linear infinite;
}

@keyframes fall-50 {
    64.913% {
        transform: translate(95.7302vw, 64.913vh) scale(0.2635);
    }

    to {
        transform: translate(92.70445vw, 100vh) scale(0.2635);
    }
}

.snow:nth-child(51) {
    opacity: 0.6375;
    transform: translate(99.2218vw, -10px) scale(0.6694);
    animation: fall-51 12s -17s linear infinite;
}

@keyframes fall-51 {
    75.644% {
        transform: translate(93.1269vw, 75.644vh) scale(0.6694);
    }

    to {
        transform: translate(96.17435vw, 100vh) scale(0.6694);
    }
}

.snow:nth-child(52) {
    opacity: 0.4431;
    transform: translate(41.8098vw, -10px) scale(0.9603);
    animation: fall-52 24s -5s linear infinite;
}

@keyframes fall-52 {
    58.072% {
        transform: translate(34.4025vw, 58.072vh) scale(0.9603);
    }

    to {
        transform: translate(38.10615vw, 100vh) scale(0.9603);
    }
}

.snow:nth-child(53) {
    opacity: 0.0965;
    transform: translate(41.737vw, -10px) scale(0.3959);
    animation: fall-53 29s -15s linear infinite;
}

@keyframes fall-53 {
    31.086% {
        transform: translate(45.5677vw, 31.086vh) scale(0.3959);
    }

    to {
        transform: translate(43.65235vw, 100vh) scale(0.3959);
    }
}

.snow:nth-child(54) {
    opacity: 0.9147;
    transform: translate(29.2133vw, -10px) scale(0.6615);
    animation: fall-54 17s -19s linear infinite;
}

@keyframes fall-54 {
    61.685% {
        transform: translate(23.0411vw, 61.685vh) scale(0.6615);
    }

    to {
        transform: translate(26.1272vw, 100vh) scale(0.6615);
    }
}

.snow:nth-child(55) {
    opacity: 0.3198;
    transform: translate(42.8106vw, -10px) scale(0.7281);
    animation: fall-55 11s -29s linear infinite;
}

@keyframes fall-55 {
    64.161% {
        transform: translate(38.9108vw, 64.161vh) scale(0.7281);
    }

    to {
        transform: translate(40.8607vw, 100vh) scale(0.7281);
    }
}

.snow:nth-child(56) {
    opacity: 0.9178;
    transform: translate(71.3556vw, -10px) scale(0.4965);
    animation: fall-56 16s -26s linear infinite;
}

@keyframes fall-56 {
    39.98% {
        transform: translate(80.4951vw, 39.98vh) scale(0.4965);
    }

    to {
        transform: translate(75.92535vw, 100vh) scale(0.4965);
    }
}

.snow:nth-child(57) {
    opacity: 0.9428;
    transform: translate(56.5706vw, -10px) scale(0.9922);
    animation: fall-57 27s -16s linear infinite;
}

@keyframes fall-57 {
    35.499% {
        transform: translate(49.7207vw, 35.499vh) scale(0.9922);
    }

    to {
        transform: translate(53.14565vw, 100vh) scale(0.9922);
    }
}

.snow:nth-child(58) {
    opacity: 0.798;
    transform: translate(59.6567vw, -10px) scale(0.9752);
    animation: fall-58 20s -25s linear infinite;
}

@keyframes fall-58 {
    61.59% {
        transform: translate(51.7621vw, 61.59vh) scale(0.9752);
    }

    to {
        transform: translate(55.7094vw, 100vh) scale(0.9752);
    }
}

.snow:nth-child(59) {
    opacity: 0.6751;
    transform: translate(51.5288vw, -10px) scale(0.5114);
    animation: fall-59 18s -10s linear infinite;
}

@keyframes fall-59 {
    60.159% {
        transform: translate(55.8583vw, 60.159vh) scale(0.5114);
    }

    to {
        transform: translate(53.69355vw, 100vh) scale(0.5114);
    }
}

.snow:nth-child(60) {
    opacity: 0.7438;
    transform: translate(35.7468vw, -10px) scale(0.7307);
    animation: fall-60 14s -13s linear infinite;
}

@keyframes fall-60 {
    64.017% {
        transform: translate(43.8663vw, 64.017vh) scale(0.7307);
    }

    to {
        transform: translate(39.80655vw, 100vh) scale(0.7307);
    }
}

.snow:nth-child(61) {
    opacity: 0.9792;
    transform: translate(66.3641vw, -10px) scale(0.7193);
    animation: fall-61 27s -5s linear infinite;
}

@keyframes fall-61 {
    41.586% {
        transform: translate(56.5919vw, 41.586vh) scale(0.7193);
    }

    to {
        transform: translate(61.478vw, 100vh) scale(0.7193);
    }
}

.snow:nth-child(62) {
    opacity: 0.1498;
    transform: translate(51.3271vw, -10px) scale(0.9711);
    animation: fall-62 15s -4s linear infinite;
}

@keyframes fall-62 {
    69.221% {
        transform: translate(51.9814vw, 69.221vh) scale(0.9711);
    }

    to {
        transform: translate(51.65425vw, 100vh) scale(0.9711);
    }
}

.snow:nth-child(63) {
    opacity: 0.3981;
    transform: translate(57.4833vw, -10px) scale(0.6382);
    animation: fall-63 25s -24s linear infinite;
}

@keyframes fall-63 {
    57.133% {
        transform: translate(62.9209vw, 57.133vh) scale(0.6382);
    }

    to {
        transform: translate(60.2021vw, 100vh) scale(0.6382);
    }
}

.snow:nth-child(64) {
    opacity: 0.4517;
    transform: translate(34.6004vw, -10px) scale(0.7667);
    animation: fall-64 10s -1s linear infinite;
}

@keyframes fall-64 {
    47.779% {
        transform: translate(41.2777vw, 47.779vh) scale(0.7667);
    }

    to {
        transform: translate(37.93905vw, 100vh) scale(0.7667);
    }
}

.snow:nth-child(65) {
    opacity: 0.8878;
    transform: translate(1.39vw, -10px) scale(0.9695);
    animation: fall-65 15s -13s linear infinite;
}

@keyframes fall-65 {
    47.904% {
        transform: translate(0.8662vw, 47.904vh) scale(0.9695);
    }

    to {
        transform: translate(1.1281vw, 100vh) scale(0.9695);
    }
}

.snow:nth-child(66) {
    opacity: 0.5955;
    transform: translate(48.4645vw, -10px) scale(0.162);
    animation: fall-66 22s -26s linear infinite;
}

@keyframes fall-66 {
    35.085% {
        transform: translate(54.3077vw, 35.085vh) scale(0.162);
    }

    to {
        transform: translate(51.3861vw, 100vh) scale(0.162);
    }
}

.snow:nth-child(67) {
    opacity: 0.3705;
    transform: translate(97.133vw, -10px) scale(0.8659);
    animation: fall-67 28s -1s linear infinite;
}

@keyframes fall-67 {
    69.277% {
        transform: translate(88.6454vw, 69.277vh) scale(0.8659);
    }

    to {
        transform: translate(92.8892vw, 100vh) scale(0.8659);
    }
}

.snow:nth-child(68) {
    opacity: 0.5877;
    transform: translate(59.5692vw, -10px) scale(0.6809);
    animation: fall-68 20s -6s linear infinite;
}

@keyframes fall-68 {
    64.898% {
        transform: translate(50.0621vw, 64.898vh) scale(0.6809);
    }

    to {
        transform: translate(54.81565vw, 100vh) scale(0.6809);
    }
}

.snow:nth-child(69) {
    opacity: 0.1353;
    transform: translate(30.1315vw, -10px) scale(0.3638);
    animation: fall-69 12s -20s linear infinite;
}

@keyframes fall-69 {
    74.642% {
        transform: translate(26.4071vw, 74.642vh) scale(0.3638);
    }

    to {
        transform: translate(28.2693vw, 100vh) scale(0.3638);
    }
}

.snow:nth-child(70) {
    opacity: 0.6856;
    transform: translate(50.0505vw, -10px) scale(0.1016);
    animation: fall-70 30s -18s linear infinite;
}

@keyframes fall-70 {
    64.638% {
        transform: translate(41.7124vw, 64.638vh) scale(0.1016);
    }

    to {
        transform: translate(45.88145vw, 100vh) scale(0.1016);
    }
}

.snow:nth-child(71) {
    opacity: 0.5477;
    transform: translate(46.5349vw, -10px) scale(0.6758);
    animation: fall-71 11s -21s linear infinite;
}

@keyframes fall-71 {
    30.819% {
        transform: translate(47.2841vw, 30.819vh) scale(0.6758);
    }

    to {
        transform: translate(46.9095vw, 100vh) scale(0.6758);
    }
}

.snow:nth-child(72) {
    opacity: 0.6563;
    transform: translate(56.6797vw, -10px) scale(0.0586);
    animation: fall-72 29s -12s linear infinite;
}

@keyframes fall-72 {
    49.28% {
        transform: translate(51.7824vw, 49.28vh) scale(0.0586);
    }

    to {
        transform: translate(54.23105vw, 100vh) scale(0.0586);
    }
}

.snow:nth-child(73) {
    opacity: 0.1805;
    transform: translate(83.4793vw, -10px) scale(0.1486);
    animation: fall-73 23s -14s linear infinite;
}

@keyframes fall-73 {
    71.3% {
        transform: translate(84.229vw, 71.3vh) scale(0.1486);
    }

    to {
        transform: translate(83.85415vw, 100vh) scale(0.1486);
    }
}

.snow:nth-child(74) {
    opacity: 0.1319;
    transform: translate(46.2599vw, -10px) scale(0.4252);
    animation: fall-74 17s -24s linear infinite;
}

@keyframes fall-74 {
    71.44% {
        transform: translate(44.3826vw, 71.44vh) scale(0.4252);
    }

    to {
        transform: translate(45.32125vw, 100vh) scale(0.4252);
    }
}

.snow:nth-child(75) {
    opacity: 0.6976;
    transform: translate(62.168vw, -10px) scale(0.9103);
    animation: fall-75 23s -22s linear infinite;
}

@keyframes fall-75 {
    72.088% {
        transform: translate(63.4691vw, 72.088vh) scale(0.9103);
    }

    to {
        transform: translate(62.81855vw, 100vh) scale(0.9103);
    }
}

.snow:nth-child(76) {
    opacity: 0.6359;
    transform: translate(51.3183vw, -10px) scale(0.5221);
    animation: fall-76 25s -6s linear infinite;
}

@keyframes fall-76 {
    41.564% {
        transform: translate(60.08vw, 41.564vh) scale(0.5221);
    }

    to {
        transform: translate(55.69915vw, 100vh) scale(0.5221);
    }
}

.snow:nth-child(77) {
    opacity: 0.4465;
    transform: translate(71.703vw, -10px) scale(0.3621);
    animation: fall-77 21s -29s linear infinite;
}

@keyframes fall-77 {
    48.373% {
        transform: translate(73.8638vw, 48.373vh) scale(0.3621);
    }

    to {
        transform: translate(72.7834vw, 100vh) scale(0.3621);
    }
}

.snow:nth-child(78) {
    opacity: 0.5613;
    transform: translate(6.4512vw, -10px) scale(0.9591);
    animation: fall-78 10s -27s linear infinite;
}

@keyframes fall-78 {
    50.584% {
        transform: translate(0.0884vw, 50.584vh) scale(0.9591);
    }

    to {
        transform: translate(3.2698vw, 100vh) scale(0.9591);
    }
}

.snow:nth-child(79) {
    opacity: 0.5417;
    transform: translate(58.8895vw, -10px) scale(0.1388);
    animation: fall-79 30s -28s linear infinite;
}

@keyframes fall-79 {
    51.653% {
        transform: translate(59.7791vw, 51.653vh) scale(0.1388);
    }

    to {
        transform: translate(59.3343vw, 100vh) scale(0.1388);
    }
}

.snow:nth-child(80) {
    opacity: 0.4936;
    transform: translate(6.215vw, -10px) scale(0.0221);
    animation: fall-80 28s -22s linear infinite;
}

@keyframes fall-80 {
    63.404% {
        transform: translate(0.8998vw, 63.404vh) scale(0.0221);
    }

    to {
        transform: translate(3.5574vw, 100vh) scale(0.0221);
    }
}

.snow:nth-child(81) {
    opacity: 0.7057;
    transform: translate(71.1111vw, -10px) scale(0.7741);
    animation: fall-81 12s -19s linear infinite;
}

@keyframes fall-81 {
    51.465% {
        transform: translate(68.6116vw, 51.465vh) scale(0.7741);
    }

    to {
        transform: translate(69.86135vw, 100vh) scale(0.7741);
    }
}

.snow:nth-child(82) {
    opacity: 0.8674;
    transform: translate(42.1306vw, -10px) scale(0.7638);
    animation: fall-82 30s -1s linear infinite;
}

@keyframes fall-82 {
    77.978% {
        transform: translate(45.8608vw, 77.978vh) scale(0.7638);
    }

    to {
        transform: translate(43.9957vw, 100vh) scale(0.7638);
    }
}

.snow:nth-child(83) {
    opacity: 0.5738;
    transform: translate(77.8097vw, -10px) scale(0.1433);
    animation: fall-83 21s -26s linear infinite;
}

@keyframes fall-83 {
    37.129% {
        transform: translate(71.3206vw, 37.129vh) scale(0.1433);
    }

    to {
        transform: translate(74.56515vw, 100vh) scale(0.1433);
    }
}

.snow:nth-child(84) {
    opacity: 0.4992;
    transform: translate(64.0188vw, -10px) scale(0.7073);
    animation: fall-84 11s -6s linear infinite;
}

@keyframes fall-84 {
    33.717% {
        transform: translate(55.226vw, 33.717vh) scale(0.7073);
    }

    to {
        transform: translate(59.6224vw, 100vh) scale(0.7073);
    }
}

.snow:nth-child(85) {
    opacity: 0.4597;
    transform: translate(67.3325vw, -10px) scale(0.5843);
    animation: fall-85 25s -8s linear infinite;
}

@keyframes fall-85 {
    77.725% {
        transform: translate(58.941vw, 77.725vh) scale(0.5843);
    }

    to {
        transform: translate(63.13675vw, 100vh) scale(0.5843);
    }
}

.snow:nth-child(86) {
    opacity: 0.9853;
    transform: translate(65.1413vw, -10px) scale(0.4933);
    animation: fall-86 30s -15s linear infinite;
}

@keyframes fall-86 {
    43.94% {
        transform: translate(72.6405vw, 43.94vh) scale(0.4933);
    }

    to {
        transform: translate(68.8909vw, 100vh) scale(0.4933);
    }
}

.snow:nth-child(87) {
    opacity: 0.8951;
    transform: translate(46.5881vw, -10px) scale(0.6182);
    animation: fall-87 21s -22s linear infinite;
}

@keyframes fall-87 {
    74.416% {
        transform: translate(46.4846vw, 74.416vh) scale(0.6182);
    }

    to {
        transform: translate(46.53635vw, 100vh) scale(0.6182);
    }
}

.snow:nth-child(88) {
    opacity: 0.053;
    transform: translate(21.9071vw, -10px) scale(0.5525);
    animation: fall-88 21s -10s linear infinite;
}

@keyframes fall-88 {
    50.051% {
        transform: translate(19.6946vw, 50.051vh) scale(0.5525);
    }

    to {
        transform: translate(20.80085vw, 100vh) scale(0.5525);
    }
}

.snow:nth-child(89) {
    opacity: 0.7211;
    transform: translate(31.2492vw, -10px) scale(0.1544);
    animation: fall-89 27s -5s linear infinite;
}

@keyframes fall-89 {
    32.563% {
        transform: translate(24.8282vw, 32.563vh) scale(0.1544);
    }

    to {
        transform: translate(28.0387vw, 100vh) scale(0.1544);
    }
}

.snow:nth-child(90) {
    opacity: 0.547;
    transform: translate(93.6832vw, -10px) scale(0.2257);
    animation: fall-90 17s -7s linear infinite;
}

@keyframes fall-90 {
    47.535% {
        transform: translate(87.8098vw, 47.535vh) scale(0.2257);
    }

    to {
        transform: translate(90.7465vw, 100vh) scale(0.2257);
    }
}

.snow:nth-child(91) {
    opacity: 0.0223;
    transform: translate(65.2328vw, -10px) scale(0.21);
    animation: fall-91 30s -1s linear infinite;
}

@keyframes fall-91 {
    43.162% {
        transform: translate(56.5774vw, 43.162vh) scale(0.21);
    }

    to {
        transform: translate(60.9051vw, 100vh) scale(0.21);
    }
}

.snow:nth-child(92) {
    opacity: 0.5396;
    transform: translate(1.6712vw, -10px) scale(0.7652);
    animation: fall-92 25s -13s linear infinite;
}

@keyframes fall-92 {
    30.553% {
        transform: translate(1.687vw, 30.553vh) scale(0.7652);
    }

    to {
        transform: translate(1.6791vw, 100vh) scale(0.7652);
    }
}

.snow:nth-child(93) {
    opacity: 0.0578;
    transform: translate(42.9899vw, -10px) scale(0.3252);
    animation: fall-93 15s -17s linear infinite;
}

@keyframes fall-93 {
    54.044% {
        transform: translate(45.8686vw, 54.044vh) scale(0.3252);
    }

    to {
        transform: translate(44.42925vw, 100vh) scale(0.3252);
    }
}

.snow:nth-child(94) {
    opacity: 0.5392;
    transform: translate(47.704vw, -10px) scale(0.9532);
    animation: fall-94 14s -21s linear infinite;
}

@keyframes fall-94 {
    59.936% {
        transform: translate(43.5442vw, 59.936vh) scale(0.9532);
    }

    to {
        transform: translate(45.6241vw, 100vh) scale(0.9532);
    }
}

.snow:nth-child(95) {
    opacity: 0.2044;
    transform: translate(5.4682vw, -10px) scale(0.9022);
    animation: fall-95 13s -20s linear infinite;
}

@keyframes fall-95 {
    69.969% {
        transform: translate(13.2942vw, 69.969vh) scale(0.9022);
    }

    to {
        transform: translate(9.3812vw, 100vh) scale(0.9022);
    }
}

.snow:nth-child(96) {
    opacity: 0.042;
    transform: translate(61.7961vw, -10px) scale(0.6999);
    animation: fall-96 19s -26s linear infinite;
}

@keyframes fall-96 {
    60.334% {
        transform: translate(71.4404vw, 60.334vh) scale(0.6999);
    }

    to {
        transform: translate(66.61825vw, 100vh) scale(0.6999);
    }
}

.snow:nth-child(97) {
    opacity: 0.7488;
    transform: translate(40.7724vw, -10px) scale(0.928);
    animation: fall-97 24s -10s linear infinite;
}

@keyframes fall-97 {
    32.895% {
        transform: translate(41.7675vw, 32.895vh) scale(0.928);
    }

    to {
        transform: translate(41.26995vw, 100vh) scale(0.928);
    }
}

.snow:nth-child(98) {
    opacity: 0.1215;
    transform: translate(31.9258vw, -10px) scale(0.0311);
    animation: fall-98 20s -9s linear infinite;
}

@keyframes fall-98 {
    70.802% {
        transform: translate(28.3634vw, 70.802vh) scale(0.0311);
    }

    to {
        transform: translate(30.1446vw, 100vh) scale(0.0311);
    }
}

.snow:nth-child(99) {
    opacity: 0.2533;
    transform: translate(72.6573vw, -10px) scale(0.0714);
    animation: fall-99 24s -9s linear infinite;
}

@keyframes fall-99 {
    59.38% {
        transform: translate(79.7265vw, 59.38vh) scale(0.0714);
    }

    to {
        transform: translate(76.1919vw, 100vh) scale(0.0714);
    }
}

.snow:nth-child(100) {
    opacity: 0.0878;
    transform: translate(21.6301vw, -10px) scale(0.3914);
    animation: fall-100 10s -8s linear infinite;
}

@keyframes fall-100 {
    61.877% {
        transform: translate(22.5348vw, 61.877vh) scale(0.3914);
    }

    to {
        transform: translate(22.08245vw, 100vh) scale(0.3914);
    }
}

.snow:nth-child(101) {
    opacity: 0.2622;
    transform: translate(54.4186vw, -10px) scale(0.8084);
    animation: fall-101 18s -3s linear infinite;
}

@keyframes fall-101 {
    32.893% {
        transform: translate(52.275vw, 32.893vh) scale(0.8084);
    }

    to {
        transform: translate(53.3468vw, 100vh) scale(0.8084);
    }
}

.snow:nth-child(102) {
    opacity: 0.75;
    transform: translate(53.2914vw, -10px) scale(0.4236);
    animation: fall-102 19s -14s linear infinite;
}

@keyframes fall-102 {
    56.191% {
        transform: translate(61.5846vw, 56.191vh) scale(0.4236);
    }

    to {
        transform: translate(57.438vw, 100vh) scale(0.4236);
    }
}

.snow:nth-child(103) {
    opacity: 0.7654;
    transform: translate(78.2956vw, -10px) scale(0.4413);
    animation: fall-103 16s -28s linear infinite;
}

@keyframes fall-103 {
    57.531% {
        transform: translate(69.1665vw, 57.531vh) scale(0.4413);
    }

    to {
        transform: translate(73.73105vw, 100vh) scale(0.4413);
    }
}

.snow:nth-child(104) {
    opacity: 0.9882;
    transform: translate(40.3421vw, -10px) scale(0.2687);
    animation: fall-104 21s -7s linear infinite;
}

@keyframes fall-104 {
    34.346% {
        transform: translate(47.8613vw, 34.346vh) scale(0.2687);
    }

    to {
        transform: translate(44.1017vw, 100vh) scale(0.2687);
    }
}

.snow:nth-child(105) {
    opacity: 0.882;
    transform: translate(90.3011vw, -10px) scale(0.2164);
    animation: fall-105 13s -10s linear infinite;
}

@keyframes fall-105 {
    61.743% {
        transform: translate(99.9556vw, 61.743vh) scale(0.2164);
    }

    to {
        transform: translate(95.12835vw, 100vh) scale(0.2164);
    }
}

.snow:nth-child(106) {
    opacity: 0.8332;
    transform: translate(0.9638vw, -10px) scale(0.1927);
    animation: fall-106 14s -23s linear infinite;
}

@keyframes fall-106 {
    78.685% {
        transform: translate(8.4161vw, 78.685vh) scale(0.1927);
    }

    to {
        transform: translate(4.68995vw, 100vh) scale(0.1927);
    }
}

.snow:nth-child(107) {
    opacity: 0.4539;
    transform: translate(90.4495vw, -10px) scale(0.5401);
    animation: fall-107 17s -18s linear infinite;
}

@keyframes fall-107 {
    51.321% {
        transform: translate(92.9738vw, 51.321vh) scale(0.5401);
    }

    to {
        transform: translate(91.71165vw, 100vh) scale(0.5401);
    }
}

.snow:nth-child(108) {
    opacity: 0.6558;
    transform: translate(80.9281vw, -10px) scale(0.0818);
    animation: fall-108 14s -29s linear infinite;
}

@keyframes fall-108 {
    75.501% {
        transform: translate(86.3658vw, 75.501vh) scale(0.0818);
    }

    to {
        transform: translate(83.64695vw, 100vh) scale(0.0818);
    }
}

.snow:nth-child(109) {
    opacity: 0.5694;
    transform: translate(13.7297vw, -10px) scale(0.1997);
    animation: fall-109 15s -4s linear infinite;
}

@keyframes fall-109 {
    71.647% {
        transform: translate(7.7303vw, 71.647vh) scale(0.1997);
    }

    to {
        transform: translate(10.73vw, 100vh) scale(0.1997);
    }
}

.snow:nth-child(110) {
    opacity: 0.9456;
    transform: translate(67.9171vw, -10px) scale(0.4993);
    animation: fall-110 30s -17s linear infinite;
}

@keyframes fall-110 {
    54.704% {
        transform: translate(75.3791vw, 54.704vh) scale(0.4993);
    }

    to {
        transform: translate(71.6481vw, 100vh) scale(0.4993);
    }
}

.snow:nth-child(111) {
    opacity: 0.4313;
    transform: translate(29.171vw, -10px) scale(0.8235);
    animation: fall-111 18s -26s linear infinite;
}

@keyframes fall-111 {
    64.966% {
        transform: translate(30.9569vw, 64.966vh) scale(0.8235);
    }

    to {
        transform: translate(30.06395vw, 100vh) scale(0.8235);
    }
}

.snow:nth-child(112) {
    opacity: 0.5813;
    transform: translate(10.9614vw, -10px) scale(0.6094);
    animation: fall-112 20s -1s linear infinite;
}

@keyframes fall-112 {
    55.592% {
        transform: translate(12.6032vw, 55.592vh) scale(0.6094);

    }

    to {
        transform: translate(11.7823vw, 100vh) scale(0.6094);
    }
}

.snow:nth-child(113) {
    opacity: 0.9266;
    transform: translate(5.6636vw, -10px) scale(0.3412);
    animation: fall-113 28s -19s linear infinite;
}

@keyframes fall-113 {
    54.643% {
        transform: translate(-2.2682vw, 54.643vh) scale(0.3412);
    }

    to {
        transform: translate(1.6977vw, 100vh) scale(0.3412);
    }
}

.snow:nth-child(114) {
    opacity: 0.9838;
    transform: translate(97.3968vw, -10px) scale(0.5304);
    animation: fall-114 27s -24s linear infinite;
}

@keyframes fall-114 {
    70.788% {
        transform: translate(92.6542vw, 70.788vh) scale(0.5304);
    }

    to {
        transform: translate(95.0255vw, 100vh) scale(0.5304);
    }
}

.snow:nth-child(115) {
    opacity: 0.0789;
    transform: translate(42.0018vw, -10px) scale(0.9944);
    animation: fall-115 21s -12s linear infinite;
}

@keyframes fall-115 {
    65.596% {
        transform: translate(48.6355vw, 65.596vh) scale(0.9944);
    }

    to {
        transform: translate(45.31865vw, 100vh) scale(0.9944);
    }
}

.snow:nth-child(116) {
    opacity: 0.0427;
    transform: translate(72.8073vw, -10px) scale(0.8558);
    animation: fall-116 25s -17s linear infinite;
}

@keyframes fall-116 {
    61.84% {
        transform: translate(73.1044vw, 61.84vh) scale(0.8558);
    }

    to {
        transform: translate(72.95585vw, 100vh) scale(0.8558);
    }
}

.snow:nth-child(117) {
    opacity: 0.7406;
    transform: translate(37.1331vw, -10px) scale(0.2131);
    animation: fall-117 19s -24s linear infinite;
}

@keyframes fall-117 {
    61.076% {
        transform: translate(39.1181vw, 61.076vh) scale(0.2131);
    }

    to {
        transform: translate(38.1256vw, 100vh) scale(0.2131);
    }
}

.snow:nth-child(118) {
    opacity: 0.2221;
    transform: translate(52.2605vw, -10px) scale(0.2097);
    animation: fall-118 23s -8s linear infinite;
}

@keyframes fall-118 {
    53.212% {
        transform: translate(60.1144vw, 53.212vh) scale(0.2097);
    }

    to {
        transform: translate(56.18745vw, 100vh) scale(0.2097);
    }
}

.snow:nth-child(119) {
    opacity: 0.6337;
    transform: translate(60.7698vw, -10px) scale(0.0704);
    animation: fall-119 21s -3s linear infinite;
}

@keyframes fall-119 {
    78.836% {
        transform: translate(51.567vw, 78.836vh) scale(0.0704);
    }

    to {
        transform: translate(56.1684vw, 100vh) scale(0.0704);
    }
}

.snow:nth-child(120) {
    opacity: 0.8011;
    transform: translate(55.861vw, -10px) scale(0.1353);
    animation: fall-120 11s -8s linear infinite;
}

@keyframes fall-120 {
    54.225% {
        transform: translate(64.728vw, 54.225vh) scale(0.1353);
    }

    to {
        transform: translate(60.2945vw, 100vh) scale(0.1353);
    }
}

.snow:nth-child(121) {
    opacity: 0.7264;
    transform: translate(33.8329vw, -10px) scale(0.835);
    animation: fall-121 24s -22s linear infinite;
}

@keyframes fall-121 {
    67.445% {
        transform: translate(24.716vw, 67.445vh) scale(0.835);
    }

    to {
        transform: translate(29.27445vw, 100vh) scale(0.835);
    }
}

.snow:nth-child(122) {
    opacity: 0.7889;
    transform: translate(12.6405vw, -10px) scale(0.588);
    animation: fall-122 28s -13s linear infinite;
}

@keyframes fall-122 {
    48.607% {
        transform: translate(15.7218vw, 48.607vh) scale(0.588);
    }

    to {
        transform: translate(14.18115vw, 100vh) scale(0.588);
    }
}

.snow:nth-child(123) {
    opacity: 0.1168;
    transform: translate(3.3765vw, -10px) scale(0.2925);
    animation: fall-123 29s -5s linear infinite;
}

@keyframes fall-123 {
    76.554% {
        transform: translate(-5.3865vw, 76.554vh) scale(0.2925);
    }

    to {
        transform: translate(-1.005vw, 100vh) scale(0.2925);
    }
}

.snow:nth-child(124) {
    opacity: 0.9522;
    transform: translate(98.8934vw, -10px) scale(0.9766);
    animation: fall-124 21s -1s linear infinite;
}

@keyframes fall-124 {
    37.506% {
        transform: translate(99.6142vw, 37.506vh) scale(0.9766);
    }

    to {
        transform: translate(99.2538vw, 100vh) scale(0.9766);
    }
}

.snow:nth-child(125) {
    opacity: 0.8825;
    transform: translate(45.3583vw, -10px) scale(0.4932);
    animation: fall-125 20s -28s linear infinite;
}

@keyframes fall-125 {
    57.842% {
        transform: translate(44.7922vw, 57.842vh) scale(0.4932);
    }

    to {
        transform: translate(45.07525vw, 100vh) scale(0.4932);
    }
}

.snow:nth-child(126) {
    opacity: 0.655;
    transform: translate(76.0398vw, -10px) scale(0.3464);
    animation: fall-126 15s -30s linear infinite;
}

@keyframes fall-126 {
    52.977% {
        transform: translate(81.0434vw, 52.977vh) scale(0.3464);
    }

    to {
        transform: translate(78.5416vw, 100vh) scale(0.3464);
    }
}

.snow:nth-child(127) {
    opacity: 0.3493;
    transform: translate(39.0367vw, -10px) scale(0.3823);
    animation: fall-127 28s -16s linear infinite;
}

@keyframes fall-127 {
    65.213% {
        transform: translate(40.3733vw, 65.213vh) scale(0.3823);
    }

    to {
        transform: translate(39.705vw, 100vh) scale(0.3823);
    }
}

.snow:nth-child(128) {
    opacity: 0.6055;
    transform: translate(24.5353vw, -10px) scale(0.7763);
    animation: fall-128 28s -15s linear infinite;
}

@keyframes fall-128 {
    38.82% {
        transform: translate(20.1615vw, 38.82vh) scale(0.7763);
    }

    to {
        transform: translate(22.3484vw, 100vh) scale(0.7763);
    }
}

.snow:nth-child(129) {
    opacity: 0.9926;
    transform: translate(0.7432vw, -10px) scale(0.6729);
    animation: fall-129 29s -16s linear infinite;
}

@keyframes fall-129 {
    54.047% {
        transform: translate(5.8904vw, 54.047vh) scale(0.6729);
    }

    to {
        transform: translate(3.3168vw, 100vh) scale(0.6729);
    }
}

.snow:nth-child(130) {
    opacity: 0.2077;
    transform: translate(71.6343vw, -10px) scale(0.0219);
    animation: fall-130 22s -8s linear infinite;
}

@keyframes fall-130 {
    62.19% {
        transform: translate(70.2635vw, 62.19vh) scale(0.0219);
    }

    to {
        transform: translate(70.9489vw, 100vh) scale(0.0219);
    }
}

.snow:nth-child(131) {
    opacity: 0.8868;
    transform: translate(99.6163vw, -10px) scale(0.8995);
    animation: fall-131 23s -26s linear infinite;
}

@keyframes fall-131 {
    58.747% {
        transform: translate(105.5934vw, 58.747vh) scale(0.8995);
    }

    to {
        transform: translate(102.60485vw, 100vh) scale(0.8995);
    }
}

.snow:nth-child(132) {
    opacity: 0.3236;
    transform: translate(61.6751vw, -10px) scale(0.5561);
    animation: fall-132 30s -7s linear infinite;
}

@keyframes fall-132 {
    31.863% {
        transform: translate(70.8734vw, 31.863vh) scale(0.5561);
    }

    to {
        transform: translate(66.27425vw, 100vh) scale(0.5561);
    }
}

.snow:nth-child(133) {
    opacity: 0.42;
    transform: translate(42.4099vw, -10px) scale(0.699);
    animation: fall-133 30s -26s linear infinite;
}

@keyframes fall-133 {
    53.178% {
        transform: translate(44.1274vw, 53.178vh) scale(0.699);
    }

    to {
        transform: translate(43.26865vw, 100vh) scale(0.699);
    }
}

.snow:nth-child(134) {
    opacity: 0.3545;
    transform: translate(7.0445vw, -10px) scale(0.9738);
    animation: fall-134 23s -22s linear infinite;
}

@keyframes fall-134 {
    75.794% {
        transform: translate(14.4277vw, 75.794vh) scale(0.9738);
    }

    to {
        transform: translate(10.7361vw, 100vh) scale(0.9738);
    }
}

.snow:nth-child(135) {
    opacity: 0.5988;
    transform: translate(85.3446vw, -10px) scale(0.7138);
    animation: fall-135 10s -15s linear infinite;
}

@keyframes fall-135 {
    31.192% {
        transform: translate(94.5496vw, 31.192vh) scale(0.7138);
    }

    to {
        transform: translate(89.9471vw, 100vh) scale(0.7138);
    }
}

.snow:nth-child(136) {
    opacity: 0.8334;
    transform: translate(88.339vw, -10px) scale(0.9502);
    animation: fall-136 23s -4s linear infinite;
}

@keyframes fall-136 {
    30.123% {
        transform: translate(79.2266vw, 30.123vh) scale(0.9502);
    }

    to {
        transform: translate(83.7828vw, 100vh) scale(0.9502);
    }
}

.snow:nth-child(137) {
    opacity: 0.537;
    transform: translate(77.5996vw, -10px) scale(0.0091);
    animation: fall-137 28s -11s linear infinite;
}

@keyframes fall-137 {
    38.978% {
        transform: translate(82.0137vw, 38.978vh) scale(0.0091);
    }

    to {
        transform: translate(79.80665vw, 100vh) scale(0.0091);
    }
}

.snow:nth-child(138) {
    opacity: 0.264;
    transform: translate(12.5691vw, -10px) scale(0.3653);
    animation: fall-138 10s -28s linear infinite;
}

@keyframes fall-138 {
    33.775% {
        transform: translate(18.1497vw, 33.775vh) scale(0.3653);
    }

    to {
        transform: translate(15.3594vw, 100vh) scale(0.3653);
    }
}

.snow:nth-child(139) {
    opacity: 0.4548;
    transform: translate(99.8317vw, -10px) scale(0.271);
    animation: fall-139 10s -21s linear infinite;
}

@keyframes fall-139 {
    30.448% {
        transform: translate(105.6898vw, 30.448vh) scale(0.271);
    }

    to {
        transform: translate(102.76075vw, 100vh) scale(0.271);
    }
}

.snow:nth-child(140) {
    opacity: 0.9586;
    transform: translate(41.0979vw, -10px) scale(0.1233);
    animation: fall-140 22s -21s linear infinite;
}

@keyframes fall-140 {
    31.782% {
        transform: translate(41.5317vw, 31.782vh) scale(0.1233);
    }

    to {
        transform: translate(41.3148vw, 100vh) scale(0.1233);
    }
}

.snow:nth-child(141) {
    opacity: 0.0122;
    transform: translate(7.0346vw, -10px) scale(0.2118);
    animation: fall-141 12s -2s linear infinite;
}

@keyframes fall-141 {
    65.675% {
        transform: translate(-1.7964vw, 65.675vh) scale(0.2118);
    }

    to {
        transform: translate(2.6191vw, 100vh) scale(0.2118);
    }
}

.snow:nth-child(142) {
    opacity: 0.9397;
    transform: translate(80.682vw, -10px) scale(0.8657);
    animation: fall-142 17s -15s linear infinite;
}

@keyframes fall-142 {
    34.052% {
        transform: translate(83.1964vw, 34.052vh) scale(0.8657);
    }

    to {
        transform: translate(81.9392vw, 100vh) scale(0.8657);
    }
}

.snow:nth-child(143) {
    opacity: 0.4951;
    transform: translate(47.9846vw, -10px) scale(0.5796);
    animation: fall-143 14s -2s linear infinite;
}

@keyframes fall-143 {
    78.588% {
        transform: translate(56.8434vw, 78.588vh) scale(0.5796);
    }

    to {
        transform: translate(52.414vw, 100vh) scale(0.5796);
    }
}

.snow:nth-child(144) {
    opacity: 0.1795;
    transform: translate(23.7068vw, -10px) scale(0.5318);
    animation: fall-144 14s -10s linear infinite;
}

@keyframes fall-144 {
    46.593% {
        transform: translate(19.74vw, 46.593vh) scale(0.5318);
    }

    to {
        transform: translate(21.7234vw, 100vh) scale(0.5318);
    }
}

.snow:nth-child(145) {
    opacity: 0.0308;
    transform: translate(66.4517vw, -10px) scale(0.9144);
    animation: fall-145 28s -18s linear infinite;
}

@keyframes fall-145 {
    45.817% {
        transform: translate(57.2783vw, 45.817vh) scale(0.9144);
    }

    to {
        transform: translate(61.865vw, 100vh) scale(0.9144);
    }
}

.snow:nth-child(146) {
    opacity: 0.4563;
    transform: translate(76.7498vw, -10px) scale(0.0332);
    animation: fall-146 17s -22s linear infinite;
}

@keyframes fall-146 {
    34.848% {
        transform: translate(78.4103vw, 34.848vh) scale(0.0332);
    }

    to {
        transform: translate(77.58005vw, 100vh) scale(0.0332);
    }
}

.snow:nth-child(147) {
    opacity: 0.9304;
    transform: translate(74.06vw, -10px) scale(0.1875);
    animation: fall-147 28s -24s linear infinite;
}

@keyframes fall-147 {
    62.557% {
        transform: translate(77.6083vw, 62.557vh) scale(0.1875);
    }

    to {
        transform: translate(75.83415vw, 100vh) scale(0.1875);
    }
}

.snow:nth-child(148) {
    opacity: 0.1966;
    transform: translate(99.6421vw, -10px) scale(0.3369);
    animation: fall-148 20s -9s linear infinite;
}

@keyframes fall-148 {
    37.284% {
        transform: translate(107.1034vw, 37.284vh) scale(0.3369);
    }

    to {
        transform: translate(103.37275vw, 100vh) scale(0.3369);
    }
}

.snow:nth-child(149) {
    opacity: 0.6838;
    transform: translate(70.9443vw, -10px) scale(0.6799);
    animation: fall-149 22s -15s linear infinite;
}

@keyframes fall-149 {
    50.027% {
        transform: translate(61.9581vw, 50.027vh) scale(0.6799);
    }

    to {
        transform: translate(66.4512vw, 100vh) scale(0.6799);
    }
}

.snow:nth-child(150) {
    opacity: 0.6322;
    transform: translate(30.9861vw, -10px) scale(0.3065);
    animation: fall-150 23s -18s linear infinite;
}

@keyframes fall-150 {
    74.183% {
        transform: translate(32.7905vw, 74.183vh) scale(0.3065);
    }

    to {
        transform: translate(31.8883vw, 100vh) scale(0.3065);
    }
}

.snow:nth-child(151) {
    opacity: 0.0739;
    transform: translate(4.1222vw, -10px) scale(0.8268);
    animation: fall-151 15s -10s linear infinite;
}

@keyframes fall-151 {
    58.392% {
        transform: translate(2.4185vw, 58.392vh) scale(0.8268);
    }

    to {
        transform: translate(3.27035vw, 100vh) scale(0.8268);
    }
}

.snow:nth-child(152) {
    opacity: 0.7482;
    transform: translate(67.9568vw, -10px) scale(0.1156);
    animation: fall-152 28s -24s linear infinite;
}

@keyframes fall-152 {
    76.209% {
        transform: translate(69.7112vw, 76.209vh) scale(0.1156);
    }

    to {
        transform: translate(68.834vw, 100vh) scale(0.1156);
    }
}

.snow:nth-child(153) {
    opacity: 0.857;
    transform: translate(72.3192vw, -10px) scale(0.4188);
    animation: fall-153 22s -24s linear infinite;
}

@keyframes fall-153 {
    45.686% {
        transform: translate(74.9928vw, 45.686vh) scale(0.4188);
    }

    to {
        transform: translate(73.656vw, 100vh) scale(0.4188);
    }
}

.snow:nth-child(154) {
    opacity: 0.4934;
    transform: translate(75.5587vw, -10px) scale(0.6851);
    animation: fall-154 22s -12s linear infinite;
}

@keyframes fall-154 {
    76.305% {
        transform: translate(83.1395vw, 76.305vh) scale(0.6851);
    }

    to {
        transform: translate(79.3491vw, 100vh) scale(0.6851);
    }
}

.snow:nth-child(155) {
    opacity: 0.5848;
    transform: translate(16.8661vw, -10px) scale(0.0529);
    animation: fall-155 24s -15s linear infinite;
}

@keyframes fall-155 {
    69.153% {
        transform: translate(12.5216vw, 69.153vh) scale(0.0529);
    }

    to {
        transform: translate(14.69385vw, 100vh) scale(0.0529);
    }
}

.snow:nth-child(156) {
    opacity: 0.6782;
    transform: translate(32.6859vw, -10px) scale(0.259);
    animation: fall-156 24s -3s linear infinite;
}

@keyframes fall-156 {
    50.449% {
        transform: translate(37.6176vw, 50.449vh) scale(0.259);
    }

    to {
        transform: translate(35.15175vw, 100vh) scale(0.259);
    }
}

.snow:nth-child(157) {
    opacity: 0.9372;
    transform: translate(12.2892vw, -10px) scale(0.4427);
    animation: fall-157 30s -5s linear infinite;
}

@keyframes fall-157 {
    38.784% {
        transform: translate(7.5832vw, 38.784vh) scale(0.4427);
    }

    to {
        transform: translate(9.9362vw, 100vh) scale(0.4427);
    }
}

.snow:nth-child(158) {
    opacity: 0.9271;
    transform: translate(14.452vw, -10px) scale(0.5036);
    animation: fall-158 24s -28s linear infinite;
}

@keyframes fall-158 {
    30.109% {
        transform: translate(5.822vw, 30.109vh) scale(0.5036);
    }

    to {
        transform: translate(10.137vw, 100vh) scale(0.5036);
    }
}

.snow:nth-child(159) {
    opacity: 0.5495;
    transform: translate(75.6372vw, -10px) scale(0.1261);
    animation: fall-159 24s -24s linear infinite;
}

@keyframes fall-159 {
    53.979% {
        transform: translate(69.6805vw, 53.979vh) scale(0.1261);
    }

    to {
        transform: translate(72.65885vw, 100vh) scale(0.1261);
    }
}

.snow:nth-child(160) {
    opacity: 0.5892;
    transform: translate(50.1508vw, -10px) scale(0.1021);
    animation: fall-160 14s -11s linear infinite;
}

@keyframes fall-160 {
    54.965% {
        transform: translate(54.3048vw, 54.965vh) scale(0.1021);
    }

    to {
        transform: translate(52.2278vw, 100vh) scale(0.1021);
    }
}

.snow:nth-child(161) {
    opacity: 0.1206;
    transform: translate(59.3989vw, -10px) scale(0.4108);
    animation: fall-161 19s -30s linear infinite;
}

@keyframes fall-161 {
    33.431% {
        transform: translate(62.9689vw, 33.431vh) scale(0.4108);
    }

    to {
        transform: translate(61.1839vw, 100vh) scale(0.4108);
    }
}

.snow:nth-child(162) {
    opacity: 0.2804;
    transform: translate(65.4748vw, -10px) scale(0.195);
    animation: fall-162 30s -21s linear infinite;
}

@keyframes fall-162 {
    42.44% {
        transform: translate(64.1241vw, 42.44vh) scale(0.195);
    }

    to {
        transform: translate(64.79945vw, 100vh) scale(0.195);
    }
}

.snow:nth-child(163) {
    opacity: 0.2865;
    transform: translate(82.3609vw, -10px) scale(0.8238);
    animation: fall-163 26s -4s linear infinite;
}

@keyframes fall-163 {
    66.155% {
        transform: translate(86.4035vw, 66.155vh) scale(0.8238);
    }

    to {
        transform: translate(84.3822vw, 100vh) scale(0.8238);
    }
}

.snow:nth-child(164) {
    opacity: 0.3033;
    transform: translate(10.3431vw, -10px) scale(0.3263);
    animation: fall-164 11s -13s linear infinite;
}

@keyframes fall-164 {
    31% {
        transform: translate(10.9309vw, 31vh) scale(0.3263);
    }

    to {
        transform: translate(10.637vw, 100vh) scale(0.3263);
    }
}

.snow:nth-child(165) {
    opacity: 0.186;
    transform: translate(72.2079vw, -10px) scale(0.7009);
    animation: fall-165 21s -18s linear infinite;
}

@keyframes fall-165 {
    69.025% {
        transform: translate(69.8358vw, 69.025vh) scale(0.7009);
    }

    to {
        transform: translate(71.02185vw, 100vh) scale(0.7009);
    }
}

.snow:nth-child(166) {
    opacity: 0.6759;
    transform: translate(25.7691vw, -10px) scale(0.3589);
    animation: fall-166 15s -8s linear infinite;
}

@keyframes fall-166 {
    51.417% {
        transform: translate(16.8621vw, 51.417vh) scale(0.3589);
    }

    to {
        transform: translate(21.3156vw, 100vh) scale(0.3589);
    }
}

.snow:nth-child(167) {
    opacity: 0.0252;
    transform: translate(61.0077vw, -10px) scale(0.3998);
    animation: fall-167 18s -16s linear infinite;
}

@keyframes fall-167 {
    61.14% {
        transform: translate(53.3249vw, 61.14vh) scale(0.3998);
    }

    to {
        transform: translate(57.1663vw, 100vh) scale(0.3998);
    }
}

.snow:nth-child(168) {
    opacity: 0.8718;
    transform: translate(6.0508vw, -10px) scale(0.0079);
    animation: fall-168 13s -18s linear infinite;
}

@keyframes fall-168 {
    73.782% {
        transform: translate(11.1406vw, 73.782vh) scale(0.0079);
    }

    to {
        transform: translate(8.5957vw, 100vh) scale(0.0079);
    }
}

.snow:nth-child(169) {
    opacity: 0.1633;
    transform: translate(50.2981vw, -10px) scale(0.0866);
    animation: fall-169 11s -8s linear infinite;
}

@keyframes fall-169 {
    43.638% {
        transform: translate(54.6103vw, 43.638vh) scale(0.0866);
    }

    to {
        transform: translate(52.4542vw, 100vh) scale(0.0866);
    }
}

.snow:nth-child(170) {
    opacity: 0.1959;
    transform: translate(40.9002vw, -10px) scale(0.7994);
    animation: fall-170 24s -26s linear infinite;
}

@keyframes fall-170 {
    57.708% {
        transform: translate(34.0824vw, 57.708vh) scale(0.7994);
    }

    to {
        transform: translate(37.4913vw, 100vh) scale(0.7994);
    }
}

.snow:nth-child(171) {
    opacity: 0.4946;
    transform: translate(30.869vw, -10px) scale(0.4145);
    animation: fall-171 20s -3s linear infinite;
}

@keyframes fall-171 {
    52.248% {
        transform: translate(26.9871vw, 52.248vh) scale(0.4145);
    }

    to {
        transform: translate(28.92805vw, 100vh) scale(0.4145);
    }
}

.snow:nth-child(172) {
    opacity: 0.0724;
    transform: translate(7.7288vw, -10px) scale(0.2083);
    animation: fall-172 10s -6s linear infinite;
}

@keyframes fall-172 {
    74.574% {
        transform: translate(14.5263vw, 74.574vh) scale(0.2083);
    }

    to {
        transform: translate(11.12755vw, 100vh) scale(0.2083);
    }
}

.snow:nth-child(173) {
    opacity: 0.4594;
    transform: translate(8.1092vw, -10px) scale(0.4608);
    animation: fall-173 13s -19s linear infinite;
}

@keyframes fall-173 {
    75.513% {
        transform: translate(5.351vw, 75.513vh) scale(0.4608);
    }

    to {
        transform: translate(6.7301vw, 100vh) scale(0.4608);
    }
}

.snow:nth-child(174) {
    opacity: 0.9876;
    transform: translate(17.2967vw, -10px) scale(0.9819);
    animation: fall-174 12s -2s linear infinite;
}

@keyframes fall-174 {
    58.493% {
        transform: translate(12.5082vw, 58.493vh) scale(0.9819);
    }

    to {
        transform: translate(14.90245vw, 100vh) scale(0.9819);
    }
}

.snow:nth-child(175) {
    opacity: 0.6188;
    transform: translate(57.6765vw, -10px) scale(0.7927);
    animation: fall-175 29s -15s linear infinite;
}

@keyframes fall-175 {
    54.597% {
        transform: translate(52.7976vw, 54.597vh) scale(0.7927);
    }

    to {
        transform: translate(55.23705vw, 100vh) scale(0.7927);
    }
}

.snow:nth-child(176) {
    opacity: 0.271;
    transform: translate(50.0167vw, -10px) scale(0.3887);
    animation: fall-176 14s -15s linear infinite;
}

@keyframes fall-176 {
    58.838% {
        transform: translate(51.2926vw, 58.838vh) scale(0.3887);
    }

    to {
        transform: translate(50.65465vw, 100vh) scale(0.3887);
    }
}

.snow:nth-child(177) {
    opacity: 0.8159;
    transform: translate(77.211vw, -10px) scale(0.5861);
    animation: fall-177 11s -4s linear infinite;
}

@keyframes fall-177 {
    41.298% {
        transform: translate(86.9781vw, 41.298vh) scale(0.5861);
    }

    to {
        transform: translate(82.09455vw, 100vh) scale(0.5861);
    }
}

.snow:nth-child(178) {
    opacity: 0.7503;
    transform: translate(54.5902vw, -10px) scale(0.8177);
    animation: fall-178 18s -16s linear infinite;
}

@keyframes fall-178 {
    56.138% {
        transform: translate(53.2689vw, 56.138vh) scale(0.8177);
    }

    to {
        transform: translate(53.92955vw, 100vh) scale(0.8177);
    }
}

.snow:nth-child(179) {
    opacity: 0.6021;
    transform: translate(94.3478vw, -10px) scale(0.2287);
    animation: fall-179 19s -24s linear infinite;
}

@keyframes fall-179 {
    44.967% {
        transform: translate(100.2962vw, 44.967vh) scale(0.2287);
    }

    to {
        transform: translate(97.322vw, 100vh) scale(0.2287);
    }
}

.snow:nth-child(180) {
    opacity: 0.2102;
    transform: translate(95.7586vw, -10px) scale(0.4111);
    animation: fall-180 26s -18s linear infinite;
}

@keyframes fall-180 {
    51.847% {
        transform: translate(96.1954vw, 51.847vh) scale(0.4111);
    }

    to {
        transform: translate(95.977vw, 100vh) scale(0.4111);
    }
}

.snow:nth-child(181) {
    opacity: 0.9176;
    transform: translate(88.7889vw, -10px) scale(0.9496);
    animation: fall-181 16s -15s linear infinite;
}

@keyframes fall-181 {
    32.756% {
        transform: translate(80.4785vw, 32.756vh) scale(0.9496);
    }

    to {
        transform: translate(84.6337vw, 100vh) scale(0.9496);
    }
}

.snow:nth-child(182) {
    opacity: 0.4165;
    transform: translate(86.4001vw, -10px) scale(0.7884);
    animation: fall-182 23s -9s linear infinite;
}

@keyframes fall-182 {
    45.329% {
        transform: translate(92.7601vw, 45.329vh) scale(0.7884);
    }

    to {
        transform: translate(89.5801vw, 100vh) scale(0.7884);
    }
}

.snow:nth-child(183) {
    opacity: 0.503;
    transform: translate(7.0591vw, -10px) scale(0.5431);
    animation: fall-183 21s -19s linear infinite;
}

@keyframes fall-183 {
    60.3% {
        transform: translate(-2.1373vw, 60.3vh) scale(0.5431);
    }

    to {
        transform: translate(2.4609vw, 100vh) scale(0.5431);
    }
}

.snow:nth-child(184) {
    opacity: 0.453;
    transform: translate(84.6681vw, -10px) scale(0.0901);
    animation: fall-184 20s -13s linear infinite;
}

@keyframes fall-184 {
    53.405% {
        transform: translate(78.3233vw, 53.405vh) scale(0.0901);
    }

    to {
        transform: translate(81.4957vw, 100vh) scale(0.0901);
    }
}

.snow:nth-child(185) {
    opacity: 0.9185;
    transform: translate(32.4691vw, -10px) scale(0.8271);
    animation: fall-185 19s -2s linear infinite;
}

@keyframes fall-185 {
    30.467% {
        transform: translate(28.8113vw, 30.467vh) scale(0.8271);
    }

    to {
        transform: translate(30.6402vw, 100vh) scale(0.8271);
    }
}

.snow:nth-child(186) {
    opacity: 0.7764;
    transform: translate(53.5146vw, -10px) scale(0.3369);
    animation: fall-186 20s -26s linear infinite;
}

@keyframes fall-186 {
    62.173% {
        transform: translate(48.3657vw, 62.173vh) scale(0.3369);
    }

    to {
        transform: translate(50.94015vw, 100vh) scale(0.3369);
    }
}

.snow:nth-child(187) {
    opacity: 0.5707;
    transform: translate(19.4257vw, -10px) scale(0.8678);
    animation: fall-187 13s -15s linear infinite;
}

@keyframes fall-187 {
    77.561% {
        transform: translate(24.9567vw, 77.561vh) scale(0.8678);
    }

    to {
        transform: translate(22.1912vw, 100vh) scale(0.8678);
    }
}

.snow:nth-child(188) {
    opacity: 0.2783;
    transform: translate(10.1786vw, -10px) scale(0.4443);
    animation: fall-188 20s -16s linear infinite;
}

@keyframes fall-188 {
    64.28% {
        transform: translate(9.7623vw, 64.28vh) scale(0.4443);
    }

    to {
        transform: translate(9.97045vw, 100vh) scale(0.4443);
    }
}

.snow:nth-child(189) {
    opacity: 0.0954;
    transform: translate(32.1995vw, -10px) scale(0.7991);
    animation: fall-189 28s -6s linear infinite;
}

@keyframes fall-189 {
    77.816% {
        transform: translate(41.3821vw, 77.816vh) scale(0.7991);
    }

    to {
        transform: translate(36.7908vw, 100vh) scale(0.7991);
    }
}

.snow:nth-child(190) {
    opacity: 0.9911;
    transform: translate(34.2546vw, -10px) scale(0.1032);
    animation: fall-190 19s -22s linear infinite;
}

@keyframes fall-190 {
    37.867% {
        transform: translate(40.4963vw, 37.867vh) scale(0.1032);
    }

    to {
        transform: translate(37.37545vw, 100vh) scale(0.1032);
    }
}

.snow:nth-child(191) {
    opacity: 0.9195;
    transform: translate(27.0002vw, -10px) scale(0.3739);
    animation: fall-191 11s -14s linear infinite;
}

@keyframes fall-191 {
    52.872% {
        transform: translate(19.8935vw, 52.872vh) scale(0.3739);
    }

    to {
        transform: translate(23.44685vw, 100vh) scale(0.3739);
    }
}

.snow:nth-child(192) {
    opacity: 0.2973;
    transform: translate(18.2602vw, -10px) scale(0.661);
    animation: fall-192 10s -2s linear infinite;
}

@keyframes fall-192 {
    73.463% {
        transform: translate(22.095vw, 73.463vh) scale(0.661);
    }

    to {
        transform: translate(20.1776vw, 100vh) scale(0.661);
    }
}

.snow:nth-child(193) {
    opacity: 0.1324;
    transform: translate(35.1675vw, -10px) scale(0.235);
    animation: fall-193 10s -17s linear infinite;
}

@keyframes fall-193 {
    49.167% {
        transform: translate(39.9383vw, 49.167vh) scale(0.235);
    }

    to {
        transform: translate(37.5529vw, 100vh) scale(0.235);
    }
}

.snow:nth-child(194) {
    opacity: 0.2209;
    transform: translate(13.7892vw, -10px) scale(0.3246);
    animation: fall-194 14s -18s linear infinite;
}

@keyframes fall-194 {
    45.902% {
        transform: translate(16.4859vw, 45.902vh) scale(0.3246);
    }

    to {
        transform: translate(15.13755vw, 100vh) scale(0.3246);
    }
}

.snow:nth-child(195) {
    opacity: 0.4081;
    transform: translate(33.3337vw, -10px) scale(0.3833);
    animation: fall-195 19s -8s linear infinite;
}

@keyframes fall-195 {
    63.947% {
        transform: translate(27.9363vw, 63.947vh) scale(0.3833);
    }

    to {
        transform: translate(30.635vw, 100vh) scale(0.3833);
    }
}

.snow:nth-child(196) {
    opacity: 0.4995;
    transform: translate(96.2161vw, -10px) scale(0.0207);
    animation: fall-196 14s -6s linear infinite;
}

@keyframes fall-196 {
    36.461% {
        transform: translate(98.8973vw, 36.461vh) scale(0.0207);
    }

    to {
        transform: translate(97.5567vw, 100vh) scale(0.0207);
    }
}

.snow:nth-child(197) {
    opacity: 0.5055;
    transform: translate(27.2328vw, -10px) scale(0.3962);
    animation: fall-197 12s -12s linear infinite;
}

@keyframes fall-197 {
    77.819% {
        transform: translate(31.9825vw, 77.819vh) scale(0.3962);
    }

    to {
        transform: translate(29.60765vw, 100vh) scale(0.3962);
    }
}

.snow:nth-child(198) {
    opacity: 0.2605;
    transform: translate(38.6388vw, -10px) scale(0.9246);
    animation: fall-198 28s -13s linear infinite;
}

@keyframes fall-198 {
    49.901% {
        transform: translate(38.9811vw, 49.901vh) scale(0.9246);
    }

    to {
        transform: translate(38.80995vw, 100vh) scale(0.9246);
    }
}

.snow:nth-child(199) {
    opacity: 0.6312;
    transform: translate(56.9168vw, -10px) scale(0.4069);
    animation: fall-199 20s -14s linear infinite;
}

@keyframes fall-199 {
    52.257% {
        transform: translate(64vw, 52.257vh) scale(0.4069);
    }

    to {
        transform: translate(60.4584vw, 100vh) scale(0.4069);
    }
}

.snow:nth-child(200) {
    opacity: 0.8451;
    transform: translate(31.1249vw, -10px) scale(0.9366);
    animation: fall-200 25s -21s linear infinite;
}

@keyframes fall-200 {
    72.595% {
        transform: translate(35.9783vw, 72.595vh) scale(0.9366);
    }

    to {
        transform: translate(33.5516vw, 100vh) scale(0.9366);
    }
}






.Nuni {
    font-family: Nunito, sans-serif
}

.alfa-slab {
    font-family: Poppins, sans-serif
}

.pop {
    font-family: Poppins, sans-serif
}

.prettyprint {
    color: #fff;
    background: red;
    width: 100%;
    padding: 10px;
    display: block;
    font-size: 12px;
    border-radius: 10px
}

.error {
    font-size: 14px;
    color: red;
    clear: both;
    display: block
}

body {
    font-family: Poppins, sans-serif
}

.mt-40 {
    margin-top: 40px
}

.mt-50 {
    margin-top: 50px
}

.mt-60 {
    margin-top: 60px
}

.mt-120 {
    margin-top: 120px
}

.mt-80 {
    margin-top: 80px
}

.mb-20 {
    margin-bottom: 20px
}

.mb-30 {
    margin-bottom: 30px
}

.mb-40 {
    margin-bottom: 40px
}

.mb-50 {
    margin-bottom: 50px
}

.mb-60 {
    margin-bottom: 60px
}

.sdft {
    padding: 0
}

.mt-10 {
    margin-top: 10px
}

.mt-20 {
    margin-top: 20px
}

.mt-30 {
    margin-top: 30px
}

#scroll {
    position: fixed;
    right: 15px;
    bottom: 150px;
    cursor: pointer;
    width: 44px;
    height: 44px;
    background: #123958;
    border: 0;
    border: 2px solid #fff;
    text-indent: -9999px;
    display: none;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
    z-index: 99999
}

#scroll span {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -8px;
    margin-top: -12px;
    height: 0;
    width: 0;
    border: 8px solid transparent;
    border-bottom-color: #fff
}

#scroll:hover {
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)"
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Sanchez, serif;
    font-weight: 600
}

p {
    font-family: Poppins, sans-serif;
    font-weight: 500
}

.ab-wrapper-description-cls .des-para .small-text-custom {
    margin-top: 0 !important;
    font-size: 21px !important;
    font-weight: 600 !important;
    letter-spacing: 0
}

header .main-header {
    position: absolute;
    top: 0;
    padding: 30px 0 0 0;
    z-index: 999;
    width: 100%
}

header .header-tabs {
    position: relative;
    top: 10px
}

header .header-tabs nav {
    display: block;
    text-align: right;
    padding: 0 92px 0 0
}

header .header-tabs nav ul li {
    display: inline-block
}

header .header-tabs nav ul li a {
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    padding: 0 20px 29px 20px;
    font-weight: 600;
    letter-spacing: 1px
}

header .header-social-links {
    float: right;
    display: inline-block;
    position: relative;
    top: 6px
}

header .header-social-links ul li {
    display: inline-block
}

header .header-social-links ul li a {
    color: #123958;
    padding: 0 13px;
    font-size: 25px
}

.fullscreen-toggle-cls .menu-two-custom ul li .fa {
    display: none !important
}

.fullscreen-toggle-cls .menu-two-custom ul li a {
    font-size: 41px !important;
    font-weight: 800
}

.open-toggle {
    font-size: 26px;
    color: #fff;
    float: right;
    background: #000;
    width: 42px;
    border-radius: 0;
    position: relative;
    top: -30px;
    line-height: 41px;
    border: 1px solid #fff;
    background: #123958;
    background: -moz-linear-gradient(45deg, #123958 0, #2e6e78 100%);
    background: -webkit-linear-gradient(45deg, #123958 0, #2e6e78 100%);
    background: linear-gradient(45deg, #123958 0, #2e6e78 100%)
}

.bottom-links-toggle .link-tog {
    position: absolute;
    background: #123958;
    bottom: 0;
    width: 100%;
    left: 0;
    right: 0;
    background: #123958;
    background: -moz-linear-gradient(45deg, #123958 0, #2e6e78 100%);
    background: -webkit-linear-gradient(45deg, #123958 0, #2e6e78 100%);
    background: linear-gradient(45deg, #123958 0, #2e6e78 100%)
}

.bottom-links-toggle .link-tog ul li {
    display: inline-block
}

.bottom-links-toggle .link-tog ul li a {
    color: #fff !important;
    font-size: 16px;
    text-transform: capitalize;
    padding: 14px 24px
}

.main-custom-toggle-al-pg {
    float: left;
    width: 100%;
    padding: 0 125px
}

.fullscreen-toggle-cls .closebtn {
    background: #123958;
    color: #fff;
    height: 41px;
    width: 41px;
    line-height: 25px;
    border-radius: 50px;
    font-size: 28px !important;
    background: #123958;
    background: -moz-linear-gradient(45deg, #123958 0, #2e6e78 100%);
    background: -webkit-linear-gradient(45deg, #123958 0, #2e6e78 100%);
    background: linear-gradient(45deg, #123958 0, #2e6e78 100%)
}

.fullscreen-toggle-cls .overlay-content ul li .fa {
    color: #dadada;
    font-size: 17px;
    display: inline-block
}

.fullscreen-toggle-cls .overlay-content ul li a {
    color: #dadada;
    text-transform: capitalize;
    display: inline-block;
    font-size: 17px
}

.fullscreen-menu-one {
    text-align: left
}

.fullscreen-menu-one h3 {
    color: #f5f5f5;
    font-size: 21px;
    text-transform: uppercase;
    font-weight: 500
}

.overlay-fullscreen {
    height: 0%;
    width: 100%;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #000;
    background-color: rgba(0, 0, 0, .9);
    overflow-y: hidden;
    transition: .5s
}

.overlay-content {
    margin-top: 100px;
    width: 100%;
    text-align: center
}

.overlay-fullscreen a {
    padding: 8px;
    text-decoration: none;
    font-size: 36px;
    color: #818181;
    display: block;
    transition: .3s
}

.overlay-fullscreen a:focus,
.overlay-fullscreen a:hover {
    color: #f1f1f1
}

.overlay-fullscreen .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px
}

.carr a {
    background: #123958;
    background: -moz-linear-gradient(45deg, #123958 0, #2e6e78 100%);
    background: -webkit-linear-gradient(45deg, #123958 0, #2e6e78 100%);
    background: linear-gradient(45deg, #123958 0, #2e6e78 100%);
    display: inline-block;
    padding: 7px 45px;
    font-size: 16px;
    color: #fff;
    border-radius: 50px;
    border: 1px solid #fff
}
.radios-12c12{}
              .radios-12c12 .comment-form__input-box{      border: 2px solid #dce4ea;
    text-align: center;
    padding: 16px;
    margin: 0 0 20px 0;
    border-radius: 0px;}
              .radios-12c12 .comment-form__input-box label{    font-weight: 600;
    color: #00294b;
    font-size: 20px;}
              .radios-12c12 .comment-form__input-box .radios-12c{margin: 6px 0 0 0;}
              .radios-12c12 .comment-form__input-box .radios-12c label{font-size: 14px;
    margin: 0 10px;
    font-weight: 200;
    color: #333;}
              .radios-12c12 .comment-form__input-box .radios-12c label input{    margin: 4px 8px 0 0px;
    position: absolute;
    left: 0;}
@media screen and (max-height:450px) {
    .overlay-fullscreen {
        overflow-y: auto
    }

    .overlay-fullscreen a {
        font-size: 20px
    }

    .overlay-fullscreen .closebtn {
        font-size: 40px;
        top: 15px;
        right: 35px
    }
}

.nav-down .main-header {
    background: #202020;
    padding: 21px 20px 0 6px;
    background: #123958;
    background: -moz-linear-gradient(45deg, #123958 0, #2e6e78 100%);
    background: -webkit-linear-gradient(45deg, #123958 0, #2e6e78 100%);
    background: linear-gradient(45deg, #123958 0, #2e6e78 100%)
}

.toggle-nav h2 {
    float: left;
    color: #fff;
    font-size: 30px;
    padding: 16px;
    padding-left: 60px
}

.toggle-nav ul li {
    display: inline-block
}

.toggle-nav ul li a {
    color: #fff;
    display: block;
    padding: 0 15px;
    line-height: 50px;
    font-size: 20px;
    transition: .5s
}

.toggle-nav ul li a.active,
.toggle-nav ul li a:hover {
    color: #23dbdb
}

.toggle-nav ul ul {
    position: absolute;
    top: 85px;
    border-top: 3px solid #fffefe;
    opacity: 0;
    visibility: hidden
}

.toggle-nav ul li:hover > ul {
    top: 70px;
    opacity: 1;
    visibility: visible;
    transition: .3s linear
}

.toggle-nav ul ul li {
    width: 195px;
    display: block !important;
    position: relative;
    border: 1px solid #dc312b;
    border-top: none
}

.toggle-nav ul ul li a {
    line-height: 50px;
    background: #123958;
    padding-bottom: 0 !important
}

.toggle-nav ul ul ul {
    border-top: none
}

.toggle-nav ul ul ul li {
    position: relative;
    top: -70px;
    left: 165px
}

header {
    background: 0 0;
    z-index: 999;
    position: fixed;
    top: 0;
    transition: top .2s ease-in-out;
    width: 100%;
    text-align: center;
    box-shadow: 0 8px 52px 6px rgba(88, 90, 88, .1)
}

.nav-up {
    top: -150px
}

.space {
    padding: 0
}

.banner-social-links {
    position: absolute;
    right: 20px
}

.banner-social-links ul {
    text-align: right;
    position: relative;
    top: 50px
}

.banner-social-links ul li {
    display: block;
    padding: 0 0 14px 0
}

.banner-social-links ul li a {
    background: 0 0;
    color: #fff;
    display: inline-block;
    width: 40px;
    border-radius: 50px;
    height: 40px;
    text-align: center;
    font-size: 17px;
    line-height: 35px;
    border: 3px solid #fff
}

.banner {
    margin: 63px 0 0 0
}

.banner .main-home-banner .banner-lft-cls {
    background: #202020;
    height: 100%;
    width: 100%;
    min-height: 700px
}

.banner .main-home-banner .image-grid #owl-demo13 .item figure {
    min-height: 700px;
    position: relative
}

.overlay-main {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(90deg, rgb(4 4 4 / 92%) 0, rgb(0 0 0 / 60%) 35%, rgb(25 25 25 / 45%) 100%)
}

.inner-pg-heading {
    padding: 0 20px 0 35px;
    top: 230px;
    position: absolute;
    z-index: 99
}

.inner-pg-heading h2 {
    font-size: 32px;
    line-height: 35px;
    margin-top: 0;
    color: #fff;
    letter-spacing: 1.5px;
    font-family: Sanchez, serif;
    font-weight: 600;
    text-transform: capitalize;
    text-shadow: 3px 3px 1px #313131
}

.para-title-heading-cls-main {
    font-size: 32px !important;
    line-height: 35px !important;
    margin-top: 0 !important;
    color: #fff;
    letter-spacing: 1.5px;
    font-family: Sanchez, serif;
    font-weight: 600;
    text-transform: capitalize
}

.banner-text {
    position: absolute;
    z-index: 99;
    padding: 0 20px 0 93px;
    top: 250px;
    width: 100%
}

.banner-text .text-grid {
    display: inline-block;
    float: left;
    width: 100%
}

.banner-text .text-grid h1 {
    color: #fff;
    font-size: 65px;
    line-height: 77px;
    font-family: Poppins, sans-serif;
    font-weight: 700
}

.banner-text .text-grid p {
    color: #fff;
    line-height: 34px;
    margin-bottom: 37px;
    text-shadow: 3px 3px 1px #3a3a3a;
    font-size: 20px
}

.black-cls-btn {
    text-align: center
}

.black-cls-btn a {
    background: #123958 !important
}

.read-btn a {
    color: #fff;
    padding: 11px 63px;
    font-weight: 600;
    display: inline-block;
    text-transform: uppercase;
    border-radius: 50px;
    font-size: 15px;
    border: 1px solid #fff;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    background: #123958;
    background: -moz-linear-gradient(45deg, #123958 0, #2e6e78 100%);
    background: -webkit-linear-gradient(45deg, #123958 0, #2e6e78 100%);
    background: linear-gradient(45deg, #123958 0, #2e6e78 100%)
}

.sl-wrapper .sl-counter {
    display: none !important
}

.read-btn a::before {
    content: "";
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    background: -webkit-gradient(linear, left top, right top, from(#123958), to(#123958));
    background: linear-gradient(90deg, #123958, #123958);
    border-radius: 40px;
    opacity: 0;
    -webkit-transition: all .6s ease;
    transition: all .6s ease
}

.read-btn a:hover::before {
    opacity: 1
}

.read-btn a::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
    width: 14px;
    height: 11px;
    margin-top: -6px;
    display: block;
    background: url(images/icon-arrow-dark.svg) no-repeat 50% 50%;
    background-size: 100% auto;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    opacity: 0;
    pointer-events: none
}

.read-btn a:hover {
    -webkit-box-shadow: 0 10px 15px rgb(0 0 0 / 20%);
    box-shadow: 0 10px 15px rgb(0 0 0 / 20%)
}

.read-btn a span {
    position: relative;
    z-index: 1
}

.banner-text .text-grid .border-line {
    margin: 27px 0
}

.web-reason {
    float: left;
    width: 100%;
    position: relative;
    z-index: 9
}

.web-reason .main-wrapper .one-web {
    padding: 50px 23px
}

.web-reason .main-wrapper .bg-cl:nth-child(2) h2,
.web-reason .main-wrapper .bg-cl:nth-child(2) h5,
.web-reason .main-wrapper .bg-cl:nth-child(2) p {
    color: #fff
}

.web-reason .main-wrapper .one-web h2 {
    font-size: 27px;
    font-weight: 600;
    color: #232323
}

.web-reason .main-wrapper .one-web h5 {
    font-size: 19px;
    margin-top: 19px;
    font-style: italic
}

.web-reason .main-wrapper .one-web p {
    font-size: 15px;
    color: #4e4e4e;
    margin-bottom: 15px;
    line-height: 25px
}

.about-area {
    background: #fff;
    float: left;
    width: 100%
}

.about-area .main-about .sd {
    padding-left: 0;
    padding-right: 0
}

.about-area .main-about .ab-img {
    position: relative;
    z-index: 9
}

.about-area .main-about .ab-img img {
    width: 100%
}

.about-area .main-about .ab-txt-cls {
    padding: 40px
}

.about-area .main-about .ab-txt-cls h2 {
    font-size: 35px;
    line-height: 45px;
    margin-bottom: 22px;
    font-weight: 700
}

.about-area .main-about .ab-txt-cls h3 {
    margin: 8px 0
}

.about-area .main-about .ab-txt-cls p {
    color: #4e4e4e;
    font-size: 15px;
    margin-bottom: 11px;
    line-height: 26px
}

.about-inner-custom-icon-circle {
    position: relative
}

.about-inner-custom-icon-circle::before {
    content: '';
    background-image: url(../images/circle.png);
    background-repeat: no-repeat;
    height: 273px;
    width: 113px;
    position: absolute;
    right: 0;
    opacity: .4;
    bottom: -56px
}

.web-des-pg-btn-jwb {
    position: relative;
    z-index: 9;
    top: 72px
}

.top-spacer-60 {
    padding-top: 60px
}

.bottom-spacer-60 {
    padding-bottom: 60px !important
}

.top-spacer-50 {
    padding-top: 50px
}

.bottom-spacer-50 {
    padding-bottom: 50px
}

.grey-text {
    color: #262626 !important
}

.white-text {
    color: #eaeaea !important
}

.white-color-text li {
    color: #e1e1e1 !important
}

.green-color {
    color: #2d6b76
}

.about-inner-custom-icon-circle::after {
    content: '';
    background-image: url(../images/circle2.png);
    background-repeat: no-repeat;
    height: 355px;
    width: 364px;
    position: absolute;
    opacity: .2;
    top: -64px;
    left: -93px
}

.about-area .read-btn {
    margin: 10px 0 0 40px;
    display: inline-block
}

.portfolio {
    background: #123958;
    float: left;
    padding: 50px 65px 70px 65px;
    width: 100%;
    background: #123958;
    background: -moz-linear-gradient(45deg, #123958 0, #2e6e78 100%);
    background: -webkit-linear-gradient(45deg, #123958 0, #2e6e78 100%);
    background: linear-gradient(45deg, #123958 0, #2e6e78 100%)
}

.main-title {
    text-align: center
}

.main-title h2 {
    color: #fff;
    font-size: 35px;
    font-weight: 700
}

.box10.no-hover:after,
.box10.no-hover:before {
    border: none !important;
}

.portfolio .portfolio-img .port-se .box10 {
    border-top-left-radius: 25px;
    border-bottom-right-radius: 25px
}

.portfolio .portfolio-img .port-se {
    position: relative;
    margin-bottom: 45px
}

.portfolio .portfolio-img .port-se::before {
    content: '';
    background: -webkit-linear-gradient(45deg, #123958 0, #2e6e78 100%);
    background: linear-gradient(45deg, #123958 0, #2e6e78 100%);
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    border-radius: 0;
    top: -12px;
    border-top-left-radius: 25px;
    border-bottom-right-radius: 25px;
    right: -11px
}

.portfolio .portfolio-img {
    margin: 50px 0 0 0
}

.portfolio .portfolio-img .inner-port {
    float: left;
    width: 100%;
    margin: 0 0 25px 0
}

.portfolio .portfolio-img .port-inn-lf {
    margin: 0 4px 0 0
}

.portfolio .portfolio-img .port-inn-lf img {
    width: 100%
}

.pf {
    padding: 0
}

.spc {
    padding: 0
}

.portfolio .port-ry-img {
    margin: 0 4px 8px 4px
}

.portfolio .port-ry-img img {
    width: 100%
}

.tm {
    padding: 0
}

.main-work-area {
    text-align: center;
    padding: 30px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    display: flex;
    border-bottom: 2px solid #123958
}

.main-work-area h1 {
    margin: 0 35px 0 0
}

.work-area h1 {
    font-size: 30px;
    margin-top: 0;
    font-weight: 900;
    margin: 0 35px 0 0
}

.work-area .read-btn {
    margin: 0
}

.services .main-service .service-heading {
    background: #202020;
    padding: 64px;
    min-height: 612px;
    justify-content: center;
    align-items: center;
    display: flex;
    background: #123958;
    background: -moz-linear-gradient(45deg, #123958 0, #2e6e78 100%);
    background: -webkit-linear-gradient(45deg, #123958 0, #2e6e78 100%);
    background: linear-gradient(45deg, #123958 0, #2e6e78 100%)
}

.title-service h2 {
    margin-top: 0;
    color: #fff;
    font-size: 35px;
    font-weight: 900
}

.services .main-service .service-heading h5 {
    font-size: 19px;
    margin-top: 19px;
    font-style: italic;
    color: #fff;
    line-height: 27px
}

.services .service-txt .col-md-6 {
    border-left: 1px solid #ededed;
    border-top: 1px solid #ededed
}

.services .service-txt .service-innon {
    padding: 60px 34px
}

.services .service-txt .service-innon h2 {
    margin-top: 0;
    font-size: 30px;
    text-transform: capitalize;
    font-weight: 700
}

.services .service-txt .service-innon h5 {
    font-size: 19px;
    margin-top: 19px;
    font-style: italic
}

.services .service-txt .service-innon p {
    color: #4e4e4e;
    font-size: 15px;
    margin-top: 15px;
    margin-bottom: 11px;
    line-height: 25px
}

.services .service-txt .service-innon .explore-link a {
    text-transform: uppercase;
    font-size: 15px;
    color: #123958;
    font-weight: 700
}

.services .service-txt .service-innon .explore-link img {
    padding: 0 0 0 6px
}

@-webkit-keyframes blinker {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.blink {
    text-decoration: blink;
    -webkit-animation-name: blinker;
    -webkit-animation-duration: .5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-direction: alternate
}

.amaz-web h3 {
    font-size: 20px;
    text-align: center;
    color: #123958;
    font-weight: 600
}

.line-success .line-success-inner {
    background: #f6f6f6;
    float: left;
    width: 100%;
    padding: 75px 63px
}

.line-success .line-success-inner h1 {
    text-align: center;
    font-size: 35px;
    font-weight: 700;
    margin-top: 0;
    max-width: 840px;
    width: 100%;
    margin: auto;
    line-height: 46px
}

.line-success .line-success-inner .clients-area {
    margin: 46px 0 0 0
}

.line-success .line-success-inner .clients-area .client-inner {
    background: #262626;
    text-align: center;
    display: block;
    border-radius: 6px;
    box-shadow: -6px 7px 9px -3px #e4e2e2;
    padding: 40px 15px
}

.line-success .line-success-inner .clients-area .client-inner:hover .para-title-heading-cls-main {
    color: #fff !important
}

#footer .footer-title-dbf-nw-sd {
    font-size: 26px !important
}

.footer-address-grids .para-title-heading-cls-main {
    font-size: 17px !important
}

.line-success .line-success-inner .clients-area .client-inner .client-img {
    background: #123958;
    width: 104px;
    height: 100px;
    border-radius: 50%;
    margin: auto;
    padding-top: 22px;
    background: #123958;
    background: -moz-linear-gradient(45deg, #123958 0, #2e6e78 100%);
    background: -webkit-linear-gradient(45deg, #123958 0, #2e6e78 100%);
    background: linear-gradient(45deg, #123958 0, #2e6e78 100%)
}

.client-txt {
    margin-top: 30px
}

.digi-team-enuiry-popup-dd {
    color: #fff !important;
    border-bottom: 1px solid #c9c9c9;
    padding-bottom: 5px
}

.line-success .line-success-inner .clients-area .client-inner .client-txt h5 {
    font-size: 26px;
    color: #123958;
    font-weight: 600;
    margin: 15px 0 10px 0
}

.line-success .line-success-inner .clients-area .client-inner:hover h5 {
    color: #fff !important
}

.line-success .line-success-inner .clients-area .client-inner .client-txt p {
    margin-bottom: 8px;
    font-size: 19px;
    font-style: italic
}

footer .main-footer {
    background: #202020;
    float: left;
    width: 100%;
    padding: 80px 50px 15px !important;
}

footer .main-footer .footer-inn .footer-logo {
    margin: 10px 0 0 0
}

footer .main-footer .footer-inn .footer-txt-cls p {
    color: #ededed;
    font-size: 13px;
    line-height: 24px;
    margin: 24px 0 0 0
}

footer .main-footer .footer-inn .social-footer {
    margin: 20px 0 0 0
}

footer .main-footer .footer-inn .social-footer ul li {
    display: inline-block;
    margin: 0 6px 0 0
}

footer .main-footer .footer-inn .social-footer ul li a {
    width: 32px;
    display: inline-block;
    height: 32px;
    border-radius: 5px;
    text-align: center;
    line-height: 34px;
    font-size: 17px;
    color: #fff
}

footer .main-footer .footer-inn .social-footer ul li .fa {
    display: inline-block;
    width: 34px;
    height: 34px;
    border-radius: 5px;
    text-align: center;
    line-height: 34px;
    font-size: 17px;
    color: #fff;
    font-weight: 300
}

footer .main-footer .footer-links h3 {
    margin-top: 0;
    color: #fff;
    font-size: 27px;
    font-weight: 700
}

footer .main-footer .footer-links ul li {
    line-height: 30px;
    text-transform: capitalize
}

footer .main-footer .footer-links ul li a {
    color: #ededed
}

footer .main-footer .footer-links ul li .fa {
    color: #ededed;
    font-size: 16px;
    padding: 0 7px 0 0
}

.copyright-footer {
    clear: both;
    margin: 35px 0 0 0;
    float: left;
    width: 100%
}

.copyright-footer p {
    color: #fff;
    text-align: center;
    margin-bottom: 0;
    font-size: 15px
}

.footer-address-grids {
    margin: 38px 0 0 0
}

.footer-address-grids .add1 {
    padding: 20px;
    min-height: 103px;
    border-radius: 2px
}

.footer-address-grids .tm:nth-child(2) .add1 {
    background: #123958;
    background: -moz-linear-gradient(45deg, #123958 0, #2e6e78 100%);
    background: -webkit-linear-gradient(45deg, #123958 0, #2e6e78 100%);
    background: linear-gradient(45deg, #123958 0, #2e6e78 100%)
}

.footer-address-grids .add1 .icon {
    display: inline-block;
    float: left
}

.footer-address-grids .add1 .icon .fa {
    color: #fff;
    background: #71717159;
    width: 40px;
    height: 39px;
    border-radius: 50px;
    text-align: center;
    line-height: 42px;
    font-size: 20px;
    position: relative;
    top: -3px
}

.footer-address-grids .add1 .add-txt {
    padding: 0 0 0 50px
}

.footer-address-grids .add1 .add-txt h4 {
    color: #fff;
    font-size: 14px;
    margin-top: 0;
    margin-bottom: 5px;
    display: block
}

.footer-address-grids .add1 .add-txt p {
    color: #efefef;
    font-size: 14px;
    margin-bottom: 0
}

.web-reason .main-wrapper .bg-cl:hover h2 {
    color: #fff
}

.web-reason .main-wrapper .bg-cl:hover p {
    color: #fff
}

.hvr-shutter-in-vertical {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    background: #2098d1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-shutter-in-vertical:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #f2f1f1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-shutter-in-vertical:active,
.hvr-shutter-in-vertical:focus,
.hvr-shutter-in-vertical:hover {
    color: #fff
}

.hvr-shutter-in-vertical:active:before,
.hvr-shutter-in-vertical:focus:before,
.hvr-shutter-in-vertical:hover:before {
    -webkit-transform: scaleY(0);
    transform: scaleY(0)
}

.hvr-shutter-in-vertical2 {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    background: #2098d1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-shutter-in-vertical2:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    background: #123958;
    background: -moz-linear-gradient(45deg, #123958 0, #2e6e78 100%);
    background: -webkit-linear-gradient(45deg, #123958 0, #2e6e78 100%);
    background: linear-gradient(45deg, #123958 0, #2e6e78 100%)
}

.hvr-shutter-in-vertical2:active,
.hvr-shutter-in-vertical2:focus,
.hvr-shutter-in-vertical2:hover {
    color: #fff
}

.hvr-shutter-in-vertical2:active:before,
.hvr-shutter-in-vertical2:focus:before,
.hvr-shutter-in-vertical2:hover:before {
    -webkit-transform: scaleY(0);
    transform: scaleY(0)
}

.hvr-shutter-in-vertical3 {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    background: #2098d1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-shutter-in-vertical3:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-shutter-in-vertical3:active,
.hvr-shutter-in-vertical3:focus,
.hvr-shutter-in-vertical3:hover {
    color: #fff
}

.hvr-shutter-in-vertical3:active:before,
.hvr-shutter-in-vertical3:focus:before,
.hvr-shutter-in-vertical3:hover:before {
    -webkit-transform: scaleY(0);
    transform: scaleY(0)
}

.box1 img,
.box1:after,
.box1:before {
    width: 100%;
    transition: all .3s ease 0s
}

.box1 .icon,
.box2,
.box3,
.box4,
.box5 .icon li a {
    text-align: center
}

.box10:after,
.box10:before,
.box1:after,
.box1:before,
.box2 .inner-content:after,
.box3:after,
.box3:before,
.box4:before,
.box5:after,
.box5:before,
.box6:after,
.box7:after,
.box7:before {
    content: ""
}

.box1,
.box11,
.box12,
.box13,
.box14,
.box16,
.box17,
.box18,
.box2,
.box20,
.box21,
.box3,
.box4,
.box5,
.box5 .icon li a,
.box6,
.box7,
.box8 {
    overflow: hidden
}

.box1 .title,
.box10 .title,
.box4 .title,
.box7 .title {
    letter-spacing: 1px
}

.box3 .post,
.box4 .post,
.box5 .post,
.box7 .post {
    font-style: italic
}

.mt-30 {
    margin-top: 30px
}

.mt-40 {
    margin-top: 40px
}

.mb-30 {
    margin-bottom: 30px
}

.box1 .icon,
.box1 .title {
    margin: 0;
    position: absolute
}

.box1 {
    box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    position: relative
}

.box1:after,
.box1:before {
    height: 50%;
    background: rgba(0, 0, 0, .5);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    transform-origin: 100% 0;
    transform: rotateZ(90deg)
}

.box1:after {
    top: auto;
    bottom: 0;
    transform-origin: 0 100%
}

.box1:hover:after,
.box1:hover:before {
    transform: rotateZ(0)
}

.box1 img {
    height: auto;
    transform: scale(1) rotate(0)
}

.box1:hover img {
    filter: sepia(80%);
    transform: scale(1.3) rotate(10deg)
}

.box1 .title {
    font-size: 19px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    text-shadow: 0 0 1px #004cbf;
    bottom: 10px;
    left: 10px;
    opacity: 0;
    z-index: 2;
    transform: scale(0);
    transition: all .5s ease .2s
}

.box1:hover .title {
    opacity: 1;
    transform: scale(1)
}

.box1 .icon {
    padding: 7px 5px;
    list-style: none;
    background: #004cbf;
    border-radius: 0 0 0 10px;
    top: -100%;
    right: 0;
    z-index: 2;
    transition: all .3s ease .2s
}

.box1:hover .icon {
    top: 0
}

.box1 .icon li {
    display: block;
    margin: 10px 0
}

.box1 .icon li a {
    display: block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 10px;
    font-size: 18px;
    color: #fff;
    transition: all .3s ease 0s
}

.box2 .icon li a,
.box3 .icon a:hover,
.box4 .icon li a:hover,
.box5 .icon li a,
.box6 .icon li a {
    border-radius: 50%
}

.box1 .icon li a:hover {
    color: #fff;
    box-shadow: 0 0 10px #000 inset, 0 0 0 3px #fff
}

.about-inner-custom-icon-circle.main-home-ab {
    background: #123958;
    background: -moz-linear-gradient(45deg, #123958 0, #2e6e78 100%);
    background: -webkit-linear-gradient(45deg, #123958 0, #2e6e78 100%);
    background: linear-gradient(45deg, #123958 0, #2e6e78 100%)
}

.about-inner-custom-icon-circle.main-home-ab h2,
.about-inner-custom-icon-circle.main-home-ab h3,
.about-inner-custom-icon-circle.main-home-ab p {
    color: #fff !important
}

.about-area .main-about .ab-txt-cls .list .row {
    padding: 0;
    border-left: 4px solid #fff;
    margin: 20px 0 19px 40px
}

.technology .row {
    padding: 40px 0
}

.technology .row .left .title {
    margin-top: 0;
    font-size: 40px;
    text-transform: capitalize;
    font-weight: 700
}

.technology .row .left .tag {
    margin-top: 0;
    font-size: 20px;
    text-transform: capitalize;
    font-weight: 700;
    margin: 15px 0 0 0;
    display: block
}

.technology .row .left p {
    color: #4e4e4e;
    font-size: 18px;
    line-height: 30px;
    margin: 20px 0 0 0
}

.technology .row .left .technology_logo ul {
    text-align: center
}

.technology .row .left .technology_logo ul li {
    vertical-align: top;
    display: inline-block;
    max-width: 100%;
    width: 160px;
    height: 140px;
    line-height: 149px;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    margin: -3px;
    text-align: center;
    padding-top: 27px
}

.technology .row .left .technology_logo ul li:nth-child(1),
.technology .row .left .technology_logo ul li:nth-child(2),
.technology .row .left .technology_logo ul li:nth-child(3) {
    border-top: 0
}

.technology .row .left .technology_logo ul li:nth-child(3),
.technology .row .left .technology_logo ul li:nth-child(6),
.technology .row .left .technology_logo ul li:nth-child(9) {
    border-right: 0
}

.technology_logo ul li img {
    max-width: 90px;
    text-align: center;
    margin: auto
}

@media only screen and (max-width:990px) {
    .box1 {
        margin-bottom: 30px
    }
}

.box7 {
    position: relative
}

.box7:after,
.box7:before {
    width: 100%;
    height: 100%;
    background: rgb(12 12 12 / 74%);
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all .5s ease 0s
}

.box7:after {
    background: rgba(255, 255, 255, .3);
    border: 3px solid #e14326;
    top: 0;
    left: 170%;
    opacity: 1;
    z-index: 1;
    transform: skewX(45deg);
    transition: all 1s ease 0s
}

.box7:hover:before {
    opacity: 1
}

.box7:hover:after {
    left: -170%
}

.box7 img {
    width: 100%;
    height: auto
}

.box7 .box-content {
    width: 100%;
    position: absolute;
    bottom: -100%;
    left: 0;
    transition: all .5s ease 0s
}

.box7:hover .box-content {
    bottom: 30%
}

.box7 .title {
    display: block;
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    margin: 0 0 10px
}

.box7 .post {
    display: block;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 10px
}

.box7 .icon {
    margin: 0
}

.box7 .icon li {
    display: inline-block
}

.box7 .icon li a {
    display: block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 50%;
    background: #0dab76;
    font-size: 18px;
    color: #fff;
    margin-right: 10px;
    transition: all .5s ease 0s
}

.box8 .icon li,
.box8 .title {
    display: inline-block
}

.box10 {
    background: #123958;
    background: -moz-linear-gradient(45deg, #123958 0, #2e6e78 100%);
    background: -webkit-linear-gradient(45deg, #123958 0, #2e6e78 100%);
    background: linear-gradient(45deg, #123958 0, #2e6e78 100%);
    overflow: hidden;
    position: relative;
}

.box10:after,
.box10:before {
    border-width: 0 180px 140px;
    border-style: solid;
    border-color: transparent transparent #123958;
    position: absolute;
    bottom: 0;
    left: 50%;
    z-index: 1;
    transform: translate(-55%, 100%);
    transition: all .5s 0s cubic-bezier(.6, -.28, .735, .045)
}

.box10:after {
    border-width: 150px 250px;
    border-color: transparent #2e6e78 #123958 #2e6e78;
    top: 25%;
    transform: translate(-60%, 100%)
}

.our-team .main-team .box10:after {
    border-width: 175px 250px
}
.box10.no-hover:hover:before, .box10.no-hover:hover:after{
    transition:none!important;
    transform:none!important;
}

.box10:hover:before {
    transition: all .4s 0s cubic-bezier(.175, .885, .32, 1.275);
    transform: translate(-55%, 0);
    transition-delay: .2s
}

.box10:hover:after {
    transition: all .4s 0s cubic-bezier(.175, .885, .32, 1.275);
    transform: translate(-60%, 0);
    transition-delay: 0s
}

.box10 img {
    width: 100%;
    height: auto;
    opacity: 1;
    transform: scale(1.1) translateY(3%);
    transition: all .5s ease 0s
}

.box10:hover img {
    transform: scale(1.1) translateY(-3%);
    opacity: .4
}

.box10 .box-content {
    padding: 20px 0 0 20px;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 2;
    transform: translateY(20%);
    transition: all .5s ease 0s
}

.box10:hover .box-content {
    opacity: 1;
    transform: translate(0);
    transition-delay: .1s
}

.box10 .title {
    font-size: 23px;
    font-weight: 800;
    color: #fff
}

.box10 .icon {
    padding: 0;
    margin: 0;
    list-style: none
}

.box10 .icon li {
    display: inline-block
}

.box10 .icon li a {
    display: block;
    width: 35px;
    height: 35px;
    background: #18ab69;
    font-size: 18px;
    color: #fff;
    margin-right: 10px;
    transition: all .3s ease 0s
}

.box11 .icon li,
.box11 .icon li a,
.box11 .title,
.box12 .icon li,
.box12 .title {
    display: inline-block
}

.box10 .icon li a:hover {
    transform: rotate(360deg)
}

@media only screen and (max-width:990px) {
    .box10 {
        margin-bottom: 0
    }
}

@media only screen and (max-width:767px) and (min-width:600px) {
    .box10:before {
        border-width: 0 210px 130px
    }

    .box10:after {
        border-width: 260px 516px
    }
}

@media only screen and (max-width:599px) and (min-width:430px) {
    .box:before {
        border-width: 0 220px 120px
    }

    .box10:after {
        border-width: 260px 460px
    }
}

.partners-areacls .partners-area-inner .gallery .fa-plus {
    position: relative;
    top: -53px
}

.gallery .fa-plus {
    display: block;
    width: 35px;
    height: 35px;
    line-height: 39px;
    border-radius: 50%;
    background: #123958;
    text-align: center;
    font-size: 18px;
    margin: auto;
    color: #fff;
    transition: all .5s ease 0s
}

.box7 .icon li a:hover {
    transform: rotate(360deg)
}

.gallery .fa-plus:hover {
    transform: rotate(360deg)
}

.box1 img,
.box1:after,
.box1:before {
    width: 100%;
    transition: all .3s ease 0s
}

.box1 .icon,
.box2,
.box3,
.box4,
.box5 .icon li a {
    text-align: center
}

.box10:after,
.box10:before,
.box1:after,
.box1:before,
.box2 .inner-content:after,
.box3:after,
.box3:before,
.box4:before,
.box5:after,
.box5:before,
.box6:after,
.box7:after,
.box7:before {
    content: ""
}

.box1,
.box11,
.box12,
.box13,
.box14,
.box16,
.box17,
.box18,
.box2,
.box20,
.box21,
.box3,
.box4,
.box5,
.box5 .icon li a,
.box6,
.box7,
.box8 {
    overflow: hidden
}

.box1 .title,
.box10 .title,
.box4 .title,
.box7 .title {
    letter-spacing: 1px
}

.box3 .post,
.box4 .post,
.box5 .post,
.box7 .post {
    font-style: italic
}

.box1 .icon,
.box1 .title {
    margin: 0;
    position: absolute
}

.box1 {
    box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    position: relative
}

.box1:after,
.box1:before {
    height: 50%;
    background: rgba(0, 0, 0, .5);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    transform-origin: 100% 0;
    transform: rotateZ(90deg)
}

.box1:after {
    top: auto;
    bottom: 0;
    transform-origin: 0 100%
}

.box1:hover:after,
.box1:hover:before {
    transform: rotateZ(0)
}

.box1 img {
    height: auto;
    transform: scale(1) rotate(0)
}

.box1:hover img {
    filter: sepia(80%);
    transform: scale(1.3) rotate(10deg)
}

.box1 .title {
    font-size: 19px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    text-shadow: 0 0 1px #004cbf;
    bottom: 10px;
    left: 10px;
    opacity: 0;
    z-index: 2;
    transform: scale(0);
    transition: all .5s ease .2s
}

.box1:hover .title {
    opacity: 1;
    transform: scale(1)
}

.box1 .icon {
    padding: 7px 5px;
    list-style: none;
    background: #004cbf;
    border-radius: 0 0 0 10px;
    top: -100%;
    right: 0;
    z-index: 2;
    transition: all .3s ease .2s
}

.box1:hover .icon {
    top: 0
}

.box1 .icon li {
    display: block;
    margin: 10px 0
}

.box1 .icon li a {
    display: block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 10px;
    font-size: 18px;
    color: #fff;
    transition: all .3s ease 0s
}

.box2 .icon li a,
.box3 .icon a:hover,
.box4 .icon li a:hover,
.box5 .icon li a,
.box6 .icon li a {
    border-radius: 50%
}

.box1 .icon li a:hover {
    color: #fff;
    box-shadow: 0 0 10px #000 inset, 0 0 0 3px #fff
}

@media only screen and (max-width:990px) {
    .box1 {
        margin-bottom: 30px
    }
}

.box2 {
    position: relative
}

.box2 img {
    width: 100%;
    height: auto
}

.box2 .box-content {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    transform: translate(-50%, -50%)
}

.box2 .box-content:after,
.box2 .box-content:before,
.box2:after,
.box2:before {
    content: "";
    width: 80%;
    height: 80%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    transition: all .5s ease 0s
}

.box2:before {
    background: linear-gradient(45deg, rgba(0, 0, 0, .2) 49%, transparent 50%);
    left: -100%
}

.box2:after {
    background: linear-gradient(45deg, transparent 49%, rgba(0, 0, 0, .2) 50%);
    left: 160%
}

.box2 .box-content:after,
.box2 .box-content:before {
    width: 65%;
    height: 65%;
    background: linear-gradient(45deg, rgba(0, 0, 0, .3) 49%, transparent 50%);
    left: -100%;
    transition-delay: .1s
}

.box1 .box-content:after {
    background: linear-gradient(45deg, transparent 49%, rgba(0, 0, 0, .3) 50%);
    left: 160%
}

.box2:hover .box-content:after,
.box2:hover .box-content:before,
.box2:hover:after,
.box2:hover:before {
    left: 50%
}

.box2 .inner-content {
    width: 50%;
    height: 50%;
    color: #fff;
    padding: 40px 0;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    transform: translate(-50%, -50%) scale(0);
    transition: all .3s ease .2s
}

.box2 .inner-content:after {
    width: 100%;
    height: 100%;
    background: rgba(255, 79, 79, .8);
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1;
    transform: translate(-50%, -50%) rotate(45deg)
}

.box2:hover .inner-content {
    transform: translate(-50%, -50%) scale(1);
    transition: all .3s ease 0s
}

.box2 .title {
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 5px
}

.box2 .post {
    display: block;
    font-size: 14px;
    text-transform: capitalize;
    margin-bottom: 7px
}

.box10 .title,
.box11 .title,
.box4 .title,
.box5 .title,
.box6 .box-content,
.box7 .title {
    text-transform: uppercase
}

.box2 .icon {
    padding: 0;
    margin: 0;
    list-style: none;
    transform: rotateY(360deg) scale(0);
    transition: all .3s ease 0s
}

.box2:hover .icon {
    transform: rotateY(0) scale(1)
}

.box2 .icon li {
    display: inline-block;
    margin: 0 3px
}

.box2 .icon li a {
    display: block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: #fff;
    font-size: 16px;
    color: #505050;
    transition: all .3s ease 0s
}

.box2 .icon li a:hover {
    box-shadow: 0 0 0 5px rgba(0, 0, 0, .5);
    background: #fff;
    color: #ff4f4f
}

.inner-banner .main-home-banner .height-web-design-sdh {
    height: auto !important
}

@media only screen and (max-width:990px) {
    .box2 {
        margin-bottom: 30px
    }
}

@media only screen and (max-width:320px) {
    .box2 .inner-content {
        padding: 25px 0
    }

    .box2 .title {
        font-size: 16px
    }
}

.box3 {
    box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    position: relative
}

.box3 .box-content,
.box3:after,
.box3:before {
    position: absolute;
    left: 7%;
    right: 7%;
    transition: all .3s
}

.box3:after,
.box3:before {
    display: block;
    background: rgba(0, 0, 0, .3);
    top: 10%;
    bottom: 10%;
    z-index: 1;
    transform: scale(0, 1)
}

.box3:after {
    top: 10.8%;
    bottom: 10.8%;
    transform: scale(1, 0)
}

.box3:hover:after,
.box3:hover:before {
    transform: scale(1);
    animation: animate 1.5s
}

.box3:hover:before {
    border-top: 3px solid #fff;
    border-bottom: 3px solid #fff
}

.box:hover:after {
    border-left: 3px solid #fff;
    border-right: 3px solid #fff
}

.box img {
    width: 100%;
    height: auto;
    transition: all .3s
}

.box3:hover img {
    transform: scale(1.2);
    filter: blur(5px);
    -moz-filter: blur(5px);
    -webkit-filter: blur(5px)
}

.box3 .box-content {
    padding: 30px 10px;
    top: 10%;
    bottom: 10%;
    opacity: 0;
    z-index: 2
}

.box3:hover .box-content {
    box-shadow: 0 0 0 35px rgba(255, 255, 255, .3);
    opacity: 1;
    transition: all .3s
}

.box3 .title {
    font-size: 24px;
    font-weight: 600;
    color: #88c425;
    margin: 0 0 5px
}

.box3 .post {
    display: block;
    margin: 0 0 5px;
    font-size: 14px;
    color: rgba(255, 255, 255, .8)
}

.box3 .description {
    font-size: 14px;
    color: #fff;
    margin: 0 0 20px
}

.box3 .icon {
    padding: 0;
    margin: 0;
    list-style: none
}

.box3 .icon li {
    display: inline-block;
    margin: 0 10px 0 0
}

.box3 .icon li a {
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    background: #88c425;
    transition: all .5s
}

.box3 .icon a:hover {
    text-decoration: none;
    animation: animate-hover .5s;
    transition: all .3s
}

@keyframes animate {

    0%,
    100% {
        opacity: 1
    }
}

@keyframes animate-hover {
    0% {
        box-shadow: 0 0 0 10px rgba(255, 255, 255, .3)
    }

    50% {
        box-shadow: 0 0 0 5px rgba(255, 255, 255, .3)
    }

    100% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, .3)
    }
}

.box10,
.box11,
.box12,
.box14,
.box4,
.box5,
.box6,
.box7,
.box9 {
    box-shadow: 0 0 3px rgba(0, 0, 0, .3)
}

@media only screen and (max-width:990px) {
    .box3 {
        margin-bottom: 30px
    }

    .box3 .box-content {
        padding: 10px
    }

    .box3 .description {
        margin-bottom: 10px
    }
}

@media only screen and (max-width:479px) {
    .box3 .title {
        margin: 0
    }
}

.box4 {
    position: relative
}

.box4:before {
    width: 0;
    height: 200%;
    background: rgba(0, 0, 0, .5);
    position: absolute;
    top: 0;
    left: -250px;
    bottom: 0;
    transform: skewX(-36deg);
    transition: all .5s ease 0s
}

.box4:hover:before {
    width: 200%
}

.box4 img {
    width: 100%;
    height: auto
}

.box4 .box-content {
    width: 100%;
    height: 100%;
    padding-top: 20%;
    position: absolute;
    top: 0;
    left: 0;
    transform: scale(0);
    transition: all .3s ease 0s
}

.box4 .icon,
.box5 .icon {
    list-style: none;
    padding: 0
}

.box4:hover .box-content {
    transform: scale(1)
}

.box4 .title {
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    margin: 0 0 10px
}

.box4 .post {
    display: block;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 20px
}

.box4 .icon {
    margin: 0
}

.box4 .icon li {
    display: inline-block
}

.box4 .icon li a {
    display: block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 20px;
    background: #fff;
    color: #ee4266;
    margin-right: 10px;
    transition: all .3s ease 0s
}

.box5 .icon,
.box5 .icon li {
    display: inline-block
}

@media only screen and (max-width:990px) {
    .box4 {
        margin-bottom: 30px
    }
}

@media only screen and (max-width:767px) {
    .box4:before {
        left: -400px
    }

    .box4:hover:before {
        width: 300%
    }
}

.box5 {
    background: #444;
    position: relative
}

.box5:after,
.box5:before {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #10a5b8;
    position: absolute;
    top: -80px;
    left: 15px;
    opacity: 0;
    z-index: 1;
    transition: all .35s ease
}

.box5:after {
    top: auto;
    left: auto;
    bottom: -80px;
    right: 15px
}

.box5:hover:after,
.box5:hover:before {
    opacity: .75;
    transform: scale(8);
    transition-delay: .15s
}

.box5 img {
    width: 100%;
    height: auto;
    transition: all .35s ease-out 0s
}

.box5:hover img {
    opacity: .4
}

.box5 .icon {
    margin: 0;
    position: absolute;
    bottom: 15px;
    right: 15px;
    z-index: 2;
    transform: scale(0);
    transition: all .35s ease-out
}

.box5:hover .icon {
    transform: scale(1);
    transition-delay: .15s
}

.box5 .icon li a {
    display: block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: #fff;
    font-size: 18px;
    color: #444;
    margin-right: 10px;
    position: relative;
    transition: all .5s ease 0s
}

.box5 .icon li a:hover {
    background: #444;
    color: #fff
}

.box5 .box-content {
    padding: 20px 15px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.box5 .title {
    font-size: 20px;
    font-weight: 800;
    color: #fff;
    margin: 0 0 5px;
    opacity: 0;
    transform: translate(-20px, -20px);
    transition: all .35s ease-out
}

.box5:hover .title {
    opacity: 1;
    transform: translate(0, 0);
    transition-delay: .15s
}

.box5 .post {
    display: inline-block;
    font-size: 16px;
    color: #fff;
    opacity: 0;
    transform: translate(-20px, -20px);
    transition: all .35s ease-out
}

.box5:hover .post {
    opacity: 1;
    transform: translate(0, 0);
    transition-delay: .15s
}

.box6 .title,
.box6 img,
.box6:after {
    transition: all .35s ease 0s
}

@media only screen and (max-width:990px) {
    .box5 {
        margin-bottom: 30px
    }
}

.box6 {
    background: #000;
    position: relative
}

.box6:after {
    background: rgba(0, 0, 0, .7);
    position: absolute;
    top: 0;
    left: -30%;
    bottom: 0;
    right: 70%;
    transform: skew(20deg) translateX(-75%)
}

.box6:hover:after {
    transform: skew(20deg) translateX(0)
}

.box6 img {
    width: 100%;
    height: auto
}

.box6:hover img {
    opacity: .5
}

.box6 .box-content {
    padding: 20px;
    text-align: right;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1
}

.box6 .icon,
.box7 .icon {
    padding: 0;
    list-style: none
}

.box10 .icon li a,
.box11,
.box12,
.box13,
.box14,
.box6 .icon li a,
.box7,
.box7 .icon li a,
.box8,
.box8 .icon li a {
    text-align: center
}

.box6 .title {
    font-size: 20px;
    font-weight: 900;
    color: #fff;
    margin: 0 0 10px;
    transform: scale(0)
}

.box6:hover .title {
    transform: scale(1)
}

.box6 .icon li,
.box6 .post {
    opacity: 0;
    transform: translateX(40px);
    transition: all .35s ease 0s
}

.box6 .post {
    display: block;
    font-size: 14px;
    color: #fff;
    margin-bottom: 5px
}

.box6 .icon {
    display: inline-block;
    margin: 0
}

.box6:hover .icon li,
.box6:hover .post {
    opacity: 1;
    transform: translateX(0)
}

.box6:hover .icon li:first-child {
    transition-delay: .1s
}

.box6:hover .icon li:nth-child(2) {
    transition-delay: .2s
}

.box6 .icon li a {
    display: block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: #fff;
    font-size: 18px;
    color: #605f5f;
    margin-bottom: 5px;
    transition: all .35s ease
}

.box6 .icon li a:hover {
    background: #605f5f;
    color: #fff
}

@media only screen and (max-width:990px) {
    .box6 {
        margin-bottom: 30px
    }
}

.box7 {
    position: relative
}

.box7:after,
.box7:before {
    width: 100%;
    height: 100%;
    background: rgba(11, 33, 47, .9);
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all .5s ease 0s
}

.box7:after {
    background: rgba(255, 255, 255, .3);
    border: 2px solid #0dab76;
    top: 0;
    left: 170%;
    opacity: 1;
    z-index: 1;
    transform: skewX(45deg);
    transition: all 1s ease 0s
}

.box7:hover:before {
    opacity: 1
}

.box7:hover:after {
    left: -170%
}

.box7 img {
    width: 100%;
    height: auto
}

.box7 .box-content {
    width: 100%;
    position: absolute;
    bottom: -100%;
    left: 0;
    transition: all .5s ease 0s
}

.box7:hover .box-content {
    bottom: 30%
}

.box7 .title {
    display: block;
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    margin: 0 0 10px
}

.box7 .post {
    display: block;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 10px
}

.box7 .icon {
    margin: 0
}

.box7 .icon li {
    display: inline-block
}

.box7 .icon li a {
    display: block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 50%;
    background: #0dab76;
    font-size: 18px;
    color: #fff;
    margin-right: 10px;
    transition: all .5s ease 0s
}

.box8 .icon li,
.box8 .title {
    display: inline-block
}

.box7 .icon li a:hover {
    transform: rotate(360deg)
}

@media only screen and (max-width:990px) {
    .box {
        margin-bottom: 30px
    }
}

.box8 .icon,
.box8 .title {
    margin: 0;
    position: absolute
}

.box8 {
    box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    position: relative
}

.box8 img {
    width: 100%;
    height: auto
}

.box8 .box-content {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    transform: perspective(400px) rotateX(-90deg);
    transform-origin: center top 0;
    transition: all .5s ease 0s
}

.box8 .icon li a,
.box8 .title {
    background: #ef4050;
    font-size: 20px;
    color: #fff
}

.box8:hover .box-content {
    opacity: 1;
    transform: perspective(400px) rotateX(0)
}

.box8 .title {
    padding: 5px 7px;
    border-radius: 5px;
    font-weight: 600;
    bottom: 20px;
    left: 20px;
    transition: all .9s ease 0s
}

.box8 .icon li a,
.box9 .box-content,
.box9 .icon li,
.box9 img {
    transition: all .35s ease 0s
}

.box8:hover .title {
    bottom: -40px
}

.box8 .icon {
    list-style: none;
    padding: 0;
    top: 42%;
    left: 0;
    right: 0
}

.box8 .icon li a {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    margin-right: 7px
}

.box9 .icon,
.box9 .title {
    width: 100%;
    font-size: 22px
}

.box8 .icon li a:hover {
    background: #fff;
    color: #000
}

@media only screen and (max-width:990px) {
    .box8 {
        margin-bottom: 20px
    }
}

.inner-banner {
    margin: 83px 0 0 0
}

.inner-banner .main-home-banner .banner-lft-cls {
    padding: 64px;
    min-height: 401px;
    justify-content: center;
    align-items: center;
    display: flex
}

.inner-banner .main-home-banner .banner-lft-cls .inner-pg-heading h2 {
    margin-top: 0;
    color: #fff;
    font-size: 30px;
    font-weight: 900;
    line-height: 37px;
    text-transform: capitalize
}

.inner-banner .main-home-banner .image-grid .item figure {
    min-height: 401px !important
}

.grid {
    width: 100% !important
}

.portfolio-img .grid-item {
    height: 100px;
    background-color: #ecf0f1;
    border-radius: 3px;
    overflow: hidden
}

.grid-other {
    width: 800px;
    border: #000 3px solid
}

.this {
    height: 70px;
    background-color: #1abc9c
}

.sm {
    height: 300px !important
}

.md {
    height: 400px !important
}

.lg {
    height: 450px !important
}

.hvr-radial-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    overflow: hidden;
    background: #fff;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-radial-out:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #e4e4e470;
    border-radius: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-radial-out:active:before,
.hvr-radial-out:focus:before,
.hvr-radial-out:hover:before {
    -webkit-transform: scale(2);
    transform: scale(2)
}

.inner-breadcrumb {
    margin: 20px 0 0 0
}

.inner-breadcrumb ul li {
    display: inline-block;
    text-transform: capitalize;
    color: #fff;
    font-size: 17px;
    padding: 0 6px 0 0;
    text-shadow: 1px 1px 1px #3c3c3c;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: .5px
}

.inner-breadcrumb ul li a {
    color: #fff
}

.cmt_single_image-wrapper.border-style1 {
    position: relative
}

.cmt_single_image-wrapper.border-style1 > img,
.cmt_single_image-wrapper.border-style2 > img {
    border: 10px solid #f1fefe;
    z-index: 9;
    position: relative
}

.about-overlay-shape.style2 {
    position: absolute;
    top: 250px;
    height: 262px;
    width: 380px;
    line-height: 170px;
    text-align: center;
    background-image: url(../images/about-style2.jpg);
    border: 8px solid #fff;
    right: -85px;
    z-index: 9
}

.about-overlay-shape.style3 {
    position: absolute;
    top: 250px;
    height: 262px;
    width: 380px;
    line-height: 170px;
    text-align: center;
    background-image: url(../images/seo_gh2.jpg);
    border: 8px solid #fff;
    right: -85px;
    z-index: 9
}

.pattern.style1 {
    position: absolute;
    bottom: -104px;
    left: -127px
}

.cmt_single_image-wrapper.border-style1:after {
    content: '';
    position: absolute;
    height: 300px;
    width: 300px;
    top: -74px;
    border: 57px solid #123958;
    right: -108px;
    border-radius: 50%
}

.section-spacer {
    padding: 100px 0
}

.main-about .ab-lf-cls {
    position: relative
}

.main-about .ab-ry-cls {
    padding: 0 0 0 120px
}

.main-about .ab-ry-cls h2 {
    font-size: 35px;
    line-height: 50px;
    margin-bottom: 20px;
    text-transform: capitalize;
    font-weight: 700;
    margin-top: 0
}

.main-about .ab-ry-cls .txt-ab-inn h5 {
    color: #313131;
    font-weight: 600;
    font-size: 16px
}

.main-about .ab-ry-cls .txt-ab-inn ul li {
    color: #4e4e4e;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 11px;
    position: relative;
    padding: 0 0 0 35px;
    line-height: 26px
}

.main-about .ab-ry-cls .txt-ab-inn ul li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    background-image: url(../images/tick-icon.png);
    width: 25px;
    height: 26px
}

.circle-icon {
    position: relative
}

.circle-icon::before {
    content: '';
    background-image: url(../images/half-circle.png);
    background-repeat: no-repeat;
    height: 296px;
    width: 113px;
    position: absolute;
    right: 0;
    opacity: .2;
    top: 0
}

.multiservice-area {
    position: relative
}

.multiservice-area .mi-vi-inner {
    position: relative
}

.misson-vision .mi-vi-inner {
    min-height: 323px;
    float: left;
    background: #f2f2f2 !important;
    width: 100%;
    padding: 80px
}

.misson-vision .mi-vi-inner .mv-cls {
    background: #202020;
    text-align: center;
    border-radius: 6px;
    display: block;
    box-shadow: -6px 7px 9px -3px #e4e2e2;
    padding: 60px 13px
}

.mv-cls {
    background: #202020;
    text-align: center;
    border-radius: 6px;
    display: block;
    box-shadow: -6px 7px 9px -3px #e4e2e2;
    padding: 60px 13px
}

.mv-img {
    background: #123958;
    width: 104px;
    height: 100px;
    border-radius: 50%;
    margin: auto;
    line-height: 96px;
    margin-bottom: 25px;
    margin-top: 25px
}

.multiservice-area .mi-vi-inner .mv-cls::before {
    content: '';
    border-radius: 6px
}

.multiservice-area .mi-vi-inner .mv-cls {
    box-shadow: -6px 7px 9px -3px #131313 !important
}

.mul-ser-ryt-sde form {
    margin: 50px 0 0 0
}

.mul-ser-ryt-sde h4 {
    color: #fff;
    font-size: 18px;
    text-transform: capitalize;
    font-weight: 700;
    letter-spacing: 1px
}

.multi-service-cls-custom .mv-cls {
    min-height: 280px;
    margin-bottom: 35px;
    box-shadow: -3px 3px 11px 3px #f1f1f1;
    padding: 30px 13px
}

.multi-service-cls-custom .mv-cls:hover h3 a {
    color: #fff
}

.multi-service-cls-custom .mv-cls h3 {
    text-transform: capitalize;
    margin-top: 0;
    font-size: 21px !important;
    line-height: 28px;
    font-weight: 800
}

.multi-service-cls-custom .mv-img {
    width: 90px;
    line-height: 87px;
    height: 90px
}

.multi-service-cls-custom .mv-cls h3 a {
    color: #333
}

.multi-service-cls-custom p {
    font-size: 14px;
    line-height: 25px;
    margin-bottom: 0
}

.mul-ser-ryt-sde .contact-sdsp .form-group .form-control {
    height: 47px
}

.mul-ser-ryt-sde .contact-sdsp .form-group textarea {
    min-height: 90px
}

.mul-ser-ryt-sde .contact-sdsp .form-group .sub-pop-inn {
    background: #202020;
    display: block;
    width: 100%;
    border: 0;
    text-transform: capitalize;
    color: #fff;
    padding: 14px 20px;
    border-radius: 5px
}

.flip-card {
    background-color: transparent;
    width: 100%;
    height: 150px;
    perspective: 1000px
}

.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform .8s;
    transform-style: preserve-3d
}

.misson-vision .mi-vi-inner .mv-cls:hover .flip-card-inner {
    transform: rotateY(180deg)
}

.flip-card-back,
.flip-card-front {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden
}

.flip-card-front {
    background-color: transparent;
    color: #000
}

.flip-card-back {
    background-color: transparent;
    color: #fff;
    transform: rotateY(180deg);
    background: #123958;
    width: 104px;
    height: 100px;
    border-radius: 50%;
    margin: auto;
    line-height: 96px;
    margin-bottom: 25px;
    margin-top: 25px;
    display: block;
    text-align: center;
    width: 100%;
    max-width: 104px;
    min-width: 104px;
    left: 0;
    right: 0
}

.misson-vision .mi-vi-inner .mv-cls h3 {
    margin-bottom: 0;
    margin-top: 0;
    font-weight: 600;
    line-height: 28px;
    text-transform: capitalize;
    font-size: 20px
}

.misson-vision .mi-vi-inner .mv-cls .mv-img {
    background: #123958;
    width: 104px;
    height: 100px;
    border-radius: 50%;
    margin: auto;
    line-height: 96px;
    margin-bottom: 25px;
    margin-top: 25px
}

.misson-vision .mi-vi-inner .mv-cls p {
    color: #4e4e4e;
    font-size: 15px;
    margin-bottom: 0;
    position: relative;
    line-height: 25px
}

.min-height-web .mv-cls {
    min-height: 555px
}

.text-left-main h3 {
    text-align: left
}

.text-left-main p {
    text-align: left
}

.misson-vision .mi-vi-inner .mv-cls:hover p {
    color: #fff
}

.about-heading-inner-sd-cls-wd h3 {
    font-size: 22px !important
}

.about-tabbing-cls #exTab1 .tab-content {
    color: #fff;
    background-color: #428bca;
    padding: 5px 15px
}

.about-tabbing-cls #exTab2 h3 {
    color: #fff;
    background-color: #428bca;
    padding: 5px 15px
}

.about-tabbing-cls #exTab1 .nav-pills > li > a {
    border-radius: 0
}

.about-tabbing-cls #exTab3 .nav-pills .active a {
    color: #fff !important;
    position: relative;
    background: #123958
}

.about-tabbing-cls #exTab3 .nav-pills .active a::before {
    content: '';
    width: 0;
    height: 0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-top: 13px solid #123958;
    position: absolute;
    bottom: -13px;
    margin: 0 0 0 15px
}

.about-tabbing-cls #exTab3 .nav-pills > li > a {
    color: #3c3c3c;
    font-weight: 700;
    letter-spacing: 1px;
    font-size: 16px;
    background-color: #efefef;
    padding: 10px 17px;
    text-transform: capitalize;
    font-family: Sanchez, serif
}

.about-tabbing-cls #exTab3 .nav-pills > li > a:hover {
    background-color: transparent
}

.about-tabbing-cls #exTab3 .tab-content {
    color: #fff;
    clear: both;
    margin: 40px 0 0 0;
    float: left;
    width: 100%
}

.about-history .history-inn-about {
    min-height: 600px;
    padding: 80px 0;
    position: relative
}

.about-history .history-inn-about h5 {
    margin-top: 0;
    text-align: center;
    color: #fff;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1px
}

.overlay-ab {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000000eb
}

.ab-history-main-jhv {
    position: relative
}

.about-tabbing-cls {
    margin: 29px 0 0 0
}

.about-tabbing-cls strong {
    color: #18b0df
}

.about-tabbing-cls .tab-ab-img img {
    border-radius: 6px
}

.tab-ab-txths h6 {
    color: #fff;
    text-transform: capitalize;
    line-height: 26px;
    font-size: 18px
}

.tab-ab-txths p {
    color: #e4e4e4;
    font-size: 15px;
    margin-bottom: 11px;
    position: relative;
    line-height: 26px
}

.tab-ab-txths h3 {
    font-size: 35px;
    line-height: 50px;
    margin-bottom: 20px;
    font-weight: 700;
    margin-top: 0
}

.tab-ab-txths ul li {
    color: #eaeaea;
    font-size: 15px;
    margin-bottom: 11px;
    position: relative;
    padding: 0 0 0 35px;
    line-height: 26px;
    position: relative
}

.tab-ab-txths ul li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 1px;
    background-image: url(../images/tick-icon.png);
    width: 25px;
    height: 26px
}

.about-tabbing-cls .nav-pills {
    border-bottom: 0;
    display: block;
    text-align: center;
    margin: auto;
    width: 100%
}

.about-tabbing-cls .nav-pills li {
    display: inline-block;
    margin: 0 10px 10px 0;
    float: none
}

.about-tabbing-cls .nav-pills .active a:hover {
    color: #fff !important;
    background: #123958 !important
}

.about-tabbing-cls .nav-pills li a:hover {
    color: #3c3c3c !important;
    background-color: #efefef !important
}

.abt-img-dem-cls {
    position: relative
}

.dem-img1 img {
    width: 100%;
    position: relative;
    z-index: -9
}

.abt-img-dem-cls .about-overlay-shape.style2 {
    position: absolute;
    bottom: 0;
    right: 0;
    top: auto;
    height: 335px;
    width: 276px;
    line-height: 170px;
    text-align: center;
    background-image: url(../images/single-img1.png);
    border: 10px solid #f8f8f8
}

.yrs-exp {
    background: -webkit-linear-gradient(45deg, #123958 0, #2e6e78 100%);
    background: linear-gradient(45deg, #123958 0, #2e6e78 100%);
    position: absolute;
    right: 40px;
    padding: 14px;
    border: 8px solid #fff;
    border-radius: 0;
    top: 140px;
    text-align: center;
    max-width: 150px;
    z-index: 9
}

.yrs-exp span {
    color: #fff;
    font-size: 48px;
    text-align: center;
    font-weight: 700;
    margin-bottom: 5px
}

.yrs-exp p {
    color: #fff;
    text-align: center;
    text-transform: capitalize;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 22px
}

.btn-center {
    text-align: center
}

.digi-txt-cls {
    padding: 60px 0
}

.digi-txt-cls ul li {
    color: #4e4e4e;
    font-weight: 500
}

.digital-lf-cls .digi-inner .digi-img img {
    border-radius: 7px
}

.digi-spce {
    margin-bottom: 30px
}

.spacer-80 {
    padding: 80px 0
}

.color-digi-cls .digi-clr {
    background: #123958;
    border-radius: 7px;
    min-height: 243px;
    text-align: center;
    padding: 30px 20px
}

.color-digi-cls .digi-clr h5 {
    color: #fff;
    font-size: 20px;
    font-weight: 600
}

.color-digi-cls .digi-clr p {
    color: #fff;
    margin: 18px 0 20px 0
}

#fakeloader-overlay {
    opacity: 0;
    top: 0;
    left: 0;
    position: fixed;
    background-color: rgba(0, 0, 0, .8);
    height: 100%;
    width: 100%;
    z-index: 9998;
    -webkit-transition: opacity .2s linear;
    -moz-transition: opacity .2s linear;
    transition: opacity .2s linear
}

#fakeloader-overlay.visible {
    opacity: 1
}

#fakeloader-overlay.hidden {
    opacity: 0;
    height: 0;
    width: 0;
    z-index: -10000
}

#fakeloader-overlay .loader-wrapper-outer {
    background-color: transparent;
    z-index: 9999;
    margin: auto;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: table;
    text-align: center;
    vertical-align: middle
}

#fakeloader-overlay .loader-wrapper-inner {
    display: table-cell;
    vertical-align: middle
}

#fakeloader-overlay .loader {
    margin: auto;
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    border-top: 8px solid rgb(225 67 38);
    border-right: 8px solid rgb(225 70 43);
    border-bottom: 8px solid rgb(226 74 47);
    border-left: 8px solid #e34225;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: fakeloader 1.1s infinite linear;
    animation: fakeloader 1.1s infinite linear
}

#fakeloader-overlay .loader,
#fakeloader-overlay .loader:after {
    border-radius: 50%;
    width: 50px;
    height: 50px
}

@-webkit-keyframes fakeloader {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes fakeloader {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.digital-circle-icon-cls {
    position: relative
}

.digital-circle-icon-cls::before {
    content: '';
    background-image: url(../images/half-circle.png);
    background-repeat: no-repeat;
    height: 296px;
    width: 113px;
    position: absolute;
    right: 0;
    opacity: .2;
    top: 0
}

.digital-circle-icon-cls::after {
    content: '';
    background-image: url(../images/circle.png);
    background-repeat: no-repeat;
    height: 205px;
    width: 113px;
    position: absolute;
    right: 0;
    opacity: .5;
    bottom: 0
}

.partners-areacls {
    margin-bottom: 30px
}

.partners-areacls .partners-area-inner {
    justify-content: center;
    align-items: center;
    display: flex
}

.inner-partner-area-cls-inn .partners-areacls:nth-child(even) .partners-area-inner {
    background: #ffe1e1
}

.inner-partner-area-cls-inn .partners-areacls:nth-child(odd) .partners-area-inner {
    background: #e8e8e8
}

.partners-areacls:nth-child(11),
.partners-areacls:nth-child(14),
.partners-areacls:nth-child(17),
.partners-areacls:nth-child(2),
.partners-areacls:nth-child(5),
.partners-areacls:nth-child(8) {
    position: relative;
    top: -30px
}

.partners-areacls:nth-child(12),
.partners-areacls:nth-child(15),
.partners-areacls:nth-child(18),
.partners-areacls:nth-child(3),
.partners-areacls:nth-child(6),
.partners-areacls:nth-child(9) {
    position: relative;
    top: -50px
}

.partners-caption {
    background: #123958;
    position: relative;
    padding: 15px 11px
}

.partners-caption h3 {
    margin: 0;
    color: #fff;
    padding: 0;
    font-size: 17px;
    text-transform: capitalize
}

.partners-caption h3 a {
    margin: 0;
    color: #fff;
    text-transform: capitalize
}

.partners-caption .service-arrow-icon {
    position: absolute;
    right: 12px;
    bottom: -12px
}

.partners-caption .service-arrow-icon a {
    background: #fff;
    color: #123958;
    width: 33px;
    display: inline-block;
    height: 33px;
    text-align: center;
    border-radius: 50px;
    line-height: 29px;
    font-size: 15px;
    border: 2px solid #123958
}

.box6 {
    background: #000;
    position: relative
}

.box6:after {
    background: rgba(0, 0, 0, .7);
    position: absolute;
    top: 0;
    left: -30%;
    bottom: 0;
    right: 70%;
    transform: skew(20deg) translateX(-75%)
}

.box6:hover:after {
    transform: skew(20deg) translateX(0)
}

.box6 img {
    width: 100%;
    height: auto
}

.box6:hover img {
    opacity: .5
}

.box6 .box-content {
    padding: 0;
    text-align: right;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    text-align: center;
    text-transform: capitalize;
    justify-content: center;
    align-items: center;
    display: flex;
    height: 100%
}

.box6 .icon,
.box7 .icon {
    padding: 0;
    list-style: none
}

.box10 .icon li a,
.box11,
.box12,
.box13,
.box14,
.box6 .icon li a,
.box7,
.box7 .icon li a,
.box8,
.box8 .icon li a {
    text-align: center
}

.box6 .title {
    font-size: 20px;
    font-weight: 900;
    color: #fff;
    margin: 0 0 10px;
    transform: scale(0)
}

.box6:hover .title {
    transform: scale(1)
}

.box6 .icon li,
.box6 .post {
    opacity: 0;
    transform: translateX(40px);
    transition: all .35s ease 0s
}

.box6 .post {
    display: block;
    font-size: 14px;
    color: #fff;
    margin-bottom: 5px
}

.box6 .icon {
    display: inline-block;
    margin: 0
}

.box6:hover .icon li,
.box6:hover .post {
    opacity: 1;
    transform: translateX(0)
}

.box6:hover .icon li:first-child {
    transition-delay: .1s
}

.box6:hover .icon li:nth-child(2) {
    transition-delay: .2s
}

.box6 .icon li a {
    display: block;
    line-height: 35px;
    font-size: 18px;
    color: #605f5f;
    margin-bottom: 5px;
    transition: all .35s ease;
    background: #123958 !important;
    padding: 5px 35px;
    border-radius: 50px;
    color: #fff;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    transition: all .3s ease 0s;
    cursor: pointer;
    overflow: hidden;
    outline: 0;
    font-size: 14px;
    width: auto;
    height: auto
}

.box6 .icon li a:hover {
    background: #605f5f;
    color: #fff
}

.payment-1 {
    float: left;
    margin: 10px;
    width: 95% !important;
    margin-top: 30px
}

.payment-1 label {
    width: 200px !important
}

.payment-1 .right label {
    width: auto !important;
    margin-right: 10px
}

.get-submit {
    display: inline-block;
    zoom: 1;
    padding: 7px 42px;
    line-height: normal;
    white-space: nowrap;
    vertical-align: baseline;
    text-align: center;
    cursor: pointer;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: 1px solid #999;
    border: none transparent;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255, 255, 255, .3)), color-stop(40%, rgba(255, 255, 255, .15)), to(transparent));
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, .3), rgba(255, 255, 255, .15)40%, transparent);
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, .3), rgba(255, 255, 255, .15)40%, transparent);
    background-image: -ms-linear-gradient(rgba(255, 255, 255, .3), rgba(255, 255, 255, .15)40%, transparent);
    background-image: -o-linear-gradient(rgba(255, 255, 255, .3), rgba(255, 255, 255, .15)40%, transparent);
    background-image: linear-gradient(rgba(255, 255, 255, .3), rgba(255, 255, 255, .15)40%, transparent);
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, .25) inset, 0 2px 0 rgba(255, 255, 255, .3) inset, 0 1px 2px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, .25) inset, 0 2px 0 rgba(255, 255, 255, .3) inset, 0 1px 2px rgba(0, 0, 0, .15);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .25) inset, 0 2px 0 rgba(255, 255, 255, .3) inset, 0 1px 2px rgba(0, 0, 0, .15);
    -webkit-transition: .1s linear -webkit-box-shadow;
    -moz-transition: .1s linear -moz-box-shadow;
    -ms-transition: .1s linear box-shadow;
    -o-transition: .1s linear box-shadow;
    transition: .1s linear box-shadow;
    background-color: #96bd38;
    color: #fff;
    font-family: Franklin Gothic Demi Cond;
    margin: 20px;
    font-size: 33px;
    text-shadow: 1px 1px 1px #658a0b;
    -webkit-text-shadow: 1px 1px 1px #658a0b;
    -moz-text-shadow: 1px 1px 1px #658a0b;
    -ms-text-shadow: 1px 1px 1px #658a0b;
    -o-text-shadow: 1px 1px 1px #658a0b
}

.get-input option {
    height: 200px;
    overflow: scroll
}

#contactWrapper {
    width: 300px;
    border: 1px solid #cfdede;
    background: #fdfdfd;
    padding: 30px
}

#contactWrapper h1 {
    margin: -33px 0 30px;
    padding: 5px 0 0 15px;
    font-size: 12px;
    text-transform: uppercase;
    background: url(../img/title-background.png) no-repeat;
    width: 138px;
    height: 22px;
    color: #fff;
    font-weight: 700
}

.og-grid {
    list-style: none;
    padding: 20px 0;
    margin: 0 auto;
    text-align: center;
    width: 100%
}

.get-quote p {
    font: 400 13px Arial, Helvetica, sans-serif;
    color: #5c5c5c;
    text-align: left;
    line-height: 20px
}

.si-bt {
    border-bottom: 1px dashed #b4b4b4;
    padding-bottom: 15px;
    margin: 8px 8px 16px
}

.get-quote label {
    font: 700 12px arial;
    margin: 14px 0 0;
    float: left;
    display: block;
    clear: both
}

.get-quote input[type=text] {
    background: #fbfbfb;
    border: 1px solid #d9e1e7;
    color: #54555a;
    padding: 6px 12px;
    outline: 0;
    margin: 9px 0 0;
    width: 216px
}

.get-quote textarea {
    background: #fbfbfb;
    border: 1px solid #d9e1e7;
    color: #54555a;
    padding: 6px 12px;
    outline: 0;
    margin: 9px 0 0;
    width: 216px;
    min-height: 71px
}

.get-quote input[type=submit] {
    border: none;
    cursor: pointer;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    height: 45px;
    text-transform: uppercase;
    margin-top: 13px;
    display: block;
    clear: both;
    width: 100%;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -o-transition: all ease .3s;
    -ms-transition: all ease .3s;
    transition: all ease .3s;
    float: left;
    background: #9ac037;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#9ac037), to(#6a9e32));
    background: -webkit-linear-gradient(#9ac037, #6a9e32);
    background: -moz-linear-gradient(#9ac037, #6a9e32);
    background: -ms-linear-gradient(#9ac037, #6a9e32);
    background: -o-linear-gradient(#9ac037, #6a9e32);
    background: linear-gradient(#9ac037, #6a9e32);
    -pie-background: linear-gradient(#9ac037, #6a9e32);
    behavior: url(/pie/PIE.htc);
    font-family: Franklin Gothic Demi Cond;
    font-size: 28px;
    color: #fff;
    text-shadow: 1px 1px 4px #666;
    -webkit-text-shadow: 1px 1px 4px #666;
    -moz-text-shadow: 1px 1px 4px #666;
    -ms-text-shadow: 1px 1px 4px #666;
    -o-text-shadow: 1px 1px 4px #666
}

.get-quote input[type=submit]:hover {
    background-color: #333 !important;
    color: #000;
    text-shadow: 1px 1px 4px #666;
    -webkit-text-shadow: 1px 1px 4px #666;
    -moz-text-shadow: 1px 1px 4px #666;
    -ms-text-shadow: 1px 1px 4px #666;
    -o-text-shadow: 1px 1px 4px #666
}

@media only screen and (max-width:990px) {
    .box6 {
        margin-bottom: 0
    }
}

.web-design-lft-cls .web-img-cls {
    margin-bottom: 32px
}

.web-design-lft-cls .web-img-cls img {
    box-shadow: 1px 2px 4px rgb(0 0 0 / 31%);
    padding: 7px;
    background: #fff;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%
}

.web-heading h3 {
    font-size: 35px;
    line-height: 45px;
    margin-bottom: 20px;
    text-transform: capitalize;
    font-weight: 700
}

.sml-caption h5 {
    color: #123958;
    font-size: 17px;
    font-weight: 600;
    text-transform: capitalize
}

.web-description p {
    color: #757575;
    font-size: 15px;
    margin-bottom: 11px;
    line-height: 26px
}

.web-list li {
    color: #757575;
    font-size: 15px;
    position: relative;
    margin-bottom: 11px;
    padding: 0 0 0 19px;
    line-height: 26px
}

.web-list li::before {
    content: '';
    position: absolute;
    background-color: #123958;
    left: 0;
    text-align: center;
    background-position: center;
    background-repeat: no-repeat;
    width: 8px;
    height: 8px;
    top: 7px;
    border-radius: 50%
}

.spc-service-ry {
    background: #262626;
    padding: 27px;
    float: left;
    box-shadow: 0 4px 7px rgb(134 134 134 / 75%);
    width: 100%;
    margin-bottom: 25px
}

.web-design-ryt-cls .service-enquiry-form form .contact-sap .form-group .form-control {
    border: 0;
    font-size: 13px;
    height: 42px;
    border-radius: 0;
    box-shadow: none
}

.web-design-ryt-cls .service-enquiry-form form .contact-sap textarea {
    min-height: 75px
}

.web-design-ryt-cls .service-enquiry-form form .contact-sap .sub-ct-btn-dgh {
    background: #123958;
    border: 0;
    padding: 12px;
    display: block;
    width: 100%;
    color: #fff;
    text-transform: capitalize;
    border-radius: 0
}

.cmt-sboxall-post-list li {
    padding: 16px 12px;
    border: 1px solid #f5f5f5;
    background-color: #fff;
    margin-bottom: 13px;
    outline: dashed 1px rgba(82, 82, 82, .5);
    outline-offset: -8px;
    -webkit-transition: all .4s ease 0s;
    -moz-transition: all .4s ease 0s;
    -ms-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s;
    background-color: #fff;
    transition: all .4s ease 0s;
    line-height: 22px
}

.cmt-sboxall-post-list li a {
    display: block;
    position: relative;
    color: #696969;
    z-index: 1;
    font-weight: 500;
    font-size: 13px;
    text-transform: capitalize
}

.cmt-sboxall-post-list li a .fa {
    padding: 0 5px 0 0
}

.m-top {
    margin-top: 0 !important
}

.mission-vision-main-caption h4 {
    margin-top: 0;
    text-transform: capitalize;
    font-weight: 600;
    color: #123958;
    font-size: 20px
}

.mission-vision-main-caption p {
    font-size: 15px;
    font-weight: 600;
    line-height: 24px
}

.mi-widcls {
    text-align: center;
    max-width: 785px;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.fin-text-btm p {
    font-size: 17px;
    text-align: center;
    line-height: 30px;
    background: #123958;
    clear: both;
    padding: 20px;
    border-radius: 8px;
    color: #fff
}

.enquire-nowcls {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    transform: translate(86px, 0);
    z-index: 99;
    justify-content: center;
    align-items: center;
    display: flex
}

.enquire-nowcls a {
    color: #fff;
    text-align: center;
    background: #123958;
    float: left;
    padding: 11px 34px 11px 34px;
    font-size: 16px;
    font-weight: 600;
    transform: rotate(-90deg);
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: Montserrat, sans-serif;
    display: inline-block;
    border-radius: 50px;
    border: 2px solid #fff
}

.enquiry-now-btn-cls-popup .modal-backdrop.in {
    opacity: .8
}

.enquiry-now-btn-cls-popup .modal .modal-content {
    width: 30%;
    background-color: transparent
}

.enquiry-now-btn-cls-popup .modal .modal-content .modal-header {
    padding: 0;
    min-height: auto;
    border-bottom: 0
}

.enquiry-now-btn-cls-popup .modal .modal-content .modal-header .close {
    background: #123958;
    position: absolute;
    color: whie;
    color: #fff;
    z-index: 9999999999999999;
    right: -16px;
    opacity: 1;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: 2px solid #fff;
    top: 22px;
    font-weight: 100
}

.enquiry-now-btn-cls-popup .modal .modal-body {
    background: #123958;
    border-radius: 8px;
    padding: 25px 0 0 0;
}

.enquiry-now-btn-cls-popup .modal .modal-body form {
    margin: 20px 0 0 0;
    padding: 20px 45px 45px;
    background: white;
    border-radius: 0 0 8px 8px;
}

.enquiry-now-btn-cls-popup .modal .modal-body form textarea {
    min-height: 100px
}

.enquiry-now-btn-cls-popup .modal .modal-body .get-pop h4 {
    margin-top: 0;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0
}

.enquiry-now-btn-cls-popup .modal .modal-body .get-pop .form-group .form-control {
    height: 42px;
    border: 0;
    box-shadow: none;

    height: 52px;
    border: 1px solid #f5f5f5;
    box-shadow: none;
    background: #f7fdff;
    border-radius: 0;
}

.enquiry-now-btn-cls-popup .modal .modal-body form .sub-pop-inn {
    background: #000;
    border: 0;
    color: #fff;
    padding: 13px;
    display: block;
    width: 100%;
    border-radius: 5px;
    text-transform: uppercase
}

.enquiry-now-btn-cls-popup .modal-dialog {
    z-index: 9999;
    justify-content: center;
    align-items: center;
    display: flex;
    height: 100%;
    width: 100%
}

.modal-icon-pop {
    position: absolute;
    left: -50px;
    top: 34px
}

.blog-content {
    background: #f6fbff;
    padding: 20px 26px;
    position: relative;
    text-align: center
}

.blog-inn-cls {
    position: relative;
    margin-bottom: 40px
}

.blog-inn-cls .blog-img img {
    position: relative
}

.blog-date {
    position: absolute;
    right: -5px;
    top: 21px
}

.blog-description h4 {
    margin-top: 0;
    font-size: 17px;
    font-weight: 600;
    line-height: 25px;
    color: #4c4c4c;
    margin-bottom: 5px
}

.blog-description h4 a {
    color: #4c4c4c
}

.blog-description p {
    color: #757575;
    font-size: 14px;
    margin-bottom: 11px;
    line-height: 24px
}

.blog-date span {
    margin: 0;
    background: #123958;
    padding: 8px 11px;
    color: #fff;
    display: inline-block
}

.blog-date span::before {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-top: 7px solid #123958;
    border-right: 6px solid transparent;
    top: 36px;
    right: 0
}

.main-blog .link-icon {
    position: absolute;
    bottom: -17px;
    left: 0;
    right: 0
}

.main-blog .link-icon .ico {
    background: #f6fbff;
    display: inline-block;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    color: #1d1d1d;
    line-height: 35px;
    border: 2px solid #f1f1f1
}

.blog-single-lft-cls {
    position: relative
}

.blog-single-lft-cls .blg-single-img img {
    box-shadow: 0 4px 7px rgb(134 134 134 / 75%);
    background: #f1f7f6;
    padding: 4px
}

.single-blog-description {
    margin: 37px 0 0 0
}

.single-blog-description h3 {
    font-size: 35px;
    font-style: normal;
    line-height: 40px;
    text-transform: capitalize;
    font-weight: 600
}

.single-blog-description .single-para p {
    color: #757575;
    font-size: 15px;
    margin-bottom: 11px;
    line-height: 25px
}

.blog-h5-head-cls h5 {
    font-size: 18px;
    margin-bottom: 20px;
    text-transform: capitalize;
    font-weight: 700;
    margin-top: 0
}

.seo-head-cls h6 {
    font-size: 17px;
    font-weight: 700;
    color: #123958;
    text-transform: capitalize
}

.blog-list ul li {
    position: relative;
    color: #757575;
    font-size: 15px;
    margin-bottom: 11px;
    padding: 0 0 0 35px;
    line-height: 26px
}

.blog-list ul li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 1px;
    background-image: url(../images/tick-icon.png);
    width: 25px;
    height: 26px
}

.single-blog-description .single-row-caption {
    background: #e4fcfa;
    padding: 32px;
    margin: 20px 0 20px 0;
    text-align: left
}

.single-blog-description .single-row-caption p {
    margin-bottom: 0;
    line-height: 28px;
    font-size: 15px
}

.blog-share-icon {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
    background: #fff;
    margin: 20px 0 0 0;
    border: 1px solid #f9f9f9;
    padding: 20px
}

.blog-share-icon h6 {
    display: inline-block;
    margin: 0;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 500
}

.blog-share-icon ul {
    padding: 0 0 0 12px;
    display: inline-block
}

.blog-share-icon ul li {
    margin: 0 6px 0 0;
    display: inline-block
}

.blog-share-icon ul li a {
    display: inline-block;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    line-height: 33px
}

.blog-enquiry-form .form-group .form-control {
    height: 46px;
    border-radius: 0
}

.blog-enquiry-form .form-group textarea {
    min-height: 80px
}

.blog-enquiry-form .sub-btn .sub-ct-btn-dgh {
    display: block;
    background: #123958;
    border: 0;
    width: 100%;
    color: #fff;
    padding: 14px;
    text-transform: uppercase
}

.blog-links {
    margin-bottom: 0
}

.blog-links .recent-blog-post-cls {
    clear: both;
    float: left;
    width: 100%;
    margin-bottom: 16px;
    border-bottom: 1px dashed #6b6b6b;
    padding-bottom: 14px
}

.blog-links .recent-blog-post-cls .recent-post-thumb {
    display: inline-block;
    float: left;
    width: 30%
}

.blog-links .recent-blog-post-cls .recent-post-desc {
    display: inline-block;
    padding: 0 0 0 10px;
    width: 70%
}

.blog-links .recent-blog-post-cls .recent-post-desc .text {
    display: block;
    color: #30bb4e;
    font-weight: 600;
    margin-bottom: 4px
}

.blog-links .recent-blog-post-cls .recent-post-desc a {
    color: #e8e8e8
}

.blog-ryt-width {
    width: 30%
}

.blog-lft-width {
    width: 70%
}

.map-contact iframe {
    border: 0;
    height: 450px
}

.contact-address-num {
    margin-top: 0
}

.contact-address-num .cont-inner {
    text-align: center;
    min-height: 310px;
    padding: 45px 18px
}

.contact-address-num .cont-inner .icon .fa {
    background: #123958;
    width: 95px;
    height: 95px;
    font-size: 43px;
    border-radius: 50%;
    color: #fff;
    line-height: 98px
}

.contact-address-num .cont-inner h4 {
    color: #fff;
    text-transform: capitalize;
    font-size: 22px;
    margin-top: 22px;
    margin-bottom: 17px
}

.contact-address-num .cont-inner p {
    margin-bottom: 8px;
    font-size: 14px;
    color: #fff
}

.contact-address-num .cont-inner p a {
    color: #fff
}

.contact-form form {
    margin: 35px 0 0 0
}

.contact-form {
    background: #fff;
    box-shadow: 0 0 30px 0 rgb(0 0 0 / 10%);
    padding: 38px 35px;
    float: left;
    width: 100%;
    border-radius: 7px
}

.contact-form h4 {
    text-align: center;
    font-size: 30px;
    text-transform: capitalize;
    margin-bottom: 16px;
    font-weight: 700
}

.contact-form .form-group {
    margin-bottom: 20px
}

.contact-form .form-group .form-control {
    height: 40px;
    font-weight: 500;
    box-shadow: none;
    background: #f7fdff;
    border: 1px solid #dcdcdc;
    border-radius: 0
}

.contact-form .form-group textarea {
    min-height: 130px
}

.contact-form .sub-ct-btn-dgh {
    border: 0;
    background: 0 0;
    text-transform: uppercase;
    letter-spacing: 1px
}

.contact-form .form-group .btn {
    border-radius: 0;
    background: #123958;
    margin: auto;
    display: block;
    padding: 16px 129px;
    color: #fff
}

.contact-sidebar-ryt-add-cls {
    box-shadow: 0 0 30px 0 rgb(0 0 0 / 10%)
}

.contact-sidebar-ryt-add-cls .contact-widget-wrapper {
    padding: 18px 17px 16px;
    background-color: #123958;
    border-radius: 10px 10px 0 0;
    color: #fff;
    text-align: center
}

.contact-sidebar-ryt-add-cls .contact-widget-wrapper .heading-title {
    color: #fff;
    font-size: 24px;
    margin: 0;
    text-align: center
}

.contact-sidebar-ryt-add-cls .our-location {
    padding: 18px;
    border-bottom: 1px solid #e7e7e7
}

.contact-sidebar-ryt-add-cls .our-location .icon-holder {
    display: inline-block;
    width: 20%;
    float: left
}

.contact-sidebar-ryt-add-cls .our-location .icon-holder .fa {
    background-color: #fff;
    box-shadow: 0 0 26px 0 rgb(0 0 0 / 8%);
    color: #123958;
    height: 53px;
    width: 53px;
    border-radius: 50%;
    font-size: 24px;
    text-align: center;
    line-height: 51px;
    border: 1px solid #ececec
}

.contact-sidebar-ryt-add-cls .our-location .location-txt-custom {
    display: inline-block;
    width: 80%
}

.contact-sidebar-ryt-add-cls .our-location .location-txt-custom h3 {
    margin-top: 5px;
    text-transform: capitalize;
    color: #424242;
    font-size: 20px;
    font-weight: 600
}

.contact-sidebar-ryt-add-cls .our-location .location-txt-custom p {
    color: #757575;
    font-size: 15px;
    margin-bottom: 0;
    position: relative;
    line-height: 24px
}

.cbdf {
    padding-right: 5px;
    padding-left: 5px
}

.contact-sidebar-ryt-add-cls .our-location .location-txt-custom p a {
    color: #757575;
    font-size: 15px;
    margin-bottom: 0;
    position: relative;
    line-height: 24px
}

.test-spce {
    padding: 37px 28px 25px 28px;
    position: relative
}

.test-spce::before {
    content: '';
    background-image: url(../images/circle3.png);
    background-repeat: no-repeat;
    height: 437px;
    width: 137px;
    position: absolute;
    right: 0;
    opacity: .4;
    top: 0
}

.testimonial-area {
    background: #fff;
    box-shadow: 0 3px 7px rgb(74 74 74 / 8%);
    margin-bottom: 50px;
    border: 1px solid #f5f5f5;
    position: relative
}

.testimonial-area .testi-img {
    position: absolute;
    top: -24px
}

.testi-txt {
    position: relative
}

.testi-txt p {
    color: #757575;
    font-size: 14px;
    margin-bottom: 0;
    line-height: 25px
}

.testi-name {
    background: #202020;
    padding: 14px 31px
}

.testi-name h5 {
    margin-top: 0;
    color: #fff;
    display: inline-block;
    margin-bottom: 0
}

.testi-name span {
    color: #fff;
    display: inline-block
}

.carrer-heading-cls {
    position: absolute;
    right: 0;
    padding: 12px 20px;
    left: 0;
    bottom: 0;
    top: 0;
    justify-content: center;
    align-items: center;
    display: flex
}

.carrer-heading-cls h3 {
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-size: 40px;
    line-height: 51px;
    font-weight: 700
}

.career-lft-cls {
    background: #123958;
    float: left;
    width: 100%;
    padding: 50px 70px 90px 70px
}

.career-lft-cls form .form-group {
    margin: 7px
}

.career-lft-cls form .form-group .form-control {
    height: 51px;
    border-radius: 0;
    font-weight: 500;
    border: 0
}

.career-lft-cls form textarea {
    min-height: 112px
}

.career-lft-cls form .des {
    color: #fff;
    text-transform: capitalize
}

.career-lft-cls form .btn {
    border-radius: 0;
    background: #191919;
    margin-top: 4px;
    padding: 16px 20px;
    color: #fff;
    width: 100%
}

.career-lft-cls form .btn .sub-ct-btn-dgh {
    text-transform: uppercase;
    background: 0 0;
    border: 0;
    letter-spacing: 1px
}

.career-lft-cls form .form-group .resume-cs {
    color: #fff
}

.career-lft-cls form .contact-sdsp {
    padding: 0
}

.career-ryt-cls {
    position: relative
}

.spce-zero-ryt {
    padding-right: 0
}

.spce-zero-lft {
    padding-left: 0
}

.career-overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-image: linear-gradient(#0c0c0c99, #000000d9)
}

.enq-form-multiservice .form-group {
    margin-bottom: 23px
}

.enq-form-multiservice .form-group .form-control {
    height: 58px;
    font-weight: 500;
    border: 1px solid #f1f0f0;
    box-shadow: none;
    background: #f7fdff;
    border-radius: 0
}

.enq-form-multiservice .form-group textarea {
    min-height: 135px
}

.enq-form-multiservice .form-group .sub-pop-inn {
    background: #123958;
    border: 0;
    color: #fff;
    padding: 20px;
    display: block;
    width: 100%;
    border-radius: 5px;
    text-transform: uppercase
}

.hvr-shutter-in-horizontal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    background: #2098d1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-shutter-in-horizontal:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-shutter-in-horizontal:active,
.hvr-shutter-in-horizontal:focus,
.hvr-shutter-in-horizontal:hover {
    color: #fff
}

.hvr-shutter-in-horizontal:active:before,
.hvr-shutter-in-horizontal:focus:before,
.hvr-shutter-in-horizontal:hover:before {
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
}

.hvr-shutter-in-horizontal2 {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    background: #2098d1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-shutter-in-horizontal2:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #0e0e0e;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-shutter-in-horizontal2:active,
.hvr-shutter-in-horizontal2:focus,
.hvr-shutter-in-horizontal2:hover {
    color: #fff
}

.hvr-shutter-in-horizontal2:active:before,
.hvr-shutter-in-horizontal2:focus:before,
.hvr-shutter-in-horizontal2:hover:before {
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
}

.hvr-shutter-in-horizontal3 {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    background: #262626;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-shutter-in-horizontal3:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #262626;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-shutter-in-horizontal3:active,
.hvr-shutter-in-horizontal3:focus,
.hvr-shutter-in-horizontal3:hover {
    color: #fff
}

.hvr-shutter-in-horizontal3:active:before,
.hvr-shutter-in-horizontal3:focus:before,
.hvr-shutter-in-horizontal3:hover:before {
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
}

.onload-popup-hme .modal-header {
    padding: 0;
    min-height: auto;
    border-bottom: 0
}

.onload-popup-hme .modal-dialog {
    z-index: 9999;
    justify-content: center;
    align-items: center;
    display: flex;
    margin: 0;
    height: 100%;
    width: 100%
}

.onload-popup-hme .modal-content {
    width: 40%;
    background: 0 0
}

.onload-popup-hme .close {
    position: absolute;
    z-index: 9;
    color: #fff;
    right: -12px;
    opacity: 1;
    background: #123958;
    text-shadow: none;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    top: -11px;
    border: 2px solid #fff;
    margin-top: 0;
    line-height: 29px
}

.onload-popup-hme .modal-body {
    padding: 0
}

.onload-popup-hme .row {
    margin: 0
}

.onload-popup-hme .modal-body h1 {
    padding: 18px 17px 16px;
    background-color: #123958;
    border-radius: 10px 10px 0 0;
    color: #fff;
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 23px
}

.onload-popup-main {
    padding: 35px 20px;
    float: left;
    width: 100%;
    background: #fff;
    border-radius: 0 0 10px 10px;
    clear: both
}

.onload-popup-main form .form-group .form-control {
    height: 52px;
    border: 1px solid #f5f5f5;
    box-shadow: none;
    background: #f7fdff;
    border-radius: 0
}

.onload-popup-main .sub-pop-inn {
    border-radius: 0;
    background: #232323;
    margin: auto;
    display: block;
    padding: 17px 129px;
    color: #fff;
    border: 0;
    width: 100%;
    text-transform: uppercase;
    letter-spacing: 1px
}

.res-toggle-links-header-content {
    display: none
}

.enquiry-now-btn-cls-popup .modal-dialog {
    margin: 0
}

.timeline {
    list-style: none;
    padding: 0;
    position: relative;
    margin-bottom: 0;
    height: 100%;
    float: left;
    width: 100%
}

.timeline:before {
    top: 0;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 3px;
    background-color: #d6d6d6;
    left: 50%;
    margin-left: -1.5px
}

.timeline > li {
    margin-bottom: 50px;
    float: left;
    width: 100%;
    position: relative
}

.resume-timeline > li:after,
.resume-timeline > li:before,
.timeline > li:after,
.timeline > li:before {
    content: " ";
    display: table
}

.timeline-image-left {
    text-align: right;
    padding: 0 55px 0 0
}

.timeline-image-left .timeline-image-body {
    position: relative
}

.timeline h5 {
    color: #efefef;
    font-weight: 600;
    font-size: 17px;
    margin: 0;
    text-transform: capitalize;
    background: #202020;
    letter-spacing: 1px;
    display: block;
    padding: 12px 23px;
    border-bottom: 1px solid #efefef
}

.timeline-image-left .content-top-space {
    color: #888;
    font-weight: 600
}

.timeline-image-body img {
    margin: 0 auto
}

.image-bottom-space20 {
    padding-bottom: 20px
}

.timeline > li > .timeline-badge {
    color: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 30px;
    text-align: center;
    position: absolute;
    top: 16px;
    left: 50%;
    margin-left: -25px;
    background-color: #123958;
    z-index: 100;
    border-radius: 50%;
    box-shadow: 0 12px 19px 4px rgb(0 0 0 / 20%)
}

.timeline > li.timeline-inverted > .timeline-panel {
    float: right
}

.timeline > li > .timeline-panel {
    width: 40%;
    float: left;
    padding: 20px;
    position: relative
}

.timeline-panel {
    background-color: #123958;
    margin: 0 0 0 55px;
    box-shadow: 0 12px 19px 4px rgb(0 0 0 / 20%)
}

.testi-ryt-cls-deg {
    margin: 0 55px 0 0
}

.testi-ryt-cls-deg .timeline-body {
    position: relative
}

.testi-ryt-cls-deg .timeline-body::after {
    top: 27px !important;
    right: -14px !important;
    display: inline-block !important;
    border-top: 14px solid transparent !important;
    border-left: 14px solid #123958 !important;
    border-right: 0 solid #44b5f7 !important;
    border-bottom: 14px solid transparent !important;
    content: " " !important;
    left: auto !important
}

.test-mt-30 {
    margin-top: 30px !important
}

.timeline-panel .timeline-body {
    position: relative;
    padding: 15px 15px
}

.timeline-panel .timeline-body p {
    color: #fff;
    font-size: 15px;
    margin-bottom: 0;
    position: relative;
    line-height: 26px
}

.timeline-inverted .timeline-panel .testi-bdy-clsh {
    position: relative
}

.timeline-inverted .timeline-panel .testi-bdy-clsh::after {
    position: absolute;
    top: 27px;
    right: -14px;
    display: inline-block;
    border-top: 14px solid transparent;
    border-left: 14px solid #123958;
    border-right: 0 solid #44b5f7;
    border-bottom: 14px solid transparent;
    content: " ";
    left: auto
}

.timeline-panel .timeline-body::after {
    content: '';
    position: absolute;
    top: 27px;
    left: -14px;
    display: inline-block;
    border-top: 14px solid transparent;
    border-left: 14px solid #123958;
    border-right: 0 solid #123958;
    border-bottom: 14px solid transparent;
    border-left-width: 0;
    border-right-width: 14px;
    right: auto
}

.timeline > li > .timeline-panel:after {
    position: absolute;
    top: 27px;
    right: -14px;
    display: inline-block;
    border-top: 14px solid transparent;
    border-left: 14px solid #44b5f7;
    border-right: 0 solid #44b5f7;
    border-bottom: 14px solid transparent;
    content: " "
}

.tp-spce-testimonial-ryt {
    margin: 0 55px 0 0
}

.testi-img-right {
    text-align: left;
    padding: 0 0 0 55px
}

.hvr-shutter-in-vertical {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    background: #2098d1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.hvr-shutter-in-vertical:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-shutter-in-vertical:active,
.hvr-shutter-in-vertical:focus,
.hvr-shutter-in-vertical:hover {
    color: #fff
}

.hvr-shutter-in-vertical:active:before,
.hvr-shutter-in-vertical:focus:before,
.hvr-shutter-in-vertical:hover:before {
    -webkit-transform: scaleY(0);
    transform: scaleY(0)
}

.adsaikat-flip-demo {
    position: relative;
    width: 300px;
    height: 200px;
    overflow: hidden;
    margin: 0 auto
}

.adsaikat-flip-demo figure {
    margin: 0;
    padding: 0;
    position: relative;
    cursor: pointer;
    margin-left: -50px
}

.adsaikat-flip-demo figure img {
    display: block;
    position: relative;
    z-index: 10;
    margin: -15px 0;
    width: 100%
}

.adsaikat-flip-demo figure figcaption {
    display: block;
    position: absolute;
    z-index: 9;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.adsaikat-flip-demo figure h2 {
    font-family: 'Yanone Kaffeesatz', sans-serif;
    color: #fff;
    margin: 10px 0;
    font-size: 26px;
    text-align: left;
    font-weight: 300
}

.adsaikat-flip-demo figure p {
    display: block;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-size: 16px;
    line-height: 18px;
    margin: 0;
    color: #fff;
    text-align: left;
    font-weight: 200
}

.adsaikat-flip-demo figure figcaption {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 29px 44px;
    background-color: #1a4c6e;
    text-align: center;
    backface-visibility: hidden;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

.adsaikat-flip-demo figure img {
    backface-visibility: hidden;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

.adsaikat-flip-demo figure:hover img {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    transform: rotateY(180deg);
    opacity: 0
}

.adsaikat-flip-demo figure:hover figcaption {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    transform: rotateY(0)
}

aside {
    width: 100%;
    margin-right: 0;
    height: 200px;
    background-color: #58b885;
    position: absolute
}

aside.fixed {
    position: fixed;
    width: 320px;
    right: auto
}

/* .fix-bot {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 99;
    margin: 10px
} */

.red-head-new-sg h2 {
    color: #123958
}

.lft-ft-txtsh {
    background: #123958;
    background: -moz-linear-gradient(45deg, #123958 0, #2e6e78 100%);
    background: -webkit-linear-gradient(45deg, #123958 0, #2e6e78 100%);
    background: linear-gradient(45deg, #123958 0, #2e6e78 100%);
    padding: 42px 30px;
    height: 129px
}

.lft-ft-txtsh p {
    margin-bottom: 0;
    color: #fff;
    text-transform: capitalize;
    font-size: 21px;
    font-weight: 700;
    line-height: 41px
}

.ryt-btn-cls-ft-djb {
    background: #202020;
    text-align: center;
    padding: 42px 64px
}

.top-footerlcs-gd .col-md-4 {
    height: 129px
}

.ryt-btn-cls-ft-djb a {
    display: inline-block;
    padding: 13px 35px;
    color: #fff;
    background: #262626;
    font-weight: 600;
    display: inline-block;
    text-transform: uppercase;
    border-radius: 6px;
    font-size: 15px;
    border: 1px solid #fff;
    overflow: hidden
}

#sidebarWrap {
    height: 400px;
    width: 100%;
    float: right;
    position: relative;
    box-shadow: none;
    border: none;
    margin: 0;
    padding: 0
}

#main {
    background: 0 0;
    height: 2000px
}

#footer {
    clear: both;
    margin: 0
}

#sidebar {
    width: 247px;
    height: auto;
    position: absolute;
    background: #123958;
    padding: 26px 17px
}

#header {
    height: 200px;
    margin-bottom: 10px;
    background: #333
}

#sidebar.fixed {
    position: fixed;
    top: 0
}

.services .service-txt .service-innon h2 {
    font-size: 24px
}

.team-home .col-md-3 {
    padding: 0
}

.thank-you-page-cls .read-btn {
    margin-top: 20px;
    margin-left: 0
}

.thank-you-page-cls {
    text-align: center;
    background: -webkit-linear-gradient(45deg, #123958 0, #2e6e78 100%);
    background: linear-gradient(45deg, #123958 0, #2e6e78 100%)
}

.thank-you-page-cls .title-service h2 {
    color: #fff
}

.thank-you-page-cls p {
    color: #f7f7f7;
    font-size: 20px;
    margin-top: 25px;
    margin-bottom: 11px;
    line-height: 25px
}

.payment-cls-dgb {
    padding: 0 !important
}

#form-pop #contact32-form .col-md-12,
.spc-service-ry #contact100-form .contact-sap small {
    color: #fff
}

.blue-color-div-cls-rfn {
    background: #123958;
    clear: both;
    padding: 20px;
    border-radius: 8px;
    color: #fff;
    text-align: center
}

.about-section-nw-pg-dh {
    background: #f8f8f8;
    width: 100%;
    float: left;
    position: relative;
    padding: 80px 0 77px 0
}

.about-section-nw-pg-dh::before {
    content: '';
    background: -webkit-linear-gradient(45deg, #123958 0, #2e6e78 100%);
    background: linear-gradient(45deg, #123958 0, #2e6e78 100%);
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
    width: 25%;
    bottom: 0
}

.about-new-section {
    position: relative
}

.ab-bg-content-wrapper {
    position: relative
}

.pd-ze {
    padding: 0
}

.wrapper-ryt-img img {
    z-index: 1
}

.pt-10 {
    padding-top: 10px
}

.ab-wrapper-description-cls {
    padding: 0 25px
}

.sml-title {
    color: #f8931f;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 16px
}

.about-lft-dgd-border {
    border-left: 4px solid #f8931f;
    padding: 0 0 0 20px
}

.fit-out-inn-cls-wb {
    position: relative;
    margin-bottom: 8px
}

.icon-ab {
    position: absolute;
    left: 0;
    padding: 0;
    width: 50px;
    text-align: -webkit-auto;
    line-height: 140px;
    top: 10px;
    display: block;
    border: 0
}

.icon-ab img {
    max-width: 35px;
    text-align: center;
    margin: auto;
    display: block;
    line-height: 117px
}

.ab-wrapper-description-cls .des-para {
    display: inline-block;
    padding: 0 0 0 54px
}

.ab-wrapper-description-cls .des-para h3 {
    margin-top: 13px;
    font-size: 21px;
    font-weight: 600
}

.ab-wrapper-description-cls .des-para p {
    line-height: 25px
}

.pattern-box-cls-wd {
    position: relative
}

.pattern-box-cls-wd::after {
    content: '';
    background-image: url(../images/pattern-bg.png);
    background-repeat: no-repeat;
    height: 296px;
    opacity: 1;
    width: 292px;
    position: absolute;
    left: 0;
    bottom: 0
}

.pattern-box-cls-wd-new {
    position: relative
}

.pattern-box-cls-wd-new::after {
    content: '';
    background-image: url(../images/pattern-bg.png);
    background-repeat: no-repeat;
    height: 296px;
    opacity: 1;
    width: 292px;
    position: absolute;
    right: 0;
    bottom: 0
}

@media only screen and (max-width :1300px) {
    .line-success .line-success-inner .clients-area .client-inner {
        min-height: 324px
    }
}

@media only screen and (max-width :1200px) {
    .career-lft-cls {
        padding: 47px 44px
    }

    .lft-ft-txtsh p {
        font-size: 18px
    }

    .lft-ft-txtsh {
        padding: 42px 25px
    }
}

@media only screen and (max-width :1100px) {
    .banner-text .text-grid {
        padding: 0 64px 0 0
    }

    .fullscreen-toggle-cls .overlay-fullscreen {
        padding: 0 35px
    }

    .partners-caption {
        min-height: 86px;
        justify-content: center;
        align-items: center;
        display: flex;
        text-align: left
    }

    header .header-tabs nav ul li a {
        padding: 0 14px 29px 14px
    }
}

@media only screen and (max-width :991px) {
    .res-des-edhs-sd {
        margin-top: 50px
    }

    .digital-lf-cls .digi-inner .digi-img img {
        border-radius: 7px;
        width: 100%
    }

    .ab-wrapper-description-cls .read-btn {
        margin-left: 47px
    }

    .about-section-nw-pg-dh::before {
        background: 0 0
    }

    .yrs-exp {
        left: 0
    }

    .ab-wrapper-description-cls {
        padding: 0 25px 0 0;
        margin-top: 50px
    }

    .min-height-web .mv-cls {
        min-height: 630px
    }

    .container .main-about .payment-1 .payment-widauto-cls-wbn {
        width: auto !important
    }

    .main-about .payment-1 .payment-lft-cls-wbn {
        width: 50% !important;
        margin-right: 0
    }

    .payment-1 .payment-ryt-cls-wbn {
        width: 50% !important
    }

    .ml20 {
        margin-left: 0 !important
    }

    .left {
        float: none !important
    }

    .right {
        float: none !important
    }

    .banner-text .text-grid {
        padding: 0 64px 0 0
    }

    .lft-ft-txtsh p {
        line-height: 33px
    }

    .lft-ft-txtsh {
        text-align: center;
        height: auto
    }

    .image-bottom-space20 {
        padding-bottom: 5px
    }

    .timeline-panel {
        margin: 0 0 0 55px
    }

    .timeline:before {
        left: 0
    }

    .timeline > li > .timeline-badge {
        left: 0
    }

    .timeline-image-left {
        text-align: center;
        padding: 0 0 0 55px
    }

    .testi-img-right {
        text-align: center
    }

    .tp-spce-testimonial-ryt {
        margin: 0 0 0 55px
    }

    .res-toggle-links-header-content .menu-submenu li {
        border-bottom: 1px dashed #365269 !important;
        line-height: 32px
    }

    .career-ryt-cls {
        clear: both;
        margin: 40px 0 0 0;
        float: left;
        width: 100%
    }

    .spce-zero-lft {
        padding-right: 0
    }

    .spce-zero-ryt {
        padding-left: 0
    }

    .enquiry-now-btn-cls-popup .modal .modal-content {
        width: 50%
    }

    .onload-popup-hme .modal-content {
        width: 67%
    }

    .contact-sidebar-ryt-add-cls {
        clear: both;
        clear: both;
        margin: 45px 0 0 0;
        float: left;
        width: 100%
    }

    .contact-sidebar-ryt-add-cls .contact-widget-wrapper {
        clear: both
    }

    .res-toggle-links-header-content .menu-submenu {
        background: #123958;
        border-radius: 5px;
        padding: 10px
    }

    .fullscreen-toggle-cls .overlay-content ul li .fa {
        color: #dadada;
        font-size: 14px
    }

    .res-toggle-links-header-content .menu-submenu li a {
        color: #fff !important;
        padding: 5px 8px;
        font-size: 13px !important
    }

    .button_container {
        position: absolute;
        top: 13px;
        right: 2%;
        height: 27px;
        width: 31px;
        cursor: pointer;
        z-index: 100;
        -webkit-transition: opacity .25s ease;
        transition: opacity .25s ease
    }

    .button_container:hover {
        opacity: .7
    }

    .button_container.active .top {
        -webkit-transform: translateY(11px) translateX(0) rotate(45deg);
        transform: translateY(11px) translateX(0) rotate(45deg);
        background: #fff
    }

    .button_container.active .middle {
        opacity: 0;
        background: red
    }

    .button_container.active .bottom {
        -webkit-transform: translateY(-11px) translateX(0) rotate(-45deg);
        transform: translateY(-11px) translateX(0) rotate(-45deg);
        background: #fff;
        top: 21px
    }

    .button_container span {
        background: #ff5252;
        border: none;
        height: 3px;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        -webkit-transition: all .35s ease;
        transition: all .35s ease;
        cursor: pointer
    }

    .button_container span:nth-of-type(2) {
        top: 10px
    }

    .button_container span:nth-of-type(3) {
        top: 18px
    }

    .overlay {
        position: fixed;
        background: #0c0c0c;
        top: 0;
        left: 0;
        width: 100%;
        height: 0%;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: opacity .35s, visibility .35s, height .35s;
        transition: opacity .35s, visibility .35s, height .35s;
        overflow-y: scroll;
        overflow-x: hidden;
        z-index: 99
    }

    .overlay.open {
        opacity: 1;
        visibility: visible;
        height: 100%
    }

    .overlay.open li {
        -webkit-animation: fadeInRight .5s ease forwards;
        animation: fadeInRight .5s ease forwards;
        -webkit-animation-delay: .35s;
        animation-delay: .35s
    }

    .overlay.open li:nth-of-type(2) {
        -webkit-animation-delay: .4s;
        animation-delay: .4s
    }

    .overlay.open li:nth-of-type(3) {
        -webkit-animation-delay: .45s;
        animation-delay: .45s
    }

    .overlay.open li:nth-of-type(4) {
        -webkit-animation-delay: .5s;
        animation-delay: .5s
    }

    .overlay nav {
        position: relative;
        height: 70%;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        text-align: center
    }

    .overlay ul {
        list-style: none;
        padding: 0;
        margin: 0 auto;
        position: relative;
        height: 100%
    }

    .overlay ul li {
        display: block;
        line-height: 35px;
        position: relative;
        opacity: 0;
        width: 100%
    }

    .overlay ul li a {
        display: block;
        position: relative;
        color: #fff;
        padding: 6px 0;
        text-transform: uppercase;
        text-decoration: none;
        overflow: hidden;
        font-family: 'Nexa Light';
        font-size: 17px;
        border-bottom: 1px dashed grey
    }

    .overlay ul li a:active:after,
    .overlay ul li a:focus:after,
    .overlay ul li a:hover:after {
        width: 100%
    }

    .overlay ul li a:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        width: 0%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        background: #fff;
        -webkit-transition: .35s;
        transition: .35s
    }

    @-webkit-keyframes fadeInRight {
        0% {
            opacity: 0;
            left: 20%
        }

        100% {
            opacity: 1;
            left: 0
        }
    }

    @keyframes fadeInRight {
        0% {
            opacity: 0;
            left: 20%
        }

        100% {
            opacity: 1;
            left: 0
        }
    }

    #menu-wrapper {
        overflow: hidden;
        max-width: 100%;
        cursor: pointer
    }

    #menu-wrapper #hamburger-menu {
        position: relative;
        width: 25px;
        height: 20px;
        margin: 15px
    }

    #menu-wrapper #hamburger-menu span {
        opacity: 1;
        left: 0;
        display: block;
        width: 100%;
        height: 2px;
        border-radius: 10px;
        color: #000;
        background-color: #fff;
        position: absolute;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transition: .4s ease-in-out;
        transition: .4s ease-in-out
    }

    #menu-wrapper #hamburger-menu span:nth-child(1) {
        top: 0
    }

    #menu-wrapper #hamburger-menu span:nth-child(2) {
        top: 9px
    }

    #menu-wrapper #hamburger-menu span:nth-child(3) {
        top: 18px
    }

    #menu-wrapper #hamburger-menu.open span:nth-child(1) {
        top: 9px;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg)
    }

    #menu-wrapper #hamburger-menu.open span:nth-child(2) {
        opacity: 0;
        left: -60px
    }

    #menu-wrapper #hamburger-menu.open span:nth-child(3) {
        top: 9px;
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg)
    }

    #menu-container .menu-list .menu-submenu {
        padding-bottom: 20px
    }

    #menu-container .menu-list {
        padding-left: 0;
        display: block;
        position: absolute;
        width: 100%;
        max-width: 450px;
        background: #fff;
        box-shadow: rgba(100, 100, 100, .2) 6px 2px 10px;
        z-index: 999;
        overflow-y: auto;
        overflow-x: hidden;
        left: -100%
    }

    #menu-container .menu-list .menu-login,
    #menu-container .menu-list li.accordion-toggle {
        font-size: 16px;
        padding: 20px;
        text-transform: uppercase;
        border-top: 1px solid #dbdcd2
    }

    #menu-container .menu-list li:first-of-type {
        border-top: 0
    }

    .accordion-content,
    .accordion-toggle {
        cursor: pointer;
        font-size: 16px;
        position: relative;
        letter-spacing: 1px
    }

    .accordion-content {
        display: none
    }

    .accordion-toggle span[class^=icon-] {
        position: absolute;
        right: 10px;
        color: #fff;
        font-size: 30px;
        top: calc(42% - 16px)
    }

    .accordion-toggle span.icon-minus,
    .accordion-toggle span.icon-plus {
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transition: all .5s ease;
        transition: all .5s ease
    }

    .accordion-toggle span.icon-plus {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .icon-minus:before {
        content: "\2013"
    }

    .icon-plus:before {
        content: "+";
        color: #9e9e9e
    }

    .main-custom-toggle-al-pg {
        display: none
    }

    .res-toggle-links-header-content {
        display: block
    }

    .res-toggle-links-header-content .res-fullscreen-menu {
        text-align: left;
        padding: 0 15px
    }

    .res-toggle-links-header-content .res-fullscreen-menu h3 {
        color: #fff;
        text-transform: capitalize
    }

    .overlay-content {
        top: 9%
    }

    .bottom-links-toggle {
        display: none
    }

    .fullscreen-toggle-cls .menu-two-custom ul li a {
        font-size: 17px !important;
        font-weight: 500
    }

    .bottom-links-toggle .link-tog {
        background: #123958;
        background: -moz-linear-gradient(45deg, #123958 0, #2e6e78 100%);
        background: -webkit-linear-gradient(45deg, #123958 0, #2e6e78 100%);
        background: linear-gradient(45deg, #123958 0, #2e6e78 100%)
    }

    .fullscreen-toggle-cls .overlay-fullscreen {
        overflow-y: scroll
    }

    .partners-caption {
        min-height: 60px
    }

    .partners-caption h3 {
        display: block;
        text-align: left;
        width: 100%
    }

    .partners-areacls:nth-child(11),
    .partners-areacls:nth-child(14),
    .partners-areacls:nth-child(17),
    .partners-areacls:nth-child(2),
    .partners-areacls:nth-child(5),
    .partners-areacls:nth-child(8) {
        position: relative;
        top: 0
    }

    .partners-areacls:nth-child(12),
    .partners-areacls:nth-child(15),
    .partners-areacls:nth-child(18),
    .partners-areacls:nth-child(3),
    .partners-areacls:nth-child(6),
    .partners-areacls:nth-child(9) {
        position: relative;
        top: 0
    }

    .misson-vision .mi-vi-inner {
        padding: 60px 45px
    }

    .misson-vision .mi-vi-inner .mv-cls {
        margin-bottom: 30px
    }

    .cmt_single_image-wrapper.border-style1:after {
        top: -98px;
        left: -81px
    }

    .res-pd-btm-ze {
        padding-bottom: 75px !important
    }

    .res-pd-top-ze {
        padding-top: 75px !important
    }

    .main-about .ab-ry-cls {
        padding: 83px 0 0 0
    }

    .about-overlay-shape.style2 {
        left: 35px
    }

    .inner-pg-heading {
        top: 255px
    }

    .line-success .line-success-inner .clients-area .client-inner {
        margin-bottom: 30px
    }

    .our-team .main-team .box10:after {
        border-width: 230px 308px
    }

    .web-reason .main-wrapper .one-web {
        min-height: 478px
    }

    header .main-header {
        margin: 60px 0 0 0
    }

    .banner {
        margin: 105px 0 0 0
    }

    .res-div-number {
        background: #123958;
        float: left;
        padding: 10px 0;
        width: 100%
    }

    .res-div-number .res-header-top-number {
        float: right
    }

    .res-div-number .res-header-top-number a {
        background: #123958;
        display: inline-block;
        padding: 10px 45px;
        border-radius: 8px;
        float: left;
        color: #fff;
        text-transform: capitalize
    }

    .res-div-number .res-social-top-icons {
        float: left
    }

    .res-div-number .res-social-top-icons .icon {
        display: inline-block
    }

    .res-div-number .res-social-top-icons .icon img {
        max-width: 34px
    }

    .res-div-number .res-social-top-icons ul {
        display: inline-block
    }

    .res-div-number .res-social-top-icons ul li {
        margin: 0 1px;
        display: inline-block;
        color: #fff;
        line-height: 40px
    }

    .res-div-number .res-social-top-icons ul li a {
        color: #fff;
        font-size: 14px
    }

    header .header-tabs nav ul li a {
        font-size: 14px;
        padding: 0 10px 29px 10px
    }

    header .header-tabs nav {
        padding: 0 50px 0 0
    }

    header .header-tabs nav ul {
        display: none
    }

    .nav-down .main-header {
        padding: 17px 0 13px 0
    }

    .open-toggle {
        top: -11px
    }

    header .header-logo {
        float: left
    }

    .web-reason .main-wrapper .one-web {
        padding: 50px 15px
    }

    .services .service-txt .col-md-6 {
        min-height: auto
    }

    .services .main-service .service-heading {
        min-height: auto;
        padding: 70px 36px;
        display: block
    }

    .services .service-txt .service-innon {
        padding: 44px 11px;
        min-height: 365px
    }

    .about-tabbing-cls .nav-pills li {
        margin: 0 10px 10px 0;
        display: block;
        float: none
    }

    .about-tabbing-cls .tab-ab-img img {
        width: 100%
    }

    .res-mt-50 {
        margin-top: 50px
    }

    .res-mt-30 {
        margin-top: 30px
    }

    .res-mt-20 {
        margin-top: 30px
    }

    .res-mt-10 {
        margin-top: 30px
    }

    .res-mt {
        margin-top: 0
    }

    .digi-txt-cls {
        padding: 45px 0 0 0;
        clear: both
    }

    footer .top-spce {
        margin-bottom: 25px
    }

    .blog-lft-width {
        width: 100%
    }

    .blog-ryt-width {
        width: 100%
    }

    .blog-single-ryt-cls {
        margin: 50px 0 0 0
    }

    .fullscreen-toggle-cls .overlay-fullscreen {
        padding: 0 12px 0 6px
    }
}

@media only screen and (max-width :768px) {
    .pd-btm-cls-90 {
        padding-bottom: 90px !important
    }

    .res-pd-top-none-dhdcf {
        padding-top: 0 !important
    }

    .history-inn-about .res-pd-top-none-dhdcf {
        padding-top: 0 !important
    }

    .web-des-pg-btn-jwb {
        position: relative;
        z-index: 9;
        top: 0;
        margin: 36px 0 0 6px !important
    }

    .para-title-heading-cls-main {
        line-height: 28px !important
    }

    .min-height-web .mv-cls {
        min-height: auto
    }

    .payment-input-cls-sdg {
        width: 100% !important
    }

    .main-about .payment-1 .payment-lft-cls-wbn {
        width: 100% !important
    }

    .payment-1 .payment-ryt-cls-wbn {
        width: 100% !important
    }

    .technology .row .left .technology_logo ul li {
        width: 130px;
        height: 130px
    }

    .technology .row .left .technology_logo {
        margin: 40px 0 0 0
    }

    .work-area .main-work-area {
        display: block
    }

    .work-area h1 {
        margin: 0;
        padding-bottom: 22px
    }

    .about-area .main-about .ab-txt-cls .list .row {
        margin: 20px 0 19px 0
    }

    .web-reason .main-wrapper .bg-cl {
        border-bottom: 1px solid #e4e4e4
    }

    .enquiry-now-btn-cls-popup .modal .modal-content {
        width: 60%
    }

    .onload-popup-main .sub-pop-inn {
        padding: 17px 16px
    }

    .contact-form .form-group {
        margin-bottom: 15px
    }

    .contact-form {
        padding: 35px 10px
    }

    .border-sm-line img {
        max-width: 128px
    }

    .fullscreen-toggle-cls .overlay-content ul {
        padding-top: 14px
    }

    .bottom-links-toggle .link-tog ul li a {
        font-size: 14px;
        text-transform: capitalize;
        padding: 12px 9px
    }

    .about-tabbing-cls .nav-pills li {
        margin: 0 0 10px 0
    }

    #scroll {
        width: 30px;
        bottom: 95px;
        height: 30px
    }

    #scroll span {
        margin-left: -6px;
        border-bottom-color: #fff !important;
        margin-top: -10px;
        border: 6px solid transparent
    }

    .enquire-nowcls {
        transform: translate(70px, 0)
    }

    .enquire-nowcls a {
        padding: 9px 21px 9px 21px;
        font-size: 15px
    }

    footer .main-footer .footer-inn .social-footer {
        margin: 20px 0 30px 0
    }

    .res-section-spacer {
        padding: 75px 0
    }

    .partners-caption {
        min-height: 66px
    }

    .misson-vision .mi-vi-inner .mv-cls {
        padding: 38px 13px;
        margin-bottom: 18px
    }

    .misson-vision .mi-vi-inner {
        padding: 55px 20px 55px 20px
    }

    .about-overlay-shape.style2 {
        display: none
    }

    .abt-img-dem-cls .about-overlay-shape.style2 {
        display: block
    }

    .line-success .line-success-inner {
        padding: 60px 25px 35px 25px
    }

    .line-success .line-success-inner .clients-area .client-inner {
        min-height: auto
    }

    .portfolio {
        padding: 50px 32px 70px 32px
    }

    .web-reason .main-wrapper .one-web h2 {
        margin-top: 0
    }

    .web-reason .main-wrapper .one-web {
        min-height: auto
    }

    header {
        position: absolute
    }

    .res-div-number .res-header-top-number a {
        padding: 10px 25px
    }

    .res-toggle {
        display: block
    }

    .open-toggle {
        font-size: 22px;
        top: -8px;
        width: 35px;
        line-height: 35px
    }

    .banner-text {
        padding: 0 20px 0 20px;
        top: 230px
    }

    .banner-text .text-grid h1 {
        font-size: 45px;
        line-height: 63px
    }

    .banner-text .text-grid .border-line {
        margin: 13px 0;
        max-width: 160px
    }

    .banner-text .text-grid p {
        line-height: 25px;
        font-size: 15px
    }

    .banner-text .text-grid p br {
        display: none
    }

    header .header-tabs nav {
        display: none
    }

    .about-area .main-about .ab-txt-cls h2 {
        margin-bottom: 10px
    }

    .portfolio .portfolio-img .inner-port {
        margin: 0
    }

    .main-about .ab-ry-cls {
        padding: 45px 0 0 0
    }

    .pattern.style1 {
        bottom: -37px
    }

    .about-history .history-inn-about {
        padding: 60px 0
    }

    .res-padding-zer {
        padding: 0
    }

    .digital-lf-cls .digi-inner {
        margin: 5px 5px
    }

    .digital-team {
        padding: 55px 0 !important
    }

    .digi-txt-cls {
        padding: 50px 0 0 0
    }
}

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

    .box10:after,
    .box10:before {
        border-width: 0 97px 49px
    }

    .cmt_single_image-wrapper.border-style1:after {
        top: -92px;
        left: -63px;
        height: 230px;
        right: auto;
        width: 230px
    }

    .onload-popup-hme .modal-content {
        width: 90%
    }
}

@media only screen and (max-width :520px) {
    .timeline h5 {
        font-size: 18px !important;
    }

    .para-title-heading-cls-main,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-size: 24px !important;
        letter-spacing: 0 !important
    }

    .ab-wrapper-description-cls .read-btn {
        margin-left: 33px
    }

    .icon-ab {
        width: 30px
    }

    .icon-ab img {
        max-width: 25px
    }

    .ab-wrapper-description-cls {
        padding: 0
    }

    .ab-wrapper-description-cls .des-para {
        padding: 0 0 0 35px
    }

    .services .service-txt .service-innon {
        padding: 44px 11px;
        min-height: 520px
    }

    .read-btn a {
        padding: 11px 35px
    }

    .card-content h3 {
        margin-top: 8px;
        margin-bottom: 7px;
        padding: 0px 0px;
        font-size: 20px;
        color: #343434;
        text-decoration: none;
        font-size: 18px !important;
    }
    
}

@media only screen and (max-width :500px) {
    .inner-pg-heading {
        top: 190px
    }

    body .inner-banner .main-home-banner .banner-lft-cls {
        min-height: 305px !important
    }

    .inner-banner .main-home-banner .image-grid .item figure {
        min-height: 305px !important
    }

    .lft-ft-txtsh {
        padding: 29px 26px;
        height: auto
    }

    .inner-banner .main-home-banner .banner-lft-cls {
        min-height: 401px !important
    }

    .banner-social-links ul {
        top: 130px
    }

    .banner-text .text-grid {
        padding: 0 70px 0 0
    }

    .banner-social-links ul li a {
        width: 35px;
        border-radius: 50px;
        height: 35px;
        text-align: center;
        font-size: 14px;
        line-height: 33px;
        border: 2px solid #fff
    }

    .banner-text {
        padding: 0 20px 0 20px;
        top: 150px
    }

    .banner .main-home-banner .image-grid #owl-demo13 .item figure {
        min-height: 445px
    }

    .banner .main-home-banner .banner-lft-cls {
        min-height: 445px
    }

    .services .service-txt .service-innon p {
        word-break: break-all
    }

    .line-success .line-success-inner .clients-area .client-inner .client-img img {
        max-width: 47px;
        width: 100%
    }

    .line-success .line-success-inner .clients-area .client-inner .client-img {
        width: 75px;
        height: 75px;
        line-height: 73px;
        padding-top: 0;
    }

    .services .main-service .service-heading {
        min-height: auto;
        padding: 30px 36px
    }

    .inner-pg-heading {
        padding: 0 13px 0 13px
    }

    .inner-breadcrumb ul li {
        font-size: 16px;
        padding: 0 3px 0 0
    }

    .inner-pg-heading h2 {
        font-size: 20px;
        line-height: 28px
    }

    .fix-bot img {
        max-width: 60px
    }

    .blog-single-ryt-cls {
        margin: 25px 0 0 0
    }

    .timeline-image-left .timeline-image-body {
        position: relative;
        margin-bottom: 11px;
        margin-top: 11px
    }

    .timeline-image-left .content-top-space {
        margin-bottom: 0
    }

    .timeline-image-left {
        padding: 0 0 0 37px
    }

    .timeline-panel .timeline-body {
        padding: 19px
    }

    .timeline-panel {
        margin: 0 0 0 37px
    }

    .tp-spce-testimonial-ryt {
        margin: 0 0 0 37px
    }

    .timeline:before {
        left: 24px
    }

    .timeline > li > .timeline-badge {
        width: 35px;
        height: 35px;
        line-height: 38px;
        left: 32px;
        font-size: 20px
    }

    .career-lft-cls {
        padding: 40px 29px
    }

    .enquiry-now-btn-cls-popup .modal .modal-body {
        padding: 35px
    }

    .enquiry-now-btn-cls-popup .modal .modal-content {
        width: 83%
    }

    .portfolio .portfolio-img .port-se {
        margin-bottom: 35px
    }

    .blog-share-icon ul {
        padding: 0 0 0 7px
    }

    .blog-share-icon {
        padding: 13px
    }

    .single-blog-description .single-row-caption {
        padding: 13px
    }

    .res-pd-top-ze {
        padding-top: 75px !important
    }

    .contact-form form {
        margin: 30px 0 0 0
    }

    .contact-form .form-group .btn {
        padding: 14px 33px
    }

    .overlay-fullscreen .closebtn {
        right: 17px;
        height: 30px;
        width: 30px;
        line-height: 18px;
        border-radius: 50px;
        font-size: 23px !important
    }

    .mission-vision-main-caption h4 {
        font-size: 19px;
        line-height: 28px
    }

    .tab-ab-txths ul {
        padding: 0
    }

    .about-tabbing-cls #exTab3 .tab-content {
        margin: 25px 0 0 0
    }

    .main-about .ab-ry-cls .txt-ab-inn h5 {
        line-height: 24px
    }

    .about-area .container {
        padding-right: 5px;
        padding-left: 5px
    }

    .misson-vision .mi-vi-inner {
        padding: 55px 10px 55px 10px
    }

    .line-success .line-success-inner {
        padding: 60px 10px 35px 10px
    }

    .about-history .history-inn-about .container {
        padding-right: 5px;
        padding-left: 5px
    }

    .line-success .line-success-inner .clients-area {
        margin: 33px 0 0 0
    }

    .fin-text-btm p {
        font-size: 15px;
        line-height: 25px
    }

    .partners-areacls {
        width: 100%
    }

    .partners-caption {
        min-height: auto
    }

    .footer-address-grids {
        margin: 29px 0 0 0
    }

    .copyright-footer {
        margin: 30px 0 0 0
    }

    footer .top-spce {
        margin-top: 20px
    }

    footer .main-footer {
        padding: 45px 15px 45px 15px
    }

    .portfolio {
        padding: 32px 15px 60px 15px
    }

    .about-area .main-about .ab-txt-cls {
        padding: 20px 12px 40px 12px
    }

    .blog-h5-head-cls h5 {
        font-size: 16px;
        line-height: 25px
    }

    .contact-form h4 {
        margin-bottom: 5px
    }

    .about-area .main-about .ab-txt-cls p,
    .contact-sidebar-ryt-add-cls .our-location .location-txt-custom p,
    .main-about .ab-ry-cls .txt-ab-inn ul li,
    .misson-vision .mi-vi-inner .mv-cls p,
    .services .service-txt .service-innon p,
    .single-blog-description .single-row-caption p,
    .tab-ab-txths ul li,
    .technology .row .left p,
    .timeline-panel .timeline-body p,
    .web-reason .main-wrapper .one-web p {
        font-size: 15px;
        line-height: 27px
    }

    .contact-sidebar-ryt-add-cls .our-location .location-txt-custom h3,
    .line-success .line-success-inner .clients-area .client-inner .client-txt p,
    .web-reason .main-wrapper .one-web h5 {
        font-size: 17px
    }

    .services .service-txt .service-innon h2 {
        font-size: 20px
    }

    .about-area .main-about .ab-txt-cls h2,
    .carrer-heading-cls h3,
    .contact-form h4,
    .contact-sidebar-ryt-add-cls .contact-widget-wrapper .heading-title,
    .line-success .line-success-inner h1,
    .main-about .ab-ry-cls h2,
    .main-title h2,
    .onload-popup-hme .modal-body h1,
    .single-blog-description h3,
    .tab-ab-txths h3,
    .technology .row .left .title,
    .title-service h2,
    .web-reason .main-wrapper .one-web h2,
    .work-area h1,
    footer .main-footer .footer-links h3 {
        font-size: 24px;
        line-height: 30px
    }

    .open-toggle {
        top: -13px
    }

    .nav-down .main-header {
        padding: 17px 0 10px 0
    }

    header .header-logo img {
        max-width: 200px;
        width: 100%
    }

    header .main-header {
        margin: 41px 0 0 0
    }

    .padding-spce-ze {
        padding: 0
    }

    .res-div-number {
        padding: 0
    }

    .res-div-number .res-social-top-icons ul li a {
        color: #fff;
        font-size: 11px
    }

    .res-div-number .res-header-top-number a {
        padding: 13px 10px;
        display: block;
        border-radius: 0;
        float: none;
        font-size: 11px
    }

    .res-div-number .res-social-top-icons {
        float: left
    }

    .res-div-number .res-social-top-icons .icon img {
        max-width: 16px
    }
}

@media only screen and (max-width :480px) {
    .technology_logo ul li img {
        max-width: 78px
    }

    .technology .row .left .technology_logo ul li {
        width: 105px;
        padding-top: 18px;
        height: 105px
    }

    .enquiry-now-btn-cls-popup .modal .modal-content {
        width: 85%
    }

    .modal-icon-pop {
        left: -19px
    }

    .modal-icon-pop img {
        max-width: 50px
    }

    .banner-social-links {
        width: 30%
    }

    .banner-text .text-grid {
        width: 70%;
        padding: 0
    }

    .banner-text .text-grid h1 {
        font-size: 25px;
        line-height: 35px
    }

    .banner-text .text-grid p {
        line-height: 24px;
        font-size: 14px
    }
}

@media only screen and (max-width :360px) {
    .technology .row .left .technology_logo ul li {
        width: 95px;
        padding-top: 23px;
        height: 95px
    }

    .technology_logo ul li img {
        max-width: 71px
    }

    .services .service-txt .col-xs-6 {
        width: 100%
    }

    .portfolio .portfolio-img .inner-port .col-xs-6 {
        width: 100%
    }

    .services .service-txt .service-innon {
        min-height: auto
    }
}

.form-group small {
    color: black;
}

.modal-heading,
#form-pop p {
    text-align: center;
}
.g-recaptcha{margin: 0 0 10px 0;}
@media only screen and (max-width : 768px) {

   

  #recaptcha_challenge_image{
    margin: 0 !important;
    width: 100% !important;
  }
  #recaptcha_response_field {
    margin: 0 !important;
    width: 100% !important;
  }
  .recaptchatable #recaptcha_image {
    margin: 0 !important;
    width: 95% !important;
  }
  .recaptchatable .recaptcha_r1_c1,
  .recaptchatable .recaptcha_r3_c1,
  .recaptchatable .recaptcha_r3_c2,
  .recaptchatable .recaptcha_r7_c1,
  .recaptchatable .recaptcha_r8_c1,
  .recaptchatable .recaptcha_r3_c3,
  .recaptchatable .recaptcha_r2_c1,
  .recaptchatable .recaptcha_r4_c1,
  .recaptchatable .recaptcha_r4_c2,
  .recaptchatable .recaptcha_r4_c4,
  .recaptchatable .recaptcha_image_cell {
    margin: 0 !important;
    width: 100% !important;
    background: none !important;
  }
  #recaptcha_table tbody tr td {
    padding: 0 !important;
    width: 75px;
  }
  .recaptchatable .recaptcha_image_cell {
    padding-right: 0 !important;
  }
  #recaptcha_privacy a {
    line-height: 1.2em;
  }
  span#recaptcha_privacy {
    width: 50px;
  }
}