@font-face {
                font-family: 'Noto Sans';
                font-style: italic;
                font-weight: 100 900;
                font-stretch: 100%;
                font-display: swap;
                src: url(../fonts/o-0ZIpQlx3QUlC5A4PNr4C5OaxRsfNNlKbCePevtuXOm.woff2) format('woff2');
                unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
            }
            
            @font-face {
                font-family: 'Noto Sans';
                font-style: normal;
                font-weight: 100 900;
                font-stretch: 100%;
                font-display: swap;
                src: url(../fonts/o-0bIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjc5a7duw.woff2) format('woff2');
                unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
            }


   .owl-carousel {
       display: none;
       width: 100%;
       -webkit-tap-highlight-color: transparent;
       position: relative;
       z-index: 1
   }
   
   .owl-carousel .owl-stage {
       position: relative;
       -ms-touch-action: pan-Y;
       -moz-backface-visibility: hidden
   }
   
   .owl-carousel .owl-stage:after {
       content: ".";
       display: block;
       clear: both;
       visibility: hidden;
       line-height: 0;
       height: 0
   }
   
   .owl-carousel .owl-stage-outer {
       position: relative;
       overflow: hidden;
       -webkit-transform: translate3d(0, 0, 0)
   }
   
   .owl-carousel .owl-item,
   .owl-carousel .owl-wrapper {
       -webkit-backface-visibility: hidden;
       -moz-backface-visibility: hidden;
       -ms-backface-visibility: hidden;
       -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
       -ms-transform: translate3d(0, 0, 0)
   }
   
   .owl-carousel .owl-item {
       position: relative;
       min-height: 1px;
       float: left;
       -webkit-backface-visibility: hidden;
       -webkit-tap-highlight-color: transparent;
       -webkit-touch-callout: none
   }
   
   .owl-carousel .owl-item img {
       display: block;
       width: 100%
   }
   
   .owl-carousel .owl-dots.disabled,
   .owl-carousel .owl-nav.disabled {
       display: none
   }
   
   .owl-carousel .owl-dot,
   .owl-carousel .owl-nav .owl-next,
   .owl-carousel .owl-nav .owl-prev {
       cursor: pointer;
       cursor: hand;
       -webkit-user-select: none;
       -khtml-user-select: none;
       -moz-user-select: none;
       -ms-user-select: none;
       user-select: none
   }
   
   .owl-carousel.owl-loaded {
       display: block
   }
   
   .owl-carousel.owl-loading {
       opacity: 0;
       display: block
   }
   
   .owl-carousel.owl-hidden {
       opacity: 0
   }
   
   .owl-carousel.owl-refresh .owl-item {
       visibility: hidden
   }
   
   .owl-carousel.owl-drag .owl-item {
       -webkit-user-select: none;
       -moz-user-select: none;
       -ms-user-select: none;
       user-select: none
   }
   
   .owl-carousel.owl-grab {
       cursor: move;
       cursor: grab
   }
   
   .owl-carousel.owl-rtl {
       direction: rtl
   }
   
   .owl-carousel.owl-rtl .owl-item {
       float: right
   }
   
   .no-js .owl-carousel {
       display: block
   }
   
   .owl-carousel .animated {
       animation-duration: 1s;
       animation-fill-mode: both
   }
   
   .owl-carousel .owl-animated-in {
       z-index: 0
   }
   
   .owl-carousel .owl-animated-out {
       z-index: 1
   }
   
   .owl-carousel .fadeOut {
       animation-name: fadeOut
   }
   
   @keyframes fadeOut {
       0% {
           opacity: 1
       }
       100% {
           opacity: 0
       }
   }
   
   .owl-height {
       transition: height .5s ease-in-out
   }
   
   .owl-carousel .owl-item .owl-lazy {
       opacity: 0;
       transition: opacity .4s ease
   }
   
   .owl-carousel .owl-item img.owl-lazy {
       transform-style: preserve-3d
   }
   
   .owl-carousel .owl-video-wrapper {
       position: relative;
       height: 100%;
       background: #000
   }
   
   .owl-carousel .owl-video-play-icon {
       position: absolute;
       height: 80px;
       width: 80px;
       left: 50%;
       top: 50%;
       margin-left: -40px;
       margin-top: -40px;
       background: url(owl.video.play.png) no-repeat;
       cursor: pointer;
       z-index: 1;
       -webkit-backface-visibility: hidden;
       transition: transform .1s ease
   }
   
   .owl-carousel .owl-video-play-icon:hover {
       -ms-transform: scale(1.3, 1.3);
       transform: scale(1.3, 1.3)
   }
   
   .owl-carousel .owl-video-playing .owl-video-play-icon,
   .owl-carousel .owl-video-playing .owl-video-tn {
       display: none
   }
   
   .owl-carousel .owl-video-tn {
       opacity: 0;
       height: 100%;
       background-position: center center;
       background-repeat: no-repeat;
       background-size: contain;
       transition: opacity .4s ease
   }
   
   .owl-carousel .owl-video-frame {
       position: relative;
       z-index: 1;
       height: 100%;
       width: 100%
   }
   /*! Animate.css - http://daneden.me/animate Licensed under the MIT license Copyright (c) 2013 Daniel Eden */
   
   .animated {
       -webkit-animation-duration: 1s;
       animation-duration: 1s;
       -webkit-animation-fill-mode: both;
       animation-fill-mode: both
   }
   
   .animated.hinge {
       -webkit-animation-duration: 2s;
       animation-duration: 2s
   }
   
   @-webkit-keyframes bounce {
       0%,
       100%,
       20%,
       50%,
       80% {
           -webkit-transform: translateY(0);
           transform: translateY(0)
       }
       40% {
           -webkit-transform: translateY(-30px);
           transform: translateY(-30px)
       }
       60% {
           -webkit-transform: translateY(-15px);
           transform: translateY(-15px)
       }
   }
   
   @keyframes bounce {
       0%,
       100%,
       20%,
       50%,
       80% {
           -webkit-transform: translateY(0);
           -ms-transform: translateY(0);
           transform: translateY(0)
       }
       40% {
           -webkit-transform: translateY(-30px);
           -ms-transform: translateY(-30px);
           transform: translateY(-30px)
       }
       60% {
           -webkit-transform: translateY(-15px);
           -ms-transform: translateY(-15px);
           transform: translateY(-15px)
       }
   }
   
   .bounce {
       -webkit-animation-name: bounce;
       animation-name: bounce
   }
   
   @-webkit-keyframes flash {
       0%,
       100%,
       50% {
           opacity: 1
       }
       25%,
       75% {
           opacity: 0
       }
   }
   
   @keyframes flash {
       0%,
       100%,
       50% {
           opacity: 1
       }
       25%,
       75% {
           opacity: 0
       }
   }
   
   .flash {
       -webkit-animation-name: flash;
       animation-name: flash
   }
   
   @-webkit-keyframes pulse {
       0%,
       100% {
           -webkit-transform: scale(1);
           transform: scale(1)
       }
       50% {
           -webkit-transform: scale(1.1);
           transform: scale(1.1)
       }
   }
   
   @keyframes pulse {
       0%,
       100% {
           -webkit-transform: scale(1);
           -ms-transform: scale(1);
           transform: scale(1)
       }
       50% {
           -webkit-transform: scale(1.1);
           -ms-transform: scale(1.1);
           transform: scale(1.1)
       }
   }
   
   .pulse {
       -webkit-animation-name: pulse;
       animation-name: pulse
   }
   
   @-webkit-keyframes shake {
       0%,
       100% {
           -webkit-transform: translateX(0);
           transform: translateX(0)
       }
       10%,
       30%,
       50%,
       70%,
       90% {
           -webkit-transform: translateX(-10px);
           transform: translateX(-10px)
       }
       20%,
       40%,
       60%,
       80% {
           -webkit-transform: translateX(10px);
           transform: translateX(10px)
       }
   }
   
   @keyframes shake {
       0%,
       100% {
           -webkit-transform: translateX(0);
           -ms-transform: translateX(0);
           transform: translateX(0)
       }
       10%,
       30%,
       50%,
       70%,
       90% {
           -webkit-transform: translateX(-10px);
           -ms-transform: translateX(-10px);
           transform: translateX(-10px)
       }
       20%,
       40%,
       60%,
       80% {
           -webkit-transform: translateX(10px);
           -ms-transform: translateX(10px);
           transform: translateX(10px)
       }
   }
   
   .shake {
       -webkit-animation-name: shake;
       animation-name: shake
   }
   
   @-webkit-keyframes swing {
       20% {
           -webkit-transform: rotate(15deg);
           transform: rotate(15deg)
       }
       40% {
           -webkit-transform: rotate(-10deg);
           transform: rotate(-10deg)
       }
       60% {
           -webkit-transform: rotate(5deg);
           transform: rotate(5deg)
       }
       80% {
           -webkit-transform: rotate(-5deg);
           transform: rotate(-5deg)
       }
       100% {
           -webkit-transform: rotate(0);
           transform: rotate(0)
       }
   }
   
   @keyframes swing {
       20% {
           -webkit-transform: rotate(15deg);
           -ms-transform: rotate(15deg);
           transform: rotate(15deg)
       }
       40% {
           -webkit-transform: rotate(-10deg);
           -ms-transform: rotate(-10deg);
           transform: rotate(-10deg)
       }
       60% {
           -webkit-transform: rotate(5deg);
           -ms-transform: rotate(5deg);
           transform: rotate(5deg)
       }
       80% {
           -webkit-transform: rotate(-5deg);
           -ms-transform: rotate(-5deg);
           transform: rotate(-5deg)
       }
       100% {
           -webkit-transform: rotate(0);
           -ms-transform: rotate(0);
           transform: rotate(0)
       }
   }
   
   .swing {
       -webkit-transform-origin: top center;
       -ms-transform-origin: top center;
       transform-origin: top center;
       -webkit-animation-name: swing;
       animation-name: swing
   }
   
   @-webkit-keyframes tada {
       0% {
           -webkit-transform: scale(1);
           transform: scale(1)
       }
       10%,
       20% {
           -webkit-transform: scale(.9) rotate(-3deg);
           transform: scale(.9) rotate(-3deg)
       }
       30%,
       50%,
       70%,
       90% {
           -webkit-transform: scale(1.1) rotate(3deg);
           transform: scale(1.1) rotate(3deg)
       }
       40%,
       60%,
       80% {
           -webkit-transform: scale(1.1) rotate(-3deg);
           transform: scale(1.1) rotate(-3deg)
       }
       100% {
           -webkit-transform: scale(1) rotate(0);
           transform: scale(1) rotate(0)
       }
   }
   
   @keyframes tada {
       0% {
           -webkit-transform: scale(1);
           -ms-transform: scale(1);
           transform: scale(1)
       }
       10%,
       20% {
           -webkit-transform: scale(.9) rotate(-3deg);
           -ms-transform: scale(.9) rotate(-3deg);
           transform: scale(.9) rotate(-3deg)
       }
       30%,
       50%,
       70%,
       90% {
           -webkit-transform: scale(1.1) rotate(3deg);
           -ms-transform: scale(1.1) rotate(3deg);
           transform: scale(1.1) rotate(3deg)
       }
       40%,
       60%,
       80% {
           -webkit-transform: scale(1.1) rotate(-3deg);
           -ms-transform: scale(1.1) rotate(-3deg);
           transform: scale(1.1) rotate(-3deg)
       }
       100% {
           -webkit-transform: scale(1) rotate(0);
           -ms-transform: scale(1) rotate(0);
           transform: scale(1) rotate(0)
       }
   }
   
   .tada {
       -webkit-animation-name: tada;
       animation-name: tada
   }
   
   @-webkit-keyframes wobble {
       0%,
       100% {
           -webkit-transform: translateX(0);
           transform: translateX(0)
       }
       15% {
           -webkit-transform: translateX(-25%) rotate(-5deg);
           transform: translateX(-25%) rotate(-5deg)
       }
       30% {
           -webkit-transform: translateX(20%) rotate(3deg);
           transform: translateX(20%) rotate(3deg)
       }
       45% {
           -webkit-transform: translateX(-15%) rotate(-3deg);
           transform: translateX(-15%) rotate(-3deg)
       }
       60% {
           -webkit-transform: translateX(10%) rotate(2deg);
           transform: translateX(10%) rotate(2deg)
       }
       75% {
           -webkit-transform: translateX(-5%) rotate(-1deg);
           transform: translateX(-5%) rotate(-1deg)
       }
   }
   
   @keyframes wobble {
       0%,
       100% {
           -webkit-transform: translateX(0);
           -ms-transform: translateX(0);
           transform: translateX(0)
       }
       15% {
           -webkit-transform: translateX(-25%) rotate(-5deg);
           -ms-transform: translateX(-25%) rotate(-5deg);
           transform: translateX(-25%) rotate(-5deg)
       }
       30% {
           -webkit-transform: translateX(20%) rotate(3deg);
           -ms-transform: translateX(20%) rotate(3deg);
           transform: translateX(20%) rotate(3deg)
       }
       45% {
           -webkit-transform: translateX(-15%) rotate(-3deg);
           -ms-transform: translateX(-15%) rotate(-3deg);
           transform: translateX(-15%) rotate(-3deg)
       }
       60% {
           -webkit-transform: translateX(10%) rotate(2deg);
           -ms-transform: translateX(10%) rotate(2deg);
           transform: translateX(10%) rotate(2deg)
       }
       75% {
           -webkit-transform: translateX(-5%) rotate(-1deg);
           -ms-transform: translateX(-5%) rotate(-1deg);
           transform: translateX(-5%) rotate(-1deg)
       }
   }
   
   .wobble {
       -webkit-animation-name: wobble;
       animation-name: wobble
   }
   
   @-webkit-keyframes bounceIn {
       0% {
           opacity: 0;
           -webkit-transform: scale(.3);
           transform: scale(.3)
       }
       50% {
           opacity: 1;
           -webkit-transform: scale(1.05);
           transform: scale(1.05)
       }
       70% {
           -webkit-transform: scale(.9);
           transform: scale(.9)
       }
       100% {
           -webkit-transform: scale(1);
           transform: scale(1)
       }
   }
   
   @keyframes bounceIn {
       0% {
           opacity: 0;
           -webkit-transform: scale(.3);
           -ms-transform: scale(.3);
           transform: scale(.3)
       }
       50% {
           opacity: 1;
           -webkit-transform: scale(1.05);
           -ms-transform: scale(1.05);
           transform: scale(1.05)
       }
       70% {
           -webkit-transform: scale(.9);
           -ms-transform: scale(.9);
           transform: scale(.9)
       }
       100% {
           -webkit-transform: scale(1);
           -ms-transform: scale(1);
           transform: scale(1)
       }
   }
   
   .bounceIn {
       -webkit-animation-name: bounceIn;
       animation-name: bounceIn
   }
   
   @-webkit-keyframes bounceInDown {
       0% {
           opacity: 0;
           -webkit-transform: translateY(-2000px);
           transform: translateY(-2000px)
       }
       60% {
           opacity: 1;
           -webkit-transform: translateY(30px);
           transform: translateY(30px)
       }
       80% {
           -webkit-transform: translateY(-10px);
           transform: translateY(-10px)
       }
       100% {
           -webkit-transform: translateY(0);
           transform: translateY(0)
       }
   }
   
   @keyframes bounceInDown {
       0% {
           opacity: 0;
           -webkit-transform: translateY(-2000px);
           -ms-transform: translateY(-2000px);
           transform: translateY(-2000px)
       }
       60% {
           opacity: 1;
           -webkit-transform: translateY(30px);
           -ms-transform: translateY(30px);
           transform: translateY(30px)
       }
       80% {
           -webkit-transform: translateY(-10px);
           -ms-transform: translateY(-10px);
           transform: translateY(-10px)
       }
       100% {
           -webkit-transform: translateY(0);
           -ms-transform: translateY(0);
           transform: translateY(0)
       }
   }
   
   .bounceInDown {
       -webkit-animation-name: bounceInDown;
       animation-name: bounceInDown
   }
   
   @-webkit-keyframes bounceInLeft {
       0% {
           opacity: 0;
           -webkit-transform: translateX(-2000px);
           transform: translateX(-2000px)
       }
       60% {
           opacity: 1;
           -webkit-transform: translateX(30px);
           transform: translateX(30px)
       }
       80% {
           -webkit-transform: translateX(-10px);
           transform: translateX(-10px)
       }
       100% {
           -webkit-transform: translateX(0);
           transform: translateX(0)
       }
   }
   
   @keyframes bounceInLeft {
       0% {
           opacity: 0;
           -webkit-transform: translateX(-2000px);
           -ms-transform: translateX(-2000px);
           transform: translateX(-2000px)
       }
       60% {
           opacity: 1;
           -webkit-transform: translateX(30px);
           -ms-transform: translateX(30px);
           transform: translateX(30px)
       }
       80% {
           -webkit-transform: translateX(-10px);
           -ms-transform: translateX(-10px);
           transform: translateX(-10px)
       }
       100% {
           -webkit-transform: translateX(0);
           -ms-transform: translateX(0);
           transform: translateX(0)
       }
   }
   
   .bounceInLeft {
       -webkit-animation-name: bounceInLeft;
       animation-name: bounceInLeft
   }
   
   @-webkit-keyframes bounceInRight {
       0% {
           opacity: 0;
           -webkit-transform: translateX(2000px);
           transform: translateX(2000px)
       }
       60% {
           opacity: 1;
           -webkit-transform: translateX(-30px);
           transform: translateX(-30px)
       }
       80% {
           -webkit-transform: translateX(10px);
           transform: translateX(10px)
       }
       100% {
           -webkit-transform: translateX(0);
           transform: translateX(0)
       }
   }
   
   @keyframes bounceInRight {
       0% {
           opacity: 0;
           -webkit-transform: translateX(2000px);
           -ms-transform: translateX(2000px);
           transform: translateX(2000px)
       }
       60% {
           opacity: 1;
           -webkit-transform: translateX(-30px);
           -ms-transform: translateX(-30px);
           transform: translateX(-30px)
       }
       80% {
           -webkit-transform: translateX(10px);
           -ms-transform: translateX(10px);
           transform: translateX(10px)
       }
       100% {
           -webkit-transform: translateX(0);
           -ms-transform: translateX(0);
           transform: translateX(0)
       }
   }
   
   .bounceInRight {
       -webkit-animation-name: bounceInRight;
       animation-name: bounceInRight
   }
   
   @-webkit-keyframes bounceInUp {
       0% {
           opacity: 0;
           -webkit-transform: translateY(2000px);
           transform: translateY(2000px)
       }
       60% {
           opacity: 1;
           -webkit-transform: translateY(-30px);
           transform: translateY(-30px)
       }
       80% {
           -webkit-transform: translateY(10px);
           transform: translateY(10px)
       }
       100% {
           -webkit-transform: translateY(0);
           transform: translateY(0)
       }
   }
   
   @keyframes bounceInUp {
       0% {
           opacity: 0;
           -webkit-transform: translateY(2000px);
           -ms-transform: translateY(2000px);
           transform: translateY(2000px)
       }
       60% {
           opacity: 1;
           -webkit-transform: translateY(-30px);
           -ms-transform: translateY(-30px);
           transform: translateY(-30px)
       }
       80% {
           -webkit-transform: translateY(10px);
           -ms-transform: translateY(10px);
           transform: translateY(10px)
       }
       100% {
           -webkit-transform: translateY(0);
           -ms-transform: translateY(0);
           transform: translateY(0)
       }
   }
   
   .bounceInUp {
       -webkit-animation-name: bounceInUp;
       animation-name: bounceInUp
   }
   
   @-webkit-keyframes bounceOut {
       0% {
           -webkit-transform: scale(1);
           transform: scale(1)
       }
       25% {
           -webkit-transform: scale(.95);
           transform: scale(.95)
       }
       50% {
           opacity: 1;
           -webkit-transform: scale(1.1);
           transform: scale(1.1)
       }
       100% {
           opacity: 0;
           -webkit-transform: scale(.3);
           transform: scale(.3)
       }
   }
   
   @keyframes bounceOut {
       0% {
           -webkit-transform: scale(1);
           -ms-transform: scale(1);
           transform: scale(1)
       }
       25% {
           -webkit-transform: scale(.95);
           -ms-transform: scale(.95);
           transform: scale(.95)
       }
       50% {
           opacity: 1;
           -webkit-transform: scale(1.1);
           -ms-transform: scale(1.1);
           transform: scale(1.1)
       }
       100% {
           opacity: 0;
           -webkit-transform: scale(.3);
           -ms-transform: scale(.3);
           transform: scale(.3)
       }
   }
   
   .bounceOut {
       -webkit-animation-name: bounceOut;
       animation-name: bounceOut
   }
   
   @-webkit-keyframes bounceOutDown {
       0% {
           -webkit-transform: translateY(0);
           transform: translateY(0)
       }
       20% {
           opacity: 1;
           -webkit-transform: translateY(-20px);
           transform: translateY(-20px)
       }
       100% {
           opacity: 0;
           -webkit-transform: translateY(2000px);
           transform: translateY(2000px)
       }
   }
   
   @keyframes bounceOutDown {
       0% {
           -webkit-transform: translateY(0);
           -ms-transform: translateY(0);
           transform: translateY(0)
       }
       20% {
           opacity: 1;
           -webkit-transform: translateY(-20px);
           -ms-transform: translateY(-20px);
           transform: translateY(-20px)
       }
       100% {
           opacity: 0;
           -webkit-transform: translateY(2000px);
           -ms-transform: translateY(2000px);
           transform: translateY(2000px)
       }
   }
   
   .bounceOutDown {
       -webkit-animation-name: bounceOutDown;
       animation-name: bounceOutDown
   }
   
   @-webkit-keyframes bounceOutLeft {
       0% {
           -webkit-transform: translateX(0);
           transform: translateX(0)
       }
       20% {
           opacity: 1;
           -webkit-transform: translateX(20px);
           transform: translateX(20px)
       }
       100% {
           opacity: 0;
           -webkit-transform: translateX(-2000px);
           transform: translateX(-2000px)
       }
   }
   
   @keyframes bounceOutLeft {
       0% {
           -webkit-transform: translateX(0);
           -ms-transform: translateX(0);
           transform: translateX(0)
       }
       20% {
           opacity: 1;
           -webkit-transform: translateX(20px);
           -ms-transform: translateX(20px);
           transform: translateX(20px)
       }
       100% {
           opacity: 0;
           -webkit-transform: translateX(-2000px);
           -ms-transform: translateX(-2000px);
           transform: translateX(-2000px)
       }
   }
   
   .bounceOutLeft {
       -webkit-animation-name: bounceOutLeft;
       animation-name: bounceOutLeft
   }
   
   @-webkit-keyframes bounceOutRight {
       0% {
           -webkit-transform: translateX(0);
           transform: translateX(0)
       }
       20% {
           opacity: 1;
           -webkit-transform: translateX(-20px);
           transform: translateX(-20px)
       }
       100% {
           opacity: 0;
           -webkit-transform: translateX(2000px);
           transform: translateX(2000px)
       }
   }
   
   @keyframes bounceOutRight {
       0% {
           -webkit-transform: translateX(0);
           -ms-transform: translateX(0);
           transform: translateX(0)
       }
       20% {
           opacity: 1;
           -webkit-transform: translateX(-20px);
           -ms-transform: translateX(-20px);
           transform: translateX(-20px)
       }
       100% {
           opacity: 0;
           -webkit-transform: translateX(2000px);
           -ms-transform: translateX(2000px);
           transform: translateX(2000px)
       }
   }
   
   .bounceOutRight {
       -webkit-animation-name: bounceOutRight;
       animation-name: bounceOutRight
   }
   
   @-webkit-keyframes bounceOutUp {
       0% {
           -webkit-transform: translateY(0);
           transform: translateY(0)
       }
       20% {
           opacity: 1;
           -webkit-transform: translateY(20px);
           transform: translateY(20px)
       }
       100% {
           opacity: 0;
           -webkit-transform: translateY(-2000px);
           transform: translateY(-2000px)
       }
   }
   
   @keyframes bounceOutUp {
       0% {
           -webkit-transform: translateY(0);
           -ms-transform: translateY(0);
           transform: translateY(0)
       }
       20% {
           opacity: 1;
           -webkit-transform: translateY(20px);
           -ms-transform: translateY(20px);
           transform: translateY(20px)
       }
       100% {
           opacity: 0;
           -webkit-transform: translateY(-2000px);
           -ms-transform: translateY(-2000px);
           transform: translateY(-2000px)
       }
   }
   
   .bounceOutUp {
       -webkit-animation-name: bounceOutUp;
       animation-name: bounceOutUp
   }
   
   @-webkit-keyframes fadeIn {
       0% {
           opacity: 0
       }
       100% {
           opacity: 1
       }
   }
   
   @keyframes fadeIn {
       0% {
           opacity: 0
       }
       100% {
           opacity: 1
       }
   }
   
   .fadeIn {
       -webkit-animation-name: fadeIn;
       animation-name: fadeIn
   }
   
   @-webkit-keyframes fadeInDown {
       0% {
           opacity: 0;
           -webkit-transform: translateY(-20px);
           transform: translateY(-20px)
       }
       100% {
           opacity: 1;
           -webkit-transform: translateY(0);
           transform: translateY(0)
       }
   }
   
   @keyframes fadeInDown {
       0% {
           opacity: 0;
           -webkit-transform: translateY(-20px);
           -ms-transform: translateY(-20px);
           transform: translateY(-20px)
       }
       100% {
           opacity: 1;
           -webkit-transform: translateY(0);
           -ms-transform: translateY(0);
           transform: translateY(0)
       }
   }
   
   .fadeInDown {
       -webkit-animation-name: fadeInDown;
       animation-name: fadeInDown
   }
   
   @-webkit-keyframes fadeInDownBig {
       0% {
           opacity: 0;
           -webkit-transform: translateY(-2000px);
           transform: translateY(-2000px)
       }
       100% {
           opacity: 1;
           -webkit-transform: translateY(0);
           transform: translateY(0)
       }
   }
   
   @keyframes fadeInDownBig {
       0% {
           opacity: 0;
           -webkit-transform: translateY(-2000px);
           -ms-transform: translateY(-2000px);
           transform: translateY(-2000px)
       }
       100% {
           opacity: 1;
           -webkit-transform: translateY(0);
           -ms-transform: translateY(0);
           transform: translateY(0)
       }
   }
   
   .fadeInDownBig {
       -webkit-animation-name: fadeInDownBig;
       animation-name: fadeInDownBig
   }
   
   @-webkit-keyframes fadeInLeft {
       0% {
           opacity: 0;
           -webkit-transform: translateX(-20px);
           transform: translateX(-20px)
       }
       100% {
           opacity: 1;
           -webkit-transform: translateX(0);
           transform: translateX(0)
       }
   }
   
   @keyframes fadeInLeft {
       0% {
           opacity: 0;
           -webkit-transform: translateX(-20px);
           -ms-transform: translateX(-20px);
           transform: translateX(-20px)
       }
       100% {
           opacity: 1;
           -webkit-transform: translateX(0);
           -ms-transform: translateX(0);
           transform: translateX(0)
       }
   }
   
   .fadeInLeft {
       -webkit-animation-name: fadeInLeft;
       animation-name: fadeInLeft
   }
   
   @-webkit-keyframes fadeInLeftBig {
       0% {
           opacity: 0;
           -webkit-transform: translateX(-2000px);
           transform: translateX(-2000px)
       }
       100% {
           opacity: 1;
           -webkit-transform: translateX(0);
           transform: translateX(0)
       }
   }
   
   @keyframes fadeInLeftBig {
       0% {
           opacity: 0;
           -webkit-transform: translateX(-2000px);
           -ms-transform: translateX(-2000px);
           transform: translateX(-2000px)
       }
       100% {
           opacity: 1;
           -webkit-transform: translateX(0);
           -ms-transform: translateX(0);
           transform: translateX(0)
       }
   }
   
   .fadeInLeftBig {
       -webkit-animation-name: fadeInLeftBig;
       animation-name: fadeInLeftBig
   }
   
   @-webkit-keyframes fadeInRight {
       0% {
           opacity: 0;
           -webkit-transform: translateX(20px);
           transform: translateX(20px)
       }
       100% {
           opacity: 1;
           -webkit-transform: translateX(0);
           transform: translateX(0)
       }
   }
   
   @keyframes fadeInRight {
       0% {
           opacity: 0;
           -webkit-transform: translateX(20px);
           -ms-transform: translateX(20px);
           transform: translateX(20px)
       }
       100% {
           opacity: 1;
           -webkit-transform: translateX(0);
           -ms-transform: translateX(0);
           transform: translateX(0)
       }
   }
   
   .fadeInRight {
       -webkit-animation-name: fadeInRight;
       animation-name: fadeInRight
   }
   
   @-webkit-keyframes fadeInRightBig {
       0% {
           opacity: 0;
           -webkit-transform: translateX(2000px);
           transform: translateX(2000px)
       }
       100% {
           opacity: 1;
           -webkit-transform: translateX(0);
           transform: translateX(0)
       }
   }
   
   @keyframes fadeInRightBig {
       0% {
           opacity: 0;
           -webkit-transform: translateX(2000px);
           -ms-transform: translateX(2000px);
           transform: translateX(2000px)
       }
       100% {
           opacity: 1;
           -webkit-transform: translateX(0);
           -ms-transform: translateX(0);
           transform: translateX(0)
       }
   }
   
   .fadeInRightBig {
       -webkit-animation-name: fadeInRightBig;
       animation-name: fadeInRightBig
   }
   
   @-webkit-keyframes fadeInUp {
       0% {
           opacity: 0;
           -webkit-transform: translateY(20px);
           transform: translateY(20px)
       }
       100% {
           opacity: 1;
           -webkit-transform: translateY(0);
           transform: translateY(0)
       }
   }
   
   @keyframes fadeInUp {
       0% {
           opacity: 0;
           -webkit-transform: translateY(20px);
           -ms-transform: translateY(20px);
           transform: translateY(20px)
       }
       100% {
           opacity: 1;
           -webkit-transform: translateY(0);
           -ms-transform: translateY(0);
           transform: translateY(0)
       }
   }
   
   .fadeInUp {
       -webkit-animation-name: fadeInUp;
       animation-name: fadeInUp
   }
   
   @-webkit-keyframes fadeInUpBig {
       0% {
           opacity: 0;
           -webkit-transform: translateY(2000px);
           transform: translateY(2000px)
       }
       100% {
           opacity: 1;
           -webkit-transform: translateY(0);
           transform: translateY(0)
       }
   }
   
   @keyframes fadeInUpBig {
       0% {
           opacity: 0;
           -webkit-transform: translateY(2000px);
           -ms-transform: translateY(2000px);
           transform: translateY(2000px)
       }
       100% {
           opacity: 1;
           -webkit-transform: translateY(0);
           -ms-transform: translateY(0);
           transform: translateY(0)
       }
   }
   
   .fadeInUpBig {
       -webkit-animation-name: fadeInUpBig;
       animation-name: fadeInUpBig
   }
   
   @-webkit-keyframes fadeOut {
       0% {
           opacity: 1
       }
       100% {
           opacity: 0
       }
   }
   
   @keyframes fadeOut {
       0% {
           opacity: 1
       }
       100% {
           opacity: 0
       }
   }
   
   .fadeOut {
       -webkit-animation-name: fadeOut;
       animation-name: fadeOut
   }
   
   @-webkit-keyframes fadeOutDown {
       0% {
           opacity: 1;
           -webkit-transform: translateY(0);
           transform: translateY(0)
       }
       100% {
           opacity: 0;
           -webkit-transform: translateY(20px);
           transform: translateY(20px)
       }
   }
   
   @keyframes fadeOutDown {
       0% {
           opacity: 1;
           -webkit-transform: translateY(0);
           -ms-transform: translateY(0);
           transform: translateY(0)
       }
       100% {
           opacity: 0;
           -webkit-transform: translateY(20px);
           -ms-transform: translateY(20px);
           transform: translateY(20px)
       }
   }
   
   .fadeOutDown {
       -webkit-animation-name: fadeOutDown;
       animation-name: fadeOutDown
   }
   
   @-webkit-keyframes fadeOutDownBig {
       0% {
           opacity: 1;
           -webkit-transform: translateY(0);
           transform: translateY(0)
       }
       100% {
           opacity: 0;
           -webkit-transform: translateY(2000px);
           transform: translateY(2000px)
       }
   }
   
   @keyframes fadeOutDownBig {
       0% {
           opacity: 1;
           -webkit-transform: translateY(0);
           -ms-transform: translateY(0);
           transform: translateY(0)
       }
       100% {
           opacity: 0;
           -webkit-transform: translateY(2000px);
           -ms-transform: translateY(2000px);
           transform: translateY(2000px)
       }
   }
   
   .fadeOutDownBig {
       -webkit-animation-name: fadeOutDownBig;
       animation-name: fadeOutDownBig
   }
   
   @-webkit-keyframes fadeOutLeft {
       0% {
           opacity: 1;
           -webkit-transform: translateX(0);
           transform: translateX(0)
       }
       100% {
           opacity: 0;
           -webkit-transform: translateX(-20px);
           transform: translateX(-20px)
       }
   }
   
   @keyframes fadeOutLeft {
       0% {
           opacity: 1;
           -webkit-transform: translateX(0);
           -ms-transform: translateX(0);
           transform: translateX(0)
       }
       100% {
           opacity: 0;
           -webkit-transform: translateX(-20px);
           -ms-transform: translateX(-20px);
           transform: translateX(-20px)
       }
   }
   
   .fadeOutLeft {
       -webkit-animation-name: fadeOutLeft;
       animation-name: fadeOutLeft
   }
   
   @-webkit-keyframes fadeOutLeftBig {
       0% {
           opacity: 1;
           -webkit-transform: translateX(0);
           transform: translateX(0)
       }
       100% {
           opacity: 0;
           -webkit-transform: translateX(-2000px);
           transform: translateX(-2000px)
       }
   }
   
   @keyframes fadeOutLeftBig {
       0% {
           opacity: 1;
           -webkit-transform: translateX(0);
           -ms-transform: translateX(0);
           transform: translateX(0)
       }
       100% {
           opacity: 0;
           -webkit-transform: translateX(-2000px);
           -ms-transform: translateX(-2000px);
           transform: translateX(-2000px)
       }
   }
   
   .fadeOutLeftBig {
       -webkit-animation-name: fadeOutLeftBig;
       animation-name: fadeOutLeftBig
   }
   
   @-webkit-keyframes fadeOutRight {
       0% {
           opacity: 1;
           -webkit-transform: translateX(0);
           transform: translateX(0)
       }
       100% {
           opacity: 0;
           -webkit-transform: translateX(20px);
           transform: translateX(20px)
       }
   }
   
   @keyframes fadeOutRight {
       0% {
           opacity: 1;
           -webkit-transform: translateX(0);
           -ms-transform: translateX(0);
           transform: translateX(0)
       }
       100% {
           opacity: 0;
           -webkit-transform: translateX(20px);
           -ms-transform: translateX(20px);
           transform: translateX(20px)
       }
   }
   
   .fadeOutRight {
       -webkit-animation-name: fadeOutRight;
       animation-name: fadeOutRight
   }
   
   @-webkit-keyframes fadeOutRightBig {
       0% {
           opacity: 1;
           -webkit-transform: translateX(0);
           transform: translateX(0)
       }
       100% {
           opacity: 0;
           -webkit-transform: translateX(2000px);
           transform: translateX(2000px)
       }
   }
   
   @keyframes fadeOutRightBig {
       0% {
           opacity: 1;
           -webkit-transform: translateX(0);
           -ms-transform: translateX(0);
           transform: translateX(0)
       }
       100% {
           opacity: 0;
           -webkit-transform: translateX(2000px);
           -ms-transform: translateX(2000px);
           transform: translateX(2000px)
       }
   }
   
   .fadeOutRightBig {
       -webkit-animation-name: fadeOutRightBig;
       animation-name: fadeOutRightBig
   }
   
   @-webkit-keyframes fadeOutUp {
       0% {
           opacity: 1;
           -webkit-transform: translateY(0);
           transform: translateY(0)
       }
       100% {
           opacity: 0;
           -webkit-transform: translateY(-20px);
           transform: translateY(-20px)
       }
   }
   
   @keyframes fadeOutUp {
       0% {
           opacity: 1;
           -webkit-transform: translateY(0);
           -ms-transform: translateY(0);
           transform: translateY(0)
       }
       100% {
           opacity: 0;
           -webkit-transform: translateY(-20px);
           -ms-transform: translateY(-20px);
           transform: translateY(-20px)
       }
   }
   
   .fadeOutUp {
       -webkit-animation-name: fadeOutUp;
       animation-name: fadeOutUp
   }
   
   @-webkit-keyframes fadeOutUpBig {
       0% {
           opacity: 1;
           -webkit-transform: translateY(0);
           transform: translateY(0)
       }
       100% {
           opacity: 0;
           -webkit-transform: translateY(-2000px);
           transform: translateY(-2000px)
       }
   }
   
   @keyframes fadeOutUpBig {
       0% {
           opacity: 1;
           -webkit-transform: translateY(0);
           -ms-transform: translateY(0);
           transform: translateY(0)
       }
       100% {
           opacity: 0;
           -webkit-transform: translateY(-2000px);
           -ms-transform: translateY(-2000px);
           transform: translateY(-2000px)
       }
   }
   
   .fadeOutUpBig {
       -webkit-animation-name: fadeOutUpBig;
       animation-name: fadeOutUpBig
   }
   
   @-webkit-keyframes flip {
       0% {
           -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
           transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
           -webkit-animation-timing-function: ease-out;
           animation-timing-function: ease-out
       }
       40% {
           -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
           transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
           -webkit-animation-timing-function: ease-out;
           animation-timing-function: ease-out
       }
       50% {
           -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
           transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
           -webkit-animation-timing-function: ease-in;
           animation-timing-function: ease-in
       }
       80% {
           -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
           transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
           -webkit-animation-timing-function: ease-in;
           animation-timing-function: ease-in
       }
       100% {
           -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
           transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
           -webkit-animation-timing-function: ease-in;
           animation-timing-function: ease-in
       }
   }
   
   @keyframes flip {
       0% {
           -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
           -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
           transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
           -webkit-animation-timing-function: ease-out;
           animation-timing-function: ease-out
       }
       40% {
           -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
           -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
           transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
           -webkit-animation-timing-function: ease-out;
           animation-timing-function: ease-out
       }
       50% {
           -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
           -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
           transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
           -webkit-animation-timing-function: ease-in;
           animation-timing-function: ease-in
       }
       80% {
           -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
           -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
           transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
           -webkit-animation-timing-function: ease-in;
           animation-timing-function: ease-in
       }
       100% {
           -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
           -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
           transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
           -webkit-animation-timing-function: ease-in;
           animation-timing-function: ease-in
       }
   }
   
   .animated.flip {
       -webkit-backface-visibility: visible;
       -ms-backface-visibility: visible;
       backface-visibility: visible;
       -webkit-animation-name: flip;
       animation-name: flip
   }
   
   @-webkit-keyframes flipInX {
       0% {
           -webkit-transform: perspective(400px) rotateX(90deg);
           transform: perspective(400px) rotateX(90deg);
           opacity: 0
       }
       40% {
           -webkit-transform: perspective(400px) rotateX(-10deg);
           transform: perspective(400px) rotateX(-10deg)
       }
       70% {
           -webkit-transform: perspective(400px) rotateX(10deg);
           transform: perspective(400px) rotateX(10deg)
       }
       100% {
           -webkit-transform: perspective(400px) rotateX(0);
           transform: perspective(400px) rotateX(0);
           opacity: 1
       }
   }
   
   @keyframes flipInX {
       0% {
           -webkit-transform: perspective(400px) rotateX(90deg);
           -ms-transform: perspective(400px) rotateX(90deg);
           transform: perspective(400px) rotateX(90deg);
           opacity: 0
       }
       40% {
           -webkit-transform: perspective(400px) rotateX(-10deg);
           -ms-transform: perspective(400px) rotateX(-10deg);
           transform: perspective(400px) rotateX(-10deg)
       }
       70% {
           -webkit-transform: perspective(400px) rotateX(10deg);
           -ms-transform: perspective(400px) rotateX(10deg);
           transform: perspective(400px) rotateX(10deg)
       }
       100% {
           -webkit-transform: perspective(400px) rotateX(0);
           -ms-transform: perspective(400px) rotateX(0);
           transform: perspective(400px) rotateX(0);
           opacity: 1
       }
   }
   
   .flipInX {
       -webkit-backface-visibility: visible!important;
       -ms-backface-visibility: visible!important;
       backface-visibility: visible!important;
       -webkit-animation-name: flipInX;
       animation-name: flipInX
   }
   
   .flipInY,
   .flipOutX {
       -webkit-backface-visibility: visible!important;
       -ms-backface-visibility: visible!important
   }
   
   @-webkit-keyframes flipInY {
       0% {
           -webkit-transform: perspective(400px) rotateY(90deg);
           transform: perspective(400px) rotateY(90deg);
           opacity: 0
       }
       40% {
           -webkit-transform: perspective(400px) rotateY(-10deg);
           transform: perspective(400px) rotateY(-10deg)
       }
       70% {
           -webkit-transform: perspective(400px) rotateY(10deg);
           transform: perspective(400px) rotateY(10deg)
       }
       100% {
           -webkit-transform: perspective(400px) rotateY(0);
           transform: perspective(400px) rotateY(0);
           opacity: 1
       }
   }
   
   @keyframes flipInY {
       0% {
           -webkit-transform: perspective(400px) rotateY(90deg);
           -ms-transform: perspective(400px) rotateY(90deg);
           transform: perspective(400px) rotateY(90deg);
           opacity: 0
       }
       40% {
           -webkit-transform: perspective(400px) rotateY(-10deg);
           -ms-transform: perspective(400px) rotateY(-10deg);
           transform: perspective(400px) rotateY(-10deg)
       }
       70% {
           -webkit-transform: perspective(400px) rotateY(10deg);
           -ms-transform: perspective(400px) rotateY(10deg);
           transform: perspective(400px) rotateY(10deg)
       }
       100% {
           -webkit-transform: perspective(400px) rotateY(0);
           -ms-transform: perspective(400px) rotateY(0);
           transform: perspective(400px) rotateY(0);
           opacity: 1
       }
   }
   
   .flipInY {
       backface-visibility: visible!important;
       -webkit-animation-name: flipInY;
       animation-name: flipInY
   }
   
   @-webkit-keyframes flipOutX {
       0% {
           -webkit-transform: perspective(400px) rotateX(0);
           transform: perspective(400px) rotateX(0);
           opacity: 1
       }
       100% {
           -webkit-transform: perspective(400px) rotateX(90deg);
           transform: perspective(400px) rotateX(90deg);
           opacity: 0
       }
   }
   
   @keyframes flipOutX {
       0% {
           -webkit-transform: perspective(400px) rotateX(0);
           -ms-transform: perspective(400px) rotateX(0);
           transform: perspective(400px) rotateX(0);
           opacity: 1
       }
       100% {
           -webkit-transform: perspective(400px) rotateX(90deg);
           -ms-transform: perspective(400px) rotateX(90deg);
           transform: perspective(400px) rotateX(90deg);
           opacity: 0
       }
   }
   
   .flipOutX {
       -webkit-animation-name: flipOutX;
       animation-name: flipOutX;
       backface-visibility: visible!important
   }
   
   @-webkit-keyframes flipOutY {
       0% {
           -webkit-transform: perspective(400px) rotateY(0);
           transform: perspective(400px) rotateY(0);
           opacity: 1
       }
       100% {
           -webkit-transform: perspective(400px) rotateY(90deg);
           transform: perspective(400px) rotateY(90deg);
           opacity: 0
       }
   }
   
   @keyframes flipOutY {
       0% {
           -webkit-transform: perspective(400px) rotateY(0);
           -ms-transform: perspective(400px) rotateY(0);
           transform: perspective(400px) rotateY(0);
           opacity: 1
       }
       100% {
           -webkit-transform: perspective(400px) rotateY(90deg);
           -ms-transform: perspective(400px) rotateY(90deg);
           transform: perspective(400px) rotateY(90deg);
           opacity: 0
       }
   }
   
   .flipOutY {
       -webkit-backface-visibility: visible!important;
       -ms-backface-visibility: visible!important;
       backface-visibility: visible!important;
       -webkit-animation-name: flipOutY;
       animation-name: flipOutY
   }
   
   @-webkit-keyframes lightSpeedIn {
       0% {
           -webkit-transform: translateX(100%) skewX(-30deg);
           transform: translateX(100%) skewX(-30deg);
           opacity: 0
       }
       60% {
           -webkit-transform: translateX(-20%) skewX(30deg);
           transform: translateX(-20%) skewX(30deg);
           opacity: 1
       }
       80% {
           -webkit-transform: translateX(0) skewX(-15deg);
           transform: translateX(0) skewX(-15deg);
           opacity: 1
       }
       100% {
           -webkit-transform: translateX(0) skewX(0);
           transform: translateX(0) skewX(0);
           opacity: 1
       }
   }
   
   @keyframes lightSpeedIn {
       0% {
           -webkit-transform: translateX(100%) skewX(-30deg);
           -ms-transform: translateX(100%) skewX(-30deg);
           transform: translateX(100%) skewX(-30deg);
           opacity: 0
       }
       60% {
           -webkit-transform: translateX(-20%) skewX(30deg);
           -ms-transform: translateX(-20%) skewX(30deg);
           transform: translateX(-20%) skewX(30deg);
           opacity: 1
       }
       80% {
           -webkit-transform: translateX(0) skewX(-15deg);
           -ms-transform: translateX(0) skewX(-15deg);
           transform: translateX(0) skewX(-15deg);
           opacity: 1
       }
       100% {
           -webkit-transform: translateX(0) skewX(0);
           -ms-transform: translateX(0) skewX(0);
           transform: translateX(0) skewX(0);
           opacity: 1
       }
   }
   
   .lightSpeedIn {
       -webkit-animation-name: lightSpeedIn;
       animation-name: lightSpeedIn;
       -webkit-animation-timing-function: ease-out;
       animation-timing-function: ease-out
   }
   
   @-webkit-keyframes lightSpeedOut {
       0% {
           -webkit-transform: translateX(0) skewX(0);
           transform: translateX(0) skewX(0);
           opacity: 1
       }
       100% {
           -webkit-transform: translateX(100%) skewX(-30deg);
           transform: translateX(100%) skewX(-30deg);
           opacity: 0
       }
   }
   
   @keyframes lightSpeedOut {
       0% {
           -webkit-transform: translateX(0) skewX(0);
           -ms-transform: translateX(0) skewX(0);
           transform: translateX(0) skewX(0);
           opacity: 1
       }
       100% {
           -webkit-transform: translateX(100%) skewX(-30deg);
           -ms-transform: translateX(100%) skewX(-30deg);
           transform: translateX(100%) skewX(-30deg);
           opacity: 0
       }
   }
   
   .lightSpeedOut {
       -webkit-animation-name: lightSpeedOut;
       animation-name: lightSpeedOut;
       -webkit-animation-timing-function: ease-in;
       animation-timing-function: ease-in
   }
   
   @-webkit-keyframes rotateIn {
       0% {
           -webkit-transform-origin: center center;
           transform-origin: center center;
           -webkit-transform: rotate(-200deg);
           transform: rotate(-200deg);
           opacity: 0
       }
       100% {
           -webkit-transform-origin: center center;
           transform-origin: center center;
           -webkit-transform: rotate(0);
           transform: rotate(0);
           opacity: 1
       }
   }
   
   @keyframes rotateIn {
       0% {
           -webkit-transform-origin: center center;
           -ms-transform-origin: center center;
           transform-origin: center center;
           -webkit-transform: rotate(-200deg);
           -ms-transform: rotate(-200deg);
           transform: rotate(-200deg);
           opacity: 0
       }
       100% {
           -webkit-transform-origin: center center;
           -ms-transform-origin: center center;
           transform-origin: center center;
           -webkit-transform: rotate(0);
           -ms-transform: rotate(0);
           transform: rotate(0);
           opacity: 1
       }
   }
   
   .rotateIn {
       -webkit-animation-name: rotateIn;
       animation-name: rotateIn
   }
   
   @-webkit-keyframes rotateInDownLeft {
       0% {
           -webkit-transform-origin: left bottom;
           transform-origin: left bottom;
           -webkit-transform: rotate(-90deg);
           transform: rotate(-90deg);
           opacity: 0
       }
       100% {
           -webkit-transform-origin: left bottom;
           transform-origin: left bottom;
           -webkit-transform: rotate(0);
           transform: rotate(0);
           opacity: 1
       }
   }
   
   @keyframes rotateInDownLeft {
       0% {
           -webkit-transform-origin: left bottom;
           -ms-transform-origin: left bottom;
           transform-origin: left bottom;
           -webkit-transform: rotate(-90deg);
           -ms-transform: rotate(-90deg);
           transform: rotate(-90deg);
           opacity: 0
       }
       100% {
           -webkit-transform-origin: left bottom;
           -ms-transform-origin: left bottom;
           transform-origin: left bottom;
           -webkit-transform: rotate(0);
           -ms-transform: rotate(0);
           transform: rotate(0);
           opacity: 1
       }
   }
   
   .rotateInDownLeft {
       -webkit-animation-name: rotateInDownLeft;
       animation-name: rotateInDownLeft
   }
   
   @-webkit-keyframes rotateInDownRight {
       0% {
           -webkit-transform-origin: right bottom;
           transform-origin: right bottom;
           -webkit-transform: rotate(90deg);
           transform: rotate(90deg);
           opacity: 0
       }
       100% {
           -webkit-transform-origin: right bottom;
           transform-origin: right bottom;
           -webkit-transform: rotate(0);
           transform: rotate(0);
           opacity: 1
       }
   }
   
   @keyframes rotateInDownRight {
       0% {
           -webkit-transform-origin: right bottom;
           -ms-transform-origin: right bottom;
           transform-origin: right bottom;
           -webkit-transform: rotate(90deg);
           -ms-transform: rotate(90deg);
           transform: rotate(90deg);
           opacity: 0
       }
       100% {
           -webkit-transform-origin: right bottom;
           -ms-transform-origin: right bottom;
           transform-origin: right bottom;
           -webkit-transform: rotate(0);
           -ms-transform: rotate(0);
           transform: rotate(0);
           opacity: 1
       }
   }
   
   .rotateInDownRight {
       -webkit-animation-name: rotateInDownRight;
       animation-name: rotateInDownRight
   }
   
   @-webkit-keyframes rotateInUpLeft {
       0% {
           -webkit-transform-origin: left bottom;
           transform-origin: left bottom;
           -webkit-transform: rotate(90deg);
           transform: rotate(90deg);
           opacity: 0
       }
       100% {
           -webkit-transform-origin: left bottom;
           transform-origin: left bottom;
           -webkit-transform: rotate(0);
           transform: rotate(0);
           opacity: 1
       }
   }
   
   @keyframes rotateInUpLeft {
       0% {
           -webkit-transform-origin: left bottom;
           -ms-transform-origin: left bottom;
           transform-origin: left bottom;
           -webkit-transform: rotate(90deg);
           -ms-transform: rotate(90deg);
           transform: rotate(90deg);
           opacity: 0
       }
       100% {
           -webkit-transform-origin: left bottom;
           -ms-transform-origin: left bottom;
           transform-origin: left bottom;
           -webkit-transform: rotate(0);
           -ms-transform: rotate(0);
           transform: rotate(0);
           opacity: 1
       }
   }
   
   .rotateInUpLeft {
       -webkit-animation-name: rotateInUpLeft;
       animation-name: rotateInUpLeft
   }
   
   @-webkit-keyframes rotateInUpRight {
       0% {
           -webkit-transform-origin: right bottom;
           transform-origin: right bottom;
           -webkit-transform: rotate(-90deg);
           transform: rotate(-90deg);
           opacity: 0
       }
       100% {
           -webkit-transform-origin: right bottom;
           transform-origin: right bottom;
           -webkit-transform: rotate(0);
           transform: rotate(0);
           opacity: 1
       }
   }
   
   @keyframes rotateInUpRight {
       0% {
           -webkit-transform-origin: right bottom;
           -ms-transform-origin: right bottom;
           transform-origin: right bottom;
           -webkit-transform: rotate(-90deg);
           -ms-transform: rotate(-90deg);
           transform: rotate(-90deg);
           opacity: 0
       }
       100% {
           -webkit-transform-origin: right bottom;
           -ms-transform-origin: right bottom;
           transform-origin: right bottom;
           -webkit-transform: rotate(0);
           -ms-transform: rotate(0);
           transform: rotate(0);
           opacity: 1
       }
   }
   
   .rotateInUpRight {
       -webkit-animation-name: rotateInUpRight;
       animation-name: rotateInUpRight
   }
   
   @-webkit-keyframes rotateOut {
       0% {
           -webkit-transform-origin: center center;
           transform-origin: center center;
           -webkit-transform: rotate(0);
           transform: rotate(0);
           opacity: 1
       }
       100% {
           -webkit-transform-origin: center center;
           transform-origin: center center;
           -webkit-transform: rotate(200deg);
           transform: rotate(200deg);
           opacity: 0
       }
   }
   
   @keyframes rotateOut {
       0% {
           -webkit-transform-origin: center center;
           -ms-transform-origin: center center;
           transform-origin: center center;
           -webkit-transform: rotate(0);
           -ms-transform: rotate(0);
           transform: rotate(0);
           opacity: 1
       }
       100% {
           -webkit-transform-origin: center center;
           -ms-transform-origin: center center;
           transform-origin: center center;
           -webkit-transform: rotate(200deg);
           -ms-transform: rotate(200deg);
           transform: rotate(200deg);
           opacity: 0
       }
   }
   
   .rotateOut {
       -webkit-animation-name: rotateOut;
       animation-name: rotateOut
   }
   
   @-webkit-keyframes rotateOutDownLeft {
       0% {
           -webkit-transform-origin: left bottom;
           transform-origin: left bottom;
           -webkit-transform: rotate(0);
           transform: rotate(0);
           opacity: 1
       }
       100% {
           -webkit-transform-origin: left bottom;
           transform-origin: left bottom;
           -webkit-transform: rotate(90deg);
           transform: rotate(90deg);
           opacity: 0
       }
   }
   
   @keyframes rotateOutDownLeft {
       0% {
           -webkit-transform-origin: left bottom;
           -ms-transform-origin: left bottom;
           transform-origin: left bottom;
           -webkit-transform: rotate(0);
           -ms-transform: rotate(0);
           transform: rotate(0);
           opacity: 1
       }
       100% {
           -webkit-transform-origin: left bottom;
           -ms-transform-origin: left bottom;
           transform-origin: left bottom;
           -webkit-transform: rotate(90deg);
           -ms-transform: rotate(90deg);
           transform: rotate(90deg);
           opacity: 0
       }
   }
   
   .rotateOutDownLeft {
       -webkit-animation-name: rotateOutDownLeft;
       animation-name: rotateOutDownLeft
   }
   
   @-webkit-keyframes rotateOutDownRight {
       0% {
           -webkit-transform-origin: right bottom;
           transform-origin: right bottom;
           -webkit-transform: rotate(0);
           transform: rotate(0);
           opacity: 1
       }
       100% {
           -webkit-transform-origin: right bottom;
           transform-origin: right bottom;
           -webkit-transform: rotate(-90deg);
           transform: rotate(-90deg);
           opacity: 0
       }
   }
   
   @keyframes rotateOutDownRight {
       0% {
           -webkit-transform-origin: right bottom;
           -ms-transform-origin: right bottom;
           transform-origin: right bottom;
           -webkit-transform: rotate(0);
           -ms-transform: rotate(0);
           transform: rotate(0);
           opacity: 1
       }
       100% {
           -webkit-transform-origin: right bottom;
           -ms-transform-origin: right bottom;
           transform-origin: right bottom;
           -webkit-transform: rotate(-90deg);
           -ms-transform: rotate(-90deg);
           transform: rotate(-90deg);
           opacity: 0
       }
   }
   
   .rotateOutDownRight {
       -webkit-animation-name: rotateOutDownRight;
       animation-name: rotateOutDownRight
   }
   
   @-webkit-keyframes rotateOutUpLeft {
       0% {
           -webkit-transform-origin: left bottom;
           transform-origin: left bottom;
           -webkit-transform: rotate(0);
           transform: rotate(0);
           opacity: 1
       }
       100% {
           -webkit-transform-origin: left bottom;
           transform-origin: left bottom;
           -webkit-transform: rotate(-90deg);
           transform: rotate(-90deg);
           opacity: 0
       }
   }
   
   @keyframes rotateOutUpLeft {
       0% {
           -webkit-transform-origin: left bottom;
           -ms-transform-origin: left bottom;
           transform-origin: left bottom;
           -webkit-transform: rotate(0);
           -ms-transform: rotate(0);
           transform: rotate(0);
           opacity: 1
       }
       100% {
           -webkit-transform-origin: left bottom;
           -ms-transform-origin: left bottom;
           transform-origin: left bottom;
           -webkit-transform: rotate(-90deg);
           -ms-transform: rotate(-90deg);
           transform: rotate(-90deg);
           opacity: 0
       }
   }
   
   .rotateOutUpLeft {
       -webkit-animation-name: rotateOutUpLeft;
       animation-name: rotateOutUpLeft
   }
   
   @-webkit-keyframes rotateOutUpRight {
       0% {
           -webkit-transform-origin: right bottom;
           transform-origin: right bottom;
           -webkit-transform: rotate(0);
           transform: rotate(0);
           opacity: 1
       }
       100% {
           -webkit-transform-origin: right bottom;
           transform-origin: right bottom;
           -webkit-transform: rotate(90deg);
           transform: rotate(90deg);
           opacity: 0
       }
   }
   
   @keyframes rotateOutUpRight {
       0% {
           -webkit-transform-origin: right bottom;
           -ms-transform-origin: right bottom;
           transform-origin: right bottom;
           -webkit-transform: rotate(0);
           -ms-transform: rotate(0);
           transform: rotate(0);
           opacity: 1
       }
       100% {
           -webkit-transform-origin: right bottom;
           -ms-transform-origin: right bottom;
           transform-origin: right bottom;
           -webkit-transform: rotate(90deg);
           -ms-transform: rotate(90deg);
           transform: rotate(90deg);
           opacity: 0
       }
   }
   
   .rotateOutUpRight {
       -webkit-animation-name: rotateOutUpRight;
       animation-name: rotateOutUpRight
   }
   
   @-webkit-keyframes slideInDown {
       0% {
           opacity: 0;
           -webkit-transform: translateY(-2000px);
           transform: translateY(-2000px)
       }
       100% {
           -webkit-transform: translateY(0);
           transform: translateY(0)
       }
   }
   
   @keyframes slideInDown {
       0% {
           opacity: 0;
           -webkit-transform: translateY(-2000px);
           -ms-transform: translateY(-2000px);
           transform: translateY(-2000px)
       }
       100% {
           -webkit-transform: translateY(0);
           -ms-transform: translateY(0);
           transform: translateY(0)
       }
   }
   
   .slideInDown {
       -webkit-animation-name: slideInDown;
       animation-name: slideInDown
   }
   
   @-webkit-keyframes slideInLeft {
       0% {
           opacity: 0;
           -webkit-transform: translateX(-2000px);
           transform: translateX(-2000px)
       }
       100% {
           -webkit-transform: translateX(0);
           transform: translateX(0)
       }
   }
   
   @keyframes slideInLeft {
       0% {
           opacity: 0;
           -webkit-transform: translateX(-2000px);
           -ms-transform: translateX(-2000px);
           transform: translateX(-2000px)
       }
       100% {
           -webkit-transform: translateX(0);
           -ms-transform: translateX(0);
           transform: translateX(0)
       }
   }
   
   .slideInLeft {
       -webkit-animation-name: slideInLeft;
       animation-name: slideInLeft
   }
   
   @-webkit-keyframes slideInRight {
       0% {
           opacity: 0;
           -webkit-transform: translateX(2000px);
           transform: translateX(2000px)
       }
       100% {
           -webkit-transform: translateX(0);
           transform: translateX(0)
       }
   }
   
   @keyframes slideInRight {
       0% {
           opacity: 0;
           -webkit-transform: translateX(2000px);
           -ms-transform: translateX(2000px);
           transform: translateX(2000px)
       }
       100% {
           -webkit-transform: translateX(0);
           -ms-transform: translateX(0);
           transform: translateX(0)
       }
   }
   
   .slideInRight {
       -webkit-animation-name: slideInRight;
       animation-name: slideInRight
   }
   
   @-webkit-keyframes slideOutLeft {
       0% {
           -webkit-transform: translateX(0);
           transform: translateX(0)
       }
       100% {
           opacity: 0;
           -webkit-transform: translateX(-2000px);
           transform: translateX(-2000px)
       }
   }
   
   @keyframes slideOutLeft {
       0% {
           -webkit-transform: translateX(0);
           -ms-transform: translateX(0);
           transform: translateX(0)
       }
       100% {
           opacity: 0;
           -webkit-transform: translateX(-2000px);
           -ms-transform: translateX(-2000px);
           transform: translateX(-2000px)
       }
   }
   
   .slideOutLeft {
       -webkit-animation-name: slideOutLeft;
       animation-name: slideOutLeft
   }
   
   @-webkit-keyframes slideOutRight {
       0% {
           -webkit-transform: translateX(0);
           transform: translateX(0)
       }
       100% {
           opacity: 0;
           -webkit-transform: translateX(2000px);
           transform: translateX(2000px)
       }
   }
   
   @keyframes slideOutRight {
       0% {
           -webkit-transform: translateX(0);
           -ms-transform: translateX(0);
           transform: translateX(0)
       }
       100% {
           opacity: 0;
           -webkit-transform: translateX(2000px);
           -ms-transform: translateX(2000px);
           transform: translateX(2000px)
       }
   }
   
   .slideOutRight {
       -webkit-animation-name: slideOutRight;
       animation-name: slideOutRight
   }
   
   @-webkit-keyframes slideOutUp {
       0% {
           -webkit-transform: translateY(0);
           transform: translateY(0)
       }
       100% {
           opacity: 0;
           -webkit-transform: translateY(-2000px);
           transform: translateY(-2000px)
       }
   }
   
   @keyframes slideOutUp {
       0% {
           -webkit-transform: translateY(0);
           -ms-transform: translateY(0);
           transform: translateY(0)
       }
       100% {
           opacity: 0;
           -webkit-transform: translateY(-2000px);
           -ms-transform: translateY(-2000px);
           transform: translateY(-2000px)
       }
   }
   
   .slideOutUp {
       -webkit-animation-name: slideOutUp;
       animation-name: slideOutUp
   }
   
   @-webkit-keyframes hinge {
       0% {
           -webkit-transform: rotate(0);
           transform: rotate(0);
           -webkit-transform-origin: top left;
           transform-origin: top left;
           -webkit-animation-timing-function: ease-in-out;
           animation-timing-function: ease-in-out
       }
       20%,
       60% {
           -webkit-transform: rotate(80deg);
           transform: rotate(80deg);
           -webkit-transform-origin: top left;
           transform-origin: top left;
           -webkit-animation-timing-function: ease-in-out;
           animation-timing-function: ease-in-out
       }
       40% {
           -webkit-transform: rotate(60deg);
           transform: rotate(60deg);
           -webkit-transform-origin: top left;
           transform-origin: top left;
           -webkit-animation-timing-function: ease-in-out;
           animation-timing-function: ease-in-out
       }
       80% {
           -webkit-transform: rotate(60deg) translateY(0);
           transform: rotate(60deg) translateY(0);
           opacity: 1;
           -webkit-transform-origin: top left;
           transform-origin: top left;
           -webkit-animation-timing-function: ease-in-out;
           animation-timing-function: ease-in-out
       }
       100% {
           -webkit-transform: translateY(700px);
           transform: translateY(700px);
           opacity: 0
       }
   }
   
   @keyframes hinge {
       0% {
           -webkit-transform: rotate(0);
           -ms-transform: rotate(0);
           transform: rotate(0);
           -webkit-transform-origin: top left;
           -ms-transform-origin: top left;
           transform-origin: top left;
           -webkit-animation-timing-function: ease-in-out;
           animation-timing-function: ease-in-out
       }
       20%,
       60% {
           -webkit-transform: rotate(80deg);
           -ms-transform: rotate(80deg);
           transform: rotate(80deg);
           -webkit-transform-origin: top left;
           -ms-transform-origin: top left;
           transform-origin: top left;
           -webkit-animation-timing-function: ease-in-out;
           animation-timing-function: ease-in-out
       }
       40% {
           -webkit-transform: rotate(60deg);
           -ms-transform: rotate(60deg);
           transform: rotate(60deg);
           -webkit-transform-origin: top left;
           -ms-transform-origin: top left;
           transform-origin: top left;
           -webkit-animation-timing-function: ease-in-out;
           animation-timing-function: ease-in-out
       }
       80% {
           -webkit-transform: rotate(60deg) translateY(0);
           -ms-transform: rotate(60deg) translateY(0);
           transform: rotate(60deg) translateY(0);
           opacity: 1;
           -webkit-transform-origin: top left;
           -ms-transform-origin: top left;
           transform-origin: top left;
           -webkit-animation-timing-function: ease-in-out;
           animation-timing-function: ease-in-out
       }
       100% {
           -webkit-transform: translateY(700px);
           -ms-transform: translateY(700px);
           transform: translateY(700px);
           opacity: 0
       }
   }
   
   .hinge {
       -webkit-animation-name: hinge;
       animation-name: hinge
   }
   
   @-webkit-keyframes rollIn {
       0% {
           opacity: 0;
           -webkit-transform: translateX(-100%) rotate(-120deg);
           transform: translateX(-100%) rotate(-120deg)
       }
       100% {
           opacity: 1;
           -webkit-transform: translateX(0) rotate(0);
           transform: translateX(0) rotate(0)
       }
   }
   
   @keyframes rollIn {
       0% {
           opacity: 0;
           -webkit-transform: translateX(-100%) rotate(-120deg);
           -ms-transform: translateX(-100%) rotate(-120deg);
           transform: translateX(-100%) rotate(-120deg)
       }
       100% {
           opacity: 1;
           -webkit-transform: translateX(0) rotate(0);
           -ms-transform: translateX(0) rotate(0);
           transform: translateX(0) rotate(0)
       }
   }
   
   .rollIn {
       -webkit-animation-name: rollIn;
       animation-name: rollIn
   }
   
   @-webkit-keyframes rollOut {
       0% {
           opacity: 1;
           -webkit-transform: translateX(0) rotate(0);
           transform: translateX(0) rotate(0)
       }
       100% {
           opacity: 0;
           -webkit-transform: translateX(100%) rotate(120deg);
           transform: translateX(100%) rotate(120deg)
       }
   }
   
   @keyframes rollOut {
       0% {
           opacity: 1;
           -webkit-transform: translateX(0) rotate(0);
           -ms-transform: translateX(0) rotate(0);
           transform: translateX(0) rotate(0)
       }
       100% {
           opacity: 0;
           -webkit-transform: translateX(100%) rotate(120deg);
           -ms-transform: translateX(100%) rotate(120deg);
           transform: translateX(100%) rotate(120deg)
       }
   }
   
   .rollOut {
       -webkit-animation-name: rollOut;
       animation-name: rollOut
   }
   

   
    ::-webkit-input-placeholder {
       color: #d3d3d3
   }
   
    ::selection {
       color: #fff;
       background: #00c0e5
   }
   
    ::-moz-selection {
       color: #fff;
       background: #e72e28
   }
   
    ::-webkit-selection {
       color: #fff;
       background: #e72e28
   }
   
   abbr,
   address,
   article,
   aside,
   audio,
   b,
   blockquote,
   body,
   canvas,
   caption,
   cite,
   code,
   dd,
   del,
   details,
   dfn,
   div,
   dl,
   dt,
   em,
   fieldset,
   figcaption,
   figure,
   footer,
   form,
   h1,
   h2,
   h3,
   h4,
   h5,
   h6,
   header,
   hgroup,
   html,
   i,
   iframe,
   img,
   ins,
   kbd,
   label,
   legend,
   li,
   mark,
   menu,
   nav,
   object,
   ol,
   p,
   pre,
   q,
   samp,
   section,
   small,
   span,
   sub,
   summary,
   sup,
   table,
   tbody,
   td,
   tfoot,
   th,
   thead,
   time,
   tr,
   ul,
   var,
   video {
       margin: 0;
       padding: 0;
       border: 0;
       outline: 0;
       font-size: 100%;
       vertical-align: baseline;
       background: 0 0;
       font-weight: 400;
       margin: 0;
       padding: 0
   }
   
   *,
    :after,
    :before {
       -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
       box-sizing: border-box
   }
   
   body {
       font-family: 'Nunito Sans', sans-serif;
       font-weight: 400;
       color: #4a4647;
       font-size: 14px;
       background: #fff;
       overflow-x: hidden
   }
   
   a,
   img {
       border: none;
       text-decoration: none;
       color: #59b039;
       transition: all .5s ease 0s;
       -webkit-transition: all .5s ease 0s
   }
   
   a:hover {
       color: #8a8a8a;
       outline: 0;
       text-decoration: none
   }
   
   a:active {
       outline: 0;
       outline: 0;
       text-decoration: none
   }
   
   a:focus {
       -moz-outline-style: none;
       outline: 0
   }
   
   a:visited {
       -moz-outline-style: none;
       outline: 0;
       text-decoration: none!important
   }
   
   p {
       margin: 0 0 17px 0
   }
   
   .clear {
       clear: both
   }
   
   .clearfix:after {
       visibility: hidden;
       display: block;
       content: "";
       clear: both;
       height: 0
   }
   
   .left {
       float: left!important
   }
   
   .right {
       float: right!important
   }
   
   .inline {
       display: inline-block
   }
   
   .relative {
       position: relative
   }
   
   .no-back {
       background: 0 0!important
   }
   
   .no-bordr {
       border: none!important
   }
   
   .no-margn {
       margin: 0!important
   }
   
   .no-pad {
       padding: 0!important
   }
   
   .v-align {
       vertical-align: middle
   }
   
   img {
       max-width: 100%
   }
   
   .lh-none {
       line-height: normal!important
   }
   
   select option {
       padding: 5px
   }
   
   input[type=email],
   input[type=number],
   input[type=password],
   input[type=tel],
   input[type=text] {
       border: none;
       border-radius: 0;
       -webkit-border-radius: 0;
       -moz-border-radius: 0;
       padding: 0 10px;
       font-size: 13px;
       color: #757070;
       height: 26px;
       line-height: normal;
       background: #ebebeb;
       outline: 0;
       -webkit-transition: all .3s ease-in-out;
       -moz-transition: all .3s ease-in-out;
       -ms-transition: all .3s ease-in-out;
       -o-transition: all .3s ease-in-out;
       box-sizing: border-box;
       border-radius: 0;
       font-family: 'Nunito Sans', sans-serif;
   }
   
   textarea {
       border: 1px solid #959595;
       border-radius: 0;
       -webkit-border-radius: 0;
       -moz-border-radius: 0;
       padding: 5px;
       font-size: 16px;
       outline: 0;
       font-size: 13px;
       color: #444;
       -webkit-transition: all .3s ease-in-out;
       -moz-transition: all .3s ease-in-out;
       -ms-transition: all .3s ease-in-out;
       -o-transition: all .3s ease-in-out;
       box-sizing: border-box;
       background: #ebebeb;
       resize: none;
       padding: 10px;
       color: #757070;
       font-family: 'Nunito Sans', sans-serif;
   }
   
   input[type=email]:focus,
   input[type=number]:focus,
   input[type=password]:focus,
   input[type=tel]:focus,
   input[type=text]:focus,
   select:focus,
   textarea:focus {
       -moz-box-shadow: inset 0 0 5px #949494;
       -webkit-box-shadow: inset 0 0 5px #949494;
       box-shadow: inset 0 0 5px #949494
   }
   
   button {
       outline: 0;
       border: none;
       font-family: 'Nunito Sans', sans-serif;
   }
   
   .custom_checkbox {
       display: block
   }
   
   .custom_checkbox [type=checkbox]:checked,
   .custom_checkbox [type=checkbox]:not(:checked) {
       position: absolute;
       left: -9999px
   }
   
   .custom_checkbox [type=checkbox]:checked+label,
   .custom_checkbox [type=checkbox]:not(:checked)+label {
       display: block;
       position: relative;
       padding-left: 30px;
       cursor: pointer;
       font-family: GEInspiraRegular;
       font-size: 14px;
       line-height: 20px
   }
   
   .custom_checkbox [type=checkbox]:checked+label:before,
   .custom_checkbox [type=checkbox]:not(:checked)+label:before {
       content: '';
       position: absolute;
       left: 0;
       top: 0;
       width: 20px;
       height: 20px;
       background: #fff;
       border-radius: 3px;
       border: 1px solid #b1b4b3
   }
   
   .custom_checkbox [type=checkbox]:checked+label:after,
   .custom_checkbox [type=checkbox]:not(:checked)+label:after {
       content: '';
       position: absolute;
       top: 4px;
       left: 4px;
       margin: auto;
       width: 12px;
       height: 12px;
       background: #1eb6e0;
       transition: all .2s
   }
   
   .custom_checkbox [type=checkbox]:not(:checked)+label:after {
       opacity: 0;
       transform: scale(0)
   }
   
   .custom_checkbox [type=checkbox]:checked+label:after {
       opacity: 1;
       transform: scale(1)
   }
   
   .custom_checkbox [type=checkbox]:disabled:checked+label:before,
   .custom_checkbox [type=checkbox]:disabled:not(:checked)+label:before {
       box-shadow: none;
       border-color: #bbb;
       background-color: #ddd
   }
   
   .custom_checkbox [type=checkbox]:disabled:checked+label:after {
       color: #999
   }
   
   .custom_checkbox [type=checkbox]:disabled+label {
       color: #aaa
   }
   
   .custom-radio {
       margin-right: 10px;
       width: 20px;
       height: 20px;
       display: inline-block;
       position: relative;
       z-index: 1;
       top: 4px;
       border-radius: 100px;
       border: #fff 1px solid
   }
   
   .custom-radio.selected:before {
       content: '';
       position: absolute;
       left: 0;
       right: 0;
       margin: auto;
       bottom: 0;
       top: 0;
       background: #fff;
       border-radius: 100px;
       width: 14px;
       height: 14px
   }
   
   .custom-radio input[type=radio] {
       margin: 1px;
       position: absolute;
       z-index: 2;
       cursor: pointer;
       outline: 0;
       opacity: 0;
       -khtml-opacity: 0;
       -moz-opacity: 0
   }
   
   .default-select-box {
       width: 150px;
       border: 1px solid #ccc
   }
   
   .default-select-box select {
       opacity: 1;
       color: #757070;
       border: none;
       -webkit-appearance: none;
       -moz-appearance: none;
       text-indent: 1px;
       text-overflow: '';
       background: url(../img/icons/black-arrow.png) no-repeat 95% 8px;
       padding-right: 28px;
       padding-left: 1px;
       width: 100%;
       height: 25px;
       cursor: pointer
   }
   
   .default-select-box select::-ms-expand {
       display: none
   }
   
   .default-select-box select option {
       padding: 5px
   }
   
   #main-wrapper {
       width: 100%;
       float: left
   }
   
   header {
       float: left;
       width: 100%;
       position: fixed;
       z-index: 100;
       transition: all .2s ease-in-out 0s;
       -webkit-transition: all .2s ease-in-out 0s
   }
   
   #mid-wrapper {
       float: left;
       width: 100%;
       min-height: 700px
   }
   
   footer {
       float: left;
       width: 100%;
       border-top: 1px solid #d9d9d9
   }
   
   .full-width {
       width: 100%;
       float: left
   }
   
   .fix-wrap {
       max-width: 1220px;
       margin: 0 auto
   }
   
   header.header-fixed {
       background: rgba(255, 255, 255, .9);
       transition: all .2s ease-in-out 0s;
       -webkit-transition: all .2s ease-in-out 0s;
       box-shadow: 3px -3px 4px 4px rgba(0, 0, 0, .3)
   }
   
   .header-fixed .logo {
       margin-top: 14px;
       transition: all .5s ease-in-out 0s;
       -webkit-transition: all .5s ease-in-out 0s;
       margin-bottom: 0
   }
   
   .header-fixed .logo img {
       width: 220px;
       height: auto;
       transition: all .5s ease-in-out 0s;
       -webkit-transition: all .5s ease-in-out 0s
   }
   
   .header-fixed nav ul li a {
       transition: all .5s ease-in-out 0s;
       -webkit-transition: all .5s ease-in-out 0s
   }
   
   .header-fixed #navigation-bar {
       margin-top: 11px;
       transition: all .5s ease-in-out 0s;
       -webkit-transition: all .5s ease-in-out 0s
   }
   
   .header-nav {
       transition: all .5s ease-in-out 0s;
       -webkit-transition: all .5s ease-in-out 0s
   }
   
   .logo {
       float: left;
       margin: 20px 0 0 0;
       transition: all .5s ease-in-out 0s;
       -webkit-transition: all .5s ease-in-out 0s
   }
   
   .logo img {
       transition: all .5s ease-in-out 0s;
       -webkit-transition: all .5s ease-in-out 0s;
       /*width: 300px*/
        width: 260px
   }
   
   .home-banner {
       float: left;
       width: 100%
   }
   
   .top-contact-header {
       float: left;
       width: 100%;
       background: #f2f2f2;
       height: 30px;
       padding: 0 50px 0 50px;
       font-size: 12px;
       text-align: right
   }
   
   .top-contact-header a {
       margin: 0 3px;
       line-height: 30px;
       position: relative
   }
   
   a.call-no:after {
       content: "";
       position: absolute;
       right: -7px;
       top: 1px;
       height: 80%;
       width: 1px;
       background: #222;
       margin: auto 0
   }
   
   a.call-no,
   a.mailtop:hover {
       color: #10b6b5
   }
   
   a.call-no:hover {
       color: #10b6b5
   }
   
   a.mailtop {
       color: #222
   }
   
   .top-nav {
       padding: 0 50px
   }
   
   .main-banner {
       margin: 133px 0 0 0
   }
   
   .home-banner-inner {
       max-width: 1400px;
       margin: 0 auto
   }
   
   .web-app-col-banner {
       float: left;
       width: 48%
   }
   
   .web-app-grph {
       text-align: center;
       width: 100%
   }
   
   .web-app-cont-banner {
       float: left;
       margin: 20px 0 0 114px
   }
   
   .home-banner-inner h2 {
       font-size: 20px;
       font-family: 'Nunito Sans', sans-serif;
       text-transform: uppercase
   }
   
   .home-banner-inner p {
       font-size: 17px;
       line-height: 25px
   }
   
   .mob-app-col-banner .web-app-cont-banner {
       text-align: right
   }
   
   .mob-app-col-banner .web-app-grph {
       float: right;
       width: auto
   }
   
   .services-section {
       padding: 50px 0;
       background: #f4f4f4;
       margin-top: 40px
   }
   
   .services-section .fix-wrap {
       width: 1110px
   }
   
   .hd-cmn {
       font-size: 40px;
       font-family: 'Nunito Sans', sans-serif;
       text-transform: uppercase;
       text-align: center;
       margin-bottom: 5px
   }
   
   .home-sprite {
       background: url(../img/home-sprite.png) no-repeat
   }
   
   ul.services-list {
       float: left;
       width: 100%;
       margin: 25px 0 0 0
   }
   
   ul.services-list li {
       list-style: none;
       float: left;
       margin: 0 70px 0 0;
       padding: 0;
       position: relative;
       width: 225px
   }
   
   .circle-servc:after {
       content: "";
       position: absolute;
       right: -98px;
       top: 6px;
       bottom: 0;
       margin: auto 0;
       background: url(../img/servc-divd.png) no-repeat;
       width: 129px;
       height: 146px
   }
   
   ul.services-list li:last-child {
       margin-right: 0
   }
   
   ul.services-list li:last-child .circle-servc:after {
       display: none
   }
   
   ul.services-list li a {
       display: inline-block
   }
   
   .circle-servc {
       background-position: 0 -143px;
       width: 225px;
       height: 242px;
       display: inline-block;
       text-align: center;
       position: relative
   }
   
   .mob-grph {
       background-position: -57px 0;
       width: 152px;
       height: 86px;
       display: inline-block;
       position: absolute;
       left: 0;
       top: 0;
       right: 0;
       bottom: 0;
       margin: auto
   }
   
   .web-grph {
       background-position: -210px 0;
       width: 163px;
       height: 116px;
       display: inline-block;
       position: absolute;
       left: 21px;
       top: -19px;
       right: 0;
       bottom: 0;
       margin: auto
   }
   
   .opnsrc-grph {
       background-position: -375px 0;
       width: 149px;
       height: 121px;
       display: inline-block;
       position: absolute;
       left: 15px;
       top: 0;
       right: 0;
       bottom: 0;
       margin: auto
   }
   
   .ecmrce-grph {
       background-position: -526px 0;
       width: 168px;
       height: 139px;
       display: inline-block;
       position: absolute;
       left: 10px;
       top: 0;
       right: 0;
       bottom: 0;
       margin: auto
   }
   
   ul.services-list li a span {
       float: left;
       width: 100%;
       text-align: center;
       color: #4a4647;
       text-transform: uppercase
   }
   
   ul.services-list li a:hover span {
       color: #e72e28
   }
   
   ul.services-list li a span strong {
       font-size: 22px;
       display: block;
       font-family: 'Nunito Sans', sans-serif;
       font-weight: 400
   }
   
   ul.services-list li a span small {
       font-size: 17px
   }
   
   .atharva-icon {
       background-position: 0 0;
       width: 43px;
       height: 29px;
       display: inline-block;
       display: block;
       margin: 0 auto;
       clear: both
   }
   
   .arrow-servc {
       background-position: -696px 0;
       width: 18px;
       height: 15px;
       display: block;
       margin: 9px auto 0 auto
   }
   
   .services-section p {
       width: 70%;
       margin: 0 auto 15px auto;
       text-align: center;
       font-size: 17px
   }
   
   .about-section {
       margin: 40px 0
   }
   
   .gray-hd {
       font-size: 30px;
       color: #b3b2b2;
       text-transform: uppercase;
       font-family: 'Nunito Sans', sans-serif;
       text-align: center
   }
   
   .about-section span {
       display: block;
       font-size: 20px;
       color: #000;
       text-align: center;
       letter-spacing: 1px;
       margin-bottom: 5px
   }
   
   .about-section p {
       color: #000;
       font-size: 13px;
       margin-bottom: 20px;
       line-height: 20px
   }
   
   .small-desc {
       width: 50%;
       margin: 0 auto;
       text-align: center
   }
   
   ul.atharva-process {
       width: 1086px;
       margin: 50px auto 0 auto;
       background: url(../img/circle-process.png) no-repeat center center;
       min-height: 440px
   }
   
   ul.atharva-process li {
       float: left;
       list-style: none;
       text-align: center;
       width: 300px;
       margin: 70px 30px 0 50px
   }
   
   .under-business-icon {
       background-position: -227px -140px;
       width: 74px;
       height: 95px;
       display: inline-block
   }
   
   .boanding-client-icon {
       background-position: -304px -141px;
       width: 80px;
       height: 80px;
       display: inline-block
   }
   
   .asso-client-icon {
       background-position: -386px -140px;
       width: 90px;
       height: 90px;
       display: inline-block
   }
   
   ul.atharva-process li strong {
       display: block;
       font-weight: 400;
       font-family: 'Nunito Sans', sans-serif;
       font-weight: 400;
       font-size: 22px;
       color: #000;
       text-transform: uppercase;
       margin: 20px 0
   }
   
   ul.atharva-process li:first-child {
       width: 216px;
       margin: 70px 40px 0 82px
   }
   
   ul.atharva-process li:last-child {
       width: 216px;
       margin: 70px 0 0 82px
   }
   
   ul.atharva-process li small {
       min-height: 100px;
       display: inline-block
   }
   
   .portfolio-section {
       background: #f4f4f4;
       padding: 40px 0
   }
   
   .portfolio-section p {
       font-size: 17px;
       text-align: center;
       margin: 0 auto 30px auto;
       width: 80%
   }
   
   .overlay-prf {
       position: absolute;
       opacity: 0;
       background: rgba(255, 255, 255, .7);
       height: 100%;
       width: 100%;
       left: 0;
       top: 0;
       transition: all .5s ease 0s;
       -webkit-transition: all .5s ease 0s
   }
   
   .portfolio-full ul li:hover .overlay-prf {
       opacity: 1;
       transition: all .5s ease 0s;
       -webkit-transition: all .5s ease 0s
   }
   
   .overlay-prf a {
       height: 100%;
       width: 100%;
       display: block
   }
   
   .portfolio-full ul {
       margin: 0;
       padding: 0
   }
   
   .portfolio-full ul li {
       width: 33.333%;
       float: left;
       position: relative;
       list-style: none
   }
   
   .prf-img {
       width: 100%;
       overflow: hidden
   }
   
   .portfolio-full ul li img {
       vertical-align: top;
       width: 100%
   }
   
   .portfolio-full ul li:hover img {
       transform: scale(1.1)
   }
   
   .portfolio-full ul li a span {
       position: absolute;
       left: 50%;
       top: 50%;
       -moz-transform: translate(-50%, -50%);
       -ms-transform: translate(-50%, -50%);
       -webkit-transform: translate(-50%, -50%);
       transform: translate(-50%, -50%);
       color: #4a4647;
       width: 85%;
       font-size: 35px;
       text-transform: uppercase;
       text-align: center
   }
   
   .portfolio-full ul li a span i {
       margin-bottom: 10px
   }
   
   .link-icon {
       background-position: -716px 0;
       width: 40px;
       height: 40px;
       display: inline-block;
       position: absolute;
       right: 15px;
       top: 15px
   }
   
   a.btn-loadmore {
       background: #4a4647;
       min-width: 150px;
       text-align: center;
       height: 40px;
       color: #fff;
       line-height: 40px;
       text-transform: uppercase;
       display: inline-block;
       font-size: 16px;
       float: right;
       margin: 20px 0 0
   }
   
   a.btn-loadmore:hover {
       background: #e72e28
   }
   
   .center-div {
       float: left;
       width: 100%;
       text-align: center
   }
   
   .view-more-div {
       margin: 30px 0
   }
   
   .technology-section {
       margin: 50px 0
   }
   
   .technology-section ul {
       margin: 30px 0 70px 0;
       padding: 0;
       text-align: center
   }
   
   .technology-section ul li {
       margin: 0 15px 0 0;
       padding: 0;
       list-style: none;
       display: inline-block;
       border: 4px solid #ddd;
       width: 110px;
       height: 110px;
       position: relative;
       border-radius: 100%;
       cursor: pointer;
       background: #f4f4f4
   }
   
   .technology-section ul li:last-child {
       margin-right: 0
   }
   
   .technology-section ul li i {
       display: inline-block;
       position: absolute;
       left: 0;
       right: 0;
       top: 0;
       bottom: 0;
       margin: auto;
       transition: all .5s ease 0s;
       -webkit-transition: all .5s ease 0s
   }
   
   .rails-logo {
       background-position: -226px -239px;
       width: 70px;
       height: 44px
   }
   
   .technology-section ul li:hover .rails-logo {
       background-position: -226px -308px
   }
   
   .html5-logo {
       background-position: -350px -239px;
       width: 52px;
       height: 59px
   }
   
   .technology-section ul li:hover .html5-logo {
       background-position: -350px -308px
   }
   
   .pstrg-logo {
       background-position: -405px -238px;
       width: 59px;
       height: 60px
   }
   
   .technology-section ul li:hover .pstrg-logo {
       background-position: -405px -306px
   }
   
   .angular-logo {
       background-position: -468px -239px;
       width: 61px;
       height: 65px
   }
   
   .technology-section ul li:hover .angular-logo {
       background-position: -468px -308px
   }
   
   .odoo-logo {
       background-position: -530px -239px;
       width: 97px;
       height: 32px
   }
   
   .technology-section ul li:hover .odoo-logo {
       background-position: -530px -308px
   }
   
   .apple-logo {
       background-position: -628px -239px;
       width: 50px;
       height: 60px
   }
   
   .technology-section ul li:hover .apple-logo {
       background-position: -628px -307px
   }
   
   .android-logo {
       background-position: -679px -239px;
       width: 52px;
       height: 60px
   }
   
   .technology-section ul li:hover .android-logo {
       background-position: -679px -307px
   }
   
   .testimonial-section {
       padding: 50px 0 80px 0;
       background: #f4f4f4
   }
   
   .testimonial-section p {
       width: 60%;
       margin: 0 auto;
       text-align: center;
       font-size: 18px
   }
   
   .testimonial-section .item {
       text-align: center
   }
   
   .client-img {
       width: 150px;
       height: 150px;
       margin: 0 auto;
       padding: 8px
   }
   
   .client-img img {
       display: inline-block;
       background: #fff;
       padding: 10px;
       box-shadow: 0 1px 4px #666;
       -moz-box-shadow: 0 1px 4px #666;
       -webkit-box-shadow: 0 1px 4px #666
   }
   
   .client-name {
       margin: 20px auto 5px auto
   }
   
   .client-name h5 {
       font-size: 22px;
       color: #fe544f;
       font-family: 'Nunito Sans', sans-serif;
       font-weight: 400;
       text-transform: uppercase
   }
   
   .client-name span {
       font-size: 19px;
       color: #000
   }
   
   .testimonial-section .owl-dots {
       text-align: center;
       margin: 30px 0 0 0
   }
   
   .testimonial-section .owl-dot {
       width: 10px;
       height: 10px;
       background: #c8c4c5;
       margin: 0 5px;
       display: inline-block;
       border-radius: 100%
   }
   
   .testimonial-section .owl-dot.active {
       background: #f5514c
   }
   
   .ftr-link-full {
       float: left;
       width: 100%;
       padding: 39px 0 10px 0;
       position: relative
   }
   
   .ftr-link-full:after {
       position: absolute;
       top: -56px;
       left: 0;
       right: 0;
       margin: 0 auto;
       width: 112px;
       height: 56px;
       content: ""
   }
   
   .ftr-link-full .fix-wrap {
       position: relative
   }
   
   .ftr-link-full .fix-wrap:before {
       width: 369px;
       /*height: 246px;*/
       content: "";
       position: absolute;
       right: -320px;
       top: -39px
   }
   
   .ftr-link-full h6 {
       font-size: 16px;
       color: #59b039;
       text-transform: uppercase;
       text-align: center
   }
   
   .ftr-link-full ul {
       margin: 0 0 10px 0;
       padding: 10px 0;
       border-bottom: 1px solid #777;
       text-align: center;
       position: relative
   }
   
   .ftr-link-full ul li {
       list-style: none;
       margin: 0 15px;
       padding: 0;
       display: inline-block;
       position: relative
   }
   
   .ftr-link-full ul li:after {
       position: absolute;
       right: -19px;
       top: 0;
       bottom: 0;
       margin: auto;
       content: "";
       height: 4px;
       width: 4px;
       border-radius: 100%;
       background: #777
   }
   
   .ftr-link-full ul li:last-child:after {
       display: none
   }
   
   .ftr-link-full ul li a {
       font-size: 16px;
       color: #1e3966
   }
   
   .ftr-link-full ul li a:hover {
       color: #59b039
   }
   
   .address-row {
       text-align: center
   }
   
   .address-row br {
       display: none
   }
   
   .address-row p {
       font-size: 16px;
       margin: 5px 0 8px 0
   }
   
   .address-row p a {
       margin: 0 5px
   }
   
   .address-row i {
       display: none;
       display: inline-block;
       vertical-align: middle;
       margin-right: 0px
   }
   
   .copy-rgt-row {
       background: #0a2248;
       padding: 22px 0 22px 0
   }
   
   .map-icon {
       background-position: -788px 0;
       width: 12px;
       height: 16px
   }
   
   .tel-icon {
       background-position: -786px -18px;
       width: 13px;
       height: 18px
   }
   
   .email-icon {
       background-position: -782px -38px;
       width: 17px;
       height: 15px
   }
   
   .skype-icon {
       background-position: -784px -55px;
       width: 16px;
       height: 17px
   }
   
   .ftr-social {
       margin: 5px 0 0 0;
       float: right
   }
   
   .ftr-social a {
       display: inline-block;
       margin: 0 8px 0 0
   }
   
   .fb-icon {
       background-position: -697px -46px;
       width: 10px;
       height: 19px
   }
   
   .fb-icon:hover {
       background-position: -708px -46px
   }
   
   .twitter-icon {
       background-position: -721px -46px;
       width: 16px;
       height: 15px
   }
   
   .twitter-icon:hover {
       background-position: -739px -46px
   }
   
   .linkedin-icon {
       background-position: -698px -67px;
       width: 16px;
       height: 15px
   }
   
   .linkedin-icon:hover {
       background-position: -714px -67px
   }
   
   .gplus-icon {
       background-position: -730px -67px;
       width: 19px;
       height: 17px
   }
   
   .gplus-icon:hover {
       background-position: -750px -67px
   }
   
   .copy-lft {
       float: left;
       width: 80%;
       color: #fff;
       font-size: 14px
   }
   
   .copy-lft a {
       color: #fff
   }
   
   .copy-lft a:hover {
       color: #fff;
       text-decoration: underline
   }
   
   .copy-lft span {
       color: #59b039
   }
   
   .inner-page {
       margin-top: 108px;
       padding: 0
   }
   
   .about-banner-lft {
       float: left;
       width: 300px
   }
   
   .about-banner-lft h1 {
       font-size: 35px;
       color: #4a4647;
       text-transform: uppercase;
       font-weight: 400;
       margin-bottom: 20px;
       letter-spacing: 3px
   }
   
   .about-banner-img {
       float: right;
       width: 66%
   }
   
   .about-banner-lft ul li {
       margin: 0 0 15px 0;
       padding: 5px 10px;
       background: #e5e6e5;
       font-size: 17px;
       color: #000;
       display: block;
       text-transform: uppercase
   }
   
   .abt-bg-cont {
       float: left
   }
   
   .services-page-cont {
       margin: -13px 0 40px 0
   }
   
   .abt-even-row p,
   .abt-odd-row p,
   .services-page-cont p {
       font-size: 20px;
       line-height: 35px;
       z-index: 1;
       position: relative
   }
   
   .abt-even-row {
       margin-bottom: 50px
   }
   
   .services-page-cont h1 {
       font-size: 50px;
       color: #000;
       margin-bottom: 20px
   }
   
   .services-page-cont h2 {
       font-size: 25px;
       color: #59b039;
       margin-bottom: 20px font-weight: bold;
   }
   
   .abt-bg-cont {
       background: #4a4647;
       padding: 25px 50px 25px 40px
   }
   
   .abt-bg-cont h3 {
       font-size: 30px;
       text-transform: uppercase;
       color: #4a4647;
       margin-bottom: 10px;
       z-index: 1;
       position: relative
   }
   
   .abt-lft-img {
       position: relative;
       z-index: 1;
       margin: 25px 0 0 0;
       float: left
   }
   
   .abt-even-row,
   .abt-odd-row {
       position: relative
   }
   
   .abt-even-row .abt-bg-cont {
       float: right;
       position: relative;
       color: #fff;
       width: 52%
   }
   
   .abt-even-row .abt-bg-cont h3 {
       color: #fff
   }
   
   .abt-even-row .abt-bg-cont:after {
       content: "";
       height: 100%;
       width: 200px;
       background: #4a4647;
       left: -105px;
       top: 0;
       -webkit-transform: skewx(-15deg);
       transform: skewx(-15deg);
       position: absolute
   }
   
   .abt-odd-row {
       margin-bottom: 50px
   }
   
   .abt-odd-row .abt-bg-cont {
       float: left;
       position: relative;
       color: #fff;
       width: 52%;
       background: #eaeaea
   }
   
   .abt-odd-row .abt-bg-cont p {
       color: #4a4647
   }
   
   .abt-odd-row .abt-bg-cont:after {
       content: "";
       height: 100%;
       width: 200px;
       background: #eaeaea;
       right: -105px;
       top: 0;
       -webkit-transform: skewx(-15deg);
       transform: skewx(-15deg);
       position: absolute
   }
   
   .abt-odd-row .abt-lft-img {
       float: right
   }
   
   .company-quotes {
       width: 70%;
       padding: 30px 0;
       float: left;
       margin-left: 140px;
       margin-bottom: 70px
   }
   
   .company-quotes p {
       font-size: 20px;
       color: #3b3b3b;
       text-align: center;
       font-style: italic;
       position: relative;
       padding: 0 20px;
       line-height: 30px;
       text-align: center
   }
   
   .company-quotes strong {
       font-size: 20px;
       color: #000;
       text-transform: uppercase;
       float: right;
       font-weight: 400;
       font-family: 'Nunito Sans', sans-serif;
   }
   
   .company-quotes p:after,
   .company-quotes p:before {
       content: "";
       position: absolute;
       background: url(../img/quote-left.png) no-repeat;
       width: 68px;
       height: 53px
   }
   
   .company-quotes p:before {
       top: -26px;
       left: -60px;
       z-index: -1
   }
   
   .company-quotes p:after {
       content: "";
       right: -90px;
       bottom: -75px;
       background: url(../img/quote-right.png) no-repeat;
       width: 68px;
       height: 53px
   }
   
   .ios-banner {
       margin: 0 0 60px 0
   }
   
   .ios-banner-img {
       float: left;
       width: 62%
   }
   
   .ios-banner-rgt {
       float: right;
       width: 420px;
       margin: 120px 0 0 0
   }
   
   .ios-banner-rgt span {
       font-size: 35px;
       color: #4a4647;
       text-transform: uppercase;
       background: #e5e6e5;
       padding: 0 5px;
       display: inline-block;
       margin-bottom: 4px
   }
   
   .ios-banner-rgt span:first-child {
       margin-left: 0;
       clear: both
   }
   
   .ios-banner-rgt span:nth-child(2n) {
       margin-left: 131px
   }
   
   .ios-banner-rgt span:nth-child(3n) {
       margin-left: 231px
   }
   
   ul.ios-app-servcs {
       margin: 0;
       padding: 0
   }
   
   ul.ios-app-servcs li {
       margin: 0 0 20px 0;
       padding: 0;
       list-style: none;
       float: left;
       width: 48%;
       min-height: 460px
   }
   
   ul.ios-app-servcs li h3 {
       font-size: 22px;
       color: #000;
       margin-bottom: 5px
   }
   
   ul.ios-app-servcs li:nth-child(2n) {
       float: right
   }
   
   ul.ios-app-servcs li i {
       margin: 0 0 40px 0;
       display: inline-block
   }
   
   .MT-20 {
       margin-top: 50px
   }
   
   .MB-50 {
       margin-bottom: 50px
   }
   
   .coreservice-block h3 {
       font-size: 22px;
       color: #000;
       margin-bottom: 5px
   }
   
   .android-banner .ios-banner-rgt span:nth-child(2n) {
       margin-left: 145px
   }
   
   .contact-page h2,
   .our-work-page h3 {
       font-size: 25px;
       color: #4a4647;
       font-family: 'Nunito Sans', sans-serif;
       text-transform: uppercase;
       margin: 0 0 10px 0
   }
   
   .contact-form {
       float: left;
       width: 100%;
       background: #fefefe;
       border: 1px solid #dbdbdb;
       padding: 25px 16px 15px 16px;
       margin: 0 0 25px 0
   }
   
   .form-control-row {
       float: left;
       width: 100%;
       margin-bottom: 10px
   }
   
   .captcha-div {
       float: left
   }
   
   .ftr-contact-from.contact-form input {
       margin-bottom: 0
   }
   
   .ftr-contact-from.ftr-contact-from textarea {
       width: 100%
   }
   
   .contact-form .col-2-frm input {
       width: 49%;
       margin-right: 2%
   }
   
   .contact-form .col-2-frm input:last-child {
       margin-right: 0
   }
   
   .contact-form .col-4-frm input {
       width: 23.5%;
       margin-right: 2%
   }
   
   .contact-form .col-4-frm input:last-child {
       margin-right: 0
   }
   
   .contact-form .col-4-frm .default-select-box {
       width: 23.5%
   }
   
   .btn-submit-rgt {
       float: right;
       margin: 10px 0 0 0
   }
   
   .btn-submit-rgt button {
       padding: 0 30px
   }
   
   .find-us-full {
       margin: 0 0 25px 0;
       border: 1px solid #ccc;
       background: #fff
   }
   
   .find-us-full iframe {
       vertical-align: top
   }
   
   .our-work-page {
       margin: 40px 0 0 0
   }
   
   .work-inner-cont {
       position: relative
   }
   
   .work-top {
       position: relative;
       border-top: 1px solid #d8d8d8;
       margin-top: -1px
   }
   
   ul.tabs-prf {
       margin: 0 0 0 15px;
       padding: 0;
       list-style: none;
       float: left;
       position: relative;
       z-index: 1
   }
   
   ul.tabs-prf>li {
       background: 0 0;
       color: #4a4647;
       display: inline-block;
       padding: 10px 25px;
       cursor: pointer;
       font-size: 16px;
       text-transform: uppercase;
       position: relative
   }
   
   ul.tabs-prf>li.current {
       color: #fff;
       background: #fe544f
   }
   
   ul.tabs-prf>li.current a {
       color: #fff;
       background: #fe544f
   }
   
   .tab-content {
       display: none;
       padding: 0
   }
   
   .tab-content ul {
       margin: 0;
       padding: 0
   }
   
   .tab-content ul li {
       margin: 1%;
       padding: 0;
       list-style: none;
       float: left;
       width: 31.33%;
       position: relative;
       overflow: hidden
   }
   
   .tab-content ul li a>img {
       vertical-align: top;
       width: 100%
   }
   
   .tab-content.current {
       display: inherit
   }
   
   .tab-content ul li .portfolio-overrlay {
       opacity: 0;
       transition: all .5s ease 0s;
       -webkit-transition: all .5s ease 0s
   }
   
   .tab-content ul li:hover .portfolio-overrlay {
       opacity: 1;
       transition: all .5s ease 0s;
       -webkit-transition: all .5s ease 0s
   }
   
   .tab-content ul li:hover .portfolio-overrlay .overlay-bot-cont {
       bottom: 0;
       transition: all .5s ease 0s;
       -webkit-transition: all .5s ease 0s
   }
   
   .portfolio-overrlay {
       position: absolute;
       opacity: 1;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       background: rgba(255, 255, 255, .9);
       padding: 20px
   }
   
   .portfolio-overrlay h4 {
       font-size: 18px;
       color: #e72e28;
       font-family: 'Nunito Sans', sans-serif;
       margin-bottom: 5px
   }
   
   .portfolio-overrlay p {
       color: #4a4647;
       margin-bottom: 5px
   }
   
   .overlay-bot-cont {
       position: absolute;
       left: 0;
       bottom: -50px;
       width: 100%;
       padding: 15px 15px;
       background: rgba(189, 189, 189, .42);
       transition: all .5s ease 0s;
       -webkit-transition: all .5s ease 0s
   }
   
   .overlay-lft-cont {
       float: left;
       width: 80%
   }
   
   .overlay-lft-cont span {
       color: #e72e28;
       font-family: 'Nunito Sans', sans-serif;
       text-decoration: underline;
       text-transform: uppercase;
       font-size: 13px
   }
   
   .overlay-lft-cont span:hover {
       text-decoration: none
   }
   
   .prf-icon-rgt {
       float: right;
       background: url(../img/polygon-icon.png) no-repeat;
       width: 43px;
       height: 50px;
       position: relative
   }
   
   .prf-icon-rgt i img {
       position: absolute;
       left: 0;
       right: 0;
       top: 0;
       bottom: 0;
       margin: auto
   }
   
   .made-tech {
       display: inline-block;
       margin: 0 5px
   }
   
   .prj-like-opt {
       display: inline-block;
       position: relative;
       top: -3px
   }
   
   .prj-like-opt small {
       color: #e72e28;
       font-size: 13px;
       margin: 0 4px
   }
   
   .rate-this-prj {
       display: inline-block
   }
   
   .rate-this-prj span {
       display: inline-block;
       position: relative;
       top: -4px
   }
   
   .rate-this-prj span img {
       vertical-align: top
   }
   
   .why-choose-row {
       float: left;
       width: 100%;
       margin: 0
   }
   
   .why-choose-row h4 {
       font-size: 33px
   }
   
   .why-choose-row i {
       margin-right: 10px
   }
   
   .why-choose-row h4 span {
       vertical-align: top;
       display: inline-block;
       margin: 50px 0 0 15px
   }
   
   .why-choose-row h4 i {
       margin-right: 10px
   }
   
   .ror-banner {
       margin: 0;
       position: relative
   }
   
   .ror-banner-img {
       float: left;
       width: 100%
   }
   
   .ror-banner-rgt {
       float: right;
       position: absolute;
       right: 0;
       top: 90px;
       margin: 0 30px 0 0
   }
   
   .hire-dedicate-ror {
       float: left;
       width: 100%;
       padding-left: 100px
   }
   
   .hire-dedicate-ror span {
       font-size: 50px;
       color: #000;
       text-transform: uppercase
   }
   
   .hire-dedicate-ror span:nth-child(2n) {
       margin-left: 205px
   }
   
   span.dev-cmpny-txt:nth-child(2n) {
       width: 510px;
       display: inline-block;
       text-align: right;
       margin-left: 0
   }
   
   .hire-dedicate-ror span:nth-child(3n) {
       margin-left: 340px
   }
   
   .hire-ror {
       float: right;
       margin: 0 30px 0 0;
       position: relative;
       right: 44px
   }
   
   .brd-full-ror {
       border: 3px solid #aeb0b2;
       padding: 0 0 0 44px;
       min-width: 772px;
       display: inline-block
   }
   
   .prj-track-ror {
       float: left;
       width: 100%;
       margin: 40px 0 0 0
   }
   
   .prj-track-ror h2 {
       font-size: 25px;
       color: #000;
       text-transform: uppercase
   }
   
   .hire-ror-dev {
       margin: 0 0 50px 0
   }
   
   .hire-ror-dev-img {
       float: left;
       margin: 0 50px 20px 0
   }
   
   .what-we-dlvr {
       margin: 0
   }
   
   .what-we-dlvr-lft {
       float: left;
       width: 600px
   }
   
   .cmn-list-srvc h3 {
       font-size: 25px;
       color: #000;
       margin-bottom: 15px
   }
   
   .cmn-list-srvc ul {
       margin: 0;
       padding: 0
   }
   
   .cmn-list-srvc ul li {
       margin: 0 0 8px 0;
       padding: 0;
       list-style: inside;
       font-size: 20px
   }
   
   .what-we-dlvr-rgt {
       float: right
   }
   
   .ios-banner-rgt.hire-ror-rgt span:first-child {
       margin-right: 20px
   }
   
   .ios-banner-rgt.hire-ror-rgt span:nth-child(2n) {
       margin-left: 61px
   }
   
   .ios-banner-rgt.hire-ror-rgt span:nth-child(3n) {
       margin-left: 201px
   }
   
   .hire-ror-main {
       background: #f0f0f0;
       padding: 25px 53px
   }
   
   .hire-ror-main h1 .brd-full-ror {
       min-height: inherit;
       border: none;
       min-width: inherit;
       padding: 0;
       margin-top: 40px!important
   }
   
   .hire-dedicate-ror.hire-ror-main h1 span:first-child,
   .hire-dedicate-ror.hire-ror-main h1 span:nth-child(2n),
   .hire-dedicate-ror.hire-ror-main h1 span:nth-child(3n) {
       margin: 0 0 4px 0;
       display: block
   }
   
   .hire-ios-banner {
       margin: 0 0 35px 0
   }
   
   .hire-ios-banner .ror-banner-rgt {
       float: right;
       right: -60px;
       top: auto;
       margin: 0;
       bottom: 24px
   }
   
   .hire-ios-row {
       background: #f0f0f0;
       padding: 26px 32px 26px 32px
   }
   
   .hire-ios-lft {
       float: left;
       width: 50%
   }
   
   .hire-ios-rgt {
       float: right;
       width: 48%;
       position: relative
   }
   
   .hire-ios-rgt img {
       position: absolute;
       left: 0;
       top: 0
   }
   
   .hire-ios-rgt h1 span {
       font-size: 50px;
       text-transform: uppercase;
       text-align: right;
       float: right;
       margin: 35px 0 0 0
   }
   
   .php-banner {
       margin-bottom: 50px
   }
   
   .php-banner .ror-banner-rgt {
       right: -50px;
       top: auto;
       bottom: 84px;
       margin-right: 0
   }
   
   .php-create {
       margin-top: 50px
   }
   
   .php-create .what-we-dlvr-lft {
       margin-top: 50px
   }
   
   .cloud-banner {
       margin-bottom: 50px;
       text-align: center
   }
   
   .cloud-inner-cont {
       margin: 0
   }
   
   .cloud-inner-cont h1 {
       text-align: center;
       text-transform: uppercase
   }
   
   ul.cloud-listing li {
       list-style: none;
       float: left;
       width: 48%;
       margin-bottom: 64px
   }
   
   ul.cloud-listing li i {
       margin-bottom: 20px;
       display: inline-block;
       width: 100%
   }
   
   ul.cloud-listing li:nth-child(2n) {
       float: right
   }
   
   ul.cloud-listing li:last-child {
       clear: left
   }
   
   ul.cloud-listing li h2 {
       font-size: 30px;
       margin-bottom: 5px
   }
   
   ul.cloud-listing li h3 {
       font-size: 30px;
       margin-bottom: 5px
   }
   
   ul.cloud-listing li p {
       font-size: 20px;
       line-height: 28px
   }
   
   a.readmore {
       font-size: 17px;
       color: #000;
       line-height: 49px;
       border: 2px solid #000;
       text-transform: uppercase;
       padding: 0 20px;
       display: inline-block;
       border-radius: 6px
   }
   
   a.readmore:hover {
       background: #e72e28;
       color: #fff;
       border-color: #e72e28
   }
   
   .aws-banner {
       position: relative;
       margin-bottom: 60px
   }
   
   .aws-banner-img {
       float: left;
       margin-top: 50px
   }
   
   .aws-banner-rgt {
       float: right;
       margin-top: 30px
   }
   
   .aws-banner-cont {
       left: 340px;
       margin-top: 30px;
       position: absolute;
       width: 457px
   }
   
   .aws-banner-cont p {
       font-size: 22px;
       margin: 3px 0
   }
   
   .aws-banner-cont span,
   .gray-bg-label {
       font-size: 35px;
       color: #4a4647;
       text-transform: uppercase;
       background: #e5e6e5;
       padding: 0 5px;
       display: inline-block;
       margin-bottom: 4px;
       margin-left: 70px
   }
   
   span.aws-srvc-span {
       margin-left: 170px
   }
   
   p.prv-best-srvc {
       margin-left: 200px
   }
   
   a.get-touch {
       background: #f7a80d;
       line-height: 33px;
       height: 33px;
       display: inline-block;
       padding: 0 15px;
       border-radius: 8px;
       color: #fff;
       font-size: 17px;
       margin-left: 220px;
       text-transform: uppercase
   }
   
   .aws-page a.get-touch:hover {
       background: #e1980a;
       color: #fff
   }
   
   .aws-icon-lft {
       position: absolute;
       left: 0;
       bottom: -10px
   }
   
   .aws-inner-cont {
       margin: 0 0 20px 0
   }
   
   .aws-midd-img {
       text-align: center;
       margin: 50px 0
   }
   
   .aws-inner-cont h2 {
       font-size: 25px;
       color: #000;
       margin-bottom: 10px
   }
   
   .aws-inner-cont h3 {
       font-size: 25px;
       color: #000;
       margin-bottom: 10px
   }
   
   .aws-inner-cont p {
       font-size: 20px;
       line-height: 28px
   }
   
   .aws-follows {
       margin-top: 35px
   }
   
   .aws-follows-main {
       -webkit-column-count: 4;
       -moz-column-count: 4;
       column-count: 4;
       webkit-column-gap: 15px;
       -moz-column-gap: 15px;
       column-gap: 15px;
       margin: 25px 0 0 0
   }
   
   .aws-follows-col {
       display: inline-block;
       width: 100%;
       vertical-align: top;
       margin-bottom: 15px
   }
   
   .aws-follows-col h4 {
       font-size: 15px;
       font-family: 'Nunito Sans', sans-serif;
       margin-bottom: 8px;
       font-weight: 400
   }
   
   .aws-follows ul li {
       font-size: 16px;
       list-style: none;
       padding: 0 0 0 20px;
       margin: 0 0 8px 0;
       background: url(../img/aws-bullet.png) no-repeat 0 2px
   }
   
   .google-cloud-page {
       margin: 0
   }
   
   .google-banner-img {
       float: right;
       margin: 0
   }
   
   .google-cloudbnr-cont {
       float: left;
       width: 630px;
       margin: 65px 0 0 0;
       position: relative;
       padding-left: 60px
   }
   
   .google-cloudbnr-cont p {
       font-size: 25px;
       margin: 0
   }
   
   .google-ml-58 {
       margin-left: 58px
   }
   
   .gcloud-ml-121 {
       margin-left: 121px
   }
   
   a.btn-ml-166,
   p.gp-ml-166 {
       margin-left: 166px;
       margin-bottom: 5px
   }
   
   a.red-bg {
       background: #d94538
   }
   
   a.red-bg:hover {
       background: #222
   }
   
   .google-srvc-half {
       position: absolute;
       bottom: -130px;
       left: -40px;
       z-index: -1
   }
   
   .google-cloud-inner {
       float: left;
       width: 100%;
       margin: 100px 0 50px 0
   }
   
   .google-cloud-inner p {
       font-size: 20px;
       line-height: 30px
   }
   
   .google-cloud-inner h2 {
       font-size: 22px;
       color: #000;
       margin-bottom: 10px
   }
   
   .google-cloud-inner h3 {
       font-size: 22px;
       color: #000;
       margin-bottom: 10px
   }
   
   .google-srvc-row1 {
       margin: 40px 0 40px 0
   }
   
   .google-srvc-row1 ul li {
       list-style: none;
       margin: 0 3% 0 0;
       padding: 0;
       float: left;
       width: 31%
   }
   
   .google-srvc-row1 ul li:nth-child(3n) {
       margin-right: 0
   }
   
   .google-srvc-row1 ul li h2 {
       font-size: 22px
   }
   
   .google-srvc-row1 ul li i {
       min-height: 140px;
       display: inline-block;
       width: 100%
   }
   
   .google-srvc-row2 ul li {
       list-style: none;
       margin: 0 0 50px 0;
       padding: 0;
       float: left;
       width: 48%
   }
   
   .google-srvc-row2 ul li p {
       width: 80%
   }
   
   .google-srvc-row2 ul li i {
       width: 100%;
       float: left
   }
   
   .google-srvc-row2 ul li:nth-child(2n) {
       float: right
   }
   
   .google-pf-row {
       margin: 40px 0 25px 0
   }
   
   .google-pf-lft {
       float: left;
       width: 60%;
       margin: 50px 0 0 0
   }
   
   .google-pf-rgt {
       float: right
   }
   
   .rackspace-banner .google-cloudbnr-cont {
       width: 623px
   }
   
   .rcloud-ml-134 {
       margin-left: 134px
   }
   
   .rackspace-banner .google-srvc-half {
       bottom: -70px
   }
   
   .rackspace-inner-cont {
       margin-top: 60px
   }
   
   ul.rock-space-listing {
       margin: 40px 0 0 0
   }
   
   ul.rock-space-listing li {
       margin: 0 0 20px 0;
       padding: 0;
       list-style: none;
       float: left;
       width: 46%
   }
   
   ul.rock-space-listing li:nth-child(2n) {
       float: right
   }
   
   ul.rock-space-listing li i {
       margin-bottom: 20px;
       display: inline-block;
       width: 100%
   }
   
   .rackspace-solu-row {
       float: left;
       width: 100%;
       margin: 20px 0 0 0
   }
   
   .rackspace-solu-row h2 {
       width: 60%;
       margin: 0 auto 20px auto;
       text-align: center
   }
   
   .rackspace-solu-img {
       float: left;
       width: 100%;
       margin: 20px 0 0 0;
       text-align: center
   }
   
   .digitalocean-lft {
       float: left
   }
   
   .digitalocean-rgt {
       float: right;
       width: 490px;
       margin: 50px 0 0 0
   }
   
   .digitalocean-rgt p {
       font-size: 20px;
       margin-bottom: 0
   }
   
   .dc-ml-38 {
       margin-left: 38px
   }
   
   .dcs-ml-190 {
       margin-left: 190px
   }
   
   a.dcs-ml-190 {
       margin-left: 190px
   }
   
   a.blue-bg {
       background: #0080ff
   }
   
   a.blue-bg:hover {
       background: #222
   }
   
   .searmlessly-infs-row {
       margin: 0;
       text-align: left
   }
   
   .searmlessly-infs-row p {
       width: 90%;
       margin: 0 auto 15px 0
   }
   
   .searmlessly-img {
       float: left;
       width: 100%;
       text-align: center;
       margin: 30px 0 0 0
   }
   
   .digitalocean-inner {
       margin-top: 40px
   }
   
   .heoku-banner .digitalocean-rgt {
       width: 620px;
       position: relative;
       left: -50px
   }
   
   .dcs-ml-165,
   a.dcs-ml-165 {
       margin-left: 165px
   }
   
   .heoku-banner .get-touch {
       background: #5921a6
   }
   
   .heoku-banner .get-touch:hover {
       background: #44118a
   }
   
   .heoku-banner .digitalocean-rgt p {
       margin-bottom: 5px
   }
   
   .heroku-list {
       margin: 40px 0 0 0
   }
   
   .heroku-list ul li {
       list-style: none;
       float: left;
       width: 30%;
       margin: 0 3% 60px 0;
       padding: 0;
       text-align: center;
       min-height: 350px
   }
   
   .heroku-list ul li i {
       margin-bottom: 20px;
       display: inline-block;
       min-height: 124px
   }
   
   .heroku-list ul li:nth-child(3n) {
       margin-right: 0
   }
   
   .heroku-list h2 {
       min-height: 76px
   }
   
   .herku-prd-row {
       margin: 0 0 20px 0
   }
   
   .herku-prd-img {
       float: left;
       width: 100%;
       text-align: center;
       margin: 0 0 15px 0
   }
   
   .herku-prd-row h2 {
       margin-bottom: 0;
       margin-top: 10px
   }
   
   .herku-prd-row h2,
   .herku-prd-row p {
       text-align: center
   }
   
   .herku-prd-row h3 {
       margin-bottom: 0;
       margin-top: 10px
   }
   
   .herku-prd-row h3,
   .herku-prd-row p {
       text-align: center
   }
   
   .technologies-page {
       margin-bottom: 20px
   }
   
   .technologies-banner span {
       margin: -20px 0 0 0;
       position: relative;
       top: -40px
   }
   
   .tech-hd-row {
       text-align: center;
       margin: 20px 0 20px 0
   }
   
   .tech-hd-row h2 {
       margin-bottom: 0
   }
   
   .tech-hd-row p {
       line-height: normal
   }
   
   .tech-info-row {
       float: left;
       width: 100%;
       text-align: center;
       margin-bottom: 40px
   }
   
   .tech-info-row h4 {
       font-size: 25px;
       color: #000;
       position: relative;
       padding-top: 33px;
       margin-bottom: 30px
   }
   
   .tech-info-row h4:after {
       position: absolute;
       top: 0;
       left: 0;
       right: 0;
       margin: 0 auto;
       width: 100px;
       height: 2px;
       background: #59b039;
       content: ""
   }
   
   .tech-info-row ul li {
       margin: 0 7px;
       padding: 0;
       list-style: none;
       display: inline-block;
       vertical-align: top
   }
   
   .tech-info-row ul li a {
       display: inline-block
   }
   
   .tech-info-row ul li a i {
       border: 2px solid #59b039a6;
       display: inline-block;
       width: 150px;
       height: 150px;
       border-radius: 100%;
       position: relative;
       margin-bottom: 10px
   }
   
   .tech-info-row ul li a i img {
       position: absolute;
       left: 0;
       right: 0;
       top: 0;
       bottom: 0;
       margin: auto
   }
   
   .tech-info-row ul li a span {
       display: block;
       font-size: 20px;
       color: #000;
       width: 150px
   }
   
   .hovicon {
       cursor: pointer;
       z-index: 1
   }
   
   .hovicon:after {
       pointer-events: none;
       position: absolute;
       width: 100%;
       height: 100%;
       border-radius: 50%;
       content: '';
       -webkit-box-sizing: content-box;
       -moz-box-sizing: content-box;
       box-sizing: content-box
   }
   
   .hovicon:before {
       speak: none;
       display: block
   }
   
   .hovicon.effect-8 {
       background: rgba(255, 255, 255, .1);
       -webkit-transition: -webkit-transform ease-out .1s, background .2s;
       -moz-transition: -moz-transform ease-out .1s, background .2s;
       transition: transform ease-out .1s, background .2s
   }
   
   .hovicon.effect-8:after {
       top: 0;
       left: 0;
       padding: 0;
       z-index: -1;
       box-shadow: 0 0 0 2px rgba(255, 255, 255, .1);
       opacity: 0;
       -webkit-transform: scale(.9);
       -moz-transform: scale(.9);
       -ms-transform: scale(.9);
       transform: scale(.9)
   }
   
   .tech-info-row ul li a:hover .hovicon.effect-8 {
       background: rgba(0, 0, 0, .05);
       -webkit-transform: scale(.93);
       -moz-transform: scale(.93);
       -ms-transform: scale(.93);
       transform: scale(.93)
   }
   
   .tech-info-row ul li a:hover .hovicon.effect-8:after {
       -webkit-animation: sonarEffect 1s ease-out 75ms;
       -moz-animation: sonarEffect 1s ease-out 75ms;
       animation: sonarEffect 1s ease-out 75ms
   }
   
   @-webkit-keyframes sonarEffect {
       0% {
           opacity: .3
       }
       40% {
           opacity: .5;
           box-shadow: 0 0 0 2px rgba(255, 255, 255, .1), 0 0 5px 5px #a2a2a2, 0 0 0 5px rgba(255, 255, 255, .5)
       }
       100% {
           box-shadow: 0 0 0 2px rgba(255, 255, 255, .1), 0 0 5px 5px #a2a2a2, 0 0 0 5px rgba(255, 255, 255, .5);
           -webkit-transform: scale(1.3);
           opacity: 0
       }
   }
   
   @-moz-keyframes sonarEffect {
       0% {
           opacity: .3
       }
       40% {
           opacity: .5;
           box-shadow: 0 0 0 2px rgba(255, 255, 255, .1), 0 0 5px 5px #a2a2a2, 0 0 0 5px rgba(255, 255, 255, .5)
       }
       100% {
           box-shadow: 0 0 0 2px rgba(255, 255, 255, .1), 0 0 5px 5px #a2a2a2, 0 0 0 5px rgba(255, 255, 255, .5);
           -moz-transform: scale(1.3);
           opacity: 0
       }
   }
   
   @keyframes sonarEffect {
       0% {
           opacity: .3
       }
       40% {
           opacity: .5;
           box-shadow: 0 0 0 2px rgba(255, 255, 255, .1), 0 0 5px 5px #a2a2a2, 0 0 0 5px rgba(255, 255, 255, .5)
       }
       100% {
           box-shadow: 0 0 0 2px rgba(255, 255, 255, .1), 0 0 5px 5px #a2a2a2, 0 0 0 5px rgba(255, 255, 255, .5);
           transform: scale(1.3);
           opacity: 0
       }
   }
   
   .mob-dev-banner {
       margin: 0 0 30px 0
   }
   
   .banner-lft-mob {
       float: left;
       width: 650px
   }
   
   .mob-dev-banner-rgt {
       float: right;
       width: 465px
   }
   
   .mob-screen-banner {
       float: left;
       width: 100%
   }
   
   .mob-banner-cont {
       float: left;
       width: 100%
   }
   
   .ml-90 {
       margin-left: 90px
   }
   
   .ml-180 {
       margin-left: 180px
   }
   
   .cloud-inner-cont ul.cloud-listing li:last-child {
       clear: none
   }
   
   .cloud-inner-cont ul.cloud-listing li p {
       min-height: 140px
   }
   
   .web-dev-banner {
       float: left;
       width: 100%;
       text-align: center;
       position: relative
   }
   
   .web-dev-banner-rgt {
       width: 400px;
       position: absolute;
       bottom: 100px;
       right: 0
   }
   
   .ml-0 {
       margin-left: 0
   }
   
   .ml-140 {
       margin-left: 140px
   }
   
   .sap-banner {
       margin: 0
   }
   
   .sap-inner-cont {
       margin: 50px 0
   }
   
   .hire-sap-row {
       text-align: center
   }
   
   .hire-sap-row h2,
   .odoo-inner-cont h2 {
       font-size: 30px;
       color: #000;
       text-transform: uppercase
   }
   
   .hire-sap-icon {
       margin: 30px 0
   }
   
   .sap-inner-cont .services-page-cont {
       width: 100%;
       margin: 0 auto
   }
   
   .sap-inner-cont .services-page-cont p {
       line-height: 30px
   }
   
   .services-offer-row {
       margin: 30px 0 0 0;
       text-align: center
   }
   
   .services-offer-row h3 {
       font-size: 30px;
       color: #000
   }
   
   .services-offer-row ul {
       width: 70%;
       margin: 20px auto 0 auto
   }
   
   .services-offer-row ul li {
       width: 48%;
       float: left;
       font-size: 18px;
       color: #000;
       margin: 0 0 10px 0;
       padding: 0;
       text-align: left
   }
   
   .services-offer-row ul li:nth-child(2n) {
       float: right
   }
   
   .btn-brchr {
       margin: 35px 0 0 0
   }
   
   .btn-brchr img {
       display: inline-block;
       vertical-align: middle;
       margin: -1px 10px 0 0
   }
   
   .odoo-page {
       margin-bottom: 50px
   }
   
   .odoo-banner {
       position: relative;
       margin: 0 0 61px 0
   }
   
   .odoo-lft-banner {
       float: left;
       width: 854px
   }
   
   .odoo-rgt-banner {
       width: 259px;
       position: absolute;
       right: 70px;
       top: 160px
   }
   
   .odoo-rgt-banner span {
       margin-left: 0
   }
   
   .odoo-rgt-banner span.odoo-ml-57 {
       margin-left: 57px
   }
   
   .odoo-inner-cont {
       margin: 0
   }
   
   .odoo-inner-cont h2 {
       text-align: center
   }
   
   .odd-sec-img {
       margin: 35px 0 10px 0
   }
   
   .odoo-sec-row {
       text-align: left;
       margin-bottom: 0
   }
   
   .odoo-sec-row p {
       width: 83%;
       margin: 0 auto
   }
   
   .odoo-sec-process {
       margin: 20px 0 0 0
   }
   
   .odoo-page .services-offer-row ul {
       width: 80%
   }
   
   .choose-cont-row {
       margin: 40px 0 0 0
   }
   
   .choose-cont-row p {
       font-size: 20px;
       line-height: 35px
   }
   
   .choose-cont-row h4 span {
       margin-left: 0
   }
   
   .magento-page .services-offer-row ul li:nth-child(2n) {
       width: 42%
   }
   
   .magento-page .odoo-rgt-banner {
       right: 120px
   }
   
   .magento-page .odoo-sec-process {
       margin: 30px 0 20px 0
   }
   
   .wordpress-page .odoo-lft-banner {
       width: 100%
   }
   
   .wordpress-page .odoo-banner {
       margin-bottom: 0
   }
   
   .magento-page.wordpress-page .odoo-rgt-banner {
       right: 400px;
       top: 181px
   }
   
   span.odoo-ml-76 {
       margin-left: 76px
   }
   
   .odoo-page.angular-page .services-offer-row ul,
   .odoo-page.mongodb-page .services-offer-row ul,
   .odoo-page.phpmysql-page .services-offer-row ul,
   .postgresql-page .services-offer-row ul,
   .wordpress-page .services-offer-row ul {
       -webkit-column-count: 3;
       -moz-column-count: 3;
       column-count: 3;
       -webkit-column-gap: 50px;
       -moz-column-gap: 50px;
       column-gap: 50px
   }
   
   .odoo-page.angular-page .services-offer-row ul li,
   .odoo-page.mongodb-page .services-offer-row ul li,
   .odoo-page.phpmysql-page .services-offer-row ul li,
   .postgresql-page .services-offer-row ul li,
   .wordpress-page .services-offer-row ul li {
       width: 100%;
       float: none;
       vertical-align: top
   }
   
   .magento-page.wordpress-page .services-offer-row ul li:nth-child(2n),
   .odoo-page.angular-page .services-offer-row ul li:nth-child(2n),
   .odoo-page.mongodb-page .services-offer-row ul li:nth-child(2n),
   .odoo-page.phpmysql-page .services-offer-row ul li:nth-child(2n),
   .postgresql-page .services-offer-row ul li:nth-child(2n) {
       width: 100%
   }
   
   .odoo-page.postgresql-page .services-offer-row.the-top-reason ul {
       width: 90%
   }
   
   .phpmysql-page h2 {
       font-size: 30px;
       color: #000;
       margin-bottom: 0
   }
   
   .odoo-page.phpmysql-page .services-offer-row ul {
       width: 74%;
       -webkit-column-count: 2;
       -moz-column-count: 2;
       column-count: 2
   }
   
   .odoo-page.phpmysql-page .services-offer-row.whatsnew-list ul {
       width: 95%;
       -webkit-column-count: 3;
       -moz-column-count: 3;
       column-count: 3
   }
   
   .odoo-page.mongodb-page h3,
   .redis-page h3 {
       font-size: 30px;
       color: #222
   }
   
   .odoo-page.mongodb-page .mongodb-development-hd {
       margin-top: 35px
   }
   
   .redis-page .odoo-lft-banner {
       width: 100%
   }
   
   .redis-page .odoo-rgt-banner {
       right: -20px;
       top: auto;
       bottom: 50px
   }
   
   .redis-page .odoo-sec-row p {
       width: 100%;
       margin-bottom: 50px;
       margin-top: 10px
   }
   
   .redis-page .redis-create ul {
       width: 33%
   }
   
   .angular-page .odoo-lft-banner {
       width: 100%;
       text-align: center
   }
   
   .angular-page .odoo-rgt-banner {
       width: 329px;
       right: 97px;
       top: 270px
   }
   
   .odoo-page.angular-page .services-offer-row ul {
       width: 95%
   }
   
   .angular-page .odoo-sec-row p {
       width: 100%;
       margin-bottom: 20px
   }
   
   .angular-page.node-js-page .odoo-rgt-banner {
       right: 25px;
       top: 265px
   }
   
   .angular-page.node-js-page.reactjs-page .odoo-rgt-banner {
       top: 295px
   }
   
   .odoo-page.angular-page.reactjs-page .services-offer-row ul {
       -webkit-column-count: 2;
       -moz-column-count: 2;
       column-count: 2;
       -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
       column-gap: 30px;
       width: 46%
   }
   
   .seo-banner {
       position: relative
   }
   
   .seo-banner-rgt {
       position: absolute;
       right: 0;
       bottom: 80px;
       width: 310px
   }
   
   .seo-page .heroku-list h2 {
       min-height: initial
   }
   
   .contact-page {
       padding-bottom: 30px
   }
   
   a.btn-contact-fix {
       position: fixed;
       top: 300px;
       left: 0;
       z-index: 999
   }
   
   .contact-banner-rgt {
       float: right
   }
   
   .contact-banner-lft {
       float: left;
       width: 40%;
       margin: 130px 0 0 0
   }
   
   .contact-banner-lft h1 {
       font-size: 40px;
       color: #1e3966;
       font-family: 'Nunito Sans', sans-serif;
       text-transform: uppercase;
       margin: 0 0 10px 0;
        font-weight: 600;
   }
   
   .contact-banner-lft p {
       font-size: 15px;
       color: #363636;
       line-height: 30px
   }
   
   .contact-inner {
       background: linear-gradient(to right, #fff 0, #fff 65%, #18315d 65%, #18315d 100%);
       background: -webkit-linear-gradient(to right, #fff 0, #fff 65%, #363636 65%, #363636 100%);
       background: -moz-linear-gradient(to right, #fff 0, #fff 65%, #363636 65%, #363636 100%);
       background: -o-linear-gradient(to right, #fff 0, #fff 65%, #363636 65%, #363636 100%);
       padding: 50px;
       box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, .1);
       margin: -60px 0 45px 0
   }
   
   .contact-frm-lft {
       float: left;
       width: 610px
   }
   
   .contact-inner h3 {
       font-size: 25px;
       color: #59b039;
       display: inline-block;
       margin-bottom: 45px
   }
   
   .mesg-icon {
       float: right
   }
   
   .contact-frm label {
       display: block;
       font-size: 14px;
       color: #b1aeaf;
       margin-bottom: 4px;
       padding-left: 10px;
       color: #000
   }
   
   .contact-frm input {
       border: none;
       border-bottom: 1px solid #b1aeaf;
       background: 0 0;
       width: 100%;
       height: 35px;
       font-size: 14px;
       color: #000
   }
   
   .contact-frm textarea {
       border: none;
       border-bottom: 1px solid #b1aeaf;
       background: 0 0;
       height: 80px;
       width: 100%;
       font-size: 14px;
       color: #000;
       padding-bottom: 25px
   }
   
   .contact-frm .default-select-box {
       width: 100%;
       border: none;
       border-bottom: 1px solid #b1aeaf;
       font-size: 14px
   }
   
   .contact-frm .default-select-box select {
       height: 34px
   }
   
   .contact-frm input:focus,
   .contact-frm select:focus,
   .contact-frm textarea:focus {
       box-shadow: none
   }
   
   .contact-frm ul li {
       float: left;
       width: 48%;
       list-style: none;
       margin-bottom: 32px
   }
   
   .contact-frm ul li:nth-child(2n) {
       float: right
   }
   
   .contact-frm ul li.full-row-frm {
       width: 100%
   }
   
   .contact-frm ul li.btn-send-frm {
       width: auto;
       float: right;
       margin: -70px 0 0 0;
       position: relative;
       right: -8px
   }
   
   .btn-send {
       background: url(../img/btn-submit.png) no-repeat;
       width: 63px;
       height: 63px;
       border: none;
       cursor: pointer
   }
   
   .btn-send:hover {
       background: url(../img/btn-submit-h.png) no-repeat
   }
   
   .contact-add-rgt {
       float: right;
       width: 310px;
       margin: 0;
       text-align: left
   }
   
   .contact-add-rgt p {
       color: #cdcdcd;
       font-size: 16px;
       line-height: 25px
   }
   
   .contact-add-rgt p.address-cntct span {
       display: inline-block;
       width: 80%;
       vertical-align: top;
       margin-bottom: 25px
   }
   
   .contact-add-rgt .ftr-tel-col {
       display: block;
       margin-bottom: 25px
   }
   
   .contact-add-rgt .ftr-tel-col a {
       color: #cdcdcd
   }
   
   .contact-add-rgt .ftr-tel-col a:hover {
       color: #fff
   }
   
   .captcha-col {
       float: left
   }
   
   .contact-add-rgt .ftr-social {
       float: left;
       margin: 100px 0 0 10px
   }
   
   .contact-add-rgt .ftr-social a {
       opacity: .7
   }
   
   .contact-add-rgt .ftr-social a:hover {
       opacity: 1
   }
   
   .captcha-error {
       float: left;
       width: calc(100% - 30px);
       padding: 5px 15px;
       background: #e72e28;
       margin: 0 15px 20px;
       box-sizing: border-box;
       text-align: center
   }
   
   .captcha-error p {
       font-size: 14px;
       color: #fff;
       margin: 0
   }
   
   h1.inner-cmn-hd {
       font-size: 35px;
       color: #59b039!important;
       font-weight: bold;
       margin-bottom: 20px
   }
   
   .odoo-inner-cont h1 {
       text-align: left;
       text-transform: uppercase
   }
   
   .odoo-inner-cont p {
       font-size: 20px
   }
   
   .searmlessly-infs-row h1 {
       text-transform: none;
       font-size: 30px;
       color: #000;
       margin-bottom: 20px
   }
   
   .thank_you {
       margin: 30px 0 80px 0
   }
   
   .opensource-choose {
       width: 100%
   }
   
   .opensource-choose ul {
       margin-bottom: 30px
   }
   
   .ecommerce-dev-page .services-page-cont h2 {
       font-size: 25px
   }
   
   .ecommerce-banner {
       position: relative;
       margin: 0 0 40px 0
   }
   
   .ecommerce-banner-img {
       width: 100%
   }
   
   .ecommerce-banner .ios-banner-rgt {
       position: absolute;
       right: 110px;
       bottom: 0;
       width: 250px
   }
   
   .ecommerce-dev-page .services-page-cont h1 {
       font-size: 30px;
       color: #000;
       margin-bottom: 20px;
       text-transform: uppercase
   }
   
   .ecommerce-solu-row {
       margin: 0 0 50px 0
   }
   
   .ecommerce-lft {
       float: left;
       width: 566px
   }
   
   .ecommerce-rgt {
       float: right;
       width: 500px;
       margin: 20px 0 0 0
   }
   
   .ecommerce-rgt h2 {
       font-size: 25px;
       margin-bottom: 15px;
       line-height: 40px
   }
   
   .ecommerce-rgt ul,
   .why-choose-left ul {
       margin: 0 0 0 30px
   }
   
   .ecommerce-rgt ul li,
   .why-choose-left ul li {
       font-size: 18px;
       color: #000;
       margin: 0 0 10px 0
   }
   
   .why-choose-row-ecm {
       margin: 40px 0
   }
   
   .why-choose-left {
       width: 60%
   }
   
   .why-choose-left p {
       font-size: 20px
   }
   
   .why-choose-left h4 {
       font-size: 20px;
       color: #000;
       font-family: 'Nunito Sans', sans-serif;
       margin-bottom: 20px
   }
   
   .why-choose-right {
       width: 35%;
       float: right;
       text-align: center;
       margin-bottom: 20px
   }
   
   .why-choose-right h4 {
       font-size: 33px;
       display: block;
       color: #000
   }
   
   .opensource-chooses.ecommerce-rgt {
       width: 100%
   }
   
   .thankyou-inner {
       margin: 0
   }
   
   .thankyou-page {
       background: url(../img/thanks-bg.png) no-repeat center;
       min-height: 815px;
       text-align: center;
       margin-bottom: 25px
   }
   
   .thanks-text {
       float: left;
       margin: 350px 0 100px 150px;
       text-align: left
   }
   
   .thankyou-page p {
       background: #ff8884;
       color: #fff;
       font-size: 35px;
       font-family: Georgia, "Times New Roman", Times, serif;
       text-align: center;
       padding: 5px 15px;
       margin: 0 auto;
       font-style: italic;
       width: 80%;
       display: inline-block
   }
   
   .thankyou-page p span {
       font-size: 15px;
       font-family: 'Nunito Sans', sans-serif;
       line-height: 24px;
       width: 66%;
       display: inline-block;
       font-style: normal;
       margin: 10px 0 10px 0
   }
   
   .thankyou-page p span a {
       color: #fff;
       text-decoration: underline;
       white-space: nowrap
   }
   
   ul.default-list {
       margin: 20px 0 40px 20px
   }
   
   ul.default-list li {
       font-size: 18px;
       margin-bottom: 14px
   }
   
   .btn-close-inq {
       display: inline-block
   }
   
   .btn-inq.btn-open .btn-close-inq {
       display: none
   }
   
   .btn-inq.btn-open img.btn-open-inq {
       display: inline-block
   }
   
   .btn-inq img.btn-open-inq {
       display: none
   }
   
   .inquiry-bottom {
       position: fixed;
       bottom: 0;
       right: 10px;
       z-index: 99
   }
   
   a.btn-inq img {
       vertical-align: top
   }
   
   .inquiry-form {
       width: 255px;
       background: #e5e5e5;
       padding: 10px
   }
   
   .inquiry-form input {
       background: #fff;
       height: 40px;
       padding: 0 10px 0 40px;
       border: none;
       width: 100%;
       color: #363636;
       font-size: 14px;
       font-family: 'Nunito Sans', sans-serif;
       margin-bottom: 10px
   }
   
   .inquiry-form .default-select-box {
       background: #fff;
       width: 100%;
       height: 40px;
       margin-bottom: 10px;
       border: none
   }
   
   .inquiry-form .default-select-box select {
       height: 40px;
       color: #363636;
       font-size: 14px;
       font-family: 'Nunito Sans', sans-serif;
       padding: 0 10px;
       background-position: 94% 15px
   }
   
   .inquiry-form textarea {
       background: #fff;
       border: none;
       color: #363636;
       font-size: 14px;
       font-family: 'Nunito Sans', sans-serif;
       width: 100%;
       padding: 10px 15px 15px 40px;
       margin-bottom: 10px
   }
   
   .form-grp {
       position: relative;
       width: 100%
   }
   
   .form-grp i {
       position: absolute;
       left: 10px;
       top: 8px
   }
   
   .user-icon-inp {
       background-position: -778px -138px;
       display: inline-block;
       width: 22px;
       height: 22px
   }
   
   .email-icon-inp {
       background-position: -778px -162px;
       display: inline-block;
       width: 22px;
       height: 15px;
       margin: 4px 0 0 0
   }
   
   .tel-icon-inp {
       background-position: -778px -178px;
       display: inline-block;
       width: 23px;
       height: 17px;
       margin: 4px 0 0 0
   }
   
   .detail-icon-inp {
       background-position: -778px -198px;
       display: inline-block;
       width: 22px;
       height: 22px;
       margin: 0
   }
   
   .btn-submit {
       background: #59b039;
       height: 40px;
       color: #fff;
       font-size: 15px;
       text-transform: uppercase;
       text-align: center;
       width: 100%;
       cursor: pointer
   }
   
   .btn-submit:hover {
       background: #1e3966
   }
   
   .sitemap-dtl {
       width: 720px;
       margin: auto;
       text-align: left
   }
   
   .sitemap-menu-list {
       margin-bottom: 6px;
       float: left;
       width: 100%
   }
   
   .sitemap-menu-list li {
       width: 100%;
       clear: left;
       margin-top: 5px;
       float: left;
       list-style: none
   }
   
   .sitemap-menu-list li a {
       font-size: 16px;
       text-transform: uppercase;
       font-family: 'Nunito Sans', sans-serif;
       color: #000
   }
   
   .sitemap-menu-list li a:hover {
       color: #e72e28
   }
   
   .sitemap-menu-list li span {
       font-size: 16px;
       text-transform: uppercase;
       font-family: 'Nunito Sans', sans-serif;
       color: #000
   }
   
   .sitemap-menu-list li ul {
       margin-left: 20px
   }
   
   .sitemap-menu-list li>ul {
       margin-bottom: 20px;
       float: left;
       width: 100%
   }
   
   .sitemap-menu-list li ul li ul li a {
       color: #666;
       font-size: 14px
   }
   
   .sitemap-menu-list li ul li.cmpn-menu ul li a,
   .sitemap-menu-list li ul li.sprt-menu ul li a {
       color: #222;
       font-family: 'Nunito Sans', sans-serif;
   }
   
   .sitemap-menu-list li ul li.cmpn-menu ul li a:hover,
   .sitemap-menu-list li ul li.sprt-menu ul li a:hover {
       color: #e72e28
   }
   
   .sitemap-menu-list li ul li.by-app-menu li>a {
       font-size: 16px;
       color: #222
   }
   
   .sitemap-menu-list li ul li.by-app-menu li>a:hover {
       font-size: 16px;
       color: #e72e28
   }
   
   .sitemap-menu-list li ul li.by-app-menu li {
       float: left;
       width: 50%;
       clear: none
   }
   
   .sitemap-menu-list li ul li.by-app-menu li ul li a,
   .sitemap-menu-list li ul li.by-app-menu li ul li span {
       font-family: 'Nunito Sans', sans-serif;
       text-transform: uppercase;
       font-size: 14px;
       color: #222
   }
   
   .sitemap-menu-list li ul li.by-app-menu li ul li a:hover {
       color: #e72e28;
       font-size: 14px
   }
   
   .sitemap-menu-list li ul li.by-app-menu li ul li {
       width: 100%
   }
   
   .sitemap-menu-list li.by-app-menu>ul {
       margin-bottom: 10px;
       border-bottom: 1px solid #ccc;
       margin-left: 0
   }
   
   .sitemap-menu-list li.cmpn-menu {
       margin-bottom: 10px;
       border-bottom: 1px solid #ccc
   }
   
   .sitemap-menu-list li>ul.subcat {
       margin-bottom: 4px
   }
   
   .sitemap-menu-list li ul li.by-app-menu li:nth-child(2n+1) {
       clear: left
   }
   
   .donot-copy {
       float: left;
       width: 100%;
       margin: 10px 0 0 0;
       text-align: center
   }
   
   .donot-copy a {
       vertical-align: middle;
       display: inline-block
   }
   
   .why-choose-inner {
       width: 100%;
       display: inline-block;
       clear: both;
       margin-bottom: 10px
   }
   
   .why-choose-inner i {
       display: inline-block
   }
   
   .why-choose-inner h4 {
       display: inline-block;
       vertical-align: top;
       margin: 50px 0 0 15px;
       width: 78%
   }
   
   @media screen and (-webkit-min-device-pixel-ratio:0) {
       .ftr-link-full .fix-wrap:before {
           /*height: 244px*/
       }
   }
   
   .blogbtn-l {
       float: left
   }
   
   .blogbtn-r {
       float: right
   }
   
   .blog-banner {
       position: relative;
       text-align: center
   }
   
   .blog-banner-caption {
       position: absolute;
       left: 0;
       right: 0;
       top: 0;
       width: 550px;
       margin: 70px auto 0 auto
   }
   
   .blog-banner-caption h1 {
       font-size: 40px;
       color: #000;
       text-transform: uppercase
   }
   
   .blog-banner-caption p {
       font-size: 20px
   }
   
   .blog-list {
       margin: 50px 0 30px 0
   }
   
   .blog-left {
       width: 840px;
       float: left;
       border-right: 1px #ebebeb solid;
       padding: 0 15px 0 0
   }
   
   .blog-rgt {
       width: 255px;
       float: right
   }
   
   .page_title {
       position: absolute;
       right: 0;
       bottom: 90px
   }
   
   .blog-list-img {
       width: 250px;
       float: left
   }
   
   .blog-list-cont {
       width: 555px;
       float: right
   }
   
   .fix-wrap-inner {
       max-width: 1110px;
       margin: 0 auto;
       float: none;
       padding: 0;
       width: 100%;
       clear: both;
       overflow: hidden
   }
   
   .blog-list-cont {
       padding: 0
   }
   
   .blog-list-cont h3 {
       color: #000;
       font-size: 24px;
       line-height: normal;
       letter-spacing: .25px;
       text-transform: uppercase;
       font-family: 'Nunito Sans', sans-serif;
       font-weight: 600;
       margin: 0 0 6px
   }
   
   .blog-list-cont h3 a {
       color: #000;
       font-size: 24px;
       line-height: normal;
       letter-spacing: .25px;
       text-transform: uppercase;
       font-family: 'Nunito Sans', sans-serif;
       font-weight: 600
   }
   
   .blog-list-cont p {
       color: #000;
       font-size: 14px;
       line-height: 22px;
       letter-spacing: .4px;
       padding: 0 10px 0 0;
       margin: 0 0 7px 0
   }
   
   .blog-list-cont .readmore-link {
       float: right
   }
   
   .blog-date-by {
       width: 100%;
       float: left;
       clear: both;
       border-top: 1px #ebebeb solid;
       margin: 7px 0 0;
       padding: 7px 0
   }
   
   .blog-social-sprite {
       background-image: url(../img/blog-social-sprite.png);
       background-repeat: no-repeat;
       display: inline-block;
       vertical-align: middle;
       transition: all .3s ease
   }
   
   .blog-social a {
       width: 30px;
       height: 30px;
       border: 1px #bcbcbc solid;
       border-radius: 50%;
       line-height: 28px;
       vertical-align: middle;
       background: #fff;
       display: inline-block;
       text-align: center;
       margin-left: 7px
   }
   
   @media screen and (-webkit-min-device-pixel-ratio:0) {
       .blog-social a {
           line-height: 27px
       }
   }
   
   .blog-social a:first-child {
       margin-left: 0
   }
   
   .fb-icon-s {
       background-position: 0 0;
       width: 9px;
       height: 16px
   }
   
   .blog-social a:hover .fb-icon-s {
       background-position: 0 -18px
   }
   
   .blog-list-box {
       width: 100%;
       float: left;
       margin: 0 0 35px
   }
   
   .blog-list-box:last-child {
       margin: 0
   }
   
   .twitter-icon-s {
       background-position: -11px 0;
       width: 16px;
       height: 14px
   }
   
   .blog-social a:hover .twitter-icon-s {
       background-position: -11px -18px
   }
   
   .linkedin-icon-s {
       background-position: -27px 0;
       width: 14px;
       height: 15px
   }
   
   .blog-social a:hover .linkedin-icon-s {
       background-position: -27px -18px
   }
   
   .gplus-icon-s {
       background-position: -42px 0;
       width: 19px;
       height: 17px
   }
   
   .blog-social a:hover .gplus-icon-s {
       background-position: -42px -18px
   }
   
   .blog-date-by .blog-social {
       float: right;
       width: auto
   }
   
   .blog-date-by-lft {
       width: 60%;
       float: left;
       color: #000;
       font-size: 14px;
       letter-spacing: .4px;
       padding: 0;
       margin: 0;
       line-height: 32px;
       display: block
   }
   
   .blog-date-by-lft a,
   .blog-date-by-lft span {
       color: #fe544f;
       font-family: 'Nunito Sans', sans-serif;
   }
   
   .blog-date-by-lft a:hover {
       color: #8a8a8a
   }
   
   .blog_search {
       width: 100%;
       float: left;
       margin: 12px 0 0
   }
   
   .blog_search input[type=text],
   .input-outer .text_field {
       width: 100%;
       -webkit-appearance: none;
       -moz-appearance: none;
       appearance: none;
       border: 1px #e8e8e8 solid;
       background: #fff;
       height: 45px;
       padding: 0 16px;
       font-size: 16px;
       color: #5c5353;
       font-family: 'Nunito Sans', sans-serif;
       font-weight: 100
   }
   
   .blog_search input[type=text]:active,
   .blog_search input[type=text]:focus,
   .blog_search input[type=text]:hover,
   .input-outer .text_field:active,
   .input-outer .text_field:focus,
   .input-outer .text_field:hover {
       box-shadow: none!important
   }
   
   .widget_style {
       padding: 0 3px 0 10px;
       margin: 34px 0 0;
       width: 100%;
       float: left
   }
   
   .widget_style h3 {
       color: #fe544f;
       font-size: 16px;
       text-transform: uppercase;
       font-family: 'Nunito Sans', sans-serif;
       font-weight: 600;
       border-bottom: 1px #ebebeb solid;
       padding: 0 0 7px
   }
   
   .widget_style ul {
       margin: 0;
       padding: 0
   }
   
   .widget_style ul li {
       margin: 13px 0;
       padding: 0;
       list-style: none
   }
   
   .widget_style ul li a {
       margin: 0;
       padding: 0;
       display: block;
       color: #5c5353;
       font-size: 16px;
       line-height: normal
   }
   
   .widget_style ul li a:hover {
       color: #fe544f
   }
   
   .connect-social .blog-social {
       margin: 13px 0
   }
   
   .email-Subscribe {
       width: 100%;
       float: left;
       margin: 40px 0 0
   }
   
   .email-Subscribe-form {
       width: 100%;
       float: left;
       position: relative
   }
   
   .send_btn {
       width: 45px;
       height: 45px;
       background: #e8e8e8 url(../img/send_icon.png) no-repeat center;
       cursor: pointer;
       -webkit-appearance: none;
       -moz-appearance: none;
       appearance: none;
       border: none
   }
   
   .send_btn:active,
   .send_btn:focus,
   .send_btn:hover {
       background: #4a4647 url(../img/send_icon.png) no-repeat center
   }
   
   .email-Subscribe-form .send_btn {
       position: absolute;
       right: 0;
       top: 0
   }
   
   .email-Subscribe h3 {
       color: #fe544f;
       font-size: 16px;
       text-transform: uppercase;
       font-family: 'Nunito Sans', sans-serif;
       font-weight: 600;
       padding: 0 10px 10px
   }
   
   .search-filter {
       display: none
   }
   
   .blog-inner-caption {
       margin: 12px auto 0 auto;
       width: 690px
   }
   
   .blog-inner-caption h1 {
       font-size: 35px;
       line-height: .9;
       letter-spacing: .4px;
       text-transform: uppercase;
       font-weight: 300;
       font-family: 'Nunito Sans', sans-serif;
   }
   
   .blog-inner-caption p {
       font-size: 18px;
       color: #000
   }
   
   .blog-inner-caption p a,
   .blog-inner-caption p span {
       font-weight: 600;
       font-family: 'Nunito Sans', sans-serif;
       color: #df0024
   }
   
   .blog-details {
       width: 100%;
       float: left;
       padding: 12px 0 0
   }
   
   .editer-style h2 {
       font-size: 22px;
       font-weight: 600;
       margin-bottom: 5px
   }
   
   .blog-details img {
       margin-bottom: 30px
   }
   
   .editer-style p {
       line-height: 24px;
       margin-bottom: 15px
   }
   
   .editer-style h3 {
       font-size: 20px;
       margin-bottom: 5px;
       font-weight: 600
   }
   
   .editer-style h4 {
       font-size: 16px;
       margin-bottom: 5px;
       font-weight: 600
   }
   
   .editer-style ul {
       margin: 0 0 22px 5px
   }
   
   .editer-style ul {
       clear: both
   }
   
   .editer-style ul li {
       font-size: 14px;
       list-style: none;
       padding-left: 15px;
       margin-bottom: 8px;
       position: relative
   }
   
   .editer-style ul li a {
       color: #000;
       font-size: 14px;
       text-decoration: underline
   }
   
   .editer-style ul li a:hover {
       text-decoration: none
   }
   
   .editer-style ul li:after {
       content: "";
       position: absolute;
       left: 0;
       top: 6px;
       background: #e72330;
       width: 5px;
       height: 5px;
       border-radius: 100%
   }
   
   .blog-details p strong {
       font-family: 'Nunito Sans', sans-serif;
       font-weight: 400
   }
   
   .blog-details p a {
       color: #df0024
   }
   
   .blog-details p a:hover {
       color: #4a4647
   }
   
   .blog-details-banner .blog-inner-caption {
       padding: 80px 0 0
   }
   
   .page404-page {
       min-height: calc(100vh - 390px);
       display: flex;
       align-items: center;
       margin-top: 168px
   }
   
   .page404-banner,
   .page404-content {
       text-align: center;
       width: 100%;
       float: left
   }
   
   .page404-content {
       padding: 26px 0 70px
   }
   
   .page404-content h1 {
       color: #e84c3d;
       font-size: 40px;
       text-transform: uppercase;
       line-height: normal;
       margin: 0 0 10px
   }
   
   .page404-content p {
       color: #3f3f3f;
       font-size: 20px;
       line-height: normal;
       margin-bottom: 20px
   }
   
   .btn-default {
       padding: 7px 15px 6px;
       font-size: 17px;
       line-height: normal;
       border: 2px solid #e5e6e5;
       color: #000;
       text-transform: uppercase;
       display: inline-block;
       min-width: 123px;
       border-radius: 10px
   }
   
   .btn-default:hover {
       background: #e6332d;
       border-color: #e6332d;
       color: #fff
   }
   
   .page404-content .btn-default {
       margin: 0 12px
   }
   
   .magento-banner-rgt {
       margin: 60px 0 0 0
   }
   
   .secret-powerful img {
       margin-bottom: 35px
   }
   
   .magento-page-cont h1 {
       font-size: 46px;
       line-height: normal;
       text-transform: uppercase;
       letter-spacing: .25px;
       color: #000;
       margin: 0 0 28px
   }
   
   .magento-page-cont h2 {
       font-size: 46px;
       line-height: normal;
       text-transform: uppercase;
       letter-spacing: .25px;
       color: #000;
       margin: 0 0 28px
   }
   
   .magento-page-cont h3 {
       font-size: 30px;
       line-height: 35PX;
       letter-spacing: .25px;
       color: #000;
       margin: 0 0 10px
   }
   
   .magento-page-cont p {
       font-size: 20px;
       min-height: 110px;
       line-height: 35px;
       letter-spacing: .25px;
       color: #000;
       margin: 0 0 30px
   }
   
   .magento-page-row {
       width: 100%;
       float: left
   }
   
   .trained-solution {
       width: 132px;
       float: none;
       padding-left: 25px;
       display: inline-block;
       vertical-align: middle
   }
   
   .megento2-img {
       display: inline-block;
       vertical-align: top;
       position: relative
   }
   
   .megento2-img span {
       position: absolute;
       right: -18px;
       top: -18px;
       width: 36px;
       height: 36px;
       border-radius: 50%;
       text-align: center;
       background: #f0672f;
       color: #fff;
       text-align: center;
       line-height: 35px
   }
   
   .magento-details-col {
       width: auto;
       display: inline-block;
       border-left: 1px #ccc solid;
       padding: 10px 0 0;
       vertical-align: middle
   }
   
   .magento-icon {
       width: 100px;
       float: left;
       text-align: center;
       line-height: 53px
   }
   
   .magento-icon img {
       vertical-align: middle
   }
   
   .magento-content {
       width: 132px;
       float: left
   }
   
   .magento-content strong {
       font-size: 50px;
       line-height: 50px;
       display: block;
       color: #000
   }
   
   .magento-content p {
       margin: 0;
       font-size: 20px;
       line-height: normal;
       color: #000
   }
   
   .certified-developers .magento-content {
       width: 200px
   }
   
   .years-experience {
       width: 190px
   }
   
   .years-experience .magento-content {
       width: 100px
   }
   
   .years-experience .magento-icon {
       width: 74px
   }
   
   .magento-progress {
       margin: 20px 0
   }
   
   .what-we-create {
       text-align: center;
       margin: 24px 0 0
   }
   
   .what-we-create img {
       margin: 0 0 35px
   }
   
   .what-we-create h3 {
       margin: 0 0 28px
   }
   
   .what-we-create ul {
       width: 50%;
       float: left;
       text-align: left;
       padding-left: 50px
   }
   
   .what-we-create ul li {
       font-size: 20px;
       line-height: normal;
       color: #000;
       padding-left: 16px;
       list-style: none;
       position: relative;
       margin-bottom: 10px
   }
   
   .what-we-create ul li:before {
       content: "";
       position: absolute;
       left: 0;
       top: 11px;
       width: 3px;
       height: 3px;
       border-radius: 50%;
       background: #000
   }
   
   .steps-we-follow {
       margin: 50px 0 0
   }
   
   .steps-we-follow h3 {
       text-align: center
   }
   
   .steps-block {
       width: 100%;
       float: left;
       min-height: 234px;
       background: url(../img/procces-arrows.png) no-repeat center center;
       margin: 72px 0
   }
   
   .steps-col {
       width: auto;
       float: left;
       position: relative
   }
   
   .research-strategy {
       width: 254px
   }
   
   .research-strategy h4 {
       text-align: left
   }
   
   .research-strategy i {
       width: 195px;
       display: inline-block;
       text-align: center;
       line-height: 118px
   }
   
   .steps-col h4 {
       color: #000;
       font-size: 22px;
       line-height: normal;
       position: absolute;
       top: -54px;
       left: 0;
       width: 100%;
       text-align: center
   }
   
   .steps-col i {
       line-height: 118px
   }
   
   .steps-col i img {
       vertical-align: middle
   }
   
   .design-development,
   .testing-launch {
       text-align: center;
       width: 314px
   }
   
   .managed-hosting {
       text-align: right;
       width: 228px;
       padding: 0 30px
   }
   
   .managed-hosting h4 {
       text-align: right
   }
   
   .steps-bottom {
       width: 100%;
       float: left;
       text-align: center;
       padding: 10px 0 0
   }
   
   .steps-workflow-col {
       width: 310px;
       float: none;
       display: inline-block;
       vertical-align: top;
       position: relative
   }
   
   .steps-workflow-col h4 {
       color: #000;
       font-size: 22px;
       line-height: normal;
       position: absolute;
       bottom: -54px;
       left: 0;
       width: 100%;
       text-align: center
   }
   
   .magento-solutions {
       text-align: center;
       margin: 30px 0 0
   }
   
   .magento-solutions h3 {
       max-width: 590px;
       width: 100%;
       margin: 0 auto 20px;
       clear: both;
       float: none;
       overflow: hidden
   }
   
   .magento-why-choose h4 {
       color: #000
   }
   
   .magento-why-choose p {
       margin: 0 0 20px
   }
   
   .clients-projects {
       margin: 20px 0
   }
   
   .clients-projects h3 {
       text-align: center
   }
   
   .clients-projects_brands {
       width: 100%;
       float: left;
       padding: 0 90px;
       margin: 12px 0
   }
   
   .clients-projects_brands .owl-item {
       float: left;
       text-align: center;
       line-height: 88px
   }
   
   .clients-projects_brands .owl-item img {
       vertical-align: middle
   }
   
   .owl-stage-outer {
       overflow: hidden
   }
   
   .owl-arrow {
       position: relative
   }
   
   .owl-arrow .owl-next,
   .owl-arrow .owl-prev {
       position: absolute;
       top: 0;
       bottom: 0;
       margin: auto;
       width: 10px;
       height: 20px;
       display: block;
       font-size: 0;
       background: url(../img/slider-arrows.png) no-repeat left top;
       transition: all .3s ease;
       cursor: pointer
   }
   
   .owl-arrow .owl-prev {
       left: 0
   }
   
   .owl-arrow .owl-next {
       right: 0;
       transform: rotate(180deg)
   }
   
   .owl-arrow .owl-next:hover,
   .owl-arrow .owl-prev:hover {
       background-position: left bottom
   }
   
   .text-center {
       text-align: center
   }
   
   .magento-ecommerce-rgt {
       left: 0;
       top: 112px
   }
   
   .magento-ecommerce-rgt span:nth-child(2n) {
       margin-left: 33px
   }
   
   .magento-ecommerce-rgt span:nth-child(3n) {
       margin-left: 79px
   }
   
   .magento-ecommer-cont {
       padding: 40px 0 0
   }
   
   .magento-ecommer-cont h2 {
       margin: 0 0 5px
   }
   
   .you-need-magento h2 {
       margin-bottom: 25px;
       text-align: center
   }
   
   .magento-online-store h2 {
       margin-bottom: 40px
   }
   
   .magento-online-store img {
       margin-bottom: 40px
   }
   
   .ecommerce-develop-project {
       background: url(../img/magento-ecommerce-project-develop.png) no-repeat center center;
       text-align: center
   }
   
   .ecommerce-develop-project .steps-col {
       width: 313px;
       float: none;
       position: relative;
       display: inline-block;
       margin: 0 auto
   }
   
   .steps-workflow-col {
       width: 290px;
       margin: 0 0 0 18px
   }
   
   .two-column-cta {
       text-align: left
   }
   
   .two-column-cta ul {
       margin: 0;
       padding: 0
   }
   
   .two-column-cta li {
       width: 50%;
       float: left;
       padding-right: 15px;
       list-style: none;
       margin-bottom: 17px
   }
   
   .two-column-cta li:nth-child(2n) {
       padding-left: 15px;
       padding-right: 0
   }
   
   .two-column-cta h3 {
       font-size: 30px;
       color: #000;
       text-align: left;
       margin: 0;
       text-transform: uppercase;
       letter-spacing: .25px;
       margin: 0 0 10px
   }
   
   .two-column-cta p {
       margin: 0;
       padding: 0
   }
   
   .two-column-cta i {
       line-height: 230px;
       display: inline-block;
       padding: 0 10px
   }
   
   .two-column-cta i img {
       vertical-align: middle;
       max-height: 185px
   }
   
   .career-banner .gray-bg-label {
       padding: 0 29px
   }
   
   .career-inner-page {
       margin-top: 30px
   }
   
   .career-banner-img {
       width: 100%;
       float: left
   }
   
   .career-banner {
       position: relative;
       margin: 0 0 20px 0
   }
   
   .career-inner-cont h2 {
       color: #000;
       font-size: 46px;
       line-height: normal;
       text-transform: uppercase;
       letter-spacing: .25px
   }
   
   .career-inner-cont p {
       color: #000;
       font-size: 20px;
       line-height: 35px;
       letter-spacing: .25px
   }
   
   .career-inner-row {
       width: 100%;
       float: left;
       margin-bottom: 30px
   }
   
   .latest-opening {
       margin: 52px 0 0
   }
   
   .career-inner-row h3 {
       font-size: 30px;
       color: #000;
       text-align: left;
       margin: 0;
       text-transform: uppercase;
       letter-spacing: .25px;
       margin: 0 0 42px;
       text-align: center
   }
   
   .jobs-opening-block {
       width: 100%;
       float: left
   }
   
   .job-details-col {
       width: 50%;
       float: left;
       padding-right: 44px;
       position: relative;
       margin: 0 0 42px
   }
   
   .job-details-col:after {
       position: absolute;
       bottom: -24px;
       left: 0;
       right: 33px;
       height: 1px;
       width: auto;
       content: "";
       background: #d9d9d9
   }
   
   .job-details-col:nth-child(2n) {
       padding-right: 0;
       padding-left: 44px;
       border-left: 1px #d9d9d9 solid
   }
   
   .job-details-col:nth-child(2n):after {
       left: 33px;
       right: 0
   }
   
   .job-details-col:nth-child(2n) .job-count {
       right: 0
   }
   
   .job-details-col:last-child:after,
   .job-details-col:nth-last-child(2):after {
       display: none
   }
   
   .job-details-col h4 {
       color: #e72e28;
       font-size: 25px;
       font-family: 'Nunito Sans', sans-serif;
       font-weight: 600;
       text-transform: uppercase;
       letter-spacing: .25px;
       padding-right: 100px;
       margin: 0 0 26px
   }
   
   .job-count {
       position: absolute;
       right: 44px;
       top: 0;
       color: #000;
       font-size: 18px;
       font-family: 'Nunito Sans', sans-serif;
       font-weight: 600;
       letter-spacing: .25px;
       padding: 3px 0 0
   }
   
   .job-count span {
       color: #000;
       font-size: 18px;
       font-family: 'Nunito Sans', sans-serif;
       font-weight: 600;
       letter-spacing: .25px
   }
   
   .job-details-col li {
       font-size: 16px;
       line-height: normal;
       color: #000;
       display: flex;
       margin-bottom: 20px
   }
   
   .job-details-col li strong {
       font-size: 18px;
       line-height: normal;
       color: #000;
       font-family: 'Nunito Sans', sans-serif;
       float: left;
       width: 160px;
       font-weight: 400
   }
   
   .job-details-col li span {
       float: left;
       width: 395px
   }
   
   .job-details-col .btn-default {
       float: right
   }
   
   .employee-speak {
       margin-top: 20px
   }
   
   .employee-quotes,
   .employee-quotes-name {
       width: 100%;
       float: left
   }
   
   .employee-quote-row {
       max-width: 880px;
       width: 100%;
       float: none;
       margin: 0 auto
   }
   
   .employee-quotes {
       position: relative
   }
   
   .employee-quotes:after,
   .employee-quotes:before {
       content: "";
       position: absolute;
       background: url(../img/quote-left.png) no-repeat;
       width: 68px;
       height: 53px
   }
   
   .employee-quotes:before {
       top: -16px;
       left: -12px;
       z-index: -1
   }
   
   .employee-quotes:after {
       content: "";
       right: -108px;
       bottom: -11px;
       background: url(../img/quote-right.png) no-repeat;
       width: 68px;
       height: 53px
   }
   
   .employee-quote-row p {
       color: #4a4647;
       font-size: 20px;
       line-height: 30px;
       letter-spacing: .25px;
       text-align: center;
       padding: 0 100px
   }
   
   .employee-quotes-name {
       text-align: right
   }
   
   .employee-quotes h5 {
       color: #e72e28;
       font-size: 20px;
       font-family: 'Nunito Sans', sans-serif;
   }
   
   .employee-quotes small {
       color: #4a4647;
       font-size: 15px
   }
   
   .employee-speak h3 {
       margin: 0 0 30px
   }
   
   .career-inner-page strong {
       font-weight: 400
   }
   
   .career-detail-cont .latest-opening {
       margin: 12px 0 0
   }
   
   .career-detail-cont .job-details-col {
       padding-right: 0;
       width: 100%
   }
   
   .career-detail-cont .job-count {
       width: auto;
       float: left;
       display: inline-block;
       position: static;
       font-family: 'Nunito Sans', sans-serif;
       font-weight: 400
   }
   
   .career-detail-cont .job-count strong {
       font-family: 'Nunito Sans', sans-serif;
   }
   
   .career-detail-cont .job-details-col h4 {
       float: left;
       padding: 0;
       margin: 0 27px 24px 0
   }
   
   .career-detail-cont .job-details-col .btn-default {
       position: absolute;
       top: 0;
       right: 0
   }
   
   .career-detail-cont .job-details-col ul {
       width: 100%;
       float: left;
       margin: 0
   }
   
   .career-detail-cont .job-details-col li span {
       width: 955px
   }
   
   .bullet-style li {
       padding-left: 20px;
       position: relative;
       color: #000;
       font-size: 16px;
       margin: 0;
       line-height: 28px
   }
   
   .bullet-style li:before {
       position: absolute;
       left: 0;
       top: 13px;
       width: 3px;
       height: 3px;
       background: #000;
       border-radius: 50%;
       content: ""
   }
   
   .job-apply-form {
       background: #f8f8f8;
       padding: 36px 30px 30px;
       width: 100%;
       float: left;
       margin: 0 0 30px
   }
   
   .job-apply-form h3 {
       font-size: 30px;
       color: #000;
       margin: 0;
       padding: 0 0 17px;
       text-transform: uppercase;
       letter-spacing: .25px;
       margin: 0 0 22px;
       text-align: center;
       border-bottom: 1px #c6c5c5 solid
   }
   
   .job-form-col {
       width: calc(50% - 30px);
       margin: 0 15px;
       float: left
   }
   
   .job-apply-form form {
       margin: 0 -15px;
       display: block
   }
   
   .form-field {
       width: 100%;
       float: left;
       margin: 0 0 10px 0
   }
   
   .form-field input[type=email],
   .form-field input[type=tel],
   .form-field input[type=text],
   .form-field select,
   .form-field textarea {
       background: #fff;
       width: 100%;
       height: 40px;
       padding: 0 10px;
       color: #363636;
       font-size: 14px;
      font-family: 'Nunito Sans', sans-serif;
       -webkit-appearance: none;
       -moz-appearance: none;
       appearance: none;
       border: none
   }
   
   .form-field input[type=email]:active,
   .form-field input[type=email]:focus,
   .form-field input[type=email]:hover,
   .form-field input[type=tel]:active,
   .form-field input[type=tel]:focus,
   .form-field input[type=tel]:hover,
   .form-field input[type=text]:active,
   .form-field input[type=text]:focus,
   .form-field input[type=text]:hover,
   .form-field select:active,
   .form-field select:focus,
   .form-field select:hover,
   .form-field textarea:active,
   .form-field textarea:focus,
   .form-field textarea:hover {
       outline: 0;
       border: none;
       box-shadow: none
   }
   
   .form-field select {
       background: #fff url(../img/select_arrow.png) no-repeat right center
   }
   
   .custom-file-upload-hidden {
       display: none;
       visibility: hidden;
       position: absolute;
       left: -9999px
   }
   
   .custom-file-upload {
       display: block;
       width: auto;
       font-size: 16px;
       margin-top: 30px
   }
   
   .custom-file-upload label {
       display: block;
       margin-bottom: 5px
   }
   
   .file-upload-wrapper {
       position: relative;
       margin-bottom: 0;
       width: 100%;
       float: left;
       position: relative;
       padding: 0 111px 0 0
   }
   
   .file-upload-input {
       width: 300px;
       color: #fff;
       font-size: 16px;
       padding: 11px 17px;
       border: none;
       background-color: #c0392b;
       -moz-transition: all .2s ease-in;
       -o-transition: all .2s ease-in;
       -webkit-transition: all .2s ease-in;
       transition: all .2s ease-in;
       float: left
   }
   
   .file-upload-input:focus,
   .file-upload-input:hover {
       outline: 0
   }
   
   .file-upload-button {
       width: 100px;
       position: absolute;
       right: 0;
       top: 0;
       height: 40px;
       background: #524e4e;
       color: #fff;
       font-size: 14px;
       text-align: center;
       cursor: pointer;
       -moz-transition: all .2s ease-in;
       -o-transition: all .2s ease-in;
       -webkit-transition: all .2s ease-in;
       transition: all .2s ease-in
   }
   
   .file-upload-button:hover {
       background-color: #fe544f
   }
   
   .job-apply-form h4 {
       color: #e72e28;
       font-weight: 600;
       font-family: 'Nunito Sans', sans-serif;
       font-size: 25px;
       margin: 0 0 14px
   }
   
   .form-field input::-webkit-input-placeholder {
       opacity: 1!important;
       color: #363636
   }
   
   .form-field input::-moz-placeholder {
       opacity: 1!important;
       color: #363636
   }
   
   .form-field input:-ms-input-placeholder {
       opacity: 1!important;
       color: #363636
   }
   
   .form-field input:-moz-placeholder {
       opacity: 1!important;
       color: #363636
   }
   
   .form-field.captcha-img {
       padding: 0 15px
   }
   
   .captcha-field {
       width: 128px;
       display: inline-block;
       vertical-align: top;
       margin: 0 0 0 12px
   }
   
   .form-button {
       width: 100%;
       float: left;
       text-align: center;
       margin: 4px 0 0
   }
   
   .submit-button {
       min-width: 255px;
       display: inline-block;
       padding: 0 20px;
       color: #fff;
       font-size: 14px;
        font-family: 'Nunito Sans', sans-serif;
       -webkit-appearance: none;
       -moz-appearance: none;
       appearance: none;
       border: none;
       background: #e72e28;
       height: 40px;
       text-transform: uppercase;
       letter-spacing: .25px;
       cursor: pointer;
       transition: all .2s ease-in
   }
   
   .submit-button:active,
   .submit-button:focus,
   .submit-button:hover {
       outline: 0;
       box-shadow: none
   }
   
   .submit-button:hover {
       background: #4a4647
   }
   
   .header-new .top-contact-header {
       padding: 0;
       background: 0 0
   }
   
   .main-header {
       width: 100%;
       float: left;
       padding: 0
   }
   
   .header-new .logo {
       margin: 0
   }
   
   .header-new .nav {
       float: right
   }
   
   .header-fixed .main-header {
       padding: 0
   }
   
   .header-fixed .main-header #navigation-bar {
       margin-top: 0
   }
   
   .header-fixed .logo {
       margin: 13px 0 0
   }
   
   .nav .single-dropdown {
       position: relative
   }
   
   .single-dropdown .prd-menu-drop {
       background: url(../img/dropdown-background.png) no-repeat;
       box-shadow: 0 5px 5px rgba(0, 0, 0, .2)
   }
   
   .single-dropdown .prd-menu-drop li a:hover {
       color: #e72e28
   }
   
   .navbar-toggle {
       display: none;
       width: 26px;
       height: 26px;
       position: absolute;
       top: 43px;
       right: 20px;
       background: url(../img/toggle-active.png) no-repeat;
       background-size: 26px auto;
       transition: none;
       z-index: 99
   }
   
   .navbar-close {
       background: url(../img/close-toggle.png) no-repeat;
       background-size: 26px auto
   }
   
   .nav-open {
       overflow: hidden
   }
   
   .nav-open .navbar-toggle {
       position: fixed;
       top: 26px;
       right: 20px
   }
   
   #navigation-bar {
       display: block;
       float: right
   }
   
   #navigation-bar h3 {
       margin: 0;
       display: none;
       font-size: 30px;
       font-weight: 700;
       line-height: 72px;
       color: #202020;
       text-align: center;
       text-transform: uppercase
   }
   
   .nav {
       margin: 0;
       padding: 0;
       border: none;
       outline: 0
   }
   
   .nav a {
       text-decoration: none
   }
   
   .nav li {
       list-style: none
   }
   
   .nav {
       display: inline-block;
       cursor: default;
       z-index: 500
   }
   
   .nav>li {
       position: static;
       display: block;
       float: left;
       margin-left: 5px;
   }
   
   .nav>li a {
       color: #000;
   }
   
   .nav>li.mob_view {
       display: none
   }
   
   .nav>li:last-child a {
       padding-right: 0
   }
   
   .nav>li>a {
       position: relative;
       display: block;
       z-index: 510;
       font-weight: 600;
       height: auto;
       font-family: 'Nunito Sans', sans-serif;
       padding: 0 6px;
       line-height: 55px;
       font-size: 15px;
       text-transform: uppercase;
       color: #000;
       -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
       -o-transition: all .3s ease;
       -ms-transition: all .3s ease;
       transition: all .3s ease;
       letter-spacing: .6px
   }
   
   .nav>li>a span {
       font-weight: 500
   }
   
   .nav>li:hover>a {
       color: #59b039
   }
   
   .nav>li.active>a {
       color: #59b039
   }
   
   .nav>li>a:after {
       content: '';
       position: absolute;
       left: 0;
       right: 0;
       bottom: 0;
       margin: auto;
       width: 0;
       height: 2px;
       cursor: auto;
       -webkit-transition: all .3s ease .15s;
       -moz-transition: all .3s ease .15s;
       -o-transition: all .3s ease .15s;
       -ms-transition: all .3s ease .15s;
       transition: all .3s ease .15s;
       background: #1e3966
   }
   
   .nav>li:hover>a:after {
       width: 100%
   }
   
   .nav>li.parent>a .icn_sub_arrow {
       display: none
   }
   
   .nav>li>div {
       left: 0;
       position: absolute;
       display: block;
       width: 200px;
       z-index: 99;
       top: 100%;
       opacity: 0;
       visibility: hidden;
       overflow: hidden;
       -webkit-transition: all .3s ease .15s;
       -moz-transition: all .3s ease .15s;
       -o-transition: all .3s ease .15s;
       -ms-transition: all .3s ease .15s;
       transition: all .3s ease .15s
   }
   
   .nav>li.last-drowdown>div {
       right: 0;
       left: auto
   }
   
   .nav>li:hover>div {
       opacity: 1;
       visibility: visible;
       overflow: visible
   }
   
   #navigation-bar .submenu_wrap {
       display: block;
       position: relative;
       overflow: hidden
   }
   
   .submenu_wrap li a {
       padding: 8px;
       display: block;
       border-bottom: rgba(0, 0, 0, .1) 1px solid
   }
   
   .submenu_wrap li:first-child a {
       border-top: none
   }
   
   .nav_img {
       display: block;
       float: left;
       width: 394px;
       height: 497px;
       background-repeat: no-repeat;
       background-position: center center;
       background-size: cover
   }
   
   .pattern-dropdown {
       background: url(../img/dropdown-background.png) repeat!important;
       width: 100%!important;
       box-shadow: 0 5px 5px rgba(0, 0, 0, .2);
       padding: 24px 0
   }
   
   .prd-menu-drop .heading {
       font-family: Ubuntu, sans-serif;
       font-size: 20px;
       font-weight: 500;
       text-transform: uppercase;
       letter-spacing: .2px;
       color: #000;
       margin: 0 0 7px
   }
   
   .prd-menu-drop .heading a:hover {
       color: #fe544f
   }
   
   .hire-dedicated-dropdown,
   .mobile-development-dropdown,
   .webapp-develop-dropdown {
       min-width: 230px;
       float: left
   }
   
   .webapp-develop-dropdown {
       margin: 0 30px
   }
   
   .icon-sprite {
       background-image: url(../img/dropdown-sprite-icons.png);
       background-repeat: no-repeat;
       display: inline-block;
       vertical-align: middle
   }
   
   .services-sub-dropdown li a {
       position: relative;
       display: block;
       padding-left: 27px;
       font-size: 14px;
       font-family: Ubuntu, sans-serif;
       font-weight: 300
   }
   
   .hire-dedicated-dropdown li a,
   .webapp-develop-dropdown li a {
       padding-left: 33px
   }
   
   .services-sub-dropdown li a:hover {
       color: #e72e28
   }
   
   .services-sub-dropdown .icon-sprite {
       position: absolute;
       left: 0;
       top: 0;
       bottom: 0;
       margin: auto
   }
   
   .services-sub-dropdown .ios-develop-icon {
       left: 3px;
       bottom: 3px
   }
   
   .ios-develop-icon {
       width: 13px;
       height: 17px;
       background-position: left top
   }
   
   .iphone-app-icon {
       width: 10px;
       height: 17px;
       background-position: -14px 0
   }
   
   .services-sub-dropdown .iphone-app-icon {
       left: 4px
   }
   
   .ipad-app-icon {
       width: 13px;
       height: 19px;
       background-position: -25px 0
   }
   
   .services-sub-dropdown .ipad-app-icon {
       left: 3px
   }
   
   .android-app-icon {
       width: 14px;
       height: 16px;
       background-position: -39px 0
   }
   
   .services-sub-dropdown .android-app-icon {
       left: 2px
   }
   
   .rub-rails-icon {
       width: 21px;
       height: 13px;
       background-position: -54px 0
   }
   
   .services-sub-dropdown .rub-rails-icon {
       left: 1px
   }
   
   .front-end-icon {
       width: 23px;
       height: 17px;
       background-position: -76px 0
   }
   
   .services-sub-dropdown .front-end-icon {
       left: 1px
   }
   
   .html5-develop-icon {
       width: 15px;
       height: 16px;
       background-position: -100px 0
   }
   
   .services-sub-dropdown .html5-develop-icon {
       left: 6px
   }
   
   .php-develop-icon {
       width: 17px;
       height: 17px;
       background-position: -117px 0
   }
   
   .services-sub-dropdown .php-develop-icon {
       left: 5px
   }
   
   .magento-develop-icon {
       width: 17px;
       height: 17px;
       background-position: -74px -20px
   }
   
   .services-sub-dropdown .magento-develop-icon {
       left: 5px
   }
   
   .hire-ruby-icon {
       width: 17px;
       height: 16px;
       background-position: -134px 0
   }
   
   .services-sub-dropdown .hire-ruby-icon {
       left: 7px
   }
   
   .hire-ios-icon {
       width: 11px;
       height: 16px;
       background-position: -152px 0
   }
   
   .services-sub-dropdown .hire-ios-icon {
       left: 10px
   }
   
   .submenu_wrap .hire-button {
       margin: 9px 0
   }
   
   .hire-button {
       background: #db481b;
       color: #fff;
       font-size: 15px;
       font-weight: 500;
       letter-spacing: .7px;
       text-align: center;
       display: block;
       color: #fff!important;
       font-family: Ubuntu, sans-serif;
       padding: 6px 10px 7px
   }
   
   .hire-button:hover {
       background: #4a4647
   }
   
   .hire-us-dropdown {
       position: relative;
       overflow: initial;
       display: block;
       float: left;
       width: 510px;
       border-bottom: 1px #000 solid
   }
   
   .hire-us-dropdown:after {
       position: absolute;
       right: 0;
       bottom: 0;
       width: 161px;
       height: 176px;
       content: "";
       background: url(../img/hire-me.png) no-repeat
   }
   
   .deploy-infography {
       width: 100%;
       float: left;
       padding: 40px 0 10px
   }
   
   .header-new #nav-icon2 {
       display: none
   }
   
   .technologies-icons {
       width: 100%;
       float: left
   }
   
   .technologies-icons ul li {
       width: 16.66666%;
       float: left;
       border-right: 1px rgba(0, 0, 0, .2) solid;
       border-top: 1px rgba(0, 0, 0, .2) solid;
       position: relative
   }
   
   .technologies-icons ul li:nth-child(6n) {
       border-right: none
   }
   
   .technologies-icons ul li:nth-child(-n+6) {
       border-top: none
   }
   
   .technologies-icons ul li:nth-child(-n+6):after,
   .technologies-icons ul li:nth-child(-n+6):before,
   .technologies-icons ul li:nth-child(6n):after,
   .technologies-icons ul li:nth-child(6n):before {
       display: none
   }
   
   .technologies-icons ul li a {
       display: block;
       line-height: 114px;
       min-height: 116px;
       text-align: center;
       position: relative;
       overflow: hidden
   }
   
   .technologies-icons ul li a:before {
       content: "";
       display: block;
       position: absolute;
       height: 100%;
       width: 0;
       right: 0;
       bottom: 0;
       background: #e72e28;
       transition: all .5s ease
   }
   
   .technologies-icons ul li a:hover:before {
       width: 100%
   }
   
   .technologies-icons ul li::after {
       content: "";
       position: absolute;
       right: -1px;
       top: 0;
       height: 35px;
       width: 1px;
       background: #e72e28;
       transform: translateY(-50%)
   }
   
   .technologies-icons ul li::before {
       content: "";
       position: absolute;
       right: 0;
       top: -1px;
       height: 1px;
       width: 35px;
       background: #e72e28;
       transform: translateX(50%)
   }
   
   .technologies-icons .technology-sprite {
       position: relative
   }
   /*addhar-icon-css-navbar start*/
.aadhaar {
 vertical-align: middle;
 display: inline-block;
background-image: url(../img/aabhar-icon.png)!important;
 background-repeat: no-repeat;
transition: all .3s ease;
}
 .aadhaar-tech:hover:before {
background: #5aa93f;
}
 .technologies-icons .aadhaar {
 position: relative;
}
  .aadhaar {
   width: 93px;
    height: 94px;
     background-position: -1px -273px;
  background-size: 868px;
  }
.aadhaar:hover, .technologies-icons ul li a:hover .aadhaar {
  background-position: -107px -273px !important;
  }
                                                
/*addhar-icon-css-navbar end*/
                                                
   .technologies-icons .services-sprite {
       position: relative
   }
   
   .technology-sprite {
       vertical-align: middle;
       display: inline-block;
       background-image: url(../img/technology-sprite-new.png);
       background-repeat: no-repeat;
       transition: all .3s ease
   }
   
   .services-sprite {
       vertical-align: middle;
       display: inline-block;
       background-image: url(../img/menu-image-8.png);
       background-repeat: no-repeat;
       transition: all .3s ease
   }
   
   softtech-icon .technologies-dropdown {
       padding: 0
   }
   
   .sms-icon {
       /*width: 75px;*/
       /*height: 62px;*/
       /*background-position: 0 0*/
       width: 93px;
       height: 94px;
       background-position: -340px -78px;
       background-size: 868px;
   }
   
   .sms-icon:hover,
   .technologies-icons ul li a:hover .sms-icon {
       background-position: -437px -78px;
   }
   
   .sms-tech:hover:before {
       background: #2196f3
   }
   
   .misscall-icon {
       width: 89px;
       height: 94px;
       background-position: -182px -1px;
       background-size: 855px;
   }
   
   .misscall-icon:hover,
   .technologies-icons ul li a:hover .misscall-icon {
       background-position: -268px -1px;
   }
   
   .misscall-tech:hover:before {
       background: #009688
   }
   
   .ivr-icon {
       /*width: 78px;*/
       /*height: 62px;*/
       /*background-position: -283px 0*/
       width: 90px;
       height: 92px;
       background-position: -353px -1px;
       background-size: 870px;
   }
   
   .ivr-icon:hover,
   .technologies-icons ul li a:hover .ivr-icon {
       background-position: -424px -1px;
   }
   
   .ivr-tech:hover:before {
       background: #2196f3
   }
   
   .voice-icon {
       width: 93px;
       height: 94px;
       background-position: -501px -1px;
       background-size: 868px;
   }
   
   .technologies-icons ul li a:hover .voice-icon,
   .voice-icon:hover {
       background-position: -580px -1px;
   }
   
   .voice-tech:hover:before {
       background: #78909c
   }
   
   .longcode-icon {
       width: 93px;
       height: 94px;
       background-position: -663px -1px;
       background-size: 868px;
   }
   
   .longcode-icon:hover,
   .technologies-icons ul li a:hover .longcode-icon {
       background-position: -752px -1px;
   }
   
   .longcode-tech:hover:before {
       background: #7ec8d0
   }
   
   .whatsapp-icon {
       width: 93px;
       height: 94px;
       background-position: -19px -83px;
       background-size: 868px;
   }
   
   .technologies-icons ul li a:hover .whatsapp-icon,
   .whatsapp-icon:hover {
       background-position: -104px -83px;
   }
   
   .whatsapp-tech:hover:before {
       background: #40c351
   }
   
   .ssl-icon {
       /*width: 70px;*/
       /*height: 75px;*/
       /*background-position: -144px -83px*/
       width: 93px;
       height: 94px;
       background-position: -190px -84px;
       background-size: 868px;
   }
   
   .ssl-icon:hover,
   .technologies-icons ul li a:hover .ssl-icon {
       background-position: -266px -84px;
   }
   
   .ssl-tech:hover:before {
       background: #2d4670;
   }
   
   .pdf_dst-icon {
       /*width: 82px;*/
       /*height: 75px;*/
       /*background-position: -276px -83px*/
       width: 93px;
       height: 94px;
       background-position: -550px -83px;
       background-size: 925px;
   }
   
   .pdf_dst-icon:hover,
   .technologies-icons ul li a:hover .pdf_dst-icon {
       background-position: -641px -83px;
   }
   
   .pdf_dst-tech:hover:before {
       background: #2196f3
   }
   
   .pdf-icon {
       width: 93px;
       height: 94px;
       background-position: -525px -70px;
       background-size: 868px;
   }
   
   .pdf-icon:hover,
   .technologies-icons ul li a:hover .pdf-icon {
       background-position: -648px -70px
   }
   
   .pdf-tech:hover:before {
       background: #d4cdcd
   }
   
   .NACH-icon {
       width: 93px;
       height: 94px;
       background-position: -246px -261px;
       background-size: 868px;
   }
   
   .NACH-icon:hover,
   .technologies-icons ul li a:hover .NACH-icon {
       background-position: -341px -261px;
   }
   
   .NACH-tech:hover:before {
       background: #fc4c81
   }
   
   .nach-st-icon {
       width: 83px;
       height: 94px;
       background-position: -10px -607px;
       background-size: 876px;
   }
   
   .nach-st-icon:hover,
   .technologies-icons ul li a:hover .nach-st-icon {
       background-position: -89px -607px
   }
   
   .nach-st-tech:hover:before {
       background: #d4cdcd
   }
   
   .hosting-icon {
       /*width: 70px;*/
       /*height: 75px;*/
       /*background-position: -166px -154px*/
       width: 93px;
       height: 94px;
       background-position: -199px -183px;
       background-size: 868px;
   }
   
   .hosting-icon:hover,
   .technologies-icons ul li a:hover .hosting-icon {
       background-position: -287px -183px;
   }
   
   .hosting-tech:hover:before {
       background: #ec6d3c
   }
   
   .domain-icon {
       /*width: 75px;*/
       /*height: 75px;*/
       /*background-position: -312px -154px*/
       width: 93px;
       height: 89px;
       background-position: -380px -183px;
       background-size: 868px;
   }
   
   .domain-icon:hover,
   .technologies-icons ul li a:hover .domain-icon {
       background-position: -470px -183px;
   }
   
   .domain-tech:hover:before {
       background: #14b529
   }
   
   .web_development-icon {
       /*width: 75px;*/
       /*height: 75px;*/
       /*background-position: 3px -154px*/
       width: 93px;
       height: 94px;
       background-position: -24px -176px;
       background-size: 868px;
   }
   
   .technologies-icons ul li a:hover .web_development-icon,
   .web_development-icon:hover {
       background-position: -108px -176px;
   }
   
   .web_development-tech:hover:before {
       background: #3f51b5
   }
   
   .software-icon {
       /*width: 75px;*/
       /*height: 75px;*/
       /*background-position: -468px -154px*/
       width: 90px;
       height: 91px;
       background-position: -557px -181px;
       background-size: 868px;
   }
   
   .software-icon:hover,
   .technologies-icons ul li a:hover .software-icon {
       background-position: -638px -181px;
   }
   
   .software-tech:hover:before {
       background: #9b59b6
   }
   
   .Zimbra-icon {
       width: 78px;
       height: 75px;
       background-position: -14px -225px
   }
   
   .Zimbra-icon:hover,
   .technologies-icons ul li a:hover .Zimbra-icon {
       background-position: -105px -225px
   }
   
   .Zimbra-tech:hover:before {
       background: #0785c1
   }
   
   .POS-icon {
       width: 93px;
       height: 94px;
       background-position: -413px -273px;
       background-size: 868px;
   }
   
   .POS-icon:hover,
   .technologies-icons ul li a:hover .POS-icon {
       background-position: -493px -273px;
   }
   
   .POS-tech:hover:before {
       background: #008dcc
   }
   
   .GSuite-icon {
       width: 93px;
       height: 94px;
       background-position: -593px -274px;
       background-size: 868px;
   }
   
   .GSuite-icon:hover,
   .technologies-icons ul li a:hover .GSuite-icon {
       background-position: -681px -274px;
   }
   
   .bulk-email-icon {
       width: 93px;
       height: 94px;
       background-position: -20px -0px;
       background-size: 868px;
   }
   
   .bulk-email-icon:hover,
   .technologies-icons ul li a:hover .bulk-email-icon {
       background-position: -108px -0px;
   }
   
   .dsc-certificate-icon {
       width: 93px;
       height: 94px;
       background-position: -641px -473px;
       background-size: 868px;
   }
   
   .dsc-certificate-icon:hover,
   .technologies-icons ul li a:hover .dsc-certificate-icon {
       background-position: -725px -473px;
   }
   
   .GSuite-tech:hover:before {
       background: #0b2343
   }
   
   .emudhradigital-icon {
       width: 93px;
       height: 94px;
       background-position: -8px -376px;
       background-size: 868px;
   }
   
   .emudhradigital-icon:hover,
   .technologies-icons ul li a:hover .emudhradigital-icon {
       background-position: -91px -376px;
   }
   
   .emudhradigital-tech:hover:before {
       background: #764098
   }
   
   .emandate-icon {
       width: 93px;
       height: 94px;
       background-position: 17px -1236px;
       background-size: 868px;
   }
   
   .emandate-icon:hover,
   .technologies-icons ul li a:hover .emandate-icon {
       background-position: -196px -1236px;
   }
   
   .emandate-tech:hover:before {
       background: #008dcc
   }
   
   .mp-resource-icon {
       width: 93px;
       height: 94px;
       background-position: -412px -375px;
       background-size: 868px;
   }
   
   .mp-resource-icon:hover,
   .technologies-icons ul li a:hover .mp-resource-icon {
       background-position: -515px -375px;
   }
   
   .mp-resource:hover:before {
       background: #008dcc
   }
   
   .h2h-icon {
       /*width: 80px;*/
       /*height: 88px;*/
       /*background-position: -540px -322px;*/
       width: 93px;
       height: 94px;
       background-position: -624px -374px;
       background-size: 868px;
   }
   
   .h2h-icon:hover,
   .technologies-icons ul li a:hover .h2h-icon {
       background-position: -724px -374px;
   }
   
   .h2h:hover:before {
       background: #59b039
   }
   
   .t-tool-icon {
       height: 94px;
       background-position: -18px -473px;
       background-size: 868px;
   }
   
   .t-tool-icon:hover,
   .technologies-icons ul li a:hover .t-tool-icon {
       background-position: -93px -473px;
   }
   
   .t-tool:hover:before {
       background: #59b039
   }
   
   .crms-icon {
       width: 93px;
       height: 94px;
       background-position: -391px -1027px;
       background-size: 868px;
   }
   
   .crms-icon:hover,
   .technologies-icons ul li a:hover .crms-icon {
       background-position: -575px -1027px;
   }
   
   .crms:hover:before {
       background: #59b039
   }
   
   .vm-icon {
       width: 93px;
       height: 94px;
       background-position: -410px -463px;
       background-size: 868px;
   }
   
   .vm-icon:hover,
   .technologies-icons ul li a:hover .vm-icon {
       background-position: -515px -463px;
   }
   
   .vm:hover:before {
       background: #59b039
   }
   
   .rcs-icon {
       width: 126px;
       height: 94px;
       background-position: -635px -600px;
       background-size: 886px;
   }
   
   .rcs-icon:hover,
   .technologies-icons ul li a:hover .rcs-icon {
       background-position: -760px -600px;
   }
   
   .lms-icon {
       width: 126px;
       height: 94px;
       background-position: -2px -936px;
       background-size: 886px;
   }
   
   .lms-icon:hover,
   .technologies-icons ul li a:hover .lms-icon {
       background-position: -195px -936px;
   }
   
   .e-KYC-icon {
       width: 126px;
       height: 94px;
       background-position: -3px -708px;
       background-size: 886px;
   }
   
   .e-KYC-icon:hover,
   .technologies-icons ul li a:hover .e-KYC-icon {
       background-position: -207px -708px;
   }
   
   .rcs:hover:before {
       background: #2d4670
   }
   
   .vkyc-icon {
       width: 126px;
       height: 94px;
       background-position: -382px -1167px;
       background-size: 886px;
   }
   
   .vkyc-icon:hover,
   .technologies-icons ul li a:hover .vkyc-icon {
       background-position: -579px -1167px
   }
   
   .vkyc:hover:before {
       background: #2196f3;
   }
   
   .hrms-icon {
       width: 90px;
       height: 90px;
       background-position: -164px -510px;
   }
   
   .hrms-icon:hover,
   .technologies-icons ul li a:hover .hrms-icon {
       background-position: -242px -510px;
   }
   
   .hrms:hover:before {
       background: #00e1d9
   }
   
   .whatsaap-bot-icon {
       width: 90px;
       height: 90px;
       background-position: 3px -510px;
   }
   
   .whatsaap-bot-icon:hover,
   .technologies-icons ul li a:hover .whatsaap-bot-icon {
       background-position: -77px -510px;
   }
   
   .whatsaap-bot:hover:before {
       background: #00d670
   }
   
   .Pre-Validate-icon {
       width: 126px;
       height: 94px;
       background-position: 20px -1162px;
       background-size: 886px;
   }
   
   .Pre-Validate-icon-icon:hover,
   .technologies-icons ul li a:hover .Pre-Validate-icon {
       background-position: -192px -1162px;
   }
   
   .KYC-Validation-icon {
       width: 126px;
       height: 94px;
       background-position: -398px -601px !important;
       background-size: 886px;
   }
   
   .KYC-Validation-icon:hover,
   .technologies-icons ul li a:hover .KYC-Validation-icon {
       background-position: -512px -601px !important;
   }
   
   .PFMS-Automation-icon {
       width: 126px;
       height: 94px;
       background-position: -398px -713px !important;
       background-size: 886px;
   }
   
   .PFMS-Automation-icon:hover,
   .technologies-icons ul li a:hover .PFMS-Automation-icon {
       background-position: -584px -713px !important;
   }
   
   .NGRTGS-icon {
       width: 126px;
       height: 94px;
       background-position: -206px -602px !important;
       background-size: 886px;
   }
   
   .NGRTGS-icon:hover,
   .technologies-icons ul li a:hover .NGRTGS-icon {
       background-position: -301px -602px !important;
   }
   
   .API-eMandate-Destination-icon {
       width: 126px;
       height: 94px;
       background-position: -203px -385px;
       background-size: 886px;
   }
   
   .API-eMandate-Destination-icon:hover,
   .technologies-icons ul li a:hover .API-eMandate-Destination-icon {
       background-position: -302px -385px;
   }
   
   .Sponser-icon {
       width: 126px;
       height: 94px;
       background-position: -387px -938px;
       background-size: 886px;
   }
   
   .Sponser-icon:hover,
   .technologies-icons ul li a:hover .Sponser-icon {
       background-position: -574px -930px;
   }
   
   .NACH-Applicatin-icon {
       width: 126px;
       height: 94px;
       background-position: -379px -1264px;
       background-size: 886px;
   }
   
   .NACH-Applicatin-icon:hover,
   .technologies-icons ul li a:hover .NACH-Applicatin-icon {
       background-position: -579px -1264px;
   }
   
   .CTS-icon {
       width: 126px;
       height: 94px;
       height: 94px;
       background-position: 2px -1053px;
       background-size: 886px;
   }
   
   .CTS-icon:hover,
   .technologies-icons ul li a:hover .CTS-icon {
       background-position: -183px -1053px;
   }
   
   .PPS-icon {
       width: 126px;
       height: 94px;
       background-position: -9px -822px !important;
       background-size: 886px;
   }
   
   .PPS-icon:hover,
   .technologies-icons ul li a:hover .PPS-icon {
       background-position: -217px -822px !important;
   }
   
   .apple-icon {
       width: 50px;
       height: 62px;
       background-position: 0 0
   }
   
   .apple-icon:hover,
   .technologies-icons ul li a:hover .apple-icon {
       background-position: -50px 0
   }
   
   .apple-tech:hover:before {
       background: #4a4647
   }
   
   .android-icon {
       width: 53px;
       height: 63px;
       background-position: -101px 0
   }
   
   .android-icon:hover,
   .technologies-icons ul li a:hover .android-icon {
       background-position: -154px 0
   }
   
   .android-tech:hover:before {
       background: #97c03d
   }
   
   .rubyrail-icon {
       width: 67px;
       height: 64px;
       background-position: -208px 0
   }
   
   .rubyrail-icon:hover,
   .technologies-icons ul li a:hover .rubyrail-icon {
       background-position: -275px 0
   }
   
   .rubyrail-tech:hover:before {
       background: #c00
   }
   
   .wordpress-icon {
       width: 63px;
       height: 63px;
       background-position: -343px 0
   }
   
   .technologies-icons ul li a:hover .wordpress-icon,
   .wordpress-icon:hover {
       background-position: -406px 0
   }
   
   .wordpress-tech:hover:before {
       background: #1f74aa
   }
   
   .technologies-icons .magento-icon {
       width: 50px!important;
       height: 60px;
       background-position: -469px 0;
       float: none!important;
       vertical-align: middle!important
   }
   
   .magento-icon:hover,
   .technologies-icons ul li a:hover .magento-icon {
       background-position: -520px 0
   }
   
   .magento-tech:hover:before {
       background: #e34f27
   }
   
   .adobe-icon {
       width: 57px;
       height: 62px;
       background-position: 0 -62px
   }
   
   .adobe-icon:hover,
   .technologies-icons ul li a:hover .adobe-icon {
       background-position: -58px -63px
   }
   
   .adobe-tech:hover:before {
       background: #c3002f
   }
   
   .nod-icon {
       width: 56px;
       height: 62px;
       background-position: -116px -64px
   }
   
   .nod-icon:hover,
   .technologies-icons ul li a:hover .nod-icon {
       background-position: -172px -64px
   }
   
   .nod-tech:hover:before {
       background: #83cc28
   }
   
   .mysql-icon {
       width: 108px;
       height: 56px;
       background-position: -229px -65px
   }
   
   .mysql-icon:hover,
   .technologies-icons ul li a:hover .mysql-icon {
       background-position: -337px -65px
   }
   
   .mysql-tech:hover:before {
       background: #e48f00
   }
   
   .mysql-icon {
       width: 108px;
       height: 56px;
       background-position: -229px -65px
   }
   
   .mysql-icon:hover,
   .technologies-icons ul li a:hover .mysql-icon {
       background-position: -337px -65px
   }
   
   .mysql-tech:hover:before {
       background: #e48f00
   }
   
   .postgress-icon {
       width: 60px;
       height: 62px;
       background-position: -445px -65px
   }
   
   .postgress-icon:hover,
   .technologies-icons ul li a:hover .postgress-icon {
       background-position: -505px -65px
   }
   
   .postgress-tech:hover:before {
       background: #336791
   }
   
   .monogo-icon {
       width: 65px;
       height: 79px;
       background-position: -193px -239px
   }
   
   .monogo-icon:hover,
   .technologies-icons ul li a:hover .monogo-icon {
       background-position: -260px -239px
   }
   
   .monogo-tech:hover:before {
       background: #412f1f
   }
   
   .reactjs-icon {
       width: 79px;
       height: 70px;
       background-position: -394px -189px
   }
   
   .reactjs-icon:hover,
   .technologies-icons ul li a:hover .reactjs-icon {
       background-position: -473px -189px
   }
   
   .reactjs-tech:hover:before {
       background: #00d8ff
   }
   
   .redis-icon {
       width: 67px;
       height: 62px;
       background-position: -106px -127px
   }
   
   .redis-icon:hover,
   .technologies-icons ul li a:hover .redis-icon {
       background-position: -173px -127px
   }
   
   .redis-tech:hover:before {
       background: #d82a20
   }
   
   .odooo-icon {
       width: 109px;
       height: 35px;
       background-position: -240px -127px
   }
   
   .odooo-icon:hover,
   .technologies-icons ul li a:hover .odooo-icon {
       background-position: -349px -127px
   }
   
   .odooo-tech:hover:before {
       background: #8f8f8f
   }
   
   .sap-icon {
       width: 92px;
       height: 45px;
       background-position: -2px -189px
   }
   
   .sap-icon:hover,
   .technologies-icons ul li a:hover .sap-icon {
       background-position: -94px -189px
   }
   
   .sap-tech:hover:before {
       background: #003d80
   }
   
   .springboot-icon {
       width: 65px;
       height: 70px;
       background-position: -255px -320px;
   }
   
   .springboot-icon:hover,
   .technologies-icons ul li a:hover .springboot-icon {
       background-position: -325px -320px;
   }
   
   .springboot-tech:hover:before {
       background: #6db33f;
   }
   
   .java-icon {
       width: 45px;
       height: 60px;
       background-position: -340px -258px;
   }
   
   .java-icon:hover,
   .technologies-icons ul li a:hover .java-icon {
       background-position: -385px -262px;
   }
   
   .java-tech:hover:before {
       background: #1565bf;
   }
   
   .node-icon {
       width: 79px;
       height: 28px;
       background-position: -438px -278px;
   }
   
   .node-icon:hover,
   .technologies-icons ul li a:hover .node-icon {
       background-position: -435px -308px;
   }
   
   .node-tech:hover:before {
       background: #4cae4e;
   }
   
   .cs-icon {
       width: 70px;
       height: 70px;
       background-position: 0px -291px;
   }
   
   .cs-icon:hover,
   .technologies-icons ul li a:hover .cs-icon {
       background-position: -54px -291px;
   }
   
   .cs-tech:hover:before {
       background: #3e515a;
   }
   
   .dotnet-icon {
       width: 70px;
       height: 50px;
       background-position: -2px -356px;
   }
   
   .dotnet-icon:hover,
   .technologies-icons ul li a:hover .dotnet-icon {
       background-position: -2px -401px;
   }
   
   .dotnet-tech:hover:before {
       background: #06b5ed;
   }
   
   .laravel-icon {
       width: 70px;
       height: 50px;
       background-position: -77px -386px;
   }
   
   .laravel-icon:hover,
   .technologies-icons ul li a:hover .laravel-icon {
       background-position: -138px -386px;
   }
   
   .laravel-tech:hover:before {
       background: #ff5045;
   }
   
   .python-icon {
       width: 65px;
       height: 70px;
       background-position: -120px -318px;
   }
   
   .python-icon:hover,
   .technologies-icons ul li a:hover .python-icon {
       background-position: -180px -318px;
   }
   
   .python-tech:hover:before {
       background: #ffd342;
   }
   
   .dart-icon {
       width: 65px;
       height: 60px;
       background-position: -390px -335px;
   }
   
   .dart-icon:hover,
   .technologies-icons ul li a:hover .dart-icon {
       background-position: -447px -335px;
   }
   
   .dart-tech:hover:before {
       background: #8993be;
   }
   
   .flutter-icon {
       width: 65px;
       height: 60px;
       background-position: -338px -387px;
   }
   
   .flutter-icon:hover,
   .technologies-icons ul li a:hover .flutter-icon {
       background-position: -390px -387px;
   }
   
   .flutter-tech:hover:before {
       background: #065a9e;
   }
   
   .xamarin-icon {
       width: 65px;
       height: 60px;
       background-position: -208px -387px;
   }
   
   .xamarin-icon:hover,
   .technologies-icons ul li a:hover .xamarin-icon {
       background-position: -270px -387px;
   }
   
   .xamarin-tech:hover:before {
       background: #3498db;
   }
   
   .codeigniter-icon {
       width: 65px;
       height: 65px;
       background-position: 0px -450px;
   }
   
   .codeigniter-icon:hover,
   .technologies-icons ul li a:hover .codeigniter-icon {
       background-position: -60px -450px;
   }
   
   .codeigniter-tech:hover:before {
       background: #ff501c;
   }
   
   .php-icon {
       width: 89px;
       height: 39px;
       background-position: -214px -189px
   }
   
   .php-icon:hover,
   .technologies-icons ul li a:hover .php-icon {
       background-position: -303px -189px
   }
   
   .php-tech:hover:before {
       background: #8993be
   }
   
   .html5-icon {
       width: 47px;
       height: 53px;
       background-position: -459px -127px
   }
   
   .html5-icon:hover,
   .technologies-icons ul li a:hover .html5-icon {
       background-position: -506px -127px
   }
   
   .html5-tech:hover:before {
       background: #e44d26
   }
   
   .css3-icon {
       width: 47px;
       height: 53px;
       background-position: -1px -235px
   }
   
   .css3-icon:hover,
   .technologies-icons ul li a:hover .css3-icon {
       background-position: -48px -235px
   }
   
   .css3-tech:hover:before {
       background: #379ad6
   }
   
   .ecommerce-icon {
       width: 47px;
       height: 53px;
       background-position: -96px -235px
   }
   
   .ecommerce-icon:hover,
   .technologies-icons ul li a:hover .ecommerce-icon {
       background-position: -143px -235px
   }
   
   .ecommerce-tech:hover:before {
       background: #5e8e3e
   }
   
   .single-dropdown .drp_listing>li>a {
       padding-left: 33px;
       position: relative
   }
   
   .single-dropdown .drp_listing .icon-sprite {
       position: absolute;
       left: 10px;
       top: 10px
   }
   
   .aws-icon {
       width: 13px;
       height: 14px;
       background-position: 0 -20px
   }
   
   .rackspace-icon {
       width: 13px;
       height: 14px;
       background-position: -14px -20px
   }
   
   .heroku-icon {
       width: 13px;
       height: 14px;
       background-position: -28px -20px
   }
   
   .google-cloud-icon {
       width: 14px;
       height: 14px;
       background-position: -43px -20px
   }
   
   .digital-ocean-icon {
       width: 14px;
       height: 14px;
       background-position: -58px -20px
   }
   
   .home-banner-inner {
       max-width: 1170px
   }
   
   .mob-app-col-banner {
       width: 46%
   }
   
   .mob-app-col-banner {
       float: right
   }
   
   .web-app-cont-banner {
       margin: 40px 0 0 0
   }
   
   .threecolumns-col {
       width: calc(33.333% - 30px);
       margin: 15px;
       float: left
   }
   
   .threecolumns-wrapper {
       margin: 0 -15px;
       display: flex;
       flex-flow: wrap row
   }
   
   .threecolumns-col p {
       font-size: 19px
   }
   
   .threecolumns-col h3 {
       padding: 0;
       font-size: 28px;
       line-height: 35px
   }
   
   p.h2_style {
       font-size: 46px;
       line-height: normal;
       text-transform: uppercase;
       letter-spacing: .25px;
       color: #000;
       margin: 0 0 28px
   }
   
   .threecolumns-col i {
       display: inline-block;
       line-height: 180px
   }
   
   .threecolumns-col i img {
       vertical-align: middle
   }
   
   .testimonial-page {
       margin: 40px 0
   }
   
   .testimonial-page .contact-inner {
       margin: 0;
       background: 0 0;
       margin: 0 auto;
       max-width: 811px;
       width: 100%;
       float: none;
       overflow: hidden;
       padding-bottom: 30px
   }
   
   .testimonial-page .contact-inner .contact-frm-lft {
       width: 100%
   }
   
   .testimonial-page .contact-inner .contact-frm input[type=file] {
       border-bottom: none
   }
   
   .testimonial-page .contact-inner .btn-submit {
       max-width: 200px;
       float: right;
       height: 77px;
       font-size: 18px;
       font-weight: 700;
       letter-spacing: 3px
   }
   
   .testimonial-page .contact-inner h3 {
       margin-bottom: 15px
   }
   
   .testimonial-page .contact-inner h3 {
       margin-bottom: 15px
   }
   
   .testimonial-page .contact-frm.full-width {
       margin-top: 30px
   }
   
   .btn-send {
       float: right
   }
   
   .contact-frm ul li.captcha-block,
   .contact-frm ul li:nth-child(odd) {
       clear: both
   }
   
   .contact-frm ul li.captcha-block,
   .contact-frm ul li.submit-btn-block {
       width: 65%;
       float: left;
       clear: none
   }
   
   .contact-frm ul li.submit-btn-block {
       padding: 8px 0
   }
   
   .hire-nodejs-imgtag {
       position: relative;
       width: 535px;
       display: inline-block;
       margin: 30px 0
   }
   
   .hire-nodejs-imgtag h1 {
       position: absolute;
       top: 44px;
       color: #000;
       font-size: 47px;
       text-align: left;
       left: -3px;
       line-height: 44px
   }
   
   .hire-nodejs-imgtag h1 span {
       display: block
   }
   
   .hire-nodejs-imgtag h1 span:nth-child(2) {
       margin: 0 0 0 214px
   }
   
   .hire-nodejs-imgtag h1 span:nth-child(3) {
       margin: 0 0 0 279px
   }
   
   .hire-reactjs-developer-imgtag {
       position: relative;
       width: 708px;
       display: inline-block;
       margin: 30px 0
   }
   
   .hire-reactjs-developer-imgtag h2 {
       position: absolute;
       top: 93px;
       color: #000;
       font-size: 47px;
       text-align: left;
       left: 205px;
       line-height: 43px;
       width: 560px;
       letter-spacing: .5px
   }
   
   .hire-reactjs-developer-imgtag h2 span {
       display: block
   }
   
   .hire-reactjs-developer-imgtag h2 span:nth-child(2) {
       margin-left: 84px
   }
   
   .submit-btn-block .btn-send-radius {
       width: auto;
       padding: 0 40px 0 60px;
       background-color: #1e3966;
       border-radius: 50px;
       color: #fff;
       text-transform: uppercase;
       font-size: 16px;
       height: 51px;
       background-position: 0 0;
       background-image: url(../img/submit-btn-icon.png);
       background-repeat: no-repeat;
       transition: all .5s ease
   }
   
   .submit-btn-block .btn-send-radius:hover {
       opacity: .6
   }
   
   .android-phone-img {
       text-align: right;
       margin-right: 10px
   }
   
   .android-phone-img h1 {
       text-align: left
   }
   
   .android-phone-img img {
       vertical-align: top;
       margin-right: 52px
   }
   
   .ios-banner-rgt.android-phone-img {
       margin: 0
   }
   
   .centerimg {
       display: block;
       text-align: center;
       margin: 0 0 40px
   }
   
   .why-choose-flex h4,
   .why-choose-flex i {
       display: inline-block;
       vertical-align: middle;
       color: #000
   }
   
   .why-choose-flex h4 {
       margin: 40px 0 0
   }
   
   .why-choose-flex {
       margin: 0 0 30px
   }
   
   .services-page-cont p strong {
       font-weight: 600
   }
   
   .twocol-vlock {
       width: 70%;
       text-align: justify;
       float: left;
       padding-right: 30px
   }
   
   ul.listingstyle {
       margin: -21px 0 40px 20px
   }
   
   ul.listingstyle li {
       font-size: 18px;
       margin-bottom: 14px
   }
   
   ul.hand-style-listing {
       display: block;
       margin: 20px 0
   }
   
   ul.hand-style-listing li {
       margin: 0;
       padding: 0 0 0 28px;
       width: 100%;
       min-height: initial!important;
       font-size: 18px;
       margin-bottom: 14px;
       position: relative
   }
   
   ul.hand-style-listing li:before {
       content: "";
       position: absolute;
       left: 0;
       top: 9px;
       background: url(../img/hand-check.png) no-repeat;
       width: 17px;
       height: 7px
   }
   
   .menu-toggle {
       float: right;
       width: auto;
       margin: 18px 0 0 0;
       position: relative;
       z-index: 1
   }
   
   .menu-toggle small {
       font-size: 14px;
       color: #fe544f;
       text-transform: uppercase;
       font-family: 'Nunito Sans', sans-serif;
       float: left;
       margin: 2px 14px 0 0
   }
   
   #nav-icon2 {
       width: 40px;
       height: 30px;
       position: relative;
       margin: 0 auto;
       -webkit-transform: rotate(0);
       -moz-transform: rotate(0);
       -o-transform: rotate(0);
       transform: rotate(0);
       -webkit-transition: .5s ease-in-out;
       -moz-transition: .5s ease-in-out;
       -o-transition: .5s ease-in-out;
       transition: .5s ease-in-out;
       cursor: pointer;
       float: left
   }
   
   #nav-icon2 span {
       display: block;
       position: absolute;
       height: 4px;
       width: 50%;
       background: #4a4647;
       opacity: 1;
       -webkit-transform: rotate(0);
       -moz-transform: rotate(0);
       -o-transform: rotate(0);
       transform: rotate(0);
       -webkit-transition: .25s ease-in-out;
       -moz-transition: .25s ease-in-out;
       -o-transition: .25s ease-in-out;
       transition: .25s ease-in-out
   }
   
   #nav-icon2 span:nth-child(even) {
       left: 50%;
       border-radius: 0 9px 9px 0
   }
   
   #nav-icon2 span:nth-child(odd) {
       left: 0;
       border-radius: 9px 0 0 9px
   }
   
   #nav-icon2 span:nth-child(1),
   #nav-icon2 span:nth-child(2) {
       top: 0
   }
   
   #nav-icon2 span:nth-child(3),
   #nav-icon2 span:nth-child(4) {
       top: 9px
   }
   
   #nav-icon2 span:nth-child(5),
   #nav-icon2 span:nth-child(6) {
       top: 18px
   }
   
   #nav-icon2.open span:nth-child(1),
   #nav-icon2.open span:nth-child(6) {
       -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
       -o-transform: rotate(45deg);
       transform: rotate(45deg)
   }
   
   #nav-icon2.open span:nth-child(2),
   #nav-icon2.open span:nth-child(5) {
       -webkit-transform: rotate(-45deg);
       -moz-transform: rotate(-45deg);
       -o-transform: rotate(-45deg);
       transform: rotate(-45deg)
   }
   
   #nav-icon2.open span:nth-child(1) {
       left: 5px;
       top: 7px
   }
   
   #nav-icon2.open span:nth-child(2) {
       left: calc(50% - 5px);
       top: 7px
   }
   
   #nav-icon2.open span:nth-child(3) {
       left: -50%;
       opacity: 0
   }
   
   #nav-icon2.open span:nth-child(4) {
       left: 100%;
       opacity: 0
   }
   
   #nav-icon2.open span:nth-child(5) {
       left: 5px;
       top: 17px
   }
   
   #nav-icon2.open span:nth-child(6) {
       left: calc(50% - 5px);
       top: 17px
   }
   
   .menu-main {
       float: right;
       padding: 0 0
   }
   
   .menu-main ul::-webkit-scrollbar {
       width: 0!important
   }
   
   .menu-main ul li {
       position: relative;
       float: left;
       z-index: 9
   }
   
   .menu-main ul li a {
       position: relative;
       z-index: 10;
       background: #fff;
       padding: 20px 0;
       color: #222;
       float: left;
       font-size: 20px;
      font-family: 'Nunito Sans', sans-serif;
   }
   
   .menu-main ul li a:hover {
       color: #e72e28
   }
   
   .menu-main ul li:hover {
       background: rgba(255, 255, 255, .2)
   }
   
   .menu-main ul li ul {
       visibility: hidden;
       opacity: 0;
       position: absolute;
       left: 0;
       top: -200px;
       width: 300px;
       transition: top .5s ease-in-out 0s
   }
   
   .menu-main ul li:hover ul {
       visibility: visible;
       opacity: 1;
       top: 100%
   }
   
   .menu-main ul li ul li {
       border-bottom: #fff 1px solid;
       width: 100%;
       margin-bottom: 5px
   }
   
   .menu-main ul li ul li:hover {
       border-bottom: #fff 1px solid
   }
   
   .menu-main ul li ul li a {
       font-size: 14px;
       padding: 0 10px 0 10px;
       width: 100%
   }
   
   .menu-main ul li ul li ul {
       width: 200px;
       background: #333;
       visibility: hidden!important;
       left: 340px
   }
   
   .menu-main ul li ul li:hover ul {
       visibility: visible!important;
       -moz-transition: left .5s ease-in-out 0s;
       -ms-transition: left .5s ease-in-out 0s;
       -webkit-transition: left .5s ease-in-out 0s;
       transition: left .5s ease-in-out 0s;
       top: 0;
       left: 300px;
       z-index: 999
   }
   
   #right_side_nav {
       display: none;
       box-shadow: 1px 1px 1px 2px #ccc;
       padding: 80px 43px 0 30px;
       right: -670px
   }
   
   .menu-main ul li.servs-hd {
       background: 0 0;
       color: #e72e28;
        font-family: 'Nunito Sans', sans-serif;
       font-size: 16px
   }
   
   .menu-main ul li ul li.servs-hd a {
       background: 0 0;
       color: #e72e28;
       font-family: 'Nunito Sans', sans-serif;
       font-size: 16px;
       padding: 0
   }
   
   .header-fixed .menu-toggle {
       margin-top: 17px
   }
   
   @media only screen and (min-width:240px) {
       .menu-main {
           position: fixed;
           height: 100%;
           width: 400px;
           background: #fff;
           top: 0
       }
       .menu-main ul li {
           width: 100%;
           padding: 0;
           border-top: #fff 1px solid
       }
       .menu-main ul li .m-arrow {
           width: 0;
           position: absolute;
           right: 10px;
           top: 18px;
           z-index: 999;
           cursor: pointer;
           height: 0;
           border-style: solid;
           border-width: 8px 8px 0 8px;
           border-color: #e72e28 transparent transparent transparent
       }
       .menu-main ul li .current.m-arrow {
           top: 15px;
           width: 0;
           height: 0;
           border-style: solid;
           border-width: 0 8px 8px 8px;
           border-color: transparent transparent #e72e28 transparent
       }
       .menu-main ul {
           height: 100%;
           overflow-y: auto;
           width: 100%
       }
       .menu-main ul li a {
           width: 100%;
           padding: 10px 0;
           float: left
       }
       .menu-main ul li ul {
           position: relative;
           display: none;
           top: 0;
           opacity: 1;
           visibility: visible
       }
       .menu-main ul li ul li {
           border-top: none
       }
       .menu-main ul li:hover>ul {
           position: relative;
           display: none;
           top: 0;
           opacity: 1;
           visibility: visible
       }
       #right_side_nav {
           display: block
       }
   }
   
   @media only screen and (max-width:767px) {
       .menu-toggle {
           margin-top: 10px
       }
       .menu-main {
           width: 100%
       }
       #right_side_nav {
           padding-right: 23px
       }
       .menu-toggle small {
           display: none
       }
       .menu-toggle {
           margin-top: 13px
       }
       .header-fixed .menu-toggle {
           margin-top: 13px
       }
   }
   
   @media screen and (max-width:1169px) {
       .fix-wrap {
           padding: 0 20px;
           width: 100%
       }
       .top-contact-header {
           padding: 0 20px
       }
       .top-nav {
           padding: 0 20px
       }
       .home-banner-inner {
           padding: 0 20px
       }
       .services-section .fix-wrap {
           width: 100%
       }
       .services-section {
           padding: 20px 0;
           margin-top: 20px
       }
       .ftr-link-full .fix-wrap:before {
           display: none
       }
       .tab-content ul li {
           width: 48%
       }
       .portfolio-overrlay {
           padding: 10px
       }
       .overlay-bot-cont {
           padding: 5px 10px
       }
       .php-banner .ror-banner-img {
           width: 69%
       }
       .what-we-dlvr-lft {
           width: 45%
       }
       .what-we-dlvr-rgt {
           width: 50%
       }
       .google-banner-img {
           width: 43%;
           margin-left: 2%
       }
       .google-cloudbnr-cont {
           padding-left: 0;
           width: 400px;
           margin-top: 45px
       }
       .gcloud-ml-121 {
           margin-left: 81px
       }
       a.btn-ml-166,
       p.gp-ml-166 {
           margin-left: 82px
       }
       .google-cloudbnr-cont p {
           font-size: 20px
       }
       .aws-banner-cont span,
       .gray-bg-label {
           font-size: 25px
       }
       .redis-page .redis-create {
           width: 300px;
           margin: 0 auto;
           float: none
       }
       .job-details-col li span {
           width: 325px
       }
       .employee-quote-row {
           max-width: 830px
       }
       .employee-quotes:after {
           right: -78px
       }
       .employee-quotes:before {
           left: 0
       }
       .blog-rgt {
           width: 27%;
           padding-left: 20px
       }
       .blog-left {
           width: 73%
       }
       .blog-list-cont {
           width: 75%;
           padding: 25px 0 0 20px
       }
       .blog-list-img {
           width: 25%
       }
       .blog-inner-caption {
           margin: 10px auto 0 auto;
           width: 100%;
           position: static
       }
       .blog-details-banner>img {
           display: none
       }
       .blog-details-banner .page_title {
           bottom: 30px;
           position: static;
           text-align: center;
           width: 100%;
           float: left
       }
       .blog-details-banner .page_title h2 {
           margin: 0
       }
       .blog-details-banner .blog-inner-caption {
           padding: 0
       }
       .blog-details-banner .blog-inner-caption {
           padding: 20px 0 0
       }
       .magento-progress {
           text-align: center
       }
       .magento-progress>* {
           text-align: left
       }
       .magento-content {
           width: 117px
       }
       .magento-icon {
           width: 80px
       }
       .certified-developers .magento-content {
           width: 170px
       }
       .steps-block {
           background-size: contain
       }
       .research-strategy {
           width: 23%
       }
       .design-development,
       .testing-launch {
           width: 28%
       }
       .managed-hosting {
           width: 21%
       }
       .magento-development-process .steps-workflow-col {
           margin: 0 -4px 0 3px;
           width: 27.2%
       }
       .steps-workflow-col h4 {
           font-size: 20px
       }
       .full-width .magento-ecommerce-rgt {
           width: 16%
       }
       .magento-ecommerce-rgt h1 span {
           display: inline-block
       }
       .steps-workflow-col {
           width: 31.2%
       }
       .steps-block .ecommerce-deliver {
           border-bottom: none
       }
       .threecolumns-col h3 {
           padding: 0;
           font-size: 22px;
           line-height: 25px
       }
       .threecolumns-col p {
           font-size: 16px;
           line-height: 24px
       }
       .hire-dedicated-dropdown,
       .mobile-development-dropdown,
       .webapp-develop-dropdown {
           width: 23%
       }
       .hire-dedicated-dropdown {
           width: 56%
       }
       .hire-us-dropdown {
           width: 41%
       }
       .prd-menu-drop .heading {
           font-size: 16px
       }
       .services-sub-dropdown li a {
           font-size: 13px
       }
       .hire-button {
           font-size: 13px;
           letter-spacing: .1px
       }
       .nav>li {
           margin-left: 3px
       }
   }
   
   @media screen and (max-width:1023px) {
       .circle-servc::after {
           display: none
       }
       .cloud-banner {
           margin-bottom: 20px
       }
       .google-srvc-half {
           display: none
       }
       .mob-screen-banner {
           display: none
       }
       .mob-dev-banner-rgt span {
           margin: 0 0 2px 0;
           width: 100%
       }
       .web-dev-banner-rgt span {
           width: 100%;
           margin: 0 0 2px 0;
           text-align: left
       }
       .web-dev-banner {
           margin: 0 0 20px 0
       }
       .our-work-page .tech-buildwith ul li {
           width: auto;
           margin: 0 10px 0 0
       }
       h1.inner-cmn-hd {
           font-size: 30px;
           text-align: center
       }
       .ecommerce-banner .ios-banner-rgt {
           position: static;
           width: 250px;
           margin: 0 auto;
           text-align: center;
           float: none
       }
       .inner-page.thankyou-inner {
           padding-top: 100px;
           margin: 0
       }
       .thankyou-page {
           background-size: cover;
           min-height: 400px;
           margin-bottom: 25px
       }
       .thanks-text {
           float: left;
           margin: 15px 0 0 50px;
           text-align: left;
           width: 40%
       }
       .thankyou-page p {
           font-size: 20px;
           background: rgba(255, 136, 132, .8)
       }
       .thankyou-page p span {
           width: 100%
       }
       .career-inner-cont h2 {
           font-size: 31px;
           margin: 0 0 10px
       }
       .career-inner-cont p {
           font-size: 18px;
           line-height: 27px
       }
       .two-column-cta h3 {
           font-size: 26px
       }
       .job-details-col {
           width: 100%;
           padding-right: 0
       }
       .job-details-col:nth-child(2n) {
           padding-left: 0
       }
       .job-details-col:nth-child(2n) {
           border: none
       }
       .job-details-col:after,
       .job-details-col:nth-child(2n):after {
           right: 0;
           left: 0
       }
       .job-details-col:nth-last-child(2):after {
           display: block
       }
       .employee-quote-row {
           max-width: 580px
       }
       .employee-quote-row p {
           padding: 0
       }
       .employee-quotes:before {
           left: -70px
       }
       .career-detail-cont .job-details-col li strong {
           width: 270px
       }
       .blog-list-cont {
           padding: 0 0 0 20px
       }
       .blog-rgt {
           padding-left: 10px
       }
       .page_title {
           bottom: 30px
       }
       .blog-banner-caption {
           margin: 40px auto 0 auto
       }
       .blog-date-by-lft {
           line-height: normal;
           width: 50%
       }
       .blog-social a {
           margin-left: 0
       }
       .magento-page-cont h1 {
           font-size: 36px
       }
       .magento-page-cont h2 {
           font-size: 36px
       }
       .magento-details-col {
           width: 17%!important;
           vertical-align: top;
           min-height: 160px;
           padding: 20px 0 0!important
       }
       p.h2_style {
           font-size: 36px
       }
       .magento-progress>* {
           text-align: center
       }
       .magento-content,
       .magento-icon {
           width: 100%!important;
           float: left
       }
       .magento-content strong {
           font-size: 30px;
           line-height: normal
       }
       .magento-content p {
           font-size: 14px
       }
       .magento-icon {
           line-height: 40px;
           vertical-align: top
       }
       .magento-icon img {
           vertical-align: middle;
           max-height: 30px
       }
       .steps-col i img,
       .steps-workflow-col i img {
           vertical-align: middle;
           max-width: 50px;
           max-height: 70px
       }
       .research-strategy i {
           width: 135px
       }
       .steps-bottom i {
           display: block;
           line-height: 118px
       }
       .steps-workflow-col h4 {
           font-size: 15px;
           bottom: -14px
       }
       .steps-col h4 {
           font-size: 15px;
           top: -24px
       }
       .full-width .magento-banner-rgt {
           width: 21%;
           margin-top: 10px
       }
       .magento-development-process .steps-workflow-col {
           width: 27.2%
       }
       .magento-development-process .steps-bottom {
           padding: 0
       }
       .magento-ecommerce-rgt {
           top: 32px
       }
       .ecommerce-develop-project .steps-col {
           float: left
       }
       .ecommerce-develop-project .research-strategy {
           width: 23%
       }
       .ecommerce-develop-project .design-development {
           width: 39%;
           margin: 0 0 0 9%
       }
       .ecommerce-develop-project .testing-launch {
           width: 21%;
           float: right
       }
       .steps-workflow-col {
           margin: 0 -4px 0 2%;
           width: 37.2%
       }
       .header-new .logo {
           width: 160px;
           margin: 15px 0 0
       }
       .nav>li {
           margin-left: 0
       }
       .nav>li>a {
           padding: 0 5px;
           font-size: 13px;
           text-transform: capitalize;
       }
       .main-header {
           padding: 0
       }
       .mobile-development-dropdown,
       .webapp-develop-dropdown {
           width: calc(50% - 20px);
           margin: 0 10px
       }
       .hire-us-dropdown {
           width: 100%;
           margin: 30px 0 0;
           padding: 0 0 20px
       }
       .hire-dedicated-dropdown {
           width: 49%
       }
       .nav>li>div {
           width: 160px
       }
       .blog-details-banner .blog-banner-caption {
           margin: 0 auto 0 auto
       }
       .contact-page .contact-frm ul li.captcha-block,
       .contact-page .contact-frm ul li.submit-btn-block {
           width: 100%;
           margin: 0
       }
       .testimonial-page .contact-frm ul li.captcha-block,
       .testimonial-page .contact-frm ul li.submit-btn-block {
           width: 50%;
           margin: 0
       }
       .contact-page .contact-frm ul li.submit-btn-block {
           text-align: center
       }
       .contact-page .contact-frm ul li.submit-btn-block .btn-send {
           float: none
       }
       .testimonial-page .contact-frm ul li.submit-btn-block .btn-send {
           float: right
       }
   }
   
   @media screen and (min-width:1px) and (max-width:767px) {
       .top-contact-header {
           text-align: center
       }
       .logo {
           margin-top: 10px
       }
       .header-fixed .logo img,
       .logo img {
           width: 170px
       }
       .inner-page,
       .main-banner {
           margin-top: 83px
       }
       .web-app-col-banner {
           width: 100%
       }
       .web-app-cont-banner {
           margin: 0
       }
       .mob-app-col-banner .web-app-cont-banner,
       .web-app-cont-banner,
       .web-app-grph {
           text-align: center
       }
       .web-app-cont-banner {
           margin-top: 10px
       }
       .services-section p {
           width: 100%
       }
       ul.services-list {
           text-align: center
       }
       ul.services-list li {
           margin: 0 0 15px 0;
           float: none;
           display: inline-block
       }
       .hd-cmn {
           font-size: 35px
       }
       .services-section p {
           margin-bottom: 0
       }
       .gray-hd {
           margin-top: 10px;
           font-size: 21px
       }
       .small-desc {
           width: 100%
       }
       ul.atharva-process {
           width: 100%;
           background: 0 0;
           text-align: center
       }
       ul.atharva-process li {
           float: none;
           display: inline-block;
           margin: 0 0 15px 0;
           width: 100%
       }
       ul.atharva-process li:first-child,
       ul.atharva-process li:last-child {
           margin: 0;
           width: 100%
       }
       ul.atharva-process li small {
           min-height: inherit
       }
       .about-section {
           margin-bottom: 20px
       }
       .portfolio-section p {
           width: 100%
       }
       .portfolio-full ul li {
           width: 100%
       }
       .portfolio-full ul li a span {
           font-size: 20px
       }
       .technology-section {
           margin: 20px 0
       }
       .technology-section ul {
           margin: 20px auto 0 auto;
           width: 100%;
           text-align: center
       }
       .technology-section ul li {
           margin-bottom: 10px;
           margin-right: 5px;
           float: none;
           display: inline-block;
           width: 135px;
           height: 135px
       }
       .technology-section ul li:nth-child(2n) {
           margin-right: 0
       }
       .testimonial-section {
           margin: 20px 0 0 0
       }
       .testimonial-section p {
           width: 100%
       }
       .testimonial-section .owl-dots {
           margin-top: 10px
       }
       .ftr-link-full ul li a {
           font-size: 14px
       }
       .copy-lft {
           width: 100%;
           text-align: center;
           margin-bottom: 5px
       }
       .ftr-social {
           width: 100%;
           text-align: center
       }
       .address-row br {
           display: inline-block
       }
       .about-banner-lft h1 {
           text-align: center;
           font-size: 25px
       }
       .about-banner-lft {
           width: 260px;
           margin: 0 auto;
           float: none
       }
       .about-banner-img {
           width: 100%
       }
       .services-page-cont {
           margin-bottom: 0
       }
       .services-page-cont h1 {
           font-size: 30px;
           text-align: center
       }
       .services-page-cont h2 {
           font-size: 30px;
           text-align: center
       }
       .services-page-cont h2 br {
           display: none
       }
       .abt-even-row p,
       .abt-odd-row p,
       .services-page-cont p {
           font-size: 16px;
           line-height: normal
       }
       .services-page-cont p {
           text-align: center
       }
       .abt-lft-img {
           margin-top: 0;
           width: 100%
       }
       .abt-lft-img img {
           vertical-align: top;
           width: 100%
       }
       .abt-even-row .abt-bg-cont {
           width: 100%;
           padding: 15px
       }
       .abt-even-row .abt-bg-cont::after {
           display: none
       }
       .abt-bg-cont h3 {
           font-size: 20px
       }
       .abt-even-row,
       .abt-odd-row {
           margin-bottom: 20px
       }
       .abt-odd-row .abt-bg-cont {
           width: 100%;
           padding: 15px
       }
       .abt-odd-row .abt-bg-cont::after {
           display: none
       }
       .company-quotes {
           margin: 0;
           width: 100%
       }
       .company-quotes p {
           font-size: 16px;
           line-height: 20px;
           padding-top: 10px
       }
       .company-quotes p::before {
           left: 0;
           background-size: 40px;
           width: 40px;
           height: 40px
       }
       .company-quotes p::after {
           right: 0;
           bottom: -60px;
           background-size: 40px;
           width: 40px;
           height: 40px
       }
       .company-quotes strong {
           float: none;
           display: block;
           text-align: center
       }
       .ios-banner-img {
           width: 100%
       }
       .ios-banner-rgt {
           width: 280px;
           margin: 0 auto;
           float: none
       }
       .ios-banner-rgt span {
           font-size: 18px;
           margin: 0;
           display: block;
           margin-bottom: 5px;
           text-align: center
       }
       .android-banner .ios-banner-rgt span:nth-child(2n),
       .android-banner .ios-banner-rgt span:nth-child(3n),
       .ios-banner-rgt span:nth-child(2n),
       .ios-banner-rgt span:nth-child(3n) {
           margin: 0 0 5px 0
       }
       .ios-banner {
           margin-bottom: 20px
       }
       ul.ios-app-servcs li {
           width: 100%;
           margin: 0 0 20px 0;
           text-align: center;
           min-height: inherit
       }
       ul.ios-app-servcs li p {
           font-size: 16px
       }
       ul.ios-app-servcs li i {
           margin: 0
       }
       ul.ios-app-servcs li h3 {
           font-size: 20px;
           margin-top: 5px
       }
       .hire-ios-banner .ror-banner-rgt {
           float: none;
           margin: 0 auto
       }
       .ios-banner-rgt.hire-ror-rgt span:first-child {
           margin-right: 0
       }
       .ios-banner-rgt.hire-ror-rgt span:nth-child(2n),
       .ios-banner-rgt.hire-ror-rgt span:nth-child(3n) {
           margin: 5px 0 0 0
       }
       .hire-ios-row {
           padding: 10px;
           margin-bottom: 25px
       }
       .hire-ios-lft {
           width: 100%
       }
       .hire-ios-rgt {
           width: 100%;
           text-align: center
       }
       .hire-ios-rgt h1 span {
           text-align: center;
           font-size: 25px;
           width: 100%;
           text-align: center;
           margin-top: 0;
           margin-bottom: 20px
       }
       .hire-ios-rgt img {
           width: 60px;
           position: static
       }
       .contact-form .col-2-frm input {
           width: 100%;
           margin: 0 0 10px 0
       }
       .contact-form .col-4-frm input {
           width: 100%;
           margin: 0 0 10px 0
       }
       .contact-form .col-4-frm .default-select-box {
           width: 100%
       }
       .captcha-div {
           width: 100%
       }
       .btn-submit-rgt {
           float: left;
           margin: 0
       }
       .work-top h3 {
           top: -37px
       }
       ul.tabs-prf {
           margin: 0 0 5px 0;
           text-align: center;
           width: 100%
       }
       ul.tabs-prf li {
           font-size: 13px;
           float: none;
           display: inline-block;
           width: 100%;
           background: #ececec;
           border-bottom: 1px solid #ccc
       }
       .tab-content {
           padding: 2px
       }
       .tab-content ul li {
           width: 98%
       }
       .portfolio-overrlay h4 {
           font-size: 16px
       }
       .why-choose-row {
           text-align: center
       }
       .why-choose-row i {
           margin: 0
       }
       .why-choose-inner h4 {
           margin: 10px 0 20px 0
       }
       .ror-banner-rgt {
           position: static
       }
       .hire-dedicate-ror {
           padding: 0
       }
       .hire-ror {
           margin: 20px auto;
           float: none;
           right: 0;
           text-align: center
       }
       .hire-dedicate-ror h1 span {
           font-size: 26px;
           text-align: center;
           min-width: inherit;
           display: block
       }
       .hire-dedicate-ror h1 span:nth-child(2n),
       .hire-dedicate-ror h1 span:nth-child(3n) {
           margin: 0
       }
       .brd-full-ror {
           border: none;
           padding: 0
       }
       .hire-ror-dev-img {
           width: 100%;
           margin: 0 0 20px 0;
           text-align: center
       }
       span.dev-cmpny-txt:nth-child(2n) {
           width: 100%;
           text-align: center
       }
       .php-banner .ror-banner-rgt {
           margin: 0 auto
       }
       .php-banner {
           margin-bottom: 30px
       }
       .php-create {
           margin-top: 15px;
           margin-bottom: 15px
       }
       .what-we-dlvr-lft {
           width: 100%;
           margin-top: 10px
       }
       .php-create .what-we-dlvr-lft {
           margin-top: 10px
       }
       .why-choose-row h4 {
           font-size: 30px
       }
       .cmn-list-srvc ul li {
           font-size: 17px
       }
       .what-we-dlvr-rgt {
           margin: 0 auto;
           float: none;
           width: 80%;
           text-align: center
       }
       .cmn-list-srvc {
           text-align: center
       }
       ul.cloud-listing li {
           width: 100%;
           text-align: center;
           margin-bottom: 40px
       }
       ul.cloud-listing li h2 {
           font-size: 25px
       }
       ul.cloud-listing li h3 {
           font-size: 25px
       }
       ul.cloud-listing li p {
           font-size: 16px;
           line-height: 24px
       }
       .aws-banner-img {
           margin-top: 0;
           margin-bottom: 15px
       }
       .aws-banner-cont {
           position: static;
           margin: 0 auto;
           width: 280px;
           text-align: center
       }
       .aws-banner-cont span {
           width: 100%;
           margin: 0 0 5px 0
       }
       .aws-banner-cont p {
           margin: 0 0 5px 0;
           font-size: 20px
       }
       .aws-icon-lft {
           display: none
       }
       a.get-touch {
           margin-left: 0
       }
       .aws-banner-cont span,
       .gray-bg-label {
           font-size: 18px
       }
       .aws-inner-cont {
           text-align: center
       }
       .aws-inner-cont p {
           font-size: 16px
       }
       .aws-midd-img {
           margin: 20px 0
       }
       .aws-banner-rgt {
           display: none
       }
       .aws-follows {
           margin-top: 35px;
           text-align: left
       }
       .aws-follows-main {
           -webkit-column-count: 2;
           -moz-column-count: 2;
           column-count: 2;
           webkit-column-gap: 10px;
           -moz-column-gap: 10px;
           column-gap: 10px;
           margin: 25px 0 0 0
       }
       .google-cloudbnr-cont {
           padding: 0;
           width: 280px;
           margin: 20px auto 0 auto;
           float: none;
           text-align: center
       }
       .google-banner-img {
           width: 100%;
           margin: 0;
           text-align: center
       }
       .google-cloudbnr-cont span {
           margin: 0 0 5px 0;
           width: 100%
       }
       .google-cloudbnr-cont p {
           font-size: 18px;
           margin: 0 0 3px 0
       }
       .google-cloud-inner {
           margin: 20px 0 0 0
       }
       .google-cloud-inner h2 {
           font-size: 22px
       }
       .google-cloud-inner h3 {
           font-size: 22px
       }
       .google-cloud-inner p {
           font-size: 16px;
           line-height: 24px
       }
       .google-srvc-row1 {
           margin: 20px 0
       }
       .google-srvc-row1 ul li {
           width: 100%;
           margin: 0;
           text-align: center
       }
       .google-srvc-row1 ul li h2,
       .google-srvc-row2 ul li h2 {
           font-size: 20px;
           margin-bottom: 5px
       }
       .google-srvc-row2 ul li {
           width: 100%;
           text-align: center;
           margin-bottom: 10px
       }
       .google-srvc-row2 ul li p {
           width: 100%
       }
       .google-pf-lft {
           margin: 0;
           width: 100%
       }
       .google-pf-row {
           margin-top: 0;
           text-align: center
       }
       .google-pf-rgt {
           width: 80%;
           float: none;
           margin: 0 auto
       }
       .rackspace-banner .google-cloudbnr-cont {
           width: 280px;
           text-align: center
       }
       ul.rock-space-listing {
           margin-top: 20px
       }
       ul.rock-space-listing li {
           width: 100%;
           text-align: center
       }
       .rackspace-solu-row {
           margin-top: 0
       }
       .google-cloud-inner h2 {
           width: 100%;
           font-size: 20px
       }
       .google-cloud-inner h3 {
           width: 100%;
           font-size: 20px
       }
       .rackspace-solu-img {
           margin: 10px 0
       }
       .digitalocean-rgt {
           width: 280px;
           margin: 0 auto;
           float: none;
           text-align: center
       }
       .digitalocean-rgt span {
           width: 100%;
           margin: 0 0 5px 0
       }
       .digitalocean-rgt p {
           margin: 0 0 2px 0
       }
       .searmlessly-img {
           margin: 10px 0 20px 0
       }
       .digitalocean-lft {
           width: 100%
       }
       .heoku-banner .digitalocean-rgt {
           text-align: center;
           width: 100%;
           left: 0
       }
       .heroku-list {
           margin-top: 0
       }
       .heroku-list ul li {
           width: 100%;
           margin: 0 0 10px 0;
           min-height: inherit
       }
       .heroku-list h2 {
           min-height: inherit
       }
       .heroku-list ul li i {
           min-height: inherit;
           margin-bottom: 10px
       }
       .heoku-banner .digitalocean-rgt p {
           margin: 5px 0 10px 0
       }
       .technologies-banner span {
           margin: 0;
           top: -20px
       }
       .tech-info-row h4 {
           font-size: 25px;
           margin-bottom: 10px
       }
       .tech-info-row ul li {
           width: 49%;
           margin: 0 0 20px 0
       }
       .tech-info-row ul li a i {
           width: 130px;
           height: 130px
       }
       .tech-info-row ul li a i img {
           width: 70px
       }
       .banner-lft-mob {
           width: 100%
       }
       .mob-dev-banner-rgt {
           width: 250px;
           margin: 0 auto;
           float: none;
           text-align: center
       }
       .mobile-development-page ul.cloud-listing li p {
           min-height: inherit
       }
       .mob-deb-main-hd {
           margin: 0 0 20px 0
       }
       .web-dev-banner-rgt {
           position: static;
           width: 250px;
           text-align: center;
           margin: 0 auto;
           float: none
       }
       .web-dev-banner-rgt span {
           text-align: center
       }
       .web-development-page ul.cloud-listing li i {
           margin-bottom: 10px
       }
       .web-development-page .cloud-inner-cont ul.cloud-listing li p {
           min-height: inherit
       }
       .sap-banner .fix-wrap {
           padding: 0
       }
       .sap-inner-cont {
           margin: 20px 0
       }
       .hire-sap-row h2,
       .odoo-inner-cont h2 {
           font-size: 26px
       }
       .sap-inner-cont .services-page-cont {
           width: 100%
       }
       .hire-sap-icon {
           width: 50%;
           margin: 20px auto;
           float: none
       }
       .services-offer-row {
           margin-top: 15px;
           text-align: left
       }
       .services-offer-row ul {
           width: 100%
       }
       .services-offer-row ul li {
           width: 96%;
           margin: 0 0 10px 4%;
           font-size: 16px
       }
       .btn-brchr {
           margin-top: 15px
       }
       .odoo-banner {
           margin-bottom: 20px
       }
       .odoo-banner .fix-wrap {
           padding: 0
       }
       .odoo-page .services-offer-row ul {
           width: 95%
       }
       .odd-sec-img {
           width: 70%;
           margin: 15px auto;
           float: none
       }
       .odoo-sec-row p {
           width: 100%
       }
       .choose-cont-row p {
           font-size: 16px;
           line-height: normal
       }
       .choose-cont-row {
           margin: 20px 0 0 0
       }
       .odoo-rgt-banner {
           position: static;
           width: 250px;
           margin: 0 auto;
           float: none;
           text-align: center
       }
       .odoo-rgt-banner span {
           margin: 0 0 2px 0!important;
           width: 100%
       }
       .odoo-lft-banner {
           width: 100%
       }
       .magento-page .services-offer-row ul li:nth-child(2n) {
           width: 100%;
           float: left
       }
       .magento-page .odoo-sec-process {
           width: 80%;
           margin: 20px auto;
           float: none
       }
       .magento-page.wordpress-page .odoo-rgt-banner {
           margin-bottom: 25px
       }
       .odoo-page.angular-page .services-offer-row ul,
       .postgresql-page .services-offer-row ul,
       .wordpress-page .services-offer-row ul {
           -webkit-column-count: 1;
           -moz-column-count: 1;
           column-count: 1;
           -webkit-column-gap: 0;
           -moz-column-gap: 0;
           column-gap: 0
       }
       .odoo-page.angular-page .services-offer-row,
       .postgresql-page .services-offer-row,
       .wordpress-page .services-offer-row {
           width: 240px;
           margin: 0 auto;
           float: none
       }
       .odoo-page.mongodb-page .services-offer-row,
       .odoo-page.phpmysql-page .services-offer-row {
           width: 300px;
           margin: 0 auto;
           float: none
       }
       .odoo-page.mongodb-page .services-offer-row ul,
       .odoo-page.phpmysql-page .services-offer-row ul,
       .odoo-page.phpmysql-page .services-offer-row.whatsnew-list ul {
           -webkit-column-count: 1;
           -moz-column-count: 1;
           column-count: 1
       }
       .redis-page .odoo-rgt-banner span {
           padding: 5px
       }
       .odoo-page.angular-page.reactjs-page .services-offer-row ul {
           -webkit-column-count: 1;
           -moz-column-count: 1;
           column-count: 1;
           -webkit-column-gap: 0;
           -moz-column-gap: 0;
           column-gap: 0;
           width: 100%
       }
       .odoo-page.angular-page.reactjs-page .services-offer-row {
           width: 300px
       }
       .angular-page .odoo-rgt-banner {
           width: 250px;
           margin: 0 auto;
           text-align: center
       }
       .odoo-page.angular-page .services-offer-row ul {
           width: 96%
       }
       .odoo-sec-process {
           width: 45%;
           margin: 20px auto;
           float: none
       }
       .angular-page.node-js-page .odoo-rgt-banner {
           width: 250px;
           margin: 0 auto;
           float: none;
           text-align: center
       }
       .contact-banner {
           text-align: center
       }
       .contact-banner-rgt {
           width: 100%
       }
       .contact-banner-lft {
           width: 100%;
           margin: 0
       }
       .captcha-error {
           width: 100%;
           margin: 0
       }
       .contact-inner {
           margin: 0;
           background: #fff;
           padding: 0
       }
       .contact-banner-lft p {
           line-height: 22px
       }
       .contact-frm-lft {
           width: 100%;
           padding: 15px
       }
       .contact-inner h3 {
           margin: 10px 0
       }
       .mesg-icon {
           margin: 15px 0 0 0
       }
       .contact-frm ul li {
           width: 100%;
           margin: 0 0 10px 0
       }
       .contact-frm ul li.btn-send-frm {
           margin: -30px 0 15px
       }
       .contact-add-rgt {
           width: 100%;
           padding: 15px;
           background: #363636;
           margin-top: 15px
       }
       .contact-add-rgt .ftr-social {
           margin: 0 0 0 10px;
           text-align: left
       }
       .contact-add-rgt p.address-cntct span {
           margin-bottom: 10px
       }
       .seo-banner-rgt {
           position: static;
           width: 90%;
           margin: 0 auto
       }
       .seo-banner-rgt span {
           width: 100%;
           margin: 0;
           margin-bottom: 4px;
           text-align: center
       }
       .ror-banner {
           margin-bottom: 20px
       }
       .ecommerce-banner {
           margin-bottom: 10px
       }
       .ecommerce-dev-page .services-page-cont h1 {
           font-size: 25px;
           text-align: center
       }
       .ecommerce-dev-page .services-page-cont h2 {
           font-size: 20px
       }
       .ecommerce-lft {
           width: 60%;
           text-align: center;
           margin: 15px auto;
           float: none
       }
       .ecommerce-rgt {
           width: 100%
       }
       .ecommerce-rgt h2 br {
           display: none
       }
       .ecommerce-rgt h2 {
           font-size: 22px;
           line-height: normal
       }
       .why-choose-row-ecm {
           margin: 0
       }
       .why-choose-right {
           float: left;
           width: 100%
       }
       .why-choose-right h4 {
           font-size: 30px
       }
       .why-choose-left {
           width: 100%;
           text-align: center
       }
       .ecommerce-rgt ul,
       .why-choose-left ul {
           text-align: left
       }
       .why-choose-left p {
           font-size: 16px
       }
       ul.default-list {
           text-align: left
       }
       .sitemap-dtl {
           width: 100%
       }
       .sitemap-menu-list li ul li.by-app-menu li {
           width: 100%
       }
       .sitemap-menu-list li ul {
           margin-left: 3%;
           width: 97%
       }
       ul.blog-list li {
           width: 100%;
           margin: 0 0 20px 0
       }
       .blog_info h2 {
           font-size: 25px
       }
       .editer-style h1 {
           font-size: 25px
       }
       .blog-banner-caption {
           margin: 20px 0 0;
           width: 100%;
           float: left;
           position: static
       }
       .blog-banner-caption h1 {
           font-size: 25px
       }
       .blog-banner-caption p {
           font-size: 16px
       }
       .page_title {
           bottom: 30px;
           position: static;
           text-align: center;
           width: 100%;
           float: left
       }
       .page_title h2 {
           margin: 0
       }
       .blog-list {
           margin: 40px 0 30px 0
       }
       .blog-left {
           width: 100%;
           padding: 0;
           border: none
       }
       .blog-list-img {
           width: 100%;
           text-align: center;
           margin: 0 0 20px
       }
       .blog-list-cont {
           padding: 0;
           width: 100%;
           text-align: center
       }
       .blog-list-cont .readmore-link {
           float: none
       }
       .blog-date-by {
           border-bottom: 1px #ebebeb solid
       }
       .blog-date-by-lft {
           width: 100%
       }
       .blog-date-by .blog-social {
           width: 100%;
           text-align: center;
           float: left;
           margin: 10px 0 5px
       }
       .blog-list-cont h3 {
           font-size: 20px
       }
       .blog-rgt {
           padding-left: 0;
           width: 100%;
           margin: 20px 0 0
       }
       .search-filter {
           display: block;
           background: #fe544f;
           color: #fff;
           text-transform: uppercase;
           padding: 10px;
           width: 100%;
           float: left;
           margin: 0;
           position: relative
       }
       .search-filter:before {
           content: "";
           width: 0;
           height: 0;
           border-left: 6px solid transparent;
           border-right: 6px solid transparent;
           border-top: 6px solid #fff;
           position: absolute;
           right: 10px;
           top: 0;
           bottom: 0;
           margin: auto
       }
       .search-filter.active:before {
           transform: rotate(180deg)
       }
       .category-toggle,
       .category-wrapper {
           width: 100%;
           float: left
       }
       .category-toggle {
           display: none;
           background: #f9f9f9;
           padding: 10px
       }
       .category-wrapper {
           margin: 0 0 30px
       }
       .connect-social {
           margin-top: 0
       }
       .career-inner-cont h2 {
           font-size: 25px
       }
       .career-banner .odoo-rgt-banner {
           text-align: center
       }
       .career-banner .odoo-rgt-banner span {
           padding: 5px;
           display: inline-block;
           width: auto
       }
       .career-inner-cont p {
           font-size: 16px;
           line-height: 24px
       }
       .two-column-cta li {
           width: 100%;
           padding-right: 0;
           text-align: center;
           border-bottom: 1px #d9d9d9 solid;
           padding: 0 0 20px
       }
       .two-column-cta li:last-child {
           border-bottom: none
       }
       .two-column-cta i {
           line-height: normal;
           padding: 0 10px;
           display: block
       }
       .two-column-cta h3 {
           text-align: center;
           margin: 10px 0
       }
       .latest-opening {
           margin: 22px 0 0
       }
       .career-inner-row h3 {
           margin: 0 0 25px;
           font-size: 22px
       }
       .job-details-col h4 {
           font-size: 20px;
           padding-right: 0;
           margin: 0 0 5px
       }
       .job-count {
           position: static;
           margin: 0 0 10px
       }
       .job-details-col li {
           display: block;
           float: left;
           margin: 0 0 10px
       }
       .job-details-col li span {
           width: 100%
       }
       .employee-quotes:before {
           left: -10px;
           width: 27px;
           height: 27px;
           background-size: contain;
           top: -20px
       }
       .employee-quotes:after {
           right: -10px;
           width: 30px;
           height: 30px;
           background-size: contain;
           bottom: -25px
       }
       .employee-quote-row p {
           font-size: 16px;
           line-height: 24px
       }
       .employee-quotes-name {
           text-align: center
       }
       .job-details-col .btn-default {
           float: left
       }
       .job-details-col ul {
           width: 100%;
           float: left
       }
       .career-detail-cont .job-details-col .btn-default {
           position: static;
           top: 0;
           right: 0;
           margin: 0 auto 20px;
           display: block;
           width: 160px;
           text-align: center;
           float: none;
           max-width: 200px
       }
       .career-detail-cont .job-count {
           width: 100%;
           font-size: 14px
       }
       .career-detail-cont .job-count strong {
           font-size: 14px
       }
       .career-detail-cont .job-details-col h4 {
           float: left;
           padding: 0;
           margin: 0 27px 4px 0;
           width: 100%
       }
       .job-apply-form form {
           margin: 0
       }
       .job-form-col {
           width: 100%;
           margin: 0
       }
       .submit-button {
           min-width: 180px
       }
       .form-field.captcha-img {
           padding: 0
       }
       .career-detail-cont .job-details-col li span {
           width: 100%
       }
       .job-apply-form {
           padding: 20px 15px 20px
       }
       .captcha-img {
           width: 35%;
           display: inline-block;
           vertical-align: middle;
           float: none
       }
       .form-field.captcha-img {
           width: 100%;
           text-align: center
       }
       .captcha-field {
           width: 138px;
           display: inline-block;
           vertical-align: middle;
           margin: 0 0 0 5px;
           float: none
       }
       .job-apply-form h3 {
           font-size: 22px;
           padding: 0 0 7px
       }
       .bullet-style li {
           padding-left: 12px;
           font-size: 15px;
           line-height: 19px
       }
       .bullet-style li::before {
           top: 7px
       }
       .job-details-col li {
           font-size: 15px
       }
       .job-details-col li strong {
           font-size: 16px
       }
       .job-apply-form h4 {
           font-size: 18px
       }
       .full-width .magento-development-banner {
           width: 100%;
           margin-top: 10px;
           float: left;
           text-align: center
       }
       .full-width .magento-development-banner h1 {
           display: inline-block
       }
       .secret-powerful {
           margin: 20px 0 0
       }
       .magento-page-cont h1 {
           font-size: 25px
       }
       .magento-page-cont h2 {
           font-size: 25px
       }
       .magento-page-cont h3,
       .why-choose-row h4 span {
           font-size: 22px;
           line-height: normal;
           margin: 0 0 20px
       }
       p.h2_style {
           font-size: 25px
       }
       .magento-page-cont p,
       .what-we-create ul li {
           font-size: 16px;
           line-height: 24px
       }
       .trained-solution {
           width: 100%;
           padding-left: 0;
           float: left;
           border-bottom: none;
           margin: 0 0 20px
       }
       .magento-details-col {
           width: 100%!important;
           vertical-align: top;
           min-height: auto;
           padding: 10px 10px 20px!important;
           border: 1px #ccc solid
       }
       .what-we-create ul {
           width: 100%;
           float: left;
           text-align: left;
           padding-left: 0
       }
       .steps-we-follow {
           margin: 30px 0 0
       }
       .steps-block {
           width: 100%;
           float: left;
           min-height: auto;
           background: 0 0;
           margin: 22px 0
       }
       .steps-block .steps-col {
           width: 100%;
           float: left;
           border-bottom: 1px #ccc solid;
           text-align: center!important;
           padding: 20px;
           margin: 0
       }
       .steps-block .steps-col h4,
       .steps-workflow-col h4 {
           font-size: 16px;
           position: static;
           margin: 0 0 20px;
           text-align: center
       }
       .steps-bottom i,
       .steps-col i {
           line-height: normal
       }
       .steps-workflow-col {
           margin: 0;
           width: 100%;
           border-bottom: 1px #ccc solid;
           padding: 20px;
           text-align: center
       }
       .clients-projects_brands {
           padding: 0 30px
       }
       .clients-projects_brands .owl-item {
           padding: 0 10px
       }
       .clients-projects_brands .owl-item img {
           max-height: 50px
       }
       .steps-col.managed-hosting {
           border-bottom: none
       }
       .magento-development-process .steps-workflow-col {
           width: 100%
       }
       .full-width .magento-ecommerce-rgt {
           width: 100%;
           float: left;
           text-align: center
       }
       .magento-ecommerce-rgt h1 {
           max-width: 200px;
           margin: 0 auto
       }
       .two-column-cta.you-need-magento i img {
           vertical-align: middle;
           max-height: 135px;
           margin-bottom: 20px
       }
       .magento-online-store h2 {
           margin-bottom: 20px
       }
       .ecommerce-develop-project .ecommerce-deliver {
           border-bottom: none
       }
       .threecolumns-col {
           width: calc(100% - 30px);
           margin-bottom: 0
       }
       .mob_view {
           display: block
       }
       .logo {
           width: 43px
       }
       .header_rgt {
           margin: 0
       }
       .navbar-toggle {
           display: inline-block
       }
       #navigation-bar {
           display: none;
           position: fixed;
           top: 0;
           bottom: 0;
           left: 0;
           right: 0;
           margin: auto;
           background: rgba(255, 255, 255, .95);
           height: auto;
           overflow-x: hidden;
           overflow-y: auto;
           z-index: 98
       }
       #navigation-bar h3 {
           display: block
       }
       .nav {
           display: block;
           margin-top: 15px;
           border-top: 1px solid rgba(255, 255, 255, .2);
           overflow: hidden
       }
       .nav>li {
           width: 100%;
           height: auto;
           margin: 0 0 5px
       }
       .nav>li.mob_view {
           display: block
       }
       .nav>li>a {
           display: block;
           padding: 0 20px;
           font-size: 16px;
           font-weight: 700;
           line-height: 30px;
           height: auto;
           position: relative;
           overflow: hidden;
           font-family: Ubuntu, sans-serif
       }
       .nav>li>a span {
           font-weight: 500
       }
       .nav>li.parent {
           position: relative
       }
       .nav>li.parent:hover>a:after {
           content: normal
       }
       .nav>li.parent>a span {
           display: block;
           float: left;
           margin-right: 15px
       }
       .nav>li.parent>a .icn_sub_arrow {
           display: inline-block;
           float: left;
           width: 19px;
           height: 15px;
           margin: 7px auto;
           cursor: pointer;
           z-index: 9;
           display: block;
           background: url(../img/nav_arrow_sprite.png) no-repeat;
           transition: all .3s ease
       }
       .nav>li.parent>a.open_filter .icn_sub_arrow {
           background-position: 0 -15px
       }
       .nav>li>div {
           left: 0;
           display: none;
           padding: 0;
           position: relative;
           top: 100%;
           left: inherit;
           opacity: 1;
           visibility: visible;
           overflow: visible;
           transition: none
       }
       .nav>li>ul li a {
           padding: 10px 0
       }
       #navigation-bar .submenu_wrap {
           background: 0 0;
           padding: 0
       }
       ul.drp_listing {
           min-height: inherit
       }
       #navigation-bar .prd-menu-drop {
           width: 100%;
           text-align: left
       }
       ul.drp_listing {
           padding: 0;
           width: 100%;
           margin: auto;
           box-sizing: border-box
       }
       ul.drp_listing li {
           margin: 0
       }
       ul.drp_listing li a {
           font-size: 14px;
           line-height: 20px;
           color: #333;
           text-transform: uppercase
       }
       #navigation-bar {
           width: 100%
       }
       .single-dropdown ul li a {
           padding: 7px 20px
       }
       .nav>li.unselect>a.open_filter .icn_sub_arrow {
           background-position: 0 0
       }
       .pattern-dropdown {
           float: left
       }
       .mobile-development-dropdown,
       .webapp-develop-dropdown {
           width: 100%;
           margin: 10px 0
       }
       .hire-us-dropdown {
           margin: 10px 0 0
       }
       .hire-us-dropdown::after {
           display: none
       }
       .hire-dedicated-dropdown {
           width: 100%;
           padding: 0
       }
       .deploy-infography {
           display: none
       }
       .nav-open .navbar-toggle {
           top: 38px
       }
       .hire-us-dropdown {
           margin: 10px 0 0;
           border: none;
           padding: 0
       }
       .header-new #nav-icon2 {
           position: absolute;
           right: 15px;
           top: 52px;
           z-index: 999;
           background: 0 0;
           display: block
       }
       .header-new .nav {
           margin: 70px 0 0
       }
       .header-fixed #nav-icon2 {
           top: 25px
       }
       .pattern-dropdown {
           box-shadow: none
       }
       .header-new #navigation-bar {
           background: url(../img/dropdown-background.png) repeat!important
       }
       .single-dropdown .prd-menu-drop {
           box-shadow: none
       }
       .single-dropdown .prd-menu-drop li a {
           font-size: 14px;
           line-height: 20px;
           color: #333;
           text-transform: uppercase
       }
       .single-dropdown .prd-menu-drop li a:hover {
           background: 0 0;
           color: #e72e28
       }
       .technologies-icons ul li {
           width: 50%;
           border-left: 1px rgba(0, 0, 0, .2) solid
       }
       .technologies-icons ul li a {
           line-height: 115px;
           min-height: 115px
       }
       .technologies-icons ul li:nth-child(-n+6):after,
       .technologies-icons ul li:nth-child(-n+6):before {
           display: block
       }
       .technologies-icons ul li:nth-child(-n+2):after,
       .technologies-icons ul li:nth-child(-n+2):before,
       .technologies-icons ul li:nth-child(2n):after,
       .technologies-icons ul li:nth-child(2n):before {
           display: none
       }
       .technologies-icons ul {
           border: 0 solid rgba(0, 0, 0, .2)!important;
           border-width: 0 0 1px 1px!important;
           width: 100%;
           float: left
       }
       .technologies-icons ul li {
           border: 0 solid rgba(0, 0, 0, .2)!important;
           border-width: 1px 1px 0 0!important
       }
       .single-dropdown .prd-menu-drop {
           padding: 0 20px
       }
       .single-dropdown .drp_listing>li>a {
           padding-left: 25px
       }
       .single-dropdown .drp_listing .icon-sprite {
           left: 2px
       }
       .contact-frm ul li.captcha-block,
       .contact-frm ul li.submit-btn-block {
           width: 100%;
           float: left
       }
       .btn-send {
           float: none
       }
       .submit-btn-block {
           text-align: center
       }
       .contact-frm ul li.captcha-block {
           margin-top: 20px;
           text-align: center;
           margin-bottom: 0
       }
       .contact-frm ul li.captcha-block .captcha-col {
           float: none;
           margin: 0 auto;
           width: 304px
       }
       .testimonial-page .contact-inner h3 {
           font-size: 20px
       }
       .testimonial-page .contact-inner {
           padding-bottom: 10px
       }
       .contact-frm ul li.submit-btn-block {
           padding: 0
       }
       .testimonial-page .contact-frm ul li.captcha-block,
       .testimonial-page .contact-frm ul li.submit-btn-block {
           width: 100%;
           margin: 0
       }
       .testimonial-page .contact-frm ul li.submit-btn-block .btn-send {
           float: none
       }
       .hire-nodejs-imgtag {
           width: 280px
       }
       .hire-nodejs-imgtag h1 {
           top: 0;
           left: -117px;
           transform: scale(.5)
       }
       .hire-reactjs-developer-imgtag {
           width: 278px
       }
       .hire-reactjs-developer-imgtag h2 span:nth-child(2) {
           margin-left: -28px
       }
       .hire-reactjs-developer-imgtag h2 {
           top: 40px;
           left: 2px;
           line-height: 25px;
           transform: scale(.8);
           width: 360px
       }
       .hire-reactjs-developer-imgtag h2 span:nth-child(2) {
           margin-left: -28px
       }
       .why-choose-flex h4,
       .why-choose-flex i {
           display: block;
           width: auto;
       }
       .page-second-heading {
           text-align: center;
       }
       .twocol-vlock {
           width: 100%;
           padding-right: 0;
           text-align: left
       }
       ul.listingstyle {
           margin: 0 0 0 20px
       }
       .coreservice-block {
           margin: 30px 0 0;
           display: block;
           clear: both;
           float: left
       }
       ul.hand-style-listing li {
           width: 100%;
           text-align: left
       }
   }
   
   @media (max-width:375px) {
       .contact-frm ul li.captcha-block .captcha-col {
           width: 253px
       }
       .contact-frm ul li.captcha-block .captcha-col #new-captcha {
           transform: scale(.7, .7);
           left: -17px;
           position: relative
       }
   }
   
   @media screen and (min-width:480px) and (max-width:767px) {
       #right_side_nav {
           right: -767px
       }
       .tech-info-row ul li {
           width: 30%
       }
       .tech-info-row ul li a span {
           font-size: 18px
       }
       .job-details-col li span {
           width: 325px
       }
       .job-details-col .btn-default {
           float: right
       }
       .career-detail-cont .job-details-col li {
           display: flex;
           width: 100%
       }
       .career-detail-cont .job-details-col li strong {
           width: 220px
       }
       .magento-page-cont p,
       .what-we-create ul li {
           font-size: 14px
       }
       .magento-details-col {
           width: 50%!important;
           float: left
       }
       .magento-development-process .steps-workflow-col,
       .steps-block .steps-col,
       .steps-workflow-col {
           width: 50%;
           float: left;
           border-right: 1px #ccc solid;
           padding: 10px
       }
       .steps-block .steps-col:nth-child(2n),
       .steps-workflow-col:nth-child(2n) {
           border-right: none
       }
       .steps-col i,
       .steps-workflow-col i {
           line-height: 75px
       }
       .steps-block .steps-col h4,
       .steps-workflow-col h4 {
           font-size: 15px
       }
       .steps-bottom {
           padding: 0
       }
       .ecommerce-develop-project .ecommerce-deliver {
           width: 100%;
           float: left;
           border-right: none;
           border-bottom: none
       }
       .threecolumns-col {
           width: calc(50% - 30px)
       }
       .technologies-icons ul li {
           width: 33.3333%
       }
       .technologies-icons ul li:after,
       .technologies-icons ul li:before {
           display: block!important
       }
       .technologies-icons ul li:nth-child(-n+3):after,
       .technologies-icons ul li:nth-child(-n+3):before,
       .technologies-icons ul li:nth-child(3n):after,
       .technologies-icons ul li:nth-child(3n):before {
           display: none!important
       }
   }
   
   @media screen and (min-width:600px) and (max-width:767px) {
       ul.ios-app-servcs li {
           width: 48%
       }
       .ios-servc-page ul.ios-app-servcs li i {
           min-height: 180px
       }
       .what-we-dlvr-rgt {
           width: 50%
       }
       .hire-ios-rgt img {
           width: 22%
       }
       .tech-info-row ul li {
           width: 24%
       }
       .tech-info-row ul li a span {
           font-size: 18px
       }
   }
   
   @media screen and (min-width:768px) and (max-width:1024px) {
       .web-app-cont-banner {
           margin-left: 20px
       }
       .logo {
           margin-top: 10px
       }
       .inner-page,
       .main-banner {
           margin-top: 103px
       }
       ul.services-list li {
           margin-right: 10px;
           margin-bottom: 10px;
           display: inline-block;
           float: none
       }
       ul.services-list {
           text-align: center
       }
       ul.atharva-process {
           width: 100%;
           background: 0 0;
           min-height: inherit
       }
       ul.atharva-process li {
           width: 36%;
           margin: 0 2% 0 0
       }
       ul.atharva-process li:first-child {
           margin: 0;
           width: 31%
       }
       ul.atharva-process li:last-child {
           margin: 0;
           width: 31%
       }
       .portfolio-full ul li a span {
           font-size: 17px
       }
       .technology-section ul {
           text-align: center;
           margin-bottom: 0
       }
       .technology-section ul li {
           float: none;
           display: inline-block;
           margin: 0 5px 15px 5px
       }
       .technology-section {
           margin: 20px 0
       }
       .testimonial-section {
           margin-top: 20px
       }
       .ftr-social {
           margin: 0
       }
       .ftr-link-full ul li a {
           font-size: 14px
       }
       .ftr-link-full ul li {
           margin: 0 10px
       }
       .ftr-link-full ul li::after {
           right: -12px
       }
       .about-banner-lft {
           width: 35%
       }
       .about-banner-lft h1 {
           font-size: 27px
       }
       .about-banner-img {
           width: 60%;
           margin: 100px 0 0 0
       }
       .services-page-cont h2 {
           font-size: 30px
       }
       .abt-even-row p,
       .abt-odd-row p,
       .services-page-cont p {
           font-size: 17px;
           line-height: 24px
       }
       .services-page-cont {
           margin-bottom: 0
       }
       .abt-lft-img {
           width: 50%
       }
       .abt-even-row .abt-bg-cont,
       .abt-odd-row .abt-bg-cont {
           width: 49%
       }
       .abt-bg-cont {
           padding: 15px
       }
       .abt-bg-cont h3 {
           font-size: 20px
       }
       .company-quotes {
           margin-left: 0;
           width: 90%;
           margin-bottom: 10px
       }
       .company-quotes p::before {
           left: 0;
           background-size: 40px;
           width: 40px;
           height: 40px
       }
       .company-quotes p::after {
           right: -50px;
           bottom: -60px;
           background-size: 40px;
           width: 40px;
           height: 40px
       }
       .ios-banner-img {
           width: 60%
       }
       .ios-banner-rgt {
           width: 37%;
           margin-top: 40px
       }
       .ios-banner-rgt span {
           font-size: 20px;
           display: block
       }
       .android-banner .ios-banner-rgt span:nth-child(2n),
       .android-banner .ios-banner-rgt span:nth-child(3n),
       .ios-banner-rgt span:nth-child(2n),
       .ios-banner-rgt span:nth-child(3n) {
           margin: 0 0 5px 0
       }
       ul.tabs-prf {
           margin-top: 5px
       }
       .work-top h3 {
           top: -20px
       }
       .html5-servc-page ul.ios-app-servcs li {
           min-height: 490px
       }
       .php-banner .ror-banner-rgt {
           width: 30%;
           right: 0
       }
       .hire-dedicate-ror {
           padding: 0
       }
       .hire-ror {
           margin: 0;
           width: 30%
       }
       .hire-dedicate-ror h1 span {
           width: 69%;
           font-size: 30px;
           margin-top: 11px
       }
       .brd-full-ror {
           min-width: inherit
       }
       .hire-dedicate-ror h1 span:nth-child(2n) {
           margin-left: 95px
       }
       .hire-dedicate-ror h1 span:nth-child(3n) {
           margin-left: 220px
       }
       .cmn-list-srvc ul li {
           font-size: 15px
       }
       .hire-ios-banner .ror-banner-img {
           width: 78%
       }
       .hire-ios-banner .ror-banner-rgt {
           bottom: 0
       }
       .hire-ios-banner .ror-banner-rgt {
           right: 0
       }
       .ios-banner-rgt.hire-ror-rgt span:nth-child(2n) {
           margin-left: 41px
       }
       .ios-banner-rgt.hire-ror-rgt span:nth-child(3n) {
           margin-left: 111px
       }
       .hire-ios-rgt h1 span {
           font-size: 35px
       }
       .hire-ios-rgt img {
           width: 39%
       }
       .hire-ios-row {
           padding: 15px;
           margin-bottom: 20px
       }
       .hire-ror-main {
           padding: 15px
       }
       .hire-dedicate-ror h1 .brd-full-ror,
       .hire-ror-main h1 span {
           padding-left: 20px
       }
       ul.cloud-listing li h2 {
           font-size: 25px
       }
       ul.cloud-listing li h3 {
           font-size: 25px
       }
       .aws-banner-cont {
           width: 52%;
           margin-top: 10px;
           left: auto;
           right: 0
       }
       p.prv-best-srvc {
           margin-left: 20px
       }
       .aws-banner-img {
           width: 63%;
           margin: 0
       }
       .aws-icon-lft {
           display: none
       }
       .aws-inner-cont {
           margin-top: 20px
       }
       .aws-banner-rgt {
           display: none
       }
       .aws-page span.aws-srvc-span {
           margin-left: 110px
       }
       .aws-page p.prv-best-srvc {
           margin-left: 120px
       }
       .google-banner-img {
           width: 43%;
           margin-left: 2%
       }
       .google-cloudbnr-cont {
           padding-left: 0;
           width: 400px;
           margin-top: 45px
       }
       .gcloud-ml-121 {
           margin-left: 81px
       }
       a.btn-ml-166,
       p.gp-ml-166 {
           margin-left: 82px
       }
       .google-cloudbnr-cont p {
           font-size: 20px
       }
       .google-cloud-inner {
           margin: 30px 0 20px 0
       }
       .google-srvc-row1 {
           margin: 20px 0
       }
       .google-srvc-row1 ul li {
           text-align: center
       }
       .google-srvc-row1 ul li h2 {
           font-size: 18px
       }
       .google-cloud-inner p {
           font-size: 16px;
           line-height: 24px
       }
       .google-cloud-inner h2 {
           font-size: 20px;
           margin-bottom: 0
       }
       .google-cloud-inner h3 {
           font-size: 20px;
           margin-bottom: 0
       }
       .google-srvc-row2 ul li {
           margin-bottom: 20px;
           width: 49%
       }
       .google-pf-rgt {
           width: 38%
       }
       .google-pf-lft {
           margin-top: 0
       }
       .rackspace-banner .google-cloudbnr-cont {
           width: 400px
       }
       .rcloud-ml-134 {
           margin-left: 104px
       }
       .rackspace-solu-row h2 {
           width: 80%
       }
       .digitalocean-lft {
           width: 48%;
           margin-right: 2%
       }
       .digitalocean-rgt {
           width: 40%;
           margin-top: 20px
       }
       .dcs-ml-190 {
           margin-left: 69px
       }
       a.dcs-ml-190 {
           margin-left: 70px
       }
       .heoku-banner .digitalocean-rgt {
           width: 49%;
           left: 0
       }
       .dcs-ml-165 {
           margin-left: 0
       }
       .dc-ml-38 {
           margin-left: 0
       }
       a.dcs-ml-165 {
           margin-left: 0
       }
       .heroku-list h2 {
           margin-bottom: 0;
           min-height: 66px
       }
       .heroku-list ul li {
           margin: 0 3% 20px auto;
           min-height: 330px;
           width: 31%
       }
       .heroku-list ul li i {
           margin-bottom: 0
       }
       .tech-info-row ul li {
           width: 24%;
           margin: 0 0 15px 0
       }
       .tech-info-row ul li a span {
           font-size: 18px
       }
       .mobile-development-page .cloud-inner-cont ul.cloud-listing li p {
           min-height: 170px
       }
       .mobile-development-page ul.cloud-listing li h2 {
           min-height: 60px
       }
       .mobile-development-page ul.cloud-listing li h3 {
           min-height: 60px
       }
       .banner-lft-mob {
           width: 60%
       }
       .mob-dev-banner-rgt {
           width: 38%;
           margin: 70px 0 0 0
       }
       .web-dev-banner-rgt {
           bottom: 50px
       }
       .web-development-page .cloud-inner-cont ul.cloud-listing li p {
           min-height: 200px
       }
       .services-offer-row ul {
           width: 90%;
           display: inline-block
       }
       .odoo-lft-banner {
           width: 70%
       }
       .odoo-rgt-banner {
           right: 0;
           top: 0
       }
       .odoo-page .services-offer-row ul {
           width: 94%
       }
       .magento-page .odoo-lft-banner {
           width: 80%
       }
       .magento-page .odoo-rgt-banner {
           right: 0;
           top: 82px
       }
       .magento-page .services-offer-row ul li {
           padding-right: 30px
       }
       .magento-page .services-offer-row ul li:nth-child(2n) {
           width: 52%
       }
       .magento-page.wordpress-page .odoo-lft-banner {
           width: 100%
       }
       .magento-page.wordpress-page .odoo-rgt-banner {
           right: 193px;
           top: 101px
       }
       .odoo-page.angular-page .services-offer-row ul,
       .wordpress-page .services-offer-row ul {
           -webkit-column-count: 2;
           -moz-column-count: 2;
           column-count: 2;
           width: 75%
       }
       .redis-page .odoo-rgt-banner {
           bottom: 0;
           right: 0;
           width: auto
       }
       .odoo-page.angular-page .services-offer-row ul {
           width: 79%
       }
       .angular-page.node-js-page.reactjs-page .odoo-rgt-banner {
           right: -20px;
           top: 201px
       }
       .odoo-page.angular-page.reactjs-page .services-offer-row ul {
           width: 80%
       }
       .contact-banner-rgt {
           width: 40%
       }
       .contact-banner-lft {
           margin: 30px 0 0 0
       }
       .contact-inner {
           margin: 50px 0 45px;
           padding: 35px 26px;
           background: linear-gradient(to right, #fff 0, #fff 50%, #363636 50%, #363636 100%);
           background: -webkit-linear-gradient(to right, #fff 0, #fff 50%, #363636 50%, #363636 100%);
           background: -moz-linear-gradient(to right, #fff 0, #fff 50%, #363636 50%, #363636 100%);
           background: -o-linear-gradient(to right, #fff 0, #fff 50%, #363636 50%, #363636 100%)
       }
       .contact-frm-lft {
           width: 45%
       }
       .contact-frm ul li {
           width: 100%
       }
       .contact-banner-lft p {
           line-height: 23px
       }
       .contact-inner h3 {
           margin-bottom: 25px
       }
       .seo-banner-rgt {
           width: 230px;
           bottom: 40px
       }
       .ecommerce-dev-page .services-page-cont h1 {
           font-size: 35px
       }
       .ecommerce-dev-page .services-page-cont h2 {
           font-size: 25px
       }
       .ecommerce-lft {
           width: 40%;
           margin-top: 20px
       }
       .ecommerce-rgt {
           width: 50%
       }
       .ecommerce-rgt h2 {
           font-size: 22px;
           line-height: normal
       }
       .opensource-choose.ecommerce-rgt {
           width: 100%
       }
       .thankyou-page p {
           font-size: 30px
       }
       span.dev-cmpny-txt:nth-child(2n) {
           width: 210px
       }
       .why-choose-inner {
           margin-bottom: 20px
       }
       .why-choose-inner h4 {
           width: 65%;
           margin-top: 40px
       }
       .hire-reactjs-developer-imgtag h2 {
           font-size: 47px
       }
   }
   
   @media screen and (min-width:1024px) and (max-width:1169px) {
       ul.services-list li {
           margin-right: 23px
       }
       .abt-bg-cont h3 {
           font-size: 30px
       }
       .abt-bg-cont {
           padding: 35px 15px 30px 15px
       }
       .company-quotes p {
           padding: 0 50px
       }
       ul.ios-app-servcs li {
           min-height: 340px;
           margin-bottom: 20px
       }
       ul.ios-app-servcs li i {
           min-height: 90px;
           margin-bottom: 10px
       }
       .php-banner .ror-banner-img {
           width: 62%
       }
       .php-banner .ror-banner-rgt {
           right: 0;
           width: 37%
       }
       .hire-ios-banner .ror-banner-img {
           width: 70%
       }
       .hire-ios-banner .ror-banner-rgt {
           right: 0
       }
       .brd-full-ror {
           min-width: 70%;
           margin-top: 12px
       }
       .hire-dedicate-ror h1 span:nth-child(2n) {
           margin-left: 95px
       }
       .hire-dedicate-ror h1 span:nth-child(3n) {
           margin-left: 220px
       }
       .digitalocean-lft {
           width: 55%
       }
       .digitalocean-rgt {
           width: 40%
       }
       .heoku-banner .digitalocean-rgt {
           width: 43%
       }
       .tech-info-row ul li {
           width: 16%
       }
       .mobile-development-page .cloud-inner-cont ul.cloud-listing li p {
           min-height: 150px
       }
       .mobile-development-page ul.cloud-listing li h2 {
           min-height: inherit
       }
       .mobile-development-page ul.cloud-listing li h3 {
           min-height: inherit
       }
       .web-dev-banner-rgt {
           bottom: 100px;
           right: 100px
       }
       .web-development-page .cloud-inner-cont ul.cloud-listing li p {
           min-height: 150px
       }
       .services-offer-row ul {
           width: 90%;
           display: inline-block
       }
       .odoo-lft-banner {
           width: 100%
       }
       #info-container {
           padding: 60px 20px 75px 30px!important
       }
       .magento-page.wordpress-page .odoo-rgt-banner {
           right: 293px;
           top: 148px
       }
       .angular-page .odoo-rgt-banner {
           width: 266px;
           right: 47px
       }
       .angular-page.node-js-page .odoo-rgt-banner {
           right: 0;
           top: 235px
       }
       .angular-page.node-js-page.reactjs-page .odoo-rgt-banner {
           right: 40px;
           top: 251px
       }
       .aws-banner-cont {
           width: 52%;
           margin-top: 10px;
           left: auto;
           right: 0
       }
       .aws-banner-img {
           width: 63%;
           margin: 0
       }
       .aws-icon-lft {
           display: none
       }
       .aws-inner-cont {
           margin-top: 20px
       }
       .aws-banner-rgt {
           display: none
       }
       .aws-page p.prv-best-srvc {
           margin-left: 221px
       }
       .contact-banner-lft {
           margin-top: 50px
       }
       .contact-inner {
           margin: 50px 0 45px;
           padding: 35px 26px;
           background: linear-gradient(to right, #fff 0, #fff 60%, #363636 60%, #363636 100%);
           background: -webkit-linear-gradient(to right, #fff 0, #fff 60%, #363636 60%, #363636 100%);
           background: -moz-linear-gradient(to right, #fff 0, #fff 60%, #363636 60%, #363636 100%);
           background: -o-linear-gradient(to right, #fff 0, #fff 60%, #363636 60%, #363636 100%)
       }
       .contact-frm ul li {
           width: 48%
       }
       .contact-frm-lft {
           width: 57%
       }
       .inner-page.thankyou-inner {
           margin: 0
       }
       .why-choose-inner h4 {
           width: 65%;
           margin-top: 40px
       }
   }
   
   @media screen and (min-width:1025px) and (max-width:1169px) {
       .aws-banner-cont {
           width: 49%;
           margin-top: 10px
       }
       p.prv-best-srvc {
           margin-left: 20px
       }
       .aws-banner-img {
           width: 51%
       }
       .aws-icon-lft {
           display: none
       }
       .google-banner-img {
           width: 53%
       }
       .google-srvc-half {
           width: 205px;
           left: 0
       }
       .rackspace-banner .google-cloudbnr-cont {
           width: 442px
       }
       .google-cloud-banner.rackspace-banner .google-banner-img {
           width: 51%
       }
       .google-cloud-banner.rackspace-banner a.btn-ml-166,
       .google-cloud-banner.rackspace-banner p.gp-ml-166 {
           margin-left: 132px
       }
       .rackspace-banner .google-srvc-half {
           bottom: -140px
       }
       ul.rock-space-listing li {
           width: 43%
       }
       .digitalocean-lft {
           width: 55%;
           margin-right: 2%
       }
       .digitalocean-rgt {
           width: 35%;
           margin-top: 20px
       }
       .dcs-ml-190 {
           margin-left: 69px
       }
       a.dcs-ml-190 {
           margin-left: 70px
       }
       .banner-lft-mob {
           width: 52%
       }
       .odoo-rgt-banner {
           top: 0;
           right: 0
       }
       .odoo-lft-banner {
           width: 100%
       }
       .magento-page .odoo-rgt-banner {
           right: 0;
           top: 150px
       }
       .contact-frm-lft {
           width: 57%
       }
       .contact-banner-rgt {
           width: 40%
       }
       .seo-page .heroku-list ul li {
           min-height: 360px
       }
       .ecommerce-dev-page .services-page-cont h1 {
           font-size: 35px
       }
       .ecommerce-dev-page .services-page-cont h2 {
           font-size: 25px
       }
       .ecommerce-lft {
           width: 40%;
           margin-top: 20px
       }
       .ecommerce-rgt {
           width: 50%
       }
       .ecommerce-rgt h2 {
           font-size: 22px;
           line-height: normal
       }
       .thankyou-page p {
           font-size: 30px
       }
   }
   
   @media screen and (min-width:1170px) and (max-width:1365px) {
       .web-dev-banner {
           width: 86%
       }
   }
   
   .field_with_errors input,
   .field_with_errors textarea {
       border: 1px solid red
   }
   
   .list-icon {
       margin: -1px 0 0!important;
   }
   
   .heading-margin {
       margin-top: 2.5rem !important;
   }
   
   .text-align-p {
       text-align: justify;
   }
   
   3