@charset "utf-8";

* {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

/*! fancyBox v3.3.5 fancyapps.com */
body.compensate-for-scrollbar {
    overflow: hidden
}

.fancybox-active {
    height: auto
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
    height: 100%;
    left: 0;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 100%;
    z-index: 99992
}

.fancybox-container * {
    box-sizing: border-box
}

.fancybox-bg,
.fancybox-inner,
.fancybox-outer,
.fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47, 0, .74, .71)
}

.fancybox-is-open .fancybox-bg {
    opacity: .87;
    transition-timing-function: cubic-bezier(.22, .61, .36, 1)
}

.fancybox-caption,
.fancybox-infobar,
.fancybox-navigation .fancybox-button,
.fancybox-toolbar {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s, visibility 0s linear .25s;
    visibility: hidden;
    z-index: 99997
}

.fancybox-show-caption .fancybox-caption,
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-nav .fancybox-navigation .fancybox-button,
.fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    transition: opacity .25s, visibility 0s;
    visibility: visible
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    text-align: center;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-toolbar {
    right: 0;
    top: 0
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    -webkit-transform: translateZ(0);
    z-index: 99994
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    white-space: normal;
    width: 100%;
    z-index: 99994
}

.fancybox-slide:before {
    content: "";
    display: inline-block;
    height: 100%;
    margin-right: -.25em;
    vertical-align: middle;
    width: 0
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--current,
.fancybox-slide--next,
.fancybox-slide--previous {
    display: block
}

.fancybox-slide--next {
    z-index: 99995
}

.fancybox-slide--image {
    overflow: visible;
    padding: 44px 0
}

.fancybox-slide--image:before {
    display: none
}

.fancybox-slide--html {
    padding: 6px 6px 0
}

.fancybox-slide--iframe {
    padding: 44px 44px 0
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0 0 6px;
    max-width: 100%;
    overflow: auto;
    padding: 0;
    padding: 24px;
    position: relative;
    text-align: left;
    vertical-align: middle
}

.fancybox-slide--image .fancybox-content {
    -webkit-animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: 0 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    margin: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in
}

.fancybox-can-drag .fancybox-content {
    cursor: -webkit-grab;
    cursor: grab
}

.fancybox-is-dragging .fancybox-content {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.fancybox-container [data-selectable=true] {
    cursor: text
}

.fancybox-image,
.fancybox-spaceball {
    background: 0 0;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-slide--html .fancybox-content {
    margin-bottom: 6px
}

.fancybox-slide--iframe .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--video .fancybox-content {
    height: 100%;
    margin: 0;
    overflow: visible;
    padding: 0;
    width: 100%
}

.fancybox-slide--video .fancybox-content {
    background: #000
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff;
    height: calc(100% - 44px);
    margin-bottom: 44px
}

.fancybox-iframe,
.fancybox-video {
    background: 0 0;
    border: 0;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.fancybox-iframe {
    vertical-align: top
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%
}

.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0
}

.fancybox-button {
    background: rgba(30, 30, 30, .6);
    border: 0;
    border-radius: 0;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    outline: 0;
    padding: 10px;
    transition: color .2s;
    vertical-align: top;
    width: 44px
}

.fancybox-button,
.fancybox-button:link,
.fancybox-button:visited {
    color: #ccc
}

.fancybox-button:focus,
.fancybox-button:hover {
    color: #fff
}

.fancybox-button.disabled,
.fancybox-button.disabled:hover,
.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
    color: #888;
    cursor: default
}

.fancybox-button svg {
    display: block;
    overflow: visible;
    position: relative;
    shape-rendering: geometricPrecision
}

.fancybox-button svg path {
    fill: transparent;
    stroke: currentColor;
    stroke-linejoin: round;
    stroke-width: 3
}

.fancybox-button--pause svg path:nth-child(1),
.fancybox-button--play svg path:nth-child(2) {
    display: none
}

.fancybox-button--play svg path,
.fancybox-button--share svg path,
.fancybox-button--thumbs svg path {
    fill: currentColor
}

.fancybox-button--share svg path {
    stroke-width: 1
}

.fancybox-navigation .fancybox-button {
    height: 38px;
    opacity: 0;
    padding: 6px;
    position: absolute;
    top: 50%;
    width: 38px
}

.fancybox-show-nav .fancybox-navigation .fancybox-button {
    transition: opacity .25s, visibility 0s, color .25s
}

.fancybox-navigation .fancybox-button:after {
    content: "";
    left: -25px;
    padding: 50px;
    position: absolute;
    top: -25px
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
    right: 6px
}

.fancybox-close-small {
    background: 0 0;
    border: 0;
    border-radius: 0;
    color: #555;
    cursor: pointer;
    height: 44px;
    margin: 0;
    padding: 6px;
    position: absolute;
    right: 0;

    top: 0;
    width: 44px;
    z-index: 10
}

.fancybox-close-small svg {
    fill: transparent;
    opacity: .8;
    stroke: currentColor;
    stroke-width: 1.5;
    transition: stroke .1s
}

.fancybox-close-small:focus {
    outline: 0
}

.fancybox-close-small:hover svg {
    opacity: 1
}

.fancybox-slide--iframe .fancybox-close-small,
.fancybox-slide--image .fancybox-close-small,
.fancybox-slide--video .fancybox-close-small {
    color: #ccc;
    padding: 5px;
    right: -12px;
    top: -44px
}

.fancybox-slide--iframe .fancybox-close-small:hover svg,
.fancybox-slide--image .fancybox-close-small:hover svg,
.fancybox-slide--video .fancybox-close-small:hover svg {
    background: 0 0;
    color: #fff
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small {
    display: none
}

.fancybox-caption {
    bottom: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 25px 44px;
    right: 0
}

.fancybox-caption:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC);
    background-repeat: repeat-x;
    background-size: contain;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: -25px;
    z-index: -1
}

.fancybox-caption:after {
    border-bottom: 1px solid hsla(0, 0%, 100%, .3);
    content: "";
    display: block;
    left: 44px;
    position: absolute;
    right: 44px;
    top: 0
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline
}

.fancybox-loading {
    -webkit-animation: a .8s infinite linear;
    animation: a .8s infinite linear;
    background: 0 0;
    border: 6px solid hsla(0, 0%, 39%, .5);
    border-radius: 100%;
    border-top-color: #fff;
    height: 60px;
    left: 50%;
    margin: -30px 0 0 -30px;
    opacity: .6;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 60px;
    z-index: 99999
}

@-webkit-keyframes a {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes a {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.fancybox-animated {
    transition-timing-function: cubic-bezier(0, 0, .25, 1)
}

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.fancybox-fx-fade.fancybox-slide--next,
.fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: scale3d(1.5, 1.5, 1.5);
    transform: scale3d(1.5, 1.5, 1.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: scale3d(.5, .5, .5);
    transform: scale3d(.5, .5, .5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: rotate(-1turn);
    transform: rotate(-1turn)
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: scaleX(1) translateZ(0);
    transform: scaleX(1) translateZ(0)
}

.fancybox-fx-tube.fancybox-slide--previous {
    -webkit-transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
    transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
    -webkit-transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
    transform: translate3d(100%, 0, 0) scale(.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
    -webkit-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1)
}

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center
}

.fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px
}

.fancybox-share p {
    margin: 0;
    padding: 0
}

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.fancybox-share__button:link,
.fancybox-share__button:visited {
    color: #fff
}

.fancybox-share__button:hover {
    text-decoration: none
}

.fancybox-share__button--fb {
    background: #3b5998
}

.fancybox-share__button--fb:hover {
    background: #344e86
}

.fancybox-share__button--pt {
    background: #bd081d
}

.fancybox-share__button--pt:hover {
    background: #aa0719
}

.fancybox-share__button--tw {
    background: #1da1f2
}

.fancybox-share__button--tw:hover {
    background: #0d95e8
}

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px
}

.fancybox-share__button svg path {
    fill: #fff
}

.fancybox-share__input {
    background: 0 0;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0;
    outline: 0;
    padding: 10px 15px;
    width: 100%
}

.fancybox-thumbs {
    background: #fff;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    width: 212px;
    z-index: 99995
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px
}

.fancybox-thumbs>ul {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%
}

.fancybox-thumbs-x>ul {
    overflow: hidden
}

.fancybox-thumbs-y>ul::-webkit-scrollbar {
    width: 7px
}

.fancybox-thumbs-y>ul::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}

.fancybox-thumbs-y>ul::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px
}

.fancybox-thumbs>ul>li {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px
}

.fancybox-thumbs-loading {
    background: rgba(0, 0, 0, .1)
}

.fancybox-thumbs>ul>li {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.fancybox-thumbs>ul>li:before {
    border: 4px solid #4ea7f9;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .2s cubic-bezier(.25, .46, .45, .94);
    z-index: 99991
}

.fancybox-thumbs .fancybox-thumbs-active:before {
    opacity: 1
}

@media (max-width:800px) {
    .fancybox-thumbs {
        width: 110px
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px
    }

    .fancybox-thumbs>ul>li {
        max-width: calc(100% - 10px)
    }
}

.owl-carousel,
.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1;
    margin-top: 20px;
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -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 {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: none
}

.no-js .owl-carousel,
.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit
}

.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 {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -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
}

.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 .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
    max-height: 0
}

.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(img/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%
}

.owl-theme .owl-dots,
.owl-theme .owl-nav {
    text-align: left;
    -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-nav {
    margin-top: 10px
}

.owl-theme .owl-nav [class*=owl-] {
    color: #fff;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #ff9728;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: #ff9728;
    color: #fff;
    text-decoration: none
}

.owl-theme .owl-nav .disabled {
    opacity: .5;
    cursor: default
}

.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 10px
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1
}

.owl-theme .owl-dots .owl-dot span {
    width: 14px;
    height: 14px;
    margin: 5px;
    background: 0 0;
    border: #666 1px solid;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #ff9728;
    box-shadow: none;
    border: #ff9728 1px solid
}

.owl-theme .owl-dots,
.owl-theme .owl-nav {
    -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-nav {
    margin-top: 0;
    font-size: 6.5em;
    color: #29ad8f
}

.owl-theme .owl-nav [class*=owl-] {
    color: #fff;
    font-size: 14px;
    margin: 5px;
    padding: 2px 10px !important;
    background: 0 0 !important;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px;
    border-radius: 50%;
    width: 30px;
    height: 30px
}

.owl-theme .owl-nav [class*=owl-]:focus,
.owl-theme .owl-nav [class*=owl-]:hover {
    background: 0 0;
    color: #333;
    text-decoration: none;
    outline: 0
}

.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 10px;
    margin: auto;
    width: 8%
}

.c-sm-none {
    display: none
}

.c-md-block {
    display: block !important
}

.inner-para {
    padding-bottom: 3%
}

@media(max-width:480px) {
    .owl-theme .owl-dots .owl-dot {
        display: none
    }

    #owl-portfolio img {
        display: block;
        width: 90%;
        position: relative;
        left: 9%
    }

    .c-sm-none {
        display: block
    }

    #owl-client {
        margin: 5% 0
    }

    .splCls {
        width: 90%;
        margin-bottom: -1px
    }
}

#owl-industry span {
    border: #fff 1px solid
}

body {
    background: #fff;
    font: 16px/24px Roboto, Arial, Helvetica, sans-serif
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Roboto, sans-serif;
    margin: 0;
    padding: 0
}

h1 {
    font: 2.2em/1.2em Roboto, Arial, Helvetica, sans-serif;
    color: #3a3a3a
}

h2 {
    font: 2.1em/1.2em Roboto, Arial, Helvetica, sans-serif;
    color: #000
}

h3 {
    font: 2.2em/1.2em Roboto, Arial, Helvetica, sans-serif;
    color: #000
}

.container {
    max-width: 1240px;
    margin: auto;
    padding: 0
}

.row {
    padding: 0;
    margin: 0
}

.row>.no_pad {
    padding: 0;
    margin: 0
}

.mw_98 {
    max-width: 98%;
    height: auto
}

.mw_96 {
    max-width: 90%;
    height: auto;
    margin: auto
}

.cms-img {
    float: right;
    margin: 10px 0 0 10px
}

.cms {
    overflow-x: auto;
    min-height: 450px;
    padding: 25px 0 40px 0
}

ol,
ul {
    margin: 15px 0 0 10px;
    padding: 0 0 0 15px
}

label {
    font-weight: 400
}

p {
    margin: 0
}

.dn {
    display: none
}

a {
    color: #3f3f3f;
    word-break: break-word
}

a:hover {
    color: #3f3f3f;
    text-decoration: none
}

.productlist img {
    padding: 40px 0
}

.black,
.black a:link,
.black a:visited {
    color: #000;
    text-decoration: none
}

.black a:active,
.black a:hover {
    color: #9b0000
}

.white,
.white a:link,
.white a:visited {
    color: #fff !important;
    text-decoration: none
}

.white a:active,
.white a:hover {
    color: #eee
}

.grey,
.grey a:link,
.grey a:visited {
    color: #d7d7d7;
    text-decoration: none
}

.grey a:active,
.grey a:hover {
    color: #333
}

.green,
.green a:link,
.green a:visited {
    color: #064f95;
    text-decoration: none
}

.green a:active,
.green a:hover {
    color: #333
}

.red,
.red a:link,
.red a:visited {
    color: #c00;
    text-decoration: none
}

.red a:active,
.red a:hover {
    color: #333
}

.orange,
.orange a:link,
.orange a:visited {
    color: #ee430e;
    text-decoration: none
}

.orange a:active,
.orange a:hover {
    color: #333
}

.blue,
.blue a:link,
.blue a:visited {
    color: #064f95;
    text-decoration: none
}

.blue a:active,
.blue a:hover {
    color: #333
}

button.quote_btn {
    background: #ee800b;
    border-radius: 4px;
    padding: 20px 60px;
    color: #fff;
    display: inline-block;
    font-size: 1.5em;
    margin: 5px 2px;
    transition: all .2s;
    cursor: pointer
}

.btn {
    font-size: 1em;
    text-transform: uppercase;
    background: 0 0;
    border: #5d5d5d 1px solid;
    border-radius: 5px;
    display: inline-block;
    padding: 8px 15px;
    font-weight: 600;
    color: #333;
    cursor: pointer;
    transition: all .3s linear
}

.btn:hover {
    background: #333;
    color: #fff
}

.btn2 {
    font-size: 1.3em;
    font-weight: 400;
    text-transform: uppercase;
    background: 0 0;
    border: #5d5d5d 1px solid;
    border-radius: 5px;
    display: inline-block;
    padding: 8px 12px;
    color: #333;
    cursor: pointer;
    transition: all .3s linear
}

.btn2:hover {
    background: #333;
    color: #fff
}

.btn3 {
    font-size: 1em;
    font-weight: 400;
    text-transform: uppercase;
    background: 0 0;
    border: #5d5d5d 1px solid;
    border-radius: 5px;
    display: inline-block;
    padding: 4px 10px;
    color: #333;
    cursor: pointer;
    transition: all .3s linear
}

.btn3:hover {
    background: #333;
    color: #fff
}

.btn-green {
    background: #43c8ad;
    border: #43c8ad 1px solid;
    color: #fff
}

.btn-blue {
    background: #064f95;
    border: #064f95 1px solid;
    color: #fff
}

input[type=text] {
    color: #333;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 2px
}

input[type=password] {
    color: #333;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 2px
}

input[type=file] {
    color: #333;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 2px;
    max-width: 100%
}

select,
textarea {
    color: #333;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 2px;
    resize: none
}

input,
select,
textarea {
    font-family: Roboto, sans-serif;
    color: #555;
    border-radius: 2px;
    border: 1px solid #ccc
}

input.check {
    border: 1px solid #666;
    font-size: 13px;
    width: 15px;
    height: 15px;
    margin: 2px 2px 2px 0;
    outline: 0;
    background: #fff
}

input[type=password]:focus,
input[type=text]:focus,
textarea:focus {
    color: #333;
    background: #fff
}

::-webkit-input-placeholder {
    color: #999
}

:-moz-placeholder {
    color: #999
}

::-moz-placeholder {
    color: #999
}

:-ms-input-placeholder {
    color: #999
}

.breadcrumb_outer {
    background: #f7f5f5;
    border-top: #ddd 1px solid
}

.breadcrumb_outer .breadcrumb {
    margin: 0;
    font-size: .9em;
    background: 0 0;
    padding: 4px 0
}

.breadcrumb a,
.breadcrumb a:hover,
.breadcrumb a:visited {
    color: #053d6b;
    margin-right: 10px
}

.breadcrumb li.active {
    color: #666
}

.banner-area {
    width: 100%;
    margin: auto;
    margin-top: 80px
}

.hirebox a {
    width: 50%;
    float: left;
    border-bottom: #fff 1px solid !important
}

#slide_background {
    transition: all .3s .3s
}

#slide,
#slide_wrapper {
    transition: all .3s ease-out
}

#slide {
    transform: translateX(0) translateY(-100%)
}

.popup_visible #slide {
    transform: translateX(0) translateY(0)
}

@media only screen and (max-width:768px) {
    #slide {
        width: 80% !important
    }
}

.formPart .form-control {
    background: #e3e3e3;
    border: solid 1px #d7d7d7;
    border-radius: 30px;
    margin: 10px 0 !important;
    min-height: 47px;
    box-shadow: none;
    padding: 6px 20px
}

.intl-tel-input .flag-container {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 1px
}

.formPart textarea.form-control {
    height: 80px;
    border-radius: 15px;
    padding: 8px 12px
}

.iti-flag {
    width: 20px;
    height: 15px;
    box-shadow: 0 0 1px 0 #888;
    background-image: url(../images/flags.png);
    background-repeat: no-repeat;
    background-color: #dbdbdb;
    background-position: 20px 0
}

.intl-tel-input .selected-flag .iti-arrow {
    position: absolute;
    top: 50%;
    margin-top: -2px;
    right: 6px;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #555
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.contbox {
    /*margin-top: 60px*/
}

.contbox h3 {
    margin-bottom: 8px
}

.contbox a.quote_btn {
    background: #ee800b;
    border-radius: 4px;
    padding: 20px 60px;
    color: #fff;
    display: inline-block;
    font-size: 1.5em;
    margin: 5px 2px;
    transition: all .2s
}

.contbox a.quote_btn:hover {
    background: #e13a58;
    box-shadow: 0 0 10px #e13a58
}

.contbox a.call_btn {
    border: #ee800b 2px solid;
    border-radius: 4px;
    padding: 20px 60px;
    color: #ee800b;
    display: inline-block;
    font-size: 1.5em;
    margin: 5px 2px;
    transition: all .2s
}

.contbox a.call_btn:hover {
    background: #e13a58;
    border: #e13a58 2px solid;
    color: #fff;
    box-shadow: 0 0 10px #e13a58
}

.contbox .or {
    position: absolute;
    background: #fff;
    color: #000;
    text-align: center;
    padding-top: 5px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: block;
    font-size: 1.5em;
    margin: 21px 0 0 46%;
    box-shadow: 0 0 10px #8c8c8c
}

.contbox .mail_T {
    font-size: 1.6em;
    color: #767676;
    margin-top: 8px
}

.contbox .mail_T a {
    color: #ee800b
}

a.quote_btn1 {
    background: #ee800b;
    border-radius: 4px;
    padding: 20px 60px;
    color: #fff;
    display: inline-block;
    font-size: 1.5em;
    margin: 5px 2px;
    transition: all .2s
}

a.quote_btn1:hover {
    background: #e13a58;
    box-shadow: 0 0 10px #e13a58
}

.about {
    background: #fff;
    margin-top: 40px
}

.weltext {
    padding-top: 100px
}

.servi-bg .item {
    width: 32%;
    margin-right: 1em;
    float: left;
    padding: 1em 3em 2em 3em;
    text-align: center;
    margin-bottom: 1em;
    box-shadow: 0 0 1px rgba(0, 0, 0, .5);
    transition: all .2s;
    border-radius: 4px
}

.servi-bg .item:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, .5)
}

.servi-bg .item:nth-child(4) {
    margin-right: 0
}

.servi-bg .item a.more {
    padding: .5em 2em;
    text-align: center;
    font-size: .9em;
    color: #fff;
    box-shadow: 0 0 1px rgba(0, 0, 0, .5);
    display: inline-block;
    transition: all .2s;
    border-radius: 4px;
    margin-top: 2em;
    background: #5f3bc2
}

.servi-bg .item i {
    font-size: 5em
}

.servi-bg .item h4 {
    margin: 1em 0;
    font-size: 1.3em
}

.servi-bg .item p {
    font-size: .9em;
    color: #424242;
    line-height: 1.4em;
    height: 100px;
}



.gradbox {
    background: #9020de;
    background: -moz-linear-gradient(left, #9020de 0, #243971 100%);
    background: -webkit-linear-gradient(left, #9020de 0, #243971 100%);
    background: linear-gradient(to right, #9020de 0, #243971 100%);
    margin-top: 3em;
    color: #fff
}

.toptxt {
    width: 80%;
    margin: auto;
    font-weight: 400;
    line-height: auto;
    color: #424242;
    margin-top: 50px;
}

.top3 .sec {

    width: 100%;
    border-right: #f8f8f8 1px solid;
    padding: 1em 3em;
    text-align: center
}

.top3 .sec:nth-child(3) {
    border: none
}

.top3 .sec img {
    margin: .5em auto;
    width: 30%
}

.top3 .sec h4 {
    margin: 1em 0;
    font-size: 1.5em
}

.top3 .sec p {
    font-size: .9em;
    color: #424242;
    line-height: 1.4em
}

.spec {
    margin-top: 2em
}

.spec .sec {
    width: 33%;
    padding: 1em 3em;
    text-align: center;
    float: left;
    margin-bottom: 2em
}

.spec .sec img {
    margin: .5em 0
}

.spec .sec h4 {
    margin: 1em 0;
    font-size: 1.5em;
    height: 36px
}

.spec .sec p {
    font-size: .9em;
    color: #424242;
    line-height: 1.4em;
    height: 80px
}

.tech-n {
    margin-top: 40px
}

.bene {
    margin-top: 2em;
    padding-bottom: 5em;
    min-height: 670px;
    position: relative
}

.bene .sec:nth-child(1) {
    margin: 0 0 0 19%
}

.bene .sec:nth-child(2) {
    margin: 0 20% 0 1%
}

.bene .sec:nth-child(3) {
    margin: 20% 0 0 8%
}

.bene .sec:nth-child(4) {
    margin: 20% 0 0 0
}

.bene .sec:nth-child(5) {
    margin: 20% 0 0 0
}

.bene .sec {
    width: 25%;
    padding: 1em 3em;
    text-align: center;
    float: left;
    margin-bottom: -6em
}

.bene .sec .circle {
    width: 360px;
    height: 360px;
    border-radius: 50%;
    padding: 3em;
    box-shadow: 0 0 10px -5px rgba(0, 0, 0, .75);
    transition: all .2s;
    z-index: 0;
    position: absolute
}

.bene .sec .circle:hover {
    background: #fff;
    z-index: 999;
    box-shadow: 0 0 30px -5px rgba(0, 0, 0, .75);
    width: 370px;
    height: 370px
}

.bene .sec img {
    margin: .5em 0;
    width: 35%
}

.bene .sec h4 {
    margin: 1em 0;
    font-size: 1.5em
}

.bene .sec p {
    font-size: .9em;
    color: #424242;
    line-height: 1.4em
}

#owl-techno2 .item {
    background: #fff;
    padding: 10px;
    display: block;
    width: 96%;
    text-align: center
}

#owl-techno2 .item i {
    display: block;
    margin: 5px auto;
    font-size: 4em
}

.tech .item {
    background: #fff;
    padding: 10px;
    display: block;
    width: 32%;
    height: 150px;
    text-align: center;
    float: left;
    margin-bottom: 5px;
    margin-right: 5px;
    text-transform: uppercase
}

.tech .item i {
    display: block;
    margin: 5px auto;
    font-size: 4em
}

.boxlink {
    display: none
}

#boxlink0 {
    display: block
}

.boxw i {
    font-size: 5em;
    color: #2b579a;
    text-align: center
}

.boxw {
    background: #fff;
    color: #000;
    padding: 20px;
    width: 80%;
    margin-top: 30%;
    text-align: center;
    margin: 10% auto 0
}

.boxw h3 {
    margin: .5em;
    text-transform: uppercase
}

.boxw p {
    font-size: 1em;
    color: #424242
}

.blogbox {
    width: 50%;
    padding: 20px;
    box-shadow: 0 0 10px -5px rgba(0, 0, 0, .75);
    transition: all .2s;
    float: left
}

.blogbox:hover {
    box-shadow: 0 0 20px -5px rgba(0, 0, 0, .75)
}

.blogbox h2 {
    line-height: 1.2
}

.blogbox h2 a {
    font-size: .7em;
    color: #000;
    line-height: 1.2em !important
}

.blogbox p {
    font-size: 1em;
    color: #424242;
    margin-top: 1em
}

.blog-lft-bg {
    background: #fff;
    padding: 30px;
    margin-bottom: 30px
}

.blog-lnk a {
    font-size: .9em;
    color: #858585;
    display: block;
    padding: 8px 0;
    border-bottom: #e6e6e6 1px dotted;
    transition: all .2s
}

.blog-lnk a:hover {
    color: #000;
    padding: 10px 0;
    border-bottom: #858585 1px dotted
}

.blog-lnk i {
    display: none;
    font-size: .7em;
    margin-top: 8px
}

.bloghead {
    position: absolute;
    font-size: 6em;
    font-weight: 700;
    opacity: .5;
    color: #fff;
    text-shadow: 0 0 4px #000;
    margin: 45% 0 0 5%;
    z-index: 9
}

.blogbox {
    position: relative
}

.blogBtn a {
    background: #f07a06;
    font-size: .8em;
    text-align: center;
    padding: 10px 30px;
    display: inline-block;
    border-radius: 4px;
    color: #fff;
    text-transform: uppercase;
    transition: all .2s ease;
    position: absolute;
    margin: 45% 0 0 75%;
    z-index: 99
}

.blogBtn a:hover {
    background: #fff;
    color: #000
}

.catname {
    padding: 10px 0
}

.catname a {
    font-size: .8em;
    color: #f60;
    text-transform: uppercase
}

.blogtitle a {
    font-size: 1.5em;
    color: #000;
    line-height: 1.5em
}

.posttxt {
    margin: 12px 0;
    font-size: .9em;
    color: #2e2e2e;
    line-height: normal
}

.posttxt span {
    color: #a89f9f
}

.blogcont {
    margin: 5% 0
}

.blogcont img {
    margin-bottom: 2%
}

.first_page {
    background: #424242
}

.first_page a {
    color: #fff !important
}

.normal_page {
    background: #f5f5f5
}

#sticky.stick {
    top: 100px;
    z-index: 0
}

button.quote_btn1 {
    background: #ee800b;
    border-radius: 4px;
    padding: 10px 40px;
    color: #fff;
    display: inline-block;
    font-size: 1.5em;
    margin: 5px 2px;
    transition: all .2s;
    cursor: pointer
}

.services {
    background: #fff url(../images/feat.jpg) top center no-repeat;
    padding: 80px 0;
    margin-top: 40px
}

.services h2 {
    color: #000;
    font-size: 2.6em;
    margin-bottom: 6px;
    text-align: center
}

.services span {
    color: #000;
    display: block;
    text-align: center
}

.serv-outer {
    width: 100%
}

.servBg img {
    margin: auto
}

.servBg {
    width: 94%;
    background: #fff;
    padding: 20px 30px;
    border-radius: 4px;
    text-align: center;
    transition: all .2s;
    border: #f5f5f5 1px solid
}

.servBg .title {
    color: #000;
    font: 500 1.5em/1.2em Roboto, Helvetica, sans-serif;
    display: block;
    margin: 12px 0 18px 0
}

.servBg p {
    color: #3a3a3a;
    line-height: 1.4em
}

.servBg .readm a {
    display: inline-block;
    background: #45adae;
    padding: 6px 15px;
    font: Roboto, Helvetica, sans-serif;
    color: #fff;
    border-radius: 4px;
    margin-top: 30px;
    transition: all .2s
}

.servBg .readm a:hover {
    background: #ee800b
}

.moreBtn {
    position: relative;
    margin-top: -20px;
    z-index: 9;
    margin-left: 86%
}

.moreBtn a {
    background: url(../images/more-btn.png) center right no-repeat;
    transition: all .2s;
    font-size: .9em;
    color: #000;
    padding: 10px 55px 10px 0;
    font-weight: 600
}

.moreBtn a:hover {
    background: url(../images/more-btnb.png) center right no-repeat
}

.portfolio {
    background: url(../images/portBg.jpg) center top no-repeat;
    min-height: 681px;
    margin-top: 40px;
    padding-top: 80px
}

.portfolio h2 {
    font-size: 2.6em;
    margin-bottom: 6px;
    text-align: center;
    color: #000
}

.portfolio span {
    color: #000;
    display: block;
    text-align: center
}

.portBg {
    padding-top: 25px
}

.portBg .img-cont {
    width: 65%;
    text-align: right;
    float: left
}

.portBg .img-cont img {
    display: inline-block
}

.portBg .textBg {
    width: 35%;
    display: inline-block;
    float: right;
    padding: 0 30px
}

.portBg .compname {
    color: #5d5d5d;
    font-size: .8em;
    text-transform: uppercase
}

.portBg hr {
    background: #f1f1f1;
    height: .01em
}

.portBg .title {
    color: #000;
    font: 500 1.5em/1.2em Roboto, Helvetica, sans-serif;
    display: block;
    margin: 2px 0 18px 0
}

.portBg p {
    color: #3a3a3a;
    line-height: 1.4em;
    margin-top: 20px
}

.portBg .link-orange a {
    display: inline-block;
    color: #ee800b;
    margin-top: 30px;
    transition: all .2s
}

div.viewmore {
    text-align: center;
    margin: 50px 0
}

.portBg .viewmore a {
    background: #ee800b;
    padding: 100px 0;
    width: 250px;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-size: 22px;
    margin: auto;
    white-space: nowrap;
    transition: all .2s
}

.portBg .viewmore a:hover {
    background: #e13a58;
    box-shadow: 0 0 10px #e13a58
}

.owl-next,
.owl-prev {
    position: absolute;
    color: inherit;
    background: 0 0;
    border: none;
    z-index: 100;
    margin-top: 0;
    top: 35%
}

.owl-prev {
    left: 0
}

.owl-next {
    right: 0
}

.industries {
    margin-top: 40px;
    background: #fff url(../images/indusBg.jpg) top center no-repeat;
    padding: 80px 0
}

.industries h2 {
    color: #fff;
    font-size: 2.4em;
    margin-bottom: 6px;
    text-align: center
}

.industries span {
    color: #000;
    display: block;
    text-align: center
}

.industries img {
    display: block;
    margin: 20px auto
}

.indus-icon {
    background: #3f3f3f;
    height: 116px;
    width: 116px;
    border-radius: 100%;
    display: block;
    margin: auto
}

.industries i {
    color: #fff !important;
    text-align: center;
    font-style: normal;
    font-size: 3.7em;
    line-height: 2
}

.industries p {
    color: #000;
    text-align: center;
    font-style: normal;
    font-size: 1.4em;
    padding-top: 23px
}

.indusCont {
    margin-top: 0px
}

.indusBg {
    padding: 20px;
    width: 290px;
    background: #fff;
    border-radius: 4px;
    min-height: 240px;
    text-align: center;
    border: #efefef 1px solid;
    trasition: all 0.2s;
    margin: auto;
    margin-bottom: 15px
}

.indusBg:nth-child(4),
.indusBg:nth-child(8) {
    margin-right: 0
}

.indusBg:hover {
    box-shadow: 0 0 10px #b6b6b6
}

.indusBg .img-cont img {
    display: inline-block
}

.testiBg {
    margin-top: 40px;
    padding-top: 0
}

.testiBg h2 {
    color: #000;
    font-size: 2.6em;
    margin-bottom: 6px;
    text-align: center
}

.testiBg span {
    color: #000;
    display: block;
    text-align: center
}

.testBox {
    width: 50%;
    margin: 20px auto;
    text-align: center
}

.testBox {
    text-align: center
}

.testBox .text {
    min-height: auto;
    padding-top: 0px;
    font-style: italic;
    font-size: 1em;
    font-weight: 300;
    line-height: 1.5em
}

.usersec {
    text-align: center;
    position: relative;
    margin-top: 0;
}

.usersec img {
    border-radius: 50%;
    height: 135px;
    width: 134px !important;
    display: block;
    margin: 15px auto
}

.usersec .name {
    color: #000;
    font: 400 1.4em/1.4em Roboto, Arial, Helvetica, sans-serif;
    margin-bottom: 5px
}

.usersec .desg {
    color: #6f6f6f;
    font: 400 .8em/.8em Roboto, Arial, Helvetica, sans-serif;
    margin-bottom: 5px
}

.usersec .url a {
    color: #ee800b;
    font: 400 1em/1em Roboto, Arial, Helvetica, sans-serif
}

.testBox1 {
    width: 100%;
    margin: 20px auto;
    text-align: center;
    border: #ededed 1px solid;
    padding: 20px;
    border-radius: 15px;
    background: #fff;
}

.testBox1 {
    text-align: center
}

.testBox1 .text {
    min-height: 170px;
    padding-top: 0px;
    font-style: italic;
    font-size: 1em;
    font-weight: 300;
    line-height: 1.5em
}

.usersec1 {
    text-align: center;
    position: relative
}

.usersec1 img {
    border-radius: 50%;
    height: 135px;
    height: 134px;
    display: block;
    margin: 15px auto
}

.usersec1 .name {
    color: #000;
    font: 400 1.4em/1.4em Roboto, Arial, Helvetica, sans-serif;
    margin-bottom: 5px
}

.usersec1 .desg {
    color: #6f6f6f;
    font: 400 .8em/.8em Roboto, Arial, Helvetica, sans-serif;
    margin-bottom: 5px
}

.usersec1 .url a {
    color: #ee800b;
    font: 400 1em/1em Roboto, Arial, Helvetica, sans-serif
}

.testBox2 {
    width: 100%;
    margin: 20px auto;
    border: #ededed 1px solid;
    border-radius: 15px;
    position: relative
}

.testBox2 h4 {
    font-size: 1.2em;
    z-index: 99
}

.testBox2 .bigf {
    font-size: 3em;
    color: #ccc;
    position: absolute;
    font-weight: 700;
    right: 1%
}

a.quote_btn2 {
    background: #39f;
    border-radius: 4px;
    padding: 10px 60px;
    color: #fff;
    display: inline-block;
    font-size: 1em;
    transition: all .2s
}

a.quote_btn2:hover {
    background: #e13a58;
    box-shadow: 0 0 10px #e13a58
}

.bb {
    border-bottom: #f5f5f5 1px solid
}

.whyus {
    background: #fff url(../images/whyusBg.png) top center no-repeat;
    padding: 80px 0;
    margin-top: 50px
}

.whyus h2 {
    color: #000;
    font-size: 2.6em;
    margin-bottom: 6px;
    text-align: center
}

.whyus span {
    color: #000;
    display: block;
    text-align: center
}

.whyBox {
    text-align: center;
    color: #fff;
    trasition: all 0.2s;
    width: 24%;
    color: #fff;
    float: left;
    margin-right: 14px
}

.whyBox:nth-child(4) {
    margin-right: 0
}

.boxdiv {
    margin-top: 90px
}

.whyBox .box {
    min-height: 240px;
    border-radius: 10px;
    padding: 20px;
    color: #fff
}

.whyBox .box img {
    margin-top: -80px;
    margin-bottom: 10px
}

.whyBox .box .wtitle {
    font: 600 1.3em/1.3 Roboto, Arial, Helvetica, sans-serif;
    margin-bottom: 15px
}

.whyBox .box .wtext {
    font: 300 1em/1.5 Roboto, Arial, Helvetica, sans-serif
}

.whyBox .green.box {
    background: #27c999
}

.whyBox .pink.box {
    background: #e85ea4
}

.whyBox .blue.box {
    background: #426fd6
}

.whyBox .lgreen.box {
    background: #a0b724
}

.clients {
    background: url(../images/clientBg.jpg) center top no-repeat;
    min-height: 450px;
    margin-top: 40px;
    padding-top: 80px
}

.clients h2 {
    color: #000;
    font-size: 2.6em;
    margin-bottom: 6px;
    text-align: center
}

.clients span {
    color: #000;
    display: block;
    text-align: center
}

.clients img {
    display: block;
    margin: auto;
    vertical-align: middle;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    margin-top: 5px;
    transition: all .2s
}

.clients img:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%)
}

.clientBg {
    background: #fff;
    border-radius: 4px;
    min-height: 180px;
    text-align: center;
    width: 24%;
    float: left;
    margin-right: 14px;
    border: #efefef 1px solid;
    trasition: all 0.2s
}

.clientBg:hover {
    box-shadow: 0 0 10px #b6b6b6
}

.clientBg:nth-child(4),
.clientBg:nth-child(8) {
    margin-right: 0
}

.clients .moreBtn {
    position: relative;
    margin-top: 20px
}

.techno {
    background: url(../images/technoBg.png) center top no-repeat;
    min-height: 280px;
    margin-top: 40px;
    padding-top: 40px
}

.techno h2 {
    color: #000;
    font-size: 2.6em;
    margin-bottom: 6px;
    text-align: center
}

.techno i {
    font-size: 60px;
    text-align: center;
    display: block
}

.techno img {
    width: 60px;
    margin: unset !important
}

.techno p {
    text-align: center
}

.techno span {
    color: #000;
    display: block;
    text-align: center
}

#owl-techno .item img {
    display: block;
    margin: auto !important;
    width: 60px;
    height: 60px
}

#owl-techno .owl-dots {
    margin-top: 30px;
    margin-left: 48% !important
}

.social a {
    width: 24.5%;
    padding: .6em 0;
    display: inline-block;
    color: #fff;
    margin: 0;
    text-align: center;
    font-size: 1.5em
}

.social a.facebook {
    background: #5d81d1
}

.social a.twitter {
    background: #1ea0f3
}

.social a.linkedin {
    background: #0274b3
}

.social a.instagram {
    background: #c547aa
}

.social a:hover {
    background: #424242
}

.soc {
    float: right;
    width: 100%;
    padding: 2% 0
}

.soc a {
    width: 8% !important;
    padding: .2em !important;
    color: #fff !important;
    cursor: pointer
}

.address {
    margin-top: 20px
}

.address i {
    font-size: 2em;
    padding-left: 20px;
    float: left;
    margin-right: 20px;
    margin-bottom: 50px
}

.address span {
    font-size: 1.4em;
    display: inline-block;
    margin-bottom: 4px
}

.address {
    font-size: .9em
}

.footer1 {
    background: #f7f7f7;
    padding: 10px 0 30px 0
}

.ft_logo {
    color: #7e7e7e;
    font-size: .9em;
    line-height: 4.7em;
    margin-top: 0
}

.copyrgt {
    margin-top: 20px;
    font-size: .8em
}

.ft_logo img {
    float: left;
    margin-right: 15px;
    margin-top: 10px;
    width: 7%
}

.ft_heading {
    font-size: .8em;
    line-height: 1em;
    color: #000;
    font-weight: 600;
    margin-right: 10px;
    display: inline-block;
    margin-top: 6px
}

.ft_link {
    margin-top: 0;
    color: #ccc
}

.ft_link a {
    font-size: .8em;
    line-height: 1em;
    color: #4a4a4a;
    display: inline-block;
    padding: 0 1px;
    cursor: pointer
}

.ft_link a:hover {
    color: #000
}

.ft_link span>a {
    color: #fff
}

.f_dd_box {
    margin: 0 0 15px 0
}

.ft_right {
    text-align: right;
    margin-top: 30px
}

.page-head {
    background: linear-gradient(90deg, #48abae 0, #c64f9e 100%);
    max-height: 300px;
    position: relative;
    overflow: hidden;
    margin-top: 200px
}

.page-head h1 {
    font: 600 3.8em/1em Roboto, Arial, Helvetica, sans-serif;
    color: #fff;
    text-align: center;
    padding: 0;
    position: relative;
    top: -179px
}

.page-head .sub-head {
    font: 300 2em/1em Roboto, Arial, Helvetica, sans-serif;
    color: #fff;
    text-align: center;
    padding: 0;
    padding-bottom: 30px;
    position: relative;
    top: -179px
}

.jd h1 {
    font: 600 3.5em/1em Roboto, Arial, Helvetica, sans-serif
}

.particles-js-canvas-el {
    height: 300px !important
}

.breadcrumb_outer {
    background: #f5f5f5
}

.breadcrumb_outer .breadcrumb {
    margin: 0;
    font-size: .9em;
    background: 0 0;
    padding: 14px 0
}

.breadcrumb a,
.breadcrumb a:hover,
.breadcrumb a:visited {
    color: #ee800b
}

.breadcrumb li.active {
    color: #000
}

.stats {
    margin: 30px 0
}

.stats li {
    padding: 30px;
    text-align: center;
    list-style: none;
    width: 24%;
    display: inline-block;
    border-right: #f4f4f4 1px solid
}

.stats li i {
    color: #000
}

.stats li .big {
    font: 300 3.5em/1.3em Roboto, Helvetica, sans-serif
}

.stats li:nth-child(4) {
    border: none
}

.about-txt {
    padding: 20px 0
}

.about-txt .ls {
    font: 600 2.2em/1.1em Roboto, Helvetica, sans-serif;
    width: 50%;
    float: left;
    background: #cc3352;
    padding: 70px;
    color: #fff;
    border-radius: 0 30% 0 30%;
    min-height: 450px
}

.about-txt .rs {
    width: 45%;
    float: right;
    line-height: 1.6em;
    color: #424242;
    padding-top: 60px
}

.big-banner {
    background-image: url(../images/aboutBBg.jpg);
    min-height: 500px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 30px 0;
    padding-top: 100px;
    padding-bottom: 100px
}

.big-banner h1 {
    font: 300 5.5em/1em Roboto, Helvetica, sans-serif;
    width: 80%;
    margin: auto;
    color: #fff;
    text-align: center
}

.big-banner-webdesign {
    background-image: url(../images/webdesign.jpg);
    min-height: 500px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 30px 0;
    padding-top: 100px;
    padding-bottom: 100px
}

.big-banner-webdesign h1 {
    font: 300 5.5em/1em Roboto, Helvetica, sans-serif;
    width: 80%;
    margin: auto;
    color: #fff;
    text-align: center
}

.big-banner-cloud {
    background-image: url(../images/cloud-img.jpg);
    min-height: 500px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 30px 0;
    padding-top: 100px;
    padding-bottom: 100px
}

.big-banner-cloud h1 {
    font: 300 5.5em/1em Roboto, Helvetica, sans-serif;
    width: 80%;
    margin: auto;
    color: #fff;
    text-align: center
}

.big-banner-hosting {
    background-image: url(../images/hosting-img.jpg);
    min-height: 500px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 30px 0;
    padding-top: 100px;
    padding-bottom: 100px
}

.big-banner-hosting h1 {
    font: 300 5.5em/1em Roboto, Helvetica, sans-serif;
    width: 80%;
    margin: auto;
    color: #fff;
    text-align: center
}

.big-banner-email {
    background-image: url(../images/email-img.jpg);
    min-height: 500px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 30px 0;
    padding-top: 100px;
    padding-bottom: 100px
}

.big-banner-email h1 {
    font: 300 5.5em/1em Roboto, Helvetica, sans-serif;
    width: 80%;
    margin: auto;
    color: #fff;
    text-align: center
}

.big-banner-ssl {
    background-image: url(../images/ssl-img.jpg);
    min-height: 500px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 30px 0;
    padding-top: 100px;
    padding-bottom: 100px
}

.big-banner-ssl h1 {
    font: 300 5.5em/1em Roboto, Helvetica, sans-serif;
    width: 80%;
    margin: auto;
    color: #fff;
    text-align: center
}

.big-banner-digital {
    background-image: url(../images/digital-img.jpg);
    min-height: 500px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 30px 0;
    padding-top: 100px;
    padding-bottom: 100px
}

.big-banner-digital h1 {
    font: 300 5.5em/1em Roboto, Helvetica, sans-serif;
    width: 80%;
    margin: auto;
    color: #fff;
    text-align: center
}

.big-banner-content {
    background-image: url(../images/content-img.jpg);
    min-height: 500px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 30px 0;
    padding-top: 100px;
    padding-bottom: 100px
}

.big-banner-content h1 {
    font: 300 5.5em/1em Roboto, Helvetica, sans-serif;
    width: 80%;
    margin: auto;
    color: #fff;
    text-align: center
}

.big-banner-graphic {
    background-image: url(../images/graphic-img.jpg);
    min-height: 500px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 30px 0;
    padding-top: 100px;
    padding-bottom: 100px
}

.big-banner-graphic h1 {
    font: 300 5.5em/1em Roboto, Helvetica, sans-serif;
    width: 80%;
    margin: auto;
    color: #fff;
    text-align: center
}

.big-banner-erp {
    background-image: url(../images/erp-img.jpg);
    min-height: 500px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 30px 0;
    padding-top: 100px;
    padding-bottom: 100px
}

.big-banner-erp h1 {
    font: 300 5.5em/1em Roboto, Helvetica, sans-serif;
    width: 80%;
    margin: auto;
    color: #fff;
    text-align: center
}

.infotxt {
    font: 300 8em/1em Roboto, Helvetica, sans-serif;
    text-align: center;
    color: #424242;
    width: 80%;
    margin: auto
}

.mission {
    background: #f5f5f5 url(../images/mission.png) 80% center no-repeat;
    padding: 100px 0;
    margin-top: 40px
}

.missionTxt {
    margin-top: 30px;
    width: 60%
}

.serv-box-in {
    width: 32.5%;
    min-height: 250px;
    text-align: center;
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
    border: #f8f8f8 1px solid;
    padding-top: 50px;
    border-radius: 10px;
    transition: all .2s
}

.serv-box-in-b {
    min-height: 520px
}

.serv-box-in-r {
    min-height: 520px
}

.serv-box-in-g {
    min-height: 520px
}

.serv-box-in:hover {
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .3)
}

.serv-box-in img {
    margin: 12px 0;
    width: 20%
}

.contboxpage {
    padding: 30px;
    border: #eee 1px solid;
    border-radius: 10px;
    width: 95%
}

.social2 {
    margin: auto
}

.social2 a {
    padding: 1em 1.5em;
    display: inline-block;
    color: #fff;
    margin: 0;
    text-align: center
}

.social2 a.facebook {
    background: #5d81d1
}

.social2 a.twitter {
    background: #1ea0f3
}

.social2 a.linkedin {
    background: #0274b3
}

.social2 a.instagram {
    background: #c547aa
}

.social2 a:hover {
    background: #424242
}

.site_link {
    margin-top: 15px;
    color: #4a4a4a
}

.site_link a {
    font-size: .9em;
    line-height: 1.5em;
    color: #06c;
    display: inline-block;
    padding: 5px 10px;
    cursor: pointer;
    width: 49%
}

.site_link a:hover {
    color: #000
}

.plan {
    font-size: x-large;
    padding: 15px;
    background: #ddd;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
    text-align: center
}

.plan-2 {
    background: #00ced1;
    color: #fff
}

.plan-3 {
    background: #0b9799;
    color: #fff
}

.plan-4 {
    background: #0f787a;
    color: #fff
}

.pkg-plan {
    padding: 0;
    list-style: none;
    background: #d3d3d3
}

.pkg-plan>li {
    padding: 10px;
    text-align: center
}

.whyt {
    background: #ececec
}

.cart0,
.cart1,
.cart2,
.cart3 {
    padding: 5px;
    height: 70px
}

.cart1>p,
.cart2>p,
.cart3>p {
    margin: 0;
    text-align: center;
    font-weight: 800;
    font-size: larger
}

.cart1>a {
    background: #00ced1;
    width: 50%;
    padding: 8px;
    display: block;
    color: #fff;
    border-radius: 5px !important;
    margin: auto;
    text-align: center
}

.cart2>a {
    background: #0b9799;
    width: 50%;
    padding: 8px;
    display: block;
    color: #fff;
    border-radius: 5px !important;
    margin: auto;
    text-align: center
}

.cart3>a {
    background: #0f787a;
    width: 50%;
    padding: 8px;
    display: block;
    color: #fff;
    border-radius: 5px !important;
    margin: auto;
    text-align: center
}

.devBtn a {
    position: fixed;
    top: 350px;
    left: 0;
    background: #0c0;
    z-index: 9999;
    color: #fff;
    transform: rotate(-90deg) translateY(0);
    transform-origin: 0 0;
    padding: 10px 40px;
    animation: flash linear 1s infinite
}

.careerBtn a {
    position: fixed;
    top: 300px;
    right: 0;
    background: #c00;
    z-index: 9999;
    color: #fff;
    transform: rotate(-90deg) translateY(90px);
    transform-origin: 0 0;
    padding: 10px 40px;
    animation: flash linear 1s infinite
}

@-webkit-keyframes flash {
    0% {
        opacity: 1
    }

    50% {
        opacity: .1
    }

    100% {
        opacity: 1
    }
}

@keyframes flash {
    0% {
        opacity: 1
    }

    50% {
        opacity: .1
    }

    100% {
        opacity: 1
    }
}

.pulseit {
    -webkit-animation: pulse linear .5s infinite;
    animation: pulse linear .5s infinite
}

@-webkit-keyframes pulse {
    0% {
        width: 200px
    }

    50% {
        width: 340px
    }

    100% {
        width: 200px
    }
}

@keyframes pulse {
    0% {
        width: 200px
    }

    50% {
        width: 340px
    }

    100% {
        width: 200px
    }
}

@media(max-width:480px) {
    .devBtn a {
        display: none
    }

    .careerBtn a {
        display: none
    }
}

.hire {
    width: 94%;
    background: #232222;
    padding: 20px 30px;
    border-radius: 10px;
    text-align: center;
    transition: all .2s;
    text-align: center;
    margin: auto
}

.hire .title {
    color: #fff;
    font: 500 1.5em/1.2em Roboto, Helvetica, sans-serif;
    display: block;
    margin: 12px 0 18px 0
}

.hire p {
    color: #fff;
    line-height: 1.4em;
    font-size: .9em
}

.hire .readm a {
    display: inline-block;
    background: #45adae;
    padding: 6px 15px;
    font: Roboto, Helvetica, sans-serif;
    color: #fff;
    border-radius: 4px;
    margin-top: 30px;
    transition: all .2s
}

.hire .readm a:hover {
    background: #ee800b
}

.priceC {
    width: 100px;
    height: 100px;
    background: #c00;
    border-radius: 50%;
    color: #fff !important;
    padding-top: 30px;
    margin: auto
}

.priceC span {
    font-size: .8em;
    display: block
}

#Target {
    padding: 8px
}

.PinImg img,
iframe {
    border-radius: 6px 6px 0 0
}

.SourcePins,
.iframeContainer {
    border-radius: 6px;
    background: #fff;
    box-sizing: border-box;
    padding: 0;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .22);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .22);
    display: inline-block
}

iframe {
    height: 320px
}

.Caption h4 {
    font-size: .9em;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    color: #333
}

.Caption {
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    padding: .5em
}

.Caption p {
    font-size: .8em;
    margin-top: .3em;
    color: #333;
    display: inline-block;
    line-height: 1.5em
}

.Poster {
    padding: .5em
}

.Thumb-Img {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    border-radius: 50%;
    width: 2em;
    height: 2em
}

.Thumb-Txt {
    display: inline-block;
    width: 80%
}

.Thumb-Txt p {
    padding-left: .5em;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    color: #717171;
    font-size: .65rem;
    text-transform: uppercase
}

.mag-head {
    float: left;
    display: block;
    width: 15%;
    margin: 3% 0
}

.mag-group {
    float: left;
    display: block;
    width: 80%
}

.logot {
    margin-top: 10px
}

.infobox {
    margin: auto;
    border-radius: 5px;
    width: 100%;
    padding: 30px;
    min-height: 300px;
    transition: .2s all;
    border: #f5f5f5 1px solid
}

.infobox:hover {
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .3)
}

.infobox .title {
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 20px;
    line-height: 1.4em
}

.infobox .readm a {
    display: inline-block;
    background: #45adae;
    padding: 6px 15px;
    font: Roboto, Helvetica, sans-serif;
    color: #fff;
    border-radius: 4px;
    margin-top: 30px;
    transition: all .2s
}

.infobox .readm a:hover {
    background: #ee800b
}

.nav-tabs {
    border-bottom: 1px solid #dee2e6;
    text-align: center;
    width: 90%;
    font-weight: 500;
    margin: 30px auto
}

@media only screen and (max-width:1279px) {
    .container {
        max-width: 98% !important
    }

    .rgt_link a {
        padding: 8px
    }

    .rgt_link span {
        right: 0
    }

    .splCls {
        width: 17%;
        margin-bottom: -1px
    }

    .follow_links a {
        width: 40px;
        height: 40px;
        line-height: 40px;
        margin: 0 5px 0 0
    }

    .txt_cate2 {
        font-size: 2em
    }

    .welc_cont h1 {
        font-size: 2.5em
    }

    .dtl_rgt {
        width: 52%
    }

    .shopping-cart .mycart .cart-rgt {
        width: 75%
    }

    ul.acc_links li {
        text-transform: capitalize
    }
}

@media only screen and (max-width:1151px) {
    .splCls {
        width: 17%;
        margin-bottom: -1px
    }

    .infobox {
        min-height: 100px
    }

    .banner-area {
        width: 100%;
        margin: auto;
        margin-top: 80px
    }

    .social a {
        width: 24.5%;
        padding: .6em 0;
        display: inline-block;
        color: #fff;
        margin: 0;
        text-align: center
    }

    .ft_heading {
        font-size: 1em;
        line-height: 1.3em;
        color: #000;
        font-weight: 600;
        margin-right: 10px;
        margin-bottom: 50px
    }

    .clientBg {
        min-height: 140px
    }

    .contbox {
        margin-top: 30px
    }

    .contbox h3 {
        margin-bottom: 8px;
        font: 1.8em/1.2em Roboto, Arial, Helvetica, sans-serif !important
    }

    .contbox .mail_T {
        font-size: 1.3em;
        color: #767676;
        margin-top: 8px
    }

    .moreBtn {
        position: relative;
        margin-top: -20px;
        z-index: 9;
        margin-left: 82%
    }

    .weltext {
        padding-top: 100px
    }

    .indusBg {
        padding: 20px;
        background: #fff;
        border-radius: 4px;
        min-height: 240px;
        text-align: center;
        width: 100%;
        border: #efefef 1px solid;
        trasition: all 0.2s;
        margin-right: 15px;
        margin-bottom: 15px
    }

    .indusBg:nth-child(even) {
        margin-right: 0
    }

    .indusBg:nth-child(odd) {
        margin-left: 8px
    }

    .clientBg {
        background: #fff;
        border-radius: 4px;
        min-height: 180px;
        text-align: center;
        width: 100%;
        float: left;
        margin-right: 14px;
        border: #efefef 1px solid;
        trasition: all 0.2s
    }

    .clientBg:nth-child(even) {
        margin-right: 0
    }

    .clientBg:nth-child(odd) {
        margin-left: 8px
    }

    .whyBox {
        text-align: center;
        color: #fff;
        trasition: all 0.2s;
        width: 48%;
        color: #fff;
        float: left;
        margin-right: 14px;
        margin-bottom: 14px
    }

    .whyBox:nth-child(even) {
        margin-right: 0
    }

    .whyBox:nth-child(odd) {
        margin-left: 8px
    }

    .whyBox .box img {
        margin-top: 10px;
        margin-bottom: 10px
    }

    .boxdiv {
        margin-top: 50px
    }

    .ft_logo {
        color: #7e7e7e;
        font-size: .9em;
        line-height: 4.7em;
        margin-top: 0
    }

    .ft_logo img {
        float: left;
        margin-right: 15px
    }

    .about-txt .ls {
        font: 600 3em/1.1em Roboto, Helvetica, sans-serif;
        width: 50%;
        float: left;
        background: #fff;
        padding: 70px;
        color: #fff;
        border-radius: 0 30% 0 30%
    }

    .big-banner {
        background-image: url(../images/aboutBBg.jpg);
        height: 500px;
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        margin: 30px 0;
        padding-top: 100px
    }

    .big-banner h1 {
        font: 300 6em/1em Roboto, Helvetica, sans-serif;
        width: 60%;
        margin: auto;
        color: #fff;
        text-align: center
    }

    .infotxt {
        font: 300 6em/1em Roboto, Helvetica, sans-serif;
        text-align: center;
        color: #424242;
        width: 80%;
        margin: auto
    }

    .mission {
        background: #f5f5f5;
        padding: 50px 0;
        margin-top: 40px
    }

    .missionTxt {
        margin-top: 30px;
        width: 95%
    }
}

@media only screen and (max-width:991px) {
    .container {
        max-width: 95% !important
    }

    .op_box_inner {
        width: 1200px !important;
    }

    .op_box_outer {
        width: 100%;
        overflow-x: scroll;
    }

    .splCls {
        width: 17%;
        margin-bottom: -1px
    }

    .big-banner {
        background-image: none;
        background-color: #071a41;
        padding-top: 30px;
        padding-bottom: 30px;
        min-height: auto
    }

    .big-banner h1 {
        font: 300 3em/1em Roboto, Helvetica, sans-serif;
        width: 100%;
        margin: auto;
        color: #fff;
        text-align: center
    }

    .big-banner-webdesign {
        background-image: none;
        background-color: #071a41;
        padding-top: 30px;
        padding-bottom: 30px;
        min-height: auto
    }

    .big-banner-webdesign h1 {
        font: 300 3em/1em Roboto, Helvetica, sans-serif;
        width: 100%;
        margin: auto;
        color: #fff;
        text-align: center
    }

    .big-banner-cloud {
        background-image: none;
        background-color: #071a41;
        padding-top: 30px;
        padding-bottom: 30px;
        min-height: auto
    }

    .big-banner-cloud h1 {
        font: 300 3em/1em Roboto, Helvetica, sans-serif;
        width: 100%;
        margin: auto;
        color: #fff;
        text-align: center
    }

    .big-banner-hosting {
        background-image: none;
        background-color: #071a41;
        padding-top: 30px;
        padding-bottom: 30px;
        min-height: auto
    }

    .big-banner-hosting h1 {
        font: 300 3em/1em Roboto, Helvetica, sans-serif;
        width: 100%;
        margin: auto;
        color: #fff;
        text-align: center
    }

    .big-banner-email {
        background-image: none;
        background-color: #071a41;
        padding-top: 30px;
        padding-bottom: 30px;
        min-height: auto
    }

    .big-banner-email h1 {
        font: 300 3em/1em Roboto, Helvetica, sans-serif;
        width: 100%;
        margin: auto;
        color: #fff;
        text-align: center
    }

    .big-banner-ssl {
        background-image: none;
        background-color: #071a41;
        padding-top: 30px;
        padding-bottom: 30px;
        min-height: auto
    }

    .big-banner-ssl h1 {
        font: 300 3em/1em Roboto, Helvetica, sans-serif;
        width: 100%;
        margin: auto;
        color: #fff;
        text-align: center
    }

    .big-banner-digital {
        background-image: none;
        background-color: #071a41;
        padding-top: 30px;
        padding-bottom: 30px;
        min-height: auto
    }

    .big-banner-digital h1 {
        font: 300 3em/1em Roboto, Helvetica, sans-serif;
        width: 100%;
        margin: auto;
        color: #fff;
        text-align: center
    }

    .big-banner-content {
        background-image: none;
        background-color: #071a41;
        padding-top: 30px;
        padding-bottom: 30px;
        min-height: auto
    }

    .big-banner-content h1 {
        font: 300 3em/1em Roboto, Helvetica, sans-serif;
        width: 100%;
        margin: auto;
        color: #fff;
        text-align: center
    }

    .big-banner-graphic {
        background-image: none;
        background-color: #071a41;
        padding-top: 30px;
        padding-bottom: 30px;
        min-height: auto
    }

    .big-banner-graphic h1 {
        font: 300 3em/1em Roboto, Helvetica, sans-serif;
        width: 100%;
        margin: auto;
        color: #fff;
        text-align: center
    }

    .big-banner-erp {
        background-image: none;
        background-color: #071a41;
        padding-top: 30px;
        padding-bottom: 30px;
        min-height: auto
    }

    .big-banner-erp h1 {
        font: 300 3em/1em Roboto, Helvetica, sans-serif;
        width: 100%;
        margin: auto;
        color: #fff;
        text-align: center
    }

    .contbox a.quote_btn {
        background: #ee800b;
        border-radius: 4px;
        padding: 10px 40px;
        color: #fff;
        display: inline-block;
        font-size: 1.2em;
        margin: 5px 2px;
        transition: all .2s
    }

    .contbox a.call_btn {
        border: #ee800b 2px solid;
        border-radius: 4px;
        padding: 10px 40px;
        color: #ee800b;
        display: inline-block;
        font-size: 1.2em;
        margin: 5px 2px;
        transition: all .2s
    }

    .contbox .or {
        position: absolute;
        background: #fff;
        color: #000;
        text-align: center;
        padding-top: 10px;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        display: block;
        font-size: 1em;
        margin: 10px 0 0 340px;
        box-shadow: 0 0 10px #8c8c8c
    }

    .contbox .mail_T {
        font-size: 1.2em;
        color: #767676;
        margin-top: 8px
    }

    .about {
        background: #fff;
        min-height: 300px;
        margin-top: 40px;
        text-align: center;
        padding: 50px
    }

    .about img {
        display: none
    }

    .weltext {
        padding-top: 0
    }

    .services {
        background: url(../images/servicesBg.jpg) -120px top no-repeat;
        min-height: 650px;
        margin-top: 40px;
        padding-top: 80px
    }

    .services h2 {
        color: #fff;
        font-size: 2.6em;
        margin-bottom: 6px;
        text-align: center
    }

    .services span {
        color: #000;
        display: block;
        text-align: center
    }

    .serv-outer {
        width: 100%
    }

    .portfolio {
        background: url(../images/portBg.jpg) center top no-repeat;
        min-height: 500px;
        margin-top: 40px;
        padding-top: 80px
    }

    .indusBg {
        padding: 20px;
        background: #fff;
        border-radius: 4px;
        min-height: 240px;
        text-align: center;
        width: 48%;
        border: #efefef 1px solid;
        trasition: all 0.2s;
        margin-right: 15px;
        margin-bottom: 15px
    }

    .indusBg:nth-child(even) {
        margin-right: 0
    }

    .indusBg:nth-child(odd) {
        margin-left: 8px
    }

    .testBox {
        width: 80%;
        margin: 20px auto;
        text-align: center
    }

    .whyBox .box {
        min-height: 284px
    }

    .social a {
        width: 24%;
        padding: 1em 0;
        display: inline-block;
        color: #fff;
        margin: 0;
        text-align: center
    }

    .ft_heading {
        font-size: 1em;
        line-height: 1.3em;
        color: #000;
        font-weight: 600;
        margin-right: 10px;
        margin-bottom: 50px
    }

    .ft_logo {
        color: #7e7e7e;
        font-size: .8em;
        line-height: 3em;
        margin-top: 10px
    }

    .ft_logo img {
        float: left;
        margin-right: 15px;
        width: 15%
    }

    .ft_link a {
        font-size: .8em;
        line-height: 2em;
        color: #4a4a4a;
        display: inline-block;
        padding: 0 2px;
        cursor: pointer
    }

    .stats {
        margin: 30px 0
    }

    .stats li {
        padding: 30px;
        text-align: center;
        list-style: none;
        width: 24%;
        display: inline-block;
        border-right: #f4f4f4 1px solid
    }

    .stats li i {
        color: #000
    }

    .stats li .big {
        font: 400 2em/1.3em Roboto, Helvetica, sans-serif
    }

    .stats li:nth-child(4) {
        border: none
    }

    .about-txt {
        padding: 0 0
    }

    .about-txt .ls {
        font: 600 2em/1.1em Roboto, Helvetica, sans-serif;
        width: 100%;
        min-height: auto;
        float: none;
        background: #cc3352;
        padding: 70px;
        color: #fff;
        border-radius: 0 0 0 0
    }

    .about-txt .rs {
        width: 100%;
        float: none;
        line-height: 1.6em;
        color: #424242;
        padding-top: 20px
    }

    .big-banner {
        background-image: url(../images/aboutBBg.jpg);
        height: 300px;
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        margin: 30px 0;
        padding-top: 80px
    }

    .big-banner h1 {
        font: 300 4em/1em Roboto, Helvetica, sans-serif;
        width: 100%;
        margin: auto;
        color: #fff;
        text-align: center
    }

    .infotxt {
        font: 300 4em/1em Roboto, Helvetica, sans-serif;
        text-align: center;
        color: #424242;
        width: 80%;
        margin: auto
    }

    .serv-box-in {
        width: 48.5%
    }

    .page-head {
        min-height: auto;
        background: linear-gradient(90deg, #48abae 0, #c64f9e 100%);
        padding: 20px 0
    }

    .page-head h1 {
        font: 600 4em/1em Roboto, Arial, Helvetica, sans-serif;
        color: #fff;
        text-align: center;
        padding: 0;
        padding-top: 130px
    }

    .page-head .sub-head {
        font: 300 2em/3em Roboto, Arial, Helvetica, sans-serif;
        color: #fff;
        text-align: center;
        padding: 0;
        padding-bottom: 30px
    }
}

@media only screen and (max-width:1024px) {
    h2 {
        font: 1.5em/1.2em Roboto, Arial, Helvetica, sans-serif;
        color: #000
    }

    h3 {
        font: 2em/1.2em Roboto, Arial, Helvetica, sans-serif;
        color: #000
    }

    .site_link a {
        width: 100%
    }

    .contboxpage {
        padding: 30px;
        border: #eee 1px solid;
        border-radius: 10px;
        width: 100%
    }

    .contbox a.quote_btn {
        background: #ee800b;
        border-radius: 4px;
        padding: 10px 40px;
        color: #fff;
        display: inline-block;
        font-size: 1.2em;
        margin: 5px 2px;
        transition: all .2s
    }

    .contbox a.call_btn {
        border: #ee800b 2px solid;
        border-radius: 4px;
        padding: 10px 40px;
        color: #ee800b;
        display: inline-block;
        font-size: 1.2em;
        margin: 5px 2px;
        transition: all .2s
    }

    .contbox .or {
        display: none
    }

    .contbox .mail_T {
        font-size: 1.2em;
        color: #767676;
        margin-top: 8px
    }

    .about {
        background: #fff;
        min-height: 300px;
        margin-top: 40px;
        text-align: center;
        padding: 30px;
        margin-bottom: 40px
    }

    .about h1 {
        font: 1.5em/1.2em Roboto, Arial, Helvetica, sans-serif
    }

    .about img {
        display: none
    }

    .weltext {
        padding-top: 0
    }

    .services {
        background: #f5f5f5;
        min-height: auto;
        margin-top: 40px;
        padding-top: 40px;
        padding-bottom: 30px
    }

    .services h2 {
        color: #fff;
        font-size: 2em;
        margin-bottom: 6px;
        text-align: center
    }

    .services span {
        color: #000;
        display: block;
        text-align: center
    }

    .serv-outer {
        width: 100%
    }

    .servBg {
        width: 95%;
        margin: 2%;
        background: #fff;
        padding: 20px 30px;
        border-radius: 4px;
        text-align: center;
        transition: all .2s
    }

    .portfolio {
        background: url(../images/portBg.jpg) center top no-repeat;
        min-height: 500px;
        margin-top: 40px;
        padding-top: 80px
    }

    #owl-techno .owl-dots {
        margin-top: 30px;
        margin-left: 40% !important
    }

    .social {
        margin-left: 3px
    }

    .social a {
        width: 24%;
        padding: .6em 0em;
        display: inline-block;
        color: #fff;
        margin: 0;
        text-align: center;
        font-size: 1.5em;
        text-align: center
    }

    .ft_heading {
        font-size: 1em;
        line-height: 1.3em;
        color: #000;
        font-weight: 600;
        margin-right: 10px;
        margin-bottom: 50px;
        display: block;
        float: none
    }

    .pay {
        margin: auto;
        padding: 0 13% 8% 0;
        float: none;
        text-align: center;
        margin-top: -3%
    }

    .ft_link {
        text-align: center
    }

    .ft_link a {
        font-size: .8em;
        line-height: 2em;
        color: #4a4a4a;
        padding: 0 2px;
        cursor: pointer
    }

    .ft_logo {
        color: #7e7e7e;
        font-size: .9em;
        line-height: 4.7em;
        margin-top: 0;
        text-align: center
    }

    .copyrgt {
        margin: 5px auto;
        text-align: center
    }

    .ft_logo img {
        float: none;
        margin-right: 0;
        margin: 10px auto
    }

    footer .d-sm-none {
        display: block !important
    }

    .foot {
        border-bottom: #999 1px solid
    }

    .ft_logo_sec {
        width: 45%;
        float: left
    }

    .ft_call_sec {
        width: 50%;
        float: left;
        margin-left: 20px;
        margin-top: 0;
        font-size: .8em !important
    }

    .ft_heading {
        margin: 0
    }

    .ft_link {
        margin: 10px 0 0 0
    }

    .f_dd_box {
        display: none;
        margin: 0
    }

    .dd_next {
        margin: 10px 0 0 0;
        padding: 7px 0;
        background: url(../images/pls.png) no-repeat 100% center;
        cursor: pointer
    }

    .dd_next_act {
        background: url(../images/mns2.png) no-repeat 100% center
    }

    .ft_right {
        text-align: center;
        margin-top: 10px
    }

    .footer-social-icons {
        margin: 1rem 0
    }

    .contact_col {
        padding: 5px 0;
        min-width: 100%
    }

    .stats {
        margin: 30px 0
    }

    .stats li {
        padding: 30px;
        text-align: center;
        list-style: none;
        width: 24%;
        display: inline-block;
        border-right: #f4f4f4 1px solid
    }

    .stats li i {
        color: #000
    }

    .stats li .big {
        font: 400 2em/1.3em Roboto, Helvetica, sans-serif
    }

    .stats li:nth-child(4) {
        border: none
    }

    .about-txt {
        padding: 0 0
    }

    .about-txt .ls {
        font: 600 2em/1.1em Roboto, Helvetica, sans-serif;
        width: 100%;
        float: none;
        background: #cc3352;
        padding: 70px;
        color: #fff;
        border-radius: 0 0 0 0
    }

    .about-txt .rs {
        width: 100%;
        float: none;
        line-height: 1.6em;
        color: #424242;
        padding-top: 20px
    }

    .big-banner {
        background-image: url(../images/aboutBBg.jpg);
        height: 300px;
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        margin: 30px 0;
        padding-top: 80px
    }

    .big-banner h1 {
        font: 300 2em/1em Roboto, Helvetica, sans-serif;
        width: 100%;
        margin: auto;
        color: #fff;
        text-align: center
    }

    .portBg {
        margin: auto
    }

    .portBg .img-cont {
        display: block;
        margin: auto
    }

    .portBg .img-cont {
        float: none
    }

    .portBg .img-cont img {
        display: inline-block
    }

    .portBg .textBg {
        width: 80%;
        display: inline-block;
        float: none;
        padding: 0 30px;
        margin: 0 0 0 10%;
        text-align: center
    }

    .portBg .compname {
        color: #5d5d5d;
        font-size: .8em;
        text-transform: uppercase
    }

    .portBg hr {
        background: #f1f1f1;
        height: .01em
    }

    .portBg .title {
        color: #000;
        font: 500 1.5em/1.2em Roboto, Helvetica, sans-serif;
        display: block;
        margin: 2px 0 18px 0
    }

    .portBg p {
        color: #3a3a3a;
        line-height: 1.4em;
        margin-top: 20px
    }

    .portBg .link-orange a {
        display: inline-block;
        color: #ee800b;
        margin-top: 30px;
        transition: all .2s
    }

    .serv-box-in {
        width: 100%;
        min-height: 250px;
        text-align: center;
        float: left;
        margin-bottom: 10px;
        margin-right: 10px;
        border: #f8f8f8 1px solid;
        padding-top: 50px;
        border-radius: 10px;
        transition: all .2s
    }

    .serv-box-in-b {
        min-height: auto
    }

    .serv-box-in-r {
        min-height: auto
    }

    .serv-box-in-g {
        min-height: auto
    }

    .portBg .img-cont1 {
        width: 100%;
        text-align: right;
        float: left
    }

    .portBg .img-cont1>img {
        display: block;
        margin: auto
    }

    .portBg .textBg1 {
        width: 100%;
        display: inline-block;
        float: right;
        padding: 0 30px
    }

    .portfolio h2 {
        font-size: 2em;
        margin-bottom: 6px;
        text-align: center;
        color: #000
    }

    .mag-head {
        float: none;
        display: block;
        width: 100%;
        text-align: center;
        margin-top: 30px
    }

    .mag-head h4 {
        font-size: 1em
    }

    .mag-group {
        float: left;
        display: block;
        width: 100%;
        margin-top: 8px
    }

    .owl-theme .owl-nav.disabled+.owl-dots {
        margin-top: 5px;
        margin-left: 35%
    }

    .contbox {
        margin-top: 10px !important
    }

    .portfolio {
        background: #f7f7f7;
        min-height: auto;
        margin-top: 0px;
        padding-bottom: 10px;
        padding-top: 30px;
        margin-bottom: 0
    }

    .portBg .textBg {
        width: 80%;
        display: block;
        position: absolute;
        padding: 10px;
        background: rgba(0, 0, 0, .9);
        opacity: 0;
        transition: all .2s;
        text-align: center;
        margin: auto;
        border-radius: 10px 10px 0 0;
        margin-top: -30px
    }

    .industriesBg {
        background: #833781;
        min-height: auto;
        margin-top: 40px;
        padding-top: 30px
    }

    .industries h2 {
        color: #fff;
        font-size: 2em;
        margin-bottom: 5px;
        text-align: center !important;
        margin-top: 30px
    }

    .whites p {
        text-align: center !important;
        font-size: 1em
    }

    .whites>ul {
        text-align: center !important;
        list-style: none
    }

    .indusBg {
        padding: 20px;
        background: #fff;
        border-radius: 4px;
        min-height: 240px;
        text-align: center;
        width: 45%;
        border: #efefef 1px solid;
        trasition: all 0.2s;
        margin-right: 15px;
        margin-bottom: 15px;
        padding-bottom: 15px
    }

    .moreBtn {
        margin-top: 10px !important;
        margin-bottom: 20px
    }

    .indusBg:nth-child(4),
    .indusBg:nth-child(8) {
        margin-right: 0
    }

    .testiBg {
        min-height: auto;
        margin-top: 40px;
        padding-top: 30px
    }

    .testBox {
        width: 90%;
        margin: 20px auto;
        text-align: center
    }

    .whyus {
        background: #fff;
        min-height: aitp;
        margin-top: 40px;
        padding-top: 30px;
        padding-bottom: 30px
    }

    .whyus h2 {
        color: #fff;
        font-size: 2em;
        margin-bottom: 6px;
        text-align: center
    }

    .whyus span {
        /*color: #fff;*/
        display: block;
        text-align: center
    }

    .whyBox {
        text-align: center;
        color: #fff;
        trasition: all 0.2s;
        width: 98%;
        color: #fff;
        float: none;
        margin-right: 0;
        margin-bottom: 30px
    }

    .whyBox:nth-child(odd) {
        margin-left: 0
    }

    .boxdiv {
        margin-top: 80px
    }

    .whyBox .box {
        min-height: 240px;
        border-radius: 10px;
        padding: 20px;
        color: #fff
    }

    .clients {
        background: #f2f2f2;
        min-height: auto;
        margin-top: 40px;
        padding: 30px 0
    }

    .techno {
        background: #fff;
        min-height: auto;
        margin-top: 0px;
        margin-bottom: 20px;
        padding-top: 40px
    }

    .techno h2 {
        color: #000;
        font-size: 2em;
        margin-bottom: 6px;
        text-align: center
    }

    .techno span {
        color: #000;
        display: block;
        text-align: center
    }

    #owl-techno .item img {
        display: block;
        margin: auto
    }

    #owl-techno .owl-dots {
        margin-top: 30px;
        margin-left: 0 !important;
        text-align: center
    }

    .page-head {
        min-height: auto;
        background: linear-gradient(90deg, #48abae 0, #c64f9e 100%);
        padding: 10px 0
    }

    .page-head h1 {
        font: 600 1.8em/1.1em Roboto, Arial, Helvetica, sans-serif;
        color: #fff;
        text-align: center;
        padding: 0;
        position: relative;
        top: -179px
    }

    .page-head .sub-head {
        font: 300 1.5em/1em Roboto, Arial, Helvetica, sans-serif;
        color: #fff;
        text-align: center;
        padding: 0;
        padding-bottom: 30px;
        margin: 13px 0
    }

    .toptxt {
        width: 95%;
        margin: auto;
        font-weight: 400;
        line-height: inherit;
        color: #424242;
        line-height: 26px !important;
    }

    .top3 .sec {
        width: 100%;
        border-right: none;
        padding: 1em 3em;
        text-align: center;
        float: left;
        margin-bottom: 10px;
        border-bottom: #f8f8f8 1px solid
    }

    .top3 .sec:nth-child(3) {
        border: none
    }

    .top3 .sec h4 {
        margin: 1em 0;
        font-size: 1.5em
    }

    .top3 .sec p {
        font-size: .9em;
        color: #424242;
        line-height: 1.4em
    }

    .spec {
        margin-top: 0em;
    }

    .spec .sec {
        width: 100%;
        padding: 1em 3em;
        text-align: center;
        float: left;
        margin-bottom: 0em
    }

    .spec .sec img {
        margin: .5em 0
    }

    .spec .sec h4 {
        margin: 0 0 1em 0;
        font-size: 1.5em
    }

    .spec .sec p {
        font-size: .9em;
        color: #424242;
        line-height: 1.4em
    }

    .tech-n {
        margin-top: 40px
    }

    .bene {
        margin-top: 2em;
        padding-bottom: 5em;
        min-height: 400px;
        position: relative
    }

    .bene .sec:nth-child(1) {
        margin: 1% auto
    }

    .bene .sec:nth-child(2) {
        margin: 1% auto
    }

    .bene .sec:nth-child(3) {
        margin: 1% auto
    }

    .bene .sec:nth-child(4) {
        margin: 1% auto
    }

    .bene .sec:nth-child(5) {
        margin: 1% auto
    }

    .bene .sec {
        width: 100%;
        padding: 1em 1em;
        text-align: center;
        float: left;
        margin-bottom: -6em
    }

    .bene .sec .circle {
        width: 100%;
        margin: auto;
        height: auto;
        border-radius: 0;
        padding: 1em;
        box-shadow: 0 0 10px -5px rgba(0, 0, 0, .75);
        transition: all .2s;
        z-index: 0;
        position: inherit
    }

    .bene .sec .circle:hover {
        background: #fff;
        z-index: 999;
        box-shadow: 0 0 30px -5px rgba(0, 0, 0, .75);
        width: 100%;
        height: auto
    }

    .bene .sec img {
        margin: .5em 0
    }

    .bene .sec h4 {
        margin: 1em 0;
        font-size: 1.5em
    }

    .bene .sec p {
        font-size: .9em;
        color: #424242;
        line-height: 1.4em
    }

    #owl-techno2 .item {
        background: #fff;
        padding: 10px;
        display: block;
        width: 100%;
        text-align: center;
        height: auto;
    }

    #owl-techno2 .item i {
        display: block;
        margin: 5px auto;
        font-size: 4em
    }

    .tech .item {
        background: #fff;
        padding: 10px;
        display: block;
        width: 32%;
        text-align: center;
        float: left;
        margin-bottom: 5px;
        margin-right: 5px;
        text-transform: uppercase
    }

    .tech .item i {
        display: block;
        margin: 5px auto;
        font-size: 4em
    }

    .boxlink {
        display: none
    }

    #boxlink0 {
        display: block
    }

    .boxw i {
        font-size: 5em;
        color: #2b579a;
        text-align: center
    }

    .boxw {
        background: #fff;
        color: #000;
        padding: 10px;
        width: 90%;
        text-align: center;
        margin: 5% auto 0
    }

    .boxw h3 {
        margin: .5em;
        text-transform: uppercase
    }

    .boxw p {
        font-size: 1em;
        color: #424242
    }

    .blogbox {
        width: 100%;
        padding: 20px;
        box-shadow: 0 0 10px -5px rgba(0, 0, 0, .75);
        transition: all .2s;
        float: left;
        margin-bottom: 10px
    }

    .blogbox:hover {
        box-shadow: 0 0 20px -5px rgba(0, 0, 0, .75)
    }

    .blogbox h2 {
        line-height: inherit
    }

    .blogbox h2 a {
        font-size: 1.2em;
        color: #000;
        line-height: 1.2em !important
    }

    .blogbox p {
        font-size: 1em;
        color: #424242;
        margin-top: 1em
    }

    button.quote_btn1 {
        background: #ee800b;
        border-radius: 4px;
        padding: 10px 40px;
        color: #fff;
        display: inline-block;
        font-size: 1.5em;
        margin: 5px 2px;
        transition: all .2s;
        cursor: pointer
    }

    .servi-bg .item {
        width: 100%;
        margin-right: 1em;
        float: left;
        padding: 1em 3em 2em 3em;
        text-align: center;
        margin-bottom: 1em;
        box-shadow: 0 0 1px rgba(0, 0, 0, .5);
        transition: all .2s;
        border-radius: 4px
    }

    .servi-bg .item:hover {
        box-shadow: 0 0 10px rgba(0, 0, 0, .5)
    }

    .servi-bg .item:nth-child(4) {
        margin-right: 0
    }

    .servi-bg .item a.more {
        padding: .5em 2em;
        text-align: center;
        font-size: .9em;
        color: #fff;
        box-shadow: 0 0 1px rgba(0, 0, 0, .5);
        display: inline-block;
        transition: all .2s;
        border-radius: 4px;
        margin-top: 2em;
        background: #5f3bc2
    }

    .servi-bg .item i {
        font-size: 5em
    }

    .servi-bg .item h4 {
        margin: 1em 0;
        font-size: 1.3em
    }

    .servi-bg .item p {
        font-size: .9em;
        color: #424242;
        line-height: 1.4em
    }

    .gradbox {
        background: #9020de;
        background: -moz-linear-gradient(left, #9020de 0, #243971 100%);
        background: -webkit-linear-gradient(left, #9020de 0, #243971 100%);
        background: linear-gradient(to right, #9020de 0, #243971 100%);
        margin-top: 3em;
        color: #fff
    }

    .hexa {
        min-height: auto
    }

    .hexa-outer:nth-child(even) {
        margin-top: 0
    }

    .hexa-outer {
        float: none;
        margin-top: 80px !important;
        margin-right: 0 !important;
        margin-left: 22%
    }

    .hexagon {
        width: 200px;
        height: 100px;
        background: #fff;
        position: relative;
        text-align: center;
        box-shadow: 0 0 55px rgba(0, 0, 0, .3);
        z-index: 9;
        margin: auto !important
    }

    .num {
        display: none
    }

    .hexagon i {
        font-size: 3em;
        line-height: 1.1em
    }

    .hexagon:nth-child(5) {
        margin-right: 0
    }

    .hexagon:after,
    .hexagon:before {
        content: "";
        position: absolute;
        width: 0;
        height: 0
    }

    .hexagon:before {
        top: -60px;
        left: 0;
        border-left: 100px solid transparent;
        border-right: 100px solid transparent;
        border-bottom: 60px solid #fff
    }

    .hexagon:after {
        bottom: -60px;
        left: 0;
        border-left: 100px solid transparent;
        border-right: 100px solid transparent;
        border-top: 60px solid #fff
    }
}

@media(max-width:1024px) {
    .testBox1 {
        height: auto;
    }

    .c-sm-none {
        display: block
    }

    .c-md-block {
        display: none !important
    }

    .con-none {
        display: block
    }

    .social {
        margin: auto
    }

    .owl-carousel .owl-item img {
        margin: auto
    }

    #owl-press {
        margin: 0 !important
    }

    .hirebox a {
        width: 100%;
        line-height: inherit !important
    }

    .indusBg {
        width: 94%
    }

    .owl-dots {
        display: none
    }

    .tech-n row {
        display: flex !important;
        flex-flow: column-reverse !important;
    }
}

@media(max-width:480px) {
    .con-none {
        display: none
    }

    .indusBg {
        width: 90%;
        position: relative;
        left: 8px
    }

    .stats li {
        padding: 4px;
        width: 23%
    }

    .stxt {
        font-size: 12px;
        line-height: 1.2em;
    }

    .stats li .big {
        font: 500 1.5em/1em Roboto, Helvetica, sans-serif;
    }

    .h4,
    h4 {
        font-size: 1rem
    }

    .about-txt .ls {
        padding: 10px 10px 30px 20px;
    }

    .spec .sec h4 {
        height: auto
    }

    span {
        line-height: 1
    }

    .hirebox a {
        width: 100%
    }
}

@media only screen and (max-width:479px) {
    .g-recaptcha>div {
        width: 100% !important;
        max-width: 304px
    }

    .g-recaptcha iframe {
        max-width: 100% !important;
        max-height: 80px
    }
}

/*.sbo{height:160px !important; overflow:hidden !important;}*/
.sbo {
    min-height: 160px;
}

.sbo_btn {
    height: auto !important;
}

.about {
    margin-bottom: 60px;
}

.ht60 {
    height: 60px;
}

.bgw {
    background: #fff;
}

.mt20mb20 {
    margin: 20px 0;
}

.servi-bg .item p:nth-last-child(1) {
    margin: auto;
}

.blgimg {
    max-width: 100%;
    height: 350px;
    padding-bottom: 10px;
}

.op_box {
    width: 24%;
    display: block;
    float: left;
}

@media only screen and (max-width:480px) {

    .social {
        margin: auto
    }

    .social a {
        padding: .6em 1.35em
    }

    .productlist img {
        width: 100px !important;
        height: auto;
    }

    .productlist img {
        padding: 0px 0;
    }

    .pr-itm {
        padding: 10px 27% !important
    }

    .moreBtn {
        margin-left: 0
    }

    .toptxt {
        padding: 0 0 !important
    }

    .p-5 {
        padding: 9% 5% !important
    }

    .testBox2 h4 {
        font-size: 1em
    }

    .mag-item img {
        margin: auto
    }

    #owl-press {
        margin: 0 !important
    }

    .inner-para {
        font-size: 13px;
        padding: 3% 0
    }

    .sbo {
        height: auto;
    }

    .about,
    .serva_bg {
        margin: 20px 0;
        margin-bottom: 0px;
        padding: 20px 10px;
        background: #f5f5f5;
    }

    body {
        font: 14px/24px Roboto, Arial, Helvetica, sans-serif;
    }

    .contbox {
        margin-top: 30px
    }

    .contbox h3,
    h3,
    .portfolio h2,
    .testiBg h2,
    .clients h2,
    .techno h2 {
        font: 1.5em/1.2em Roboto, Arial, Helvetica, sans-serif !important;
        color: #000 !important;
    }

    .servBg .readm a {
        margin-top: 0px;
    }

    .ht60 {
        height: auto;
    }

    #owl-dev1 .item .sec {
        backgroud: #fff;
    }

    .industries {
        margin-top: 20px;
        background-image: none;
        background-color: #f5f5f5;
        padding: 20px 0;
    }

    .industries p {
        font-size: 1em;
        font-weight: 500;
    }

    .testBox .text {
        min-height: auto;
        padding-top: 0px;
        line-height: 1.5em;
    }

    .usersec {
        margin-top: 0px;
    }

    .boxdiv {
        margin-top: 20px;
    }

    .whyus {
        margin-top: 0px;
        padding-top: 20px;
        padding-bottom: 20px;
        background-color: #f5f5f5;
    }

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

    h1 {
        font: 1.5em/1.2em Roboto, Arial, Helvetica, sans-serif;
        color: #000 !important;
    }

    .hexa-outer {
        float: none;
        margin-top: 115px !important;
        margin-left: 18%;
    }

    .servi-bg .item {
        padding: 1em 1em 2em 1em;
    }

    .servi-bg .item p {
        height: auto;
    }

    .page-head {
        max-height: 100px;
        margin-top: 200px;
    }

    .page-head h1 {
        color: #fff !important;
        top: -300px;
    }

    .page-head .sub-head {
        top: -300px;
    }

    .big-banner {
        height: auto !important;
    }

    .big-banner h1 {
        color: #fff !important;
    }

    .span_in span {
        font-size: 22px !important;
    }

    .blgimg {
        height: auto;
    }

    .toptxt span {
        font-size: 16px !important;
    }

    .cont p {
        height: auto !important;
        margin-bottom: 20px !important;
    }

}

@media print {

    .noprint,
    footer,
    header,
    input[type=button],
    input[type=submit] {
        display: none !important;
        visibility: hidden
    }


    a[href]:after {
        content: none !important
    }
}

#back-top {
    position: fixed;
    bottom: -20px;
    left: 30px;
    z-index: 9999;
    width: 31px;
    display: block;
    transition: all linear .2s;
    -webkit-transition: all linear .2s;
    -moz-transition: all linear .2s;
    -ms-transition: all linear .2s
}

#back-top a {
    width: 30px;
    display: block;
    height: 58px;
    overflow: hidden;
    outline: 0;
    text-decoration: none
}

#back-top span {
    width: 30px;
    height: 58px;
    display: block;
    background: url(../images/top.png) no-repeat;
    opacity: 1;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
    border-radius: 5px 5px 0 0
}

#back-top:hover {
    bottom: -1px;
    outline: 0;
    text-decoration: none
}

.tabpanel__tab {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden
}

.tabpanel__tab:checked+.tabpanel__tablabel {
    background: 0 0;
    color: #fff;
    border-bottom: #0cc 1px solid
}

.tabpanel__tablabel {
    flex: 0 1 auto;
    padding: 12px;
    background: 0 0;
    border-bottom: #151448 1px solid;
    color: #6b69a7;
    font-weight: 400
}

.tabpanel__tablabel:hover {
    cursor: pointer
}

.tabpanel__panel {
    display: none;
    background: 0 0;
    color: fff
}

.tabpanel__panel>:first-child {
    margin-top: 0
}

.tabpanel__panel>:last-child {
    margin-bottom: 0
}

.tabpanel__panel>*+* {
    margin-top: 24px
}

#tabpanel__tab-1:checked~.tabpanel__panels #tabpanel__panel-1,
#tabpanel__tab-2:checked~.tabpanel__panels #tabpanel__panel-2,
#tabpanel__tab-3:checked~.tabpanel__panels #tabpanel__panel-3,
#tabpanel__tab-4:checked~.tabpanel__panels #tabpanel__panel-4,
#tabpanel__tab-5:checked~.tabpanel__panels #tabpanel__panel-5,
#tabpanel__tab-6:checked~.tabpanel__panels #tabpanel__panel-6,
#tabpanel__tab-7:checked~.tabpanel__panels #tabpanel__panel-7 {
    display: block;
    position: relative;
    top: 0
}

.media__body>* {
    margin: 0;
    width: 100%
}

.media__body>p+h2,
.media__body>p+p {
    margin-top: 24px
}

.media {
    display: flex
}

.media .icon p {
    margin: 0 auto;
    border: #fff 1px solid;
    display: block
}

.media__body .icon i {
    margin: 0 1em
}

@media screen and (max-width:600px) {
    .media {
        flex-direction: column;
        align-items: flex-start
    }

    .media .media__img {
        margin: 0 auto
    }

    .media .media__img+.media__body {
        margin: 12px 24px 24px 24px
    }
}

@media screen and (min-width:601px) {
    .media {
        align-items: flex-center
    }

    .media .media__img {
        flex: 0 1 auto;
        height: auto
    }

    .media .media__img+.media__body {
        margin: 24px 105px 24px 18px
    }
}

.tabpanel {
    display: flex;
    flex-wrap: wrap;
    position: relative
}

@media screen and (max-width:600px) {
    .tabpanel {
        flex-direction: column
    }

    .tabpanel .tabpanel__tablabel {
        padding: 24px 36px
    }

    .tabpanel .tabpanel__tablabel+.tabpanel__tab+.tabpanel__tablabel {
        margin-top: 6px
    }

    .tabpanel .tabpanel__tab:checked~.tabpanel__panels {
        order: 1
    }

    .tabpanel .tabpanel__tab:not(:checked)+.tabpanel__tablabel {
        order: initial
    }

    .tabpanel #tabpanel__tab-1+.tabpanel__tablabel {
        order: 1
    }

    .tabpanel #tabpanel__tab-1:checked~.tabpanel__panels {
        order: 1
    }

    .tabpanel #tabpanel__tab-2+.tabpanel__tablabel {
        order: 2
    }

    .tabpanel #tabpanel__tab-2:checked~.tabpanel__panels {
        order: 2
    }

    .tabpanel #tabpanel__tab-3+.tabpanel__tablabel {
        order: 3
    }

    .tabpanel #tabpanel__tab-3:checked~.tabpanel__panels {
        order: 3
    }

    .tabpanel #tabpanel__tab-4+.tabpanel__tablabel {
        order: 4
    }

    .tabpanel #tabpanel__tab-4:checked~.tabpanel__panels {
        order: 4
    }

    .tabpanel #tabpanel__tab-5+.tabpanel__tablabel {
        order: 5
    }

    .tabpanel #tabpanel__tab-5:checked~.tabpanel__panels {
        order: 5
    }

    .tabpanel #tabpanel__tab-6+.tabpanel__tablabel {
        order: 6
    }

    .tabpanel #tabpanel__tab-6:checked~.tabpanel__panels {
        order: 6
    }

    .tabpanel #tabpanel__tab-7+.tabpanel__tablabel {
        order: 7
    }

    .tabpanel #tabpanel__tab-7:checked~.tabpanel__panels {
        order: 7
    }

    .tabpanel .tabpanel__panel {
        padding: 0 12px 12px 12px
    }
}

@media screen and (min-width:601px) {
    .tabpanel {
        flex-direction: row
    }

    .tabpanel i {
        font-size: 3em
    }

    .tabpanel .tabpanel__tablabel {
        flex: 0 1 auto;
        padding-left: 50px;
        padding-right: 50px
    }

    .tabpanel .tabpanel__tablabel+.tabpanel__tab+.tabpanel__tablabel {
        margin-left: 6px
    }

    .tabpanel .tabpanel__panel {
        padding: 12px
    }

    .tabpanel .tabpanel__panels {
        flex: 1 1 100%
    }
}

.hexa {
    min-height: 430px;
    margin-bottom: 50px;
}

.hexa-outer:nth-child(even) {
    margin-top: 200px
}

.hexa-outer {
    float: left;
    margin-top: 100px;
    margin-right: 110px
}

.hexagon {
    width: 200px;
    height: 100px;
    background: #fff;
    position: relative;
    text-align: center;
    box-shadow: 0 0 55px rgba(0, 0, 0, .3);
    z-index: 9
}

.num {
    position: absolute;
    font-size: 6em;
    font-weight: 700;
    color: #eaeaea;
    z-index: 0;
    margin: -60px 0 0 100px
}

.hexagon i {
    font-size: 3em;
    line-height: 1.1em
}

.hexagon:nth-child(5) {
    margin-right: 0
}

.hexagon:after,
.hexagon:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0
}

.hexagon:before {
    top: -60px;
    left: 0;
    border-left: 100px solid transparent;
    border-right: 100px solid transparent;
    border-bottom: 60px solid #fff
}

.hexagon:after {
    bottom: -60px;
    left: 0;
    border-left: 100px solid transparent;
    border-right: 100px solid transparent;
    border-top: 60px solid #fff
}

#cookie-bar {
    font-family: Montserrat, sans-serif;
    background: #615ba8;
    display: block;
    position: fixed;
    z-index: 15;
    bottom: 0;
    width: 100%;
    left: 0;
    color: #fff;
    width: 100%
}

#cookie-bar p {
    width: 85%;
    float: left;
    display: inline-block;
    font-size: 15px;
    line-height: 24px;
    color: #adadad
}

#cookie-bar button {
    float: right;
    background: 0 0;
    border: 1px solid #fff;
    color: #fff;
    padding: 15px 20px;
    text-transform: uppercase;
    font-size: 16px;
    margin-top: 5px;
    border-radius: 4px
}

#cookie-bar a {
    color: #fff
}

#contentcookie {
    padding: 20px 50px;
    width: 80%;
    margin: auto
}

.clear {
    clear: both
}

@media(max-width:767px) {
    #cookie-bar p {
        width: 100%;
        font-size: 14px
    }

    #cookie-bar button {
        width: 100%
    }

    #cookie-bar a {
        color: #fff
    }

    #contentcookie {
        padding: 20px 0;
        width: 90%;
        margin: auto
    }
}

.pagination {
    float: right
}

.pagination a {
    color: #000;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd
}

.pagination a.active {
    background-color: #4caf50;
    color: #fff;
    border: 1px solid #4caf50
}

.sitemap {
    position: relative;
    display: flex;
    flex-flow: row wrap;
    padding: 0
}

.sitemap a {
    position: relative;
    z-index: 10;
    display: inline-flex;
    flex-direction: column;
    padding: .5em 1em;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    border-bottom-width: 3px;
    background: #f9f9f9;
    font-weight: 500;
    text-decoration: none;
    color: #595959
}

.sitemap-main {
    position: relative;
    flex: 1 1 100%;
    order: 3;
    margin-bottom: 1em
}

.sitemap-main a {
    margin-bottom: .5em;
    margin-left: .2em
}

.sitemap-main a:hover {
    background: #c6509e;
    color: #fff;
    border-color: #75004d
}

.sitemap-main ul {
    position: relative;
    padding-left: 1.4em
}

.sitemap-main>ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    margin-top: 0
}

.sitemap-main>ul>li {
    flex: 1 1 auto
}

.sitemap li {
    margin-right: 1em;
    list-style: none
}

.sitemap-main li:after,
.sitemap-main li:before {
    display: inline-block;
    width: 1em;
    height: 2em;
    border: 2px solid #e4e4e4;
    border-right: none;
    border-top: none;
    content: ""
}

.sitemap-main li:after {
    position: absolute;
    left: 1.4em;
    bottom: 0;
    width: 2px;
    height: 100%
}

.sitemap-main>ul:before {
    display: none
}

.sitemap-root {
    margin-bottom: 2em
}

.sitemap-root>a {
    min-width: 8em;
    background: #f3f3f3;
    border-color: #adadad;
    color: #000
}

.sitemap-root>a:hover {
    background: #ccc
}

.sitemap-root>a:before {
    color: #000
}

.sitemap-root>a:after {
    position: absolute;
    bottom: -2.6em;
    left: calc(2em - 1px);
    display: block;
    width: 2px;
    height: 2em;
    background: #eaeaea;
    content: ""
}

.sitemap-main>ul>li>a {
    background: #e4e4e4;
    border-color: #b3b3b3
}

.sitemap-main>ul>li>a:hover {
    background: #49aaae;
    color: #fff;
    border-color: #006b6f
}

.sitemap-main ul ul ul a {
    background: #fff
}

.sitemap-aux {
    order: 3;
    font-size: .9em
}

.sitemap-aux ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0
}

.sitemap-aux li {
    margin: 0 .5em .5em 0
}

.sitemap-aux a {
    background: #f3f3f3;
    border-color: #adadad
}

.web_area {
    margin-top: 50px
}

.top_cont {
    background: #f7f7f7;
    padding: 60px 0;
    text-align: center
}

.top_cont h1 {
    font: 600 40px/42px Roboto, sans-serif;
    color: #ff9728;
    text-shadow: 2px 2px 3px #000
}

.cont {
    padding: 30px 20px;
    color: #424242;
    font-size: 16px;
    line-height: 26px
}

.service_area img {
    transition: all linear .3s;
    border-radius: 25px 0 25px 0
}

.service_area:hover img {
    transform: scale(.9, .9)
}

.cont h4 {
    margin-bottom: 20px;
    height: 27px;
    overflow: hidden
}

.cont p {
    height: 180px;
    overflow: hidden
}

.dedicated_area {
    margin-top: 60px
}

.dedicated_area ul {
    margin: 150px 0 0 0;
    padding: 0;
    list-style: none
}

.dedicated_area ul li {
    margin: 0 0 35px 0;
    padding: 0 0 0 25px;
    background: url("../images/ul-bg.png") no-repeat 0 8px;
    color: #000;
    font-size: 16px;
    font-weight: 500
}

.dedicated_area ul li a {
    transition: .3s
}

.dedicated_area ul li a:hover {
    color: #ee800b
}

.mid_area {
    background: #262e45;
    margin: 0 auto;
    text-align: center;
    height: 503px;
    width: 503px;
    border-radius: 50%;
    padding: 50px 51px;
    color: #fff;
    position: relative;
    transition: .3s
}

.mid_area:hover {
    background: #001656
}

.mid_area:before {
    content: '';
    position: absolute;
    background: url("../images/before-img.png") no-repeat center;
    left: -74%;
    top: -3%;
    height: 118px;
    width: 844px
}

.mid_area:after {
    content: '';
    position: absolute;
    background: url("../images/after-img.png") no-repeat center;
    right: -73%;
    bottom: -3%;
    height: 117px;
    width: 840px
}

.mid_area h5 {
    font-size: 40px;
    font-weight: 400;
    line-height: 46px;
    margin-top: 20px;
    height: 100px;
    overflow: hidden
}

.mid_area p {
    font-size: 16px;
    color: #dfdfdf;
    margin-top: 20px;
    font-weight: 100;
    height: 95px;
    overflow: hidden
}

.icon_area {
    margin-top: 50px
}

.icon_area ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.icon_area ul li {
    margin: 0;
    padding: 0;
    width: 19.7%;
    display: inline-block
}

.icon_area .inm_icon {
    margin: 0 auto;
    width: 170px;
    height: auto;
    transition: .3s
}

.icon_area .inm_icon:hover {
    transform: scale(1.2, 1.2)
}

.icon_area ul li img {
    float: left;
    margin-right: 10px
}

.icon_area ul li p {
    font-size: 18px;
    color: #000;
    font-weight: 500
}

.serv_area {
    margin-top: 80px;
    position: relative
}

.serv_area h3 {
    font: 400 20px/38px Roboto, sans-serif;
    font-size: 2.6em;
    margin-bottom: 9px;
    color: #000
}

.serv_area p {
    font-size: 1.2em
}

.serv_area ul {
    margin-top: 50px;
    padding: 0;
    list-style: none
}

.serv_area ul li {
    margin: 0;
    width: 33%;
    display: inline-block;
    border-right: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
    padding: 50px 30px 50px 40px;
    vertical-align: top
}

.serv_area ul li:first-child {
    padding-top: 0
}

.serv_area ul li:nth-child(2) {
    padding-top: 0
}

.serv_area ul li:nth-child(3) {
    padding-top: 0;
    border-right: none
}

.serv_area ul li:nth-child(6) {
    border-right: none
}

.serv_area ul li:nth-child(7) {
    border-bottom: none;
    padding-bottom: 0
}

.why_areas {
    background: url("../images/bg-img.png") no-repeat;
    transition: .3s
}

.why_areas:hover {
    background: url("../images/bg-img1.png") no-repeat
}

.why_area {
    width: 70px;
    height: 70px;
    border-radius: 100%;
    background: #fd3f70;
    overflow: hidden;
    transition: .3s
}

.why_areas:hover .why_area {
    background: rgba(238, 128, 11, .61)
}

.why_area .thm_icon {
    width: 70px;
    height: 70px;
    margin: 0 auto;
    text-align: center;
    overflow: hidden
}

.why_area .thm_icon span {
    width: 70px;
    height: 70px;
    vertical-align: middle;
    display: table-cell
}

.why_area .thm_icon span img {
    display: block;
    margin: auto;
    max-width: 100%;
    height: auto
}

.why_areas .title {
    font: 500 22px/28px Poppins, sans-serif;
    color: #000;
    margin-top: 15px;
    margin-left: 0
}

.why_areas .text {
    font: 300 15px/25px Poppins, sans-serif;
    color: #424242;
    margin-top: 10px;
    text-align: left;
    margin-left: 0
}

.why_areas .text strong {
    font-weight: 600;
    color: #000
}

.top_cont strong {
    font-weight: 600;
    color: #000
}

.primium {
    box-shadow: 0 2px 48px 0 rgba(0, 0, 0, .09);
    border-radius: 5px;
    padding-bottom: 35px;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    transition: .4s
}

.plan {
    padding: 40px 20px;
    transition: .4s
}

.inquire_btn {
    display: inline-block;
    color: #fff;
    background: #ee800b;
    padding: 8px 25px;
    font-size: 16px;
    font-weight: 100;
    border-radius: 5px;
    margin-top: 25px;
    margin-left: 0;
    transition: all linear .3s
}

.why_areas:hover .inquire_btn {
    background: #fd3f70;
    text-decoration: none;
    color: #fff
}

.why_areas .text_digi {
    font: 300 15px/25px Poppins, sans-serif;
    color: #424242;
    margin-top: 10px;
    text-align: left;
    margin-left: 0;
    height: 255px;
    overflow: hidden
}

.why_areas .text_digi strong {
    font-weight: 600;
    color: #000
}

.why_areas .text_cms {
    font: 300 15px/25px Poppins, sans-serif;
    color: #424242;
    margin-top: 10px;
    text-align: left;
    margin-left: 0;
    height: 255px;
    overflow: hidden
}

.why_areas .text_cms strong {
    font-weight: 600;
    color: #000
}

.why_areas .text_bus {
    font: 300 15px/25px Poppins, sans-serif;
    color: #424242;
    margin-top: 10px;
    text-align: left;
    margin-left: 0;
    height: 260px;
    overflow: hidden
}

.why_areas .text_bus strong {
    font-weight: 600;
    color: #000
}

.why_areas .text_app {
    font: 300 15px/25px Poppins, sans-serif;
    color: #424242;
    margin-top: 10px;
    text-align: left;
    margin-left: 0;
    height: 305px;
    overflow: hidden
}

.why_areas .text_app strong {
    font-weight: 600;
    color: #000
}

.why_areas .text_web {
    font: 300 15px/25px Poppins, sans-serif;
    color: #424242;
    margin-top: 10px;
    text-align: left;
    margin-left: 0;
    height: 305px;
    overflow: hidden
}

.why_areas .text_web strong {
    font-weight: 600;
    color: #000
}

.why_areas .text_nxt {
    font: 300 15px/25px Poppins, sans-serif;
    color: #424242;
    margin-top: 10px;
    text-align: left;
    margin-left: 0;
    height: 275px;
    overflow: hidden
}

.why_areas .text_nxt strong {
    font-weight: 600;
    color: #000
}

#wrapper {
    background: url("../images/text-bg.jpg") center center no-repeat;
    background-size: cover;
    width: 55%;
    height: 177px;
    overflow: hidden;
    position: relative;
    top: -285px;
    left: 40%
}

#wrapper h2 {
    font: 700 50px/91px Oswald, sans-serif;
    text-align: center;
    text-transform: uppercase;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
    transform: translateY(-50%)
}

#wrapper h2 span {
    font-size: 80px
}

.transparent-text {
    background-color: #fff;
    color: #000;
    mix-blend-mode: screen
}

.wrap {
    min-height: 350px
}

.wrap #wrapper {
    background: url("../images/text-bg.jpg") center center no-repeat;
    background-size: cover;
    width: 55%;
    height: 177px;
    overflow: hidden;
    position: relative;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 0
}

.wrap #wrapper h2 {
    font: 700 50px/91px Oswald, sans-serif;
    text-align: center;
    text-transform: uppercase;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
    transform: translateY(-50%)
}

.wrap #wrapper h2 span {
    font-size: 117px
}

.wrap .transparent-text {
    background-color: #fff;
    color: #000;
    mix-blend-mode: screen
}

@media only screen and (max-width:1151px) {
    .mid_area {
        height: 460px;
        width: 460px;
        padding: 50px 90px
    }

    .mid_area:before {
        display: none
    }

    .mid_area:after {
        display: none
    }

    .port_area {
        width: 580px;
        height: 504px
    }

    .port_area .thm_icon {
        width: 580px;
        height: 503px
    }

    .port_area .thm_icon figure {
        width: 580px;
        height: 420px
    }

    .icon_area ul li {
        width: 19.6%
    }

    .serv_area ul li {
        padding: 30px 20px 30px 30px
    }
}

@media only screen and (max-width:1024px) {
    .dedicated_area ul {
        margin: 0;
        text-align: center
    }

    .dedicated_area ul li {
        margin: 0 0 10px 0;
        padding: 0;
        background: 0 0
    }

    .mid_area {
        margin: 30px auto
    }

    .port_areas {
        width: 94%
    }

    .port_area {
        width: 300px;
        height: 220px
    }

    .port_area .thm_icon {
        width: 300px;
        height: 220px
    }

    .port_area .thm_icon figure {
        width: 300px;
        height: 220px
    }

    .port_text {
        padding-top: 0
    }

    .port_text p {
        margin-top: 10px
    }

    .port_text a {
        margin-top: 10px
    }

    .icon_area ul li {
        width: 32.9%;
        margin-top: 20px
    }

    .serv_area ul li {
        width: 49%
    }

    .serv_area ul li:nth-child(2) {
        border-right: none
    }

    .serv_area ul li:nth-child(3) {
        border-right: 1px solid #f0f0f0;
        padding: 30px 20px 30px 30px
    }

    .serv_area ul li:nth-child(4) {
        border-right: none
    }

    #wrapper {
        width: 100%;
        top: 0;
        left: 0;
        right: 0;
        margin-top: 40px
    }

    .testiBg {
        margin-top: 0
    }

    .why_areas .text_digi {
        height: 175px
    }
}

@media only screen and (max-width:768px) {
    .why_areas .text_digi {
        height: 305px
    }
}

@media only screen and (max-width:736px) {
    .port_area {
        width: 300px;
        height: 220px;
        margin-bottom: 20px
    }

    .port_text {
        text-align: center
    }

    .icon_area ul li {
        width: 49.4%
    }

    .serv_area ul li {
        width: 100%;
        border-right: none
    }

    .serv_area ul li:nth-child(2) {
        padding: 30px 20px 30px 30px
    }

    #wrapper {
        height: 87px;
        width: 100% !important
    }

    #wrapper h2 {
        font: 700 30px/30px Oswald, sans-serif
    }

    #wrapper h2 span {
        font-size: 58px
    }

    .why_areas .text_app,
    .why_areas .text_bus,
    .why_areas .text_cms,
    .why_areas .text_digi,
    .why_areas .text_nxt,
    .why_areas .text_web {
        height: auto
    }
}

@media only screen and (max-width:414px) {
    .mid_area {
        height: 310px;
        width: 310px;
        padding: 35px 36px
    }

    .mid_area img {
        width: 70%;
        height: auto;
        padding: 4px
    }

    .mid_area h5 {
        font-size: 20px;
        line-height: 27px;
        margin: 0;
        height: auto
    }

    .mid_area p {
        height: auto;
        margin: auto;
        font-size: 12px;
        font-weight: 400
    }

    .icon_area ul li {
        width: 49.4%;
        margin-top: 20px
    }

    .testBox .text {
        padding-top: 0
    }

    .testiBg {
        /*margin-top: 11%;*/
        background: #f7f7f7;
        padding: 30px 0
    }

    .wrap #wrapper h2 span {
        font-size: 70px
    }
}

.digit {
    background-image: linear-gradient(to right, #bf3554, #21526e);
    margin-bottom: 30px
}

.whites {
    padding-bottom: 80px
}

.whites a {
    color: #fff;
    text-decoration: underline
}

.whites>h2 {
    color: #fff;
    text-align: justify;
    padding: 2% 0;
    text-transform: capitalize
}

.whites>ul {
    color: #fff !important;
    font-size: 1.2em;
    text-align: justify
}

.whites>p {
    color: #fff !important;
    font-size: 1.2em;
    text-align: justify;
    padding-top: 0;
    line-height: 1.7
}

.scroll {
    overflow-x: scroll
}

.scroll table {
    width: 100%;
    table-layout: fixed
}

.scroll table tr {
    border-bottom: 3px solid #fff
}

.scroll table tr td {
    position: relative;
    width: 100px
}

.scroll table tr td:nth-child(1) {
    width: 200px
}

.head {
    font-size: .9em;
    font-weight: 700
}

.head span {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 999;
    margin: 0 auto;
    bottom: -20px
}

.head .col-xl-5 {
    max-width: 25%
}

.head .col-xl-1 {
    max-width: 10.7%;
    flex: 10.7%
}

.head1 {
    background: #ddd;
    padding: 20px;
    width: 30% !important
}

.head2 {
    background: #48abae;
    padding: 20px;
    color: #fff;
    text-align: center;
    position: relative;
    width: 12.5%
}

.head3 {
    background: #052a4a;
    padding: 20px;
    color: #fff;
    text-align: center;
    position: relative;
    width: 12.5%
}

.w700 {
    width: 700px !important
}

.heads {
    font-size: 1em;
    transition: .2s
}

.heads:hover {
    padding: 0 5px;
    background: #097bfc
}

.head1s {
    background: #f5f5f5;
    padding: 20px;
    border: #fff 1px solid
}

.head1s p {
    background: #fff;
    padding: 20px;
    font-size: .8em;
    line-height: 1.7em;
    color: #727272;
    margin-top: 5px;
    border-radius: 5px;
    display: none
}

.head1s a {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px
}

.head2s {
    background: #f5f5f5;
    padding: 20px;
    text-align: center;
    font-weight: 700;
    border: #fff 1px solid
}

.head3s {
    background: #f5f5f5;
    padding: 20px;
    text-align: center;
    font-weight: 700;
    border: #fff 1px solid
}

.head4s {
    background: #f5f5f5;
    padding: 20px;
    text-align: center;
    font-weight: 700;
    border: #fff 1px solid
}

.head5s {
    background: #f5f5f5;
    padding: 20px;
    text-align: center;
    font-weight: 700;
    border: #fff 1px solid
}

.pbut {
    text-align: center;
    margin: auto;
    font-size: .8em
}

.pbut a {
    background: #c00;
    color: #fff;
    padding: 10px 30px;
    text-align: center;
    display: block;
    border-radius: 5px;
    transition: .2s;
    margin-bottom: 5px
}

.pbut a span {
    font-size: 1.5em;
    display: block;
    text-transform: uppercase
}

.pbut a.col1 {
    background: #009e9e;
    background: linear-gradient(to right, #009e9e 0, #39eef1 100%)
}

.pbut a.col2 {
    background: #8f2770;
    background: linear-gradient(to right, #8f2770 0, #c3509f 100%)
}

.pbut a.col3 {
    background: #078f42;
    background: linear-gradient(to right, #078f42 0, #00d15e 100%)
}

.pbut a.col4 {
    background: #005bd1;
    background: linear-gradient(to right, #005bd1 0, #3690ff 100%)
}

.pbut a.col1:hover,
.pbut a.col2:hover,
.pbut a.col3:hover,
.pbut a.col4:hover {
    background: #d43f05
}

.plane_head1 {
    background: #48abae;
    padding: 62px 30px;
    position: relative;
    border-bottom: 1px solid #48abae;
    border-top: 1px solid #48abae
}

.plane_head1 p {
    color: #fff;
    font-size: 20px;
    font-weight: 600
}

.plane_head1:after {
    content: '';
    position: absolute;
    height: 100%;
    width: 50px;
    border-left: 20px solid #48abae;
    right: -50px;
    border-top: 75px solid transparent;
    border-bottom: 75px solid transparent;
    top: 0;
    z-index: 9
}

.plane_cont1 {
    background: #fff;
    padding: 49px 20px 49px 40px;
    border-bottom: 2px solid #bdbdbd;
    border-top: 1px solid #bdbdbd
}

.plane_cont1 p {
    font-size: 18px;
    color: #48abae;
    font-weight: 600
}

.plane_cont1 p span {
    font-size: 16px;
    font-weight: 400;
    color: #000
}

.plane_price1 {
    background: #052a4a;
    padding: 39px 0;
    text-align: center;
    border-bottom: 2px solid #bdbdbd;
    border-top: 1px solid #052a4a
}

.plane_price1 p {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    line-height: 32px
}

.plane_price1 p span {
    font-size: 30px;
    font-weight: 600
}

.plane_price2 {
    background: #00101e;
    padding: 39px 0;
    text-align: center;
    border-bottom: 2px solid #bdbdbd;
    border-top: 1px solid #052a4a
}

.plane_price2 p {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    line-height: 32px
}

.plane_price2 p span {
    font-size: 30px;
    font-weight: 600
}

.plane_head {
    background: #48abae;
    padding: 62px 30px;
    position: relative;
    border-bottom: 1px solid #48abae
}

.plane_head p {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    text-transform: uppercase
}

.plane_head:after {
    content: '';
    position: absolute;
    height: 100%;
    width: 50px;
    border-left: 20px solid #48abae;
    right: -50px;
    border-top: 75px solid transparent;
    border-bottom: 75px solid transparent;
    top: 0;
    z-index: 9
}

.plane_cont {
    background: #fff;
    padding: 49px 20px 49px 40px;
    border-bottom: 2px solid #bdbdbd
}

.plane_cont p {
    font-size: 18px;
    color: #48abae;
    font-weight: 600
}

.plane_cont p span {
    font-size: 16px;
    font-weight: 400;
    color: #000
}

.plane_price {
    background: #052a4a;
    padding: 39px 0;
    text-align: center;
    border-bottom: 2px solid #bdbdbd
}

.plane_price p {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    line-height: 32px
}

.plane_price p span {
    font-size: 30px;
    font-weight: 600
}

@media only screen and (max-width:768px) {
    .plane_head1 {
        padding: 10px 40px;
        border-bottom: 1px solid #48abae;
        border-top: 1px solid #48abae
    }

    .plane_head1:after {
        display: none
    }

    .plane_cont1 {
        padding: 20px 40px;
        border-left: 2px solid #bdbdbd;
        border-right: 1px solid #bdbdbd;
        border-bottom: 0 solid #48abae;
        border-top: 0 solid #48abae
    }

    .plane_price1 {
        border-bottom: 0 solid #bdbdbd;
        border-top: 0 solid #052a4a;
        margin-bottom: 20px
    }

    .plane_head {
        padding: 10px 40px;
        border-bottom: 1px solid #48abae;
        border-top: 1px solid #48abae
    }

    .plane_head:after {
        display: none
    }

    .plane_cont {
        padding: 20px 40px;
        border-left: 2px solid #bdbdbd;
        border-right: 1px solid #bdbdbd;
        border-bottom: 0 solid #48abae;
        border-top: 0 solid #48abae
    }

    .plane_price {
        border-bottom: 0 solid #bdbdbd;
        border-top: 0 solid #052a4a;
        margin-bottom: 20px
    }
}

.responsive {
    width: 100%;
    border-collapse: collapse
}

.responsive th {
    font-weight: 700
}

@media only screen and (max-width:640px) {
    .frame {
        padding: 20px
    }

    /*.responsive,
	.responsive tbody,
	.responsive td,
	.responsive th,
	.responsive thead,
	.responsive tr {
		display: block
	}

	.responsive {
		border-top: 1px solid #bbb;
		border-left: 1px solid #bbb;
		border-right: 1px solid #bbb
	}

	.responsive thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px
	}

	.responsive td {
		border: #000 1px solid;
		border-bottom: 1px solid #ddd;
		position: relative;
		padding-left: 30%
	}

	.responsive td:nth-of-type(4) {
		border-bottom: 0
	}

	.responsive tr {
		border-bottom: 1px solid #bbb
	}

	.responsive td:before {
		position: absolute;
		top: 6px;
		left: 6px;
		width: 35%;
		padding-right: 10px;
		white-space: nowrap;
		font-weight: 700
	}

	.responsive td:nth-of-type(1):before {
		content: "Features";
		left: 20px
	}

	.responsive td:nth-of-type(2):before {
		content: "Starter ($100)"
	}

	.responsive td:nth-of-type(3):before {
		content: "Basic ($125)"
	}

	.responsive td:nth-of-type(4):before {
		content: "Silver($160)"
	}

	.responsive td:nth-of-type(5):before {
		content: "Platinum($200)"
	}

	.responsive td:nth-of-type(6):before {
		content: "Gold($325)"
	}

	.responsive td:nth-of-type(7):before {
		content: "Professional($400)"
	}

	.responsive td:nth-of-type(8):before {
		content: "Enterprise($475)"
	}*/
}

.page-head1 {
    min-height: 300px;
    background: linear-gradient(90deg, #48abae 0, #c64f9e 100%);
    max-height: 300px;
    position: relative;
    overflow: hidden
}

.page-head1 h1 {
    font: 600 3.8em/1em Roboto, Arial, Helvetica, sans-serif;
    color: #fff;
    text-align: center;
    padding: 0;
    position: relative;
    top: 179px
}

.page-head1 .sub-head {
    font: 300 2em/1em Roboto, Arial, Helvetica, sans-serif;
    color: #fff;
    text-align: center;
    padding: 0;
    padding-bottom: 30px;
    position: relative;
    top: 179px
}

.background-shapes {
    content: "";
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    height: 5076px;
    background-size: 100%;
    animation: 120s infiniteScroll linear infinite;
    background-repeat-x: repeat;
    background-image: url(../images/smobg.png)
}

@-webkit-keyframes infiniteScroll {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    100% {
        -webkit-transform: translate3d(0, -1692px, 0);
        transform: translate3d(0, -1692px, 0)
    }
}

@keyframes infiniteScroll {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    100% {
        -webkit-transform: translate3d(0, -1692px, 0);
        transform: translate3d(0, -1692px, 0)
    }
}

@media only screen and (max-width:600px) {
    .splCls {
        width: 90% !important;
        margin-bottom: -1px !important
    }
}

@media only screen and (min-width:600px) {
    .splCls {
        width: 70% !important;
        margin-bottom: -1px !important
    }
}

@media only screen and (min-width:768px) {
    .splCls {
        width: 35% !important;
        margin-bottom: -1px !important
    }
}

@media only screen and (min-width:992px) {
    .splCls {
        width: 25% !important;
        margin-bottom: -1px !important
    }
}

@media only screen and (min-width:1200px) {
    .splCls {
        width: 30% !important;
        margin-bottom: -1px !important
    }
}